body.no-scroll { overflow:hidden; } 

:root {
    --color01:#3ea9f9;
	--color02:#254c9d;
}
@font-face { font-family:'Pretendard'; font-style: normal; font-weight:300; src:url(./fonts/Pretendard-Light.otf) format('opentype'); font-display: swap;} 
@font-face { font-family:'Pretendard'; font-style: normal; font-weight:400; src:url(./fonts/Pretendard-Regular.otf) format('opentype'); font-display: swap;} 
@font-face { font-family:'Pretendard'; font-style: normal; font-weight:500; src:url(./fonts/Pretendard-Medium.otf) format('opentype'); font-display: swap;} 
@font-face { font-family:'Pretendard'; font-style: normal; font-weight:600; src:url(./fonts/Pretendard-SemiBold.otf) format('opentype'); font-display: swap;} 
@font-face { font-family:'Pretendard'; font-style: normal; font-weight:700; src:url(./fonts/Pretendard-Bold.otf) format('opentype'); font-display: swap;} 
@font-face { font-family:'Pretendard'; font-style: normal; font-weight:800; src:url(./fonts/Pretendard-ExtraBold.otf) format('opentype'); font-display: swap;} 
@font-face { font-family:'Pretendard'; font-style: normal; font-weight:900; src:url(./fonts/Pretendard-Black.otf) format('opentype'); font-display: swap;} 
body {font-family:'Pretendard';}




/* s:header */
#header {width:100%; padding:30px 0; border-bottom:1px solid rgba(0,0,0,0.1); position:relative; z-index:3;}
#header .inner {width:1280px; margin:0 auto;}
#header #logo01 {margin-right:30px;}
#header #logo01 img {width:141px;}
#header #logo02 img {width:290px;}
#header #logo02 span {font-size:18px; font-weight:500; color:#666666; padding-left:7px; margin-top: 4px;}
#header .info .list li {margin-right:30px; position:relative;}
#header .info .list li:not(:last-child)::after {content:''; width:1px; height:13px; background-color:#e5e5e5; position:absolute; right:-15px; top:50%; transform:translateY(-50%);}
#header .info .list li a {font-size:15px; font-weight:400; color:#666666; line-height:1;}
#header .info .list li a img {width:11px; padding-left:6px;}
#header .info .list li:hover >a {color:var(--color02);}
#header .info .list li a .on {display:none;}
#header .info .list li:hover a .off {display:none;}
#header .info .list li:hover a .on {display:block;}
#header .info .btnWrap {}
#header .info .btnWrap a {display:flex; flex-direction:row; align-items:center; padding:11px 20px; border:2px solid transparent; line-height:1; border-radius:8px; background-color:var(--color02); font-size:18px; font-weight:400; color:#fff;}
#header .info .btnWrap a:hover {background-color:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.1); border:2px solid #254c9d; box-sizing:border-box; color:#254c9d;}
#header .info .btnWrap a .on {display:none;}
#header .info .btnWrap a:hover .off {display:none;}
#header .info .btnWrap a:hover .on {display:block;}
#header .info .btnWrap img {width:25px; margin-right:5px; position:relative; top:-1.2 px;}
#header #langBtn {background-color:transparent;}
#header #langBtn img {width:25px;}

#header .langBox {position:relative;}
#header .langBox .dropMenu {display:none; position:absolute; top:17px; left:50%; transform:translateX(-50%); border-radius:5px; background-color:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.1); padding:5px 5px;}
#header .langBox .dropMenu.on {display:block;}
#header .langBox .dropMenu li::after {display:none !important;}
#header .langBox .dropMenu li {margin-right:0;}
#header .langBox .dropMenu li:not(:last-child) {padding-bottom:3px; margin-bottom:3px; border-bottom:1px solid rgba(0,0,0,0.1);}
#header .langBox .dropMenu li a {color:#666; padding:0 8px; line-height:1;}
/* e:header */

select::-ms-expand { 
	display: none;
}
.select {
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* s:footer */
#footer {width:100%; background-color:#3b4456;}
#footer .inner {width:1280px; margin:0 auto; padding:40px 0 42px 0; display:flex; flex-direction:row; align-items:flex-end; justify-content:space-between; position:relative;}   
#footer .logoBox {display:flex; flex-direction:row; align-items:center; margin-right:80px;}
#footer .logoBox a {display:block;}
#footer .logoBox .logo01 img {width:116px; margin-bottom:5px;}
#footer .logoBox .logo02 img {width:141px;}
#footer .lfBox {align-items:flex-start;}
#footer .desc ul {margin-bottom:30px; padding-top:9px;}
#footer .desc li:nth-child(1) {margin-right:50px; position:relative;}
/* #footer .desc li:nth-child(1)::after {content:''; width:1px; height:16px; background-color:rgba(255,255,255,0.2); position:absolute; top:50%; transform:translateY(-50%); right:-25px;} */
/*btsd 주석*/ 
#footer .desc li:nth-child(1) a {font-weight:500;}
#footer .desc li a {font-size:18px; font-weight:200; color:#ffffff;}
#footer .desc dt {font-size:16px; font-weight:400; color:#ffffff; opacity:0.6; margin-bottom:10px;}
#footer .desc dd {font-size:14px; font-weight:300; color:#ffffff; opacity:0.2;}
#footer .rtBox dt {font-size:16px; font-weight:400; color:#ffffff; opacity:0.6; line-height:1; text-align:right;}
#footer .rtBox dd {font-size:30px; font-weight:600; color:#2caf93; padding-top:8px; line-height:1; text-align:right;}
#footer .companySelect {position:absolute; right:0; top:0;}
#footer .companySelect select {width:288px; height:52px; padding:0 20px; background: url('../../_images/common/foot_select_arrow.png') 93% center no-repeat; background-size: 12px; background-color:#2f3645; font-size:18px; font-weight:500; color:#fff; letter-spacing: -0.6px;}
#footer .companySelect select:not(:last-child) {margin-right:10px;}
#footer .companySelect select option {font-size:14px;}
#footer .companySelect select:focus {outline:none;}
#footer #topBtn {width:60px; height:60px; background:rgba(0,0,0,0.5); position:fixed; right:20px; bottom:20px; display:flex; flex-direction:column; justify-content:center; align-items:center; cursor:pointer;}
#footer #topBtn:hover {background-color:#000;}
#footer #topBtn img {width:21px;}
/* e:footer */