@charset "UTF-8";
header {/* background-color: #fff; */ z-index: 999; position: absolute; z-index:99;}
header.fixed {position: fixed; 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 {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;}
}