@charset "utf-8";

@font-face {
    font-family: 'DoosanMetaPro-BlackItalic';
    src: url('../font/DoosanMetaPro-BlackItalic.eot'); /* IE9 Compat Modes */
    src: url('../font/DoosanMetaPro-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/DoosanMetaPro-BlackItalic.woff') format('woff'), /* Modern Browsers */
    url('../font/DoosanMetaPro-BlackItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/DoosanMetaPro-BlackItalic.svg#DoosanMetaPro-BlackItalic') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'EBGaramond';
    src: url('../font/EBGaramond-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('../font/EBGaramond-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/EBGaramond-BoldItalic.woff') format('woff'), /* Modern Browsers */
    url('../font/EBGaramond-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/EBGaramond-BoldItalic.svg#EBGaramond-BoldItalic') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
    @font-face {
        font-family: 'BEBAS';
        src: url('../font/BEBAS.eot');
        src: url('../font/BEBAS.eot') format('embedded-opentype'),
             url('../font/BEBAS.woff2') format('woff2'),
             url('../font/BEBAS.woff') format('woff'),
             url('../font/BEBAS.ttf') format('truetype'),
             url('../font/BEBAS.svg#BEBAS') format('svg');
    }


*{margin:0; padding:0; box-sizing:border-box;}
html{width:100%; height:100%}
body{position:relative; font-family:'Noto Sans', 'Gothic', sans-serif; font-weight:400; font-size:16px; color:#666; letter-spacing:-0.6px; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1; -webkit-overflow-scrolling: touch;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle}
input, select{vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:'Montserrat', 'Noto Sans', 'Gothic', sans-serif; font-weight:400; color:#000; letter-spacing:-0.6px; border-radius:0; font-size:16px}
input{padding:3px 20px;}
option{padding:10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:40px; border:1px solid #e1e1e1; color:#999; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {width:278px; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
select{padding:5px; height:40px; border:1px solid #e1e1e1; background:#fff;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:'Noto Sans', 'Gothic', sans-serif; font-weight:400; color:#555; font-size:16px; letter-spacing:-0.6px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#555;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:16px; font-family:'Noto Sans', 'Gothic', sans-serif; font-weight:400}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
strong,b{font-family:'Noto Sans'; font-weight:700}
th{font-family:'Noto Sans'; font-weight:500}
::-webkit-input-placeholder {color:#bbb; font-weight:300; font-size:16px;}
:-moz-placeholder {color:#bbb; font-weight:300; font-size:16px;}
::-moz-placeholder {color:#bbb; font-weight:300; font-size:16px;}
:-ms-input-placeholder {color:#bbb; font-weight:300; font-size:16px;}
:placeholder-shown {color:#bbb; font-weight:300; font-size:16px;}

.fontItalic{font-family: 'EBGaramond'; }

/* 간격 */
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}
.mb0{margin-bottom:0px !important;}

/*단일 클래스*/
.skip{position:fixed; top:-10000px; z-index:100; padding:20px 0; width:100%; height:50px; text-align:center; color:#000; background:#ccc;}
.skip:focus{top:0;}
.inner{position:relative; margin:0 auto; width:1180px;}
.inner:after{content:""; display:block; clear:both;}
.innerWide{position:relative; margin:0 auto;}
.innerWide:after{content:""; display:block; clear:both;}
.blind{text-indent:-9999px; font-size:0 !important;}
.clear:after{display:block; content:""; clear:both;}
.abbr{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.titleH{font-size:40px; color:#333; font-weight:900;}
.doosanFont{font-family:"DoosanMetaPro-BlackItalic"; font-size:115px; color:#fff; line-height:95px;}
.taL{text-align:left !important;}
.taR{text-align:right !important;}
.onlyWeb{display:block;}
.onlyMob{display:none;}
body.block{overflow:hidden;}

#topBanner{display:none; position:relative; min-width:1280px; background:linear-gradient(140deg, #5998d2, #262f64);}
#topBanner .btnClose{position:absolute; top:50px; right:50px; z-index:11; width:26px; height:26px; background:url("../images/btn_kakaoASpop.png") no-repeat 0 0;}
#topBanner .swiper-slide{display:block; padding:80px 0 100px;}
#topBanner .swiper-slide.imgType{padding:0;}
#topBanner .swiper-slide.imgType img{width:100%;}
#topBanner .swiper-slide .bannerRoll{display:block; text-align:center;}
#topBanner .swiper-slide .bannerRoll .txt1{font-size:24px; color:#fff; font-weight:300;}
#topBanner .swiper-slide .bannerRoll .txt2{padding-top:10px; font-size:32px; color:#fff; font-weight:700;}
#topBanner .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom:40px !important;}
#topBanner .swiper-pagination-bullet{width:8px; height:8px; background:rgba(255,255,255,0.5);}
#topBanner .swiper-pagination-bullet-active{width:30px; border-radius:30px; background:#fff;}
#topBanner .chkToday{position:absolute; bottom:30px; right:40px; z-index:1;}
#topCookie{display:none; position:relative; min-width:1280px; background:linear-gradient(140deg, #5998d2, #262f64);}
#topCookie .btnClose{position:absolute; top:50px; right:50px; z-index:11; width:26px; height:26px; background:url("../images/btn_kakaoASpop.png") no-repeat 0 0;}
#topCookie .inner{padding:80px 0; font-size:18px; color:#fff; font-family:"Montserrat", 'Noto Sans', 'Gothic', sans-serif; line-height:24px;}
#topCookie .inner a{color:#fff; font-weight:700; text-decoration:underline;}

#wrap{position:relative; width:100%; min-width:1280px;}
#header{position:relative; z-index:11; width:100%; height:100px; background:#0d1233;}
#header .logo{position:absolute; top:0; left:0; width:440px; height:100%; background:url("../images/logo.png") no-repeat 30px center;}
#header .logo a{display:block; width:100%; height:100%;}
#header .logo .slong{font-size: 12px;font-weight: 300;color: #fff;line-height: 14px;margin: 20px 0 0 210px;border-left: 1px solid #262a48;padding-left: 15px;}
#header .utils{position:absolute; top:0; right:0; width:200px; height:100px;}
#header .utils .btnSearch{position:absolute; top:0; right:200px; width:50px; height:100px; background:url("../images/icon_header_search.png") no-repeat center center;}
#header .utils .headerSearch{display:none; position:fixed; top:-100%; left:0; z-index:5; padding-bottom:80px; width:100%; background:#fff;}
#header .utils .headerSearch .btnClose{position:absolute; top:0; right:0; width:100px; height:100px; background:url("../images/btn_headerSearch_close.jpg") no-repeat 0 0;}
#header .utils .headerSearch .inner{padding:100px 0 120px; width:1080px;}
#header .utils .headerSearch .inner .toggleArea{display:flex; justify-content:center; margin-bottom:42px;}
#header .utils .headerSearch .inner .toggleArea .txt{display:inline-block; margin-top:6px; font-size:30px; color:#ccc; font-weight:700;}
#header .utils .headerSearch .inner .toggleArea .txt.on{color:#333;}
#header .utils .headerSearch .inner .toggleArea .toggle{display:inline-block; position:relative; margin:0 25px; width:90px; height:38px; border-radius:38px; background:#5998d2;}
#header .utils .headerSearch .inner .toggleArea .toggle:after{display:block; content:""; position:absolute; top:4px; left:4px; width:30px; height:30px; border-radius:30px; background:#fff; transition:all 0.1s ease-out;}
#header .utils .headerSearch .inner .toggleArea .toggle.on:after{left:56px;}
#header .utils .headerSearch .input{position:relative; padding-right:50px; height:80px; border-bottom:1px solid #333;}
#header .utils .headerSearch .input input{padding:20px; width:100%; height:78px; font-size:30px; font-weight:300; color:#888; border:0;}
#header .utils .headerSearch .input .btn{position:absolute; top:12px; right:0; width:36px; height:38px; background:url("../images/icon_input_headerSearch.png") no-repeat 0 0;cursor: pointer;}
#header .utils .headerSearch .tag{margin-top:30px;}
#header .utils .headerSearch .tag a{display:inline-block; margin:2px 2px 2px 0; padding:12px 18px; height:40px; font-size:14px; color:#666; font-weight:700; border:1px solid #ddd;}
#header .utils .headerSearch .input .autoMade {position:absolute; top:80px; left:0; width:100%; padding:35px 50px; background:#fff; border:1px solid #dddddd; border-top:#333333; z-index:1}
#header .utils .headerSearch .input .autoMade .word {display:inline-block; line-height:48px; font-size:18px; color:#333333; font-weight:300}
#header .utils .headerSearch .input .autoMade .word:hover {color:#5998d2}
#header .utils .lang{position:absolute; top:0; right:135px; width:50px; height:100px;}
#header .utils .lang > a{position:absolute; top:42px; padding-right:20px; font-size:14px; color:#fff; font-family:"Montserrat", "Noto Sans", 'Gothic', sans-serif; font-weight:700;}
#header .utils .lang > a:after{display:block; content:""; clear:both; position:absolute; top:5px; right:0; width:10px; height:5px; background:url("../images/icon_header_arrow.png") no-repeat 0 0;}
#header .utils .lang > a.active:after{background:url("../images/icon_header_arrow_active.png") no-repeat 0 0;}
#header .utils .lang .slcBox{display:none; position:absolute; top:100px; left:-45px; padding:15px 0; width:130px; background:#fff;}
#header .utils .lang .slcBox > a{display:block; padding:15px 0; width:100%; text-align:center; font-size:14px; color:#0d1233; font-family:"Montserrat", "Noto Sans", 'Gothic', sans-serif; font-weight:700;}
#header .utils .btnAllMenu{position:absolute; top:0; right:0; width:100px; height:100%; background:#5998d2;}
#header .utils .btnAllMenu > div{position:absolute; top:48px; left:36px; width:16px; height:3px; background:#fff; }
#header .utils .btnAllMenu > div:before{display:block; content:""; position:absolute; top:-9px; left:0; width:28px; height:3px; background:#fff;}
#header .utils .btnAllMenu > div:after{display:block; content:""; position:absolute; top:9px; left:0; width:28px; height:3px; background:#fff;}
#header .utils .btnAllMenu:hover > div{animation:gnbAni1 0.5s ease-out;}
#header .utils .btnAllMenu:hover > div:before{animation:gnbAni2 0.5s ease-out;}
#header .utils .btnAllMenu:hover > div:after{animation:gnbAni2 0.5s ease-out;}
#header .utils .allMenu{display:none; position:fixed; top:0; left:0; z-index:3; width:100%; height:100vh; overflow-y:auto; background:#5998d2;}
#header .utils .allMenu .allMenuLogo{position:absolute; top:0; left:0; width:280px; height:100px; background:url("../images/logo.png") no-repeat center center;}
#header .utils .allMenu .btnClose{position:absolute; top:40px; right:40px; width:26px; height:26px; background:url("../images/btn_kakaoASpop.png") no-repeat 0 0;}
#header .utils .allMenu .upArea{min-width:1280px; padding:180px 0 30px; border-bottom:10px solid rgba(255,255,255,0.3);}
#header .utils .allMenu .upArea .inner{display:flex; width:1280px !important;}
#header .utils .allMenu .upArea .inner .eDiv{display:flex; position:relative;}
#header .utils .allMenu .upArea .inner a{position:relative;padding:0 31px; font-size:40px; color:#fff; font-weight:300; letter-spacing:-1px;}
#header .utils .allMenu .upArea .inner > a{padding-left:0;}
#header .utils .allMenu .upArea .inner .liner.active:before{display:inline-block; content:""; position:absolute; bottom:-40px; left:-0px; width:100%; height:10px; background:#fff;}
#header .utils .allMenu .downArea{min-width:1280px; padding:50px 0 120px; font-family:"Montserrat", "Noto Sans", 'Gothic', sans-serif; font-weight:300; background:#fff;}
#header .utils .allMenu .downArea .inner{width:1280px !important;}
#header .utils .allMenu .downArea .firTit{font-size:30px; color:#5998d2; font-weight:700;}
#header .utils .allMenu .downArea .twoDep{overflow:hidden; padding-bottom:40px; border-bottom:1px solid #5998d2;}
#header .utils .allMenu .downArea .twoDep:nth-of-type(1){margin-top:50px; border-top:1px solid #5998d2;}
#header .utils .allMenu .downArea .nonProductType .twoDep:nth-of-type(1){margin-top:0; border-top:0;}/* 2019-07-23 추가 */
#header .utils .allMenu .downArea .twoDep .leftArea{padding-top:50px; float:left; width:256px; font-size:30px; color:#5998d2; font-weight:700; line-height:38px;}
#header .utils .allMenu .downArea .twoDep .rightArea{display:flex; flex-wrap:wrap; float:left; width:1024px;}
#header .utils .allMenu .downArea .twoDep .rightArea .menu{padding-top:50px; padding-right:20px; width:25%;}
#header .utils .allMenu .downArea .twoDep .rightArea .menu .thrDep{display:block; padding-bottom:10px; font-size:20px; color:#5998d2; font-weight:700;}
#header .utils .allMenu .downArea .twoDep .rightArea .menu .child a{display:block; padding:10px 0; font-size:16px; color:#666;}
#header .utils .allMenu .downArea .twoDep .name{padding-top:50px; font-size:40px; color:rgba(89,152,210,0.6); font-weight:300;}
#header .utils .allMenu .downArea .twoDep:nth-of-type(1) .name{padding-top:0}/* 2019-07-23 추가 */
#header .utils .allMenu .downArea .twoDep .thrDep{display:flex; flex-wrap:wrap;}
#header .utils .allMenu .downArea .twoDep .thrDep .menu2{display:block; padding-top:50px; padding-right:30px; width:20%;}
#header .utils .allMenu .downArea .twoDep .thrDep .menu2 > a{display:block; padding-bottom:10px; font-size:26px; color:#5998d2; font-weight:700; line-height:28px;}
#header .utils .allMenu .downArea .twoDep .thrDep .menu2 .child a{display:block; padding:10px 0; font-size:16px; color:#666;}
#header .utils .allMenu .downArea .twoDep .colorBlack{font-weight:700 !important; color:#0d1233 !important;}
#header .utils .allMenu .downArea .tag{display:flex; margin-top:50px;}
#header .utils .allMenu .downArea .tag a{display:block; margin-left:10px; padding:0 30px; height:54px; color:#666; line-height:54px; border:1px solid #ddd;}
#header .utils .allMenu .downArea .tag a:first-child{margin-left:0;}
@keyframes gnbAni1 {0%{width:16px;}50%{width:5px;}100%{width:16px;}}
@keyframes gnbAni2 {0%{width:28px;}50%{width:5px;}100%{width:28px;}}
#header .gnb{display:flex; justify-content:center; font-family:'Noto Sans', 'Gothic', sans-serif; font-weight:400;}
#header .gnb .oneDep{position:relative;}
#header .gnb .oneDep > a{display:block; position:relative; padding:0 45px; height:100px; line-height:100px; font-size:18px; color:#dfdf23; font-weight:300;}
#header .gnb .oneDep > a span{display:block; position:relative;}
#header .gnb .oneDep.active > a{font-weight:700;}
#header .gnb .oneDep.active > a span:after{display:block; content:""; position:absolute; left:-10px; bottom:0; width:calc(100% + 20px); height:5px; background:#dfdf23;}
#header .gnb .oneDep .twoDep{display:none; position:absolute; top:100px; left:-70px; width:300px; background:#fff;}
#header .gnb .oneDep .twoDep .boxMaker{position:relative; padding:60px 0; height:100%;}
#header .gnb .oneDep .boxMaker a{display:block; position:relative; padding:15px 20px 15px 50px; width:100%; font-size:16px; color:#666;}
#header .gnb .oneDep .boxMaker a.active{color:#333; font-weight:700;}
#header .gnb .oneDep .boxMaker a.active span{position:relative; z-index:1;}
#header .gnb .oneDep .boxMaker a.active span:after{display:inline-block; content:""; position:absolute; bottom:0; left:0; z-index:-1; width:100%; height:5px; background:#9bc1e4;}
#header .gnb .oneDep .boxMaker a.hasChild{background:url("../images/icon_gnbHasChild.gif") no-repeat right+20px center;}
#header .gnb .oneDep .boxMaker a.active.hasChild{background:url("../images/icon_gnbHasChild_on.gif") no-repeat right+20px center;}
#header .gnb .oneDep.wideDep .twoDep{position:fixed; left:0; padding-left:320px; padding-bottom:80px; width:100%; background:#fff;}
#header .gnb .oneDep.wideDep .twoDep .boxMaker{width:320px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#header .gnb .oneDep.wideDep .boxMaker a{display:block; position:relative; padding:15px 40px 15px 20px; font-size:16px; color:#666;}
#header .gnb .oneDep .thrDep{display:none; position:absolute; top:0; left:100%; height:100%;}
#header .gnb .oneDep .forDep{display:none; position:absolute; top:0; left:100%; height:100%;}
#header .gnb .oneDep .forDep .boxMaker{overflow-y:auto;}
#header .gnb .prodInfoArea{position:absolute; top:80px; right:0px; max-width:500px; height:454px; width:100%;}    /*0610*/
#header .gnb .prodInfoArea .txt{padding:0 25px; font-size:30px; color:#333; font-weight:300; line-height:34px;}  /*0610*/
#header .gnb .prodInfoArea .imgArea{padding:10px 25px 0; width:100%; height:260px; overflow:hidden; text-align:center;}   /*0610*/
#header .gnb .prodInfoArea .imgArea img{/*width:100%; */height:100%;}   /*0610*/
#header .gnb .prodInfoArea .dataArea{display:flex; position:absolute; bottom:0; left:0; width:100%;}    /*0610*/
#header .gnb .prodInfoArea .dataArea .data{padding:20px; width:100%; border-left:1px solid #ddd; background:#f4f4f4}    /*0610*/
#header .gnb .prodInfoArea .dataArea .data:first-child{border-left:0;}  /*0610*/
#header .gnb .prodInfoArea .dataArea .data .t1{font-size:15px; font-weight:300;}    /*0610*/
#header .gnb .prodInfoArea .dataArea .data .t2{padding-top:8px; font-family:"Montserrat", "Noto Sans", "Gothic"; font-weight:700; color:#333;}    /*0610*/
#header .mCSB_container{display:block !important;}
.btnDirectProd{display:block; position:absolute; bottom:0; left:0; width:100%; height:80px; font-size:20px; color:#fff; font-weight:700; line-height:80px; text-align:center; background:#5998d2;}
.btnDirectProd span{display:inline-block; padding-left:45px; height:100%; background:url("../images/icon_btnDirectProd.png") no-repeat 0 center;}

.subVisual{position:relative; z-index:10; width:100%; height:520px;background-size:auto 630px;background-position:  center 0;background-attachment: fixed;}
.subVisual.v2 {
    background-image: url("../images/subVisual2.jpg");
}

/* IE10+ ie background fixed 대응 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .subVisual{background-size:auto 630px;background-position:  center 0;background-attachment: fixed;}
}
.subVisual h2{display:block; position:relative; height:100%;}
.subVisual .tit{position:relative; height:450px; text-align:center;}
.subVisual .tit p{display:inline-block; position:relative; top:200px; font-family:"Montserrat", 'Noto Sans', 'Gothic', sans-serif; font-weight:700; font-size:58px; color:#fff;}
.subVisual .tit p span{position:relative; left:150px; opacity:0;}
.subVisual .location{position:absolute; bottom:0; width:100%; height:70px; font-family:"Montserrat", 'Noto Sans', 'Gothic', sans-serif; font-weight:300; background:rgba(89, 152, 210, 0.85);}
.subVisual .location.fixed{position:fixed; top:0; bottom:unset;}
.subVisual .location .inner{height:100%;}
.subVisual .location .home{display:block; float:left; width:72px; height:100%; border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3); background:url("../images/icon_location_home.png" ) no-repeat center center;}
.subVisual .location .menuCont{float:left; width:calc(100% - 72px);}
.subVisual .location .menuCont:after{display:block; content:""; clear:both;}
.subVisual .location .menu{display:block; position:relative; float:left; width:554px; width:25%; height:100%;}
.subVisual .location .menu > a{display:block; position:relative; padding:0 40px 0 30px; width:100%; height:100%; font-size:16px; color:#fff; font-weight:300; line-height:70px; border-right:1px solid rgba(255,255,255,0.3);}
.subVisual .location .menu > a:before{display:block; position:absolute; top:28px; right:30px; content:""; width:2px; height:14px; background:#fff; clear:both; transition:all 0.5s ease;}
.subVisual .location .menu > a:after{display:block; position:absolute; top:34px; right:24px; content:""; width:14px; height:2px; background:#fff; clear:both;}
.subVisual .location .menu.on > a:before{transform:rotate(-450deg);}
.subVisual .location .menu .slideBox{display:none; position:absolute; top:70px; padding:15px 30px; width:100%; background:#427fb7;}
.subVisual .location .menu .slideBox > p > a{display:inline-block; padding:12px 0; font-size:16px; color:rgba(255,255,255,0.5); font-weight:300;}
.subVisual .location .menu .slideBox > p > a.on{color:#fff;}
.subVisual .location .menu .slideBox > p > a:hover{color:#fff;}
.subVisual .location .menu .slideBox .twoDepEst{display:none; position:absolute; top:0; left:100%; padding:15px 30px; width:100%; background:#427fb7;}
.subVisual .location .menu .slideBox .twoDepEst > p > a{display:inline-block; padding:12px 0; font-size:16px; color:rgba(255,255,255,0.5); font-weight:300;}
.subVisual .location .menu .slideBox .twoDepEst > p > a.on{color:#fff;}
.subVisual .location .menu .slideBox .twoDepEst > p > a:hover{color:#fff;}
.subVisual .location .menu .slideBox .thrDepEst{display:none; position:absolute; top:0; left:100%; padding:15px 30px; width:100%; background:#427fb7;}
.subVisual .location .menu .slideBox .thrDepEst > p > a{display:inline-block; padding:12px 0; font-size:16px; color:rgba(255,255,255,0.5); font-weight:300;}
.subVisual .location .menu .slideBox .thrDepEst > p > a.on{color:#fff;}
.subVisual .location .menu .slideBox .thrDepEst > p > a:hover{color:#fff;}
.subVisual .location .menu .slideBox .forDepEst{display:none; position:absolute; top:0; left:100%; padding:15px 30px; width:100%; background:#427fb7;}
.subVisual .location .menu .slideBox .forDepEst > p > a{display:inline-block; padding:12px 0; font-size:16px; color:rgba(255,255,255,0.5); font-weight:300;}
.subVisual .location .menu .slideBox .forDepEst > p > a.on{color:#fff;}
.subVisual .location .menu .slideBox .forDepEst > p > a:hover{color:#fff;}

#content{padding:120px 0;}
#contents{padding:0px 0;}
#content.noPDT{padding-top:0;}
#content.noPDB{padding-bottom:0;}
#content.noPD{padding:0;}
.formGroup{display:inline-block;}
.formGroup .chkBox{display:inline-block; position:relative; top:4px; width:20px; height:20px; background:url("../images/icon_chkBox.jpg") no-repeat 0 0;}
.formGroup .chkBox.active{background:url("../images/icon_chkBox_on.jpg") no-repeat 0 0;}
.formGroup .chkBox input[type="checkbox"]{position:absolute; top:0; left:0; z-index:1; width:20px; height:20px; opacity:0;}
.formGroup label{padding-left:5px; font-size:16px; color:#fff; font-weight:300;}
.formInput .ipTxt{}
.formInput .ipTxt input[type="text"]{width:100%; height:54px;}
.formInput .ipTxt textarea{width:100%; height:250px; resize:none;}
.slcArea{display:flex;}
.slcArea .slc{position:relative; width:100%; height:54px;}
.slcArea .slc > a{display:block; padding:18px 35px 18px 20px; height:100%; font-size:16px; color:#333; font-weight:300; border:1px solid #ddd; background:url("../images/icon_selectBox.png") no-repeat right+15px center;}
.slcArea .slc > a.on{background:url("../images/icon_selectBox_on.png") no-repeat right+15px center;}
.slcArea .slcList{display:none; position:relative; z-index:1; overflow-y:auto;max-height:250px; height:0; border:1px solid #ddd; border-top:0; background:#fff;}
.slcArea .slcList > div{padding:30px; }
.slcArea .slcList > div > a{display:block; padding:8px 0; font-size:16px; color:#666; font-weight:300; }
.slcArea .slcList > div > a:first-child{padding-top:0;}
.slcArea .slcList > div > a:hover{color:#5998d2;}
.slcArea .slcInsert{display:block; position:absolute; top:0; padding:18px 35px 18px 20px; width:100%; height:100%; font-size:16px; color:#bbb; font-weight:300; border:1px solid #ddd; background:url("../images/icon_selectBox.png") no-repeat right+15px center;}
.slcArea .slcInsert.on{background:url("../images/icon_selectBox_on.png") no-repeat right+15px center;}
.slcArea select{width:100%; height:100%; opacity:0;}
.listNodata{padding:325px 0 200px; font-size:28px; color:#666; font-weight:300; text-align:center; border-bottom:5px solid #ededed; background:url("../images/icon_nodata.png") no-repeat center 180px;}
.listNodata.lineType{border-top:10px solid #ededed;}
.tagSearchArea{width:100%; background:url("../images/searchArea_bg.jpg") no-repeat center center; background-size:cover;}
.tagSearchArea .inner{padding:120px 0;}
.tagSearchArea .title{padding-bottom:96px; text-align:center; font-size:50px; color:#fff; font-weight:900;}
.tagSearchArea .search{display:table;}
.tagSearchArea .search{overflow:hidden;}
.tagSearchArea .search .inputD{display:table-cell; width:950px; height:70px;}
.tagSearchArea .search .inputD input{width:100%; height:100%;}
.tagSearchArea .search .inputD ::-webkit-input-placeholder {color:#bbb; font-weight:300; font-size:18px;}
.tagSearchArea .search .inputD :-moz-placeholder {color:#bbb; font-weight:300; font-size:18px;}
.tagSearchArea .search .inputD ::-moz-placeholder {color:#bbb; font-weight:300; font-size:18px;}
.tagSearchArea .search .inputD :-ms-input-placeholder {color:#bbb; font-weight:300; font-size:18px;}
.tagSearchArea .search .inputD :placeholder-shown {color:#bbb; font-weight:300; font-size:18px;}
.tagSearchArea .search .btn{display:table-cell; width:230px; font-size:20px; color:#fff; font-weight:700; text-align:center; vertical-align:middle; background:#0d1233;}
.tagSearchArea .tag{margin-top:25px;}
.tagSearchArea .tag a{display:inline-block; margin:5px 2px 5px 0; padding:10px 18px; height:40px; font-size:16px; color:#fff; font-weight:700; border:1px solid #fff;}
.tagSearchArea .tag a.on{color:#dfdf23; border:1px solid #0d1233; background:#0d1233;}
.searchResultArea{margin-top:50px;}
.searchResultArea .totalNum{font-size:30px; color:#333; font-weight:900;}
.searchResultArea .resultBox{display:flex; flex-wrap:wrap; margin-top:50px; overflow:hidden;}
.searchResultArea .resultBox .list{display:block; position:relative; float:left; margin:0 20px 0 0; width:280px;}
.searchResultArea .resultBox .list:nth-child(4n){margin-right:0;}
.searchResultArea .resultBox .list:nth-child(n+5){margin-top:40px;}
.searchResultArea .resultBox .list .img{display:block; position:relative; overflow:hidden; width:100%; height:210px; background:url("../images/default_thumb_img.jpg") no-repeat 0 0;}
.searchResultArea .resultBox .list .img:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}/* 2019-07-02 추가 */
.searchResultArea .resultBox .list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%;}
.searchResultArea .resultBox .list .img .btnPdf{position:absolute; top:0; right:0; width:50px; height:50px; background:url("../images/btn_thumb_pdfdown.gif") no-repeat 0 0;}
.searchResultArea .resultBox .list .infoArea{margin-top:30px;}
.searchResultArea .resultBox .list .infoArea .subj{display:block; max-height:52px; overflow:hidden; font-size:20px; color:#333; font-weight:700; line-height:26px;}
.searchResultArea .resultBox .list .infoArea .txt{margin-top:15px; max-height:45px; overflow:hidden; color:#666; font-weight:300; line-height:22px;}
.searchResultArea .resultBox .list .infoArea .date{margin-top:25px; font-size:14px; color:#666; font-weight:300;}
.searchResultArea .resultBox .list .infoArea .tag{margin-top:28px;}
.searchResultArea .resultBox .list .infoArea .tag span{display:inline-block; margin:2px 2px 2px 0; padding:12px 18px; height:40px; font-size:14px; color:#666; font-weight:700; border:1px solid #ddd;}
.searchResultArea .resultBox .list.movieType .img:before{display:block; content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.searchResultArea .resultBox .list.movieType .img:after{display:block; content:""; position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%, -50%); width:26px; height:30px; background:url("../images/icon_moviePlay.png") no-repeat 0 0; opacity:1;}
.searchResultArea .swipeType .resultBox{flex-wrap:inherit; overflow:visible;}
.searchResultArea .swipeType .resultBox .list{margin:0;}
.searchResultArea .resultjobBox{display:flex; flex-wrap:wrap; margin-top:50px; overflow:hidden;}
.searchResultArea .resultjobBox .list{display:block; position:relative; margin:0 0 15px; width:100%;padding-bottom: 15px; border-bottom: 1px solid #f3f3f3;}
.searchResultArea .resultjobBox .list .infoArea .subj{display:block;overflow:hidden; font-size:20px; color:#333; font-weight:700; line-height:26px;}
.searchResultArea .resultjobBox .list .infoArea .date{margin-top:10px; font-size:14px; color:#666; font-weight:300;line-height: 25px;}
.searchResultArea .resultjobBox .list .infoArea .date span{float: right;}

.viewPage{}
.viewPage .title{font-size:40px; color:#333; font-weight:700; text-align:center; line-height:52px;}
.viewPage .title2{font-size:50px; color:#333; font-weight:700; text-align:center; line-height:62px;}
.viewPage .subT{padding-top:30px; font-size:18px; color:#333; font-weight:300; text-align:center;}
.viewPage .subT2{padding-top:25px; font-size:18px; color:#333; font-weight:300; text-align:center;}
.viewPage .subT .bold{padding-right:20px; color:#333; font-weight:700;}
.viewPage .subT .day{color:#666;}
.viewPage .detailTxt{padding:70px 0 80px; font-size:18px; color:#666; font-weight:300; line-height:30px; overflow:hidden;}
.viewPage .detailTxt.pdType{padding:70px 0 120px;}
.viewPage .detailTxt .img{padding-bottom:50px;}
.viewPage .detailTxt .boldTxt{font-size:24px; color:#333; font-weight:700;}
.viewPage .detailTxt .bgTitle{margin-top:80px; padding:35px 20px; text-align:center; font-size:26px; color:#fff; font-weight:700; line-height:32px; background:linear-gradient(90deg, rgba(89,152,210,1), rgba(89,152,210,1), rgba(38,47,100,1), rgba(38,47,100,1)); background-size:cover;}
.viewPage .detailTxt .twowayType{overflow:hidden; margin-top:50px;}
.viewPage .detailTxt .twowayType > div{float:left; overflow:hidden;}
.viewPage .detailTxt .twowayType > div:nth-child(2){margin-left:50px;}
.viewPage .detailTxt .twowayType .imgArea{width:590px;}
.viewPage .detailTxt .twowayType .imgArea img{width:100%;}
.viewPage .detailTxt .twowayType .txtArea{padding-top:50px; width:540px;}
.viewPage .detailTxt .movieType{margin-top:50px;}
.viewPage .detailTxt .movieType a{position:relative; display:block;}
.viewPage .detailTxt .movieType a:before{display:block; content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.viewPage .detailTxt .movieType a:after{display:block; content:""; position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%, -50%); width:48px; height:56px; background:url("../images/icon_moviePlay_big.png") no-repeat 0 0;}
.viewPage .detailTxt .movieType .subtitle{padding-top:50px;}
.viewPage .detailTxt .movieType .subtitle > p{font-size:20px; color:#333; font-weight:700;}
.viewPage .detailTxt .movieType .subtitle > div{margin-top:20px; padding:27px; height:150px; border:1px solid #ddd; overflow-y:auto; font-size:15px; color:#555; font-weight:300; line-height:22px;}
.viewPage .fileArea{padding:45px 0; background:#f4f4f4;}
.viewPage .fileArea .tit{font-size:20px; color:#333; font-weight:700;}
.viewPage .fileArea .file{padding-bottom:50px;}
.viewPage .fileArea .file > div{padding-top:20px;}
.viewPage .fileArea .file > div a{display:inline-block; margin:0 2px 5px 0; padding:0 30px; height:50px; line-height:50px; font-size:16px; color:#666; font-weight:700; border:1px solid #ddd; border-radius:50px; background:#fff; transition:all 0.5s ease;}
.viewPage .fileArea .file > div a:hover{color:#fff; border:1px solid #5998d2; background:#5998d2;}
.viewPage .fileArea .tag > div{padding-top:20px;}
.viewPage .fileArea .tag > div span{display:inline-block; margin:0 2px 5px 0; padding:0 20px; height:40px; line-height:40px; font-size:14px; color:#666; font-weight:700; border:1px solid #ddd;}
.viewPage .fileArea.whtType{margin:auto; width:1180px; border-top:1px solid #ddd; background:#fff;}
.viewPage .pnMoveArea{height:120px; background:url("../images/pnMoveArea_bg.jpg") no-repeat right 0 #959da4;}
.viewPage .pnMoveArea .inner{height:100%;}
.viewPage .pnMoveArea .inner a{display:block;}
.viewPage .pnMoveArea .inner a:nth-child(1){float:left; padding:0 40px 0 40px; width:530px; height:100%; text-align:left; background:url("../images/icon_pnMove_left.png") no-repeat 0 center;}
.viewPage .pnMoveArea .inner a:nth-child(2){float:left; width:120px; height:100%; background:url("../images/icon_pnMove_list.png") no-repeat center center #7f868c;}
.viewPage .pnMoveArea .inner a span{display:block; line-height:120px; font-size:18px; color:#fff; font-weight:700;}
.viewPage .pnMoveArea .inner a:nth-child(3){float:left; padding:0 40px 0 40px; width:530px; height:100%; text-align:right; background:url("../images/icon_pnMove_right.png") no-repeat right center;}
.viewPage .pnMoveArea .inner a.noLink span{color:rgba(255,255,255,0.5);}
.listTypeModule{display:flex; flex-wrap:wrap; margin-top:120px;}
.listTypeModule .list{position:relative; padding:45px 35px; width:575px; height:270px; border:5px solid #f4f4f4; transition:all 0.4s ease-out;}
.listTypeModule .list:nth-child(2n+1){margin-right:30px;}
.listTypeModule .list:nth-child(n+3){margin-top:30px;}
.listTypeModule .list .title{display:block; font-size:26px; color:#333; font-weight:300; line-height:34px;}
.listTypeModule .list .date{padding-top:10px; font-size:20px; color:#666; font-family:"Montserrat", "Noto Sans", "Gothic", sans-serif; font-weight:300;}
.listTypeModule .list .wDay{position:absolute; bottom:40px; color:#999;}
.listTypeModule .list .wDay span{padding-left:5px; font-family:"Montserrat", "Noto Sans", "Malgun Gothic", sans-serif; font-weight:400;}
.listTypeModule .list .btnArea{position:absolute; bottom:30px; right:20px;}
.listTypeModule .list .btnArea a{display:inline-block; margin:0 2px; padding:16px 28px; border:1px solid #ddd; border-radius:40px; background:#fff; transition:all 0.4s ease-out;}
.listTypeModule .list .btnArea a span{padding-right:30px; font-size:16px; color:#666; font-weight:700; background:url("../images/icon_download.png") no-repeat right 5px; transition:all 0.4s ease-out;}
.listTypeModule .list .btnArea a:hover{border:1px solid #5998d2; background:#5998d2;}
.listTypeModule .list .btnArea a:hover span{color:#fff; background:url("../images/icon_download_on.png") no-repeat right 5px;}
.listTypeModule .list:hover{border:5px solid #5998d2;}
.listTypeModule .list:hover .title{font-weight:700;}
/*.listTypeModule .list .title:hover{font-weight:700;}*/
.listTypeModule.listNodata{justify-content:center;}
.tab4dep{margin-top:80px;}
.tab4dep .tab{display:table; width:100%; text-align:center;}
.tab4dep .tab a{display:table-cell; padding:0 10px; height:60px; line-height:20px; font-size:20px; color:#666; font-weight:700; vertical-align:middle; background:#fff;}
.tab4dep .tab a.on{color:#333; background:#dfdf23;}
.tab4dep .tab.col2 a{width:50%;}
.tab4dep .tab.col3 a{width:33.3333%;}
.tab4dep .tab.col4 a{width:25%;}
.tab4dep .tab.col5 a{width:20%;}
.tab4dep .cont{display:none; margin-top:50px; height:100%;}
.tab4dep .cont.on{display:block;}
.tab-swipe{position:relative; padding-bottom:10px;}
.tab-swipe:after{display:block; content:""; position:absolute; bottom:0; width:100%; height:10px; background:#f4f4f4;}
.tab-swipe .toLeft{display:none; position:absolute; top:2px; left:0; z-index:1;}
.tab-swipe .toRight{display:none; position:absolute; top:2px; right:0; z-index:1;}
.tab-swipe .swiper-wrapper{padding:10px 0 30px; }
.tab-swipe .swiper-wrapper a{padding:0 25px; width:auto; font-size:30px; color:#888; font-weight:900;}
.tab-swipe .swiper-wrapper a span{position:relative;}
.tab-swipe .swiper-wrapper a.active{color:#5998D2;}
.tab-swipe .swiper-wrapper a.active span:after{display:block; content:""; position:absolute; bottom:-23px; left:0; width:100%; height:10px; background:#5998d2;}
.tab-swipe .swiper-wrapper a:first-child{padding-left:0;}
.tableType{border-top:2px solid #000;}
.tableType tr th:nth-of-type(2){border-left:1px solid #eee;}
.tableType th{padding:20px; font-size:16px; color:#333; font-weight:500; text-align:left; border-bottom:1px solid #eee;}
.tableType td{padding:20px 20px 20px 0; border-bottom:1px solid #eee;}
.tableType .addFile{display:flex; align-items:center; position:relative;}
.tableType .addFile .section{position:relative; width:600px;}
.tableType .addFile .section input[type="file"]{position:absolute; top:0; left:0; width:750px; height:100%; opacity:0; cursor:pointer;}
.tableType .addFile .btnAddFile{display:inline-block; margin-left:10px; width:138px; height:54px; font-size:16px; color:#fff; text-align:center; line-height:54px; background:#888;}
.tableType .addFile .txt{margin-left:10px; font-size:16px; color:#888;}
.tableType .antiRegist{display:flex; align-items:flex-end;}
.tableType .antiRegist .numArea{width:180px; height:54px; border:1px solid #ddd;}
.tableType .antiRegist .btnRefresh{margin-left:5px; width:46px; height:46px; background:url("../images/tableAntiRegist_refresh.jpg") no-repeat 0 0;}
.tableType .antiRegist .btnSound{margin-left:5px; width:46px; height:46px; background:url("../images/tableAntiRegist_sound.jpg") no-repeat 0 0;}
.tableType .antiRegist .formInput{margin-left:10px; width:380px;}
.tableType .antiRegist + p{padding-top:15px; color:#5998d2;}
#btnFix{display:none; position:fixed; bottom:20px; right:20px; z-index:10;}
#btnFix .quick{}
#btnFix .quick a{display:block; padding-left:36px; overflow:hidden; width:40px; height:40px; font-size:14px; color:#0d1233; font-family:"Montserrat", 'Noto Sans', 'Gothic', sans-serif; font-weight:700; line-height:40px; border:1px solid #0d1233; transition:all 0.3s ease-out;}
#btnFix .quick a:nth-child(1){background:url("../images/icon_quick1.png") no-repeat 12px center rgba(255,255,255,0.9);}
#btnFix .quick a:nth-child(2){border-top:0; background:url("../images/icon_quick2.png") no-repeat 12px center rgba(255,255,255,0.9);}
#btnFix .quick a:nth-child(3){border-top:0; background:url("../images/icon_quick3.png") no-repeat 12px center rgba(255,255,255,0.9);}
#btnFix .quick a:nth-child(4){border-top:0; background:url("../images/icon_quick5.png") no-repeat 12px center rgba(255,255,255,0.9);}
#btnFix .quick a span{display:none;}
#btnFix .quick:hover a{width:140px;}
#btnFix .quick:hover a span{display:block;}
#botBtn{display:flex; justify-content:center; padding-top:80px; text-align:center;}
#botBtn .btnMore{display:block; position:relative; overflow:hidden; padding:0 100px; height:70px; background:#5998d2;}
#botBtn .btnMore::after{display:block; content:""; clear:both; position:absolute; top:0; left:-150%; width:130%; height:70px; transform:skewX(-40deg); background:#0d1233; transition:all 0.5s ease; -ms-transition:all 0.5s ease;z-index: -1;}
#botBtn .btnMore:hover::after{left:-40px;}
#botBtn .btnMore{position:relative; z-index:1; font-size:20px; color:#fff; font-weight:700; line-height:70px;}

#botBtn .heewonBtn{display:block; position:relative; overflow:hidden; padding:0 100px; height:70px; background:#5998d2;}
#botBtn .heewonBtn::after{display:block; content:""; clear:both; position:absolute; top:0; left:-150%; width:130%; height:70px; transform:skewX(-40deg); background:#0d1233; transition:all 0.5s ease; -ms-transition:all 0.5s ease;}
#botBtn .heewonBtn:hover::after{left:-40px;}
#botBtn .heewonBtn span{position:relative; z-index:1; font-size:20px; color:#fff; font-weight:700; line-height:70px;}

#botBtn .btnCancle{display:block; position:relative; margin-right:10px; overflow:hidden; padding:0 100px; height:70px; background:#959da4;}
#botBtn .btnCancle:after{display:block; content:""; clear:both; position:absolute; top:0; left:-150%; width:130%; height:70px; transform:skewX(-40deg); background:#767f87; transition:all 0.5s ease;}
#botBtn .btnCancle:hover:after{left:-40px;}
#botBtn .btnCancle span{position:relative; z-index:1; font-size:20px; color:#fff; font-weight:700; line-height:70px;}
#botBtn.lineType{border-top:5px solid #f4f4f4;}
.lyPopup{position:fixed; top:0; z-index:20; width:100%; height:100vh; background:rgba(0,0,0,0.5);}
.lyPopup .popup{position:absolute; top:30px; left:50%; transform:translate(-50%, 0); max-height: 90%; width:1024px; overflow-y:auto; background:#fff;}
.lyPopup .popup .scrDiv{padding:75px 50px 50px; width:100%;}
/* IE10+ ie padding-bottom scroll 미반영 대응 */
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.lyPopup .popup:after{display:block; content:""; padding-bottom:50px;}}*/
.lyPopup .popup .btnClose{position:absolute; top:30px; right:30px; width:28px; height:28px; background:url("../images/popup_xbtn.png") no-repeat 0 0;}
.lyPopup .popup .title{font-size:30px; color:#333; font-weight:700; line-height:40px;}
.lyPopup .popup .contArea{position:relative; padding-top:45px;}
.lyPopup .popup .contArea .subtitle{padding-top:50px;}
.lyPopup .popup .contArea .subtitle > p{font-size:20px; color:#333; font-weight:700;}
.lyPopup .popup .contArea .subtitle > div{margin-top:20px; padding:2px; height:150px; border:1px solid #ddd; /*overflow-y:auto;*/ font-size:15px; color:#555; font-weight:300; line-height:22px;}
.lyPopup .popup .contArea .subtitle > div .mCustomScrollBox{padding:27px;}
.lyPopup .popup .contArea .subtitle > div .mCSB_scrollTools{width:4px;}
.lyPopup .popup .contArea .subtitle .mCSB_inside > .mCSB_container{margin-right:0;}
/* IE10+ ie padding-bottom scroll 미반영 대응 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .lyPopup .popup .contArea .subtitle > div:after{display:block; content:""; padding-bottom:27px;}
}
.lyPopup .popup .contArea .tag{padding-top:50px;}
.lyPopup .popup .contArea .tag > p{font-size:20px; color:#333; font-weight:700;}
.lyPopup .popup .contArea .tag > div{padding-top:20px;}
.lyPopup .popup .contArea .tag > div span{display:inline-block; margin:0 2px 5px 0; padding:0 20px; height:40px; line-height:40px; font-size:14px; color:#666; font-weight:700; border:1px solid #ddd;}
.lyPopup .popup .slcArea{display:flex; justify-content:end; position:absolute; top:-30px; right:0;}
.lyPopup .popup .slcArea .slc > a{border-right:0;}
.lyPopup .popup .slcArea .slc{width:365px; height:54px;}
.lyPopup .popup .slcArea .btnConfirm{width:80px; height:54px; font-size:16px; color:#fff; font-weight:700; text-align:center; line-height:54px; background:#0d1232;}
.lyPopup .popup .privateInfo{padding-top:40px; font-size:16px; color:#666; font-weight:300; line-height:26px;  border-top:1px solid #dddddd;}
.lyPopup .popup .privateInfo .tab4dep{margin-top:60px;}
.lyPopup .popup .privateInfo .tab4dep .cont{margin-top:40px;}
.lyPopup .popup .privateInfo .tab4dep .tab a{background:#efefef;}
.lyPopup .popup .privateInfo .tab4dep .tab a.on{background:#dfdf23;}
.lyPopup .popup .privateInfo .inner{width:100%;}
.lyPopup .private .tit {margin-top:30px; font-size:20px; line-height:30px; font-weight:700; color:#333; word-break:keep-all}
.lyPopup .private .tit:first-child {margin-top:0}
.lyPopup .private .tit2 {margin-top:20px; font-size:18px; line-height:26px; font-weight:700; color:#333; word-break:keep-all}
.lyPopup .private .txt {margin-top:10px; font-weight:300; color:#666; line-height:28px; word-break:keep-all}
.lyPopup .private .txt.gap28 {margin-top:16px}
.lyPopup .private .txt.gap18 {margin-top:6px}
.lyPopup .private .txt.gap8 {margin-top:0}
.lyPopup .private .txt.bold {font-weight:700; color:#333333}
.lyPopup .private .txt.last {margin-top:37px}
.lyPopup .private .txt .link {display:inline-block; position:relative; color:#5998d2; font-weight:400}
.lyPopup .private .txt .link:after {content:""; display:block; position:absolute; bottom:0px; left:0; width:100%; height:1px; background:#5998d2}
.lyPopup .private .txtBox {margin-top:55px; padding:33px 40px; border:1px solid #dddddd; background:#f7f7f7; line-height:28px; color:#888888; font-weight:300}
.lyPopup .private .txtBox .utilLogo {display:inline-block; vertical-align:middle}
.lyPopup .private .utilSelect {display:flex; flex-wrap:wrap; position:absolute; top:0; right:0; width:445px; }
.lyPopup .private .utilSelect .slcArea {width:calc(100% - 80px);}
.lyPopup .private .utilSelect > a {display:block; width:80px; line-height:54px; color:#fff; font-weight:700; text-align:center; background:#0d1232}
.lyPopup .private .utilTab {display:flex; flex-wrap:no-wrap; margin-top:75px;}
.lyPopup .private .utilTab .tab {width:100%; background:#efefef; text-align:center; line-height:70px; color:#666666; font-weight:700}
.lyPopup .private .utilTab .tab.on {background:#dfdf23; color:#333333; font-size:20px}
.lyPopup .private #botBtn {display:inline-block; padding:20px 0 30px; }
.lyPopup .private #botBtn a {margin-top:10px;}
.lyPopup .private #botBtn a:first-child {margin-top:0}
/*메인비주얼 모바일용 동영상 팝업*/
.lyPopup.onlyMovie .popup{top:50%; left:50%; transform:translate(-50%, -50%);}
.lyPopup.onlyMovie .popup .contArea{padding-top:0;}
.lyPopup.onlyMovie .videoCont{position:relative;}
.lyPopup.onlyMovie .videoCont video{width:100%;}
/* 개인정보 처리방침 */
.lyPopup .private .tit {line-height:;}
.lyPopup .private .tit2 {line-height:24px;}
.lyPopup .private .txt {margin-top:8px; line-height:30px;}
.lyPopup .private .txt.gap28 {margin-top:14px; line-height:26px;}
.lyPopup .private .txt.gap18 {margin-top:8px; line-height:26px;}
.lyPopup .private .txt.gap10 {margin-top:0; line-height:26px;}

.lyPopup.newsletter .popup{top:50%; left:50%; transform:translate(-50%, -50%); width:1024px; height:417px; background:url("../images/newsletter_popup_bg.jpg") no-repeat 0 0;}
.lyPopup.newsletter .popup .title{text-align:center;}
.lyPopup.newsletter .popup .addTxt{padding-top:15px; text-align:center; font-size:16px; color:#333; font-weight:300;}
.lyPopup.newsletter .popup .emailInput{margin-top:40px; height:70px; border:1px solid #e5e5e5; background:#fff;}
.lyPopup.newsletter .popup .emailInput input{padding:20px; width:100%; height:100%; border:0;}
.lyPopup.newsletter .popup .emailInput  ::-webkit-input-placeholder {color:#bbb; font-weight:300; font-size:18px;}
.lyPopup.newsletter .popup .emailInput  :-moz-placeholder {color:#bbb; font-weight:300; font-size:18px;}
.lyPopup.newsletter .popup .emailInput  ::-moz-placeholder {color:#bbb; font-weight:300; font-size:18px;}
.lyPopup.newsletter .popup .emailInput  :-ms-input-placeholder {color:#bbb; font-weight:300; font-size:18px;}
.lyPopup.newsletter .popup .emailInput  :placeholder-shown {color:#bbb; font-weight:300; font-size:18px;}
.lyPopup.newsletter .popup #botBtn{padding-top:30px;}
.lyPopup .kakaoAs{position:relative; margin:100px auto 0; width:974px;}
.lyPopup .kakaoAs .btnClose{position:absolute; top:-40px; right:0; width:26px; height:26px; background:url("../images/btn_kakaoASpop.png") no-repeat 0 0;}
.mCSB_scrollTools .mCSB_draggerRail{margin:0; width:10px; background:#fff !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px; border-radius:0; background:#888 !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{background:#888 !important;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#888 !important;}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#888 !important;}
.main #newsletter{margin-top:180px;}
#newsletter{padding:120px 0 0 0; width:100%; height:470px; text-align:center; background:url("../images/newsletter_bg.jpg") no-repeat center 0; transition:all 10s ease-out;background-size: cover;}
#newsletter .inner{width:710px;}
#newsletter .title{font-size:40px; color:#fff; font-family:"Montserrat", "Noto Sans", "Gothic", sans-serif; font-weight:700;}
#newsletter .addTxt{padding-top:25px; font-size:18px; color:#fff;}
#newsletter .inputArea{position:relative; margin-top:50px;}
#newsletter .inputArea .input{position:relative; width:600px; height:60px; border:1px solid rgba(255,255,255,0.8); border-right:0;}
#newsletter .inputArea .input input{position:absolute; top:0; left:0; width:100%; height:60px; border:0; color:#fff; background:transparent;}
#newsletter .inputArea .btnSubmit{position:absolute; top:0; right:0; width:110px; height:60px; font-size:16px; color:#fff; font-weight:700; line-height:60px; background:#5998d2;}
#newsletter .agreeBox{display:flex; justify-content:space-between; padding-top:20px;}
#newsletter .agreeBox .fcyArea a{display:inline-block; position:relative; margin:0 4px; font-size:16px; color:rgba(255,255,255,0.8); font-weight:700;}
#newsletter .agreeBox .fcyArea a:after{display:block; content:""; position:absolute; bottom:-5px; width:100%; height:2px; background:rgba(255,255,255,0.8);}
#newsletter.active{background:url("../images/newsletter_bg.jpg") no-repeat center bottom;background-size: cover;}
#footer{min-width:1280px; background:#0d1233; position:relative;}
#footer .inner{padding:80px 0;}
#footer .utils{display:flex; justify-content:center;}
#footer .utils a{display:inline-block; padding:0 25px; font-size:18px; color:#fff; font-weight:300;}
#footer .utils a.active{font-weight:500;}
#footer .txt{margin-top:40px;text-align: center;}

.tcdPageCode{text-align: center;margin: 0 auto;}
.tcdPageCode li{display: inline-block; background: #fff; padding: 8px 15px;}
.tcdPageCode li:hover{background: #5998d2;color: #fff;}
.tcdPageCode li a:hover{color: #fff;}



@media all and (max-width:1600px) {
    #header .gnb .prodInfoArea{right:0;}    /*0610*/
    #header .gnb .oneDep.wideDep .twoDep{padding-left:0px !important;}
}

@media all and (max-width:1480px) {
    /*#header .gnb .oneDep.wideDep .twoDep .boxMaker{width:280px;}*/    /*0610*/
}


@media all and (max-width:1400px) {
    /*#header .gnb .prodInfoArea{max-width:400px;}*/    /*0610*/
    #header .gnb .oneDep > a{padding:0 10px;font-size: 16px;}
}