.vs_area{position:relative;width:100%;height:100vh;background:url(../images/main/vs_img.png) top center/ cover no-repeat;position:relative;overflow:hidden}
.vs_content_wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;color:#fff;width:100%;word-break:keep-all}
.vs_subtitle{margin-bottom:20px}
.vs_theme{font-family:'Montserrat',sans-serif;font-size:1.2rem;font-weight:300;color:#fffc;letter-spacing:2px;margin:0}
.vs_korean_text{font-family:'Noto Sans KR',sans-serif;font-size:1.8rem;font-weight:500;color:#ffffffe6;margin:20px 0;letter-spacing:1px}
.vs_description{font-family:'Noto Sans KR',sans-serif;font-size:1.1rem;font-weight:300;color:#ffffffb3;line-height:1.6;margin:20px auto 40px;max-width:600px}
.vs_info{display:inline-flex;justify-content:center;gap:60px;flex-wrap:wrap;border-radius:20px;background:linear-gradient(135deg,#8B5CF6 0%,#EC4899 50%,#F59E0B 100%);padding:40px;box-shadow:0 10px 30px #8b5cf64d}
.vs_time_info{text-align:center}
.vs_time_title{font-family:'Noto Sans KR',sans-serif;font-size:.9rem;font-weight:400;color:#fff9;margin:0 0 8px;letter-spacing:1px}
.vs_time_value{font-family:'Montserrat',sans-serif;font-size:1.3rem;font-weight:600;color:#fff;margin:0;text-shadow:0 0 10px #ffffff4d;letter-spacing:1px}
.fw_1,.fw_2,.fw_3{position:absolute;bottom:-100px;width:276px;height:337px;opacity:0;filter:brightness(1.2) contrast(1.1);z-index:10;object-fit:contain;object-position:center;transition:bottom 2.5s ease-out,opacity 2.5s ease-out,transform 2.5s ease-out;transform:scale(0.3)}
.fw_1{left:10%;transform:translateX(-50%) scale(0.3)}
.fw_2{left:80%;transform:translateX(-50%) scale(0.3)}
.fw_3{left:90%;transform:translateX(-50%) scale(0.3);width:650px!important;height:737px!important}
.fw_1.launching{bottom:35%;opacity:1;transform:translateX(-50%) scale(1)}
.fw_2.launching{bottom:10%;opacity:1;transform:translateX(-50%) scale(1)}
.fw_3.launching{bottom:45%;opacity:1;transform:translateX(-50%) scale(1)}
.fw_1.fixed,.fw_2.fixed,.fw_3.fixed{opacity:1;transform:translateX(-50%) scale(1)}
.fw_1.fixed{bottom:35%}
.fw_2.fixed{left:80%;bottom:10%}
.fw_3.fixed{bottom:45%}
.particle{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;opacity:0;box-shadow:0 0 15px #fffc}
.sparkle{position:absolute;width:4px;height:4px;background:#ffd700;border-radius:50%;opacity:0;animation:sparkle 1.5s ease-out infinite}
@keyframes explode {
    0%{opacity:0;transform:translate(-50%,-50%) scale(0.1) rotate(0deg)}
    15%{opacity:1;transform:translate(-50%,-50%) scale(0.5) rotate(3deg)}
    35%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(-2deg)}
    60%{opacity:1;transform:translate(-50%,-50%) scale(1.5) rotate(1deg)}
    80%{opacity:.8;transform:translate(-50%,-50%) scale(1.2) rotate(0deg)}
    100%{opacity:.3;transform:translate(-50%,-50%) scale(1) rotate(0deg)}
}
@keyframes sparkle {
    0%,100%{opacity:0;transform:scale(0)}
    50%{opacity:1;transform:scale(1)}
}
@keyframes particleExplode {
    0%{opacity:1;transform:translate(0,0) scale(1)}
    100%{opacity:0;transform:scale(0)}
}
.vs_img_2{position:absolute;top:0;right:0;animation:vs_img_2 3s ease-in-out infinite}
@keyframes vs_img_2 {
    0%{opacity:.2}
    50%{opacity:.8}
    100%{opacity:.2}
}
.grw_1,.grw_2{position:absolute;z-index:0;pointer-events:none}
.grw_1{animation:sparkle_1 4s ease-in-out infinite;top:30%;left:20%}
.grw_2{animation:sparkle_2 6s ease-in-out infinite;animation-delay:2s;top:30%;right:10%}
.vs_area .tit{font-size:4rem;font-weight:900;color:#fff;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:0 10px;width:80%;margin:0 auto}
.ntc_area{position:relative;background:#0a0a0a;padding:50px 100px;display:flex;gap:0 50px;justify-content:space-around;width:100%;align-items:center;overflow:hidden}
.ntc_area::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/common/star.svg),url(../images/common/star.svg),url(../images/common/star.svg),url(../images/common/star.svg),url(../images/common/star.svg),url(../images/common/star.svg),url(../images/common/star.svg),url(../images/common/star.svg);background-position:10% 20%,30% 60%,50% 10%,70% 80%,90% 30%,15% 70%,60% 50%,85% 15%;background-size:20px 20px,15px 15px,25px 25px,18px 18px,22px 22px,16px 16px,24px 24px,19px 19px;background-repeat:no-repeat;animation:starParallax1 60s linear infinite;pointer-events:none;z-index:1}
.ntc_area::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/common/star.svg),url(../images/common/star.svg),url(../images/common/star.svg),url(../images/common/star.svg),url(../images/common/star.svg),url(../images/common/star.svg);background-position:20% 40%,40% 80%,80% 20%,10% 90%,70% 60%,50% 30%;background-size:16px 16px,21px 21px,17px 17px,23px 23px,19px 19px,20px 20px;background-repeat:no-repeat;animation:starParallax2 50s linear infinite reverse;pointer-events:none;z-index:1}
@keyframes starParallax1 {
    0%{transform:translateY(0px) translateX(0px);opacity:.1}
    25%{transform:translateY(-40px) translateX(25px);opacity:.2}
    50%{transform:translateY(-25px) translateX(-15px);opacity:.1}
    75%{transform:translateY(-50px) translateX(20px);opacity:.2}
    100%{transform:translateY(0px) translateX(0px);opacity:.1}
}
@keyframes starParallax2 {
    0%{transform:translateY(0px) translateX(0px);opacity:.2}
    25%{transform:translateY(-35px) translateX(-20px);opacity:.1}
    50%{transform:translateY(-20px) translateX(30px);opacity:.2}
    75%{transform:translateY(-45px) translateX(-15px);opacity:.1}
    100%{transform:translateY(0px) translateX(0px);opacity:.2}
}
.ntc_area .ntc_tit{width:500px;color:#fff;margin-bottom:0;position:relative;z-index:2}
.ntc_area .ntc_sd{width:calc(100% - 500px);position:relative;z-index:2}
.ntc_area .ntcSwiper{padding:20px 0}
.ntc_area .swiper-slide{border:1px solid #fff3;background-color:#313131;border-radius:10px;padding:20px;backdrop-filter:blur(10px)}
.ntc_area .swiper-slide:hover{background-color:#935acc;box-shadow:1px 1px 30px #935acc;transition:.2s}
.ntc_area .swiper-slide h4{color:#fff;line-height:1.4}
.ntc_area .swiper-slide p{color:#fff;opacity:.5;margin-top:5px}
.glow-text{text-shadow:0 0 10px #fff3}
.glow-char{display:inline-block;transition:text-shadow 0.3s,color .3s;text-shadow:0 0 10px #fff3}
.fc_puple_1.glow-char{text-shadow:0 0 10px #fff3}
@keyframes sparkle_1 {
    0%{opacity:.1;filter:brightness(1)}
    25%{opacity:.3;filter:brightness(1.2)}
    50%{opacity:.6;filter:brightness(1.5)}
    75%{opacity:.3;filter:brightness(1.2)}
    100%{opacity:.1;filter:brightness(1)}
}
@keyframes sparkle_2 {
    0%{opacity:.05;filter:brightness(0.8)}
    20%{opacity:.2;filter:brightness(1.1)}
    40%{opacity:.4;filter:brightness(1.3)}
    60%{opacity:.2;filter:brightness(1.1)}
    80%{opacity:.1;filter:brightness(0.9)}
    100%{opacity:.05;filter:brightness(0.8)}
}
.intro_area{padding:50px 20px!important;margin-bottom:0!important}
.intro_area,.vdo_area{transform:translateY(0)!important;will-change:auto!important}
.cursor-octagon{position:fixed;width:60px;height:60px;background-image:url(../images/common/cs_img.svg);background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:9999;transition:all .3s cubic-bezier(0.25,0.46,0.45,0.94);transform-origin:center;filter:drop-shadow(0 0 15px #ff09) drop-shadow(0 0 30px #ff06) drop-shadow(0 0 45px #ffff004d) drop-shadow(0 0 60px #ff03);opacity:.9}
.cursor-octagon-1{width:60px;height:60px;background-image:url(../images/common/cs_img.svg);background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 20px oklch(0.968 0.211 45.4 / 0.7)) drop-shadow(0 0 40px oklch(0.968 0.211 45.4 / 0.5)) drop-shadow(0 0 60px oklch(0.968 0.211 45.4 / 0.4)) drop-shadow(0 0 80px oklch(0.968 0.211 45.4 / 0.3)) drop-shadow(0 0 100px oklch(0.968 0.211 45.4 / 0.2));animation:hexagonFloat1 3s ease-in-out infinite}
.cursor-octagon-2{width:48px;height:48px;background-image:url(../images/common/cs_img.svg);background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 15px oklch(0.968 0.211 45.4 / 0.6)) drop-shadow(0 0 30px oklch(0.968 0.211 45.4 / 0.4)) drop-shadow(0 0 45px oklch(0.968 0.211 45.4 / 0.3)) drop-shadow(0 0 60px oklch(0.968 0.211 45.4 / 0.2)) drop-shadow(0 0 80px oklch(0.968 0.211 45.4 / 0.15));animation:hexagonFloat2 3.5s ease-in-out infinite}
.cursor-octagon-3{width:36px;height:36px;background-image:url(../images/common/cs_img.svg);background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 10px oklch(0.968 0.211 45.4 / 0.5)) drop-shadow(0 0 20px oklch(0.968 0.211 45.4 / 0.4)) drop-shadow(0 0 30px oklch(0.968 0.211 45.4 / 0.3)) drop-shadow(0 0 40px oklch(0.968 0.211 45.4 / 0.2)) drop-shadow(0 0 60px oklch(0.968 0.211 45.4 / 0.15));animation:hexagonFloat3 4s ease-in-out infinite}
@keyframes hexagonFloat1 {
    0%,100%{transform:translateY(0px) rotate(0deg) scale(1)}
    50%{transform:translateY(-5px) rotate(60deg) scale(1.1)}
}
@keyframes hexagonFloat2 {
    0%,100%{transform:translateY(0px) rotate(0deg) scale(1)}
    50%{transform:translateY(-8px) rotate(-60deg) scale(1.2)}
}
@keyframes hexagonFloat3 {
    0%,100%{transform:translateY(0px) rotate(0deg) scale(1)}
    50%{transform:translateY(-10px) rotate(120deg) scale(1.3)}
}
.cursor-octagon:hover,a:hover ~ .cursor-octagon,button:hover ~ .cursor-octagon{transform:scale(1.5);filter:drop-shadow(0 0 25px #ff0c) drop-shadow(0 0 50px #ffff00b3) drop-shadow(0 0 75px #ff09) drop-shadow(0 0 100px #ffff0080) drop-shadow(0 0 125px #ff06)}
@media (max-width: 768px) {
    .cursor-octagon,.cursor-octagon-1,.cursor-octagon-2,.cursor-octagon-3{display:none!important}
}
.intro_area{position:relative;background:linear-gradient(135deg,#2C292D 0%,#3A3538 25%,#a984b6 50%,#3A3538 75%,#583e61 100%);background-size:400% 400%;height:850px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px;overflow:hidden;margin:0!important;border:none;margin-bottom:0!important;padding-bottom:0!important;animation:introGradientWave 8s ease-in-out infinite}
@keyframes introGradientWave {
    0%{background-position:0 50%}
    25%{background-position:100% 50%}
    50%{background-position:100% 100%}
    75%{background-position:0 100%}
    100%{background-position:0 50%}
}
.intro_area .tbox .top{justify-content:space-between;margin-bottom:50px!important}
.intro_area .tbox .top .txt_1{font-size:1.2rem;font-weight:600}
.intro_area .tbox .top .txt_2{font-size:1.8rem}
.intro_area .tbox .bottom .txt_1{color:#fff;text-align:left}
.intro_area .bg_txt{position:absolute;top:70%;left:0;transform:translateY(-50%);font-size:12rem;line-height:1;font-weight:900;color:#ffffff0d;z-index:1;letter-spacing:.1em;white-space:nowrap;user-select:none}
.intro_area .tbox{position:relative;z-index:2;text-align:center;max-width:1100px;width:100%}
.intro_area .top{margin-bottom:60px}
.intro_area .bottom{margin-top:40px}
.intro_area .txt_1{font-size:1.8rem;margin-bottom:15px;font-weight:300;letter-spacing:.05em;opacity:0;transform:translateX(-100px);letter-spacing:-.07em}
.intro_area .txt_2{font-size:6.5rem;color:#fff;margin-bottom:20px;font-weight:700;letter-spacing:.02em;opacity:0;transform:translateY(50px);text-shadow:0 0 20px #ffffff4d}
.intro_area .txt_3{font-size:1.4rem;color:#ccc;font-weight:300;letter-spacing:.03em;opacity:0;transform:translateX(-100px);letter-spacing:-.07em}
.intro_area .bottom .txt_3{text-align:right}
.intro_area .bottom .txt_1 img{margin-right:10px}
.intro_area .bottom .txt_3 img{margin-left:10px}
.intro_area .bottom .txt_1 img,.intro_area .bottom .txt_3 img{width:30px}
.vdo_area{position:relative;width:100%;height:auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);overflow-y:hidden;padding:100px 0}
.vdo_area .bg_1{position:absolute;top:20%;transform:translateY(-50%);left:-20%;height:auto;object-fit:contain;transform:translateY(200px) rotate(0deg) scale(0.8);opacity:0;transition:all .3s ease;transform-origin:center center;filter:drop-shadow(0 10px 30px #0000004d);will-change:transform;z-index:-1}
.vdo_area .bg_2{position:absolute;width:60%;max-width:400px;height:auto;object-fit:contain;transform:translateX(100px) translateY(-50px) scale(0.9);opacity:0;transition:all .3s ease;filter:drop-shadow(0 8px 25px #0006);transform-origin:center center;will-change:transform;top:20%;right:10%;cursor:pointer;transition:filter .3s ease,transform .3s ease;z-index:-1;opacity:.5}
.vdo_area .inner{width:1400px}
.vdo_area .tbox{color:#fff;font-weight:300}
.vdo_area .tbox h1{margin-bottom:50px}
.vdo_area .tbox p{opacity:.5}
.vdo_area .tbox>div.flexBox{align-items:center;gap:0 30px}
.vdo_area .vdo_wrap{margin-top:50px}
.vdo_area .vdo_wrap iframe{width:100%;height:720px;border-radius:20px;overflow:hidden}
.vdo_area .tag_list{background:linear-gradient(to right,#B82AAA,#EBA3E4);border-radius:50px;padding:10px 0;margin-top:20px;overflow:hidden}
.vdo_area .tag_list .swiper{width:100%;height:auto}
.vdo_area .tag_list .swiper-wrapper{align-items:center}
.vdo_area .tag_list .swiper-slide{color:#fff;font-weight:400;white-space:nowrap;display:flex;align-items:center;justify-content:center;padding:0 15px;flex-shrink:0;width:auto}
.evt_area h1{font-size:3.5rem}
.evt_sd{margin-top:50px;position:relative;z-index:1}
.evt_sd::before{content:'';position:absolute;top:0;left:0;width:100px;height:100%;background:linear-gradient(to right,#272727,transparent);z-index:2;pointer-events:none}
.evt_sd .swiper{width:100%;height:auto;padding:20px 20px 20px 0}
.evt_sd .swiper-slide{background:#ffffff1a;border-radius:15px;padding:30px;backdrop-filter:blur(10px);border:1px solid #fff3;transition:all .3s ease;height:auto}
.evt_sd .swiper-slide:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 10px 30px #0000004d}
.evt_sd .swiper-slide .img{width:100%;height:320px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;margin-bottom:15px}
.evt_sd .swiper-slide .tbox h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:10px}
.evt_sd .swiper-slide .tbox p{color:#fffc;line-height:1.5}
.evt_sd .swiper-slide .tbox .date{font-weight:600;font-size:1.5rem;opacity:.5;margin-top:20px}
.evt_sd .swiper-slide .tbox h3{font-size:1.5rem}
.evt_sd .swiper-slide:nth-child(odd) .tbox h3{color:#ff5cef}
.evt_sd .swiper-slide:nth-child(even) .tbox h3{color:#5cdeff}
.evt_sd .swiper-slide:nth-child(3n) .tbox h3{color:#b8eb42}
.evt_sd .swiper-button-next,.evt_sd .swiper-button-prev{color:#fff;background:#ffffff1a;border-radius:50%;width:40px;height:40px;backdrop-filter:blur(10px);border:1px solid #fff3}
.evt_sd .swiper-button-next:after,.evt_sd .swiper-button-prev:after{font-size:16px}
.evt_sd .swiper-pagination-bullet{background:#ffffff80;opacity:1}
.evt_sd .swiper-pagination-bullet-active{background:#fff}
.evt_sd .swiper-pagination{margin-left: 200px; position:relative!important;margin-top:20px!important;height:8px!important;background:#fff3!important;border-radius:10px!important;overflow:hidden!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:10!important}
.evt_sd .swiper-pagination-progressbar-fill{background:linear-gradient(135deg,#8B5CF6 0%,#EC4899 50%,#F59E0B 100%);border-radius:10px!important;height:100%!important;cursor:pointer!important;transition:all .3s ease!important;position:relative!important;top:0!important;left:0!important;display:block!important;visibility:visible!important;opacity:1!important;box-shadow:0 2px 8px #0000004d!important}

.evt_area{background-color:#272727;padding:100px 0 100px 200px;color:#fff;position:relative;overflow:hidden}
.evt_area::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 160px 30px,#fff,transparent),radial-gradient(1px 1px at 200px 60px,#fff,transparent),radial-gradient(2px 2px at 240px 20px,#fff,transparent),radial-gradient(1px 1px at 280px 90px,#fff,transparent),radial-gradient(1px 1px at 320px 50px,#fff,transparent),radial-gradient(2px 2px at 360px 10px,#fff,transparent),radial-gradient(1px 1px at 400px 70px,#fff,transparent),radial-gradient(2px 2px at 440px 40px,#fff,transparent),radial-gradient(1px 1px at 480px 80px,#fff,transparent),radial-gradient(1px 1px at 520px 20px,#fff,transparent),radial-gradient(2px 2px at 560px 60px,#fff,transparent),radial-gradient(1px 1px at 600px 30px,#fff,transparent),radial-gradient(2px 2px at 640px 90px,#fff,transparent),radial-gradient(1px 1px at 680px 10px,#fff,transparent),radial-gradient(1px 1px at 720px 50px,#fff,transparent),radial-gradient(2px 2px at 760px 80px,#fff,transparent);background-repeat:repeat;background-size:800px 100px;animation:twinkle 4s ease-in-out infinite alternate;z-index:0}
.evt_area::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 50px 20px,#ffd700,transparent),radial-gradient(1px 1px at 100px 60px,#ffd700,transparent),radial-gradient(2px 2px at 150px 10px,#ffd700,transparent),radial-gradient(1px 1px at 250px 40px,#ffd700,transparent),radial-gradient(1px 1px at 300px 80px,#ffd700,transparent),radial-gradient(2px 2px at 350px 30px,#ffd700,transparent),radial-gradient(1px 1px at 450px 70px,#ffd700,transparent),radial-gradient(1px 1px at 500px 20px,#ffd700,transparent),radial-gradient(2px 2px at 550px 50px,#ffd700,transparent),radial-gradient(1px 1px at 650px 90px,#ffd700,transparent),radial-gradient(1px 1px at 700px 10px,#ffd700,transparent),radial-gradient(2px 2px at 750px 60px,#ffd700,transparent);background-repeat:repeat;background-size:800px 100px;animation:twinkle 3s ease-in-out infinite alternate-reverse;z-index:-1}
@keyframes twinkle {
    0%{opacity:.3}
    50%{opacity:.8}
    100%{opacity:.4}
}
.shooting-star{position:absolute;top:0;left:0;width:200px;height:1px;background:linear-gradient(135deg,transparent 0%,#fff3 20%,#fff6 40%,#fff9 60%,#fffc 80%,transparent 100%);border-radius:.5px;box-shadow:0 0 6px #fffc 0 0 12px #fff6;animation:shootingStar 3s linear infinite;z-index:1;transform-origin:left center;transform:rotate(60deg)}
.shooting-star-2{animation-delay:1.5s;top:20%;left:10%}
@keyframes shootingStar {
    0%{transform:translateX(-150px) translateY(-150px) rotate(40deg);opacity:0}
    10%{opacity:1}
    90%{opacity:1}
    100%{transform:translateX(120vw) translateY(120vh) rotate(40deg);opacity:0}
}
.evt_area .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;position:relative;z-index:1}
.evt_area .top_content{flex:1}
.evt_controls{display:flex;gap:10px;align-items:center;position:relative;z-index:10;margin-right:10%;gap:0 30px}
.evt_area .evt_prev,.evt_area .evt_next{width:60px;height:60px;border:none;border-radius:50%;background:#000c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px);position:relative;z-index:10}
.evt_prev:hover,.evt_next:hover{background:#ffffff80;transform:scale(1.1);box-shadow:0 5px 15px #0000004d;border-color:#fffc}
.evt_prev:active,.evt_next:active{transform:scale(0.95)}
.evt_prev svg,.evt_next svg{width:20px!important;height:20px!important}
.info_area{position:relative;padding-top:100px;padding-right:100px;padding-bottom:200px;z-index:9}
.info_area .top{display:block;position:relative;z-index:10;margin-bottom:50px}
.info_area .top p{font-size:1.2rem;margin-bottom:10px;text-align:right}
.info_area .top h1{color:#fff;font-size:3.5rem;font-weight:600;text-align:right}
.info_area ul{display:flex;flex-wrap:wrap;gap:20px}
.info_area ul li{display:flex;align-items:center;justify-content:center;border-radius:20px;background-color:#000c;padding:60px 40px;text-align:center;color:#fff;width:calc((100% - 60px)/4)}
.info_area ul li p{color:#fff;font-size:1.5rem}
.info_area ul li span{color:#fff;opacity:.5}
.info_area ul li:hover p,.info_area ul li:hover span{color:#333}
.info_area ul li:nth-child(2) p{margin-top:30px}
.info_area ul li:nth-child(3) p{margin-top:30px}
.info_area ul li:nth-child(4) p{margin-top:30px}
.info_area ul li:nth-child(even){transform:translateY(40px)}
.info_area ul li{position:relative;cursor:pointer;overflow:hidden}
.info_area ul li *{position:relative;z-index:2}
.info_area ul li img{display:block;width:100%}
.info_area ul li::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid transparent;border-radius:20px;background:linear-gradient(45deg,#0D0D0D,#0D0D0D,#0D0D0D,#0D0D0D) border-box;background-clip:border-box}
.info_area ul li:nth-child(1):hover::before{background:linear-gradient(45deg,#ff96c8,#ff6b9d,#ff96c8,#ff6b9d) border-box}
.info_area ul li:nth-child(2):hover::before{background:linear-gradient(45deg,#96ff96,#6bff6b,#96ff96,#6bff6b) border-box}
.info_area ul li:nth-child(3):hover::before{background:linear-gradient(45deg,#ffff96,#ffff6b,#ffff96,#ffff6b) border-box}
.info_area ul li:nth-child(4):hover::before{background:linear-gradient(45deg,#c896ff,#9d6bff,#c896ff,#9d6bff) border-box;opacity:0;transition:opacity .3s ease;z-index:0}
.info_area ul li:nth-child(1):hover::before{opacity:1;animation:borderGlowPink .5s ease-in-out infinite}
.info_area ul li:nth-child(2):hover::before{opacity:1;animation:borderGlowGreen .5s ease-in-out infinite}
.info_area ul li:nth-child(3):hover::before{opacity:1;animation:borderGlowYellow .5s ease-in-out infinite}
.info_area ul li:nth-child(4):hover::before{opacity:1;animation:borderGlowPurple .5s ease-in-out infinite}
@keyframes borderGlowPink {
    0%{background:linear-gradient(0deg,#ff96c8,#ff6b9d,#ff96c8,#ff6b9d) border-box;filter:brightness(1)}
    25%{background:linear-gradient(90deg,#ff6b9d,#ff96c8,#ff6b9d,#ff96c8) border-box;filter:brightness(1.3)}
    50%{background:linear-gradient(180deg,#ff96c8,#ff6b9d,#ff96c8,#ff6b9d) border-box;filter:brightness(1.5)}
    75%{background:linear-gradient(270deg,#ff6b9d,#ff96c8,#ff6b9d,#ff96c8) border-box;filter:brightness(1.3)}
    100%{background:linear-gradient(360deg,#ff96c8,#ff6b9d,#ff96c8,#ff6b9d) border-box;filter:brightness(1)}
}
@keyframes borderGlowGreen {
    0%{background:linear-gradient(0deg,#96ff96,#6bff6b,#96ff96,#6bff6b) border-box;filter:brightness(1)}
    25%{background:linear-gradient(90deg,#6bff6b,#96ff96,#6bff6b,#96ff96) border-box;filter:brightness(1.3)}
    50%{background:linear-gradient(180deg,#96ff96,#6bff6b,#96ff96,#6bff6b) border-box;filter:brightness(1.5)}
    75%{background:linear-gradient(270deg,#6bff6b,#96ff96,#6bff6b,#96ff96) border-box;filter:brightness(1.3)}
    100%{background:linear-gradient(360deg,#96ff96,#6bff6b,#96ff96,#6bff6b) border-box;filter:brightness(1)}
}
@keyframes borderGlowYellow {
    0%{background:linear-gradient(0deg,#ffff96,#ffff6b,#ffff96,#ffff6b) border-box;filter:brightness(1)}
    25%{background:linear-gradient(90deg,#ffff6b,#ffff96,#ffff6b,#ffff96) border-box;filter:brightness(1.3)}
    50%{background:linear-gradient(180deg,#ffff96,#ffff6b,#ffff96,#ffff6b) border-box;filter:brightness(1.5)}
    75%{background:linear-gradient(270deg,#ffff6b,#ffff96,#ffff6b,#ffff96) border-box;filter:brightness(1.3)}
    100%{background:linear-gradient(360deg,#ffff96,#ffff6b,#ffff96,#ffff6b) border-box;filter:brightness(1)}
}
@keyframes borderGlowPurple {
    0%{background:linear-gradient(0deg,#c896ff,#9d6bff,#c896ff,#9d6bff) border-box;filter:brightness(1)}
    25%{background:linear-gradient(90deg,#9d6bff,#c896ff,#9d6bff,#c896ff) border-box;filter:brightness(1.3)}
    50%{background:linear-gradient(180deg,#c896ff,#9d6bff,#c896ff,#9d6bff) border-box;filter:brightness(1.5)}
    75%{background:linear-gradient(270deg,#9d6bff,#c896ff,#9d6bff,#c896ff) border-box;filter:brightness(1.3)}
    100%{background:linear-gradient(360deg,#c896ff,#9d6bff,#c896ff,#9d6bff) border-box;filter:brightness(1)}
}
.info_area ul li::after{display:none;content:"";width:50px;height:50px;border-radius:50px;background-color:#222;background-image:url(../images/main/icob_oin.svg);background-position:center;background-repeat:no-repeat;position:absolute;top:20px;right:20px}
.info_area ul li:hover::after{display:block}
.power,.of,.korea{display:inline-block;vertical-align:top}
.fw_1,.fw_2,.fw_3{width:276px;height:337px}
.fw_1{left:10%;transform:translateX(-50%) scale(0.3)}
.fw_2{left:80%;transform:translateX(-50%) scale(0.3)}
.fw_3{left:75%;transform:translateX(-50%) scale(0.3);width:650px!important;height:737px!important}
.bg_1{width:90%}
.bg_2{width:70%;max-width:300px;top:15%;right:5%}
.bg_txt{font-size:4rem}
.txt_1{font-size:1.4rem}
.txt_2{font-size:2.5rem}
.txt_3{font-size:1.2rem}
@media (max-width: 1600px) {
    .evt_area{padding:100px 0 100px 20px}
    .info_area{position:relative;padding-top:100px;padding-right:20px;padding-bottom:100px;z-index:9}
}
@media (max-width: 1280px) {
    .intro_area .txt_1,.intro_area .txt_3{font-size:1.5rem}
    .intro_area .tbox .bottom .txt_2{font-size:4rem;margin-top:80px;line-height:1.2em}
    .intro_area .tbox .top{flex-wrap:wrap}
    .vdo_area .inner{width:100%}
    .vdo_area .bg_2{opacity:.2!important}
    .vdo_area .tbox p{font-size:16px;margin-top:10px}
    .ntc_area{flex-direction:column;padding:50px 0 50px 50px}
    .ntc_area .ntc_tit{width:100%;margin-bottom:30px}
    .ntc_area .ntc_sd{flex:1;width:100%}
}
@media (min-width: 1200px) {
    .fw_1,.fw_2,.fw_3{width:276px;height:337px}
}
@media (max-width:1024px) {
    .vs_area .tit{width:90%;flex-direction:column;line-height:1.2em;text-align:center}
    .fw_1,.fw_2{display:none}
    .grw_1{left:10%}
    .grw_2{top:60%}
    .evt_area h1,.info_area .top h1{font-size:2rem;word-break:keep-all}
}
@media (max-width: 768px) {
    .power,.of,.korea{display:block;width:100%;text-align:center}
    .vs_area .tit{text-align:center}
    .vdo_area .vdo_wrap iframe{height:auto}
    .evt_sd .swiper-slide .img{height:220px}
    .info_area ul li{padding:60px 20px;text-align:center;color:#fff;width:calc((100% - 20px) / 2)}
    .info_area ul li:first-child p{margin-top:0}
}
@media (max-width: 480px) {
    .vs_area .tit{font-size:3rem;letter-spacing:-.05em}
    .fw_1,.fw_2,.fw_3{width:276px;height:337px}
    .fw_1{left:10%;transform:translateX(-50%) scale(0.3)}
    .fw_2{left:50%;transform:translateX(-50%) scale(0.3)}
    .fw_3{left:80%;transform:translateX(-50%) scale(0.3);width:650px!important;height:737px!important}
    .bg_1{width:95%;max-width:300px}
    .bg_2{width:80%;max-width:250px;top:10%;right:0}
    .bg_txt{font-size:2.5rem}
    .txt_1{font-size:1.2rem}
    .txt_2{font-size:2rem}
    .txt_3{font-size:1rem}
    .intro_area{padding:30px 15px}
    .link_btn i{background-size:6px}
    .phy_trp_wrap .phy_trp_list li .box{gap:5px;width:auto;min-width:45%}
    .phy_trp_wrap .phy_trp_list li{padding:14px 12px;gap:8px;justify-content:center}
    .phy_trp_wrap .phy_trp_list li .box span{font-size:16px}
    .phy_trp_wrap .phy_trp_list li .box div{font-size:16px;white-space:normal;text-align:left}
    .vdo_area .tag_list .swiper-slide{font-size:12px;padding:0 10px}
    .evt_sd .swiper{padding:0 10px}
    .evt_sd .swiper-slide{padding:15px}
    .evt_sd .swiper-slide .img{height:150px}
    .evt_sd .swiper-slide .tbox h3{font-size:16px}
    .evt_sd .swiper-slide .tbox p{font-size:13px}
    .evt_sd .swiper-button-next,.evt_sd .swiper-button-prev{width:35px;height:35px}
    .evt_sd .swiper-button-next:after,.evt_sd .swiper-button-prev:after{font-size:14px}
    .evt_area .top{flex-direction:column;align-items:flex-start;gap:20px}
    .evt_controls{align-self:flex-end;margin-top:30px}
    .evt_prev,.evt_next{width:45px;height:45px}
    .evt_prev svg,.evt_next svg{width:18px;height:18px}
    .evt_sd::before{display:none}
    .info_area ul li p{font-size:1.2rem}
    footer .copyright{font-size:14px}
    .vs_content_wrapper{padding:0 20px}
    .vs_theme{font-size:1rem;letter-spacing:1px}
    .vs_korean_text{font-size:1.4rem}
    .vs_description{font-size:1rem;max-width:90%}
    .vs_info{gap:30px;flex-direction:column}
    .vs_time_value{font-size:1.1rem}
}
@media (min-width: 1024px) {
    .ntcSwiper{--swiper-navigation-size:20px}
}
@media (max-width: 1023px) {
    .ntc_tit h1{font-size:2rem}
}