@charset "utf-8";

/* 알림창 */
.wrap-alert {overflow:hidden; position: relative; border-radius:1.2rem; border: .1rem solid #d8d8d8}
.wrap-alert .img-box {width:100%; height: 45rem;}
.wrap-alert .img-box img{width:100%;height:100%; object-fit: fill;}
.wrap-alert .control {position: absolute; bottom:0; left:0; z-index: 1; display: flex; align-items: center; justify-content: space-between; width:100%; height:6.5rem; padding:0 2.4rem; background:rgba(0,0,0,0.5);}
.wrap-alert .control h2 {font-family: pbGOV; font-size: 1.9rem; color:#fff; letter-spacing: -.03rem;}
.wrap-alert .numbering {text-align: center;}
.wrap-alert .numbering .sl {margin:0 .8rem;}
.wrap-alert .numbering span {font-family: pbGOV; font-size: 1.9rem; color:#fff;}
.wrap-alert .numbering .current {color:#8FC8FF;}
.wrap-alert .control-inner {display: flex; align-items: center;}
.wrap-alert .control-inner div {font-size: 0;}
.wrap-alert .pannel {display: flex;gap:0 .8rem; margin-left: 1.5rem;}
.wrap-alert .pannel button,
.wrap-alert .more {width:2.4rem; height:2.4rem; background-color:#fff; background-repeat: no-repeat; background-position: center; border-radius:.4rem; text-indent: -9999rem;}
.wrap-alert .more {margin-left: 0.8rem;}
.wrap-alert .prevnext {display: flex; gap:0 .8rem;}
.wrap-alert .prev {background-image:url(../images/ic-prev.png)}
.wrap-alert .next {background-image:url(../images/ic-next.png)}
.wrap-alert .stop {background-image:url(../images/ic-stop.png)}
.wrap-alert .play {background-image:url(../images/ic-play.png)}
.wrap-alert .more {background-image:url(../images/ic-more.png);}
.wrap-alert .stop,
.wrap-alert .play {display: none;}
.wrap-alert .stop.on,
.wrap-alert .play.on {display: block;}



@media screen and (max-width:1200px) {
    .wrap-alert .img-box {height:48rem;}
}
@media screen and (max-width:767px) {
    .wrap-alert .img-box {height:auto;}
}