@charset "utf-8";
/* version 1.0 | 2026-01-27 */
/* 메인 배너 */
.main_bnnr_wrap { 
    z-index: 1; 
    position: relative; 
    width: 100%; 
    height: auto;
    overflow: hidden; 
}
.main_bnnr_wrap .main_bnnr { 
    z-index: 1; 
    position: relative; 
    width: 100%; 
}
.main_bnnr_wrap .main_bnnr .bnnr { 
    width: 100%; 
    height: 100% !important;
    min-height: calc(100vh - 193px);
}
.main_bnnr_wrap .main_bnnr .bnnr .bnnr_bg{ 
    width: 100%; 
    height: 100vh;
}
.main_bnnr_wrap .main_bnnr .bnnr .bnnr_bg.bnnr_bg_01{
    background: url('../../resource/images/contents/main_visual_01.png') center no-repeat;
    background-size: cover;
}
.main_bnnr_wrap .main_bnnr .bnnr .bnnr_bg.bnnr_bg_02{
    background: url('../../resource/images/contents/main_visual_02.png') center no-repeat;
    background-size: cover;
}
.main_bnnr_wrap .main_bnnr .bnnr .bnnr_bg.bnnr_bg_03{
    background: url('../../resource/images/contents/main_visual_03.png') center no-repeat;
    background-size: cover;
}
.main_bnnr_wrap .main_bnnr .bnnr .bnnr_bg.bnnr_bg_04{
    background: url('../../resource/images/contents/main_visual_04.png') center no-repeat;
    background-size: cover;
}
.main_bnnr_wrap .main_bnnr .bnnr .bnnr_bg.bnnr_bg_05{
    background: url('../../resource/images/contents/main_visual_05.png') center no-repeat;
    background-size: cover;
}
.main_bnnr_wrap .main_bnnr .bnnr a {
    display: block; 
    width: 100%; 
    height: 100%; 
    position: relative;
}
.main_bnnr_wrap .main_bnnr .bnnr a:focus{
    outline: auto;
}
.main_bnnr_wrap .main_bnnr .bnnr a:focus::after{
    content: ""; 
    display: block; 
    width: 40vw; 
    height: 17vw; 
    position: absolute; 
    top: 50%; 
    left: 10vw; 
    transform: translate(0, -50%); 
    outline: auto;
}
.main_bnnr_wrap .main_bnnr button { 
    position: absolute; 
}
/* S::2026-05-20 수정 */
.main_bnnr_text .img_text{
    width: 48.2vw;
    min-width: 600px;
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%,-50%);
    z-index: 9;
}
.main_bnnr_text .img_text.pc{
    display: block;
}
.main_bnnr_text .img_text.mo{
    display: none;
}
.main_bnnr_text .img_text img{
    max-width: 100%;
}
/* E::2026-05-20 수정 */
.main_bnnr_wrap .controller_wrap { 
    z-index: 2; 
    position: absolute; 
    bottom: 160px; 
    left: 50%; 
    transform: translate(-50%, 0); 
    display: flex; 
    align-items: center; 
    width: 188px; 
    height: 40px; 
    background: rgba(0,0,0,.5);
    border-radius: 8px; 
    transition: all 0.2s; 
    word-break: keep-all; 
}
.main_bnnr_wrap .controller_wrap .counter { 
    width: auto;
    margin-left:20px; 
    font-size: 1.6em; 
    color: #fff; 
    font-weight: 300;
    bottom: unset; 
    top: 50%; 
    transform: translate(0, -50%);
}
.main_bnnr_wrap .controller_wrap .swiper-pagination-current { 
    font-weight: 600; 
}
.main_bnnr_wrap .controller_wrap .prevArrow { 
    top: 70%; 
    margin-left: 62px;  /* 2026-05-20 수정 */
    width: 28px; 
    height: 28px; 
    background: url("../images/common/ic_arrow_left.svg") no-repeat center center;
}
.main_bnnr_wrap .controller_wrap .nextArrow { 
    top: 70%; 
    margin-right: 10px;  /* 2026-05-20 수정 */ 
    width: 28px; 
    height: 28px; 
    background: url("../images/common/ic_arrow_right.svg") no-repeat center center; 
}
.main_bnnr_wrap .controller_wrap .prevArrow:hover { 
    background: url("../images/common/ic_arrow_left_on.svg") no-repeat center; 
}
.main_bnnr_wrap .controller_wrap .nextArrow:hover { 
    background: url("../images/common/ic_arrow_right_on.svg") no-repeat center; 
}
.main_bnnr_wrap .controller_wrap .play { 
    margin-left: 100px;  /* 2026-05-20 수정 */
    padding: 0 20px; 
    display: none; 
    width: 28px; 
    height: 28px; 
    background: url("../images/common/ic_play.svg") no-repeat center center; 
}
.main_bnnr_wrap .controller_wrap .stop { 
    margin-left: 100px;  /* 2026-05-20 수정 */
    padding: 0 20px; 
    width: 28px; 
    height: 28px; 
    background: url("../images/common/ic_pause.svg") no-repeat center center; 
}

.prevArrow.swiper-button-prev:after { 
    text-indent: -10000px; 
    overflow: hidden; 
}
.nextArrow.swiper-button-next:after { 
    text-indent: -10000px; 
    overflow: hidden; 
}

@media all and (max-width: 767px) {
    /* S::2026-05-20 수정 */
    .main_bnnr_text .img_text.pc{
        display: none;
    }
    .main_bnnr_text .img_text.mo{
        display: block;
        width: 70%;
        max-width: 300px;
        min-width: unset;
    }
    /* E::2026-05-20 수정 */
    .main_bnnr_wrap .controller_wrap{
        bottom: 40px;
    }

    .main_bnnr_wrap .main_bnnr .bnnr .bnnr_bg.bnnr_bg_01{
        background: url('../../resource/images/contents/main_visual_mo_01.png') center no-repeat;
        background-size: cover;
    }
    .main_bnnr_wrap .main_bnnr .bnnr .bnnr_bg.bnnr_bg_02{
        background: url('../../resource/images/contents/main_visual_mo_02.png') center no-repeat;
        background-size: cover;
    }
    .main_bnnr_wrap .main_bnnr .bnnr .bnnr_bg.bnnr_bg_03{
        background: url('../../resource/images/contents/main_visual_mo_03.png') center no-repeat;
        background-size: cover;
    }
    .main_bnnr_wrap .main_bnnr .bnnr .bnnr_bg.bnnr_bg_04{
        background: url('../../resource/images/contents/main_visual_mo_04.png') center no-repeat;
        background-size: cover;
    }
    .main_bnnr_wrap .main_bnnr .bnnr .bnnr_bg.bnnr_bg_05{
        background: url('../../resource/images/contents/main_visual_mo_05.png') center no-repeat;
        background-size: cover;
    }
}