@charset "utf-8";

/************************************************************************
* FONT *
************************************************************************/

@font-face { 
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:100;
  src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
} 
@font-face { 
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:300;
  src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
} 
@font-face { 
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:400;
  src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
} 
@font-face { 
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:500;
  src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
} 
@font-face { 
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:700;
  src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
} 
@font-face { 
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:900;
  src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}



@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:400;
  src:local('NanumGothic'), url(http://fonts.gstatic.com/s/nanumgothic/v8/PN_3Rfi-oW3hYwmKDpxS7F_D-djY.woff) format('woff');
}
@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:700;
  src:local('NanumGothic Bold'), local('NanumGothic-Bold'), url(http://fonts.gstatic.com/s/nanumgothic/v8/PN_oRfi-oW3hYwmKDpxS7F_LQv3LyVsg.woff) format('woff');
}
@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:800;
  src:local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'), url(http://fonts.gstatic.com/s/nanumgothic/v8/PN_oRfi-oW3hYwmKDpxS7F_LXv7LyVsg.woff) format('woff');
}




@font-face {
    font-family:'GmarketSansBold';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansMedium';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansLight';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}



@font-face {
    font-family: 'Pretendard-Thin';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}



.fGSB,.fGSB *{font-family:'GmarketSansBold';}
.fGSM,.fGSM *{font-family:'GmarketSansMedium';}
.fGSL,.fGSL *{font-family:'GmarketSansLight';}

.fPL,.fPL *{font-family:'Pretendard-Light';}
.fPR,.fPR *{font-family:'Pretendard-Regular';}
.fPBo,.fPBo *{font-family:'Pretendard-Bold' !important;}
.fPBl,.fPBl *{font-family:'Pretendard-Black';}

.fNMJ,.fNMJ *{font-family:'Nanum Myeongjo';}
.fKCS,.fKCS *{font-family:'KCC-Sonkeechung';}
.fJM,.fJM *{font-family:'Jeju Myeongjo';}

.fP100,.fP100 *{font-family:'Pretendard-Thin';}
.fP200,.fP200 *{font-family:'Pretendard-ExtraLight';}
.fP300,.fP300 *{font-family:'Pretendard-Light';}
.fP400,.fP400 *{font-family:'Pretendard-Regular';}
.fP500,.fP500 *{font-family:'Pretendard-Medium';}
.fP600,.fP600 *{font-family:'Pretendard-SemiBold';}
.fP700,.fP700 *{font-family:'Pretendard-Bold';}
.fP800,.fP800 *{font-family:'Pretendard-ExtraBold';}
.fP900,.fP900 *{font-family:'Pretendard-Black';}

.Ubuntu{font-family: 'Ubuntu', sans-serif;}
.Jalnan{font-family: 'yg-jalnan';}
.Mont{font-family: "Montserrat";letter-spacing: -0.04em;font-weight: bold;}


*{font-family:'Pretendard-Regular',Noto Sans KR,Nanum Gothic,나눔고딕,sans-serif;box-sizing:border-box;letter-spacing:-0.01em;}





/************************************************************************
* HTML_RESET *
************************************************************************/
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,font,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,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,button,input{
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
	background:transparent;
	word-break:break-all;
}
body{font-size:16px;font-weight:normal;color:#0d0d0d;position:relative;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
ol,ul,li{list-style:none;}
table{max-width:100%;border-collapse:collapse;border-spacing:0;}
form,fieldset,iframe{display:block;border:0;}
img,button{border:0 none;vertical-align:middle;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
caption,legend{display:none;} 
input,textarea,select{margin:0;padding:0;vertical-align:middle;outline:none;}
textarea{border:1px solid #666;resize:none;}
button{overflow:visible;margin:0;padding:0;border:0 none;background:none;font-size:0;vertical-align:top;cursor:pointer;display:block;}
button::-moz-focus-inner{border:0;padding:0;}
a,img{outline:none;}
b{font-weight:900;}
font,span{display:block;}
hr{height:1px;margin:80px 0;border:none;color:#ddd;background:#ddd;}
/*img {max-width:100%;}*/


 
a{color:#000;text-decoration:none;word-break:break-all;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;}

*::-moz-selection{background-color:#000000;color:#ffffff;}
*::selection{background-color:#d0d6dd;color:#000000;}




@media (prefers-reduced-motion:no-preference){
:root{scroll-behavior:smooth;}
}



.blind{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden;}


::-webkit-scrollbar{width:12px;}
::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.3);border-radius:6px;}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.7);}
body{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1;-ms-overflow-style:-ms-autohiding-scrollbar;}



/************************************************************************
* COMMON *
************************************************************************/
#wrap{width:100%;height: 100vh; background:url(/img/introbg.jpg) repeat top -50px left 0 !important;}

.WRAP{max-width:980px;position:relative;}


.disF{display:flex;justify-content:space-between;flex-wrap:wrap;}
.disF.jc{justify-content:center;}
.disF.js{justify-content:flex-start;}
.disF.ac{align-items:center;}
.disF.as{align-items:flex-start;}


.LEFT{clear:both;}
.LEFT>li{float:left;}

.TC{text-align:center !important;}
.TR{text-align:right !important;}
.TsI{font-style:italic !important;}
.TtU{text-transform:uppercase !important;}
.Mauto{margin-left:auto !important;margin-right:auto !important;display:block;}

.FBD{font-weight:bold;}

.fw900{font-weight:900 !important;}
.fw700{font-weight:700 !important;}
.fw500{font-weight:500 !important;}
.fw300{font-weight:300 !important;}
.fw100{font-weight:100 !important;}


.fcol_white,.fcol_white a{color:#fff !important;}
.fcol_black,.fcol_black a{color:#000 !important;}
.fcol_blue,.fcol_blue a{color:#002977 !important;}
.fcol_gray,.fcol_gray a{color:#9e9e9e !important;}
.fcol_red,.fcol_red a{color:#d50113 !important;}
.fcol_yellow,.fcol_yellow a{color:#ffba16 !important;}
.fcol_green,.fcol_green a{color:#008078 !important;}
.fcol_brown,.fcol_brown a{color:#8e726a !important;}
.fcol_pink,.fcol_pink a{color:#a97a71 !important;}
.fcol_lgreen,.fcol_lgreen a{color:#62ac07 !important;}
.fcol_navy,.fcol_navy a{color:#193db4 !important;}
.fcol_navy2,.fcol_navy2 a{color:#0555cc !important;}
.fcol_orange,.fcol_orange a{color:#e35000 !important;}


.w5{width:5% !important;}
.w10{width:10% !important;}
.w15{width:15% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w30{width:30% !important;}
.w35{width:35% !important;}
.w40{width:40% !important;}
.w45{width:45% !important;}
.w50{width:50% !important;}
.w55{width:55% !important;}
.w57{width:57% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w100{width:100% !important;}

.uli1 li{width:100%;}
.uli2 li{width:50%;}
.uli3 li{width:33.33%;}
.uli4 li{width:25%;}
.uli5 li{width:20%;}
.uli6 li{width:16.6666%;}
.uli7 li{width:14.2857%;}
.uli8 li{width:12.5%;}

.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mt110{margin-top:110px !important;}
.mt120{margin-top:120px !important;}
.mt140{margin-top:140px !important;}
.mt160{margin-top:160px !important;}
.mt200{margin-top:200px !important;}

/***
@media screen and (max-width:1280px) {
.mt05{margin-top:3px !important;}
.mt10{margin-top:8px !important;}
.mt20{margin-top:15px !important;}
.mt30{margin-top:20px !important;}
.mt40{margin-top:30px !important;}
.mt50{margin-top:38px !important;}
.mt60{margin-top:44px !important;}
.mt70{margin-top:52px !important;}
.mt80{margin-top:60px !important;}
.mt90{margin-top:70px !important;}
.mt100{margin-top:80px !important;}
.mt110{margin-top:86px !important;}
.mt120{margin-top:90px !important;}
.mt140{margin-top:100px !important;}
.mt160{margin-top:110px !important;}
.mt200{margin-top:150px !important;}
}

@media screen and (max-width:640px) {
.mt05{margin-top:2px !important;}
.mt10{margin-top:5px !important;}
.mt20{margin-top:10px !important;}
.mt30{margin-top:15px !important;}
.mt40{margin-top:20px !important;}
.mt50{margin-top:25px !important;}
.mt60{margin-top:30px !important;}
.mt70{margin-top:35px !important;}
.mt80{margin-top:40px !important;}
.mt90{margin-top:45px !important;}
.mt100{margin-top:50px !important;}
.mt110{margin-top:55px !important;}
.mt120{margin-top:60px !important;}
.mt140{margin-top:70px !important;}
.mt160{margin-top:90px !important;}
.mt200{margin-top:120px !important;}
}
***/


.mAuto{margin-left:auto;margin-right:auto;display:block;}


.pl30{padding-left:30px;}
.pl20{padding-left:20px;}
.pl10{padding-left:10px;}

/***
@media screen and (max-width:1500px){
.plr7{padding-left:5%;padding-right:5%;}
}
@media screen and (max-width:1280px){
.plr7{padding-left:3%;padding-right:3%;}
.pl30{padding-left:20px;}
}
@media screen and (max-width:1100px){
.plr7{padding-left:0;padding-right:0;}
}
@media screen and (max-width:960px){
.pl30{padding-left:10px;}
.pl20{padding-left:10px;}
}
@media screen and (max-width:640px){
.pl30{padding-left:5px;}
.pl20{padding-left:5px;}
.pl10{padding-left:5px;}
}
***/




h2{font-size:60px;line-height:120%;font-weight:900;letter-spacing:-0.02em;word-wrap:break-word;display:block;word-break:keep-all;}
h3{font-size:50px;line-height:120%;font-weight:900;word-wrap:break-word;display:block;word-break:keep-all;}
h4{font-size:40px;line-height:120%;font-weight:700;word-wrap:break-word;display:block;word-break:keep-all;}
h5,h5>*{font-size:34px;line-height:120%;font-weight:900;word-wrap:break-word;display:block;word-break:keep-all;}

/***
@media screen and (max-width:1500px){
h2{font-size:56px;}
h3{font-size:46px;}
h4{font-size:36px;}
h5,h5>*{font-size:31px;}
}
@media screen and (max-width:1280px){
h2{font-size:50px;}
h3{font-size:40px;}
h4{font-size:32px;}
h5,h5>*{font-size:28px;}
}
@media screen and (max-width:1100px){
h2{font-size:44px;}
h3{font-size:38px;}
h4{font-size:30px;}
h5,h5>*{font-size:25px;}
}
@media screen and (max-width:767px){
h2{font-size:40px;}
h3{font-size:32px;}
h4{font-size:28px;}
h5,h5>*{font-size:20px;}
}
@media screen and (max-width:640px){
h2,h2>*{font-size:34px;}
h3,h3>*{font-size:26px;}
h4,h4>*{font-size:27px;}
h5,h5>*{font-size:18px;}
}
***/


.txt{font-weight:300;line-height:140%;word-wrap:break-word;display:block;word-break:keep-all;}
.txt.type30{font-size:30px;}
.txt.type29{font-size:29px;}
.txt.type28{font-size:28px;}
.txt.type27{font-size:27px;}
.txt.type26{font-size:26px;}
.txt.type25{font-size:25px;}
.txt.type24{font-size:24px;}
.txt.type23{font-size:23px;}
.txt.type22{font-size:22px;}
.txt.type21{font-size:21px;}
.txt.type20{font-size:20px;}
.txt.type19{font-size:19px;}
.txt.type18{font-size:18px;}
.txt.type17{font-size:17px;font-weight:400;}
.txt.type16{font-size:16px;font-weight:400;}
.txt.type15{font-size:15px;font-weight:400;}
.txt.type14{font-size:14px;font-weight:400;}
.txt.type13{font-size:13px;font-weight:400;}
.txt.type12{font-size:12px;font-weight:400;}
.txt.type11{font-size:11px;font-weight:400;}
.txt.type10{font-size:10px;font-weight:400;}

/***
@media screen and (max-width:1500px){
.txt.type30{font-size:28px;}
.txt.type29{font-size:27px;}
.txt.type28{font-size:26px;}
.txt.type27{font-size:25px;}
.txt.type26{font-size:24px;}
.txt.type25{font-size:23px;}
.txt.type24{font-size:22px;}
.txt.type23{font-size:21px;}
.txt.type22{font-size:20px;}
.txt.type21{font-size:19px;}
.txt.type20{font-size:18px;}
.txt.type19{font-size:17px;font-weight:400;}
.txt.type18{font-size:16px;font-weight:400;}
.txt.type17{font-size:15px;}
.txt.type16{font-size:14px;}
.txt.type15{font-size:13px;}
.txt.type14{font-size:12px;}
.txt.type13{font-size:11px;}
.txt.type12{font-size:10px;}
.txt.type11{font-size:9px;}
.txt.type10{font-size:8px;}
}
@media screen and (max-width:1280px){
.txt.type30{font-size:26px;}
.txt.type29{font-size:25px;}
.txt.type28{font-size:24px;}
.txt.type27{font-size:23px;}
.txt.type26{font-size:22px;}
.txt.type25{font-size:21px;}
.txt.type24{font-size:20px;}
.txt.type23{font-size:19px;}
.txt.type22{font-size:18px;}
.txt.type21{font-size:17px;}
.txt.type20{font-size:16px;}
.txt.type19{font-size:15px;}
.txt.type18{font-size:14px;}
.txt.type17{font-size:13px;}
}
@media screen and (max-width:767px){
.txt.type30{font-size:24px;}
.txt.type29{font-size:23px;}
.txt.type28{font-size:22px;}
.txt.type27{font-size:21px;}
.txt.type26{font-size:20px;}
.txt.type25{font-size:19px;}
.txt.type24{font-size:18px;}
.txt.type23{font-size:17px;font-weight:400;}
.txt.type22{font-size:16px;font-weight:400;}
.txt.type21{font-size:15px;font-weight:400;}
.txt.type20{font-size:14px;font-weight:400;}
.txt.type19{font-size:13px;}
}
@media screen and (max-width:640px){
.txt.type30{font-size:22px;}
.txt.type29{font-size:21px;}
.txt.type28{font-size:20px;}
.txt.type27{font-size:19px;}
.txt.type26{font-size:18px;}
.txt.type25{font-size:17px;font-weight:400;}
.txt.type24{font-size:16px;font-weight:400;}
.txt.type23{font-size:15px;}
.txt.type22{font-size:14px;}
.txt.type21{font-size:13px;}
}
***/


.stroke{color: transparent;-webkit-text-stroke-color: #fff;-webkit-text-stroke-width: thin;}
.stroke2{color: transparent;-webkit-text-stroke-color: #646464;-webkit-text-stroke-width: 1px;}


/************************************************************************
* HEADER *
************************************************************************/
header{width:980px;height:120px;position:absolute;top:10px;left:10px;transition:all 0.2s ease;z-index: 9999;}
header .headerBox{width:100%;height:100%;padding-top:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
/*
.headerBox:after{width:120%;height:1px;background:rgba(255,255,255,0.1);position:absolute;bottom:5px;left:-10%;display:block;content:"";}
*/
header .headerBox>*:not(nav){-ms-flex-negative:0;flex-shrink:0;}

header .headerBox .CIBox{width: 305px;}

header .headerBox .NaviBox{position: relative;}
header .headerBox .NaviBox .mem-ico{width: fit-content; position:relative;top:-20px;right:20px;display: flex;}
header .headerBox .NaviBox .mem-ico>a{font-size: 13px;}
header .headerBox .NaviBox .mem-ico>*{padding: 0;color: #fff;}
header .headerBox .NaviBox .mem-ico>* img{display:inline-block;}

header .headerBox .NaviBox .mem-ico img.mt{display: inline-block;}
header .headerBox .NaviBox .mem-ico img.st{display: none;}

header .CIBox .logo{width:305px;margin-top: 10px; transition:all 0.2s ease;}
header .CIBox .logo *{width:100%;height:100%;}


header .headerBox .NaviBox .TNavi{width: 623px;height: 75px; position: absolute;top:-20px;right:0;background:url(/img/nv-b.jpg) no-repeat 0px 10px;}


header nav,
header .depth1,
header .depth1>li{height:100%;}
header .depth1,
header .depth1>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

header nav{margin:0 auto;}
header nav a{color:rgba(255,255,255,.9);}

header .depth1{margin-top: 20px; }
header .depth1>li{position:relative;}
header .depth1>li>a{height: 25px;padding:0 21px;padding-top: 0; margin-top: -60px; font-size:15px;font-family: 'Pretendard-Medium';letter-spacing:0;text-transform:uppercase;position:relative;z-index:1;}
header .depth1>li.white>a{color:#faba1a !important;}

header .depth2{width:110%;height:0;padding:0;position:absolute;top:25px;left:50%;overflow:hidden;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#ff8400;border-bottom-left-radius: 10px; border-bottom-right-radius:10px; transition:all 0.2s linear;}

header .depth1>li:nth-child(1) .depth2, header .depth1>li:nth-child(5) .depth2, header .depth1>li:nth-child(6) .depth2{width:130% !important;}

header .depth1>li:nth-child(1) .depth2{margin-left: 3px;}
header .depth1>li:nth-child(6) .depth2{margin-left: -12px;}


header .depth2>li{overflow:hidden;opacity:0;transform:translateY(100%);}
header .depth2>li>a{display:block;font-size:14px;font-weight:300;letter-spacing: -0.04em; text-align:center;white-space:nowrap;padding:1px 0;}
header .depth2>li>a:hover{color:#fff;font-weight: 700;}

header .depth2.on{height:auto;padding:4px 0 7px 0;}
header .depth2.on>li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0.16s;transition-delay:0.16s;}


/***
    @media screen and (max-width:1920px) {
    header .headerBox .NaviBox .mem-ico{top:16px;right:17%;}
    }
    @media screen and (max-width:1700px) {
    header{height:110px;}
    header .CIBox .logo{width:320px;}
    header .depth2{top:70px;}
        
    header .headerBox .NaviBox .mem-ico{top:16px;right:13%;}
    }
    @media screen and (max-width:1600px) {
    header .CIBox .logo{width:300px;margin-top: -20px;}
        
    header nav{margin-top: 15px;}
    header .depth1>li>a{padding:0 55px;font-size:20px;}

    header .depth2{top:55px;}
    header .depth2>li>a{font-size:16px;}
    
    header .menuOpen{margin-top: 35px;}
    }
    @media screen and (max-width:1500px) {
    header .headerBox .NaviBox .mem-ico{top:16px;right:14%;}
        
    header .headerBox:after{bottom:10px;}

    header .depth1>li>a{padding:0 50px;}

    header .depth2{top:55px;}
    header .depth2.on{padding:15px 0 15px 0;}

    }
    @media screen and (max-width:1400px) {
    header .CIBox .logo{width:280px;}

    header .depth1>li>a{padding:0 45px;}

    header .depth2.on{padding:15px 0 10px 0;}
    }
    @media screen and (max-width:1320px) {
    header .depth1>li>a{padding:0 40px;}
    }
    @media screen and (max-width:1280px) {
    header .headerBox .NaviBox .mem-ico{top:16px;right:13%;}
        
    header .depth1>li>a{padding:0 35px;}

    header .depth2>li>a{font-size:15px;}
    }
    @media screen and (max-width:1199px) {
    header{height:90px;padding:0 2%;}
    header .headerBox{justify-content:space-between;}
    header .headerBox:after{display: none;}
        
    header .headerBox .NaviBox .mem-ico{width: 200px; top:30px;right:13%;}
    header .headerBox .NaviBox .mem-ico>* img{margin:0 5px;}

    header .CIBox .logo{width:280px;margin-top: -5px;}

    header nav{display:none;}
    }
    @media screen and (max-width:960px) {
    header{height:80px;}
    header .CIBox .logo{width:260px;margin-top: 0px;}
    }
    @media screen and (max-width:768px) {
    header{height:70px;}
    header .headerBox .NaviBox .mem-ico{width: 190px; top:25px;right:11%;}

    header .CIBox .logo{width:250px;}

    header .depth2 > li > a{font-size:1.15rem;}

    header.menuOn{width:149px;z-index:5;}
    header.menuOn .headerBox > *:not(.logo){display:none;}
    header.menuOn .headerBox .logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);padding-left:20px;}
    }
    @media screen and (max-width:640px) {
    header .CIBox .logo{width:200px;}
    }
    @media screen and (max-width:500px) {
    header .headerBox .NaviBox .mem-ico{width: 88px; top:17px;right:13%;}
    header .headerBox .NaviBox .mem-ico>*{margin:0;}
    header .headerBox .NaviBox .mem-ico>a{width: 40px; font-size: 11px !important;}
    header .headerBox .NaviBox .mem-ico>* img{width: 20px;height: 19px; margin: 0 auto; margin-bottom: 5px; display: block !important;}
    header .headerBox .NaviBox .mem-ico img.mt{display: block !important;}
    header .headerBox .NaviBox .mem-ico img.st{display: none !important;margin:0 auto;}
    }
    @media screen and (max-width:400px) {
    header .CIBox .logo{width:180px;}
    }
    @media screen and (max-width:360px) {
    header .CIBox .logo{width:160px;}
        
    header .headerBox .NaviBox .mem-ico{width: 82px; top:20px;right:14%;}
    header .headerBox .NaviBox .mem-ico>* img{width: 18px;height: auto;}
    header .headerBox .NaviBox .mem-ico>a{font-size: 10px !important;}
    }

***/



/************************************************************************
* Main_visual *
************************************************************************/
.visual{padding-top: 110px;padding-left: 15px;}
.visual img{display: block;}


/************************************************************************
* sub_visual *
************************************************************************/
.svis{width: 1600px; height:420px;margin: 0 auto; position:relative;border-bottom: solid 1px #d9d9d9;}
.svis div{height:100%;position: relative;}
.svis div h2, .svis div font{position: absolute;color:#000;left:4%;}
.svis div h2{font-family:'Pretendard-Black' !important;bottom:32%;}

.svis.sub{background:url(/img/svis.png) no-repeat right bottom; transition:all 0.2s ease;}


/***
@media all and (max-width:1610px) {
.svis{width: 98% !important;height:400px;}
.svis.sub{background:url(/img/svis.png) no-repeat right bottom;background-size: 720px auto;transition:all 0.2s ease;}
}
@media all and (max-width:1280px){
.svis{height:380px;}
.svis.sub{background:url(/img/svis.png) no-repeat right bottom;background-size: 700px auto;}
}
@media all and (max-width:1100px) {
.svis{height:340px;}
.svis.sub{background:url(/img/svis.png) no-repeat right bottom;background-size: 600px auto;}
}
@media all and (max-width:960px) {
.svis{height:300px;}
.svis.sub{background:url(/img/svis2.png) no-repeat right 20px bottom 10px;background-size: 367px auto;}
.svis div h2{bottom:30%;}
}
@media all and (max-width:767px) {
.svis{height:280px;}
}
@media all and (max-width:640px) {
.svis{height:270px;}
.svis.sub{background:url(/img/svis2.png) no-repeat right 20px bottom 10px;background-size: 300px auto;}
}
@media all and (max-width:560px) {
.svis{height:260px;}
.svis.sub{background:url(/img/svis2.png) no-repeat right 0 bottom 10px;background-size: 280px auto;}
}
@media all and (max-width:460px) {
.svis{height:250px;}
.svis.sub{background:url(/img/svis3.png) no-repeat right 0 bottom 12px;background-size: 320px auto;}
    
.svis div h2, .svis div font{left:0;}
.svis div h2{width: 100%;text-align: center;bottom:34%;}
}
@media all and (max-width:360px) {
.svis{height:240px;}
.svis.sub{background:url(/img/svis3.png) no-repeat right 0 bottom 12px;background-size: 280px auto;}
}
***/



/************************************************************************
* left menu *
************************************************************************/
.side{position:relative;z-index:30;width:210px;font-size:0;line-height:0;margin-left: 30px !important;}
.side .side_title{position:relative;height:100px;background:#01b097;color:#fff;font-size:28px;line-height:110px !important;font-weight:400;text-align:center;line-height:36px;border-top-left-radius:25px;border-top-right-radius:25px;}
.side .side_title:before{display:inline-block;height:100%;vertical-align:middle;}
.side .side_title span{opacity:0.5;position:absolute;left:0;right:0;bottom:40px;color:#fff;font-size:12px;font-weight:200;line-height:20px;letter-spacing:0.5em;}
.side .side_smenu{width: 188px; position:relative; background:url(/img/01company/left_bg.gif);padding-right: 6px;}
.side .smenu *{transition-property:all;transition-duration:0.25s;transition-timing-function:ease-in-out;}
.side .smenu .depth1_text:after,
.side .smenu .depth2_text:after{display:block;position:absolute;top:0;right:19px;bottom:0;margin-top:auto;margin-bottom:auto;background-image:url(/img/side_sprite.png);font-size:0;}
.side .smenu .depth_text[target='_blank']:after{background-image:url(/site/public/images/sprite/blank_sprite.png);}
.side .smenu .depth1_item + .depth1_item{border-top:solid 1px #ddd;}
.side .smenu .depth1_item:last-child{border-bottom:solid 1px #ddd;}
.side .smenu .depth1_text{display:block;position:relative;padding:8px 45px 8px 20px;color:#262626;font-size:14px;text-decoration:none;line-height:24px;word-break:keep-all;transition-property:background,color,box-shadow;}
.side .smenu .depth1_text:hover{background-color:#28a6a1;color:#fff;}
.side .smenu .depth1_item.has .depth1_text:after{width:17px;height:17px;background-position:left top;transition:none;content:'닫힘';}
.side .smenu .depth1_item.has .depth1_text:hover:after{background-position:left 33.33%;}
.side .smenu .depth1_text[target='_blank']:after{width:17px;height:17px;background-position:left 50%;transition:none;}
.side .smenu .depth1_text[target='_blank']:hover:after{background-position:left 100%;}
.side .smenu .depth1_item.active{position:relative;z-index:10}
.side .smenu .depth1_item.active .depth1_text{border-bottom-right-radius:0;border-bottom-left-radius:0;background-color:#28a6a1;color:#fff;font-weight:600;/*border-bottom:solid 1px #ccc;*/}
.side .smenu .depth1_item.active .depth1_text:before{visibility:visible;opacity:1}
.side .smenu .depth1_item.active .depth1_text:hover{color:#fff;text-decoration:none;}
.side .smenu .depth1_item.has.active .depth1_text:after{background-position:left 66.66%;content:'열림';}
.side .smenu .depth1_item.has.active .depth1_text:hover:after{background-position:left 100%;}
.side .smenu .depth2{transition-property:visibility,opacity,background-color}
.side .smenu .depth2_list{transition-property:padding-top,padding-bottom;}
.side .smenu .depth2_item{margin-top:0;transition-property:margin-top}
.side .smenu .depth2_text{display:block;position:relative;padding-right:13px;padding-left:20px;text-decoration:none;transition:none;}
.side .smenu .depth2_text:before{display:none;opacity:0;visibility:hidden;position:absolute;top:10px;left:20px;width:4px;height:4px;border-radius:50%;background-color:#9b9b9b;transition-property:visibility,opacity;}
.side .smenu .depth2_item.has .depth2_text:after{display:inline-block;opacity:0;visibility:hidden;position:relative;top:9px;margin-left:5px;vertical-align:top;transition-property:visibility,opacity,background-color}
.side .smenu .depth2_text[target='_blank']:after{display:inline-block;top:auto;right:auto;bottom:auto;width:0;height:0;margin-left:5px;transition:none;}
.side .smenu .depth1_item.active .depth2{opacity:1;visibility:visible;border-top:2px solid #01b097;}
.side .smenu .depth1_item.active .depth2_list{padding-top:13px;padding-bottom:13px}
.side .smenu .depth1_item.active .depth2_item{margin-top:8px}
.side .smenu .depth1_item.active .depth2_item:first-child{margin-top:0}
.side .smenu .depth1_item.active .depth2_text{color:#444;font-size:14px;line-height:20px;}
.side .smenu .depth1_item.active .depth2_text:before{display:block;opacity:1;visibility:visible;background-color:#949494;}
.side .smenu .depth1_item.active .depth2_text:hover{color:#01b097;}
.side .smenu .depth1_item.active .depth2_text:hover:before{background-color:#01b097;}
.side .smenu .depth1_item.active .depth2_item.has .depth2_text:after{opacity:1;visibility:visible;width:10px;height:6px;background-position:left 76.62338%}
.side .smenu .depth1_item.active .depth2_text[target='_blank']:after{width:17px;height:17px;margin-top:3px;background-position:left top;}
.side .smenu .depth1_item.active .depth2_text[target='_blank']:hover:after{background-position:left 25%;}
.side .smenu .depth1_item.active .depth2_item.active .depth2_text{color:#01b097;}
.side .smenu .depth1_item.active .depth2_item.active .depth2_text:before{background-color:#01b097;}
.side .smenu .depth1_item.active .depth2_item.has.active .depth2_text:after{width:10px;height:6px;background-position:left 87.01299%}
.side .smenu .depth3{transition-property:visibility,opacity}
.side .smenu .depth3_list{margin-top:0;padding-top:0;transition-property:margin-top,padding-top,margin-bottom,padding-bottom}
.side .smenu .depth3_item{margin-top:0;transition-property:margin-top}
.side .smenu .depth3_text{position:relative;padding-left:0;color:#696969;font-size:0;line-height:0;letter-spacing:-0.03em;transition:none;}
.side .smenu .depth3_text:before{display:block;opacity:0;visibility:hidden;position:absolute;top:9px;left:0;width:0;height:0;background-color:#909090;transition:none;}
.side .smenu .depth3_text[target='_blank']:after{display:inline-block;width:0;height:0;margin-left:5px;transition:none}
.side .smenu .depth1_item.active .depth2_item.active .depth3{visibility:visible;opacity:1}
.side .smenu .depth1_item.active .depth2_item.has.active .depth3_list{margin-top:8px;margin-bottom:2px;padding:13px 15px 13px 35px;background-color:#f5f5f5;}
.side .smenu .depth1_item.active .depth2_item.active .depth3_item{margin-top:7px;}
.side .smenu .depth1_item.active .depth2_item.active .depth3_item:first-child{margin-top:0}
.side .smenu .depth1_item.active .depth2_item.active .depth3_text{padding-left:10px;font-size:14px;line-height:18px;}
.side .smenu .depth1_item.active .depth2_item.active .depth3_text:before{opacity:1;visibility:visible;width:2px;height:2px;}
.side .smenu .depth1_item.active .depth2_item.active .depth3_text:hover{text-decoration:underline}
.side .smenu .depth1_item.active .depth2_item.active .depth3_text.active{color:#313131;}
.side .smenu .depth1_item.active .depth2_item.active .depth3_text.active:before{border-color:#000;}

.select-nav-wrapper{display:none;}






/************************************************************************
* sub_gnb *
************************************************************************/
.cTitBox{padding:5px 10px; float: right;margin-right: 10px;}
.cTitBox img{margin-top: -4px;display: inline-block;}
.cTitBox a, .cTitBox font{color:#929292; font-weight: 200 !important;font-family: 'Pretendard-Thin'  !important;}
.cTitBox i{margin:0 7px;color:#929292;}



/************************************************************************
* sub_gnb *
************************************************************************/
.S_Navi{position: relative;left:3%;top:-70px;z-index: 999;}
.lnb{display: flex;margin: 0;}

.select-nav-wrapper .WRAP{width:100% !important;}
.select-nav-wrapper{display:block;position:relative;float: left; z-index:3;}
.select-nav-wrapper:after{content:" ";visibility:hidden;display:block;height:0;clear:both;}

.select-nav-wrapper .home{width:45px;padding:3px 0px; text-align:center;display:inline-block;float:left;position: relative;}

.select-nav{display:inline-block;float:left;}
.select-nav:after{content:" ";visibility:hidden;display:block;height:0;clear:both;}
.select-nav .select{float:left;width:auto;padding:5px 30px 5px 7px; position:relative;box-sizing:border-box;position: relative;}
.select-nav .select:after{width:9px;height:1px;background:#000;position:absolute; top:13px;left:0;display:block;content:"";}
.select-nav .select:first-child{border:0;}
.select-nav .select.d1{margin-left:0;}
.select-nav .select.d2{}
.select-nav .select .down{width:12px;height:7px;display:block;position:absolute;top:calc(50% - 5px);right:25px;line-height:9px;transition:all 0.5s;background:url(/img/select_arrow.png) no-repeat 0 0;background-size:cover;}
.select-nav .select.d2 .down{background:url(/img/select_arrow_c.png) no-repeat 0 0;}
.select-nav .select.on .down{transform:rotate(180deg);}
.select-nav .select button{width:100%;height:100%;padding-left:20px;padding-right:30px;text-align:left;outline:none;font-size:16px;color:#000;font-family:'Pretendard-Light' !important;}
.select-nav .select.d2 button{color: #0052cb !important;}
.select-nav .select > ul{display:none;position:absolute;top:100%;left:-5px;width:96%;border:1px solid rgba(0,0,0,0.1);backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); background: rgba(255,255,255,0.8);box-sizing:content-box;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.select-nav .select ul li{min-height:43px;line-height:43px;padding-left:15px;border-bottom:1px solid rgba(0,0,0,0.1);transition:all 0.1s ease;}
.select-nav .select ul li:last-child{border-bottom:none;}
.select-nav .select ul li a{color:#000;font-size:15px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.1s ease;}
.select-nav .select ul li:hover{background:rgba(0,0,0,0.25);transition:all 0.1s ease;}
.select-nav .select ul li:hover a{color:#fff;}

.select-nav .select ul li:nth-child(1):hover{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.select-nav .select ul li:last-child:hover{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}


.select-nav .select .down.no{display: none;}
.select-nav .select p{width:100%;height:100%;padding-right:50px;text-align:left;outline:none;font-size:16px;color:#414141;}

/***
@media all and (max-width:1100px){
.lnb{margin-left: 0px;}
.select-nav .select{}
.select-nav .select button{font-size:17px;padding-right:40px;}
.select-nav .select ul li a{font-size:16px;}
.select-nav .select ul li{min-height:50px;line-height:50px;}
    
.select-nav .select button{width:100%;height:100%;padding-right:50px;text-align:left;outline:none;font-size:16px;}
}
@media all and (max-width:960px){
.S_Navi{top:-50px;}
.select-nav .select button{padding-right:30px;}
.select-nav-wrapper .home{width:35px !important;}
}
@media all and (max-width:860px){
.select-nav .select button{padding-right:30px;}
}
@media all and (max-width:767px){
.lnb{width: 100%;}
.select-nav .select button{font-size:15px;}
.select-nav-wrapper .home{margin-top: -2px;}
}
@media all and (max-width:670px){
.select-nav .select{padding:5px 30px 5px 1px; }
.select-nav .select:after{display: none;}
.select-nav .select.d2{border-right:none;}
.select-nav .select .down{right:20px;}
    
.select-nav .select button{padding-left:10px;padding-right:20px;font-size:14px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.select-nav-wrapper .home{width:20px !important;}
.select-nav .select ul li{min-height:40px;line-height:40px;padding-left:18px;}
.select-nav .select ul li a{font-size:14px;}
    
.select-nav .select p{width: 100%; padding-left:10px;padding-right:20px;font-size:14px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}
@media all and (max-width:560px){
.select-nav .select{padding:5px 30px 5px 1px; }
.select-nav .select .down{right:15px;}
    
.select-nav .select button{padding-left:10px;padding-right:15px;}
.select-nav-wrapper .home{width:17px !important;}
}
@media all and (max-width:460px){
.lnb{justify-content: center;margin-bottom: 30px;}
.select-nav{width:calc(100% - 20px);}
.select-nav-wrapper .home{width:20px !important;}
.select-nav .select{padding:5px 20px 5px 1px;} 
.select-nav .select button{padding-left:5px;font-size:14px;}
.select-nav .select .down{right:10px;}
.select-nav .select ul li{min-height:40px;line-height:40px;padding-left:10px;}
.select-nav .select ul li a{font-size:14px;}
}
@media all and (max-width:400px){
.select-nav .select button{font-size:14px;}
.select-nav .select ul li a{font-size:13px;}
.select-nav .select.d1{width:40%;}
.select-nav .select.d2{width:60%;}
}
@media all and (max-width:380px){
.lnb{margin-bottom: 20px;}
.select-nav .select button{font-size:13px;}
.select-nav .select ul li a{font-size:12px;}
}
***/

/************************************************************************
* FOOTER *
************************************************************************/
footer{width:100%;padding-top:15px;background:url(/img/btbg.gif) repeat 0 0; margin-top: 50px;}

footer img.logo{}

footer .logoBox{width:80%;}

footer .terms{display:flex;}
footer .terms a{padding-right:14px;padding-left:14px;text-transform:uppercase;position:relative;}
footer .terms a:after{width:1px;height:10px;background:rgba(255,255,255,0.4);position:absolute;top:calc(50% - 5px);left:0;display:block;content:"";}
footer .terms a:hover{color:#fff;}
footer .terms a:first-child{padding-left:0 !important;}
footer .terms a:first-child:after{display:none;}

footer .copy{word-wrap:break-word;display:block;word-break:keep-all;line-height:170% !important;color:rgba(255,255,255,0.5);}
footer .copy br.hide, footer .copy br.hide2{display:none;}
footer font.type14 i{display:inline-block;}

footer .cusBox{width:20%;}
footer .cusBox *{text-align:right;}

footer .spot{display:flex;justify-content:flex-end;}
footer .spot a{padding-left:25px;}

/****
@media screen and (max-width:1500px){
footer img.logo{width: 75%;}
footer .logoBox .w40{width:50%;}
footer .logoBox .w60{width:50%;}
}
@media screen and (max-width:1280px){
footer{padding:50px 0;}
}
@media screen and (max-width:960px){
footer *{text-align:center;}

footer img.logo{width:280px;margin:0 auto 20px auto;display:block;}

footer .logoBox{width:100%;margin-bottom:30px;display: block;}
footer .logoBox .w40, footer .logoBox .w60{width:100% !important;}

footer .terms,
footer .spot{justify-content:center;}
footer .spot a{padding:0 10px;}

footer .cusBox{width:100%;}
footer .cusBox *{text-align:center;}
}
@media screen and (max-width:767px){
footer img.logo{width:240px;}

footer .copy br.hide{display:block;}
}
@media screen and (max-width:460px){
footer img.logo{width:230px;}
footer .copy{line-height:150% !important;}
footer .copy br.hide2{display:block;}
    
footer font.type14 i{display:none;}
}
@media screen and (max-width:360px){
}
****/




/************************************************************************
* right_fixed *
************************************************************************/
.right_fixed{position:fixed;top:87px;left:983px;z-index:99;}
.right_fixed a{}




/************************************************************************
* ETC *
************************************************************************/
#back2top{width:68px;height:68px;position:fixed;bottom:20px;right:20px;display:none;z-index:98;}
#back2top>img{width:100%;cursor:pointer;}

/****
@media screen and (max-width:960px){
#back2top{width:58px;height:58px;bottom:10px;right:10px;}
}
@media screen and (max-width:640px){
#back2top{width:48px;height:48px;}
}
@media screen and (max-width:460px){
#back2top{width:40px;height:40px;}
}
****/