@charset "utf-8";
@import url("https://use.typekit.net/qom0qip.css");
*, *::before, *::after {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, header, footer, hgroup, menu, nav, output,
ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; vertical-align: baseline; border: 0;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display: block;}

html {
/* Prevent font scaling in landscape */
-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
-moz-text-size-adjust: none; /*Firefox*/
-ms-text-size-adjust: none; /*Ie*/
-o-text-size-adjust: none; /*old versions of Opera*/
}

html {width: 100%; height: 100%; font-size: 62.5%; scroll-behavior: smooth;}
body {width: 100%; height: 100%; font-size: 1.4rem; color: #000; font-weight: 400; line-height: 1; text-align: center; font-family: var(--cot), sans-serif; background:#000;}
menu, ol, ul, li {list-style: none; list-style-image: none; vertical-align: top;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
table {table-layout: fixed; word-break: break-all; white-space: pre-wrap ; border-collapse: collapse; border-spacing: 0;}
table caption {display: none;}
ul {font-size: 0;}
li {font-size: 1.6rem; letter-spacing: 0;}
img {line-height: inherit; vertical-align: top; -ms-interpolation-mode: bicubic !important; max-width:100%;}
h1, h2, h3, h4, h5, h6 {color: #fff; font-weight: 700; font-family: var(--cot);}
a {color: #fff; font-weight: 400; text-decoration: none; font-family: var(--cot); display: inline-block; outline: none; cursor: pointer; transition:all ease-in-out 0.2s;}
a:focus {outline: none;}

/* root */
:root {
--cot : 'countach', sans-serif;
--bar : 'barlow-condensed', sans-serif;
--rbt : 'roboto', sans-serif;
--shd1 : -0.3rem 0 0 #8e3415, 0.3rem 0 0 #0032a3;
}

.mobile {display:none;}
.s_link {position:absolute; left:0; bottom:0; right:0; top:0; text-indent:-99999px; z-index:10; background:#ffffff; opacity: 0; filter: alpha(opacity=0); font-size:0;}

.inner {max-width:1460px; padding-left:3rem; padding-right:3rem; margin-left:auto; margin-right:auto;}
.dst {display:table; width:100%; height:100%;}
.dstc {display:table-cell; vertical-align: middle;}

.cha {position:absolute;}
.cha03 {left:0; top:0; max-width:none;}
.cha04 {right:0; top:0; max-width:none;}
.cha05 {right:0; top:-2.2rem;}
.cha08 {left:0; bottom:0; animation-duration:0.5s !important;}
.cha09 {right:-8rem; bottom:-1rem; animation-duration:0.5s !important;}
.cha10 {top:21rem; left:50%; margin-left:-428px; z-index:-1; animation-duration:0.5s !important;}

.fadeInUp {animation-duration:0.5s !important;}
.fadeInLeft {animation-duration:0.5s !important;}
.fadeInRight {animation-duration:0.5s !important;}

.cha_wrap {top:8.3%; left:50%; z-index:-1; position:absolute; width:1600px; max-width:100%; transform:translate(-50% , 0); height:90.55%;}
.cha_wrap .cha {height:100%; }
.cha_wrap .img {max-width:none; height:100%;}
.cha_wrap .cha01 {left:0; top:0;}
.cha_wrap .cha02 {right:0; top:0;}
.eft {position: absolute; top:0; left:0; mix-blend-mode:screen; max-width:none; height:100%;}
.animated .cha_wrap .cha01 {opacity:1; animation: fil 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) forwards;}
.animated .cha_wrap .cha02 {opacity:1; animation: fir 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) forwards;}
.cha_wrap .cha02 .eft { animation: float03 3.7s ease-in-out infinite 0.3s;}

.container {overflow:hidden; position:relative; background:#000;}
.all_wrap {overflow:hidden;}

header { text-align:left; position:absolute; top:0; left:0; right:0; z-index: 20; padding:3.6rem 58px 0;}
header .bi img {max-width:160px;}

/* swiper 공통 */
.swiper-button-next, .swiper-button-prev {z-index:11; margin-top:0; background:none;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {display:none;}

.section {background-position:center center; background-size:cover; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1);}

.section01 {height: 100vh; position:relative; text-align:center; background:url('/images/common/event/2026/outbreak/bg01.jpg') center center no-repeat; max-height: 1080px; background-size:auto 100%; z-index:1;}
/* .section01:before { content:''; display:block; position:absolute;background:url('/images/common/event/2026/outbreak/logo_thunder.png') center center no-repeat; background-size:auto 100%; position:absolute; top:0; left:0; width:100%; height:100%;} */
.section01 .title_wrap {width: max-content; margin: 0 auto; z-index:2; height:100%; display:flex; align-items:center; justify-content:center; position:relative; padding-top:7%;}
.section01 .title_wrap .date {z-index:1; width: max-content; position:absolute; top:3.6rem; left:50%; transform:translate(-50% , 0); font-size:30px; color:#ffffff; letter-spacing:0.1em; text-transform:uppercase; text-shadow: var(--shd1);}
.section01 .title_wrap .title {position:relative; z-index:1; }
.section01 .title_wrap .title span {display:block; position:relative;}
.section01 .title_wrap .title span:before, .section01 .title_wrap .title span:after {opacity:0; content:''; display:block; position:absolute; left:50%; width: 21.868%; margin-left: -10.934%; mix-blend-mode: screen;}
.section01 .title_wrap .title span:before {animation: flicker-in-1 2s linear 1s infinite both; top: -17.264%; height: 36.81%; background:url('/images/common/event/2026/outbreak/logo_light_t.png') 0 0 no-repeat; background-size:100% auto;}
.section01 .title_wrap .title span:after {animation: flicker-in-1 2.7s linear 1.6s infinite both; bottom: -4.562%; height: 37.786%; background:url('/images/common/event/2026/outbreak/logo_light_b.png') 0 0 no-repeat; background-size:100% auto;}
.section01 .bg { display:block; position:absolute;background:url('/images/common/event/2026/outbreak/logo_thunder.png') center center no-repeat; background-size:auto 100%; position:absolute; top:0; left:0; width:100%; height:100%; visibility:hidden;}
.section01.animated .bg {animation: vibrate-1 0.3s 0.2s linear 7 , flicker-in-2 2s 1s linear both;}
.section01:before {animation: vibrate-1 0.3s linear 7 , flicker-in-2 2s 1s linear both;}

.section02 {padding:172px 0; position:relative; background:url('/images/common/event/2026/outbreak/bg02.jpg') center center no-repeat; max-height:1080px;}
.section02:before, .section02:after {content:''; display:block; position:absolute; left:0; right:0; height:151px; background:url('/images/common/event/2026/outbreak/bg_deco.png') center 0 no-repeat; z-index:1;}
.section02:before {top:0;}
.section02:after {bottom:0; transform:scaleY(-1);}

.section02 .tit_wrap {position:relative;}
.section02 .tit_wrap .tit01 {font-size:50px; font-weight: 600; color:#fff; letter-spacing:0.1em; text-shadow: -0.3rem 0 0 #8e3415, 0.3rem 0 0 #0032a3, 0 0 0.4rem #1d6ba2, 0 0 1.2rem #1d6ba2, 0 0 2.4rem #1d6ba2, 0 0 4.8rem #1d6ba2; text-transform:uppercase;}
.section02 .tit_wrap .tit02 {font-family:var(--bar); font-size:24px; color:#fff; line-height:1.23; margin-top:1.5rem;}
.section02 .tit_wrap .tit02 span {color:#fff047;}

.section02 .vod_area {width:256px; height:125px; position:absolute; top:-5px; left:50%; margin-left:-128px; z-index:2; background-image:url('/images/common/event/2026/outbreak/btn_vod.png'); background-repeat:no-repeat; background-position:0 0; background-size:100% auto; animation: btn-blink 1.4s steps(1) infinite;}
.section02 .vod_area .vod_link {position:absolute; top: 14%; left: 2%; bottom: 14%; right: 2%; padding-top: 5%;}
.section02 .vod_area .vod_link span {text-transform:uppercase; font-size:24px; color:#fff; letter-spacing:0.04em; text-shadow: var(--shd1); font-weight:700;}
.section02 .vod_area:hover {background-position:0 100%; animation:none;}
.section02 .vod_area:hover .vod_link span {color:#fff047;}

.section02 .pass {max-width:605px; width:100%; position:relative; margin:2.4rem auto 0;}
.section02 .pass:after {content:''; display:block; padding-bottom: 42.315%;}
.section02 .pass .con {text-align:center; position:absolute; width:100%; height:100%; top:0; left:0; background-position:0 0; background-repeat:no-repeat; background-size:100% auto;}
.section02 .pass .detail {height:100%; padding:3% 4% 4%;}
.section02 .pass .txt_wrap {word-break: break-word; height:80%; padding-bottom:2.4%; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.section02 .pass .for {display:flex; align-items:center; justify-content:center; height:20%; padding-bottom:2%; color:#1df2ff; font-size:22px; text-transform:uppercase; text-shadow:0 2px 0 rgba(0, 0, 0, 0.5);}
.section02 .pass .tit {letter-spacing:0.15em; font-size:36px; color:#befbff; text-transform:uppercase; font-weight:600; text-shadow:0 0 0.2rem rgba(0, 255, 228, 0.9), 0 0 0.6rem rgba(0, 255, 228, 0.7), 0 0 1rem rgba(0, 255, 228, 0.4);}
.section02 .pass .txt {padding: 0 2%; margin-top:4.3%; font-size:22px; color:#dfdfdf; letter-spacing:0.03em; font-family:var(--bar); line-height:1.3;}
.section02 .pass .txt font {color:#fff047;}

.section02 .free {margin-top:3.4rem;}
.section02 .free .con {background-image:url('/images/common/event/2026/outbreak/bg_free.png');}

.section02 .prem .con {background-image:url('/images/common/event/2026/outbreak/bg_prem.png');}
.section02 .prem .for {color:#ffe094;}
.section02 .prem .tit {color:#fff4da; text-shadow:0 0 0.2rem rgba(241, 221, 0, 0.9), 0 0 0.6rem rgba(241, 221, 0, 0.7), 0 0 1rem rgba(241, 221, 0, 0.4);}

.animated.free {animation: bounce-in-top 1.1s 0.3s both;}
.animated.prem {animation: bounce-in-top 1.1s 0.2s both;}

.section03 {padding:10.5rem 0; overflow:hidden; position:relative; z-index:3; background-image:url('/images/common/event/2026/outbreak/bg03.jpg');}
.section03 .tit_wrap {position:relative; z-index:1;}
.section03 .tit_wrap .wrap {width:max-content; margin:0 auto; position:relative;}
.section03 .tit_wrap .tit01 {font-size:50px; font-weight: 600;  text-transform:uppercase; letter-spacing:0.1em; text-shadow:0 -0.2rem 0 #0032a3, 0 0.2rem 0 #8e3415; color:#fff;}
.section03 .tit_wrap .tit02 {font-size:24px; color:#f5f5f5; letter-spacing:0.04em; font-family:var(--bar); text-transform:uppercase; margin-top:1.5rem;}
.section03 .tit_wrap .slot {position:relative; padding-top:1.5%; font-size:36px; color:#fff; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; text-shadow:var(--shd1); margin:1rem auto 0; width:26.8rem; height:6.6rem; background:url('/images/common/event/2026/outbreak/bg_slot.png') 0 0 no-repeat; background-size:100% auto; display:flex; align-items:center; justify-content:center;}
.section03 .tit_wrap .slot:before, .section03 .tit_wrap .slot:after {z-index:-1; content:''; display:block; position:absolute; top:0; width:34.8rem; height:12.5rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section03 .tit_wrap .slot:before {background-image:url('/images/common/event/2026/outbreak/obj_slot_l.png'); left:0; transform:translate(-100% , -65%);}
.section03 .tit_wrap .slot:after {background-image:url('/images/common/event/2026/outbreak/obj_slot_r.png'); right:0; transform:translate(100% , -65%);}

.section03 .slot_wrap {background:url('/images/common/event/2026/outbreak/bg03_light.png') center center no-repeat, url('/images/common/event/2026/outbreak/ptn.png') 0 0 repeat; position:relative; margin-top:9.6rem; padding:1.2rem 0;}
.section03 .slot_wrap:before, .section03 .slot_wrap:after {content:''; display:block; position:absolute; left:0; right:0; height:31px; background:url('/images/common/event/2026/outbreak/bg03_deco.png') center 0 no-repeat; z-index:1;}
.section03 .slot_wrap:before {top:-31px;}
.section03 .slot_wrap:after {bottom:-31px; transform:scaleY(-1);}
.section03 .slot_wrap .wrap {display:flex; align-items:flex-end; justify-content:center; flex-wrap:wrap; gap:6.4rem; margin:0 -1rem; position: relative; z-index: 2;}
.section03 .slot_wrap .wrap > div {width:calc((100% - 6.4rem) / 2);}
.section03 .slot_wrap .tit {font-size:24px; color:#ffffff; text-transform:uppercase; letter-spacing:0.04em;}
.section03 .slot_wrap .tit span {margin-bottom:2px; display:block; font-size:34px; color:#49eaf1; font-weight:500; text-shadow:0 0 0.2rem rgba(0, 176, 184, 0.9), 0 0 0.5rem rgba(0, 176, 184, 0.8), 0 0 1rem rgba(0, 176, 184, 0.6);}
.section03 .slot_wrap .list {font-size:0; margin-top:7px;}
.section03 .slot_wrap .list ul {display: flex; align-items: center; justify-content: space-around; gap:2rem;}
.section03 .slot_wrap .list li {display:inline-block; vertical-align:top; width:calc((100% - 2rem) / 2); position:relative;}
.section03 .slot_wrap .list li:after {content:''; display:block; padding-bottom:116.72%;}
.section03 .slot_wrap .list .con {display: flex; width: 100%; height: 100%; align-items: center; flex-direction: column; justify-content: flex-end; padding: 10% 12%; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/outbreak/bg_slot01.png');}
.section03 .slot_wrap .slot {width:100%; max-width:257px; position:relative; margin:0 auto;}
.section03 .slot_wrap .slot:after {content:''; display:block; padding-bottom:17.122%;}
.section03 .slot_wrap .slot > span {padding-bottom:1.5%; text-transform:uppercase; text-shadow: 0 0 0.2rem rgba(10, 171, 178, 0.9), 0 0 0.5rem rgba(10, 171, 178, 0.8), 0 0 1rem rgba(10, 171, 178, 0.6); font-size:32px; color:#ffffff; font-weight:700; letter-spacing:0.04em; position:absolute; top:0; left:0; display:flex; gap:0.7rem; align-items:center; justify-content:center; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/outbreak/bg_slot_txt01.png');}
.section03 .slot_wrap .slot > span span {color:#d0fdff;}
.section03 .slot_wrap .name {line-height:1.1; flex-direction: column; color:#fff; font-size:22px; letter-spacing:0.06em; font-family:var(--bar); font-weight:600; text-transform:uppercase; height:82px; display:flex; align-items:center; justify-content:center;}
.section03 .slot_wrap .name span {color:#eaff00;}
.section03 .slot_wrap .img {margin-bottom:-7.8%;}
.section03 .slot_wrap .info {margin: -4% -5% -7.8%; height:17%; font-size:29px; display:flex; align-items:center; justify-content:center; color:#ffe5fc; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; text-shadow: 0 0 0.2rem rgba(234, 255, 0, 0.4), 0 0 0.5rem rgba(234, 255, 0, 0.4), 0 0 1rem rgba(234, 255, 0, 0.4);}
.section03 .slot_wrap .more_info {font-size:0; color:transparent; display:block; position:absolute; width:32px; height:32px; right:0.8rem; top:50%; margin-top:-16px; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/outbreak/btn_tip.png'); background-repeat:no-repeat;}
.section03 .slot_wrap .more_info:hover {background-position:0 100%;}
.animated.slot_wrap .list li.list01 { animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.animated.slot_wrap .list li.list02 { animation: flip-in-ver-right 0.5s 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.animated.slot_wrap .list li.list03 { animation: flip-in-ver-right 0.5s 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both , up 1.5s 0.5s infinite;}
.animated.slot_wrap .list li.list04 { animation: flip-in-ver-right 0.5s 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both, up 1.5s 0.7s infinite;}

.section03 .slot02 .tit {color:#50ea5f; font-size:32px; }
.section03 .slot02 .tit span {color:#fff; text-shadow:0 0 0.2rem rgba(80, 234, 95, 0.9), 0 0 0.5rem rgba(80, 234, 95, 0.8), 0 0 1rem rgba(80, 234, 95, 0.6);}
.section03 .slot02 .list .con {background-image:url('/images/common/event/2026/outbreak/bg_slot02.png');}
.section03 .slot02 .slot > span {background-image:url('/images/common/event/2026/outbreak/bg_slot_txt02.png'); text-shadow: 0 0 0.2rem rgba(96, 90, 0, 0.9), 0 0 0.5rem rgba(96, 90, 0, 0.8), 0 0 1rem rgba(96, 90, 0, 0.6);}
.section03 .slot02 .slot > span span {color:#eaff00;}
.section03 .tip {display:none; padding:1.2rem 1.2rem 1.6rem; bottom:0; left:50%; transform:translate(-50% , 80%); width:max-content; max-width:100%; z-index:2; position:absolute; font-size:16px; color:#fff; letter-spacing:0.04em; font-family:var(--bar); line-height:1.2; border:1px solid #eaff00; background:#000; box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);}
.section03 .tip:before, .section03 .tip:after {content:''; display:block; position:absolute;}
.section03 .tip:before {display:none; box-shadow:0 0 3px rgba(255, 255, 255, 0.3); top:-1px; bottom:-1px; right:-1px; left:-1px; background:url('/images/common/event/2026/outbreak/tip_lt.png') 0 0 no-repeat , url('/images/common/event/2026/outbreak/tip_rt.png') right 0 no-repeat, url('/images/common/event/2026/outbreak/tip_lb.png') 0 bottom no-repeat, url('/images/common/event/2026/outbreak/tip_rb.png') right bottom no-repeat; background-size:1rem auto;}
.section03 .tip:after {width:2.4rem; height:1.4rem; background:url('/images/common/event/2026/outbreak/tip_arr.png') 0 0 no-repeat; background-size:100% auto; top:-1.4rem; right:1rem;}
.section03 .list03 .slot:hover ~ .tip {display:block;}
.section03 .info_wrap {font-weight:500; position:relative; margin-top:6rem; font-family:var(--bar); font-size:20px; color:#ffffff; letter-spacing:0.04em; line-height:1.4; text-shadow:0 0 0.3rem rgba(29, 107, 162, 1), 0 0 0.8rem rgba(29, 107, 162, 0.9), 0 0 1.6rem rgba(29, 107, 162, 0.7), 0 0 3rem rgba(29, 107, 162, 0.4);}
.section03 .info_wrap span {font-size:26px; display:block; margin-bottom:1.5rem;}

.section04 {padding:0; position:relative; background-image:url('/images/common/event/2026/outbreak/bg04.jpg');}
.section04 .character {width:100%; max-width:1936px; margin:0 auto; position:relative;}
.section04 .character .cha06 {position:relative; z-index:1; will-change:transform; animation:cha-float01 4s ease-in-out infinite;}
.section04 .character .cha07 {bottom:0; right:0; will-change:transform; animation:cha-float02 5s ease-in-out infinite;}
.section04 .cha_info {position:absolute; z-index:2; word-break: break-word;}
.section04 .cha_info:before, .section04 .cha_info:after {mix-blend-mode:screen; content:''; display:block; position:absolute; background-repeat:no-repeat; background-position:0 0;}
.section04 .cha_info .name {font-size:70px; color:#ffd1c1; font-weight:600; letter-spacing:0.04em; text-transform:uppercase; text-shadow:0 0.4rem 0 rgba(112, 34, 0, 0.6) , 0.4rem 0 0 rgba(0, 0, 0, 0.6), 0 0 0.2rem rgba(255, 0, 0, 1), 0 0 0.8rem rgba(255, 0, 0, 0.8), 0 0 2rem rgba(255, 0, 0, 0.6);}
.section04 .cha_info .name span {display:inline-block; position:relative; padding-right:1.2rem;}
.section04 .cha_info .name span:before {content:''; display:block; position:absolute; height:73px; top:50%; left:-1.2rem; right:0; transform:translate(0 , -45%); background-repeat:repeat-x; background-position:0 0; background-image:url('/images/common/event/2026/outbreak/ptn_bar_r.png'); }
.section04 .cha_info .desc {position: relative; margin-top:2.4rem; margin-right: 1rem; font-size:24px; font-family:var(--bar); letter-spacing:0.02em; line-height:1.3; text-transform:uppercase; color:#ffffff; text-shadow:0 0.2rem 0.5rem rgba(0, 0, 0, 0.5);}
.section04 .cha_info .desc span {font-family:var(--cot); display:block; font-size:38px; color:#ffd1c1; letter-spacing:0.04em; margin-bottom:4px; }
.section04 .cha_info01 {top:16.7%; left:-5%; text-align:left; transform:translate(-30% , 0); will-change: transform; } 
.section04 .cha_info01:before , .section04 .cha_info01:after {width:81.4rem; height:40.1rem; left: -8rem; top: 8rem; background-size:100% auto;}
.section04 .cha_info01:before { background-image:url('/images/common/event/2026/outbreak/cha_info01.png');}
.section04 .cha_info01:after { background-image:url('/images/common/event/2026/outbreak/cha_info01_light.png'); animation:light-twinkle 4s ease-in-out infinite;}
.section04 .cha_info02 {bottom:11.7%; right:-5%; text-align:right; transform:translate(45% , 0);  will-change: transform;}
.section04 .cha_info02 .name {color:#b9ffef; text-shadow:0 0.4rem 0 rgba(0, 50, 163, 0.6) , 0.4rem 0 0 rgba(255, 66, 0, 0.6), 0 0 0.2rem rgba(0 , 108, 255, 1), 0 0 0.8rem rgba(0 , 108, 255, 0.8), 0 0 2rem rgba(0 , 108, 255, 0.6);}
.section04 .cha_info02 .name span:before {background-image:url('/images/common/event/2026/outbreak/ptn_bar_b.png');}
.section04 .cha_info02:before, .section04 .cha_info02:after {width:71.9rem; height:36.6rem; bottom: 7rem; right: 2rem; background-size:100% auto;}
.section04 .cha_info02:before {background-image:url('/images/common/event/2026/outbreak/cha_info02.png');}
.section04 .cha_info02:after {background-image:url('/images/common/event/2026/outbreak/cha_info02_light.png'); animation:light-twinkle 4s ease-in-out infinite; animation-delay:-2s;}
.section04 .cha_info02 .desc span {color:#b9ffef;}
.animated .cha_info01 {animation: bounce-in-top 1.1s 0.2s both , cha-float01 4s 1.1s ease-in-out infinite;}
.animated .cha_info02 {animation: bounce-in-bottom 1.1s 0.4s both , cha-float02 5s 1.5s ease-in-out infinite;}

.section05 {position:relative; padding:10rem 5.45% 13rem; z-index: 2; overflow:hidden; background-image:url('/images/common/event/2026/outbreak/bg05.jpg'); animation: bg-move 40s linear infinite}
.section05 .motion_wrap {position:relative;}
.section05 .con {position:relative;}
.section05 .desc { display:flex; align-items: center;}
.section05 .page02 .desc {flex-direction:row-reverse;}
.section05 .motion_wrap .box_3d {/* max-width:1720px; width:calc(100% - 548px); */ flex:1;}
.section05 .motion_wrap .item {width:100%; position:relative;}
.section05 .motion_wrap .item:after {content:''; display:block; padding-bottom:46.512%;}
.section05 .motion_wrap .item > div {width:100% !important; height:100% !important; position:absolute; top:0; left:0; display:none !important;}
.section05 .motion_wrap .item img, .section05 .motion_wrap .item canvas { width:100% !important; height:100% !important; position:absolute; top:0; bottom:0; left:0; right:0; display:none !important;}
.section05 .motion_wrap .swiper-slide {opacity:0 !important; }
.section05 .motion_wrap .swiper-slide.swiper-slide-active {opacity:1 !important; }
.section05 .motion_wrap .swiper-slide.swiper-slide-active .item img, .section05 .motion_wrap .swiper-slide.swiper-slide-active .item canvas {display:block !important;}
.section05 .motion_wrap .swiper-slide.swiper-slide-active .item > div {display:block !important;}
.section05 .item_info {text-align:left; margin-bottom:-6.8rem; max-width:1720px; width:calc(100% - 548px); word-break: break-word;}
.section05 .item_info .name {font-size:64px; color:#dddfe1; text-transform:uppercase; letter-spacing:0.04em; text-shadow:0.3rem 0 0 #00ffd8 , -0.3rem 0 0 #c0269e, 0 0 0.3rem rgba(23, 122, 107, 1), 0 0 1rem rgba(23, 122, 107, 0.8), 0 0 3rem rgba(23, 122, 107, 0.6);}
.section05 .item_info .info {font-family:var(--bar); color:#dddfe1; font-size:24px; letter-spacing:0.02em; line-height:1.3; margin-top:1.2rem;}
.section05 .item_info .info span {color:#4cedf4;}
.section05 .img_3d {position:absolute; left:0; bottom:-5rem; max-width:24rem;}
.section05 .img_3d img {position:static !important;}
.section05 .page02 .item_info {margin-left: auto; margin-right: 0; text-align: right;}
.section05 .page02 .img_3d {left:auto; right:0;}

.stat_wrap {position:relative; z-index: 1; width: 440px;}
.stat {border:1px solid rgba(76, 237, 244, 0.6); padding:1rem; position:relative;}
.stat:before, .stat:after {content:''; display:block; position:absolute; z-index:-1;}
.stat:before {top:0.4rem; bottom:0.4rem; left:0.4rem; right:0.4rem; border:1px solid rgba(76, 237, 244, 0.2); box-shadow:0 0 0.7rem rgba(27, 63, 66, 0.5);}
.stat:after {top:-1.1rem; bottom:-1.1rem; left:-1.1rem; right:-1.1rem; background:url('/images/common/event/2026/outbreak/gp_lt.png') 0 0 no-repeat, url('/images/common/event/2026/outbreak/gp_rt.png') right 0 no-repeat, url('/images/common/event/2026/outbreak/gp_lb.png') 0 bottom no-repeat, url('/images/common/event/2026/outbreak/gp_rb.png') right bottom no-repeat;}
.stat ul {position:relative; width: 420px; max-width: 100%;}
.stat li { position:relative; font-size:0; text-align:left; width:100%; margin-bottom:-1.2rem;}
.stat li:last-child {margin-bottom:0;}
.stat li:after {content:''; display:block; padding-bottom: 19.05%;}
.stat li .con {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/common/event/2026/outbreak/frame_gp.png') 0 0 no-repeat; background-size:100% auto;}
.stat li .con > div {position:absolute; letter-spacing:0.02em; font-size:18px; display:flex; align-items:center; justify-content:center;}
.stat .txt {width: 24%; height: 60%; top: 23%; left: 3%; color:#ffffff; word-break: break-word; text-transform:uppercase;}
.stat .num {width: 15%; height: 60%; top: 23%; right: 3%; color:#7bfaff; font-family:var(--bar);}
.stat .graph {width: 49.762%; height: 47.5%; background:url('/images/common/event/2026/outbreak/bar.png') 0 0 repeat-x; top:50%; transform:translate(0 , -44%); left:30%; background-size:auto 100%;}
.stat li .bar {width:100%; height:100%; position:relative;}
.stat li .bar .on {height:100%; display:block; position:relative; font-size:0; opacity:0;}
.stat li .bar .on span {display:inline-block; height:100%; vertical-align:middle; width:100%; background:url('/images/common/event/2026/outbreak/bar_on.png') 0 0 repeat-x; background-size:auto 100%;}
.stat li.no_graph {display:flex; align-items:center; justify-content:space-between;}
.stat li.no_graph .num {width:auto;}
.stat li .bar .on {animation: animate-width cubic-bezier(0.35, 0.95, 0.67, 0.99) 0.4s forwards;}
.stat li:nth-child(2) .bar .on {animation-delay:0.1s;}
.stat li:nth-child(3) .bar .on {animation-delay:0.2s;}
.stat li:nth-child(4) .bar .on {animation-delay:0.3s;}
.stat li:nth-child(5) .bar .on {animation-delay:0.4s;}
.stat li:nth-child(6) .bar .on {animation-delay:0.5s;}
.stat li:nth-child(7) .bar .on {animation-delay:0.6s;}
.stat li:nth-child(8) .bar .on {animation-delay:0.7s;}

.section05 .swiper-button-next, .section05 .swiper-button-prev {padding:0 14rem 0 2.2rem; margin:2.4rem 0 0 -5px; width:45rem; height:21rem; right:auto; bottom:auto; left:auto; top:auto; text-align:center; display:inline-flex !important; align-items:center; justify-content:center; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/2026/outbreak/btn_weapon.png'); background-size:100% !important; position:relative; cursor:pointer; animation:btn-blink 1.4s steps(1) infinite; }
.section05 .swiper-button-next span, .section05 .swiper-button-prev span {line-height:1.2; text-align:right; position:absolute; right:14rem; top:50%; transform:translate(0 , -50%); transition:all ease-in-out 0.2s; font-size:25px; color:#fff; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; text-shadow:0 0 0.1rem rgba(85, 147, 34, 1), 0 0 0.3rem rgba(85, 147, 34, 0.95),0 0 0.5rem rgba(85, 147, 34, 0.8), 0 0 1rem rgba(85, 147, 34, 0.4);}
.section05 .swiper-button-next:after, .section05 .swiper-button-prev:after {content:''; display:block; position:absolute; top:50%; margin-top:-3.65rem; right:4.4rem; width:7.2rem; height:7.3rem; background:url('/images/common/event/2026/outbreak/arr_weapon.png') 0 0 no-repeat; background-size:100% auto;}
.section05 .swiper-button-next:after {margin-right:0; margin-left:auto; animation: double-right 1.8s ease-in-out infinite;}
.section05 .swiper-button-prev {padding:0 2.2rem 0 14rem;}
.section05 .swiper-button-prev span {right:auto; left:14rem; text-align:left;}
.section05 .swiper-button-prev:after {transform:scaleX(-1); animation: double-left 1.8s ease-in-out infinite; right:auto; left:4.4rem;}
.section05 .swiper-button-next:hover, .section05 .swiper-button-prev:hover {background-position:0 100%; animation:none;}
.section05 .swiper-button-next.swiper-button-disabled, .section05 .swiper-button-prev.swiper-button-disabled {opacity:0;}
.section05 .swiper-pagination {display:none;}

.section06 {background-image:url('/images/common/event/2026/outbreak/bg06.jpg'); background-size:cover; z-index:1; position:relative; padding:11rem 0 25rem;}
.section06 .sec_tit {position:relative; font-size:50px; font-weight: 600; color:#ececec; margin-bottom:10rem; letter-spacing:0.1em; text-transform:uppercase; line-height:1.06; text-shadow:var(--shd1), 0 0 0.3rem rgba(29, 107, 162, 1), 0 0 1rem rgba(29, 107, 162, 0.9), 0 0 2rem rgba(29, 107, 162, 0.7), 0 0 5rem rgba(29, 107, 162, 0.5);}
.section06 .inner {max-width:1340px;}

.section06 .item_wrap {position:relative; z-index:4;}
.section06 .item_wrap .swiper-pagination {position:absolute; display:inline-block; bottom:-6.4rem; left:0; right:0;}
.section06 .item_wrap .swiper-pagination-bullet {width:auto; height:auto; border-radius:0; z-index:1; position:relative; margin:0 0.6rem !important; background:none; opacity:1 !important; }
.section06 .item_wrap .swiper-pagination-bullet span {text-indent:0.1em; padding-bottom:2px; letter-spacing:0.1em; font-size:16px; color:#ffffff; text-shadow:var(--shd1); text-transform:uppercase; width:52px; height:24px; display:inline-flex; align-items:center; justify-content:center; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/outbreak/bull.png');}
.section06 .item_wrap .swiper-pagination-bullet span i {margin-right:2px;}
.section06 .item_wrap .swiper-pagination-bullet-active span {color:#eaff00; background-image:url('/images/common/event/2026/outbreak/bull_on.png');}
.section06 .item_wrap .swiper-pagination-bullet:hover span {color:#eaff00;}

.section06 .item_wrap .swiper-button-next, .section06 .item_wrap .swiper-button-prev {top:50%; margin-top:-4rem; font-size:0; display:block !important; width:7.3rem; height:7.3rem;}
.section06 .item_wrap .swiper-button-next span, .section06 .item_wrap .swiper-button-prev span {background-image:url('/images/common/event/2026/outbreak/item_arr.png'); background-size:100% auto !important; position: relative; z-index: 1; display: block; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; position:absolute; cursor:pointer;}
.section06 .item_wrap .swiper-button-prev {left:-13.5rem;}
.section06 .item_wrap .swiper-button-next {right:-13.5rem; transform:scaleX(-1);}
.section06 .swiper-button-next:hover span, .section06 .swiper-button-prev:hover span {background-position:0 100%;}

.section06 .item_wrap .swiper_wrap {position:relative;}
.section06 .item_wrap .swiper_wrap .swiper {overflow:hidden;}
.section06 .item_wrap .item_list li {width:20%; position:relative;}
.section06 .item_wrap .item_list li .con {position:relative; padding:0 1.2rem; }
.section06 .item_wrap .item_list li .con .item_box {position:relative; height:auto !important; z-index: 1; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/outbreak/bg_item_free.png'); backdrop-filter: blur(0.1rem);}
.section06 .item_wrap .item_list li .con .item_box:after {content:''; display: block; padding-bottom: 94.83%;}
.section06 .item_wrap .item_list li .con .item_box .item {position:absolute; top:0; left:0; width:100%; height:100%; padding-top:13.6%;}
.section06 .item_wrap .item_list li .con .item_box .pic {overflow:hidden; margin:0 auto; width:72.42%; position:relative; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; border:1px solid #4debf4; box-shadow:inset 0 0 0.8rem rgba(0, 240, 255, 0.5);}
.section06 .item_wrap .item_list li .con .item_box .pic:after {content:''; display: block; padding-bottom: 66.67%;}
.section06 .item_wrap .item_list li .con .item_box .pic img {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.section06 .item_wrap .item_list li .con .name {padding: 0 9%; position: relative; word-break: break-word; font-size: 15px; line-height: 1.1;  font-family:var(--bar); letter-spacing: 0.04em; color: #fff; width: 100%; display: flex; align-items: center; height: 31%; justify-content: center;}
.section06 .item_wrap .item_list li .con .name font {position: relative; top: -1px; margin: 0 2px; display:inline-block; vertical-align:middle; font-size:0; color:transparent; width:1.4rem; height:1.4rem; background:url('/images/common/event/2026/outbreak/img_font.png') 0 0 no-repeat; background-size:100% auto;}
.section06 .item_wrap .item_list li .con .level {padding-bottom:2px; font-size:21px; color:#fff; letter-spacing:0.1em; text-transform:uppercase; text-shadow:var(--shd1); margin:2rem auto; position:relative; background:url('/images/common/event/2026/outbreak/bar_lv.png') 0 center repeat-x; height:3.2rem; display:flex; align-items:center; justify-content:center;}
.section06 .item_wrap .item_list li .con .item_box.prem {background-image:url('/images/common/event/2026/outbreak/bg_item_prem.png');}
.section06 .item_wrap .item_list li .con .item_box.prem .pic {border-color:#ffd4ed; box-shadow:inset 0 0 0.8rem rgba(236, 40, 133, 0.5);}
.section06 .item_wrap .item_list li .con .item_box.no_item .item {background:url('/images/common/event/2026/outbreak/no_item.png') center center no-repeat; background-size: 59.48% auto;}

.section06 .item_wrap .it_tit {border-radius:5px; box-shadow:inset 0 0 0.8rem rgba(77, 235, 244, 0.7); background-image:url('/images/common/event/2026/outbreak/ptn_row_b.png'); background-position:center 0; background-repeat:repeat-y; position:absolute; height:43%; display:inline-block; left:-3.6rem; font-size:14px; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; transform-origin: top; width:0.8rem;}
.section06 .item_wrap .it_tit:before {background-color:#000; box-shadow: inset 0 1px 1.6rem rgba(0,255,82,.9), inset 0 1px 1.6rem 2px rgba(0,255,82,.5), inset 0 0 0 1px #fff; border-radius:5px; content:''; display:block; position:absolute; width:2.4rem; height:8rem; top:50%; left:50%; transform:translate(-50% , -50%); background-image:url('/images/common/event/2026/outbreak/ptn_row_b.png'); background-position:center 0; background-repeat:repeat-y;}
.section06 .item_wrap .it_tit span {color:#1fff67; font-size:16px; letter-spacing:0.1em; display:inline-block; top:50%; transform:translate(-36% , -50%) rotate(-90deg); transform-origin: center; position:relative; text-transform:uppercase; vertical-align: middle; }
.section06 .item_wrap .it_tit.free {top:0;}
.section06 .item_wrap .it_tit.free span {transform:translate(-40% , -50%) rotate(-90deg); color:#a4e768;}
.section06 .item_wrap .it_tit.pre {bottom:0; background-image:url('/images/common/event/2026/outbreak/ptn_row_r.png'); box-shadow:inset 0 0 0.8rem rgba(255, 35, 107, 0.5);}
.section06 .item_wrap .it_tit.pre:before {background-image:url('/images/common/event/2026/outbreak/ptn_row_r.png'); box-shadow:inset 0 1px 1rem rgba(255, 0, 18, 0.6), inset 0 1px 1rem 2px rgba(255, 0, 18, 0.6), inset 0 0 0 1px #7f0000;}
.section06 .item_wrap .it_tit.pre span {transform:translate(-45%, -65%) rotate(-90deg); color:#ffa0ca;}
.section06 .item_wrap .it_tit.no_txt {left:auto; right:-3.6rem; height:43%;}
.section06 .item_wrap .it_tit.no_txt span {opacity:0;}
.section06 .item_wrap .it_tit.no_txt:before, .section06 .item_wrap .it_tit.no_txt:after {display:none;}

.section06 .swiper-scrollbar-drag {top:50%; margin-top:-6px; height:12px; ; background:url('/images/common/event/2026/outbreak/scroll_bar.jpg') 0 0 repeat-x; border-radius:0; border-left:2px solid #eaff00; border-right:2px solid #eaff00;}
.section06 .swiper-scrollbar {display:none;}
.section06 .item_wrap .swiper-button-next.swiper-button-disabled, .section06 .swiper-button-prev.swiper-button-disabled {display:none !important;}

.section07 {background-image:url('/images/common/event/2026/outbreak/bg07.jpg'); background-size:cover; z-index:1; position:relative; padding:11rem 0 30rem; box-shadow:none;}
.section07:before {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background-image:url('/images/common/event/2026/outbreak/bg07_shd.png'); background-size:cover;}
.section07 .inner {max-width:1520px;}
.section07 .tit_wrap {margin-bottom:8.8rem; position:relative;}
.section07 .sec_tit {font-size: 50px; font-weight: 600; color: #ececec; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.06; text-shadow: var(--shd1), 0 0 0.3rem rgba(29, 107, 162, 1), 0 0 1rem rgba(29, 107, 162, 0.9), 0 0 2rem rgba(29, 107, 162, 0.7), 0 0 5rem rgba(29, 107, 162, 0.5);}
.section07 .sec_tit02 {margin-top:1rem; font-family:var(--bar); font-weight:500; color:#dfdfdf; font-size:24px; line-height:1.2; word-break: break-word;}

.section07 .shop_area {position:relative; z-index:1;}
.section07 .shop_area > ul {font-size:0; display:flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.section07 .shop_area > ul > li {width:50%; display:inline-block; vertical-align:top; position:relative; margin-bottom:3rem;}
.section07 .shop_area .con {max-width:480px; background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; position:relative;}
.section07 .shop_area .con:after {content:''; display:block; padding-bottom:77.5%;}
.section07 .shop_area .con .box {position:absolute; top:0; bottom:0; left:0; right:0; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section07 .shop_area .name {position:absolute; top:4%; left:0; right:0; height:11%; display:flex; align-items:center; justify-content:center; z-index:1; font-size:32px; font-weight:700; text-transform:uppercase; letter-spacing:0.01em;}
.section07 .shop_area .txt {line-height:1.1; position:absolute; top:15%; left:0; right:0; z-index:1; font-size:20px; letter-spacing: 0.04em; display:flex; height:16%; justify-content:center; align-items:center;}
.section07 .shop_area .item {position:absolute; top:0; bottom:0; left:0; right:0;}
.section07 .shop_area .sale {font-size:16px; color:#ffffff; letter-spacing:0.1em; text-indent:0.1em; text-shadow:var(--shd1); padding-right: 2.4%; font-size:16px; font-weight:700; color:#ffffff; text-transform:uppercase; z-index:1; position:absolute; top:0; display:flex; align-items:center; justify-content:center; flex-direction: column; width:128px; height:112px; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section07 .shop_area .sale font {animation: blink-1 2.2s both infinite;}
.section07 .shop_area .sale span {font-size:24px; font-weight:700; margin-bottom:2px;}

.section07 .shop_area li:nth-child(2n) .con {margin-left:auto; margin-right:0;}

.animated .shop_area > ul > li .con {animation:bounce-in-top 1.1s both;}
.animated .shop_area > ul > li.bn03 .con {animation-delay:0.2s;}
.animated .shop_area > ul > li.bn02 .con {animation-delay:0.4s;}
.animated .shop_area > ul > li.bn01 .con {animation-delay:0.6s;}

.section07 .shop_area li.bn01 .con .box {background-image:url('/images/common/event/2026/outbreak/bg_sp01.png'); }
.section07 .shop_area li.bn01 .sale {background-image:url('/images/common/event/2026/outbreak/bg_sale01.png'); transform:translate(30%, -10%); right:0;}
.section07 .shop_area li.bn01 .name {color:#fffbe6; text-shadow: 0 0 0.15rem rgba(138, 104, 0, 1), 0 0 0.5rem rgba(138, 104, 0, 0.9), 0 0 1rem rgba(138, 104, 0, 0.7), 0 0 2rem rgba(138, 104, 0, 0.35);}
.section07 .shop_area li.bn01 .txt {color:#fffbe6; text-shadow: 0 0 0.15rem rgba(138, 104, 0, 1), 0 0 0.5rem rgba(138, 104, 0, 0.9), 0 0 1rem rgba(138, 104, 0, 0.7), 0 0 2rem rgba(138, 104, 0, 0.35);}

.section07 .shop_area li.bn02 .con .box {background-image:url('/images/common/event/2026/outbreak/bg_sp02.png');}
.section07 .shop_area li.bn02 .sale {background-image:url('/images/common/event/2026/outbreak/bg_sale02.png'); left:0; transform:translate(-30%, -10%);}
.section07 .shop_area li.bn02 .name {color:#ffecec; text-shadow: 0 0 0.15rem rgba(177, 40, 40, 1), 0 0 0.5rem rgba(177, 40, 40, 0.9), 0 0 1rem rgba(177, 40, 40, 0.7), 0 0 2rem rgba(177, 40, 40, 0.35);}
.section07 .shop_area li.bn02 .txt {color:#ffecec; text-shadow: 0 0 0.15rem rgba(177, 40, 40, 1), 0 0 0.5rem rgba(177, 40, 40, 0.9), 0 0 1rem rgba(177, 40, 40, 0.7), 0 0 2rem rgba(177, 40, 40, 0.35); }

.section07 .shop_area li.bn03 .con .box {background-image:url('/images/common/event/2026/outbreak/bg_sp03.png');}
.section07 .shop_area li.bn03 .sale {background-image:url('/images/common/event/2026/outbreak/bg_sale03.png'); transform:translate(30%, -10%); right:0;}
.section07 .shop_area li.bn03 .name {color:#e0efff; text-shadow: 0 0 0.15rem rgba(5, 59, 237, 1), 0 0 0.5rem rgba(5, 59, 237, 0.9), 0 0 1rem rgba(5, 59, 237, 0.7), 0 0 2rem rgba(5, 59, 237, 0.35);}
.section07 .shop_area li.bn03 .txt {color:#e0efff; text-shadow: 0 0 0.15rem rgba(5, 59, 237, 1), 0 0 0.5rem rgba(5, 59, 237, 0.9), 0 0 1rem rgba(5, 59, 237, 0.7), 0 0 2rem rgba(5, 59, 237, 0.35); }

.section07 .shop_area li.bn04 .con .box {background-image:url('/images/common/event/2026/outbreak/bg_sp04.png');}
.section07 .shop_area li.bn04 .sale {background-image:url('/images/common/event/2026/outbreak/bg_sale04.png'); transform:translate(-30%, -10%); left:0;}
.section07 .shop_area li.bn04 .name {color:#d2ecff; text-shadow: 0 0 0.15rem rgba(0, 88, 133, 1), 0 0 0.5rem rgba(0, 88, 133, 0.9), 0 0 1rem rgba(0, 88, 133, 0.7), 0 0 2rem rgba(0, 88, 133, 0.35);}
.section07 .shop_area li.bn04 .txt {color:#d2ecff; text-shadow: 0 0 0.15rem rgba(0, 88, 133, 1), 0 0 0.5rem rgba(0, 88, 133, 0.9), 0 0 1rem rgba(0, 88, 133, 0.7), 0 0 2rem rgba(0, 88, 133, 0.35); }


.animated .shop_area > ul > li .con {animation:bounce-in-top 1.1s 0.2s both;}
.animated .shop_area > ul > li.bn03 .con {animation-delay:0.4s;}
.animated .shop_area > ul > li.bn02 .con {animation-delay:0.6s;}
.animated .shop_area > ul > li.bn01 .con {animation-delay:0.8s;}

footer {width: 100%; padding:0 0 5.4rem; z-index: 3; position:absolute; left:0; bottom:0; right:0; z-index:1; font-family:var(--rbt); font-size:14px; color:#b5ada3;}
footer > img {margin-bottom: 2rem;}
footer .footer {position: relative; z-index: 2;}
footer .footer .cs > a {color:#f0ff6d; text-transform: uppercase; font-family:var(--rbt);}
footer .footer .cs > a:hover {text-decoration: underline;}
footer .footer .copy {margin-top: 0.8rem;}
footer .footer .age {margin-bottom:2rem;}
footer .footer .age img {max-width:6rem;}

.btn_top {color:transparent; font-size:0; transition:none; position:fixed; z-index:11; right:4rem; bottom:4rem; width:7.3rem; height:7.3rem; display:flex; align-items:center; justify-content:center; background-image:url('/images/common/event/2026/outbreak/btn_top.png'); background-repeat:no-repeat; background-position:0 0; background-size:100% auto; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.4);}
.btn_top:hover {background-position:0 100%;}

/* pop-up */
.dimmed {display:none; width: 100%; height: 100%; background:#000; opacity: 0.7; filter: alpha(opacity=70); position: fixed; left: 0; top: 0; z-index: 99;}
.pop-up {display:none; }
.pop-up .pop-layout {left:50%; top:50%; width:100%; transform:translate(-50%, -50%); position: fixed; z-index:100; max-width:1260px; background-size:100% auto;}
.pop-up .pop-layout:after {content:''; display:block; padding-bottom:56.27%;}
.pop-up .pop-layout > h2 {letter-spacing:0.01rem; position:relative; color:#fff; font-size:20px; font-weight:700; padding:1.7rem; background:#689aff; top: -1px;}
.pop-up .pop-close {z-index:99; font-size:0; color:transparent; position:fixed; right: -8.2rem; top:0; width:7.2rem; height:7.2rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/2026/outbreak/pop_close.png'); background-size:100% auto;}
.pop-up .pop-close:hover {background-position:0 100%;}
.pop-up .video_wrap {position:absolute; top:0; bottom:0; left:0; right:0; background:#000000;}
.pop-up .video_wrap .video {overflow: hidden; position: relative; width: 100%; height:100%; top:0;}
.pop-up .video_wrap .video:before, .pop-up .video_wrap .video:after {content:''; display:block; position:absolute; top:0; bottom:0; background-size:100% auto; background-repeat:no-repeat; z-index:1; width: 14.604%; background-position:0 0; }
.pop-up .video_wrap .video:before {background-image:url('/images/common/event/2026/outbreak/pop_frame_l.png'); left:0;}
.pop-up .video_wrap .video:after {background-image:url('/images/common/event/2026/outbreak/pop_frame_r.png'); right:0;}
.pop-up .video_wrap:before, .pop-up .video_wrap:after {content:''; display:block; position:absolute; left:50%; transform:translate(-50% ,0); background-size:100% auto; background-repeat:no-repeat; background-position:center 0; z-index:1; width: 70.794%; height: 5.078%;}
.pop-up .video_wrap:before {background-image:url('/images/common/event/2026/outbreak/pop_frame_t.png'); top:0;}
.pop-up .video_wrap:after {background-image:url('/images/common/event/2026/outbreak/pop_frame_b.png'); bottom:0;}
.pop-up .video_wrap .video iframe {position: absolute; top:4.93%; left: 0; width: 100% !important; height:90.14% !important;}

@media screen and (max-width: 2400px) {
.section04 .cha_info01 {transform: none; left:-3%;}
.section04 .cha_info02 {transform: none; right:-3%;}
}

@media screen and (max-width: 2200px) {
.cha05 {right:-28rem;}
.cha08 {left:-12rem; width:700px;}
.cha09 {right:-34rem; width:770px;}

.section04 .cha_info {padding:0 3rem;}
.section04 .cha_info01 {left:0;}
.section04 .cha_info02 {right:0;}
}

@media screen and (max-width: 1900px) {
.cha03 {left:-20rem;}
.cha04 {right:-20rem;}
.cha08 {left:-6.25%; width:25%;}
.cha09 {right:-10%; width:27%;}

.section05 {padding-left:3rem; padding-right:3rem;}
}

@media screen and (max-width: 1720px) {
.cha08 {left:-3%; width:20%;}
.cha09 { width:25%;}

.section04 .cha_info .name {font-size:50px;}
.section04 .cha_info .desc {font-size:20px;}
.section04 .cha_info .desc span {font-size:30px;}
.section04 .cha_info .name span:before {height:60px;}
.section04 .cha_info01:before, .section04 .cha_info01:after {width:58.4rem; top:6rem;}
.section04 .cha_info02 {bottom:3rem;}
.section04 .cha_info02:before, .section04 .cha_info02:after {width:49.9rem; bottom:-4rem; right:0;}
}

@media screen and (max-width: 1560px) {
.pop_video .pop-layout {width: 60%;}

.cha_wrap {width:1160px;}

.section06 .inner {padding-left:12rem; padding-right:12rem;}
.section06 .item_wrap .swiper-button-next {right:-8.2rem;}
.section06 .item_wrap .swiper-button-prev {left:-8.2rem;}
.section06 .item_wrap .item_list li .con .name {font-size:14px;}

.stat_wrap {width:320px;}
.section05 .item_info {width: calc(100% - 320px);}
.section05 .swiper-button-next, .section05 .swiper-button-prev {width:321px; height:150px; padding-right:10rem;}
.section05 .swiper-button-next:after, .section05 .swiper-button-prev:after {margin-top: -3.05rem; right: 3rem; width: 6rem; height: 6.1rem;}
.section05 .swiper-button-next span, .section05 .swiper-button-prev span {right:11rem;}
.section05 .swiper-button-prev {padding-left:10rem; padding-right:2.2rem;}
.section05 .swiper-button-prev:after {left:3rem; right:auto;}
.section05 .swiper-button-prev span {left:11rem; right:auto;}
.stat li .con > div {font-size:14px;}
.section05 .img_3d {max-width:18rem; bottom:-8rem;}
.section05 .item_info {text-align:center;}
.section05 .page02 .item_info {text-align:center;}

.section03 .slot_wrap .wrap {gap:2rem;}
.section03 .slot_wrap .wrap > div {width:calc((100% - 2rem) / 2);}
.section03 .slot_wrap .info {height:20%;}

.cha_wrap {height:89%; top:10%;}
.cha_wrap .cha01 {left:-20%;}
.cha_wrap .cha02 {right:-15%;}

}

@media screen and (max-width: 1360px) {
.section03 .slot_wrap .list ul {gap:0;}
.section03 .slot_wrap .wrap {gap:0;}
.section03 .slot_wrap .list li {width:50%;}
.section03 .slot_wrap .wrap > div {width:50%;}
.section03 .slot_wrap .info {font-size:20px;}
.section03 .slot_wrap .name {font-size:18px;}
.section03 .slot_wrap .slot > span {padding-bottom:0; font-size:18px;}

}

@media screen and (max-width: 1280px) {
.cha03 {left: -5%; width: 50%; bottom: 0; top: auto;}
.cha04 {display:none;}
.cha05 {right:-32%;}
.cha06 {margin-bottom:-8rem;}
.cha08 {display:none;}
.cha09 {width:auto; right:auto; top:50%; left:50%; bottom:auto; margin-left: -25%; margin-top: -33%;}
.cha10 {display:none;}

.section06 {padding-bottom:20rem;}
.section06 .inner {padding-left:6rem; padding-right:6rem;}
.section06 .swiper-scrollbar {display:block; height:8px; bottom:-4rem; background:none; border:1px solid #40f9f1; position:relative; border-radius:4px; z-index: 1;}
.section06 .item_wrap .swiper-button-next, .section06 .item_wrap .swiper-button-prev {display:none !important;}
.section06 .item_wrap .swiper-pagination {display:none;}
.section06 .item_wrap .item_list li .con .item .name br {display:none;}

.section07 .shop_area {max-width:1000px; margin:0 auto;}
.section07 .shop_area > ul {gap:3rem;}
.section07 .shop_area > ul > li {margin-bottom:0; width:calc((100% - 3rem) / 2);}
.section07 .shop_area .sale {width:100px; height:88px; font-size:12px;}
.section07 .shop_area .sale span {font-size:20px;}
.section07 .shop_area li.bn01 .sale {transform: translate(10%, -10%);}
.section07 .shop_area li.bn02 .sale {transform: translate(-10%, -10%);}
.section07 .shop_area li.bn03 .sale {transform: translate(10%, -10%);}
.section07 .shop_area li.bn04 .sale {transform: translate(-10%, -10%);}
.section07 .shop_area .name {font-size: 28px; padding-bottom: 1%;}
.section07 .shop_area .txt {font-size:18px; line-height: 1;}

.section05 {padding:10rem 0 8.4rem;}
.section05 .desc {display:block;}
.section05 .item_info {width:100%; margin-bottom:0; padding:0 3rem;}
.section05 .img_3d {top:0; left:auto; bottom:auto; right:3rem;}
.section05 .page02 .img_3d {right:3rem;}
.section05 .swiper-button-next img, .section05 .swiper-button-prev img {display:none;}
.section05 .swiper-button-next span br, .section05 .swiper-button-prev span br {display:none;}
.stat_wrap {width:65%; max-width:100%; margin:0 auto; padding:0 3rem;}
.stat {padding:4rem;}
.stat:before {background:rgba(0, 0, 0, 0.5);}
.stat li .con {background:none; position:static;}
.stat li:after {display:none;}
.stat ul {display:grid; grid-template-columns:max-content 1fr max-content; align-items:center; column-gap:1.5rem; row-gap:1.6rem; width:100%;}
.stat li {display:contents;}
.stat li .con {display:contents;}
.stat li .con > div {position:relative; display:block;}
.stat .txt {height:auto; left:auto; top:auto; width:auto;}
.stat .graph {height:8px; transform:none; top:auto; left:auto; background:#003349; width:auto; border-radius:4px;}
.stat li .bar .on span {background:#eaff00; border-radius:4px;}
.stat .num {width:auto; height:auto; top:auto; right:auto; text-align:center;}
.section05 .swiper-button-next, .section05 .swiper-button-prev { width:280px; height:72px; background-image: url(/images/common/event/2026/outbreak/btn_weapon_m.png); padding:0; padding:0 2rem 0 7.2rem; margin:3.6rem auto 0;}
.section05 .swiper-button-next span, .section05 .swiper-button-prev span {position:static; font-size:22px; transform:none;}
.section05 .swiper-button-next span br, .section05 .swiper-button-prev span br {display:none;}
.section05 .swiper-button-next:after, .section05 .swiper-button-prev:after {width:4.5rem; height:3.6rem; background: url(/images/common/event/2026/outbreak/arr_weapon_m.png) 0 0 no-repeat; background-size: 100% auto; left:20px; top:50%; margin-top:-1.8rem; right:auto;}

.section04 .cha_info:before, .section04 .cha_info:after {display:none;}
.section04 .cha_info01 {top:8.4rem;}
.section04 .cha_info02 {bottom:8rem;}
.section04 .character {padding:25rem 0 8rem;}
.section04 .cha_info .name span:before {display:none;}
.section04 .cha_info .desc { margin-top:3px;}
.section04 .cha_info .desc br {display:none;}
.section04 .cha_info .desc span {margin-bottom:0;}
.section04 .cha_info .name span {padding-right:0;}
.section04 .character img {width:156%; max-width:none;}
.section04 .character .cha06 {position: relative; left: -24%; z-index: 1;}
.section04 .character .cha07 {right:-24%;}
.section04 .cha_info .name {font-size:74px;}
.section04 .cha_info .desc {font-size:24px;}
.section04 .cha_info .desc span {font-size:38px;}

.section03 .slot_wrap {border-top:1px solid #3f84ff; border-bottom:1px solid #3f84ff; padding-top:3.6rem;}
.section03 .slot_wrap .more_info {width:24px; height:24px; margin-top:-12px; right:3px;}

.section02 {padding:24rem 0 12rem;}
.section02:after {height: 7rem; background-position: center bottom;}
}

@media screen and (max-width: 1023px) {
.cha05 {top:2rem;}
.cha09 {width: 100%; margin-left: 0; left: -18%; margin-top: 0; top: 7%;}
header {text-align:center;}
.section05 .img_3d {max-width:12rem;}

.section01 {height:auto; max-height:none;}
.section01 .title_wrap {padding: 30% 0 20%; width:75%; max-width:775px;}
.section01 .title_wrap .date {top:auto; bottom:7.4%;}

.cha_wrap {height:80%; top:10%;}
.cha_wrap .cha01 {left:-20%;}
.cha_wrap .cha02 {right:-15%;}

.section03 .slot_wrap:before, .section03 .slot_wrap:after {display:none;}
.section03 .slot_wrap .wrap {display:block;}
.section03 .slot_wrap .wrap > div {width:100%; margin-bottom:2.4rem;}
.section03 .slot_wrap .list li {max-width:329px;}
.section03 .slot_wrap .list ul {display:block;}

.section03 .tit_wrap .wrap {width:auto;}
.section03 .tit_wrap .tit02 {margin-top:2.4rem;}
.section03 .slot_wrap {margin-top:4rem;}
}

@media screen and (max-width: 900px) {
.cha03 {width:70%;}
.section07 .shop_area .txt {font-size:16px;}
}

/*** max-width 768 ***/
@media screen and (max-width: 768px) {
html {font-size:32%;}
.mobile {display:block;}

header .bi img {max-width:24rem;}
.section01 .title_wrap .date {font-size:3.9rem;}

footer > img {width:100px;}
footer .footer {position: relative; z-index: 2; font-size:2.3rem;}

.btn_top {width:45px; height:45px; bottom:2rem; right:2.4rem; padding-top:4rem;}
.btn_top span {font-size:2.1rem;}

.pop_video .pop-layout {width:75%;}

.section03 .tip {font-size:2.5rem;}

.section07 {padding-bottom:42rem;}
.section07 .shop_area > ul {display:block; }
.section07 .shop_area > ul > li {width:100%; margin-bottom:3rem;}
.section07 .shop_area > ul > li:last-child {margin-bottom:0;}
.section07 .shop_area .con {margin:0 auto !important;}

.section07 .sec_tit {font-size:5.9rem;}
.section07 .sec_tit02 {font-size:3.1rem;}
.section07 .shop_area .name {font-size:4.1rem; padding-bottom:1px;}
.section07 .shop_area .txt {font-size:2.9rem;}
.section07 .shop_area .sale {font-size:2.5rem; width:90px; height:79px;}
.section07 .shop_area .sale span {font-size:3.3rem;}

.section06 .sec_tit {font-size:5.9rem;}
.section06 .item_wrap .it_tit span {font-size:2.5rem;}
.section06 .item_wrap .it_tit:before {width:20px; height:70px;}
.section06 .item_wrap .it_tit.free span {transform: translate(-40%, -60%) rotate(-90deg);}
.section06 .item_wrap .it_tit {left:-2.4rem;}
.section06 .item_wrap .item_list li .con .level {font-size:3rem;}
.section06 .item_wrap .item_list li .con .name {font-size: 2.3rem;line-height: 1; font-weight: 400 }
.section06 .item_wrap .item_list li .con .name font {top:0;}
.section06 .item_wrap .it_tit.no_txt {right:-2.4rem;}

.section05 .img_3d {max-width:15rem; right:-1rem;}
.section05 .page02 .img_3d {right:-1rem;}

.section05 .item_info .name {font-size:7.3rem;}
.section05 .item_info .info {font-size:3.3rem;}
.stat:after {background-size:7.6rem auto;}
.stat li .con > div {font-size:2.7rem;}
.stat_wrap {width:100%; padding:0 8rem;}
.section05 .swiper-button-next span, .section05 .swiper-button-prev span {font-size:3.4rem; font-weight:500;}
.section05 .swiper-button-next, .section05 .swiper-button-prev {width:230px; height:59px;}

.section04 .cha_info .name {font-size:6.9rem;}
.section04 .cha_info .desc {font-size:3.3rem;}
.section04 .cha_info .desc span {font-size:3.9rem;}

.section03 .tit_wrap .tit01 {font-size:5.9rem;}
.section03 .tit_wrap .slot {font-size:4.5rem;}
.section03 .tit_wrap .tit02 {font-size:3.3rem; line-height:1.2;}
.section03 .slot_wrap .name {font-size:3.1rem;}
.section03 .slot_wrap .slot > span {font-size:3.1rem;}
.section03 .slot_wrap .info {font-size:3.1rem; font-weight:500;}
.section03 .slot_wrap .tit {font-size:3.3rem;}
.section03 .slot_wrap .tit span {font-size:4.1rem;}

.section03 .info_wrap span {font-size:3.3rem;}
.section03 .info_wrap {font-size:2.9rem;}

.section02 .tit_wrap .tit01 {font-size:6.9rem;}
.section02 .tit_wrap .tit02 {font-size:3.3rem;}

.section02 .pass .for {font-size:3.1rem; padding-bottom:1%;}
.section02 .pass .tit {font-size:4.5rem;}
.section02 .pass .txt {font-size:3.3rem; margin-top:2.4%;}

.section02:after {height:7.5rem; background-size:auto 16rem;}
.section02 .vod_area .vod_link span {font-size:3.3rem;}
.section02 .vod_area {width:180px; height:88px; margin-left:-90px; top:-10px;}
.section02:before {height:18rem; background-size:auto 100%;}

.section01 .title_wrap {padding: 50% 0 40%; width:100%;}
.cha_wrap {height:88%; top:10%;}
.cha_wrap .cha01 {left:-50%;}
.cha_wrap .cha02 {right:-50%;}
}

@media screen and (max-width: 500px) {
.cha05 {top: 2rem; width: 140%; right: -50%; max-width: none;}
.cha09 {top:16%;}
.section06 .sec_tit br {display:none;}
.section02 .pass .txt br {display:none;}
}

@media screen and (max-width: 370px) {
}

@media screen and (max-width:2000px) and (min-width:1560px) and (max-height:950px) {
.section01 .title_wrap {width:720px}
.cha_wrap {width:1360px;}
}

@media screen and (max-width:1560px) and (min-width:1023px) and (max-height:950px) {
.section01 .title_wrap {width:720px}
.cha_wrap {width:1000px;}
}

@media screen and (max-width:1560px) and (min-width:1023px) and (max-height: 770px) {
.section01 .title_wrap {width:600px}
.cha_wrap {width:810px;}
}

@keyframes animate-width {
    0% {
        width: 0;
        opacity: 0;
    }

    100% {
        visibility: visible;
        opacity: 1;
    }
}

@keyframes float02 {
    0% {
        opacity: 1;
    }

    50% {
        transform: translate(0, -1rem);
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes spin {
  100% { transform:rotate(360deg);}
}

@keyframes spin1 {
  100% { transform:rotate(-360deg);}
}

@keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@keyframes swing {
  0%,100% { transform: rotate(-2deg); }
  50% { transform: rotate(2deg); }
}

@keyframes cloudLoop02 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -50%, 0);
  }
}

@keyframes smoke {
    0%{
        transform: translate(0 , 0) scaleX(1);
        opacity: 0.5;
    }

    15%{
        opacity: 1;
    }

    50%{
        transform: translate(0, 0) scaleX(1.5);
    }

    95%{
        opacity: 0.5;
    }

    100%{
        transform: translate(0 , 0) scaleX(2);
	}
}

@keyframes smoke02 {
   0% {
        transform: scale(1);
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        transform: scale(1.1);
        opacity: 0;
    }
}

@keyframes bounce-in-top {
  0% {
            transform: translateY(-50em);
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
            transform: translateY(0);
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
            transform: translateY(-3em);
            animation-timing-function: ease-in;
  }
  72% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
  81% {
            transform: translateY(-1.4em);
            animation-timing-function: ease-in;
  }
  90% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
  95% {
            transform: translateY(-0.4em);
            animation-timing-function: ease-in;
  }
  100% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
}

@keyframes bounce-in-bottom {
  0% {
            transform: translateY(50em);
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
            transform: translateY(0);
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
            transform: translateY(3em);
            animation-timing-function: ease-in;
  }
  72% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
  81% {
            transform: translateY(1.4em);
            animation-timing-function: ease-in;
  }
  90% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
  95% {
            transform: translateY(0.4em);
            animation-timing-function: ease-in;
  }
  100% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
}

@keyframes scale-bounce {
  0% { transform: scale(0.1); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes scale-bounce02 {
  50% { transform: scale(1.02);}
}

@keyframes double-right {
  0% { transform: translateX(0); }
  6% { transform: translateX(0.8rem); }
  12% { transform: translateX(0); }
  17% { transform: translateX(0); }
  23% { transform: translateX(0.8rem); }
  29% { transform: translateX(0); }
  29.01%, 100% { transform: translateX(0); }
}

@keyframes double-left {
  0% { transform: translateX(0) scaleX(-1); }
  6% { transform: translateX(-0.8rem) scaleX(-1); }
  12% { transform: translateX(0) scaleX(-1); }
  17% { transform: translateX(0) scaleX(-1); }
  23% { transform: translateX(-0.8rem) scaleX(-1); }
  29% { transform: translateX(0) scaleX(-1); }
  29.01%, 100% { transform: translateX(0) scaleX(-1); }
}

@keyframes bg-move {
    0% {
        background-size: auto 100%;
    }

    to {
        background-size: auto 150%;
    }
}

@keyframes btn-blink {
  0%, 50% { background-position: 0 0; }
  50.01%, 100% { background-position: 0 100%; }
}

@keyframes cha-float01 {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -10px; }
}

@keyframes cha-float02 {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 8px; }
}

@keyframes light-twinkle {
  0%, 100% { opacity: 1; }
  20% { opacity: 0.5; }
  40% { opacity: 0.85; }
  60% { opacity: 0.4; }
  80% { opacity: 0.9; }
}

@keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
            transform: rotateY(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 1;
  }
}

@keyframes up {
    70% {
        transform: translateY(0%);
    }

    80% {
        transform: translateY(-2%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0 , 0);
            transform: translate(0 , 0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0 , 0);
            transform: translate(0 , 0);
  }
}

@keyframes flicker-in-1 {
    0% {
        opacity: 0;
    }

    4% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    12% {
        opacity: 0;
    }

    14% {
        opacity: 1;
    }

    16% {
        opacity: 1;
    }

    20% {
        opacity: 0.5;
    }

    22% {
        opacity: 1;
    }

    24% {
        opacity: 0;
    }

    28% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flicker-in-2 {
    0% {
        opacity: 1;
    }

    4% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    12% {
        opacity: 0;
    }

    14% {
        opacity: 1;
    }

    16% {
        opacity: 1;
    }

    20% {
        opacity: 0.5;
    }

    22% {
        opacity: 1;
    }

    24% {
        opacity: 0;
    }

    28% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fil {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
     filter: blur(40px);
    opacity: 0;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
     filter: blur(0);
    opacity: 1;
  }
}

@keyframes fir {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
     filter: blur(40px);
    opacity: 0;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
     filter: blur(0);
    opacity: 1;
  }
}

@keyframes float03 {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-6px) scale(1.03); }
  100% { transform: translateY(0) scale(1); }
}