@charset "UTF-8";




/*S : 메인비주얼-슬라이드 */

.m_contents {position: relative; z-index: 1}
        
.m_visual {width: 100%; background: url("https://www.uljin.go.kr/images/13_munhwa_y/main/main_visual.jpg") no-repeat center 0; height: 515px; background-size: cover;}
.m_visual.yh {width: 100%; background: url("https://www.uljin.go.kr/images/12_munhwa_c/main/main_visual.jpg") no-repeat center 0; height: 515px; background-size: cover;}
.m_con_auto {width: 1200px; margin: 0 auto;}
.m_visual .visual_txt {text-align: center; padding: 0px;}
.m_visual .visual_txt img {width: 250px;}

/* //////////////////////////////////// */
.m_visual_inner { width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, .5);}
.slider {position: relative;}
.imgWrap {
    display: block; margin-bottom: 20px; height: 320px; width: 265px; overflow: hidden;}
.imgWrap img.posterImg{width: 100% !important; height: 100% !important; object-fit: cover !important;  background:url(https://www.uljin.go.kr/images/01_potal/common/logo_2023.png) no-repeat center #f3f3f3; background-size:70%;}

.icon_wrap {display: flex; position: absolute; top: 0; left: 0;}
.poerfomance {margin-right: 5px;}
.icon_wrap span {color: #fff; font-family:'NanumSQ'; font-weight: bold;font-size: 13px; letter-spacing: -1px;}
.icon_wrap span.poerfo_txt {position: absolute; top: 4px; left: 8px;}
.icon_wrap span.ticket_txt {position: absolute; top: 4px; left: 50px;}
.poster_text {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    color: #fff; font-family:'NanumSQ'; font-weight: bold; margin-bottom: 10px; width: 265px;}
.poster_text span {font-size: 16px;}
.poster_btn {display: flex;}
.poster_btn p {padding: 5px 10px; color: #fff; font-family:'NanumSQ'; border-radius: 5px; font-size: 14px; transition: 0.3s ease-in-out;}
.poster_btn p.btn1 {border: 1px solid #ccc; margin-right: 5px;}
.poster_btn p.btn2 {border: 1px solid #da3f31; background-color: #da3f31;}
.poster_btn p.btn1:hover {background-color: rgba(255, 255, 255, 0.3);}
.poster_btn p.btn2:hover {background-color: #b63529; border: 1px solid #b63529;}

.slick-slide {/* margin: 0 17px; */  margin-right: 38px;}
.slick-slider {margin-top: -2.5rem;}
.slick-arrow {position: absolute; top: 150px; font-size: 0; display: block; background: #fff;  width: 50px; height: 50px; border-radius: 50%; opacity: 0.8; z-index: 1;}
.slick-arrow:hover {opacity: 1;}
.slick-prev {left: -8%;}
.slick-next {right: -8%;}
.slick-prev::before {content: ''; background: url(/images/streser/arrow-left.png) no-repeat center; background-size: cover; width: 30px; height: 30px; display: block; position: absolute; top: 10px; left: 10px;}
.slick-next::before {content: ''; background: url(/images/streser/arrow-right.png) no-repeat center; background-size: cover; width: 30px; height: 30px; display: block; position: absolute; top: 10px; right: 8px;}


@media screen and (max-width:1400px) {
    .m_con_auto {width: 1000px !important;}
    .slick-prev {left: -6%;}
    .slick-next {right: -6%;}
    .slick-slide {margin-right: 0;}
    .imgWrap {height: 290px; width: 229px;}
}
@media screen and (max-width:1280px){
    .m_con_auto {width: 960px !important;}
    .imgWrap {width: 215px;}
    .poster_text {width: 205px;}
}
@media screen and (max-width:980px) {
    .m_con_auto {width: 800px !important;}
    .poster_text {width: 224px;}
    .slick-arrow {width: 40px; height: 40px;}
    .slick-prev::before {top: 5px; left: 4px;}
    .slick-next::before {top: 5px; right: 3px;}
}
@media screen and (max-width:780px) {
    .m_visual .visual_txt {padding-top:20px;}
    .m_con_auto {width: 600px !important;}
    .slick-list {margin-top: 65px !important;}
    .imgWrap {width: 175px; height: 235px;}
    .poster_text, .poster_btn {width: 195px;}
    .slick-slide {width: 0;}
    .slick-prev {left: -9%;}
    .slick-next {right: -9%;}
}
@media screen and (max-width:680px) {
    .m_con_auto {width: 500px !important;}
    .poster_text, .poster_btn {width: 200px;}
    .imgWrap {width: 220px; height: 285px;}
}
@media screen and (max-width:480px) {
    .m_con_auto {width: 300px !important;}
    .imgWrap {margin: 0 40px 20px;}
    .poster_text, .poster_btn {margin: 0 40px;}
    .poster_text {margin-bottom: 10px;}
    .icon_wrap {left: 40px;}
}
@media screen and (max-width:360px) {
    .slick-arrow {width: 35px; height: 35px;}
    .slick-prev {left: -4%;}
    .slick-prev::before {top: 3px; left: 2px;}
    .slick-next {right: -5%;}
    .slick-next::before {top: 3px; right: 1px;}
}
@media screen and (max-width:320px) {
    .imgWrap {margin: 0 46px 20px; width: 205px; height: 275px;}
    .icon_wrap {left: 46px;}
    .slick-prev {left: 0%;}
    .slick-next {right: 0;}
}

/* 메인비주얼-슬라이드 end */