@charset "UTF-8";

/*Story*/
.wrap-story .box-story {display: table; width: 100%; table-layout: fixed;}
.wrap-story .title {display: table-cell; width: 220px; vertical-align: top;}
.wrap-story .title .eng {display: block; font-family: 'Mont Light'; font-size: 14px; color: #808080;}
.wrap-story .title .kor {display: block; font-family: 'Noto Bold'; font-size: 35px; color: #121212;}
.wrap-story .more {display: none;}
.wrap-story .control {padding: 50px 0 0 0; font-size: 0;}
.wrap-story .control .prev,
.wrap-story .control .next {display: inline-block; width: 31px; height: 9px; text-indent: -99999px; vertical-align: middle;}
.wrap-story .control .prev {background: url('../images/btn_notice_prev.png') no-repeat center center;}
.wrap-story .control .next {background: url('../images/btn_notice_next.png') no-repeat center center;}
.wrap-story .control .more {display: inline-block; width: 14px; height: 14px; margin: 7px 10px 0 10px; background: url('../images/btn_notice_more.png') no-repeat center center; text-indent: -9999px; vertical-align: middle;}
.wrap-story .slider {display: table-cell; text-align: left; vertical-align: top;}
.wrap-story .slider .slick-slide {padding: 0 59px 0 0;}
.wrap-story .slider a {display: block; color: #fff;}
.wrap-story .slider .thumb {display: inline-block; width: 100%;}
.wrap-story .slider .thumb img {width: 100%;}
.wrap-story .slider .desc {overflow: hidden; height: 62px; padding: 9px 0 0 20px; font-family: 'Noto Regular'; font-size: 18px;}

@media all and (max-width: 1024px) {
    .wrap-story .container {display: block; padding: 30px 20px;}
    .wrap-story .title {position: relative; display: block; width: 100%;}
    .wrap-story .control {position: absolute; right: 0; top: 30px; padding: 0;}
    .wrap-story .slider {display: block; width: 105%; margin: 25px 0;}
    .wrap-story .slider .thumb {width: 100%;}
    .wrap-story .slider .thumb img {width: 100%;}
    .wrap-story .slider a {color: #333;}
}

@media all and (max-width: 600px) {
    .wrap-story .title .kor {font-size: 25px;}
    .wrap-story .title .eng {font-size: 11px;}
    .wrap-story .slider {width: 100%;}
    .wrap-story .slider .slick-slide {padding: 0;}
}

/*20230509 백그라운드 이미지 alt 값 대신 css로 처리*/
.text-hidden{position: absolute !important; left: -99999px !important; text-indent: -9999px !important;}