@charset "UTF-8";
header {/* background-color: #fff; */ z-index: 999; position: absolute; z-index:99;}
header.fixed {position: fixed; top: 0;}
header .headerWrap a, header .headerWrap p {color: #222222;}
header .topHeader .topInner .topLeft .siteList li::after {background-color: #fff;}
header .topHeader .topInner .topRight .corona a {background: url('/images/layout/corona2.png') left top no-repeat;}
header .topHeader .topInner .topRight .login a {background: url('/images/layout/login2.png') left no-repeat;}
header .topHeader .topInner .topRight .fonts .fontPlus {background: url('/images/layout/fontPlus2.png') left top 1px no-repeat;}
header .topHeader .topInner .topRight .fonts .fontMinus {background: url('/images/layout/fontMinus2.png') left top 1px no-repeat;}
header .topHeader .topInner .topRight .langBox label {background: url('/images/layout/language2.png') center top 2px no-repeat;}
header .topHeader .topInner .topRight .langBox select {border: none; color: #222222; background: url('/images/layout/selectIcon2.png') right no-repeat;}
header .topHeader .topInner .topRight .langBox select option {color: #222;}

@media screen and (max-width: 1000px) {
   header .headerWrap a, header .headerWrap p {color: #fff;}
   header .topHeader .topInner .topRight .login a {background: url('/images/layout/login.png') left no-repeat;}
}

@media screen and (max-width: 480px) {
   header .topHeader .topInner .topRight .login a {background: none;}
}

/* gnb */
header.active .gnb-box-flex h1.logo a {background: url('/images/layout/logo2.png') no-repeat;}

.gnb-box-flex h1.logo a{background: url("/images/layout/logo2.png") no-repeat;}

.gnb-box-flex h1.logo a.side {color: #5289c1 !important;}
.gnb-box-flex.assemType h1.logo a{background-image: url('/images/new/Assem/logo2.jpg');}
.gnb-wrap .gnb .dl .secs .level1-1{ color: #222222;}
.gnb_right a {color: #222222;}
.gnb_right a.siteMapBtn {margin-right: 30px;}
.gnb_right a.siteMapBtn .img {background: url("/images/layout/siteMapBtn2.png") center no-repeat;}
.gnb_right a.nuriBtn {display:flex;}
.gnb_right a.nuriBtn .img, header.active .gnb_right .nuriBtn .img  {background: url("/images/layout/gnb-search.png") center no-repeat;}

/* 서브레이아웃 */
.subWrap {background-image: url('/images/layout/subTopBg.png'); padding-top: 185px; background-position: top 143px left;}

.moeco_nav{display: none;}

@media screen and (max-width: 1200px) {
  .gnb-box-flex h1.logo a, header.on .gnb-box-flex h1.logo a, header.active.gnb-box-flex h1.logo a {background-size: 120px !important;}
}


@media screen and (max-width: 1000px) {
   .subWrap {padding-top: 80px;}
}

@media screen and (max-width:1024px){

    .mb-btn-wrap a.toggle {position: relative; background: url('/images/layout/menuBtn2.png') no-repeat; background-size: 100%; width: 123px; height: 39px; margin-top: 0;}
    .mb-btn-wrap .search-wrap a{position: relative; background: url("/images/layout/searchBtn2.png") no-repeat; background-size: 100%; width: 39px; height: 39px;}

    /* .moeco_nav{width:100%; display: flex; align-items: stretch; justify-content: space-between; margin-bottom:40px;}
    .moeco_nav .moeco_deps{width: 100%; position: relative;}
    .moeco_nav .moeco_deps .moeco_depsTit{width: 100%; padding:15px 20px; box-sizing: border-box; background: url("/Goseong_/Potal/images/layout/arrow_y.png") right 15px center no-repeat #4c5972; color:#fff; fnot-size:17px; font-family:'NotokrM'; display: block;}
    .moeco_nav .moeco_deps.moeco_3deps .moeco_depsTit{border-left:1px solid #a6acb9; box-sizing: border-box;}
    .moeco_nav .moeco_deps .moeco_ul {border:1px solid #586479; box-sizing: border-box; width: 100%; display: none; position: absolute; top:52px; left:0; z-index: 3;}
    .moeco_nav .moeco_deps .moeco_ul li a{width: 100%; display: block; background-color:#fff; border-bottom:1px solid #c5d3ed; padding:15px 20px; font-size:17px; font-family:'NotokrM'; color:#111; transition: all .3s ease-in-out; box-sizing: border-box;}
    .moeco_nav .moeco_deps .moeco_ul li a:hover, .moeco_nav .moeco_deps .moeco_ul li a.on{background-color:#009b63; color:#fff;}
    .moeco_nav .moeco_deps .moeco_ul li:last-child a{border-bottom:0;} */
}

@media screen and (max-width:480px){
     .subWrap {padding-top: 55px;}
    .gnb-box-flex h1.logo a {background-size: 120px;}
    .gnb-box-flex h1.logo a, header.on .gnb-box-flex h1.logo a, header.active.gnb-box-flex h1.logo a {background-size: 100px !important;}
    /* .moeco_nav .moeco_deps .moeco_depsTit, .moeco_nav .moeco_deps .moeco_ul li a{font-size:15px;}
    .moeco_nav{flex-wrap: wrap;}
    .moeco_nav .moeco_deps.moeco_3deps .moeco_depsTit{border-top:1px solid #a6acb9; border-left:0;} */
    .mb-btn-wrap a.toggle {margin-top: 0; background-size: 80% !important; left: 35px;}
    .mb-btn-wrap .search-wrap a {background-size: 80% !important; left: 8px; margin-top: 0;}

}

/* 상단팝업 */
.topPopWrap {width: 100%; height: 200px; position: relative; top: 0; left: 0; z-index: 999; background-color: #39b8d8; box-sizing: border-box; border-bottom: 4px solid #39486a; overflow: hidden; transition-duration: 0.5s; display:none !important;}
.topPopWrap.off {height: 0; border: none;}
.topPopWrap .topSlide {width: 1600px; height: 100%; margin: 0 auto; position: relative;}
.topPopWrap .topSlide>a {display: inline-block; position: absolute; top: 50%; margin-top: -28px; font-size: 0; width: 52px; height: 52px; border-radius: 50%;}
.topPopWrap .topSlide>a.prev {left: -52px; background: url('/images/Potal/images/layout/top_prev.png') center left 45% no-repeat rgba(0, 0, 0, 0.3);}
.topPopWrap .topSlide>a.next {right: -52px; background: url('/images/Potal/images/layout/top_next.png') center no-repeat rgba(0, 0, 0, 0.3);}
.topPopWrap .topSlide .btnWrap {position: absolute; right: 0; bottom: 0; display: flex;}
.topPopWrap .topSlide .btnWrap>a {display: inline-block; font-family: 'NotoKrM'; font-size: 15px; color: #fff; padding: 10px 10px 8px 10px; box-sizing: border-box;}
.topPopWrap .topSlide .btnWrap>a.today {background-color: rgba(0, 0, 0, 0.3);}
.topPopWrap .topSlide .btnWrap>a.today span {padding-left: 25px; box-sizing: border-box; position: relative; background: url('/images/Potal/images/layout/check.jpg') top 3px left no-repeat;}
.topPopWrap .topSlide .btnWrap>a.today.active span {background: url('/images/Potal/images/layout/checkOn.jpg') top 3px left no-repeat;}
.topPopWrap .topSlide .btnWrap>a.close {background-color: #384869;}
.topPopWrap .topSlide .btnWrap>a.close span {padding-right: 20px; box-sizing: border-box; background: url('/images/Potal/images/layout/pop_close.png') top 6px right no-repeat;}
.topPopWrap .topSlide .topSlideList li>a {display: block; padding: 0 65px; box-sizing: border-box;}

@media screen and (max-width: 1700px) {
    .topPopWrap .topSlide {width: 90%;}
    .topPopWrap .topSlide .topSlideList li>a { padding: 0;}
}

@media screen and (max-width: 1400px) {
    .topPopWrap .topSlide .topSlideList li>a img {width: 100%;}
}

@media screen and (max-width: 1200px) {
    .topPopWrap {height: 160px;}
}

@media screen and (max-width: 1000px) {
    .topPopWrap , .topPopWrap .topSlide .topSlideList li>a img{height: 140px;}
    .topPopWrap .topSlide>a {width: 40px; height: 40px;}
    .topPopWrap .topSlide>a.prev {left: -40px;}
    .topPopWrap .topSlide>a.next {right: -40px;}
}

@media screen and (max-width: 780px) {
    .topPopWrap .topSlide {width: 85%;}
}

@media screen and (max-width: 480px) {
    .topPopWrap .topSlide .btnWrap>a {padding: 7px 7px 5px 7px; font-size: 13px;}
    .topPopWrap .topSlide>a {width: 35px; height: 35px; background-size: 15px; z-index: 1;}
    .topPopWrap .topSlide>a.prev {left: -20px;}
    .topPopWrap .topSlide>a.next {right: -20px;}
}
/*
header .gnb-box-flex h1.logo a::before {background: url('/images/Potal/images/main/snow_on.png') no-repeat; background-size: 100%;}
header .gnb-box-flex h1.logo::before {background: url('/images/Potal/images/main/snowMan_on.png') no-repeat; background-size: 100%;}

*/