@charset "utf-8";

@font-face {
    font-family: 'RoundedFixedsys';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/DungGeunMo.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NeoDonggeunmo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.3/NeoDunggeunmo.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

img {width: 100%;}
.event_wrap * {box-sizing: border-box; }
.event_wrap img {width: 100%;}
body {background-color: #e5ebf2;}

.event_header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
}
.event_header .logo {
    height:14.0625vw;
    text-align: center;
}
.event_header .logo img {width: 40.15625vw;}
.event_header .nav ul li {
    position: relative; 
    width: 33.3%;
    border-top: 1px solid rgba(86, 95, 105, 0.9);
}
.event_header .nav a {
    display: block;
    height: 14.0625vw;
    padding-left: 6.25vw;
    line-height: 14.0625vw;
    color: #000;
    font-size: 3.125vw;
    font-weight: 500;
    text-align: center;
}
.event_header .nav a::before {
    content: '';
    display: block;
    position: absolute;
    top: 5.3125vw;
    background-repeat: no-repeat;
    background-position: center center;
}
.event_header .nav ul li.icon1-1 a::before {
    background-image: url("/w/event/24lift/asset/images/event25_login.png");
    width: 3.4375vw;
    height: 3.4375vw;
    left: 9.6875vw;
    background-size: contain;
}
.event_header .nav ul li.icon1-2 a::before {
    background-image: url("/w/event/24lift/asset/images/event25_join.png");
    width: 3.4375vw;
    height: 3.4375vw;
    left:8.125vw;
    background-size: contain;
}
.event_header .nav ul li.icon2-1 a::before {
    background-image: url("/w/event/24lift/asset/images/event25_logout.png");
    width: 3.125vw;
    height: 3.4375vw;
    left: 8.90625vw;
    background-size: contain;
}
.event_header .nav ul li.icon2-2 a::before {
    background-image: url("/w/event/24lift/asset/images/event25_mypage.png");
    width: 3.4375vw;
    height: 3.4375vw;
    left: 7.03125vw;
    background-size: contain;
}
.event_header .nav ul li.icon3 a {padding-left: 3.90625vw;}
.event_header .nav ul li.icon3 a::before {
    background-image: url("/w/event/24lift/asset/images/event25_homepage.png");
    width: 3.4375vw;
    height: 3.4375vw;
    left: 2.8125vw;
    background-size: contain;
}

.hid {display: none;}
.hide_txt {
    font-size: 0;
    text-indent: -9999px;
    color: transparent;
}
.event_wrap .tit .lift_link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16.881%;
    width: 53.5%;
    height: 7.153%;
    margin: 0 auto;
}
.event_wrap .inner {
    width: 87.5%;
    margin: 0 auto;
}
.event_wrap .con01 #container {
    position: absolute;
    top: 19.365%;
    left: 50%;
    z-index: 1;
    width: 95.2%;
    height: 53.333%;
    background-image: url(../images/m_event26_con01_container.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: transparent;
    overflow: hidden;
    box-shadow: 8px 8px 10px rgba(21,13,62,.22);
    transform: translateX(-50%);
    touch-action: none;
    cursor: none;
}
.event_wrap .con01 .cursor-image {
    position: absolute;
    display: none;
    z-index: 4;
    width: 57.866vw;
    pointer-events: none;
}
.event_wrap .con01 .hidden-image {
    position: absolute;
    z-index: 3;
    width: 15.333vw;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.event_wrap .con01 .hide-img01 {
    top: 14vw;
    left: 16.666vw;
}
.event_wrap .con01 .hide-img02 {
    top: 34vw;
    left: 36.666vw;
}
.event_wrap .con01 .hide-img03 {
    top: 57vw;
    left: 24.666vw;
}
.event_wrap .con01 .hide-img04 {
    top: 29vw;
    left: 62.666vw;
}
.event_wrap .con01 .hide-img05 {
    top: 69vw;
    left: 65.666vw;
}
.event_wrap .con01 .hidden-image.show {
    visibility: visible;
    opacity: 1;
}
.event_wrap .con01 .num {
    position: absolute;
    left: 0;
    bottom: 17.523%;
    width: 100%;
    color: #fff;
    font-family: "NeoDonggeunmo", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 10.666vw;
    text-align: center;
    letter-spacing: 5px;
}
.event_wrap .con01 .num span {
    display: inline-block;
    font-family: "RoundedFixedsys", sans-serif;
    font-size: 4vw;
    font-weight: 400;
    letter-spacing: -0.05em;
    margin: 0 3.75%;
}
.event_wrap .con01 .num span:last-child {margin: 0 1.562%;}
.event_wrap .con01 .list_btn {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 6.285%;
    width: 58.133%;
    height: 6.666%;
    font-size: 0;
    background: url("../images/m_event26_con01_btn.png") 0 0 no-repeat;
    background-size: cover;
    margin: 0 auto;
}
.event_wrap .con01 .list_btn::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 18.348%;
    width: 5.045%;
    height: 13.333%;
    background: url("../images/m_event26_list_btn_arr.png") 0 0 no-repeat;
    background-size: cover;
    transform: scaleY(-1) translateY(38%);
}
.event_wrap .con01 .list_btn.on::after {transform: scaleY(1) translateY(-50%);}
.event_wrap .list {
    background: url("../images/m_event26_list_inner.jpg") 0 0;
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding-bottom: 16vw;
}
.event_wrap .list .inner {
    width: 91.466%;
    background: #fff;
    padding: 12.133vw 3.733vw 9.466vw;
    margin: 0 auto;
}
.event_wrap .list .list_tit {
    width: 32.38%;
    margin: 0 auto;
}
.event_wrap .list .list_link {
    display: block;
    margin-bottom: 14%;
    text-align: right;
    color: #1b3553;
    font-size: 2.666vw;
    letter-spacing: -0.02em;
}
.event_wrap .list table {margin: 5% 0 2%;}
.event_wrap .list table th, .event_wrap .list table td {
    font-size: 2.933vw;
    color: #fff;
    background-color: #150d3e;
    line-height: 3em;
    text-align: center;
    letter-spacing: -0.02em; 
}
.event_wrap .list table td {
    color: #150d3e;
    background-color: transparent;
    border-bottom: 1px solid #c9cdcf;
}
.event_wrap .list .gift_list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 9%;
    padding: 9% 1.746% 0;
    border-top: 1px solid #c9cdcf;
}
.event_wrap .list .gift_list ul li {width: 47.697%; margin-bottom: 2%;}
/* .event_wrap .list .gift_list ul li:not(:nth-child(2n)) {margin-right: 4.666vw;} */
.event_wrap .list .gift_list ul.list_null {padding: 0;}
.event_wrap .list .gift_list ul.list_null li {
    width: 100%;
    padding: 10% 0;
    text-align: center;
    color: #150d3e;
    font-size: 1.25em;
    letter-spacing: -0.02em;
    border-bottom: 1px solid #c9cdcf;
    margin-right: 0;
    margin-bottom: 0;
}

.event_wrap .con03 .toggle_btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/m_event26_notice_btn_arr.png) 0 0 no-repeat;
    background-position: 78.133% 41.975%;
    background-size: 2.533% auto;
    cursor: pointer;
    transform: scaleY(-1);
}
.event_wrap .con03 .toggle_btn.on {transform: scaleY(1); background-position: 78.133% 50.975%;}
.event_wrap .con03 .notice {display: none;}

/* 팝업 */
.pop_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.hid {display: none;}
.pop_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    z-index: 100;
}
.popup {
    width: 84.533%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
}
.popup .close_btn {
    position: absolute;
    width: 14%;
    height: 12%;
    right: 0;
    top: 0;
    text-indent: -9999px;
}
.popup .confirm_btn {
    position: absolute;
    width: 58.62%;
    height: 11.08%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 6.925%;
    text-indent: -9999px;
}

@media (min-width: 1024px) {
    .event_header .logo {
        height: 90px;
    }
    .event_header .logo img {width: 257px;}
    .event_header .nav a {
        height: 90px;
        padding-left: 40px;
        line-height: 90px;
        font-size: 20px;
    }
    .event_header .nav a::before {top: 34px;}
    .event_header .nav ul li.icon1-1 a::before {
        width: 22px;
        height: 22px;
        left: 62px;
    }
    .event_header .nav ul li.icon1-2 a::before {
        width: 22px;
        height: 22px;
        left:52px;
    }
    .event_header .nav ul li.icon2-1 a::before {
        width: 20px;
        height: 22px;
        left: 57px;
    }
    .event_header .nav ul li.icon2-2 a::before {
        width: 22px;
        height: 22px;
        left: 45px;
    }
    .event_header .nav ul li.icon3 a {padding-left: 25px;}
    .event_header .nav ul li.icon3 a::before {
        width: 22px;
        height: 22px;
        left: 18px;
    }
    
    .event_wrap .con01 .cursor-image {width: 444px;}
    .event_wrap .con01 .hidden-image {
        top: 261px;
        left: 282px;
        width: 118px;
    }
    .event_wrap .con01 .num {font-size: 82px;}
    .event_wrap .con01 .num span {font-size: 31px;}
    .event_wrap .list {padding-bottom: 123px;}
    .event_wrap .list .inner {padding: 93px 29px 73px;}
    .event_wrap .list .list_link {font-size: 20px;}
    .event_wrap .list table th, .event_wrap .list table td {font-size: 23px;}

    /* 팝업 */
    .popup {width: 638px;}
}