@charset "UTF-8";
/*=========================================================
	Animation: aniUp
=========================================================*/
.aniUp{
	transition-property: opacity,transform;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0, 0, 0.5, 1);
	opacity:0;
	transform:translateY(5.625rem);
}

.aniUp.is-View{
	opacity:1;
	transform:translateY(0);
}

/*=========================================================
	ScrollCheck
=========================================================*/
.ScrollCheck{
	height:11.875rem;
	width:100%;
	position:absolute;
	top:-11.875rem;
	pointer-events: none;
}

.Format .ScrollCheck{
	top: 1.5rem;
}

/*=========================================================
	Hero
=========================================================*/
.Hero{
	display:flex;
	min-height:100vh;
	min-height: 100dvh;
	position:relative;
	flex-direction: column;
	align-items: center;
}

.HeroBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.HeroBg:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: linear-gradient(180deg, rgba(15, 8, 2, 0.20) 0%, #0F0802 96.1%);
	z-index:5;
}

.HeroBg-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.HeroInfo{
	position:relative;
	padding:5.25rem 0;
	margin-top: auto;
    margin-bottom: auto;
	z-index:100;
}

.HeroInfoFlex{
	display:flex;
	flex-direction: column;
	align-items: center;
}

.HeroInfoLogo{
	width:33rem;
	height:20.625rem;
	background-image:url(../../images/cont/hero_logo.png);
	background-size:100% 100%;
	margin-bottom:1.25rem;
}

.HeroVideoBtn{
	width:5rem;
	height:5rem;
	background-image:url(../../images/icon/ico_play_btn.png);
	background-size:100% 100%;
	display:block;
	margin-bottom:2.5rem;
}

.HeroVideoBtn.is-Pause{
	background-image:url(../../images/icon/ico_pause_btn.png);
}

@media screen and (max-width:1199px) and (min-width:500px){
	.Hero{
		min-height:40rem;
		justify-content: end;
	}
	
	.HeroInfo{
		padding:0;
		padding-bottom:1.5rem;
		margin:0;
	}
	
	.HeroInfoLogo{
		width:16rem;
		height:10rem;
		margin-bottom:1.25rem;
	}
	
	.HeroVideoBtn{
		width:3.5rem;
		height:3.5rem;
		margin-bottom:4rem;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.Hero{
		justify-content: end;
		min-height:40rem;
	}
	
	.HeroInfo{
		padding:0;
		padding-bottom:1.5rem;
		margin:0;
	}
	
	.HeroInfoLogo{
		width:16rem;
		height:10rem;
		margin-bottom:1.25rem;
	}
	
	.HeroVideoBtn{
		width:3.5rem;
		height:3.5rem;
		margin-bottom:4rem;
	}
}

/*=========================================================
	ScheduleBar
=========================================================*/
.ScheduleBar{
	width:53.875rem;
	max-width:100%;
	position:relative;
	height:6rem;
}

.ScheduleBarFixInfo{
	width:53.875rem;
	max-width:100%;
	height:6rem;
	border-radius: 0.75rem;
	box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.25);
	overflow:hidden;
	position:absolute;
	top:0;
	transition-property:transform;
    transition-duration: 0.4s;
	border: 1px solid #ffd74b;
	box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.25);
	transform: translateZ(0);
	will-change: transform, position;
	z-index:900;
}

.is-Fixed.ScheduleBarFixInfo{
	position:fixed;
	transform:translateY(calc(4rem + 8px));
	backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.admin-bar .is-Fixed.ScheduleBarFixInfo{
	top:32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .is-Fixed.ScheduleBarFixInfo{
		top:46px;
	}
}

@keyframes border-glint {
  0% { background-position: 0, -100%; }
  100% { background-position: 0, -220%; }
}

.ScheduleBarFix{
	width:calc(53.875rem - 2px);
	max-width:100%;
	height:calc(6rem - 2px);
	border-radius: 0.75rem;
	background: linear-gradient(90deg, rgba(7, 15, 47, 1) 0%, rgba(37, 22, 149, 1) 100%);
	overflow:hidden;
	position:relative;
	padding:0 3rem;
}

.is-Fixed .ScheduleBarFix{
	background: linear-gradient(90deg, rgba(7, 15, 47, 0.80) 0%, rgba(37, 22, 149, 0.80) 100%);
}

.ScheduleBarFix:before{
	content:"";
	width:2.563rem;
	height:6rem;
	background-image:url(../../images/bg/bg_schedulebar_left.png);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.ScheduleBarFix:after{
	content:"";
	width:2.563rem;
	height:6rem;
	background-image:url(../../images/bg/bg_schedulebar_right.png);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

body .ScheduleSlider-prev{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:3rem;
	border-right:solid 1px rgba(255,255,255,0.1);
	cursor:pointer;
	z-index:5;
}

body .ScheduleSlider-prev:after{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_schedule_side_prev.png);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0.5rem;
	transform:translateY(-50%);
}

body .ScheduleSlider-next{
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:3rem;
	border-left:solid 1px rgba(255,255,255,0.1);
	cursor:pointer;
	z-index:5;
}

body .ScheduleSlider-next:after{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_schedule_side_next.png);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0.5rem;
	transform:translateY(-50%);
}

body .ScheduleSlider-prev.swiper-button-disabled:after{
	opacity:0.2 !important;
}

body .ScheduleSlider-next.swiper-button-disabled:after{
	opacity:0.2 !important;
}

.ScheduleSlider-item{
	width:20%;
}

.ScheduleSlider-item + .ScheduleSlider-item{
	border-left:solid 1px rgba(255,255,255,0.1);
}

/* SchedulePost*/
.SchedulePost{
	width:100%;
	padding:0.75rem 0.875rem;
	height:calc(6rem - 2px);
}

.SchedulePostDate{
	display:flex;
	align-items:center;
	margin-bottom:0.313rem;
	white-space:nowrap;
}

.SchedulePostTime-month{
	font-size:1.25rem;
	line-height:1.2em;
	font-weight:700;
	background: linear-gradient(90deg, #FFD74B 0%, #FFA655 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-right:0.313rem;
	display:block;
	letter-spacing:-0.05rem;
}

.SchedulePostTime-time{
	display:block;
	font-size:0.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	letter-spacing:-0.035rem;
}

.SchedulePost-title{
	font-size:0.75rem;
	line-height:1.4em;
	background: linear-gradient(180deg, #FFE898 29.17%, #FFF 122.22%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom:0.125rem;
}

.SchedulePost-text{
	font-size:0.75rem;
	line-height:1.4em;
	color:#fff;
}

@media screen and (max-width:1199px) and (min-width:500px){
	.ScheduleBar{
		width:20rem;
		height:5.375rem;
	}
	
	.ScheduleBarFixInfo{
		width:20rem;
		height:5.375rem;
	}
	
	.ScheduleBarFix{
		width:calc(20rem - 2px);
		height:calc(5.375rem - 2px);
		padding:0 5.25rem 0 0;
	}
	
	.ScheduleSlider-item{
		width:100%;
	}
	
	.SchedulePostTime-month{
		font-size:1rem;
	}
	
	.SchedulePostTime-time{
		font-size:1rem;
	}
	
	body .ScheduleSlider-prev{
		width:2.125rem;
		height:2.125rem;
		border-right:none;
		top:50%;
		left:auto;
		right:2.5rem;
		transform:translateY(-50%);
	}
	
	body .ScheduleSlider-prev:before{
		content:"";
		width:1px;
		height:1.25rem;
		background-color:rgba(255, 255, 255, 0.20);
		position:absolute;
		top:50%;
		right:0;
		transform:translateY(-50%);
	}
	
	body .ScheduleSlider-next{
		width:2.125rem;
		height:2.125rem;
		border-left:none;
		top:50%;
		right:0.375rem;
		transform:translateY(-50%);
	}
	
	body .ScheduleSlider-prev:after{
		left:50%;
		transform:translate(-50%, -50%);
	}
	
	body .ScheduleSlider-next:after{
		right:auto;
		left:50%;
		transform:translate(-50%, -50%);
	}
	
	.ScheduleBarFix:before,
	.ScheduleBarFix:after{
		display:none;
	}
	
	.ScheduleSlider-item + .ScheduleSlider-item{
		border-left:none;
	}
	
	.SchedulePost{
		height:calc(5.375rem - 2px);
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.ScheduleBar{
		width:20rem;
		height:5.375rem;
	}
	
	.ScheduleBarFixInfo{
		width:20rem;
		height:5.375rem;
	}
	
	.ScheduleBarFix{
		width:calc(20rem - 2px);
		height:calc(5.375rem - 2px);
		padding:0 5.25rem 0 0;
	}
	
	.ScheduleSlider-item{
		width:100%;
	}
	
	.SchedulePostTime-month{
		font-size:1rem;
	}
	
	.SchedulePostTime-time{
		font-size:1rem;
	}
	
	body .ScheduleSlider-prev{
		width:2.125rem;
		height:2.125rem;
		border-right:none;
		top:50%;
		left:auto;
		right:2.5rem;
		transform:translateY(-50%);
	}
	
	body .ScheduleSlider-prev:before{
		content:"";
		width:1px;
		height:1.25rem;
		background-color:rgba(255, 255, 255, 0.20);
		position:absolute;
		top:50%;
		right:0;
		transform:translateY(-50%);
	}
	
	body .ScheduleSlider-next{
		width:2.125rem;
		height:2.125rem;
		border-left:none;
		top:50%;
		right:0.375rem;
		transform:translateY(-50%);
	}
	
	body .ScheduleSlider-prev:after{
		left:50%;
		transform:translate(-50%, -50%);
	}
	
	body .ScheduleSlider-next:after{
		right:auto;
		left:50%;
		transform:translate(-50%, -50%);
	}
	
	.ScheduleBarFix:before,
	.ScheduleBarFix:after{
		display:none;
	}
	
	.ScheduleSlider-item + .ScheduleSlider-item{
		border-left:none;
	}
	
	.SchedulePost{
		height:calc(5.375rem - 2px);
	}
}
/*=========================================================
	Player
=========================================================*/
.SiteSecTitle{
	font-size:3rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	text-shadow: 0 4px 0 rgba(197, 95, 0, 0.80);
	text-align:center;
	margin-bottom:3rem;
}

@media screen and (max-width:1199px) and (min-width:500px){
	.SiteSecTitle{
		font-size:2rem;
		margin-bottom:1.625rem;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.SiteSecTitle{
		font-size:2rem;
		margin-bottom:1.625rem;
	}
}

/*=========================================================
	Player
=========================================================*/
.Player{
	background: linear-gradient(180deg, #0F0802 0%, #FF7800 62.45%);
	padding:4rem 0 15rem;
	position:relative;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13rem), 0 100%);
	z-index:5;
}

.PlayerBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:78.375rem;
	pointer-events: none;
	mix-blend-mode: overlay;
	background-image:url(../../images/bg/effect-light.webp);
	background-size:100% 100%;
	transform-origin: center bottom;
}

.Player:after{
	content:"";
	width:100%;
	height:8.75rem;
	background: linear-gradient(180deg, #0F0802 8.33%, rgba(15, 8, 2, 0.00) 100%);
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	pointer-events: none;
}

.PlayerInfo{
	position:relative;
	z-index:5;
}

@media screen and (max-width:1199px) and (min-width:500px){
	.Player{
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6rem), 0 100%);
		padding-bottom:10rem;
	}
	
	.PlayerBg{
		background-image:url(../../images/bg/effect-light_t.jpg);
		height:100%;
		background-size:cover;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.Player{
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), 0 100%);
		padding-bottom:10rem;
	}
	
	.PlayerBg{
		background-image:url(../../images/bg/effect-light_m.jpg);
		height:100%;
		background-size:cover;
	}
}

/*=========================================================
	PlayerTab
=========================================================*/
.PlayerSlider{
	position:relative;
}

.PlayerSlider:before{
	content:"";
	width:28.375rem;
	height:28.063rem;
	background-image:url(../../images/bg/player_sc_bg.svg);
	background-size:100% 100%;
	position:absolute;
	bottom: -7rem;
    left: -14rem;
}

.PlayerSliderTab{
	margin-bottom:3rem;
	position:relative;
	display:flex;
	justify-content:center;
}

body .PlayerSliderTab-wrapper{
	transform: translate3d(0px, 0px, 0px) !important;
	justify-content:center;
	width:auto;
}

.PlayerSliderTab-slide{
	width:7.5rem;
}

.PlayerSliderTab-slide + .PlayerSliderTab-slide{
	margin-left:0.5rem;
}

body .PlayerSliderTab-prev{
	width:4rem;
	height:4rem;
	background-image:url(../../images/icon/ico_player_slide_prev.png);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:-5rem;
	transform:translateY(-50%);
	cursor:pointer;
}

body .PlayerSliderTab-next{
	width:4rem;
	height:4rem;
	background-image:url(../../images/icon/ico_player_slide_next.png);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:-5rem;
	transform:translateY(-50%);
	cursor:pointer;
}

.PlayerTabPostIco{
	width:7.5rem;
	height:7.5rem;
	border-radius:100% 100%;
	cursor:pointer;
	margin-bottom:0.5rem;
	position:relative;
}

.PlayerTabPostTitle{
	font-size:1.125rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	text-align:center;
}

.PlayerTabPostIco:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image:url(../../images/cont/bg_flag_bg.svg);
	background-size:100% 100%;
	opacity:0;
}

.PlayerTabPostIco:after{
	content:"";
	width:5.25rem;
	height:5.5rem;
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:5;
}

.Group1 .PlayerTabPostIco:after{
	background-image:url(../../images/cont/bg_flag1.png);
}

.Group2 .PlayerTabPostIco:after{
	background-image:url(../../images/cont/bg_flag2.png);
}

.Group3 .PlayerTabPostIco:after{
	background-image:url(../../images/cont/bg_flag3.png);
}

.Group4 .PlayerTabPostIco:after{
	background-image:url(../../images/cont/bg_flag4.png);
}

.PlayerSliderTab-slide.swiper-slide-thumb-active .PlayerTabPostIco:before{
	opacity:1;
}

.PlayerSliderTab-slide.swiper-slide-thumb-active .PlayerTabPostTitle{
	color:#FFE659;
}

@media screen and (min-width:1200px){
	.PlayerTabPost:hover .PlayerTabPostIco{
		background-color: rgba(255, 255, 255, 0.08);
	}
	
	.Format .PlayerSliderTab{
		margin-bottom:1.5rem;
	}
}

@media screen and (max-width:1199px) and (min-width:500px){
	.PlayerSliderTab-slide{
		width:4rem;
	}
	
	.PlayerSliderTab{
		margin-bottom:1.438rem;
	}
	
	.PlayerTabPostIco{
		width:4rem;
		height:4rem;
		margin-bottom:0.313rem;
	}
	
	.PlayerTabPostIco:after{
		width:2.813rem;
		height:2.938rem;
	}
	
	.PlayerSliderTab-slide + .PlayerSliderTab-slide{
		margin-left:0.625rem;
	}
	
	.PlayerTabPostTitle{
		font-size:1rem;
	}
	
	body .PlayerSliderTab-prev,
	body .PlayerSliderTab-next{
		display:none;
	}
	
	.PlayerSlider:before{
		display:none;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.PlayerSliderTab-slide{
		width:4rem;
	}
	
	.PlayerSliderTab{
		margin-bottom:1.438rem;
	}
	
	.PlayerTabPostIco{
		width:4rem;
		height:4rem;
		margin-bottom:0.313rem;
	}
	
	.PlayerTabPostIco:after{
		width:2.813rem;
		height:2.938rem;
	}
	
	.PlayerSliderTab-slide + .PlayerSliderTab-slide{
		margin-left:0.625rem;
	}
	
	.PlayerTabPostTitle{
		font-size:1rem;
	}
	
	body .PlayerSliderTab-prev,
	body .PlayerSliderTab-next{
		display:none;
	}
	
	.PlayerSlider:before{
		display:none;
	}
}

/*=========================================================
	PlayerSlider
=========================================================*/
.PlayerList-inner{
	display:flex;
	flex-wrap:wrap;
	margin:-0.75rem -0.75rem;
}

.PlayerSliderList{
	opacity:0;
}

.PlayerSliderList.swiper-initialized{
	opacity:1;
}

.PlayerSliderList-slide{
	width:100%;
}

.PlayerList-item{
	padding:0.75rem 0.75rem;
	width:25%;
}

.PlayerList{
	width:100%;
}

.PlayerPost{
	position:relative;
}

.PlayerPost:after{
	content:"";
	display:block;
	padding-bottom:142%;
}

.PlayerPostBg{
	position: absolute;
    top: -3%;
    left: -5.5%;
    width: 114%;
    height: 110%;
    background-size: 100% 100%;
	transition-property: opacity;
    transition-duration: 0.01s;
	opacity:0;
}

.swiper-slide-active .PlayerPostBg{
	opacity:1;
}

.Yellow .PlayerPostBg{
	background-image:url(../../images/bg/player_yellow.png);
}

.Blue .PlayerPostBg{
	background-image:url(../../images/bg/player_blue.png);
}

.Green .PlayerPostBg{
	background-image:url(../../images/bg/player_green.png);
}

.Purple .PlayerPostBg{
	background-image:url(../../images/bg/player_purple.png);
}

.PlayerPostPerson{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
}

.PlayerPostPerson:after{
	content:"";
	position:absolute;
	bottom:-0.063rem;
	left:0;
	top:0;
	right:0;
	background-size:100% 100%;
	z-index:5;
}

.Yellow .PlayerPostPerson:after{
	background-image:url(../../images/bg/player_yellow_bg.png);
}

.Blue .PlayerPostPerson:after{
	background-image:url(../../images/bg/player_blue_bg.png);
}

.Green .PlayerPostPerson:after{
	background-image:url(../../images/bg/player_green_bg.png);
}

.Purple .PlayerPostPerson:after{
	background-image:url(../../images/bg/player_purple_bg.png);
}

.PlayerPostPerson-img{
	position:absolute;
	bottom:6%;
	left:3%;
	width:94%;
	height:94%;
	object-fit:cover;
}

.PlayerPostMeta{
	position:absolute;
	bottom:2.5rem;
	left:1rem;
	right:1rem;
	text-align:center;
	z-index:5;
}

.PlayerPostMetaRank{
	position:relative;
	margin-bottom:0.5rem;
}

.PlayerPostMetaName{
	font-size:1.125rem;
	line-height:1.4em;
	color:#fff;
	font-family: 'Noto Sans JP', 'Noto Sans TC', 'Noto Sans TH','CookieRun', Helvetica, "Apple SD Gothic Neo", Dotum, 돋움, sans-serif;
}

.PlayerPostMetaRank{
	width:100%;
	height:1.813rem;
	background-image:url(../../images/bg/player_rank_bg.png);
	background-size:100% 100%;
	font-size:0;
	line-height:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.PlayerPostMetaRank:after{
	content:"";
	width:1.375rem;
	height:1rem;
	background-image:url(../../images/icon/icon_crown.svg);
	background-size:100% 100%;
	position:absolute;
	top:-0.7rem;
	left:50%;
	transform:translateX(-50%);
}

.PlayerPostMetaRank-title{
	font-size:0.875rem;
	line-height:1.2em;
	color:#fff;
	margin-right:0.25rem;
	display:block;
}

.PlayerPostMetaRank-text{
	font-size:0.875rem;
	line-height:1.2em;
	color:#FFE659;
	display:block;
}

@media screen and (max-width:1199px) and (min-width:500px){
	.PlayerList{
		width:20rem;
		margin:0 auto;
	}
	
	.PlayerList-inner{
		margin: 0 -0.25rem;
	}
	
	.PlayerList-item{
		width:50%;
		padding: 0 0.25rem;
	}
	
	.PlayerPostMeta{
		bottom:1.65rem;
		left:0;
		right:0;
	}
	
	.PlayerPost:after{
		padding-bottom: 156%;
	}
	
	.PlayerPostMetaRank-title{
		font-size:0.75rem;
	}
	
	.PlayerPostMetaRank-text{
		font-size:0.75rem;
	}
	
	.PlayerPostMetaName{
		font-size:0.875rem;
	}
	
	.PlayerPostBg{
		top: -6%;
        left: -10%;
        width: 125%;
        height: 117%;
	}
	
	.Step2 .PlayerPostBg{
		top: -5.3%;
        width: 123%;
        height: 117%;
	}
	
	.Step3 .PlayerPostBg{
		top: -5%;
        height: 116%;
	}
	
	.Step4 .PlayerPostBg{
		top: -5%;
        width: 123.4%;
        height: 116%;
	}
	
	.Step5 .PlayerPostBg{
		top: -5%;
        height: 116%;
	}
	
	.Step6 .PlayerPostBg{
		top: -5%;
        width: 124%;
        height: 116%;
	}
	
	.Step7 .PlayerPostBg{
		top: -5%;
		height: 116%;
	}
	
	.Step8 .PlayerPostBg{
		top: -5%;
        width: 123%;
        height: 116%;
	}
	
	.Step1 .PlayerPostBg{
		background-image:url(../../images/bg/player_yellow_m.png);
	}
	
	.Step2 .PlayerPostBg{
		background-image:url(../../images/bg/player_blue_m.png);
	}
	
	.Step3 .PlayerPostBg{
		background-image:url(../../images/bg/player_green_m.png);
	}

	.Step4 .PlayerPostBg{
		background-image:url(../../images/bg/player_purple_m.png);
	}
	
	.Step5 .PlayerPostBg{
		background-image:url(../../images/bg/player_yellow2_m.png);
	}
	
	.Step6 .PlayerPostBg{
		background-image:url(../../images/bg/player_blue2_m.png);
	}
	
	.Step7 .PlayerPostBg{
		background-image:url(../../images/bg/player_green2_m.png);
	}

	.Step8 .PlayerPostBg{
		background-image:url(../../images/bg/player_purple2_m.png);
	}

	.Step1 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_yellow_bg_m.png);
	}
	
	.Step2 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_blue_bg_m.png);
	}

	.Step3 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_green_bg_m.png);
	}

	.Step4 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_purple_bg_m.png);
	}
	
	.Step5 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_yellow2_bg_m.png);
	}
	
	.Step6 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_blue2_bg_m.png);
	}

	.Step7 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_green2_bg_m.png);
	}

	.Step8 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_purple2_bg_m.png);
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.PlayerList{
		max-width:20rem;
		margin:0 auto;
	}
	
	.PlayerList-inner{
		margin: 0 -0.25rem;
	}
	
	.PlayerList-item{
		width:50%;
		padding: 0 0.25rem;
	}
	
	.PlayerPostMeta{
		bottom:1.65rem;
		left:0;
		right:0;
	}
	
	.PlayerPost:after{
		padding-bottom: 156%;
	}
	
	.PlayerPostMetaRank-title{
		font-size:0.75rem;
	}
	
	.PlayerPostMetaRank-text{
		font-size:0.75rem;
	}
	
	.PlayerPostMetaName{
		font-size:0.875rem;
	}
	
	.PlayerPostPerson:after{
		bottom:0;
	}
	
	.PlayerPostBg{
		top: -6%;
        left: -10%;
        width: 125%;
        height: 117%;
	}
	
	.Step2 .PlayerPostBg{
		top: -5.3%;
        width: 123%;
        height: 117%;
	}
	
	.Step3 .PlayerPostBg{
		top: -5%;
        height: 116%;
	}
	
	.Step4 .PlayerPostBg{
		top: -5%;
        width: 123.4%;
        height: 116%;
	}
	
	.Step5 .PlayerPostBg{
		top: -5%;
        height: 116%;
	}
	
	.Step6 .PlayerPostBg{
		top: -5%;
        width: 124%;
        height: 116%;
	}
	
	.Step7 .PlayerPostBg{
		top: -5%;
		height: 116%;
	}
	
	.Step8 .PlayerPostBg{
		top: -5%;
        width: 123%;
        height: 116%;
	}
	
	.Step1 .PlayerPostBg{
		background-image:url(../../images/bg/player_yellow_m.png);
	}
	
	.Step2 .PlayerPostBg{
		background-image:url(../../images/bg/player_blue_m.png);
	}
	
	.Step3 .PlayerPostBg{
		background-image:url(../../images/bg/player_green_m.png);
	}

	.Step4 .PlayerPostBg{
		background-image:url(../../images/bg/player_purple_m.png);
	}
	
	.Step5 .PlayerPostBg{
		background-image:url(../../images/bg/player_yellow2_m.png);
	}
	
	.Step6 .PlayerPostBg{
		background-image:url(../../images/bg/player_blue2_m.png);
	}
	
	.Step7 .PlayerPostBg{
		background-image:url(../../images/bg/player_green2_m.png);
	}

	.Step8 .PlayerPostBg{
		background-image:url(../../images/bg/player_purple2_m.png);
	}

	.Step1 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_yellow_bg_m.png);
	}
	
	.Step2 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_blue_bg_m.png);
	}

	.Step3 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_green_bg_m.png);
	}

	.Step4 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_purple_bg_m.png);
	}
	
	.Step5 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_yellow2_bg_m.png);
	}
	
	.Step6 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_blue2_bg_m.png);
	}

	.Step7 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_green2_bg_m.png);
	}

	.Step8 .PlayerPostPerson:after{
		background-image:url(../../images/bg/player_purple2_bg_m.png);
	}
}

/*=========================================================
	PlayerSection
=========================================================*/
.PlayerSection{
	width:100%;
	position:relative;
	height:23.75rem;
	margin-top: -16rem;
	pointer-events: none;
	z-index:5;
}

.PlayerSectionBar{
	position:absolute;
	width:160rem;
	height:23.75rem;
	top:50%;
	left:50%;
	transform:translate(-50%, -62%);
	background-image:url(../../images/bg/player_section.svg);
	background-size:100% 100%;
}

@media screen and (min-width:2561px){
	.PlayerSectionBar{
		width:99.961vw;
		height:14.838vw;
	}
}

@media screen and (max-width:1199px) and (min-width:500px){
	.PlayerSection{
		height:160px;
		margin-top: -9rem;
	}
	
	.PlayerSectionBar{
		width:640px;
		height:260px;
		background-image:url(../../images/bg/player_section_t.svg);
		transform: translate(-50%, -55%);
	}
}

@media screen and (max-width:1199px) and (min-width:500px){
	.PlayerSectionBar{
		width:100vw;
		height:40.625vw;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.PlayerSection{
		height:10rem;
		margin-top: -8rem;
	}
	
	.PlayerSectionBar{
		width:40rem;
		height:16.25rem;
		background-image:url(../../images/bg/player_section_t.svg);
		transform: translate(-50%, -55%);
	}
}

/*=========================================================
	Prize
=========================================================*/
.Prize{
    background: linear-gradient(180deg, #070F2F 0%, #163095 100%);
    padding: 14.4rem 0 20.813rem;
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13rem), 0 100%);	
	margin-top:-18.75rem;
	z-index:4;
}

.Prize .SiteSecTitle{
	text-shadow: 0 4px 0 #506390;
}

.PrizeMoney{
	text-align:center;
	margin-bottom:1.563rem;
	font-size:0;
	line-height:0;
}

.PrizeMoney-title{
	font-size:1.5rem;
	line-height:1.2em;
	font-weight:700;
	background: linear-gradient(180deg, #FFE898 29.17%, #FFF 122.22%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom:0.625rem;
}

.PrizeMoneyText{
	width:15.313rem;
	height:4.375rem;
	background-image:url(../../images/bg/prize_money_bg.png);
	background-size:100% 100%;
	position:relative;
	margin:0 auto;
}

.PrizeMoneyText-count {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50.6%, -54%);
	width: 15.313rem;
	height: 4.375rem;
	mask-image: url(../../images/bg/prize_money.svg);
	mask-size: 100% 100%; 
	mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-image: url(../../images/bg/prize_money.svg);
	-webkit-mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
}

.PrizeMoneyText-countbg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(95deg,
		#FFF78D 6.45%, #FFE313 7.6%, #FFF 7.6%, #F2B900 14.09%, #F1C81B 18%, #FFD926 21.93%, #FFF 27.47%, #FFDA12 30.33%, #FFD92F 38.74%, #EEB600 41.6%, #FFE313 46.18%, #FFFCE7 46.19%,
		#FFF78D 56.45%, #FFE313 57.6%, #FFF 57.6%, #F2B900 64.09%, #F1C81B 68%, #FFD926 71.93%, #FFF 77.47%, #FFDA12 80.33%, #FFD92F 88.74%, #EEB600 91.6%, #FFE313 96.18%, #FFFCE7 96.19%
	);
	
	background-size: 200% 100%;
	
	animation: PrizeMoney 2s linear 0s infinite normal;
}

@keyframes PrizeMoney {
	0% {
		background-position-x: 0%;
	}
	100% {
		background-position-x: -100%;
	}
}

.PrizeTrophy{
	width:37rem;
	height:40.688rem;
	margin:-15.5rem auto 0;
	left:-0.8rem;
	position:relative;
}

.PrizeTrophyBg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(../../images/bg/img-trophy.png);
	background-size:100% 100%;
}

.PrizeTrophyStart{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	pointer-events: none;
}
.PrizeTrophyStart-item{
	position:absolute;
	background-size:100% 100%;
	animation: sparkle infinite ease-in-out;
	opacity:0;
	z-index:2;
}

@keyframes sparkle {
	0% {
		opacity: 0;
		transform: translateY(0);
	}
	25% {
		opacity: 0.8;
	}
	85% {
		opacity: 0;
	}
	100% {
		transform: translateY(-55px);
		opacity: 0;
	}
}

.PrizeTrophyStart-item.Start1{
	background-image:url(../../images/bg/bg_star1.png);
	width:3.188rem;
	height:3.438rem;
	bottom: 12rem;
    left: 12rem;
	animation-duration: 2.3s;
	animation-delay: 0.2s;
}

.PrizeTrophyStart-item.Start2{
	background-image:url(../../images/bg/bg_star2.png);
	width:2.75rem;
	height:2.813rem;
	bottom: 10rem;
    left: 11rem;
	animation-duration: 2.5s;
	animation-delay: 0.4s;
}

.PrizeTrophyStart-item.Start3{
	background-image:url(../../images/bg/bg_star3.png);
	width: 3.813rem;
    height: 4.188rem;
    bottom: 11rem;
    right: 11rem;
    animation-duration: 3s;
	animation-delay: 0.3s;
}

.PrizeTrophyStart-item.Start4{
	background-image:url(../../images/bg/bg_star4.png);
	width: 3rem;
    height: 3.188rem;
    bottom: 9.5rem;
    right: 13rem;
	animation-duration: 2.5s;
	animation-delay: 0.5s;
}

.PrizeTrophyStart-item.Start5{
	background-image:url(../../images/bg/bg_star5.png);
	width: 2.875rem;
    height: 3rem;
    bottom: 10.5rem;
    right: 9rem;
	animation-duration: 3s;
	animation-delay: 0.4s;
}

.PrizeTrophyStart-item.Start6{
	background-image:url(../../images/bg/bg_star6.png);
    width: 3rem;
    height: 3.125rem;
    bottom: 13.5rem;
    right: 9.5rem;
	animation-duration: 2.3s;
	animation-delay: 0.55s;
}

.PrizeTrophyStart-item.Start7{
	background-image:url(../../images/bg/bg_star7.png);
    width: 2.813rem;
    height: 2.875rem;
    bottom: 22.5rem;
    right: 8.5rem;
	animation-duration: 2.5s;
	animation-delay: 0.5s;
}

.PrizeTrophyStart-item.Start8{
	background-image:url(../../images/bg/bg_star8.png);
    width: 3.25rem;
    height: 3.438rem;
    bottom: 21.5rem;
    right: 10.5rem;
	animation-duration: 2.3s;
	animation-delay: 0.2s;
}

.PrizeTrophyStart-item.Start9{
	background-image:url(../../images/bg/bg_star9.png);
    width: 3rem;
    height: 3.188rem;
    bottom: 23rem;
    right: 14.5rem;
	animation-duration:3s;
	animation-delay: 0.5s;
}

.PrizeTrophyStart-item.Start10{
	background-image:url(../../images/bg/bg_star10.png);
    width: 2.938rem;
    height: 2.938rem;
    bottom: 22.5rem;
    left: 14.5rem;
	animation-duration:2.8s;
	animation-delay: 0.4s;
}

.PrizeTrophyStart-item.Start11{
	background-image:url(../../images/bg/bg_star11.png);
	width: 2.875rem;
    height: 3rem;
    bottom: 20.5rem;
    left: 10.5rem;
	animation-duration: 2.5s;
	animation-delay: 0.5s;
}

.PrizeRanking{
	width:45.5rem;
	height:24rem;
	margin:-8rem auto 0;
	position:relative;
	left:0.4rem;
}

.PrizeRanking:before{
	content:"";
	width:70.75rem;
	height:48.75rem;
	background-image:url(../../images/bg/bg_prize_effect.png);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	mix-blend-mode: overlay;
}

.PrizeRankingBg{
	width:100%;
	height:100%;
	background-image:url(../../images/bg/prize_ranking_bg.png);
	background-size:100% 100%;
	position:relative;
}

.PrizeRankingText{
	position:absolute;
	left:0;
	right:0;
	text-align:center;
	padding-right: 1.3rem;
}

.PrizeRankingText-title{
	display:block;
	font-size:1rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
}

.PrizeRankingText-text{
	display:block;
	font-size:1.875rem;
	line-height:1.4em;
	color:#070F2F;
	font-weight:700;
	font-style: italic;
	font-family: 'Jost';
	text-shadow: 0 2px 0 rgba(255, 255, 255, 0.50);
	letter-spacing: -0.075rem;
	padding-right:0.3rem;
}

.PrizeRankingText.Step1{
	top:14.5%;
}

.PrizeRankingText.Step2{
	top:40.5%;
}

.PrizeRankingText.Step3{
	bottom:13.5%;
}

.PrizeSectionIco{
	position:absolute;
	background-size:100% 100%;
	animation: ani-updown 2.5s ease-in-out infinite;
}

 @keyframes ani-updown {
	0%,100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(1.25rem);
	}
}

.PrizeSectionIco.Character1{
	width: 21.25rem;
    height: 19.125rem;
    background-image: url(../../images/bg/prize_character1.png);
    position: absolute;
    bottom: 19rem;
    left: 49%;
    margin-left: 14rem;
	pointer-events:none;
	z-index: 10;
}

.PrizeSectionIco.Character2{
	width: 10.75rem;
    height: 9.563rem;
    background-image: url(../../images/bg/prize_character2.png);
    position: absolute;
    bottom: -3.5rem;
    left: -2.5rem;
	pointer-events:none;
	animation-delay:0.4s;
	 z-index: 10;
}

.PrizeSectionIco.Character3{
	width: 11.125rem;
    height: 10.438rem;
    background-image: url(../../images/bg/prize_character3.png);
    position: absolute;
    top: -3rem;
    right: 3rem;
    z-index: 10;
    pointer-events: none;
	animation-delay:0.8s;
}

.PrizeSectionIco.Character4{
	width:10.313rem;
	height:9.563rem;
	background-image: url(../../images/bg/prize_character1.png);
	margin-left:0;
	right: 5.4rem;
    top: -1rem;
    z-index: 5;
	pointer-events: none;
	display:none;
}

.PrizeBg{
	width:120rem;
	height:62.688rem;
	position:absolute;
	top:-5rem;
	left:0;
	right:0;
}

.PrizeBg-img{
	width:100%;
	height:100%;
	position:absolute;
	background-image: url(../../images/bg/bg_prize_sc.png);
	background-size:100% 100%;
	top:0;
	left:0;
}

@media screen and (max-width:1199px) and (min-width:500px){
	.Prize{
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6rem), 0 100%);
		padding: 7.4rem 0 9.25rem;
		margin-top:-4.875rem;
	}
	
	.PrizeMoneyText{
		width:13.375rem;
		height:3.875rem;
	}
	
	.PrizeMoneyText-count{
		width:13.375rem;
		height:3.875rem;
	}
	
	.PrizeTrophy{
		width:30.625rem;
		height:34rem;
		margin: -12.062rem auto 0;
		left:-1.2rem;
	}
	
	.PrizeRanking{
		width:40rem;
		height:21.875rem;
		left:50%;
		transform:translateX(-50%);
	}
	
	.PrizeRankingBg{
		background-image: url(../../images/bg/prize_ranking_bg_t.png);
	}
	
	.PrizeRankingText-text{
		font-size:1.5rem;
	}
	
	.PrizeRankingText{
		padding-right:0;
	}
	
	.PrizeRankingText.Step1{
		top: 17.5%;
	}
	
	.PrizeRankingText.Step2{
		top: 43%;
	}
	
	.PrizeSectionIco.Character1{
		width:9.5rem;
		height:11.125rem;
		background-image: url(../../images/bg/prize_character4.png);
		margin-left:0;
		left:2rem;
		bottom:1rem;
	}
	
	.PrizeSectionIco.Character2{
		width: 6.625rem;
        height: 5.875rem;
        bottom: auto;
        left: 8rem;
        top: -1.5rem;
	}
	
	.PrizeSectionIco.Character3{
		width: 5.25rem;
        height: 4.938rem;
        right: 6.5rem;
        top: -11.5rem;
	}
	
	.PrizeSectionIco.Character4{
		display:block;
	}
	
	.PrizeRanking:before{
		width:39.875rem;
		height:24.125rem;
		opacity:0.2;
	}
	
	.PrizeBg{
		width:31.25rem;
		height:30.813rem;
		top:-1rem;
	}

	.PrizeBg-img{
		background-image: url(../../images/bg/bg_prize_sc_t.png);
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.Prize{
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), 0 100%);
		padding: 7.4rem 0 8.25rem;
		margin-top:-6.2rem;
	}
	
	.PrizeMoneyText{
		width:13.375rem;
		height:3.875rem;
	}
	
	.PrizeMoneyText-count{
		width:13.375rem;
		height:3.875rem;
	}
	
	.PrizeTrophy{
		width:22.5rem;
		height:34rem;
		margin: -12.5rem auto 0;
		left:-1.2rem;
	}
	
	.PrizeTrophyBg{
		background-image: url(../../images/bg/img-trophy_m.png);
	}
	
	.PrizeRanking{
		width:22.5rem;
		height:21.25rem;
		left:50%;
		transform:translateX(-50%);
	}
	
	.PrizeRankingBg{
		background-image: url(../../images/bg/prize_ranking_bg_m.png);
	}
	
	.PrizeRankingText-text{
		font-size:1.5rem;
	}
	
	.PrizeRankingText{
		padding-right:0;
	}
	
	.PrizeRankingText.Step1{
		top: 17.5%;
	}
	
	.PrizeRankingText.Step2{
		top: 43%;
	}
	
	.PrizeSectionIco.Character1{
		width:9.5rem;
		height:11.125rem;
		background-image: url(../../images/bg/prize_character4.png);
		margin-left:0;
		left: -1.5rem;
        bottom: 0rem;
	}
	
	.PrizeSectionIco.Character2{
		width: 6.625rem;
        height: 5.875rem;
        bottom: auto;
        left: -1rem;
        top: -1.5rem;
	}
	
	.PrizeSectionIco.Character3{
		width: 5.25rem;
        height: 4.938rem;
		right: -1.5rem;
        top: -11.5rem;
	}
	
	.PrizeSectionIco.Character4{
		width:7.875rem;
		height:9.563rem;
		background-image: url(../../images/bg/prize_character1_m.png);
		right:0;
		display:block;
	}
	
	.PrizeRanking:before{
		width:39.875rem;
		height:24.125rem;
		opacity:0.2;
	}
	
	.PrizeBg{
		width:22.5rem;
		height:36.375rem;
		top:-3.2rem;
	}

	.PrizeBg-img{
		background-image: url(../../images/bg/bg_prize_sc_m.png);
	}
}

/*=========================================================
	PrizeSection
=========================================================*/
.PrizeSection{
	width:100%;
	position:relative;
	height:23.75rem;
	margin-top: -16rem;
	pointer-events: none;
	z-index:5;
}

.PrizeSectionBar{
	position:absolute;
	width:160rem;
	height:23.75rem;
	top:50%;
	left:50%;
	transform:translate(-50%, -62%);
	background-image:url(../../images/bg/prize_section.svg);
	background-size:100% 100%;
}

@media screen and (min-width:2561px){
	.PrizeSectionBar{
		width:99.961vw;
		height:14.838vw;
	}
}

@media screen and (max-width:1199px) and (min-width:500px){
	.PrizeSection{
		height:160px;
		margin-top: -8rem;
	}
	
	.PrizeSectionBar{
		width:640px;
		height:180px;
		background-image:url(../../images/bg/prize_section_t.svg);
		transform: translate(-50%, -55%);
	}
}

@media screen and (max-width:1199px) and (min-width:500px){
	.PrizeSectionBar{
		width:100vw;
		height:28.125vw;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.PrizeSection{
		height:8rem;
		margin-top: -5.2rem;
	}
	
	.PrizeSectionBar{
		width:40rem;
		height:11.25rem;
		background-image:url(../../images/bg/prize_section_t.svg);
		transform: translate(-50%, -55%);
	}
}

/*=========================================================
	TabButton
=========================================================*/
.DfTab{
	margin-bottom:1.875rem;
	position:relative;
	text-align:center;
	font-size:0;
	line-height:0;
	margin-left:-0.188rem;
	margin-right:-0.188rem;
	z-index:10;
}

.DfTab-inner{
	margin:0;
	text-align:center;
	font-size:0;
	line-height:0;
	display:inline-block;
	position:relative;
}

.DfTab-item{
	padding:0 0.188rem;
	display:inline-block;
	vertical-align:middle;
}

.DfTabCont-item{
	opacity:0;
	visibility:hidden;
	float:left;
	width:100%;
	transition-property: opacity, visibility;
    transition-duration: 0s;
	position:relative;
	z-index:5;
}

.DfTabCont-item + .DfTabCont-item{
	margin-left:-100%;
}

.is-Current.DfTabCont-item{
	opacity:1;
	visibility:visible;
} 

.TmSchedule.Tab-one .DfTabCont-item,
.TmSchedule.Tab-Two .DfTabCont-item{
	display:none;
	float:none;
	margin-left:0 !important;
}

.TmSchedule.Tab-one .is-Current.DfTabCont-item{
	display:block;
}

.TmSchedule.Tab-Two .is-Current.DfTabCont-item{
	display:block;
}

.TabButton{
	padding: 0.675rem 1.2rem 0.875rem 0.8rem;
	position:relative;
	display:block;
	height: 3.25rem;
}

.TabButton-text{
	display:block;
	font-size:1.25rem;
	line-height:1.4em;
	color:#fff;
	font-weight:700;
	position:relative;
	transform: translateZ(10px);
	text-align:center;
	letter-spacing: -0.04rem;
	z-index:1;
}

.is-Current .TabButton-text{
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.20);
}

.DfTabCont:after{
	content:"";
	display:table;
	clear:both;
}

.TabButtonPointer{
	position:absolute;
	height:3.25rem;
	left:0;
	top:0;
	opacity:0;
	transition: left 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
              width 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.is-Click .TabButtonPointer{
	opacity:1;
}

.TabButtonPointer:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:1.25rem;
	height:100%;
	background-image:url(../../images/bg/tab_bg_blue_left.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.TabButtonPointer:after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:1.25rem;
	height:100%;
	background-image:url(../../images/bg/tab_bg_blue_right.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}


.TabButtonPointerBg{
	position:absolute;
	top:0;
	left:1.188rem;
	right:1.188rem;
	height:100%;
	background-image:url(../../images/bg/tab_bg_blue.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

/*Button*/
.DfTab:not(.is-Click) .DfTab-item.is-Current .TabButton:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:1.25rem;
	height:100%;
	background-image:url(../../images/bg/tab_bg_blue_left.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.DfTab:not(.is-Click) .DfTab-item.is-Current .TabButton:after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:1.25rem;
	height:100%;
	background-image:url(../../images/bg/tab_bg_blue_right.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}


.DfTab:not(.is-Click) .DfTab-item.is-Current .TabButtonBg{
	position:absolute;
	top:0;
	left:1.188rem;
	right:1.188rem;
	height:100%;
	background-image:url(../../images/bg/tab_bg_blue.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}


/*Schedule*/
.TmSchedule .TabButtonPointer:before{
	background-image:url(../../images/bg/tab_bg_orenge_left.png);
}

.TmSchedule .TabButtonPointer:after{
	background-image:url(../../images/bg/tab_bg_orenge_right.png);
}

.TmSchedule .TabButtonPointerBg{
	background-image:url(../../images/bg/tab_bg_orenge.png);
}

.Gallary .TabButtonPointer:before{
	background-image:url(../../images/bg/tab_bg_orenge_left.png);
}

.Gallary .TabButtonPointer:after{
	background-image:url(../../images/bg/tab_bg_orenge_right.png);
}

.Gallary .TabButtonPointerBg{
	background-image:url(../../images/bg/tab_bg_orenge.png);
}

/*Button Schedule*/
.TmSchedule .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButton:before{
	background-image:url(../../images/bg/tab_bg_orenge_left.png);
}

.TmSchedule .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButton:after{
	background-image:url(../../images/bg/tab_bg_orenge_right.png);
}

.TmSchedule .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButtonBg{
	background-image:url(../../images/bg/tab_bg_orenge.png);
}

.Gallary .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButton:before{
	background-image:url(../../images/bg/tab_bg_orenge_left.png);
}

.Gallary .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButton:after{
	background-image:url(../../images/bg/tab_bg_orenge_right.png);
}

.Gallary .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButtonBg{
	background-image:url(../../images/bg/tab_bg_orenge.png);
}

/*ScrTab*/
.ScrTab .DfTab-item{
	width:auto !important;
	max-width:none !important;
}

.ScrTab .TabButton{
	width:auto !important;
}

/*두줄스타일*/
.StTwo .TabButton-text br{
	display:none;
}

@media screen and (min-width:1200px){
	.DfTab-item{
		width:21.626rem;
		max-width:calc(50% - 0.376rem);
	}
	
	/*세줄스타일*/
	.StThree .TabButtonPointer{
		height:4.75rem;
	}
	
	.StThree .TabButton{
		height:4.75rem;
		padding: 0.475rem 1.2rem 0.475rem 0.8rem;
	}
	
	.StThree .TabButtonPointer:before{
		background-image:url(../../images/bg/tab_bg_orenge_two_left.png);
	}

	.StThree .TabButtonPointer:after{
		background-image:url(../../images/bg/tab_bg_orenge_two_right.png);
	}

	.StThree .TabButtonPointerBg{
		background-image:url(../../images/bg/tab_bg_orenge_two.png);
	}
	
	/*Button*/
	.StThree .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButton:before{
		background-image:url(../../images/bg/tab_bg_orenge_two_left.png);
	}

	.StThree .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButton:after{
		background-image:url(../../images/bg/tab_bg_orenge_two_right.png);
	}

	.StThree .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButtonBg{
		background-image:url(../../images/bg/tab_bg_orenge_two.png);
	}

	.TmSchedule.Tab-Two:before{
		bottom: -24vw;
	}
}

@media screen and (max-width:1199px) and (min-width:500px){
	.DfTab{
		margin-bottom:1.5rem;
		margin-left:-1rem;
		margin-right:-1rem;
	}
	
	.TabButton{
		padding: 0.6rem 0.8rem 0.9rem 0.5rem;
		height:2.875rem;
	}
	
	.TabButtonPointer{
		height:2.875rem;
	}
	
	.TabButton-text{
		font-size:1rem;
	}
	
	.StTwo .TabButton-text br{
		display:block;
	}
	
	.StTwo .TabButtonPointer{
		height:3.75rem;
	}

	.StTwo .TabButtonPointer:before{
		background-image: url(../../images/bg/tab_bg_blue_two_left.png);
	}

	.StTwo .TabButtonPointer:after{
		background-image: url(../../images/bg/tab_bg_blue_two_right.png);
	}

	.StTwo .TabButtonPointerBg{
		background-image: url(../../images/bg/tab_bg_blue_two.png);
	}
	
	/*Button*/
	.StTwo .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButton:before{
		background-image: url(../../images/bg/tab_bg_blue_two_left.png);
	}

	.StTwo .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButton:after{
		background-image: url(../../images/bg/tab_bg_blue_two_right.png);
	}

	.StTwo .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButtonBg{
		background-image: url(../../images/bg/tab_bg_blue_two.png);
	}

	.StTwo .TabButton{
		height:3.75rem;
	}
	
	.TabButton.TypeTwo{
		display:flex;
		align-items:center;
		justify-content:center;
	}

	/*Schedule*/
	.TmSchedule .StTwo .TabButtonPointer:before{
		background-image:url(../../images/bg/tab_bg_orenge_two_left.png);
	}

	.TmSchedule .StTwo .TabButtonPointer:after{
		background-image:url(../../images/bg/tab_bg_orenge_two_right.png);
	}

	.TmSchedule .StTwo .TabButtonPointerBg{
		background-image:url(../../images/bg/tab_bg_orenge_two.png);
	}

	.Gallary .StTwo .TabButtonPointer:before{
		background-image:url(../../images/bg/tab_bg_orenge_two_left.png);
	}

	.Gallary .StTwo .TabButtonPointer:after{
		background-image:url(../../images/bg/tab_bg_orenge_two_right.png);
	}

	.Gallary .StTwo .TabButtonPointerBg{
		background-image:url(../../images/bg/tab_bg_orenge_two.png);
	}
	
	/*Button*/
	.TmSchedule .StTwo .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButton:before{
		background-image:url(../../images/bg/tab_bg_orenge_two_left.png);
	}

	.TmSchedule .StTwo .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButton:after{
		background-image:url(../../images/bg/tab_bg_orenge_two_right.png);
	}

	.TmSchedule .StTwo .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButtonBg{
		background-image:url(../../images/bg/tab_bg_orenge_two.png);
	}

	.Gallary .StTwo .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButton:before{
		background-image:url(../../images/bg/tab_bg_orenge_two_left.png);
	}

	.Gallary .StTwo .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButton:after{
		background-image:url(../../images/bg/tab_bg_orenge_two_right.png);
	}

	.Gallary .StTwo .DfTab:not(.is-Click) .DfTab-item.is-Current .TabButtonBg{
		background-image:url(../../images/bg/tab_bg_orenge_two.png);
	}
	
	/*세줄스타일*/
	.StThree .TabButtonPointer{
		height:5.313rem;
	}
	
	.StThree .TabButton{
		height:5.313rem;
		padding: 0.475rem 1.2rem 0.475rem 0.8rem;
	}
	
	.StThree .TabButtonPointer:before{
		background-image:url(../../images/bg/tab_bg_orenge_three_left.png);
	}

	.StThree .TabButtonPointer:after{
		background-image:url(../../images/bg/tab_bg_orenge_three_right.png);
	}

	.StThree .TabButtonPointerBg{
		background-image:url(../../images/bg/tab_bg_orenge_three.png);
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.DfTab{
		margin-bottom:1.5rem;
		margin-left:-1.25rem;
		margin-right:-1.25rem;
		overflow:hidden;
		overflow-x:auto;
		padding:0.2rem 0;
		-ms-overflow-style: none;
	}
	
	.DfTab::-webkit-scrollbar{
	  display:none;
	}
	
	.DfTab-inner{
		padding:0 1.25rem;
		white-space:nowrap;
	}
	
	.TabButton{
		padding: 0.6rem 0.8rem 0.9rem 0.5rem;
		height:2.875rem;
	}
	
	.TabButton-text{
		font-size:1rem;
	}
	
	.TabButtonPointer{
		height:2.875rem;
	}
	
	.StTwo .TabButton-text br{
		display:block;
	}
	
	.StTwo .TabButtonPointer{
		height:3.75rem;
	}

	.StTwo .TabButtonPointer:before{
		background-image: url(../../images/bg/tab_bg_blue_two_left.png);
	}

	.StTwo .TabButtonPointer:after{
		background-image: url(../../images/bg/tab_bg_blue_two_right.png);
	}

	.StTwo .TabButtonPointerBg{
		background-image: url(../../images/bg/tab_bg_blue_two.png);
	}

	.StTwo .TabButton{
		height:3.75rem;
	}
	
	.TabButton.TypeTwo{
		display:flex;
		align-items:center;
		justify-content:center;
	}

	/*Schedule*/
	.TmSchedule .StTwo .TabButtonPointer:before{
		background-image:url(../../images/bg/tab_bg_orenge_two_left.png);
	}

	.TmSchedule .StTwo .TabButtonPointer:after{
		background-image:url(../../images/bg/tab_bg_orenge_two_right.png);
	}

	.TmSchedule .StTwo .TabButtonPointerBg{
		background-image:url(../../images/bg/tab_bg_orenge_two.png);
	}

	.Gallary .StTwo .TabButtonPointer:before{
		background-image:url(../../images/bg/tab_bg_orenge_two_left.png);
	}

	.Gallary .StTwo .TabButtonPointer:after{
		background-image:url(../../images/bg/tab_bg_orenge_two_right.png);
	}

	.Gallary .StTwo .TabButtonPointerBg{
		background-image:url(../../images/bg/tab_bg_orenge_two.png);
	}
	
	/*세줄스타일*/
	.StThree .TabButtonPointer{
		height:5.313rem;
	}
	
	.StThree .TabButton{
		height:5.313rem;
		padding: 0.475rem 1.2rem 0.475rem 0.8rem;
	}
	
	.StThree .TabButtonPointer:before{
		background-image:url(../../images/bg/tab_bg_orenge_three_left.png);
	}

	.StThree .TabButtonPointer:after{
		background-image:url(../../images/bg/tab_bg_orenge_three_right.png);
	}

	.StThree .TabButtonPointerBg{
		background-image:url(../../images/bg/tab_bg_orenge_three.png);
	}
}

/*=========================================================
	Format
=========================================================*/
.Format{
    background-image:url(../../images/bg/fomatbg.jpg);
	background-size:cover;
    padding: 14.4rem 0 25rem;
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13rem), 0 100%);	
	margin-top:-18.75rem;
	z-index:3;
}

.Format .SiteSecTitle{
	text-shadow: 0 4px 0 rgba(197, 95, 0, 0.80);
	margin-bottom:3rem;
}

@media screen and (max-width:1199px) and (min-width:500px){
	.Format{
		background-image:url(../../images/bg/fomatbg_t.jpg);
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5rem), 0 100%);
		padding: 12.275rem 0 9.25rem;
		margin-top:-10.875rem;
	}
	
	.Format .SiteSecTitle{
		margin-bottom:1.75rem;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.Format{
		background-image:url(../../images/bg/fomatbg_m.jpg);
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), 0 100%);
		padding: 8.4rem 0 8.25rem;
		background-size: auto 112%;
		background-position: center top;
		margin-top:-7.2rem;
	}
	
	.Format .SiteSecTitle{
		margin-bottom:2.5rem;
	}
}

/*=========================================================
	FormatSection
=========================================================*/
.FormatSection{
	width:100%;
	position:relative;
	height:23.75rem;
	margin-top: -16rem;
	pointer-events: none;
	z-index:5;
}

.FormatSectionBar{
	position:absolute;
	width:160rem;
	height:28.75rem;
	top:50%;
	left:50%;
	transform:translate(-50%, -62%);
	background-image:url(../../images/bg/format_section.svg);
	background-size:100% 100%;
}

@media screen and (min-width:2561px){
	.FormatSectionBar{
		width:99.961vw;
		height:14.838vw;
	}
}

@media screen and (max-width:1199px) and (min-width:500px){
	.FormatSection{
		height:120px;
		margin-top: -6rem;
	}
	
	.FormatSectionBar{
		width:640px;
		height:180px;
		background-image:url(../../images/bg/format_section_t.svg);
		transform: translate(-50%, -55%);
	}
}

@media screen and (max-width:1199px) and (min-width:500px){
	.FormatSectionBar{
		width:100vw;
		height:18.75vw;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.FormatSection{
		height:7.5rem;
		margin-top: -5rem;
	}
	
	.FormatSectionBar{
		width:40rem;
		height:11.25rem;
		background-image:url(../../images/bg/format_section_t.svg);
		transform: translate(-50%, -55%);
	}
}

/*=========================================================
	FormatTable
=========================================================*/
.FormatInfoCnt{
	max-width:48.75rem;
	margin:0 auto;
	position:relative;
}

.FormatTable{
	position:relative;
	width:100%;
}

.FormatTable:before{
	content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 1.25rem);
    height: 100%;
    border-radius: 0.5rem 0 0 0.5rem;
	border:solid 0.188rem #000;
	border-right:none;
    background: #FFEBB8;
}

.FormatTable:after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:1.8rem;
	height:calc(100% + 3.863rem);
	transform:skew(-1.5deg);
	box-shadow:  0.875rem 0.875rem 0 0 #000;
	border-radius: 0 0.5rem 0.5rem 0;
	border:solid 0.188rem #000;
	border-left:none;
	background: #FFEBB8;
	z-index:5;
}

.FormatTableBg{
	width: 100%;
    height: 6rem;
    position: absolute;
    bottom: -4.4rem;
    left: 0;
    z-index: 4;
}

.FormatTableBg:before{
	content:"";
	width:calc(100% - 0.77rem);
	height:4.22rem;
	position:absolute;
	top:0;
	left:0;
	transform:skew(0, 3.5deg);
	box-shadow:  0.875rem 0.875rem 0 0 #000;
	border-radius:0 0 0.5rem 0.5rem;
	border:solid 0.188rem #000;
	border-top:none;
	border-right:none;
	background: #FFEBB8;
}

.FormatTableBgLine{
	width: calc(100% - 1.7rem);
    height: 2.22rem;
    position: absolute;
    bottom: -2.65rem;
    left: 1rem;
    transform: skew(-1.5deg, 3.5deg);
    border-radius: 0 0 0.5rem 0.5rem;
	background-color:#FFEBB8;
	z-index:10;
}

.TabCnt1.FormatTable:before,
.TabCnt1.FormatTable:after,
.TabCnt1 .FormatTableBg:before,
.TabCnt1 .FormatTableBgLine{
	 background: #D9F1FA;
}

.FormatTableInfo{
	padding:0 1.25rem 1.6rem;
	position:relative;
	z-index:10;
}

.FormatTableHeader{
	display:flex;
	align-items:center;
	margin:0 -1.25rem;
}

.FormatTableHeader-item{
	width:25%;
	text-align:center;
	padding:1rem 0 0.813rem;
	font-size:1.25rem;
	line-height:1.2em;
	color:#FF7800;
	font-weight:700;
	text-shadow: 0 2px 0 #FFFC46;
	letter-spacing: -0.05rem;
}

.FormatTableHeader-item:nth-child(2){
	width:28%;
}

.FormatTableHeader-item:nth-child(3){
	width:24%;
}

.FormatTableHeader-item:last-child{
	width:21%;
}

.TabCnt1 .FormatTableHeader-item{
	color:#0F7CCF;
	text-shadow: 0 2px 0 #96EAFF;
}

.FormatTableBody{
	display:flex;
	border-top:solid 1px #FF7800;
	padding-top:1.375rem;
}

.TabCnt1 .FormatTableBody{
	border-top:solid 1px #0F7CCF;
}

.FormatTableBody-item{
	width:25%;
	position:relative;
}

.FormatTableBody-item:nth-child(2){
	width:27%;
}

.FormatTableBody-item:nth-child(3){
	width:28%;
}

.FormatTableBody-item:last-child{
	width:20%;
}

.FormatTableSec{
	position:relative;
	width:10rem;
}

.FormatTableSec:after{
	content:"";
	position:absolute;
	top:0.625rem;
	bottom:0.625rem;
	right:-0.625rem;
	width:0.625rem;
	border:solid 2px #000;
	border-radius:0 0.25rem 0.25rem 0; 
	border-left:none;
}

.Step1 .FormatTableGroup + .FormatTableGroup{
	margin-top:3.75rem;
}

.FormatTableGroup-title{
	border-radius: 0.5rem;
	border: 2px solid #000;
	background:linear-gradient(180deg, #F40 0%, #FF7800 100%);
	box-shadow: -3px -3px 2px 0 rgba(0, 0, 0, 0.15) inset, 3px 3px 2px 0 rgba(255, 255, 255, 0.20) inset, 0 2px 0 0 #000;
	font-size:1rem;
	line-height:1.4em;
	color:#fff;
	font-weight:700;
	text-align:center;
	width:100%;
	padding:0.188rem 0.5rem;
	position:relative;
}

.TabCnt1 .FormatTableGroup-title{
	background: linear-gradient(106deg, #29B0E1 2.58%, #0F7CCF 79.75%);
}

.FormatTableGroup-title:after{
	content:"";
	width:0.5rem;
	height:0.375rem;
	background-image:url(../../images/bg/formattable_title_bg.svg);
	background-size:100% 100%;
	position:absolute;
	top:0.125rem;
	left:0.125rem;
	transform: translateZ(10px);
	z-index:2;
}

.FormatTableGroup-name{
	border-radius: 0.5rem;
	border: 2px solid #000;
	background: #ECFFFC;
	box-shadow: 0 2px 0 0 #000;
	font-size:1rem;
	line-height:1.4em;
	color:#000;
	font-weight:700;
	text-align:center;
	width:100%;
	padding:0.188rem 0.5rem;
}

.FormatTableGroup-name{
	font-family:'CookieRun','Noto Sans JP','Noto Sans TC','Noto Sans TH', Helvetica, "Apple SD Gothic Neo",Dotum, 돋움, sans-serif; 
}

.TabCnt2 .FormatTableGroup-name{
	background: #FFF6D9;
}

.FormatTableGroup-name .color{
	background: linear-gradient(180deg, #F40 0%, #FF7800 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.TabCnt1 .FormatTableGroup-name .color{
	background: linear-gradient(106deg, #29B0E1 2.58%, #0F7CCF 79.75%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.Step2.FormatTableBody-item{
	display:flex;
	flex-direction: column;
	justify-content:space-between;
	align-items:center;
}

.Step2 .FormatTableSec:first-child{
	margin-top:3.3rem;
}

.Step2 .FormatTableSec:last-child{
	margin-bottom:2.188rem;
}

.Step2 .FormatTableGroup + .FormatTableGroup{
	margin-top:0.625rem;
}

.Step3 .FormatTableSec{
	margin:0 auto;
	display:flex;
	flex-direction: column;
	justify-content:space-between;
	align-items:center;
	height:100%;
}

.Step3 .FormatTableSec:after{
	top:4.5rem;
	bottom:3.5rem;
}

.Step3 .FormatTableGroup{
	width:100%;
}

.Step3 .FormatTableGroup:first-child{
	margin-top:3.89rem;
}

.Step3 .FormatTableGroup:last-child{
	margin-bottom:2.89rem;
}

.Step4.FormatTableBody-item{
	display:flex;
	align-items:center;
	justify-content:end;
	padding-right:1.7rem;
}

.Step4 .FormatTableGroup{
	width:5.875rem;
}

.FormatTableMatch{
	margin-top:0.938rem;
	padding-right:2.594rem;
}

.FormatTableMatch-title{
	text-align: center;
    font-size: 1.25rem;
    line-height: 1.2em;
    color: #FF7800;
    font-weight: 700;
    text-shadow: 0 2px 0 #FFFC46;
    letter-spacing: -0.05rem;
	margin-bottom:1.25rem;
}

.FormatTableMatch .FormatTableSec{
	width:15rem;
	margin:0 auto;
}

.FormatTableMatch .FormatTableGroup + .FormatTableGroup{
	margin-top:0.625rem;
}

.FormatSectionIco.Character1{
	width: 29.625rem;
    height: 22.938rem;
    background-image: url(../../images/bg/Format_character1.png);
    position: absolute;
    bottom: 18rem;
    left: 49%;
    margin-left: 20rem;
	pointer-events:none;
	z-index: 10;
}

.FormatSectionIco.Character2{
	width: 23.75rem;
    height:20.375rem;
    background-image: url(../../images/bg/Format_character2.png);
    position: absolute;
    bottom: 15rem;
    right: -16rem;
	pointer-events:none;
	animation-delay:0.25s;
	z-index: 1;
}

.FormatSectionIco.Character3{
	width: 30.813rem;
    height: 36rem;
    background-image: url(../../images/bg/prize_character4.png);
    position: absolute;
    top: -8rem;
    left: -23.4rem;
	pointer-events:none;
	animation-delay:0.15s;
	z-index: 15;
}

.FormatSectionIco{
	background-size: 100% 100%;
    animation: ani-updown 2.5s ease-in-out infinite;
}

@media screen and (max-width:1199px) and (min-width:500px){
	.FormatInfoCnt{
		width:20.75rem;
		position:relative;
		left:-0.25rem;
	}
	
	.FormatTable:before{
		width: calc(100% - 0.75rem);
		height: 100%;
		border-radius: 0.5rem 0 0 0.5rem;
		border: solid 0.125rem #000;
	}
	
	.FormatTableHeader-item{
		font-size:0.563rem;
		text-shadow: 0 0.125rem 0 #FFFC46;
		padding: 0.875rem 0 0.625rem;
	}
	
	.TabCnt1 .FormatTableHeader-item{
		text-shadow: 0 0.125rem 0 #96EAFF;
	}
	
	.FormatTableHeader{
		margin: 0;
	}
	
	.FormatTableInfo{
		padding:0 0.625rem 2.25rem;
	}
	
	.FormatTableBody{
		padding-top:0.625rem;
	}
	
	.FormatTableSec{
		width:4.625rem;
	}
	
	.FormatTableGroup-title{
		font-size:0.563rem;
		border-radius:0.313rem;
		padding:0.188rem 0;
		border: 1px solid #000;
		box-shadow: -0.188rem -0.188rem 0.125rem 0 rgba(0, 0, 0, 0.15) inset, 0.188rem 0.188rem 0.125rem 0 rgba(255, 255, 255, 0.20) inset, 0 1px 0 0 #000;
	}
	
	.FormatTableGroup-name{
		font-size:0.5rem;
		border-radius:0.25rem;
		padding:0.2rem 0 0.16rem;
		line-height:1.3em;
		border: 1px solid #000;
		box-shadow: 0 1px 0 0 #000;
	}
	
	.FormatTableSec:after{
		width:0.25rem;
		right: calc(-0.25rem - 0.125rem);
		border-width:1px;
	}
	
	.Step2 .FormatTableSec,
	.Step3 .FormatTableSec,
	.Step4 .FormatTableGroup{
		width:3.75rem;
	}
	
	.FormatTableGroup-name br{
		display:block;
	}
	
	.FormatTableBody-item{
		width:27%;
	}

	.FormatTableBody-item:nth-child(2){
		width:26%;
	}

	.FormatTableBody-item:nth-child(3){
		width:26%;
	}

	.FormatTableBody-item:last-child{
		width:21%;
	}
	
	.Step4.FormatTableBody-item{
		padding-right:0;
	}
	
	.FormatTable:after{
		width:0.938rem;
		box-shadow: 0.375rem 0.375rem 0 0 #000;
		border-width:0.125rem;
		height: calc(100% + 1.088rem);
	}
	
	.FormatTableBg:before{
		box-shadow: 0.375rem 0.375rem 0 0 #000;
		border-width:0.125rem;
	}
	
	.FormatTableBg{
		bottom: -2.4rem;
	}
	
	.FormatTableBgLine{
		height: 1.22rem;
		bottom: -0.66rem;
		width: calc(100% - 1.5rem);
	}
	
	.FormatTableMatch{
		margin-top:1rem;
		padding-right: 0.594rem;
	}
	
	.FormatTableMatch-title{
		font-size:0.563rem;
		text-shadow: 0 0.125rem 0 #FFFC46;
		margin-bottom:0.375rem;
	}
	
	.FormatTableMatch .FormatTableSec{
		width:7.5rem;
	}
	
	.FormatTableHeader-item{
		width:25%;
	}
	
	.FormatTableHeader-item:nth-child(2){
		width:29%;
	}

	.FormatTableHeader-item:nth-child(3){
		width:22%;
	}

	.FormatTableHeader-item:last-child{
		width:24%;
		padding-left:0.6rem;
	}

	.FormatSectionIco.Character1{
		width:12.5rem;
		height:9.625rem;
		margin-left: -13rem;
		bottom: 3rem;
	}
	
	.FormatSectionIco.Character2{
		width:12.125rem;
		height:9.938rem;
		right: -2.2rem;
        bottom: -5rem;
		z-index:10;
	}
	
	.FormatSectionIco.Character3{
		display:none;
	}
	
	.Step2 .FormatTableSec:first-child{
		margin-top: 0.8rem;
	}
	
	.Step2 .FormatTableSec:last-child{
		margin-bottom: 0.9rem;
	}
	
	.Step2 .FormatTableSec:after{
		top: 0.5rem;
		bottom: 0.5rem;
	}
	
	.Step3 .FormatTableGroup:first-child{
		margin-top: 1.89rem;
	}
	
	.Step3 .FormatTableGroup:last-child{
		margin-bottom: 2.2rem;
	}
	
	.Step3 .FormatTableSec:after{
		top: 2.5rem;
		bottom: 2.7rem;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.FormatInfoCnt{
		width:19.75rem;
		position:relative;
		left:-0.25rem;
	}
	
	.FormatTable:before{
		width: calc(100% - 0.75rem);
		height: 100%;
		border-radius: 0.5rem 0 0 0.5rem;
		border: solid 0.125rem #000;
	}
	
	.FormatTableHeader-item{
		font-size:0.563rem;
		text-shadow: 0 0.125rem 0 #FFFC46;
		padding: 0.875rem 0 0.625rem;
	}
	
	.TabCnt1 .FormatTableHeader-item{
		text-shadow: 0 0.125rem 0 #96EAFF;
	}
	
	.FormatTableHeader{
		margin: 0;
	}
	
	.FormatTableInfo{
		padding:0 0.625rem 2.25rem;
	}
	
	.FormatTableBody{
		padding-top:0.625rem;
	}
	
	.FormatTableSec{
		width:4.625rem;
	}
	
	.FormatTableGroup-title{
		font-size:0.563rem;
		border-radius:0.313rem;
		padding:0.188rem 0;
		border: 1px solid #000;
		box-shadow: -0.188rem -0.188rem 0.125rem 0 rgba(0, 0, 0, 0.15) inset, 0.188rem 0.188rem 0.125rem 0 rgba(255, 255, 255, 0.20) inset, 0 1px 0 0 #000;
	}
	
	.FormatTableGroup-name{
		font-size:0.5rem;
		border-radius:0.25rem;
		padding:0.2rem 0 0.16rem;
		line-height:1.3em;
		border: 1px solid #000;
		box-shadow: 0 1px 0 0 #000;
	}
	
	.FormatTableSec:after{
		width:0.25rem;
		right: calc(-0.25rem - 0.125rem);
		border-width:1px;
	}
	
	.Step2 .FormatTableSec,
	.Step3 .FormatTableSec,
	.Step4 .FormatTableGroup{
		width:3.75rem;
	}
	
	.FormatTableGroup-name br{
		display:block;
	}
	
	.FormatTableBody-item{
		width:27%;
	}

	.FormatTableBody-item:nth-child(2){
		width:26%;
	}

	.FormatTableBody-item:nth-child(3){
		width:26%;
	}

	.FormatTableBody-item:last-child{
		width:21%;
	}
	
	.Step4.FormatTableBody-item{
		padding-right:0;
	}
	
	.FormatTable:after{
		width:1.2rem;
		box-shadow: 0.375rem 0.375rem 0 0 #000;
		border-width:0.125rem;
		height: calc(100% + 1rem);
	}
	
	.FormatTableBg:before{
		box-shadow: 0.375rem 0.375rem 0 0 #000;
		border-width:0.125rem;
		width: calc(100% - 0.65rem);
	}
	
	.FormatTableBg{
		bottom: -2.38rem;
	}
	
	.FormatTableBgLine{
		height: 1.22rem;
		bottom: -0.66rem;
		width: calc(100% - 1.5rem);
	}
	
	.FormatTableMatch{
		margin-top:1rem;
		padding-right: 0.594rem;
	}
	
	.FormatTableMatch-title{
		font-size:0.563rem;
		text-shadow: 0 0.125rem 0 #FFFC46;
		margin-bottom:0.375rem;
	}
	
	.FormatTableMatch .FormatTableSec{
		width:7.5rem;
	}
	
	.FormatTableHeader-item{
		width:25%;
	}
	
	.FormatTableHeader-item:nth-child(2){
		width:29%;
	}

	.FormatTableHeader-item:nth-child(3){
		width:22%;
	}

	.FormatTableHeader-item:last-child{
		width:24%;
		padding-left:0.6rem;
	}
	
	.FormatSectionIco.Character1{
		width:12.5rem;
		height:9.625rem;
		margin-left: -13rem;
		bottom: 3rem;
	}
	
	.FormatSectionIco.Character2{
		width:12.125rem;
		height:9.938rem;
		right: -2.2rem;
        bottom: -5rem;
		z-index:10;
	}
	
	.FormatSectionIco.Character3{
		display:none;
	}
	
	.Step2 .FormatTableSec:first-child{
		margin-top: 0.8rem;
	}
	
	.Step2 .FormatTableSec:last-child{
		margin-bottom: 0.9rem;
	}
	
	.Step2 .FormatTableSec:after{
		top: 0.5rem;
		bottom: 0.5rem;
	}
	
	.Step3 .FormatTableGroup:first-child{
		margin-top: 1.89rem;
	}
	
	.Step3 .FormatTableGroup:last-child{
		margin-bottom: 2.2rem;
	}
	
	.Step3 .FormatTableSec:after{
		top: 2.5rem;
		bottom: 2.7rem;
	}
}

/*=========================================================
	LastSection
=========================================================*/
.LastSection{
	background-color:#070F2F;
	padding: 14.4rem 0 4.5rem;
    position: relative;
    margin-top: -19.5rem;
}

.LastSection .SiteSecTitle{
	text-shadow: 0 4px 0 #506390;
	margin-bottom:3rem;
}

.TmMap{
	max-width:50.875rem;
	margin:0 auto 8.125rem;
}

body .TmSlider-item{
	width:100%;
}

body .TmSlider-item + body .TmSlider-item{
	margin-left:1.25rem;
}

.TmMapPost{
	width:100%;
}

.TmMapPostThumb{
	width:13.375rem;
	border-radius:0.5rem;
	border: 4px solid #000;
	box-shadow: 0 2px 0 0 #000;
	margin:0 auto 1.25rem;
	position:relative;
}

.TmMapPostThumb:after{
	content:"";
	display:block;
	padding-bottom:66%;
}

.TmMapPostThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.TmMapPost-title{
	text-align:center;
	font-size:1.25rem;
	line-height:1.4em;
	font-weight:700;
	background: linear-gradient(180deg, #FFE898 29.17%, #FFF 122.22%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom:1.25rem;
}

.TmMapPostLevel{
	font-size:0;
	line-height:0;
	text-align:center;
	margin-bottom:1.25rem;
}

.TmMapPostLevel-title{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	padding-right:calc(0.625rem + 1px);
	margin-right:0.625rem;
	font-size:0.875rem;
	line-height:1.2em;
	color:#fff;
}

.TmMapPostLevel-title:after{
	content:"";
	width:1px;
	height:0.75rem;
	background-color: rgba(255, 255, 255, 0.30);
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.TmMapPostStar{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	top:-0.063rem;
}

.TmMapPostStar-item{
	width:1.25rem;
	height:1.25rem;
	display:inline-block;
	background-image:url(../../images/bg/ico_map_star.png);
	background-size:100% 100%;
}

.TmMapPostStar-item + .TmMapPostStar-item{
	margin-left:0.25rem;
}

.TmSlider{
	position:relative;
}

.TmMapPost-sub{
	font-size:1rem;
	line-height:1.5em;
	color:#fff;
	text-align:center;
	margin-bottom:1rem;
}

.TmMapPostVideo{
	width:50rem;
	height:28.313rem;
	background-image:url(../../images/bg/map_video_bg.png);
	background-size:100% 100%;
	position:relative;
	margin:0 auto;
}

.TmMapPostVideoClip{
	position:absolute;
	top:2px;
	left:2px;
	right:2px;
	height:calc(98% - 4px);
	mask-image: url(../../images/bg/map_video_clip.svg);
    background-image: url(../../images/bg/map_video_clip.svg);
    -webkit-mask-image: url(../../images/bg/map_video_clip.svg);
    -webkit-background-image: url(../../images/bg/map_video_clip.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
}

.TmMapPostVideoThumb{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
}

.is-Play .TmMapPostVideoThumb{
	display:none;
}

.TmMapPostVideoThumb:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	/*background-image:url(../../images/bg/map_video_dim.svg);
	background-size:cover;*/
	z-index:1;
}

.YoutubeThumb{
	transform: translateZ(0);
    -webkit-transform: translateZ(0);
	z-index:10;
}

.TmMapPostVideoThumb:after{
	content:"";
	width: 5rem;
    height: 5rem;
    background-image: url(../../images/icon/ico_play_btn.png);
    background-size: 100% 100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:5;
}

.TmMapPostVideoThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.TmMapPostVideo-iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
	object-fit:cover;
}

body .TmSlider-prev{
	width:4rem;
	height:4rem;
	background-image:url(../../images/icon/ico_player_slide_prev.png);
	background-size:100% 100%;
	position:absolute;
	bottom:19rem;
	left:-5rem;
	cursor:pointer;
	z-index:5;
}

body .TmSlider-prev.swiper-button-disabled{
	opacity:0.2;
}

body .TmSlider-next{
	width:4rem;
	height:4rem;
	background-image:url(../../images/icon/ico_player_slide_next.png);
	background-size:100% 100%;
	position:absolute;
	bottom:19rem;
	right:-5rem;
	cursor:pointer;
	z-index:5;
}

body .TmSlider-next.swiper-button-disabled{
	opacity:0.2;
}

body .TmSlider-paging{
	width:4.25rem;
	border-radius:100px 100px;
	background: rgba(255, 255, 255, 0.10);
	margin:1.5rem auto 0;
	font-size:0.875rem;
	line-height:1.2em;
	color:#fff;
	text-align:center;
	padding:0.5rem 0;
}

body .TmSlider-paging .swiper-pagination-current{
	font-size:1rem;
	font-weight:700;
	color:#FFE659;
}

/*TmCharacter*/
.TmCharacter{
	position:absolute;
	background-size:100% 100%;
	animation: ani-updown 2.5s ease-in-out infinite;
	pointer-events:none;
	z-index:2;
}

.TmCharacter.Character1{
	width:21.938rem;
	height:21.438rem;
	background-image:url(../../images/bg/tm_character1.png);
	bottom: 28rem;
    right: -13rem;
	z-index:5;
}

.TmCharacter.Character2{
	width:16.813rem;
	height:16.688rem;
	background-image:url(../../images/bg/tm_character2.png);
	bottom: 1rem;
    left: -13.5rem;
	z-index:5;
}

.TmCharacter.Character3{
	width:8.938rem;
	height:9rem;
	background-image:url(../../images/bg/tm_character3.png);
	bottom: 43rem;
    right: -10.5rem;
	animation-delay:0.1s;
}

.TmCharacter.Character4{
	width:12.063rem;
	height:12.25rem;
	background-image:url(../../images/bg/tm_character4.png);
	bottom: 38rem;
    right: -17rem;
	animation-delay:0.2s;
}

.TmCharacter.Character5{
	width:10.563rem;
	height:11.688rem;
	background-image:url(../../images/bg/tm_character5.png);
	bottom: 37.5rem;
    left: -8.5rem;
}

.TmCharacter.Character6{
	width:11.5rem;
	height:11.375rem;
	background-image:url(../../images/bg/tm_character6.png);
	bottom: 31.5rem;
    left: -16.5rem;
	animation-delay:0.1s;
}

.TmCharacter.Character7{
	width:10.438rem;
	height:10.063rem;
	background-image:url(../../images/bg/tm_character7.png);
	bottom: 28.5rem;
    left: -11.5rem;
	animation-delay:0.2s;
}

.TmMapPostCoverage{
	margin-bottom:2.5rem;
	text-align:center;
	font-size:0;
	line-height:0;
}

.TmMapPostCoverage-item + .TmMapPostCoverage-item{
	margin-top:0.5rem;
}

.TmMapPostCoveragePost{
	display:inline-block;
	padding:0.376rem 0.563rem;
	border-radius: 0.5rem;
	border: 1px solid #3C89F0;
	background: rgba(67, 70, 160, 0.20);
}

.TmMapPostCoveragePost-text{
	font-size:0.813rem;
	line-height:1.4em;
	color:#fff;
	position:relative;
	display:block;
	text-align:left;
}

.TmMapPostCoveragePost-text:not(.Ico0){
	padding-left:1.875rem;
}

.TmMapPostCoveragePost-text:not(.Ico0):before{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-size:100% 100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0;
}

.TmMapPostCoveragePost-color{
	color:#FFE898;
}

/*ico*/
.Ico1.TmMapPostCoveragePost-text:before{
	background-image:url(../../images/icon/ico_map_coverage1.png);
}

.Ico2.TmMapPostCoveragePost-text:before{
	background-image:url(../../images/icon/ico_map_coverage2.png);
	width:1.375rem;
	height:1.375rem;
}

.Ico3.TmMapPostCoveragePost-text:before{
	background-image:url(../../images/icon/ico_map_coverage3.png);
}

.Ico4.TmMapPostCoveragePost-text:before{
	background-image:url(../../images/icon/ico_map_coverage4.png);
}

.Ico5.TmMapPostCoveragePost-text:before{
	background-image:url(../../images/icon/ico_map_coverage5.png);
}

.Ico6.TmMapPostCoveragePost-text:before{
	background-image:url(../../images/icon/ico_map_coverage6.png);
}

.Ico7.TmMapPostCoveragePost-text:before{
	background-image:url(../../images/icon/ico_map_coverage7.png);
}

.Ico8.TmMapPostCoveragePost-text:before{
	background-image:url(../../images/icon/ico_map_coverage8.png);
}

.Ico9.TmMapPostCoveragePost-text:before{
	background-image:url(../../images/icon/ico_map_coverage9.png);
}

.TmMap .TmSlider-wrapper{
	align-items:center;
}


@media screen and (max-width:1199px) and (min-width:500px){
	.LastSection{
		padding: 12.275rem 0 4rem;
		margin-top:-10.875rem;
	}
	
	.TmMap{
		margin-bottom:6.688rem;
	}
	
	.TmMap .SiteSecTitle{
		margin-bottom:2.5rem;
	}
	
	.TmMapPostThumb{
		width:11.125rem;
	}
	
	.TmMapPost-title{
		font-size:1.125rem;
	}
	
	.TmMapPostLevel-title{
		font-size:0.813rem;
	}
	
	.TmMapPost-sub{
		font-size:0.875rem;
		margin-bottom:1rem;
	}
	
	.TmMapPostVideo{
		width:20rem;
		height:11.313rem;
	}
	
	.TmMapPostVideoThumb:after{
		width:3.5rem;
		height:3.5rem;
	}
	
	body .TmSlider-paging{
		margin-top:1.25rem;
		width:8.375rem;
	}
	
	body .TmSlider-paging .swiper-pagination-current{
		font-size:0.875rem;
	}
	
	body .TmSlider-prev{
		bottom: 0.1rem;
        left: 50%;
        width: 1.875rem;
        height: 1.875rem;
        margin-left: -3.4rem;
	}
	
	body .TmSlider-next{
		bottom: 0.1rem;
        left: 50%;
		right:auto;
        width: 1.875rem;
        height: 1.875rem;
        margin-left: 1.5rem;
	}
	
	.TmCharacter.Character3,
	.TmCharacter.Character4{
		display:none;
	}
	
	.TmCharacter.Character1{
		width: 7.813rem;
        height: 7.625rem;
		background-image:url(../../images/bg/tm_character1_m.png);
		top: -1rem;
        bottom: auto;
        left: 1.5rem;
        right: auto;
	}
	
	.TmCharacter.Character2{
		width: 11.063rem;
        height: 10.938rem;
		background-image:url(../../images/bg/tm_character2_m.png);
        top: 12rem;
        bottom: auto;
        left: auto;
        right: 4.5rem;
		z-index:1;
	}
	
	.TmCharacter.Character5{
		width: 7.25rem;
        height: 7.5rem;
		background-image:url(../../images/bg/tm_character5_m.png);
        top: -6rem;
        bottom: auto;
        left: auto;
        right: 1.5rem;
	}
	
	.TmCharacter.Character6{
		width: 5rem;
        height: 5.25rem;
        background-image: url(../../images/bg/tm_character6_m.png);
        bottom: -1rem;
        left: 0;
		display:none;
	}
	
	.TmCharacter.Character7{
		width: 6.375rem;
        height: 6.25rem;
        background-image: url(../../images/bg/tm_character7_m.png);
		top: -3rem;
        bottom: auto;
        left: auto;
        right: 4rem;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.LastSection{
		padding: 12.275rem 0 4rem;
		margin-top:-10.875rem;
	}
	
	.TmMap{
		margin-bottom:5.438rem;
	}
	
	.TmMap .SiteSecTitle{
		margin-bottom:2.5rem;
	}
	
	.TmMapPostThumb{
		width:11.125rem;
	}
	
	.TmMapPost-title{
		font-size:1.125rem;
	}
	
	.TmMapPostLevel-title{
		font-size:0.813rem;
	}
	
	.TmMapPost-sub{
		font-size:0.875rem;
		margin-bottom:1rem;
	}
	
	.TmMapPostVideo{
		width:20rem;
		height:11.313rem;
	}
	
	.TmMapPostVideoThumb:after{
		width:3.5rem;
		height:3.5rem;
	}
	
	body .TmSlider-paging{
		margin-top:1.25rem;
		width:8.375rem;
	}
	
	body .TmSlider-paging .swiper-pagination-current{
		font-size:0.875rem;
	}
	
	body .TmSlider-prev{
		bottom: 0.1rem;
        left: 50%;
        width: 1.875rem;
        height: 1.875rem;
        margin-left: -3.4rem;
	}
	
	body .TmSlider-next{
		bottom: 0.1rem;
        left: 50%;
		right:auto;
        width: 1.875rem;
        height: 1.875rem;
        margin-left: 1.5rem;
	}
	
	.TmCharacter.Character3,
	.TmCharacter.Character4{
		display:none;
	}
	
	.TmCharacter.Character1{
		width: 7.813rem;
        height: 7.625rem;
		background-image:url(../../images/bg/tm_character1_m.png);
		top: -1rem;
        bottom: auto;
        left: -2.5rem;
        right: auto;
	}
	
	.TmCharacter.Character2{
		width: 11.063rem;
        height: 10.938rem;
		background-image:url(../../images/bg/tm_character2_m.png);
        top: 12rem;
        bottom: auto;
        left: auto;
        right: -5.5rem;
		z-index:1;
	}
	
	.TmCharacter.Character5{
		width: 7.25rem;
        height: 7.5rem;
		background-image:url(../../images/bg/tm_character5_m.png);
        top: -7rem;
        bottom: auto;
        left: auto;
        right: -3.5rem;
	}
	
	.TmCharacter.Character6{
		width: 5rem;
        height: 5.25rem;
        background-image: url(../../images/bg/tm_character6_m.png);
        bottom: -1rem;
        left: -1rem;
		display:none;
	}
	
	.TmCharacter.Character7{
		width: 6.375rem;
        height: 6.25rem;
        background-image: url(../../images/bg/tm_character7_m.png);
		top: -4rem;
        bottom: auto;
        left: auto;
        right: -1rem;
	}
}

/*=========================================================
	TmSchedule
=========================================================*/
.TmSchedule{
	position:relative;
	margin-bottom:8.125rem;
}

.TmSchedule:before{
	content:"";
	width:100vw;
	height:81.042vw;
	background-image:url(../../images/bg/bg_schedule.png);
	background-size:cover;
	position:absolute;
	bottom:-6vw;
	left:50%;
	transform:translateX(-50%);
	pointer-events:none;
}

.TmScheduleList{
	max-width:50rem;
	margin:0 auto;
	position:relative;
}

.TmScheduleList:before{
	content:"";
	width:17rem;
	height:16.813rem;
	background-image:url(../../images/bg/tmschedule_ico2.svg);
	background-size:100% 100%;
	position:absolute;
	top: -6rem;
    right: -9rem;
	pointer-events:none;
}

.TmScheduleList:after{
	content:"";
	width:10.25rem;
	height:10.25rem;
	background-image:url(../../images/bg/tmschedule_ico.svg);
	background-size:100% 100%;
	position:absolute;
	bottom:-3rem;
	left:-5rem;
	pointer-events:none;
}

.TmSchedule-inner{
	position:relative;
	z-index:5;
}

.TmSchedule-item + .TmSchedule-item{
	margin-top:1rem;
}

.TmSchedulePost{
	width:47.5rem;
	height:12.5rem;
	background-size:100% 100%;
	position:relative;
}

.DfTabCont-item:nth-child(1) .TmSchedule-item:nth-child(even) .TmSchedulePost{
	margin-left:auto;
}

.DfTabCont-item:nth-child(2) .TmSchedule-item:nth-child(odd) .TmSchedulePost{
	margin-left:auto;
}

.TmSchedulePost.Step1{
	background-image:url(../../images/bg/schedule_post1.png);
}

.TmSchedulePost.Step2{
	background-image:url(../../images/bg/schedule_post2.png);
}

.TmSchedulePost.Step3{
	background-image:url(../../images/bg/schedule_post3.png);
}

.TmSchedulePost.Step4{
	background-image:url(../../images/bg/schedule_post4.png);
}

.TmSchedule-item:nth-child(odd) .TmSchedulePost.Step5{
	background-image:url(../../images/bg/schedule_post5.png);
}

.TmSchedule-item:nth-child(even) .TmSchedulePost.Step5{
	background-image:url(../../images/bg/schedule_post6.png);
}

.TmSchedulePostDate{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	padding:0 1.25rem;
	width:11rem;
	text-align:center;
}

.TmSchedulePostDate-day{
	font-size:1.25rem;
	line-height:1.4em;
	color:#FFE659;
	font-weight:700;
	margin-bottom:0.25rem;
	display:block;
}

.TmSchedulePostDate-time{
	font-size:1.25rem;
	line-height:1.4em;
	color:#fff;
	font-weight:700;
	display:block;
}

.TmSchedulePostTitle{
	position:absolute;
	top:50%;
	left:13rem;
	transform:translateY(-50%);
	width:20.875rem;
	font-size:1.5rem;
	color:#070F2F;
	line-height:1.4em;
	font-weight:700;
	text-shadow: 0 3px 0 #FFF;
	padding-left:5.813rem;
	letter-spacing:-0.06rem;
}

.Step5 .TmSchedulePostTitle{
	padding-left:0;
	text-shadow: 0 3px 0 #FFE659;
}

.TmSchedulePostTitle:before{
	content:"";
	width:5.313rem;
	height:5.5rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	background-size:100%;
	background-repeat:no-repeat;
}

.TmSchedulePostMeta{
	position:absolute;
	top:50%;
	right:2.5rem;
	transform:translateY(-50%);
	width:10rem;
}

.Step1 .TmSchedulePostTitle:before{
	background-image:url(../../images/cont/bg_flag1.png);
	height:6rem;
}

.Step2 .TmSchedulePostTitle:before{
	background-image:url(../../images/cont/bg_flag2.png);
}

.Step3 .TmSchedulePostTitle:before{
	background-image:url(../../images/cont/bg_flag3.png);
}

.Step4 .TmSchedulePostTitle:before{
	background-image:url(../../images/cont/bg_flag4.png);
}

.TmSchedulePost-btn{
	border-radius: 0.5rem;
	border: 2px solid rgba(0, 0, 0, 0.08);
	background: #B0B0B0;
	display:block;
	text-align:center;
	font-size:0;
	line-height:0;
	padding:0.563rem 0;
}

.TmSchedulePost-btn:not(.is-Link){
	pointer-events:none;
}

.TmSchedulePost-btntext{
	display:inline-block;
	font-size:1.125rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	position:relative;
}

.TmSchedulePostMeta-item + .TmSchedulePostMeta-item{
	margin-top:0.75rem;
}

.is-Link.Live.TmSchedulePost-btn{
	border: 2px solid #400808;
	background: linear-gradient(180deg, #FF586F 0%, #C3001B 84.78%);
	box-shadow: 0 4px 0 0 rgba(255, 255, 255, 0.20) inset, 0 -6px 0 0 rgba(0, 0, 0, 0.20) inset, 2px 4px 0 0 #000;
}

.is-Link.Highlight.TmSchedulePost-btn{
	border: 2px solid #022225;
	background: linear-gradient(106deg, #29B0E1 2.58%, #0F7CCF 79.75%);
	box-shadow: 0 4px 0 0 rgba(255, 255, 255, 0.20) inset, 0 -6px 0 0 rgba(0, 0, 0, 0.20) inset, 2px 4px 0 0 #000;
}

.is-Link.Live .TmSchedulePost-btntext{
	padding-left:1.375rem;
}

.is-Link.Live .TmSchedulePost-btntext:before{
	content:"";
	width:0.75rem;
	height:0.75rem;
	border-radius:100% 100%;
	background-color:#fff;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

@media screen and (max-width:1199px) and (min-width:500px){
	.TmSchedule{
		margin-bottom: 8rem;
	}
	
	.TmScheduleList{
		width:20rem;
	}
	
	.TmSchedulePost{
		width:20rem;
		height:15rem;
	}
	
	.TmSchedulePost.Step1{
		background-image:url(../../images/bg/schedule_post1_m.png);
	}

	.TmSchedulePost.Step2{
		background-image:url(../../images/bg/schedule_post2_m.png);
	}

	.TmSchedulePost.Step3{
		background-image:url(../../images/bg/schedule_post3_m.png);
	}

	.TmSchedulePost.Step4{
		background-image:url(../../images/bg/schedule_post4_m.png);
	}
	
	.TmSchedule-item:nth-child(odd) .TmSchedulePost.Step5{
		background-image:url(../../images/bg/schedule_post5_m.png);
	}

	.TmSchedule-item:nth-child(even) .TmSchedulePost.Step5{
		background-image:url(../../images/bg/schedule_post6_m.png);
	}
	
	.TmSchedulePostDate{
		transform:translateY(0);
		width:100%;
		top:0.875rem;
		padding:0 2.563rem 0 1.563rem;
	}
	
	.TmSchedulePostDate-day{
		display:inline-block;
		margin-bottom:0;
		font-size:1.125rem;
		margin-right:0.5rem;
	}
	
	.TmSchedulePostDate-time{
		display:inline-block;
		font-size:1.125rem;
	}
	
	.TmSchedulePostMeta{
		transform:translateY(0);
		left:1.25rem;
		right:1.5rem;
		width:auto;
		display:flex;
		justify-content:space-between;
		bottom:1.625rem;
		top:auto;
	}
	
	.TmSchedulePostMeta-item{
		width:calc(50% - 0.25rem);
	}
	
	.TmSchedulePostMeta-item + .TmSchedulePostMeta-item{
		margin-top:0;
	}
	
	.TmSchedulePost-btntext{
		font-size:1rem;
	}
	
	.TmSchedulePostTitle{
		transform:translateY(0);
		top:4.063rem;
		left:0;
		right:0;
		width:auto;
		text-align:center;
		font-size:1.125rem;
		color:#fff;
		text-shadow:none;
		padding-left:0;
		padding-top:4.125rem;
	}
	
	.TmSchedulePostTitle:before{
		width:3.875rem;
		height:4rem;
		top:0;
		left:50%;
		transform:translateX(-50%);
	}
	
	.Step1 .TmSchedulePostTitle:before{
		height:5rem;
	}
	
	.TmScheduleList:before{
		width:13.375rem;
		height:13.188rem;
		top: -7rem;
		right: -7rem;
	}
	
	.TmScheduleList:after{
		width:14.563rem;
		height:14.375rem;
		bottom: -6rem;
		left: -7rem;
	}
	
	.Step5 .TmSchedulePostTitle{
		padding-top:0;
		color:#381515;
		top:5.563rem;
	}
	
	.Step5 .TmSchedulePostMeta{
		bottom:3.125rem;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.TmSchedule{
		margin-bottom: 8rem;
	}
	
	.TmScheduleList{
		width:20rem;
	}
	
	.TmSchedulePost{
		width:20rem;
		height:15rem;
	}
	
	.TmSchedulePost.Step1{
		background-image:url(../../images/bg/schedule_post1_m.png);
	}

	.TmSchedulePost.Step2{
		background-image:url(../../images/bg/schedule_post2_m.png);
	}

	.TmSchedulePost.Step3{
		background-image:url(../../images/bg/schedule_post3_m.png);
	}

	.TmSchedulePost.Step4{
		background-image:url(../../images/bg/schedule_post4_m.png);
	}
	
	.TmSchedule-item:nth-child(odd) .TmSchedulePost.Step5{
		background-image:url(../../images/bg/schedule_post5_m.png);
	}

	.TmSchedule-item:nth-child(even) .TmSchedulePost.Step5{
		background-image:url(../../images/bg/schedule_post6_m.png);
	}
	
	.TmSchedulePostDate{
		transform:translateY(0);
		width:100%;
		top:0.875rem;
		padding:0 2.563rem 0 1.563rem;
	}
	
	.TmSchedulePostDate-day{
		display:inline-block;
		margin-bottom:0;
		font-size:1.125rem;
		margin-right:0.5rem;
	}
	
	.TmSchedulePostDate-time{
		display:inline-block;
		font-size:1.125rem;
	}
	
	.TmSchedulePostMeta{
		transform:translateY(0);
		left:1.25rem;
		right:1.5rem;
		width:auto;
		display:flex;
		justify-content:space-between;
		bottom:1.625rem;
		top:auto;
	}
	
	.TmSchedulePostMeta-item{
		width:calc(50% - 0.25rem);
	}
	
	.TmSchedulePostMeta-item + .TmSchedulePostMeta-item{
		margin-top:0;
	}
	
	.TmSchedulePost-btntext{
		font-size:1rem;
	}
	
	.TmSchedulePostTitle{
		transform:translateY(0);
		top:4.063rem;
		left:0;
		right:0;
		width:auto;
		text-align:center;
		font-size:1.125rem;
		color:#fff;
		text-shadow:none;
		padding-left:0;
		padding-top:4.125rem;
	}
	
	.TmSchedulePostTitle:before{
		width:3.875rem;
		height:4.5rem;
		top:0;
		left:50%;
		transform:translateX(-50%);
	}
	
	.Step1 .TmSchedulePostTitle:before{
		height:5rem;
	}
	
	.TmScheduleList:before{
		width:13.375rem;
		height:13.188rem;
		top: -7rem;
		right: -7rem;
	}
	
	.TmScheduleList:after{
		width:14.563rem;
		height:14.375rem;
		bottom: -6rem;
		left: -7rem;
	}
	
	.Step5 .TmSchedulePostTitle{
		padding-top:0;
		color:#381515;
		top:5.563rem;
	}
	
	.Step5 .TmSchedulePostMeta{
		bottom:3.125rem;
	}
}


/*=========================================================
	TicketPost
=========================================================*/
.Ticket{
	margin-bottom:8.125rem;
	position:relative;
}

.TicketPost{
	max-width:50rem;
	height:27.25rem;
	border-radius:0.75rem;
	border: 2px solid #FFE898;
	background: rgba(255, 255, 255, 0.30);
	margin:0 auto;
	position:relative;
}

.TicketPostText{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
	text-align:center;
	font-size:1rem;
	line-height:1.4em;
	color:#fff;
	padding-top:6rem;
}

.TicketPostText:before{
	content:"";
	width:7.625rem;
	height:5.5rem;
	background-image:url(../../images/bg/ticket_icon.png);
	background-size:100% 100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}

@media screen and (max-width:1199px) and (min-width:500px){
	.Ticket{
		margin-bottom: 8rem;
	}
	
	.TicketPost{
		width:20rem;
		height:12.125rem;
	}
	
	.TicketPostText{
		font-size:0.875rem;
		padding-top:4.5rem;
	}
	
	.TicketPostText:before{
		width:5.563rem;
		height:4rem;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.Ticket{
		margin-bottom: 8rem;
	}
	
	.TicketPost{
		width:20rem;
		height:12.125rem;
	}
	
	.TicketPostText{
		font-size:0.875rem;
		padding-top:4.5rem;
	}
	
	.TicketPostText:before{
		width:5.563rem;
		height:4rem;
	}
}

/*=========================================================
	Event
=========================================================*/
.Event{
	position:relative;
	margin-bottom:8.125rem;
	z-index:1;
}

.Event:before{
	content:"";
	width:14.75rem;
	height:10.625rem;
	background-image:url(../../images/bg/event_character.png);
	background-size:100% 100%;
	position:absolute;
	top:-0.875rem;
	left:-10rem;
	animation: ani-updown 2.5s ease-in-out infinite;
}

.EventHeader{
	margin-bottom:2.625rem;
}

.Event .SiteSecTitle{
	margin-bottom:1rem;
}

.Event-sub{
	font-size:1.125rem;
	line-height:1.6em;
	color:#fff;
	text-align:center;
}

.EventList{
	position:relative;
}

.EventList:before{
	content:"";
	width:17.5rem;
	height:17.5rem;
	background-image:url(../../images/bg/event_bg.svg);
	background-size:100% 100%;
	position:absolute;
	top: -7rem;
    right: -8rem;
}

.EventList-inner{
	margin:0 -0.45rem;
	display:flex;
}

.EventList-item{
	padding:0 0.75rem;
	width:33.333%;
}

.EventPost{
	width:100%;
	position:relative;
}

.EventPost:after{
	content:"";
	display:block;
	padding-bottom:126.3%;
}

.EventPostMessage{
	width:8.25rem;
	height:6.375rem;
	background-image:url(../../images/bg/event_bubble.png);
	background-size:100% 100%;
	position:absolute;
	top: -2.2rem;
    right: -1.5rem;
	animation: EventPostMessage 2.5s ease-in-out infinite;
	z-index:15;
}

.EventPostMessage-text{
	font-size:0.813rem;
	line-height:1.5em;
	color:#000;
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.20);
	font-weight:700;
	display:block;
	text-align:center;
	transform:rotate(16deg) translate(0.5rem, 1.7rem);
}

 @keyframes EventPostMessage {
	0%,100% {
		transform: rotate(0);
	}

	50% {
		transform: rotate(8deg);
	}
}

.EventPostBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-size:100% 100%;
}

.Step1 .EventPostBg:after{
	content:"";
	width:22.5rem;
	height:13.438rem;
	background-image:url(../../images/bg/event_post1_bg.png);
	background-size:100% 100%;
	position:absolute;
	bottom: 0.6rem;
    left: 1rem;
	animation: event-updown 2.5s ease-in-out infinite;
}

.Step2 .EventPostBg:after{
	content:"";
	width:23.375rem;
	height:16.813rem;
	background-image:url(../../images/bg/event_post2_bg.png);
	background-size:100% 100%;
	position:absolute;
	bottom: 0.2rem;
    left: 0.1rem;
	animation: event-updown 2.5s ease-in-out infinite;
}

.Step3 .EventPostBg:after{
	content:"";
	width:23.75rem;
	height:17.438rem;
	background-image:url(../../images/bg/event_post3_bg.png);
	background-size:100% 100%;
	position:absolute;
	bottom: 0;
    left: 0.1rem;
	animation: event-updown 2.5s ease-in-out infinite;
}

@keyframes event-updown {
	0%,100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(0.25rem);
	}
}


.Step1 .EventPostBg{
	background-image:url(../../images/bg/event_post1.png);
}

.Step2 .EventPostBg{
	background-image:url(../../images/bg/event_post2.png);
}

.Step3 .EventPostBg{
	background-image:url(../../images/bg/event_post3.png);
}

.EventPostText{
	position:absolute;
	top:2rem;
	left:1rem;
	right:1rem;
	text-align:center;
	z-index:10;
}

.EventPostTextCate{
	width:9.5rem;
	height:2.25rem;
	background-image:url(../../images/bg/event_post_title.png);
	background-size:100% 100%;
	margin:0 auto 1rem;
	position:relative;
}

.EventPostTextCate-text{
	font-size:1.25rem;
	line-height:1.2em;
	color:#381515;
	font-weight:700;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.50);
	position:absolute;
	top:50%;
	left:0;
	right:0;
	text-align:center;
	transform:translateY(-50%);
	padding-right:0.2rem;
}

.EventPostText-title{
	font-size:1.25rem;
	line-height:1.4em;
	color:#381515;
	font-weight:700;
	margin-bottom:0.5rem;
}

.EventPostText-text{
	font-size:0.875rem;
	line-height:1.5em;
	color:#381515;
}

.mo_None{
	display:none;
}

.pc_None{
	display:block;
}

@media screen and (max-width:1199px) and (min-width:500px){
	.Event{
		margin-bottom: 8rem;
	}
	
	.EventList{
		width:20rem;
		margin:0 auto;
	}
	
	.EventList-inner{
		display:block;
		margin:0;
	}
	
	.EventList-item{
		padding:0;
		width:100%;
	}
	
	.EventList-item + .EventList-item{
		margin-top:1.5rem;
	}
	
	.mo_None{
		display:block;
	}
	
	.EventPost:after{
		padding-bottom: 143.8%;
	}
	
	.Step1 .EventPostBg{
		background-image:url(../../images/bg/event_post1_m.png);
	}

	.Step2 .EventPostBg{
		background-image:url(../../images/bg/event_post2_m.png);
	}

	.Step3 .EventPostBg{
		background-image:url(../../images/bg/event_post3_m.png);
	}
	
	.Step1 .EventPostBg:after{
		width:19.563rem;
		height:15.25rem;
		background-image:url(../../images/bg/event_post1_bg_m.png);
		left: 0.2rem;
		bottom:0.3rem;
	}

	.Step2 .EventPostBg:after{
		width:19.813rem;
		height:16.813rem;
		background-image:url(../../images/bg/event_post2_bg_m.png);
		left: 0;
	}

	.Step3 .EventPostBg:after{
		width:20rem;
		height:18.813rem;
		background-image:url(../../images/bg/event_post3_bg_m.png);
		left: 0.1rem;
	}
	
	.EventPostMessage{
		top:-1.8rem;
	}
	
	.EventPostText{
		top:2.25rem;
	}
	
	.EventPostTextCate{
		margin-bottom:1.25rem;
		width:8.25rem;
		height:2.25rem;
		background-image:url(../../images/bg/event_post_title_m.png);
	}
	
	.EventPostTextCate-text{
		font-size:1rem;
		margin-top: -0.2rem;
	}
	
	.EventPostText-title{
		font-size:1.125rem;
		margin-bottom:0.5rem;
	}
	
	.Event:before{
		width:10rem;
		height:7rem;
		top: -4.875rem;
		left: -1rem;
	}
	
	.EventList:before{
		width:11.875rem;
		height:11.875rem;
		top: -6rem;
		right: -7rem;
	}
	
	.pc_None{
		display:none;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.Event{
		margin-bottom: 8rem;
	}
	
	.EventList{
		width:20rem;
		margin:0 auto;
	}
	
	.EventList-inner{
		display:block;
		margin:0;
	}
	
	.EventList-item{
		padding:0;
		width:100%;
	}
	
	.EventList-item + .EventList-item{
		margin-top:1.5rem;
	}
	
	.mo_None{
		display:block;
	}
	
	.EventPost:after{
		padding-bottom: 143.8%;
	}
	
	.Step1 .EventPostBg{
		background-image:url(../../images/bg/event_post1_m.png);
	}

	.Step2 .EventPostBg{
		background-image:url(../../images/bg/event_post2_m.png);
	}

	.Step3 .EventPostBg{
		background-image:url(../../images/bg/event_post3_m.png);
	}
	
	.Step1 .EventPostBg:after{
		width:19.563rem;
		height:15.25rem;
		background-image:url(../../images/bg/event_post1_bg_m.png);
		left: 0.2rem;
		bottom:0.3rem;
	}

	.Step2 .EventPostBg:after{
		width:19.813rem;
		height:16.813rem;
		background-image:url(../../images/bg/event_post2_bg_m.png);
		left: 0;
	}

	.Step3 .EventPostBg:after{
		width:20rem;
		height:18.813rem;
		background-image:url(../../images/bg/event_post3_bg_m.png);
		left: 0.1rem;
	}
	
	.EventPostMessage{
		top:-1.8rem;
	}
	
	.EventPostText{
		top:2.25rem;
	}
	
	.EventPostTextCate{
		margin-bottom:1.25rem;
		width:8.25rem;
		height:2.25rem;
		background-image:url(../../images/bg/event_post_title_m.png);
	}
	
	.EventPostTextCate-text{
		font-size:1rem;
		margin-top: -0.2rem;
	}
	
	.EventPostText-title{
		font-size:1.125rem;
		margin-bottom:0.5rem;
	}
	
	.Event:before{
		width:10rem;
		height:7rem;
		top: -5.875rem;
        left: -5rem;
	}
	
	.EventList:before{
		width:11.875rem;
		height:11.875rem;
		top: -6rem;
		right: -7rem;
	}
	
	.EventPostMessage{
		background-image: url(../../images/bg/event_bubble_m.png);
		width:7.75rem;
		height:6.25rem;
		right: -1rem;
	}
	
	.EventPostMessage-text{
		font-size:0.75rem;
		transform: rotate(16deg) translate(0.5rem, 1.7rem);
	}
	
	.pc_None{
		display:none;
	}
}

/*=========================================================
	Gallary
=========================================================*/
.Gallary{
	position:relative;
}

.Gallary .SiteSecTitle{
	position:relative;
	z-index:5;
}

.GallarySlider{
	max-width:72.75rem;
	margin:0 auto;
}

body .TmSlider-item{
	width:100%;
}

.GallaryAct{
	width:100%;
}

.GallaryList-inner{
	display:flex;
	flex-wrap:wrap;
	margin:-0.75rem -0.75rem;
}

.GallaryList-item{
	padding:0.75rem 0.75rem;
	width:33.333%;
}

.GallaryPost{
	position:relative;
}

.GallaryPost:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-size:100% 100%;
	pointer-events:none;
	z-index:5;
}

.GallaryPost:after{
	content:"";
	display:block;
	padding-bottom:65.1%;
}

.GallaryPostThumb{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.GallaryPostThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.GallaryVideo{
	width:50rem;
	height:28.375rem;
	margin:2.5rem auto 0;
	position:relative;
}

.GallaryVideo:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image:url(../../images/bg/gallery_video.png);
	background-size:100% 100%;
	pointer-events:none;
	z-index:5;
}


.GallaryVideoClip{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	mask-image: url(../../images/bg/gallery_video_clip.svg);
    background-image: url(../../images/bg/gallery_video_clip.svg);
    -webkit-mask-image: url(../../images/bg/gallery_video_clip.svg);
    -webkit-background-image: url(../../images/bg/gallery_video_clip.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
}

.GallaryVideoThumb{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
}

.is-Play .GallaryVideoThumb{
	display:none;
}

.GallaryVideoThumb:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index:1;
}

.GallaryVideoThumb:after{
	content:"";
	width: 5rem;
    height: 5rem;
    background-image: url(../../images/icon/ico_play_btn.png);
    background-size: 100% 100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:5;
}

.GallaryVideoThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.GallaryVideo-iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
	object-fit:cover;
}

.GallaryList-item:nth-child(1) .GallaryPost:before,
.GallaryList-item:nth-child(5) .GallaryPost:before{
	background-image:url(../../images/bg/gallery_post.png);
}

.GallaryList-item:nth-child(2) .GallaryPost:before,
.GallaryList-item:nth-child(6) .GallaryPost:before{
	background-image:url(../../images/bg/gallery_post2.png);
}

.GallaryList-item:nth-child(3) .GallaryPost:before,
.GallaryList-item:nth-child(4) .GallaryPost:before{
	background-image:url(../../images/bg/gallery_post3.png);
}

.GallaryList-item:nth-child(1) .GallaryPostThumb,
.GallaryList-item:nth-child(5) .GallaryPostThumb{
	mask-image: url(../../images/bg/gallery_post_clip.svg);
    background-image: url(../../images/bg/gallery_post_clip.svg);
    -webkit-mask-image: url(../../images/bg/gallery_post_clip.svg);
    -webkit-background-image: url(../../images/bg/gallery_post_clip.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
}

.GallaryList-item:nth-child(2) .GallaryPostThumb,
.GallaryList-item:nth-child(6) .GallaryPostThumb{
	mask-image: url(../../images/bg/gallery_post_clip2.svg);
    background-image: url(../../images/bg/gallery_post_clip2.svg);
    -webkit-mask-image: url(../../images/bg/gallery_post_clip2.svg);
    -webkit-background-image: url(../../images/bg/gallery_post_clip2.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
}

.GallaryList-item:nth-child(3) .GallaryPostThumb,
.GallaryList-item:nth-child(4) .GallaryPostThumb{
	mask-image: url(../../images/bg/gallery_post_clip3.svg);
    background-image: url(../../images/bg/gallery_post_clip3.svg);
    -webkit-mask-image: url(../../images/bg/gallery_post_clip3.svg);
    -webkit-background-image: url(../../images/bg/gallery_post_clip3.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
}

.Gallary .DfTabCont{
	position:relative;
}

.Gallary .DfTabCont:before{
	content:"";
	width:32.5rem;
	height:32.5rem;
	background-image: url(../../images/bg/gallery_bg.png);
    background-size: 100% 100%;
	position:absolute;
	top: -12rem;
    left: -15rem;
}

@media screen and (min-width:1200px){
	body .GallarySlider .TmSlider-prev{
		bottom:auto;
		top:50%;
		transform:translateY(-50%);
		left:-6.125rem;
	}

	body .GallarySlider .TmSlider-next{
		bottom:auto;
		top:50%;
		transform:translateY(-50%);
		right:-6.125rem;
	}
}

@media screen and (max-width:1199px) and (min-width:500px){
	.GallarySlider{
		max-width:20rem;
	}
	
	.GallaryList-inner{
		margin:-0.25rem -0.25rem;
	}
	
	.GallaryList-item{
		width:50%;
		padding:0.25rem 0.25rem;
	}
	
	.GallaryVideo{
		margin-top:1.25rem;
		width:20rem;
		height:11.25rem;
	}
	
	.GallaryVideoThumb:after{
		width:3.5rem;
		height:3.5rem;
	}
	
	.GallaryList-item:nth-child(1) .GallaryPost:before,
	.GallaryList-item:nth-child(4) .GallaryPost:before{
		background-image:url(../../images/bg/gallery_post_m.png);
	}

	.GallaryList-item:nth-child(2) .GallaryPost:before,
	.GallaryList-item:nth-child(5) .GallaryPost:before{
		background-image:url(../../images/bg/gallery_post2_m.png);
	}

	.GallaryList-item:nth-child(3) .GallaryPost:before,
	.GallaryList-item:nth-child(6) .GallaryPost:before{
		background-image:url(../../images/bg/gallery_post3_m.png);
	}

	.GallaryList-item:nth-child(1) .GallaryPostThumb,
	.GallaryList-item:nth-child(4) .GallaryPostThumb{
		mask-image: url(../../images/bg/gallery_post_clip_m.svg);
		background-image: url(../../images/bg/gallery_post_clip_m.svg);
		-webkit-mask-image: url(../../images/bg/gallery_post_clip_m.svg);
		-webkit-background-image: url(../../images/bg/gallery_post_clip_m.svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		mask-size: 100%;
		-webkit-mask-size: 100%;
	}

	.GallaryList-item:nth-child(2) .GallaryPostThumb,
	.GallaryList-item:nth-child(5) .GallaryPostThumb{
		mask-image: url(../../images/bg/gallery_post_clip2_m.svg);
		background-image: url(../../images/bg/gallery_post_clip2_m.svg);
		-webkit-mask-image: url(../../images/bg/gallery_post_clip2_m.svg);
		-webkit-background-image: url(../../images/bg/gallery_post_clip2_m.svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		mask-size: 100%;
		-webkit-mask-size: 100%;
	}

	.GallaryList-item:nth-child(3) .GallaryPostThumb,
	.GallaryList-item:nth-child(6) .GallaryPostThumb{
		mask-image: url(../../images/bg/gallery_post_clip3_m.svg);
		background-image: url(../../images/bg/gallery_post_clip3_m.svg);
		-webkit-mask-image: url(../../images/bg/gallery_post_clip3_m.svg);
		-webkit-background-image: url(../../images/bg/gallery_post_clip3_m.svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		mask-size: 100%;
		-webkit-mask-size: 100%;
	}
	
	.Gallary .DfTabCont:before{
		width:21.875rem;
		height:21.875rem;
		top: -23rem;
		left: -7rem;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	.GallarySlider{
		max-width:20rem;
	}
	
	.GallaryList-inner{
		margin:-0.25rem -0.25rem;
	}
	
	.GallaryList-item{
		width:50%;
		padding:0.25rem 0.25rem;
	}
	
	.GallaryVideo{
		margin-top:1.25rem;
		width:20rem;
		height:11.25rem;
	}
	
	.GallaryVideoThumb:after{
		width:3.5rem;
		height:3.5rem;
	}
	
	.GallaryList-item:nth-child(1) .GallaryPost:before,
	.GallaryList-item:nth-child(4) .GallaryPost:before{
		background-image:url(../../images/bg/gallery_post_m.png);
	}

	.GallaryList-item:nth-child(2) .GallaryPost:before,
	.GallaryList-item:nth-child(5) .GallaryPost:before{
		background-image:url(../../images/bg/gallery_post2_m.png);
	}

	.GallaryList-item:nth-child(3) .GallaryPost:before,
	.GallaryList-item:nth-child(6) .GallaryPost:before{
		background-image:url(../../images/bg/gallery_post3_m.png);
	}

	.GallaryList-item:nth-child(1) .GallaryPostThumb,
	.GallaryList-item:nth-child(4) .GallaryPostThumb{
		mask-image: url(../../images/bg/gallery_post_clip_m.svg);
		background-image: url(../../images/bg/gallery_post_clip_m.svg);
		-webkit-mask-image: url(../../images/bg/gallery_post_clip_m.svg);
		-webkit-background-image: url(../../images/bg/gallery_post_clip_m.svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		mask-size: 100%;
		-webkit-mask-size: 100%;
	}

	.GallaryList-item:nth-child(2) .GallaryPostThumb,
	.GallaryList-item:nth-child(5) .GallaryPostThumb{
		mask-image: url(../../images/bg/gallery_post_clip2_m.svg);
		background-image: url(../../images/bg/gallery_post_clip2_m.svg);
		-webkit-mask-image: url(../../images/bg/gallery_post_clip2_m.svg);
		-webkit-background-image: url(../../images/bg/gallery_post_clip2_m.svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		mask-size: 100%;
		-webkit-mask-size: 100%;
	}

	.GallaryList-item:nth-child(3) .GallaryPostThumb,
	.GallaryList-item:nth-child(6) .GallaryPostThumb{
		mask-image: url(../../images/bg/gallery_post_clip3_m.svg);
		background-image: url(../../images/bg/gallery_post_clip3_m.svg);
		-webkit-mask-image: url(../../images/bg/gallery_post_clip3_m.svg);
		-webkit-background-image: url(../../images/bg/gallery_post_clip3_m.svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		mask-size: 100%;
		-webkit-mask-size: 100%;
	}
	
	.Gallary .DfTabCont:before{
		width:21.875rem;
		height:21.875rem;
		top: -25rem;
        left: -10rem;
	}
}

/*=========================================================
	Player 미노출
=========================================================*/
.Player-hidden .HeroBg:after{
	background: linear-gradient(180deg, rgba(15, 8, 2, 0.20) 0%, #02001F 96.1%);
}

.Player-hidden .Prize{
	margin-top:0;
	background: linear-gradient(180deg, #02001F 0%, #163095 100%);
	padding-top:4rem;
}