@charset "UTF-8";

/* 로딩 중 문구 */
.wrap_topNoti:not(.on):not(.off)::before{content:"Now loading information...";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:rgba(255,255,255,0.3);font-size:1.4rem;z-index:1;letter-spacing:-0.05em;}

.wrap_topNoti{display: block !important;height:8rem;max-height:10rem;background:#2f2f2f;overflow:hidden;position:relative;transition:max-height 0.5s cubic-bezier(0.7, 0, 0.3, 1), min-height 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap_topNoti .container{}
.wrap_topNoti.on .container{transition:opacity 0.4s;}
.wrap_topNoti.off{max-height:0 !important;min-height:0 !important;pointer-events:none;}

.wrap_topNoti .container{max-width:180rem;margin:0 auto;position:relative;}
.wrap_topNoti .slick-track{display:flex;align-items:flex-start;}
.wrap_topNoti .slick-slide{float:none !important;}

.wrap_topNoti .item_1{display:none;}
.wrap_topNoti .text_1{height:8rem;padding:0 22rem;display:flex;align-items:center;justify-content:center;text-align:center;}
.wrap_topNoti .text_1 span{font-size:2.2rem;color:#DDD;font-family:'pre-sb';line-height:1.3;transition:0.3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wrap_topNoti .text_1::before{width:13.7rem;height:100%;margin-right:-3rem;background:url('../images/bg.png') no-repeat center / cover;content:"";display:block;}
.wrap_topNoti .text_1::after{width:2.9rem;height:1.5rem;margin-left:2.5rem;background:url('../images/arrow.png') no-repeat center / cover;content:"";display:block;opacity:0;visibility:hidden;transition:0.3s;}
.wrap_topNoti .text_2{display:none;}

.wrap_topNoti .control{position:absolute;right:0;top:2.8rem;display:flex;align-items:center;justify-content:flex-end;}
.wrap_topNoti .control .numbering{display:none;}
.wrap_topNoti .control .play,
.wrap_topNoti .control .stop{display:none;width:2rem;height:2rem;text-indent:-9999px;}
.wrap_topNoti .control .play.on,
.wrap_topNoti .control .stop.on{display:block;}
.wrap_topNoti .control .play.on{background:rgba(255,255,255,1) url('../images/play.png') no-repeat center;}
.wrap_topNoti .control .stop.on{background:rgba(255,255,255,1) url('../images/stop.png') no-repeat center;}
.wrap_topNoti .control .closeBtn{margin-left:1rem;display:flex;align-items:center;}
.wrap_topNoti .closeTodayTopNoti{display:flex;align-items:center;}
.wrap_topNoti .closeTodayTopNoti::before{width:2rem;height:2rem;margin-right:1rem;background:url('../images/xCheck.png') no-repeat center;content:"";display:block;}
.wrap_topNoti .closeTodayTopNoti span{font-size:1.6rem;color:#FFF;line-height:1;padding-top:0.2rem;}
.wrap_topNoti .closeTopNoti{width:2rem;height:2rem;margin-left:1rem;text-indent:-9999px;background:#ac2f30 url('../images/x.png') no-repeat center;}

.wrap_topNoti .slick-slide a:hover .text_1::after{opacity:1;visibility:visible;}
.wrap_topNoti .slick-slide a:hover .text_1 span{color:#FFF;}

@media all and (max-width:1840px){
	.wrap_topNoti .container{max-width:calc(100% - 4rem);}
}
@media all and (max-width:1024px){
	.wrap_topNoti .text_1{padding:1.5rem 0;height:unset;}
	.wrap_topNoti .text_1 span{font-size:1.8rem;width:100%;}
	.wrap_topNoti .text_1::before,
	.wrap_topNoti .text_1::after{display:none;}
	.wrap_topNoti .control{padding-bottom:1.5rem;position:relative;right:unset;top:unset;justify-content:center;}
}