@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
*, *::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.1; text-align: center; font-family: 'futura-100', 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: 'futura-100';}
a {color: #fff; font-weight: 400; text-decoration: none; font-family: 'futura-100'; display: inline-block; outline: none; cursor: pointer; transition:all ease-in-out 0.2s;}
a:focus {outline: none;}

/* slick */
.slick-slider {position: relative; display: block; box-sizing: border-box;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
-ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); transition-delay: 10ms;}
.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}				

/* root */ 
:root {
--ptd : 'pretendard', sans-serif; 
--cd : 'cinzel-decorative', sans-serif;  
--lbr : 'Libre Baskerville', serif; 
}

.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:1393px; margin-left:auto; margin-right:auto;}
.dst {display:table; width:100%; height:100%;}
.dstc {display:table-cell; vertical-align: middle;}

.cha {position:absolute; animation-fill-mode: forwards !important; /* opacity:0; */ } 
.obj {position:absolute;}

.cha08 {left:50%; margin-left:-185px; top:4rem;}
.cha07 {right:5.4%; bottom:0;}
.cha06 {left:0; bottom:0;}
.cha03 {bottom:-8rem; left:50%; margin-left:-424px; z-index:-1;}
.cha03 > span {position:absolute; top:-18%; left:17%;}
.cha03 > span > img {max-width:4.6rem;}
.cha03 > span:after {content:''; display:block; position:absolute; top:86px; left:50%; margin-left:-12.5rem; width:25rem; height:25rem; background:url('/images/common/event/2025/snowfall/snow01.png') 0 0 no-repeat; background-size:100% auto;}
.cha03 > span:before {content:''; display:block; position:absolute; top:84%; left:50%; margin-left:-16.7rem; width:31.4rem; height:21.3rem; background:url('/images/common/event/2025/snowfall/star_light.png') 0 0 no-repeat; background-size:100% auto;}
.cha09 {top:5%; right:0;}
.cha09 img {animation:float02 4s 0.6s ease-in-out infinite;}
.cha09 .light {position:absolute; top:0; left:0;  animation: float02 4s 0.6s ease-in-out infinite , flicker-in-1 2s linear infinite;}
.animated.cha08 {animation: bounce-in-bottom 1.1s both;}

.mount {position:absolute; bottom:0; opacity:0; animation-fill-mode: forwards !important;}
.mount_l {left:0;}
.mount_r {right:0;}

.animated .mount_l01 {animation:slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , vibrate-1 0.3s 0.5s linear 5;}
.animated .mount_l02 {animation:slide-in-bottom 0.5s 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) , vibrate-1 0.3s 0.7s linear 5;}
.animated .mount_r01 {animation:slide-in-bottom 0.5s 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940) , vibrate-1 0.3s 0.6s linear 5;}
.animated .mount_r02 {animation:slide-in-bottom 0.5s 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) , vibrate-1 0.3s 0.8s linear 5;}

.dragon {position:absolute;}
.dragon01 {left: -6rem; bottom: -10rem; animation:slide-in-bottom 0.7s , float 4s ease-in-out infinite;} 
.dragon02 {right:3rem; bottom:-8rem; animation:slide-in-bottom 0.7s , float 4s 1s ease-in-out infinite;}

.aurora {position:absolute; top:0;  animation: smoke 15s linear infinite;  mix-blend-mode: screen;}
.aurora01 {left:0; max-width:46.1rem;}
.aurora02 {right:0; max-width:72.5rem;}

.fadeInLeft, .fadeInRight {animation-duration:0.5s !important;}
  
.container {overflow:hidden; position:relative; background:#fff;}
.all_wrap {overflow:hidden;}
.all_wrap > div:before {content:''; display:block; position:absolute; top:0; left:50%; transform:translate(-50% , 0); background:url('/images/common/event/2025/snowfall/bg_sec.png') center 0 no-repeat;  width:14rem; height:4.5rem; z-index:1; background-size:100% auto;}

.bg_vod {width: 100%; position: absolute; top: 0; left: 0; bottom:0; right:0; overflow:hidden;}
.bg_vod:after {content:''; display:block; position:absolute; top: 0; left: 0; bottom:0; right:0; background-position:center center; background-repeat: no-repeat; background-size:100% auto;}
.bg_vod video {min-width: 103%; min-height: 103%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.snow_wrap {position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden;}
.snow {position: absolute; width: 0.8rem; height: 0.8rem; background: white; border-radius: 50%;}

header { text-align:left; position:absolute; top:0; left:0; right:0; z-index: 20; padding:5rem 5rem 0;}
header .util {font-size:0; position:absolute; top:4.6rem; right:4.7rem;}
header .btn_today {margin-right:1rem; transition:color ease-in-out 0.2s; width:23.3rem; height:6.2rem; display:inline-flex; vertical-align:middle; align-items:center; justify-content:center; text-transform:uppercase; font-size:0; background-image:url('/images/common/event/2025/snowfall/bg_today.png'); background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
header .btn_today span {transition:all ease-in-out 0.2s; font-size:15px; letter-spacing:0.02em; text-transform:uppercase; font-weight:700; background: linear-gradient(to bottom, #2400c1, #0092c8); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0px 0px 1rem rgba(255, 255, 255, 0.7)) drop-shadow(0 2px 0px rgba(255, 255, 255, 0.7));}
header .btn_today:hover {background-position:0 100%; color:#fff;}
header .btn_today:hover span {background:#1b2261; filter:drop-shadow(0 2px 0px rgba(255, 255, 255, 0.7));}

header .nation_wrap {position:relative; display:inline-block; vertical-align:middle;}
header .nation_wrap a {transition:all ease-in-out 0.2s; position:relative; font-size:15px; text-transform:uppercase; font-weight:700; letter-spacing:0.04em; color:#00fff6; text-align:center; display:flex; align-items:center; justify-content:flex-start; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
header .nation_wrap a img {top:50%; left:0.8rem; transform:translate(0 , -50%); position:absolute; z-index:1;}
header .nation_wrap li {margin-bottom:1px; }
header .nation_wrap li a {background-image:url('/images/common/event/2025/snowfall/btn_lang.jpg'); border-radius:0.5rem; height:4rem; width:8.3rem; padding-left:4.3rem; border:1px solid rgba(255, 255, 255, 0);}
header .nation_wrap .list {display:none; width: max-content; margin:0 auto; position:absolute; left:50%; transform:translate(-50% , 0);}
header .nation_wrap > a {width:10rem; height:6.2rem; background-image:url('/images/common/event/2025/snowfall/btn_lang_sel.png'); color:#fff; padding-left:4.6rem; background-size:100% auto;}
header .nation_wrap > a:after {transition:all ease-in-out 0.2s; content:''; display:inline-block; position:relative; vertical-align:middle; width:1.1rem; height:0.8rem; background:url('/images/common/event/2025/snowfall/btn_lagn_off.png') 0 0 no-repeat; margin-left:0.5rem; background-size:100% auto;}
header .nation_wrap > a img {left:1.7rem;}
header .nation_wrap li a:hover {background-image:url('/images/common/event/2025/snowfall/btn_lang.jpg'); border-color: #a1e0ff; color:#fff;}
header .nation_wrap > a:hover:after {transform:scaleY(-1);}
 
.item_wrap {position:relative;  z-index:4;}
.item_wrap .swiper-pagination {position:absolute;  display:inline-block; bottom:-5.6rem; left:0; right:0;}
.item_wrap .swiper-pagination-bullet { font-family: var(--lbr); width:58px; border-radius:0; display:inline-flex; align-items:center; justify-content:center; z-index:1; position:relative; margin:0 3px !important; background:none; opacity:1 !important; }
.item_wrap .swiper-pagination-bullet span {font-size:16px; position:relative;  font-weight:700; background: linear-gradient(to bottom, #052247, #0090ff); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.item_wrap .swiper-pagination-bullet span i {margin:0 3px;}
.item_wrap .swiper-pagination-bullet-active span:before {z-index:-1; content:''; display:block; position:absolute; top:50%; left:50%; width:5.8rem; height:5.8rem; background:url('/images/common/event/2025/snowfall/bullet_on.png') 0 0 no-repeat; background-size:100% auto; transform:translate(-50% , -50%);}
.item_wrap .swiper-pagination-bullet-active span {background: linear-gradient(to bottom, #9c00cc, #0090ff); }
.item_wrap .swiper-pagination-bullet:hover span {background: linear-gradient(to bottom, #9c00cc, #0090ff);  }
.item_wrap .swiper-pagination-bullet-active:hover {background:url('/images/common/event/2025/snowfall/bg_paging.png') 0 0 no-repeat;}
.item_wrap .swiper-pagination-bullet-active:hover span {text-shadow:none; }


.item_wrap .swiper_wrap {position:relative;} 
.item_wrap .swiper_wrap .swiper {overflow:hidden;}
.item_wrap .item_list li {width:20%;  position:relative;}
.item_wrap .item_list li .con {position:relative; padding:0 1rem;}
.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/2025/snowfall/bg_free.png');}
.item_wrap .item_list li .con .item_box:after {content:''; display: block; padding-bottom: 104.17%;}
.item_wrap .item_list li .con .item_box .item {position:absolute; top:0; left:0; width:100%; height:100%; padding-top:14%;}
.item_wrap .item_list li .con .item_box .pic {margin:0 auto; width:72.92%; position:relative;  background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2025/snowfall/bg_free_item.png');}
.item_wrap .item_list li .con .item_box .pic:after {content:''; display: block; padding-bottom: 72.58%;}
.item_wrap .item_list li .con .item_box .pic img {width:85.2%; height:79.6%; position:absolute; left:7.4%; top:10.2%;}

.item_wrap .item_list li .con .name {padding:0 6%; text-shadow:0 1px 0 #fff; display:table; height:35%; position:relative; word-break: break-word; font-size:13px; color:#052247; line-height:1.2; font-weight:600; letter-spacing:0.01em; width:100%;}
.item_wrap .item_list li .con .name font {position: relative; top: -2px; vertical-align: middle; font-size:0; display:inline-block; color:transparent; width:1.5rem; height:1.5rem; background:url('/images/common/event/2025/snowfall/icon_plus.png') 0 0 no-repeat; background-size:100% auto;}
.item_wrap .item_list li .con .level {padding: 11.6% 0; position:relative; background:url('/images/common/event/2025/snowfall/bg_lv.png') center center no-repeat; display:flex; align-items:center; justify-content:center;}
.item_wrap .item_list li .con .level span {z-index:1; position:relative; font-family:var(--lbr); font-size:22px; color:#fff; font-weight:700; text-transform:uppercase; background: linear-gradient(to bottom, #003cff, #8a00ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0px 2px 0px rgba(255, 255, 255, 0.8));}
.item_wrap .item_list li .con .level span font {margin-left:5px;}

.item_wrap .item_list li .con .item_box.prem {background-image:url('/images/common/event/2025/snowfall/bg_prem.png');}
.item_wrap .item_list li .con .item_box.prem .pic {background-image:url('/images/common/event/2025/snowfall/bg_prem_item.png');}
.item_wrap .item_list li .con .item_box.prem .name {color:#40105d;}

.item_wrap .item_list li .con .item_box.no_item .item {background:url('/images/common/event/2025/snowfall/no_item.png') center center no-repeat; background-size:65.8% auto;}


.item_wrap .it_tit {position:absolute; height:42%;  display:inline-block; left:-1.2rem; font-family:var(--lbr); font-size:14px; letter-spacing:0; font-weight:700; text-transform:uppercase;  transform-origin: top; width:2rem;  background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2025/snowfall/bg_txt_free.png');}
.item_wrap .it_tit span {display:inline-block; top:50%; transform-origin: center; position:relative; text-transform:uppercase; vertical-align: middle; background: linear-gradient(to right, #0053ff, #052247); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.item_wrap .it_tit.free {top:1%; background:url('/images/common/event/2025/snowfall/tit_free_t.png') center 0 no-repeat , url('/images/common/event/2025/snowfall/tit_free_b.png') center bottom no-repeat;}
.item_wrap .it_tit.free span {transform:translate(-23% , -50%) rotate(-90deg); }
.item_wrap .it_tit.pre {bottom:1%; background:url('/images/common/event/2025/snowfall/tit_prem_t.png') center 0 no-repeat , url('/images/common/event/2025/snowfall/tit_prem_b.png') center bottom no-repeat;}
.item_wrap .it_tit.pre span {transform:translate(-36% , -50%) rotate(-90deg);  background: linear-gradient(to right, #c400c6, #6000aa);}

footer {width: 100%; padding:0 2.4rem 7rem; z-index: 3; position:absolute; bottom:0; left:0; right:0; font-family:'Roboto';}
footer > img {margin-bottom: 2rem;}
footer .footer {font-size: 12px; color:#9ee7ff; font-weight:400; position: relative; z-index: 2; letter-spacing:0.02em;}
footer .footer .cs > a {color:#fff;}
footer .footer .cs > a:hover {text-decoration: underline;}
footer .footer .copy {margin-top: 0.8rem;}
footer .logo {font-size:0; margin-bottom:2.4rem;}
footer .logo img {vertical-align:middle; margin:0 2rem;}

.btn_top {transition:none; position:fixed; z-index:11; right:0; bottom:0; display:block; width:5rem; height:5rem; display:flex; align-items:center; justify-content:center; background-image:url('/images/common/event/2025/snowfall/bg_sns.jpg'); background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.btn_top span {color:#fff; font-size:12px; font-weight:600; letter-spacing:0.04em; text-transform:uppercase; background: linear-gradient(to bottom, #2400c1, #0092c8); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0px 0px 1rem rgba(255, 255, 255, 0.7));}
.btn_top span:before {content:''; display:block; width:33px; height:25px; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/2025/snowfall/icon_top.png');}
.btn_top:hover {background-position:0 100%;}
.btn_top:hover span {background: linear-gradient(to bottom, #4c759f, #1c4779);}
.btn_top:hover span:before {background-position:0 100%;}

.fix_sns {position:fixed; z-index:11; left:0; bottom:0;} 
.fix_sns ul {width: max-content; margin: 0 auto; } 
.fix_sns li {margin-top:2px;}
.fix_sns li a {display:block; position:relative; width:5rem; height:5rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; font-size:0; color:transparent; transition:none;}
.fix_sns li a:before {content:''; display:block; position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2025/snowfall/bg_sns.jpg'); z-index:-1;}
.fix_sns li.sns_pb a {background-image:url('/images/common/event/2025/snowfall/icon_pb.png');}
.fix_sns li.sns_fb a {background-image:url('/images/common/event/2025/snowfall/icon_fb.png');}
.fix_sns li.sns_yb a {background-image:url('/images/common/event/2025/snowfall/icon_yb.png');}
.fix_sns li.sns_dc a {background-image:url('/images/common/event/2025/snowfall/icon_dc.png');}
.fix_sns li.sns_tt a {background-image:url('/images/common/event/2025/snowfall/icon_tt.png');}
.fix_sns li.sns_it a {background-image:url('/images/common/event/2025/snowfall/icon_it.png');}
.fix_sns li a:hover {background-position:0 100%;}
.fix_sns li a:hover:before {background-position:0 100%;}

.fix_sns .btn_sns {display:none; width:5rem; height:5rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; font-size:0; color:transparent; transition:none; background-image:url('/images/common/event/2025/snowfall/btn_sns.png');}
.fix_sns .btn_sns:before {content:''; display:block; position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2025/snowfall/bg_sns.jpg'); z-index:-1;}


/* 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; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); position: fixed;  z-index:100;  max-width:1300px; }
.pop-up .pop-layout {position:relative; background:url('/images/common/event/2025/snowfall/bg_pop.png') 0 0 no-repeat; background-size:100% auto;}
.pop-up .pop-layout:after {content:''; display:block; padding-bottom:59.358%;}
.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 {font-size:0; color:transparent; position:absolute; right:0.2%; top:-7.2rem; width:8.8rem; height:8.8rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/2025/snowfall/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; }
.pop-up .video_wrap .video {overflow: hidden; position: relative; width:92.8%; height:87.8%; top: 6.1%; left: 3.6%;}
.pop-up .video_wrap .video iframe {position: absolute; top:0; left: 0; width: 100%; height:100%;}
/* .pop-up .video_wrap .video:after {content:''; display:block; position:absolute; position:absolute; top:0; bottom:0; left:0; right:0; background:url('/images/common/event/2025/snowfall/bg_pop.png') 0 0 no-repeat; background-size:100% auto;} */

.sec_tit {font-size: 40px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; font-family: var(--cd); position: relative; margin-bottom: 7rem; line-height:normal;}
.sec_tit span {background: linear-gradient(to bottom, #003fc0, #5700a0); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0px 2px 0px rgba(255, 255, 255, 0.8));}
.sec_tit02 {font-size:16px; color:#ffffff; letter-spacing:0.05em; font-weight:500; line-height:normal; text-shadow:0 2px 0 rgba(18, 51, 101, 0.7); position:relative;}

.section_wrap {background:url('/images/common/event/2025/snowfall/bg_all.jpg') center center no-repeat; background-size:cover;}
.section_wrap:before {display:none !important;}
.section01 { padding:18% 60px 0; height: 100vh;  position:relative; text-align:center;}
.section01:after {content:''; display:block; position:absolute; left:0; width:100%; height:114.9%; max-height:117.9rem; top:0; background:url('/images/common/event/2025/snowfall/fog.png') center center no-repeat; background-size:contain; animation: cloudLoop02 100s linear infinite alternate;}
.section01 .inner {position:relative; z-index:2;}
.section01 .monster {max-width:none; position:absolute; top:0; left:50%; height: 89.736%; transform: translate(-50%, 0); animation: waveMotion 6s infinite ease-in-out;} 
.section01 .title_wrap {position:absolute; top:0; height:100%; left:0; right:0; display: flex; align-items: center; flex-direction: column; justify-content: flex-end; z-index:1;}
.section01 .title_wrap .title { height:59%; margin-bottom: -1%;}
.section01 .title_wrap .title img { max-height:100%;}
.section01 .img_wrap {position:absolute; top:0; text-align:center; height:100%; left:50%; transform: translate(-50%, 0);  width: max-content; z-index:1;}
.section01 .img_wrap .img {display:inline-block; position:absolute; left: 50%;     transform: translate(-50%, 0);}
.section01 .img_wrap .img img {max-width:none; max-height:100%; opacity:0; animation-fill-mode:forwards;}

.section01 .img_wrap .img .cha02 {position:absolute; top:0; right:0;}

.animated .img_wrap .img .cha01 {animation: slide-in-bl 0.5s 0.1s cubic-bezier(0.16, 1.2, 0.3, 1.0) ,  float02 4s 0.6s ease-in-out infinite;}
.animated .img_wrap .img .cha02 {animation: slide-in-br 0.5s 0.2s cubic-bezier(0.16, 1.2, 0.3, 1.0) forwards,  float02 4s 0.8s ease-in-out infinite;}

.section01 .date { margin-bottom:-13.3rem; padding-top:2px; text-transform:uppercase; font-family:var(--lbr); font-weight:700; font-size:18px; letter-spacing:0.05em;display:flex; align-items:center; justify-content:center; width:620px; height:102px; background:url('/images/common/event/2025/snowfall/bg_date.png') 0 0 no-repeat; background-size:100% auto;}
.section01 .date span {background: linear-gradient(to bottom, #004366, #2b6bc2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0px 0px 2rem rgba(255, 255, 255, 0.4));}

.animated .date {animation: slide-in-elliptic-top-fwd 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.animated .title_wrap .title {animation: slide-in-elliptic-top-fwd 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) ,  waveMotion02 6s 0.5s infinite ease-in-out;}

.section02 { padding:2rem 0 8rem; position:relative; z-index:1;}
.section02 .inner {max-width:1543px;}
.section02 .vod_area {position:relative; padding-top:4rem; background:url('/images/common/event/2025/snowfall/vod_line.png') center 0 no-repeat; z-index:5; background-size:40rem auto;}
.section02 .vod {margin: 0 auto; width:24.2rem; height:24.3rem; background-image:url('/images/common/event/2025/snowfall/bg_vod.png'); background-position:0 0; background-repeat:no-repeat; position:relative; background-size:100% auto; border-radius:50%;}
.section02 .vod:before, .section02 .vod:after, .section02 .vod .img:before {content:''; display:block; position:absolute; width:29.8rem; height:30.1rem; top:50%; left:50%; margin-left:-14.9rem; margin-top:-15.05rem; background-position:0 0; background-repeat:no-repeat; background-size:100% auto;}
.section02 .vod:before { background-image:url('/images/common/event/2025/snowfall/vod_round01.png');     animation: spin1 20s infinite linear;}
.section02 .vod:after { background-image:url('/images/common/event/2025/snowfall/vod_round02.png');    animation: spin 10s infinite linear;}
.section02 .vod .img:before { background-image:url('/images/common/event/2025/snowfall/vod_round03.png');   animation: spin1 10s infinite linear;}
.section02 .vod .txt {font-size:0; color:transparent; position:absolute; width:100%; height:100%; top:0; left:0; border-radius:50%; background-image:url('/images/common/event/2025/snowfall/vod_play.png'); background-position:0 0; background-repeat:no-repeat; background-size:100% auto;}
.section02 .vod .vod_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; border-radius:50%;}
.section02 .vod:hover {background-position:0 100%;}
.section02 .vod:hover .txt {background-position:0 100%;}
.section02 .vod:hover:before, .section02 .vod:hover:after, .section02 .vod .img:hover:before {background-position:0 100%; animation:none;}

.section02 .desc {font-family:var(--lbr); word-break:break-word; position:relative; z-index:2; color:#fff; margin-top:10rem; line-height:normal;}
.section02 .desc:before {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-43% , -60%); width:90.7rem; height:45.8rem; background:url('/images/common/event/2025/snowfall/shd_txt.png') 0 0 no-repeat; z-index:-1;}
.section02 .desc .sub_txt01 {font-weight:700; font-size:34px; text-transform:uppercase; text-shadow:0 3px 2px rgba(0, 29, 48, 0.7);}
.section02 .desc .sub_txt02 {font-size:22px; margin-top:2rem;  text-shadow:0 2px 1px rgba(0, 29, 48, 0.7);}
.section02 .desc .sub_txt02 span {color:#ffeb43;}

.section02 .pass {position:relative; margin-top:-51.6rem; z-index:4;} 
.section02 .pass ul {display:flex; align-items:flex-start; justify-content:space-between;}
.section02 .pass li {position:relative; transform-origin:top;}
.section02 .pass li .con {position:relative; width:49.1rem; height:79.1rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section02 .pass li .con .detail {word-break: break-word; padding: 0 9%; width: 69.247%; height: 42.984%; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-direction:column; position:absolute; bottom:3%; left:50%; transform:translate(-50% , 0);}
.section02 .pass .tit {font-family:var(--lbr); font-weight:700; font-size:38px; letter-spacing:0.05em; text-transform:uppercase; line-height:1.1;}
.section02 .pass .tit span {display:block; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;   filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.5)) drop-shadow(0 0 14px rgba(255, 255, 255, 0.35)) drop-shadow(0 0 22px rgba(255, 255, 255, 0.20)) drop-shadow(-3px -2px 10px rgba(255, 255, 255, 0.20)) drop-shadow(4px 2px 10px rgba(255, 255, 255, 0.18)) drop-shadow(-5px 3px 12px rgba(255, 255, 255, 0.14)) drop-shadow(3px -4px 12px rgba(255, 255, 255, 0.12)); }
.section02 .pass .txt {margin-top:4.7%; font-size:17px; font-weight:500; color:#fff; letter-spacing:0.03em; line-height:1.3;}
.section02 .pass .txt font {color:#88fff8;}
.section02 .pass .txt span {background:url('/images/common/event/2025/snowfall/bg_cash.jpg') 0 0 repeat; background-size:cover; border-radius:11px; padding:0 1.5rem; color:#ffeb43; height:23px; line-height:21px; display: inline-block; width: max-content;}
.section02 .pass .for {position:absolute; line-height:1.37; font-family:var(--lbr); font-size:14px; font-weight:700; text-transform:uppercase; bottom:0; left:50%; transform:translate(-50% , 50%); width:36rem; height:8.5rem; display:flex; align-items:center; justify-content:center; background-position:0 0; background-repeat:no-repeat; background-size:100% auto;}
.section02 .pass .for span {display:block; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;   filter: drop-shadow(0px 3px 1px #fff);}

.section02 .pass .free {padding-top:13.6rem; animation: swing 2s infinite ease-in-out;}
.section02 .pass .free .con { background-image:url('/images/common/event/2025/snowfall/ornament_b.png');}
.section02 .pass .free .tit span {background: linear-gradient(to bottom, #4650ef, #3635a8); }
.section02 .pass .free .for {background-image:url('/images/common/event/2025/snowfall/txt_free.png');}
.section02 .pass .free .for span {background: linear-gradient(to bottom, #0050c9, #001158);}

.section02 .pass .prem {animation: swing 2s 0.4s infinite ease-in-out;}
.section02 .pass .prem .con {background-image:url('/images/common/event/2025/snowfall/ornament_p.png');}
.section02 .pass .prem .tit span {background: linear-gradient(to bottom, #2400c1, #a53bff); }
.section02 .pass .prem .for {background-image:url('/images/common/event/2025/snowfall/txt_prem.png');}
.section02 .pass .prem .for span {background: linear-gradient(to bottom, #7600b9, #390047);}

.section03 {background:url('/images/common/event/2025/snowfall/bg03.jpg') center center no-repeat; background-size:cover; position:relative; padding:7rem 0 9rem; z-index:1; overflow:hidden;}
.section03 .aurora {top:-3%;}
.section03 .inner {max-width:1230px;}
.section03 .sec_tit {margin-bottom:1.2rem;}
.section03 .sec_tit span {background: #fff; filter: drop-shadow(0px 3px 3px rgba(0, 12, 102, 0.3));}
.section03 .sec_tit span font {background: linear-gradient(to bottom, #fff, #fffc00); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0px 3px 3px rgba(0, 12, 102, 0.3));}
.section03 .sec_tit02 {font-weight:500; text-transform:uppercase; text-shadow:0 2px 0 rgba(1, 22, 47, 0.5);}
.section03 .sec_tit02 span {color:#fffc43; font-weight:700;}
.section03 .how {margin-top:6rem;}
.section03 .how > .tit {margin-bottom:12px; color:#fff; text-transform:uppercase; font-weight:700; font-size:16px; font-family:var(--lbr); letter-spacing:0.05em;     text-shadow: 0 0 22px rgba(61, 182, 255, 0.12), 0 0 14px rgba(61, 182, 255, 0.18), 0 0 7px rgba(61, 182, 255, 0.4), 0 0 10px rgba(61, 182, 255, 0.25), -3px -1px 6px rgba(61, 182, 255, 0.18), 2px 2px 5px rgba(61, 182, 255, 0.16), -4px 3px 7px rgba(61, 182, 255, 0.12), 3px -4px 8px rgba(61, 182, 255, 0.10);}
.section03 .how > .tit:before, .section03 .how > .tit:after {position:relative; top:-2px; content:''; display:inline-block; vertical-align:middle; width:2.7rem; height:2.8rem; background:url('/images/common/event/2025/snowfall/obj_flower.png') 0 0 no-repeat; background-size:100% auto;}
.section03 .how .step {font-size:0;}
.section03 .how .step li {display:inline-block; width:37rem; position:relative;  max-width: calc((100% - 12rem) / 3);}
.section03 .how .step li:after {content:''; display:block; padding-bottom:76.22%;}
.section03 .how .step .con {word-break: break-word; font-family:var(--lbr); padding:6%; position:absolute; top:0; bottom:0; left:0; right:0;  background:url('/images/common/event/2025/snowfall/bg_beta.png') 0 0 no-repeat; background-size:100%; display:flex; align-items:center; justify-content: center; flex-direction: column;}
.section03 .how .step .con .label {position:absolute; display:flex; align-items:center; text-transform:uppercase; font-size:15px; color:#fffc29; letter-spacing:0.1em; font-weight:500; justify-content:center; width:152px; height:24px; background:url('/images/common/event/2025/snowfall/bg_step.png') 0 0 no-repeat; background-size:100% auto; top:0; left:50%; transform:translate(-50% , 0);}
.section03 .how .step .con .tit {line-height: normal; text-transform:uppercase; font-weight:700; font-size:30px;}
.section03 .how .step .con .tit span {background: linear-gradient(to bottom, #001742, #d40000); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.section03 .how .step .con .for {margin-top: 3.4%; font-size:20px; font-weight:700; line-height:normal; color:#103d66;}
.section03 .how .step .con .for font {background: linear-gradient(to bottom, #0066ff, #000000); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.section03 .how .step .con .day {font-size:18px; color:#0066ff; font-weight:700; /* margin-top:2.4%; */ margin-top: 3px;}
.section03 .how .step .con .txt {font-size:14px; color:#002c53; line-height:1.5; font-weight:700; margin-top: 6%;}
.section03 .how .step .con .txt font {color:#0367fd;}
.section03 .how .step li.step02 {margin:0 6rem; animation-delay:0.2s;}
.section03 .how .step li.step02 .con:before, .section03 .how .step li.step02 .con:after {content:''; display:block; position:absolute; top:50%; width:3.9rem; height:6.7rem; transform:translate(0 , -50%); background:url('/images/common/event/2025/snowfall/arr_beta.png') 0 0 no-repeat; background-size:100% auto;}
.section03 .how .step li.step02 .con:before {left:-4.8rem;}
.section03 .how .step li.step02 .con:after {right:-4.8rem;}
.section03 .how .step li.step03 {animation-delay:0.4s;}

.section03 .beta_wrap {margin-top:4.8rem;}
.section03 .beta_wrap > ul {font-size:0; display:flex; align-items:center; justify-content:space-between;}
.section03 .beta_wrap .item {    left: 11%; position:relative; display:inline-block;}
.section03 .beta_wrap .item:before {content:''; display:block; position:absolute; top:50%; left:50%; width:537px; height:492px; background:url('/images/common/event/2025/snowfall/item_beta_shd.png') 0 0 no-repeat; background-size:100% auto; transform: translate(-64%, -44%); z-index: -1;}
.section03 .beta_wrap .item span {bottom:5px; left:-5.4rem; font-size:14px; font-weight:700; text-transform:uppercase; color:#fffeb4; letter-spacing:0.1em; position:absolute; display:flex; align-items:center; justify-content:center; width:82px; height:76px; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section03 .beta_wrap .name {padding-bottom:1px; text-shadow:0 0 2px rgba(0, 0, 0, 0.2); font-weight:700; font-size:18px; color:#fffc43; text-transform:uppercase; letter-spacing:0.05em; display:flex; align-items:center; justify-content:center; width:36.9rem; height:5.3rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section03 .beta_wrap .name span {margin-left:5px;}
.section03 .stat {position:relative; bottom:auto; left:auto; width:auto; display:inline-block; height:auto; padding:0; background:none; border:none;}
.section03 .stat li > div {color:#fff; font-weight:400; font-size:12px; text-transform:uppercase; letter-spacing:0.05em;}
.section03 .stat .graph {width:160px; height:20px; margin:0 10px; background-repeat:no-repeat; background-position:0 0; background-size:cover; }
.section03 .stat li .txt {text-align:right; width:80px;}
.section03 .stat li .num {text-align:left; max-width:calc(100% - 260px);}
.section03 .stat li .bar {padding-top:6px;}
.section03 .stat li .bar .on {height:8px; margin:0 5px; padding:0 5px;}
.section03 .stat li .bar .on:before, .section03 .stat li .bar .on:after {width:5px; height:8px;}

.section03 .beta_wrap .con {    animation: up 1.5s infinite;}
.section03 .beta_wrap .beta01 .item span {background-image:url('/images/common/event/2025/snowfall/bg_beta01.png');}
.section03 .beta_wrap .beta01 .name {background-image:url('/images/common/event/2025/snowfall/tit_beta01.png');}
.section03 .beta_wrap .beta01 .name span {color:#e0ecff;}
.section03 .beta_wrap .beta01 .stat .graph {background-image:url('/images/common/event/2025/snowfall/stat_beta01.png');} 

.section03 .beta_wrap .beta02 {animation-delay:0.1s;}
.section03 .beta_wrap .beta02 .con {animation-delay:0.5s;}
.section03 .beta_wrap .beta02 .item span {background-image:url('/images/common/event/2025/snowfall/bg_beta02.png');}
.section03 .beta_wrap .beta02 .name {background-image:url('/images/common/event/2025/snowfall/tit_beta02.png');}
.section03 .beta_wrap .beta02 .name span {color:#f2daff;}
.section03 .beta_wrap .beta02 .stat .graph {background-image:url('/images/common/event/2025/snowfall/stat_beta02.png');} 

.section03 .beta_wrap .beta03 {animation-delay:0.2s;}
.section03 .beta_wrap .beta03 .con {animation-delay:1s;}
.section03 .beta_wrap .beta03 .item span {background-image:url('/images/common/event/2025/snowfall/bg_beta03.png');}
.section03 .beta_wrap .beta03 .name {background-image:url('/images/common/event/2025/snowfall/tit_beta03.png');}
.section03 .beta_wrap .beta03 .name span {color:#d6e8ff;}
.section03 .beta_wrap .beta03 .stat .graph {background-image:url('/images/common/event/2025/snowfall/stat_beta03.png');} 

.section04 {position:relative; padding:6rem 0 12.7rem; z-index: 2; overflow:hidden;}
.section04 .inner { position:relative; max-width:1256px; z-index: 4;}
.section04 > .name {font-size:40px; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; font-family:var(--cd); position:relative; margin-bottom:7rem;}
.section04 > .name span {background: linear-gradient(to bottom, #fff, #d4faff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0px 3px 3px rgba(0, 66, 88, 0.5));}
.section04 .motion_wrap {position:relative;}
.section04 .motion_wrap .desc {margin:0 auto; position:relative; -webkit-backdrop-filter: blur(1rem);     backdrop-filter: blur(1rem);}
.section04 .motion_wrap .desc .item_name {z-index: 2; font-family:var(--lbr); font-weight:700; text-transform:uppercase; font-size:20px; letter-spacing:0.02em; position:absolute; top:1rem; left:50%; transform:translate(-50% , 0); display:flex; align-items:center; justify-content:center; height:54px; min-width:66rem; max-width:100%; border:1px solid #fff; background:rgba(0, 0, 0, 0.2);}
.section04 .motion_wrap .desc .item_name:before {content:''; display:block; position:absolute; height:2.5rem; left:21%; right:21%; top:-1.5rem; background:url('/images/common/event/2025/snowfall/3d_bullet.png') 0 0 no-repeat , url('/images/common/event/2025/snowfall/3d_bullet.png') right 0 no-repeat;}
.section04 .motion_wrap .desc .item_name span {background: linear-gradient(to right, #9edeff, #c2ff61); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.4));}
.section04 .motion_wrap .desc .box_3d { border:1px solid #fff; position:relative;}
.section04 .motion_wrap .item {width:100%; height:0; position:relative; padding-top:54.705%; z-index: 1; background:rgba(75, 92, 144, 0.2) url('/images/common/event/2025/snowfall/bg_3d02.png') center center no-repeat; background-size:cover; }
.section04 .motion_wrap .item > div {width:100% !important; height:100% !important; position:absolute; top:0; left:0; display:none !important;}
.section04 .motion_wrap .item img, .section04 .motion_wrap .item canvas { width:100% !important; height:100% !important; position:absolute; top:0; bottom:0; left:0; right:0;  display:none !important;}
.section04 .motion_wrap .swiper-slide {opacity:0 !important;  }
.section04 .motion_wrap .swiper-slide.swiper-slide-active {opacity:1 !important;  }
.section04 .motion_wrap .swiper-slide.swiper-slide-active .item img, .section04 .motion_wrap .swiper-slide.swiper-slide-active .item canvas {display:block !important;}
.section04 .motion_wrap .swiper-slide.swiper-slide-active .item > div {display:block !important;}
.section04 .motion_wrap .img_3d {right:3rem; bottom:3.6rem;}
.section04 .motion_wrap .info {font-family: var(--lbr); flex-direction: column; line-height:1.4; font-size:18px; color:#09016a; font-weight:500; text-shadow:0 2px 0 #fff; z-index:11; position:absolute; bottom:2rem; left:2.4rem; right:2.4rem; text-align:center; display:flex; align-items:center; justify-content:center; min-height:8rem;}
.section04 .motion_wrap .info span {color:#062fff;}
.section04 .motion_wrap .info font {color:#5f00c0;}
.section04 .motion_wrap .img_3d {position:absolute; bottom:3rem; right:3.6rem; z-index:1; max-width:19rem;}
.section04 .motion_wrap .img_3d img {position:static;}
.section04 .motion_wrap .desc .box_3d:before {content:''; display:block; position:absolute; top:-2.3rem; bottom:-2.3rem; left:-2.3rem; right:-2.3rem; background:url('/images/common/event/2025/snowfall/frame_t.png') center 0 no-repeat , url('/images/common/event/2025/snowfall/frame_b.png') center bottom no-repeat, url('/images/common/event/2025/snowfall/frame_l.png') 0 center no-repeat, url('/images/common/event/2025/snowfall/frame_r.png') right center no-repeat;} 

.stat {position:absolute; bottom:1.7rem; left:2.3rem; z-index: 1; background:url('/images/common/event/2025/snowfall/bg_stat.png') 0 0 no-repeat; width:271px; height:221px; padding:25px 17px;}
.stat ul {position:relative;}
.stat li { position:relative;  font-size:0; text-align:left; margin-bottom:1px;}
.stat li:last-child {margin-bottom:0;}
.stat li > div {display:inline-block; vertical-align:middle; font-weight:500; text-align:left; color:#021d93;}
.stat .txt {width:6.8rem; font-size:14px; letter-spacing:0.04em;}
.stat .num {width:calc(100% - 194px); text-align:right; font-size:12px;}
.stat .graph { height:21px; position:relative;  width:126px; background:url('/images/common/event/2025/snowfall/bg_bar.png') 0 0 no-repeat; background-size:100% auto;}
.stat li .bar {padding-top: 6px; width:calc(100% - 10px); height:100%;  position:relative;}
.stat li .bar .on {margin:0 5px; height:8px;  display:block; position:relative; font-size:0; padding:0 5px; opacity:0;}
.stat li .bar .on span {display:inline-block; height:100%; vertical-align:middle; width:100%; background:url('/images/common/event/2025/snowfall/bar_on.png') 0 center repeat-x;}
.stat li .bar .on:before, .stat li .bar .on:after {content:''; display:block; position:absolute; width:5px; height:8px; top:0;}
.stat li .bar .on:before {background:url('/images/common/event/2025/snowfall/bar_on_l.png') 0 center no-repeat; left:0;}
.stat li .bar .on:after {background:url('/images/common/event/2025/snowfall/bar_on_r.png') 0 center no-repeat; right:0;}
.stat li.no_graph {display:flex; align-items:center; justify-content:space-between;}
.stat li.no_graph .num {width:auto;}

.animated .stat li .bar .on {animation: animate-width cubic-bezier(0.35, 0.95, 0.67, 0.99) 0.4s forwards;}
.animated .stat li:nth-child(2) .bar .on {animation-delay:0.1s;}
.animated .stat li:nth-child(3) .bar .on {animation-delay:0.2s;}
.animated .stat li:nth-child(4) .bar .on {animation-delay:0.3s;}
.animated .stat li:nth-child(5) .bar .on {animation-delay:0.4s;}
.animated .stat li:nth-child(6) .bar .on {animation-delay:0.5s;}
.animated .stat li:nth-child(7) .bar .on {animation-delay:0.6s;}
.animated .stat li:nth-child(8) .bar .on {animation-delay:0.7s;}

.section04 .swiper-button-next, .section04 .swiper-button-prev {background-image: none; right:auto; left:auto; top:auto; width:28rem; height:37rem; transition:none; text-align:center;  z-index: 11; bottom:0; font-size:0; display:block !important; background-size:100% !important;  background-color:rgba(255, 255, 255, 0); background-repeat:no-repeat; background-position:0 0; position:absolute; cursor:pointer;}
.section04 .swiper-button-next .name, .section04 .swiper-button-prev .name {font-weight:700; transition:all ease-in-out 0.2s; position:absolute; left:15%; right:15%; top:54%; font-family:var(--lbr); font-size:18px; text-transform:uppercase; color:#fff; letter-spacing:0.02em; line-height:normal;}
.section04 .swiper-button-next .name span, .section04 .swiper-button-prev .name span {background: linear-gradient(to right, #ffffff, #c6f3ff, #ffffff, #c3edff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 10px rgba(17, 90, 133, 0.5)) drop-shadow(0 2px 0 #004566);}
.section04 .swiper-button-next .name:after, .section04 .swiper-button-prev .name:after {content:''; display:block; width:8.1rem; height:9.1rem; background:url('/images/common/event/2025/snowfall/btn_arr.png') 0 0 no-repeat; background-size:100% auto;}
.section04 .swiper-button-next .name:after {transform:scaleX(-1);}
.section04 .swiper-button-next {right:-29rem;}
.section04 .swiper-button-prev {left:-29rem;}
.section04 .swiper-button-next .name {text-align:left;}
.section04 .swiper-button-prev .name {text-align:right;}
.section04 .swiper-button-prev .name:after {margin-right:0; margin-left:auto;}

.section04 .page01 .swiper-button-next { background-image:url('/images/common/event/2025/snowfall/btn_item02.png'); margin-bottom:-2rem;}
.section04 .page02 .swiper-button-prev {background-image:url('/images/common/event/2025/snowfall/btn_item01.png');}
.section04 .page02 .swiper-button-next {background-image:url('/images/common/event/2025/snowfall/btn_item03.png');  margin-bottom:-2rem;}
.section04 .page03 .swiper-button-prev {background-image:url('/images/common/event/2025/snowfall/btn_item04.png');}
.section04 .page03 .stat {height:134px; background:url('/images/common/event/2025/snowfall/bg_stat_s.png') 0 0 no-repeat; background-size:100% auto;}
.section04 .page03 .txt01 a {transition:none; font-weight:400; font-size:18px; font-family:var(--lbr); letter-spacing:0; text-shadow:none; align-items:center; justify-content:center; color:#fff; display:inline-flex; width:18rem; height:3.2rem; background-image:url('/images/common/event/2025/snowfall/bg_ps.png'); background-position:0 0; background-size:100% auto; background-repeat:no-repeat;}
.section04 .page03 .txt01 a:before {content:''; display:block; width:8px; height:10px; background:url('/images/common/event/2025/snowfall/arr_ps.png') 0 0 no-repeat; margin-right:3px; background-size:100% auto;}
.section04 .page03 .txt01 a:hover {background-position:0 100%;}

.section04 .swiper-button-next:hover, .section04 .swiper-button-prev:hover {background-position:0 100%;}
.section04 .swiper-button-next:hover .name span, .section04 .swiper-button-prev:hover .name span { filter:none; -webkit-text-fill-color: #fff; color:#fff; background: none;  text-shadow: 0 0 28px rgba(0, 126, 255, 0.22), 0 0 18px rgba(0, 126, 255, 0.18), 0 0 10px rgba(0, 126, 255, 0.7), 0 0 14px rgba(0, 126, 255, 0.45), -3px -1px 10px rgba(0, 126, 255, 0.30), 4px 2px 9px rgba(0, 126, 255, 0.25), -5px 3px 11px rgba(0, 126, 255, 0.18), 3px -4px 12px rgba(0, 126, 255, 0.15);}
.section04 .swiper-button-next:hover .name:after, .section04 .swiper-button-prev:hover .name:after {background-position:0 100%;}
.section04 .swiper-button-next.swiper-button-disabled, .section04 .swiper-button-prev.swiper-button-disabled {opacity:0; display:none;}
.section04 .swiper-pagination {display:none;}

.cha04_wrap {position:absolute; bottom:-12.7rem; left:0; transform:translate(-79% , 0);}
.cha05_wrap {position:absolute; bottom:-23rem; right:0; transform:translate(50% , 0);}
.cha11_wrap {position:absolute; bottom:-12.7rem; left:0; transform:translate(-79% , 0);}

.section04 .effet_wrap {position:absolute; z-index:5; top:0;}
.section04 .effet_wrap img {vertical-align:top; transform-origin: top;}
.section04 .effet_wrap img:nth-child(1) { animation: swing 2s infinite ease-in-out; }
.section04 .effet_wrap img:nth-child(2) { animation: swing 2.2s infinite ease-in-out; }
.section04 .effet_wrap img:nth-child(3) { animation: swing 1.8s infinite ease-in-out; }
.section04 .effet_wrap img:nth-child(4) { animation: swing 2.1s infinite ease-in-out; }

.effet_wrap01 {right:7.6%;}
.effet_wrap01 img:nth-child(1) {margin-right:-1.7rem;}
.effet_wrap01 img:nth-child(2) {margin-right:12rem;}
.effet_wrap01 img:nth-child(3) {margin-right:0.7rem;}

.effet_wrap02 {left:9%;}
.effet_wrap02 img:nth-child(1) {margin-right:4.6rem;}
.effet_wrap02 img:nth-child(2) {margin-right:0.7rem;}
.effet_wrap02 img:nth-child(3) {margin-right:2.6rem;}

.cha04_wrap:after {opacity:0; content:''; display:block; position:absolute; top:-1%; left:5%; width: 65.468%; height: 62.7%; background:url('/images/common/event/2025/snowfall/light.png') 0 0 no-repeat; background-size:100% auto; }
.animated .cha04_wrap:after {animation:opc 0.2s 0.3s forwards, scale-in-center 5s 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;} 
.cha04_wrap img {max-width:none;}

.cha05_wrap:after {opacity:0; content:''; display:block; position:absolute; top:0; right:0; width: 34.483%; height: 59.638%; background:url('/images/common/event/2025/snowfall/cha05_light.png') 0 0 no-repeat; background-size:100% auto; }
.animated .cha05_wrap:after {animation:opc 0.2s 0.3s forwards, scale-in-center 5s 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;} 
.cha05_wrap img {max-width:none;}

.cha11_wrap:after {opacity:0; content:''; display:block; position:absolute; top:0; left:0; width: 60.241%; height: 66.588%; background:url('/images/common/event/2025/snowfall/cha11_light.png') 0 0 no-repeat; background-size:100% auto; }
.animated .cha11_wrap:after {animation:opc 0.2s 0.3s forwards, scale-in-center 5s 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;} 
.cha11_wrap img {max-width:none;}


.section05 {background:url('/images/common/event/2025/snowfall/bg04.jpg') center center no-repeat; background-size:cover; position:relative; padding:7rem 0 19rem;}
.section05 .inner {max-width:1300px;}
.section05 .swiper-scrollbar-drag {background: linear-gradient(to right, #3bcbfc, #9593f8); border-radius:0; border-radius:0.8rem;}
.section05 .swiper-scrollbar {display:none;}
.section05 .swiper-button-next, .section05 .swiper-button-prev {width:7rem; height:7rem; margin-top:-3.5rem; top:50%;  background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/2025/snowfall/btn_arr02.png'); border-radius:50%; background-size:100% auto; font-size:0; color:transparent;}
.section05 .swiper-button-next {transform:scaleX(-1); right:-8rem;}
.section05 .swiper-button-prev {left:-8rem;}
.section05 .swiper-button-next:hover, .section05 .swiper-button-prev:hover {background-position:0 100%;}

.section06 {background:url('/images/common/event/2025/snowfall/bg05.jpg') center center no-repeat; position:relative; padding:7rem 0 27.5rem; z-index:1;}
.section06:after {content:''; display:block; position:absolute; bottom:0; left:0; right:0; height:30rem; background:url('/images/common/event/2025/snowfall/shd_sc05.png') 0 0 repeat-x; background-size:auto 100%;}
.section06 .inner {position:relative; z-index:2; max-width:1300px;}
.section06 .sec_tit {margin-bottom:0;}
.section06 .sec_tit br {display:none;}
.section06 .sec_tit span {background: linear-gradient(to bottom, #fff, #d4faff); filter: drop-shadow(0px 3px 3px rgba(0, 66, 88, 0.5));}
.section06 .shop_area {margin-top:7rem;}
.section06 .shop_area > ul {font-size:0; display:flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.section06 .shop_area > ul > li {width:50%; display:inline-block; vertical-align:top; position:relative; margin-bottom:3rem; color:#fff; letter-spacing:0.05em;}
.section06 .shop_area .con {background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; position:relative; max-width:43rem;}
.section06 .shop_area .con:after {content:''; display:block; padding-bottom:83.721%;}
.section06 .shop_area .con .box {position:absolute; top:0; bottom:0; left:0; right:0;}
.section06 .shop_area .name {font-family:var(--lbr); font-weight:700; letter-spacing:0; text-transform:uppercase; font-size:30px; display:flex; align-items:center; justify-content:center; height:33%; line-height:1;}
.section06 .shop_area .item {position:absolute; top:0; bottom:0; left:0; right:0;}
.section06 .shop_area .sale {padding-top:2.4%; font-size:14px; color:#740000; font-weight:600; text-transform:uppercase; position:absolute; transform:translate(-50% , -38%); top:0; left:0; background:url('/images/common/event/2025/snowfall/snow02.png') 0 0 no-repeat; background-size:100% auto; z-index:1; text-shadow: 0 0 3px rgba(255,255,255,0.9), 0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.45), 0 0 5px rgba(255,255,255,0.3);}
.section06 .shop_area .sale font {font-size:30px; color:#d40000; font-weight:700;}
.section06 .shop_area .sale span {animation: blink-1 2.2s both infinite; width:22.2rem; height:22.2rem; display:flex; align-items:center; justify-content:center;    flex-direction: column; }
.section06 .shop_area .sale:before {content:''; display:block; left:50%; bottom:15%; transform:translate(-50% , 0); position:absolute; width:1.9rem; height:3.8rem; background:url('/images/common/event/2025/snowfall/obj_star.png') 0 0 no-repeat; background-size:100% auto;}

.section06 .shop_area li:nth-child(2n) .con {margin-left:auto; margin-right:0;}
.section06 .shop_area li:nth-child(2n) .sale {left:auto; right:0; transform:translate(50% , -38%);}

.section06 .shop_area .bn01 .con {background-image:url('/images/common/event/2025/snowfall/bg_bp01.png');}
.section06 .shop_area .bn01 .name {color:#372700;}
.section06 .shop_area .bn02 .con {background-image:url('/images/common/event/2025/snowfall/bg_bp02.png');}
.section06 .shop_area .bn02 .name {color:#00452d;}
.section06 .shop_area .bn03 .con {background-image:url('/images/common/event/2025/snowfall/bg_bp03.png');}
.section06 .shop_area .bn03 .name {color:#080075;}
.section06 .shop_area .bn04 .con {background-image:url('/images/common/event/2025/snowfall/bg_bp04.png');}
.section06 .shop_area .bn04 .name {color:#fff;}

.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;}


/**** ie *****/
.ie .item_wrap .swiper-pagination {left:0; right:0;}

@media screen and (max-width: 2400px) {	
.cha07 {right:0;}
.cha09 {right:-7%;}
}

@media screen and (max-width: 2000px) {	
header {padding:3rem 3rem 0;}	
header .util {top:2.6rem; right:2.7rem;}
.cha07 {right: -5%; max-width: 24%;}
.cha06 {left: -4%; max-width: 35%;}

.mount_l {width:55.64%; }
.mount_r {width:77.21%; }
.dragon01 {width:31.11%; left:-2.33%; bottom:-9%;}
.dragon02 {width:30.45%; right:1.16%; bottom:-6%;}

.cha09 {top: 10%; width: 60%; right: -11%; }

.effet_wrap01 {right:1%;}
.effet_wrap01 img:nth-child(1) {width:120px; margin-right:-0.8rem;}
.effet_wrap01 img:nth-child(2) {width:27px; margin-right:2rem;}
.effet_wrap01 img:nth-child(3) {width:120px; margin-right:0.3rem;}
.effet_wrap01 img:nth-child(4) {width:27px;}

.effet_wrap02 {left:1%;}
.effet_wrap02 img:nth-child(1) {width:27px; margin-right:2.3rem;}
.effet_wrap02 img:nth-child(2) {width:27px; margin-right:0.3rem;}
.effet_wrap02 img:nth-child(3) {width:120px; margin-right:1.3rem;}
.effet_wrap02 img:nth-child(4) {width:27px;}

.cha04_wrap {width:67%;}
.cha04_wrap img {max-width:100%;}

.cha05_wrap img {max-width:100%;}
.cha11_wrap {width:67%;}
.cha11_wrap img {max-width:100%;}
}

@media screen and (max-width: 1860px) {	
.section04 .inner {max-width:1000px;}
.section04 .swiper-button-next, .section04 .swiper-button-prev {width:19.7rem; height:26rem;}
.section04 .swiper-button-next {right:-22rem;}
.section04 .swiper-button-prev {left:-22rem;}
.section04 .swiper-button-next .name, .section04 .swiper-button-prev .name {font-size:14px;}
.section04 .swiper-button-next .name:after, .section04 .swiper-button-prev .name:after {width:5.6rem; height:6.3rem;}
.section04 .motion_wrap .img_3d {max-width:15rem; right:2rem; bottom:2rem;}
.stat {left:1rem; bottom:1rem;}
.section04 .motion_wrap .info {left:29rem; right:16rem;}
}

@media screen and (max-width: 1560px) {	
.pop_video {width: 60%;}
.cha07 {max-width: 19%;}
.dragon01 {bottom:-5%;}
.dragon02 {bottom:-4%;}
.cha09 {top:0; right:-14%;}

}
	
@media screen and (max-width: 1500px) {	
.inner {max-width:none; padding-left:6rem; padding-right:6rem;}
	
header .bi img {width:200px; }

.effet_wrap01 {right:2%;}
.effet_wrap01 img:nth-child(1) {width:63px; margin-right:-0.8rem;}
.effet_wrap01 img:nth-child(2) {width:16px; margin-right:2rem;}
.effet_wrap01 img:nth-child(3) {width:63px; margin-right:0.3rem;}
.effet_wrap01 img:nth-child(4) {width:16px;}

.effet_wrap02 {left:2%;}
.effet_wrap02 img:nth-child(1) {width:16px; margin-right:2.3rem;}
.effet_wrap02 img:nth-child(2) {width:16px; margin-right:0.3rem;}
.effet_wrap02 img:nth-child(3) {width:30px; margin-right:1.3rem;}
.effet_wrap02 img:nth-child(4) {width:16px;}

.section02 .inner {padding-left:0; padding-right:0;}

.section03 .inner {max-width:none;}

}

@media screen and (min-width: 1361px) {
.fix_sns ul {display:inline-block !important;}	
}	

@media screen and (max-width: 1360px) {	
.cha03 {max-width:700px; margin-left:-350px;}
.cha03 > span:after {width:17rem; height:17rem; margin-left:-8.5rem; top:13rem;}

.fix_sns .btn_sns {display:block;}
.fix_sns .btn_sns.open {background-position:0 100%;}
.fix_sns ul {display:none; margin-bottom:2px;}

.section02 .pass {display:inline-block;}
.section02 .desc {margin-top:40rem;}

.section03 .how .step .con .tit {font-size:26px;}
.section03 .how .step .con .for {font-size:16px;}
.section03 .how .step .con .day {font-size:16px;}


}

@media screen and (max-width: 1280px) {
.inner {padding-left:3rem; padding-right:3rem;}

.cha07 {right:0;}	
.cha08 {max-width:300px; margin-left:-150px;}
.dragon01 {bottom:-3%;}
.dragon02 {bottom:-3%;}

.section05 {padding-bottom:38rem;}
.section05 .swiper-scrollbar {display:block; height:2rem; bottom:-4rem;  background:#000; border:0.2rem solid #fff; position:relative; border-radius:1.5rem;    overflow:hidden;    z-index: 1; padding:0.3rem;}

.item_wrap .swiper-pagination {display:none;}
.item_wrap .item_list li .con .level:before {left:0;}
.item_wrap .item_list li:nth-child(5n) .con .level:before {display:block;}


.pop_video {width: 60%;}


.item_wrap .item_list li .con .item .name br {display:none;}
.section05 .swiper-button-next, .section05 .swiper-button-prev {display:none !important;}

.section06 .inner {padding-left:6rem; padding-right:6rem; max-width:1040px;}
.section06 .shop_area .con {max-width:300px;}
.section06 .shop_area .name {font-size:18px;}
.section06 .shop_area .sale {font-size:12px; }
.section06 .shop_area .sale font {font-size:20px;}
.section06 .shop_area .sale span {width:17.2rem; height:17.2rem;}

.section04 {padding-bottom:30rem;}
.stat {padding:2rem; position: relative; bottom: auto; left: auto; right: auto; text-align: left; min-height: auto; margin:3rem auto 0; width:auto; background: rgba(59, 203, 252, 0.25); height:auto;}
.section04 .page03 .stat {background: rgba(59, 203, 252, 0.25); height:auto; min-height: 164px;  display: flex; align-items: center; justify-content: center;}
.section04 .swiper-button-next, .section04 .swiper-button-prev {top:auto; bottom:-26rem; margin-bottom:0 !important;}
.section04 .swiper-button-next {right:-5rem;}
.section04 .swiper-button-prev {left:-5rem;}
.section04 .motion_wrap .info {left:16rem;}
.section04 .stat ul {max-width: 560px; margin: 0 auto;}
.section04 .stat li {margin: 5px 1rem; width: calc((100% - 8rem) / 2); display: inline-block; vertical-align: top;}
.section04 .motion_wrap .img_3d {bottom:1rem; right:1rem;}
.cha04_wrap {bottom: -32rem; width:40%; transform: translate(-32%, 0);}
.cha11_wrap {bottom: -32rem; width:40%; left:50%; transform: translate(-56%, 0);}
.cha05_wrap {bottom: -32rem; transform: translate(12%, 0); width: 60%;}


.section03 .sec_tit span font {display:block;}
.section03 .how .step li {max-width: calc((100% - 8rem) / 3);}
.section03 .how .step li.step02 {margin:0 4rem;}
.section03 .how .step li.step02 .con:before {left:-4rem;}
.section03 .how .step li.step02 .con:after {right:-4rem;}
.section03 .how .step .con .tit {font-size:20px;}
.section03 .how .step .con .txt {font-size:12px;}
.section03 .beta_wrap > ul > li {max-width:calc((100% - 8rem) / 3);}
.section03 .beta_wrap > ul > li.beta02 {margin:0 4rem;}
.section03 .beta_wrap .name {width:289px; height:42px; font-size:14px;}

.section01 {height:auto; padding: 40% 6rem 1%;}
.section01 .monster {height:auto;}
.section01 .img_wrap {height:auto;}
.section01 .img_wrap .img {height:auto; position:relative;}
.section01 .title_wrap {position:relative;}
.section01 .date {margin-bottom:-10%;}

}  

@media screen and (max-width: 1023px) {
.dragon01 {bottom:-1.5%;}
.dragon02 {bottom:-1.5%;}

.cha09 {top: 5%; right: -20%; width: 100%;}
	
.section04 .effet_wrap {display:none;}
.section02 .pass {margin-top:-44rem;}
.section02 .pass li {margin:0 -6rem;}

.section03 .how .step li {display:block; width:100%; max-width:370px; margin-left:auto; margin-right:auto;}
.section03 .how .step li.step02 {margin:6rem auto;}
.section03 .how .step li.step02 .con:before, .section03 .how .step li.step02 .con:after {transform:translate(-50%, 0) rotate(90deg); top:auto;}
.section03 .how .step li.step02 .con:before {left:50%; top:-6.5rem;}
.section03 .how .step li.step02 .con:after {right:auto; left:50%; bottom:-6.5rem;}
.section03 .how .step .con {padding:6%; justify-content:center;}
.section03 .beta_wrap > ul {display:block;}
.section03 .beta_wrap > ul > li {max-width:100%;}
.section03 .beta_wrap > ul > li.beta02 {margin:4rem auto;}
.section03 .beta_wrap > ul > li .con {display:inline-block;}

.section01 .monster {width:190%;}
.section01 .img_wrap {left: 50%; margin-left: -85%; width: 170%; top: 2%; transform:none;}
.section01 .img_wrap .img img {width:100%;}
.section01 .img_wrap .img .cha02 {left:0;}


}



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

.cha08 {top:auto; max-width:240px; margin-left:0; right:0; left:auto; bottom:0;}

.fix_sns .btn_sns, .btn_top {width:36px; height:36px;}
.fix_sns li a {width:36px; height:36px;}
.btn_top span {font-size:2.1rem;}
.btn_top span:before {width:24px; height:18px; background-size:100% auto;}

.pop_video {width:75%;}
.pop-up .pop-close {top:-8.2rem;}


header .bi img {width:24rem;}
header .util {top:1.6rem; right:1.7rem;}
header .btn_today span {font-size:1.8rem;}
header .nation_wrap a img {width:15px;}
header .nation_wrap a {font-size:2.1rem;}
header .nation_wrap > a {width:12rem; height:7.4rem; padding-left:5rem; }
header .nation_wrap li a {width:10rem; height:4.8rem; padding-left:4.6rem;}

.item_wrap .item_list li .con .name {font-size:1.9rem;}
.item_wrap .item_list li .con .name br {display:none;}
.item_wrap .item_list li .con .level span {font-size:2.5rem;}
.item_wrap .it_tit {font-size:2rem;     background-size: 2rem auto !important;}
.item_wrap .it_tit.free span {transform: translate(-34%, -50%) rotate(-90deg);}
.item_wrap .it_tit.pre span {transform: translate(-41%, -50%) rotate(-90deg);}
.item_wrap .item_list li .con .level {background-size:7.4rem auto; padding:5.6% 0;}

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

.sec_tit {font-size:3.9rem;}
.sec_tit02 {font-size:2.5rem;}

.section06 .shop_area > ul > li {display:block; width:100%;}
.section06 .shop_area .con {margin-left:auto; margin-right:auto;}
.section06 .shop_area li:nth-child(2n) .con {margin-right:auto;}
.section06 .shop_area .sale {font-size:2.3rem;}
.section06 .shop_area .sale font {font-size:3rem;}
.section06 .shop_area .sale span {width:22.2rem; height:22.2rem;}
.section06 .shop_area .name {font-size:3.9rem;}

.section05 {padding-bottom:25rem;}

.section04 {padding-bottom:33rem;}
.section04 > .name {font-size:4.9rem;}
.section04 .motion_wrap .desc .item_name {font-size:2.4rem; min-height:30px; height:auto; min-width:0; width:calc(100% - 2.4rem);}
.section04 .motion_wrap .info {font-size:2.1rem; bottom:0; line-height:1.2; left:10rem; right:10rem;}
.section04 .motion_wrap .desc .box_3d:before {background-size:16.4rem auto, 16.4rem auto, 2.3rem auto, 2.3rem auto;}
.section04 .swiper-button-next .name, .section04 .swiper-button-prev .name {font-size:2.3rem;}
.section04 .motion_wrap .img_3d {max-width:8rem;}
.section04 .motion_wrap .desc .item_name:before {background-size:2.1rem auto;}
.section04 .stat .txt {font-size:2.3rem; width:54px;}
.section04 .stat .num {font-size:2.1rem; max-width: calc(100% - 234px);}
.section04 .swiper-button-next {right:0;}
.section04 .swiper-button-prev {left:0;}
.section04 .stat {text-align:center;}
.section04 .stat ul {display:inline-block;}
.section04 .stat li {display:block; width:auto;}
.section04 .stat .graph {width:160px; height:20px; margin:0 10px; background: url(/images/common/event/2025/snowfall/stat_beta01.png) 0 0 no-repeat;}
.section04 .page03 .txt01 a {font-size:1.8rem;}
.section04 .page03 .txt01 br {display:none;}


.section02 .pass .for {font-size:1.5rem; letter-spacing: -0.01em;}
.section02 .pass .txt {font-size:2.3rem;}
.section02 .pass .txt br {display:none;}
.section02 .pass .tit {font-size:3rem;}
.section02 .desc .sub_txt01 {font-size:3.6rem;}
.section02 .desc .sub_txt02 {font-size:2.7rem;}
.section02 .pass {margin-top:-44rem; display:inline-block;}
.section02 .desc {margin-top:50%;}
.cha03 {width:70%; margin-left:-35%;}
.cha03 > span {top:0;}
.cha03 > span:after {top:8rem;}
.cha03 > span:before {top:43%;}

.cha04_wrap {width: 50%; bottom:-36rem;}
.cha11_wrap { width:50%; bottom:-36rem;}
.cha05_wrap {width: 70%; bottom:-36rem;}
.section04 .page03 .stat {min-height:225px;}

.section03 .how > .tit {font-size:2.5rem;}
.section03 .how .step .con .label {font-size:2.4rem;}
.section03 .how .step .con .tit {font-size:3.9rem;}
.section03 .how .step .con .for {font-size:2.9rem;}
.section03 .how .step .con .txt {font-size:2.3rem;}
.section03 .stat li .txt {font-size:2.1rem;}
.section03 .stat li > div {font-size:2.1rem;}
.section03 .beta_wrap .name {font-size:2.3rem;}

.section01 .date {width:68rem; height:11.2rem; font-size:2.2rem; margin-bottom:-13%;}
.section01 .title_wrap .title {margin:0 -6rem;}
}

@media screen and (max-width: 500px) {
.cha03 {width:80%; margin-left:-40%;}	
.section02 .pass li {margin:0 -7rem;}
}

@media screen and (max-width: 370px) {
.section02 .pass li {margin:0 -9rem;}
}

@media screen and (min-width:769px) and (max-height: 940px) {
/* .pop-up {width: 18.386%;} */
} 

@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 animate-width {
    0% {
        width: 0;
        opacity: 0;
    }

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


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

    50% {
        transform: translate(0, 3px);
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

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

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

    100% {
        opacity: 1;
    }
}


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

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


 @keyframes rotate3d {
    0%   { transform: rotateX(60deg) rotateZ(0deg); }
    100% { transform: rotateX(60deg) rotateZ(360deg); }
  }
 
 @keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
 
@keyframes swing { 
	0%,100% { 
	transform: rotate(-1deg); 
	} 
	50% { transform: rotate(1deg); 
	} 
}



 @keyframes waveMotion {
      0%   { transform:translate(-50%, 0) scale(1.02); }
      25%  { transform:translate(-50%, -5px) scale(1.03); }
      50%  { transform:translate(-50%, 0) scale(1.02); }
      75%  { transform:translate(-50%, -6px) scale(1); }
      100% { transform:translate(-50%, 0) scale(1.02); }
}

 @keyframes waveMotion02 {
      0%   { transform:translate(0, 0) scale(1.02); }
      25%  { transform:translate(0, -5px) scale(1.03); }
      50%  { transform:translate(0, 0) scale(1.02); }
      75%  { transform:translate(0, -6px) scale(1); }
      100% { transform:translate(0, 0) scale(1.02); }
}


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


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

    15%{
        opacity: 1;
    }

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

    95%{
        opacity: 0;
    }

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

@keyframes bounce-in-top {
  0% {
            transform: translateY(-500px);
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
            transform: translateY(0);
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
            transform: translateY(-30px);
            animation-timing-function: ease-in;
  }
  72% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
  81% {
            transform: translateY(-14px);
            animation-timing-function: ease-in;
  }
  90% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
  95% {
            transform: translateY(-4px);
            animation-timing-function: ease-in;
  }
  100% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
}

@keyframes bounce-in-bottom {
  0% {
    transform: translateY(500px);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
            transform: translateY(0);
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
            transform: translateY(65px);
            animation-timing-function: ease-in;
  }
  72% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
  81% {
            transform: translateY(28px);
            animation-timing-function: ease-in;
  }
  90% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
  95% {
            transform: translateY(8px);
            animation-timing-function: ease-in;
  }
  100% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
}


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


@keyframes slide-in-bottom {
  0% {
   transform: translateY(1000px);
   opacity:1;
  }
  100% {
      transform: translateY(0);
      opacity:1;
  }
}


@keyframes slide-in-elliptic-top-fwd {
  0% {
            transform: translateY(-600px) rotateX(-30deg) scale(0);
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
            transform: translateY(0) rotateX(0) scale(1);
            transform-origin: 50% 1400px;
    opacity: 1;
  }
}

@keyframes slide-in-bl {
    0% {         transform: translateY(2600px) translateX(-2600px);
    opacity: 0;
  }
  100% {
            transform: translateY(0) translateX(0);
    opacity: 1;
  }
}




@keyframes slide-in-br {
  0% {
            transform: translateY(2600px) translateX(2600px);
    opacity: 0;
  }
  100% {
            transform: translateY(0) translateX(0);
    opacity: 1;
  }
}

@keyframes float {
	0% {opacity:1;}
  50% {
     transform: translate(0, 1rem);
     opacity:1;
  }
  100% {opacity:1;}
}

@keyframes flicker-in-1 {
    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 scale-in-center {
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
}

@keyframes opc {
  100% {
    opacity: 1;
  }
}

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

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

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