@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.bg {width: 100%;}

.event_wrap * {box-sizing: border-box; }
.event_wrap img {width: 100%;}
.event_wrap {min-width: 1200px; overflow: hidden;}
.event_header {
    position: absolute;
    top: 0;
    width: 100%;
}
.event_header .nav {
    z-index: 20;
    width: 100%;
    padding: 23px 35px 0;
    display: flex;
    justify-content: space-between;
}
.event_header .nav .logo {
    width: 237px;
}
.event_header .nav ul {
    padding: 14px 0 0;
}
.event_header .nav ul li {
    float: left;
    position: relative;
}
.event_header .nav ul li a {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    padding: 0 30px 0 25px;
}
.event_header .nav ul li:last-child a {padding-right: 0;}
.event_header .nav ul li a::before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: -5px;
    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: 22px;
    height: 22px;
}
.event_header .nav ul li.icon1-2 a::before {
    background-image: url("/w/event/24lift/asset/images/event25_join.png");
    width: 22px;
    height: 22px;
}
.event_header .nav ul li.icon2-1 a::before {
    background-image: url("/w/event/24lift/asset/images/event25_logout.png");
    width: 23px;
    height: 22px;
}
.event_header .nav ul li.icon2-2 a::before {
    background-image: url("/w/event/24lift/asset/images/event25_mypage.png");
    width: 22px;
    height: 22px;
}
.event_header .nav ul li.icon3 a::before {
    background-image: url("/w/event/24lift/asset/images/event25_homepage.png");
    width: 22px;
    height: 22px;
}

.hid {display: none;}
.hide_txt {
    font-size: 0;
    text-indent: -9999px;
    color: transparent;
}
.event_wrap .inner {
    width: 62.5%;
    margin: 0 auto;
}
.event_wrap .tit {
    margin: 0 auto;
}



.event_wrap .con01 #container {
    position: absolute;
    top: 19.642%;
    left: 50%;
    z-index: 1;
    width: 82.395%;
    height: 52.933%;
    background-image: url(../images/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: 22.604vw;
    pointer-events: none;
}
.event_wrap .con01 .hidden-image {
    position: absolute;
    z-index: 3;
    width: 5.989vw;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.event_wrap .con01 .hide-img01 {
    top: 23.583vw;
    left: 13.77vw;
}
.event_wrap .con01 .hide-img02 {
    top: 14.583vw;
    left: 36.77vw;
}
.event_wrap .con01 .hide-img03 {
    top: 28.583vw;
    left: 53.77vw;
}
.event_wrap .con01 .hide-img04 {
    top: 4.583vw;
    left: 50.77vw;
}
.event_wrap .con01 .hide-img05 {
    top: 6.583vw;
    left: 67.77vw;
}
.event_wrap .con01 .hidden-image.show {
    visibility: visible;
    opacity: 1;
}
.event_wrap .con01 .num {
    position: absolute;
    left: 0;
    bottom: 17.474%;
    width: 100%;
    color: #fff;
    font-family: "NeoDonggeunmo", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 4.687vw;
    text-align: center;
    letter-spacing: 8px;
}
.event_wrap .con01 .num span {
    display: inline-block;
    font-family: "RoundedFixedsys", sans-serif;
    font-size: 1.562vw;
    font-weight: 400;
    letter-spacing: -0.05em;
    margin: 0 1.25%;
}
.event_wrap .con01 .num span:last-child {margin: 0 0.52%;}

.event_wrap .con01 .list_btn {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 6.377%;
    width: 20.829%;
    height: 5vw;
    font-size: 0;
    background: url("../images/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.09%;
    width: 5.276%;
    height: 14.583%;
    background: url("../images/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/event26_list_inner.jpg") 0 0;
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding-bottom: 7.812vw;
}
.event_wrap .list .inner {
    width: 67.812%;
    background: #fff;
    padding: 5.208vw 2.604vw 4.843vw;
    margin: 0 auto;
}
.event_wrap .list .list_tit {
    width: 16.943%;
    margin: 0 auto;
}
.event_wrap .list .list_link {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #150d3e;
    font-size: 1.25em;
    letter-spacing: -0.02em;
}
.event_wrap .list table {margin: 5% 0 10%;}
.event_wrap .list table th, .event_wrap .list table td {
    font-size: 1.25em;
    color: #fff;
    background-color: #150d3e;
    line-height: 3.5em;
    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: flex-start;
    margin-top: 5%;
    padding-top: 5%;
    border-top: 1px solid #c9cdcf;
}
.event_wrap .list .gift_list ul li {width: 23.671%; margin-bottom: 2%;}
.event_wrap .list .gift_list ul li:not(:nth-child(4n+1)) {margin-left: 1.041vw;}
.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;
}

.event_wrap .con03 .toggle_btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/event26_notice_btn_arr.png) 0 0 no-repeat;
    background-position: 61.012% 47.444%;
    background-size: 0.833% auto;
    cursor: pointer;
    transform: scaleY(-1);
}
.event_wrap .con03 .toggle_btn.on {transform: scaleY(1); background-position: 61.012% 50.444%;}
.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: 33.229%;
    height: 37.604vw;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
}
.popup .close_btn {
    position: absolute;
    width: 4.687vw;
    height: 4.687vw;
    right: 0;
    top: 0;
    text-indent: -9999px;
}
.popup .confirm_btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6.925%;
    width: 19.531vw;
    height: 11.08%;
    margin: 0 auto;
    text-indent: -9999px;
}

/* 구매하기 */
.fixed_menu {
    position: fixed;
    top: 160px;
    right: 0;
    z-index: 3;
    width: 128px;
}


@media (max-width: 1200px) {

    .event_wrap .con01 {padding-bottom: 62px;}
    .event_wrap .con01 .cursor-image {width: 271px;}
    .event_wrap .con01 .hidden-image {
        top: 175px;
        left: 441px;
        width: 72px;
    }
    .event_wrap .con01 .num {font-size: 56px;}
    .event_wrap .con01 .num span {font-size: 19px;}

    .event_wrap .con01 .list_btn {height: 60px;}
    .event_wrap .list {padding-bottom: 94px;}
    .event_wrap .list .inner {padding: 62px 31px 58px;}
    .event_wrap .list .list_tit {width: 23%;}
    .event_wrap .list .list_link {font-size: 1em;}
    .event_wrap .list .gift_list ul li:not(:nth-child(4n+1)) {margin-left: 12px;}

}