@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

/*--all class--*/
* {font-family: 'Spoqa Han Sans Neo', 'sans-serif'; letter-spacing: -0.04em;word-break:keep-all;}

:root {
/*--font size--*/
	--font-size-13: 0.813rem;
	--font-size-14: 0.875rem;
	--font-size-15: 0.9375rem; 
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-19: 1.188rem;
	--font-size-20: 1.25rem; 
	--font-size-21: 1.313rem;
	--font-size-22: 1.375rem; 
	--font-size-23: 1.438rem; 
	--font-size-24: 1.5rem; 
	--font-size-25: 1.563rem; 
	--font-size-26: 1.625rem;
	--font-size-27: 1.688rem; 
	--font-size-28: 1.75rem; 
	--font-size-30: 1.875rem; 
	--font-size-31: 1.938rem; 
	--font-size-32: 2rem; 
	--font-size-34: 2.125rem; 
	--font-size-35: 2.188rem; 
	--font-size-36: 2.25rem; 
	--font-size-37: 2.313rem; 
	--font-size-38: 2.375rem; 	
	--font-size-40: 2.5rem; 	
	--font-size-42: 2.625rem; 
	--font-size-43: 2.688rem; 
	--font-size-45: 2.813rem; 
	--font-size-48: 3rem; 
	--font-size-50: 3.125rem;
	--font-size-52: 3.25rem;
	--font-size-55: 3.438rem;
	--font-size-58: 3.625rem;
	--font-size-60: 3.75rem;
	--font-size-65: 4.063rem;
	--font-size-70: 4.375rem;
	--font-size-72: 4.5rem;
	--font-size-74: 4.625rem;
	--font-size-75: 4.688rem;
	--font-size-80: 5rem;
	--font-size-85: 5.313rem;
	--font-size-86: 5.375rem;
	--font-size-90: 5.625rem;
	--font-size-100: 6.25rem;
	--font-size-110: 6.875rem;
	--font-size-120: 7.5rem;

/*--font weight--*/
	--font-t: 100;
	--font-l: 300;
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: 700;
	--font-eb: 800;
	--font-bl: 900;

/*color*/
--color-main: #c82f16;
--color-white: #fff;
}

.fs_14{font-size: var(--font-size-14);letter-spacing: -0.03em;}
.fs_15{font-size: var(--font-size-15);letter-spacing: -0.03em;}
.fs_16{font-size: var(--font-size-16);letter-spacing: -0.03em;} 
.fs_17{font-size: var(--font-size-17);letter-spacing: -0.03em;} 
.fs_18{font-size: var(--font-size-18);letter-spacing: -0.03em;}
.fs_20{font-size: var(--font-size-20);} 
.fs_21{font-size: var(--font-size-21);} 
.fs_22{font-size: var(--font-size-22);} 
.fs_23{font-size: var(--font-size-23);} 
.fs_24{font-size: var(--font-size-24);}
.fs_25{font-size: var(--font-size-25);} 
.fs_26{font-size: var(--font-size-26);} 
.fs_28{font-size: var(--font-size-28);} 
.fs_29{font-size: var(--font-size-29);} 
.fs_30{font-size: var(--font-size-30);} 
.fs_32{font-size: var(--font-size-32);} 
.fs_33{font-size: var(--font-size-33);} 
.fs_34{font-size: var(--font-size-34);} 
.fs_35{font-size: var(--font-size-35);} 
.fs_36{font-size: var(--font-size-36);} 
.fs_38{font-size: var(--font-size-38);} 
.fs_40{font-size: var(--font-size-40);} 
.fs_42{font-size: var(--font-size-42);} 
.fs_45{font-size: var(--font-size-45);}
.fs_48{font-size: var(--font-size-48);}
.fs_50{font-size: var(--font-size-50);}
.fs_52{font-size: var(--font-size-52);}
.fs_54{font-size: var(--font-size-54);}
.fs_55{font-size: var(--font-size-55);}
.fs_56{font-size: var(--font-size-56);}
.fs_60{font-size: var(--font-size-60);}
.fs_65{font-size: var(--font-size-65);} 
.fs_67{font-size: var(--font-size-67);} 
.fs_70{font-size: var(--font-size-70);} 
.fs_72{font-size: var(--font-size-72);} 
.fs_74{font-size: var(--font-size-74);} 
.fs_75{font-size: var(--font-size-75);} 
.fs_80{font-size: var(--font-size-80);} 
.fs_86{font-size: var(--font-size-86);} 
.fs_94{font-size: var(--font-size-94);} 
.fs_100{font-size: var(--font-size-100);}
.fs_110{font-size: var(--font-size-110);}

.fw_t{font-weight: var(--font-t);}
.fw_l{font-weight: var(--font-l);}
.fw_r{font-weight: var(--font-r);}
.fw_m{font-weight: var(--font-m);}
.fw_sb{font-weight: var(--font-sb);}
.fw_b{font-weight: var(--font-b);}
.fw_eb{font-weight: var(--font-eb);}
.fw_bl{font-weight: var(--font-bl);}
.font_tenor {font-family: "Tenor Sans", sans-serif;}

.fc_main {color: var(--color-main);}
.fc_point {color: var(--color-point);}
.fc_black {color: var(--color-black);}
.fc_white {color: var(--color-white);}

/*--text-motion--*/
.ch_motion.common_motion{transform: translateY(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}
.ch_motion.common_motion.on {transform: translateY(0);opacity: 1;}

/*--위에서 아래--*/
.ch_motion.top_to_bottom { transform: translateY(-25px); }
.ch_motion.top_to_bottom.on { transform: translateY(0); opacity: 1; }
/*--아래에서 위--*/
.ch_motion.bottom_to_top { transform: translateY(25px); }
.ch_motion.bottom_to_top.on { transform: translateY(0); opacity: 1; }
/*--왼쪽에서 오른쪽--*/
.ch_motion.left_to_right { transform: translateX(-25px); }
.ch_motion.left_to_right.on { transform: translateX(0); opacity: 1; }
/*--오른쪽에서 왼쪽--*/
.ch_motion.right_to_left { transform: translateX(25px); }
.ch_motion.right_to_left.on { transform: translateX(0); opacity: 1; }

.ch_delay_01{transition-delay: .2s !important;}
.ch_delay_02{transition-delay: .4s !important;}
.ch_delay_03{transition-delay: .6s !important;}
.ch_delay_04{transition-delay: .8s !important;}
.ch_delay_05{transition-delay: 1s !important;}
.ch_delay_06{transition-delay: 1.2s !important;}
.ch_delay_07{transition-delay: 1.4s !important;}
.ch_delay_08{transition-delay: 1.6s !important;}
.ch_delay_09{transition-delay: 1.8s !important;}
.ch_delay_10{transition-delay: 2s !important;}
.ch_delay_11{transition-delay: 2.2s !important;}
.ch_delay_12{transition-delay: 2.4s !important;}
.ch_delay_13{transition-delay: 2.6s !important;}

/*--공통--*/
.ch_inner {width: 94%;margin: 0 auto;max-width: 1480px;}
.ch_inner.for_mv {position:relative;height:100%;}
.ch_inner.inner02 {max-width: 1600px;}
.ch_inner.inner03 {max-width: 1824px;}
.mo_inner {width:96%;margin: 0 auto; max-width: 720px;}
.ch_padd {padding:150px 0;}
.ch_padd.padd2 {padding:150px 0 0 0;}
.ch_quick .ch_inner {max-width: 1280px;}

.sect_tit_wrap {display:flex;flex-direction: column;}
.sect_tit_wrap.two {align-items: center;}
.sect_tit {font-size: var(--font-size-50);font-weight: var(--font-b);margin-bottom:74px;}
.sect_tit.small {font-size: var(--font-size-40);}
.sect_tit em {color:var(--color-main);}
.sect_sub_tit {margin-bottom:18px;}
.sect_sub_tit, .sect_art {font-size: var(--font-size-20);font-weight: var(--font-r);line-height:1.5em;}
.sect_art span {font-weight: var(--font-b);}
.text_center {text-align: center;}


@media screen and (max-width:1280px) {
	.ch_padd {padding:130px 0;}
	.ch_padd.padd2 {padding:130px 0 0 0;}
	.sect_tit {font-size: var(--font-size-40);margin-bottom:64px;}
}
@media screen and (max-width:1080px) {
	.ch_padd {padding:110px 0;}
	.ch_padd.padd2 {padding:110px 0 0 0;}
	.sect_sub_tit, .sect_art {font-size: var(--font-size-18);}
	.sect_tit {font-size: var(--font-size-36);margin-bottom:50px;}
	.sect_sub_tit {margin-bottom: 14px;}
}
@media screen and (max-width:720px) {
	.ch_padd {padding:90px 0;}
	.ch_padd.padd2 {padding:90px 0 0 0;}
	.sect_tit {font-size: var(--font-size-30);margin-bottom:45px;}
	.sect_sub_tit, .sect_art {font-size: 16px;}
	.sect_sub_tit {margin-bottom: 10px;}
}
@media screen and (max-width:480px) {
	.ch_padd {padding:60px 0;}
	.ch_padd.padd2 {padding:60px 0 0 0;}
	.sect_tit_wrap {text-align: center;}
	.sect_tit {font-size:21px;margin-bottom:16px;}
    
}

	
/*--헤더--*/
#ch_header {position:fixed;z-index: 11;top:0;left:0;width:100%;height:100px;transition:0.3s;}
#ch_header.active {background:rgba(0,0,0,.8);}

#ch_header .ch_inner {position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;}
#ch_header .hd_left {display: flex;gap: 50px;}
#ch_header .ch_gnb {display:flex;height:100%;align-items:center;}
#ch_header .ch_gnb > li {}
#ch_header .ch_gnb > li > a {display:block; padding-right:50px;transition:0.3s;font-size: var(--font-size-20);font-weight: var(--font-m);color: var(--color-white);}

#ch_header .ch_gnb > li > .ch_depth2 {display:none;position: absolute; top: 100%; left: 0; width: 180px; text-align: center;box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);}
#ch_header .ch_gnb > li > .ch_depth2 > li {position:relative;width:100%;padding:20px 0;display:flex;justify-content: center; border-left:6px solid #ccc;background:#fff;}
#ch_header .ch_gnb > li > .ch_depth2 > li::after {content:"";position:absolute;bottom:0;left:50%;transform: translateX(-50%);width:30%;height:3px;background:#ccc;}
#ch_header .ch_gnb > li > .ch_depth2 > li:last-child::after {content:none;}
#ch_header .ch_gnb > li > .ch_depth2 > li:hover {border-left:6px solid #2d227d;}
#ch_header .ch_gnb > li > .ch_depth2 > li > a {padding: 10px 0; display: block;font-size: var(--font-size-19);font-weight: var(--font-sb);color:rgba(0,0,0,.7);}
#ch_header .ch_gnb > li > .ch_depth2 > li:hover > a {color:#2d227d;}

#ch_header .hd_right {display: flex;align-items: center;gap: 20px;}
#ch_header .hd_right ul {display:flex;align-items: center;gap:20px;}
#ch_header .hd_right ul > li > a {display:block;font-size: var(--font-size-18);font-weight: var(--font-m);text-align: center;color: var(--color-white);padding:8px 30px;border-radius:50px;background:rgba(255,255,255,.2);}
#ch_header .hd_right img {display:block;max-width:100%;}

.ch_menuBar {position:relative;width: 30px;height: 17px;display:flex;flex-direction:column;justify-content: space-between;}
.ch_menuBar span {position:absolute;width: 100%;height: 1px;display: block; background: #fff;}
.ch_menuBar span:nth-child(1) {width: 25px;top:0;left:0;}
.ch_menuBar span:nth-child(2) {width: 100%;top:50%;transform: translateY(-50%);left:0;}
.ch_menuBar span:nth-child(3) {width: 25px;bottom:0;right:0;}

.mobile_nav {position: fixed;top: 0;right: -100%;width: 100%;height: 100%;transition:0.3s;background: #222; }
.mobile_nav.open {right: 0;}
.mobile_nav .mo_inner {position:relative;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.mobile_nav .ch_gnb {width: 100%;height:auto !important;justify-content: center;gap:34px;padding-bottom: 40px;border-bottom: 1px solid rgba(255,255,255,.2); }
.mobile_nav .ch_gnb > li {padding-bottom:0 !important;text-align: center;}
.mobile_nav .ch_gnb > li > a {padding-right: 0 !important;font-size: var(--font-size-20) !important;}
.mobile_nav .ch_gnb > li > .ch_depth2 {display: flex;gap: 8px;flex-direction: column; width: 100% !important;position: unset !important;margin-top: 12px;}
.mobile_nav .ch_gnb > li > .ch_depth2 > li {position:relative;width:100%;padding:unset !important;display:flex;justify-content: center; border-left:unset !important;transition:0.3s;background:transparent !important;}
.mobile_nav .ch_gnb > li > .ch_depth2 > li::after {content:none !important;}
.mobile_nav .ch_gnb > li > .ch_depth2 > li:last-child::after {content:none!important;}
.mobile_nav .ch_gnb > li > .ch_depth2 > li:hover {border-left:unset !important;}
.mobile_nav .ch_gnb > li > .ch_depth2 > li > a {padding: 10px 0 0 0 !important;font-size: var(--font-size-24) !important;color:rgba(255,255,255,.7) !important;}
.mobile_nav .ch_gnb > li > .ch_depth2 > li:hover > a {color:#fff !important;}

.mo_home_wrap {display:flex;align-items: center; gap:20px;margin-top:30px;}
.mo_home_wrap ul {display:flex;gap:10px;}
.mo_home_wrap ul > li > a {display:block;font-size: var(--font-size-15);font-weight: var(--font-m);color: var(--color-white);padding:8px 16px;border-radius:50px;background:rgba(255,255,255,.2);}

.mobile_nav .close_btn {position: absolute;width: 30px;height: 30px;top: 10%;left: 50%;transform: translateX(-50%);}
.mobile_nav .close_btn span {position:absolute;display:block;width: 100%;height: 1px;transition: all 0.3s ease;background: #fff;}
.mobile_nav .close_btn span:first-child {transform: rotate(45deg);}
.mobile_nav .close_btn span:last-child {transform: rotate(-45deg);}
.mobile_nav .close_btn:hover span {transform: rotate(0);}

@media screen and (max-width:1480px) {
	#ch_header h1 a img {max-width: 90%;}
	#ch_header .ch_gnb > li > a {padding-right: 40px;}
	#ch_header .ch_gnb > li > .ch_depth2 {width: 135px;}
}
@media screen and (max-width:1280px) {
	#ch_header {height: 90px;}
	#ch_header h1 a img {max-width: 80%;}
	#ch_header .ch_gnb > li > a {font-size: var(--font-size-14);padding-right: 30px;}

	.slide_tit {gap:30px;}

	#ch_header .ch_gnb > li > .ch_depth2 {width: 120px;}
	#ch_header .ch_gnb > li > .ch_depth2 > li > a {font-size: var(--font-size-16);}
	#ch_header .hd_right ul > li > a {font-size: var(--font-size-14);}
}

@media screen and (max-width:1180px) {
	#ch_header .hd_left {gap:20px;}
}
@media screen and (max-width:1080px) {
	#ch_header {height: 80px;}
	#ch_header h1 a img {max-width: 70%;}
	#ch_header .ch_nav, #ch_header .hd_right ul, #ch_header .hd_right ul i {display:none;}
}
@media screen and (max-width:720px) {
	#ch_header {height: 70px;}
	#ch_header h1 a img {max-width: 60%;}
	#ch_header .hdRt a {display:none;}
	.mobile_nav .ch_gnb {width: 60%;flex-direction: column;}
		
}
@media screen and (max-width:480px) {
	#ch_header {height: 60px;}
	.mobile_nav .ch_gnb {width: 85%;flex-direction: column;}
}

/*--구글번역api커스텀--*/
body { position: static !important; top:0px !important; }	
iframe.goog-te-banner-frame { display: none !important; }
.VIpgJd-ZVi9od-ORHb-OEVmcd {height:0 !important;}
#google_translate_element{display:flex; align-items:center;}
#google_translate_element svg {margin-right:7px; fill:#fff;}
.goog-te-gadget{font-size: 0 !important;}
.goog-te-gadget > span{display:none;}
.goog-te-gadget .goog-te-combo{border:0; margin:0; color:#fff; outline:0; appearance:none; font-size: var(--font-size-18);}
.goog-te-gadget .goog-te-combo option{color:#111;}

#ch_header.hover .b_toggle_btn span {background-color:#222; }
#ch_header.hover #google_translate_element img{filter:invert(1);}
#ch_header.hover .goog-te-gadget .goog-te-combo{color:#111;}

#ch_header.scr .b_toggle_btn span {background-color:#222; }
#ch_header.scr #google_translate_element img{filter:invert(1);}
#ch_header.scr .goog-te-gadget .goog-te-combo{color:#111;}

@media screen and (max-width:720px) {
	.goog-te-gadget .goog-te-combo {font-size:14px;}
}

/*--*메인비주얼--*/
/*mv*/
.mainVisual {position:relative;width:100%; height:100vh;}
.mvSwip {height:100%;}
.mv {width:100%; height:100%;}
.mv.mv01 {background:url('../img/mv01.jpg') no-repeat 50% 50% / cover; }
.mv.mv02 {background:url('../img/mv02_ch.jpg') no-repeat 50% 50% / cover;}
.mv.mv03 {background:url('../img/mv03.jpg') no-repeat 50% 50% / cover;}
.mvDesc {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);width:100%;display: flex;flex-direction: column;gap: 50px;align-items: center;text-align: center;color:#fff;}
.mvDesc h4 {line-height:1.5em;word-break: keep-all;}
.mvDesc h2 ,.mvDesc h4, .mv_tit_line {transform: translateY(25px);opacity: 0;transition: transform 1s ease, opacity .6s;}
.mv.on .mvDesc h2, .mv.on .mvDesc h4, .mv.on .mv_tit_line {transform: translateY(0);opacity: 1;}
.mv_tit_line {width:2px; height:80px;background:rgba(255,255,255,.5);}

/*슬라이드 타이틀*/
.slide_tit {position:absolute;max-width: 1480px;display: flex;justify-content: space-around;gap:70px;padding: 0 70px;bottom: 100px;left: 50%;transform: translateX(-50%);font-size: var(--font-size-20);font-weight: var(--font-r);z-index: 1;}
.slide_tit > li {width:calc(100% / 3);height:auto;display: flex;justify-content: space-between;align-items: center;position: relative;color: #fff;opacity: .3;}
.slide_tit > li.swiper-pagination-bullet-active {opacity: 1;}
.slide_tit > li .bar {position: absolute;top: 28px;left: 0;width:100%;height: 2px;background: #fff;opacity:.3;}
.slide_tit > li.swiper-pagination-bullet-active .bar {animation-name: countingBar;animation-duration: 4s;animation-timing-function: linear;animation-fill-mode:forwards;opacity:1;}
.slide_tit_info {font-size: var(--font-size-14);font-weight: var(--font-m);}

/*스와이퍼 초기화*/
.swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 70px !important; left: 50% !important; width: 100% !important; transform: translateX(-50%);}
.swiper-pagination-bullet{background:unset !important;}
.swiper-pagination-bullet-active {background:unset !important;}

@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}

@media screen and (max-width:1480px){
	.mainVisual {height:900px;}
	.mvDesc h2 {font-size: var(--font-size-60);}
	.slide_tit {gap:50px;padding: 0 50px;}
}

@media screen and (max-width:1280px){
	.mainVisual {height:850px;}
	.mvDesc {gap:40px;}
	.slide_tit {gap:30px;padding: 0 30px;}
	.txt1 {font-size: var(--font-size-18);}
}

@media screen and (max-width:1080px){
	.mainVisual {height:800px;}
	.mvDesc {gap:35x;}
	.mvDesc h2 {font-size: var(--font-size-40);}
	.slide_tit {gap:0;padding: 0 10px;}
	.slide_tit > li {flex-direction: column;align-items: flex-start;}
	.slide_tit > li .bar {top: 50px;}
	.txt1 {font-size: var(--font-size-16);margin-bottom: 6px;}
}
@media screen and (max-width:840px){
	.txt2 {display:none;}
	.slide_tit > li .bar {top: 28px;}
}
@media screen and (max-width:720px){
	.mainVisual {height:700px;}
	.mvDesc {gap:30px;}
	.mvDesc h4 {font-size: var(--font-size-16);}
	.slide_tit > li {align-items: center;}
}
@media screen and (max-width:480px){
	.mainVisual {height:650px;}
	.mvDesc {gap:25px;}
	.mvDesc h4 {font-size: 16px;}
	.mvDesc h4 br {display:none;}
}

/*--sect01: 회사소개--*/
.sect01 {width:100%;position:relative;}
.sect01::after {content:"";z-index: -1;position:absolute;right:-2%;top:-12%;width:663px;height:410px;background:url('../img/sect1/logo_bl_big.png') no-repeat 50% 50% /cover;}
.sect01 .ch_inner {display: flex;gap: 80px;align-items: center;flex-direction: column;justify-content: center;}
.sect01 .sect_tit_wrap {width:64%;}
.sect1_img {border-radius:10px;overflow: hidden;}
.sect1_img img {width: 100%;}
.sect1_img.desk {display: block;}
.sect1_img.mobile {display:none;}

@media screen and (max-width:1280px){
	.sect01 .ch_inner {gap: 70px;}
}

@media screen and (max-width:1080px){
	.sect01 .ch_inner {gap: 60px;}
	.sect01 .sect_tit_wrap {width:80%;}
}

@media screen and (max-width:720px){
	.sect01 .ch_inner {gap: 50px;}
	.sect01 .sect_tit_wrap {width:90%;}
	.sect1_img.desk  {display: none;}
	.sect1_img.mobile {display:block;}
}

@media screen and (max-width:480px){
	.sect01 .ch_inner {gap: 40px;}
	.sect01 .sect_tit_wrap {width:100%;}
}

/*--sect02: 퓨즈콕 시스템--*/
.sect02 .ch_inner {display: flex;flex-direction: column;align-items: center;gap:80px;}
.safe_system_img img {display:block;width:100%;}  
.system_desc {display: flex;flex-direction: column;gap: 20px;font-size: var(--font-size-22);font-weight: var(--font-r);color:#222;}
.system_desc li {display:flex;align-items:center;}
.system_desc li span {width:50px;height:50px;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;aspect-ratio: 1;border:1px solid #888;border-radius:50%;margin-right:50px;font-size: var(--font-size-24);font-weight: var(--font-m);color:#888;}
.system_desc li br {display:none;}

@media screen and (max-width:1080px){
	.sect02 .ch_inner {gap:50px;}
	.system_desc li span {width: 40px;height: 40px;font-size: var(--font-size-20);margin-right:20px;}
	.system_desc {font-size: var(--font-size-15);}
}

@media screen and (max-width:720px){    
	.sect02 .ch_inner {gap:30px;}
	.system_desc {font-size: 16px;}
	.system_desc li {display: flex;align-items: center;}
	.system_desc li span {font-size: var(--font-size-18);}
	.system_desc li br {display:block;}
}
@media screen and (max-width:530px){ 
	.system_desc li {flex-direction: column;gap: 10px;text-align: center;}
	.system_desc li span {margin-right: 0;}
	.sect02 .sect_art br {display:none;}
}
@media screen and (max-width:480px){
	.sect02 .ch_inner {gap:20px;}
	.system_desc li span {font-size: 14px;}

}

/*--sect03: 가스타이머 소개--*/
.sect03 {background:url('../img/sect3/sect3_bg.jpg') no-repeat 50% 50% /cover;}    
.sect03 .ch_inner {display: flex;flex-direction: column;align-items: center;gap: 90px;}
.sect03_top {width: 100%;display: flex;justify-content: space-between;align-items: flex-end;}
.sect03_top .sect_art:last-child {margin-top:22px;}

.certification {width: 33%;gap: 18px;display: flex;flex-direction: column;}
.certification li {display: flex;align-items: center;gap: 40px;font-size: var(--font-size-20);font-weight: var(--font-r);color:#fff;}
.certification li i {display:contents;}
.certification li i img {display:block;max-width: 100%;}
.certification li br {display:none;}

.sect03_btm {position:relative;}
.DGT_img img {display:block;max-width: 100%;}
.DGT-BLP02_img img {display:none;max-width:100%;}

.gsv_info_wrap {position:absolute;text-align:center;color:#fff;}
.gsv_info_wrap:nth-child(2) {width:350px;bottom:120px;left:20px;}
.gsv_info_wrap:nth-child(3) {width:100%;top: 50px;left:50%;transform:translateX(-50%);}
.gsv_info_wrap:nth-child(4) {width:350px;bottom:120px;right:20px;}

.gsv_info_tit {position:relative;font-size: var(--font-size-22);font-weight: var(--font-b);margin-bottom: 12px;}
.gsv_info_tit::after {font-size: var(--font-size-100);font-weight: var(--font-r);font-family: "Tenor Sans", sans-serif;position:absolute;top:-60px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.1);}
.gsv_info_wrap:nth-child(2) .gsv_info_tit::after {content:"01";}
.gsv_info_wrap:nth-child(3) .gsv_info_tit::after {content:"02";}
.gsv_info_wrap:nth-child(4) .gsv_info_tit::after {content:"03";}
.gsv_info_art {font-size: var(--font-size-16);font-weight: var(--font-r);}

@media screen and (max-width:1280px){
	.sect03 .ch_inner {gap:80px;}

}
@media screen and (max-width:1080px){
	.sect03 .ch_inner {gap:70px;}
	.sect03 .sect_tit_wrap {text-align: center;}
	.sect03_top {align-items: center;flex-direction: column;}

	.certification {width: 100%;flex-direction: unset;justify-content: center;margin-top: 30px;}
	.certification li {gap:10px;font-size: var(--font-size-16);}
	.certification li br {display:block;}

	.gsv_info_wrap:nth-child(2) {left:-10px;}
	.gsv_info_wrap:nth-child(3) {top:50px;}
	.gsv_info_wrap:nth-child(4) {right:-10px;}
}
@media screen and (max-width:900px){
	.sect03 .ch_inner {gap:50px;}
	.sect03_btm {position: relative;display: flex;flex-direction: column;gap: 20px;margin-bottom:110px;}
	.DGT_img img {display:none;}
	.DGT-BLP02_img img {display:block;}
	.gsv_info_wrap {position:unset;}
	.gsv_info_wrap:nth-child(2),.gsv_info_wrap:nth-child(3), .gsv_info_wrap:nth-child(4) {width:auto;border-radius: 16px;padding: 50px 30px 30px;}
    .gsv_info_wrap:nth-child(2) {background:#888;}
	.gsv_info_wrap:nth-child(3) {transform: unset;background:#666;}
	.gsv_info_wrap:nth-child(4) {background:#555;}
	.gsv_info_tit::after {font-size: var(--font-size-60);top:-35px;}
}
@media screen and (max-width:720px){
	.certification {width:fit-content;flex-direction: column;align-items: flex-start;}
	.certification li {font-size: 16px;gap: 20px;}
	.certification li br {display:none;}
	.certification li i img {max-width: 40px;}
	.sect03_btm {margin-bottom:90px;gap: 10px;}
	.gsv_info_wrap:nth-child(2),.gsv_info_wrap:nth-child(3), .gsv_info_wrap:nth-child(4) {padding: 40px 25px 25px;}
	.gsv_info_tit {font-size: var(--font-size-18);}
}
@media screen and (max-width:500px){
	.sect03 .sect_art br {display:none;}
}

@media screen and (max-width:480px){
	.sect03 .ch_inner {gap:20px;}
	.certification li i img {max-width: 30px;}
	.sect03_btm {margin-bottom:60px;gap: 8px;}
	.gsv_info_wrap:nth-child(2),.gsv_info_wrap:nth-child(3), .gsv_info_wrap:nth-child(4) {padding: 30px 15px 15px;}
	.gsv_info_tit {font-size: 16px;}
	.gsv_info_art {font-size:14px;}
}



/*--sect4: 어플 사용법--*/
.sect04 {width:100%;background:url('../img/sect4/sect4_bg.jpg')no-repeat 50% 50% /cover;}
.sect04 .sect_tit {font-size: var(--font-size-40);margin-bottom: 50px;}  

.sect4_top {display: flex;flex-direction: column;align-items: center;gap: 56px;}
.app_wrap {display: flex;gap: 56px;}
.app_wrap figure {}
.app_wrap figure img {display:block;max-width: 100%;}
.app_tit {display: inline-block;padding:10px 20px; border-radius:50px;background:#000;}
.app_tit i {position:relative;padding-left:14px;}
.app_tit i::after {content:"";width:4px;height:4px;position:absolute;left:0;top:50%;transform: translateY(-50%);border-radius: 50%;background:#fff;}
.worn {margin-top:20px;color:#555;}

.iphone_app, .android_app {display: flex;flex-direction: column;align-items: center;gap: 30px;}
.iphone_app ul {display:flex;gap:20px;}
.iphone_app ul li {border-radius:20px;overflow: hidden;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.android_app ul {display: flex;flex-direction: column;gap:12px;border-radius:20px;overflow: hidden;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.android_app ul li {border-radius:20px;overflow: hidden;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.sect4_btm {display: flex; margin-top: 180px;justify-content: space-between;}
.sect4_btm_left {width: 50%;padding-top: 34px;}
.sect4_btm_left_icon {display:flex;gap:36px;margin-top:50px;}
.sect4_btm_left_icon i img {display:block;max-width: 100%;}
.sect4_btm_left_icon li {position:relative;display: flex;flex-direction: column;align-items: center;gap: 20px;transition: .24s;}
.sect4_btm_left_icon li p {font-size: var(--font-size-15);font-weight: var(--font-m);text-align: center;color:#5d5d5d;}
.sect4_btm_left_icon li i {display: flex;width:90px;height:90px;align-items: center;justify-content: center;border-radius:50%;transition:.24s;background:#fff;}
.sect4_btm_left_icon li:hover i {box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;}

.sect4_btm_right {width: 50%;}
.sect4_btm_right figure {width:100%;}
.sect4_btm_right figure img {display:block;width: 100%;}

@media screen and (max-width:1480px){
	.sect04 .sect_tit {font-size: var(--font-size-34);}
	.sect4_btm {margin-top: 150px;}
	.sect4_btm_left {width: 45%;}
	.sect4_btm_left_icon {flex-wrap:wrap;gap: 24px;}
	.sect4_btm_left_icon li i {display: flex;width:70px;height:70px;}
	.sect4_btm_left_icon i img {max-width: 40px;}
	.sect4_btm_right {width: 55%;}
}
@media screen and (max-width:1280px){
	.sect4_top {gap: 50px;}
	.sect4_btm .sect_tit_wrap {text-align: center;}
	.app_wrap {gap: 40px;}
	.sect4_btm {margin-top: 120px;flex-direction: column;align-items: center;}
	.sect4_btm_left {width:100%;}
	.sect4_btm_left_icon {justify-content: center;}
	.sect4_btm_right {margin-top: 10px;}
}
@media screen and (max-width:1080px){
	.sect04 .sect_tit {margin-bottom: 30px;}
	.sect4_top {gap: 40px;}
	.iphone_app, .android_app {gap:20px;}
	.app_tit {font-size: var(--font-size-18);padding: 8px 20px;}
	.sect4_btm {margin-top: 90px;}
	.sect4_btm_right {width: 74%;}
}
@media screen and (max-width:720px){
	.sect04 .sect_tit {font-size: var(--font-size-26);margin-bottom: 30px;}
	.sect4_top {gap: 30px;}
	.sect4_top .sect_art br {display:none;}
	.sect4_btm .sect_art br {display:none;}
	.app_wrap {flex-direction: column;}
	.iphone_app, .android_app {gap:16px;}
	.iphone_app ul {gap:10px;}
	.worn {font-size:14px;}
	
	.sect4_btm {margin-top: 60px;}
	.sect4_btm_left_icon {width: 90%;margin: 25px auto 0 auto;gap: 0;}
	.sect4_btm_left_icon li {width: calc(100% / 3);}
	.sect4_btm_left_icon li:nth-child(n + 4){margin-top:10px;}
	.sect4_btm_left_icon li i {width: 60px;height: 60px;}
	.sect4_btm_right {width: 90%;}
}
@media screen and (max-width:480px){
	.sect04 .sect_tit {font-size: 21px;margin-bottom: 20px;}
	.app_tit {font-size: 14px;padding: 6px 15px;}
	.sect4_btm {margin-top: 30px;}
	.sect4_btm .mo_br {display:none;}
	.sect4_btm_right {width: 100%;margin-top: 0;}
	.sect4_btm_left_icon {width: 100%;margin: 15px auto 0 auto;}
	.sect4_btm_left_icon li {gap:10px;}
	.sect4_btm_left_icon li:nth-child(n + 4) {margin-top: 10px;}
	.sect4_btm_left_icon li i {width: 50px;height: 50px;}
	.sect4_btm_left_icon li p {font-size:12px;}
}


/*--sect5: 공지사항--*/
.sect05 {width: 100%;}
.sect05 .ch_inner {display:flex;}
.sect05 .sect_tit_wrap {width:50%;}
.sect_tit_wrap a {width: fit-content;display:block;padding: 10px 30px;margin-top:90px;border:1px solid #e1e1e1; border-radius:50px;font-size: var(--font-size-16);font-weight: var(--font-m); color:#555;transition: .3s;}
.sect_tit_wrap a:hover {color:var(--color-white);background:var(--color-main);}

.notice_wrap {width:50%;display:flex;flex-direction: column; gap:30px;}
.notice a {display:flex;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius:0;}
.notice_date {position:relative;width:134px;padding:33px 30px;border:1px solid #c82f16; border-radius: 0 20px 20px 0;transition: all 0.3s;}
.notice_date::after {content:"";position:absolute;bottom:0;left:50%;transform: translateX(-50%);width:114px;height:68px;background:url('../img/sect5/logo_wt_rgba.png') no-repeat 50% 50% /cover;} 
.day {font-size: var(--font-size-40);font-weight: var(--font-b);color:var(--color-main);transition: all 0.3s;}
.year_month {font-size: var(--font-size-20);font-weight: var(--font-m);color:#888;transition: all 0.3s;}

.notice_info {position:relative; width:calc(100% - 134px);padding:40px 58px 110px 30px;}
.notice_info p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: keep-all;}
.notice_info p.notice_tit {font-size: var(--font-size-20);font-weight: var(--font-m);display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.notice_art {font-size: var(--font-size-16);font-weight: var(--font-r);margin-top:30px;}
.go_arrow {position:absolute;bottom:40px;right:30px;display:flex;align-items: center;justify-content: flex-end;margin-top:46px;transition: all 0.3s;}
.go_arrow.red {display:none;}

.notice:hover .notice_date {background:var(--color-main);}
.notice:hover .day {color:var(--color-white)}
.notice:hover .year_month {color:var(--color-white);}
.notice:hover .go_arrow.red {display:flex;}
.notice:hover .go_arrow.bl {display:none;}

@media screen and (max-width:1280px){
	.sect05 .sect_art br {display:none;}
	.sect_tit_wrap a {margin-top: 80px;}
	.notice_date {padding: 26px 23px;}
	.day {font-size: var(--font-size-34);}
	.year_month {font-size: var(--font-size-18);}
	.notice_info {padding: 31px 60px 100px 30px;}
	.notice_art {margin-top:20px;}
	.go_arrow {bottom: 30px;}
}
@media screen and (max-width:1080px){
	.sect05 .ch_inner {flex-direction:column;}
	.sect05 .sect_tit_wrap {width: 100%;text-align: center;align-items: center;}
	.sect05 .sect_art br {display:block;}
	.sect_tit_wrap a {margin-top: 70px;}
		
	.notice_wrap {width: 80%;margin:30px auto 0 auto;}
	.year_month {font-size: var(--font-size-16);}
    .day {font-size: var(--font-size-30);}
	.notice_date {padding: 16px 20px;}
	.notice_info {padding: 23px 60px 70px 30px;}
	.notice_tit {font-size: var(--font-size-16);}
	.notice_art {font-size: var(--font-size-14);margin-top: 12px;}
	.go_arrow {bottom: 24px;}
}
@media screen and (max-width:720px){
	.sect05 .sect_art br {display:none;}
	.sect_tit_wrap a {font-size:14px;margin-top: 18px;padding: 6px 20px;}
	.day {font-size: var(--font-size-24);}
	.notice_wrap {width:100%;}
	.notice_date {width: 110px;padding: 20px 17px;}
}
@media screen and (max-width:480px){
    .day {font-size: 21px;}
	.notice_wrap {width: 100%;}
	.notice a {flex-wrap: wrap;}
	.notice_date {width:100%;display: flex;align-items: flex-end;justify-content: space-between;padding:12px 17px;border-radius: 0 20px 0 0;}
	.notice_info {width:100%;padding: 19px 60px 46px 20px;}
	.go_arrow {bottom: 19px;right: 20px;}
}



/*--sect6: 문의사항--*/
.sect06 {width:100%;background:url('../img/sect6/sect6_bg.jpg') no-repeat 50% 50% /cover;}
.inquiry {text-align: center; color:var(--color-white);}
.inquiry_tit {line-height:1.57em;}
.inquiry_info {display: flex;flex-direction: column;gap: 12px;margin-top:70px;}
.inquiry_info p em {font-size: var(--font-size-16);font-weight: var(--font-b);margin-right:10px;}
.inquiry a {display: inline-block;margin-top:50px;padding:10px 34px;transition: .24s;background:rgba(255,255,255,.3);}
.inquiry a:hover {background:var(--color-main);}

@media screen and (max-width:1280px){
	.inquiry_info {margin-top: 54px;}
}
@media screen and (max-width:1080px){
	.inquiry_tit {font-size: var(--font-size-30);line-height: 1.3em;}
	.inquiry_info {margin-top: 50px;}
	.inquiry a {font-size: var(--font-size-14);padding: 10px 28px;margin-top: 34px;}
}
@media screen and (max-width:720px){
	.inquiry_tit {font-size: var(--font-size-24);line-height: 1.2em;}
	.inquiry_info {margin-top: 30px;gap: 9px;}
	.inquiry_info p {font-size:16px;}
	.inquiry a {padding: 8px 20px;margin-top: 22px;}
}
@media screen and (max-width:480px){
    .inquiry_tit {font-size: 21px;}
	.inquiry_info {margin-top: 14px;gap: 0;}
	.inquiry a {font-size:14px;margin-top: 14px;padding: 8px 18px;}
}



/*--푸터--*/
#ch_footer {width:100%;padding:50px 0;background:#000;}
.footer_top {display: flex; justify-content: space-between;align-items: flex-end;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2);}
.footer_top i img {display: block; max-width: 100%;}
.footer_top ul {display: flex;gap:20px;}

.footer_middle {padding-top:35px;}
.footer_middle ul {width: 58%;display: flex;gap:14px;flex-wrap: wrap;}
.footer_middle ul li {display:flex; gap:10px; margin-right:50px;font-size: var(--font-size-18);font-weight: var(--font-m);color:var(--color-white);}
.footer_middle ul li p {font-weight: var(--font-r);opacity: .7;}
.ft_mr {margin-right: 10px;}

.footer_btm {display: flex;justify-content: space-between;margin-top:44px;}
.footer_btm ul li {font-size: var(--font-size-16);font-weight: var(--font-r);color:var(--color-white);line-height: 1.625em;}
.law {}
.copy {opacity: .4;}

.footer_btm a {display: inline-block;height: fit-content;padding:12px 12px 6px;border-radius:5px;background:rgba(255,255,255,.1);}
.footer_btm a img {display:block;width:100%;}
	
@media screen and (max-width:1280px){
	#ch_footer {padding: 40px 0;}
	.footer_top {padding-bottom:30px;}
	.footer_middle {padding-top: 30px;}
	.footer_middle ul {width: 74%;gap: 12px;}
}
@media screen and (max-width:1020px){
	#ch_footer {padding: 35px 0;}
	.footer_top {padding-bottom: 25px;}
	.footer_middle {padding-top: 25px;}
	.footer_middle ul {width: 94%;gap: 10px;}
	.footer_middle ul li {font-size: var(--font-size-16);margin-right: 30px;}

}
@media screen and (max-width:720px){
	#ch_footer {padding: 30px 0;}
	.footer_top {padding-bottom: 20px;}
	.footer_top ul li a {font-size: var(--font-size-14);}
	.footer_middle {padding-top: 20px;}
	.footer_middle ul {width:100%;flex-direction: column;gap: 8px;}
	.footer_middle ul li {font-size: var(--font-size-14);margin-right:0;}
	.footer_btm {align-items: flex-end;}
	.footer_btm ul li {font-size: var(--font-size-14);}

}
@media screen and (max-width:480px){
	#ch_footer {padding: 15px 0;}
	.footer_top {padding-bottom: 15px;}
	.footer_top ul li a {font-size: 12px;}
	.footer_middle {padding-top: 15px;}
	.footer_middle ul {gap: 6px;}
	.footer_middle ul li {font-size: 12px;}
	.footer_btm ul li {font-size: 12px;}
	.footer_btm a {padding: 6px 6px 3px;}
	.footer_btm a img {width:70%;}
}

/*--add_pop--*/
.add_pop_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;color: #fff;background: rgba(0,0,0,.9);z-index: 9999;display: none;}
.add_pop_wrap *{}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: var(--color-main);color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #fff;z-index: 1;transition: transform .3s ease; }
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

.add_pop_close:hover span{transform: rotate(0);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1.1rem;font-weight: 700;margin-bottom: 5px; text-align: center;color:#000;}
.add_pop_con h6{font-size: 1rem;font-weight: 600;margin-bottom: 10px; color:#000;margin-top:40px;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px; color:#000;}
.privacy_img img {display:block;max-width:100%;}

@media (max-width: 780px){ 
	.add_pop_con p{font-size: 12px;}
}