.cmPopupContainer{
    position:fixed;
    width:100%;
    height:100vh;
    display:none;
}
.popupScreen{
    display:flex;
    justify-content: center;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
}
.cm_popup_ctl{
    display:flex;
    width: auto;
    align-items: center;
    padding: 0 5%;
    margin-bottom: 8px;
}
.cm_popup_ctl > *{
    font-family: 'spoqa3';
    cursor: pointer;
    letter-spacing: -0.065em;
    color:#ffffff;
    font-size: 15px;
}

.cm_popup_ctl .cmCookieSave{
    position:relative;
    /* padding-right: 2.3333vw; */
    margin-right: 0.1333vw;
    color: #fff;
}
.cm_popup_ctl .cmCookieSave:after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 3.9333vw;
    margin: 0 2.6vw 3px;
    background: #fff;
    cursor: default;
    user-select: none;
    pointer-events: none;
    vertical-align: middle;
}
.cmCookieSave {
    display:inline-block;
    margin:0 auto;
    background:none;
    color:#000000;
}
.cmPopupContainer .swiper-slide{
    position:relative;
    display: initial;
}
.cm_btn_action{
    position:reltaive;
}
.cm_btn_action.finger:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: min(8.111vw, 6.769vh);
    height: min(8.667vw, 8.615vh);
    background: url('/_skin/cp/btn_icon.png') no-repeat 0 0 / contain;
    animation: bounce 0.8s ease infinite;
    transform: translateY(10px);
}

/*.half_inner .cmCookieSave:after{*/
/*    position:absolute;*/
/*    display:block;*/
/*    content:'';*/
/*    right: -8%;*/
/*    top:50%;*/
/*    width:0.1333vw;*/
/*    height:70%;*/
/*    background:#ffffff;*/
/*    transform:translateY(-50%);*/
/*}*/
.rolling_page{
    text-align:center;
    margin:10px auto 0;
}
.rolling_page .swiper-pagination-bullet{
    width:15px;
    height:15px;
    opacity:0.4;
    background:#ffffff;
}
.rolling_page .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity:1;
}
.toastWrap{
    bottom:0;
    left:0;
    z-index:var(--z-index-toast,700);
}
.toastWrap .popupScreen {
    align-items: end;
}
.toastWrap .toast_inner{
    width:100%;
    height: auto;
}

.toast_popup_list{
    width:100%;
    height: 52.5333vw;
}
.toast_popup_list li{
    position:relative;
    width:100%;
    padding: 4.944vw 6.111vw 0;
    border-radius:2.778vw 2.778vw 0 0;
    background:linear-gradient(to bottom, #416bf5, #3498f6);
}
.toast_popup_list .m_sub_txt{
    font-size: 4.444vw;
    line-height: 1.3;
    color: #64f7fe;
}
.toast_popup_list .m_title_text {
    display: block;
    margin-top: 2.222vw;
    font-family: 'market-b';
    font-size: 7.5vw;
    letter-spacing: -0.065em;
    line-height: 1.2;
    color: #FFFFFF;
}
.toast_popup_list .mid_img{
    display: flex;
    position: absolute;
    right: 5.111vw;
    bottom: 17.9333vw;
    width: 42%;
    height: 29.6vw;
    align-items: end;
    overflow: hidden;
}
.toast_popup_list .cm_btn_action{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    line-height: 1.2;
    margin: 3px auto 0;
    padding: 2.917vw 0;
    border-radius: 10px;
    letter-spacing: -0.065em;
    color: #fff;
    font-size: clamp(18px, 3.889vw, 28px);
    font-family: 'market-b';
    background: #000;
    box-shadow: 0 0.417vw 1.389vw 0 rgba(0, 0, 0, 0.75);
}
.toastWrap .btn_area {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 46px;
    margin: 0;
    border-bottom: 1px solid #6a6a6a;
    background: #fff;
}
.toastWrap .btn_area::after {
    clear: both;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background: #bab9be;
}
.toastWrap .btn_area > * {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 50%;
    height: 100%;
    font-size: clamp(14px, 2.222vw, 16px);
    color: #6a6a6a;
}
.toastWrap .btn_area .cmCookieSave {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/*하프*/
.cmHalfContainer{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    z-index:var(--z-index-modal ,1000);
}

.halfPopScreen{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
}
.half_inner{
    width: 100%;
    margin:0 auto;
}
.half_rolling{
    width: 100%;
    overflow:hidden;
    margin: 0.6667vw auto;
}
.cm_auto_popup_half{
    display:flex;
    width: 100%;
    height:74.9333vw;
    justify-content: center;
    align-items: center;
}
.half_content{
    width: 50%;
    height: 100%;
    padding: 4.1333vw 4.6667vw 2.6667vw;
    text-align: center;
    background:linear-gradient(to bottom, #2b377e, #503ea3)
}
.half_content.left_content{
    background:#456df1 url('/_skin/sidae/popup/basic_modal/popup_1_bg.png') no-repeat 0 0 / cover
}

.modal_marker{
    display: inline-block;
    min-width: 35.7333vw;
    height: 5.8667vw;
    line-height: 5.4667vw;
    padding: 0 2.6667vw;
    border-radius: 6.0000vw;
    letter-spacing: -0.065em;
    font-size: 2.9333vw;
    font-family: 'noto5';
    font-weight: normal;
    background: linear-gradient(to right, #ffe556, #fff878);
    box-shadow: 0.4000vw 0.6667vw 2.4000vw 0 rgba(0, 0, 0, 0.45);
}
.modal_marker.shake{
    animation: floating 0.8s ease-in infinite;
}
.sub_text{
    margin-top: 3.6667vw;
    line-height: 4.1333vw;
    letter-spacing: -0.065em;
    color: #65f2ff;
    font-size: 3.6000vw;
    font-family: 'spoqa3';
    font-weight: 400;
}
.title_text{
    /* min-height: 14.0000vw; */
    margin-top: 3.0667vw;
    line-height: 6.9333vw;
    letter-spacing: -0.065em;
    color: #fff;
    font-size: 6.1333vw;
    font-family: 'noto6';
    font-weight: normal;
}
.mid_img{
    display: flex;
    justify-content:center;
    align-items:center;
    width: 100%;
    height: 25.6000vw;
    margin-top: 1.0667vw;
}
.mid_img  img{
    display:inline-block;
    height:100%;
    width: auto;
}
.half_content .cm_btn_action{
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 8.2667vw;
    width: 100%;
    line-height: 8.2667vw;
    margin: 0.1333vw auto 0;
    border-radius: 1.3333vw;
    letter-spacing: -0.065em;
    color: #fff;
    font-size: clamp(2.4000vw, 3.8667vw, 3.7333vw);
    font-family: 'market-b';
    background: #000;
    box-shadow: 0 0.4000vw 1.3333vw 0 rgba(0, 0, 0, 0.75);
}
.half_inner .cm_popup_ctl > *{
    letter-spacing: -0.065em;
    color:#ffffff;
}

.cmFullContainer{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    z-index:var(--z-index-fullmodal ,1000);
}
.fullPopScreen{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
}
.full_inner{
    width:100%;
    margin:0 auto;
}
.full_inner .cm_popup_ctl > *{
    letter-spacing: -0.065em;
    color:#ffffff;
}
.full_rolling{
    width:100%;
    overflow:hidden;
    margin: 5px auto;
}
.full_rolling .swiper-wrapper{
    display:flex;
    align-items:center;
}
.full_rolling .swiper-slide{
    text-align:center;
}
.full_rolling .swiper-slide > img{
    width:100%;
}
.full_rolling .cm_btn_action {
    display:block;
    position:absolute;
    width:90%;
    height:12vw;
    bottom:10%;
    left:50%;
    transform:translateX(-50%);
}


@keyframes bounce {
    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-10px, -10px);
    }
}
@keyframes floating {
    0% {
        transform: translate(0, 3px);
    }
    50% {
        transform: translate(0, -3px);
    }
    100% {
        transform: translate(0, 3px);
    }
}

/*timer*/
.time_table .event_timer_area {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 9.6000vw;
    background: #292f3c;
}

.time_table .event_timer_area p {
    line-height: 1.2;
    letter-spacing: -0.025em;
    color: #ffed6d;
    font-size: 2.7333vw;
    font-family: 'noto6';
}

.time_table .event_timer_area .sdDateTimer {
    display: flex;
    align-items: center;
    gap: 4.7333vw;
    height: 100%;
    margin: 0 6.6667vw 0 1.8667vw;
}

.time_table .sdDateTimer li  {
    display: flex;
    align-items: center;
    gap: 0.7000vw;
    position: relative;
}

.time_table .sdDateTimer li:last-child{
    margin-right:0;
}
.time_table .sdDateTimer span {
    width: 4.3333vw;
    height: 6.6667vw;
    line-height: 7.7333vw;
    border-radius: 0.5333vw;
    text-align: center;
    color: #fff;
    font-size: 4.3333vw;
    font-family: 'market-b';
    background: #050509;
}

.time_table .sdDateTimer li::after {
    position: absolute;
    top: 50%;
    right: -3.2667vw;
    transform: translateY(-50%);
    letter-spacing: -0.08em;
    color: #fff;
    font-size: 2.6667vw;
    font-family: 'noto4';
}

.time_table .sdDateTimer .day::after {
    content: '일';
}

.time_table .sdDateTimer .hour::after {
    content: '시';
}

.time_table .sdDateTimer .min::after {
    content: '분';
}

.time_table .sdDateTimer .sec::after {
    content: '초';
}