@import url(reset.css);
/****************************************/
/*Name: 윈텍 반응형
/*Version: 1.0
/*Author: 
/****************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  color:inherit;
}
body{font-family:'Pretendard','Poppins','dotum','돋움';font-size:16px;color:#222;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{text-decoration:none;display: block;}
img,object{width:100%;}
object{display: block;}
*{box-sizing: border-box;}
html, body {
  /* overflow-x: hidden; */
  width: 100%;
}

:root{
  font-size: 62.5%;
  --base-ratio: 0.7;
  --base-size : 1920;
  --base-percent: 100vw;
  --rt10: calc(10px * var(--base-ratio));
  --rt12: calc(12px * var(--base-ratio));
  --rt14: calc(14px * var(--base-ratio));
  --rt16: calc(16px * var(--base-ratio));
  --rt18: calc(18px * var(--base-ratio));
  --rt20: calc(20px * var(--base-ratio));
  --rt22: calc(22px * var(--base-ratio));
  --rt24: calc(24px * var(--base-ratio));
  --rt26: calc(26px * var(--base-ratio));
  --rt28: calc(28px * var(--base-ratio));
  --rt30: calc(30px * var(--base-ratio));
  --rt32: calc(32px * var(--base-ratio));
  --rt34: calc(34px * var(--base-ratio));
  --rt36: calc(36px * var(--base-ratio));
  --rt38: calc(38px * var(--base-ratio));
  --rt40: calc(40px * var(--base-ratio));
  --rt42: calc(42px * var(--base-ratio));
  --rt44: calc(44px * var(--base-ratio));
  --rt46: calc(46px * var(--base-ratio));
  --rt48: calc(48px * var(--base-ratio));
  --rt50: calc(50px * var(--base-ratio));
  --rt52: calc(52px * var(--base-ratio));
  --rt54: calc(54px * var(--base-ratio));
  --rt56: calc(56px * var(--base-ratio));
  --rt58: calc(58px * var(--base-ratio));
  --rt60: calc(60px * var(--base-ratio));
  --rt62: calc(62px * var(--base-ratio));
  --rt64: calc(64px * var(--base-ratio));
  --rt66: calc(66px * var(--base-ratio));
  --rt68: calc(68px * var(--base-ratio));
  --rt70: calc(70px * var(--base-ratio));
  --rt72: calc(72px * var(--base-ratio));
  --rt74: calc(74px * var(--base-ratio));
  --rt76: calc(76px * var(--base-ratio));
  --rt78: calc(78px * var(--base-ratio));
  --rt80: calc(80px * var(--base-ratio));
  --px10 : calc((12 / var(--base-size)) * 100vw);
  --px12 : calc((12 / var(--base-size)) * 100vw);
  --px14 : calc((14 / var(--base-size)) * 100vw);
  --px16 : calc((16 / var(--base-size)) * 100vw);
  --px18 : calc((18 / var(--base-size)) * 100vw);
  --px20 : calc((20 / var(--base-size)) * 100vw);
  --px22 : calc((22 / var(--base-size)) * 100vw);
  --px24 : calc((24 / var(--base-size)) * 100vw);
  --px26 : calc((26 / var(--base-size)) * 100vw);
  --px28 : calc((28 / var(--base-size)) * 100vw);
  --px30 : calc((30 / var(--base-size)) * 100vw);
  --px32 : calc((32 / var(--base-size)) * 100vw);
  --px34 : calc((34 / var(--base-size)) * 100vw);
  --px36 : calc((36 / var(--base-size)) * 100vw);
  --px38 : calc((38 / var(--base-size)) * 100vw);
  --px40 : calc((40 / var(--base-size)) * 100vw);
  --px42 : calc((42 / var(--base-size)) * 100vw);
  --px44 : calc((44 / var(--base-size)) * 100vw);
  --px46 : calc((46 / var(--base-size)) * 100vw);
  --px48 : calc((48 / var(--base-size)) * 100vw);
  --px50 : calc((50 / var(--base-size)) * 100vw);
  --px52 : calc((52 / var(--base-size)) * 100vw);
  --px54 : calc((54 / var(--base-size)) * 100vw);
  --px56 : calc((56 / var(--base-size)) * 100vw);
  --px58 : calc((58 / var(--base-size)) * 100vw);
  --px60 : calc((60 / var(--base-size)) * 100vw);
  --px62: calc((62 / var(--base-size)) * 100vw);
  --px64: calc((64 / var(--base-size)) * 100vw);
  --px66: calc((66 / var(--base-size)) * 100vw);
  --px68: calc((68 / var(--base-size)) * 100vw);
  --px70: calc((70 / var(--base-size)) * 100vw);
  --px72: calc((72 / var(--base-size)) * 100vw);
  --px74: calc((74 / var(--base-size)) * 100vw);
  --px76: calc((76 / var(--base-size)) * 100vw);
  --px78: calc((78 / var(--base-size)) * 100vw);
  --px80: calc((80 / var(--base-size)) * 100vw);
  --vh : 1vh;
}

/* 간격 */
.pd0{padding-bottom:0 !important;}
.pb12{padding-bottom:max(var(--rt12), var(--px12)) !important;}
.pb14{padding-bottom:max(var(--rt14), var(--px14)) !important;}
.pb16{padding-bottom:max(var(--rt16), var(--px16)) !important;}
.pb18{padding-bottom:max(var(--rt18), var(--px18)) !important;}
.pb20{padding-bottom:max(var(--rt20), var(--px20)) !important;}
.pb22{padding-bottom:max(var(--rt22), var(--px22)) !important;}
.pb24{padding-bottom:max(var(--rt24), var(--px24)) !important;}
.pb26{padding-bottom:max(var(--rt26), var(--px26)) !important;}
.pb28{padding-bottom:max(var(--rt28), var(--px28)) !important;}
.pb30{padding-bottom:max(var(--rt30), var(--px30)) !important;}
.pb32{padding-bottom:max(var(--rt32), var(--px32)) !important;}
.pb34{padding-bottom:max(var(--rt34), var(--px34)) !important;}
.pb36{padding-bottom:max(var(--rt36), var(--px36)) !important;}
.pb38{padding-bottom:max(var(--rt38), var(--px38)) !important;}
.pb40{padding-bottom:max(var(--rt40), var(--px40)) !important;}
.pb42{padding-bottom:max(var(--rt42), var(--px42)) !important;}
.pb44{padding-bottom:max(var(--rt44), var(--px44)) !important;}
.pb46{padding-bottom:max(var(--rt46), var(--px46)) !important;}
.pb48{padding-bottom:max(var(--rt48), var(--px48)) !important;}
.pb50{padding-bottom:max(var(--rt50), var(--px50)) !important;}
.pb52{padding-bottom:max(var(--rt52), var(--px52)) !important;}
.pb54{padding-bottom:max(var(--rt54), var(--px54)) !important;}
.pb56{padding-bottom:max(var(--rt56), var(--px56)) !important;}
.pb58{padding-bottom:max(var(--rt58), var(--px58)) !important;}
.pb60{padding-bottom:max(var(--rt60), var(--px60)) !important;}
.pt12{padding-top:max(var(--rt12), var(--px12)) !important;}
.pt14{padding-top:max(var(--rt14), var(--px14)) !important;}
.pt16{padding-top:max(var(--rt16), var(--px16)) !important;}
.pt18{padding-top:max(var(--rt18), var(--px18)) !important;}
.pt20{padding-top:max(var(--rt20), var(--px20)) !important;}
.pt22{padding-top:max(var(--rt22), var(--px22)) !important;}
.pt24{padding-top:max(var(--rt24), var(--px24)) !important;}
.pt26{padding-top:max(var(--rt26), var(--px26)) !important;}
.pt28{padding-top:max(var(--rt28), var(--px28)) !important;}
.pt30{padding-top:max(var(--rt30), var(--px30)) !important;}
.pt32{padding-top:max(var(--rt32), var(--px32)) !important;}
.pt34{padding-top:max(var(--rt34), var(--px34)) !important;}
.pt36{padding-top:max(var(--rt36), var(--px36)) !important;}
.pt38{padding-top:max(var(--rt38), var(--px38)) !important;}
.pt40{padding-top:max(var(--rt40), var(--px40)) !important;}
.pt42{padding-top:max(var(--rt42), var(--px42)) !important;}
.pt44{padding-top:max(var(--rt44), var(--px44)) !important;}
.pt46{padding-top:max(var(--rt46), var(--px46)) !important;}
.pt48{padding-top:max(var(--rt48), var(--px48)) !important;}
.pt50{padding-top:max(var(--rt50), var(--px50)) !important;}
.pt52{padding-top:max(var(--rt52), var(--px52)) !important;}
.pt54{padding-top:max(var(--rt54), var(--px54)) !important;}
.pt56{padding-top:max(var(--rt56), var(--px56)) !important;}
.pt58{padding-top:max(var(--rt58), var(--px58)) !important;}
.pt60{padding-top:max(var(--rt60), var(--px60)) !important;}
.pl12{padding-left:max(var(--rt12), var(--px12)) !important;}
.pl14{padding-left:max(var(--rt14), var(--px14)) !important;}
.pl16{padding-left:max(var(--rt16), var(--px16)) !important;}
.pl18{padding-left:max(var(--rt18), var(--px18)) !important;}
.pl20{padding-left:max(var(--rt20), var(--px20)) !important;}
.pl22{padding-left:max(var(--rt22), var(--px22)) !important;}
.pl24{padding-left:max(var(--rt24), var(--px24)) !important;}
.pl26{padding-left:max(var(--rt26), var(--px26)) !important;}
.pl28{padding-left:max(var(--rt28), var(--px28)) !important;}
.pl30{padding-left:max(var(--rt30), var(--px30)) !important;}
.pl32{padding-left:max(var(--rt32), var(--px32)) !important;}
.pl34{padding-left:max(var(--rt34), var(--px34)) !important;}
.pl36{padding-left:max(var(--rt36), var(--px36)) !important;}
.pl38{padding-left:max(var(--rt38), var(--px38)) !important;}
.pl40{padding-left:max(var(--rt40), var(--px40)) !important;}
.pl42{padding-left:max(var(--rt42), var(--px42)) !important;}
.pl44{padding-left:max(var(--rt44), var(--px44)) !important;}
.pl46{padding-left:max(var(--rt46), var(--px46)) !important;}
.pl48{padding-left:max(var(--rt48), var(--px48)) !important;}
.pl50{padding-left:max(var(--rt50), var(--px50)) !important;}
.pl52{padding-left:max(var(--rt52), var(--px52)) !important;}
.pl54{padding-left:max(var(--rt54), var(--px54)) !important;}
.pl56{padding-left:max(var(--rt56), var(--px56)) !important;}
.pl58{padding-left:max(var(--rt58), var(--px58)) !important;}
.pl60{padding-left:max(var(--rt60), var(--px60)) !important;}
.pr12{padding-right:max(var(--rt12), var(--px12)) !important;}
.pr14{padding-right:max(var(--rt14), var(--px14)) !important;}
.pr16{padding-right:max(var(--rt16), var(--px16)) !important;}
.pr18{padding-right:max(var(--rt18), var(--px18)) !important;}
.pr20{padding-right:max(var(--rt20), var(--px20)) !important;}
.pr22{padding-right:max(var(--rt22), var(--px22)) !important;}
.pr24{padding-right:max(var(--rt24), var(--px24)) !important;}
.pr26{padding-right:max(var(--rt26), var(--px26)) !important;}
.pr28{padding-right:max(var(--rt28), var(--px28)) !important;}
.pr30{padding-right:max(var(--rt30), var(--px30)) !important;}
.pr32{padding-right:max(var(--rt32), var(--px32)) !important;}
.pr34{padding-right:max(var(--rt34), var(--px34)) !important;}
.pr36{padding-right:max(var(--rt36), var(--px36)) !important;}
.pr38{padding-right:max(var(--rt38), var(--px38)) !important;}
.pr40{padding-right:max(var(--rt40), var(--px40)) !important;}
.pr42{padding-right:max(var(--rt42), var(--px42)) !important;}
.pr44{padding-right:max(var(--rt44), var(--px44)) !important;}
.pr46{padding-right:max(var(--rt46), var(--px46)) !important;}
.pr48{padding-right:max(var(--rt48), var(--px48)) !important;}
.pr50{padding-right:max(var(--rt50), var(--px50)) !important;}
.pr52{padding-right:max(var(--rt52), var(--px52)) !important;}
.pr54{padding-right:max(var(--rt54), var(--px54)) !important;}
.pr56{padding-right:max(var(--rt56), var(--px56)) !important;}
.pr58{padding-right:max(var(--rt58), var(--px58)) !important;}
.pr60{padding-right:max(var(--rt60), var(--px60)) !important;}
.mb12{margin-bottom:max(var(--rt12), var(--px12)) !important;}
.mb14{margin-bottom:max(var(--rt14), var(--px14)) !important;}
.mb16{margin-bottom:max(var(--rt16), var(--px16)) !important;}
.mb18{margin-bottom:max(var(--rt18), var(--px18)) !important;}
.mb20{margin-bottom:max(var(--rt20), var(--px20)) !important;}
.mb22{margin-bottom:max(var(--rt22), var(--px22)) !important;}
.mb24{margin-bottom:max(var(--rt24), var(--px24)) !important;}
.mb26{margin-bottom:max(var(--rt26), var(--px26)) !important;}
.mb28{margin-bottom:max(var(--rt28), var(--px28)) !important;}
.mb30{margin-bottom:max(var(--rt30), var(--px30)) !important;}
.mb32{margin-bottom:max(var(--rt32), var(--px32)) !important;}
.mb34{margin-bottom:max(var(--rt34), var(--px34)) !important;}
.mb36{margin-bottom:max(var(--rt36), var(--px36)) !important;}
.mb38{margin-bottom:max(var(--rt38), var(--px38)) !important;}
.mb40{margin-bottom:max(var(--rt40), var(--px40)) !important;}
.mb42{margin-bottom:max(var(--rt42), var(--px42)) !important;}
.mb44{margin-bottom:max(var(--rt44), var(--px44)) !important;}
.mb46{margin-bottom:max(var(--rt46), var(--px46)) !important;}
.mb48{margin-bottom:max(var(--rt48), var(--px48)) !important;}
.mb50{margin-bottom:max(var(--rt50), var(--px50)) !important;}
.mb52{margin-bottom:max(var(--rt52), var(--px52)) !important;}
.mb54{margin-bottom:max(var(--rt54), var(--px54)) !important;}
.mb56{margin-bottom:max(var(--rt56), var(--px56)) !important;}
.mb58{margin-bottom:max(var(--rt58), var(--px58)) !important;}
.mb60{margin-bottom:max(var(--rt60), var(--px60)) !important;}
.mt12{margin-top:max(var(--rt12), var(--px12)) !important;}
.mt14{margin-top:max(var(--rt14), var(--px14)) !important;}
.mt16{margin-top:max(var(--rt16), var(--px16)) !important;}
.mt18{margin-top:max(var(--rt18), var(--px18)) !important;}
.mt20{margin-top:max(var(--rt20), var(--px20)) !important;}
.mt22{margin-top:max(var(--rt22), var(--px22)) !important;}
.mt24{margin-top:max(var(--rt24), var(--px24)) !important;}
.mt26{margin-top:max(var(--rt26), var(--px26)) !important;}
.mt28{margin-top:max(var(--rt28), var(--px28)) !important;}
.mt30{margin-top:max(var(--rt30), var(--px30)) !important;}
.mt32{margin-top:max(var(--rt32), var(--px32)) !important;}
.mt34{margin-top:max(var(--rt34), var(--px34)) !important;}
.mt36{margin-top:max(var(--rt36), var(--px36)) !important;}
.mt38{margin-top:max(var(--rt38), var(--px38)) !important;}
.mt40{margin-top:max(var(--rt40), var(--px40)) !important;}
.mt42{margin-top:max(var(--rt42), var(--px42)) !important;}
.mt44{margin-top:max(var(--rt44), var(--px44)) !important;}
.mt46{margin-top:max(var(--rt46), var(--px46)) !important;}
.mt48{margin-top:max(var(--rt48), var(--px48)) !important;}
.mt50{margin-top:max(var(--rt50), var(--px50)) !important;}
.mt52{margin-top:max(var(--rt52), var(--px52)) !important;}
.mt54{margin-top:max(var(--rt54), var(--px54)) !important;}
.mt56{margin-top:max(var(--rt56), var(--px56)) !important;}
.mt58{margin-top:max(var(--rt58), var(--px58)) !important;}
.mt60{margin-top:max(var(--rt60), var(--px60)) !important;}
.ml12{margin-left:max(var(--rt12), var(--px12)) !important;}
.ml14{margin-left:max(var(--rt14), var(--px14)) !important;}
.ml16{margin-left:max(var(--rt16), var(--px16)) !important;}
.ml18{margin-left:max(var(--rt18), var(--px18)) !important;}
.ml20{margin-left:max(var(--rt20), var(--px20)) !important;}
.ml22{margin-left:max(var(--rt22), var(--px22)) !important;}
.ml24{margin-left:max(var(--rt24), var(--px24)) !important;}
.ml26{margin-left:max(var(--rt26), var(--px26)) !important;}
.ml28{margin-left:max(var(--rt28), var(--px28)) !important;}
.ml30{margin-left:max(var(--rt30), var(--px30)) !important;}
.ml32{margin-left:max(var(--rt32), var(--px32)) !important;}
.ml34{margin-left:max(var(--rt34), var(--px34)) !important;}
.ml36{margin-left:max(var(--rt36), var(--px36)) !important;}
.ml38{margin-left:max(var(--rt38), var(--px38)) !important;}
.ml40{margin-left:max(var(--rt40), var(--px40)) !important;}
.ml42{margin-left:max(var(--rt42), var(--px42)) !important;}
.ml44{margin-left:max(var(--rt44), var(--px44)) !important;}
.ml46{margin-left:max(var(--rt46), var(--px46)) !important;}
.ml48{margin-left:max(var(--rt48), var(--px48)) !important;}
.ml50{margin-left:max(var(--rt50), var(--px50)) !important;}
.ml52{margin-left:max(var(--rt52), var(--px52)) !important;}
.ml54{margin-left:max(var(--rt54), var(--px54)) !important;}
.ml56{margin-left:max(var(--rt56), var(--px56)) !important;}
.ml58{margin-left:max(var(--rt58), var(--px58)) !important;}
.ml60{margin-left:max(var(--rt60), var(--px60)) !important;}
.mr12{margin-right:max(var(--rt12), var(--px12)) !important;}
.mr14{margin-right:max(var(--rt14), var(--px14)) !important;}
.mr16{margin-right:max(var(--rt16), var(--px16)) !important;}
.mr18{margin-right:max(var(--rt18), var(--px18)) !important;}
.mr20{margin-right:max(var(--rt20), var(--px20)) !important;}
.mr22{margin-right:max(var(--rt22), var(--px22)) !important;}
.mr24{margin-right:max(var(--rt24), var(--px24)) !important;}
.mr26{margin-right:max(var(--rt26), var(--px26)) !important;}
.mr28{margin-right:max(var(--rt28), var(--px28)) !important;}
.mr30{margin-right:max(var(--rt30), var(--px30)) !important;}
.mr32{margin-right:max(var(--rt32), var(--px32)) !important;}
.mr34{margin-right:max(var(--rt34), var(--px34)) !important;}
.mr36{margin-right:max(var(--rt36), var(--px36)) !important;}
.mr38{margin-right:max(var(--rt38), var(--px38)) !important;}
.mr40{margin-right:max(var(--rt40), var(--px40)) !important;}
.mr42{margin-right:max(var(--rt42), var(--px42)) !important;}
.mr44{margin-right:max(var(--rt44), var(--px44)) !important;}
.mr46{margin-right:max(var(--rt46), var(--px46)) !important;}
.mr48{margin-right:max(var(--rt48), var(--px48)) !important;}
.mr50{margin-right:max(var(--rt50), var(--px50)) !important;}
.mr52{margin-right:max(var(--rt52), var(--px52)) !important;}
.mr54{margin-right:max(var(--rt54), var(--px54)) !important;}
.mr56{margin-right:max(var(--rt56), var(--px56)) !important;}
.mr58{margin-right:max(var(--rt58), var(--px58)) !important;}
.mr60{margin-right:max(var(--rt60), var(--px60)) !important;}

/* 팝업시 스크롤 막기 */
body.noSc {position: fixed !important;width: 100% !important;height: 100% !important;}
body.noSc {position: fixed !important;width: 100% !important;height: auto !important;}

/* 폰트 색상 */
.fc01{color:#555 !important;}
.fc02{color:#4081FA !important}

/* 폰트 굵기 */
.smB{font-weight: 600 !important;}
.md{font-weight: 400 !important;}

/* 텍스트 정렬 */
.alignC{text-align: center !important;}

/* 모션 */
.fadeUp.is-motion{opacity: 0;top:10px;position: relative;}
.fadeUp.is-active{animation: cardUp 0.4s linear forwards;}
.cardList li.is-motion{opacity: 0;top:10px;position: relative;}
.cardList li.is-active{animation: cardUp 0.4s linear forwards;}
.cardList.li02 li.is-motion:nth-child(2n-1){animation-delay:0.2s;}
.cardList.li02 li.is-motion:nth-child(2n){animation-delay:0.4s;}
.cardList.li03 li.is-motion:nth-child(3n){animation-delay:0.6s;}
.cardList.li03 li.is-motion:nth-child(3n-1){animation-delay:0.4s;}
.cardList.li03 li.is-motion:nth-child(3n-2){animation-delay:0.2s;}
.cardList.li04 li.is-motion:nth-child(4n){animation-delay:0.8s;}
.cardList.li04 li.is-motion:nth-child(4n-3){animation-delay:0.2s;}
.cardList.li04 li.is-motion:nth-child(4n-2){animation-delay:0.4s;}
.cardList.li04 li.is-motion:nth-child(4n-1){animation-delay:0.6s;}
.cardList.li05 li.is-motion:nth-child(5n){animation-delay:1s;}
.cardList.li05 li.is-motion:nth-child(5n-4){animation-delay:0.2s;}
.cardList.li05 li.is-motion:nth-child(5n-3){animation-delay:0.4s;}
.cardList.li05 li.is-motion:nth-child(5n-2){animation-delay:0.6s;}
.cardList.li05 li.is-motion:nth-child(5n-1){animation-delay:0.8s;}
.cardList.li06 li.is-motion:nth-child(6n){animation-delay:1.2s;}
.cardList.li06 li.is-motion:nth-child(6n-5){animation-delay:0.2s;}
.cardList.li06 li.is-motion:nth-child(6n-4){animation-delay:0.4s;}
.cardList.li06 li.is-motion:nth-child(6n-3){animation-delay:0.6s;}
.cardList.li06 li.is-motion:nth-child(6n-2){animation-delay:0.8s;}
.cardList.li06 li.is-motion:nth-child(6n-1){animation-delay:1s;}
.cardList.li07 li.is-motion:nth-child(7n){animation-delay:1.4s;}
.cardList.li07 li.is-motion:nth-child(7n-6){animation-delay:0.2s;}
.cardList.li07 li.is-motion:nth-child(7n-5){animation-delay:0.4s;}
.cardList.li07 li.is-motion:nth-child(7n-4){animation-delay:0.6s;}
.cardList.li07 li.is-motion:nth-child(7n-3){animation-delay:0.8s;}
.cardList.li07 li.is-motion:nth-child(7n-2){animation-delay:1s;}
.cardList.li07 li.is-motion:nth-child(7n-1){animation-delay:1.2s;}
@keyframes cardUp {
    0% {top:16px;opacity: 0;}
    100% {top:0;opacity: 1;}
}
@keyframes cardUp02 {
    0% {top:20px;opacity: 0;}
    100% {top:0;opacity: 1;}
}


/* 공통 */
strong{font-weight: 700;}
.pc{display: block !important;}
.mo{display: none !important;}
section{padding:0 max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent))) max(calc(176px * var(--base-ratio)), calc(calc(176 / var(--base-size)) * var(--base-percent)));}
section + section,
h3.tit + section{padding-top:0;}
section + section.bgG,
section.bgG + section{padding-top:6.25vw;}
.flexBox{display: flex;}
.flexBox.spBt{justify-content: space-between;}
.flexBox.jsC{justify-content: center;}
.flexBox.agC{align-items: center;}
.flexBox.half{flex-wrap: wrap;}
.flexBox.half > li,
.flexBox.half > div{width:calc(50% - 0.52vw);}
.flexBox.half > li:nth-child(even),
.flexBox.half > div:nth-child(even){margin-left: 0.52vw;}
.flexBox.half > li:nth-child(odd),
.flexBox.half > div:nth-child(odd){margin-right: 0.52vw;}
html.scrR{overflow: hidden;}
.btnTop{position: fixed;bottom:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));right:max(var(--rt36), var(--px36));width:max(calc(96px * var(--base-ratio)), calc(calc(96 / var(--base-size)) * var(--base-percent)));z-index: 3;}
.btnTop a{display: block;}
.pcBr{display: block !important;}
.content{margin-top:max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)));}
.wd100{width:100% !important;}

/* header */
header{position: fixed;width: 100%;top:0;left:0;right:0;background:#fff;z-index: 998;transition: all 0.4s;}
html.scrR header{display: none;}
header .headerWrap{display: flex;justify-content: space-between;align-items: center;padding:0 max(var(--rt60), var(--px60));min-height:max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)));}
header .logo{width:max(calc(279px * var(--base-ratio)), calc(calc(279 / var(--base-size)) * var(--base-percent)));height:max(var(--rt60), var(--px60));}
header .logo a{background:url(../img/header_logo.png)no-repeat 0 0;background-size: 100% auto;width:100%;height: 100%;}
header .logo a span{display: inline-block;text-indent: -99999px;}
header .headerWrap .menuListWrap{position: absolute;z-index: 3;transform: translateX(-50%);left: 54%;width: max(calc(1100px * var(--base-ratio)), calc(calc(1100 / var(--base-size)) * var(--base-percent)));}
header .headerWrap .deth2Bg{transition: all 0.4s;position: absolute;left: 0;top:max(calc(109px * var(--base-ratio)), calc(calc(109 / var(--base-size)) * var(--base-percent)));width: 100%;background:#fff;height:0;z-index: 2;}
header .headerWrap.on .deth2Bg{transition-delay: 0s;}
header .headerWrap:not(.on) .deth2Bg{transition-delay: 0.1s;}
header .headerWrap .deth2Bg::before{opacity: 0;content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;background-color: #E5E5E5;-webkit-transition: opacity .4s .3s ease;transition: opacity .4s .3s ease}
header .headerWrap.on .deth2Bg::before {opacity: 1;}
header .headerWrap.on .menuListWrap{width: max(calc(1300px * var(--base-ratio)), calc(calc(1300 / var(--base-size)) * var(--base-percent)));}
header .menuListWrap{transition: all 0.6s;}
header .menuList{display: flex !important;justify-content: center;text-align: center;transition: all 0.6s;}
header .menuList > li{padding:0 max(var(--rt24), var(--px24));transition: all 0.6s;position: relative;width: 100%;}
header .menuList > li:nth-child(1){width: 16%;}
header .menuList > li:nth-child(2){width: 16%;}
header .menuList > li:nth-child(3){width: 16%;}
header .menuList > li:nth-child(4){width: 32%;}
header .menuList > li:nth-child(5){width: 20%;}
header .menuList.on > li{width: 100%;}
header .menuList > li:first-child{padding-left: 0;}
header .menuList > li:last-child{padding-right: 0;}
header .menuList.on > li{padding:0;}
header .menuList > li > span{font-size:max(var(--rt22), var(--px22));font-weight: 600;line-height:max(var(--rt28), var(--px28));cursor: pointer;padding:max(calc(41px * var(--base-ratio)), calc(calc(41 / var(--base-size)) * var(--base-percent))) 0;display: inline-block;vertical-align: top;white-space: nowrap;}
header .menuList > li.on > span{font-weight: 700;color:#4081FA;}
header .menuList > li > .depth2{position: absolute;left: 0;top: max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)));overflow: hidden;visibility: hidden;opacity: 0;font-size: 0;border-right: 1px solid #E5E5E5;width: 100%;height: auto;-webkit-transition: all .4s;transition: all .4s;transition-delay: 0s;}
header .menuList > li:first-child > .depth2{border-left: 1px solid #E5E5E5;}
header .menuList.on > li > .depth2{opacity: 1;visibility: visible;transition-delay: 0.1s; transition: opacity 0.4s 0.4s, visibility 0s 0.4s;}
header .menuList:not(.on) > li > .depth2{opacity: 0;transition-delay: 0s; transition: opacity 0.4s 0s, visibility 0s 0.4s;}
header .menuList.on > li > .depth2::before{content: 0;width: 100%;height: 100%;position: absolute;background: #fff;}
header .menuList > li.on > .depth2{background: #F8F8F8;}
header .menuList.on > li.on::before{content:'';position: absolute;bottom:0;left: 0;width: 100%;height: 3px;background: #4081FA;}
.headerWrap .headerDimmed{width: 100%;height: calc(var(--vh, 1vh) * 100);position: fixed;left: 0;top: max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)));background: rgba(0, 0, 0, .5);opacity: 0;visibility: hidden;-webkit-transition: .4s;transition: .4s;z-index: 1;}
.headerWrap.on .headerDimmed{opacity: 1;visibility: visible;}
header .menuList > li > .depth2 ul li:first-child{padding-top:max(var(--rt40), var(--px40));}
header .menuList > li > .depth2 ul li + li{padding-top:max(var(--rt16), var(--px16));}
header .menuList > li > .depth2 ul li:last-child{padding-bottom:max(var(--rt40), var(--px40));}
header .menuList > li > .depth2 ul li a{font-size: max(var(--rt20), var(--px20));line-height: 1.4;font-weight: 600;position: relative;}
header .menuList > li > .depth2 ul li a:hover span{color:#4081FA;}
header .rMenu{display: flex;align-items: center;}
header .rMenu > div + div{margin-left:max(var(--rt24), var(--px24));}
header .rMenu .langBox .selBox{border-bottom: 0;width: auto;height: auto;min-width: 3.54vw;z-index: 3;}
header .rMenu .langBox .selBox:before{margin-top: calc(-1* max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));}
header .rMenu .langBox .selBox .label{padding-left:max(var(--rt36), var(--px36));padding-right: max(var(--rt28), var(--px28));height: auto;font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt28), var(--px28));font-weight: 500;background:url(../img/ico_lang.svg)no-repeat left center;background-size:var(--px28), var(--px28);position: relative;z-index: 1;}
header .rMenu .langBox .selBox .selOptBox{position: absolute;padding: max(var(--rt20), var(--px20));top: max(var(--rt40), var(--px40));min-width: max(var(--rt76), var(--px76));right:0;}
header .rMenu .menu{width:max(var(--rt32), var(--px32));height:max(var(--rt32), var(--px32));}
header .rMenu .menu a{background:url(../img/ico_menu.svg)no-repeat 0 0;background-size: 100% auto;width:100%;height:100%;}
header .rMenu .menu a span{display: inline-block;text-indent: -99999px;}
header .menuBox{display: none;position: fixed;left:0;top:0;width:100%;height:100vh;background:#4081FA;z-index: 900;}
header .menuBox .logo{position:absolute;top:max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));left:max(var(--rt60), var(--px60));width:max(calc(279px * var(--base-ratio)), calc(calc(279 / var(--base-size)) * var(--base-percent)));height:max(var(--rt60), var(--px60));}
header .menuBox .logo a{background:url(../img/header_logo_w.png)no-repeat 0 0;background-size: 100% auto;width:100%;height: 100%;}
header .menuBox .logo a span{display: inline-block;text-indent: -99999px;}
header .menuBox .closeMenu{position:absolute;right:max(var(--rt60), var(--px60));top:max(var(--rt40), var(--px40));width:max(var(--rt32), var(--px32));height:max(var(--rt32), var(--px32));background:url(../img/ico_menu_close.svg)no-repeat 0 0;background-size:100% auto;}
header .menuBox .closeMenu span{display: inline-block;text-indent: -99999px;}
header .menuBox .menuPopList{width:100%;padding:0 max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(226px * var(--base-ratio)), calc(calc(226 / var(--base-size)) * var(--base-percent)));}
header .menuBox .menuPopList > ul > li{display: flex;}
header .menuBox .menuPopList > ul > li + li{border-top:1px solid rgba(255,255,255,0.4);margin-top:max(var(--rt36), var(--px36));padding-top:max(var(--rt36), var(--px36));}
header .menuBox .menuPopList > ul > li:last-child{margin-bottom:2.5vw;}
header .menuBox .menuPopList > ul > li > a{font-size:var(--px40);line-height: 1.7;font-weight: 700;color:#fff;width:calc(calc(250 / var(--base-size)) * var(--base-percent));}
header .menuBox .menuPopList li > a > span{color:#fff;}
header .menuBox .menuPopList li > a > ul{display: flex;}
header .menuBox .scrBox{overflow: auto;height: 100%;-ms-overflow-style: none; /* 인터넷 익스플로러 */scrollbar-width: none; /* 파이어폭스 */}
header .menuBox .scrBox:-webkit-scrollbar {display: none;}
header .menuBox .scrBox .topBox{height: max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)));background: #4081FA;position: fixed;width: 100%;top:0;left: 0;z-index: 1;}
header .menuBox .menuPopList .depth2 {display: flex;flex-wrap: wrap;align-items: center;padding-left: max(var(--rt20), var(--px20));}
header .menuBox .menuPopList .depth2 > li:first-child{margin-left: 0;}
header .menuBox .menuPopList .depth2 > li{margin-left: var(--px48);}
header .menuBox .menuPopList .depth2 > li a span{font-size:var(--px28);line-height: 1.5vw;display: inline-block;position: relative;font-weight: 500;}
header .menuBox .menuPopList .depth2 > li a:hover span::before{content:'';position: absolute;left:0;bottom:0;width:100%;height:1px;background:#fff;}
body[data-scroll=down] header[data-fixed=true] {
  top: -20%
}
body[data-scroll=up] header[data-fixed=true], body[data-scroll=down] header {
  top: 0
}
body header.mainH{background:transparent;display: none !important;}
body header.mainH.on{display: block !important;}
body header.mainH .headerWrap{transition: all 0.2s;transition-delay: 0.4s;}
body header.mainH .headerWrap.on{background:#fff;transition-delay: 0s;}
body header.mainH .headerWrap .menuList > li{color:#fff;}
body header.mainH .headerWrap.on .menuList > li{color:#222;}
body header.mainH .headerWrap .rMenu .langBox .selBox .label{color:#fff;transition: all 0.2s;transition-delay: 0.2s;}
body header.mainH .headerWrap.on .rMenu .langBox .selBox .label{color:#222;transition-delay: 0s;}
body header.mainH .headerWrap .logo a{background: url(../img/header_logo_w.png)no-repeat 0 0;background-size: 100% auto;transition: all 0.2s;transition-delay: 0.2s;}
body header.mainH .headerWrap.on .logo a{background: url(../img/header_logo.png)no-repeat 0 0;background-size: 100% auto;transition-delay: 0s;}
body header.mainH .headerWrap .rMenu .langBox .selBox .label{background:url(../img/ico_lang_w.svg)no-repeat left center;background-size: var(--px28), var(--px28);}
body header.mainH .headerWrap.on .rMenu .langBox .selBox .label{background:url(../img/ico_lang.svg)no-repeat left center;background-size: var(--px28), var(--px28);}
body header.mainH .headerWrap .rMenu .langBox .selBox:before{background: url(../img/ico_sel_down_w.svg) 0 0 no-repeat;background-size: var(--px20), var(--px20);transition: all 0.2s;transition-delay: 0.2s;}
body header.mainH .headerWrap.on .rMenu .langBox .selBox:before{background: url(../img/ico_sel_down.svg) 0 0 no-repeat;background-size: var(--px20), var(--px20);transition-delay: 0s;}
body header.mainH .headerWrap .rMenu .menu a{background:url(../img/ico_menu_w.svg)no-repeat 0 0;background-size: 100% auto;width:100%;height:100%;transition: all 0.2s;transition-delay: 0.2s;}
body header.mainH .headerWrap.on .rMenu .menu a{background:url(../img/ico_menu.svg)no-repeat 0 0;background-size: 100% auto;width:100%;height:100%;transition-delay: 0s;}


@media screen and (min-width: 1100px) and (max-width:1200px) {
  header .headerWrap .menuListWrap{width: max(calc(900px * var(--base-ratio)), calc(calc(900 / var(--base-size)) * var(--base-percent)));}
  header .headerWrap.on .menuListWrap{width: max(calc(1000px * var(--base-ratio)), calc(calc(1000 / var(--base-size)) * var(--base-percent)));}
header .menuList > li:nth-child(1){width: 16%;}
header .menuList > li:nth-child(2){width: 16%;}
header .menuList > li:nth-child(3){width: 16%;}
header .menuList > li:nth-child(4){width: 32%;}
header .menuList > li:nth-child(5){width: 20%;}
  header .menuList > li{padding:0 max(var(--rt18), var(--px18))}
  header .menuList > li > span{font-size:max(var(--rt20), var(--px20));}
  header .logo{width:max(calc(243px * var(--base-ratio)), calc(calc(243 / var(--base-size)) * var(--base-percent)))}
}
@media screen and (min-width: 1025px) and (max-width:1100px) {
  header .headerWrap .menuListWrap{width: max(calc(800px * var(--base-ratio)), calc(calc(800 / var(--base-size)) * var(--base-percent)));}
  header .headerWrap.on .menuListWrap{width: max(calc(900px * var(--base-ratio)), calc(calc(900 / var(--base-size)) * var(--base-percent)));}
header .menuList > li:nth-child(1){width: 16%;}
header .menuList > li:nth-child(2){width: 16%;}
header .menuList > li:nth-child(3){width: 16%;}
header .menuList > li:nth-child(4){width: 32%;}
header .menuList > li:nth-child(5){width: 20%;}
  header .menuList > li{padding:0 max(var(--rt12), var(--px12))}
  header .menuList > li > span{font-size:max(var(--rt18), var(--px18));}
  header .logo{width:max(calc(243px * var(--base-ratio)), calc(calc(243 / var(--base-size)) * var(--base-percent)))}
}


/* footer */
footer{display: flex;padding:max(var(--rt50), var(--px50)) max(var(--rt80), var(--px80));background:#222;position: relative;z-index: 2;color:#fff;}
footer .con{display: flex;align-items: center;justify-content: space-between;width: 100%;}
footer .con .left{display: flex;align-items: center;}
footer .logo{width: max(calc(244px * var(--base-ratio)), calc(calc(244 / var(--base-size)) * var(--base-percent)));}
footer .logo > img{display: block;}
footer .con .left p{font-size:max(var(--rt20), var(--px20));line-height: 1.6;margin-left: max(var(--rt62), var(--px62));}
footer .con ul.right{display: flex;}
footer .con ul.right li{font-size:max(var(--rt20), var(--px20));line-height: 1.2;}
footer .con ul.right li dl{display: flex;}
footer .con ul.right li dt{font-weight: 600;margin-right: max(var(--rt12), var(--px12));}
footer .con ul.right li + li{margin-left:max(var(--rt40), var(--px40));}

/* input */
input::placeholder,
textarea::placeholder {color:#aaa;}
textarea::-webkit-input-placeholder {color: #aaa;}
input:focus::placeholder,
textarea:focus::placeholder {color: transparent;}
input[type="text"],
input[type="password"],
input[type="number"]{padding:0;border:0;font-size:max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));outline: 0 none;background: transparent;width:100%;box-sizing: border-box;padding-bottom:max(var(--rt10), var(--px10));border-bottom: 2px solid #222;font-family: inherit;}
textarea{resize:none;border:1px solid #ddd;width:100%;padding:max(var(--rt24), var(--px24)) max(var(--rt32), var(--px32));font-family:'Pretendard','Poppins','dotum','돋움';font-size:max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));min-height: max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));}
textarea:focus{border:1px solid #555;outline: none;-webkit-box-shadow: none;box-shadow: none;}

/* 타이틀 */
.titBox h4.tit{position: relative;}
h4.tit{font-size: max(var(--rt54), var(--px54));line-height:max(var(--rt72), var(--px72));font-weight: 700;margin-bottom:max(calc(92px * var(--base-ratio)), calc(calc(92 / var(--base-size)) * var(--base-percent)));text-align: center;}

/* pc버전 컨텐츠 네이게이션 */
.navCon{display: flex;justify-content: space-between;align-items: center;padding:0 max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)));padding-top:max(var(--rt42), var(--px42));padding-bottom:max(var(--rt60), var(--px60));z-index: 2;background: #fff;position: relative;}
.navCon .tit{padding-left: max(var(--rt80), var(--px80));font-size: max(var(--rt44), var(--px44));line-height: max(var(--rt60), var(--px60));font-weight: 700;}
.navCon .nav{display: flex;align-items: center;}
.navCon .nav li{font-size: max(var(--rt20), var(--px20));line-height: 1.6;color: rgba(34, 34, 34, 0.6);position: relative;}
.navCon .nav li:first-child{width: max(var(--rt24), var(--px24));height: max(var(--rt24), var(--px24));background:url(../img/ico_nav_home.svg)no-repeat 0 0;background-size: 100% auto;}
.navCon .nav li:first-child span{display: inline-block;text-indent: -99999px;}
.navCon .nav li.on{font-weight: 600;color:#222;}
.navCon .nav li + li{padding-left: max(var(--rt32), var(--px32));margin-left: max(var(--rt20), var(--px20));}
.navCon .nav li + li::before{content:'';width:calc(calc(8 / var(--base-size)) * var(--base-percent));height:calc(calc(12 / var(--base-size)) * var(--base-percent));position: absolute;background: url(../img/ico_nav_arrow.svg)no-repeat 0 0;background-size: 100% auto;left: 0;top:50%;margin-top:calc(calc(-6 / var(--base-size)) * var(--base-percent));}
.content{letter-spacing: calc(calc(-0.5 / var(--base-size)) * var(--base-percent));}
.content .con{padding-top:max(var(--rt20), var(--px20));}

/* 탭 */
.tabCon {opacity: 0;visibility: hidden;height: 0;overflow: hidden;}
.tabCon.active {opacity: 1;visibility: visible;height: auto;}

/* selectBox */
.selBox * { box-sizing: border-box; }
.selBox {position: relative;z-index: 1;height: max(var(--rt50), var(--px50));border-bottom: 2px solid #222;cursor: pointer;box-sizing: border-box;width: 100%;}
.selBox:before {content: '';position: absolute;right:0;top: 50%;width:max(var(--rt20), var(--px20));margin-top:calc(-1 * max(var(--rt10), var(--px10)));height:max(var(--rt20), var(--px20));background: url(../img/ico_sel_down.svg) 0 0 no-repeat;background-size: 100% auto;transition: all 0.4s;z-index: 1;}
.selBox .label {display: flex;width:100%;font-size:max(var(--rt24), var(--px24));font-weight: 500;padding-bottom: max(var(--rt10), var(--px10));line-height:max(var(--rt38), var(--px38));padding:0;border: 0 none;outline: 0 none;background: transparent;cursor: pointer;position: relative;z-index: 2;}
.selBox .selOptBox{position: relative;background:#fff;z-index: 10;padding:max(var(--rt20), var(--px20)) max(var(--rt20), var(--px20));top: max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent)));display: none;border:1px solid #222;}
.selBox .selOpt .selItem{font-size: max(var(--rt22), var(--px22));line-height: max(var(--rt36), var(--px36));font-weight: 600;color:#555;}
.selBox .selOpt .selItem + .selItem{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));}
.selBox .selOpt .selItem.active{color:#4081FA;}
.selBox.active:before{transform: rotate(-180deg);}

/* 입력 */
.searchIpt{height: max(var(--rt50), var(--px50));border-bottom: 2px solid #222;box-sizing: border-box;width:100%;font-weight: 500;display: flex;}
.searchIpt input{border-bottom: 0;font-weight: 500;padding-right: max(var(--rt12), var(--px12));}
.searchIpt button{width:max(var(--rt32), var(--px32));height:max(var(--rt32), var(--px32));background:url(../img/ico_search.svg)no-repeat right top;background-size: max(var(--rt32), var(--px32)) auto;padding:0;border:0;cursor: pointer;}
.searchIpt button span{display: block;text-indent: -99999px;}

/* pagination */
.pagination{display: flex;align-items: center;justify-content: center;}
.pagination > div{width:max(var(--rt24), var(--px24));height:max(var(--rt24), var(--px24));background-size: 100% auto;}
.pagination > div a{width: 100%;height: 100%;}
.pagination > div span{display: block;width: 100%;height: 100%;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.pagination > div.first{background: url(../img/ico_pg_first.svg)no-repeat 0 0;background-size: 100% auto;margin-right:max(var(--rt10), var(--px10));}
.pagination > div.prev{background: url(../img/ico_pg_prev.svg)no-repeat 0 0;background-size: 100% auto;}
.pagination > div.next{background: url(../img/ico_pg_next.svg)no-repeat 0 0;background-size: 100% auto;}
.pagination > div.end{background: url(../img/ico_pg_end.svg)no-repeat 0 0;background-size: 100% auto;margin-left:max(var(--rt10), var(--px10));}
.pagination ul{display: flex;margin:0 max(var(--rt20), var(--px20));align-items: center;}
.pagination ul li{width:max(var(--rt48), var(--px48));height: max(var(--rt48), var(--px48));position: relative;}
.pagination ul li.on::before{content:'';position: absolute;left: 0;top:0;width:max(var(--rt48), var(--px48));height: max(var(--rt48), var(--px48));background: linear-gradient(91.08deg, #5490FF 1.56%, #8469FF 97.98%);}
.pagination ul li a,
.pagination ul li a span{width:100%;height: 100%;text-align: center;font-size:max(var(--rt20), var(--px20));line-height:max(var(--rt48), var(--px48));display: block;color:#555;position: relative;}
.pagination ul li.on a,
.pagination ul li.on span{color:#fff;}

/* 체크박스 */
.chkBox input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.chkBox input[type="checkbox"] + label {display: block;position: relative;padding:max(var(--rt28), var(--px28));background:#F8F8F8;border:1px solid #F8F8F8;padding-left: max(calc(92px * var(--base-ratio)), calc(calc(92 / var(--base-size)) * var(--base-percent)));font-size:max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 700;}
.chkBox input[type="checkbox"]:checked + label{border:1px solid #4081FA;background:#FFF;}
.chkBox input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.chkBox input[type="checkbox"] + label:before {content: "";position: absolute;left: max(var(--rt32), var(--px32));top:50%;margin-top:calc(-1 * max(var(--rt18), var(--px18)));width: max(var(--rt36), var(--px36));height: max(var(--rt36), var(--px36));background: url(../img/ico_check.svg)no-repeat 0 0;background-size: 100% auto;cursor: pointer;}
.chkBox input[type="checkbox"]:checked + label:before {background: url(../img/ico_check_on.svg)no-repeat 0 0;background-size: 100% auto;}

/* 라디오버튼 국가 */
.radioBox.nation {display: flex;flex-wrap: wrap;gap: max(var(--rt16), var(--px16));}
.radioBox.nation input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.radioBox.nation label {display: flex;align-items: center;cursor: pointer;background: #fff;border: 1px solid #ddd;border-radius: max(var(--rt60), var(--px60));padding: max(var(--rt10), var(--px10)) max(var(--rt30), var(--px30)) max(var(--rt10), var(--px10)) max(var(--rt10), var(--px10));transition: all 0.2s ease;height: max(var(--rt60), var(--px60));box-sizing: border-box;}
.radioBox.nation label .txt {font-size: max(var(--rt20), var(--px20));font-weight: 600;color: #888;margin-left: max(var(--rt12), var(--px12));line-height: max(var(--rt60), var(--px60));}
.radioBox.nation input[type="radio"]:checked + label {border-color: #4081FA;background-color: #fff; box-shadow: 0 0 0 1px #4081FA inset;}
.radioBox.nation input[type="radio"]:checked + label .txt {color: #4081FA;}
.radioBox.nation .flag {display: block;width: max(var(--rt40), var(--px40));height: max(var(--rt40), var(--px40));border-radius: 50%;background-size: cover;background-position: center;flex-shrink: 0;}
.radioBox.nation .flag.kr {background-image: url(../img/ico_kr.png);}
.radioBox.nation .flag.us {background-image: url(../img/ico_us.png);}
.radioBox.nation .flag.cn {background-image: url(../img/ico_cn.png);}
.radioBox.nation .flag.jp {background-image: url(../img/ico_jp.png);}

/* 약관동의 체크박스 + link 이동 */
.clauseChkBox{position: relative;}
.clauseChkBox .btnLink{position: absolute;right:max(calc(23px * var(--base-ratio)), calc(calc(23 / var(--base-size)) * var(--base-percent)));top:50%;margin-top:calc(-1 * max(var(--rt16), var(--px16)));z-index: 2;}
.clauseChkBox .btnLink a{display: block;background: url(../img/ico_check_link.svg)no-repeat center center;width: max(var(--rt32), var(--px32));height: max(var(--rt32), var(--px32));background-size: max(var(--rt18), var(--px18)) max(var(--rt18), var(--px18));}
.clauseChkBox .btnLink a span{display: inline-block;text-indent: -9999px;}

/* dot 형태 리스트 */
.dotList li,
.dotList dt{padding-left: max(var(--rt12), var(--px12));position: relative;font-size: max(var(--rt22), var(--px22));line-height: max(var(--rt36), var(--px36));color:#555;}
.dotList li + li,
.dotList dl + dl{margin-top:max(var(--rt16), var(--px16));}
.dotList li::before,
.dotList dt::before{content:'';position: absolute;left:0;top:max(var(--rt16), var(--px16));width:4px;height:4px;border-radius: 50%;background:#4081FA;}

/* 팝업 */
.dimmed{position: fixed;top:0;left:0;width: 100%;height: 100%;background:rgba(0,0,0,0.65);z-index: 999;display: none;}

/* popup */
.popup{position: fixed;top:50%;left:50%;transform: translate(-50%, -50%);display: none;z-index: 1000;background: #fff;}
.popup.alert{min-width: max(calc(412px * var(--base-ratio)), calc(calc(412 / var(--base-size)) * var(--base-percent)));text-align: center;}
.popup.alert .popCon .txtCon{min-height: max(calc(152px * var(--base-ratio)), calc(calc(152 / var(--base-size)) * var(--base-percent)));display: flex;align-items: center;justify-content: center;flex-direction: column;}
.popup.alert .popCon .txtCon p.tit{font-weight: 600;font-size:max(var(--rt20), var(--px20));line-height: 1.6;}
.popup .btnBox{display: flex;justify-content: center;border-top:1px solid #D9D9D9;}
.popup .popClose{font-size: max(var(--rt20), var(--px20));line-height: max(var(--rt72), var(--px72));height: max(var(--rt72), var(--px72));color:#4081FA;font-weight: 600;width: 100%;}
.popup .popClose.ico{position:absolute;top:max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent)));right:max(var(--rt40), var(--px40));width:max(var(--rt32), var(--px32));height:max(var(--rt32), var(--px32));background:url(../img/ic_close_pop.svg)no-repeat 0 0;background-size: 100% auto;}
.popup .popClose.ico span{display: inline-block;text-indent: -99999px;}
.popup.clause{padding-right:max(var(--rt18), var(--px18));}
.popup.clause .tit{font-size:max(var(--rt28), var(--px28));line-height: max(var(--rt42), var(--px42));font-weight: 700;padding:max(var(--rt40), var(--px40)) max(var(--rt40), var(--px40)) max(var(--rt24), var(--px24)) max(var(--rt40), var(--px40));}
.popup.clause .txtBox{overflow-y: auto;max-height:calc(calc(620 / var(--base-size)) * var(--base-percent));padding:max(var(--rt24), var(--px24)) max(var(--rt20), var(--px20)) max(var(--rt40), var(--px40)) max(var(--rt44), var(--px44));}
.popup.clause .txtBox::-webkit-scrollbar{width:4px;}
.popup.clause .txtBox::-webkit-scrollbar-thumb {background: #555;border-radius: 2.5px;}
.popup.clause .txtBox::-webkit-scrollbar-track {background:#eee;border-radius: 2.5px;}
.popup.clause .txtBox .fTxt{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 700;margin-bottom: max(var(--rt24), var(--px24));}
.popup.clause .txtBox .numTit{font-size: max(var(--rt20), var(--px20));line-height: 1.5;font-weight: 700;margin-bottom:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));}
.popup.clause .txtBox .subTxt{font-size:max(var(--rt20), var(--px20));line-height: 1.5;color:#555;}
.popup.clause .txtBox .txt{font-size:max(var(--rt18), var(--px18));line-height: max(var(--rt28), var(--px28));color:#555;}
.popup.clause .txtBox .subTxt + .txt{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));}
.popup.clause .txtBox .txt + .numTit,
.popup.clause .txtBox .subTxt + .numTit,
.popup.clause .txtBox .txt + .fTxt,
.popup.clause .txtBox .subTxt + .fTxt{margin-top:max(var(--rt24), var(--px24));}


/* 공통 텍스트 크기 */
.titXl{font-size: max(var(--rt60), var(--px60));line-height: max(var(--rt68), var(--px68));}
.titH3{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));}
.titH4{font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));}
.titSm{font-size: max(var(--rt28), var(--px28));line-height: max(var(--rt42), var(--px42));}
.fsLg{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));}
.fsMd{font-size: max(var(--rt20), var(--px20));line-height: 1.6;}
.fsSm{font-size: max(var(--rt18), var(--px18));line-height: max(var(--rt28), var(--px28));}

/* 서브페이지 visual 영역 공통 */
.visualTopBox{position: relative;margin-top:max(var(--rt60), var(--px60));}
.visualTopBox .txtBox{position: absolute;left: 0;top:0;width: 100%;height: 100%;padding:calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent));color:#fff;z-index: 2;}
.visualTopBox .txtBox .tit{font-size: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));line-height: max(calc(68px * var(--base-ratio)), calc(calc(68 / var(--base-size)) * var(--base-percent)));font-weight: 700;margin-bottom: max(var(--rt24), var(--px24));}
.visualTopBox .txtBox .txt{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 500;}

/* 서브페이지 visual 영역 카드 형태 공통 */
.visualcardList{position: relative;display: flex;gap:max(var(--rt16), var(--px16));margin:0 calc(calc(344 / var(--base-size)) * var(--base-percent));width: calc(100% - calc(calc(688 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(-167px * var(--base-ratio)), calc(calc(-167 / var(--base-size)) * var(--base-percent)));}
.visualcardList li{box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);width: calc(100%/3);padding:var(--px50) var(--px40);background: #fff;}
.visualcardList.card02{width: calc(100% - calc(calc(1104 / var(--base-size)) * var(--base-percent)));margin:0 calc(calc(552 / var(--base-size)) * var(--base-percent));margin-top:max(calc(-167px * var(--base-ratio)), calc(calc(-167 / var(--base-size)) * var(--base-percent)));}
.visualcardList.card02 li{width: 50%;}
.visualcardList li .ico{width: max(var(--rt60), var(--px60));height: max(var(--rt60), var(--px60));display: block;background-position: 0 0;background-repeat: no-repeat;background-size: max(var(--rt60), var(--px60)) max(var(--rt60), var(--px60));margin-bottom: max(calc(66px * var(--base-ratio)), calc(calc(66 / var(--base-size)) * var(--base-percent)));}
.visualcardList li .ico.type01{background-image: url(../img/ico_visualCard01.svg);}
.visualcardList li .ico.type02{background-image: url(../img/ico_visualCard02.svg);}
.visualcardList li .ico.type03{background-image: url(../img/ico_visualCard03.svg);}
.visualcardList li .ico.type04{background-image: url(../img/ico_visualCard04.svg);}
.visualcardList li .ico.type05{background-image: url(../img/ico_visualCard05.svg);}
.visualcardList li .ico.type06{background-image: url(../img/ico_visualCard06.svg);}
.visualcardList li .ico.type07{background-image: url(../img/ico_visualCard07.svg);}
.visualcardList li .ico.type08{background-image: url(../img/ico_visualCard08.svg);}
.visualcardList li .ico.type09{background-image: url(../img/ico_visualCard09.svg);}
.visualcardList li .ico.type10{background-image: url(../img/ico_visualCard10.svg);}
.visualcardList li .ico.type11{background-image: url(../img/ico_visualCard11.svg);}
.visualcardList li .ico.type12{background-image: url(../img/ico_visualCard12.svg);}
.visualcardList li .ico.type13{background-image: url(../img/ico_visualCard13.svg);}
.visualcardList li .ico.type14{background-image: url(../img/ico_visualCard14.svg);}
.visualcardList li .ico.type15{background-image: url(../img/ico_visualCard15.svg);}
.visualcardList li .ico.type16{background-image: url(../img/ico_visualCard16.svg);}
.visualcardList li .num{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt32), var(--px32));margin-bottom: max(var(--rt12), var(--px12));color:#4081FA;font-weight: 600;}
.visualcardList li .num .tit{color: #222;}
.visualcardList li .txt{font-size: max(var(--rt20), var(--px20));line-height: 1.6;color:#555;}
.visualcardList + .csBox01{margin-top: max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));}


/* 팝업 slide */
.popupSlide{position: fixed;width: 100%;height: 100%;left:0;top:0;display: none;z-index: 999;}
.popupSlide::before{content:'';position: absolute;width: 100%;height: 100%;background:#000;opacity: 0.6;left: 0;top:0}
.popupSlide .popCon{margin:0 auto;position: relative;max-width:max(calc(632px * var(--base-ratio)), calc(calc(632 / var(--base-size)) * var(--base-percent)));height: 100%;padding: calc(calc(100 / var(--base-size)) * var(--base-percent)) 0;}
.popupSlide .popCon.horizontal{margin:0 auto;position: relative;max-width:100%;height: 100%;padding: calc(calc(100 / var(--base-size)) * var(--base-percent)) calc(calc(310 / var(--base-size)) * var(--base-percent));}
.popupSlide .popCon .swiperCon{position: relative;top: 50%;transform: translateY(-50%);}
.popupSlide .popCon .swiperCon .swiper-container{overflow:hidden;}
.popupSlide .popCon .swiperCon .swiper-slide img{width: 100%;display: block;margin: 0 auto;}
.popupSlide .popCon.horizontal .swiperCon .swiper-slide img{width: 100%;}
.popupSlide .btnPopClose a{position: absolute;top:max(var(--rt60), var(--px60));right: max(var(--rt60), var(--px60));background: url(../img/ico_popclose_w.svg)no-repeat 0 0;width: max(var(--rt64), var(--px64));height: max(var(--rt64), var(--px64));background-size: 100% auto;}
.popupSlide .btnPopClose a span{display: inline-block;text-indent: -9999px;}

/* 팝업 - swiper */
.popupSlide .swiper-button-prev, .popupSlide .swiper-rtl .swiper-button-next{left: calc(calc(-90 / var(--base-size)) * var(--base-percent));background:url(../img/ico_slide_allow_left.png)no-repeat center center;background-size: 100% auto;}
.popupSlide .swiper-button-next,.popupSlide .swiper-rtl .swiper-button-prev{right: calc(calc(-90 / var(--base-size)) * var(--base-percent));background:url(../img/ico_slide_allow_right.png)no-repeat center center;background-size: 100% auto;}
.popupSlide .swiper-button-next,
.popupSlide .swiper-button-prev{width: var(--px60);height: var(--px60);margin-top:calc(-1 * var(--px30));border-radius: 50%;}
.popupSlide .swiper-button-next:after, .popupSlide .swiper-rtl .swiper-button-prev:after,
.popupSlide .swiper-button-prev:after, .popupSlide .swiper-rtl .swiper-button-next:after{content:none;}

/* 탭 */
.tabBtnBox{display: flex;justify-content: center;}
.tabBtnBox li + li{margin-left: max(var(--rt16), var(--px16));}
.tabBtnBox li a{padding:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))) max(var(--rt28), var(--px28));border-radius:max(var(--rt60), var(--px60));background:#ECECEC;font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 500;color:#555;}
.tabBtnBox li.active a{color:#FFF;font-weight: 700;background: #4081FA;}

/* 더 보기 버튼 */
.btnMore{display: flex;align-items: center;justify-content: center;margin-top:max(var(--rt40), var(--px40));}
.btnMore a{display: flex;align-items: center;border:1px solid #555;padding:0 max(var(--rt24), var(--px24));}
.btnMore p{padding-left: max(var(--rt44), var(--px44));font-size: max(var(--rt20), var(--px20));line-height: max(var(--rt60), var(--px60));background: url(../img/ico_pageDown.svg)no-repeat 0 center;background-size: max(var(--rt32), var(--px32)) max(var(--rt32), var(--px32));font-weight: 600;}
.btnMore div{padding-left: max(var(--rt12), var(--px12));font-size: max(var(--rt20), var(--px20));line-height: max(var(--rt60), var(--px60));font-weight: 600;}
.btnMore div span:first-child{color:#4081FA;}



/********************* 메인 *********************/
.mainCon img{display: block;}
.mainCon .intro{position:fixed;left:0;top:0;z-index:5;width:100%;height:100%;background:#fff;}
.mainCon .intro .introImgs{position: absolute;top:0;left:0;bottom:0;right:0;margin:auto;transform:scale(0.3);overflow:hidden;}
.mainCon .intro .introImgs .img01,
.mainCon .intro .introImgs .img02,
.mainCon .intro .introImgs .img03,
.mainCon .intro .introImgs .img04{display: block;width:100%;position: absolute;width:100%;height:100%;top:0;left:0;transform:translateY(100%);transition:transform 0.9s ease;} 
.mainCon .intro .introImgs .img01{z-index:1;}
.mainCon .intro .introImgs .img02{z-index:2;}
.mainCon .intro .introImgs .img03{z-index:3;} 
.mainCon .intro .introImgs .img04{z-index:4;} 
.mainCon .intro.start .introImgs .img01{transform:translateY(0%);transition:transform 0.6s ease;}
.mainCon .intro.start .introImgs .img02{transform:translateY(0%);transition:transform 0.6s ease;transition-delay:0.4s;}
.mainCon .intro.start .introImgs .img03{transform:translateY(0%);transition:transform 0.6s ease;transition-delay:0.8s;}
.mainCon .intro.start .introImgs .img04{transform:translateY(0%);transition:transform 0.6s ease;transition-delay:1.2s;}
.mainCon .intro.start .introImgs{animation-name:introAni;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;animation-delay:1.6s; }
@keyframes introAni{
  0%{transform:scale(0.3);}
  100%{transform:scale(1);}
}
.mainCon .intro.end{transition-delay: 0s;}
.mainCon .sec01{width:100%;height:100vh;position: relative;overflow:hidden;}
.mainCon .sec01 .visual{width:100%;height:100vh;position: relative;overflow:hidden;}
.mainCon .sec01 .txtBox{position: absolute;top:0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 5;flex-direction: column;font-weight: 700;}
.mainCon .sec01 .txtBox .tit{font-size: max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));line-height: max(calc(130px * var(--base-ratio)), calc(calc(130 / var(--base-size)) * var(--base-percent)));margin-bottom: max(var(--rt32), var(--px32));color:#fff;}
.mainCon .sec01 .txtBox .txt{font-size: max(var(--rt28), var(--px28));line-height: max(var(--rt42), var(--px42));color:#fff;}
.mainCon .sec02{position: relative;z-index: 6;margin-top:100vh;}
.mainCon .sec02 .bgImg{height: 100%;}
.mainCon .sec02 .txtBox{position: absolute;top:0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 2;flex-direction: column;font-weight: 700;text-align: center;}
.mainCon .sec02 .txtBox .tit{font-size: max(var(--rt52), var(--px52));line-height: max(var(--rt70), var(--px70));margin-bottom: max(var(--rt20), var(--px20));color:#fff;}
.mainCon .sec02 .txtBox .txt{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt40), var(--px40));color:#fff;}
.mainCon .sec03{position: relative;z-index: 6;background: #fff;}
.mainCon .sec03 .bgImg{transform: scale(0.7);}
.mainCon .sec03 .txtBox{position: absolute;top:0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 2;font-weight: 700;text-align: center;}
.mainCon .sec03 .txtBox .tit{font-size: max(var(--rt68), var(--px68));line-height: max(calc(94px * var(--base-ratio)), calc(calc(94 / var(--base-size)) * var(--base-percent)));color:#fff;}
.mainCon .sec04 {background: linear-gradient(91.08deg, #5FA4FF 1.56%, #7B5DFF 97.98%);padding:max(calc(225px * var(--base-ratio)), calc(calc(225 / var(--base-size)) * var(--base-percent))) max(var(--rt80), var(--px80));}
.mainCon .sec04 ul{display: flex;gap: max(var(--rt12), var(--px12));}
.mainCon .sec04 ul li{width: calc(calc(100%/3) - max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent))));}
.mainCon .sec04 .swiper-slide a{position: relative;}
.mainCon .sec04 .swiper-slide a .cardDim {background: #fff;position: absolute;height: 100%;width: 100%;left: 0;top: 0;bottom: 0;right: 0;opacity: 0;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.mainCon .sec04 .swiper-slide a:hover .cardDim{opacity: 1;}
.mainCon .sec04 ul li .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt64), var(--px64));color: #fff;position: absolute;z-index: 3;top:var(--px20);left: var(--px40);font-weight: 600;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.mainCon .sec04 ul li a:hover .tit{color:#222;}
.mainCon .sec04 ul li .txtBox{position: absolute;width: 100%;padding:0 var(--px40);opacity: 0;left: 0;top:calc(calc(128 / var(--base-size)) * var(--base-percent));-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.mainCon .sec04 ul li a:hover .txtBox{left: 0;top:calc(calc(128 / var(--base-size)) * var(--base-percent));opacity: 1;}
.mainCon .sec04 ul li .txtBox.left{left: calc(-1 * var(--px40));}
.mainCon .sec04 ul li .txtBox .subTit{font-size: max(var(--rt26), var(--px26));line-height: max(var(--rt38), var(--px38));margin-bottom: max(var(--rt12), var(--px12));font-weight: 700;}
.mainCon .sec04 ul li .txtBox .txt{font-size: max(var(--rt22), var(--px22));line-height: max(var(--rt36), var(--px36));}
@media screen and (min-width: 1024) and (max-width:1140px) {
  .mainCon .sec04 ul li .txtBox .subTit{font-size: max(var(--rt18), var(--px18));line-height: max(var(--rt30), var(--px30));}
  .mainCon .sec04 ul li .txtBox .txt{font-size: max(var(--rt16), var(--px16));line-height: max(var(--rt28), var(--px28));}
}
.mainCon .sec04 ul li a::before{content:'';position: absolute;bottom:var(--px40);right:var(--px40);width: max(calc(108px * var(--base-ratio)), calc(calc(108 / var(--base-size)) * var(--base-percent)));height: max(calc(108px * var(--base-ratio)), calc(calc(108 / var(--base-size)) * var(--base-percent)));border-radius: 50%;z-index: 3;}
.mainCon .sec04 ul li:nth-child(1) a::before{background:#fff url(../img/main/ico_sec04_01.svg)no-repeat center center;background-size: max(var(--rt60), var(--px60)) max(var(--rt60), var(--px60));}
.mainCon .sec04 ul li:nth-child(2) a::before{background:#fff url(../img/main/ico_sec04_03.svg)no-repeat center center;background-size: max(var(--rt60), var(--px60)) max(var(--rt60), var(--px60));}
.mainCon .sec04 ul li:nth-child(3) a::before{background:#fff url(../img/main/ico_sec04_02.svg)no-repeat center center;background-size: max(var(--rt60), var(--px60)) max(var(--rt60), var(--px60));}
.mainCon .sec04 ul li a:hover::before{background:url(../img/main/ico_link.svg)no-repeat center center, linear-gradient(91.08deg, #5490FF 1.56%, #8469FF 97.98%);background-size: max(var(--rt60), var(--px60)) max(var(--rt60), var(--px60)), max(calc(108px * var(--base-ratio)), calc(calc(108 / var(--base-size)) * var(--base-percent))) max(calc(108px * var(--base-ratio)), calc(calc(108 / var(--base-size)) * var(--base-percent)));}
.mainCon .sec05 {background: #fff;padding:max(calc(240px * var(--base-ratio)), calc(calc(240/ var(--base-size)) * var(--base-percent))) max(var(--rt80), var(--px80)) max(calc(165px * var(--base-ratio)), calc(calc(165/ var(--base-size)) * var(--base-percent)));}
.mainCon .sec05 > .tit{font-size: max(calc(68px * var(--base-ratio)), calc(calc(68 / var(--base-size)) * var(--base-percent)));line-height: max(calc(94px * var(--base-ratio)), calc(calc(94 / var(--base-size)) * var(--base-percent)));font-weight: 700;text-align: center;}
.mainCon .sec05 > .tit .txtGd01{background-image: linear-gradient(91.53deg, #5490FF 10.07%, #8469FF 97.99%);background-clip: text;-webkit-background-clip: text;color: transparent;}
.mainCon .sec05 .imgCoverList{position: relative; display: flex; overflow:hidden; margin-top:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)));}
.mainCon .sec05 .imgCoverList .listItem{width:25%; position: relative;}
.mainCon .sec05 .imgCoverList .listItem .inner{position: relative; width:100%; height:0; padding-top:222.5%; z-index:1;}
.mainCon .sec05 .imgCoverList .listItem .inner .line{position: absolute; content:''; width:1px; height:100%; background:#fff; left:0; top:0;}
.mainCon .sec05 .imgCoverList .listItem:nth-child(1) .inner .line{display: none;}
.mainCon .sec05 .imgCoverList .listItem .inner .txtBox{position: absolute; bottom:0; left:0; width:100%; height:100%; display: flex; flex-direction:column; justify-content:flex-end; padding:max(var(--rt56), var(--px56)); box-sizing:border-box;color:#fff;padding-right: max(var(--rt24), var(--px24));}
.mainCon .sec05 .imgCoverList .listItem .inner .txtBox .tit{font-size:max(var(--rt44), var(--px44)); line-height:1; font-weight:600; margin-bottom: max(var(--rt12), var(--px12));}
.mainCon .sec05 .imgCoverList .listItem .inner .txtBox .subTit{font-size:max(var(--rt26), var(--px26));line-height: max(var(--rt38), var(--px38));font-weight: 700;}
.mainCon .sec05 .imgCoverList .listItem .inner .txtBox .txt{position: relative;font-size:max(var(--rt22), var(--px22));line-height:max(var(--rt36), var(--px36));opacity: 0;transition: opacity 0.4s, min-height 0.4s, transform 0.3s, margin-top 0.3s;height: 0;min-height: 0;overflow: hidden;transform:translateY(calc(1 * max(var(--rt20), var(--px20))));margin-top:0;}
.mainCon .sec05 .imgCoverList .listItem:hover .inner .txtBox .txt{opacity: 1;min-height: max(var(--rt72), var(--px72));height: auto;transition: opacity 0.4s, min-height 0.4s, transform 0.3s, margin-top 0.3s;transform:translateY(0);margin-top:max(var(--rt20), var(--px20));}
.mainCon .sec05 .imgCoverList .listItem.list02 .inner:before{position: absolute; content:''; width:100%; height:calc(calc(401 / var(--base-size)) * var(--base-percent)); background:#fff; left:0; top:0px;}
.mainCon .sec05 .imgCoverList .listItem.list03 .inner:before{position: absolute; content:''; width:100%; height:calc(calc(268 / var(--base-size)) * var(--base-percent)); background:#fff; left:0; top:0px;}
.mainCon .sec05 .imgCoverList .listItem.list04 .inner:before{position: absolute; content:''; width:100%; height:calc(calc(100 / var(--base-size)) * var(--base-percent)); background:#fff; left:0; top:0px;}
.mainCon .sec05 .imgCoverList .listItem .bg{position: absolute; width:100%; height:100%; top:0; left:0; background-repeat:no-repeat !important; background-size:cover !important; transition:opacity 0.4s;}
.mainCon .sec05 .imgCoverList .listItem:nth-child(1) .bg{background-image:url(../img/main/bg_sec05_01.png); background-position: 0% center;}
.mainCon .sec05 .imgCoverList .listItem:nth-child(2) .bg{background-image:url(../img/main/bg_sec05_02.png); background-position: 33.33% center;}
.mainCon .sec05 .imgCoverList .listItem:nth-child(3) .bg{background-image:url(../img/main/bg_sec05_03.png); background-position: 66.66% center;}
.mainCon .sec05 .imgCoverList .listItem:nth-child(4) .bg{background-image:url(../img/main/bg_sec05_04.png); background-position: 100% center;}
.mainCon .sec05 .csBox01{position: relative; }
.mainCon .sec05 .csBox01.on{background:#000;}
.mainCon .sec05 .imgHoverBg{position: absolute; top:0; left:0; width:100%; height:100%;overflow:hidden;}
.mainCon .sec05 .imgHoverBg .listItem{position: absolute; width:100%; height:100%; top:0; left:0; background:no-repeat; background-size:cover; transition:opacity 0.4s; opacity:0;}
.mainCon .sec05 .imgHoverBg .listItem:nth-child(1) {background-image:url(../img/main/bg_sec05_01.png); background-position: 0% center;}
.mainCon .sec05 .imgHoverBg .listItem:nth-child(2) {background-image:url(../img/main/bg_sec05_02.png); background-position: 33.33% center;}
.mainCon .sec05 .imgHoverBg .listItem:nth-child(3) {background-image:url(../img/main/bg_sec05_03.png); background-position: 66.66% center;}
.mainCon .sec05 .imgHoverBg .listItem:nth-child(4) {background-image:url(../img/main/bg_sec05_04.png); background-position: 100% center;}


/********************* 회사소개 *********************/
/* 회사소개 공통 */
.companyCon .navCon .tit{background:url(../img/company/ico_nav_company01.svg)no-repeat 0 0;background-size: max(var(--rt60), var(--px60));}

/* 회사소개 > 회사개요 */
.companyCon .overview .csBox01{display: flex;}
.companyCon .overview .csBox01 .imgBox{width: calc(calc(580 / var(--base-size)) * var(--base-percent));}
.companyCon .overview .csBox01 .titBox{width: calc(calc(770 / var(--base-size)) * var(--base-percent));}
.companyCon .overview .csBox01 .txtBox{padding-left: var(--px60);width: calc(100% - calc(calc(580 / var(--base-size)) * var(--base-percent)));}
.companyCon .overview .csBox01 .txtBox .titH4{word-break: keep-all;}
.companyCon .overview .csBox01 .txtBox .titH4 + .fsMd{margin-top:max(var(--rt32), var(--px32));}
.companyCon .overview .csBox01 .txtBox .fsMd + .fsMd{margin-top:max(var(--rt20), var(--px20));}
.companyCon .overview .signBox{display: flex;flex-direction: column;align-items: flex-end;text-align: right;margin-top:max(calc(-1 * var(--rt20)), calc(-1 * var(--px20)));}
.companyCon .overview .signBox .imgBox{width: max(calc(250px * var(--base-ratio)), calc(calc(250 / var(--base-size)) * var(--base-percent)));}
.companyCon .overview .signBox .imgBox > img{display: block;}
.companyCon .overview .signBox .fsMd{margin-top:max(calc(-31px * var(--base-ratio)), calc(calc(-31 / var(--base-size)) * var(--base-percent)));margin-right: max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));}
.companyCon .overview .group + .group{margin-top:max(calc(129px * var(--base-ratio)), calc(calc(129 / var(--base-size)) * var(--base-percent)));}
.companyCon .overview .titH3{text-align: center;}
.companyCon .overview .csBox02 ul{display: flex;flex-wrap: wrap;margin:max(calc(-9px * var(--base-ratio)), calc(calc(-9 / var(--base-size)) * var(--base-percent))) max(calc(-8px * var(--base-ratio)), calc(calc(-8 / var(--base-size)) * var(--base-percent)));margin-top:max(var(--rt34), var(--px34));}
.companyCon .overview .csBox02 ul li{width: calc(calc(100%/3) - max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent))));margin:max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent))) max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));padding:max(var(--rt60), var(--px60)) max(var(--rt12), var(--px12)) max(var(--rt50), var(--px50));background:#F8F8F8;}
.companyCon .overview .csBox02 dl{padding-top:max(var(--rt68), var(--px68));position: relative;text-align: center;}
.companyCon .overview .csBox02 dl::before{content:'';position:absolute;top:0;left: 50%;width: var(--px60);height:var(--px60);margin-left: calc(-1 * var(--px30));}
.companyCon .overview .csBox02 li:nth-child(1) dl::before{background:url(../img/company/img_overview_03.svg)no-repeat 0 0;background-size: max(var(--rt60), var(--px60)) max(var(--rt60), var(--px60));}
.companyCon .overview .csBox02 li:nth-child(2) dl::before{background:url(../img/company/img_overview_04.svg)no-repeat 0 0;background-size: max(var(--rt60), var(--px60)) max(var(--rt60), var(--px60));}
.companyCon .overview .csBox02 li:nth-child(3) dl::before{background:url(../img/company/img_overview_05.svg)no-repeat 0 0;background-size: max(var(--rt60), var(--px60)) max(var(--rt60), var(--px60));}
.companyCon .overview .csBox02 li:nth-child(4) dl::before{background:url(../img/company/img_overview_06.svg)no-repeat 0 0;background-size: max(var(--rt60), var(--px60)) max(var(--rt60), var(--px60));}
.companyCon .overview .csBox02 li:nth-child(5) dl::before{background:url(../img/company/img_overview_07.svg)no-repeat 0 0;background-size: max(var(--rt60), var(--px60)) max(var(--rt60), var(--px60));}
.companyCon .overview .csBox02 li:nth-child(6) dl::before{background:url(../img/company/img_overview_08.svg)no-repeat 0 0;background-size: max(var(--rt60), var(--px60)) max(var(--rt60), var(--px60));}
.companyCon .overview .csBox02 dl dt{font-size: max(var(--rt20), var(--px20));line-height: 1.6;color:#555;margin-bottom: max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));}
.companyCon .overview .csBox02 dl dd{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 700;word-break: keep-all;}

/* 회사소개 > 회사 연혁 */
.companyCon .history section{padding:0;}
.companyCon .historyBar{width:100%;box-shadow: 0px 10px 12px 0px rgba(171, 166, 166, 0.25);background:#fff;z-index: 900;height:max(calc(90px * var(--base-ratio)), calc(calc(90 / var(--base-size)) * var(--base-percent)));position: relative;z-index: 1;}
.companyCon .historyBar.fixed{position: fixed;transition: all 0.4s;left:0;}
body[data-scroll=down] .companyCon .historyBar.fixed{transition-duration: 0.2s;top: 0}
body[data-scroll=up] .companyCon .historyBar.fixed{transition-delay: 0.1s;top: max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)));}
.companyCon .historyBar ul{display: flex;justify-content: center;}
.companyCon .historyBar ul li{padding:0 max(var(--rt32), var(--px32));}
.companyCon .historyBar ul li a{font-size: max(var(--rt24), var(--px24));height:max(calc(90px * var(--base-ratio)), calc(calc(90 / var(--base-size)) * var(--base-percent)));line-height:max(calc(90px * var(--base-ratio)), calc(calc(90 / var(--base-size)) * var(--base-percent)));font-weight: 500;color:#AAAAAA;position: relative;}
.companyCon .historyBar ul li.on a{font-weight: 700;color:#4081FA;}
.companyCon .historyBar ul li.on a::before{content:'';position: absolute;left:0;bottom:0;width:100%;height:3px;background:#4081FA;}
.companyCon .histroyCon{padding-top:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));padding-bottom: max(calc(176px * var(--base-ratio)), calc(calc(176 / var(--base-size)) * var(--base-percent)));}
.companyCon .histroyCon.pdFixed{padding-top:max(calc(210px * var(--base-ratio)), calc(calc(210 / var(--base-size)) * var(--base-percent)));}
.companyCon .histroyCon .scrBox{display: flex;margin:0 max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)));}
.companyCon .histroyCon .scrBox .imgBoxL{width: calc(calc(728 / var(--base-size)) * var(--base-percent));transition: all 0.4s;}
body[data-scroll=down] .companyCon .histroyCon .scrBox .imgBoxL.fixed{position:fixed;top:max(calc(210px * var(--base-ratio)), calc(calc(210 / var(--base-size)) * var(--base-percent)));}
body[data-scroll=up] .companyCon .histroyCon .scrBox .imgBoxL.fixed{position:fixed;top:max(calc(320px * var(--base-ratio)), calc(calc(320 / var(--base-size)) * var(--base-percent)));}
.companyCon .histroyCon .txtBox{padding-left:calc(calc(130 / var(--base-size)) * var(--base-percent));width:calc(100% + calc(calc(-728 / var(--base-size)) * var(--base-percent)));}
.companyCon .histroyCon.pdFixed .txtBox{padding-left: calc(calc(858 / var(--base-size)) * var(--base-percent));width:100%;}
.companyCon .histroyCon ul p.year{font-size:max(var(--rt64), var(--px64));line-height: 1;font-weight: 600;}
.companyCon .histroyCon ul .dotList{margin-top:max(var(--rt16), var(--px16));padding-top:max(var(--rt30), var(--px30));border-top:1px solid #222;}
.companyCon .histroyCon .yearList > li + li{padding-top:max(calc(96px * var(--base-ratio)), calc(calc(96 / var(--base-size)) * var(--base-percent)));}
.companyCon .yearBox + .yearBox{padding-top:max(calc(96px * var(--base-ratio)), calc(calc(96 / var(--base-size)) * var(--base-percent)));}

/* 회사소개 > 비전 및 핵심가치 */
.companyCon .vision section{padding:0;}
.companyCon .vision .group{position: relative;overflow: hidden;}
.companyCon .vision .group.visible{overflow: visible;}
.companyCon .vision .titBox{position: relative;z-index: 2;}
.companyCon .vision h4.tit{text-align: left;margin-left: max(calc(204px * var(--base-ratio)), calc(calc(204 / var(--base-size)) * var(--base-percent)));z-index: 2;}
.companyCon .vision .txtBox .txtLine{font-size:var(--px72);font-weight: 700;display: inline-block;vertical-align: top;position: relative;padding-bottom:calc(calc(8 / var(--base-size)) * var(--base-percent));letter-spacing: 0;}
.companyCon .vision .txtBox .txtLine::before{content:'';position: absolute;left:0;bottom:0;width: 100%;height: 3px;background: #222;}
.companyCon .vision .txtBox .txtLine + p{font-size: var(--px40);font-weight: 600;line-height: 1.4;margin-top:calc(calc(32 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox01{margin-top:calc(calc(-160 / var(--base-size)) * var(--base-percent));position: relative;z-index: 1;}
.companyCon .vision .csBox01 .imgBox.left{width: calc(calc(976 / var(--base-size)) * var(--base-percent));margin-left:calc(calc(430 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox01 .imgBox.right{width:calc(calc(568 / var(--base-size)) * var(--base-percent));margin-top: calc(calc(-230 / var(--base-size)) * var(--base-percent));margin-right: calc(calc(160 / var(--base-size)) * var(--base-percent));margin-left: auto;}
.companyCon .vision .csBox01 .txtBox{margin-top: calc(calc(-154 / var(--base-size)) * var(--base-percent));margin-left: calc(calc(527 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox01 .txtBox p{font-size: var(--px44);line-height: var(--px62);font-weight: 600;}
.companyCon .vision .bgTxt{position: absolute;top:0;font-size: calc(calc(400 / var(--base-size)) * var(--base-percent));font-weight: 600;color:rgba(6, 6, 6, 0.05);right: calc(calc(-52 / var(--base-size)) * var(--base-percent));padding-top:calc(calc(120 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox02{display: flex;align-items: center;margin-left: calc(calc(295 / var(--base-size)) * var(--base-percent));margin-top:calc(calc(370 / var(--base-size)) * var(--base-percent));position: relative;margin-right: calc(calc(360 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox02 .imgBox{width: calc(calc(810 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox02 .txtBox{padding-left: calc(calc(100 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .group.bgGary::before{content:'';position: absolute;width: 100%;height:calc(calc(760 / var(--base-size)) * var(--base-percent));bottom:calc(calc(95 / var(--base-size)) * var(--base-percent));left:0;background: #F8F8F8;}
.companyCon .vision .csBox03{display: flex;align-items: flex-start;margin-left: calc(calc(395 / var(--base-size)) * var(--base-percent));margin-top:calc(calc(233 / var(--base-size)) * var(--base-percent));position: relative;margin-right: calc(calc(426 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox03 .imgBox{width: calc(calc(472 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox03 .txtBox{margin-right: calc(calc(266 / var(--base-size)) * var(--base-percent));margin-top:calc(calc(100 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox04{display: flex;align-items: flex-start;margin-left: calc(calc(330 / var(--base-size)) * var(--base-percent));margin-top:calc(calc(233 / var(--base-size)) * var(--base-percent));position: relative;margin-right: calc(calc(316 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox04 .imgBox{width: calc(calc(694 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox04 .txtBox{margin-left: calc(calc(115 / var(--base-size)) * var(--base-percent));margin-top:calc(calc(49 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox05 {display: flex;margin-top:calc(calc(205 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox05 > div{position: relative;width: 50%;}
.companyCon .vision .csBox05 .txtBox{position: absolute;top:calc(calc(100 / var(--base-size)) * var(--base-percent));left: calc(calc(100 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox05 .txtBox .tit{font-size: var(--px44);line-height: var(--px60);font-weight: 700;color:#fff;margin-bottom:calc(calc(90 / var(--base-size)) * var(--base-percent));}
.companyCon .vision .csBox05 .txtBox .txt{font-size:max(var(--rt16), var(--px20));line-height: 1.6;color:#fff;}

/* 회사소개 > 지식 재산 */
.companyCon .expertise section{padding:0;}
.companyCon .expertise .bgGary{background:#F8F8F8;padding:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent))) calc(calc(160 / var(--base-size)) * var(--base-percent));}
.companyCon .expertise .bgGary{text-align: center;}
.companyCon .expertise .bgGary .titXl + .fsLg{margin-top:max(var(--rt24), var(--px24));}
.companyCon .expertise .csBox01 ul{display: flex;flex-wrap: wrap;margin:0 max(calc(-10px * var(--base-ratio)), calc(calc(-10 / var(--base-size)) * var(--base-percent)));margin-top:max(var(--rt30), var(--px30));}
.companyCon .expertise .csBox01 ul li{margin:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));border:1px solid #E5E5E5;background: #fff;padding:max(var(--rt20), var(--px20));display: flex;align-items: center;width: calc((100%/2) - max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))));}
.companyCon .expertise .csBox01 .imgBox{width: calc(calc(300 / var(--base-size)) * var(--base-percent));}
.companyCon .expertise .csBox01 .txtBox{width:calc(100% - calc(calc(300 / var(--base-size)) * var(--base-percent)));padding-left: var(--px40);text-align: left;}
.companyCon .expertise .csBox01 .txtBox .subTxt{font-weight: 600;}
.companyCon .expertise .csBox01 .txtBox .txt{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));}
.companyCon .expertise .csBox02{padding:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))  calc(calc(160 / var(--base-size)) * var(--base-percent));}
.companyCon .expertise .csBox02 .titBar{display: flex;justify-content: space-between;margin-bottom: max(var(--rt40), var(--px40));align-items: center;}
.companyCon .expertise .csBox02 .cardList ul{display: flex;flex-wrap: wrap;margin:0 max(calc(-10px * var(--base-ratio)), calc(calc(-10 / var(--base-size)) * var(--base-percent)));}
.companyCon .expertise .csBox02 .cardList ul li{margin:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));width: calc((100%/4) - max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))));margin-top:max(var(--rt60), var(--px60));}
.companyCon .expertise .csBox02 .cardList ul li:nth-child(1),
.companyCon .expertise .csBox02 .cardList ul li:nth-child(2),
.companyCon .expertise .csBox02 .cardList ul li:nth-child(3),
.companyCon .expertise .csBox02 .cardList ul li:nth-child(4){margin-top:0;}
.companyCon .expertise .csBox02 .cardList ul li .imgBox{background: #F0F0F0;padding:max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) max(calc(86px * var(--base-ratio)), calc(calc(86 / var(--base-size)) * var(--base-percent)));position: relative;}
.companyCon .expertise .csBox02 .cardList ul li .imgBox img{box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);}
.companyCon .expertise .csBox02 .cardList ul li .titSm{font-weight: 700;text-align: center;margin-top:max(var(--rt24), var(--px24));}
.companyCon .expertise .csBox02 .cardList ul li a:hover .imgBox::before{width: 100%; height: 100%;opacity: 0.9;}
.companyCon .expertise .csBox02 .cardList ul li a .imgBox::before{content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;background: linear-gradient(91.08deg, #5490FF 1.56%, #8469FF 97.98%);transform: translate(-50%, -50%);transition: width 0.2s ease-out, height 0.2s ease-out, opacity 0.2s ease-out;opacity: 0;}
.companyCon .expertise .csBox02 .cardList ul li a .imgBox::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:max(var(--rt48), var(--px48));height:max(var(--rt48), var(--px48));opacity: 0;background:url(../img/ico_hover.svg)no-repeat 0 0;background-size: 100% auto;transition: width 0.2s ease-out, height 0.2s ease-out, opacity 0.2s ease-out;}
.companyCon .expertise .csBox02 .cardList ul li a:hover .imgBox::after{opacity: 1;}

/* 회사소개 > 기업부설 연구소 */
.companyCon .rdCenter section{padding:0;}
.companyCon .rdCenter .tabBtnBox{justify-content: center;margin-bottom: max(var(--rt60), var(--px60));}
.companyCon .rdCenter .tabConBox #tab01 .bgGray{background:#F8F8F8;padding:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent))) calc(calc(160 / var(--base-size)) * var(--base-percent)) max(calc(176px * var(--base-ratio)), calc(calc(176 / var(--base-size)) * var(--base-percent)));}
.companyCon .rdCenter #tab01 .cardList ul{display: flex;flex-wrap: wrap;width: calc(100% + calc(calc(20 / var(--base-size)) * var(--base-percent)));margin-left: calc(calc(-10 / var(--base-size)) * var(--base-percent));}
.companyCon .rdCenter #tab01 .cardList li{padding:var(--px40) var(--px40) var(--px44);margin:calc(calc(10 / var(--base-size)) * var(--base-percent));background:#fff;min-height:max(calc(448px * var(--base-ratio)), calc(calc(448 / var(--base-size)) * var(--base-percent)));width: calc((100%/3) - calc(calc(20 / var(--base-size)) * var(--base-percent)));display: flex;flex-direction: column;}
.companyCon .rdCenter #tab01 .cardList li .date{font-size: max(var(--rt20), var(--px20));line-height: 1.6;margin-bottom: max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));font-weight: 600;color: #4081FA;}
.companyCon .rdCenter #tab01 .cardList li .tit{font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));font-weight: 700;margin-bottom: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));}
.companyCon .rdCenter #tab01 .cardList li .txt{font-size: max(var(--rt22), var(--px22));line-height: max(var(--rt36), var(--px36));color:#555;}
.companyCon .rdCenter #tab01 .cardList li .labelBox{margin-top:auto;display: flex;align-items: center;}
.companyCon .rdCenter #tab01 .cardList li .labelBox .label{background: linear-gradient(91.08deg, #5490FF 1.56%, #8469FF 97.98%);font-size: max(var(--rt18), var(--px18));line-height: max(var(--rt40), var(--px40));height: max(var(--rt40), var(--px40));padding:0 max(var(--rt14), var(--px14));color:#fff;font-weight: 600;flex-shrink: 0;}
.companyCon .rdCenter #tab01 .cardList li .labelBox p{font-size: max(var(--rt18), var(--px18));line-height: max(var(--rt28), var(--px28));margin-left: max(var(--rt12), var(--px12));}
.companyCon .rdCenter .csBox02{position: relative;}
.companyCon .rdCenter .csBox03,
.companyCon .rdCenter .csBox04,
.companyCon .rdCenter .csBox05{background: #fff;}
.companyCon .rdCenter .bgBox {position: relative; left: 0;width: 100%;z-index: 1;transform: translateZ(0);will-change: transform;}
.companyCon .rdCenter .conBox {position: relative;z-index: 2;margin-top: 0;margin-top:calc(calc(-598 / var(--base-size)) * var(--base-percent)) !important;}
.companyCon .rdCenter .csBox02 .diagramBox{background: linear-gradient(180deg, rgba(64, 129, 250, 0) 0%, #4081FA 49.84%);padding:calc(calc(160 / var(--base-size)) * var(--base-percent));padding-top:max(calc(894px * var(--base-ratio)), calc(calc(894 / var(--base-size)) * var(--base-percent)));}
.companyCon .rdCenter .csBox03,
.companyCon .rdCenter .csBox04,
.companyCon .rdCenter .csBox05{padding:calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) 0;}
.companyCon .rdCenter .conBox .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: max(var(--rt40), var(--px40));}
.companyCon .rdCenter .conBox .csBox02 .tit{color:#fff;}
.companyCon .rdCenter .csBox03 ul{display: flex;}
.companyCon .rdCenter .csBox03 ul li{width: calc(100%/3);}
.companyCon .rdCenter .csBox03 ul li + li{margin-left: max(var(--rt20), var(--px20));}
.companyCon .rdCenter .csBox03 .imgTit{margin-top: max(var(--rt28), var(--px28));font-size:max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));text-align: center;font-weight: 700;}
.companyCon .rdCenter .csBox04 ul{display: flex;}
.companyCon .rdCenter .csBox04 ul li{width: calc(100%/3);padding:var(--px48) 0;text-align: center;position: relative;}
.companyCon .rdCenter .csBox04 ul li::before{content: '';position: absolute;width: max(var(--rt36), var(--px36));height: max(var(--rt36), var(--px36));bottom:calc(-1 * max(var(--rt52), var(--px52)));background:url(../img/ico_allow_down_b.svg)no-repeat 0 0;background-size: 100% auto;left:50%;margin-left: calc(-1* max(var(--rt18), var(--px18)));}
.companyCon .rdCenter .csBox04 ul li + li{margin-left: max(var(--rt20), var(--px20));}
.companyCon .rdCenter .csBox04 ul li:nth-child(1){background: #BEE3FF;}
.companyCon .rdCenter .csBox04 ul li:nth-child(2){background: #5188FF;}
.companyCon .rdCenter .csBox04 ul li:nth-child(3){background: #7B77FF;}
.companyCon .rdCenter .csBox04 ul li .num{width: max(var(--rt32), var(--px32));height: max(var(--rt32), var(--px32));background: #222;border-radius: 50%;font-size: max(var(--rt18), var(--px18));color: #fff;font-weight: 700;line-height: max(var(--rt32), var(--px32));margin: 0 auto;margin-bottom: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));}
.companyCon .rdCenter .csBox04 ul li .txt{font-size: max(var(--rt22), var(--px22));line-height: max(var(--rt36), var(--px36));font-weight: 600;}
.companyCon .rdCenter .csBox04 ul li:nth-child(2) .txt,
.companyCon .rdCenter .csBox04 ul li:nth-child(3) .txt{color: #fff;}
@media screen and (min-width: 1220px) and (max-width:1400px) {
  .companyCon .rdCenter .csBox04 ul li .txt{font-size: max(var(--rt20), var(--px20));line-height: max(var(--rt28), var(--px28));}
}

@media screen and (min-width: 1024px) and (max-width:1220px) {
  .companyCon .rdCenter .csBox04 ul li .txt{font-size: max(var(--rt16), var(--px16));line-height: max(var(--rt28), var(--px28));}
}
.companyCon .rdCenter .csBox04 .resultBox{margin-top:max(var(--rt76), var(--px76));background: #F8F8F8;display: flex;align-items: center;}
.companyCon .rdCenter .csBox04 .resultBox .txtBox{width:calc(calc(432 / var(--base-size)) * var(--base-percent));text-align: center;font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 700;}
.companyCon .rdCenter .csBox04 .resultBox .imgBox{width: calc(100% - calc(calc(432 / var(--base-size)) * var(--base-percent)));}
.companyCon .rdCenter .csBox05{padding-bottom: max(calc(176px * var(--base-ratio)), calc(calc(176 / var(--base-size)) * var(--base-percent)));}
.companyCon .rdCenter .csBox05 .bgTxt{background: linear-gradient(91.08deg, #5490FF 1.56%, #8469FF 97.98%);padding:max(var(--rt20), var(--px20));font-size: max(var(--rt28), var(--px28));line-height: max(var(--rt42), var(--px42));font-weight: 600;color: #fff;text-align: center;margin-bottom: max(var(--rt30), var(--px30));}
.companyCon .rdCenter .csBox05 .subTxt{font-size: max(var(--rt20), var(--px20));line-height: max(var(--rt32), var(--px32));margin-bottom: max(var(--rt30), var(--px30));text-align: center;}
.companyCon .rdCenter .csBox05 ul{display: flex;}
.companyCon .rdCenter .csBox05 ul li{width: calc(100%/3);padding:var(--px48) var(--px20);text-align: center;position: relative;}
.companyCon .rdCenter .csBox05 ul li::before{content: '';position: absolute;width: max(var(--rt36), var(--px36));height: max(var(--rt36), var(--px36));bottom:calc(-1 * max(var(--rt52), var(--px52)));background:url(../img/ico_allow_down_b.svg)no-repeat 0 0;background-size: 100% auto;left:50%;margin-left: calc(-1* max(var(--rt18), var(--px18)));}
.companyCon .rdCenter .csBox05 ul li + li{margin-left: max(var(--rt20), var(--px20));}
.companyCon .rdCenter .csBox05 ul li:nth-child(1){background: #BEE3FF;}
.companyCon .rdCenter .csBox05 ul li:nth-child(2){background: #5188FF;}
.companyCon .rdCenter .csBox05 ul li:nth-child(3){background: #7B77FF;}
.companyCon .rdCenter .csBox05 ul li .num{width: max(var(--rt32), var(--px32));height: max(var(--rt32), var(--px32));background: #222;border-radius: 50%;font-size: max(var(--rt18), var(--px18));color: #fff;font-weight: 700;line-height: max(var(--rt32), var(--px32));margin: 0 auto;margin-bottom: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));}
.companyCon .rdCenter .csBox05 ul li .txt{font-size: max(var(--rt22), var(--px22));line-height: max(var(--rt36), var(--px36));font-weight: 600;}
.companyCon .rdCenter .csBox05 ul li:nth-child(2) .txt,
.companyCon .rdCenter .csBox05 ul li:nth-child(3) .txt{color: #fff;}
.companyCon .rdCenter .csBox05 ul li:nth-child(3) .txt{color: #fff;}
@media screen and (min-width: 1024px) and (max-width:1400px) {
  .companyCon .rdCenter .csBox05 ul li .txt{font-size: max(var(--rt20), var(--px20));line-height: max(var(--rt28), var(--px28));}
}
.companyCon .rdCenter .csBox05 .resultBox{margin-top:max(var(--rt76), var(--px76));}
.companyCon .rdCenter .csBox05 .resultBox .imgBox{background: #F8F8F8;margin-bottom:max(var(--rt40), var(--px40));}
.companyCon .rdCenter .csBox05 .resultBox .txt{font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));font-weight: 700;text-align: center;}


/********************* 사업소개 *********************/
/* 사업소개 공통 */
.businessCon .navCon .tit{background:url(../img/business/ico_nav_business01.svg)no-repeat 0 0;background-size: max(var(--rt60), var(--px60));}
.businessCon section{padding:0;}

/* 사업소개 > 사업 개요 */
.businessCon .overview .visualBox{position: relative;}
.businessCon .overview .visualBox .txtBox{position: absolute;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;top:0;left: 0;font-size: max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));line-height: max(calc(96px * var(--base-ratio)), calc(calc(96 / var(--base-size)) * var(--base-percent)));transform:translateY(max(calc(-50px * var(--base-ratio)), calc(calc(-50 / var(--base-size)) * var(--base-percent))));font-weight: 600;color: #fff;}
.businessCon .overview .csBox01{display: flex;background:#F8F8F8;align-items: center;padding:calc(calc(190 / var(--base-size)) * var(--base-percent)) calc(calc(213 / var(--base-size)) * var(--base-percent)) calc(calc(286 / var(--base-size)) * var(--base-percent)) calc(calc(285 / var(--base-size)) * var(--base-percent));}
.businessCon .overview .csBox01 .imgBox{width:calc(calc(366 / var(--base-size)) * var(--base-percent));}
.businessCon .overview .csBox01 .txtBox{margin-left:calc(calc(144 / var(--base-size)) * var(--base-percent));}
.businessCon .overview .csBox01 .tit{font-size: max(var(--rt44), var(--px44));line-height: max(var(--rt60), var(--px60));font-weight: 700;margin-bottom:max(var(--rt20), var(--px20))}
.businessCon .overview .csBox01 .txt{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));}
.businessCon .overview .csBox02{display: flex;justify-content: space-between;align-items: flex-end;flex-direction: row-reverse;margin-top:calc(calc(-166 / var(--base-size)) * var(--base-percent));padding:0 calc(calc(397 / var(--base-size)) * var(--base-percent)) calc(calc(200 / var(--base-size)) * var(--base-percent)) calc(calc(320 / var(--base-size)) * var(--base-percent));}
.businessCon .overview .csBox02 .imgBox{width:calc(calc(520 / var(--base-size)) * var(--base-percent));flex-shrink: 0;}
.businessCon .overview .csBox02 .txtBox{margin-right: calc(calc(115 / var(--base-size)) * var(--base-percent));}
.businessCon .overview .csBox02 .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom:max(var(--rt20), var(--px20))}
.businessCon .overview .csBox02 .txt{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));color:#555;}
.businessCon .overview .csBox03{display: flex;align-items: flex-end;padding:0 calc(calc(286 / var(--base-size)) * var(--base-percent)) calc(calc(176 / var(--base-size)) * var(--base-percent)) calc(calc(338 / var(--base-size)) * var(--base-percent));}
.businessCon .overview .csBox03 .imgBox{width:calc(calc(612 / var(--base-size)) * var(--base-percent));flex-shrink: 0;}
.businessCon .overview .csBox03 .txtBox{margin-left:calc(calc(85 / var(--base-size)) * var(--base-percent));}
.businessCon .overview .csBox03 .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom:max(var(--rt20), var(--px20))}
.businessCon .overview .csBox03 .txt{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));color:#555;}
@media screen and (min-width: 1080px) and (max-width:1200px) {
  .businessCon .overview .csBox01 .tit{font-size: max(var(--rt38), var(--px38));line-height: max(var(--rt56), var(--px56));font-weight: 700;margin-bottom:max(var(--rt20), var(--px20))}
  .businessCon .overview .csBox01 .txt{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));}
}
@media screen and (min-width: 1024px) and (max-width:1080px) {
  .businessCon .overview .csBox01 .tit{font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt52), var(--px52));font-weight: 700;margin-bottom:max(var(--rt20), var(--px20))}
  .businessCon .overview .csBox01 .txt{font-size: max(var(--rt22), var(--px22));line-height: max(var(--rt30), var(--px30));}
}

/* 사업소개 > 수처리 분야 */
.businessCon .water {padding-bottom: max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));}
.businessCon .water .gTit{font-size: max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)));line-height: max(calc(68px * var(--base-ratio)), calc(calc(68 / var(--base-size)) * var(--base-percent)));font-weight: 600;margin-bottom: max(var(--rt40), var(--px40));}
.businessCon .water .csBox01{padding:0 max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)))}

/* 사업소개 > 대기 분야 */
.businessCon .air .csBox01{padding:0 calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(120 / var(--base-size)) * var(--base-percent))}
.businessCon .air .csBox01 > .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: max(var(--rt40), var(--px40));}
.businessCon .air .csBox01 .tblWrap .tblBox{position: relative;}
.businessCon .air .csBox01 .tblWrap .tblBox table{position: relative;}
.businessCon .air .csBox01 .tblWrap .tblBox table::before{content:'';position: absolute;top:0;left: 0;width: 100%;height: 1px;background: #222;}
.businessCon .air .csBox01 .tblWrap .tblBox table::after{content:'';position: absolute;bottom:0;left: 0;width: 100%;height: 1px;background: #222;}
.businessCon .air .csBox01 .tblWrap .tblBox table{width: 100%;}
.businessCon .air .csBox01 .tblWrap tbody th.fixedTh{background: #F8F8F8;padding:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));font-size: max(var(--rt20), var(--px20));line-height: 1.6;font-weight: 600;border-top:1px solid #E5E5E5;vertical-align: middle;text-align: left;}
.businessCon .air .csBox01 .tblWrap tbody td{border-top:1px solid #E5E5E5;border-right:1px solid #E5E5E5;padding:max(var(--rt26), var(--px26)) max(var(--rt20), var(--px20));font-size: max(var(--rt20), var(--px20));line-height: 1.6;color:#555;text-align: center;vertical-align: middle;}
.businessCon .air .csBox01 .tblWrap tbody td:last-child{border-right: 0;}
.businessCon .air .csBox01 .tblWrap tbody tr:first-child td{border-top:0;}
.businessCon .air .csBox01 .tblWrap tbody td .tit{font-weight: 600;color:#222;margin-top:max(var(--rt12), var(--px12));}
.businessCon .air .csBox01 .tblWrap tbody td.noPd{padding:max(var(--rt24), var(--px24)) 0;}
.businessCon .air .csBox01 .tblWrap tbody td ul li{padding:max(var(--rt24), var(--px24)) 0;}
.businessCon .air .csBox01 .tblWrap tbody td ul li:first-child{padding-top:0;}
.businessCon .air .csBox01 .tblWrap tbody td ul li:last-child{padding-bottom:0;}
.businessCon .air .csBox01 .tblWrap tbody td ul li + li{border-top:1px solid #E5E5E5;}
.businessCon .air .csBox01 .tblWrap tbody td li.pdT{padding-top:max(var(--rt48), var(--px48));}
.businessCon .air .csBox01 .tblWrap tbody td li.pdB{padding-bottom:max(var(--rt48), var(--px48));}
@media screen and (min-width: 1024px) and (max-width:1300px) {
  .businessCon .air .csBox01 .tblWrap tbody td{font-size: max(var(--rt16), var(--px16));line-height: 1.6;}
  .businessCon .air .csBox01 .tblWrap tbody th.fixedTh{font-size: max(var(--rt16), var(--px16));}
}
.businessCon .air .csBox02{padding:calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(176 / var(--base-size)) * var(--base-percent));background: #F8F8F8;}
.businessCon .air .csBox02 > .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: max(var(--rt40), var(--px40));}
.businessCon .air .csBox02 .top{display: flex;gap:var(--px20);margin-bottom: max(var(--rt42), var(--px42));}
.businessCon .air .csBox02 .top li{width: 50%;position: relative;}
.businessCon .air .csBox02 .top li .tit{font-size: max(var(--rt32), var(--px32));line-height: calc(calc(83 / var(--base-size)) * var(--base-percent));font-weight: 700;height:calc(calc(83 / var(--base-size)) * var(--base-percent));text-align: center;margin-bottom: max(var(--rt32), var(--px32));}
.businessCon .air .csBox02 .top li:nth-child(1) .tit{background:rgba(176, 176, 176, 0.3);}
.businessCon .air .csBox02 .top li:nth-child(2) .tit{background:linear-gradient(91.08deg, #5490FF 1.56%, #8469FF 97.98%);color:#fff;}
.businessCon .air .csBox02 .top li .imgBox{width:calc(calc(220 / var(--base-size)) * var(--base-percent));margin:0 auto;margin-bottom: max(var(--rt20), var(--px20));}
.businessCon .air .csBox02 .top li .txt{font-size: max(var(--rt20), var(--px20));line-height: 1.6;text-align: center;}
.businessCon .air .csBox02 .top li + li::before {content: 'VS';position: absolute;left: calc(-1 * max(var(--rt48), var(--px48)));top: max(calc(221px * var(--base-ratio)), calc(calc(221 / var(--base-size)) * var(--base-percent)));font-weight: 700;font-size: max(var(--rt58), var(--px58));line-height: 1;}
.businessCon .air .csBox02 .bottom{border:1px solid #4081FA;padding:max(var(--rt20), var(--px20)) 0;background:#fff;}
.businessCon .air .csBox02 .bottom li{display: flex;width:100%;position: relative;padding:max(var(--rt30), var(--px30)) 0;}
.businessCon .air .csBox02 .bottom li + li::before{content: "";position: absolute;top: 0;left: calc(calc(50 / var(--base-size)) * var(--base-percent));width: calc(100% - calc(calc(100 / var(--base-size)) * var(--base-percent)));height: 1px;background-image: linear-gradient(to right, #aaa 50%, transparent 50%);background-size: calc(calc(12 / var(--base-size)) * var(--base-percent)) calc(calc(6 / var(--base-size)) * var(--base-percent));background-repeat: repeat-x;}
.businessCon .air .csBox02 .bottom li > p{width: 50%;text-align: center;font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt32), var(--px32));font-weight: 600;position: relative;}
.businessCon .air .csBox02 .bottom li > p:last-child{color: #4081FA;}
.businessCon .air .csBox02 .bottom li > p:first-child:after{content:'';position: absolute;right: calc(calc(-65 / var(--base-size)) * var(--base-percent));  width: calc(calc(150 / var(--base-size)) * var(--base-percent));height: max(var(--rt52), var(--px52));font-size: max(var(--rt20), var(--px20));line-height: max(var(--rt52), var(--px52));border-radius: calc(calc(500 / var(--base-size)) * var(--base-percent));background:#4081FA;text-align: center;top:50%;margin-top:calc(-1 * max(var(--rt26), var(--px26)));color:#fff;box-shadow: 0px 4px 20px 0px rgba(0, 68, 195, 0.2);}
.businessCon .air .csBox02 .bottom li:nth-child(1) > p:first-child:after{content:'소요시간';}
.businessCon .air .csBox02 .bottom li:nth-child(2) > p:first-child:after{content:'유지관리비';}
.businessCon .air .csBox02 .bottom li:nth-child(3) > p:first-child:after{content:'설비관리';}

/* 사업소개 > 소재 분야 */
.businessCon .materials .csBox01{background:#F8F8F8;padding:calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent));}
.businessCon .materials .csBox01 .tit{font-size: max(var(--rt60), var(--px60));line-height: max(var(--rt68), var(--px68));text-align: center;font-weight: 700;margin-bottom: max(var(--rt24), var(--px24));}
.businessCon .materials .csBox01 .txt{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));text-align: center;font-weight: 500;margin-bottom: max(var(--rt40), var(--px40));}
.businessCon .materials .csBox02{padding:calc(calc(104 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(120 / var(--base-size)) * var(--base-percent));}
.businessCon .materials .csBox02 .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));text-align: left;font-weight: 700;margin-bottom: max(var(--rt40), var(--px40));}
.businessCon .materials .csBox02 .bgTxt {background: linear-gradient(91.08deg, #5490FF 1.56%, #8469FF 97.98%);padding: max(var(--rt20), var(--px20));font-size: max(var(--rt26), var(--px26));line-height: max(var(--rt38), var(--px38));font-weight: 700;color: #fff;text-align: center;margin-bottom: max(var(--rt20), var(--px20));}
.businessCon .materials .csBox02 .flexBox{display: flex;justify-content: space-between;align-items: center;}
.businessCon .materials .csBox02 .flexBox .dotList{margin-right: calc(calc(150 / var(--base-size)) * var(--base-percent));margin-left: var(--px60);}
.businessCon .materials .csBox02 .flexBox .dotList li{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 500;padding-left: max(var(--rt10), var(--px10));}
.businessCon .materials .csBox02 .flexBox .dotList li + li{margin-top:max(var(--rt12), var(--px12));}
.businessCon .materials .csBox02 .flexBox .dotList li::before{content:'';position: absolute;left: 0;top:max(calc(17px * var(--base-ratio)), calc(calc(17 / var(--base-size)) * var(--base-percent)));width: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));height: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));border-radius: 50%;}
.businessCon .materials .csBox02 .flexBox .imgBox{width: calc(calc(686 / var(--base-size)) * var(--base-percent));flex-shrink: 0;}
.businessCon .materials .csBox03{background: #4081FA;padding:calc(calc(140 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(120 / var(--base-size)) * var(--base-percent));}
.businessCon .materials .csBox03 > .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));text-align: left;font-weight: 700;margin-bottom: max(var(--rt40), var(--px40));color: #fff;}
.businessCon .materials .csBox03 ul{display: flex;align-items: top;justify-content: space-between;width: 100%;}
.businessCon .materials .csBox03 ul li{width: 25%;text-align: center;}
.businessCon .materials .csBox03 ul li > div{background:#fff;border-radius: 50%;text-align: center;position: relative;width: calc(calc(300 / var(--base-size)) * var(--base-percent));height: calc(calc(300 / var(--base-size)) * var(--base-percent));display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;margin: 0 auto;}
.businessCon .materials .csBox03 ul li + li div::before{content:'';position: absolute;width: max(var(--rt36), var(--px36));height: max(var(--rt36), var(--px36));left:calc(-1*max(var(--rt68), var(--px68)));top:50%;margin-top:calc(-1 * max(var(--rt18), var(--px18)));background:url(../img/ico_arrow_r_w.svg)no-repeat 0 0;background-size: max(var(--rt36), var(--px36)) auto;}
.businessCon .materials .csBox03 ul li .ico{width: max(var(--rt60), var(--px60));height: max(var(--rt60), var(--px60));display: block;background-position: 0 0;background-repeat: no-repeat;background-size: max(var(--rt60), var(--px60)) max(var(--rt60), var(--px60));margin:0 auto;margin-bottom: max(var(--rt12), var(--px12));}
.businessCon .materials .csBox03 ul li .ico.type01{background-image: url(../img/business/ico_materials01.svg);}
.businessCon .materials .csBox03 ul li .ico.type02{background-image: url(../img/business/ico_materials02.svg);}
.businessCon .materials .csBox03 ul li .ico.type03{background-image: url(../img/business/ico_materials03.svg);}
.businessCon .materials .csBox03 ul li .ico.type04{background-image: url(../img/business/ico_materials04.svg);}
.businessCon .materials .csBox03 ul li .num{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 600;color:#4081FA;}
.businessCon .materials .csBox03 ul li .tit{color:#fff;font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 600;text-align: center;margin-top:max(var(--rt30), var(--px30));}
@media screen and (min-width: 1180px) and (max-width:1300px) {
  .businessCon .materials .csBox03 ul li .tit{font-size: max(var(--rt22), var(--px22));line-height: max(var(--rt36), var(--px36));}
}
@media screen and (min-width: 1024px) and (max-width:1180px) {
  .businessCon .materials .csBox03 ul li .tit{font-size: max(var(--rt18), var(--px18));line-height: max(var(--rt30), var(--px30));}
}
.businessCon .materials .csBox04{display: flex;align-items: center;justify-content: space-between;background: rgba(190, 227, 255, 0.6);padding:0 calc(calc(160 / var(--base-size)) * var(--base-percent));}
.businessCon .materials .csBox04 .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));text-align: left;font-weight: 700;}
.businessCon .materials .csBox04 .imgBox{width: calc(calc(782 / var(--base-size)) * var(--base-percent));padding-top:calc(calc(104 / var(--base-size)) * var(--base-percent));}
.businessCon .materials .csBox05{padding:calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent));}
.businessCon .materials .csBox05 .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));text-align: left;font-weight: 700;margin-bottom: max(var(--rt40), var(--px40));}
.businessCon .materials .csBox05 ul{display: flex;align-items: center;justify-content: center;gap: calc(calc(100 / var(--base-size)) * var(--base-percent));padding:0 calc(calc(124 / var(--base-size)) * var(--base-percent));}



/* 사업소개 > 환경설비 운영 사업분야 */
.businessCon .environment .csBox01{background:#F8F8F8;padding:calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(176 / var(--base-size)) * var(--base-percent));text-align: center;}
.businessCon .environment .csBox01 > .tit{font-size: max(var(--rt60), var(--px60));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: max(var(--rt24), var(--px24));}
.businessCon .environment .csBox01 > .txt{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 500;margin-bottom: max(var(--rt60), var(--px60));}
.businessCon .environment .csBox01 > .bgTxt {background: linear-gradient(91.08deg, #5490FF 1.56%, #8469FF 97.98%);padding: max(var(--rt15), var(--px15));font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));font-weight: 700;color: #fff;text-align: center;margin-bottom: max(var(--rt26), var(--px26));}
.businessCon .environment .csBox01 ul{display: flex;gap:calc(calc(11 / var(--base-size)) * var(--base-percent));}
.businessCon .environment .csBox01 ul li{width: 25%;position:relative;}
.businessCon .environment .csBox01 ul li .tit{font-size: max(var(--rt28), var(--px28));line-height: max(var(--rt42), var(--px42));font-weight: 700;color:#fff;text-align: center;position: absolute;left: 0;top:0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.businessCon .environment .csBox01 ul li + li::before{content:'';position: absolute;left:-37px;top:50%;margin-top:-31px;width: 62px;height:62px;background:url(../img/ico_arrow_gd.svg)no-repeat 0 0;background-size: 62px auto;}

/* 사업소개 > 주요 실적 */
.businessCon .performance .csBox01{padding-bottom: max(calc(176px * var(--base-ratio)), calc(calc(176 / var(--base-size)) * var(--base-percent)));}
.businessCon .performance .listBox{margin-top:max(var(--rt60), var(--px60));padding:0 calc(calc(160 / var(--base-size)) * var(--base-percent));}
.businessCon .performance .listBox li{padding:0 max(var(--rt20), var(--px20));display: flex;align-items: flex-start;border-bottom:2px solid #E5E5E5;padding-bottom:max(var(--rt30), var(--px30));}
.businessCon .performance .listBox li:first-child{border-top:1px solid #222;padding-top:max(var(--rt40), var(--px40));}
.businessCon .performance .listBox li + li{margin-top:max(var(--rt30), var(--px30));}
.businessCon .performance .listBox .tit{width:calc(calc(458 / var(--base-size)) * var(--base-percent));}
.businessCon .performance .listBox .tit span{font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));font-weight: 700;}
.businessCon .performance .listBox .txtBox{width: calc(100% - calc(calc(458 / var(--base-size)) * var(--base-percent)) - calc(calc(499 / var(--base-size)) * var(--base-percent)));}
.businessCon .performance .listBox .txtBox dl{display: flex;}
.businessCon .performance .listBox .txtBox dl + dl{margin-top:max(var(--rt12), var(--px12));}
.businessCon .performance .listBox .txtBox dt{width: calc(calc(150 / var(--base-size)) * var(--base-percent));padding-left: calc(calc(10 / var(--base-size)) * var(--base-percent));position: relative;font-size: max(var(--rt20), var(--px20));line-height: 1.6;font-weight: 600;}
.businessCon .performance .listBox .txtBox dt::before{content:'';position: absolute;top:max(var(--rt14), var(--px14));left:0;width: calc(calc(4 / var(--base-size)) * var(--base-percent));height: calc(calc(4 / var(--base-size)) * var(--base-percent));border-radius: 50%;background: #4081FA;}
.businessCon .performance .listBox .txtBox dd{width: calc(100% - calc(calc(150 / var(--base-size)) * var(--base-percent)));padding-left: calc(calc(100 / var(--base-size)) * var(--base-percent));font-size: max(var(--rt20), var(--px20));line-height: 1.6;color: #555;}
.businessCon .performance .listBox .imgBox{width:calc(calc(499 / var(--base-size)) * var(--base-percent));overflow: hidden;}
.businessCon .performance .listBox .imgBox .swiper-slide{width: 100%;}
.businessCon .performance .listBox .imgBox .swiper-slide img{display: block;}
.businessCon .performance .listBox .imgBox .swiper-pagination{background:rgba(0,0,0,0.4);bottom:0;align-items: center;justify-content: center;display: flex;height:max(var(--rt44), var(--px44));}
.businessCon .performance .listBox .imgBox .swiper-pagination.swiper-pagination-lock{display: none;;}
.businessCon .performance .listBox .imgBox .swiper-pagination-bullet{width: max(var(--rt20), var(--px20));height: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));border-radius: 0;background: #CBCBCB;opacity: 1;margin:0 3px;vertical-align: middle;}
.businessCon .performance .listBox .imgBox .swiper-pagination-bullet-active{background: #4081FA;}

/* 사업소개 > 주요 고객사 */
.businessCon .client .csBox01{padding: calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(176 / var(--base-size)) * var(--base-percent));background: #F8F8F8;}
.businessCon .client .csBox01 ul{display: flex;gap:var(--px20);flex-wrap: wrap;align-items: center;justify-content: space-between;}
.businessCon .client .csBox01 ul li{width:calc(calc(100%/6) - var(--px20));}
.businessCon .client .csBox01 ul li img{display: block;}
.businessCon .client .csBox01 ul li:nth-child(6n-5){animation-delay:.2s;}
.businessCon .client .csBox01 ul li:nth-child(6n-4){animation-delay:.4s;}
.businessCon .client .csBox01 ul li:nth-child(6n-3){animation-delay:.6s;}
.businessCon .client .csBox01 ul li:nth-child(6n-2){animation-delay:.8s;}
.businessCon .client .csBox01 ul li:nth-child(6n-1){animation-delay:1.0s;}
.businessCon .client .csBox01 ul li:nth-child(6n){animation-delay:1.2s;}


/********************* 제품소개 *********************/
/* 제품소개 공통 */
.productCon .navCon .tit{background:url(../img/product/ico_nav_product01.svg)no-repeat 0 0;background-size: max(var(--rt60), var(--px60));}
.productCon section{padding:0;}

/* 제품소개 > 기술 개요 */
.productCon .technology .visualTopBox .imgDiagram{position: absolute;left: 0;top: calc(calc(203 / var(--base-size)) * var(--base-percent));width: 100%;padding:0 calc(calc(176 / var(--base-size)) * var(--base-percent));}
.productCon .technology .csBox01{padding:0 calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(60 / var(--base-size)) * var(--base-percent));}
.productCon .technology .csBox01 .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;display: flex;width: 100%;justify-content: space-between;align-items: flex-end;margin-bottom: max(var(--rt40), var(--px40));}
.productCon .technology .csBox01 .tit span{font-size: max(var(--rt18), var(--px18));line-height: max(var(--rt28), var(--px28));color:#555;font-weight: 400;}
.productCon .technology .csBox01 .tblWrap .tblBox{position: relative;}
.productCon .technology .csBox01 .tblWrap .tblBox::before{content:'';position: absolute;top:0;left: 0;width: 100%;height: 1px;background: #222;}
.productCon .technology .csBox01 .tblWrap .tblBox::after{content:'';position: absolute;bottom:0;left: 0;width: 100%;height: 1px;background: #222;}
.productCon .technology .csBox01 .tblWrap .tblBox table{width: 100%;}
.productCon .technology .csBox01 .tblWrap thead th{background: #F8F8F8;padding:max(calc(27px * var(--base-ratio)), calc(calc(27 / var(--base-size)) * var(--base-percent))) 0 max(calc(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent)));font-size: max(var(--rt20), var(--px20));line-height: 1.6;font-weight: 600;text-align: center;}
.productCon .technology .csBox01 .tblWrap tbody td{border-top:1px solid #E5E5E5;padding:max(var(--rt24), var(--px24)) 0;font-size: max(var(--rt20), var(--px20));line-height: 1.6;color:#555;text-align: center;}
.productCon .technology .csBox01 .tblWrap tbody tr:first-child td{border-top:0;}
.productCon .technology .csBox02{display: flex;padding:calc(calc(60 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent));justify-content: space-between;}
.productCon .technology .csBox02 .left{padding-right: max(var(--rt40), var(--px40));}
.productCon .technology .csBox02 .left .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;display: flex;margin-bottom: max(var(--rt40), var(--px40));}
.productCon .technology .csBox02 .left .dotList li{padding-left: max(var(--rt10), var(--px10));position: relative;font-size: max(var(--rt20), var(--px20));line-height: max(var(--rt32), var(--px32));color:#222;}
.productCon .technology .csBox02 .left .dotList li + li{margin-top:max(var(--rt12), var(--px12));}
.productCon .technology .csBox02 .left .dotList li::before{content:'';position: absolute;left:0;top:max(var(--rt14), var(--px14));width:4px;height:4px;border-radius: 50%;background:#4081FA;}
.productCon .technology .csBox02 .right{width: max(calc(1074px * var(--base-ratio)), calc(calc(1074 / var(--base-size)) * var(--base-percent)));margin-right: max(calc(-20px * var(--base-ratio)), calc(calc(-20 / var(--base-size)) * var(--base-percent)));}
.productCon .technology .csBox03{display: flex;padding:calc(calc(60 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent));justify-content: space-between;}
.productCon .technology .csBox03 .left{width: calc(calc(630 / var(--base-size)) * var(--base-percent));padding-right:var(--px40);}
.productCon .technology .csBox03 .left .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: max(var(--rt20), var(--px20));}
.productCon .technology .csBox03 .left .txt{font-size: max(var(--rt20), var(--px20));line-height: 1.6;}
.productCon .technology .csBox03 .left .subTit{font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));font-weight: 700;margin-top:max(var(--rt60), var(--px60));margin-bottom: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));}
.productCon .technology .csBox03 .right{width: calc(calc(810 / var(--base-size)) * var(--base-percent));}
.productCon .technology .csBox04 .flexBox{padding:calc(calc(60 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) 0;}
.productCon .technology .csBox04 .left .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: max(var(--rt40), var(--px40));}
.productCon .technology .csBox04 .left .dotList li{padding-left: max(var(--rt10), var(--px10));position: relative;font-size: max(var(--rt20), var(--px20));line-height: max(var(--rt32), var(--px32));color:#222;}
.productCon .technology .csBox04 .left .dotList li + li{margin-top:max(var(--rt12), var(--px12));}
.productCon .technology .csBox04 .left .dotList li::before{content:'';position: absolute;left:0;top:max(var(--rt14), var(--px14));width:4px;height:4px;border-radius: 50%;background:#4081FA;}
.productCon .technology .csBox04 .left .subList{display: flex;gap:var(--px36);margin-top:max(var(--rt36), var(--px36))}
.productCon .technology .csBox04 .left .subList li{position: relative;font-size: max(var(--rt20), var(--px20));line-height: 1.6;}
.productCon .technology .csBox04 .left .subList li::before{content:'';position:relative;display: inline-block;width: max(var(--rt30), var(--px30));height:max(var(--rt30), var(--px30));line-height: max(var(--rt30), var(--px30));font-size: max(var(--rt18), var(--px18));font-weight: 700;color:#fff;background: #222;border-radius: 50%;text-align: center;margin-right: max(var(--rt10), var(--px10));}
.productCon .technology .csBox04 .left .subList li:nth-child(1):before{content:'1';}
.productCon .technology .csBox04 .left .subList li:nth-child(2):before{content:'2';}
.productCon .technology .csBox04 .left .subList li:nth-child(3):before{content:'3';}
.productCon .technology .csBox04 .left .subList li:nth-child(4):before{content:'4';}
.productCon .technology .csBox04 .flexBox{display: flex;justify-content: space-between;}
.productCon .technology .csBox04 .flexBox .right{display: flex;align-items: flex-end;gap:var(--px60);margin-left: calc(-1 * var(--px40));}
.productCon .technology .csBox04 .flexBox .right .imgBox:nth-child(1){width:calc(calc(574 / var(--base-size)) * var(--base-percent));}
.productCon .technology .csBox04 .flexBox .right .imgBox:nth-child(2){width:calc(calc(453 / var(--base-size)) * var(--base-percent));}
.productCon .technology .csBox04 .flexBox .right .imgBox:nth-child(2) img + img{margin-top:max(var(--rt12), var(--px12));}
@media screen and (min-width: 1024px) and (max-width:1340px) {
  .productCon .technology .csBox04 .flexBox .right{gap:var(--px30);}
  .productCon .technology .csBox04 .flexBox .right .imgBox:nth-child(1){width:calc(calc(524 / var(--base-size)) * var(--base-percent));}
  .productCon .technology .csBox04 .flexBox .right .imgBox:nth-child(2){width:calc(calc(403 / var(--base-size)) * var(--base-percent));}
}
.productCon .technology .csBox04 .flexBox.bg{background:#F8F8F8;padding:calc(calc(203 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(120 / var(--base-size)) * var(--base-percent));margin-top:calc(calc(-122 / var(--base-size)) * var(--base-percent));}
.productCon .technology .csBox04 .flexBox.bg .imgBox{width: calc(calc(1074 / var(--base-size)) * var(--base-percent));}
.productCon .technology .csBox04 .flexBox.bg p{font-size: max(var(--rt20), var(--px20));line-height: 1.6;width: calc(calc(460 / var(--base-size)) * var(--base-percent));margin-top: calc(calc(139 / var(--base-size)) * var(--base-percent));}
.productCon .technology .csBox05{padding:calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(176 / var(--base-size)) * var(--base-percent));}
.productCon .technology .csBox05 > .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: max(var(--rt40), var(--px40));}
.productCon .technology .csBox05 ul{display: flex;gap: max(var(--rt12), var(--px12));}
.productCon .technology .csBox05 ul li{width:calc(100%/5);text-align: center;}
.productCon .technology .csBox05 ul li .tit{font-size: max(var(--rt30), var(--px30));line-height: max(var(--rt40), var(--px40));font-weight: 600;margin-bottom: max(var(--rt10), var(--px10));}
.productCon .technology .csBox05 ul li:nth-child(1) .tit{color: #FFCB7C;}
.productCon .technology .csBox05 ul li:nth-child(2) .tit{color: #FFAE61;}
.productCon .technology .csBox05 ul li:nth-child(3) .tit{color: #FF8349;}
.productCon .technology .csBox05 ul li:nth-child(4) .tit{color: #FF5E5E;}
.productCon .technology .csBox05 ul li:nth-child(5) .tit{color: #E91C1C;}
.productCon .technology .csBox05 ul li .imgBox{margin-bottom: max(var(--rt12), var(--px12));}
.productCon .technology .csBox05 ul li .txt{font-size: max(var(--rt20), var(--px20));line-height: 1.6;}

/* 제품소개 > 수처리 분야 */
.productCon .water .ico{background-repeat: no-repeat;background-size: max(var(--rt60), var(--px60));background-position: center center;margin:0 auto;}
.productCon .water .ico.type01{background-image: url(../img/product/ico_water01.svg);}
.productCon .water .ico.type02{background-image: url(../img/product/ico_water02.svg);}
.productCon .water .ico.type03{background-image: url(../img/product/ico_water03.svg);}
.productCon .water .ico.type04{background-image: url(../img/product/ico_water04.svg);}
.productCon .water .ico.type05{background-image: url(../img/product/ico_water05.svg);}
.productCon .water .ico.type06{background-image: url(../img/product/ico_water06.svg);}
.productCon .water .ico.type07{background-image: url(../img/product/ico_water07.svg);}
.productCon .water .ico.type08{background-image: url(../img/product/ico_water08.svg);}
.productCon .water .ico.type09{background-image: url(../img/product/ico_water09.svg);}
.productCon .water .ico.type10{background-image: url(../img/product/ico_water10.svg);}
.productCon .water .ico.type11{background-image: url(../img/product/ico_water11.svg);}
.productCon .water .ico.type12{background-image: url(../img/product/ico_water12.svg);}
.productCon .water .ico.type13{background-image: url(../img/product/ico_water13.svg);}
.productCon .water .csBox01{background: #F8F8F8;padding:calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(235 / var(--base-size)) * var(--base-percent));text-align: center;margin-top:max(var(--rt60), var(--px60));}
.productCon .water .csBox01 > .tit{font-size: max(var(--rt60), var(--px60));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: max(var(--rt24), var(--px24));}
.productCon .water .csBox01 > .txt{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));}
.productCon .water .csBox01 .stepBox{display: flex;margin-top:max(var(--rt40), var(--px40));}
.productCon .water .csBox01 .stepBox .big{width: calc(calc(288 / var(--base-size)) * var(--base-percent));height:calc(calc(288 / var(--base-size)) * var(--base-percent));background: linear-gradient(91.08deg, #5490FF 1.56%, #8469FF 97.98%);border-radius: 50%;color:#fff;font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));display: flex;align-items: center;justify-content: center;flex-shrink: 0;font-weight: 600;}
.productCon .water .csBox01 .stepBox ul{padding-left: calc(calc(71 / var(--base-size)) * var(--base-percent));justify-content: space-between;width:calc(100% - calc(calc(288 / var(--base-size)) * var(--base-percent)));position: relative;}
.productCon .water .csBox01 .stepBox ul::before{content:'';position: absolute;top:calc(calc(63 / var(--base-size)) * var(--base-percent));left:var(--px60);width: max(var(--rt12), var(--px12));height: max(var(--rt22), var(--px22));background: url(../img/product/ico_arrow_r.svg)no-repeat 0 0;background-size: 100% auto;}
.productCon .water .csBox01 .stepBox ul li{width: calc(100%/4);position: relative;}
.productCon .water .csBox01 .stepBox ul li + li::before{content: "";position: absolute;  top:var(--px76);left:0;margin-left: calc(-1 * var(--px32));width: var(--px66);height: 4px;background-image: linear-gradient(to right, #b0b0b0 50%, transparent 50%);background-size: calc(calc(12 / var(--base-size)) * var(--base-percent)) calc(calc(4 / var(--base-size)) * var(--base-percent));background-repeat: repeat-x;}
.productCon .water .csBox01 .stepBox ul li .ico{width:calc(calc(152 / var(--base-size)) * var(--base-percent));height: calc(calc(152 / var(--base-size)) * var(--base-percent));display: block;background-color: #fff;background-repeat: no-repeat;background-size: max(var(--rt60), var(--px60));background-position: center center;margin:0 auto;border-radius: 50%;margin-bottom: max(var(--rt20), var(--px20));}
.productCon .water .csBox01 .stepBox ul li p{font-size: max(var(--rt20), var(--px20));line-height: 1.6;font-weight: 600;}
.productCon .water .csBox01 ul{margin-top:max(var(--rt68), var(--px68));display: flex;}
.productCon .water .wsscs .csBox02{position: relative;display: flex;padding: calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(76 / var(--base-size)) * var(--base-percent));}
.productCon .water .wsscs .csBox02::before{content:'';position:absolute;background:#F8F8F8;width: 100%;height: 50%;left: 0;bottom: 0;}
.productCon .water .wsscs .csBox02 .left,
.productCon .water .wsscs .csBox02 .right{position: relative;z-index: 2;}
.productCon .water .wsscs .csBox02 .left .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: max(var(--rt40), var(--px40));}
.productCon .water .wsscs .csBox02 .left .subTit{font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));font-weight: 700;display: flex;align-items: center;margin-bottom: max(var(--rt12), var(--px12));}
.productCon .water .wsscs .csBox02 .left .subTit .label{display: inline-block;height: max(var(--rt38), var(--px38));line-height: max(var(--rt38), var(--px38));font-size: max(var(--rt18), var(--px18));color:#fff;font-weight: 600;padding:0 max(var(--rt12), var(--px12));border-radius: max(var(--rt60), var(--px60));background:#4081FA;margin-left: max(var(--rt10), var(--px10));}
.productCon .water .wsscs .csBox02 .left .dotList li{padding-left: max(var(--rt10), var(--px10));position: relative;font-size: max(var(--rt20), var(--px20));line-height: max(var(--rt32), var(--px32));color:#222;}
.productCon .water .wsscs .csBox02 .left .dotList li + li{margin-top:max(var(--rt12), var(--px12));}
.productCon .water .wsscs .csBox02 .left .dotList li::before{content:'';position: absolute;left:0;top:max(var(--rt14), var(--px14));width:4px;height:4px;border-radius: 50%;background:#4081FA;}
.productCon .water .wsscs .csBox02 .right{display: flex;gap:max(var(--rt40), var(--px40));}
.productCon .water .wsscs .csBox02 .right .imgBox:nth-child(1){width:calc(calc(930 / var(--base-size)) * var(--base-percent));}
.productCon .water .wsscs .csBox02 .right .imgBox:nth-child(2){width: calc(calc(184 / var(--base-size)) * var(--base-percent));}
.productCon .water .wsscs .csBox02 .right .imgBox .tit{font-size: max(var(--rt28), var(--px28));line-height: max(var(--rt42), var(--px42));font-weight: 700;margin-bottom: calc(calc(8 / var(--base-size)) * var(--base-percent));text-align: center;}
@media screen and (min-width: 1024px) and (max-width:1300px) {
.productCon .water .wsscs .csBox02::before{height: 40%;}
}
@media screen and (min-width: 1024px) and (max-width:1200px) {
  .productCon .water .wsscs .csBox02 .right{display: flex;gap:max(var(--rt30), var(--px30));}
  .productCon .water .wsscs .csBox02 .right .imgBox:nth-child(1){width:calc(calc(900 / var(--base-size)) * var(--base-percent));}
  .productCon .water .wsscs .csBox02 .right .imgBox:nth-child(2){width: calc(calc(154 / var(--base-size)) * var(--base-percent));}
}
.productCon .water .csBox03{display: flex;background: #4081FA;padding:calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent));}
.productCon .water .csBox03 > .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;color:#fff;width:calc(100% - calc(calc(1248 / var(--base-size)) * var(--base-percent)));}
.productCon .water .csBox03 .stepBox{width:calc(calc(1248 / var(--base-size)) * var(--base-percent));flex-shrink: 0;}
.productCon .water .csBox03 .stepBox ul{display: flex;justify-content: space-between;}
.productCon .water .csBox03 .stepBox li{width: calc(100%/3);position: relative;text-align: center;}
.productCon .water .csBox03 .stepBox li + li::before{content:'';position: absolute;left:calc(-1 * max(var(--rt18), var(--px18)));top:calc(calc(122 / var(--base-size)) * var(--base-percent));width:max(var(--rt30), var(--px36));height: max(var(--rt36), var(--px36));background:url(../img/product/ico_arrow_r_w.svg)no-repeat 0 0;background-size: 100% auto;}
.productCon .water .csBox03 .stepBox li > div{width:calc(calc(280 / var(--base-size)) * var(--base-percent));height:calc(calc(280 / var(--base-size)) * var(--base-percent));background:#fff;border-radius:50%;display: flex;align-items: center;justify-content: center;flex-direction: column;margin:0 auto;margin-bottom: max(var(--rt24), var(--px24));}
.productCon .water .csBox03 .stepBox li > div .ico{width:max(var(--rt60), var(--px60));height: max(var(--rt60), var(--px60));margin: 0 auto;margin-bottom: max(var(--rt22), var(--px22));}
.productCon .water .csBox03 .stepBox li > div .num{font-size: max(var(--rt20), var(--px20));line-height:1.6;font-weight: 600;color:#4081FA;}
.productCon .water .csBox03 .stepBox li > div .tit{font-size: max(var(--rt24), var(--px24));line-height:max(var(--rt38), var(--px38));font-weight: 700;}
.productCon .water .csBox03 .stepBox li > p{font-size: max(var(--rt20), var(--px20));line-height:1.6;color:#fff;}
.productCon .water .csBox04{padding:calc(calc(130 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(176 / var(--base-size)) * var(--base-percent));display:flex;}
.productCon .water .csBox04 .txtBox{width:calc(100% - calc(calc(900 / var(--base-size)) * var(--base-percent)));padding-right: calc(calc(200 / var(--base-size)) * var(--base-percent));}
.productCon .water .csBox04 .txtBox .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: max(var(--rt20), var(--px20));}
.productCon .water .csBox04 .txtBox .txt{font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));font-weight: 700;}
.productCon .water .csBox04 .imgBox{width: calc(calc(900 / var(--base-size)) * var(--base-percent));}

/* W-SCRS */
.productCon .water .wscrs .csBox02{position: relative;padding: calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent));}
.productCon .water .wscrs .csBox02 .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: max(var(--rt40), var(--px40));}
.productCon .water .wscrs .csBox03 > .tit{width:calc(100% - calc(calc(1348 / var(--base-size)) * var(--base-percent)));}
.productCon .water .wscrs .csBox03 .stepBox{width:calc(calc(1348 / var(--base-size)) * var(--base-percent));flex-shrink: 0;}
.productCon .water .wscrs .csBox03 .stepBox li{width: calc(100%/4);position: relative;text-align: center;}
/* W-SFTR */
.productCon .water .wsftr .csBox02{position: relative;padding: calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent));}
.productCon .water .wsftr .csBox02 .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: max(var(--rt40), var(--px40));}
.productCon .water .wsftr .csBox03 > .tit{width:calc(100% - calc(calc(1388 / var(--base-size)) * var(--base-percent)));}
.productCon .water .wsftr .csBox03 .stepBox{width:calc(calc(1388 / var(--base-size)) * var(--base-percent));flex-shrink: 0;}
.productCon .water .wsftr .csBox03 .stepBox li{width: calc(100%/5);position: relative;text-align: center;}
.productCon .water .wsftr .csBox03 .stepBox li + li::before{top:calc(calc(97 / var(--base-size)) * var(--base-percent))}
.productCon .water .wsftr .csBox03 .stepBox li > div{width:calc(calc(230 / var(--base-size)) * var(--base-percent));height:calc(calc(230 / var(--base-size)) * var(--base-percent));}
.productCon .water .wsftr .csBox03 .stepBox li > div .ico{margin-bottom: max(var(--rt12), var(--px12));}
.productCon .water .wsftr .csBox03 .stepBox li > div .tit{font-size: max(var(--rt22), var(--px22));line-height:max(var(--rt34), var(--px34));}

/* 제품소개 > 대기 분야 */
.productCon .air .ico{background-repeat: no-repeat;background-size: max(var(--rt60), var(--px60));background-position: center center;margin:0 auto;}
.productCon .air .ico.type01{background-image: url(../img/product/ico_air01.svg);}
.productCon .air .ico.type02{background-image: url(../img/product/ico_air02.svg);}
.productCon .air .ico.type03{background-image: url(../img/product/ico_air03.svg);}
.productCon .air .ico.type04{background-image: url(../img/product/ico_air04.svg);}
.productCon .air .ico.type05{background-image: url(../img/product/ico_air05.svg);}
.productCon .air .csBox01{background: #F8F8F8;padding:calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(280 / var(--base-size)) * var(--base-percent));text-align: center;margin-top:max(var(--rt60), var(--px60));}
.productCon .air .csBox01 > .tit{font-size: max(var(--rt60), var(--px60));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: max(var(--rt24), var(--px24));}
.productCon .air .csBox01 > .txt{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));}
.productCon .air .csBox01 .stepBox .big{margin:max(var(--rt40), var(--px40)) auto;width: calc(calc(378 / var(--base-size)) * var(--base-percent));height:calc(calc(130 / var(--base-size)) * var(--base-percent));background: linear-gradient(91.08deg, #5490FF 1.56%, #8469FF 97.98%);border-radius: calc(calc(600 / var(--base-size)) * var(--base-percent));color:#fff;font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));display: flex;align-items: center;justify-content: center;flex-shrink: 0;font-weight: 600;}
.productCon .air .csBox01 .stepBox ul{justify-content: space-between;width:100%;position: relative;margin:0 auto;}
.productCon .air .csBox01 .stepBox ul li{width: calc(100%/5);position: relative;}
.productCon .air .csBox01 .stepBox ul li + li::before{content: "";position: absolute;  top:var(--px76);left:0;margin-left: calc(-1 * var(--px32));width: var(--px66);height: 4px;background-image: linear-gradient(to right, #b0b0b0 50%, transparent 50%);background-size: calc(calc(12 / var(--base-size)) * var(--base-percent)) calc(calc(4 / var(--base-size)) * var(--base-percent));background-repeat: repeat-x;}
.productCon .air .csBox01 .stepBox ul li .ico{width:calc(calc(152 / var(--base-size)) * var(--base-percent));height: calc(calc(152 / var(--base-size)) * var(--base-percent));display: block;background-color: #fff;background-repeat: no-repeat;background-size: max(var(--rt60), var(--px60));background-position: center center;margin:0 auto;border-radius: 50%;margin-bottom: max(var(--rt20), var(--px20));}
.productCon .air .csBox01 .stepBox ul li p{font-size: max(var(--rt20), var(--px20));line-height: 1.6;font-weight: 600;}
.productCon .air .csBox01 ul{margin-top:max(var(--rt68), var(--px68));display: flex;}
.productCon .air .csBox02{background:#BEE3FF;padding:calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(120 / var(--base-size)) * var(--base-percent));display:flex;}
.productCon .air .csBox02 .txtBox{width:calc(100% - calc(calc(1025 / var(--base-size)) * var(--base-percent)));padding-right: calc(calc(180 / var(--base-size)) * var(--base-percent));}
.productCon .air .csBox02 .txtBox .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: calc(calc(150 / var(--base-size)) * var(--base-percent));}
.productCon .air .csBox02 .txtBox .txt{font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));font-weight: 700;}
.productCon .air .csBox02 .imgBox{width: calc(calc(1025 / var(--base-size)) * var(--base-percent));}
.productCon .air .csBox03{padding:calc(calc(130 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(176 / var(--base-size)) * var(--base-percent));display:flex;}
.productCon .air .csBox03 .txtBox{width:calc(100% - calc(calc(900 / var(--base-size)) * var(--base-percent)));padding-right: calc(calc(200 / var(--base-size)) * var(--base-percent));}
.productCon .air .csBox03 .txtBox .tit{font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));font-weight: 700;margin-bottom: max(var(--rt20), var(--px20));}
.productCon .air .csBox03 .txtBox .txt{font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));font-weight: 700;}
.productCon .air .csBox03 .imgBox{width: calc(calc(900 / var(--base-size)) * var(--base-percent));}

/* 제품소개 > 대기방지시설 설비 */
.productCon .air .listBox{margin-top:max(var(--rt80), var(--px80));padding:0 calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(176 / var(--base-size)) * var(--base-percent));}
.productCon .air .listBox li{padding:max(var(--rt30), var(--px30)) max(var(--rt20), var(--px20));display: flex;align-items: center;border-bottom:1px solid #E5E5E5;}
.productCon .air .listBox li:first-child{border-top:1px solid #222;}
.productCon .air .listBox .imgBox{width: calc(calc(498 / var(--base-size)) * var(--base-percent));}
.productCon .air .listBox .txtBox{width:calc(100% - calc(calc(498 / var(--base-size)) * var(--base-percent)));padding-left: var(--px50);}
.productCon .air .listBox .txtBox .label{font-size: max(var(--rt20), var(--px20));line-height: 1.6;font-weight: 600;color:#4081FA;}
.productCon .air .listBox .txtBox .tit{font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));font-weight: 700;margin-bottom: calc(calc(4 / var(--base-size)) * var(--base-percent));}
.productCon .air .listBox .txtBox .txt{font-size: max(var(--rt20), var(--px20));line-height: 1.6;margin-bottom:max(var(--rt24), var(--px24));}
.productCon .air .listBox .txtBox dl{display: flex;}
.productCon .air .listBox .txtBox dl + dl{margin-top:max(var(--rt12), var(--px12));}
.productCon .air .listBox .txtBox dt{width: calc(calc(120 / var(--base-size)) * var(--base-percent));padding-left: calc(calc(10 / var(--base-size)) * var(--base-percent));position: relative;font-size: max(var(--rt20), var(--px20));line-height: 1.6;font-weight: 600;}
.productCon .air .listBox .txtBox dt::before{content:'';position: absolute;top:max(var(--rt14), var(--px14));left:0;width: calc(calc(4 / var(--base-size)) * var(--base-percent));height: calc(calc(4 / var(--base-size)) * var(--base-percent));border-radius: 50%;background: #4081FA;}
.productCon .air .listBox .txtBox dd{width: calc(100% - calc(calc(120 / var(--base-size)) * var(--base-percent)));padding-left: calc(calc(30 / var(--base-size)) * var(--base-percent));font-size: max(var(--rt20), var(--px20));line-height: 1.6;color: #555;}
@media screen and (min-width: 1024px) and (max-width:1300px) {
  .productCon .water .csBox03 > .tit{width:calc(100% - calc(calc(1298 / var(--base-size)) * var(--base-percent)));}
  .productCon .water .csBox03 .stepBox{width:calc(calc(1298 / var(--base-size)) * var(--base-percent));flex-shrink: 0;}
  .productCon .water .csBox03 .stepBox li > div .tit{font-size: max(var(--rt20), var(--px20));line-height:max(var(--rt30), var(--px30));}
  .productCon .water .csBox03 .stepBox li > p{font-size: max(var(--rt16), var(--px16));}
}


/********************* 홍보채널 *********************/
/* 홍보채널 공통 */
.prCon .navCon .tit{background:url(../img/prchannel/ico_nav_prchannel01.svg)no-repeat 0 0;background-size: max(var(--rt60), var(--px60));}
.prCon section{padding:0;}

/* 홍보채널 > 공지사항 */
.prCon .notic .searchBar .searchWrap{display: flex;justify-content: center;align-items: flex-start;}
.prCon .notic .searchBar .selBox{width: max(calc(206px * var(--base-ratio)), calc(calc(206 / var(--base-size)) * var(--base-percent)));}
.prCon .notic .searchBar .searchIpt{width: max(calc(500px * var(--base-ratio)), calc(calc(500 / var(--base-size)) * var(--base-percent)));margin-left: max(var(--rt24), var(--px24));}
.prCon .notic .csBox01{padding:calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(176 / var(--base-size)) * var(--base-percent));background: #F8F8F8;margin-top:max(var(--rt60), var(--px60));}
.prCon .notic .csBox01 .listTop{display: flex;justify-content: space-between;}
.prCon .notic .csBox01 .listTop .tit{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 700;}
.prCon .notic .csBox01 .listTop .selBox{width: max(calc(206px * var(--base-ratio)), calc(calc(206 / var(--base-size)) * var(--base-percent)));}
.prCon .notic .csBox01 .list{margin-top:max(var(--rt40), var(--px40));}
.prCon .notic .csBox01 .list > ul li + li{margin-top:max(var(--rt16), var(--px16));}
.prCon .notic .csBox01 .list > ul li a{padding:max(var(--rt40), var(--px40)) max(var(--rt60), var(--px60));background: #fff;display: flex;}
.prCon .notic .csBox01 .list > ul li .num{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 600;width: max(var(--rt72), var(--px72));}
.prCon .notic .csBox01 .list > ul li .tit{padding:0 max(var(--rt40), var(--px40));font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))) - max(var(--rt72), var(--px72)) - max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent))));}
.prCon .notic .csBox01 .list > ul li a:hover .tit{color:#4081FA;}
.prCon .notic .csBox01 .list > ul li .viewBox{display: flex;justify-content: space-between;}
.prCon .notic .csBox01 .list > ul li .date{font-size: max(var(--rt20), var(--px20));line-height: max(var(--rt32), var(--px32));color:#555;width: max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)));text-align: center;padding-left:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));padding-right:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));}
.prCon .notic .csBox01 .list > ul li .view{font-size: max(var(--rt20), var(--px20));line-height: max(var(--rt32), var(--px32));color:#555;padding-left: max(var(--rt42), var(--px42));background: url(../img/ico_view.svg)no-repeat 0 center;background-size: max(var(--rt36), var(--px36)) max(var(--rt36), var(--px36));width: max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));}
.prCon .notic .csBox01 .list .pagination{margin-top:max(var(--rt60), var(--px60));}
.prCon .notic .csBox01 .txtEmpty{padding:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent))) max(var(--rt20), var(--px20)) max(calc(150px * var(--base-ratio)), calc(calc(150 / var(--base-size)) * var(--base-percent)));font-size:max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));color:#555;text-align: center;}

/* 홍보채널 > 공지사항 상세 */
.prCon .noticDetail{padding-bottom: calc(calc(176 / var(--base-size)) * var(--base-percent));}
.prCon .noticDetail .titBox{margin-top:max(var(--rt22), var(--px22));padding:0 calc(calc(160 / var(--base-size)) * var(--base-percent));}
.prCon .noticDetail .titBox .tit{font-size: max(var(--rt44), var(--px44));line-height: max(var(--rt60), var(--px60));font-weight: 700;margin-bottom: max(var(--rt40), var(--px40));}
.prCon .noticDetail .titBox .csBox01{display:flex;justify-content: space-between;align-items: center;}
.prCon .noticDetail .titBox .csBox01 .left{display: flex;}
.prCon .noticDetail .titBox .csBox01 .date,
.prCon .noticDetail .titBox .csBox01 .view{font-size: max(var(--rt20), var(--px20));line-height: 1.6;display: flex;}
.prCon .noticDetail .titBox .csBox01 .date .fc02,
.prCon .noticDetail .titBox .csBox01 .view .fc02{font-weight: 600;}
.prCon .noticDetail .titBox .csBox01 .date p + p,
.prCon .noticDetail .titBox .csBox01 .view p + p{margin-left: max(var(--rt16), var(--px16));}
.prCon .noticDetail .titBox .csBox01 .date + .view{margin-left: max(var(--rt40), var(--px40));}
.prCon .noticDetail .titBox .csBox01 .btnDownload a{padding:max(var(--rt14), var(--px14)) max(var(--rt24), var(--px24));border:1px solid #555;}
.prCon .noticDetail .titBox .csBox01 .btnDownload a span{display: inline-block;padding-left: max(var(--rt44), var(--px44));background:url(../img/ico_download.svg)no-repeat 0 center;background-size:max(var(--rt32), var(--px32)) max(var(--rt32), var(--px32));font-size:max(var(--rt20), var(--px20));line-height: max(var(--rt32), var(--px32));font-weight: 600;}
.prCon .noticDetail .txtBox{background: #F8F8F8;padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));font-size:max(var(--rt20), var(--px20));line-height: max(var(--rt32), var(--px32));color:#555;margin:max(var(--rt40), var(--px40)) 0;min-height: max(calc(800px * var(--base-ratio)), calc(calc(800 / var(--base-size)) * var(--base-percent)));}
.prCon .noticDetail .btnList{display: flex;align-items: center;justify-content: center;}
.prCon .noticDetail .btnList a{display: flex;align-items: center;border:1px solid #222;padding:0 max(var(--rt20), var(--px20));min-width: max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));justify-content: center;}
.prCon .noticDetail .btnList a span{display: inline-block;padding-left: max(var(--rt44), var(--px44));font-size: max(var(--rt20), var(--px20));line-height: max(var(--rt60), var(--px60));background: url(../img/ico_list.svg)no-repeat 0 center;background-size: max(var(--rt32), var(--px32)) max(var(--rt32), var(--px32));font-weight: 600;}

/* 홍보채널 > 뉴스룸 */
.prCon .newsroom .csBox01{padding:calc(calc(80 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent));background: #F8F8F8;;}
.prCon .newsroom .csBox01 .slideBox{padding:0 calc(calc(90 / var(--base-size)) * var(--base-percent));overflow: hidden;position: relative;}
.prCon .newsroom .csBox01 .slideCon{width: calc(100% + var(--px20));overflow: hidden;margin-left:calc(-1 *  var(--px10));}
.prCon .newsroom .csBox01 .slideCon .swiper-slide{margin: 0 var(--px10);width: calc((100% / 3) - var(--px20)) !important;}
.prCon .newsroom .csBox01 .slideCon .swiper-slide a{background: #fff;}
.prCon .newsroom .csBox01 .slideCon .swiper-slide a .imgBox{height: calc(calc(214 / var(--base-size)) * var(--base-percent));overflow: hidden;}
.prCon .newsroom .csBox01 .slideCon .swiper-slide a img{display: block;height: auto;}
.prCon .newsroom .csBox01 .slideCon .swiper-slide a .txtBox{padding:max(var(--rt40), var(--px40));position: relative;}
.prCon .newsroom .csBox01 .slideCon .swiper-slide a .txtBox .flag{position: absolute;top:calc(calc(-19 / var(--base-size)) * var(--base-percent));font-size: max(var(--rt18), var(--px18));line-height:var(--px38);padding:0 max(var(--rt12), var(--px12));background: linear-gradient(91.08deg, #5490FF 1.56%, #8469FF 97.98%);font-weight: 600;color:#fff;left:max(var(--rt40), var(--px40));}
.prCon .newsroom .csBox01 .slideCon .swiper-slide a .txtBox .tit{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 700;margin-bottom: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: max(var(--rt76), var(--px76));}
.prCon .newsroom .csBox01 .slideCon .swiper-slide a .txtBox .txt{font-size: max(var(--rt20), var(--px20));line-height: max(var(--rt32), var(--px32));color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: max(calc(96px * var(--base-ratio)), calc(calc(96 / var(--base-size)) * var(--base-percent)));}
.prCon .newsroom .csBox01 .slideBox .swiper-button-prev, 
.prCon .newsroom .csBox01 .slideBox .swiper-rtl .swiper-button-next{left: 0;background:url(../img/ico_slide_allow_left.png)no-repeat center center;background-size: 100% auto;}
.prCon .newsroom .csBox01 .slideBox .swiper-button-next,
.prCon .newsroom .csBox01 .slideBox .swiper-rtl .swiper-button-prev{right: 0;background:url(../img/ico_slide_allow_right.png)no-repeat center center;background-size: 100% auto;}
.prCon .newsroom .csBox01 .slideBox .swiper-button-next,
.prCon .newsroom .csBox01 .slideBox .swiper-button-prev{width: var(--px60);height: var(--px60);margin-top:calc(-1 * var(--px30));border-radius: 50%;}
.prCon .newsroom .csBox01 .slideBox .swiper-button-next:after, 
.prCon .newsroom .csBox01 .slideBox .swiper-rtl .swiper-button-prev:after,
.prCon .newsroom .csBox01 .slideBox .swiper-button-prev:after, 
.prCon .newsroom .csBox01 .slideBox .swiper-rtl .swiper-button-next:after{content:none;}

/* 홍보채널 > 카다로그 */
.prCon .catalog .csBox01{padding:0 calc(calc(360 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent));}
.prCon .catalog .csBox01 .slideBox{padding:0 calc(calc(90 / var(--base-size)) * var(--base-percent));overflow: hidden;position: relative;}
.prCon .catalog .csBox01 .slideCon{width:100%;overflow: hidden;border:1px solid #DDDDDD;}
.prCon .catalog .csBox01 .slideCon img{display: block;}
.prCon .catalog .csBox01 .slideBox .swiper-button-prev, 
.prCon .catalog .csBox01 .slideBox .swiper-rtl .swiper-button-next{left: 0;background:url(../img/ico_slide_allow_left.png)no-repeat center center;background-size: 100% auto;}
.prCon .catalog .csBox01 .slideBox .swiper-button-next,
.prCon .catalog .csBox01 .slideBox .swiper-rtl .swiper-button-prev{right: 0;background:url(../img/ico_slide_allow_right.png)no-repeat center center;background-size: 100% auto;}
.prCon .catalog .csBox01 .slideBox .swiper-button-next,
.prCon .catalog .csBox01 .slideBox .swiper-button-prev{width: var(--px60);height: var(--px60);margin-top:calc(-1 * var(--px30));border-radius: 50%;}
.prCon .catalog .csBox01 .slideBox .swiper-button-next:after, 
.prCon .catalog .csBox01 .swiper-rtl .swiper-button-prev:after,
.prCon .catalog .csBox01 .slideBox .swiper-button-prev:after, 
.prCon .catalog .csBox01 .swiper-rtl .swiper-button-next:after{content:none;}
.prCon .catalog .csBox01 .swiper-pagination{bottom:0;align-items: center;justify-content: center;display: flex;height:auto;position: relative;margin-top:max(var(--rt30), var(--px30));}
.prCon .catalog .csBox01 .swiper-pagination.swiper-pagination-lock{display: none;}
.prCon .catalog .csBox01 .swiper-pagination-bullet{width: max(var(--rt20), var(--px20));height: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));border-radius: 0;background: #CBCBCB;opacity: 1;margin:0 3px;vertical-align: middle;}
.prCon .catalog .csBox01 .swiper-pagination-bullet-active{background: #4081FA;}
.prCon .catalog .csBox01 .btnDownload {display: flex;justify-content: center;margin-top:max(var(--rt40), var(--px40));}
.prCon .catalog .csBox01 .btnDownload a{padding:max(var(--rt14), var(--px14)) max(var(--rt24), var(--px24));border:1px solid #555;}
.prCon .catalog .csBox01 .btnDownload a span{display: inline-block;padding-left: max(var(--rt44), var(--px44));background:url(../img/ico_download.svg)no-repeat 0 center;background-size:max(var(--rt32), var(--px32)) max(var(--rt32), var(--px32));font-size:max(var(--rt20), var(--px20));line-height: max(var(--rt32), var(--px32));font-weight: 600;}


/********************* 고객센터 *********************/
/* 고객센터 공통 */
.customerCon .navCon .tit{background:url(../img/customer/ico_nav_customer01.svg)no-repeat 0 0;background-size: max(var(--rt60), var(--px60));}
.customerCon section{padding:0;}

/* 고객센터 > 채용안내 */
.customerCon .recruit .csBox01{background:#111;padding:calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent));}
.customerCon .recruit .csBox01 > .tit{color:#fff;font-weight: 700;font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));text-align:center;margin-bottom: max(var(--rt60), var(--px60));}
.customerCon .recruit .csBox01 > .cardList{display: flex;gap:max(var(--rt20), var(--px20));}
.customerCon .recruit .csBox01 > .cardList li{width: calc(25% - max(var(--rt10), var(--px10)));text-align: center;}
.customerCon .recruit .csBox01 > .cardList li .tit{position: relative;font-size:max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));font-weight: 700;padding-bottom: max(var(--rt24), var(--px24));margin-bottom: max(var(--rt40), var(--px40));color:#fff;}
.customerCon .recruit .csBox01 > .cardList li .tit::before{content:'';position: absolute;width: 100%;height: 4px;background: #fff;left:0;bottom: 0;}
.customerCon .recruit .csBox01 > .cardList li .imgBox{margin-bottom: max(var(--rt34), var(--px34));}
.customerCon .recruit .csBox01 > .cardList li .txt{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));color:#fff;}
.customerCon .recruit .csBox02{padding:calc(calc(120 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent));}
.customerCon .recruit .csBox02 > .tit{font-weight: 700;font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));text-align:center;margin-bottom: max(var(--rt80), var(--px80));}
.customerCon .recruit .csBox02 > ul > li + li{margin-top:max(calc(128px * var(--base-ratio)), calc(calc(128 / var(--base-size)) * var(--base-percent)));}
.customerCon .recruit .csBox02 .dotList{display: flex;justify-content: space-between;}
.customerCon .recruit .csBox02 .dotList dl{display: flex;align-items: center;}
.customerCon .recruit .csBox02 .dotList dl + dl{margin-top:0;}
.customerCon .recruit .csBox02 .dotList dt{font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));font-weight: 700;padding-left: max(var(--rt14), var(--px14));flex-shrink: 0;}
.customerCon .recruit .csBox02 .dotList dt::before{top:var(--px22);width: 6px;height: 6px;}
.customerCon .recruit .csBox02 .dotList dd{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));margin-left: calc(calc(136 / var(--base-size)) * var(--base-percent));width: calc(100% - calc(calc(136 / var(--base-size)) * var(--base-percent)));}
.customerCon .recruit .csBox02 .moScr{width: 100%;position: relative;}
.customerCon .recruit .csBox02 .stepBox{width: 100%;}
.customerCon .recruit .csBox02 .stepBox ul{display: flex;}
.customerCon .recruit .csBox02 .stepBox ul li::before{content:none;}
.customerCon .recruit .csBox02 .stepBox ul li + li{margin-top:0;}
.customerCon .recruit .csBox02 .stepBox dd{position: relative;}
.customerCon .recruit .csBox02 .stepBox .stepBar {position: absolute;left: 0;background: linear-gradient(91.08deg, #67CFFF 1.56%, #5479FF 56.26%, #8469FF 97.98%);height: max(var(--rt20), var(--px20));width: 100%;top: 50%;margin-top: calc(-1 * max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))));}
.customerCon .recruit .csBox02 .stepBox .stepBar::before{content:'';position: absolute;top:50%;right:0;width: max(var(--rt20), var(--px20));height:max(var(--rt36), var(--px36));margin-top:calc(-1 * max(var(--rt18), var(--px18)));background:#fff url(../img/customer/ico_allow_end.svg)no-repeat 0 0;background-size: 100% auto;}
.customerCon .recruit .csBox02 .stepBox .num{font-size: max(var(--rt20), var(--px20));height: max(var(--rt44), var(--px44));line-height: max(var(--rt44), var(--px44));padding:0 max(var(--rt16), var(--px16));font-weight: 600;color:#fff;text-align: center;border-radius: max(var(--rt60), var(--px60));}
.customerCon .recruit .csBox02 .stepBox .txt{font-size: max(var(--rt28), var(--px28));line-height: max(var(--rt42), var(--px42));font-weight: 700;padding-top:max(var(--rt56), var(--px56));position: relative;}
.customerCon .recruit .csBox02 .stepBox .txt::before{content:'';position: absolute;top:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));left:50%;width: max(var(--rt14), var(--px14));height:max(var(--rt14), var(--px14));background:#fff;border-radius: 50%;margin-left:max(calc(-7px * var(--base-ratio)), calc(calc(-7 / var(--base-size)) * var(--base-percent)));}
.customerCon .recruit .csBox02 .stepBox li{padding-left: 0;}
.customerCon .recruit .csBox02 .stepBox li:nth-child(1){padding-left: calc(calc(102 / var(--base-size)) * var(--base-percent));}
.customerCon .recruit .csBox02 .stepBox li:nth-child(2){padding-left: calc(calc(220 / var(--base-size)) * var(--base-percent));}
.customerCon .recruit .csBox02 .stepBox li:nth-child(3){padding-left: calc(calc(220 / var(--base-size)) * var(--base-percent));} 
.customerCon .recruit .csBox02 .stepBox li:nth-child(4){padding-left: calc(calc(220 / var(--base-size)) * var(--base-percent));}
.customerCon .recruit .csBox02 .stepBox li:nth-child(1) .num{background:#64C2FF;}
.customerCon .recruit .csBox02 .stepBox li:nth-child(2) .num{background: #5A95FF;}
.customerCon .recruit .csBox02 .stepBox li:nth-child(3) .num{background: #6185FF;}
.customerCon .recruit .csBox02 .stepBox li:nth-child(4) .num{background: #7575FF;}
@media screen and (min-width: 1024px) and (max-width:1280px) {
  .customerCon .recruit .csBox02 .stepBox li:nth-child(1){padding-left: calc(calc(82 / var(--base-size)) * var(--base-percent));}
  .customerCon .recruit .csBox02 .stepBox li:nth-child(2){padding-left: calc(calc(180 / var(--base-size)) * var(--base-percent));}
  .customerCon .recruit .csBox02 .stepBox li:nth-child(3){padding-left: calc(calc(180 / var(--base-size)) * var(--base-percent));} 
  .customerCon .recruit .csBox02 .stepBox li:nth-child(4){padding-left: calc(calc(180 / var(--base-size)) * var(--base-percent));}
}
.customerCon .recruit .csBox03 > div{padding:0;}
.customerCon .recruit .csBox03 > div.noBg{padding-top:0;}
.customerCon .recruit .csBox03 .bg{position: relative;}
.customerCon .recruit .csBox03 .bg > .tit{font-weight: 700;font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));text-align:center;padding-bottom: max(calc(84px * var(--base-ratio)), calc(calc(84 / var(--base-size)) * var(--base-percent)));color:#fff;background: #4081FA;padding-top:calc(calc(120 / var(--base-size)) * var(--base-percent));}
.customerCon .recruit .csBox03 .cardList{display: flex;gap:var(--px20);position: relative;padding:0 calc(calc(160 / var(--base-size)) * var(--base-percent));}
.customerCon .recruit .csBox03 .cardList li{width:calc(calc(100%/3) - var(--px10));box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);background:#fff;}
.customerCon .recruit .csBox03 .cardList li .imgBox{position: relative;}
.customerCon .recruit .csBox03 .cardList li .imgBox::before{content: '';position: absolute;width: calc(100% + calc(calc(320 / var(--base-size))* var(--base-percent)));left: 0;top: 0;z-index: 0;height: 100%;margin-left: calc(calc(-160 / var(--base-size))* var(--base-percent));background: #4081FA;}
.customerCon .recruit .csBox03 .cardList li img{display: block;position: relative;z-index: 2;}
.customerCon .recruit .csBox03 .cardList li .txtBox{padding:max(var(--rt26), var(--px26)) 0 max(var(--rt40), var(--px40));text-align: center;}
.customerCon .recruit .csBox03 .cardList li .txtBox .tit{font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));font-weight: 700;margin-bottom: max(var(--rt10), var(--px10));}
.customerCon .recruit .csBox03 .cardList li .txtBox .txt{font-size: max(var(--rt20), var(--px20));line-height: 1.6;}
.customerCon .recruit .csBox04{padding:calc(calc(136 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) calc(calc(165 / var(--base-size)) * var(--base-percent))}
.customerCon .recruit .csBox04 > .tit{font-weight: 700;font-size: max(var(--rt50), var(--px50));line-height: max(var(--rt68), var(--px68));text-align:center;margin-bottom: max(var(--rt80), var(--px80));}
.customerCon .recruit .csBox04 ul{display: flex;justify-content: center;gap:var(--px20);flex-wrap: wrap;}
.customerCon .recruit .csBox04 ul li{width: calc(25% - var(--px16));background:#F8F8F8;text-align: center;padding:max(var(--rt60), var(--px60)) 0 max(var(--rt44), var(--px44));}
.customerCon .recruit .csBox04 ul li .tit{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 700;margin-bottom: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));}
.customerCon .recruit .csBox04 ul li .txt{font-size: max(var(--rt20), var(--px20));line-height: 1.6;}
.customerCon .recruit .csBox04 ul li .ico{display: block;margin:0 auto;}
.customerCon .recruit .csBox04 ul li:nth-child(1) .ico{  width:max(var(--rt60), var(--px60));height: max(var(--rt60), var(--px60));background:url(../img/customer/ico_recruit01.svg)no-repeat 0 0;background-size: 100% auto;margin-bottom: max(var(--rt16), var(--px16));}
.customerCon .recruit .csBox04 ul li:nth-child(2) .ico{  width:max(var(--rt56), var(--px56));height: max(var(--rt56), var(--px56));background:url(../img/customer/ico_recruit02.svg)no-repeat 0 0;background-size: 100% auto;margin-bottom: max(var(--rt20), var(--px20));}
.customerCon .recruit .csBox04 ul li:nth-child(3) .ico{  width:max(var(--rt56), var(--px56));height: max(var(--rt56), var(--px56));background:url(../img/customer/ico_recruit03.svg)no-repeat 0 0;background-size: 100% auto;margin-bottom: max(var(--rt20), var(--px20));}
.customerCon .recruit .csBox04 ul li:nth-child(4) .ico{  width:max(var(--rt56), var(--px56));height: max(var(--rt56), var(--px56));background:url(../img/customer/ico_recruit04.svg)no-repeat 0 0;background-size: 100% auto;margin-bottom: max(var(--rt20), var(--px20));}
.customerCon .recruit .csBox04 ul li:nth-child(5) .ico{  width:max(var(--rt60), var(--px60));height: max(var(--rt60), var(--px60));background:url(../img/customer/ico_recruit05.svg)no-repeat 0 0;background-size: 100% auto;margin-bottom: max(var(--rt16), var(--px16));}
.customerCon .recruit .csBox04 ul li:nth-child(6) .ico{  width:max(var(--rt56), var(--px56));height: max(var(--rt56), var(--px56));background:url(../img/customer/ico_recruit07.svg)no-repeat 0 0;background-size: 100% auto;margin-bottom: max(var(--rt20), var(--px20));}
.customerCon .recruit .csBox04 ul li:nth-child(7) .ico{  width:max(var(--rt56), var(--px56));height: max(var(--rt56), var(--px56));background:url(../img/customer/ico_recruit07.svg)no-repeat 0 0;background-size: 100% auto;margin-bottom: max(var(--rt20), var(--px20));}

/* 고객센터 > 온라인 상담 */
.customerCon .online .csBox01{display: flex;padding:max(var(--rt20), var(--px20)) max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent))) max(calc(270px * var(--base-ratio)), calc(calc(270 / var(--base-size)) * var(--base-percent)));}
.customerCon .online .csBox01 .titCon{width:50%;padding-right: max(var(--rt10), var(--px10));}
.customerCon .online .csBox01 .stickyCon{position: sticky;top:max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)));left: 0;}
.customerCon .online .csBox01 .titCon .titBox h4.tit{text-align: left;}
.customerCon .online .csBox01 .iptCon{width:50%;padding-left: max(var(--rt10), var(--px10));}
.customerCon .online .csBox01 .iptCon > .tit{font-size: max(var(--rt32), var(--px32));line-height: max(var(--rt50), var(--px50));font-weight: 700;margin-bottom: max(var(--rt40), var(--px40));}
.customerCon .online .csBox01 .iptFormBox + .iptFormBox{margin-top:max(var(--rt48), var(--px48));}
.customerCon .online .csBox01 .iptFormBox .tit{font-size: max(var(--rt20), var(--px20));line-height: 1.6;font-weight: 600;position: relative;margin-bottom: max(var(--rt10), var(--px10));}
.customerCon .online .csBox01 .iptFormBox.star .tit::after{content:'*';color:#4081FA;margin-left: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));font-weight: 700;}
.customerCon .online .csBox01 .iptFormBox input[type="text"],
.customerCon .online .csBox01 .iptFormBox input[type="password"],
.customerCon .online .csBox01 .iptFormBox input[type="number"]{border-bottom: 1px solid #555;}
.customerCon .online .csBox01 .clauseChkBox{margin-top:max(var(--rt40), var(--px40));}
.customerCon .online .csBox01 .btnSend {display: flex;justify-content: center;margin-top:max(var(--rt40), var(--px40));}
.customerCon .online .csBox01 .btnSend a{padding:max(var(--rt14), var(--px14)) max(var(--rt24), var(--px24));border:1px solid #555;min-width: max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));text-align: center;}
.customerCon .online .csBox01 .btnSend a span{display: inline-block;padding-left: max(var(--rt44), var(--px44));background:url(../img/ico_send.svg)no-repeat 0 center;background-size:max(var(--rt32), var(--px32)) max(var(--rt32), var(--px32));font-size:max(var(--rt20), var(--px20));line-height: max(var(--rt32), var(--px32));font-weight: 600;}

/* 고객센터 > 오시는길 */
.customerCon .companyMap .csBox01{padding-bottom:max(calc(176px * var(--base-ratio)), calc(calc(176 / var(--base-size)) * var(--base-percent)));}
.customerCon .companyMap .csBox01 .mapWrap{display: flex;background:#F8F8F8;position: relative;padding:0 calc(calc(160 / var(--base-size)) * var(--base-percent));}
.customerCon .companyMap .csBox01 .mapWrap::before{content:'';position: absolute;top:0;left: 0;width: 100%;height:max(calc(82px * var(--base-ratio)), calc(calc(82 / var(--base-size)) * var(--base-percent)));background: #fff;}
.customerCon .companyMap .csBox01 .mapWrap .name{font-size: max(var(--rt44), var(--px44));line-height: max(var(--rt52), var(--px52));font-weight: 700;margin-bottom: max(var(--rt30), var(--px30));}
.customerCon .companyMap .csBox01 .mapWrap .txtBox{position: relative;width: calc(100% - calc(calc(925 / var(--base-size)) * var(--base-percent)));}
.customerCon .companyMap .csBox01 .mapWrap .mapBox{position: relative;width: calc(calc(925 / var(--base-size)) * var(--base-percent));}
.customerCon .companyMap .csBox01 .mapWrap .mapBox > div{height:100%;position: relative;}
.customerCon .companyMap .csBox01 .mapWrap .mapBox > div > div{position: relative;width: 100% !important;height: calc(100% -  var(--px50)) !important;}
.customerCon .companyMap .csBox01 .mapWrap .mapBox .wrap_map{height: 100% !important;}
.customerCon .companyMap .csBox01 .mapWrap .mapBox .map_border{border:none !important;width: 0 !important;border-radius: 0 !important;}
.customerCon .companyMap .csBox01 .mapWrap .mapBox .wrap_controllers{display: none !important;}
.customerCon .companyMap .csBox01 .mapWrap .list{padding:var(--px50) 0;}
.customerCon .companyMap .csBox01 .mapWrap dl{padding:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent))) 0;padding-left: max(calc(104px * var(--base-ratio)), calc(calc(104 / var(--base-size)) * var(--base-percent)));}
.customerCon .companyMap .csBox01 .mapWrap dl + dl{margin-top:var(--px24);}
.customerCon .companyMap .csBox01 .mapWrap dt{font-size: max(var(--rt24), var(--px24));line-height: max(var(--rt38), var(--px38));font-weight: 700;margin-bottom: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));}
.customerCon .companyMap .csBox01 .mapWrap dd{font-size: max(var(--rt20), var(--px20));line-height: 1.5;color:#666;}
.customerCon .companyMap .csBox01 .mapWrap .cont{display: none;}
.customerCon .companyMap .csBox01 .mapWrap .address{background:url(../img/ico_ad.svg)no-repeat 0 center;background-size: max(var(--rt80), var(--px80)) max(var(--rt80), var(--px80));}
.customerCon .companyMap .csBox01 .mapWrap .tel{background:url(../img/ico_tel.svg)no-repeat 0 center;background-size: max(var(--rt80), var(--px80)) max(var(--rt80), var(--px80));}
.customerCon .companyMap .csBox01 .mapWrap .fax{background:url(../img/ico_fax.svg)no-repeat 0 center;background-size: max(var(--rt80), var(--px80)) max(var(--rt80), var(--px80));}
.customerCon .companyMap .csBox01 .mapWrap .email{background:url(../img/ico_mail.svg)no-repeat 0 center;background-size: max(var(--rt80), var(--px80)) max(var(--rt80), var(--px80));}
.customerCon .companyMap .csBox01 .tblWrap{padding:calc(calc(100 / var(--base-size)) * var(--base-percent)) calc(calc(160 / var(--base-size)) * var(--base-percent)) 0;}
.customerCon .companyMap .csBox01 .tblWrap .tblList{position: relative;}
.customerCon .companyMap .csBox01 .tblWrap .tblList::before{content:'';position: absolute;top:0;left:0;width:100%;height:1px;background:#333;}
.customerCon .companyMap .csBox01 .tblWrap .tblList::after{content:'';position: absolute;bottom:0;left:0;width:100%;height:1px;background:#333;z-index: 1;}
.customerCon .companyMap .csBox01 .tblWrap .tblList.half {display: flex;flex-wrap: wrap;}
.customerCon .companyMap .csBox01 .tblWrap .tblList.half dl{width:50%;}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 dl{border-bottom:1px solid #ddd;}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 dl{padding:max(var(--rt32), var(--px32)) 0;display: flex;}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 dt{padding:0 max(var(--rt32), var(--px32));font-size: max(var(--rt24), var(--px24));font-weight: 700;line-height: max(var(--rt30), var(--px30));width: max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 dd{padding:0 max(var(--rt32), var(--px32));width:calc(100% - max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent))));}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 li{font-size: max(var(--rt20), var(--px20));line-height: 1.5;display: flex;align-items: center;}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 li + li{margin-left:max(var(--rt56), var(--px56));}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul{display: flex;flex-wrap: wrap;}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul.subway span{width:max(var(--rt24), var(--px24));height:max(var(--rt24), var(--px24));border-radius: 50%;line-height: max(var(--rt24), var(--px24));color:#fff;font-weight: 500;text-align: center;font-size: max(var(--rt18), var(--px18));margin-right: max(var(--rt12), var(--px12));}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul.subway span.line02{background:#18AD00;}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul.subway span.line08{background: #E72A75;}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul.station span{width:max(var(--rt24), var(--px24));height:max(var(--rt24), var(--px24));border-radius: 50%;line-height:  max(var(--rt24), var(--px24));font-weight: 500;text-align: center;border:1px solid #222;font-size: max(var(--rt18), var(--px18));margin-right: max(var(--rt12), var(--px12));}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul.bus li{font-weight: 500;}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul.bus li span{font-size:max(var(--rt14), var(--px14));font-weight: 700;color:#fff;line-height: max(var(--rt24), var(--px24));padding:0 max(var(--rt10), var(--px10));border-radius: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));margin-right: max(var(--rt12), var(--px12));}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul.bus li span.cblue{background:#3455EB;}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul.bus li span.cgreen{background:#18AD00;}
.customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul.bus li p{position: relative;}





/********************* 모바일 *********************/
@media screen and (max-width:1024px) {
  html, body {overflow-x: hidden;}
  .wrap{overflow: hidden;}
  :root{
    --base-ratio: 1;
    --base-size : 1;
    --base-percent: 1px;
    --vh : 1vh;
  }

  /* pc버전 컨텐츠 네이게이션 */
  .navCon{padding:0 20px;padding-top:60px;padding-bottom:8px;}
  .content{margin-top:68px;letter-spacing: 0;}
  .navCon .tit{padding-left:0;font-size: 18px;line-height: 28px;font-weight: 600;}
  .navCon .nav{display: none;}
  .content .con{padding-top:0;}

  /* 모션 */
  .cardList li.is-motion{animation-delay: 0.2s !important;}

  /* 공통 */
  .pc{display: none !important;}
  .mo{display: block !important;}
  .moBr{display: block !important;}
  .pcBr{display: inline !important;}
  .btnTop{width:80px;bottom: 0;right: 4px;}
  section{padding:0 20px 130px;}
  section + section{padding-top:0;}
  
  /* input */
  input::placeholder {color:#aaa;}
  input[type="text"],
  input[type="password"],
  input[type="number"]{height:32px;width:100%;font-size:16px;line-height: 26px;padding-bottom:10px;padding-right: 12px;}
  textarea{padding:16px 20px;font-size:18px;line-height: 28px;min-height:240px;}
  
  /* header */
  header .headerWrap{padding:0 20px;min-height:68px;}  
  header .logo{width:205px;height:44px;}
  header .rMenu > div + div{margin-left: 0;}
  header .rMenu .menu{width:24px;height:24px;}
  header .menuList{display: none !important;}
  header .menuBox{height:calc(100% + env(safe-area-inset-bottom) + env(safe-area-inset-top));}
  header .menuBox .scrBox{margin-top:68px;padding-bottom:68px;}
  header .menuBox .scrBox .topBox{height: 68px;}
  header .menuBox .logo{display: none;}
  header .menuBox .closeMenu{position:absolute;right:20px;top:22px;width:24px;height:24px;}
  header .menuBox .langBox{position: absolute;left:20px;top:20px;padding-left: 44px;background:url(../img/ico_lang_w_m.svg)no-repeat 0 0;background-size: 28px 28px;min-height: 28px;}
  header .menuBox .langBox ul{display: flex;height: 28px;align-items: center;}
  header .menuBox .langBox ul li + li{margin-left:16px;}
  header .menuBox .langBox ul li a span{font-size:18px;line-height: 22px;display: inline-block;color:rgba(255,255,255,0.4);font-weight: 500;}
  header .menuBox .langBox ul li.on a span{color:#fff;}
  header .menuBox .menuPopList{width:100%;padding:0 20px;margin-top:20px;}
  header .menuBox .menuPopList > ul > li{display: block;}
  header .menuBox .menuPopList > ul > li + li{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.3);}
  header .menuBox .menuPopList > ul > li:last-child{margin-bottom:20px;}
  header .menuBox .menuPopList > ul > li > a{font-size: 22px;line-height: 36px;font-weight: 600;width:100%;position: relative;}
  header .menuBox .menuPopList > ul > li > a::before{content:'';position: absolute;right:0;top:50%;width:16px;height: 16px;background: url(../img/ico_arrow_down_w.svg)no-repeat;background-size: 100% auto;margin-top:-7px;transition: all 0.4s;}
  header .menuBox .menuPopList > ul > li.on > a::before{transform: rotate(-180deg);}
  header .menuBox .menuPopList .depth2 {display:none;width:100%;padding-left: 20px;}
  header .menuBox .menuPopList .depth2 > li{width:100%;margin-left:0;margin-top:12px;}
  header .menuBox .menuPopList .depth2 > li a span{font-size: 18px;line-height:28px;font-weight: 400;}

  /* footer */
  footer{padding:30px 20px 40px;flex-direction: column;}
  footer .con{flex-direction: column;}  
  footer .con .left{flex-direction: column;align-items:flex-start;width: 100%;margin-bottom: 12px;}
  footer .logo{width: 244px;}
  footer .con .left p{font-size:16px;line-height: 26px;margin-left: 0;margin-top:20px;}
  footer .con ul.right{flex-direction: column;align-items:flex-start;width: 100%;}
  footer .con ul.right li{font-size:15px;line-height: 24px;}
  footer .con ul.right li dt{margin-right: 12px;}
  footer .con ul.right li + li{margin-left:0;margin-top:0;}
  
  /* 검색영역 */
  .tabList + .searchWrap{margin-top:8.2vw;}
  .searchWrap {display: block;}
  .selBox{width: 100%;height: 32px;}
  .selBox:before{width:16px;height:16px;margin-top:-8px;}
  .selBox .label{font-size:16px;line-height: 26px;padding-bottom: 4px;}
  .selBox .selOptBox{top:0;padding:20px;}
  .selBox .selOpt .selItem{font-size: 16px;line-height: 26px;}
  .selBox .selOpt .selItem + .selItem{margin-top:12px;}
  .searchIpt{height:32px;width:100%;}
  .searchIpt input{border-bottom: 0;}
  .searchIpt button{width:24px;height:24px;background-size: 100% auto;background:url(../img/ico_search_m.svg)no-repeat 0 0;}

  /* pagination */
  .pagination{justify-content: center;}
  .pagination > div{width:16px;height:16px;background-size: 100% auto;}
  .pagination > div.first{margin-right:16px;}
  .pagination > div.end{margin-left:16px;}
  .pagination ul{margin:0 16px;}
  .pagination ul li{width:36px;height: 40px;}
  .pagination ul li.on::before{width: 36px;height: 40px;}
  .pagination ul li a,
  .pagination ul li a span{line-height: 40px;font-size:16px;}
  @media screen and (max-width:359px) {
    .pagination > div{width:12px;height:12px;background-size: 100% auto;}
    .pagination > div.first{margin-right:12px;}
    .pagination > div.end{margin-left:12px;}
    .pagination ul{margin:0 12px;}
    .pagination ul li{width:32px;height: 36px;}
    .pagination ul li.on::before{width: 30px;height: 34px;}
    .pagination ul li a,
    .pagination ul li a span{line-height: 36px;font-size:12px;}      
  }
  
  /* 체크박스 */
  .chkBox input[type="checkbox"] + label {padding:24px 20px;padding-left: 56px;font-size:16px;line-height: 26px;font-weight: 600;}
  .chkBox input[type="checkbox"] + label:before {left: 20px;margin-top:-12px;width: 24px;height: 24px;}
  
  /* 라디오버튼 국가 */
  .radioBox.nation {display: flex;flex-wrap: wrap;gap: 8px;}
  .radioBox.nation label {border-radius:60px;padding: 6px 20px 6px 6px;height: 42px;}
  .radioBox.nation label .txt {font-size:16px;margin-left: 12px;line-height: 42px;}
  .radioBox.nation .flag {display: block;width: 30px;height: 30px;}
  .radioBox.nation .flag.kr {background-image: url(../img/ico_kr.png);}
  .radioBox.nation .flag.us {background-image: url(../img/ico_us.png);}
  .radioBox.nation .flag.cn {background-image: url(../img/ico_cn.png);}
  .radioBox.nation .flag.jp {background-image: url(../img/ico_jp.png);}
  .radioBox.nation input[type="radio"]:checked + label {box-shadow: none;}

  /* 약관동의 체크박스 + link 이동 */
  .clauseChkBox .btnLink{right:14px;margin-top:-12px;}
  .clauseChkBox .btnLink a{width: 24px;height: 24px;background-size: 12px 12px;}
  
  /* 타이틀 */  
  h4.tit{font-size: 28px;line-height: 42px;margin-bottom:40px;text-align: left;}
  
  /* dot 형태 리스트 */
  .dotList li{padding-left: 12px;font-size: 16px;line-height: 26px;}
  .dotList li::before{left:0;top:11px;width:4px;height:4px;}
  .dotList li + li{margin-top:8px;}

  /* popup */  
  .popup.alert{min-width:auto;text-align: center;width:calc(100% - 80px);}
  .popup.alert .popCon .txtCon{min-height:144px;padding:0 20px;}
  .popup.alert .popCon .txtCon p.tit{font-weight: 600;font-size:18px;line-height: 28px;}  
  .popup .popClose{font-size: 16px;line-height: 50px;height: 50px;}
  .popup .popClose.ico{top:25px;right:20px;width:16px;height:16px;}
  .popup.clause {width: 100%;padding:20px;overflow-y: auto;height:100%;border-radius: 0;padding-top:16.9vw;}
  .popup.clause .tit{font-size:24px;line-height: 36px;padding:0;padding-bottom: 20px;}
  .popup.clause .txtBox{overflow-y: auto;max-height:100%;padding:0;}
  .popup.clause .txtBox::-webkit-scrollbar{width:2px;}
  .popup.clause .txtBox::-webkit-scrollbar-thumb {border-radius: 2px;}
  .popup.clause .txtBox::-webkit-scrollbar-track {border-radius: 2px;}
  .popup.clause .txtBox .fTxt{font-size: 20px;line-height: 32px;margin-bottom: 24px;}
  .popup.clause .txtBox .numTit{font-size: 18px;line-height: 28px;margin-bottom:8px;}
  .popup.clause .txtBox .subTxt{font-size: 18px;line-height: 28px;color:#555;}
  .popup.clause .txtBox .txt{font-size:16px;line-height: 26px;}
  .popup.clause .txtBox .subTxt + .txt{margin-top:8px;}
  .popup.clause .txtBox .txt + .numTit,
  .popup.clause .txtBox .subTxt + .numTit,
  .popup.clause .txtBox .txt + .fTxt,
  .popup.clause .txtBox .subTxt + .fTxt{margin-top:32px;}

  .titH3{font-size: 24px;line-height: 38px;}
  .titH4{font-size: 20px;line-height: 1.6;}
  .fsMd{font-size: 16px;line-height: 26px;}
  .titXl{font-size: 28px;line-height: 42px;}
  .fsLg{font-size: 16px;line-height: 26px;}
  .titSm{font-size: 22px;line-height: 36px;}
  .fsSm{font-size: 16px;line-height: 26px;}

  /* 서브페이지 visual 영역 공통 */
  .visualTopBox{margin-top:40px;}
  .visualTopBox .txtBox{padding:60px 20px;}
  .visualTopBox .txtBox .tit{font-size: 28px;line-height:42px;margin-bottom: 4px;}
  .visualTopBox .txtBox .txt{font-size: 16px;line-height: 26px;}
  
  /* 서브페이지 visual 영역 카드 형태 공통 */
  .visualcardList{flex-direction:column;gap:20px;margin:0;width:100%;margin-top:-84px;padding:0 20px;}
  .visualcardList li{box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);width: 100%;padding:30px 42px 30px 108px;position: relative;}
  .visualcardList.card02{flex-direction:column;gap:20px;margin:0;width:100%;margin-top:-84px;padding:0 20px;}
  .visualcardList.card02 li{width: 100%;}
  .visualcardList li .ico{position: absolute;left: 30px;top:50%;margin-top:-26px;width: 52px;height: 52px;background-size: 52px 52px;margin-bottom: 0;}
  .visualcardList li .num{font-size: 20px;line-height: 32px;margin-bottom: 4px;}
  .visualcardList li .txt{font-size: 16px;line-height: 26px;}
  .visualcardList + .csBox01{margin-top:100px;}

  /* 팝업 - slide */
  .popupSlide .popCon .swiperCon .swiper-slide img{width: 100%;height: auto;}
  .popupSlide .popCon{margin:0 auto;position: relative;max-width:100%;height: 100%;padding:0 72px;}
  .popupSlide .popCon.horizontal{margin:0 auto;position: relative;max-width:100%;height: 100%;padding:0;}
  .popupSlide .btnPopClose a{top: 26px;right: 26px;width: 35px;height: 32px;}
  
  /* 팝업 - swiper */
  .popupSlide .swiper-button-prev,
  .popupSlide .swiper-rtl .swiper-button-next{left: -52px;background:url(../img/ico_slide_allow_left_m.png)no-repeat center center;background-size: 100% auto;}
  .popupSlide .swiper-button-next,
  .popupSlide .swiper-rtl .swiper-button-prev{right: -52px;background:url(../img/ico_slide_allow_right_m.png)no-repeat center center;background-size: 100% auto;}
  .popupSlide .swiper-button-next,
  .popupSlide .swiper-button-prev{width: 36px;height: 36px;margin-top:-18px;}
  .popupSlide .popCon.horizontal .swiper-button-prev,
  .popupSlide .popCon.horizontal .swiper-rtl .swiper-button-next{left:19px;}
  .popupSlide .popCon.horizontal .swiper-button-next,
  .popupSlide .popCon.horizontal .swiper-rtl .swiper-button-prev{right:19px;}

  /* 탭 */
  .tabBtnBox{justify-content: flex-start;width: 100%;display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;
    &::-webkit-scrollbar {display: none;}
  }
  .tabBtnBox li{white-space: nowrap;flex-shrink: 0;}
  .tabBtnBox.scr li:first-child{padding-left: 20px;}
  .tabBtnBox.scr li:last-child{padding-right: 20px;}
  .tabBtnBox li + li{margin-left:8px;}
  .tabBtnBox li a{padding:8px 16px;border-radius:60px;font-size: 16px;line-height: 26px;}

  /* 더 보기 버튼 */
  .btnMore{display: block;margin-top:40px;}
  .btnMore a{padding:0;justify-content: center;}
  .btnMore p{padding-left: 36px;font-size: 16px;line-height: 52px;background-size: 24px 24px;}
  .btnMore div{padding-left: 12px;font-size: 16px;line-height: 52px;}



  /********************* 메인 *********************/
  .mainCon .intro .introImgs .img01,
  .mainCon .intro .introImgs .img02,
  .mainCon .intro .introImgs .img03,
  .mainCon .intro .introImgs .img04{object-fit: cover;} 
  .mainCon .intro.start .introImgs .img04{object-fit: cover;height: 100%;}
  .mainCon .sec01 .txtBox{text-align: center;}
  .mainCon .sec01 .txtBox .tit{font-size: 50px;line-height: 64px;margin-bottom: 10px;}
  .mainCon .sec01 .txtBox .txt{font-size: 20px;line-height: 1.6;font-weight: 600;}
  .mainCon .sec02 .txtBox{padding:0 20px;}
  .mainCon .sec02 .txtBox .tit{font-size: 26px;line-height: 38px;margin-bottom: 12px;}
  .mainCon .sec02 .txtBox .txt{font-size: 16px;line-height: 26px;}
  @media screen and (min-width: 300px) and (max-width:389px) {
    .mainCon .sec02 .txtBox .tit{font-size: 24px;line-height: 32px;margin-bottom: 12px;}
    .mainCon .sec02 .txtBox .txt{font-size: 14px;line-height: 20px;}
  }
  .mainCon .sec03 .txtBox .tit{font-size: 28px;line-height: 42px;}
  .mainCon .sec04 {background: linear-gradient(91.08deg, #5490FF 1.56%, #8469FF 97.98%);padding:60px 20px;}
  .mainCon .sec04 ul{gap: 0;}
  .mainCon .sec04 ul li{width: calc(100% - 108px);}
  .mainCon .sec04 .swiper-slide a .cardDim {display: none;;}
  .mainCon .sec04 .swiper-slide a:hover .cardDim{opacity: 1;}
  .mainCon .sec04 ul li .tit{font-size: 32px;line-height: 50px;top:10px;left:20px;}
  .mainCon .sec04 ul li a:hover .tit{color:#fff;}
  .mainCon .sec04 ul li .txtBox{position: absolute;width: 100%;padding:0 20px;top:60px;opacity: 1;}
  .mainCon .sec04 ul li a:hover .txtBox{left: 0;top:60px;opacity: 1;}
  .mainCon .sec04 ul li .txtBox.left{left: 0;}
  .mainCon .sec04 ul li .txtBox .subTit{font-size: 18px;line-height: 28px;margin-bottom:0;font-weight: 600;color:#fff !important}
  .mainCon .sec04 ul li .txtBox .txt{display: none;font-size: max(var(--rt22), var(--px22));line-height: max(var(--rt36), var(--px36));}
  .mainCon .sec04 ul li a::before{bottom:20px;width: 64px;height: 64px;right:20px;}
  .mainCon .sec04 ul li:nth-child(1) a::before{background:#fff url(../img/main/ico_sec04_01.svg)no-repeat center center;background-size: 36px 36px;}
  .mainCon .sec04 ul li:nth-child(2) a::before{background:#fff url(../img/main/ico_sec04_02.svg)no-repeat center center;background-size: 36px 36px;}
  .mainCon .sec04 ul li:nth-child(3) a::before{background:#fff url(../img/main/ico_sec04_03.svg)no-repeat center center;background-size: 36px 36px;}
  .mainCon .sec04 ul li:nth-child(1) a:hover::before{background:#fff url(../img/main/ico_sec04_01.svg)no-repeat center center;background-size: 36px 36px;}
  .mainCon .sec04 ul li:nth-child(2) a:hover::before{background:#fff url(../img/main/ico_sec04_02.svg)no-repeat center center;background-size: 36px 36px;}
  .mainCon .sec04 ul li:nth-child(3) a:hover::before{background:#fff url(../img/main/ico_sec04_03.svg)no-repeat center center;background-size: 36px 36px;}
  .mainCon .sec05 {padding:200px 0 0;}
  .mainCon .sec05 > .tit{font-size: 36px;line-height: 52px;}
  @media screen and (min-width: 300px) and (max-width:389px) {
    .mainCon .sec05 > .tit{font-size: 32px;line-height: 48px;}
  }
  .mainCon .sec05 .imgCoverList{flex-direction:column;margin-top:200px;}
  .mainCon .sec05 .imgCoverList .listItem{width:100%; position: relative;}
  .mainCon .sec05 .imgCoverList .listItem .inner{position: relative; width:100%; height:0; padding-top:59%; z-index:1;}
  .mainCon .sec05 .imgCoverList .listItem .inner .line{position: absolute; content:''; width:100%; height:4px; background:#fff; left:0; top:0;}
  .mainCon .sec05 .imgCoverList .listItem:nth-child(1) .inner .line{display: none;}
  .mainCon .sec05 .imgCoverList .listItem .inner .txtBox{bottom:auto;top:0; left:0; width:100%; height:100%; display: flex; flex-direction:column; justify-content:flex-start; padding:20px; box-sizing:border-box;color:#fff;padding-right: 20px;}
  .mainCon .sec05 .imgCoverList .listItem .inner .txtBox .tit{font-size:32px; line-height:50px;margin-bottom: 1px;}
  .mainCon .sec05 .imgCoverList .listItem .inner .txtBox .subTit{font-size:18px;line-height: 28px;font-weight: 600;}
  .mainCon .sec05 .imgCoverList .listItem .inner .txtBox .txt{position: relative;font-size:16px;line-height:26px;opacity: 1;transition: opacity 0.4s, min-height 0.4s, transform 0.3s, margin-top 0.3s;height: auto;min-height: 0;overflow: hidden;transform:translateY(0);margin-top:20px;}
  .mainCon .sec05 .imgCoverList .listItem:hover .inner .txtBox .txt{opacity: 1;min-height: none;height: auto;margin-top:20px;}
  .mainCon .sec05 .imgCoverList .listItem.list02 .inner:before{content:none;}
  .mainCon .sec05 .imgCoverList .listItem.list03 .inner:before{content:none;}
  .mainCon .sec05 .imgCoverList .listItem.list04 .inner:before{content:none;}
  .mainCon .sec05 .imgCoverList .listItem .bg{position: absolute; width:100%; height:100%; top:0; left:0; background-repeat:no-repeat !important; background-size:cover !important; transition:opacity 0.4s;}
  .mainCon .sec05 .imgCoverList .listItem:nth-child(1) .bg{background-image:url(../img/main/bg_sec05_01_m.png); background-position: 0% center;}
  .mainCon .sec05 .imgCoverList .listItem:nth-child(2) .bg{background-image:url(../img/main/bg_sec05_02_m.png); background-position: 33.33% center;}
  .mainCon .sec05 .imgCoverList .listItem:nth-child(3) .bg{background-image:url(../img/main/bg_sec05_03_m.png); background-position: 66.66% center;}
  .mainCon .sec05 .imgCoverList .listItem:nth-child(4) .bg{background-image:url(../img/main/bg_sec05_04_m.png); background-position: 100% center;}
  .mainCon .sec05 .csBox01.on{background:#fff;}
  .mainCon .sec05 .imgHoverBg{position: absolute; top:0; left:0; width:100%; height:100%;overflow:hidden;}
  .mainCon .sec05 .imgHoverBg .listItem{position: absolute; width:100%; height:100%; top:0; left:0; background:no-repeat; background-size:cover; transition:opacity 0.4s; opacity:0;}
  .mainCon .sec05 .imgHoverBg .listItem:nth-child(1) {background-image:url(../img/main/bg_sec05_01_m.png); background-position: 0% center;}
  .mainCon .sec05 .imgHoverBg .listItem:nth-child(2) {background-image:url(../img/main/bg_sec05_02_m.png); background-position: 33.33% center;}
  .mainCon .sec05 .imgHoverBg .listItem:nth-child(3) {background-image:url(../img/main/bg_sec05_03_m.png); background-position: 66.66% center;}
  .mainCon .sec05 .imgHoverBg .listItem:nth-child(4) {background-image:url(../img/main/bg_sec05_04_m.png); background-position: 100% center;}


  /********************* 회사소개 *********************/
  /* 회사소개 > 회사개요 */
  .companyCon .overview .csBox01{display: flex;flex-direction: column;}
  .companyCon .overview .csBox01 .imgBox{width: 100%;margin-bottom: 32px;}
  .companyCon .overview .csBox01 .txtBox{padding-left:0;width: 100%;}
  .companyCon .overview .csBox01 .txtBox .titH4 + .fsMd{margin-top:20px;}
  .companyCon .overview .csBox01 .txtBox .fsMd + .fsMd{margin-top:12px;}
  .companyCon .overview .signBox{margin-top:3px;}
  .companyCon .overview .signBox .imgBox{width: 188px;}
  .companyCon .overview .signBox .fsMd{margin-top:-15px;margin-right: 12px;}
  .companyCon .overview .group + .group{margin-top:60px;}
  .companyCon .overview .titH3{text-align: left;}
  .companyCon .overview .csBox02 ul{flex-direction: column;margin:0;}
  .companyCon .overview .csBox02 ul li{width: 100%;margin:20px 0 0 0;padding:30px 10px;}
  .companyCon .overview .csBox02 dl{padding-top:60px;}
  .companyCon .overview .csBox02 dl::before{width: 52px;height: 52px;margin-left: -26px;}
  .companyCon .overview .csBox02 li:nth-child(1) dl::before,
  .companyCon .overview .csBox02 li:nth-child(2) dl::before,
  .companyCon .overview .csBox02 li:nth-child(3) dl::before,
  .companyCon .overview .csBox02 li:nth-child(4) dl::before,
  .companyCon .overview .csBox02 li:nth-child(5) dl::before,
  .companyCon .overview .csBox02 li:nth-child(6) dl::before{background-size: 52px auto;}  
  .companyCon .overview .csBox02 dl dt{font-size: 16px;line-height: 26px;margin-bottom: 0;}
  .companyCon .overview .csBox02 dl dd{font-size:20px;line-height: 1.6;}

  /* 회사소개 > 회사 연혁 */
  .companyCon .history section{padding:0 20px 130px}
  .companyCon .history section h4.tit{margin-bottom: 30px;}
  .companyCon .historyBar{height:68px;width: calc(100% + 40px);margin-left: -20px;padding:0 12px;}
  body[data-scroll=down] .companyCon .historyBar.fixed{transition-duration: 0.2s;top: 0}
  body[data-scroll=up] .companyCon .historyBar.fixed{transition-delay: 0.1s;top:68px;}
  .companyCon .historyBar ul{display: flex;}
  .companyCon .historyBar ul li{padding:0 14px;}
  .companyCon .historyBar ul li:first-child{padding-left: 6px;}
  .companyCon .historyBar ul li:last-child{padding-right: 6px;}
  .companyCon .historyBar ul li a{font-size: 16px;height:68px;line-height:68px;}
  .companyCon .historyBar ul li.on a::before{height:2px;}
  .companyCon .histroyCon{padding-top:60px;padding-bottom:0;}
  .companyCon .histroyCon.pdFixed{padding-top:128px;}
  .companyCon .histroyCon .scrBox{display: flex;margin:0;}
  .companyCon .histroyCon .scrBox .imgBoxL{display: none;}
  body[data-scroll=down] .companyCon .histroyCon .scrBox .imgBoxL.fixed{position:fixed;top:max(calc(210px * var(--base-ratio)), calc(calc(210 / var(--base-size)) * var(--base-percent)));}
  body[data-scroll=up] .companyCon .histroyCon .scrBox .imgBoxL.fixed{position:fixed;top:max(calc(320px * var(--base-ratio)), calc(calc(320 / var(--base-size)) * var(--base-percent)));}
  .companyCon .histroyCon .txtBox{padding-left:0;width:100%;}
  .companyCon .histroyCon.pdFixed .txtBox{padding-left:0;width:100%;}
  .companyCon .histroyCon ul p.year{font-size:40px;}
  .companyCon .histroyCon ul .dotList{margin-top:12px;padding-top:16px;}
  .companyCon .histroyCon .yearList > li + li{padding-top:40px;}
  .companyCon .yearBox + .yearBox{padding-top:40px;}
  .companyCon .imgBox + .yearList{padding-top:40px;}

  /* 회사소개 > 비전 및 핵심가치 */ 
  .companyCon .vision .group{overflow: visible;}
  .companyCon .vision h4.tit{margin-left: 20px;margin-right: 20px;}
  .companyCon .vision .txtBox .txtLine{font-size:40px;padding-bottom:4px;}
  .companyCon .vision .txtBox .txtLine::before{content:'';position: absolute;left:0;bottom:0;width: 100%;height: 2px;background: #222;}
  .companyCon .vision .txtBox .txtLine + p{font-size:20px;line-height: 1.6;margin-top:6px;}
  .companyCon .vision .csBox01{margin-top:-58px;}
  .companyCon .vision .csBox01 .imgBox.left{width: calc(100% - 85px);margin-left:54px;margin-right: 31px;}
  .companyCon .vision .csBox01 .imgBox.right{width:44%;margin-top: -45px;margin-right:0;}
  .companyCon .vision .csBox01 .txtBox{margin-top: 30px;margin-left: 54px;}
  .companyCon .vision .csBox01 .txtBox p{font-size: 22px;line-height:36px;}
  .companyCon .vision .bgTxt{position: absolute;top:-76px;font-size: 110px;padding-top:0;right:-12px;}
  .companyCon .vision .csBox02{margin-left:40px;margin-top:136px;margin-right:50px;flex-direction: column;align-items: flex-start;}
  .companyCon .vision .csBox02 .imgBox{width:100%;}
  .companyCon .vision .csBox02 .txtBox{padding-left:0;margin-top:20px;}
  .companyCon .vision .group.bgGary::before{height:52%;bottom:238px;}
  .companyCon .vision .csBox03{margin-left: auto;margin-top:60px;margin-right: 40px;margin-left:auto;flex-direction: column-reverse;width:calc(100% - 196px);align-items: center;}
  .companyCon .vision .csBox03 .imgBox{width: 100%;}
  .companyCon .vision .csBox03 .txtBox{margin-right: 0;margin-top:20px;}
  .companyCon .vision .csBox04{flex-direction:column;margin-left: 40px;margin-top:60px;margin-right: 74px;width: calc(100% - 114px);}
  .companyCon .vision .csBox04 .imgBox{width: 100%;}
  .companyCon .vision .csBox04 .txtBox{margin-left: 0;margin-top:20px;}
  .companyCon .vision .csBox05 {flex-direction:column;margin-top:60px;}
  .companyCon .vision .csBox05 > div{position: relative;width: 100%;}
  .companyCon .vision .csBox05 .txtBox{position: absolute;top:60px;left:0;width:calc(100% - 32px);margin:0 16px 0 16px;}
  .companyCon .vision .csBox05 .txtBox .tit{font-size:24px;line-height:38px;margin-bottom:20px;}
  .companyCon .vision .csBox05 .txtBox .txt{font-size:16px;line-height: 26px;}
  @media screen and (max-width:389px) {
    .companyCon .vision h4.tit{font-size: 24px;line-height: 38px;}
    .companyCon .vision .csBox03{margin-right:30px;width:calc(100% - 126px);}
    .companyCon .vision .csBox04{width: calc(100% - 84px);}
    .companyCon .vision .csBox05 .txtBox .tit{font-size:22px;line-height:32px;}
    .companyCon .vision .csBox05 .txtBox .txt{font-size:14px;line-height: 20px;}
  }

  /* 회사소개 > 지식 재산 */  
  .companyCon .expertise .titBox h4.tit{padding:0 20px;word-break:keep-all;}
  .companyCon .expertise .bgGary{padding:60px 20px;}
  .companyCon .expertise .bgGary .titXl + .fsLg{margin-top:8px;}
  .companyCon .expertise .csBox01 ul{margin:0;flex-direction: column;margin-top:48px;}
  .companyCon .expertise .csBox01 ul li{margin:0;padding:20px 20px 30px;align-items: flex-start;width:100%;flex-direction: column;}
  .companyCon .expertise .csBox01 ul li + li{margin-top:20px;}
  .companyCon .expertise .csBox01 .imgBox{width:100%;}
  .companyCon .expertise .csBox01 .txtBox{width:100%;padding-left:10px;margin-top:21px;}
  .companyCon .expertise .csBox01 .txtBox .txt{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));}
  .companyCon .expertise .csBox02{padding:60px 20px;}
  .companyCon .expertise .csBox02 .titBar{margin-bottom: 40px;flex-direction: column;}
  .companyCon .expertise .csBox02 .titH3{margin-bottom: 24px;}
  .companyCon .expertise .csBox02 .cardList ul{display: flex;flex-wrap: wrap;margin:0;flex-direction: column;width: 100%;}
  .companyCon .expertise .csBox02 .cardList ul li{margin:0;width:100%;margin-top:40px;}
  .companyCon .expertise .csBox02 .cardList ul li:nth-child(1),
  .companyCon .expertise .csBox02 .cardList ul li:nth-child(2),
  .companyCon .expertise .csBox02 .cardList ul li:nth-child(3),
  .companyCon .expertise .csBox02 .cardList ul li:nth-child(4){margin-top:40px;}
  .companyCon .expertise .csBox02 .cardList ul li:nth-child(1){margin-top:0;}
  .companyCon .expertise .csBox02 .cardList ul li .imgBox{padding:50px 78px;width:100%;overflow: hidden;position: relative;}
  .companyCon .expertise .csBox02 .cardList ul li .titSm{margin-top:20px;}
  .companyCon .expertise .csBox02 .cardList ul li a .imgBox::after{width:48px;height:48px;} 
  .companyCon .expertise .csBox02 .cardList ul li .titSm{font-size: 20px;line-height: 32px;}

  /* 회사소개 > 기업부설 연구소 */  
  .companyCon .rdCenter .titBox h4.tit{padding:0 20px;word-break: keep-all;}
  .companyCon .rdCenter .tabBtnBox{margin-bottom: 40px;justify-content: flex-start;padding:0 20px;}
  .companyCon .rdCenter .tabConBox #tab01 .bgGray{padding:60px 20px 130px;}
  .companyCon .rdCenter  #tab01 .cardList ul{flex-direction: column;width: 100%;margin-left:0;}
  .companyCon .rdCenter #tab01 .cardList li{padding:30px 30px 32px;margin:0;min-height:auto;width:100%;}
  .companyCon .rdCenter #tab01 .cardList li + li{margin-top:20px;}
  .companyCon .rdCenter #tab01 .cardList li .date{font-size:16px;line-height: 26px;margin-bottom:10px;}
  .companyCon .rdCenter #tab01 .cardList li .tit{font-size: 22px;line-height: 36px;font-weight: 600;margin-bottom: 0;}
  .companyCon .rdCenter #tab01 .cardList li .txt{font-size: 16px;line-height: 26px;}
  .companyCon .rdCenter #tab01 .cardList li .labelBox{margin-top:20px;}
  .companyCon .rdCenter #tab01 .cardList li .labelBox .label{font-size:14px;line-height:28px;height: 28px;padding:0 6px;}
  .companyCon .rdCenter #tab01 .cardList li .labelBox p{font-size: 14px;line-height: 24px;margin-left: 12px;}
  .companyCon .rdCenter .conBox {margin-top: 0;margin-top:-51.64vw !important;}
  .companyCon .rdCenter .csBox02 .diagramBox{background: linear-gradient(180deg, rgba(64, 129, 250, 0) 0%, #4081FA 15.63%);padding:0 20px;padding-top:73.33vw;padding-bottom: 60px;}
  .companyCon .rdCenter .csBox03,
  .companyCon .rdCenter .csBox04,
  .companyCon .rdCenter .csBox05{padding:60px 20px 0;}
  .companyCon .rdCenter .conBox .tit{font-size: 28px;line-height:42px;margin-bottom:30px}
  .companyCon .rdCenter .csBox03 ul{flex-direction: column;}
  .companyCon .rdCenter .csBox03 ul li{width:100%;}
  .companyCon .rdCenter .csBox03 ul li + li{margin-left: 0;margin-top:32px;}
  .companyCon .rdCenter .csBox03 .imgTit{margin-top: 12px;font-size:20px;line-height: 1.6;font-weight: 600;}
  .companyCon .rdCenter .csBox04 ul{flex-direction: column;position: relative;}
  .companyCon .rdCenter .csBox04 ul::before{content:'';position: absolute;bottom:-40px;width: 136px;height: 24px;left:50%;margin-left: -68px;background: url(../img/ico_allow_down_multi.svg)no-repeat 0 0;background-size: 100% auto;}
  .companyCon .rdCenter .csBox04 ul li{width: 100%;padding:30px 0;}
  .companyCon .rdCenter .csBox04 ul li::before{content: none;}
  .companyCon .rdCenter .csBox04 ul li + li{margin-left: 0;margin-top:16px;}
  .companyCon .rdCenter .csBox04 ul li .num{width: 26px;height: 26px;font-size: 16px;line-height: 26px;margin-bottom:8px;}
  .companyCon .rdCenter .csBox04 ul li .txt{font-size: 16px;line-height:26px;}
  .companyCon .rdCenter .csBox04 .resultBox{margin-top:56px;flex-direction: column;}
  .companyCon .rdCenter .csBox04 .resultBox .txtBox{width:100%;font-size: 18px;line-height: 28px;font-weight: 600;padding:30px 0;}
  .companyCon .rdCenter .csBox04 .resultBox .imgBox{width: 100%;}
  .companyCon .rdCenter .csBox05{padding-bottom: 130px;}
  .companyCon .rdCenter .csBox05 .bgTxt{background: linear-gradient(91.08deg, #5490FF 1.56%, #8469FF 97.98%);padding:18px 12px 16px;font-size: 18px;line-height: 28px;margin-bottom: 16px;}
  .companyCon .rdCenter .csBox05 .subTxt{font-size: 16px;line-height: 26px;margin-bottom: 24px;}
  .companyCon .rdCenter .csBox05 ul{flex-direction: column;position: relative;}
  .companyCon .rdCenter .csBox05 ul::before{content:'';position: absolute;bottom:-40px;width: 136px;height: 24px;left:50%;margin-left: -68px;background: url(../img/ico_allow_down_multi.svg)no-repeat 0 0;background-size: 100% auto;}
  .companyCon .rdCenter .csBox05 ul li{width: 100%;padding:30px 12px;}
  .companyCon .rdCenter .csBox05 ul li::before{content: none;}
  .companyCon .rdCenter .csBox05 ul li + li{margin-left: 0;margin-top:16px;}
  .companyCon .rdCenter .csBox05 ul li .num{width: 26px;height: 26px;font-size: 16px;line-height: 26px;margin-bottom:8px;}
  .companyCon .rdCenter .csBox05 ul li .txt{font-size: 16px;line-height:26px;}  
  .companyCon .rdCenter .csBox05 .resultBox{margin-top:56px;}
  .companyCon .rdCenter .csBox05 .resultBox .imgBox{margin-bottom:30px;}
  .companyCon .rdCenter .csBox05 .resultBox .txt{font-size: 18px;line-height: 28px;font-weight: 600;}
  


  /********************* 사업소개 *********************/
  /* 사업소개 > 사업 개요 */
  .businessCon .overview .titBox h4.tit{padding:0 20px;word-break: keep-all;}
  .businessCon .overview .visualBox .txtBox{font-size: 40px;line-height: 54px;transform:translateY(0);font-weight: 700;text-align: center;}
  @media screen and (max-width:389px) {
    .businessCon .overview .visualBox .txtBox{font-size: 36px;line-height: 54px;}
  }
  .businessCon .overview .csBox01{background:#F8F8F8;align-items: flex-start;padding:60px 20px 204px;flex-direction: column;}
  .businessCon .overview .csBox01 .imgBox{width:218px;margin:0 auto;margin-bottom: 30px;}
  .businessCon .overview .csBox01 .txtBox{margin-left:0;}
  .businessCon .overview .csBox01 .tit{font-size: 20px;line-height: 32px;margin-bottom:8px;}
  .businessCon .overview .csBox01 .txt{font-size: 16px;line-height: 26px;}
  .businessCon .overview .csBox02{justify-content: flex-start;align-items: flex-end;flex-direction: column;margin-top:-144px;padding:0 20px;margin-bottom: 40px;}
  .businessCon .overview .csBox02 .imgBox{width:242px;margin-bottom: 40px;}
  .businessCon .overview .csBox02 .txtBox{margin-right: 0;}
  .businessCon .overview .csBox02 .tit{font-size: 28px;line-height: 42px;margin-bottom:12px;}
  .businessCon .overview .csBox02 .txt{font-size: 16px;line-height: 26px;}
  .businessCon .overview .csBox03{align-items: flex-start;padding:0 20px;flex-direction: column;padding-bottom: 130px;}
  .businessCon .overview .csBox03 .imgBox{width:286px;flex-shrink: 0;margin-bottom: 40px;}
  .businessCon .overview .csBox03 .txtBox{margin-left:0;}
  .businessCon .overview .csBox03 .tit{font-size: 28px;line-height: 42px;font-weight: 700;margin-bottom:12px;}
  .businessCon .overview .csBox03 .txt{font-size: 16px;line-height: 26px;}

  /* 사업소개 > 수처리 분야 */
  .businessCon .water {padding-bottom:130px;}
  .businessCon .water .titBox h4.tit{padding:0 20px;word-break: keep-all;}
  .businessCon .water .gTit{font-size: 26px;line-height: 38px;font-weight: 700;margin-bottom: 20px;padding:0 20px;}
  .businessCon .water .csBox01{padding:0;}
  .businessCon .water .csBox01 .imgBox{width: 100%;overflow-x: auto;}
  .businessCon .water .csBox01 .imgBox > div{width: 268.7vw;padding:0 20px;}

  /* 사업소개 > 대기 분야 */
  .businessCon .air .titBox h4.tit{padding:0 20px;word-break: keep-all;}
  .businessCon .air .csBox01{padding:0 20px 60px;}
  .businessCon .air .csBox01 > .tit{font-size: 26px;line-height: 38px;margin-bottom: 24px;}
  .businessCon .air .csBox01 .tblWrap .tblBox{width: calc(100% + 20px);margin-left: 0;padding-right: 20px;overflow-x: scroll;}
  .businessCon .air .csBox01 .tblWrap .tblBox table{width:274.6vw;position: relative;}
  .businessCon .air .csBox01 .tblWrap .tblBox table .mo{display: table-column-group !important;}
  .businessCon .air .csBox01 .tblWrap tbody th.fixedTh{padding:12px 20px;font-size: 15px;line-height: 26px;position: -webkit-sticky; position: sticky; left: 0;}
  .businessCon .air .csBox01 .tblWrap tbody td{padding:12px 20px;font-size: 15px;line-height: 26px;}
  .businessCon .air .csBox01 .tblWrap tbody td .tit{margin-top:10px;}
  .businessCon .air .csBox01 .tblWrap tbody td.noPd{padding:12px 0;}
  .businessCon .air .csBox01 .tblWrap tbody td ul li{padding:12px 0;}
  .businessCon .air .csBox01 .tblWrap tbody td li.pdT{padding-top:24px;}
  .businessCon .air .csBox01 .tblWrap tbody td li.pdB{padding-bottom:24px;}
  .businessCon .air .csBox02{padding:60px 20px 130px}
  .businessCon .air .csBox02 > .tit{font-size: 26px;line-height: 38px;margin-bottom: 24px;}
  .businessCon .air .csBox02 .top{display: flex;gap:16px;margin-bottom: 16px;}
  .businessCon .air .csBox02 .top li .tit{font-size: 18px;line-height: 44px;font-weight: 600;height:44px;margin-bottom: 12px;}
  .businessCon .air .csBox02 .top li .imgBox{width:134px;margin:0 auto;margin-bottom: 0;}
  .businessCon .air .csBox02 .top li .txt{display: none;}
  .businessCon .air .csBox02 .top li + li::before {left: -24px;top: 80px;font-weight: 600;font-size: 24px;}
  .businessCon .air .csBox02 .bottom{padding:10px 0;}
  .businessCon .air .csBox02 .bottom li{display: flex;width:100%;position: relative;padding:20px 0;}
  .businessCon .air .csBox02 .bottom li + li::before{left:30px;width: calc(100% - 60px);background-size:6px 4px;}
  .businessCon .air .csBox02 .bottom li > p{font-size: 18px;line-height: 28px;}
  .businessCon .air .csBox02 .bottom li > p:first-child:after{right:-44px;width: 88px;height: 36px;font-size: 15px;line-height: 36px;border-radius: 500px;;margin-top:-18px;}

  /* 사업소개 > 소재 분야 */
  .businessCon .materials .titBox h4.tit{padding:0 20px;word-break: break-word;}
  .businessCon .materials .csBox01{padding:60px 20px;}
  .businessCon .materials .csBox01 .tit{font-size: 28px;line-height: 42px;margin-bottom:12px;}
  .businessCon .materials .csBox01 .txt{font-size: 16px;line-height: 26px;margin-bottom: 20px;}
  .businessCon .materials .csBox02{padding:60px 20px;}
  .businessCon .materials .csBox02 .tit{font-size: 26px;line-height: 38px;margin-bottom: 30px;}
  .businessCon .materials .csBox02 .bgTxt {padding: 14px 16px;font-size: 18px;line-height:29px;font-weight: 600;margin-bottom: 30px;}
  .businessCon .materials .csBox02 .flexBox{flex-direction: column;}
  .businessCon .materials .csBox02 .flexBox .dotList{margin-right: 0;margin-left: 0;margin-bottom: 30px;}
  .businessCon .materials .csBox02 .flexBox .dotList li{font-size: 16px;line-height: 26px;padding-left: 12px;}
  .businessCon .materials .csBox02 .flexBox .dotList li + li{margin-top:8px;}
  .businessCon .materials .csBox02 .flexBox .dotList li::before{top:11px;width: 4px;height: 4px;}
  .businessCon .materials .csBox02 .flexBox .imgBox{width: 100%;flex-shrink: 0;}
  .businessCon .materials .csBox03{padding:60px 20px;}
  .businessCon .materials .csBox03 > .tit{font-size: 26px;line-height: 38px;margin-bottom: 30px;}
  .businessCon .materials .csBox03 ul{gap:40px;flex-direction: column;}
  .businessCon .materials .csBox03 ul li{width: 100%;}
  .businessCon .materials .csBox03 ul li > div{width: 194px;height: 194px;padding-top: 0;display: flex;align-items: center;flex-direction: column;justify-content: center;}
  .businessCon .materials .csBox03 ul li + li div::before{content:none;}
  .businessCon .materials .csBox03 ul li .ico{width: 52px;height: 52px;background-size: 52px auto;margin:0 auto;margin-bottom: 10px;}
  .businessCon .materials .csBox03 ul li .num{font-size: 18px;line-height: 24px;}
  .businessCon .materials .csBox03 ul li .tit{font-size: 18px;line-height: 28px;margin-top:16px;}
  .businessCon .materials .csBox04{padding:60px 0 0;flex-direction: column;align-items: flex-start;}
  .businessCon .materials .csBox04 .tit{font-size: 26px;line-height: 38px;padding:0 20px;}
  .businessCon .materials .csBox04 .imgBox{width: 100%;padding-top:48px;}
  .businessCon .materials .csBox05{padding:60px 20px;}
  .businessCon .materials .csBox05 .tit{font-size: 26px;line-height: 38px;margin-bottom: 30px;}
  .businessCon .materials .csBox05 ul{flex-direction:column;gap: 32px;padding:0 36px;}

  /* 사업소개 > 환경설비 운영 사업분야 */
  .businessCon .environment .titBox h4.tit{padding:0 20px;word-break: keep-all;}
  .businessCon .environment .csBox01{padding:60px 20px 130px;}
  .businessCon .environment .csBox01 > .tit{font-size: 28px;line-height: 42px;font-weight: 600;margin-bottom: 12px;}
  .businessCon .environment .csBox01 > .txt{font-size: 16px;line-height: 26px;margin-bottom: 30px;}
  .businessCon .environment .csBox01 > .bgTxt {padding: 15px;font-size: 20px;line-height: 1.6;font-weight: 600;margin-bottom: 30px;}
  .businessCon .environment .csBox01 ul{gap:8px;flex-direction: column;}
  .businessCon .environment .csBox01 ul li{width: 100%;}
  .businessCon .environment .csBox01 ul li .tit{font-size: 24px;line-height: 38px;}
  .businessCon .environment .csBox01 ul li + li::before{left:50%;top:-22px;margin-left:-22px;margin-top:0;width: 44px;height:44px;background:url(../img/ico_arrow_gd.svg)no-repeat 0 0;background-size: 44px auto;transform: rotate(90deg);}

  /* 사업소개 > 주요 실적 */
  .businessCon .performance .titBox h4.tit{padding:0 20px;word-break: keep-all;}
  .businessCon .performance .csBox01{padding-bottom: 130px;}
  .businessCon .performance .listBox{margin-top:40px;padding:0 20px;}
  .businessCon .performance .listBox li{padding:0;flex-direction:column;border-bottom:1px solid #E5E5E5;padding-bottom:30px;}
  .businessCon .performance .listBox li:first-child{padding-top:30px;}
  .businessCon .performance .listBox li + li{margin-top:30px;}
  .businessCon .performance .listBox .tit{width:100%;margin-bottom: 12px;}
  .businessCon .performance .listBox .tit span{font-size: 22px;line-height: 36px;font-weight: 600;}
  .businessCon .performance .listBox .txtBox{width: 100%;margin-bottom: 20px;}
  .businessCon .performance .listBox .txtBox dl{display: flex;}
  .businessCon .performance .listBox .txtBox dl + dl{margin-top:8px;}
  .businessCon .performance .listBox .txtBox dt{width: 110px;padding-left: 10px;font-size: 16px;line-height: 26px;}
  .businessCon .performance .listBox .txtBox dt::before{top:11px;width:4px;height:4px;}
  .businessCon .performance .listBox .txtBox dd{width: calc(100% - 110px);padding-left: 16px;font-size: 16px;line-height: 26px;}
  .businessCon .performance .listBox .imgBox{width:100%;}
  .businessCon .performance .listBox .imgBox .swiper-pagination{height: 36px;}
  .businessCon .performance .listBox .imgBox .swiper-pagination-bullet{width:16px;height: 4px;}

  /* 사업소개 > 주요 고객사 */
  .businessCon .client .titBox h4.tit{padding:0 20px;word-break: keep-all;}
  .businessCon .client .csBox01{padding: 60px 20px 130px;}
  .businessCon .client .csBox01 ul{display: flex;gap:16px;}
  .businessCon .client .csBox01 ul li{width:calc(50% - 10px);}
  .businessCon .client .csBox01 ul li:nth-child(odd) {animation-delay: calc(var(--index) * 0.2s);}
  .businessCon .client .csBox01 ul li:nth-child(even) {animation-delay: calc(var(--index) * 0.2s + 0.1s);}
  .businessCon .client .csBox01 ul li:nth-child(1) { --index: 0.2; }
  .businessCon .client .csBox01 ul li:nth-child(2) { --index: 0.4; }
  .businessCon .client .csBox01 ul li:nth-child(3) { --index: 0.6; }
  .businessCon .client .csBox01 ul li:nth-child(4) { --index: 0.8; }
  .businessCon .client .csBox01 ul li:nth-child(5) { --index: 1; }
  .businessCon .client .csBox01 ul li:nth-child(6) { --index: 1.2; }
  .businessCon .client .csBox01 ul li:nth-child(7) { --index: 1.4; }
  .businessCon .client .csBox01 ul li:nth-child(8) { --index: 1.6; }
  .businessCon .client .csBox01 ul li:nth-child(9) { --index: 1.8; }
  .businessCon .client .csBox01 ul li:nth-child(10) { --index: 2; }
  .businessCon .client .csBox01 ul li:nth-child(11) { --index: 2.2; }
  .businessCon .client .csBox01 ul li:nth-child(12) { --index: 2.2; }
  .businessCon .client .csBox01 ul li:nth-child(13) { --index: 2.4; }
  .businessCon .client .csBox01 ul li:nth-child(14) { --index: 2.6; }
  .businessCon .client .csBox01 ul li:nth-child(15) { --index: 2.8; }
  .businessCon .client .csBox01 ul li:nth-child(16) { --index: 3; }
  .businessCon .client .csBox01 ul li:nth-child(17) { --index: 3.2; }
  .businessCon .client .csBox01 ul li:nth-child(18) { --index: 3.4; }
  .businessCon .client .csBox01 ul li:nth-child(19) { --index: 3.6; }


  /********************* 제품소개 *********************/
  /* 제품소개 > 기술 개요 */
  .productCon .technology .titBox h4.tit{padding:0 20px;word-break: keep-all;}
  .productCon .technology .visualTopBox .imgDiagram{top: auto;bottom:76px;width: 100%;padding:0;}
  .productCon .technology .visualcardList + .csBox01{margin-top:54px;}
  .productCon .technology .csBox01{padding:0 20px;}
  .productCon .technology .csBox01 .tit{font-size: 26px;line-height: 38px;display: block;margin-bottom: 30px;}
  .productCon .technology .csBox01 .tblWrap thead th{padding:12px 0;font-size: 15px;line-height: 26px;}
  .productCon .technology .csBox01 .tblWrap tbody td{padding:15px 0 9px;font-size: 15px;line-height: 26px;}
  .productCon .technology .csBox01 p.txt{margin-top:10px;font-size: 15px;line-height: 26px;color:#555;}
  .productCon .technology .csBox02{padding:62px 20px 0;justify-content: flex-start;flex-direction: column;}
  .productCon .technology .csBox02 .left{padding-right: 0;}
  .productCon .technology .csBox02 .left .tit{font-size:26px;line-height: 38px;display: block;margin-bottom: 10px;}
  .productCon .technology .csBox02 .left .dotList li{padding-left: 10px;font-size: 16px;line-height: 26px;}
  .productCon .technology .csBox02 .left .dotList li + li{margin-top:8px;}
  .productCon .technology .csBox02 .left .dotList li::before{top:11px;}
  .productCon .technology .csBox02 .right{margin-right: 0;width: calc(100% + 40px);margin-left:-20px;padding:0;overflow-x: auto;margin-top:30px;}
  .productCon .technology .csBox02 .right .imgBox{width:215.38vw;}
  .productCon .technology .csBox03{padding:60px 20px 0;justify-content: flex-start;flex-direction: column;}
  .productCon .technology .csBox03 .left{width: 100%;padding-right:0;}
  .productCon .technology .csBox03 .left .tit{font-size:26px;line-height: 38px;margin-bottom: 12px;}
  .productCon .technology .csBox03 .left .txt{font-size: 16px;line-height: 26px;margin-bottom: 20px;}
  .productCon .technology .csBox03 .left .subTit{font-size: 22px;line-height: 36px;font-weight: 600;margin-top:20px;margin-bottom: 4px;}
  .productCon .technology .csBox03 .right{width:100%;}
  .productCon .technology .csBox04 .flexBox{padding:73px 20px 0;flex-direction: column;justify-content: flex-start;}
  .productCon .technology .csBox04 .left .tit{font-size: 26px;line-height: 38px;font-weight: 700;margin-bottom: 10px;}
  .productCon .technology .csBox04 .left .dotList li{padding-left: 10px;font-size: 16px;line-height: 26px;}
  .productCon .technology .csBox04 .left .dotList li + li{margin-top:8px;}
  .productCon .technology .csBox04 .left .dotList li::before{top:11px;}
  .productCon .technology .csBox04 .left .subList{display: flex;gap:11px;margin-top:20px;margin-bottom: 30px;}
  .productCon .technology .csBox04 .left .subList li{font-size: 16px;line-height: 26px;}
  @media screen and (max-width:389px) {
    .productCon .technology .csBox04 .left .subList li{font-size: 14px;line-height: 26px;}
  }
  .productCon .technology .csBox04 .left .subList li::before{width: 24px;height:24px;line-height: 24px;font-size: 16px;font-weight: 600;margin-right: 4px;}
  .productCon .technology .csBox04 .flexBox{justify-content: flex-start;flex-direction: column;}
  .productCon .technology .csBox04 .flexBox .right{justify-content: flex-start;flex-direction: column;align-items: flex-start;gap:30px;margin-left: 0;}
  .productCon .technology .csBox04 .flexBox .right .imgBox:nth-child(1){width:100%;}
  .productCon .technology .csBox04 .flexBox .right .imgBox:nth-child(2){width: 100%;}
  .productCon .technology .csBox04 .flexBox .right .imgBox:nth-child(2) img + img{margin-top:10px;}
  .productCon .technology .csBox04 .flexBox.bg{padding:127.4vw 20px 60px;;margin-top:-112vw;}
  .productCon .technology .csBox04 .moScr{width:calc(100% + 40px);margin-left:-20px;padding:0 20px;overflow-x: scroll;}
  .productCon .technology .csBox04 .flexBox.bg .imgBox{width: 185.128vw;}
  .productCon .technology .csBox04 .flexBox.bg p{font-size: 16px;line-height: 26px;width:100%;margin-top: 20px;}
  .productCon .technology .csBox05{padding:60px 20px 162px;}
  .productCon .technology .csBox05 > .tit{font-size: 26px;line-height: 38px;margin-bottom: 40px;}
  .productCon .technology .csBox05 .moScr{overflow-x: scroll;overflow-x: scroll;-webkit-overflow-scrolling: touch;white-space: nowrap;width: calc(100% + 40px);margin-left:-20px;padding:0 20px;}
  .productCon .technology .csBox05 ul{display: flex;gap: 16px;flex-wrap: nowrap;width: fit-content;}
  .productCon .technology .csBox05 ul li{width:53.846vw;text-align: center;}
  .productCon .technology .csBox05 ul li .tit{font-size: 24px;line-height: 38px;margin-bottom: 0;}
  .productCon .technology .csBox05 ul li .imgBox{margin-bottom: 12px;}
  .productCon .technology .csBox05 ul li .txt{font-size: 16px;line-height: 26px;}

  /* 제품소개 > 수처리 분야 */
  .productCon .water .titBox h4.tit{padding:0 20px;word-break: keep-all;}
  .productCon .water .ico{background-size: 52px 52px;}
  .productCon .water .csBox01{padding:56px 20px;margin-top:40px;}
  .productCon .water .csBox01 > .tit{font-size: 28px;line-height: 42px;font-weight: 600;margin-bottom: 12px;}
  .productCon .water .csBox01 > .txt{font-size: 16px;line-height: 26px;}
  .productCon .water .csBox01 .stepBox{flex-direction: column;margin-top:40px;}
  .productCon .water .csBox01 .stepBox .big{width: 216px;height:216px;font-size: 16px;line-height: 26px;margin:0 auto;margin-bottom:20px;}
  .productCon .water .csBox01 .stepBox ul{padding-left: 0;justify-content: flex-start;width:100%;}
  .productCon .water .csBox01 .stepBox ul::before{top:0;left:50%;width: 36px;height: 36px;margin-left:-18px;margin-top:-9px;background: url(../img/product/ico_arrow_r_m.svg)no-repeat 0 0;background-size: 100% auto;}
  .productCon .water .csBox01 .stepBox ul li{width: 100%;margin-top:20px;display: flex;align-items: center;text-align: left;}
  .productCon .water .csBox01 .stepBox ul li + li::before{content: none;}
  .productCon .water .csBox01 .stepBox ul li .ico{width:96px;height:96px;margin-bottom: 0;margin:0;background-size: 52px 52px;}
  .productCon .water .csBox01 .stepBox ul li p{font-size: 16px;line-height: 26px;padding-left: 20px;}
  .productCon .water .csBox01 ul{margin-top:0;flex-direction: column;}
  .productCon .water .wsscs .csBox02{position: relative;display: flex;padding: 60px 20px 74px;flex-direction: column;}
  .productCon .water .wsscs .csBox02::before{content:none;}
  .productCon .water .wsscs .csBox02 .left{margin-bottom: 30px;}
  .productCon .water .wsscs .csBox02 .left .tit{font-size: 26px;line-height: 38px;margin-bottom: 14px;}
  .productCon .water .wsscs .csBox02 .left .subTit{font-size: 22px;line-height: 36px;font-weight: 600;display: block;margin-bottom: 8px;}
  .productCon .water .wsscs .csBox02 .left .subTit .label{display: none;}
  .productCon .water .wsscs .csBox02 .left .dotList li{padding-left: 10px;font-size: 16px;line-height: 26px;}
  .productCon .water .wsscs .csBox02 .left .dotList li + li{margin-top:8px;}
  .productCon .water .wsscs .csBox02 .left .dotList li::before{top:11px;}
  .productCon .water .wsscs .csBox02 .right{display: block;gap:0;width:calc(100% + 40px);margin-left: -20px;padding:0 20px;overflow-x: scroll;}
  .productCon .water .wsscs .csBox02 .right .imgBox{width:166.66vw;}
  .productCon .water .wsscs .csBox02 .right .imgBox:nth-child(1){width:166.66vw;}
  .productCon .water .wsscs .csBox02 .right .imgBox:nth-child(2){width: 100%;}

  /* W-SCRS */
  /* W-SFTR */
  .productCon .water .wscrs .csBox02,
  .productCon .water .wsftr .csBox02{padding:60px 20px;}
  .productCon .water .wscrs .csBox02 .tit,
  .productCon .water .wsftr .csBox02 .tit{font-size: 26px;line-height: 58px;margin-bottom: 30px;}
  .productCon .water .csBox03{padding:60px 20px;flex-direction: column;}
  .productCon .water .csBox03 > .tit,
  .productCon .water .wscrs .csBox03 > .tit,
  .productCon .water .wsftr .csBox03 > .tit{font-size: 26px;line-height: 38px;width:100%;}
  .productCon .water .csBox03 .stepBox,
  .productCon .water .wscrs .csBox03 .stepBox,
  .productCon .water .wsftr .csBox03 .stepBox{width:100%;}
  .productCon .water .csBox03 .stepBox ul{justify-content: flex-start;flex-direction: column;gap: 40px;}
  .productCon .water .csBox03 .stepBox li,
  .productCon .water .wscrs .csBox03 .stepBox li,
  .productCon .water .wsftr .csBox03 .stepBox li{width:100%;}
  .productCon .water .csBox03 .stepBox li + li::before,
  .productCon .water .wsftr .csBox03 .stepBox li + li::before{content:none;}
  .productCon .water .csBox03 .stepBox li > div,
  .productCon .water .wsftr .csBox03 .stepBox li > div{width:194px;height:194px;margin-bottom: 10px;}
  .productCon .water .csBox03 .stepBox li > div .ico,
  .productCon .water .wsftr .csBox03 .stepBox li > div .ico{width:52px;height: 52px;margin-bottom: 10px;}
  .productCon .water .csBox03 .stepBox li > div .num{font-size: 14px;line-height:24px;}
  .productCon .water .csBox03 .stepBox li > div .tit,
  .productCon .water .wsftr .csBox03 .stepBox li > div .tit{font-size: 18px;line-height: 28px;font-weight: 600;}
  .productCon .water .csBox03 .stepBox li > p{font-size: 16px;line-height:26px;}
  .productCon .water .csBox04{padding:70px 20px 130px;flex-direction: column;}
  .productCon .water .csBox04 .txtBox{width:100%;padding-right: 0;margin-bottom: 20px;}
  .productCon .water .csBox04 .txtBox .tit{font-size: 26px;line-height: 58px;margin-bottom: 30px;}
  .productCon .water .csBox04 .txtBox .txt{font-size: 18px;line-height: 28px;font-weight: 600;}
  .productCon .water .csBox04 .imgBox{width: 100%;}

  /* 제품소개 > 대기 분야 */
  .productCon .air .titBox h4.tit{padding:0 20px;word-break: keep-all;}
  .productCon .air .ico{background-size: 52px 52px;}
  .productCon .air .csBox01{padding:60px 20px;margin-top:40px;}
  .productCon .air .csBox01 > .tit{font-size: 28px;line-height: 42px;font-weight: 600;margin-bottom: 12px;}
  .productCon .air .csBox01 > .txt{font-size: 16px;line-height: 26px;}
  .productCon .air .csBox01 .stepBox .big{margin:40px auto 0;width: 290px;height:88px;border-radius: 600px;font-size: 16px;line-height: 26px;}
  .productCon .air .csBox01 .stepBox ul{padding-left: 0;justify-content: flex-start;width:100%;}
  .productCon .air .csBox01 .stepBox ul::before{top:0;left:50%;width: 36px;height: 36px;margin-left:-18px;margin-top:-9px;background: url(../img/product/ico_arrow_r_m.svg)no-repeat 0 0;background-size: 100% auto;}
  .productCon .air .csBox01 .stepBox ul li{width: 100%;margin-top:20px;display: flex;align-items: center;text-align: left;}
  .productCon .air .csBox01 .stepBox ul li + li::before{content: none;}
  .productCon .air .csBox01 .stepBox ul li .ico{width:96px;height:96px;margin-bottom: 0;margin:0;background-size: 52px 52px;}
  .productCon .air .csBox01 .stepBox ul li p{font-size: 16px;line-height: 26px;padding-left: 20px;}
  .productCon .air .csBox01 ul{margin-top:0;flex-direction: column;}
  .productCon .air .csBox02{padding:60px 20px;flex-direction: column;}
  .productCon .air .csBox02 .txtBox{width:100%;padding-right: 0;}
  .productCon .air .csBox02 .txtBox .tit{font-size: 26px;line-height: 38px;font-weight: 600;margin-bottom: 30px;}
  .productCon .air .csBox02 .txtBox .txt{font-size: 22px;line-height: 36px;font-weight: 600;text-align: center;margin-bottom: 12px;}
  .productCon .air .csBox02 .imgBox{width: calc(100% + 40px);margin-left: -20px;}
  .productCon .air .csBox03{padding:70px 20px 130px;flex-direction: column;}
  .productCon .air .csBox03 .txtBox{width:100%;padding-right: 0;margin-bottom: 20px;}
  .productCon .air .csBox03 .txtBox .tit{font-size: 26px;line-height: 58px;margin-bottom: 30px;}
  .productCon .air .csBox03 .txtBox .txt{font-size: 18px;line-height: 28px;font-weight: 600;}
  .productCon .air .csBox03 .imgBox{width: 100%;}

  /* 제품소개 > 대기방지시설 설비 */
  .productCon .air .listBox{margin-top:40px;padding:0 20px 130px;}
  .productCon .air .listBox li{padding:30px 0;align-items: flex-start;flex-direction: column;}
  .productCon .air .listBox .imgBox{width:100%;margin-bottom: 20px;}
  .productCon .air .listBox .txtBox{width:100%;padding-left: 0;}
  .productCon .air .listBox .txtBox .label{font-size: 16px;line-height: 26px;}
  .productCon .air .listBox .txtBox .tit{font-size: 24px;line-height: 38px;font-weight: 600;margin-bottom:8px;}
  .productCon .air .listBox .txtBox .txt{font-size: 16px;line-height: 26px;margin-bottom: 20px;}
  .productCon .air .listBox .txtBox dl{flex-direction: column;}
  .productCon .air .listBox .txtBox dl + dl{margin-top:8px;}
  .productCon .air .listBox .txtBox dt{width: 100%;padding-left: 10px;font-size: 15px;line-height: 26px;margin-bottom: 2px;}
  .productCon .air .listBox .txtBox dt::before{top:13px;width: 4px;height: 4px;}
  .productCon .air .listBox .txtBox dd{width: 100%;padding-left: 0;font-size: 15px;line-height: 26px;}


  /********************* 홍보채널 *********************/
  /* 홍보채널 > 공지사항 */
  .prCon .notic .titBox h4.tit{padding:0 20px;}
  .prCon .notic .searchBar .searchWrap{justify-content: flex-start;padding:0 20px;}
  .prCon .notic .searchBar .selBox{width: 100px;}
  .prCon .notic .searchBar .searchIpt{width: calc(100% - 112px);margin-left: 12px;}
  .prCon .notic .csBox01{padding:40px 20px 130px;margin-top:40px;}
  .prCon .notic .csBox01 .listTop .tit{font-size:16px;line-height:26px;font-weight: 600;}
  .prCon .notic .csBox01 .listTop .selBox{width: 100px;}
  .prCon .notic .csBox01 .list{margin-top: 30px;}
  .prCon .notic .csBox01 .list > ul li + li{margin-top:20px;}
  .prCon .notic .csBox01 .list > ul li a{padding:30px;flex-direction: column;}
  .prCon .notic .csBox01 .list > ul li .num{font-size: 16px;line-height: 26px;width: 100%;margin-bottom: 2px;}
  .prCon .notic .csBox01 .list > ul li .tit{padding:0;font-size: 18px;line-height: 28px;white-space: inherit;overflow: hidden;text-overflow: ellipsis;width: 100%;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 12px;word-break: break-all;}
  .prCon .notic .csBox01 .list > ul li .viewBox{flex-direction: row-reverse;}
  .prCon .notic .csBox01 .list > ul li .date{font-size: 16px;line-height: 26px;width: 50%;text-align: right;padding-left:0;padding-right:0;}
  .prCon .notic .csBox01 .list > ul li .view{font-size: 16px;line-height: 26px;padding-left: 32px;background-size: 28px 28px;width: 50%;}
  .prCon .notic .csBox01 .list .pagination{margin-top:40px;}
  .prCon .notic .csBox01 .txtEmpty{padding:110px 0 80px;font-size: 18px;line-height: 28px;}

  /* 홍보채널 > 공지사항 상세 */
  .prCon .noticDetail{padding-bottom: 122px;}
  .prCon .noticDetail .titBox{padding:60px 20px 0;margin-top:0;}
  .prCon .noticDetail .titBox .tit{font-size: 26px;line-height: 38px;margin-bottom: 12px;}
  .prCon .noticDetail .titBox .csBox01{flex-direction: column;align-items: flex-start;}
  .prCon .noticDetail .titBox .csBox01 .left{margin-bottom: 30px;}
  .prCon .noticDetail .titBox .csBox01 .date,
  .prCon .noticDetail .titBox .csBox01 .view{font-size:16px;line-height: 26px;}
  .prCon .noticDetail .titBox .csBox01 .date p + p,
  .prCon .noticDetail .titBox .csBox01 .view p + p{margin-left: 8px;}
  .prCon .noticDetail .titBox .csBox01 .date + .view{margin-left: 20px;}
  .prCon .noticDetail .titBox .csBox01 .btnDownload a{padding:12px 24px;}
  .prCon .noticDetail .titBox .csBox01 .btnDownload a span{padding-left: 40px;background-size:28px 28px;font-size:16px;line-height: 26px;}
  .prCon .noticDetail .txtBox{padding:60px 20px;font-size:16px;line-height: 26px;margin:40px 0;min-height: 200px;}
  .prCon .noticDetail .btnList{display: flex;align-items: center;justify-content: center;padding:0 20px;}
  .prCon .noticDetail .btnList a{display: flex;align-items: center;border:1px solid #222;padding:0 16px;min-width: 100%;}
  .prCon .noticDetail .btnList a span{display: inline-block;padding-left: 40px;font-size: 18px;line-height: 60px;background-size: 28px 28px;}
  
  /* 홍보채널 > 뉴스룸 */
  .prCon .newsroom .titBox h4.tit{padding:0 20px;}
  .prCon .newsroom .csBox01{padding:40px 20px 130px;}
  .prCon .newsroom .csBox01 .slideBox{padding:0;}
  .prCon .newsroom .csBox01 .slideCon{width: 100%;margin-left:0;}
  .prCon .newsroom .csBox01 .swiper-wrapper{display: block !important;}
  .prCon .newsroom .csBox01 .slideCon .swiper-slide{margin:0;width:100% !important;}
  .prCon .newsroom .csBox01 .slideCon .swiper-slide + .swiper-slide{margin-top:20px;}
  .prCon .newsroom .csBox01 .slideCon .swiper-slide a .txtBox{padding:30px;}
  .prCon .newsroom .csBox01 .slideCon .swiper-slide a .txtBox .flag{top:-14px;font-size: 14px;line-height:28px;padding:0 14px;background: linear-gradient(91.08deg, #5490FF 1.56%, #8469FF 97.98%);left:30px;}
  .prCon .newsroom .csBox01 .slideCon .swiper-slide a .txtBox .tit{font-size: 18px;line-height: 28px;font-weight: 600;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: auto;}
  .prCon .newsroom .csBox01 .slideCon .swiper-slide a .txtBox .txt{font-size: 16px;line-height: 26px;-webkit-line-clamp: 2;height: auto;}
  .prCon .newsroom .csBox01 .slideBox .ctrlBox{display: none;}
  .prCon .newsroom .csBox01 .slideBox .swiper-button-prev, 
  .prCon .newsroom .csBox01 .slideBox .swiper-rtl .swiper-button-next{left: 0;background:url(../img/ico_slide_allow_left.png)no-repeat center center;background-size: 100% auto;}
  .prCon .newsroom .csBox01 .slideBox .swiper-button-next,
  .prCon .newsroom .csBox01 .slideBox .swiper-rtl .swiper-button-prev{right: 0;background:url(../img/ico_slide_allow_right.png)no-repeat center center;background-size: 100% auto;}
  .prCon .newsroom .csBox01 .slideBox .swiper-button-next,
  .prCon .newsroom .csBox01 .slideBox .swiper-button-prev{width: var(--px60);height: var(--px60);margin-top:calc(-1 * var(--px30));border-radius: 50%;}
  .prCon .newsroom .csBox01 .slideBox .swiper-button-next:after, .popupSlide .swiper-rtl .swiper-button-prev:after,
  .prCon .newsroom .csBox01 .slideBox .swiper-button-prev:after, .popupSlide .swiper-rtl .swiper-button-next:after{content:none;}

  /* 홍보채널 > 카다로그 */
  .prCon .catalog .titBox h4.tit{padding:0 20px;}
  .prCon .catalog .csBox01{padding:0 20px 130px;}
  .prCon .catalog .csBox01 .slideBox{padding:0 52px;}
  .prCon .catalog .csBox01 .slideBox .swiper-button-next,
  .prCon .catalog .csBox01 .slideBox .swiper-button-prev{width: 36px;height: 36px;margin-top:-18px;}
  .prCon .catalog .csBox01 .swiper-pagination{margin-top:20px;}  
  .prCon .catalog .csBox01 .swiper-pagination-bullet{width: 16px;height: 4px;}
  .prCon .catalog .csBox01 .btnDownload {margin-top:40px;}
  .prCon .catalog .csBox01 .btnDownload a{padding:12px 24px;}
  .prCon .catalog .csBox01 .btnDownload a span{padding-left: 40px;background-size:28px 28px;font-size:16px;line-height: 26px;}
  


  /********************* 고객센터 *********************/
  /* 고객센터 > 채용안내 */
  .customerCon .recruit .titBox h4.tit{padding:0 20px;}
  .customerCon .recruit .csBox01{padding:60px 20px;}
  .customerCon .recruit .csBox01 > .tit{font-size: 28px;line-height: 42px;text-align:left;margin-bottom: 30px;}
  .customerCon .recruit .csBox01 > .cardList{gap:40px;flex-direction: column;}
  .customerCon .recruit .csBox01 > .cardList li{width:100%;text-align: center;}
  .customerCon .recruit .csBox01 > .cardList li .tit{font-size:24px;line-height: 38px;padding-bottom: 10px;margin-bottom: 18px;}
  .customerCon .recruit .csBox01 > .cardList li .tit::before{height: 2px;}
  .customerCon .recruit .csBox01 > .cardList li .imgBox{margin-bottom: 20px;}
  .customerCon .recruit .csBox01 > .cardList li .txt{font-size: 18px;line-height: 28px;}
  .customerCon .recruit .csBox02{padding:60px 20px;}
  .customerCon .recruit .csBox02 > .tit{font-size: 26px;line-height: 38px;text-align:left;margin-bottom:20px;}
  .customerCon .recruit .csBox02 > ul > li + li{margin-top:20px;}
  .customerCon .recruit .csBox02 .dotList{justify-content: flex-start;flex-direction: column;}
  .customerCon .recruit .csBox02 .dotList dl{display: flex;align-items: flex-start;}
  .customerCon .recruit .csBox02 .dotList dl + dl{margin-top:20px;}
  .customerCon .recruit .csBox02 .dotList dt{font-size: 16px;line-height: 26px;font-weight: 600;padding-left: 12px;}
  .customerCon .recruit .csBox02 .dotList dt::before{top:11px;width: 4px;height: 4px;}
  .customerCon .recruit .csBox02 .dotList dd{font-size: 16px;line-height: 26px;margin-left: 20px;width: calc(100% - 20px);}
  .customerCon .recruit .csBox02 .moScr{min-width: 566px;width: 100%;}
  .customerCon .recruit .csBox02 .stepBox{width: 100%;flex-direction: column;}
  .customerCon .recruit .csBox02 .stepBox dt{margin-bottom: 20px;}
  .customerCon .recruit .csBox02 .stepBox ul{display: flex;}
  .customerCon .recruit .csBox02 .stepBox ul li::before{content:none;}
  .customerCon .recruit .csBox02 .stepBox ul li + li{margin-top:0;}
  .customerCon .recruit .csBox02 .stepBox dd{position: relative;overflow-x: scroll;width: calc(100% + 40px);padding: 0 20px;margin-left: -20px;}
  .customerCon .recruit .csBox02 .stepBox .stepBar {position: absolute;left: 0;background: linear-gradient(91.08deg, #67CFFF 1.56%, #5479FF 56.26%, #8469FF 97.98%);height: 14px;width: 100%;top: 41px;margin-top: 0;}
  .customerCon .recruit .csBox02 .stepBox .stepBar::before{content:'';position: absolute;top:50%;right:0;width: 18px;height: 32px;margin-top: -16px;}
  .customerCon .recruit .csBox02 .stepBox .num{font-size: 14px;height: 27px;line-height: 27px;padding:0 10px;border-radius: 60px;}
  .customerCon .recruit .csBox02 .stepBox .txt{font-size: 18px;line-height: 28px;font-weight: 600;padding-top:42px;}
  .customerCon .recruit .csBox02 .stepBox .txt::before{top:16px;width: 10px;height:10px;margin-left: -5px;}
  .customerCon .recruit .csBox02 .stepBox ul{justify-content: space-between;}
  .customerCon .recruit .csBox02 .stepBox li{padding-left: 0;}
  .customerCon .recruit .csBox02 .stepBox li:nth-child(1){padding-left: 43px;}
  .customerCon .recruit .csBox02 .stepBox li:nth-child(2){padding-left: 0;}
  .customerCon .recruit .csBox02 .stepBox li:nth-child(3){padding-left: 0;} 
  .customerCon .recruit .csBox02 .stepBox li:nth-child(4){padding-right: 42px;padding-left: 0;}
  .customerCon .recruit .csBox03 .bg .tit{font-size: 26px;line-height: 38px;text-align:left;padding:58px 20px 30px;}
  .customerCon .recruit .csBox03 .cardList{display: flex;gap: 16px;padding: 0 20px;flex-wrap: nowrap;width: fit-content;padding-bottom: 30px;}
  .customerCon .recruit .csBox03 .moScr{overflow-x: scroll;overflow-x: scroll;-webkit-overflow-scrolling: touch;white-space: nowrap;}
  .customerCon .recruit .csBox03 .cardList li{width:73.33vw;flex-shrink: 0;display: inline-block;}
  .customerCon .recruit .csBox03 .cardList li .imgBox::before{width: calc(100% + 40px);margin-left: -20px;}
  .customerCon .recruit .csBox03 .cardList li img{display: block;}
  .customerCon .recruit .csBox03 .cardList li .txtBox{padding:20px;}
  .customerCon .recruit .csBox03 .cardList li .txtBox .tit{font-size: 20px;line-height: 1.6;font-weight: 600;margin-bottom: 4px;padding:0;text-align: center;}
  .customerCon .recruit .csBox03 .cardList li .txtBox .txt{font-size: 16px;line-height: 26px;white-space:normal;}
  .customerCon .recruit .csBox04{padding:30px 20px 130px;}
  .customerCon .recruit .csBox04 > .tit{font-size: 26px;line-height: 38px;text-align:left;margin-bottom: 30px;}
  .customerCon .recruit .csBox04 ul{justify-content: flex-start;gap:20px;flex-direction: column;}
  .customerCon .recruit .csBox04 ul li{width: 100%;text-align: left;padding:30px 20px 30px 40px;display: flex;}
  .customerCon .recruit .csBox04 ul li .txtBox{margin-left: 32px;width: calc(100% - 76px);}
  .customerCon .recruit .csBox04 ul li .tit{font-size: 18px;line-height: 28px;font-weight: 600;margin-bottom: 4px;}
  .customerCon .recruit .csBox04 ul li .txt{font-size: 16px;line-height: 26px;}
  .customerCon .recruit .csBox04 ul li .ico{display: block;margin:0 auto;}
  .customerCon .recruit .csBox04 ul li:nth-child(1) .ico{width:44px;height: 44px;background:url(../img/customer/ico_recruit01.svg)no-repeat 0 0;background-size: 100% auto;margin-bottom: 0;}
  .customerCon .recruit .csBox04 ul li:nth-child(2) .ico{width:44px;height: 44px;background:url(../img/customer/ico_recruit02.svg)no-repeat 0 0;background-size: 100% auto;margin-bottom: 0;}
  .customerCon .recruit .csBox04 ul li:nth-child(3) .ico{width:44px;height: 44px;background:url(../img/customer/ico_recruit03.svg)no-repeat 0 0;background-size: 100% auto;margin-bottom: 0;}
  .customerCon .recruit .csBox04 ul li:nth-child(4) .ico{width:44px;height: 44px;background:url(../img/customer/ico_recruit04.svg)no-repeat 0 0;background-size: 100% auto;margin-bottom: 0;}
  .customerCon .recruit .csBox04 ul li:nth-child(5) .ico{width:44px;height: 44px;background:url(../img/customer/ico_recruit05.svg)no-repeat 0 0;background-size: 100% auto;margin-bottom: 0;}
  .customerCon .recruit .csBox04 ul li:nth-child(6) .ico{width:44px;height: 44px;background:url(../img/customer/ico_recruit06.svg)no-repeat 0 0;background-size: 100% auto;margin-bottom: 0;}
  .customerCon .recruit .csBox04 ul li:nth-child(7) .ico{width:44px;height: 44px;background:url(../img/customer/ico_recruit07.svg)no-repeat 0 0;background-size: 100% auto;margin-bottom: 0;}
  
  /* 고객센터 > 온라인상담 */
  .customerCon .online .csBox01{display: flex;flex-direction: column;padding:0 20px 122px;}
  .customerCon .online .csBox01 .titCon{width:100%;padding-right: 0;}
  .customerCon .online .csBox01 .stickyCon{position: relative;top:0;left: 0;}
  .customerCon .online .csBox01 .iptCon{width:100%;padding-left:0;}
  .customerCon .online .csBox01 .iptCon > .tit{font-size: 24px;line-height: 36px;margin-bottom: 30px;}
  .customerCon .online .csBox01 .iptFormBox + .iptFormBox{margin-top:32px;}
  .customerCon .online .csBox01 .iptFormBox .tit{font-size: 16px;line-height: 26px;margin-bottom: 12px;}
  .customerCon .online .csBox01 .iptFormBox.star .tit::after{margin-left: 4px;}
  .customerCon .online .csBox01 .clauseChkBox{margin-top:20px;}
  .customerCon .online .csBox01 .btnSend {margin-top:40px;}
  .customerCon .online .csBox01 .btnSend a{padding:12px 24px;width: 100%;}
  .customerCon .online .csBox01 .btnSend a span{padding-left: 40px;background-size:28px 28px;font-size:16px;line-height: 26px;}

  /* 고객센터 > 오시는길 */
  .customerCon .companyMap .titBox h4.tit{padding:0 20px;}
  .customerCon .companyMap .csBox01{padding-bottom:130px;}
  .customerCon .companyMap .csBox01 .mapWrap{flex-direction:column-reverse;padding:0 20px;}
  .customerCon .companyMap .csBox01 .mapWrap::before{content:none;}
  .customerCon .companyMap .csBox01 .mapWrap .name{font-size: 26px;line-height: 38px;margin-bottom: 0;padding-top:40px;}
  .customerCon .companyMap .csBox01 .mapWrap .txtBox{width: 100%;}
  .customerCon .companyMap .csBox01 .mapWrap .mapBox{width: 100%;}
  .customerCon .companyMap .csBox01 .mapWrap .mapBox > div > div{height: 100% !important;width: calc(100% + 40px) !important;margin-left: -20px;}
  .customerCon .companyMap .csBox01 .mapWrap .mapBox .wrap_map{height:56.4vw !important;}
  .customerCon .companyMap .csBox01 .mapWrap .list{padding:20px 0 60px;}
  .customerCon .companyMap .csBox01 .mapWrap dl{padding:10px 0;padding-left: 96px;}
  .customerCon .companyMap .csBox01 .mapWrap dl + dl{margin-top:12px;}
  .customerCon .companyMap .csBox01 .mapWrap dt{font-size:16px;line-height: 26px;font-weight: 600;margin-bottom: 2px;}
  .customerCon .companyMap .csBox01 .mapWrap dd{font-size:16px;line-height: 26px;}
  .customerCon .companyMap .csBox01 .mapWrap .address{background:url(../img/ico_ad.svg)no-repeat 0 center;background-size: 72px 72px;}
  .customerCon .companyMap .csBox01 .mapWrap .tel{background:url(../img/ico_tel.svg)no-repeat 0 center;background-size: 72px 72px;}
  .customerCon .companyMap .csBox01 .mapWrap .fax{background:url(../img/ico_fax.svg)no-repeat 0 center;background-size: 72px 72px;}
  .customerCon .companyMap .csBox01 .mapWrap .email{background:url(../img/ico_mail.svg)no-repeat 0 center;background-size: 72px 72px;}
  .customerCon .companyMap .csBox01 .tblWrap{padding:60px 20px 0;}
  .customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 dl{padding:24px 0;flex-direction: column;}
  .customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 dt{padding:0;font-size: 16px;line-height: 28px;width: 100%;margin-bottom: 8px;}
  .customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 dd{padding:0;width:100%;}
  .customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul{gap:30px;}
  .customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul.station{flex-direction: column;gap:8px;}
  .customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 li{font-size: 16px;line-height: 26px;font-weight: 500;flex-wrap: wrap;}
  .customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 li + li{margin-left:0;}
  .customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul{display: flex;flex-wrap: wrap;}
  .customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul.subway span{width:24px;height:24px;line-height: 24px;font-size: 18px;margin-right: 8px;}
  .customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul.station span{width:24px;height:24px;line-height: 24px;font-size: 18px;margin-right: 8px;}
  .customerCon .companyMap .csBox01 .tblWrap .tblList.ty01 ul.bus li span{font-size:14px;line-height: 24px;padding:0 10px;border-radius:4px;margin-right: 12px;}
}