/* ==========================================================
 * style_resp.css
 * 반응형 스타일시트
 * Breakpoints:
 *   1500px 이하 — 와이드 랩탑
 *   1280px 이하 — 랩탑 / 태블릿 가로
 *   1024px 이하 — 태블릿
 *    768px 이하 — 모바일 가로 / 태블릿 세로
 *    480px 이하 — 모바일 세로
 * ========================================================== */


/* ----------------------------------------------------------
 * 1500px 이하
 * ---------------------------------------------------------- */
@media (max-width: 1500px) {

	.wrap { width: 90%; }
	.sub_contents .wrap { width: 80%; }

	/* 헤더 */
	.menu_inr li { padding: 0 18px; }
	
	/* 메인 비주얼 */
	.main_vis { height: auto; }
	.main_vis_video { display: flex; }
	.main_vis_video video { position: relative; top: auto; left: auto; transform: translate(0%, 0%); min-height: auto; height: auto; object-fit: contain; }

	/* 메인 */
	.main_con_title h2 { font-size: 52px; }
	.main_con_title p { font-size: 20px; }

	.main_con03 .main_vis_video video {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		min-width: 100%;
		min-height: 100%;
		width: 100%;
		height: auto;
		object-fit: cover;
		transition: opacity 0.5s ease;
	}

	/* tech-list */
	.tech-list .tech-circle { width: 300px; height: 300px; }

	/* history */
	.history-title { width: calc(100% - 680px); }
	.history-list { width: 680px; }

	/* product */
	.tech_list01 li .tech_img { width: 450px; }
	.tech_list01 li .tech_text { width: calc(100% - 450px); }

	/* business */
	.business_list01 li .business_img { width: 400px; }
	.business_list01 li .business_text { width: calc(100% - 400px); }

	/* contact */
	.main_con05 .wrap,
	.contact > .wrap { width: 100%; padding: 0 40px; }
	.main_con05 .main_con_title,
	.contact .main_con_title { width: 420px; }
	.contect_form { width: calc(100% - 420px); }

	/* product06 */
	.product06_inr .product06_img { width: 380px; }
	.product06_inr .product06_text { width: calc(100% - 380px); }

}


/* ----------------------------------------------------------
 * 1280px 이하
 * ---------------------------------------------------------- */
@media (max-width: 1280px) {

	/* 헤더 — 데스크탑 메뉴 숨김 / 모바일 메뉴 표시 */
	.head .wrap { height: 70px; }
	.hd-menu { display: none; }
	.menu { display: none; }
	.head_right { gap: 20px; right: 50px; }
	.menu-toggler,
	.mobile_menu { display: block; }

	nav.mobile_menu { position: fixed; top: -100vh; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; height: 100vh; z-index: 9001; background: rgba(0, 0, 0, 0.9); border-bottom-right-radius: 100%; border-bottom-left-radius: 100%; transition: all 650ms cubic-bezier(1,0,0,1); }
	nav.mobile_menu.open { top: 0; padding: 80px 0px; border-radius: initial; }

	.nav-inner { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: center; }
	.nav-list { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; height: 100%; }
	.nav-list li { margin-bottom: 30px; width: 100%; text-align: center; }
	.nav-list li:last-child { margin-bottom: 0px; }
	.nav-list li a { position: relative; color: #fff; font-size: 1.3em; font-weight: 400; }

	.nav-link { padding: 1rem; font-size: 2rem; }
	.nav-link:hover, .nav-link:focus { color: #fff; }

	.menu-toggler { position: fixed; top: 25px; right: 2%; width: 30px; height: 19px; display: flex; flex-direction: column; justify-content: space-between; z-index: 9999; transition: all 650ms ease-out; cursor: pointer; }
	.menu-toggler.open { transform: rotate(-45deg); }

	.bar { background-color: #fff; width: 100%; height: 2px; border-radius: 0.8rem; }
	.scrolled .bar { background-color: #000; }
	.open .bar { background-color: #fff; }

	.bar.half { width: 50%; }
	.bar.top { transform-origin: right; transition: transform 650ms cubic-bezier(0.54, -0.81, 0.57, 0.57); }
	.open .bar.top { transform: rotate(-450deg) translateX(0.45rem); }
	.bar.bottom { align-self: flex-end; transform-origin: left; transition: transform 650ms cubic-bezier(0.54, -0.81, 0.57, 0.57); }
	.open .bar.bottom { transform: rotate(-450deg) translateX(-0.45rem); }

	.nav-inner ul ul { display: none; margin-top: 10px; }
	.nav-inner ul ul li { margin-bottom:0px; }
	.nav-inner ul ul li a { display: inline-block; padding: 0px; color: rgba(255, 255, 255, 0.7); font-size: 1.1em; font-weight: 300; line-height: 1.8; text-decoration: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
	.nav-inner ul ul li a:hover { color: rgba(255, 255, 255, 1); }
	.nav-inner ul ul li a:before { display: none; height: 1px; }

	/* 메인 비주얼 */
	.main_con { min-height: auto; padding: 100px 0; }
	.main_con_title h2 { font-size: 44px; }
	.main_con_title p { font-size: 18px; }
	.main_con_title { margin-bottom: 50px; }

	/* tech-list */
	.tech-list { flex-wrap: wrap; gap: 30px; }
	.tech-list .tech-circle { width: 200px; height: 200px; padding: 30px; }
	.tech-list .plus { margin: 0 15px; font-size: 40px; }
	.tech-list .tech-circle h3 { margin-bottom: 15px; }
	.tech-list .tech-circle p { font-size: 1.3em; }

	/* main_con01 */
	.main_con01 .wrap { flex-direction: column; }
	.main_con01 .main_con_title { width: 100%; margin-bottom: 40px; position: static; }
	.main_con01 .main_con01_right { width: 100%; }

	/* main_con02 */
	.main_con02 .main_con_title h2 { padding-bottom: 170px; }
	.main_con02 .main_con_title h2:after { top: 120px; }
	.main_con02 .main_con_title h2.active:after { height: 150px; }
	.con02_list { gap: 10px; width: 96%; }

	/* tech_list01 */
	.tech_list01 li .tech_text { padding-left: 50px; }
	.tech_list01 li:nth-child(2n+2) .tech_text { padding-right: 50px; }

	/* differentiation */
	.differentiation_list01 li { width: 100%; }

	/* business */
	.business_list01 li .business_text { padding-left: 50px; }
	.business_list01 li.reverse .business_text { padding-right: 50px; }

	/* contact / main_con05 */
	.main_con05 .wrap,
	.contact > .wrap { flex-direction: column; }
	.main_con05 .main_con_title,
	.contact .main_con_title { width: 100%; margin-bottom: 60px; }
	.contect_form { width: 100%; padding-left: 0; }

	/* product */
	.product06_inr { flex-direction: column; }
	.product06_inr .product06_img { width: 100%; text-align: center; margin-bottom: 40px; }
	.product06_inr .product06_text { width: 100%; padding-left: 0; }

	/* wallet */
	.wallet_inr02 { flex-direction: column; gap: 30px; }
	.wallet_inr02 .content { text-align: center; }
	.wallet_inr02 .feature-desc { text-align: left; word-break: keep-all; }

	/* ir */
	.ir .page_vis_title { font-size: 40px; }

	/* page_title */
	.page_title { font-size: 30px; }
	.page_inr_title h2 { font-size: 42px; }

	/* footer */
	.footer { text-align: center; }
	.footer .wrap { flex-direction: column; gap: 50px; }
	.footer_left { width: 100%; }
	.footer_left .footer_sns ul { justify-content: center; }

	.footer_right { width: 100%; }
	.footer_menu { justify-content: center; gap: 30px; }

}


/* ----------------------------------------------------------
 * 1024px 이하
 * ---------------------------------------------------------- */
@media (max-width: 1024px) {
	
	body { font-size: 17px; }

	/* 메인 비주얼 */
	.m_video { display: flex !important; }
	.pc_video { display: none !important; }

	.main_con { padding: 80px 0; }
	.main_con_title h2 { font-size: 36px; }
	.main_con_title p { font-size: 16px; }

	/* tech-list */
	.tech-list { gap: 0px; }

	/* main_con02 */
	.main_con02 .main_con_title h2 { padding-bottom: 100px; }
	.main_con02 .main_con_title h2.active:after { height: 80px; }
	.main_con02 .main_con_title p { font-size: 20px; }

	.main_con02 .con02_list { gap: 30px; width: 80%; }
	.main_con02 .con02_list .con02_list_cont { flex: none; width: calc(50% - 15px); }
	
	/* main_con03 */
	.business-list { margin-bottom: 50px; }
	.business-item { padding: 50px 20px; border-radius: 5px; }
	.business-item .business-icon img { width: 60px; }
	.business-item .business-title { margin: 10px 0 10px; }
	
	.main_con03_banner { height: 70px; }
	.main_con03_banner span { height: 70px; font-size: 20px; }
	
	/* main_con05 */
	.main_con05 .main_con_title, .contact .main_con_title { margin-bottom: 50px; }
	.main_con05 .main_con_title p { font-size: 1em; }

	.contect_form ul li { margin-bottom: 15px; }
	.contect_form ul li label { margin-bottom: 10px; }

	/* grid-item */
	.grid-wrap { flex-direction: column; }
	.grid-col-right { margin-top: 0; }
	.grid-item { height: 220px !important; }

	/* sub_vis */
	.sub_vis { height: 60vh; }
	.sub_title h2 { font-size: 46px; }

	.sub_contents { margin: 0px 0 100px; font-size: 1em; }
	.sub_contents .board_wrap { padding-top: 100px; }

	/* page_vis */
	.page_vis { height: 350px; }
	.page_vis_title { font-size: 40px; bottom: 50px; }

	/* page_main_title */
	.page_main_title { font-size: 22px; padding-top: 30px; padding-left: 0px; margin-bottom: 50px; }
	.page_main_title:after { font-size: 90px; top: -35px; }

	.page_inr { padding: 100px 0; }

	/* about */
	.about_inr .page_main_title, .product01 .page_main_title { font-size: 25px; }
	.about_textbox { padding-left: 0px; }

	/* tech_list01 */
	.tech_list01 { gap: 60px; }
	.tech_list01 li h3 { font-size: 28px; }

	.tech_list01 li .tech_img { width: 350px; }
	.tech_list01 li .tech_text { width: calc(100% - 350px); }

	/* differentiation */
	.differentiation_list01 li .icon { width: 140px; height: 140px; }
	.differentiation_list01 li .differentiation_text { width: calc(100% - 140px); }
	.differentiation_list01 li h3 { font-size: 22px; }

	/* business */
	.business_list01 li .business_img { width: 350px; }
	.business_list01 li.reverse .business_text { width: calc(100% - 350px); }
	
	.product10_iconlist01 { gap: 20px; }
	.product10_iconlist01 li span { word-break: keep-all; }
	.product10_iconlist01 li span br { display: none; }

	/* certification */
	.certification .card { flex-direction: column; }
	.certification .card-image { width: 100%; min-height: 200px; }
	.card_in { width: 100%; }

	/* business_list01 */
	.business_list01 li h3 { font-size: 26px; padding-left: 100px; }
	
	.business_list02 li h3 { margin-bottom: 30px; font-size: 26px; }

	/* product */
	.features { gap: 60px; flex-wrap: wrap; }

	/*.product_list li { margin-bottom: 10px; }*/
	
	.product03_imgbox01 { gap: 50px; }
	
	.product04_textlist01 { gap: 50px; }
	.product04_textlist01 li { width: calc(50% - 25px); }
	.product04_textlist01 li:first-child:after { right: -43px; }

	.product05_list li { width: 100%; }

	/* product07 */
	.product07_inr03 .card-section { flex-direction: column; }
	.product07_inr03 .card-header { width: 100%; }
	.process-box { width: 100%; }

	/* partners */
	.partners_list01 { gap: 30px 2%; }
	.partners_list01 li { width: 49%; }
	.partners_list01 li .partner_logo { margin-bottom: 15px; }

	/* ir */
	.ir .page_vis { height: 500px; }

	/* history */
    .history-title { width: 100%; margin-bottom: 50px; }
	.history-title > h5 { font-size: 36px; line-height:1; }
	.history-title > p { font-size: 22px; }
	.history-title > p br { display: none; }
	.history-list { width: 100%; padding-left: 0px; }
	.history-list-line { left: 137px; }
	.history-list > ul { gap: 50px; }
	.history-list > ul > li > b { line-height: 1; }
	.history-list > ul > li > b:before { top: 4px; }
	.history-list > ul > li > b:after { top: calc(6px + 2px); }
	.history-list > ul > li > div p { display: flex; flex-wrap: wrap; align-items: center; padding-left: 0px; }

	/* footer */
	.footer { padding: 70px 0; }
	.footer_copyright span { padding: 0 12px; }

}


/* ----------------------------------------------------------
 * 768px 이하
 * ---------------------------------------------------------- */
@media (max-width: 768px) {
	
	body { font-size: 15px; }

	/* 헤더 */
	.head { height: 60px; }
	.head .wrap { height: 60px; }
	.head .logo { height: 60px; }
	.head_right { gap: 15px; right: 30px; }
	.head_right a { font-size: 12px; }
	.head_right a.contact_btn { width: 90px; height: 30px; font-size: 12px; }
	.head_right .langbox { gap: 15px; }
	.head_right .langbox a:first-child:after { right: -6px; }

    .menu-toggler { top: 20px; }

	/* 메인 비주얼 */
	.main_con { padding: 60px 0; }
	.main_con_title { margin-bottom: 40px; }
	.main_con_title h2 { font-size: 28px; }
	.main_con_title p { font-size: 15px; margin-top: 20px; }

	/* 메인 con01 */
	.main_con01 .main_con_title h3 { font-size: 28px; }
	
	/* 메인 con02 */
	.main_con02 .main_con_title h2:after { top: 70px; }

	.con02_list.swiper.pc_only   { display: none; }
    .mobile_only { display: block; }

	.main_con02 .con02_list { width: 90%; }
	.main_con02 .con02_list .con02_list_inr:after { background-size: 60% !important; }
	.main_con02 .con02_list .con02_list_inr .cont { padding: 50px 30px; }
	.main_con02 .con02_list .con02_list_inr .cont h3 { font-size: 25px; }
	.main_con02 .con02_list .con02_list_inr .cont h3 span { margin-bottom: 15px; font-size: 14px; }
	.main_con02 .con02_list .con02_list_inr .cont dl dd { font-size: 1em; }

    /* 모바일 Swiper 슬라이드 높이 */
    .con02_list_swiper { width: 100%; padding-bottom: 40px; }
    .con02_list_swiper .con02_list_inr { padding-top: 115%; }

    /* 페이지네이션 색상 */
    .con02_list_swiper .swiper-pagination-bullet { background: rgba(255,255,255,0.4); }
    .con02_list_swiper .swiper-pagination-bullet-active { background: #00edff; }
	
	/* 메인 con04 */
	.main_con04 .main_con_title h2 { gap: 10px; }

	/* grid */
	.grid-item { height: 180px !important; border-radius: 12px; }

	/* tech-list */
	.tech-list { justify-content: center; flex-direction: column; align-items: center;}
	.tech-list .tech-circle { width: 220px; height: 220px; padding: 25px; }
	.tech-list .tech-circle p { font-size: 1.2em; }
	.tech-list .plus { font-size: 30px; margin: 0 10px; }

	/* sub_vis */
	.sub_title h2 { font-size: 34px; }

	.sub_contents { margin: 0px 0 80px; }
	.sub_contents .board_wrap { padding-top: 80px; }

	/* page_vis */
	.page_vis { height: 280px; margin-bottom: 60px; }
	.page_vis_title { font-size: 30px; bottom: 30px; }
	.page_vis_title .stext { margin-top: 15px; color: #fff; font-size: 15px; }

	/* page_main_title */
	.page_main_title { font-size: 18px; }
	.page_main_title:after { font-size: 70px; top: -25px; left: -10px; }

	/* page_title */
	.page_title { font-size: 24px; padding-left: 35px; }
	.page_title .stext { font-size: 16px; margin-top: 15px; }

	/* page_inr */
	.page_inr { padding: 80px 0; }
	.page_inr_title { margin-bottom: 50px; }
	.page_inr_title h2 { font-size: 32px; }

	.page_inr_in { margin-bottom: 100px; }

	.mo_br { display: inline-block; }

	/* about */
	.about_inr .wrap { flex-direction: column; }
	.about_inr .page_main_title br { display: none; }
	

	/* tech_list01 */
	.tech_list01 { gap: 40px; }
	.tech_list01 li .tech_img { width: 100%; margin-bottom: 50px; }
	.tech_list01 li .tech_text { width: 100%; padding-left: 0px; }
	.tech_list01 li:nth-child(2n+2) .tech_text { padding-right: 0px; }

	.tech_list01 li h3 { font-size: 24px; }
	.tech_list01 li h3 span { margin-bottom: 10px; font-size: 14px; }

	.download_btnbox { justify-content: center; text-align: center; }

	/* differentiation */
	.differentiation_list01 { gap: 40px; }
	.differentiation_list01 li h3 { font-size: 20px; }

	/* certification */
	.certification .title-bar { flex-direction: column; gap: 10px; text-align: center; }
	.certification .title-bar h3 { font-size: 18px; }
	.certification .card-content { padding: 20px; }
	.certification .card-image { min-height: 180px; padding: 0px; }

	/* business_list01 */
	.business_list01 { gap: 60px; }
	.business_list01 li .business_img { width: 100%; margin-bottom: 30px; }
	.business_list01 li .business_text { width: 100%; padding-left: 0px; }
	.business_list01 li.reverse .business_text { width: 100%; padding-right: 0px; }
	.business_list01 li h3 { font-size: 22px; padding-left: 80px; margin-bottom: 30px; }
    .business_list01 li h3 span { margin-bottom: 5px; font-size: 12px; }

	.business_list02 { gap: 60px 0%; }
	.business_list02 li h3 { font-size: 22px; }
	.business_list02 li p { word-break: break-all; }

	/* product */
	.product_img .pc_img { display: none; }
	.product_img .mo_img { display: block; }

	.product_list li { font-size: 1.2em; }
	.product_list li h4 .mo_br { display: inline-block; }

	.learn h3, .product h3 { font-size: 28px; padding-left: 40px; margin-bottom: 30px; }
	.learn h3:after, .product h3:after { content: ''; position: absolute; top: 2px; left: 0px; z-index: 1; width: 30px; height: 30px; border-radius: 5px;}
    .learn h3:before, .product h3:before { content: ''; position: absolute; top: 9px; left: 7px; width: 16px; height: 16px; border-radius: 3px; }

	.product01_title h2 { font-size: 30px; padding-left: 0; }
	.product01_title03 h2:before { top: -40px; left: -70px; font-size: 125px; line-height: 1; }

	.product01_inr02 { padding: 100px 0; }
	.product01_inr02_stitle p { width: 100%; }

	.product01_inr02_stitle p:after {content:'“';left: 0px;}
	.product01_inr02_stitle p:before { content:'”'; right: 0px; }
	.product01_inr02_stitle p:after, .product01_inr02_stitle p:before { font-size: 112px; display: none; }
	
	.product01_inr02_stitle { margin-bottom: 50px; }
	.quote-dots { margin: 50px auto 0; }
	.product01_inr02_title { margin-bottom: 50px; }
	.product01_inr02_title h2 { font-size: 25px; }
	.product01_inr02_title .btn-vaisen { margin-top: 50px; font-size: 25px !important; }

	.features { gap: 40px; }

	.product_list li h4 { font-size: 20px; }

	.wallet_inr02 .feature-desc .link { display: block; margin-top: 5px; text-align: left;}

	/* product02 */
	.product02 .wallet_inr01 { flex-direction: column; margin-bottom: 100px; }
	.product02_imglist01 { width: 100%; margin-bottom: 40px; }
	.product02 .product_textbox { width: 100%; padding-left: 0; }

	.product02 .wallet_inr02 .page_main_title {  }

	.wallet_inr02 .dots { flex-direction: column; }

	/* product03 */
	.product03_imgbox01 { flex-direction: column; align-items: center; gap: 40px; }
	.product03_textlist { width: 100%; }
	.product03_textlist .product03_text { display: flex; flex-direction: column; text-align: center; }
	.product03_textlist .product03_text p { justify-content: center; padding: 30px 30px; }
	.product03 .download_btnbox { justify-content: center; }

	.product03-prev, .product03-next { display: none; }
    .product03-pagination { display: block; }

    .product03-pagination .swiper-pagination-bullet { background: #ddd; opacity: 1; }
    .product03-pagination .swiper-pagination-bullet-active { background: #005aab; }
	
	/* product04 */
	.product04_imglist01 { flex-direction: column; align-items: center; }
	.product04_imglist01 li { width: 100%; }
	.product04_imglist01 li:first-child { width: 100%; }
	.product04_imglist01 li:after { top: auto; bottom: -40px; right: calc(50% - 19px); transform: rotate(90deg); }

	.product04_text .title { margin-bottom: 30px; font-size: 25px; }
	
	/* product05 */
	.product05_list { flex-direction: column; }
	.product05_list li { width: 100%; padding: 40px 30px; }
	.product05_list li h4 { margin-bottom: 10px; }

	/* product07 */
	.product07_inr04 .card_box { grid-template-columns: 1fr; gap: 30px; }
	.product07_inr04 .divider { display: none; }
	.product07_inr04 .card { padding: 30px 20px; }
	.product07_inr04 .card-title { font-size: 1.2em; }

	.product07_inr03  .process-title span {
		display: block;
		margin-left: 0px;
	}

	.blockchain-process span{
		display: block;
        margin-left: 0px;
	}

	/* product10 */
	p.product_textbox { padding: 30px; }

	.product10_iconlist01 { flex-wrap: wrap; gap: 5%; }
	.product10_iconlist01 li { width: 30%; }
	.product10_iconlist01 li .icon { margin-bottom: 20px; }
	.product10_iconlist01 li span { font-size: 13px; }



	/* ir */
	.ir .page_vis { height: 400px; }
	.ir .page_vis_title { font-size: 30px; }
	a.company_btn { gap: 5px; width: 200px; height: 55px; margin-top: 50px; font-size: 16px; }
	a.company_btn i { font-size: 19px; }

	/* contact / main_con05 */
	.contect_form ul li input.frm_input { height: 50px; font-size: 16px; }
	.contect_form ul li textarea { font-size: 16px; }
	.contect_form ul li input::placeholder,
	.contect_form ul li textarea::placeholder { font-size: 14px; }
	.contect_btn { width: 160px; height: 50px; font-size: 16px; }

	/* 아코디언 */
	.accordion-elem { padding: 30px 20px; }
	.accordion-text span:after { top: 8px; }
	.text_wrap { padding-left: 0; }

	/* 메인 con03 배너 */
	.main_con03_banner span { font-size: 22px; }

	/* 비즈니스 아이템 */
	.business-list { flex-direction: column; }
	.business-item { padding: 50px 30px; }

	/* footer */
	.footer { padding: 60px 0; }
	.footer .wrap { gap: 30px; }
	.footer_menu { gap: 10px; margin-bottom: 20px; }
	.footer_copyright span { display: block; padding: 0; }
	.footer_copyright span:after { display: none; }
	.footer_copyright br { display: none; }
	.footer_left .footer_sns ul li a { width: 42px; height: 42px; }

	/* 탭 */
	.con02_list { width: 100%; }

	/* privacy */
	.privacy h2 { margin-bottom: 30px; font-size: 24px; }
	.privacy_list01 { padding: 30px; }
	.privacy_list01 li { margin-left: 20px; }
	.privacy_list02 li:after { top: 7px; }
	
	.table_resp { overflow-x: auto; }
	.table_resp table { min-width: 740px; }

}

@media (max-width: 640px) {
	
	/* 메인 con02 */
	.main_con02 .main_con_title h2 { padding-bottom: 0; }
	.main_con02 .main_con_title h2.active:after { display: none; }
	.main_con02 .main_con_title p { font-size: 1em; }
	
	/* .main_con02 .con02_list { gap: 10px; }
	.main_con02 .con02_list .con02_list_cont { width: 100%; }
	.main_con02 .con02_list .con02_list_inr { padding-top: 0%; }
    .main_con02 .con02_list .con02_list_inr:after { background-size: 45% !important; }
	.main_con02 .con02_list .con02_list_inr .cont { position: relative; }
	.main_con02 .con02_list .con02_list_inr .cont h3 { margin-bottom: 30px; } */
	
	/* 메인 con03 */
	.business-item { padding: 40px 30px; }    

}

@media (max-width: 500px) {
	
	.download_btnbox .download_btn { width: calc(50% - 5px); }

}

@media (max-width: 480px) {

	/* 헤더 */
	.head { height: 55px; }
	.head .wrap { height: 55px; }
	.head .logo img { height: 25px; }
	.head_right a.contact_btn { display: none; }
	.head_right .langbox { gap: 10px; }
	.menu-toggler { top: 19px; }

	/* 메인 비주얼 */
	.main_con_title h2 {  }
	.main_con_title p { font-size: 14px; }
	
	.con02_list_swiper .con02_list_inr { padding-top: 140%; }

	.business-item .business-icon img { width: 45px; }

	/* grid */
	.grid-item { height: 160px !important; font-size: 1.1em !important; padding: 16px !important; }
	
	/* sub */
	.sub_contents .wrap { width: 85%; }

	/* page_vis */
	.page_vis { height: 220px; }
	.page_vis_title { font-size: 24px; }

	/* page_title */
	.page_title { font-size: 20px; }
	.page_inr_title { margin-bottom: 30px; }
	.page_inr_title h2 { font-size: 26px; }

	.page_inr_in { margin-bottom: 60px; }

	/* tech-list */
	.tech-list .tech-circle { width: 180px; height: 180px; padding: 20px; }
	.tech-list .tech-circle h3 { margin-bottom: 10px; font-size: 0.75em; }
	.tech-list .tech-circle p { font-size: 1em; }

	/* product */
	.product h3 { font-size: 24px; }
	.product h4 { font-size: 20px; }

	.product01_inr02_stitle p { font-size: 1.1em; }
	.product01_inr02_title h2 { font-size: 21px; }
	.product01_title h2 { font-size: 25px; }

	.product01_title03 h2:before { left: -30px; }

	.features { gap: 0px; }
	.feature-icon { margin: 0 auto 20px; }
	
	.product03_list01 { margin: 0 auto 50px; }
	.product03_imglist { width: 260px; }
	.product03_imglist:after { background-size: 260px; }
	.product03_textlist .product03_text h4 { font-size: 25px; }
	
	.product04_text { margin-bottom: 50px; }
	.product04_textlist01 li { width: 100%; height: 100px; }
	.product04_textlist01 li:first-child:after { top: auto; bottom: -50px; right: calc(50% - 20px); transform: rotate(90deg); }
	
	.product06_inr .product06_text .product06_title { gap: 20px; margin-bottom: 30px; font-size: 25px; }
	.product06_inr .product06_text .product06_title img { width: 60px; }

	.product10_iconlist01 li { width: 100%; }

	.feature-label { font-size: 1.0em; }

	/* contact */
	.contect_form ul li { flex-direction: column; }
	.contect_form ul li label { font-size: 0.9em; }
	
	/* business */
	.business_list01 li h3 { align-content: flex-end; min-height: 44px; padding-left: 60px; font-size: 20px; }
	.business_list01 li h3 i { letter-spacing: -0.07em; }
	.business_list01 li h3 span { margin-bottom: 5px; }
	
	.business_list02 li h3 { font-size: 20px; word-break: keep-all; }
	.business_list02 li h3 i { display: block; margin-bottom: 5px; margin-right: 0px; }

	/* footer */
	.footer { font-size: 0.8em; }
	.footer_left .logo img { max-width: 140px; }

	/* 아코디언 */
	.accordion-title { font-size: 1.2em; }

	/* main_con03 배너 */
	.main_con03_banner { height: 70px; }
	.main_con03_banner span { height: 70px; font-size: 18px; }

	/* history */
	.history-list-line { left: 100px; }
	.history-list > ul > li > b { padding-right: 60px; width: 130px; }
	.history-list > ul > li > b:before { right: 20px; }
	.history-list > ul > li > b:after { right: calc(20px + 4px); }
	
	.differentiation_list01 li { justify-content: center; }
	.differentiation_list01 li .icon { width: 100px; height: 100px; margin-bottom: 20px; }
	.differentiation_list01 li .icon img { width: 60px; }
    .differentiation_list01 li .differentiation_text { text-align: center; width: 100%; padding-left: 0px; }
	.differentiation_list01 li h3 i { margin-bottom: 5px; }

}


/* ----------------------------------------------------------
 * 375px 이하
 * ---------------------------------------------------------- */
@media (max-width: 380px) {

	/* 헤더 */
	.head { height: 50px; }
	.head .logo { height: 50px; }
	.menu-toggler { top: 15px; }

	/* 메인 비주얼 */
	.main_con { padding: 50px 0; }
	.main_con_title h2 {  }
	.main_con_title p { font-size: 13px; margin-top: 15px; }
	.main_con_title { margin-bottom: 30px; }

	/* grid */
	.grid-item { height: 140px !important; font-size: 1em !important; padding: 14px !important; border-radius: 10px; }
	.grid-wrap { gap: 8px; }
	.grid-col { gap: 8px; }

	/* page_vis */
	.page_vis { height: 180px; margin-bottom: 40px; }
	.page_vis_title { font-size: 20px; bottom: 20px; }
	.page_vis_title .stext { font-size: 13px; margin-top: 10px; }

	/* page 타이틀 */
	.page_title { font-size: 18px; padding-left: 28px; margin-bottom: 50px; }
	.page_title:after { width: 4px; }
	.page_title .stext { font-size: 14px; }
	.page_inr_title h2 { font-size: 22px; }
	.page_inr { padding: 60px 0; }
	.page_main_title { font-size: 16px; margin-bottom: 50px; }
	.page_main_title:after { font-size: 55px; top: -20px; left: -5px; }

	/* tech-list */
	.tech-list { flex-direction: column; align-items: center; }
	.tech-list .plus { transform: rotate(90deg); margin: 0; }

	/* differentiation */
	.differentiation_list01 li h3 { font-size: 18px; }
	.differentiation_list01 li p { font-size: 0.85em; }
	.differentiation_title { font-size: 18px; padding: 30px 20px; }

	/* certification */
	.certification .card-image { padding: 20px; }
	.certification .title-bar h3 { font-size: 16px; }
	.certification .card-content { padding: 16px; }
	.certification .content-item .title { font-size: 0.9em; }

	/* business */
	.business_list01 li h3 { font-size: 18px; padding-left: 60px; }
	.business_list01 li h3 i {  }
	.business_list01 li p { font-size: 0.85em; }
	.taglist dd { height: 38px; padding: 0 20px; font-size: 0.8em; }

	/* product */
	.about_inr .page_main_title, .product01 .page_main_title { font-size: 20px; }

	.product_list li { font-size: 0.9em; padding-left: 22px; }
	.product_list li:after { width: 8px; height: 8px; top: 8px; }
	
	.product01_inr02_stitle p { font-size: 1em; letter-spacing: -0.03em; }
	.product01_inr02_title .btn-vaisen { width: 80%; height: 60px; }

	.feature-label { font-size: 1.0em; }
	.feature-icon img { max-width: 70%; }
	
	.product05_list { gap: 10px 2%; }
	.product05_list li { padding: 30px 20px; }
	
	.product04_text .title { font-size: 26px; }

	/* product07 */
	.product07_inr04 .card { padding: 24px 16px; }
	.product07_inr04 .card-title { font-size: 1.1em; }
	.product07_inr04 .answer-box { padding: 0 16px; font-size: 0.85em; }
	.product07_inr04 .bottom-box { font-size: 15px; padding: 20px 16px; }

	/* ir */
	.ir .page_vis { height: 320px; }
	.ir .page_vis_title { font-size: 22px; }
	a.company_btn { height: 48px; font-size: 14px; }

	/* contact / main_con05 */
	.contect_form ul li input.frm_input { height: 46px; font-size: 14px; padding: 15px; }
	.contect_form ul li textarea { font-size: 14px; padding: 15px; height: 120px; }
	.contect_form ul li label { font-size: 0.85em; }
	.contect_btn { width: 140px; height: 46px; font-size: 15px; }
	.contect_form ul { margin-bottom: 30px; }
	.contect_form ul li { margin-bottom: 20px; }

	/* 아코디언 */
	.accordion-elem { padding: 24px 16px; }
	.accordion-title { font-size: 1em; }
	.text_wrap { margin-top: 20px; }
	.accordion-text span { font-size: 0.9em; }

	/* 메인 con03 배너 */
	.main_con03_banner { height: 60px; }
	.main_con03_banner span { height: 60px; font-size: 16px; margin: 0 6px; }

	/* partners */
	.partners_list01 li .partner_logo { padding: 15px; }

	/* privacy */
	.privacy h2 { font-size: 26px; }
	.privacy_list01 { padding: 30px 20px; }
	.privacy_table01 th,
	.privacy_table01 td { padding: 12px 6px; font-size: 0.85em; }

	/* footer */
	.footer { padding: 50px 0; font-size: 0.8em; }
	.footer_left .logo img { max-width: 120px; }
	.footer_left .footer_sns ul li a { width: 38px; height: 38px; }
	.footer_copyright span { font-size: 0.85em; }

	/* 비즈니스 아이템 */
	.business-item { padding: 40px 20px; }
	.business-item .business-title { font-size: 1.1em; }
	.business-item .business-desc { font-size: 0.9em; }

	/* con02 */
	.con02_list .swiper-slide .con02_list_inr .cont h3 { font-size: 26px; }
	.con02_list .swiper-slide .con02_list_inr .cont dl dd { font-size: 14px; }

}

/* ----------------------------------------------------------
 * 355px 이하
 * ---------------------------------------------------------- */
@media (max-width: 355px) {

	.business_list01 li h3 span { letter-spacing: -0.05em; }

}