@charset "utf-8";
/* 초기화 및 공통 */
.eventWrap.event260223 .inner{
    position:unset;
    width:1100px;
    margin:0 auto;
    text-align:center;
    z-index:1;
}
.subCont{
    position:relative;
}
.subCont:before{
    content:'';
    position:absolute;
    top:0;
    left:50%;
    display:block;
    width:1100px;
    border-radius:20px;
    transform:translateX(-50%);
}
.swiper-slide{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
.swiper-pagination{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:50px;
}
.swiper-pagination-bullet{
    width:auto;
    height:auto;
    margin:0;
    opacity:1;
}
.swiper-pagination > span{
    width:16px;
    height:16px;
    margin:0;
    background:rgba(0, 0, 0, 0.2);
}
.swiper-pagination > span.swiper-pagination-bullet-active{
    width:32px;
    height:16px;
    border-radius:200px;
}
/* START */
.quickNav{
    position:fixed !important;
    top:200px;
    left:50%;
    margin-left:570px;
    z-index:100;
}
.quickNav .btnTop{
    display:none;
    position:fixed;
    bottom:50px;
    left:50%;
    width:88px;
    height:88px;
    margin-left:570px;
    background: url(/resources/images/newSemester/newSemester260223/ico_top.png) 50% 50% no-repeat rgba(255, 255, 255, 0.2);
    border-radius: 200px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1), inset 1px 1px 1px #FFFFFF;
    z-index:100;
}
.quickNav .btnTop.on{
    display:block;
}
.evtTitWrap{
    overflow:hidden;
    position:relative;
    height:950px;
    background:linear-gradient(105.28deg, #C5FF9A 10.37%, #00B3FF 104.78%);
    background:url(/resources/images/newSemester/newSemester260223/bg_main.png) 50% 50% no-repeat;
    background-size:cover;
}
.eventWrap.event260223 .evtTitWrap .logo{
    position:relative;
    top:0;
    display:flex;
    align-items:end;
    justify-content:end;
    height:44px;
    margin-bottom:10px;
    padding:0;
    z-index:1;
}
.evtTitWrap .evtTit span{
    display:inline-block;
    animation:fadeInUp 1s ease-out;
}
.evtTitWrap .evtTit h1{
    display:inline-block;
    animation:fadeInUp 1s ease-out 0.3s;
    animation-fill-mode:both;
}
.evtTitWrap .evtTit p{
    display:inline-block;
    animation:fadeInUp 1s ease-out 0.6s;
    animation-fill-mode:both;
}
.evtTitWrap .objWrap{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
}
.evtTitWrap .objWrap span{
    position:absolute;
}
.evtTitWrap .objWrap .obj1{
    bottom:-570px;
    left:50%;
    transform:translateX(calc(-50% + -10px)) rotate(270deg);
    transform-origin:center;
    animation:rotateAndPulse 8s ease-in-out infinite;
}
.evtTitWrap .objWrap .obj2{
    bottom:0;
    left:50%;
    transform:translateX(calc(-50% + -24px));
    animation:fadeInSlow 2s ease-out;
}
.evtTitWrap .objWrap .obj3{
    bottom:270px;
    left:50%;
    transform:translateX(calc(-50% + -326px));
    animation:floating 6s ease-in-out infinite;
}
.evtTitWrap .objWrap .obj4{
    bottom:92px;
    left:50%;
    transform:translateX(calc(-50% + 450px));
    animation:blink 3s ease-in-out infinite;
}
.evtTitWrap .objWrap .obj5{
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    animation:slideUpFadeIn 1.5s ease-out;
}
/* 애니메이션 정의 */
@keyframes rotateAndPulse{
    0%,
    100%{
        transform:translateX(-50%) rotate(270deg);
        opacity:0.8;
    }
    50%{
        transform:translateX(-50%) rotate(250deg);
        opacity:1;
    }
}
@keyframes fadeInSlow{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@keyframes floating{
    0%,
    100%{
        transform:translateX(calc(-50% + -326px)) translateY(0px);
    }
    50%{
        transform:translateX(calc(-50% + -326px)) translateY(-20px);
    }
}
@keyframes blink{
    0%,
    100%{
        opacity:1;
    }
    50%{
        opacity:0.6;
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        transform:translateY(30px);
    }
    100%{
        opacity:1;
        transform:translateY(0);
    }
}
@keyframes slideUpFadeIn{
    0%{
        transform:translateX(-50%) translateY(100px);
        opacity:0;
    }
    100%{
        transform:translateX(-50%) translateY(0);
        opacity:1;
    }
}
.evtContWrap > div{
    position:relative;
    padding:100px 0;
}
.evtContWrap .subTit{
    margin-bottom:50px;
    opacity:0;
    transform:translateY(30px);
    transition:opacity 1s ease-out, transform 1s ease-out;
}
.evtContWrap .subTit.animate{
    opacity:1;
    transform:translateY(0);
}
.evtCont1{
    height:1241px;
    background:url(/resources/images/newSemester/newSemester260223/bg_cont1.png) 50% 50% no-repeat #F7F8FF;
    background-size:cover;
}
/*
.evtCont1 .subCont:before {
    height: 622px;
    background: #fff;
    border: 1px solid #7137E0;
    border-radius: 30px;
}
*/
.evtCont1 .swiper-wrapper{
    height:802px;
}
.evtCont1 .swiper-pagination{
    position:relative;
    bottom:0;
    margin-top:50px;
}
.evtCont1 .swiper-pagination > span.swiper-pagination-bullet-active{
    background:#327FEA;
}
.evtCont2{
    background-color:#FBFFFB;
}
.evtCont2 .dataWrap{
    overflow:hidden;
    width:1100px;
    background:#FFFFFF;
    border:1px solid #208BB9;
    border-radius:20px;
}
.evtCont2 .dataWrap + .dataWrap{
    margin-top:50px;
}
.dataTit{
    position:relative;
    padding:34px 0;
    background:rgba(218, 247, 244, 0.6);
}
.dataWrap .dataTit h3{
    height:68px;
    margin-left:50px;
}
.dataWrap .btnTxtLink{
    position:absolute;
    top:40px;
    right:50px;
    display:block;
    width:373px;
    height:68px;
}
.dataWrap[data-category='subject'] .dataTit h3{
    width:182px;
    background:url(/resources/images/newSemester/newSemester260223/tit_con3_1.png) 50% 50% no-repeat;
}
.dataWrap[data-category='themeplace'] .dataTit h3{
    width:279px;
    background:url(/resources/images/newSemester/newSemester260223/tit_con3_2.png) 50% 50% no-repeat;
}
.dataWrap[data-category='subject'] .btnTxtLink{
    background:url(/resources/images/newSemester/newSemester260223/btn_cont2_txt_link1.png) 50% 50% no-repeat;
}
.dataWrap[data-category='themeplace'] .btnTxtLink{
    background:url(/resources/images/newSemester/newSemester260223/btn_cont2_txt_link2.png) 50% 50% no-repeat;
}
.btnTabWrap{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    padding:40px 42px 0;
}
.swiper-pagination-bullet.btnTab{
    min-width:90px;
    min-height:56px;
    padding:10px 20px;
    background:rgba(255, 255, 255, 0.2);
    border-radius:10px;
    font-size:24px;
    font-weight:400;
    color:#555;
    letter-spacing:-0.03em;
    box-shadow:0px 0px 6px rgba(0, 0, 0, 0.25);
}
.swiper-pagination-bullet.btnTab.swiper-pagination-bullet-active{
    background:rgb(216 249 239);
    font-weight:800;
    color:#111;
    box-shadow:0px 0px 6px rgba(66, 238, 161, 0.7);
}
.dataWrap[data-category='themeplace'] .swiper-pagination-bullet.btnTab.swiper-pagination-bullet-active.is-bouncing{
    animation:bounceButton .9s both;
}
@keyframes bounceButton{
    0%{
        -webkit-transform:translateY(-45px);
        transform:translateY(-45px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:1;
    }
    24%{
        opacity:1;
    }
    40%{
        -webkit-transform:translateY(-24px);
        transform:translateY(-24px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
    }
    65%{
        -webkit-transform:translateY(-12px);
        transform:translateY(-12px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
    }
    82%{
        -webkit-transform:translateY(-6px);
        transform:translateY(-6px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
    }
    93%{
        -webkit-transform:translateY(-4px);
        transform:translateY(-4px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
    }
    25%,
    55%,
    75%,
    87%{
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
    }
    100%{
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1;
    }
}
.dataSwiper{
    height:756px;
}
.dataSwiper > .swiper-wrapper > .swiper-slide{
    height:756px;
    padding-bottom: 60px;
}
.subDataSwiper{
    position:unset;
}
.subDataSwiper .swiper-pagination{
    bottom:60px;
    margin-top:0;
}
.subDataSwiper .swiper-pagination > span.swiper-pagination-bullet-active{
    background:#13AF86;
}

.dataWrap[data-category='themeplace'] .btnTabWrap{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-content:flex-start;
    gap:16px 20px;
    height:175px;
    overflow-x:auto;
    overflow-y:hidden;
    -ms-overflow-style:none;
    scrollbar-width:none;
}
.dataWrap[data-category='themeplace'] .btnTabWrap::-webkit-scrollbar{
    display:none;
}
.dataWrap[data-category='themeplace'] .swiper-pagination-bullet.btnTab{
    flex:0 0 auto;
    white-space:nowrap;
}
.evtCont3{
    background-color:#fff;
}
.evtCont3 ul{
    display:flex;
    flex-direction:column;
    gap:50px;
}
.evtCont3 ul li{
    position:relative;
}
.evtCont3 .btnTxtLink{
    position:absolute;
    top:142px;
    right:72px;
    width:152px;
    height:40px;
    background:url(/resources/images/newSemester/newSemester260223/btn_cont3_txt_link.png) 50% 50% no-repeat;
}
.evtCont4{
    background-color:#FFFCDD;
}
.evtCont4 .subCont:before{
    height:862px;
    background:rgba(255, 255, 255, 0.3);
    border:1px solid #FFD9A4;
    box-shadow:0px 0px 20px #FFE0B5;
}
.evtCont4 .swiper-wrapper{
    height:706px;
    padding:50px 0 110px;
}
.evtCont4 .swiper-pagination{
    bottom:60px;
    margin-top:0;
}
.evtCont4 .swiper-pagination > span.swiper-pagination-bullet-active{
    background:#FF9539;
}
.evtCont5{
    height:1008px;
    /* background: linear-gradient(180deg, rgba(255, 222, 221, 0) 0%, #FFDEDD 100%), linear-gradient(180deg, #FFC8E2 0%, #FFDFE0 100%); */
    background-image:url(/resources/images/newSemester/newSemester260223/bg_cont5.png);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-size:cover;
}
.evtCont5 .objWrap{
    position:absolute;
    bottom:22px;
    left:50%;
    width:502px;
    height:564px;
    background:url(/resources/images/newSemester/newSemester260223/bg_viversam.png) 0 0 no-repeat;
    transform:translateX(-50%);
}
.evtCont5 .objWrap .obj1{
    position:absolute;
    top:241px;
    left:-38px;
    width:61px;
    height:55px;
    background:url(/resources/images/newSemester/newSemester260223/obj_heart1.png) 0 0 no-repeat;
    animation:heartbeat 1.5s ease-in-out infinite;
}
.evtCont5 .objWrap .obj2{
    position:absolute;
    top:316px;
    left:9px;
    width:37px;
    height:32px;
    background:url(/resources/images/newSemester/newSemester260223/obj_heart2.png) 0 0 no-repeat;
    animation:heartbeat 1.5s ease-in-out infinite 0.3s;
}
.evtCont5 .objWrap .obj3{
    position:absolute;
    top:226px;
    right:3px;
    width:54px;
    height:47px;
    background:url(/resources/images/newSemester/newSemester260223/obj_heart3.png) 0 0 no-repeat;
    animation:heartbeat 1.5s ease-in-out infinite 0.6s;
}
.evtCont5 .objWrap .obj4{
    position:absolute;
    top:290px;
    right:-40px;
    width:40px;
    height:36px;
    background:url(/resources/images/newSemester/newSemester260223/obj_heart4.png) 0 0 no-repeat;
    animation:heartbeat 1.5s ease-in-out infinite 0.9s;
}
.evtCont5 .objWrap .obj5{
    position:absolute;
    top:323px;
    right:8px;
    width:37px;
    height:32px;
    background:url(/resources/images/newSemester/newSemester260223/obj_heart5.png) 0 0 no-repeat;
    animation:heartbeat 1.5s ease-in-out infinite 1.2s;
}
@keyframes heartbeat{
    0%,
    100%{
        transform:scale(1);
    }
    14%{
        transform:scale(1.2);
    }
    28%{
        transform:scale(1);
    }
    42%{
        transform:scale(1.2);
    }
    56%{
        transform:scale(1);
    }
}

.floatBnr{position:absolute !important; top:369px; left:50%; transform:translateX(-50%); width:1100px; z-index:100;}
.floatBnr a{position:absolute; left:-170px;}