@charset "utf-8";

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;
    width: 53.5%;
    bottom: 35.2%;
    height: 5.1%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.event_wrap .inner {
    width: 87.5%;
    margin: 0 auto;
}
.event_wrap .con01 .btn_wrap {
    width: 84.266%;
    height: 62.55%;
    position: absolute;
    left: 0;
    right: 0;
    top: 11.073%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 0 1.4%;
}
.event_wrap .con01 .btn_wrap li {width: 32.4%;}
.swing2 {animation: swing2 1.5s ease-in-out;}
@keyframes swing2 {
    20% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }
    40% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
    60% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
    }
    80% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
.event_wrap .con01 .num {
    color: #973836;
    font-family: "ssanai", sans-serif;
    font-weight: 400;
    font-style: normal;
    position: absolute;
    top: 75%;
    right: 28%;
    font-size: 9.866vw; /*74px*/
}
.event_wrap .con01 .num span { font-size: 4.8vw; /*36px*/}
.event_wrap .con01 .list_btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 57.5%;
    height: 6.8%;
    background: url("/w/event/24lift/asset/images/event25_list_btn_arr.png") 83% 49% no-repeat;
    background-size: 6% 16%;
    transform: scaleY(-1);
}
.event_wrap .con01 .list_btn.on {
    background: url("/w/event/24lift/asset/images/event25_list_btn_arr.png") 83% 53% no-repeat;
    background-size: 6% 16%;
    transform: scaleY(1);
}
.event_wrap .list {
    background: url("../images/m_event25_list_inner.jpg") 0 0 repeat;
    background-size: 100% auto;
}
.event_wrap .list .inner {
    width: 84%;
}
.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: 1.25em;
    letter-spacing: -0.02em;
}
.event_wrap .list table {margin: 5% 0 2%;}
.event_wrap .list table th, .event_wrap .list table td {
    font-size: 1.25em;
    color: #fff;
    background-color: #1b3553;
    line-height: 3em;
    text-align: center;
    letter-spacing: -0.02em;
}
.event_wrap .list table td {
    color: #1b3553;
    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: 9%;
    padding: 9% 2% 0;
    border-top: 1px solid #c9cdcf;
}
.event_wrap .list .gift_list ul li {width: 46%; margin-bottom: 2%;}
.event_wrap .list .gift_list ul li:not(:nth-child(2n)) {margin-right: 7%;}
.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: #1b3553;
    font-size: 1.25em;
    letter-spacing: -0.02em;
    border-bottom: 1px solid #c9cdcf;
    margin-right: 0;
    margin-bottom: 0;
}

/* 팝업 */
.pop_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.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: 85.066%;
    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: 63%;
    height: 11.5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 6.8%;
    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 .num {font-size: 76px;}
    .event_wrap .con01 .num span { font-size: 37px;}
    /* 팝업 */
    .popup {width: 638px;}
}