@font-face {
	font-family:Pretendard;font-weight:100 900;font-stretch:50% 200%;src:url(/page/pre-register/font/PretendardVariable-302ec55f5b4320354ec6b35a53dead87.woff2) format("woff2");font-display:swap
}

@font-face {
	font-family:Hahmlet;src:url(/page/pre-register/font/Hahmlet-Medium-a23f58ff93ecfc5629983d2a86b00ae7.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap
}

@font-face {
	font-family:Hahmlet;src:url(/page/pre-register/font/Hahmlet-Regular-1b4858d5fab4f933e7cdb17c0422926a.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap
}

body,button,input,select,textarea {
	font-family: Pretendard,"Malgun Gothic","맑은고딕","Apple SD Gothic Neo",Dotum,"돋움",sans-serif
}

.blind,caption span,legend {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	clip: rect(0,0,0,0)
}

body,html {
	font-size: 16px
}

body {
	background: #000
}

@media screen and (max-width:1080px) {
	.scroll_locked {
		overflow: hidden!important
	}
}

a {
	color: currentColor
}

img {
	max-width: 100%;
	width: 100%
}

input {
	border: 0;
	box-shadow: 0;
	background: 0 0;
	caret-color: #fff
}

input:focus {
	outline: 0
}

.wrap {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	background: #000
}

@media screen and (min-width:1081px) {
	.wrap {
		background: #000 url(/page/pre-register/img/bg-7d06aa1dd43b5da2bd657d4baca58698.jpg) center/cover no-repeat;
		background-attachment: fixed;
		transition: background-position .7s
	}
}

.wrap.is_footer {
	background-position: center -322px
}

@media(max-width:1919px) {
	.wrap.is_footer {
		background-position: center -16.77vw
	}
}

@media(min-width:2560px) {
	.wrap.is_footer {
		background-position: center -322px
	}
}

@media screen and (max-width:1080px) {
	.only_pc {
		display: none!important
	}
}

@media screen and (min-width:1081px) {
	.only_mo {
		display: none!important
	}
}

.img_on {
	display: none
}

.btn_top {
	position: fixed;
	bottom: 10px;
	right: 0;
	padding-right: 40px
}

@media(max-width:1919px) {
	.btn_top {
		padding-right: 2.08vw
	}
}

.btn_top::before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_top::before {
		background-size: 1468px 1297px;
		background-position: -1345px -1060px;
		width: 66px;
		height: 66px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_top::before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -55.2083333333vw;
		width: 3.4375vw;
		height: 3.4375vw
	}
}

.btn_top:hover .img_default {
	display: none
}

.btn_top:hover .img_on {
	display: block
}

.box_notice {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100
}

@media(max-width:1919px) {
	.box_notice {
		bottom: 1.04vw
	}
}

@media(min-width:2560px) {
	.box_notice {
		bottom: 20px
	}
}

@media screen and (max-width:1080px) {
	.box_notice {
		display: flex;
		justify-content: center;
		position: relative;
		left: auto;
		bottom: auto;
		right: auto;
		width: 100%;
		transform: none;
		box-sizing: border-box;
		padding-top: 4.8611111111vw
	}
}

.box_notice .btn_notice {
	position: relative;
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 16px;
	color: #6badb3;
	z-index: 1
}

@media(max-width:1919px) {
	.box_notice .btn_notice {
		gap: .31vw
	}
}

@media(min-width:2560px) {
	.box_notice .btn_notice {
		gap: 6px
	}
}

@media(max-width:1919px) {
	.box_notice .btn_notice {
		font-size: .83vw
	}
}

@media(min-width:2560px) {
	.box_notice .btn_notice {
		font-size: 16px
	}
}

.box_notice .btn_notice:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url(/page/pre-register/img/ico_notice-dba37bbcdd5b7fe5105e51d363a6b24f.png) center/cover no-repeat
}

@media(max-width:1919px) {
	.box_notice .btn_notice:before {
		width: .83vw
	}
}

@media(min-width:2560px) {
	.box_notice .btn_notice:before {
		width: 16px
	}
}

@media(max-width:1919px) {
	.box_notice .btn_notice:before {
		height: .83vw
	}
}

@media(min-width:2560px) {
	.box_notice .btn_notice:before {
		height: 16px
	}
}

.box_notice .btn_notice.is_active+.box_notice_detail {
	opacity: 1;
	visibility: visible
}

@media screen and (max-width:1080px) {
	.box_notice .btn_notice {
		gap: .8333333333vw;
		font-size: 3.3333333333vw
	}

	.box_notice .btn_notice:before {
		width: 2.7777777778vw;
		height: 2.7777777778vw;
		background: url(/page/pre-register/img/ico_notice-dba37bbcdd5b7fe5105e51d363a6b24f.png) center/cover no-repeat
	}
}

.box_notice .box_notice_detail {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
	transition: all .3s ease-in-out;
	background: #172a2b;
	width: -moz-max-content;
	width: max-content;
	box-shadow: 0 10px 20px rgba(0,0,0,.35);
	padding: 18px 24px 51px;
	bottom: -20px
}

@media(max-width:1919px) {
	.box_notice .box_notice_detail {
		padding: .94vw 1.25vw 2.66vw;
		bottom: -1.04vw
	}
}

@media screen and (max-width:1080px) {
	.box_notice .box_notice_detail {
		left: auto;
		width: 93.3333333333vw;
		bottom: -2.2222222222vw;
		right: 0;
		padding: 5vw 5vw 8.75vw;
		transform: translateX(0)
	}
}

.box_notice .box_notice_detail:before {
	content: "";
	display: block;
	position: absolute;
	border: 1px solid #3a575b;
	left: 4px;
	top: 4px;
	right: 4px;
	bottom: 4px
}

@media(max-width:1919px) {
	.box_notice .box_notice_detail:before {
		left: .21vw;
		top: .21vw;
		right: .21vw;
		bottom: .21vw
	}
}

.box_notice .box_notice_detail_inner {
	border-bottom: 1px solid #3a575b
}

.box_notice .notice_title {
	display: block;
	font-weight: 700;
	color: #6badb3;
	font-size: 14px;
	margin-bottom: 8px
}

@media(max-width:1919px) {
	.box_notice .notice_title {
		font-size: .73vw;
		margin-bottom: .42vw
	}
}

@media screen and (max-width:1080px) {
	.box_notice .notice_title {
		font-size: 3.0555555556vw;
		margin-bottom: 2.2222222222vw
	}
}

.box_notice .notice_list {
	margin-bottom: 16px
}

@media(max-width:1919px) {
	.box_notice .notice_list {
		margin-bottom: .83vw
	}
}

.box_notice .notice_list .notice_item {
	position: relative;
	padding-left: 16px;
	font-size: 14px;
	color: #6badb3
}

@media(max-width:1919px) {
	.box_notice .notice_list .notice_item {
		padding-left: .83vw;
		font-size: .73vw
	}
}

@media screen and (max-width:1080px) {
	.box_notice .notice_list .notice_item {
		padding-left: 2.5vw;
		font-size: 3.0555555556vw
	}
}

.box_notice .notice_list .notice_item:before {
	position: absolute;
	left: 6px;
	top: 8px;
	width: 3px;
	height: 3px;
	content: "";
	display: block;
	border-radius: 50%;
	background: #6badb3
}

@media(max-width:1919px) {
	.box_notice .notice_list .notice_item:before {
		left: .31vw;
		top: .42vw;
		width: .16vw;
		height: .16vw
	}
}

@media screen and (max-width:1080px) {
	.box_notice .notice_list .notice_item:before {
		width: 1.3888888889vw;
		height: 1.3888888889vw;
		top: 1.1111111111vw
	}
}

.box_notice .notice_list .notice_item+.notice_item {
	margin-top: 2px
}

@media(max-width:1919px) {
	.box_notice .notice_list .notice_item+.notice_item {
		margin-top: .1vw
	}
}

@media(min-width:2560px) {
	.box_notice .notice_list .notice_item+.notice_item {
		margin-top: 2px
	}
}

@media screen and (max-width:1080px) {
	.box_notice .notice_list .notice_item+.notice_item {
		margin-top: 16px
	}
}

@media screen and (max-width:1080px)and (max-width:1919px) {
	.box_notice .notice_list .notice_item+.notice_item {
		margin-top: .83vw
	}
}

@media screen and (max-width:1080px)and (min-width:2560px) {
	.box_notice .notice_list .notice_item+.notice_item {
		margin-top: 16px
	}
}

@media screen and (max-width:1080px) {
	.box_notice .notice_list {
		margin-bottom: 4.4444444444vw
	}

	.box_notice .notice_list .notice_item {
		font-size: 3.0555555556vw;
		margin-bottom: 1.1111111111vw
	}

	.box_notice .notice_list .notice_item:before {
		width: .5555555556vw;
		height: .5555555556vw;
		top: 1.3888888889vw
	}
}

.box_bg_mo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120dvh;
	pointer-events: none
}

.box_bg_mo img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	z-index: 1
}

.box_bg_mo img:nth-child(1) {
	opacity: 1
}

.fp-viewing-event .box_bg_mo img:nth-child(2) {
	opacity: 1
}

.fp-viewing-luck .box_bg_mo img:nth-child(3) {
	opacity: 1
}

.fp-viewing-showcase .box_bg_mo img:nth-child(4) {
	opacity: 1
}

.fp-viewing-media .box_bg_mo img:nth-child(5) {
	opacity: 1
}

@media screen and (max-width:1080px) {
	.section {
		height: auto!important
	}

	.section .fp-tableCell {
		height: auto!important
	}
}

.section_inner {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 1920px;
	height: 100%;
	max-height: 910px;
	margin: 0 auto;
	box-sizing: border-box
}

@media screen and (max-width:1080px) {
	.section_inner {
		max-height: none;
		height: auto;
		padding: 12.5vw 3.3333333333vw 12.5vw 3.3333333333vw
	}
}

.section_inner .title {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 800px
}

@media(max-width:1919px) {
	.section_inner .title {
		width: 41.67vw
	}
}

.gift_wrap {
	position: relative;
	margin-top: 8px
}

@media(max-width:1919px) {
	.gift_wrap {
		margin-top: .42vw
	}
}

@media screen and (max-width:1080px) {
	.gift_wrap {
		position: absolute;
		right: 0
	}
}

.gift_wrap .btn_more {
	position: relative;
	z-index: 10;
	vertical-align: top;
	width: 30px;
	height: 30px
}

@media(max-width:1919px) {
	.gift_wrap .btn_more {
		width: 1.56vw;
		height: 1.56vw
	}
}

@media screen and (max-width:1080px) {
	.gift_wrap .btn_more {
		width: 8.0555555556vw;
		height: 8.0555555556vw
	}
}

.gift_wrap .btn_more:before {
	position: absolute;
	left: 50%;
	top: 70%;
	transform: translate(-50%,-50%);
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat;
	pointer-events: none
}

@media(min-width:1921px) {
	.gift_wrap .btn_more:before {
		background-size: 1468px 1297px;
		background-position: -1415px -496px;
		width: 50px;
		height: 50px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.gift_wrap .btn_more:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -25.8333333333vw;
		width: 2.6041666667vw;
		height: 2.6041666667vw
	}
}

@media screen and (max-width:1080px) {
	.gift_wrap .btn_more:before {
		top: 62%;
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.gift_wrap .btn_more:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -123.8888888889vw -53.3333333333vw;
		width: 10.8333333333vw;
		height: 10.8333333333vw
	}
}

.gift_wrap .btn_more.is_active:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.gift_wrap .btn_more.is_active:before {
		background-size: 1468px 1297px;
		background-position: -1415px -568px;
		width: 50px;
		height: 50px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.gift_wrap .btn_more.is_active:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -29.5833333333vw;
		width: 2.6041666667vw;
		height: 2.6041666667vw
	}
}

@media screen and (max-width:1080px) {
	.gift_wrap .btn_more.is_active:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.gift_wrap .btn_more.is_active:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -101.5277777778vw -140.8333333333vw;
		width: 10.8333333333vw;
		height: 10.8333333333vw
	}
}

.gift_wrap .btn_more.is_active+.gift_tooltip {
	display: block
}

.gift_wrap .gift_tooltip {
	display: none;
	position: absolute;
	background: #16191e;
	box-sizing: border-box;
	right: -8px;
	top: -9px;
	padding: 30px 25px 30px 30px;
	min-width: 240px;
	width: -moz-max-content;
	width: max-content;
	border-radius: 14px
}

@media(max-width:1919px) {
	.gift_wrap .gift_tooltip {
		right: -.42vw;
		top: -.47vw;
		padding: 1.56vw 1.3vw 1.56vw 1.56vw;
		min-width: 12.5vw;
		width: -moz-max-content;
		width: max-content;
		border-radius: .73vw
	}
}

@media screen and (max-width:1080px) {
	.gift_wrap .gift_tooltip {
		right: -1.3888888889vw;
		top: -1.3888888889vw;
		width: -moz-max-content;
		width: max-content;
		padding: 5.5555555556vw 4.1666666667vw 5.5555555556vw;
		border-radius: 1.9444444444vw;
		left: auto;
		transform: none
	}
}

.gift_wrap .gift_tooltip .gift_title {
	display: block;
	font-weight: 500;
	color: #fff;
	border-bottom: 1px solid #313640;
	font-size: 16px;
	padding-bottom: 16px
}

@media(max-width:1919px) {
	.gift_wrap .gift_tooltip .gift_title {
		font-size: .83vw;
		padding-bottom: .83vw
	}
}

@media screen and (max-width:1080px) {
	.gift_wrap .gift_tooltip .gift_title {
		font-size: 3.6111111111vw;
		padding: 0 0 2.2222222222vw
	}
}

.gift_wrap .gift_tooltip .gift_list {
	display: flex;
	flex-direction: column;
	margin-top: 8px;
	gap: 8px
}

@media(max-width:1919px) {
	.gift_wrap .gift_tooltip .gift_list {
		margin-top: .42vw;
		gap: .42vw
	}
}

@media screen and (max-width:1080px) {
	.gift_wrap .gift_tooltip .gift_list {
		margin-top: 2.7777777778vw;
		gap: 1.1111111111vw
	}
}

.gift_wrap .gift_tooltip .gift_item {
	display: flex;
	align-items: center;
	color: #fff;
	line-height: 1.6;
	font-weight: 700;
	font-size: 12px
}

@media(max-width:1919px) {
	.gift_wrap .gift_tooltip .gift_item {
		font-size: .63vw
	}
}

.gift_wrap .gift_tooltip .gift_item .box_thumb {
	flex: none;
	width: 40px;
	height: 40px;
	margin-right: 10px
}

@media(max-width:1919px) {
	.gift_wrap .gift_tooltip .gift_item .box_thumb {
		width: 2.08vw;
		height: 2.08vw;
		margin-right: .52vw
	}
}

.gift_wrap .gift_tooltip .gift_item .num {
	color: #e2b863;
	margin-left: 4px
}

@media(max-width:1919px) {
	.gift_wrap .gift_tooltip .gift_item .num {
		margin-left: .21vw
	}
}

@media screen and (max-width:1080px) {
	.gift_wrap .gift_tooltip .gift_item {
		font-size: 3.3333333333vw;
		font-weight: 400;
		line-height: 1.5
	}

	.gift_wrap .gift_tooltip .gift_item .box_thumb {
		width: 5.5555555556vw;
		height: 5.5555555556vw;
		margin-right: 1.3888888889vw
	}

	.gift_wrap .gift_tooltip .gift_item .num {
		margin-left: .5555555556vw
	}
}

.box_landscape {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,.5);
	z-index: 1000
}

.box_landscape .desc {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	color: #fff;
	font-size: 14px;
	background: rgba(0,0,0,.8);
	width: 100%;
	padding: 23px 0
}

.box_landscape .desc:before {
	content: "";
	display: block;
	width: 40px;
	height: 38px;
	background: url(/page/pre-register/img/ico_landscape-5e511c81021f076afc9d8c2994966a9a.png) center/cover no-repeat
}

@media screen and (max-height:480px)and (orientation:landscape) {
	.box_landscape {
		display: flex
	}
}

article,aside,body,button,dd,dialog,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,input,legend,li,main,nav,ol,p,section,select,table,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

article,aside,dialog,figure,footer,header,main,nav,section {
	display: block
}

body,html {
	height: 100%;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none
}

fieldset,form,img,li,svg {
	border: 0;
	vertical-align: top
}

ol,ul {
	list-style: none
}

button {
	overflow: visible;
	border: 0;
	background-color: transparent;
	cursor: pointer
}

button:disabled {
	cursor: default
}

button::-moz-focus-inner {
	padding: 0;
	margin: -1px
}

button,input,select {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

address,caption,em {
	font-style: normal
}

a,a:active,a:focus,a:hover {
	text-decoration: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.ico {
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat
}

.ico_heart {
	width: 24px;
	height: 24px;
	background-image: url('ico_heart("transparent", )')
}

.ico_heart_pink {
	width: 24px;
	height: 24px;
	background-image: url('ico_heart_pink(, )')
}

.ico_close_popup {
	width: 24px;
	height: 24px;
	background-image: url('ico_close_popup(, )')
}

.ico_close_cookies {
	width: 24px;
	height: 24px;
	background-image: url('ico_close_cookies(, )')
}

.ico_search {
	width: 24px;
	height: 24px;
	background-image: url('ico_search(, )')
}

.ico_clear {
	width: 16px;
	height: 16px;
	background-image: url('ico_clear(, )')
}

.ico_arrow_down {
	width: 24px;
	height: 24px;
	background-image: url('ico_arrow_down("transparent", )')
}

.ico_chevron_down {
	width: 21px;
	height: 12px;
	background-image: url('ico_chevron_down("transparent", )')
}

.ico_chevron_left {
	width: 24px;
	height: 24px;
	background-image: url('ico_chevron_left("transparent", )')
}

.ico_chevron_right {
	width: 24px;
	height: 24px;
	background-image: url('ico_chevron_right("transparent", )')
}

.ico_double_chevron_left {
	width: 24px;
	height: 24px;
	background-image: url('ico_double_chevron_left(, )')
}

.ico_double_chevron_right {
	width: 24px;
	height: 24px;
	background-image: url('ico_double_chevron_right(, )')
}

.ico_return {
	width: 32px;
	height: 32px;
	background-image: url('ico_return(, )')
}

.ico_cookies {
	width: 24px;
	height: 24px;
	background-image: url('ico_cookies(, )')
}

.ico_google {
	width: 24px;
	height: 24px;
	background-image: url('ico_google(, )')
}

.ico_star_circle {
	width: 24px;
	height: 24px;
	background-image: url('ico_star_circle(, )')
}

.ico_search_black {
	width: 24px;
	height: 24px;
	background-image: url('ico_search_black(, )')
}

.ico_ch_play {
	width: 144px;
	height: 48px;
	background-image: url('ico_ch_play(, )')
}

.ico_app_store {
	width: 144px;
	height: 48px;
	background-image: url('ico_app_store(, )')
}

.ico_youtube {
	width: 25px;
	height: 24px;
	background-image: url('ico_youtube(, )')
}

.ico_share {
	width: 25px;
	height: 24px;
	background-image: url('ico_share(red, red)')
}

.ico_logo_aquatree {
	width: 147px;
	height: 24px;
	background-image: url('logo_aquatree(, )')
}

.ico_logo_hybe {
	width: 135px;
	height: 36px;
	background-image: url('logo_hybe(, )')
}

.ico_available_minors {
	width: 59px;
	height: 68px;
	background-image: url('ico_available_minors(, )')
}

.ico_selectivity {
	width: 59px;
	height: 68px;
	background-image: url('ico_selectivity(, )')
}

.ico_gamebling {
	width: 59px;
	height: 68px;
	background-image: url('ico_gamebling(, )')
}

.ico_notify {
	width: 24px;
	height: 24px;
	background-image: url('ico_notify(, )')
}

.ico_alert {
	width: 24px;
	height: 24px;
	background-image: url('ico_alert(, )')
}

.ico_gift {
	width: 24px;
	height: 24px;
	background-image: url('ico_gift(, )')
}

.ico_new {
	width: 16px;
	height: 16px;
	background-image: url('ico_new(, )')
}

.ico_chevronup {
	width: 24px;
	height: 24px;
	background-image: url('ico_chevronup(transparent, transparent)')
}

.ico_more {
	width: 24px;
	height: 24px;
	background-image: url('ico_more(transparent, transparent)')
}

.ico_share_gray {
	width: 24px;
	height: 24px;
	background-image: url('ico_share_gray(transparent, transparent)')
}

.ico_back {
	width: 24px;
	height: 24px;
	background-image: url('ico_back(, )')
}

.ico_back_g7 {
	width: 32px;
	height: 32px;
	background-image: url('ico_back_g7(, )')
}

.ico_picture {
	width: 16px;
	height: 16px;
	background-image: url('ico_picture(, )')
}

.ico_heart_line {
	width: 24px;
	height: 24px;
	background-image: url('ico_heart_line(transparent, transparent)')
}

.ico_view {
	width: 24px;
	height: 24px;
	background-image: url('ico_view(, )')
}

.ico_app_store {
	width: 144px;
	height: 48px;
	background-image: url('ico_app_store(transparent, transparent)')
}

.ico_ch_store {
	width: 144px;
	height: 48px;
	background-image: url('ico_ch_play(transparent, transparent)')
}

.ico_refresh {
	width: 24px;
	height: 24px;
	background-image: url('ico_refresh(, )')
}

.ico_reply {
	width: 24px;
	height: 24px;
	background-image: url('ico_reply(, )')
}

.ico_comment {
	width: 40px;
	height: 40px;
	background-image: url('ico_comment(, )')
}

.ico_information {
	width: 20px;
	height: 20px;
	background-image: url('ico_information(, )')
}

.ico_lin_depth {
	width: 7px;
	height: 7px;
	background-image: url('ico_lin_depth(, )')
}

.ico_closecircle {
	width: 24px;
	height: 24px;
	background-image: url('ico_closecircle(, )')
}

.ico_me {
	width: 16px;
	height: 16px;
	background-image: url('ico_me(, )')
}

.ico_photo {
	width: 40px;
	height: 40px;
	background-image: url('ico_photo(, )')
}

.ico_information_white {
	width: 24px;
	height: 24px;
	background-image: url('ico_information_white(, )')
}

.ico_check {
	width: 16px;
	height: 16px;
	background-image: url('ico_check(transparent, transparent)')
}

.ico_play_small {
	width: 12px;
	height: 14px;
	background-image: url('ico_play_small(, )')
}

.ico_close_black {
	width: 24px;
	height: 24px;
	background-image: url('ico_close_black(, )')
}

.ico_chevron_left_white {
	width: 24px;
	height: 24px;
	background-image: url('ico_chevron_left_white(transparent, transparent)')
}

.ico_desktop {
	width: 24px;
	height: 24px;
	background-image: url('ico_desktop(transparent, transparent)')
}

.ico_mobile {
	width: 24px;
	height: 24px;
	background-image: url('ico_mobile(transparent, transparent)')
}

.ico_close_white {
	width: 24px;
	height: 24px;
	background-image: url('ico_close_white(transparent, transparent)')
}

.ico_new_red {
	width: 16px;
	height: 16px;
	background-image: url('ico_new_red(transparent, transparent)')
}

.ico_camera {
	width: 16px;
	height: 16px;
	background-image: url('ico_camera(transparent, transparent)')
}

.ico_pencil {
	width: 16px;
	height: 16px;
	background-image: url('ico_pencil(transparent, transparent)')
}

.ico_chevron_down_16 {
	width: 16px;
	height: 16px;
	background-image: url('ico_chevron_down_16("transparent", )')
}

.ico_more_black {
	width: 24px;
	height: 24px;
	background-image: url('ico_more_black("transparent", )')
}

.ico_alarm {
	width: 40px;
	height: 40px;
	background-image: url('ico_alarm(, )')
}

.ico_check_circle {
	width: 24px;
	height: 24px;
	background-image: url('ico_check_circle(, )')
}

.ico_download {
	width: 24px;
	height: 24px;
	background-image: url('ico_download(, )')
}

.ico_pencil_white {
	width: 24px;
	height: 24px;
	background-image: url('ico_pencil_white(transparent, transparent)')
}

.ico_siren {
	width: 24px;
	height: 24px;
	background-image: url('ico_siren(transparent, transparent)')
}

.ico_check_success {
	width: 24px;
	height: 24px;
	background-image: url('ico_check_success(transparent, transparent)')
}

.ico_chevron_right_black {
	width: 24px;
	height: 24px;
	background-image: url('ico_chevron_right_black(transparent, transparent)')
}

.ico_reply_white {
	width: 24px;
	height: 24px;
	background-image: url('ico_reply_white(transparent, transparent)')
}

.ico_chevrondown_8 {
	width: 8px;
	height: 8px;
	background-image: url('ico_chevrondown_8(transparent, transparent)')
}

.ico_chevron_right_bold {
	width: 16px;
	height: 16px;
	background-image: url('ico_chevron_right_bold(transparent, transparent)')
}

.ico_outlink_bold {
	width: 16px;
	height: 16px;
	background-image: url('ico_outlink_bold(transparent, transparent)')
}

.ico_youtube_large {
	width: 40px;
	height: 40px;
	background-image: url('ico_youtube_large(transparent, transparent)')
}

.ico_chevrondown_gray {
	width: 24px;
	height: 24px;
	background-image: url('ico_chevrondown_gray(transparent, transparent)')
}

.ico_chevronup_gray {
	width: 24px;
	height: 24px;
	background-image: url('ico_chevronup_gray(transparent, transparent)')
}

.ico_total {
	width: 24px;
	height: 24px;
	background-image: url('ico_total(transparent, transparent)')
}

.ico_hamburger {
	width: 32px;
	height: 32px;
	background-image: url('ico_hamburger(transparent, transparent)')
}

.ico_menu_close {
	width: 32px;
	height: 32px;
	background-image: url('ico_menu_close(transparent, transparent)')
}

.header {
	position: fixed;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
	width: 100%;
	pointer-events: none
}

@media screen and (max-width:1080px) {
	.header {
		top: 0;
		background: #000;
		pointer-events: auto
	}
}

.header_inner {
	display: flex;
	justify-content: flex-end
}

@media screen and (max-width:1080px) {
	.header_inner {
		justify-content: space-between;
		padding: 0 3.3333333333vw;
		height: 13.8888888889vw;
		box-sizing: border-box
	}
}

.header_right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-left: auto;
	pointer-events: auto;
	padding-right: 17px;
	gap: 20px
}

@media(max-width:1919px) {
	.header_right {
		padding-right: .89vw;
		gap: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.header_right {
		flex-direction: row;
		align-items: center;
		gap: .5555555556vw;
		padding-right: 0
	}
}

.header_right_inner {
	display: flex;
	gap: 8px;
	margin-right: 23px
}

@media(max-width:1919px) {
	.header_right_inner {
		margin-right: 1.2vw
	}
}

@media screen and (max-width:1080px) {
	.header_right_inner {
		gap: .5555555556vw;
		margin-right: 0
	}
}

.header .link_homepage {
	display: inline-flex;
	border: 1px solid #313640;
	background: rgba(15,17,20,.6);
	color: #c0b5aa;
	padding: 9px 4px;
	gap: 4px;
	border-radius: 4px;
	font-size: 12px
}

@media(max-width:1919px) {
	.header .link_homepage {
		padding: .47vw .21vw;
		gap: .21vw;
		border-radius: .21vw;
		font-size: .63vw
	}
}

.header .link_homepage:after {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.header .link_homepage:after {
		background-size: 1468px 1297px;
		background-position: -1415px -622px;
		width: 11px;
		height: 12px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.header .link_homepage:after {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -32.3958333333vw;
		width: .5729166667vw;
		height: .625vw
	}
}

@media screen and (max-width:1080px) {
	.header .link_homepage {
		border: 0
	}

	.header .link_homepage:after {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.header .link_homepage:after {
		background-size: 185vw 178.3333333333vw;
		background-position: -175.2777777778vw -26.6666666667vw;
		width: 8.3333333333vw;
		height: 8.3333333333vw
	}
}

@media screen and (max-width:1080px) {
	.header .link_homepage.type_kakao:after {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.header .link_homepage.type_kakao:after {
		background-size: 185vw 178.3333333333vw;
		background-position: -175.2777777778vw -38.3333333333vw;
		width: 8.3333333333vw;
		height: 8.3333333333vw
	}
}

.header .link_introduce {
	display: block;
	width: 138px;
	height: 197px
}

@media(max-width:1919px) {
	.header .link_introduce {
		width: 7.19vw;
		height: 10.26vw
	}
}

@media screen and (min-width:1081px) {
	.header .logo {
		position: absolute;
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat;
		display: none;
		left: 30px;
		top: 20px
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.header .logo {
		background-size: 1468px 1297px;
		background-position: -1136px -1085px;
		width: 171px;
		height: 48px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.header .logo {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -59.1666666667vw -56.5104166667vw;
		width: 8.90625vw;
		height: 2.5vw
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.header .logo {
		left: 1.56vw;
		top: 1.04vw
	}
}

@media screen and (min-width:1081px) {
	.header .logo.is_show {
		display: block
	}
}

@media screen and (max-width:1080px) {
	.header .logo {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%)
	}

	.header .logo:before {
		content: "";
		display: block;
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.header .logo:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -47.9166666667vw -127.2222222222vw;
		width: 27.7777777778vw;
		height: 7.7777777778vw
	}
}

@media screen and (max-width:1080px) {
	.header .btn_menu {
		position: relative;
		padding: 1.3888888889vw
	}

	.header .btn_menu:before {
		content: "";
		display: block;
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.header .btn_menu:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -174.4444444444vw -93.0555555556vw;
		width: 6.1111111111vw;
		height: 4.7222222222vw
	}
}

@media screen and (max-width:1080px) {
	.header .btn_share:before {
		display: block;
		content: "";
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.header .btn_share:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -175.2777777778vw -46.9444444444vw;
		width: 8.3333333333vw;
		height: 8.3333333333vw
	}
}

.lnb {
	position: relative
}

.lnb::before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.lnb::before {
		background-size: 1468px 1297px;
		background-position: -636px -1187px;
		width: 220px;
		height: 24px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.lnb::before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -33.125vw -61.8229166667vw;
		width: 11.4583333333vw;
		height: 1.25vw
	}
}

@media screen and (max-width:1080px) {
	.lnb {
		overflow-y: auto;
		padding-bottom: 13.1944444444vw
	}

	.lnb:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.lnb:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -135vw -116.1111111111vw;
		width: 38.8888888889vw;
		height: 7.7777777778vw
	}
}

.lnb_wrap {
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 50%;
	left: 0;
	padding: 0 40px;
	gap: 20px;
	transform: translateY(-50%);
	z-index: 100
}

@media(max-width:1919px) {
	.lnb_wrap {
		padding: 0 2.08vw;
		gap: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.lnb_wrap {
		overflow-y: auto;
		display: none;
		flex-direction: column;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 73.0555555556vw;
		padding: 22.5vw 11.1111111111vw 0;
		gap: 5vw;
		background: #000 url(/page/pre-register/img/lnb_wrap_bg_mo-ca1d18444f607f4b21a7d55007b2e994.jpg) no-repeat top/100% auto;
		transform: none;
		z-index: 100;
		box-sizing: border-box
	}

	.lnb_wrap.is_show {
		display: flex
	}

	.lnb_wrap .btn_close {
		position: absolute;
		top: 2.7777777778vw;
		left: 3.3333333333vw;
		padding: 1.3888888889vw
	}

	.lnb_wrap .btn_close:before {
		content: "";
		display: block;
		background-image: url(images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.lnb_wrap .btn_close:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -174.4444444444vw -73.3333333333vw;
		width: 5.5555555556vw;
		height: 5.5555555556vw
	}
}

.lnb_wrap .logo {
	flex: none;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat;
	margin: 0 10px
}

@media(min-width:1921px) {
	.lnb_wrap .logo {
		background-size: 1468px 1297px;
		background-position: -1136px -1085px;
		width: 171px;
		height: 48px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.lnb_wrap .logo {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -59.1666666667vw -56.5104166667vw;
		width: 8.90625vw;
		height: 2.5vw
	}
}

@media(max-width:1919px) {
	.lnb_wrap .logo {
		margin: 0 .52vw
	}
}

@media(min-width:2560px) {
	.lnb_wrap .logo {
		margin: 0 10px
	}
}

@media screen and (max-width:1080px) {
	.lnb_wrap .logo {
		display: block;
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat;
		margin: 0
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.lnb_wrap .logo {
		background-size: 185vw 178.3333333333vw;
		background-position: 0 -127.2222222222vw;
		width: 47.6388888889vw;
		height: 13.3333333333vw
	}
}

.lnb_item {
	position: relative
}

.lnb_item.active .lnb_link:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.lnb_item.active .lnb_link:before {
		background-size: 1468px 1297px;
		background-position: -696px -1085px;
		width: 220px;
		height: 60px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.lnb_item.active .lnb_link:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -36.25vw -56.5104166667vw;
		width: 11.4583333333vw;
		height: 3.125vw
	}
}

@media screen and (max-width:1080px) {
	.lnb_item.active .lnb_link:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.lnb_item.active .lnb_link:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -89.1666666667vw -21.1111111111vw;
		width: 38.8888888889vw;
		height: 16.9444444444vw
	}
}

.lnb_item.active .lnb_link .text {
	color: #fff
}

.lnb_item.type_outlink:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.lnb_item.type_outlink:before {
		background-size: 1468px 1297px;
		background-position: -412px -1187px;
		width: 220px;
		height: 50px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.lnb_item.type_outlink:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -21.4583333333vw -61.8229166667vw;
		width: 11.4583333333vw;
		height: 2.6041666667vw
	}
}

@media screen and (max-width:1080px) {
	.lnb_item.type_outlink:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.lnb_item.type_outlink:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -89.1666666667vw -38.3333333333vw;
		width: 38.8888888889vw;
		height: 14.7222222222vw
	}
}

@media screen and (min-width:1081px) {
	.lnb_item.type_outlink .text {
		top: 24%
	}

	.lnb_item.type_outlink .text:after {
		content: "";
		display: block;
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat;
		position: absolute;
		right: -8px;
		top: 55%;
		transform: translate(100%,-50%)
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.lnb_item.type_outlink .text:after {
		background-size: 1468px 1297px;
		background-position: -1415px -622px;
		width: 11px;
		height: 12px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.lnb_item.type_outlink .text:after {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -32.3958333333vw;
		width: .5729166667vw;
		height: .625vw
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.lnb_item.type_outlink .text:after {
		right: -.42vw
	}
}

@media screen and (max-width:1080px) {
	.lnb_item.type_outlink .text {
		top: 22%
	}
}

.lnb_item.is_new .text:after {
	position: absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	right: -8px;
	top: 5px;
	border-radius: 50%;
	background: #e2b863;
	transform: translateX(100%)
}

@media(max-width:1919px) {
	.lnb_item.is_new .text:after {
		width: .31vw;
		height: .31vw;
		right: -.42vw;
		top: .26vw
	}
}

@media screen and (max-width:1080px) {
	.lnb_item.is_new .text:after {
		width: 1.6666666667vw;
		height: 1.6666666667vw;
		right: -1.3888888889vw;
		top: .6944444444vw
	}
}

.lnb_item .text {
	font-weight: 500;
	position: absolute;
	top: 53%;
	transform: translateY(-50%);
	z-index: 1;
	font-size: 18px;
	left: 40px;
	color: #c0b5aa;
	text-shadow: 0 1px 4px rgba(0,0,0,.5)
}

@media(max-width:1919px) {
	.lnb_item .text {
		font-size: .94vw;
		left: 2.08vw
	}
}

@media screen and (max-width:1080px) {
	.lnb_item .text {
		font-size: 4.1666666667vw;
		left: 6.1111111111vw;
		top: 50%
	}
}

.lnb_item:last-of-type {
	margin-bottom: 40px
}

@media(max-width:1919px) {
	.lnb_item:last-of-type {
		margin-bottom: 2.08vw
	}
}

@media(min-width:2560px) {
	.lnb_item:last-of-type {
		margin-bottom: 40px
	}
}

.lnb_item:last-of-type:after {
	position: absolute;
	left: 0;
	content: "";
	display: block;
	pointer-events: none;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat;
	top: 50px
}

@media(min-width:1921px) {
	.lnb_item:last-of-type:after {
		background-size: 1468px 1297px;
		background-position: -248px -1085px;
		width: 220px;
		height: 83px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.lnb_item:last-of-type:after {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -12.9166666667vw -56.5104166667vw;
		width: 11.4583333333vw;
		height: 4.3229166667vw
	}
}

@media(max-width:1919px) {
	.lnb_item:last-of-type:after {
		top: 2.6vw
	}
}

@media screen and (max-width:1080px) {
	.lnb_item:last-of-type:after {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat;
		top: 14.7222222222vw
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.lnb_item:last-of-type:after {
		background-size: 185vw 178.3333333333vw;
		background-position: 0 -28.6111111111vw;
		width: 47.3611111111vw;
		height: 25.5555555556vw
	}
}

.lnb_link {
	position: relative;
	display: block
}

.lnb_link:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.lnb_link:before {
		background-size: 1468px 1297px;
		background-position: -472px -1085px;
		width: 220px;
		height: 60px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.lnb_link:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -24.5833333333vw -56.5104166667vw;
		width: 11.4583333333vw;
		height: 3.125vw
	}
}

@media screen and (max-width:1080px) {
	.lnb_link:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.lnb_link:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -135vw -98.8888888889vw;
		width: 38.8888888889vw;
		height: 16.9444444444vw
	}
}

@media screen and (max-width:1080px) {
	.lnb_link.type_outlink .text:after {
		content: "";
		display: block;
		position: absolute;
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat;
		top: 50%;
		right: -1.1111111111vw;
		transform: translate(100%,-50%)
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.lnb_link.type_outlink .text:after {
		background-size: 185vw 178.3333333333vw;
		background-position: -174.1666666667vw -110vw;
		width: 4.3055555556vw;
		height: 4.3055555556vw
	}
}

@media screen and (min-width:1081px) {
	.lnb_link:hover:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.lnb_link:hover:before {
		background-size: 1468px 1297px;
		background-position: -696px -1085px;
		width: 220px;
		height: 60px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.lnb_link:hover:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -36.25vw -56.5104166667vw;
		width: 11.4583333333vw;
		height: 3.125vw
	}
}

@media screen and (min-width:1081px) {
	.lnb_link:hover .text {
		color: #fff
	}
}

.lnb .box_store {
	display: flex;
	flex-direction: column;
	margin-left: 40px;
	gap: 4px
}

@media(max-width:1919px) {
	.lnb .box_store {
		margin-left: 2.08vw;
		gap: .21vw
	}
}

@media screen and (max-width:1080px) {
	.lnb .box_store {
		margin-left: 6.3888888889vw;
		gap: .5555555556vw
	}
}

.lnb .box_store .link_store {
	display: block
}

.lnb .box_store .link_store:before {
	content: "";
	display: block
}

.lnb .box_store .link_store:first-child:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.lnb .box_store .link_store:first-child:before {
		background-size: 1468px 1297px;
		background-position: -1345px -1240px;
		width: 116px;
		height: 36px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.lnb .box_store .link_store:first-child:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -64.5833333333vw;
		width: 6.0416666667vw;
		height: 1.875vw
	}
}

.lnb .box_store .link_store:last-child:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.lnb .box_store .link_store:last-child:before {
		background-size: 1468px 1297px;
		background-position: -1345px -1200px;
		width: 116px;
		height: 36px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.lnb .box_store .link_store:last-child:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -62.5vw;
		width: 6.0416666667vw;
		height: 1.875vw
	}
}

@media screen and (max-width:1080px) {
	.lnb .box_store .link_store:first-child:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.lnb .box_store .link_store:first-child:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -47.6388888889vw -41.3888888889vw;
		width: 40.9722222222vw;
		height: 12.5vw
	}
}

@media screen and (max-width:1080px) {
	.lnb .box_store .link_store:last-child:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.lnb .box_store .link_store:last-child:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -47.6388888889vw -28.6111111111vw;
		width: 40.9722222222vw;
		height: 12.5vw
	}
}

.footer {
	background: #000
}

.footer_inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: Pretendard;
	padding-bottom: 80px;
	margin: 0 auto
}

@media(max-width:1919px) {
	.footer_inner {
		padding-bottom: 4.17vw
	}
}

@media screen and (max-width:1080px) {
	.footer_inner {
		padding-bottom: 11.1111111111vw
	}
}

.footer .footer_store {
	display: flex;
	padding: 20px 0;
	gap: 1px
}

@media(max-width:1919px) {
	.footer .footer_store {
		padding: 1.04vw 0;
		gap: .05vw
	}
}

@media screen and (max-width:1080px) {
	.footer .footer_store {
		padding: 2.7777777778vw 0;
		gap: 1.3888888889vw
	}
}

.footer .footer_store .link_store {
	display: block;
	width: 166px;
	height: 51px
}

@media(max-width:1919px) {
	.footer .footer_store .link_store {
		width: 8.65vw
	}
}

@media(min-width:2560px) {
	.footer .footer_store .link_store {
		width: 166px
	}
}

@media(max-width:1919px) {
	.footer .footer_store .link_store {
		height: 2.66vw
	}
}

@media(min-width:2560px) {
	.footer .footer_store .link_store {
		height: 51px
	}
}

@media screen and (max-width:1080px) {
	.footer .footer_store .link_store {
		width: 40.9722222222vw;
		height: 12.5vw
	}
}

.footer .footer_list {
	display: flex;
	justify-content: center;
	padding: 20px;
	width: 100%;
	border-top: 1px solid #1f1f1f;
	box-sizing: border-box
}

@media(max-width:1919px) {
	.footer .footer_list {
		padding: 1.04vw
	}
}

@media(min-width:2560px) {
	.footer .footer_list {
		padding: 20px
	}
}

@media screen and (max-width:1080px) {
	.footer .footer_list {
		padding: 2.7777777778vw
	}
}

.footer .footer_list .footer_item {
	display: flex;
	align-items: center
}

.footer .footer_list .footer_item:nth-child(2) .footer_link {
	color: #fff
}

.footer .footer_list .footer_item:not(:last-child):after {
	content: "";
	margin: 0 18px;
	width: 1px;
	height: 12px;
	background: #4d4d4d
}

@media(max-width:1919px) {
	.footer .footer_list .footer_item:not(:last-child):after {
		margin: 0 .94vw;
		width: .05vw;
		height: .63vw
	}
}

@media screen and (max-width:1080px) {
	.footer .footer_list .footer_item:not(:last-child):after {
		margin: 0 2.5vw;
		width: .1388888889vw;
		height: 1.3888888889vw
	}
}

.footer .footer_list .footer_link {
	color: gray;
	font-size: 15px;
	font-weight: 500
}

@media(max-width:1919px) {
	.footer .footer_list .footer_link {
		font-size: .78vw
	}
}

@media(min-width:2560px) {
	.footer .footer_list .footer_link {
		font-size: 15px
	}
}

@media screen and (max-width:1080px) {
	.footer .footer_list .footer_link {
		font-size: 2.0833333333vw
	}
}

.footer .footer_info {
	width: 100%;
	font-size: 12px;
	padding-bottom: 20px;
	line-height: 1.7;
	font-weight: 300;
	color: #777;
	text-align: center;
	border-bottom: 1px solid #1f1f1f
}

@media(max-width:1919px) {
	.footer .footer_info {
		font-size: .63vw;
		padding-bottom: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.footer .footer_info {
		font-size: 1.6666666667vw;
		padding-bottom: 2.7777777778vw;
		border-bottom: 0
	}
}

@media screen and (max-width:1080px) {
	.footer .game_info {
		width: 100%;
		box-sizing: border-box;
		padding: 0 2.7777777778vw
	}
}

.footer .game_info .box_top {
	display: flex;
	justify-content: space-between
}

@media screen and (max-width:1080px) {
	.footer .game_info .box_top {
		width: 100%
	}
}

.footer .game_info .box_top .rate_text {
	line-height: 1.7;
	font-size: 12px;
	font-weight: 300;
	color: #c2c4cc
}

@media(max-width:1919px) {
	.footer .game_info .box_top .rate_text {
		font-size: .63vw
	}
}

@media screen and (max-width:1080px) {
	.footer .game_info .box_top .rate_text {
		font-size: 1.9444444444vw
	}
}

.footer .game_info .box_top .rate_text em {
	color: #a11d3a
}

.footer .game_info .box_img {
	margin-top: 8px;
	width: 663px;
	height: 60px
}

@media(max-width:1919px) {
	.footer .game_info .box_img {
		margin-top: .42vw;
		width: 34.53vw;
		height: 3.13vw
	}
}

@media screen and (max-width:1080px) {
	.footer .game_info .box_img {
		margin-top: 1.1111111111vw;
		width: 93.3333333333vw;
		height: 8.3333333333vw
	}
}

.footer .footer_company {
	display: flex;
	gap: 32px;
	padding-top: 20px
}

@media(max-width:1919px) {
	.footer .footer_company {
		gap: 1.67vw;
		padding-top: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.footer .footer_company {
		padding-top: 2.7777777778vw;
		gap: 4.4444444444vw
	}
}

.footer .footer_company .footer_logo {
	display: block;
	height: 16px
}

.footer .footer_company .footer_logo img {
	width: auto;
	height: 100%
}

@media screen and (max-width:1080px) {
	.footer .footer_company .footer_logo {
		height: 2.2222222222vw
	}
}

.footer .footer_company .footer_logo:first-child {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.footer .footer_company .footer_logo:first-child {
		background-size: 1468px 1297px;
		background-position: -1101px -1060px;
		width: 92px;
		height: 16px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.footer .footer_company .footer_logo:first-child {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -57.34375vw -55.2083333333vw;
		width: 4.7916666667vw;
		height: .8333333333vw
	}
}

@media screen and (max-width:1080px) {
	.footer .footer_company .footer_logo:first-child {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.footer .footer_company .footer_logo:first-child {
		background-size: 185vw 178.3333333333vw;
		background-position: -148.9583333333vw -124.1666666667vw;
		width: 12.7083333333vw;
		height: 2.2222222222vw
	}
}

.footer .footer_company .footer_logo:last-child {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.footer .footer_company .footer_logo:last-child {
		background-size: 1468px 1297px;
		background-position: -1345px -1280px;
		width: 99px;
		height: 16px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.footer .footer_company .footer_logo:last-child {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -66.6666666667vw;
		width: 5.15625vw;
		height: .8333333333vw
	}
}

@media screen and (max-width:1080px) {
	.footer .footer_company .footer_logo:last-child {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.footer .footer_company .footer_logo:last-child {
		background-size: 185vw 178.3333333333vw;
		background-position: -135vw -124.1666666667vw;
		width: 13.6805555556vw;
		height: 2.2222222222vw
	}
}

.footer .copyright {
	font-size: 12px;
	padding-top: 20px;
	color: #4d4d4d;
	line-height: 1.6
}

@media(max-width:1919px) {
	.footer .copyright {
		font-size: .63vw;
		padding-top: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.footer .copyright {
		font-size: 1.6666666667vw;
		padding-top: 2.7777777778vw
	}
}

.btn {
	display: block;
	position: relative;
	width: 152px;
	height: 60px
}

@media(max-width:1919px) {
	.btn {
		width: 7.92vw
	}
}

@media(min-width:2560px) {
	.btn {
		width: 152px
	}
}

@media(max-width:1919px) {
	.btn {
		height: 3.13vw
	}
}

@media(min-width:2560px) {
	.btn {
		height: 60px
	}
}

@media screen and (max-width:1080px) {
	.btn {
		width: 30.8333333333vw;
		height: 11.1111111111vw
	}
}

.btn .text {
	display: block;
	position: relative;
	z-index: 1;
	font-size: 20px;
	color: #fff
}

@media(max-width:1919px) {
	.btn .text {
		font-size: 1.04vw
	}
}

@media(min-width:2560px) {
	.btn .text {
		font-size: 20px
	}
}

@media screen and (max-width:1080px) {
	.btn .text {
		font-size: 3.6111111111vw
	}
}

.btn:before {
	position: absolute;
	left: 50%;
	top: 68%;
	transform: translate(-50%,-50%);
	content: "";
	display: block;
	pointer-events: none;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn:before {
		background-size: 1468px 1297px;
		background-position: -564px -825px;
		width: 212px;
		height: 120px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -29.375vw -42.96875vw;
		width: 11.0416666667vw;
		height: 6.25vw
	}
}

@media screen and (max-width:1080px) {
	.btn:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -135vw -79.1666666667vw;
		width: 39.1666666667vw;
		height: 19.4444444444vw
	}
}

@media screen and (min-width:1081px) {
	.btn:hover:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn:hover:before {
		background-size: 1468px 1297px;
		background-position: 0 -961px;
		width: 212px;
		height: 120px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn:hover:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: 0 -50.0520833333vw;
		width: 11.0416666667vw;
		height: 6.25vw
	}
}

@media screen and (min-width:1081px) {
	.btn.type_large {
		width: 218px;
		height: 72px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.btn.type_large {
		width: 11.35vw
	}
}

@media screen and (min-width:1081px)and (min-width:2560px) {
	.btn.type_large {
		width: 218px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.btn.type_large {
		height: 3.75vw
	}
}

@media screen and (min-width:1081px)and (min-width:2560px) {
	.btn.type_large {
		height: 72px
	}
}

@media screen and (min-width:1081px) {
	.btn.type_large .text {
		font-size: 22px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.btn.type_large .text {
		font-size: 1.15vw
	}
}

@media screen and (min-width:1081px)and (min-width:2560px) {
	.btn.type_large .text {
		font-size: 22px
	}
}

@media screen and (min-width:1081px) {
	.btn.type_large:before {
		top: 66%;
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn.type_large:before {
		background-size: 1468px 1297px;
		background-position: 0 -1085px;
		width: 244px;
		height: 98px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn.type_large:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: 0 -56.5104166667vw;
		width: 12.7083333333vw;
		height: 5.1041666667vw
	}
}

@media screen and (min-width:1081px) {
	.btn.type_large:hover:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn.type_large:hover:before {
		background-size: 1468px 1297px;
		background-position: -282px -825px;
		width: 278px;
		height: 132px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn.type_large:hover:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -14.6875vw -42.96875vw;
		width: 14.4791666667vw;
		height: 6.875vw
	}
}

@media screen and (min-width:1081px) {
	.btn.type_large:disabled:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn.type_large:disabled:before {
		background-size: 1468px 1297px;
		background-position: 0 -825px;
		width: 278px;
		height: 132px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn.type_large:disabled:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: 0 -42.96875vw;
		width: 14.4791666667vw;
		height: 6.875vw
	}
}

@media screen and (min-width:1081px) {
	.btn.type_small {
		width: 132px;
		height: 50px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.btn.type_small {
		width: 6.88vw
	}
}

@media screen and (min-width:1081px)and (min-width:2560px) {
	.btn.type_small {
		width: 132px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.btn.type_small {
		height: 2.6vw
	}
}

@media screen and (min-width:1081px)and (min-width:2560px) {
	.btn.type_small {
		height: 50px
	}
}

@media screen and (min-width:1081px) {
	.btn.type_small .text {
		font-size: 18px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.btn.type_small .text {
		font-size: .94vw
	}
}

@media screen and (min-width:1081px)and (min-width:2560px) {
	.btn.type_small .text {
		font-size: 18px
	}
}

@media screen and (min-width:1081px) {
	.btn.type_small:before {
		top: 71%;
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn.type_small:before {
		background-size: 1468px 1297px;
		background-position: -1101px -832px;
		width: 192px;
		height: 110px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn.type_small:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -57.34375vw -43.3333333333vw;
		width: 10vw;
		height: 5.7291666667vw
	}
}

@media screen and (min-width:1081px) {
	.btn.type_small:hover:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn.type_small:hover:before {
		background-size: 1468px 1297px;
		background-position: 0 -1187px;
		width: 192px;
		height: 110px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn.type_small:hover:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: 0 -61.8229166667vw;
		width: 10vw;
		height: 5.7291666667vw
	}
}

@media screen and (min-width:1081px) {
	.btn.type_small:disabled:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn.type_small:disabled:before {
		background-size: 1468px 1297px;
		background-position: -1101px -946px;
		width: 192px;
		height: 110px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn.type_small:disabled:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -57.34375vw -49.2708333333vw;
		width: 10vw;
		height: 5.7291666667vw
	}
}

.btn:disabled .text {
	color: #5b5e67
}

.btn:disabled:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn:disabled:before {
		background-size: 1468px 1297px;
		background-position: -780px -825px;
		width: 212px;
		height: 120px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn:disabled:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -40.625vw -42.96875vw;
		width: 11.0416666667vw;
		height: 6.25vw
	}
}

@media screen and (max-width:1080px) {
	.btn:disabled:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn:disabled:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -135vw -59.4444444444vw;
		width: 39.1666666667vw;
		height: 19.4444444444vw
	}
}

.btn_arrow::before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_arrow::before {
		background-size: 1468px 1297px;
		background-position: -1415px -640px;
		width: 44px;
		height: 44px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_arrow::before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -33.3333333333vw;
		width: 2.2916666667vw;
		height: 2.2916666667vw
	}
}

@media screen and (max-width:1080px) {
	.btn_arrow::before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_arrow::before {
		background-size: 185vw 178.3333333333vw;
		background-position: -174.1666666667vw -98.8888888889vw;
		width: 10.8333333333vw;
		height: 10.8333333333vw
	}
}

@media screen and (min-width:1081px) {
	.btn_arrow:hover::before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn_arrow:hover::before {
		background-size: 1468px 1297px;
		background-position: -1415px -710px;
		width: 44px;
		height: 44px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn_arrow:hover::before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -36.9791666667vw;
		width: 2.2916666667vw;
		height: 2.2916666667vw
	}
}

.btn_play:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_play:before {
		background-size: 1468px 1297px;
		background-position: -1345px 0;
		width: 123px;
		height: 122px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_play:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw 0;
		width: 6.40625vw;
		height: 6.3541666667vw
	}
}

@media screen and (min-width:1081px) {
	.btn_play:hover:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn_play:hover:before {
		background-size: 1468px 1297px;
		background-position: -1345px -126px;
		width: 123px;
		height: 122px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn_play:hover:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -6.5625vw;
		width: 6.40625vw;
		height: 6.3541666667vw
	}
}

@media screen and (max-width:1080px) {
	.btn_play:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_play:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -41.6666666667vw -156.3888888889vw;
		width: 18.8194444444vw;
		height: 18.6111111111vw
	}
}

.btn_confirm:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_confirm:before {
		background-size: 1468px 1297px;
		background-position: -364px -555px;
		width: 360px;
		height: 122px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_confirm:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -18.9583333333vw -28.90625vw;
		width: 18.75vw;
		height: 6.3541666667vw
	}
}

@media screen and (max-width:1080px) {
	.btn_confirm:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_confirm:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -50.2777777778vw -92.7777777778vw;
		width: 50vw;
		height: 16.9444444444vw
	}
}

@media screen and (min-width:1081px) {
	.btn_confirm:hover:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn_confirm:hover:before {
		background-size: 1468px 1297px;
		background-position: 0 -699px;
		width: 360px;
		height: 122px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn_confirm:hover:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: 0 -36.40625vw;
		width: 18.75vw;
		height: 6.3541666667vw
	}
}

.btn_confirm:disabled:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_confirm:disabled:before {
		background-size: 1468px 1297px;
		background-position: -728px -555px;
		width: 360px;
		height: 122px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_confirm:disabled:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -37.9166666667vw -28.90625vw;
		width: 18.75vw;
		height: 6.3541666667vw
	}
}

@media screen and (max-width:1080px) {
	.btn_confirm:disabled:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_confirm:disabled:before {
		background-size: 185vw 178.3333333333vw;
		background-position: 0 -110vw;
		width: 50vw;
		height: 16.9444444444vw
	}
}

.btn_register:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_register:before {
		background-size: 1468px 1297px;
		background-position: -364px -411px;
		width: 360px;
		height: 140px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_register:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -18.9583333333vw -21.40625vw;
		width: 18.75vw;
		height: 7.2916666667vw
	}
}

@media screen and (max-width:1080px) {
	.btn_register:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_register:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -50.2777777778vw -110vw;
		width: 50vw;
		height: 16.9444444444vw
	}
}

@media screen and (min-width:1081px) {
	.btn_register:hover:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn_register:hover:before {
		background-size: 1468px 1297px;
		background-position: 0 -555px;
		width: 360px;
		height: 140px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn_register:hover:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: 0 -28.90625vw;
		width: 18.75vw;
		height: 7.2916666667vw
	}
}

.btn_register:disabled:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_register:disabled:before {
		background-size: 1468px 1297px;
		background-position: -728px -411px;
		width: 360px;
		height: 140px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_register:disabled:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -37.9166666667vw -21.40625vw;
		width: 18.75vw;
		height: 7.2916666667vw
	}
}

@media screen and (max-width:1080px) {
	.btn_register:disabled:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_register:disabled:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -135vw 0;
		width: 50vw;
		height: 16.9444444444vw
	}
}

.btn_apply {
	display: block
}

.btn_apply:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_apply:before {
		background-size: 1468px 1297px;
		background-position: 0 -267px;
		width: 360px;
		height: 140px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_apply:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: 0 -13.90625vw;
		width: 18.75vw;
		height: 7.2916666667vw
	}
}

@media screen and (max-width:1080px) {
	.btn_apply:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_apply:before {
		background-size: 185vw 178.3333333333vw;
		background-position: 0 -75.5555555556vw;
		width: 50vw;
		height: 16.9444444444vw
	}
}

@media screen and (min-width:1081px) {
	.btn_apply:hover:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn_apply:hover:before {
		background-size: 1468px 1297px;
		background-position: 0 -411px;
		width: 360px;
		height: 140px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn_apply:hover:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: 0 -21.40625vw;
		width: 18.75vw;
		height: 7.2916666667vw
	}
}

.btn_apply:disabled:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_apply:disabled:before {
		background-size: 1468px 1297px;
		background-position: -364px -267px;
		width: 360px;
		height: 140px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_apply:disabled:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -18.9583333333vw -13.90625vw;
		width: 18.75vw;
		height: 7.2916666667vw
	}
}

@media screen and (max-width:1080px) {
	.btn_apply:disabled:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_apply:disabled:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -50.2777777778vw -75.5555555556vw;
		width: 50vw;
		height: 16.9444444444vw
	}
}

.btn_apply.is_done:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_apply.is_done:before {
		background-size: 1468px 1297px;
		background-position: -728px -267px;
		width: 360px;
		height: 140px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_apply.is_done:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -37.9166666667vw -13.90625vw;
		width: 18.75vw;
		height: 7.2916666667vw
	}
}

@media screen and (max-width:1080px) {
	.btn_apply.is_done:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_apply.is_done:before {
		background-size: 185vw 178.3333333333vw;
		background-position: 0 -92.7777777778vw;
		width: 50vw;
		height: 16.9444444444vw
	}
}

.btn_apply_small:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_apply_small:before {
		background-size: 1468px 1297px;
		background-position: -1101px 0;
		width: 240px;
		height: 100px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_apply_small:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -57.34375vw 0;
		width: 12.5vw;
		height: 5.2083333333vw
	}
}

@media screen and (max-width:1080px) {
	.btn_apply_small:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_apply_small:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -45.8333333333vw -54.4444444444vw;
		width: 33.3333333333vw;
		height: 15.2777777778vw
	}
}

@media screen and (min-width:1081px) {
	.btn_apply_small:hover:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn_apply_small:hover:before {
		background-size: 1468px 1297px;
		background-position: -1101px -312px;
		width: 240px;
		height: 100px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn_apply_small:hover:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -57.34375vw -16.25vw;
		width: 12.5vw;
		height: 5.2083333333vw
	}
}

.btn_apply_small:disabled:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_apply_small:disabled:before {
		background-size: 1468px 1297px;
		background-position: -1101px -104px;
		width: 240px;
		height: 100px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_apply_small:disabled:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -57.34375vw -5.4166666667vw;
		width: 12.5vw;
		height: 5.2083333333vw
	}
}

@media screen and (max-width:1080px) {
	.btn_apply_small:disabled:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_apply_small:disabled:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -100.5555555556vw -75.5555555556vw;
		width: 33.3333333333vw;
		height: 15.2777777778vw
	}
}

.btn_apply_small:disabled.is_yet:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_apply_small:disabled.is_yet:before {
		background-size: 1468px 1297px;
		background-position: -704px -961px;
		width: 241px;
		height: 100px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_apply_small:disabled.is_yet:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -36.6666666667vw -50.0520833333vw;
		width: 12.5520833333vw;
		height: 5.2083333333vw
	}
}

@media screen and (max-width:1080px) {
	.btn_apply_small:disabled.is_yet:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_apply_small:disabled.is_yet:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -100.5555555556vw -110vw;
		width: 33.3333333333vw;
		height: 15.2777777778vw
	}
}

.btn_apply_small:disabled.is_done:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_apply_small:disabled.is_done:before {
		background-size: 1468px 1297px;
		background-position: -1101px -208px;
		width: 240px;
		height: 100px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_apply_small:disabled.is_done:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -57.34375vw -10.8333333333vw;
		width: 12.5vw;
		height: 5.2083333333vw
	}
}

@media screen and (max-width:1080px) {
	.btn_apply_small:disabled.is_done:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_apply_small:disabled.is_done:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -100.5555555556vw -92.7777777778vw;
		width: 33.3333333333vw;
		height: 15.2777777778vw
	}
}

.btn_basic {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 152px;
	height: 60px
}

@media(max-width:1919px) {
	.btn_basic {
		width: 7.92vw;
		height: 3.13vw
	}
}

@media screen and (max-width:1080px) {
	.btn_basic {
		width: 31.6666666667vw;
		height: 12.5vw;
		letter-spacing: -1px
	}
}

.btn_basic .text {
	position: relative;
	z-index: 1;
	font-weight: 700;
	background: linear-gradient(180deg,#422501 0,#754202 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .5));
	font-size: 20px
}

@media(max-width:1919px) {
	.btn_basic .text {
		font-size: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.btn_basic .text {
		font-size: 4.4444444444vw
	}
}

.btn_basic:before {
	position: absolute;
	left: 50%;
	top: 68%;
	transform: translate(-50%,-50%);
	content: "";
	display: block;
	pointer-events: none;
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_basic:before {
		background-size: 1468px 1297px;
		background-position: -364px -699px;
		width: 212px;
		height: 120px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_basic:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -18.9583333333vw -36.40625vw;
		width: 11.0416666667vw;
		height: 6.25vw
	}
}

@media screen and (max-width:1080px) {
	.btn_basic:before {
		top: 61%;
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_basic:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -135vw -17.2222222222vw;
		width: 40vw;
		height: 20.8333333333vw
	}
}

@media screen and (min-width:1081px) {
	.btn_basic:hover:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn_basic:hover:before {
		background-size: 1468px 1297px;
		background-position: -796px -699px;
		width: 212px;
		height: 120px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn_basic:hover:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -41.4583333333vw -36.40625vw;
		width: 11.0416666667vw;
		height: 6.25vw
	}
}

.btn_basic.is_disabled,.btn_basic:disabled {
	cursor: default
}

.btn_basic.is_disabled .text,.btn_basic:disabled .text {
	color: #ab9561;
	-webkit-text-fill-color: unset
}

.btn_basic.is_disabled:before,.btn_basic:disabled:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_basic.is_disabled:before,.btn_basic:disabled:before {
		background-size: 1468px 1297px;
		background-position: -580px -699px;
		width: 212px;
		height: 120px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_basic.is_disabled:before,.btn_basic:disabled:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -30.2083333333vw -36.40625vw;
		width: 11.0416666667vw;
		height: 6.25vw
	}
}

@media screen and (max-width:1080px) {
	.btn_basic.is_disabled:before,.btn_basic:disabled:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_basic.is_disabled:before,.btn_basic:disabled:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -135vw -38.3333333333vw;
		width: 40vw;
		height: 20.8333333333vw
	}
}

.btn_basic.type_large {
	width: 212px;
	height: 60px
}

@media(max-width:1919px) {
	.btn_basic.type_large {
		width: 11.04vw;
		height: 3.13vw
	}
}

@media screen and (max-width:1080px) {
	.btn_basic.type_large {
		width: 37.2222222222vw;
		height: 12.5vw
	}

	.btn_basic.type_large .text {
		font-size: 4.4444444444vw;
		letter-spacing: -1px
	}
}

.btn_basic.type_large:before {
	top: 50%;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_basic.type_large:before {
		background-size: 1468px 1297px;
		background-position: -920px -1085px;
		width: 212px;
		height: 60px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_basic.type_large:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -47.9166666667vw -56.5104166667vw;
		width: 11.0416666667vw;
		height: 3.125vw
	}
}

@media screen and (max-width:1080px) {
	.btn_basic.type_large:before {
		top: 62%;
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_basic.type_large:before {
		background-size: 185vw 178.3333333333vw;
		background-position: 0 -54.4444444444vw;
		width: 45.5555555556vw;
		height: 20.8333333333vw
	}
}

@media screen and (max-width:1080px) {
	.btn_basic.type_large.is_disabled:before,.btn_basic.type_large:disabled:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_basic.type_large.is_disabled:before,.btn_basic.type_large:disabled:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -89.1666666667vw 0;
		width: 45.5555555556vw;
		height: 20.8333333333vw
	}
}

@media screen and (min-width:1081px) {
	.btn_basic.type_large:hover:not(:disabled):not(.is_disabled):before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn_basic.type_large:hover:not(:disabled):not(.is_disabled):before {
		background-size: 1468px 1297px;
		background-position: -196px -1187px;
		width: 212px;
		height: 60px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn_basic.type_large:hover:not(:disabled):not(.is_disabled):before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -10.2083333333vw -61.8229166667vw;
		width: 11.0416666667vw;
		height: 3.125vw
	}
}

.btn_vote:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_vote:before {
		background-size: 1468px 1297px;
		background-position: -1101px -416px;
		width: 240px;
		height: 100px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_vote:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -57.34375vw -21.6666666667vw;
		width: 12.5vw;
		height: 5.2083333333vw
	}
}

@media screen and (max-width:1080px) {
	.btn_vote:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_vote:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -89.1666666667vw -53.3333333333vw;
		width: 34.4444444444vw;
		height: 15.2777777778vw
	}
}

@media screen and (min-width:1081px) {
	.btn_vote:hover:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.btn_vote:hover:before {
		background-size: 1468px 1297px;
		background-position: -1101px -728px;
		width: 240px;
		height: 100px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.btn_vote:hover:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -57.34375vw -37.9166666667vw;
		width: 12.5vw;
		height: 5.2083333333vw
	}
}

.btn_vote:disabled:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_vote:disabled:before {
		background-size: 1468px 1297px;
		background-position: -1101px -520px;
		width: 240px;
		height: 100px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_vote:disabled:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -57.34375vw -27.0833333333vw;
		width: 12.5vw;
		height: 5.2083333333vw
	}
}

@media screen and (max-width:1080px) {
	.btn_vote:disabled:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_vote:disabled:before {
		background-size: 185vw 178.3333333333vw;
		background-position: 0 -140.8333333333vw;
		width: 33.3333333333vw;
		height: 15.2777777778vw
	}
}

.btn_vote.is_done:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.btn_vote.is_done:before {
		background-size: 1468px 1297px;
		background-position: -1101px -624px;
		width: 240px;
		height: 100px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.btn_vote.is_done:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -57.34375vw -32.5vw;
		width: 12.5vw;
		height: 5.2083333333vw
	}
}

@media screen and (max-width:1080px) {
	.btn_vote.is_done:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.btn_vote.is_done:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -33.6111111111vw -140.8333333333vw;
		width: 33.3333333333vw;
		height: 15.2777777778vw
	}
}

.box_row {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	padding-left: 10px
}

@media(max-width:1919px) {
	.box_row {
		gap: .52vw;
		padding-left: .52vw
	}
}

.box_row+.box_row {
	margin-top: 24px
}

@media(max-width:1919px) {
	.box_row+.box_row {
		margin-top: 1.25vw
	}
}

@media(min-width:2560px) {
	.box_row+.box_row {
		margin-top: 24px
	}
}

@media screen and (max-width:1080px) {
	.box_row {
		gap: 1.3888888889vw;
		padding-left: 0
	}

	.box_row+.box_row {
		margin-top: 1.1111111111vw
	}
}

.box_input {
	position: relative
}

.box_input.type_timer .input {
	padding-right: 77px
}

@media(max-width:1919px) {
	.box_input.type_timer .input {
		padding-right: 4.01vw
	}
}

@media(min-width:2560px) {
	.box_input.type_timer .input {
		padding-right: 77px
	}
}

@media screen and (max-width:1080px) {
	.box_input.type_timer .input {
		padding-right: 18.0555555556vw
	}
}

.box_input .input {
	width: 206px;
	height: 60px;
	padding: 20px 0;
	font-size: 26px;
	box-sizing: border-box;
	border-bottom: 1px solid #e2b863;
	font-weight: 600;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media(max-width:1919px) {
	.box_input .input {
		width: 10.73vw;
		height: 3.13vw;
		padding: 1.04vw 0;
		font-size: 1.35vw
	}
}

.box_input .input:disabled {
	opacity: 1
}

.box_input .input::-webkit-inner-spin-button,.box_input .input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.box_input .input::-moz-placeholder {
	font-size: 14px;
	color: #bbb
}

.box_input .input::placeholder {
	font-size: 14px;
	color: #bbb
}

@media(max-width:1919px) {
	.box_input .input::-moz-placeholder {
		font-size: .73vw
	}

	.box_input .input::placeholder {
		font-size: .73vw
	}
}

@media(min-width:2560px) {
	.box_input .input::-moz-placeholder {
		font-size: 14px
	}

	.box_input .input::placeholder {
		font-size: 14px
	}
}

@media screen and (max-width:1080px) {
	.box_input .input {
		width: 50vw;
		height: 11.1111111111vw;
		padding: 2.7777777778vw 0 2.7777777778vw 2.7777777778vw;
		font-size: 5.5555555556vw;
		letter-spacing: -.1305555556vw
	}

	.box_input .input::-moz-placeholder {
		font-size: 3.3333333333vw
	}

	.box_input .input::placeholder {
		font-size: 3.3333333333vw
	}
}

.box_input .timer {
	display: none;
	position: absolute;
	right: 0;
	font-size: 16px;
	font-size: 16px;
	bottom: 20px;
	font-weight: 500;
	color: #c19976
}

@media(max-width:1919px) {
	.box_input .timer {
		font-size: .83vw
	}
}

@media(min-width:2560px) {
	.box_input .timer {
		font-size: 16px
	}
}

@media(max-width:1919px) {
	.box_input .timer {
		font-size: .83vw;
		bottom: 1.04vw
	}
}

.box_input .timer.is_show {
	display: block
}

@media screen and (max-width:1080px) {
	.box_input .timer {
		font-size: 3.3333333333vw;
		bottom: 2.7777777778vw;
		right: 0
	}
}

.term_list {
	display: inline-flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	margin-top: 20px;
	padding-left: 10px;
	gap: 14px
}

@media(max-width:1919px) {
	.term_list {
		margin-top: 1.04vw;
		padding-left: .52vw;
		gap: .73vw
	}
}

@media screen and (max-width:1080px) {
	.term_list {
		margin-top: 2.7777777778vw;
		gap: 2.7777777778vw
	}
}

.term_list .term_item {
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media screen and (max-width:1080px) {
	.term_list .term_item {
		gap: 2.7777777778vw
	}
}

.term_list .term_item input:checked+.label {
	color: #fff
}

.term_list .term_item input:checked+.label:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.term_list .term_item input:checked+.label:before {
		background-size: 1468px 1297px;
		background-position: -1439px -920px;
		width: 20px;
		height: 20px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.term_list .term_item input:checked+.label:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -74.9479166667vw -47.9166666667vw;
		width: 1.0416666667vw;
		height: 1.0416666667vw
	}
}

@media screen and (max-width:1080px) {
	.term_list .term_item input:checked+.label:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.term_list .term_item input:checked+.label:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -181.1111111111vw -116.1111111111vw;
		width: 3.8888888889vw;
		height: 3.8888888889vw
	}
}

.term_list .term_item input:focus-within+.label:before {
	outline: 1px solid #fff
}

.term_list .term_item .label {
	display: inline-flex;
	color: #c0b5aa;
	font-weight: 700;
	gap: 6px;
	font-size: 16px
}

@media(max-width:1919px) {
	.term_list .term_item .label {
		gap: .31vw;
		font-size: .83vw
	}
}

.term_list .term_item .label:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.term_list .term_item .label:before {
		background-size: 1468px 1297px;
		background-position: -1415px -920px;
		width: 20px;
		height: 20px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.term_list .term_item .label:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -47.9166666667vw;
		width: 1.0416666667vw;
		height: 1.0416666667vw
	}
}

.term_list .term_item .label .require {
	color: #5b5e67;
	font-size: 16px;
	margin-left: -2px
}

@media(max-width:1919px) {
	.term_list .term_item .label .require {
		font-size: .83vw;
		margin-left: -.1vw
	}
}

@media screen and (max-width:1080px) {
	.term_list .term_item .label {
		font-size: 3.0555555556vw;
		gap: 1.1111111111vw;
		font-weight: 500
	}

	.term_list .term_item .label:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.term_list .term_item .label:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -180.8333333333vw -93.0555555556vw;
		width: 3.8888888889vw;
		height: 3.8888888889vw
	}
}

@media screen and (max-width:1080px) {
	.term_list .term_item .label .require {
		font-size: 3.0555555556vw;
		margin-left: -.2777777778vw
	}
}

.term_list .term_item .btn_privacy_more {
	display: inline-flex;
	align-items: center;
	color: #c19976;
	font-weight: 700;
	font-size: 14px;
	margin: 0 0 0 26px;
	gap: 6px
}

@media(max-width:1919px) {
	.term_list .term_item .btn_privacy_more {
		font-size: .73vw;
		margin: 0 0 0 1.35vw;
		gap: .31vw
	}
}

.term_list .term_item .btn_privacy_more:after {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.term_list .term_item .btn_privacy_more:after {
		background-size: 1468px 1297px;
		background-position: -1437px -550px;
		width: 20px;
		height: 7px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.term_list .term_item .btn_privacy_more:after {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -74.84375vw -28.6458333333vw;
		width: 1.0416666667vw;
		height: .3645833333vw
	}
}

@media screen and (max-width:1080px) {
	.term_list .term_item .btn_privacy_more:after {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.term_list .term_item .btn_privacy_more:after {
		background-size: 185vw 178.3333333333vw;
		background-position: -177.7777777778vw -35.2777777778vw;
		width: 3.4722222222vw;
		height: 1.25vw
	}
}

@media screen and (max-width:1080px) {
	.term_list .term_item .btn_privacy_more {
		font-size: 2.7777777778vw;
		margin: 0;
		gap: .8333333333vw
	}

	.term_list .term_item .btn_privacy_more:after {
		width: 3.4722222222vw;
		height: 1.1111111111vw
	}
}

.popup {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(0,0,0,.8);
	color: #fff
}

.popup.is_topmost {
	z-index: 201
}

.popup:has(.box_video) {
	z-index: 301
}

.popup .btn_close {
	position: absolute;
	z-index: 10;
	right: 20px;
	top: -33px
}

@media(max-width:1919px) {
	.popup .btn_close {
		right: 1.04vw;
		top: -1.72vw
	}
}

.popup .btn_close:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.popup .btn_close:before {
		background-size: 1468px 1297px;
		background-position: -1345px -496px;
		width: 66px;
		height: 68px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.popup .btn_close:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -25.8333333333vw;
		width: 3.4375vw;
		height: 3.5416666667vw
	}
}

@media screen and (min-width:1081px) {
	.popup .btn_close:hover:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.popup .btn_close:hover:before {
		background-size: 1468px 1297px;
		background-position: -1345px -568px;
		width: 66px;
		height: 68px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.popup .btn_close:hover:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -29.5833333333vw;
		width: 3.4375vw;
		height: 3.5416666667vw
	}
}

@media screen and (max-width:1080px) {
	.popup .btn_close {
		width: 10.8333333333vw;
		height: 10.8333333333vw;
		right: 2.7777777778vw;
		top: -5.5555555556vw
	}

	.popup .btn_close:before {
		position: absolute;
		left: 50%;
		top: 62%;
		transform: translate(-50%,-50%);
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.popup .btn_close:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -22.2222222222vw -156.3888888889vw;
		width: 19.1666666667vw;
		height: 19.1666666667vw
	}
}

.popup_inner {
	position: relative;
	box-sizing: border-box
}

.popup_inner .box_video {
	width: 1440px;
	height: 820px;
	padding: 11px 12px 16px;
	box-sizing: border-box;
	background: url(/page/pre-register/img/popup_video_bg-6e6237edc7fdf53531a2aa4912db1768.png) no-repeat center/cover;
	will-change: transform;
	image-rendering: pixelated
}

@media(max-width:1919px) {
	.popup_inner .box_video {
		width: 75vw;
		height: 42.71vw;
		padding: .57vw .63vw .83vw
	}
}

@media screen and (max-width:1080px) {
	.popup_inner .box_video {
		width: 94.4444444444vw;
		height: 53.1944444444vw;
		padding: 0;
		background: 0 0
	}

	.popup_inner .box_video:before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(/page/pre-register/img/popup_video_bg_mo-50da2e3a4013de42ae593baabab7399e.png) no-repeat center/cover;
		position: absolute;
		top: 0;
		pointer-events: none
	}
}

.popup_inner .box_video iframe {
	aspect-ratio: 16/9;
	width: 100%;
	border: 0
}

.popup_inner .box_pre_register_auth {
	position: relative;
	width: 560px;
	height: 338px;
	padding: 20px 40px 0;
	background: url(/page/pre-register/img/popup_pre_register_auth_bg-574b7f4d118b9bce6019413bb9863e75.jpg) no-repeat center/cover;
	box-sizing: border-box
}

@media(max-width:1919px) {
	.popup_inner .box_pre_register_auth {
		width: 29.17vw;
		height: 17.6vw;
		padding: 1.04vw 2.08vw 0
	}
}

@media screen and (max-width:1080px) {
	.popup_inner .box_pre_register_auth {
		width: 93.3333333333vw;
		height: 60.2777777778vw;
		padding: 5.5555555556vw 5.5555555556vw 0;
		background-image: url(/page/pre-register/img/popup_pre_register_auth_bg_mo-f8cb9428b5f592c60c9760c7a961b84c.jpg)
	}
}

.popup_inner .box_pre_register_auth .box_title {
	border-bottom: 1px solid #313640;
	padding: 14px 0;
	margin-bottom: 20px
}

@media(max-width:1919px) {
	.popup_inner .box_pre_register_auth .box_title {
		padding: .73vw 0;
		margin-bottom: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.popup_inner .box_pre_register_auth .box_title {
		padding: 0 0 4.1666666667vw;
		margin-bottom: 5.5555555556vw
	}
}

.popup_inner .box_pre_register_auth .title {
	display: flex;
	align-items: center;
	font-weight: 700;
	color: #fee7b9;
	font-size: 18px;
	gap: 8px
}

@media(max-width:1919px) {
	.popup_inner .box_pre_register_auth .title {
		font-size: .94vw;
		gap: .42vw
	}
}

.popup_inner .box_pre_register_auth .title:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.popup_inner .box_pre_register_auth .title:before {
		background-size: 1468px 1297px;
		background-position: -1415px -688px;
		width: 16px;
		height: 16px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.popup_inner .box_pre_register_auth .title:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -35.8333333333vw;
		width: .8333333333vw;
		height: .8333333333vw
	}
}

@media screen and (max-width:1080px) {
	.popup_inner .box_pre_register_auth .title {
		gap: 1.1111111111vw;
		font-size: 4.1666666667vw
	}

	.popup_inner .box_pre_register_auth .title:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.popup_inner .box_pre_register_auth .title:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -175.2777777778vw -35.2777777778vw;
		width: 2.2222222222vw;
		height: 2.2222222222vw
	}
}

.popup_inner .box_pre_register_auth .desc {
	line-height: 1.4;
	padding: 4px 0 0 24px;
	font-size: 18px
}

@media(max-width:1919px) {
	.popup_inner .box_pre_register_auth .desc {
		padding: .21vw 0 0 1.25vw;
		font-size: .94vw
	}
}

@media screen and (max-width:1080px) {
	.popup_inner .box_pre_register_auth .desc {
		padding: 1.6666666667vw 0 0 3.3333333333vw;
		font-size: 3.3333333333vw;
		letter-spacing: -.0833333333vw
	}
}

.popup_inner .box_pre_register_auth .box_form .input {
	width: 308px
}

@media(max-width:1919px) {
	.popup_inner .box_pre_register_auth .box_form .input {
		width: 16.04vw
	}
}

@media screen and (max-width:1080px) {
	.popup_inner .box_pre_register_auth .box_form .input {
		width: 50vw
	}
}

.popup_inner .box_pre_register_auth .btn_confirm {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -72px
}

@media(max-width:1919px) {
	.popup_inner .box_pre_register_auth .btn_confirm {
		bottom: -3.75vw
	}
}

@media screen and (max-width:1080px) {
	.popup_inner .box_pre_register_auth .btn_confirm {
		bottom: -10vw
	}
}

.popup_confirm .popup_inner,.popup_invite .popup_inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 336px;
	height: 249px;
	background: url(/page/pre-register/img/popup_confirm_bg-e139bf1239047400fa8ddfb910a2e67f.jpg) no-repeat center/cover
}

@media(max-width:1919px) {
	.popup_confirm .popup_inner,.popup_invite .popup_inner {
		width: 17.5vw;
		height: 12.97vw
	}
}

@media screen and (max-width:1080px) {
	.popup_confirm .popup_inner,.popup_invite .popup_inner {
		width: 93.3333333333vw;
		height: 67.2222222222vw;
		background: url(/page/pre-register/img/popup_confirm_large_bg_mo-f62cb76f701c32c31539f05fb7445f6c.jpg) no-repeat center/cover
	}
}

.popup_confirm .popup_inner .btn,.popup_confirm .popup_inner .btn_basic,.popup_invite .popup_inner .btn,.popup_invite .popup_inner .btn_basic {
	margin: 20px auto 0
}

@media(max-width:1919px) {
	.popup_confirm .popup_inner .btn,.popup_confirm .popup_inner .btn_basic,.popup_invite .popup_inner .btn,.popup_invite .popup_inner .btn_basic {
		margin: 1.04vw auto 0
	}
}

@media(min-width:2560px) {
	.popup_confirm .popup_inner .btn,.popup_confirm .popup_inner .btn_basic,.popup_invite .popup_inner .btn,.popup_invite .popup_inner .btn_basic {
		margin: 20px auto 0
	}
}

@media screen and (max-width:1080px) {
	.popup_confirm .popup_inner .btn,.popup_confirm .popup_inner .btn_basic,.popup_invite .popup_inner .btn,.popup_invite .popup_inner .btn_basic {
		margin: 4.4444444444vw auto 0
	}
}

.popup_confirm .popup_inner .desc,.popup_invite .popup_inner .desc {
	font-size: 18px;
	line-height: 1.4;
	font-weight: 500;
	text-align: center
}

@media(max-width:1919px) {
	.popup_confirm .popup_inner .desc,.popup_invite .popup_inner .desc {
		font-size: .94vw
	}
}

@media screen and (max-width:1080px) {
	.popup_confirm .popup_inner .desc,.popup_invite .popup_inner .desc {
		font-size: 3.3333333333vw
	}
}

@media screen and (min-width:1081px) {
	.popup_confirm.type_large .popup_inner,.popup_invite.type_large .popup_inner {
		width: 560px;
		height: 292px;
		background: url(/page/pre-register/img/popup_confirm_large_bg-c728f1f6e5a9ce51a0a4ee7940e831a2.jpg) no-repeat center/cover
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.popup_confirm.type_large .popup_inner,.popup_invite.type_large .popup_inner {
		width: 29.17vw;
		height: 15.21vw
	}
}

.popup_confirm.type_large .title,.popup_invite.type_large .title {
	display: flex;
	align-items: center;
	font-size: 24px;
	margin-bottom: 14px;
	font-weight: 500
}

@media(max-width:1919px) {
	.popup_confirm.type_large .title,.popup_invite.type_large .title {
		font-size: 1.25vw;
		margin-bottom: .73vw
	}
}

.popup_confirm.type_large .title:after,.popup_confirm.type_large .title:before,.popup_invite.type_large .title:after,.popup_invite.type_large .title:before {
	content: "";
	display: block;
	margin: 0 20px;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(max-width:1919px) {
	.popup_confirm.type_large .title:after,.popup_confirm.type_large .title:before,.popup_invite.type_large .title:after,.popup_invite.type_large .title:before {
		margin: 0 1.04vw
	}
}

@media(min-width:1921px) {
	.popup_confirm.type_large .title:after,.popup_confirm.type_large .title:before,.popup_invite.type_large .title:after,.popup_invite.type_large .title:before {
		background-size: 1468px 1297px;
		background-position: -1415px -878px;
		width: 23px;
		height: 22px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.popup_confirm.type_large .title:after,.popup_confirm.type_large .title:before,.popup_invite.type_large .title:after,.popup_invite.type_large .title:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -45.7291666667vw;
		width: 1.1979166667vw;
		height: 1.1458333333vw
	}
}

@media screen and (max-width:1080px) {
	.popup_confirm.type_large .title,.popup_invite.type_large .title {
		font-size: 4.1666666667vw;
		margin-bottom: 2.7777777778vw
	}

	.popup_confirm.type_large .title:after,.popup_confirm.type_large .title:before,.popup_invite.type_large .title:after,.popup_invite.type_large .title:before {
		margin: 0 2.7777777778vw;
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.popup_confirm.type_large .title:after,.popup_confirm.type_large .title:before,.popup_invite.type_large .title:after,.popup_invite.type_large .title:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -181.3888888889vw -59.4444444444vw;
		width: 3.125vw;
		height: 3.0555555556vw
	}
}

.popup_confirm .box_btn,.popup_invite .box_btn {
	display: flex;
	gap: 10px;
	gap: 8px
}

@media(max-width:1919px) {
	.popup_confirm .box_btn,.popup_invite .box_btn {
		gap: .42vw
	}
}

@media screen and (max-width:1080px) {
	.popup_confirm .box_btn,.popup_invite .box_btn {
		gap: 4.4444444444vw
	}
}

.popup_privacy.type_marketing .popup_inner {
	background: url(/page/pre-register/img/popup_marketing_bg-60287685504f05b5e0d3dbcb23a64b5d.jpg) no-repeat center/cover;
	height: 402px
}

@media(max-width:1919px) {
	.popup_privacy.type_marketing .popup_inner {
		height: 20.94vw
	}
}

@media screen and (max-width:1080px) {
	.popup_privacy.type_marketing .popup_inner {
		height: 69.4444444444vw;
		background-image: url(/page/pre-register/img/popup_marketing_bg_mo-eef2231562c34f17fbf4339f8c50fa6e.jpg)
	}
}

@media screen and (max-width:1080px) {
	.popup_privacy.type_marketing .btn_basic {
		bottom: 9.1666666667vw
	}
}

.popup_privacy .popup_inner {
	width: 560px;
	height: 442px;
	padding: 99px 60px 0;
	font-size: 18px;
	background: url(/page/pre-register/img/popup_privacy_bg-54ba2104a76cbad76533fed9733bba55.jpg) no-repeat center/cover;
	box-sizing: border-box;
	color: #fff
}

@media(max-width:1919px) {
	.popup_privacy .popup_inner {
		width: 29.17vw;
		height: 23.02vw;
		padding: 5.16vw 3.13vw 0;
		font-size: .94vw
	}
}

@media screen and (max-width:1080px) {
	.popup_privacy .popup_inner {
		width: 93.3333333333vw;
		height: 79.4444444444vw;
		padding: 14.1666666667vw 8.3333333333vw 0;
		font-size: 3.3333333333vw;
		background-image: url(/page/pre-register/img/popup_privacy_bg_mo-c6d4aa37b1f7bb0eec10dad65cad261c.jpg)
	}
}

.popup_privacy .desc {
	line-height: 1.4
}

.popup_privacy .privacy_list {
	margin-top: 8px
}

@media(max-width:1919px) {
	.popup_privacy .privacy_list {
		margin-top: .42vw
	}
}

@media screen and (max-width:1080px) {
	.popup_privacy .privacy_list {
		margin-top: 1.3888888889vw
	}
}

.popup_privacy .privacy_list+.desc {
	margin-top: 16px
}

@media(max-width:1919px) {
	.popup_privacy .privacy_list+.desc {
		margin-top: .83vw
	}
}

@media screen and (max-width:1080px) {
	.popup_privacy .privacy_list+.desc {
		margin-top: 2.2222222222vw
	}
}

.popup_privacy .privacy_item {
	display: flex;
	line-height: 1.4
}

.popup_privacy .privacy_item:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	flex: none;
	width: 5px;
	height: 5px;
	margin: 8px 10px 0
}

@media(max-width:1919px) {
	.popup_privacy .privacy_item:before {
		width: .26vw;
		height: .26vw;
		margin: .42vw .52vw 0
	}
}

@media screen and (max-width:1080px) {
	.popup_privacy .privacy_item:before {
		width: .6944444444vw;
		height: .6944444444vw;
		margin: 1.6666666667vw 1.3888888889vw 0
	}
}

.popup_privacy .btn_basic {
	margin: 20px auto 0
}

@media(max-width:1919px) {
	.popup_privacy .btn_basic {
		margin: 1.04vw auto 0
	}
}

@media screen and (max-width:1080px) {
	.popup_privacy .btn_basic {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 5.5555555556vw
	}
}

.popup_invite .popup_inner {
	justify-content: start;
	width: 560px;
	height: 380px;
	padding: 53px 40px 0;
	background: url(/page/pre-register/img/popup_invite_bg-3f5f1694fa9d77f28ca023268ba68352.jpg) no-repeat center/cover
}

@media(max-width:1919px) {
	.popup_invite .popup_inner {
		width: 29.17vw;
		height: 19.79vw;
		padding: 2.76vw 2.08vw 0
	}
}

@media screen and (max-width:1080px) {
	.popup_invite .popup_inner {
		width: 93.3333333333vw;
		height: 67.2222222222vw;
		padding: 11.25vw 1.8055555556vw 0;
		background-image: url(/page/pre-register/img/popup_invite_bg_mo-fbd44d4518fa01f7ccb70508a30e1587.jpg)
	}
}

.popup_invite .box_row {
	margin-top: 30px;
	gap: 10px
}

@media(max-width:1919px) {
	.popup_invite .box_row {
		margin-top: 1.56vw;
		gap: .52vw
	}
}

.popup_invite .box_row .input {
	width: 318px;
	font-size: 20px
}

@media(max-width:1919px) {
	.popup_invite .box_row .input {
		width: 16.56vw;
		font-size: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.popup_invite .box_row {
		margin-top: 2.7777777778vw;
		gap: 1.3888888889vw
	}

	.popup_invite .box_row .input {
		width: 52.7777777778vw;
		font-size: 3.6111111111vw
	}
}

.popup_invite .title {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	margin-bottom: 16px;
	gap: 10px;
	font-weight: 500
}

@media(max-width:1919px) {
	.popup_invite .title {
		font-size: 1.15vw;
		margin-bottom: .83vw;
		gap: .52vw
	}
}

.popup_invite .title .point {
	color: #fee7b9
}

.popup_invite .title:after,.popup_invite .title:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.popup_invite .title:after,.popup_invite .title:before {
		background-size: 1468px 1297px;
		background-position: -1415px -878px;
		width: 23px;
		height: 22px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.popup_invite .title:after,.popup_invite .title:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -45.7291666667vw;
		width: 1.1979166667vw;
		height: 1.1458333333vw
	}
}

@media screen and (max-width:1080px) {
	.popup_invite .title {
		font-size: 4.1666666667vw;
		margin-bottom: 2.7777777778vw
	}

	.popup_invite .title:after,.popup_invite .title:before {
		width: 3.0555555556vw;
		height: 3.0555555556vw;
		margin: 0 2.7777777778vw;
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.popup_invite .title:after,.popup_invite .title:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -181.3888888889vw -59.4444444444vw;
		width: 3.125vw;
		height: 3.0555555556vw
	}
}

.popup_architect .popup_inner {
	background: url(/page/pre-register/img/popup_architect_bg-be0f1a7b994f450867bf850e63c7cf53.jpg) no-repeat center/cover;
	width: 1072px;
	height: 590px;
	padding: 10px 40px 19px
}

@media(max-width:1919px) {
	.popup_architect .popup_inner {
		width: 55.83vw;
		height: 30.73vw;
		padding: .52vw 2.08vw .99vw
	}
}

@media screen and (max-width:1080px) {
	.popup_architect .popup_inner {
		width: 93.3333333333vw;
		height: 145vw;
		background-image: url(/page/pre-register/img/popup_architect_bg_mo-81a8d942e178b98e5415c3c8a8ad2482.jpg);
		padding: 5vw 5.5555555556vw 3.3333333333vw
	}
}

.popup_architect .popup_header {
	padding: 30px 0;
	border-bottom: 1px solid #313640
}

@media(max-width:1919px) {
	.popup_architect .popup_header {
		padding: 1.56vw 0
	}
}

@media screen and (max-width:1080px) {
	.popup_architect .popup_header {
		padding: 0;
		border: 0
	}
}

.popup_architect .popup_title {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	gap: 10px
}

@media(max-width:1919px) {
	.popup_architect .popup_title {
		font-size: 1.25vw;
		gap: .52vw
	}
}

.popup_architect .popup_title:after,.popup_architect .popup_title:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.popup_architect .popup_title:after,.popup_architect .popup_title:before {
		background-size: 1468px 1297px;
		background-position: -1415px -878px;
		width: 23px;
		height: 22px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.popup_architect .popup_title:after,.popup_architect .popup_title:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -45.7291666667vw;
		width: 1.1979166667vw;
		height: 1.1458333333vw
	}
}

@media screen and (max-width:1080px) {
	.popup_architect .popup_title {
		justify-content: flex-start;
		font-size: 3.6111111111vw;
		gap: 1.1111111111vw;
		color: #fee7b9
	}

	.popup_architect .popup_title:after {
		display: none
	}

	.popup_architect .popup_title:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.popup_architect .popup_title:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -175.2777777778vw -35.2777777778vw;
		width: 2.2222222222vw;
		height: 2.2222222222vw
	}
}

.popup_architect .popup_desc {
	color: #c0b5aa;
	text-align: center;
	font-size: 18px;
	margin-top: 16px
}

@media(max-width:1919px) {
	.popup_architect .popup_desc {
		font-size: .94vw;
		margin-top: .83vw
	}
}

.popup_architect .popup_desc em {
	color: #fff
}

@media screen and (max-width:1080px) {
	.popup_architect .popup_desc {
		text-align: left;
		font-size: 3.3333333333vw;
		margin: 2.2222222222vw 0 0 2.7777777778vw
	}
}

.popup_architect .popup_content {
	display: flex;
	gap: 52px;
	margin-top: 30px
}

@media(max-width:1919px) {
	.popup_architect .popup_content {
		gap: 2.71vw;
		margin-top: 1.56vw
	}
}

@media screen and (max-width:1080px) {
	.popup_architect .popup_content {
		flex-direction: column;
		gap: 5.5555555556vw;
		margin-top: 4.1666666667vw
	}
}

.popup_architect .content_title {
	display: block;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 20px
}

@media(max-width:1919px) {
	.popup_architect .content_title {
		font-size: 1.04vw;
		margin-bottom: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.popup_architect .content_title {
		font-size: 3.6111111111vw;
		margin-bottom: 2.7777777778vw
	}
}

.popup_architect .box_map {
	flex: none;
	width: 644px
}

@media(max-width:1919px) {
	.popup_architect .box_map {
		width: 33.54vw
	}
}

@media screen and (max-width:1080px) {
	.popup_architect .box_map {
		width: 100%
	}
}

.popup_architect .box_info {
	flex: 1 1 auto
}

.popup_architect .box_table {
	width: 100%;
	color: #fff
}

.popup_architect .box_table thead th {
	border-bottom: 1px solid rgba(49,54,64,.5);
	background: linear-gradient(0deg,rgba(22,25,30,0) 49.52%,#16191e 99.84%);
	font-weight: 500;
	box-sizing: border-box;
	padding-left: 15px;
	height: 54px;
	font-size: 18px
}

@media(max-width:1919px) {
	.popup_architect .box_table thead th {
		padding-left: .78vw;
		height: 2.81vw;
		font-size: .94vw
	}
}

.popup_architect .box_table thead th em {
	color: #e2b863
}

@media screen and (max-width:1080px) {
	.popup_architect .box_table thead th {
		height: 9.7222222222vw;
		font-size: 3.3333333333vw
	}
}

.popup_architect .box_table tbody td,.popup_architect .box_table tbody th {
	text-align: left;
	border-bottom: 1px solid rgba(49,54,64,.5);
	font-weight: 500;
	box-sizing: border-box;
	font-size: 18px;
	height: 54px
}

@media(max-width:1919px) {
	.popup_architect .box_table tbody td,.popup_architect .box_table tbody th {
		font-size: .94vw;
		height: 2.81vw
	}
}

@media screen and (max-width:1080px) {
	.popup_architect .box_table tbody td,.popup_architect .box_table tbody th {
		height: 9.7222222222vw;
		font-size: 3.3333333333vw
	}
}

.popup_architect .box_table tbody th {
	position: relative;
	color: #e2b863;
	padding-left: 15px;
	width: 100px
}

@media(max-width:1919px) {
	.popup_architect .box_table tbody th {
		padding-left: .78vw;
		width: 5.21vw
	}
}

@media screen and (max-width:1080px) {
	.popup_architect .box_table tbody th {
		padding-left: 0 2.0833333333vw;
		width: 18.4722222222vw
	}
}

.popup_architect .box_table tbody th:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 14px;
	background: rgba(49,54,64,.5);
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

@media screen and (max-width:1080px) {
	.popup_architect .box_table tbody th:after {
		height: 1.9444444444vw
	}
}

.popup_architect .box_table tbody td {
	padding-left: 20px
}

@media(max-width:1919px) {
	.popup_architect .box_table tbody td {
		padding-left: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.popup_architect .box_table tbody td {
		padding-left: 2.7777777778vw
	}
}

.popup_architect .info_desc {
	position: relative;
	line-height: 1.2;
	white-space: nowrap;
	font-size: 16px;
	padding: 8px 0 8px 27px;
	letter-spacing: -.64px
}

@media(max-width:1919px) {
	.popup_architect .info_desc {
		font-size: .83vw;
		padding: .42vw 0 .42vw 1.41vw;
		letter-spacing: -.03vw
	}
}

.popup_architect .info_desc .link {
	color: #e0b662;
	text-decoration: underline
}

.popup_architect .info_desc:before {
	position: absolute;
	content: "";
	display: block;
	background: #e0b662;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	left: 15px;
	top: 16px
}

@media(max-width:1919px) {
	.popup_architect .info_desc:before {
		width: .31vw;
		height: .31vw;
		left: .78vw;
		top: .83vw
	}
}

@media screen and (max-width:1080px) {
	.popup_architect .info_desc {
		text-align: center;
		font-size: 3.3333333333vw;
		padding: 2.7777777778vw 4.1666666667vw
	}

	.popup_architect .info_desc:before {
		display: none
	}
}

.popup_cookies {
	position: fixed;
	background: #fff;
	border: 1px solid #1a1a1c;
	color: #000;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	right: 18px;
	bottom: 32px;
	padding: 40px 40px 32px
}

@media(max-width:1919px) {
	.popup_cookies {
		right: .94vw;
		bottom: 1.67vw;
		padding: 2.08vw 2.08vw 1.67vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies {
		right: 7.7777777778vw;

		left: 7.7777777778vw;
		bottom: 5.5555555556vw;
		padding: 6.6666666667vw 6.6666666667vw 7.2222222222vw
	}
}

.popup_cookies.type_expand {
	right: auto;
	bottom: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 48px 40px 64px;
	width: 630px
}

@media(max-width:1919px) {
	.popup_cookies.type_expand {
		padding: 2.5vw 2.08vw 3.33vw;
		width: 32.81vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies.type_expand {
		width: auto;
		padding: 13.3333333333vw 6.6666666667vw 6.6666666667vw;
		left: 7.7777777778vw;
		right: 7.7777777778vw;
		transform: translateY(-50%)
	}
}

.popup_cookies.type_expand .popup_title {
	font-size: 22px
}

@media(max-width:1919px) {
	.popup_cookies.type_expand .popup_title {
		font-size: 1.15vw
	}
}

@media(min-width:2560px) {
	.popup_cookies.type_expand .popup_title {
		font-size: 22px
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies.type_expand .popup_title {
		font-size: 4.4444444444vw
	}
}

.popup_cookies.type_expand .box_btn {
	margin-top: 32px
}

@media(max-width:1919px) {
	.popup_cookies.type_expand .box_btn {
		margin-top: 1.67vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies.type_expand .box_btn {
		margin-top: 3.3333333333vw
	}
}

.popup_cookies .btn_close {
	position: absolute;
	right: 24px;
	top: 24px
}

@media(max-width:1919px) {
	.popup_cookies .btn_close {
		right: 1.25vw;
		top: 1.25vw
	}
}

.popup_cookies .btn_close:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.popup_cookies .btn_close:before {
		background-size: 1468px 1297px;
		background-position: -1443px -850px;
		width: 24px;
		height: 24px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.popup_cookies .btn_close:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -75.15625vw -44.2708333333vw;
		width: 1.25vw;
		height: 1.25vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .btn_close:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.popup_cookies .btn_close:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -79.4444444444vw -54.4444444444vw;
		width: 6.6666666667vw;
		height: 6.6666666667vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .btn_close {
		right: 4.4444444444vw;
		top: 4.4444444444vw
	}
}

.popup_cookies .popup_title {
	display: flex;
	align-items: center;
	font-size: 20px;
	gap: 8px
}

@media(max-width:1919px) {
	.popup_cookies .popup_title {
		font-size: 1.04vw;
		gap: .42vw
	}
}

.popup_cookies .popup_title:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.popup_cookies .popup_title:before {
		background-size: 1468px 1297px;
		background-position: -1415px -944px;
		width: 20px;
		height: 20px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.popup_cookies .popup_title:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -49.1666666667vw;
		width: 1.0416666667vw;
		height: 1.0416666667vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .popup_title:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.popup_cookies .popup_title:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -180.2777777778vw -73.3333333333vw;
		width: 4.4444444444vw;
		height: 4.4444444444vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .popup_title {
		font-size: 4.4444444444vw;
		gap: 2.5vw
	}
}

.popup_cookies .popup_desc {
	line-height: 1.5;
	opacity: .8;
	font-size: 16px;
	margin-top: 16px
}

@media(max-width:1919px) {
	.popup_cookies .popup_desc {
		font-size: .83vw;
		margin-top: .83vw
	}
}

.popup_cookies .popup_desc em {
	font-weight: 600
}

@media screen and (max-width:1080px) {
	.popup_cookies .popup_desc {
		font-size: 3.3333333333vw;
		margin-top: 2.2222222222vw
	}
}

.popup_cookies .popup_content {
	overflow: auto;
	max-height: calc(100vh - 359px)
}

.popup_cookies .btn_text {
	display: inline-flex;
	text-decoration: underline;
	justify-content: center;
	color: #000;
	font-size: 16px;
	margin-top: 24px
}

@media(max-width:1919px) {
	.popup_cookies .btn_text {
		font-size: .83vw;
		margin-top: 1.25vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .btn_text {
		font-size: 3.8888888889vw;
		margin-top: 3.3333333333vw
	}
}

.popup_cookies .btn_text.type_right {
	display: inline-flex;
	align-items: center;
	align-self: flex-end;
	min-height: 30px;
	margin-top: 4px
}

@media(max-width:1919px) {
	.popup_cookies .btn_text.type_right {
		min-height: 1.56vw;
		margin-top: .21vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .btn_text.type_right {
		min-height: none;
		margin-top: 0
	}
}

.popup_cookies .btn_text+.box_btn {
	margin-top: 16px
}

@media(max-width:1919px) {
	.popup_cookies .btn_text+.box_btn {
		margin-top: .83vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .btn_text+.box_btn {
		margin-top: 4.4444444444vw
	}
}

.popup_cookies .box_btn {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	width: 100%;
	gap: 16px
}

@media(max-width:1919px) {
	.popup_cookies .box_btn {
		gap: .83vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .box_btn {
		flex-direction: column;
		gap: 4.4444444444vw
	}
}

.popup_cookies .btn_black,.popup_cookies .btn_outline {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	width: 186px;
	height: 48px;
	font-size: 16px
}

@media(max-width:1919px) {
	.popup_cookies .btn_black,.popup_cookies .btn_outline {
		width: 9.69vw;
		height: 2.5vw;
		font-size: .83vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .btn_black,.popup_cookies .btn_outline {
		width: 100%;
		height: 13.3333333333vw;
		font-size: 4.4444444444vw
	}
}

.popup_cookies .btn_black {
	background: #1a1a1c;
	color: #fff
}

.popup_cookies .btn_outline {
	border: 1px solid #e5e5e7;
	color: #1a1a1c
}

.popup_cookies .cookies_item {
	margin-top: 16px
}

@media(max-width:1919px) {
	.popup_cookies .cookies_item {
		margin-top: .83vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .cookies_item {
		margin-top: 3.3333333333vw
	}
}

.popup_cookies .cookies_item_header {
	display: flex;
	align-items: center
}

.popup_cookies .checkbox_wrapper {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	height: 30px
}

@media(max-width:1919px) {
	.popup_cookies .checkbox_wrapper {
		height: 1.56vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .checkbox_wrapper {
		height: auto
	}
}

.popup_cookies .checkbox_wrapper input:checked+.checkbox_label:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.popup_cookies .checkbox_wrapper input:checked+.checkbox_label:before {
		background-size: 1468px 1297px;
		background-position: -1443px -808px;
		width: 24px;
		height: 24px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.popup_cookies .checkbox_wrapper input:checked+.checkbox_label:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -75.15625vw -42.0833333333vw;
		width: 1.25vw;
		height: 1.25vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .checkbox_wrapper input:checked+.checkbox_label:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.popup_cookies .checkbox_wrapper input:checked+.checkbox_label:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -174.4444444444vw -86.1111111111vw;
		width: 6.6666666667vw;
		height: 6.6666666667vw
	}
}

.popup_cookies .checkbox_wrapper input:disabled+.checkbox_label:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.popup_cookies .checkbox_wrapper input:disabled+.checkbox_label:before {
		background-size: 1468px 1297px;
		background-position: -1415px -808px;
		width: 24px;
		height: 24px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.popup_cookies .checkbox_wrapper input:disabled+.checkbox_label:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -42.0833333333vw;
		width: 1.25vw;
		height: 1.25vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .checkbox_wrapper input:disabled+.checkbox_label:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.popup_cookies .checkbox_wrapper input:disabled+.checkbox_label:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -174.4444444444vw -79.1666666667vw;
		width: 6.6666666667vw;
		height: 6.6666666667vw
	}
}

.popup_cookies .checkbox_wrapper input:checked:disabled+.checkbox_label:before {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.popup_cookies .checkbox_wrapper input:checked:disabled+.checkbox_label:before {
		background-size: 1468px 1297px;
		background-position: -1415px -850px;
		width: 24px;
		height: 24px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.popup_cookies .checkbox_wrapper input:checked:disabled+.checkbox_label:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -44.2708333333vw;
		width: 1.25vw;
		height: 1.25vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .checkbox_wrapper input:checked:disabled+.checkbox_label:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.popup_cookies .checkbox_wrapper input:checked:disabled+.checkbox_label:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -174.1666666667vw -116.1111111111vw;
		width: 6.6666666667vw;
		height: 6.6666666667vw
	}
}

.popup_cookies .checkbox_wrapper .checkbox_label {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
	gap: 8px
}

@media(max-width:1919px) {
	.popup_cookies .checkbox_wrapper .checkbox_label {
		font-size: .83vw;
		gap: .42vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .checkbox_wrapper .checkbox_label {
		font-size: 4.4444444444vw;
		gap: 2.2222222222vw
	}
}

.popup_cookies .checkbox_wrapper .checkbox_label:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.popup_cookies .checkbox_wrapper .checkbox_label:before {
		background-size: 1468px 1297px;
		background-position: -1443px -780px;
		width: 24px;
		height: 24px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.popup_cookies .checkbox_wrapper .checkbox_label:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -75.15625vw -40.625vw;
		width: 1.25vw;
		height: 1.25vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .checkbox_wrapper .checkbox_label:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.popup_cookies .checkbox_wrapper .checkbox_label:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -174.4444444444vw -66.3888888889vw;
		width: 6.6666666667vw;
		height: 6.6666666667vw
	}
}

.popup_cookies .btn_toggle_info {
	display: flex;
	align-items: center;
	margin-left: auto
}

.popup_cookies .btn_toggle_info:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.popup_cookies .btn_toggle_info:before {
		background-size: 1468px 1297px;
		background-position: -1415px -780px;
		width: 24px;
		height: 24px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.popup_cookies .btn_toggle_info:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -40.625vw;
		width: 1.25vw;
		height: 1.25vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .btn_toggle_info:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.popup_cookies .btn_toggle_info:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -174.4444444444vw -59.4444444444vw;
		width: 6.6666666667vw;
		height: 6.6666666667vw
	}
}

.popup_cookies .cookies_item_content {
	display: none;
	flex-direction: column;
	padding: 4px 0 0 30px
}

.popup_cookies .cookies_item_content.is_expanded {
	display: flex
}

.popup_cookies .cookies_item_content p {
	opacity: .8;
	line-height: 1.5;
	font-size: 14px
}

@media(max-width:1919px) {
	.popup_cookies .cookies_item_content p {
		font-size: .73vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .cookies_item_content p {
		font-size: 3.8888888889vw
	}
}

.popup_cookies .cookies_item_content .btn_text {
	font-weight: 500;
	font-size: 14px
}

@media(max-width:1919px) {
	.popup_cookies .cookies_item_content .btn_text {
		font-size: .73vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .cookies_item_content .btn_text {
		font-size: 3.8888888889vw;
		min-height: 8.3333333333vw
	}
}

@media(max-width:1919px) {
	.popup_cookies .cookies_item_content {
		padding: .21vw 0 0 1.56vw
	}
}

@media screen and (max-width:1080px) {
	.popup_cookies .cookies_item_content {
		padding: 1.1111111111vw 0 0 8.3333333333vw
	}
}

.tab_list {
	display: flex;
	flex: none;
	gap: 2px
}

@media(max-width:1919px) {
	.tab_list {
		gap: .1vw
	}
}

@media(min-width:2560px) {
	.tab_list {
		gap: 2px
	}
}

@media screen and (max-width:1080px) {
	.tab_list {
		box-sizing: border-box;
		top: 13.8888888889vw
	}

	.tab_list .tab_item {
		flex-shrink: 0
	}
}

.tab_list .tab_item {
	width: auto
}

.tab_list .btn_tab {
	position: relative;
	color: #ddd;
	border-bottom: 2px solid #3a3d43;
	text-shadow: 0 1px 4px rgba(0,0,0,.5);
	font-weight: 700;
	padding: 0 16px;
	height: 50px;
	font-size: 18px;
	line-height: 24px
}

@media(max-width:1919px) {
	.tab_list .btn_tab {
		padding: 0 .83vw;
		height: 2.6vw;
		font-size: .94vw;
		line-height: 1.25vw
	}
}

.tab_list .btn_tab.is_active {
	border-color: #e2b863;
	color: #e2b863;
	background: linear-gradient(180deg,rgba(226,184,99,0) 50%,rgba(226,184,99,.3) 100%)
}

.tab_list .btn_tab.is_active:before {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.tab_list .btn_tab.is_active:before {
		background-size: 1468px 1297px;
		background-position: -1415px -550px;
		width: 18px;
		height: 11px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.tab_list .btn_tab.is_active:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -28.6458333333vw;
		width: .9375vw;
		height: .5729166667vw
	}
}

.tab_list .btn_tab.is_new:not(.is_active):after {
	content: "";
	display: block;
	position: absolute;
	border-radius: 50%;
	background: #e2b863;
	width: 6px;
	height: 6px;
	right: 5px;
	top: 17px
}

@media(max-width:1919px) {
	.tab_list .btn_tab.is_new:not(.is_active):after {
		width: .31vw;
		height: .31vw;
		right: .26vw;
		top: .89vw
	}
}

@media screen and (max-width:1080px) {
	.tab_list .btn_tab.is_new:not(.is_active):after {
		width: 1.6666666667vw;
		height: 1.6666666667vw;
		right: .2777777778vw;
		top: 7.3611111111vw
	}
}

@media screen and (max-width:1080px) {
	.tab_list .btn_tab {
		font-size: 3.8888888889vw;
		padding: 0 4.4444444444vw;
		height: 10vw;
		flex-shrink: 0;
		border-width: 2px;
		line-height: 1.2;
		width: 100%
	}

	.tab_list .btn_tab.is_active:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.tab_list .btn_tab.is_active:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -89.1666666667vw -68.8888888889vw;
		width: 22.2222222222vw;
		height: 5vw
	}
}

.tab_panel {
	position: relative;
	display: none;
	width: 100%;
	box-sizing: border-box
}

@media screen and (min-width:1081px) {
	.tab_panel {
		height: 800px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.tab_panel {
		height: 41.67vw
	}
}

.tab_panel.is_show {
	display: block
}

.tab_panel .title {
	margin: 0 auto
}
.section_main {
  position: relative;
  width: 100%;
  height: 100vh; /* 占满整屏 */
  overflow: hidden;
}

/* 背景图容器 */
.section_main .box_bg_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("images/ryg_donate.jpg") center center / cover no-repeat;
}

/* 半透明遮罩 */
.section_main .box_bg_video:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
}

/* 移动端折中方案，保证 Logo 完整显示 */
@media (max-width: 768px) {
  .section_main .box_bg_video {
    background: url("images/ryg_donate.jpg") center bottom / contain no-repeat;
    background-color: #000; /* 避免上下黑边过白 */
  }
}


.section_main .section_inner {
	position: relative;
	z-index: 10;
	justify-content: center;
	box-sizing: border-box
}

@media screen and (max-width:1080px) {
	.section_main .section_inner {
		height: 100dvh;
		min-height: 130vw;
		padding: 0 3.3333333333vw
	}
}

.section_main .box_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center
}

@media screen and (min-width:1081px) {
	.section_main .box_content {
		height: 552px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_main .box_content {
		height: 28.75vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_content {
		padding-bottom: 11.1111111111vw
	}
}

.section_main .sub_title {
	font-family: Hahmlet;
	font-size: 24px;
	color: #fff;
	font-size: 24px;
	letter-spacing: 8.4px
}

@media(max-width:1919px) {
	.section_main .sub_title {
		font-size: 1.25vw;
		letter-spacing: .44vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .sub_title {
		font-size: 4.4444444444vw;
		line-height: 1.6;
		letter-spacing: 1.5555555556vw
	}
}

.section_main .title {
	width: 774px;
	height: 217px;
	margin-top: 18px
}

@media(max-width:1919px) {
	.section_main .title {
		width: 40.31vw;
		height: 11.3vw;
		margin-top: .94vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .title {
		width: 86.6666666667vw;
		height: 24.4444444444vw;
		margin-top: 4.4444444444vw
	}
}

.section_main .btn_play {
	margin-top: 16px
}

@media(max-width:1919px) {
	.section_main .btn_play {
		margin-top: .83vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .btn_play {
		margin-top: 5.5555555556vw
	}
}

.section_main .btn_register {
	margin-top: 4px
}

@media(max-width:1919px) {
	.section_main .btn_register {
		margin-top: .21vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .btn_register {
		margin-top: 5.5555555556vw
	}
}

.section_main .box_after_register,.section_main .box_before_register {
	position: relative;
	margin-top: 26px
}

@media(max-width:1919px) {
	.section_main .box_after_register,.section_main .box_before_register {
		margin-top: 1.35vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_after_register,.section_main .box_before_register {
		position: absolute;
		right: 3.3333333333vw;
		left: 3.3333333333vw;
		bottom: 5.5555555556vw;
		transform: translateX(0)
	}
}

.section_main .box_before_register {
	width: 1080px
}

@media(max-width:1919px) {
	.section_main .box_before_register {
		width: 56.25vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_before_register {
		width: auto
	}
}

.section_main .box_before_register .btn_check {
	position: absolute;
	right: 278px;
	top: 47px
}

@media(max-width:1919px) {
	.section_main .box_before_register .btn_check {
		right: 14.48vw;
		top: 2.45vw
	}
}

.section_main .box_before_register .btn_check:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.section_main .box_before_register .btn_check:before {
		background-size: 1468px 1297px;
		background-position: -216px -961px;
		width: 240px;
		height: 102px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.section_main .box_before_register .btn_check:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -11.25vw -50.0520833333vw;
		width: 12.5vw;
		height: 5.3125vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_before_register .btn_check:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.section_main .box_before_register .btn_check:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -67.2222222222vw -140.8333333333vw;
		width: 34.0277777778vw;
		height: 13.8888888889vw
	}
}

@media screen and (min-width:1081px) {
	.section_main .box_before_register .btn_check:hover:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.section_main .box_before_register .btn_check:hover:before {
		background-size: 1468px 1297px;
		background-position: -460px -961px;
		width: 240px;
		height: 102px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.section_main .box_before_register .btn_check:hover:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -23.9583333333vw -50.0520833333vw;
		width: 12.5vw;
		height: 5.3125vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_before_register .btn_check {
		right: 5.8333333333vw;
		top: 6.3888888889vw
	}
}

.section_main .box_after_register {
	display: flex;
	width: 1072px;
	gap: 6px
}

@media(max-width:1919px) {
	.section_main .box_after_register {
		width: 55.83vw;
		gap: .31vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_after_register {
		width: auto;
		flex-direction: column;
		gap: .2777777778vw
	}
}

.section_main .box_after_register .current {
	font-size: 18px;
	color: #fff;
	font-weight: 700
}

@media(max-width:1919px) {
	.section_main .box_after_register .current {
		font-size: .94vw
	}
}

@media(min-width:2560px) {
	.section_main .box_after_register .current {
		font-size: 18px
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_after_register .current {
		font-size: 3.0555555556vw
	}
}

.section_main .box_after_register .max {
	display: flex;
	align-items: center;
	color: #5b5e67;
	font-weight: 700;
	font-size: 18px
}

@media(max-width:1919px) {
	.section_main .box_after_register .max {
		font-size: .94vw
	}
}

.section_main .box_after_register .max:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat;
	margin: 0 2px
}

@media(min-width:1921px) {
	.section_main .box_after_register .max:before {
		background-size: 1468px 1297px;
		background-position: -1442px -622px;
		width: 7px;
		height: 11px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.section_main .box_after_register .max:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -75.1041666667vw -32.3958333333vw;
		width: .3645833333vw;
		height: .5729166667vw
	}
}

@media(max-width:1919px) {
	.section_main .box_after_register .max:before {
		margin: 0 .1vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_after_register .max:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.section_main .box_after_register .max:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -183.8888888889vw -28.6111111111vw;
		width: 1.0416666667vw;
		height: 1.5972222222vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_after_register .max {
		font-size: 3.0555555556vw
	}

	.section_main .box_after_register .max:before {
		width: .9722222222vw;
		height: 1.5277777778vw
	}
}

.section_main .box_after_register .btn_refresh {
	position: absolute;
	right: 20px;
	top: -25px;
	z-index: 10
}

@media(max-width:1919px) {
	.section_main .box_after_register .btn_refresh {
		right: 1.04vw;
		top: -1.3vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_after_register .btn_refresh {
		right: 0;
		top: -1.3888888889vw;
		transform: translateY(-100%)
	}
}

.section_main .box_after_register .btn_refresh:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.section_main .box_after_register .btn_refresh:before {
		background-size: 1468px 1297px;
		background-position: -1345px -920px;
		width: 66px;
		height: 66px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.section_main .box_after_register .btn_refresh:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -47.9166666667vw;
		width: 3.4375vw;
		height: 3.4375vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_after_register .btn_refresh:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.section_main .box_after_register .btn_refresh:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -175.2777777778vw -17.2222222222vw;
		width: 9.1666666667vw;
		height: 9.1666666667vw
	}
}

@media screen and (min-width:1081px) {
	.section_main .box_after_register .btn_refresh:hover:before {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.section_main .box_after_register .btn_refresh:hover:before {
		background-size: 1468px 1297px;
		background-position: -1345px -990px;
		width: 66px;
		height: 66px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.section_main .box_after_register .btn_refresh:hover:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -51.5625vw;
		width: 3.4375vw;
		height: 3.4375vw
	}
}

.section_main .box_draw_score {
	position: relative;
	width: 602px;
	height: 176px
}

@media(max-width:1919px) {
	.section_main .box_draw_score {
		width: 31.35vw;
		height: 9.17vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_draw_score {
		width: 93.3333333333vw;
		height: 24.7222222222vw
	}
}

.section_main .box_draw_score .box_use {
	position: absolute;
	display: flex;
	align-items: flex-end;
	right: 27px;
	top: 37px
}

@media(max-width:1919px) {
	.section_main .box_draw_score .box_use {
		right: 1.41vw;
		top: 1.93vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_draw_score .box_use {
		right: 4.3055555556vw;
		top: 4.5833333333vw;
		align-items: center
	}
}

.section_main .box_draw_score .box_use .current {
	font-size: 20px;
	color: #fff;
	font-weight: 700
}

@media(max-width:1919px) {
	.section_main .box_draw_score .box_use .current {
		font-size: 1.04vw
	}
}

@media(min-width:2560px) {
	.section_main .box_draw_score .box_use .current {
		font-size: 20px
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_draw_score .box_use .current {
		font-size: 3.6111111111vw
	}
}

.section_main .box_draw_score .box_use .max {
	gap: 0
}

@media screen and (max-width:1080px) {
	.section_main .box_draw_score .box_use .max {
		font-size: 3.6111111111vw
	}
}

.section_main .box_draw_score .draw_list {
	position: absolute;
	display: flex;
	gap: 6px;
	right: 28px;
	left: 28px;
	bottom: 28px
}

@media(max-width:1919px) {
	.section_main .box_draw_score .draw_list {
		gap: .31vw;
		right: 1.46vw;
		left: 1.46vw;
		bottom: 1.46vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_draw_score .draw_list {
		right: 4.4444444444vw;
		left: 4.4444444444vw;
		bottom: 8.3333333333vw
	}
}

.section_main .box_draw_score .draw_list .draw_item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 75px;
	padding: 10px 0 37px;
	box-sizing: border-box
}

@media(max-width:1919px) {
	.section_main .box_draw_score .draw_list .draw_item {
		height: 3.91vw;
		padding: .52vw 0 1.93vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_draw_score .draw_list .draw_item {
		gap: .5555555556vw
	}
}

.section_main .box_event_score {
	position: relative;
	width: 464px;
	height: 176px
}

@media(max-width:1919px) {
	.section_main .box_event_score {
		width: 24.17vw;
		height: 9.17vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_event_score {
		width: 93.3333333333vw;
		height: 23.8888888889vw
	}
}

.section_main .box_event_score .event_list {
	position: absolute;
	display: flex;
	gap: 6px;
	right: 28px;
	left: 28px;
	bottom: 28px
}

@media(max-width:1919px) {
	.section_main .box_event_score .event_list {
		gap: .31vw;
		right: 1.46vw;
		left: 1.46vw;
		bottom: 1.46vw
	}
}

@media screen and (max-width:1080px) {
	.section_main .box_event_score .event_list {
		right: 4.4444444444vw;
		left: 4.4444444444vw;
		bottom: 8.3333333333vw
	}
}

.section_main .box_event_score .event_list .event_item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 75px;
	padding: 9px 0 37px;
	box-sizing: border-box
}

@media(max-width:1919px) {
	.section_main .box_event_score .event_list .event_item {
		height: 3.91vw;
		padding: .47vw 0 1.93vw
	}
}

.section_main .box_event_score .event_list .state {
	font-size: 18px;
	color: #5b5e67;
	font-weight: 700
}

@media(max-width:1919px) {
	.section_main .box_event_score .event_list .state {
		font-size: .94vw
	}
}

@media(min-width:2560px) {
	.section_main .box_event_score .event_list .state {
		font-size: 18px
	}
}

.section_main .box_event_score .event_list .state.type_done {
	color: #fff
}

@media screen and (max-width:1080px) {
	.section_main .box_event_score .event_list .state {
		font-size: 3.0555555556vw
	}
}

.section_pre_register {
	overflow: hidden
}

@media screen and (max-width:1080px) {
	.section_pre_register .section_inner {
		padding: 25vw 3.3333333333vw 0 3.3333333333vw
	}
}

.section_pre_register .box_bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 44.9vw;
	height: 47.4vw;
	overflow: hidden
}

@media(min-width:2561px)and (max-height:1271px) {
	.section_pre_register .box_bg {
		width: auto;
		height: 100vh
	}

	.section_pre_register .box_bg img {
		max-width: none;
		height: 100%
	}
}

@media screen and (max-width:1080px) {
	.section_pre_register .title {
		width: 80.5555555556vw;
		height: 39.0277777778vw
	}
}

.section_pre_register .box_pre_register {
	position: relative;
	display: flex
}

@media screen and (min-width:1081px) {
	.section_pre_register .box_pre_register {
		margin-top: 32px;
		width: 1198px;
		height: 598px;
		padding: 0 30px;
		gap: 40px;
		background: url(/page/pre-register/img/pre_register_content_bg-8c24c2674f6c4cec5f310409943e8ad8.png) center/cover no-repeat;
		box-sizing: border-box
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_pre_register .box_pre_register {
		margin-top: 1.67vw;
		width: 62.4vw;
		height: 31.15vw;
		padding: 0 1.56vw;
		gap: 2.08vw
	}
}

@media screen and (max-width:1080px) {
	.section_pre_register .box_pre_register {
		flex-direction: column;
		gap: 2.7777777778vw;
		margin-top: 5.5555555556vw
	}
}

.section_pre_register .box_pre_register .content_title {
	display: flex;
	align-items: center;
	width: 100%;
	color: #fee7b9;
	border-bottom: 1px solid #525a6b;
	gap: 8px;
	font-size: 18px;
	padding: 30px 0 16px;
	margin-bottom: 20px
}

@media(max-width:1919px) {
	.section_pre_register .box_pre_register .content_title {
		gap: .42vw;
		font-size: .94vw;
		padding: 1.56vw 0 .83vw;
		margin-bottom: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.section_pre_register .box_pre_register .content_title {
		font-size: 4.1666666667vw;
		padding: 5.5555555556vw 0 4.1666666667vw;
		margin-bottom: 2.7777777778vw;
		gap: 1.1111111111vw
	}
}

.section_pre_register .box_pre_register .content_title:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.section_pre_register .box_pre_register .content_title:before {
		background-size: 1468px 1297px;
		background-position: -1415px -688px;
		width: 16px;
		height: 16px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.section_pre_register .box_pre_register .content_title:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -35.8333333333vw;
		width: .8333333333vw;
		height: .8333333333vw
	}
}

@media screen and (max-width:1080px) {
	.section_pre_register .box_pre_register .content_title:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.section_pre_register .box_pre_register .content_title:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -175.2777777778vw -35.2777777778vw;
		width: 2.2222222222vw;
		height: 2.2222222222vw
	}
}

@media screen and (max-width:1080px) {
	.section_pre_register .box_pre_register .content_desc {
		text-align: center;
		margin-top: .5555555556vw;
		font-size: 3.8888888889vw;
		color: #fff;
		font-weight: 700
	}

	.section_pre_register .box_pre_register .content_desc em {
		color: #e2b863
	}
}

.section_pre_register .box_pre_register .gift_wrap {
	position: absolute;
	z-index: 1;
	top: 6px;
	right: 10px
}

@media(max-width:1919px) {
	.section_pre_register .box_pre_register .gift_wrap {
		top: .31vw;
		right: .52vw
	}
}

.section_pre_register .box_phone_register {
	position: relative
}

@media screen and (min-width:1081px) {
	.section_pre_register .box_phone_register {
		width: 764px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_pre_register .box_phone_register {
		width: 39.79vw
	}
}

@media screen and (max-width:1080px) {
	.section_pre_register .box_phone_register {
		width: 93.3333333333vw;
		height: 170.8333333333vw;
		padding: 0 5.5555555556vw 5.5555555556vw;
		box-sizing: border-box;
		background: url(/page/pre-register/img/pre_register_phone_bg_mo-e62544db0564de5534385f22e0ff993f.webp) top/cover no-repeat
	}
}

.section_pre_register .box_phone_register .box_content {
	display: flex;
	gap: 13px
}

@media(max-width:1919px) {
	.section_pre_register .box_phone_register .box_content {
		gap: .68vw
	}
}

@media screen and (max-width:1080px) {
	.section_pre_register .box_phone_register .box_content {
		flex-direction: column;
		gap: 1.25vw
	}
}

.section_pre_register .box_phone_register .btn_register {
	margin: 16px 0 0 14px
}

@media(max-width:1919px) {
	.section_pre_register .box_phone_register .btn_register {
		margin: .83vw 0 0 .73vw
	}
}

@media screen and (max-width:1080px) {
	.section_pre_register .box_phone_register .btn_register {
		display: block;
		margin: 3.3333333333vw auto 0
	}
}

.section_pre_register .box_phone_register .gift_area {
	flex: none;
	position: relative;
	width: 377px;
	height: 454px
}

@media(max-width:1919px) {
	.section_pre_register .box_phone_register .gift_area {
		width: 19.64vw;
		height: 23.65vw
	}
}

@media screen and (max-width:1080px) {
	.section_pre_register .box_phone_register .gift_area {
		width: 82.2222222222vw;
		height: 69.7222222222vw
	}
}

@media screen and (min-width:1081px) {
	.section_pre_register .box_phone_register .gift_area .gift_img {
		position: absolute;
		bottom: -8px;
		left: -5px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_pre_register .box_phone_register .gift_area .gift_img {
		bottom: -.42vw;
		left: -.26vw
	}
}

@media screen and (max-width:1080px) {
	.section_pre_register .box_phone_register .gift_wrap {
		top: 4.1666666667vw
	}
}

.section_pre_register .box_store_register {
	position: relative;
	flex: 1 0 auto
}

@media screen and (max-width:1080px) {
	.section_pre_register .box_store_register {
		display: flex;
		flex-direction: column;
		height: 101.1111111111vw;
		padding: 0 5.5555555556vw 5.5555555556vw;
		box-sizing: border-box;
		background: url(/page/pre-register/img/pre_register_store_bg_mo-4ca28589ae721d90148f07f7f37ac243.jpg) top/cover no-repeat
	}
}

.section_pre_register .box_store_register .content_title {
	order: 1
}

.section_pre_register .box_store_register .content_desc {
	order: 2
}

.section_pre_register .box_store_register .box_store {
	order: 3;
	display: flex;
	align-items: center;
	gap: 1px;
	margin-top: 23px
}

@media(max-width:1919px) {
	.section_pre_register .box_store_register .box_store {
		gap: .05vw;
		margin-top: 1.2vw
	}
}

.section_pre_register .box_store_register .box_store .link_store {
	display: block;
	width: 166px;
	height: 51px
}

@media(max-width:1919px) {
	.section_pre_register .box_store_register .box_store .link_store {
		width: 8.65vw;
		height: 2.66vw
	}
}

@media screen and (max-width:1080px) {
	.section_pre_register .box_store_register .box_store .link_store {
		width: 40.9722222222vw;
		height: 12.5vw
	}
}

@media screen and (max-width:1080px) {
	.section_pre_register .box_store_register .box_store {
		flex-direction: row;
		justify-content: center;
		margin-top: 3.3333333333vw;
		gap: .2777777778vw
	}
}

.section_pre_register .box_store_register .gift_area {
	order: 4
}

@media screen and (min-width:1081px) {
	.section_pre_register .box_store_register .gift_area {
		width: 334px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_pre_register .box_store_register .gift_area {
		width: 17.4vw
	}
}

@media screen and (max-width:1080px) {
	.section_pre_register .box_store_register .gift_area {
		margin-top: 3.3333333333vw
	}
}

.section_pre_register .box_store_register .gift_area .gift_img {
	width: 100%
}

.section_pre_register .gift_area {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center
}

.section_pre_register .gift_area .gift_desc {
	position: absolute;
	display: block;
	text-align: center;
	color: #fff;
	line-height: 1.3;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	font-size: 18px;
	bottom: 20px
}

@media(max-width:1919px) {
	.section_pre_register .gift_area .gift_desc {
		font-size: .94vw;
		bottom: 1.04vw
	}
}

.section_pre_register .gift_area .gift_desc em {
	color: #e2b863
}

@media screen and (max-width:1080px) {
	.section_pre_register .gift_area .gift_desc {
		bottom: 0;
		font-size: 3.6111111111vw
	}
}

.section_event {
	overflow: hidden;
	background-repeat: no-repeat
}

@media screen and (max-width:1080px) {
	.section_event .tab_list {
		width: 100%
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_item {
		flex: 1
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_item .btn_tab {
		padding: 0;
		height: 14.8611111111vw
	}
}

.section_event .box_bg {
	position: absolute;
	pointer-events: none;
	display: none
}

.section_event .box_bg.type_super {
	display: block;
	width: 48.07vw;
	height: 45.42vw;
	bottom: 0;
	left: 0
}

.section_event .box_bg.type_super img:last-child {
	display: none
}

@media(min-width:2561px)and (max-height:1271px) {
	.section_event .box_bg.type_super {
		width: auto;
		height: 100vh
	}

	.section_event .box_bg.type_super img {
		max-width: none;
		height: 100%
	}
}

.section_event .box_bg.type_stepup {
	display: block;
	width: 45.89vw;
	height: 15.78vw;
	bottom: 0;
	left: 56%;
	transform: translateX(-50%)
}

.section_event .box_bg.type_stepup img:first-child {
	display: none
}

@media(min-width:2561px)and (max-height:1271px) {
	.section_event .box_bg.type_stepup {
		width: auto;
		height: 40vh
	}

	.section_event .box_bg.type_stepup img {
		width: auto;
		max-width: none;
		height: 100%
	}
}

.section_event .section_inner {
	box-sizing: border-box;
	padding-top: 40px
}

@media(max-width:1919px) {
	.section_event .section_inner {
		padding-top: 2.08vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .section_inner {
		justify-content: flex-start;
		padding-top: 22.2222222222vw;
		overflow: hidden
	}
}

.section_event .event_title {
	margin: 0 auto;
	width: 76.1111111111vw;
	height: 22.2222222222vw
}

.section_event .tab_panel {
	margin-top: 20px
}

@media(max-width:1919px) {
	.section_event .tab_panel {
		margin-top: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_panel {
		padding-top: 5.8333333333vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_panel .swiper-pagination {
		position: static;
		margin-top: 2.5vw
	}

	.section_event .tab_panel .swiper-pagination-bullet {
		opacity: 1;
		background: 0 0;
		width: 3.4722222222vw;
		height: 3.4722222222vw
	}

	.section_event .tab_panel .swiper-pagination-bullet:before {
		content: "";
		display: block;
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.section_event .tab_panel .swiper-pagination-bullet:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -175.2777777778vw -55.5555555556vw;
		width: 3.5416666667vw;
		height: 3.5416666667vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_panel .swiper-pagination-bullet-active {
		background: 0 0
	}

	.section_event .tab_panel .swiper-pagination-bullet-active:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.section_event .tab_panel .swiper-pagination-bullet-active:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -179.0972222222vw -55.5555555556vw;
		width: 3.5416666667vw;
		height: 3.5416666667vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .title {
		width: 92.2222222222vw;
		height: 44.4444444444vw
	}
}

.section_event .tab_super .box_gift_content {
	position: relative;
	z-index: 1;
	width: 1020px;
	margin: -60px auto 0
}

@media(max-width:1919px) {
	.section_event .tab_super .box_gift_content {
		width: 53.13vw;
		margin: -3.13vw auto 0
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_gift_content {
		width: auto;
		margin: 0 -3.3333333333vw
	}
}

.section_event .tab_super .box_gift_content .gift_wrap {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	bottom: 80px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_gift_content .gift_wrap {
		bottom: 4.17vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_gift_content .gift_wrap {
		bottom: -1.8055555556vw;
		right: 8.8888888889vw;
		left: auto;
		transform: none
	}
}

.section_event .tab_super .box_gift_content .gift_tooltip.type_super {
	width: -moz-max-content;
	width: max-content;
	left: 50%;
	right: auto;
	top: auto;
	transform: translateX(-50%);
	padding: 22px;
	bottom: 15px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_gift_content .gift_tooltip.type_super {
		padding: 1.15vw;
		bottom: .78vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_gift_content .gift_tooltip.type_super {
		padding: 2.7777777778vw 4.1666666667vw 6.9444444444vw;
		width: 85vw;
		right: -1.3888888889vw;
		bottom: -1.3888888889vw;
		transform: none;
		left: auto
	}
}

.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_list {
	flex-direction: row;
	align-items: center;
	margin-top: 0;
	gap: 0
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_list {
		flex-direction: column;
		gap: 0
	}
}

.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_item {
	flex-direction: column;
	text-align: center;
	gap: 8px;
	padding: 0 20px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_item {
		gap: .42vw;
		padding: 0 1.04vw
	}
}

.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_item+.gift_item {
	border-left: 1px solid rgba(255,255,255,.1)
}

.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_item_title {
	font-weight: 700;
	color: #fff;
	font-size: 16px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_item_title {
		font-size: .83vw
	}
}

.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_item_desc {
	color: #c2c4cc;
	font-weight: 300;
	line-height: 1.2;
	font-size: 12px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_item_desc {
		font-size: .63vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_item {
		padding: 0;
		text-align: left;
		width: 100%;
		align-items: flex-start
	}

	.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_item+.gift_item {
		border-left: 0;
		border-top: 1px solid #313640
	}

	.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_item_title {
		width: 100%;
		text-align: left;
		font-size: 3.6111111111vw;
		padding: 2.7777777778vw 0
	}

	.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_item_title .rank {
		display: inline-block;
		color: #e2b863;
		font-weight: 700;
		width: 2.7777777778vw;
		margin-right: 2.7777777778vw
	}

	.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_item_title .num {
		color: #5b5e67
	}

	.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_item_title.is_active+.gift_item_desc {
		display: block
	}

	.section_event .tab_super .box_gift_content .gift_tooltip.type_super .gift_item_desc {
		display: none;
		color: #fff;
		font-weight: 700;
		font-size: 3.3333333333vw;
		margin: -1.3888888889vw 0 2.7777777778vw 5.5555555556vw
	}
}

.section_event .tab_super .btn_apply {
	position: relative;
	z-index: 1;
	margin: -19px auto 0
}

@media(max-width:1919px) {
	.section_event .tab_super .btn_apply {
		margin: -.99vw auto 0
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .btn_apply {
		margin: 5.5555555556vw auto 0
	}
}

@media screen and (min-width:1081px) {
	.section_event .tab_super .box_right {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 240px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_event .tab_super .box_right {
		right: 12.5vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_right {
		display: flex;
		flex-direction: column-reverse
	}
}

.section_event .tab_super .box_right .box_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: url(/page/pre-register/img/event_super_content_bg-ae846cec534402970e925cb2514779ea.png) no-repeat center center/cover;
	box-sizing: border-box;
	margin: 18px auto 0;
	width: 244px;
	height: 139px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_right .box_content {
		margin: .94vw auto 0;
		width: 12.71vw;
		height: 7.24vw
	}
}

.section_event .tab_super .box_right .box_content.type_done {
	padding: 0 30px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_right .box_content.type_done {
		padding: 0 1.56vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_right .box_content.type_done {
		padding: 0 3.75vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_right .box_content {
		position: relative;
		flex-direction: row;
		background-image: url(/page/pre-register/img/event_super_content_bg_mo-d7d91c4462656027db3f675334d8473f.png);
		width: 93.3333333333vw;
		height: 18.0555555556vw;
		padding: 6.25vw 3.1944444444vw;
		margin: 4.4444444444vw auto 0
	}
}

.section_event .tab_super .box_right .box_content .content_title {
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	font-size: 20px;
	letter-spacing: -.8px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_right .box_content .content_title {
		font-size: 1.04vw;
		letter-spacing: -.04vw
	}
}

.section_event .tab_super .box_right .box_content .content_title em {
	color: #e2b863
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_right .box_content .content_title {
		font-size: 3.3333333333vw
	}
}

.section_event .tab_super .box_right .box_content .box_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	border-bottom: 1px solid #313640;
	padding-bottom: 12px;
	margin-bottom: 8px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_right .box_content .box_title {
		padding-bottom: .63vw;
		margin-bottom: .42vw
	}
}

.section_event .tab_super .box_right .box_content .box_title .btn_refresh:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.section_event .tab_super .box_right .box_content .box_title .btn_refresh:before {
		background-size: 1468px 1297px;
		background-position: -1442px -878px;
		width: 23px;
		height: 21px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.section_event .tab_super .box_right .box_content .box_title .btn_refresh:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -75.1041666667vw -45.7291666667vw;
		width: 1.1979166667vw;
		height: 1.09375vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_right .box_content .box_title .btn_refresh {
		position: absolute;
		top: 50%;
		right: 3.3333333333vw;
		transform: translateY(-50%)
	}

	.section_event .tab_super .box_right .box_content .box_title .btn_refresh:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.section_event .tab_super .box_right .box_content .box_title .btn_refresh:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -178.75vw -110vw;
		width: 4.4444444444vw;
		height: 4.0972222222vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_right .box_content .box_title {
		width: auto;
		flex: none;
		border-bottom: 0;
		border-right: 2px solid #373e4a;
		padding: 0 2.7777777778vw 0 0;
		margin: 0 2.2222222222vw 0 0
	}

	.section_event .tab_super .box_right .box_content .box_title .content_title {
		font-size: 3.3333333333vw
	}
}

.section_event .tab_super .box_right .box_content .draw_list {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 8px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_right .box_content .draw_list {
		gap: .42vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_right .box_content .draw_list {
		flex-direction: row;
		padding-right: 7.7777777778vw;
		gap: 2.2222222222vw
	}
}

.section_event .tab_super .box_right .box_content .draw_item {
	display: flex;
	align-items: center;
	font-weight: 700;
	gap: 8px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_right .box_content .draw_item {
		gap: .42vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_right .box_content .draw_item {
		gap: 1.6666666667vw
	}
}

.section_event .tab_super .box_right .box_content .draw_item .draw_title {
	color: #c19976;
	font-size: 16px;
	width: 88px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_right .box_content .draw_item .draw_title {
		font-size: .83vw;
		width: 4.58vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_right .box_content .draw_item .draw_title {
		font-size: 3.3333333333vw;
		width: auto
	}
}

.section_event .tab_super .box_right .box_content .draw_item .draw_desc {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 16px;
	letter-spacing: -.64px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_right .box_content .draw_item .draw_desc {
		font-size: .83vw;
		letter-spacing: -.03vw
	}
}

.section_event .tab_super .box_right .box_content .draw_item .max {
	display: flex;
	align-items: center;
	color: #5b5e67
}

.section_event .tab_super .box_right .box_content .draw_item .max:before {
	content: "";
	display: block;
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.section_event .tab_super .box_right .box_content .draw_item .max:before {
		background-size: 1468px 1297px;
		background-position: -1442px -622px;
		width: 7px;
		height: 11px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.section_event .tab_super .box_right .box_content .draw_item .max:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -75.1041666667vw -32.3958333333vw;
		width: .3645833333vw;
		height: .5729166667vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_right .box_content .draw_item .max:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.section_event .tab_super .box_right .box_content .draw_item .max:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -183.8888888889vw -28.6111111111vw;
		width: 1.0416666667vw;
		height: 1.5972222222vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_right .box_content .draw_item {
		gap: 1.6666666667vw
	}

	.section_event .tab_super .box_right .box_content .draw_item .draw_title {
		font-size: 3.3333333333vw
	}

	.section_event .tab_super .box_right .box_content .draw_item .draw_desc {
		font-size: 3.3333333333vw
	}

	.section_event .tab_super .box_right .box_content .draw_item .max {
		gap: .5555555556vw
	}
}

.section_event .tab_super .box_right .box_ticket {
	position: relative;
	width: 244px;
	height: 408px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_right .box_ticket {
		width: 12.71vw;
		height: 21.25vw
	}
}

.section_event .tab_super .box_right .box_ticket .ticket_list {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 62px 24px;
	gap: 23px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_right .box_ticket .ticket_list {
		padding: 3.23vw 1.25vw;
		gap: 1.2vw
	}
}

.section_event .tab_super .box_right .box_ticket .ticket_item {
	display: flex;
	justify-content: flex-end
}

.section_event .tab_super .box_right .box_ticket .ticket_item:nth-child(3) {
	margin: 5px 0 8px
}

@media(max-width:1919px) {
	.section_event .tab_super .box_right .box_ticket .ticket_item:nth-child(3) {
		margin: .26vw 0 .42vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_super .box_right .box_ticket {
		width: 93.3333333333vw;
		height: 78.0555555556vw;
		margin-top: 1.3888888889vw
	}

	.section_event .tab_super .box_right .box_ticket .ticket_list {
		padding: 13.75vw 4.8611111111vw 1.25vw;
		gap: 0
	}

	.section_event .tab_super .box_right .box_ticket .ticket_item {
		height: 11.3888888889vw
	}

	.section_event .tab_super .box_right .box_ticket .ticket_item:nth-child(3),.section_event .tab_super .box_right .box_ticket .ticket_item:nth-child(5) {
		height: 14.4444444444vw
	}

	.section_event .tab_super .box_right .box_ticket .btn_arrow {
		margin: 1.1111111111vw -1.3888888889vw 0 0
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_weekly .title {
		width: 90.9722222222vw;
		height: 44.1666666667vw
	}
}

.section_event .tab_weekly .box_weekly {
	position: relative
}

@media screen and (max-width:1080px) {
	.section_event .tab_weekly .box_weekly {
		margin: 18.6111111111vw auto 0;
		width: 100%;
		height: auto
	}
}

.section_event .tab_weekly .weekly_swiper {
	overflow: visible
}

@media screen and (min-width:1081px) {
	.section_event .tab_weekly .swiper-wrapper {
		display: flex;
		justify-content: center;
		gap: 32px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_event .tab_weekly .swiper-wrapper {
		gap: 1.67vw
	}
}

.section_event .tab_weekly .swiper-slide {
	position: relative;
	width: 244px;
	height: 518px
}

@media(max-width:1919px) {
	.section_event .tab_weekly .swiper-slide {
		width: 12.71vw;
		height: 26.98vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_weekly .swiper-slide {
		width: 55vw;
		height: 102.7777777778vw;
		margin: 0 2.0833333333vw;
		padding-bottom: 18.0555555556vw
	}
}

.section_event .tab_weekly .swiper-slide:first-child:before {
	position: absolute;
	content: "";
	display: block;
	background: url(/page/pre-register/img/event_weekly_bg1-bf385936e4ca15efca4d7f12af07515c.webp) no-repeat center center/cover;
	pointer-events: none;
	width: 698px;
	height: 745px;
	left: -271px;
	top: -243px
}

@media(max-width:1919px) {
	.section_event .tab_weekly .swiper-slide:first-child:before {
		width: 36.35vw;
		height: 38.8vw;
		left: -14.11vw;
		top: -12.66vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_weekly .swiper-slide:first-child:before {
		background-image: url(/page/pre-register/img/event_weekly_bg1_mo-c537dba6c5e8efc5d35bb8ac5ae1af00.png);
		width: 89.4444444444vw;
		height: 83.3333333333vw;
		left: -18.3333333333vw;
		top: -22.6388888889vw
	}
}

.section_event .tab_weekly .swiper-slide:last-child:before {
	position: absolute;
	content: "";
	display: block;
	background: url(/page/pre-register/img/event_weekly_bg2-b71433c3102e5af8cc3fbcba8f3c142b.png) no-repeat center center/cover;
	pointer-events: none;
	width: 343px;
	height: 595px;
	right: -139px;
	top: -166px
}

@media(max-width:1919px) {
	.section_event .tab_weekly .swiper-slide:last-child:before {
		width: 17.86vw;
		height: 30.99vw;
		right: -7.24vw;
		top: -8.65vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_weekly .swiper-slide:last-child:before {
		background-image: url(/page/pre-register/img/event_weekly_bg2_mo-ed51953fbf70df8ba0d3bdffb336a721.png);
		width: 75.5555555556vw;
		height: 83.3333333333vw;
		right: -26.9444444444vw;
		top: -19.3055555556vw
	}
}

.section_event .tab_weekly .date {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-weight: 700;
	color: #8f8878;
	z-index: 1;
	font-size: 18px;
	top: 81px
}

@media(max-width:1919px) {
	.section_event .tab_weekly .date {
		font-size: .94vw;
		top: 4.22vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_weekly .date {
		font-size: 3.8888888889vw;
		top: 18.3333333333vw
	}
}

.section_event .tab_weekly .btn_apply_small {
	position: absolute;
	bottom: -3%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1
}

@media screen and (max-width:1080px) {
	.section_event .tab_weekly .btn_apply_small {
		bottom: 0
	}
}

.section_event .tab_stepup .title {
	position: relative;
	z-index: 10
}

@media screen and (max-width:1080px) {
	.section_event .tab_stepup .title {
		width: 88.0555555556vw;
		height: 46.9444444444vw
	}
}

@media screen and (min-width:1081px) {
	.section_event .tab_stepup .box_stepup {
		position: relative;
		margin: -100px auto 0;
		width: 1102px;
		height: 631px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_event .tab_stepup .box_stepup {
		margin: -5.21vw auto 0;
		width: 57.4vw;
		height: 32.86vw
	}
}

@media screen and (min-width:1081px) {
	.section_event .tab_stepup .box_stepup .box_reward {
		position: absolute;
		z-index: 2;
		right: -15px;
		top: 0;
		width: 548px;
		height: 508px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_event .tab_stepup .box_stepup .box_reward {
		right: -.78vw;
		top: 0;
		width: 28.54vw;
		height: 26.46vw
	}
}

@media screen and (min-width:1081px) {
	.section_event .tab_stepup .box_stepup .stepup_swiper {
		width: 100%;
		height: 100%
	}
}

@media screen and (min-width:1081px) {
	.section_event .tab_stepup .box_stepup .swiper-slide {
		position: absolute;
		pointer-events: none;
		width: 356px;
		height: 356px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_event .tab_stepup .box_stepup .swiper-slide {
		width: 18.54vw;
		height: 18.54vw
	}
}

@media screen and (min-width:1081px) {
	.section_event .tab_stepup .box_stepup .swiper-slide:nth-child(1) {
		left: 0;
		bottom: 0
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_event .tab_stepup .box_stepup .swiper-slide:nth-child(1) {
		left: 0;
		bottom: 0
	}
}

@media screen and (min-width:1081px) {
	.section_event .tab_stepup .box_stepup .swiper-slide:nth-child(2) {
		position: relative;
		z-index: 1;
		left: 198px;
		top: 76px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_event .tab_stepup .box_stepup .swiper-slide:nth-child(2) {
		left: 10.31vw;
		top: 3.96vw
	}
}

@media screen and (min-width:1081px) {
	.section_event .tab_stepup .box_stepup .swiper-slide:nth-child(3) {
		left: 396px;
		bottom: 0
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_event .tab_stepup .box_stepup .swiper-slide:nth-child(3) {
		left: 20.63vw;
		bottom: 0
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_stepup .box_stepup {
		position: relative
	}

	.section_event .tab_stepup .box_stepup .box_reward {
		margin: 3.6111111111vw auto 0;
		width: 92.5vw;
		height: 103.0555555556vw
	}

	.section_event .tab_stepup .box_stepup .stepup_swiper {
		margin: -24.7222222222vw -3.3333333333vw 0;
		padding-bottom: 5.5555555556vw;
		height: auto
	}

	.section_event .tab_stepup .box_stepup .stepup_swiper .swiper-slide {
		width: 70vw;
		height: 70vw
	}
}

.section_event .tab_stepup .btn_basic {
	position: absolute;
	left: 50%;
	bottom: 40px;
	transform: translateX(-50%);
	z-index: 1;
	pointer-events: auto
}

@media(max-width:1919px) {
	.section_event .tab_stepup .btn_basic {
		bottom: 2.08vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_stepup .btn_basic {
		bottom: -2.9166666667vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_npc .title {
		width: 89.1666666667vw;
		height: 50.5555555556vw
	}
}

.section_event .tab_npc .box_npc {
	margin: -8px auto 0
}

@media(max-width:1919px) {
	.section_event .tab_npc .box_npc {
		margin: -.42vw auto 0
	}
}

.section_event .tab_npc .box_npc .npc_swiper {
	overflow: visible
}

@media screen and (min-width:1081px) {
	.section_event .tab_npc .box_npc .npc_swiper .swiper-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 32px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_event .tab_npc .box_npc .npc_swiper .swiper-wrapper {
		gap: 1.67vw
	}
}

@media screen and (min-width:1081px) {
	.section_event .tab_npc .box_npc .npc_swiper .swiper-slide {
		width: auto;
		width: 336px;
		height: 522px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_event .tab_npc .box_npc .npc_swiper .swiper-slide {
		width: 17.5vw;
		height: 27.19vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_npc .box_npc .npc_swiper {
		margin-top: 5.5555555556vw
	}

	.section_event .tab_npc .box_npc .npc_swiper .swiper-slide {
		width: 58.3333333333vw;
		height: 121.5277777778vw;
		margin: 0 2.0833333333vw
	}
}

.section_event .tab_npc .box_npc .npc_swiper .btn_vote {
	position: absolute;
	bottom: -16px;
	left: 50%;
	transform: translateX(-50%)
}

@media(max-width:1919px) {
	.section_event .tab_npc .box_npc .npc_swiper .btn_vote {
		bottom: -.83vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_npc .box_npc .npc_swiper .btn_vote {
		bottom: 0
	}
}

@media screen and (min-width:1081px) {
	.section_event .tab_architect .box_bg {
		z-index: 1;
		width: 872px;
		height: 684px;
		right: -170px;
		bottom: 0
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_event .tab_architect .box_bg {
		width: 45.42vw;
		height: 35.63vw;
		right: -8.85vw;
		bottom: 0
	}
}

.section_event .tab_architect .title {
	width: 463px;
	height: 287px
}

@media(max-width:1919px) {
	.section_event .tab_architect .title {
		width: 24.11vw;
		height: 14.95vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_architect .title {
		width: 69.1666666667vw;
		height: 40vw;
		margin-top: -33.4722222222vw
	}
}

.section_event .tab_architect .box_architect {
	position: relative;
	margin: 15px auto 0;
	width: 1070px;
	height: 561px
}

@media(max-width:1919px) {
	.section_event .tab_architect .box_architect {
		margin: .78vw auto 0;
		width: 55.73vw;
		height: 29.22vw
	}
}

.section_event .tab_architect .box_architect .box_btn {
	position: absolute;
	display: flex;
	left: 50%;
	transform: translateX(-50%);
	gap: 32px;
	bottom: 44px
}

@media(max-width:1919px) {
	.section_event .tab_architect .box_architect .box_btn {
		gap: 1.67vw;
		bottom: 2.29vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_architect .box_architect {
		margin: 2.5vw auto 0;
		width: 93.3333333333vw;
		height: 106.1111111111vw;
		padding-bottom: 15vw
	}

	.section_event .tab_architect .box_architect .box_btn {
		position: absolute;
		display: flex;
		left: 50%;
		transform: translateX(-50%);
		gap: 32px;
		bottom: 44px
	}
}

@media screen and (max-width:1080px)and (max-width:1919px) {
	.section_event .tab_architect .box_architect .box_btn {
		gap: 1.67vw;
		bottom: 2.29vw
	}
}

@media screen and (max-width:1080px) {
	.section_event .tab_architect .box_notice {
		padding-top: 5.5555555556vw
	}
}

@media screen and (max-width:1080px) {
	.section_showcase .section_inner {
		padding: 12.5vw 0
	}
}

.section_showcase .title {
	height: 190px
}

@media(max-width:1919px) {
	.section_showcase .title {
		height: 9.9vw
	}
}

.section_showcase .title img {
	width: auto;
	height: 100%
}

@media screen and (max-width:1080px) {
	.section_showcase .title {
		width: 97.6388888889vw;
		height: 33.75vw
	}
}

.section_showcase .box_video {
	position: relative;
	width: 1072px;
	height: 603px;
	margin-top: 20px
}

@media(max-width:1919px) {
	.section_showcase .box_video {
		width: 55.83vw;
		height: 31.41vw;
		margin-top: 1.04vw
	}
}

.section_showcase .box_video .btn_play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%
}

.section_showcase .box_video .btn_play::before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(1.2)
}

@media screen and (max-width:1080px) {
	.section_showcase .box_video {
		width: 93.3333333333vw;
		height: 141.1111111111vw;
		margin-top: 7.6388888889vw
	}
}

.section_showcase .box_countdown {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
	width: 612px;
	height: 230px
}

@media(max-width:1919px) {
	.section_showcase .box_countdown {
		width: 31.88vw;
		height: 11.98vw
	}
}

@media screen and (max-width:1080px) {
	.section_showcase .box_countdown {
		width: 85vw;
		height: 31.9444444444vw;
		bottom: 18.6111111111vw
	}
}

.section_showcase .list_countdown {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	top: 32px
}

@media(max-width:1919px) {
	.section_showcase .list_countdown {
		top: 1.67vw
	}
}

@media screen and (max-width:1080px) {
	.section_showcase .list_countdown {
		top: 1.3888888889vw
	}
}

.section_showcase .list_countdown .item_countdown {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	text-shadow: 0 3px 20px rgba(0,0,0,.33);
	-webkit-text-stroke-width: .5px;
	-webkit-text-stroke-color: rgba(255,255,255,.5);
	background: linear-gradient(178deg,#dadce6 14.51%,#dcd2c0 76.29%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	white-space: nowrap;
	font-family: Hahmlet;
	font-size: 62px
}

@media(max-width:1919px) {
	.section_showcase .list_countdown .item_countdown {
		font-size: 3.23vw
	}
}

@media screen and (max-width:1080px) {
	.section_showcase .list_countdown .item_countdown {
		font-size: 10.5555555556vw
	}
}

.section_showcase .list_countdown .item_countdown+.item_countdown {
	padding-left: 42px
}

@media(max-width:1919px) {
	.section_showcase .list_countdown .item_countdown+.item_countdown {
		padding-left: 2.19vw
	}
}

.section_showcase .list_countdown .item_countdown+.item_countdown::before {
	flex: none;
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(max-width:1919px) {
	.section_showcase .list_countdown .item_countdown+.item_countdown::before {
		left: .78vw
	}
}

@media(min-width:1921px) {
	.section_showcase .list_countdown .item_countdown+.item_countdown::before {
		background-size: 1468px 1297px;
		background-position: -1430px -622px;
		width: 8px;
		height: 12px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.section_showcase .list_countdown .item_countdown+.item_countdown::before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -74.4791666667vw -32.3958333333vw;
		width: .4166666667vw;
		height: .625vw
	}
}

@media screen and (max-width:1080px) {
	.section_showcase .list_countdown .item_countdown+.item_countdown {
		padding-left: 5.8333333333vw
	}

	.section_showcase .list_countdown .item_countdown+.item_countdown::before {
		top: 60%;
		left: 2.0833333333vw;
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.section_showcase .list_countdown .item_countdown+.item_countdown::before {
		background-size: 185vw 178.3333333333vw;
		background-position: -183.8888888889vw -26.6666666667vw;
		width: 1.1111111111vw;
		height: 1.6666666667vw
	}
}

.section_showcase .list_countdown .item_countdown span:first-child {
	display: block;
	text-align: center;
	min-width: 82px
}

@media(max-width:1919px) {
	.section_showcase .list_countdown .item_countdown span:first-child {
		min-width: 4.27vw
	}
}

@media screen and (max-width:1080px) {
	.section_showcase .list_countdown .item_countdown span:first-child {
		min-width: 13.8888888889vw
	}
}

.section_showcase .list_countdown .item_countdown .unit {
	display: block;
	transform: translateY(-20%);
	font-size: 45px;
	height: 54px
}

@media(max-width:1919px) {
	.section_showcase .list_countdown .item_countdown .unit {
		font-size: 2.34vw;
		height: 2.81vw
	}
}

.section_showcase .list_countdown .item_countdown .unit img {
	max-width: none;
	width: auto;
	height: 100%
}

@media screen and (max-width:1080px) {
	.section_showcase .list_countdown .item_countdown .unit {
		height: 8.3333333333vw
	}
}

@media screen and (max-width:1080px) {
	.section_media .section_inner {
		padding-bottom: 13.8888888889vw
	}
}

.section_media .title {
	margin: 0 auto;
	width: 800px;
	height: 170px
}

@media(max-width:1919px) {
	.section_media .title {
		width: 41.67vw;
		height: 8.85vw
	}
}

@media screen and (max-width:1080px) {
	.section_media .title {
		margin-top: 6.6666666667vw;
		width: 83.3333333333vw;
		height: 30.5555555556vw
	}
}

.section_media .tab_feature .title {
	width: 563px;
	height: 191px
}

@media(max-width:1919px) {
	.section_media .tab_feature .title {
		width: 29.32vw;
		height: 9.95vw
	}
}

@media screen and (max-width:1080px) {
	.section_media .tab_feature .title {
		margin-top: 6.6666666667vw;
		width: 83.3333333333vw;
		height: 36.8055555556vw
	}
}

.section_media .tab_feature .feature_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
	margin-top: 11px;
	max-width: 1074px;
	gap: 2px 32px
}

@media(max-width:1919px) {
	.section_media .tab_feature .feature_list {
		margin-top: .57vw;
		max-width: 55.94vw;
		gap: .1vw 1.67vw
	}
}

@media screen and (max-width:1080px) {
	.section_media .tab_feature .feature_list {
		flex-direction: column;
		gap: 1.3888888889vw;
		margin-top: 6.9444444444vw;
		max-width: none
	}
}

.section_media .tab_feature .feature_list .feature_item {
	position: relative
}

@media screen and (min-width:1081px) {
	.section_media .tab_feature .feature_list .feature_item {
		height: 308px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_media .tab_feature .feature_list .feature_item {
		height: 16.04vw
	}
}

@media screen and (min-width:1081px) {
	.section_media .tab_feature .feature_list .feature_item:nth-child(1),.section_media .tab_feature .feature_list .feature_item:nth-child(4) {
		width: 613px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_media .tab_feature .feature_list .feature_item:nth-child(1),.section_media .tab_feature .feature_list .feature_item:nth-child(4) {
		width: 31.93vw
	}
}

@media screen and (min-width:1081px) {
	.section_media .tab_feature .feature_list .feature_item:nth-child(2),.section_media .tab_feature .feature_list .feature_item:nth-child(3) {
		width: 428px
	}
}

@media screen and (min-width:1081px)and (max-width:1919px) {
	.section_media .tab_feature .feature_list .feature_item:nth-child(2),.section_media .tab_feature .feature_list .feature_item:nth-child(3) {
		width: 22.29vw
	}
}

@media screen and (max-width:1080px) {
	.section_media .tab_feature .feature_list .feature_item {
		display: flex;
		align-items: flex-end
	}

	.section_media .tab_feature .feature_list .feature_item img {
		vertical-align: bottom
	}
}

.section_media .tab_feature .feature_list .date {
	position: absolute;
	left: 50%;
	top: 58%;
	transform: translate(-50%,-50%);
	font-weight: 600;
	color: #5b5e67;
	font-size: 26px
}

@media(max-width:1919px) {
	.section_media .tab_feature .feature_list .date {
		font-size: 1.35vw
	}
}

@media screen and (max-width:1080px) {
	.section_media .tab_feature .feature_list .date {
		font-size: 3.6111111111vw
	}
}

.section_media .tab_feature .feature_list .btn_basic {
	position: absolute;
	right: 30px;
	bottom: 30px
}

@media(max-width:1919px) {
	.section_media .tab_feature .feature_list .btn_basic {
		right: 1.56vw;
		bottom: 1.56vw
	}
}

@media screen and (max-width:1080px) {
	.section_media .tab_feature .feature_list .btn_basic {
		right: 1.3888888889vw;
		bottom: 1.3888888889vw
	}
}

.section_media .tab_media .box_media {
	position: relative;
	margin: 0 auto;
	width: 1103px;
	height: 631px
}

@media(max-width:1919px) {
	.section_media .tab_media .box_media {
		width: 57.45vw;
		height: 32.86vw
	}
}

@media screen and (max-width:1080px) {
	.section_media .tab_media .box_media {
		height: auto;
		width: 100%
	}
}

@media screen and (max-width:1080px) {
	.section_media .tab_media .media_swiper .swiper-wrapper {
		flex-direction: column;
		transform: none!important
	}
}

.section_media .tab_media .media_swiper .swiper-slide {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	box-sizing: border-box;
	gap: 32px;
	padding: 0 16px
}

@media(max-width:1919px) {
	.section_media .tab_media .media_swiper .swiper-slide {
		gap: 1.67vw;
		padding: 0 .83vw
	}
}

@media screen and (max-width:1080px) {
	.section_media .tab_media .media_swiper .swiper-slide {
		grid-template-columns: repeat(1,1fr);
		gap: 4.1666666667vw;
		margin-top: 4.1666666667vw;
		padding: 0
	}
}

.section_media .tab_media .media_swiper .btn_media {
	position: relative;
	background: #000;
	aspect-ratio: 16/9
}

@media screen and (min-width:1081px) {
	.section_media .tab_media .media_swiper .btn_media:hover img {
		opacity: .5
	}

	.section_media .tab_media .media_swiper .btn_media:hover:after {
		background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
		background-repeat: no-repeat
	}
}

@media screen and (min-width:1081px)and (min-width:1921px) {
	.section_media .tab_media .media_swiper .btn_media:hover:after {
		background-size: 1468px 1297px;
		background-position: -1345px -374px;
		width: 118px;
		height: 118px
	}
}

@media screen and (min-width:1081px)and (min-width:1081px)and (max-width:1920px) {
	.section_media .tab_media .media_swiper .btn_media:hover:after {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -19.4791666667vw;
		width: 6.1458333333vw;
		height: 6.1458333333vw
	}
}

.section_media .tab_media .media_swiper .btn_media:after,.section_media .tab_media .media_swiper .btn_media:before {
	position: absolute;
	content: "";
	display: block
}

.section_media .tab_media .media_swiper .btn_media:before {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(/page/pre-register/img/media_ad_thumbnail_frame-109168056f3edd8ea6838472eabea8f7.png) center/contain no-repeat
}

.section_media .tab_media .media_swiper .btn_media:after {
	left: 50%;
	top: 55%;
	transform: translate(-50%,-50%);
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.section_media .tab_media .media_swiper .btn_media:after {
		background-size: 1468px 1297px;
		background-position: -1345px -252px;
		width: 118px;
		height: 118px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.section_media .tab_media .media_swiper .btn_media:after {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -13.125vw;
		width: 6.1458333333vw;
		height: 6.1458333333vw
	}
}

@media screen and (max-width:1080px) {
	.section_media .tab_media .media_swiper .box_empty {
		display: none
	}
}

.section_media .tab_media .swiper-button-next,.section_media .tab_media .swiper-button-prev {
	width: auto;
	height: auto;
	top: 50%;
	margin-top: 0
}

.section_media .tab_media .swiper-button-next.swiper-button-disabled,.section_media .tab_media .swiper-button-prev.swiper-button-disabled {
	opacity: .5
}

@media screen and (max-width:1080px) {
	.section_media .tab_media .swiper-button-next,.section_media .tab_media .swiper-button-prev {
		display: none
	}
}

.section_media .tab_media .swiper-button-next {
	transform: translate(100%,-50%);
	right: -16px
}

@media(max-width:1919px) {
	.section_media .tab_media .swiper-button-next {
		right: -.83vw
	}
}

@media(min-width:2560px) {
	.section_media .tab_media .swiper-button-next {
		right: -16px
	}
}

.section_media .tab_media .swiper-button-next:hover:after {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.section_media .tab_media .swiper-button-next:hover:after {
		background-size: 1468px 1297px;
		background-position: -1345px -710px;
		width: 66px;
		height: 66px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.section_media .tab_media .swiper-button-next:hover:after {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -36.9791666667vw;
		width: 3.4375vw;
		height: 3.4375vw
	}
}

.section_media .tab_media .swiper-button-next:after {
	content: "";
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.section_media .tab_media .swiper-button-next:after {
		background-size: 1468px 1297px;
		background-position: -1345px -640px;
		width: 66px;
		height: 66px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.section_media .tab_media .swiper-button-next:after {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -33.3333333333vw;
		width: 3.4375vw;
		height: 3.4375vw
	}
}

.section_media .tab_media .swiper-button-prev {
	transform: translate(-100%,-50%);
	left: -16px
}

@media(max-width:1919px) {
	.section_media .tab_media .swiper-button-prev {
		left: -.83vw
	}
}

@media(min-width:2560px) {
	.section_media .tab_media .swiper-button-prev {
		left: -16px
	}
}

.section_media .tab_media .swiper-button-prev:hover:after {
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.section_media .tab_media .swiper-button-prev:hover:after {
		background-size: 1468px 1297px;
		background-position: -1345px -850px;
		width: 66px;
		height: 66px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.section_media .tab_media .swiper-button-prev:hover:after {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -44.2708333333vw;
		width: 3.4375vw;
		height: 3.4375vw
	}
}

.section_media .tab_media .swiper-button-prev:after {
	content: "";
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.section_media .tab_media .swiper-button-prev:after {
		background-size: 1468px 1297px;
		background-position: -1345px -780px;
		width: 66px;
		height: 66px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.section_media .tab_media .swiper-button-prev:after {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -70.0520833333vw -40.625vw;
		width: 3.4375vw;
		height: 3.4375vw
	}
}

@media screen and (max-width:1080px) {
	.section_media .tab_media .btn_basic {
		margin: 4.1666666667vw auto 0
	}
}

@media screen and (max-width:1080px) {
	.section_luck .title {
		width: 83.3333333333vw;
		height: 30.5555555556vw
	}
}

.section_luck .box_luck {
	display: flex;
	flex-direction: column;
	text-align: center;
	background: url(/page/pre-register/img/luck_content_bg-2c5550ad679a30165d168bf310b01b2e.png) center/cover no-repeat;
	box-sizing: border-box;
	width: 1072px;
	height: 631px;
	margin-top: 20px;
	padding: 16px 40px 34px 40px
}

@media(max-width:1919px) {
	.section_luck .box_luck {
		width: 55.83vw;
		height: 32.86vw;
		margin-top: 1.04vw;
		padding: .83vw 2.08vw 1.77vw 2.08vw
	}
}

@media screen and (max-width:1080px) {
	.section_luck .box_luck {
		background-image: url(/page/pre-register/img/luck_content_bg_mo-f82fb566992dbc762854081a30826af5.png);
		width: 93.3333333333vw;
		height: 142.2222222222vw;
		margin-top: 5.5555555556vw;
		padding: 0 1.5277777778vw 5.5555555556vw
	}
}

.section_luck .date {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fee7b9;
	font-weight: 700;
	border-bottom: 1px solid #313640;
	padding: 20px 0;
	font-size: 20px;
	gap: 10px
}

@media(max-width:1919px) {
	.section_luck .date {
		padding: 1.04vw 0;
		font-size: 1.04vw;
		gap: .52vw
	}
}

.section_luck .date:after,.section_luck .date:before {
	display: block;
	content: "";
	background-image: url(/page/pre-register/img/sprite-a6f32b16f14db4d2ab750af9a96725ec.png);
	background-repeat: no-repeat
}

@media(min-width:1921px) {
	.section_luck .date:after,.section_luck .date:before {
		background-size: 1468px 1297px;
		background-position: -1415px -878px;
		width: 23px;
		height: 22px
	}
}

@media(min-width:1081px)and (max-width:1920px) {
	.section_luck .date:after,.section_luck .date:before {
		background-size: 76.4583333333vw 67.5520833333vw;
		background-position: -73.6979166667vw -45.7291666667vw;
		width: 1.1979166667vw;
		height: 1.1458333333vw
	}
}

@media screen and (max-width:1080px) {
	.section_luck .date {
		padding: 5.5555555556vw 0 4.1666666667vw;
		font-size: 3.6111111111vw;
		gap: 2.7777777778vw
	}

	.section_luck .date:after,.section_luck .date:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.section_luck .date:after,.section_luck .date:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -181.3888888889vw -59.4444444444vw;
		width: 3.125vw;
		height: 3.0555555556vw
	}
}

.section_luck .desc {
	color: #fff;
	line-height: 1.2;
	font-size: 18px;
	padding-top: 20px
}

@media(max-width:1919px) {
	.section_luck .desc {
		font-size: .94vw;
		padding-top: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.section_luck .desc {
		font-size: 3.6111111111vw;
		padding-top: 2.7777777778vw
	}
}

.section_luck .desc em {
	color: #e2b863
}

.section_luck .sub_desc {
	color: #bbb5ab;
	line-height: 1.2;
	font-size: 14px;
	padding: 4px 0 20px
}

@media(max-width:1919px) {
	.section_luck .sub_desc {
		font-size: .73vw;
		padding: .21vw 0 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.section_luck .sub_desc {
		font-size: 3.0555555556vw;
		padding: 2.2222222222vw 0 1.9444444444vw
	}
}

.section_luck .box_content {
	position: relative;
	flex: 1
}

.section_luck .box_content .box_btn {
	display: flex;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	gap: 10px
}

@media(max-width:1919px) {
	.section_luck .box_content .box_btn {
		gap: .52vw
	}
}

@media screen and (max-width:1080px) {
	.section_luck .box_content .box_btn {
		gap: 2.7777777778vw
	}
}

.wrap {
	align-items: center;
	justify-content: center
}

.wrap.type_error {
	background: url(/page/pre-register/img/bg_error-524bf00fe98ddea63dbb5bd6411326eb.jpg) no-repeat center center/cover
}

.wrap.type_error .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100vh
}

.wrap.type_error .title:not(.type_text) {
	width: 800px;
	height: 170px
}

@media(max-width:1919px) {
	.wrap.type_error .title:not(.type_text) {
		width: 41.67vw;
		height: 8.85vw
	}
}

@media screen and (max-width:1080px) {
	.wrap.type_error .title:not(.type_text) {
		width: 90.1388888889vw;
		height: 24.0277777778vw
	}
}

.wrap.type_error .title.type_text {
	color: #fff;
	font-size: 40px;
	padding-bottom: 20px
}

@media(max-width:1919px) {
	.wrap.type_error .title.type_text {
		font-size: 2.08vw;
		padding-bottom: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.wrap.type_error .title.type_text {
		font-size: 5.5555555556vw;
		padding-bottom: 2.7777777778vw
	}
}

.wrap.type_error .desc {
	text-align: center;
	line-height: 1.2;
	color: #fff;
	font-weight: 700;
	font-size: 20px
}

@media(max-width:1919px) {
	.wrap.type_error .desc {
		font-size: 1.04vw
	}
}

@media screen and (max-width:1080px) {
	.wrap.type_error .desc {
		font-size: 3.3333333333vw
	}
}

.wrap.type_error .btn_basic {
	margin-top: 40px
}

@media(max-width:1919px) {
	.wrap.type_error .btn_basic {
		margin-top: 2.08vw
	}
}

@media screen and (max-width:1080px) {
	.wrap.type_error .btn_basic {
		margin-top: 5.5555555556vw
	}
}

.wrap.type_error .footer {
	width: 100%;
	bottom: 0;
	left: 0
}

@media screen and (max-width:1080px) {
	.section_character .section_inner {
		padding: 12.5vw 0
	}
}

.section_character .title {
	width: 503px;
	height: 170px
}

@media(max-width:1919px) {
	.section_character .title {
		width: 26.2vw;
		height: 8.85vw
	}
}

@media screen and (max-width:1080px) {
	.section_character .title {
		width: 87.3611111111vw;
		height: 32.3611111111vw
	}
}

.section_character .box_character {
	width: 1072px;
	height: 516px;
	margin-top: 40px;
	margin-bottom: 40px
}

@media(max-width:1919px) {
	.section_character .box_character {
		width: 55.83vw;
		height: 26.88vw;
		margin-top: 2.08vw;
		margin-bottom: 2.08vw
	}
}

@media screen and (max-width:1080px) {
	.section_character .box_character {
		width: 93.3333333333vw;
		height: 116.5277777778vw;
		margin-top: 5.5555555556vw;
		margin-bottom: 5.5555555556vw
	}
}

@media screen and (max-width:1080px) {
	.section_character .btn_basic {
		width: 37.2222222222vw;
		height: 12.5vw
	}

	.section_character .btn_basic .text {
		font-size: 4.4444444444vw;
		letter-spacing: -1px
	}

	.section_character .btn_basic:before {
		top: 62%;
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.section_character .btn_basic:before {
		background-size: 185vw 178.3333333333vw;
		background-position: 0 -54.4444444444vw;
		width: 45.5555555556vw;
		height: 20.8333333333vw
	}
}

@media screen and (max-width:1080px) {
	.section_character .btn_basic.is_disabled:before,.section_character .btn_basic:disabled:before {
		background-image: url(/images/ryg_btn.png);
		background-repeat: no-repeat
	}
}

@media screen and (max-width:1080px)and (max-width:1080px) {
	.section_character .btn_basic.is_disabled:before,.section_character .btn_basic:disabled:before {
		background-size: 185vw 178.3333333333vw;
		background-position: -89.1666666667vw 0;
		width: 45.5555555556vw;
		height: 20.8333333333vw
	}
}

/*ryg*/
/* section_main 占满一屏 */
.section_main {
  position: relative;
  width: 100%;
  height: 100vh; /* 一屏高度 */
  overflow: hidden;
}

/* 新背景容器 */
.box_bg_fullscreen_main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0; /* 放在内容下方 */
}

/* 背景图片 - 桌面端铺满屏幕 */
.box_bg_fullscreen_main img {
  width: 100%;
  height: 100%;
  object-fit: cover;         /* 桌面端铺满屏幕 */
  object-position: center top; /* 顶部裁切，底部 Logo 尽量显示 */
  display: block;
}

/* 半透明遮罩层（可选，如果需要） */
.box_bg_fullscreen_main:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
}

/* 移动端完整显示 Logo */
@media (max-width: 768px) {
  .box_bg_fullscreen_main img {
    object-fit: contain;    /* 保证 Logo 完整显示 */
    object-position: bottom; /* 底部对齐 */
  }
}


/* section 满屏 */
.section_pre_register {
  position: relative;
  width: 100%;
  height: 100vh; /* 一屏高度 */
  overflow: hidden;
}

/* 新背景容器 */
.box_bg_fullscreen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0; /* 放在内容下方 */
}

/* 背景图片 - 桌面端铺满屏幕 */
.box_bg_fullscreen img {
  width: 100%;
  height: 100%;
  object-fit: cover;         /* 桌面端铺满屏幕 */
  object-position: center top; /* 顶部裁切，底部 Logo 尽量显示 */
  display: block;
}

/* 半透明遮罩层 */
.box_bg_fullscreen:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
}

/* 移动端完整显示 Logo */
@media (max-width: 768px) {
  .box_bg_fullscreen img {
    object-fit: contain;    /* 保证 Logo 完整显示 */
    object-position: bottom; /* 底部对齐 */
  }
}

/* 首页满屏背景 */
.section_main {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.box_bg_fullscreen_main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
} 

/* LOGO 层 */
.section_inner_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 10;
}
 
/* Slogan */
.section_inner_logo .main_slogan {
  font-size: 1.8rem;
  margin-bottom: 30px;
  text-shadow: 0 0 10px rgba(0,0,0,0.5);
}

/* 下载按钮 */
.section_inner_logo .btn_download {
  display: inline-block;
  padding: 12px 30px;
  background: #FF5809;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  text-decoration: none;
  transition: 0.3s;
}

.section_inner_logo .btn_download:hover {
  background: #ff7a33;
}



/*# sourceMappingURL=architect.min.css.map */