@charset "UTF-8";

/* 주요정보 바로가기 */
.banner-wrap {background: #fff; border-bottom:.1rem solid #d8d8d8; }
.main-banner {position: relative; line-height: 1.5; max-width:132.8rem; width:100%; height: 8rem; padding:0 2.4rem; margin:0 auto; } 
.main-banner::after {content: ''; display: block; clear:both;}
.main-banner .frame {position: relative; height: 100%;}
.main-banner .title {width:16rem; float:left; height:100%; display: flex; align-items: center;}
.main-banner h2 { font-family: pbGOV; font-size: 1.9rem; color:#1e1e1e; letter-spacing: -.03rem; line-height: 1;}
.main-banner .con {position: relative; padding-left:17rem; width:calc(100% - 16rem); float:right;}
.main-banner .slider {overflow:hidden; padding:1.5rem 0;margin:0 -1.2rem;}
.main-banner .slider > ul {}
.main-banner .slider li {padding:0 1.2rem;}
.main-banner .slider a {display: block;}
.main-banner .img-box {overflow:hidden; display: flex; align-items: center; justify-content: center; height:5rem; border:1px solid #D8D8D8; border-radius:.4rem; background:#fff; }
.main-banner .img-box img {width:100%; height:100%;}
.main-banner .control {position: absolute; left:0; top:50%; display: flex; gap:0 .8rem; transform: translateY(-50%);}
.main-banner .control button {width:2.4rem; height: 2.4rem; border:.1rem solid #D8D8D8; border-radius:.4rem; text-indent: -9999rem;}
.main-banner .prevnext {display: flex; gap:0 .8rem}
.main-banner .prev {background:url(../images/ic-prev.png) no-repeat center;}
.main-banner .next {background:url(../images/ic-next.png) no-repeat center;}
.main-banner .play {background:url(../images/ic-play.png) no-repeat center;}
.main-banner .stop {background:url(../images/ic-stop.png) no-repeat center;}
.main-banner .play,
.main-banner .stop {display: none;}
.main-banner .play.on,
.main-banner .stop.on {display: block;}
.main-banner .more {width:2.4rem; height: 2.4rem; border:.1rem solid #D8D8D8; border-radius:.4rem; background:url(../images/ic-more.png) no-repeat center; text-indent: -9999rem;}
.main-banner .numbering {display: flex; align-items: center; font-size: 1.4rem; font-family: pm; color:#1d1d1d;}
.main-banner .numbering .now {color:#2F67CD;}
.main-banner .sl {margin:0 .8rem}

.eng .banner-wrap{background-color: #fbfbfb; border-top: .1rem solid #d8d8d8}
.eng .banner-wrap .more {display: none;}
@media screen and (max-width:1300px) {
    .main-banner .frame {padding:0 1.6rem;}
}
@media screen and (max-width:1023px) {
    .main-banner .title {width:110px;}
    .main-banner .con {width:calc(100% - 11rem); padding-left:13.6rem;}
    .main-banner .slider {margin:0 -.7rem;}
    .main-banner .slider li {padding:0 .7rem;}
}
@media screen and (max-width:767px) {
    .main-banner {height:auto; padding:1.5rem 1.6rem;}
    .main-banner .frame {height: auto;}
    .main-banner .title {height:auto; margin-top: 0.3rem; float:unset;}
    .main-banner h2 {margin-top: 0.2rem;}
    .main-banner .con {position: static; width:100%; padding-left:0; float:unset; padding-top: 1.6rem;}
    .main-banner .slider {padding:0;}
    .main-banner .img-box {height:4.5rem;}
    .main-banner .img-box img { }
    .main-banner .control {top:1.8rem; left:calc(11rem + 1.6rem); transform: unset;}
}



.sub .wrap-sub-banner {position: relative; display: block;}
.sub .wrap-sub-banner ul {display: flex; flex-wrap:wrap; gap:1.6rem;}
.sub .wrap-sub-banner ul li {overflow:hidden; display: flex; align-items: center; justify-content: center; width:calc((100% - (1.6rem * 4)) / 5); border:.1rem solid #CED3D6; border-radius:.6rem; }
.sub .wrap-sub-banner ul li a {display: block;}
.sub .wrap-sub-banner ul li .img-box {display: flex; align-items: center; justify-content: center;}
@media screen and (max-width:1200px) {
    .sub .wrap-sub-banner ul li {width:calc((100% - (1.6rem * 3)) / 4);}
}
@media screen and (max-width:1024px) {
    .sub .wrap-sub-banner ul li {width:calc((100% - (1.6rem * 4)) / 5);}
}
@media screen and (max-width:767px) {
    .sub .wrap-sub-banner ul li {width:calc((100% - (1.6rem * 3)) / 4);}
}
@media screen and (max-width:600px) {
    .sub .wrap-sub-banner ul li {width:calc((100% - (1.6rem * 3)) / 3);}
}