/*공통*/
.cmPopupContainer{
    display:none;
}
.cmPopupContainer .cm_popup_ctl{
    display:flex;
    width: auto;
    align-items: center;
}
.cmPopupContainer .cm_popup_ctl > *{
    font-family: 'spoqa3';
    cursor: pointer;
    font-size:14px;
    border: none;
}

.cmPopupContainer .cmCookieSave {
    display:inline-block;
    margin:0 auto;
    background:none;
    color:#000000;
}
.cmPopupContainer .swiper-slide{
    position:relative;
}
.rolling_page{
    text-align:center;
    margin:10px auto 0;
}
.rolling_page .swiper-pagination-bullet{
    width:15px;
    height:15px;
    opacity:0.4;
    background:#ffffff;
    border-radius:50%;
}
.rolling_page .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity:1;
}
.cmimgWrap{
    position:relative;
}
.cmimgWrap a{
    display:block;
    width:100%;
    height:100%;
}
.cmPopupContainer .cmPopupContent{
    display:none;
}
.cm_btn_action{
    position:absolute;
    bottom: 23px;
    left:0;
    width:100%;
    height: 60px;
    cursor: pointer;
}
.cm_btn_action.finger:after{
    content: '';
    position: absolute;
    top: 34px;
    left: 90%;
    width: 44px;
    height: 56px;
    background: url('/_skin/cp/btn_icon.png') no-repeat 0 0 / contain;
    animation: bounce 0.8s ease infinite;
}
/*토스트*/
.toastWrap{
    position:fixed;
    bottom:0;
    width:210px;
    height:auto;
    padding:0 5px;
    z-index:var(--z-index-toast ,500);
}
.toastWrap.toastWrap_left{
    left:0
}
.toastWrap.toastWrap_right{
    right:0
}
.toast_popup_list .cmPopupContent{
    margin-bottom:5px;
}
.toast_popup_list .cmPopupContent:last-child{
    margin-bottom:0;
}
.toast_popup_list .cmPopupClose{
    position:absolute;
    display:block;
    width:20px;
    height:20px;
    right: 8px;
    top: 8px;
    font-size:0;
    cursor:pointer;
}
.toast_popup_list .cmCookieSave{
    width: 85%;
    background:#000000;
    color:#ffffff;
    font-size: 12px;
    line-height: 1.6;
    /* margin-top: 0px; */
}

/*풀*/
.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);
}
.cmPopupContainer .fullPopScreen{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
}
.full_inner{
    width:auto;
    margin:0 auto;
}
.full_inner .cm_popup_ctl > *{
    letter-spacing: -0.065em;
    color:#ffffff;
}
.full_inner .cmCookieSave{
    position:relative;
    padding-right:10px;
    margin-right:10px;
    color: #fff;
    font-size: 15px;
}
.full_inner .cmCookieSave:after{
    position:absolute;
    display:block;
    content:'';
    right:0;
    top:50%;
    width:1px;
    height:14px;
    background:#ffffff;
    transform:translateY(-50%);
}
.full_rolling{
    width:750px;
    overflow:hidden;
    margin: 5px auto;
}
.full_rolling .swiper-wrapper{
    display:flex;
    align-items:center;
}

/*하프*/
.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);
}

.cmPopupContainer .halfPopScreen{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
}
.half_inner{
    width:auto;
    margin:0 auto;
}
.half_inner .cm_popup_ctl > *{
    letter-spacing: -0.065em;
    color:#ffffff;
}
.half_inner .cmCookieSave{
    position:relative;
    padding-right:10px;
    margin-right:10px;
    color: #fff;
    font-size: 15px;
}
.half_inner .cmCookieSave:after{
    position:absolute;
    display:block;
    content:'';
    right:0;
    top:50%;
    width:1px;
    height:14px;
    background:#ffffff;
    transform:translateY(-50%);
}
.half_rolling{
    width:840px;
    overflow:hidden;
    margin: 5px auto;
}
.cm_auto_popup_half{
    display:flex;
    width: 100%;
    height:562px;
    justify-content: center;
    align-items: center;
}
.half_content{
    width: 420px;
    height: 100%;
    padding: 31px 35px 20px;
    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: 268px;
    height: 44px;
    line-height: 41px;
    padding: 0 20px;
    border-radius: 45px;
    letter-spacing: -0.065em;
    font-size: 22px;
    font-family: 'noto5';
    font-weight: normal;
    background: linear-gradient(to right, #ffe556, #fff878);
    box-shadow: 3px 5px 18px 0 rgba(0, 0, 0, 0.45);
}
.modal_marker.shake{
    animation: floating 0.8s ease-in infinite;
}
.sub_text{
    margin-top: 20px;
    line-height: 31px;
    letter-spacing: -0.065em;
    color: #65f2ff;
    font-size: 27px;
    font-family: 'spoqa3';
    font-weight: 400;
}
.title_text{
    /* min-height: 105px; */
    margin-top: 8px;
    line-height: 58px;
    letter-spacing: -0.065em;
    color: #fff;
    font-size: 46px;
    font-family: 'noto6';
    font-weight: normal;
}
.mid_img{
    height: 192px;
    width: 100%;
    margin:20px 0 20px
}
.mid_img  img{
    height:100%;
    display:inline-block;
}
.half_content .cm_btn_action{
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 62px;
    line-height: 62px;
    margin: 1px auto 0;
    border-radius: 10px;
    letter-spacing: -0.065em;
    color: #fff;
    font-size: clamp(18px, 29px, 28px);
    font-family: 'market-b';
    background: #000;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.75);
}
@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: 72px;
    background: #292f3c;
}

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

.time_table .event_timer_area .sdDateTimer {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 10px 0 10px;
}
.time_table .sdDateTimer li {
    position:relative;
    display: flex;
    gap:5px;
    align-items: center;
    padding-right:20px;
    margin-right:10px;
}
.time_table .sdDateTimer li:last-child{
    margin-right:0;
}
.time_table .sdDateTimer span {
    display:inline-block;
    width: 40px;
    height: 50px;
    line-height: 58px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-family: 'market-b';
    background: #050509;
}

.time_table .sdDateTimer li::after {
    position: absolute;
    top: 50%;
    right:2px;
    transform: translateY(-50%);
    letter-spacing: -0.08em;
    color: #fff;
    font-size: 20px;
    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: '초';
}