@charset "UTF-8";

/*=========================================================
	MainTopVisual
=========================================================*/
.MainTopVisual{
	padding-top:3.75rem;
	margin-bottom:5rem;
}

.MainTopVisualClip{
	width: 100%;
	position:relative;
	mask-image: url(../../images/bg/mainhero_bg_pc.svg);
    background-image: url(../../images/bg/mainhero_bg_pc.svg);
    -webkit-mask-image: url(../../images/bg/mainhero_bg_pc.svg);
    -webkit-background-image: url(../../images/bg/mainhero_bg_pc.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
}

.MainTopVisualClip:after{
	content:"";
	display:block;
	padding-bottom:42.3%;
}

.MainHero-clip{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow: hidden;
	background-image:linear-gradient(to right, #E79B3E, #467FC1, #EDC652, #d64441, #F0C8CC);
	background-position: 0 0;
	background-size: 600%;
	animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: gradients;
}

@keyframes gradients {
    0%   {background-position: 0 0;}
    25% {background-position: 50% 0;}
    50% {background-position: 90% 0;}
    60% {background-position: 60%;}
    75% {background-position: 40%;}
    100%  {background-position: 0 0;}
}

.MainTopVisual-container{
	padding:0 3.75rem; 
}

.MainTopVisualFlex{
	position:relative;
}

.MainTopVisualLogo{
	position:absolute;
	top:1vw;
	left:0;
	transition-property: opacity, visibility;
    transition-duration: 0.4s;
}

.is-homeHd .MainTopVisualLogo{
	opacity:0;
	visibility:hidden;
}

.MainTopVisualLogo-link{
	width: 15.521vw;
	height: 3.073vw;
	background-image:url(../../images/logo/logo.png);
	background-size:100% 100%;
	display:block;
}

.MainTopVisualText{
	position:absolute;
	bottom:0;
	right:0;
	width: 47.6%;
    height: 10.8vw;
	line-height:0;
	padding-top:2.5vw;
	padding-left:2vw;
}

.MainTopVisualText-img{
	width:100%;
}

.MainTopVisualClipAb{
	position:absolute;
	top:-2rem;
	left:-0.2rem;
	right:0;
	bottom:-2rem;
}

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


.MainTopVisualVideo{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100%;
	object-fit:cover;
	animation-duration: 1s;
	animation-name: MainHero;
	animation-fill-mode: forwards;
	animation-delay:1s;
	opacity:0;
}

@keyframes MainHero {
  0% {
	opacity:0;
  }

  100% {
	opacity:1;
  }
}

.MainTopVisualMenu{
	position:absolute;
	top:2.7vw;
	left:50%;
	transform:translateX(-50%);
	z-index:5;
	transition-property: opacity, visibility;
    transition-duration: 0.4s;
}

.is-homeHd .MainTopVisualMenu{
	opacity:0;
	visibility:hidden;
}

.MainTopVisualMenu .SiteHeaderMenu{
	padding:0;
}

.MainTopVisualMenu .SiteHeaderMenu .main-menu > .menu-item > a{
	color:#fff;
}

.MainTopVisualMeta{
	position:absolute;
	top:1.5vw;
	right:2.5rem;
	z-index:5;
	transition-property: opacity, visibility;
    transition-duration: 0.4s;
}

.is-homeHd .MainTopVisualMeta{
	opacity:0;
	visibility:hidden;
}

.MainTopVisualMeta-inner{
	position:relative;
	font-size:0;
	line-height:0;
}

.MainTopVisualMeta-item{
	display:inline-block;
	vertical-align:middle;
}

.MainTopVisualMeta-item + .MainTopVisualMeta-item{
	margin-left:0.875rem;
}

.MainTopVisualMetaBox{
	position:relative;
}

.MainTopVisualMeta-link{
	width: 3.625rem;
	height: 3.625rem;
	display:block;
	border-radius:100% 100%;
	background-color:#fff;
}

.MainTopVisualMeta-link:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-size:100% 100%;
}

.Pay .MainTopVisualMeta-link{
	background-color:#000;
}

.User .MainTopVisualMeta-link:after{
	width: 1.5rem;
    height: 1.5rem;
	background-image: url(../../images/icon/ico_header_user.svg);
}

.Notice .MainTopVisualMeta-link:after{
	width: 1.5rem;
    height: 1.5rem;
	background-image: url(../../images/icon/ico_header_arlam.svg);
}

.Pay .MainTopVisualMeta-link:after{
	width: 2rem;
	height: 1.563rem;
	top:calc(50% + 0.125rem);
	left:calc(50% + 0.125rem);
	background-image: url(../../images/icon/ico_header_payment.svg);
}

.is-user-open .MypagePop{
	opacity:1;
	visibility:visible;
}

.is-notice-open .MynoticePop{
	opacity:1;
	visibility:visible;
}

.MainTopVisualPost{
	position:absolute;
	bottom:2.5rem;
	left:2.5rem;
	width: 13.438rem;
	height: 13.438rem;
	background-color:#F0C8CC;
	border-radius: 1rem;
	padding:1.5rem 1.5rem;
	z-index:10;
}

.MainTopVisualPost:after{
	content:"";
	width: 3.938rem;
	height: 3.938rem;
	background-image: url(../../images/icon/ico_main_hero_post.svg);
	background-size:100% 100%;
	position:absolute;
	bottom:1.25rem;
	right:1rem;
	transition-property: transform;
    transition-duration: 0.3s;
}

.MainTopVisualPost-title{
	font-size: 1.5rem;
	line-height:1.4em;
	color:#101010;
	font-weight:700;
}

.MainTopVisual .SiteMenuInner .menu-item > a{
	color:#fff;
}

/* Responesive*/
@media screen and (min-width: 1025px) {
	.MainTopVisualText-img.Mo{
		display:none;
	}
	
	.MainTopVisualPost:hover:after{
		transform:rotate(-45deg);
	}
	
	.MainTopVisual .menu-wrapper{
		white-space:nowrap;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MenuBullet{
		bottom: 1.5rem;
		width: 1.526rem;
		height: 1.526rem;
	}
}

@media screen and (max-width:1280px) and (min-width:1025px){
	.MainTopVisualMeta{
		right:1.5rem;
	}
	
	.MainTopVisual .SiteMenuInner .menu-item{
		padding: 0 0.875rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MainTopVisual{
		padding-top:4rem;
		margin-bottom:2.5rem;
	}
	
	.MainTopVisualText-img{
		width:90%;
	}

	.MainTopVisualText-img.Pc{
		display:none;
	}
	
	.MainTopVisualMeta{
		display:none;
	}
	
	.MainTopVisualMenu{
		display:none;
	}
	
	.MainTopVisualClip{
		mask-image: url(../../images/bg/mainhero_bg_mo.svg);
		background-image: url(../../images/bg/mainhero_bg_mo.svg);
		-webkit-mask-image: url(../../images/bg/mainhero_bg_mo.svg);
		-webkit-background-image: url(../../images/bg/mainhero_bg_mo.svg);
	}
	
	.MainTopVisualClip:after{
		padding-bottom: 131.3%;
	}
	
	.MainTopVisualLogo{
		top: 2.3vw;
		left: 1.2vw;
	}
	
	.MainTopVisualLogo-link{
		width: 30.73vw;
		height: 6.25vw;
	}
	
	.MainTopVisualText{
		width: 64.6%;
		height: 45%;
		padding-top:5%;
		padding-left:7%;
	}
	
	.MainTopVisualPost{
		bottom:3.9vw;
		left:4%;
		width: 27.4%;
		height: 26.133vw;
		border-radius: 4.267vw;
		padding:3.2vw 3.2vw;
	}

	.MainTopVisualPost:after{
		width: 5.333vw;
		height: 5.333vw;
		bottom:2.667vw;
		right:2.667vw;
	}

	.MainTopVisualPost-title{
		font-size: 3.733vw;
	}
}

/*=========================================================
	MainNewsSection
=========================================================*/
.MainNewsSection{
	margin-bottom:3.75rem;
}

.home .MainNewsSection{
	margin-bottom:6.875rem;
}

.MainNewsFlex-link{
	background-color:#F4F4F4;
	display:block;
	padding:1.563rem 1.875rem;
	border-radius: 0.75rem;
}

.MainNewsFlex-inner{
	display:flex;
	width:100%;
	align-items:start;
}

.MainNewsFlexTitle{
	margin-right:1.875rem;
	font-size: 1.25rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	position:relative;
	padding-left:1.938rem;
}

.MainNewsFlexTitle:before{
	content:"";
	width: 1.5rem;
	height: 1.5rem;
	background-image: url(../../images/icon/ico_header_arlam.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.MainNewsFlexText{
	flex:1;
	display:flex;
	position:relative;
	justify-content:space-between;
	align-items:start;
}

.MainNewsFlexText-title{
	display:block;
	flex:1;
	font-size: 1rem;
	line-height:1.5em;
	padding-right:1.938rem;
	color:#000;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height:1.5em;
}

.MainNewsFlexText-date{
	font-size: 1rem;
	line-height:1.5em;
	color:#666;
	display:block;
}

/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MainNewsSection{
		margin-bottom:3.125rem;
	}

	.MainNewsFlex-link{
		padding:1.25rem 1.25rem;
	}

	.MainNewsFlexText-date{
		font-size:0.875rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainNewsFlex-inner	{
		display:block;
	}
	
	.MainNewsFlexTitle{
		margin-right:0;
		margin-bottom:0.625rem;
	}
	
	.MainNewsFlexText-title{
		padding-right:0;
		-webkit-line-clamp: 2;
		max-height:3em;
	}
	
	.MainNewsFlexText{
		display:block;
	}
	
	.MainNewsFlexText-date{
		margin-top:0.625rem;
	}
}

/*=========================================================
	InterTitle
=========================================================*/
.InterTitle{
	margin-bottom:2.5rem;
}

.InterTitle-title{
	font-size:3.75rem;
	line-height:1.4em;
	color:#101010;
}

.a-Title{
	opacity: 0;
	transform:translateY(100%);
    transition-property: opacity, transform;
    transition-duration: 0.8s;
    transition-timing-function: ease-out;
}

.a-Title.a-Small{
	transform:translateY(40%);
}

.a-TitlePerspective{
	display:inline-block;
	-webkit-perspective: 400;
    -ms-perspective: 400;
    -o-perspective: 400;
    -moz-perspective: 400;
    perspective: 400;
}

.a-TitlePerspective .text-bold,
.a-TitlePerspective .text-medium{
	transform: rotateX(90deg);
	display:inline-block;
	transition-property: opacity, transform;
    transition-duration: 0.8s;
    transition-timing-function: ease-out;
	opacity: 0;
}

.is-View .delay-6{
	transition-delay:0.5s;
}

.is-View .delay-8{
	transition-delay:0.7s;
}

/*Action*/
.a-Title.is-View{
	opacity:1;
	transform:translateY(0);
}

.is-View .a-TitlePerspective .text-bold,
.is-View .a-TitlePerspective .text-medium{
	opacity: 1;
	transform: rotateX(0deg);
}

/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 1px) {
	.InterTitle{
		margin-bottom:2.5rem;
	}
	
	.InterTitle-title{
		/*font-size:2.125rem;*/
		font-size:2rem;
	}
}

/*=========================================================
	MainListSec
=========================================================*/
.MainListSec{
	margin-bottom:6.875rem;
}

.MainMoreHeader{
	margin-bottom:1.875rem;
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.MainMoreHeaderTitle{
	font-size:0;
	line-height:0;
}

.MainMoreHeaderTitle-title{
	display:inline-block;
	vertical-align:middle;
	font-size:2.25rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	font-family: 'Montserrat';
}

.MainMoreHeaderTitle-bullet{
	display:inline-block;
	vertical-align:middle;
	font-size:0.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	font-family: 'Montserrat';
	padding:0.25rem 0.5rem;
	border-radius:100px 100px;
	background-color:#000;
}

.MainMoreHeader-more{
	font-size:1rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	padding-right:1.625rem;
	position:relative;
}

.MainMoreHeader-more:after{
	content:"";
	width: 1.5rem;
	height: 1.5rem;
	background-image:url(../../images/icon/ico_more_arrow.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.MainListFlex{
	margin-left:-0.938rem;
	margin-right:-0.938rem;
}

.MainListFlex.isMrBootm{
	margin-bottom:2.813rem;
}

.MainListFlex .swiper-container{
	overflow:visible;
}

.MainListFlex-item{
	width:33.3333%;
	padding:0 0.938rem;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainListFlex-item{
		margin-right:1.875rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainListFlex-item{
		margin-right:0.625rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MainListSec{
		margin-bottom:5.313rem;
	}
	
	.MainListFlex{
		margin-left:0;
		margin-right:0;
	}
	
	.MainListFlex.isMrBootm{
		margin-bottom:3.75rem;
	}
	
	.MainListFlex-item{
		width: 21.938rem;
		padding:0;
	}
	
	.MainListFlex-item:last-child{
		margin-right:0;
	}
	
	.MainMoreHeader{
		margin-bottom:1.25rem;
	}
	
	.MainMoreHeaderTitle-title{
		font-size:1.875rem;
	}
}

@media screen and (max-width: 689px) and (min-width: 1px) {
	.MainListFlex-item{
		width: 20.938rem;
	}
}

/*=========================================================
	BasicPost
=========================================================*/
.BasicPost{
	width:100%;
}

.BasicPost-link{
	display:block;
}

.BasicPostThumb{
	margin-bottom:1.25rem;
	position:relative;
	overflow:hidden;
	border-radius: 1.875rem;
}

.BasicPostThumb:after{
	content:"";
	display:block;
	padding-bottom:56.3%;
}

.BasicPostThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: var(--custom-easing);
}

.BasicPostThumb-new{
	position:absolute;
	top:0;
	left:0;
	font-size:0.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	font-family: 'Montserrat';
	padding:0.438rem 1rem;
	border-radius: 1.875rem 0px;
	background-color:#E79B3E;
	z-index:5;
}

.BasicPostThumb-ico{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width: 2.875rem;
	height: 2.875rem;
	background-image:url(../../images/icon/ico_post_play.svg);
	background-size:100% 100%;
	z-index:5;
}

.Locked .BasicPostThumb-ico{
	background-image:url(../../images/icon/ico_post_lock.svg);
}

.BasicPost-cate{
	font-size: 1rem;
	line-height:1.4em;
	color:#467FC1;
	margin-bottom:0.25rem;
}

.BasicPost-title{
	font-size: 1.25rem;
	line-height:1.5em;
	color:#101010;
	font-weight:700;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	max-height:3em;
}

.BasicPostCnt-name{
	margin-top:1rem;
	font-size: 1rem;
	line-height:1.2em;
	color:#101010;
	font-weight:500;
}

.BasicPostMeta{
	margin-top:0.813rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.BasicPostMetaInfo{
	flex:1;
}

.BasicPostMetaInfo-inner{
	font-size:0;
	line-height:0;
}

.BasicPostMetaInfo-item{
	display:inline-block;
	vertical-align:middle;
	font-size: 1rem;
	line-height:1.2em;
	color:#666;
	padding-right:calc(0.438rem + 1px);
	margin-right:0.438rem;
	position:relative;
}

.BasicPostMetaInfo-item.Time{
	padding-left:1.625rem;
}

.BasicPostMetaInfo-item.Time:before{
	content:"";
	width:1.375rem;
	height:1.375rem;
	background-image:url(../../images/icon/ico_time.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.BasicPostMetaInfo-item:after{
	content:"";
	width:1px;
	height:1rem;
	background-color:#ccc;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	display:none;
}

.BasicPostMetaInfo-item:last-child{
	padding-right:0;
	margin-right:0;
}

.BasicPostMetaInfo-item:last-child:after{
	display:none;
}

.BasicPostMetaIco{
	display:flex;
}

.BasicPostMeta-lv{
	font-size: 1rem;
	line-height:1.2em;
	color:#666;
	padding-left:28px;
	position:relative;
	margin-right:1rem;
}

.BasicPostMeta-lv:before{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_bs_post_lv.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.BasicPostMeta-view{
	font-size: 1rem;
	line-height:1.2em;
	color:#666;
	padding-left:2rem;
	position:relative;
}

.BasicPostMeta-view:before{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_bs_post_view.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.BasicPostThumb-complete{
	width:2.375rem;
	height:2.375rem;
	position:absolute;
	top:0.813rem;
	right:0.938rem;
	background-image:url(../../images/icon/ico_card_complete.svg);
	background-size:100% 100%;
	z-index:5;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	.BasicPost-link:hover .BasicPostThumb-img{
		transform:scale(1.1);
	}
}

/*=========================================================
	SrPost
=========================================================*/
.SrPost{
	width:100%;
}

.SrPost-link{
	display:block;
}

.SrPostThumb{
	margin-bottom:1.25rem;
	position:relative;
	overflow:hidden;
	border-radius: 1.875rem;
}

.SrPostThumb:after{
	content:"";
	display:block;
	padding-bottom:56.3%;
}

.SrPostThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: var(--custom-easing);
}

.SrPostThumb-new{
	position:absolute;
	top:0;
	left:0;
	font-size:0.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	font-family: 'Montserrat';
	padding:0.438rem 1rem;
	border-radius: 1.875rem 0px;
	background-color:#E79B3E;
	z-index:5;
}

.SrPostThumb-ico{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width: 2.875rem;
	height: 2.875rem;
	background-image:url(../../images/icon/ico_post_lock.svg);
	background-size:100% 100%;
	z-index:5;
}

.SrPost-cate{
	font-size: 1rem;
	line-height:1.4em;
	color:#467FC1;
	margin-bottom:0.25rem;
}

.SrPost-title{
	font-size: 1.25rem;
	line-height:1.5em;
	color:#101010;
	font-weight:700;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	max-height:3em;
}

.SrPostMeta-name{
	font-size: 1rem;
	line-height:1.2em;
	color:#101010;
	font-weight:500;
}

.SrPostMeta{
	margin-top:1rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.SrPostMeta-count{
	font-size: 1rem;
	line-height:1.2em;
	color:#666;
	padding-left:2rem;
	position:relative;
}

.SrPostMeta-count:before{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_bs_post_series.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	.SrPost-link:hover .SrPostThumb-img{
		transform:scale(1.1);
	}
}

/*=========================================================
	MainPlBanner
=========================================================*/
.MainPlBanner{
	overflow:hidden;
	position:relative;
	margin-bottom:7.5rem;
}

.MainPlBannerBg{
	position:relative;
	height:32.188rem;
	overflow:hidden;
}

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

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

.MainPlBannerText{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
	z-index:5;
}

.MainPlBannerTitle{
	font-size: 2.5rem;
	line-height:1.5em;
	color:#fff;
	font-weight:700;
	text-align:center;
}

.MainPlBannerTitle-title{
	transform: translateY(0) !important;
}

.MainPlBannerBtn{
	margin-top:1.875rem;
	font-size:0;
	line-height:0;
	text-align:center;
}

.MoView{
	display:none;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MainPlBanner{
		margin-bottom:5rem;
	}
	
	.MainPlBannerBg{
		height:27.5rem;
	}
	
	.MainPlBannerTitle{
		font-size:2.25rem;
	}
	
	.MainPlBannerBtn{
		margin-top:1.25rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MoView{
		display:block;
	}
}

/*=========================================================
	BasicBtn
=========================================================*/
.BasicBtn{
	font-size:1.25rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	padding:1.375rem 2.313rem;
	background-color:#fff;
	border-radius:100px 100px;
	display:inline-block;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	.BasicBtn:hover{
		background-color:#000;
		color:#fff;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.BasicBtn{
		padding:0.938rem 1.75rem;
	}
}

/*=========================================================
	MainPartnerSection
=========================================================*/
.MainPartnerSection{
	margin-bottom:7.5rem;
}

.MainPartnerHeader{
	margin-bottom:5rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.MainPartnerHeader .InterTitle{
	margin-bottom:0;
	flex:1;
}

.MainPartnerSliderMeta{
	font-size:0;
	line-height:0;
}

body .MainPartnerSlider-prev{
	width: 3.375rem;
	height: 3.375rem;
	display:inline-block;
	vertical-align:middle;
	background-image:url(../../images/icon/icon_slide_fr_prev.svg);
	background-size:100% 100%;
	cursor:pointer;
}

body .MainPartnerSlider-next{
	width: 3.375rem;
	height: 3.375rem;
	display:inline-block;
	vertical-align:middle;
	background-image:url(../../images/icon/icon_slide_fr_next.svg);
	background-size:100% 100%;
	cursor:pointer;
}

body .MainPartnerSlider-pagination{
	font-size: 1.125rem;
	line-height:1.2em;
	font-weight:600;
	color:#000;
	display:inline-block;
	vertical-align:middle;
	margin:0 0.813rem;
}

.MainPartnerSlider-item{
	width: 18.625rem;
	margin-right:2.5rem;
}

.MainPartnerSlider-item:last-child{
	margin-right:0;
}

.MainPartnerSlider-container{
	overflow:visible;
}

/*Responsive*/
@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MainPartnerSection{
		margin-bottom:5rem;
	}
	
	.MainPartnerHeader{
		margin-bottom:2.5rem;
	}
	
	.MainPartnerSlider-item{
		width:13.5rem;
		margin-right:1.875rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainPartnerSection{
		padding-bottom:5.875rem;
		position:relative;
	}
	
	.MainPartnerSection .site-container{
		position:static;
	}
	
	.MainPartnerHeader{
		position:static;
		display: block;
	}
	
	.MainPartnerSliderMeta{
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		text-align:center;
	}
}

/*=========================================================
	MentorPost
=========================================================*/
.MentorPost{
	width:100%;
}

.MentorPost-link{
	display:block;
}

.MentorPostThumb{
	width:100%;
	position:relative;
	overflow:hidden;
	border-radius:100% 100%;
	margin-bottom:1.25rem;
}

.MentorPostThumb:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.MentorPostThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: var(--custom-easing);
}

.MentorPostCnt{
	text-align:center;
}

.MentorPostTitle{
	font-size:0;
	line-height:0;
}

.MentorPostTitle-name{
	font-size: 1.625rem;
	line-height:1.4em;
	color:#000;
	font-weight:700;
	vertical-align:middle;
}

.MentorPostTitle-lv{
	font-size: 1rem;
	line-height:1.4em;
	color:#467FC1;
	margin-left:0.375rem;
	vertical-align:middle;
}

.MentorPostMeta{
	margin-top:0.625rem;
}

.MentorPostMeta-inner{
	font-size:0;
	line-height:0;
}

.MentorPostMeta-item{
	display:inline-block;
	vertical-align:middle;
	font-size: 1rem;
	line-height:1.2em;
	color:#666;
	padding-right:calc(0.438rem + 1px);
	margin-right:0.438rem;
	position:relative;
}

.MentorPostMeta-item:after{
	content:"";
	width:1px;
	height:1rem;
	background-color:#ccc;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.MentorPostMeta-item:last-child{
	padding-right:0;
	margin-right:0;
}

.MentorPostMeta-item:last-child:after{
	display:none;
}

/* responsive */
@media screen and (min-width:1025px){
	.MentorPost-link:hover .MentorPostThumb-img{
		transform:scale(1.1);
	}
}

/*=========================================================
	MainENSection
=========================================================*/
.MainNewsSectionList-list{
	margin:0 -1.875rem;
	display:flex;
}

.MainNewsSectionList-item{
	width:50%;
	padding:0 1.875rem;
}

.MainNewsSectionList-item:first-child{
	order:2;
}

/* MainInfo
=========================================================*/
.MainInfo{
	height:100%;
}

.MainInfo-list{
	display:flex;
	margin:0 -0.625rem;
	height:100%;
}
.MainInfo-list:after{
	content:'';
	display:block;
	clear:both;
}

.MainInfo-item{
	width:50%;
	padding:0 0.625rem;
}

.MainInfoItem{
	height:100%;
}

.MainInfoItem-link{
	display:block;
	position:relative;
	height:100%;
	border:solid 1px #000;
	border-radius:1.875rem 1.875rem;
	padding:1.25rem 1.25rem;
	font-size:0;
	line-height:0;
}

.MainInfoItem-link:after{
	content:"";
	width: 2.25rem;
	height: 2.25rem;
	background-image:url(../../images/icon/ico_box_arrow.svg);
	background-size:100% 100%;
	position:absolute;
	bottom:1.25rem;
	right:1.25rem;
	transition-property: transform;
    transition-duration: 0.3s;
}

.MainInfoItem-cate{
	font-size: 1.063rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	padding:0.438rem 0.875rem;
	border-radius:100px 100px;
	background-color:#000;
	margin-bottom:0.75rem;
	display:inline-block;
}

.MainInfoItem-title{
	font-size: 1.625rem;
	line-height:1.4em;
	color:#000;
}

/* MainNewsItem
=========================================================*/
.MainNews .InterTitle{
	margin-bottom:1.25rem;
}

.MainNewsCont-item + .MainNewsCont-item{
	margin-top:0.938rem;
}

.MainNewsItem-link{
	display:block;
	position:relative;
	padding-right:6.25rem;
	font-size: 1.125rem;
	line-height:1.2em;
	color: #181927;
}

.MainNewsItem-cate{
	font-size: 0.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	padding:0.438rem 0.875rem;
	border-radius:100px 100px;
	background-color:#467FC1;
	display:inline-block;
	margin-right:0.563rem;
	min-width:4.4rem;
	text-align:center;
}

.MainNewsItem-date{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	font-size: 1.125rem;
	line-height:1.2em;
	color:#666;
	font-family: Montserrat;
	font-weight:400;
}

/*Responsive*/
@media screen and (min-width:1025px){
	.MainInfoItem-link:hover:after{
		transform:rotate(-45deg);
	}
	
	.MainNewsItem-link:hover .MainNewsItem-tit{
		text-decoration:underline;
	}
	
	.MainNews{
		padding-bottom:0.625rem
	}
}

@media screen and (min-width:768px){
	.MainNewsItem-link{
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MainInfoItem-cate{
		font-size:0.875rem;
	}
	
	.MainInfoItem-title{
		font-size:1.25rem;
	}
	
	.MainNewsItem-link{
		font-size:1rem;
	}
	
	.MainNewsItem-date{
		font-size:1rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainNewsSectionList-list{
		margin:0;
		display:block;
	}
	
	.MainNewsSectionList-item{
		float:none;
		width:100%;
		padding:0;
		margin-bottom:2.5rem;
	}
	
	.MainNewsSectionList-item:last-child{
		margin-bottom:0;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainNewsSectionList-list{
		margin:0;
		display:block;
	}
	
	.MainNewsSectionList-item{
		float:none;
		width:100%;
		padding:0;
		margin-bottom:2.5rem;
	}
	
	.MainNewsSectionList-item:last-child{
		margin-bottom:0;
	}
	
	.MainInfoItem-link{
		padding:1rem 1rem;
		height: 13.688rem;
	}
	
	.MainInfo-list{
		margin: 0 -0.438rem;
	}
	
	.MainInfo-item{
		padding: 0 0.438rem;
	}
	
	.MainNewsItem-tit{
		width: 100%;
        font-size: 1rem;
        line-height: 1.2em;
        display: block;
        padding-right: 5rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
	}
	
	.MainNewsItem-date{
		font-size: 1rem;
        top: auto;
        transform: translateY(0);
        bottom: 0;
	}
	
	.MainNewsItem-cate{
		margin-right:0;
		margin-bottom:0.5rem;
	}
	
	.MainNewsItem-link{
		padding-right:0;
	}
	
	.MainNewsCont-item + .MainNewsCont-item{
		margin-top:1.25rem;
	}
}

/*=========================================================
	Connect Layout
=========================================================*/
.ColumnFlex{
	padding:8.5rem 0;
	display: flex;
    min-height: 100vh;
	min-height: 100svh;
    align-items: center;
}

.PureTitle{
	font-size: 2.125rem;
    line-height: 1.2em;
    color: #101010;
    font-weight: bold;
	margin-bottom: 2.438rem;
}

.PureSubText{
	font-size:1rem;
	line-height:1.7em;
	color:#101010;
	margin-bottom:2.438rem;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ColumnFlex{
		padding:7rem 0;
	}
	
	.PureTitle{
		font-size:1.75rem;
	}
	
	.PureSubText{
		font-size:0.875rem;
	}
}

/*=========================================================
	BlockButton
=========================================================*/
.ConnectForm-btn{
	margin-top:1.25rem;
}

.BlockButton{
	display: block;
    font-size: 1.125rem;
    line-height: 1.3em;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 100px 100px;
    padding: 0.938rem 1.25rem;
	border:solid 1px #101010;
    background-color: #101010;
}

.BlockButton.Border{
	background-color:#fff;
	color:#101010;
}

@media screen and (min-width: 1025px) {
	.BlockButton:hover{
		border-color:#E79B3E !important;
		background-color:#E79B3E !important;
		color:#fff !important;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BlockButton{
		font-size:1rem;
	}
}

/*=========================================================
	Login
=========================================================*/
.OrLine{
	position:relative;
	margin:3rem 0;
	text-align:center;
	font-size:0;
	line-height:0;
}

.OrLine:before{
	content:"";
	width:100%;
	height:2px;
	position:absolute;
	top:50%;
	margin-top:-1px;
	left:0;
	background-color:#EFEFEF;
}

.OrLine-text{
	font-size:1.125rem;
	line-height:1.2em;
	color:#B0B0B0;
	padding:0 0.688rem;
	background-color:#fff;
	display:inline-block;
	position:relative;
	z-index:5;
}

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

.EasyLogin-massage{
	font-size: 0.75rem;
    line-height: 1.2em;
    color: #101010;
    font-weight: 500;
	text-align:center;
	margin-top:1rem;
}

.EasyLogin-massage a{
	color:#000;
	text-decoration:underline;
}

.EasyLoginLink{
	display:block;
	font-size:0;
	line-height:0;
	text-align:center;
	border-radius:100px 100px;
	padding:0.938rem 1.25rem;
}

.EasyLoginLink-text{
	font-size:1rem;
	line-height:1.3em;
	color:#fff;
	font-weight:500;
	padding-left:1.625rem;
	position:relative;
}

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

/*kakao*/
.EasyLoginLink.KaKao{
	background-color:#FCE501;
	border:solid 1px #FCE501;
}

.KaKao .EasyLoginLink-text{
	color:#101010;
}

.KaKao .EasyLoginLink-text:before{
	background-image:url(../../images/icon/ico_login_kakao.svg);
}

/*naver*/
.EasyLoginLink.Naver{
	background-color:#3BC800;
	border:solid 1px #3BC800;
}

.Naver .EasyLoginLink-text:before{
	background-image:url(../../images/icon/ico_login_naver.svg);
}

/*google*/
.Google .EasyLoginLink-text{
	color:#101010;
}

.EasyLoginLink.Google{
	border:solid 1px #D9D9D9;
}

.Google .EasyLoginLink-text:before{
	background-image:url(../../images/icon/ico_login_google.svg);
}

.ConnectFormMeta{
	margin-top:1.125rem;
}

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

.ConnectFormMeta-find{
	font-size:0.875rem;
	line-height:1.3em;
	color:#101010;
	font-weight:500;
	text-decoration:underline;
	float:left;
	display:block;
}

.ConnectFormMeta-signup{
	font-size:0.875rem;
	line-height:1.3em;
	color:#101010;
	font-weight:500;
	float:right;
	display:block;
}

/* Form
=========================================================*/
.js-ConnectView{
	margin-bottom:1.563rem;
	display:none;
}

.js-ConnectView.is-View{
	display:block;
}

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

.ConnectFormList-inner{
	display:flex;
	margin:0 -0.313rem;
}

.ConnectFormList-item{
	padding:0 0.313rem;
	flex:1;
}

.ConnectFormRow{
	display:flex;
	margin:0 -0.313rem;
}

.ConnectForm-row{
	padding:0 0.313rem;
	flex:1;
}

.ConnectForm-title{
	margin-bottom:0.375rem;
}

.ConnectForm-label{
	font-size:0.75rem;
	line-height:1.2em;
	color:#101010;
	font-weight:bold;
	display:block;
	padding-left:0.938rem;
}

body .ConnectFormInput-text{
	font-size:0.875rem;
	color:#101010;
	line-height:normal;
	padding:0.938rem 1.25rem;
	height:3.125rem;
	background-color:#F4F4F4;
	border-radius:100px 100px;
	display:block;
	width:100%;
}

.ConnectForm-Error{
	font-size:0.75rem;
	line-height:1.4em;
	color:#E0060E;
	margin-top:0.5rem;
	display:block;
	padding-left: 0.938rem;
}

.ConnectForm-Error.hide{
	display:none;
}

.ConnectForm-Success{
	font-size:0.75rem;
	line-height:1.4em;
	color:#0647e0;
	margin-top:0.5rem;
	display:block;
	padding-left: 0.938rem;
}

.ConnectForm-Success.hide{
	display:none;
}

.ConnectForm-info{
	font-size:0.75rem;
	line-height:1.4em;
	color:#666;
	margin-top:0.5rem;
	display:block;
}

.ConnectFormCheck{
	padding-left:0.938rem;
}

body .ConnectFormCheck-input{
	display:none;
}

.ConnectFormCheck-text{
	font-size:0.875rem;
	line-height:1.2em;
	color:#101010;
	font-weight:500;
	padding-left:1.75rem;
	position:relative;
	cursor:pointer;
	display:block;
}

.ConnectFormCheck-text:before{
	content:"";
	width:1.25rem;
	height:1.25rem;
	background-image:url(../../images/icon/ico_checkbox.svg);
	background-size:100% 100%;
	position:absolute;
	top:-0.063rem;
	left:0;
}

/*checked*/
body .ConnectFormCheck-input:checked + .ConnectFormCheck-text:before{
	background-image:url(../../images/icon/ico_checkbox_checked.svg);
}

.ConnectForm-req{
	margin-right:0.5rem;
	color:#E0060E;
}

.ConnectForm-labelSub{
	display:inline-block;
	font-weight:normal;
}

.InputGroup{
	display:flex;
	width:100%;
	background-color:#F4F4F4;
	border-radius:100px 100px;
}

.InputGroup-input{
	flex:1;
}

body .InputGroup-text{
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:0.875rem;
	color:#101010;
	line-height:normal;
	padding:0.938rem 1.25rem;
	height:3.125rem;
	display:block;
	width:100%;
}

.InputGroup-button{	
	white-space:nowrap;
	padding:0 1.875rem;
	color:#fff;
	font-size:0.875rem;
	line-height:3.125rem;
	font-weight:500;
	background-color:#101010;
	border-radius:100px 100px;
}

.type-Square .ConnectFormCheck-text:before{
	background-image:url(../../images/icon/ico_checkbox_square.svg);
}

.type-Square .ConnectFormCheck-input:checked + .ConnectFormCheck-text:before{
	background-image:url(../../images/icon/ico_checkbox_square_checked.svg);
}

.ConnectFormPolicy .ConnectFormCheck{
	padding-left:0;
}

.ConnectFormCheckBx{
	margin-top: 1rem;
}

.ConnectFormPolicy-textarea{
	border:solid 1px #EFEFEF;
	height:6.625rem;
	resize:none;
	padding:0.938rem 0.938rem;
	overflow:hidden;
	overflow-y:auto;
	font-size:0.75rem;
	line-height:1.7em;
	color:#707071;
	margin-bottom:0.75rem;
}

.ConnectFormCheck-red{
	font-size:0.75rem;
	color:#E0060E;
}

.ConnectFormPolicyMeta{
	position:relative;
}

.ConnectFormCheck-link{
	position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 5;
    font-size: 0.75rem;
    line-height: 1.2em;
    color: #101010;
    font-weight: 500;
    display: block;
    text-decoration: underline;
}

/* Responesive*/
@media screen and (min-width: 1025px) {
	.InputGroup-button:hover{
		background-color:#E79B3E;
	}
}

/*=========================================================
	js-Tab
=========================================================*/
.js-TabCnt{
	display:none;
}

.js-TabCnt.is-Current{
	display:block;
}

/*=========================================================
	PageSubNav
=========================================================*/
.PageSubNav{
	position:relative;
	margin-bottom:3.75rem;
}

.PageSubNav:before{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	background-color:#000;
}

.PageSubNav-container{
	overflow:visible;
}

.PageSubNav-slide{
	width:auto;
}

.PageSubNav-link{
	display:block;
	width:100%;
	font-size: 1.125rem;
	line-height:1.2em;
	color:#666;
	padding:0.813rem 2.188rem 0.938rem;
	position:relative;
	border:solid 2px transparent;
	border-bottom:none;
	border-radius:0.5rem 0.5rem 0 0;
	z-index:1;
}

.is-Current .PageSubNav-link{
	color:#101010;
	font-weight:700;
	background-color:#fff;
	border-color:#000;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	.PageSubNav-wrapper{
		transform: translate3d(0px, 0px, 0px) !important;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MyPgSec .PageSubNav:before{
		width:150vw;
		left:50%;
		transform:translateX(-50%);
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageSubNav-link{
		font-size:1rem;
		padding: 0.75rem 1.563rem 0.875rem;
	}
	
	.PageSubNav:before{
		width:150vw;
		left:50%;
		transform:translateX(-50%);
	}
}

/*=========================================================
	Find Account
=========================================================*/
.FindAccountBox-title{
	display:block;
	color:#101010;
	font-size:1.25rem;
	font-weight:500;
	line-height:1.2em;
}

.FindAccountBox-text{
	display:block;
	margin-top:1.875rem;
	color:#101010;
	font-size:1rem;
	line-height:1.6em;
}

.FindAccountBoxForm{
	margin-top:1.875rem;
}

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

.AccountTabCnt-item{
	display:none;
}

.AccountTabCnt-item.is-Current{
	display:block;
}

.AccountTab-item{
	font-size:0;
	line-height:0;
}

.AccountTab-item + .AccountTab-item{
	margin-top:0.375rem;
}

.AccountTab-link{
	opacity:0.3;
	display:inline-block;
	position:relative;
	padding-right:1.125rem;
	color:#101010;
	font-size:1.25rem;
	line-height:1.2em;
	font-weight:500;
}

.AccountTab-link:after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:0.313rem;
	height:0.625rem;
	background-image: url('../../images/icon/ico_findAccount_arrow.svg');
	background-size:100% 100%;
}

.AccountTab-item.is-Current .AccountTab-link{
	opacity: 1;
	text-decoration:underline;
}

/*=========================================================
	Account Fount
=========================================================*/
.AccoutFountId{
    padding: 0.938rem 1.25rem;
    background-color: #F4F4F4;
	border-radius:100px 100px;
    font-size: 0.875rem;
    line-height: normal;
	height: 3.125rem;
    color: #000;
}

/*=========================================================
	Account Delete
=========================================================*/
.MyDeleteMassage{
	margin-top: 1.875rem;
}

.MyDeleteMassage-item{
	font-size: 0.875rem;
	line-height:1.5em;
	color:#666;
	padding-left:1rem;
	position:relative;
}

.MyDeleteMassage-item:before{
	content:"•";
	position:absolute;
	top:0;
	left:0;
}

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

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

.SeriesTopBannerBg{
	height: 39.375rem;
	position:relative;
	overflow:hidden;
}

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

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

.SeriesTopBannerText{
	position:absolute;
	top:calc(50% + 2.875rem);
	left:0;
	right:0;
	transform:translateY(-50%);
	z-index:5;
}

.SeriesTopBannerText-title{
	font-size: 3.75rem;
	line-height:1.34em;
	color:#fff;
	font-weight:700;
	text-align:center;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.SeriesTopBannerText-title{
		font-size:2rem;
	}
	
	.SeriesTopBannerText{
		top:calc(50% + 1.5rem);
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.SeriesTopBannerBg{
		height: 22rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SeriesTopBannerBg{
		height: 18rem;
	}
}

/*=========================================================
	PgInfoBar
=========================================================*/
.PgInfoBar{
	background-color:#000;
	padding:1.75rem 0;
	position:relative;
	z-index:10;
}

#clipboard_url{
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:1px;
	opacity:0;
	pointer-events:none;
}

.PgInfoBarFlex{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}

.PgInfoBarCount{
	flex:1;
}

.PgInfoBarCount-text{
	font-size:1rem;
	line-height:1.2em;
	color:#fff;
	margin-right:0.75rem;
	display:inline-block;
	vertical-align:middle;
}

.PgInfoBarCountNum{
	font-size:0;
	line-height:0;
	display:inline-block;
	vertical-align:middle;
}

.PgInfoBarCountNum-count{
	font-size:1.5rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	font-family: Montserrat;
	margin-right:0.25rem;
}

.PgInfoBarCountNum-text{
	font-size:1.25rem;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
}

.PgInfoBarMeta-inner{
	display:flex;
}

.PgInfoBarMeta-item + .PgInfoBarMeta-item{
	margin-left:0.625rem;
}

.PgInfoBarBtn{
	display:block;
	border: 1px solid #FFF;
	border-radius:0.5rem 0.5rem;
	padding:0.75rem 0.688rem;
	height:3.063rem;
	font-size:0;
	line-height:0;
	text-align:center;
}

.PgInfoBarBtn-text{
	font-size:1rem;
	color:#fff;
	font-weight:700;
	line-height:1.4em;
	padding-left:1.75rem;
	position:relative;
	display:inline-block;
}

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

.BarShare{
	position:relative;
}

.BarShareBtn{
	border-radius:0.5rem 0.5rem;
	width:3.063rem;
	height:3.063rem;
	display:block;
	border: 1px solid #FFF;
	position:relative;
}

.BarShareBtn:after{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_share.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

/*Like*/
.Like .PgInfoBarBtn-text:before{
	background-image:url(../../images/icon/ico_like.svg);
}

.Like.is-Active{
	background-color:#fff;
}

.Like.is-Active .PgInfoBarBtn-text:before{
	background-image:url(../../images/icon/ico_like_active.svg);
}

.Like.is-Active .PgInfoBarBtn-text{
	color:#000;
}

/*Bookmark*/
.Bookmark .PgInfoBarBtn-text:before{
	background-image:url(../../images/icon/ico_bookmark.svg);
}

.Bookmark.is-Active{
	background-color:#fff;
}

.Bookmark.is-Active .PgInfoBarBtn-text:before{
	background-image:url(../../images/icon/ico_bookmark_active.svg);
}

.Bookmark.is-Active .PgInfoBarBtn-text{
	color:#000;
}

/*Pay*/
.PgInfoBarBtn.Pay{
	background-color:#E79B3E;
	border-color:#E79B3E;
	padding-left:1.875rem;
	padding-right:1.875rem;
}

.Pay .PgInfoBarBtn-text:before{
	background-image:url(../../images/icon/ico_bar_pay.svg);
}

/*Feedback*/
.PgInfoBarBtn.Feedback{
	background-color:#E79B3E;
	border-color:#E79B3E;
	padding-left:1.875rem;
	padding-right:1.875rem;
}

.Feedback .PgInfoBarBtn-text:before{
	background-image:url(../../images/icon/ico_bar_pay.svg);
}

@media screen and (min-width: 1025px) {
	#SERIES_GREAT_BTN .PgInfoBarBtn{
		min-width:7.25rem;
	}
	
	#SERIES_BOOKMARK_BTN .PgInfoBarBtn{
		min-width:10.188rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	#SERIES_GREAT_BTN .PgInfoBarBtn{
		min-width:6.25rem;
	}
	
	#SERIES_BOOKMARK_BTN .PgInfoBarBtn{
		min-width:9.188rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.PgInfoBar{
		padding:1.5rem 0 2.35rem;
	}
	
	.PgInfoBarBtn-text{
		font-size:0.813rem;
	}
	
	.PgInfoBarBtn{
		height:2.929rem;
		padding: 0.83rem 0.625rem;
	}
	
	.BarShareBtn{
		width:2.929rem;
		height:2.929rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PgInfoBarFlex{
		display:block;
	}
	
	.PgInfoBarCount{
		display:flex;
		align-items:center;
		justify-content:space-between;
		margin-bottom:1rem;
	}
	
	.PgInfoBarCount-text{
		margin-right:0;
	}
	
	.PgInfoBarMeta-inner{
		flex-wrap:wrap;
	}
	
	.PgInfoBarMeta-item:nth-child(4){
		width:100%;
		margin-left:0 !important;
		margin-top:1rem;
	}
	
	.PgInfoBarBtn{
		height:3.125rem;
		padding: 0.938rem 0.375rem;
	}
	
	.BarShareBtn{
		width:3.125rem;
		height:3.125rem;
	}
	
	.PgInfoBarMeta-item:nth-child(1){
		width:calc(48% - 1.9375rem);
	}
	
	.PgInfoBarMeta-item:nth-child(2){
		width:calc(52% - 1.9375rem);
	}
	
	.PgInfoBarMeta-item + .PgInfoBarMeta-item{
		margin-left:0.375rem;
	}
	
	.PgInfoBarBtn.Pay{
		padding:0.62rem 0.375rem;
	}
	
	.Pay .PgInfoBarBtn-text{
		font-size:1.25rem;
	}
	
	.Pay .PgInfoBarBtn-text:before{
		margin-top:0.063rem;
	}
	
	.PgInfoBarBtn.Feedback{
		padding:0.62rem 0.375rem;
	}
	
	.Feedback .PgInfoBarBtn-text{
		font-size:1.25rem;
	}
	
	.Feedback .PgInfoBarBtn-text:before{
		margin-top:0.063rem;
	}
}

/*=========================================================
	SeriesInfo
=========================================================*/
.SeriesInfo{
	padding:2.5rem 0;
	background-color:#F4F4F4;
	margin-bottom:5rem;
}

.SeriesInfoFlex{
	display:flex;
	align-items:start;
	justify-content:space-between;
}

.SeriesText{
	padding-right:2.5rem;
	flex:1;
}

.SeriesText-inner{
	display:flex;
	align-items:start;
}

.SeriesText-title{
	font-family: Montserrat;
	font-size: 2rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	margin-right:5.313rem;
}

.SeriesText-text{
	flex:1;
	font-size:1rem;
	line-height:1.7em;
	color:#101010;
}

.SeriesText-text p + p{
	margin-top:1rem;
}

.SeriesProfile{
	width: 19.375rem;
	border-radius: 1.875rem;
	background-color:#fff;
	overflow:hidden;
	order:2;
}

.SeriesProfile-link{
	display:block;
	padding:1.5rem 1.5rem;
}

.SeriesProfileFlex{
	display:flex;
	align-items:center;
}

.SeriesProfileThumb{
	width: 5.375rem;
	height:5.375rem;
	border-radius:100% 100%;
	overflow:hidden;
	position:relative;
	margin-right:1rem;
}

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

.SeriesProfileText{
	flex:1;
}

.SeriesProfileText-name{
	font-size:1.5rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	font-family: Montserrat, 'Noto Sans', Helvetica, "Apple SD Gothic Neo",Dotum, 돋움, sans-serif;
}

.SeriesProfileTextMeta{
	margin-top:0.5rem;
}

.SeriesProfileTextMeta-inner{
	font-size:0;
	line-height:0;
}

.SeriesProfileTextMeta-item{
	display:inline;
	vertical-align:middle;
	font-size: 1rem;
	line-height:1.4em;
	color:#666;
	padding-right:calc(7px + 1px);
	margin-right:7px;
	position:relative;
}

.SeriesProfileTextMeta-item:after{
	content:"";
	width:1px;
	height:1rem;
	background-color:#ccc;
	position:relative;
	left:calc(5px + 1px);
	display:inline-block;
	vertical-align:middle;
	right:0;
	top:-1px;
}

.SeriesProfileTextMeta-item:last-child{
	padding-right:0;
	margin-right:0;
}

.SeriesProfileTextMeta-item:last-child:after{
	display:none;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.SeriesInfo{
		padding:1.875rem 0;
		margin-bottom:2.5rem;
	}
	
	.SeriesText-inner{
		display:block;
	}
	
	.SeriesText-title{
		font-size:1.5rem;
		margin-right:0;
		margin-bottom:1rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SeriesInfoFlex{
		display:block;
	}
	
	.SeriesProfile{
		width:100%;
		margin-bottom:1.25rem;
	}
}

/*=========================================================
	SeriesList
=========================================================*/
.SeriesList-inner{
	margin:-1.25rem -1.25rem;
	display:flex;
	flex-wrap:wrap;
}

.SeriesList-item{
	padding:1.25rem 1.25rem;
	width:50%;
}

@media screen and (max-width: 1024px) and (min-width: 690px) {
	.SeriesList-inner{
		margin:-0.938rem -0.938rem;
	}

	.SeriesList-item{
		padding:0.938rem 0.938rem;
	}
}

@media screen and (max-width: 689px) and (min-width: 1px) {
	.SeriesList-inner{
		margin:0;
	}

	.SeriesList-item{
		padding:0;
		width:100%;
	}
	
	.SeriesList-item + .SeriesList-item{
		margin-top:2.5rem;
	}
}

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

.TeacherTopBannerBg{
	height: 34.813rem;
	position:relative;
	overflow:hidden;
}

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

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

.TeacherTopBannerText{
	position:absolute;
	top:calc(50% + 2.875rem);
	left:0;
	right:0;
	transform:translateY(-50%);
	z-index:5;
}

.TeacherTopBannerText-title{
	font-size: 3.75rem;
	line-height:1.34em;
	color:#fff;
	font-weight:700;
	text-align:center;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.TeacherTopBannerText-title{
		font-size:3rem;
	}
	
	.TeacherTopBannerText{
		top:calc(50% + 1.5rem);
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.TeacherTopBannerBg{
		height: 20rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.TeacherTopBannerBg{
		height: 17rem;
	}
}

/*=========================================================
	TeacherInfo
=========================================================*/
.TeacherInfo{
	position:relative;
	z-index:10;
}

.TeacherInfoFlex{
	display:flex;
}

.MentorInfoProfile{
	width:25rem;
	margin-top:-1.875rem;
	padding-right:5rem;
	position:relative;
	background-color:#fff;
}

.MentorInfoProfile:after{
	content:"";
	width:100vw;
	height:100%;
	background-color:#fff;
	position:absolute;
	top:0;
	left:-100vw;
}

.MentorInfoText{
	width:calc(100% - 25rem);
	background-color:#F4F4F4;
	padding:3.75rem 5rem;
	position:relative;
}

.MentorInfoText:after{
	content:"";
	width:100vw;
	height:100%;
	background-color:#F4F4F4;
	position:absolute;
	top:0;
	right:-100vw;
}

.MentorInfoProfileThumb{
	margin:-8rem auto 0;
	width: 15.25rem;
	height: 15.25rem;
	border-radius:100% 100%;
	border:solid 4px #fff;
	position:relative;
	overflow:hidden;
}

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

.MentorInfoProfileCnt{
	margin-top:0.875rem;
}

.MentorInfoProfileCnt-name{
	font-size: 2.5rem;
	line-height:1.1em;
	color:#101010;
	font-weight:700;
	text-align:center;
}

.MentorInfoProfileFollow{
	margin-top:0.438rem;
	text-align:center;
	font-size:0;
	line-height:0;
}

.MentorInfoProfileFollow-title{
	display:inline-block;
	vertical-align:middle;
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	margin-right:0.25rem;
}

.MentorInfoProfileFollow-count{
	display:inline-block;
	vertical-align:middle;
	font-size:1rem;
	line-height:1.4em;
	font-family: Montserrat;
	font-weight:600;
	color:#101010;
	position:relative;
	top:0.063rem;
}

.MentorInfoProfileBtn{
	margin-top:1rem;
	text-align:center;
}

.MentorInfoProfileBtn-follow{
	display:block;
	font-size:1rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	padding:1rem 1rem;
	text-align:center;
	background-color:#101010;
	border-radius:0.5rem 0.5rem;
}

.MentorInfoProfileBtn-follow.is-Active{
	background-color:#E79B3E;
}

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

.MentorInfoProfileSns-inner{
	margin:0 -0.313rem;
}

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

.MentorInfoProfileSns-link{
	display:block;
	width:1.25rem;
	height:1.25rem;
	background-size:100% 100%;
}

/*icon*/
.Pinterlest.MentorInfoProfileSns-link{
	background-image:url(../../images/icon/ico_blogs.svg);
}

.Blog.MentorInfoProfileSns-link{
	background-image:url(../../images/icon/ico_blogs.svg);
}

.Instargram.MentorInfoProfileSns-link{
	background-image:url(../../images/icon/ico_tc_instargram.svg);
}

.Facebook.MentorInfoProfileSns-link{
	background-image:url(../../images/icon/ico_tc_facebook.svg);
}

.MentorProfileRecord{
	margin-top:1.563rem;
}

.MentorProfileRecord-title{
	font-size:1.125rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	margin-bottom:1.25rem;
}

.MentorProfileRecord-inner{
	max-height:8rem;
	overflow:hidden;
}

.is-View .MentorProfileRecord-inner{
	max-height:none;
}

.MentorProfileRecord-item{
	font-size:1rem;
	line-height:1.6em;
	color:#101010;
	position:relative;
	padding-left:1rem;
}

.MentorProfileRecord-item:before{
	content:"·";
	position:absolute;
	top:0;
	left:0;
}

.MentorProfileRecordMore{
	margin-top:1rem;
	text-align:right;
	font-size:0;
	line-height:0;
	display:none;
}

.MentorProfileRecordMore.is-Block{
	display:block;
}

.MentorProfileRecordMore-text{
	font-size:1rem;
	line-height:1.2em;
	display:inline-block;
	color:#101010;
	font-weight:500;
	padding-right:1.313rem;
	position:relative;
}

.MentorProfileRecordMore-text:after{
	content:"";
	width:1rem;
	height:1rem;
	background-image:url(../../images/icon/ico_text_more.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.is-View .MentorProfileRecordMore-text:after{
	transform:translateY(-50%) rotate(180deg);
}

.MentorInfoTextFlex{
	font-size:1.125rem;
	line-height:1.8;
	color:#666;
	padding-top:3.125rem;
	position:relative;
}

.MentorInfoTextFlex:before{
	content:"";
	width:3rem;
	height:1.938rem;
	background-image:url(../../images/icon/ico_mentor_info.svg);
	background-size:100% 100%;
	position:absolute;
	top:0;
	left:0;
}

.MentorInfoTextFlex p + p{
	margin-top:1.25rem;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MentorInfoProfile:after{
		display:none;
	}
	
	.MentorInfoProfileBtn-follow{
		max-width:24.375rem;
		width:100%;
		display:inline-block;
	}
	
	.MentorInfoText{
		width: calc(100% - 22rem);
		padding:2.813rem 2rem;
	}
	
	.MentorInfoText:after{
		display:none;
	}
	
	.MentorInfoProfileCnt-name{
		font-size:2rem;
	}
	
	.MentorInfoTextFlex{
		font-size:1rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MentorInfoProfile{
		padding:0 2rem 0 1.25rem;
		width: 22rem;
	}
	
	.MentorInfoProfileThumb{
		margin-top:-6rem;
	}
	
	.TeacherInfoFlex{
		margin-left:-1.25rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.TeacherInfoFlex{
		display:block;
	}
	
	.MentorInfoProfile{
		margin-top:-4rem;
		width:100%;
		padding-right:0;
		background-color:transparent;
		margin-bottom:2.813rem;
	}
	
	.MentorInfoProfileThumb{
		margin-top:0;
		width:12.5rem;
		height:12.5rem;
	}
	
	.MentorInfoText{
		width:auto;
		margin-left:-1.25rem;
		margin-right:-1.25rem;
		padding:2.813rem 1.25rem;
	}
	
	.MentorProfileRecordMore-text{
		font-size:0.875rem;
	}
}

/*=========================================================
	PgTeacherBody
=========================================================*/
.PgTeacherBody{
	margin-top:6.25rem;
}

.SmInterTitle{
	margin-bottom:2.5rem;
}

.SmInterTitle-title{
	font-size:2.25rem;
	line-height:1.4em;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.PgTeacherBody{
		margin-top:5rem;
	}
	
	.SmInterTitle-title{
		font-size:2rem;
	}
}

/*=========================================================
	DfList
=========================================================*/
.DfList-inner{
	margin:-1.875rem -0.938rem;
	display:flex;
	flex-wrap:wrap;
}

.DfList-item{
	width:33.3333%;
	padding:1.875rem 0.938rem;
}

@media screen and (max-width: 1024px) and (min-width: 690px) {
	.DfList-item{
		width:50%;
	}
	
	.MyPgSecItem .DfList-item{
		width:33.3333%;
	}
}

@media screen and (max-width: 689px) and (min-width: 1px) {
	.DfList-inner{
		margin:0;
	}

	.DfList-item{
		padding:0;
		width:100%;
	}
	
	.DfList-item + .DfList-item{
		margin-top:2.5rem;
	}
}

/*=========================================================
	ListPaging
=========================================================*/
.ListPaging{
	margin-top:5.313rem;
	text-align:center;
}

.ListPaging-list{
	display:inline-block;
	margin:0 -0.938rem;
}

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

.ListPaging-text{
	width: 3.375rem;
	height:3.375rem;
	border-radius:100% 100%;
	background-color:#F4F4F4;
	font-size:1.125rem;
	line-height:3.375rem;
	font-weight:600;
	color:#000;
	text-align:center;
	display:block;
	font-family: Montserrat;
}

span.ListPaging-text{
	background-color:#000;
	color:#fff;
	font-weight:700;
}

.ListPaging-item.pagingpoint{
	font-size:0;
	line-height:0;
	width: 3.375rem;
	height: 1.5rem;
	background-image:url(../../images/icon/ico_paging_point.svg);
	background-size:100% 100%;
}

.ListPrevButton-link{
	display:block;
	font-size:0;
	line-height:0;
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_prev_paging.svg);
	background-size:100% 100%;
}

.ListNextButton-link{
	display:block;
	font-size:0;
	line-height:0;
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_next_paging.svg);
	background-size:100% 100%;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.ListPaging{
		margin-top:4.063rem;
	}
	
	.ListPaging-text{
		width:2.375rem;
		height:2.375rem;
		font-size:0.875rem;
		line-height:2.375rem;
	}
	
	.ListPaging-item{
		padding:0 0.313rem;
	}
}

/*=========================================================
	SgVideo
=========================================================*/
.SgVideo{
	padding-top:5.813rem;
	background-color:#000000;
}

.SgVideoFlex{
	max-width: 100%;
	max-height:calc(100vh - 5.813rem);
	max-height:calc(100svh - 5.813rem);
    aspect-ratio: 16 / 9;
	position:relative;
	margin:0 auto;
}

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

.SgVideoFlexLock{
	max-width: 100%;
    max-height: calc(100vh - 13.5rem);
    max-height: calc(100svh - 13.5rem);
    aspect-ratio: 16 / 9;
    position: relative;
    margin: 0 auto;
}

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

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

@media screen and (min-width: 1025px) {
	.SgVideo.is-Over{
		padding-top:5.813rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.SgVideo{
		padding-top:3rem;
	}

	.SgVideoFlex{
		max-height:calc(100vh - 3rem);
		max-height:calc(100svh - 3rem);
	}
	
	.SgVideoFlexLock{
		max-height:calc(100vh - 3rem);
		max-height:calc(100svh - 3rem);
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SgVideoFlexLock:after{
		width:3rem;
		height:3rem;
	}
}

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

.PgTopBannerBg{
	height: 28.5rem;
	position:relative;
	overflow:hidden;
}

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

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

.PgTopBannerText{
	position:absolute;
	top:calc(50% + 2.875rem);
	left:0;
	right:0;
	transform:translateY(-50%);
	z-index:5;
}

.PgTopBannerText-title{
	font-size: 3.75rem;
	line-height:1.4em;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
}

.PgTopBannerText-sub{
	font-size: 1.25rem;
	line-height:1.4em;
	color:#fff;
	font-weight:700;
	margin-top:0.938rem;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.PgTopBannerText-sub{
		font-size:1rem;
		margin-top:0.5rem;
	}
	
	.PgTopBannerText{
		top:calc(50% + 1.5rem);
	}
	
	.PgTopBannerBg{
		height: 18rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PgTopBannerText-title{
		font-size:2.5rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PgTopBannerText-title{
		font-size:2rem;
	}
}

/*=========================================================
	TopCheck
=========================================================*/
.TopCheck{
	background-color:#F4F4F4;
	padding:3.75rem 0 3.5rem;
}

.LtFilterHeader{
	position:relative;
	margin-bottom:3.75rem;
}

.SelectedTagReset-btn{
	position:absolute;
	top:0.563rem;
	right:0;
	font-size:0.875rem;
	line-height:1.2em;
	color:#101010;
	font-weight:500;
	padding-right:1.5rem;
}

.SelectedTagReset-btn:after{
	content:"";
	width: 1rem;
	height: 1rem;
	background-image:url(../../images/icon/ico_reset.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.LtFilterHeaderLogo{
	width: 13.313rem;
	height: 2.625rem;
	background-image: url(../../images/logo/logo.png);
    background-size: 100% 100%;
	margin:0 auto 30px;
}

.LtFilterHeader-sub{
	font-size: 3rem;
	line-height:1.3em;
	color:#000;
	text-align:center;
}

.TopCheckCont-list{
	display:flex;
	align-items:start;
	margin:3.75rem -1.25rem 0;
}

.TopCheckCont-item{
	width:33.333%;
	padding:0 1.25rem;
}

.TopCheckCont-item.Full{
	width:100% !important;
}

.TopCheckCont-title{
	font-size: 1.25rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	margin-bottom:1.25rem;
}

/*Responsive*/
@media screen and (min-width: 768px) {
	.TopCheckCont-list{
		display:none;
	}
	
	.is-View .TopCheckCont-list{
		display:flex;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.TopCheck {
		padding: 4.29rem 0 4rem;
	}

	.LtFilterHeader {
		margin-bottom: 1.43rem;
	}

	.SelectedTagReset-btn {
		top: 0.64rem;
		font-size: 1rem;
		padding-right: 1.72rem;
	}

	.SelectedTagReset-btn:after {
		width: 1.14rem;
		height: 1.14rem;
	}

	.LtFilterHeaderLogo {
		width: 11.8rem;
		height: 2.36rem;
		margin: 0 auto 1.79rem;
	}
	
	.TopCheckCont{
		max-width:40rem;
		margin-left:auto;
		margin-right:auto;
	}

	.LtFilterHeader-sub {
		font-size: 1.72rem;
	}

	.TopCheckCont-list {
		margin: 2.86rem -0.71rem 0;
		flex-wrap: wrap;
	}

	.TopCheckCont-item {
		padding: 0 0.71rem;
	}

	.TopCheckCont-item:nth-child(1) {
		width: 60%;
	}

	.TopCheckCont-item:nth-child(2) {
		width: 40%;
	}

	.TopCheckCont-item:last-child {
		margin-top: 2.86rem;
		width: 100%;
	}
	
	.Mentor .TopCheckCont-item{
		margin-top:0 !important;
	}

	.TopCheckCont-title {
		font-size: 1.43rem;
		margin-bottom: 1.43rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.LtFilterHeader {
		margin-bottom: 0;
		padding: 4.74rem 1.25rem 1.25rem;
	}

	.SelectedTagReset-btn {
		top: 1.87rem;
		font-size: 0.87rem;
		padding-right: 1.5rem;
		right: auto;
		left: 1.25rem;
	}

	.SelectedTagReset-btn:after {
		width: 1rem;
		height: 1rem;
	}

	.LtFilterHeaderLogo {
		width: 10.3rem;
		height: 2.06rem;
		margin: 0 auto 1.56rem;
	}
	
	.LtFilterHeader-sub {
		font-size: 1.4rem;
	}

	.TopCheckCont-list {
		margin-top: 2.5rem;
		display: block;
	}

	.TopCheckCont-title {
		font-size: 1.25rem;
		margin-bottom: 1.25rem;
	}

	.TopCheckCont-item {
		width: 100%;
	}

	.TopCheckCont-item + .TopCheckCont-item {
		margin-top: 2.5rem;
	}
}

/*=========================================================
	FilterSearch
=========================================================*/ 
.TopCheckSearch{
	width:100%;
	max-width: 40rem;
	padding-right:3.438rem;
	background-color:#fff;
	border-radius:100px 100px;
	position:relative;
	margin:0 auto;
}

body .TopCheckSearch-text{
	font-size: 1rem;
	line-height:normal;
	padding:0.938rem 1.688rem;
	color:#101010;
	font-weight:500;
	width:100%;
	display:block;
}

body .TopCheckSearch-submit{
	width: 1.563rem;
	height: 1.688rem;
	background-image:url(../../images/icon/ico_filter_search.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:1.688rem;
	transform:translateY(-50%);
	cursor:pointer;
	font-size:0px;
	line-height:0px;
}

body .TopCheckSearch-text::placeholder {
  color: #999;
}

body .TopCheckSearch-text::placeholder {
  color: #999;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .TopCheckSearch {
        max-width: 21.87rem;
        padding-right: 2.81rem;
    }

    body .TopCheckSearch-text {
        font-size: 0.87rem;
        padding: 0.94rem 1.17rem;
    }

    body .TopCheckSearch-submit {
        width: 1.56rem;
        height: 1.68rem;
        right: 1.17rem;
    }
}

/*=========================================================
	TeacherSearch
=========================================================*/
.TeacherSearchList{
	padding:1.875rem 1.875rem;
	border-radius:1.875rem;
	background-color:#fff;
}

.TeacherSearchList-item + .TeacherSearchList-item{
	margin-top:1.25rem;
}

.TeacherCategory{
	display:flex;
	align-items:center;
}

.TeacherCategory-title{
	font-size:1.125rem;
	line-height:1.2em;
	color:#666;
	font-weight:500;
	margin-right:2.375rem;
	min-width:4.25rem;
}

.TeacherCategory-cont{
	flex:1;
}

.TeacherCategory-list{
	font-size:0;
	line-height:0;
	margin:-0.25rem -0.125rem 0;
}

.TeacherCategory-item{
	display:inline-block;
	vertical-align:middle;
	padding:0.25rem 0.125rem 0;
}

.TeacherCategory-input{
	display:none;
}

.TeacherCategory-label{
	display:block;
	width: 1.875rem;
	height: 1.875rem;
	position:relative;
	border-radius:100% 100%;
}

.TeacherCategory-text{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:1.125rem;
	line-height:1.2em;
	color:#000;
}

.TeacherCategory-input:checked + .TeacherCategory-label{
	background-color:#000;
}

.TeacherCategory-input:checked + .TeacherCategory-label .TeacherCategory-text{
	color:#fff;
}

.is-NoTag .TeacherCategory-label{
	opacity:0.2;
	pointer-events: none;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.TeacherSearchList {
		padding: 1.87rem 1.87rem;
		border-radius: 1.87rem;
	}

	.TeacherSearchList-item + .TeacherSearchList-item {
		margin-top: 1.25rem;
		padding-top: 1.25rem;
		border-top: solid 1px #DDD;
	}

	.TeacherCategory {
		display: block;
	}

	.TeacherCategory-title {
		font-size: 1.12rem;
		margin-right: 0;
		margin-bottom: 1rem;
	}

	.TeacherCategory-list {
		margin: -0.5rem -0.25rem 0;
	}

	.TeacherCategory-item {
		padding: 0.5rem 0.25rem 0;
	}

	.TeacherCategory-label {
		width: 1.87rem;
		height: 1.87rem;
	}

	.TeacherCategory-text {
		font-size: 1.12rem;
	}
}

/*=========================================================
	FilterOptBtn
=========================================================*/
.FilterOptBtn{
	margin-top:3.75rem;
	text-align:right;
	font-size:0;
	line-height:0;
}

.FilterOptBtn-text{
	display:inline-block;
	padding-right:1.5rem;
	position:relative;
	color:#101010;
	font-size:1.063rem;
	font-weight:500;
	line-height:1.2em;
}

.FilterOptBtn-text:after{
	content:"";
	width:1rem;
	height:1rem;
	background-image:url(../../images/icon/ico_text_more.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.is-View .FilterOptBtn-text:after{
    transform: rotate(-180deg) translateY(50%);	
}

@media screen and (max-width:1024px) and (min-width:768px){
	.FilterOptBtn {
		margin-top: 2.14rem;
	}

	.FilterOptBtn-text {
		font-size: 1rem;
	}
	
	.FilterOptBtn-text:after{
		margin-top:0.063rem;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.FilterOptBtn{
		display:none;
	}
}

/*=========================================================
	TopCheck Popup
=========================================================*/
.TopCheckSumbit{
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-color:#000;
	font-size: 1rem;
	color:#fff;
	font-weight:700;
	line-height:1.2em;
	padding:1rem 0.813rem;
	text-align:center;
	z-index:5;
}

.LtFilterHeader-close{
	display:none;
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_ls_filter_close.svg);
	background-size:100% 100%;
	position:absolute;
	top:1.875rem;
	right:1.25rem;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.TopCheck{
		position:fixed !important;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:0 !important;
		padding:0;
		z-index:2999;
		opacity:0;
		visibility:hidden;
	}
	
	.TopCheck .site-container{
		height:100%;
		padding:0;
	}
	
	.TopCheckFlex{
		display:flex;
		height:100%;
		flex-direction: column;
	}
	
	.TopCheckCont{
		flex:1;
		overflow:hidden;
		overflow-y:auto;
		padding:0 1.25rem 6.25rem;
	}
	
	.TopCheck.is-View{
		opacity:1;
		visibility:visible;
	}
	
	.admin-bar .TopCheck{
		top:46px;
	}
	
	.TopCheckSumbit{
		display:block;
	}
	
	.LtFilterHeader-close{
		display:block;
	}
}

/*=========================================================
	LsFilterbtn
=========================================================*/ 
.LsFilterbtn{
	position:fixed;
	bottom:1.188rem;
	right:1.188rem;
	width:3.5rem;
	height:3.5rem;
	background-color:#000;
	border-radius:100% 100%;
	display:none;
	z-index:200;
}

.LsFilterbtn:after{
	content:"";
	position:absolute;
	top:calc(50% + 0.125rem);
	left:50%;
	transform:translate(-50%, -50%);
	width:1.625rem;
	height:1.625rem;
	background-image:url(../../images/icon/ico_ls_filter_btn.svg);
	background-size:100% 100%;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.LsFilterbtn{
		display:block;
	}
}

/*=========================================================
	ListBody
=========================================================*/ 
.ListBody{
	margin-top:5.313rem;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.ListBody{
		margin-top:3.75rem;
	}
}

/*=========================================================
	DfMentorPost
=========================================================*/
.DfMentorPost{
	width:100%;
}

.DfMentorPost-link{
	display:block;
}

.DfMentorPostThumb{
	width:100%;
	position:relative;
	overflow:hidden;
	border-radius:100% 100%;
	margin-bottom:1.25rem;
}

.DfMentorPostThumb:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.DfMentorPostThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: var(--custom-easing);
}

.DfMentorPostCnt{
	text-align:center;
}

.DfMentorPostTitle{
	font-size:0;
	line-height:0;
}

.DfMentorPostTitle-name{
	font-size: 1.625rem;
	line-height:1.4em;
	color:#000;
	font-weight:700;
	vertical-align:middle;
}

.DfMentorPostTitle-lv{
	font-size: 1.125rem;
	line-height:1.4em;
	color:#467FC1;
	margin-left:0.375rem;
	vertical-align:middle;
}

.DfMentorPostMeta{
	margin-top:0.625rem;
}

.DfMentorPostMeta-inner{
	font-size:0;
	line-height:0;
}

.DfMentorPostMeta-item{
	display:inline-block;
	vertical-align:middle;
	font-size: 1rem;
	line-height:1.2em;
	color:#666;
	padding-right:calc(0.438rem + 1px);
	margin-right:0.438rem;
	position:relative;
}

.DfMentorPostMeta-item:after{
	content:"";
	width:1px;
	height:1rem;
	background-color:#ccc;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.DfMentorPostMeta-item:last-child{
	padding-right:0;
	margin-right:0;
}

.DfMentorPostMeta-item:last-child:after{
	display:none;
}

/* responsive */
@media screen and (min-width:1025px){
	.DfMentorPost-link:hover .DfMentorPostThumb-img{
		transform:scale(1.1);
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.DfMentorPostThumb {
		margin-bottom: 1.25rem;
	}

	.DfMentorPostTitle-name {
		font-size: 1.25rem;
	}

	.DfMentorPostTitle-lv {
		font-size: 0.875rem;
		margin-left: 0.37rem;
	}

	.DfMentorPostMeta {
		margin-top: 0.62rem;
	}

	.DfMentorPostMeta-item {
		font-size: 0.875rem;
		padding-right: calc(0.44rem + 1px);
		margin-right: 0.44rem;
	}

	.DfMentorPostMeta-item:after {
		height: 0.875rem;
	}
}

/*=========================================================
	MentorList
=========================================================*/
.MentorList-inner{
	display:flex;
	flex-wrap:wrap;
	margin:-4rem -1.25rem 0;
}

.MentorList-item{
	padding:4rem 1.25rem 0;
	width:25%;
}

@media screen and (max-width:1024px) and (min-width:768px){
	.MentorList-inner{
		margin:-3rem -0.938rem;
	}

	.MentorList-item{
		width:33.3333%;
		padding:3rem 0.938rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MentorList-inner {
		margin: -2.5rem -0.87rem 0;
	}

	.MentorList-item {
		padding: 2.5rem 0.87rem 0;
		width: 50%;
	}
}

/*=========================================================
	StarRating
=========================================================*/
.StarRating{
	display:flex;
	align-items:center;
}

.StarRatingForm {
	display: block;
	position: relative;
	padding:0.938rem 1.563rem;
	border-radius:100px 100px;
	background-color:#fff;
	font-size:0;
	line-height:0;
	margin-right:0.938rem;
}

.StarRatingForm-inner{
	display: block;
	position: relative;
	height:1.875rem;
}

.StarRatingForm-label {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	cursor: pointer;
}

.StarRatingForm-label:last-child {
	position: static;
}

.StarRatingForm-label:nth-child(1) {
	z-index: 5;
}

.StarRatingForm-label:nth-child(2) {
	z-index: 4;
}

.StarRatingForm-label:nth-child(3) {
	z-index: 3;
}

.StarRatingForm-label:nth-child(4) {
	z-index: 2;
}

.StarRatingForm-label:nth-child(5) {
	z-index: 1;
}

.StarRatingForm-label input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.StarRatingForm-label .StarRatingForm-icon {
	float: left;
	margin-right:0.938rem;
	width: 1.5rem;
	height: 1.875rem;
	background-size:100% 100%;
	display:block;
}

.StarRatingForm-label .StarRatingForm-icon:last-child{
	margin-right:0;
}

.StarRatingForm label:last-child .StarRatingForm-icon {
	background-image:url(../../images/icon/ico_star_rating.svg);
}

.StarRatingForm:not(:hover) .StarRatingForm-label input:checked ~ .StarRatingForm-icon,
.StarRatingForm:hover .StarRatingForm-label:hover input ~ .StarRatingForm-icon {
	background-image:url(../../images/icon/ico_star_rating_a.svg);
}

.StarRatingForm .StarRatingForm-label input:focus:not(:checked) ~ .StarRatingForm-icon:last-child {
	background-image:url(../../images/icon/ico_star_rating.svg);
}

.StarRatingText{
	font-size: 1rem;
	line-height:1.2em;
	color:#000;
}

/*Responsive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.StarRatingForm {
		padding: 0.94rem 1.56rem;
		margin-right: 0.94rem;
	}

	.StarRatingForm-inner {
		height: 1.87rem;
	}

	.StarRatingForm-label .StarRatingForm-icon {
		margin-right: 0.94rem;
		width: 1.5rem;
		height: 1.87rem;
	}

	.StarRatingText {
		font-size: 1rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.StarRatingForm {
		padding: 0.94rem 1.56rem;
		margin-right: 0.94rem;
	}

	.StarRatingForm-inner {
		height: 1.87rem;
	}

	.StarRatingForm-label .StarRatingForm-icon {
		margin-right: 0.94rem;
		width: 1.5rem;
		height: 1.87rem;
	}

	.StarRatingText {
		font-size: 1rem;
	}
}

/*=========================================================
	TimeRange
=========================================================*/
.TimeRange{
	position:relative;
	max-width:15rem;
	margin-left:1rem;
	padding-bottom:1.3rem;
}

.TimeRangeInfo{
	margin-top:0.688rem;
	display:flex;
	padding:0 0.375rem;
}

.TimeRangeInfo-item{
	width:16.666%;
	position:relative;
	height:0.625rem;
	border-left:solid 1px #D1D1D1;
}

.TimeRangeInfo-item:last-child{
	border-right:solid 1px #D1D1D1;
}

.TimeRangeInfo-text{
	font-size:0.875rem;
	line-height:1.2em;
	color:#101010;
	display:block;
	position:absolute;
	top:calc(100% + 0.313rem);
}

.TimeRangeSlider{
	position:relative;
	font-size:0;
	line-height:0;
}

.TimeRangeSliderValue{
	font-size:1rem;
	line-height:1.2em;
	font-family: Montserrat;
	font-weight:500;
	display:block;
	margin-bottom:1.25rem;
}

.TimeRangeSlider-range{
	-webkit-appearance: none;
    width: 100%;
    height: 3px;
    border-radius: 0;
    background-color: #E2E2E2;
    outline: none;
    padding: 0;
    margin: 0;
}

.TimeRangeSlider-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 0.875rem;
	height: 0.875rem;
	border: solid 3px #101010;
	background-color: #fff;
	border-radius: 100%;
	cursor: pointer;
}

.TimeRangeSlider-range::-moz-range-thumb {
	width: 0.875rem;
	height: 0.875rem;
	border: solid 3px #101010;
	background-color: #fff;
	border-radius: 100%;
	cursor: pointer;
}

.TimeRangeInfo-text.First{
	left:-50%;
}

.TimeRangeInfo-text.Last{
	right:-50%;
}

/*Responsive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	
}

/*=========================================================
	TopCheck : Style
=========================================================*/
.FilterSytle-input{
	display:none;
}

.FilterSytle-inner{
	margin:-0.438rem -0.438rem;
	display:flex;
	flex-wrap:wrap;
}

.FilterSytle-item{
	padding:0.438rem 0.438rem;
}

.FilterSytle-label{
	display:block;
}

.FilterSytle-text{
	display:block;
	font-size: 0.875rem;
	line-height:1.2em;
	color:#101010;
	padding:0.438rem 0.75rem;
	border-radius:100px 100px;
	background-color:#fff;
	border: 1px solid #fff;
}

.FilterSytle-input:checked + .FilterSytle-text{
	border-color:#000;
	font-weight:700;
}

.TeacherCategory .FilterSytle-text{
	background-color:#F4F4F4;
}

.TeacherCategory .FilterSytle-input:checked + .FilterSytle-text{
	background-color:#fff;
}

/*Responsive*/
@media screen and (max-width: 767px) and (min-width: 1px) {
	.FilterSytle-inner {
		margin: -0.437rem -0.437rem;
	}

	.FilterSytle-item {
		padding: 0.437rem 0.437rem;
	}

	.FilterSytle-text {
		font-size: 0.875rem;
		padding: 0.437rem 0.75rem;
	}
}

/*=========================================================
	LsPostTop
=========================================================*/
.LsPostTop{
	margin-bottom:1.25rem;
	position:relative;
	z-index:10;
}

.LsPostTop-list{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.LsPostTop-item:first-child{
	order:2;
}

.Sequential .LsPostTop-item:first-child{
	order:1;
}

.LsPostTop-item:last-child{
	order:1;
}

.LsPostTopTitle{
	font-size:0;
	line-height:0;
}

.LsPostTopTitle-num{
	display:inline-block;
	color:#101010;
	font-size:1rem;
	line-height:1.2em;
	font-weight:bold;
}

.LsPostTopTitle-text{
	display:inline-block;
	color:#101010;
	font-size:1rem;
	line-height:1.2em;
}

/*=========================================================
	ListSelectFilter
=========================================================*/
.ListSelectFilter:after{
	content:"";
	display:table;
	clear:both;
}

.ListSelectFilter-select{
	border:solid 1px #101011;
	font-size:0.875rem;
	line-height:1.2em;
	color:#101011;
	font-weight:500;
	padding:0.813rem 2.813rem 0.813rem 0.875rem;
	background-image: url(../../images/icon/ico_myselect_arrow.svg);
    background-size: 0.813rem 0.438rem;
    background-position: calc(100% - 0.875rem) calc(50% + 1px);
	border-radius: 0.625rem;
    background-repeat: no-repeat;
	background-color:#fff;
    cursor: pointer;
	height:2.813rem;
	max-width:100%;
}

/*=========================================================
	PgTitleHeader
=========================================================*/
.PgTitleHeader{
	padding-top:13.125rem;
	margin-bottom:5rem;
}

.PgTitleHeader-title{
	font-size: 3.75rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
}

.PgTitleHeader-sub{
	margin-top:1.25rem;
	font-size: 1.25rem;
	line-height:1.5em;
	color:#666;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PgTitleHeader {
		padding-top: 9.92rem;
		margin-bottom: 4.29rem;
	}

	.PgTitleHeader-title {
		font-size: 3rem;
	}

	.PgTitleHeader-sub {
		font-size: 1rem;
		margin-top:1.125rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PgTitleHeader {
		padding-top: 6.563rem;
		margin-bottom: 3.375rem;
	}

	.PgTitleHeader-title {
		font-size: 2.063rem;
	}

	.PgTitleHeader-sub {
		font-size: 1rem;
		margin-top: 0.938rem;
	}
}

/*=========================================================
	PostKeyword
=========================================================*/ 
.PostKeyword{
	margin-bottom:2.5rem;
	padding:1.063rem 1.688rem;
	background-color:#F4F4F4;
	border-radius: 0.75rem;
}

.PostKeyword:after{
	content:'';
	display:block;
	clear:both;
}

.PostKeyword-title{
	float:left;
	padding-right:2.5rem;
	color:#101010;
	font-size:1.125rem;
	font-weight:700;
	line-height:1.2em;
}

.PostKeyword-content{
	overflow:hidden;
	padding-top:0.063rem;
}

.PostKeyword-list{
	margin:-0.5rem -0.5rem 0;
}
.PostKeyword-item{
	float:left;
	padding:0.5rem 0.5rem 0;
}

.PostKeyword-link{
	display:block;
	color:#101010;
	font-size:16px;
	line-height:1.2em;
}

/*Responsive*/
@media screen and (max-width: 767px) and (min-width: 1px) {
	.PostKeyword {
		margin-bottom: 2.5rem;
		padding: 1.063rem 1.25rem;
		border-radius: 0.75rem;
	}

	.PostKeyword-title {
		float: none;
		padding-right: 0;
		padding-bottom: 0.458rem;
		font-size: 1rem;
	}

	.PostKeyword-list {
		margin: -0.5rem -0.5rem 0;
	}

	.PostKeyword-item {
		padding: 0.5rem 0.5rem 0;
	}

	.PostKeyword-link {
		font-size: 0.875rem;
	}
}

/*=========================================================
	BasicSearch
=========================================================*/ 
.BasicSearch{
	padding-right:2.688rem;
	position:relative;
	max-width:17.313rem;
	width:100%;
	border:solid 1px #101011;
	border-radius: 0.625rem;
}

body .BasicSearchInput-input{
	font-size:0.875rem;
	line-height:normal;
	color:#101011;
	font-weight:500;
	padding:0.75rem 0 0.75rem 0.875rem;
	width:100%;
	display:block;
	height: 2.813rem;
}

body .BasicSearchInput-btn{
	width: 1rem;
	height: 1rem;
	background-image:url(../../images/icon/ico_filter_search.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0.875rem;
	transform:translateY(-50%);
	cursor:pointer;
	font-size:0px;
	line-height:0px;
}

body .BasicSearchInput-input::placeholder {
  color: #999;
}
body .BasicSearchInput-input::placeholder {
  color: #999;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.Sequential .LsPostTop-item:first-child{
		padding-right:0.625rem;
		width:38%;
	}
	
	.Sequential .LsPostTop-item:last-child{
		width:62%;
	}
}

/*=========================================================
	VtList
=========================================================*/ 
.VtList-item + .VtList-item{
	padding-top:2.5rem;
}

/*=========================================================
	NewsPost
=========================================================*/ 
.NewsPost-link{
	display:flex;
	align-items:start;
}

.NewsPostThumb{
	width:42.75%;
	margin-right:1.563rem;
	position:relative;
	border-radius:1.875rem 1.875rem;
	overflow:hidden;
}

.NewsPostThumb:after{
	content:'';
	display:block;
	padding-bottom:55%;
}

.NewsPostThumb-img{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	top:0;
	left:0;
	transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: var(--custom-easing);
}

.NewsPostCont{
	flex:1;	
}
.NewsPostCont-category{
	display:block;
	margin-bottom:1rem;
	color:#101010;
	font-size:1rem;
	color:#467FC1;
	line-height:1.2em;
}
.NewsPostCont-title{
	overflow:hidden;
	display:block;
    display:-webkit-box;
	color:#101010;
	font-size:1.25rem;
	font-weight:bold;
	line-height:1.4em;
    max-height:2.8em;
    white-space:normal;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.NewsPostCont-text{
    overflow: hidden;
	display:block;
	display: -webkit-box;
	max-height:3.2em;
	margin-top:1rem;
	color:#101010;
	font-size:1rem;
	line-height:1.6em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: ellipsis;
}

.NewsPostCont-date{
	display:block;
	margin-top:1.063rem;
	color:#787878;
	font-size:1rem;
	line-height:1.4em;
	font-family: Montserrat;
	padding-left:1.875rem;
	position:relative;
}

.NewsPostCont-date:before{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_post_date.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	.NewsPost:hover .NewsPostThumb-img{
		transform:scale(1.1);
	}
	
	.NewsPostCont{
		padding-top:0.75rem;
	}
}

@media screen and (max-width: 689px) and (min-width: 1px) {
	.NewsPost-link{
		display:block;
	}
	
	.NewsPostThumb {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.25rem;
		border-radius: 1.875rem;
	}

	.NewsPostCont-category {
		margin-bottom: 0.25rem;
		font-size: 1rem;
	}

	.NewsPostCont-title {
		font-size: 1.25rem;
	}

	.NewsPostCont-text {
		margin-top: 0.556rem;
		font-size: 0.875rem;
	}

	.NewsPostCont-date {
		margin-top: 0.875rem;
		font-size: 0.875rem;
		padding-left: 1.875rem;
	}

	.NewsPostCont-date:before {
		width: 1.5rem;
		height: 1.5rem;
	}
}

/*=========================================================
	News : Single
=========================================================*/ 
.NewsSgHeader{
	position:relative;
	padding-left:6.875rem;
	padding-right:3.75rem;
	margin-bottom:2.813rem;
}

.NewsSgHeaderBack{
	width: 2rem;
	height: 2rem;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../../images/icon/ico_single_back.svg);
	background-size:100% 100%;
}

.NewsSgHeader-cate{
	font-size: 1.25rem;
	line-height:1.2em;
	color:#467FC1;
	font-weight:500;
	margin-bottom:0.625rem;
}

.NewsSgHeader-title{
	font-size: 2.5rem;
	line-height:1.4em;
	color:#101010;
	font-weight:700;
}

.NewsSgHeader-date{
	display:block;
	margin-top:1.25rem;
	color:#787878;
	font-size:1rem;
	line-height:1.4em;
	font-family: Montserrat;
	padding-left:1.875rem;
	position:relative;
}

.NewsSgHeader-date:before{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_post_date.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.NewsSgHeader{
		padding-left: 3.875rem;
	}
	
	.NewsSgHeader-title{
		font-size:2.35rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.NewsSgHeader{
		padding-left:0;
		padding-right: 2.7rem;
		margin-bottom:2.5rem;
	}
	
	.NewsSgHeader-cate{
		font-size:1rem;
	}
	
	.NewsSgHeader-title{
		font-size:1.45rem;
	}
	
	.NewsSgHeaderBack{
		display:none;
	}
	
	.NewsSgHeader-date{
		font-size:0.875rem;
		margin-top:0.875rem;
	}
}

/*=========================================================
	SingleShare
=========================================================*/ 
.SingleShare{
	width: 3rem;
	height: 3rem;
	position:absolute;
	top:0;
	right:0;
	z-index:5;
}

.SingleShare-btn{
	width: 3rem;
	height: 3rem;
	display:block;
	background-image: url(../../images/icon/ico_single_share.svg);
	background-size:100% 100%;
}

.SingleSharePop{
	width: 18rem;
	position:absolute;
	right:0;
	margin-top:1.88rem;
	border-radius: 1.75rem;
	background-color:#000;
	padding:1.563rem 1.563rem;
	opacity:0;
	visibility:hidden;
	z-index:50;
}

.BarShare .SingleSharePop{
	margin-top:2.3rem;
}

.BarShare .SingleSharePop:before{
	display:none;
}

.is-View .SingleSharePop{
	opacity:1;
	visibility:visible;
}

.SingleSharePop:before{
	content:"";
	width: 1.8125rem;
	height: 1.5625rem;
	background-image: url(../../images/icon/share_arrow.png);
	background-size:100% 100%;
	position:absolute;
	top:-1rem;
	right:1.4rem;
}

.SingleSharePopList{
	margin-bottom:1rem;
}

.SingleSharePopList-inner{
	display:flex;
	width:100%;
}

.SingleSharePopList-item{
	width:33.333%;
	text-align:center;
	font-size:0;
	line-height:0;
}

.SingleSharePopList-title{
	font-size: 0.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	margin-top:0.5rem;
	display:block;
}

.SingleSharePopList-link{
	display:inline-block;
}

.SingleSharePopList-ico{
	width: 2.875rem;
	height: 2.875rem;
	background-size:100% 100%;
	display:block;
	margin:0 auto;
}

.ico-Facebook .SingleSharePopList-ico{
	background-image: url(../../images/icon/ico_share_facebook.svg);
}

.ico-X .SingleSharePopList-ico{
	background-image: url(../../images/icon/ico_share_x.svg);
}

.ico-Kakao .SingleSharePopList-ico{
	background-image: url(../../images/icon/ico_share_kakao.svg);
}

.SingleShareCopy{
	position:relative;
}

.SingleShareCopy-text{
	font-size: 0.875rem;
	line-height:1.2em;
	color:#000;
	padding:0.5rem 1rem;
	padding-right:3.88rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	background-color:#fff;
	border-radius: 18.75rem;
}

.SingleShareCopy-btn{
	font-size: 0.75rem;
	line-height:1.2em;
	font-weight:700;
	color:#fff;
	background-color:#000;
	border-radius: 18.75rem;
	padding:0.2rem 0;
	width: 2.875rem;
	position:absolute;
	top:50%;
	right:0.5rem;
	transform:translateY(-50%);
	text-align:center;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.BarShare .SingleSharePop{
		margin-top:1.6rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SingleShare{
		width:2.3rem;
		height:2.3rem;
	}
	
	.SingleShare-btn{
		width:2.3rem;
		height:2.3rem;
	}
	
	.BarShare .SingleSharePop{
		margin-top:1rem;
		border-radius: 0.5rem 0.5rem;
	}
}

/*=========================================================
	Single: Content
=========================================================*/
.SingleContent{
	font-size: 1rem;
	line-height:1.9;
}

.SingleContent .size-full,
.SingleContent p img {
    height: auto !important;
}

.SingleContent .alignleft {
    float: left;
}

.SingleContent .alignright {
    float: right;
}

.SingleContent .aligncenter {
    display: block;
    margin: 0 auto;
}

.SingleContent figure.wp-caption,
.SingleContent iframe {
    width: 100% !important;
}

.SingleContent p {
    margin-bottom: 1.25rem;
    color: #666;
}

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

.SingleContent p img {
    border-radius: 1.875rem;
}

.SingleContent p img + img {
    margin-top: 1.25rem;
}

.SingleContent a {
    color: #222222;
    text-decoration: underline;
}

.SingleContent h1,
.SingleContent h2,
.SingleContent h3,
.SingleContent h4,
.SingleContent h5,
.SingleContent h6 {
    font-weight: 700;
    color: #101010;
    margin-bottom: 0.938rem;
    line-height: 1.4;
}

.SingleContent h1 {
    font-size: 2.2rem;
}

.SingleContent h2 {
    font-size: 2rem;
}

.SingleContent h3 {
    font-size: 1.8rem;
}

.SingleContent h4 {
    font-size: 1.4rem;
}

.SingleContent h5 {
    font-size: 1.2rem;
}

.SingleContent h6 {
    font-size: 1rem;
}

.SingleContent figure {
    margin-bottom: 1.25rem;
}

.SingleContent ul,
.SingleContent ol {
    margin-bottom: 1.25rem;
    color: #222;
    text-align: left;
}

.SingleContent li {
    margin-top: 0.313rem;
}

.SingleContent li:first-child {
    margin-top: 0;
}

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

.SingleContent figcaption.wp-caption-text {
    color: #555555;
    font-weight: normal;
    text-align: center;
    font-size: 0.75rem;
}

.SingleContent ul li,
.SingleContent ol li {
    padding-left: 1.1rem;
    position: relative;
}

.SingleContent ul li:before {
    content: "∙";
    position: absolute;
    top: 0;
    left: 0;
    color: #101010;
}

.SingleContent ol li:nth-child(n+1):before {
    content: counter(item) ".";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol {
    counter-reset: item;
}

.SingleContent ol li {
    counter-increment: item;
}

.SingleContent blockquote {
    color: #1c1c1c;
    padding-left: 1rem;
    position: relative;
}

.SingleContent blockquote:before {
    content: "";
    width: 0.2rem;
    height: 100%;
    position: absolute;
    background: #101010;
    top: 0;
    left: 0;
}

.SingleContent table {
    width: 100%;
    margin-bottom: 1.25rem;
    border-top: solid 0.15rem #2e3235;
    border-collapse: collapse;
    table-layout: fixed;
}

.SingleContent table thead th {
    color: #2e3235;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.4rem;
}

.SingleContent table th,
.SingleContent table td {
    vertical-align: middle;
    border: solid 0.07rem #ccd0d7;
    padding: 0.75rem 0.313rem;
    text-align: center;
}

.SingleContent iframe {
    max-width: 100% !important;
}

.SingleContent span[id*="more-"] {
    border-bottom: dashed 0.15rem #ccd0d7;
    display: block;
}

.SingleContent figcaption {
    color: #555555;
    font-weight: normal;
    font-size: 0.75rem;
}

.SingleContent p strong{
	color:#101010;
}

.SingleContent iframe[src*="youtube"] {
    aspect-ratio: 16 / 9 !important;
}

/* Responsive Styles */
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.SingleContent{
		font-size:1.071rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SingleContent h1 {
        font-size: 1.5rem;
    }

    .SingleContent h2 {
        font-size: 1.4rem;
    }

    .SingleContent h3 {
        font-size: 1.3rem;
    }

    .SingleContent h4 {
        font-size: 1.2rem;
    }

    .SingleContent h5 {
        font-size: 1.1rem;
    }

    .SingleContent h6 {
        font-size: 1rem;
    }
}

/*=========================================================
	SinglePaging
=========================================================*/
.SinglePaging{
	margin-top:5rem;
}

.SinglePaging-item.Next{
	border-top:solid 1px #E0E0E0;
	padding-top:1.25rem;
	margin-top:1.25rem;
}

.SinglePagingFlex{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	font-size:0;
	line-height:0;
}

.SinglePagingFlex-title{
	position:relative;
	font-size:1rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	padding-right:2.25rem;
}

.SinglePagingFlex-title:after{
	content:"";
	width:1rem;
	height:1rem;
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

/*icon*/
.Prev .SinglePagingFlex-title:after{
	background-image:url(../../images/icon/ico_sgpaging_prev.svg);
}

.Next .SinglePagingFlex-title:after{
	background-image:url(../../images/icon/ico_sgpaging_next.svg);
}

.SinglePagingTitle{
	position:relative;
	padding-right:6.25rem;
	width:calc(100% - 7.25rem);
}

.SinglePagingTitle-date{
	font-size:1rem;
	line-height:1.2em;
	color:#666;
	font-family: Montserrat;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.SinglePagingTitle-text{
	font-size:1rem;
	line-height:1.2em;
	color:#101010;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:inline-block;
	max-width:100%;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.SinglePaging{
		margin-top:4.063rem;
	}
	
	.SinglePagingTitle{
		padding-right:0;
		width: calc(100% - 5.25rem);
	}
	
	.SinglePagingTitle-date{
		display:none;
	}
	
	.SinglePagingFlex-title{
		padding-right: 1.5rem;
	}
	
	.SinglePagingFlex-title:after{
		width:0.875rem;
		height:0.875rem;
	}
}

/*=========================================================
	CntSgBody
=========================================================*/
.CntSgBody{
	margin-top:2.813rem;
}

.CntSgBodyFlex{
	display:flex;
	align-items:start;
	justify-content:space-between;
}

.CntSgBodyText{
	width:calc(100% - 19.188rem);
	padding-right:2.188rem;
}

.CntSgBodySide{
	width:19.188rem;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CntSgBodyText{
		width:calc(100% - 18rem);
	}
	
	.CntSgBodySide{
		width:18rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CntSgBodyFlex{
		display:block;
	}
	
	.CntSgBodyText{
		width:100%;
		padding-right:0;
	}
	
	.CntSgBodySide{
		margin-top:3.75rem;
		width:100%;
	}
}

/*=========================================================
	CntSgHeader
=========================================================*/
.CntSgHeader{
	margin-bottom:3.75rem;
}

.CntSgHeaderCate{
	margin-bottom:0.875rem;
	font-size:0;
	line-height:0;
}

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

.CntSgHeaderCate-num{
	color: #467FC1;
	font-family: Montserrat;
	font-size: 1rem;
	line-height:1.2em;
	font-weight:500;
	padding:0.313rem 0.75rem;
	border-radius:100px 100px;
	border:solid 1px #467FC1;
	display:block;
	float:left;
	vertical-align:middle;
	margin-right:0.375rem;
}

.CntSgHeaderCate-text{
	font-size:0;
	line-height:0;
	display:block;
	overflow:hidden;
	padding-top:0.25rem;
}

.CntSgHeaderCate-link{
	font-size:1rem;
	line-height:1.4em;
	color:#467FC1;
	font-weight:500;
	display:inline-block;
}

.CntSgHeader-title{
	font-size:2.25rem;
	line-height:1.3em;
	color:#101010;
	font-weight:500;
}

.CntSgHeader-text{
	font-size:1rem;
	line-height:1.7em;
	color:#666;
	margin-top:1rem;
}

.CntSgHeader-text p + p{
	margin-top:1rem;
}

@media screen and (min-width: 1025px) {
	.CntSgHeaderCate-link:hover{
		text-decoration:underline;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CntSgHeader-title{
		font-size:2.15rem;
	}
	
	.CntSgHeader-text{
		font-size:1.071rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CntSgHeader{
		margin-bottom:0;
	}
	
	.CntSgHeader-title{
		font-size:1.5rem;
	}
	
	.CntSgHeaderCate-num{
		float:none;
		display:inline-block;
		margin-bottom:0.313rem;
	}
	
	.CntSgHeader-text{
		margin-top:1.25rem;
	}
}

/*=========================================================
	TeacherWidgetInfo
=========================================================*/
.TeacherWidgetInfo{
	border-radius: 1.875rem;
    border: 1px solid #DDD;
    padding: 1.5rem 1.5rem;
}

.TeacherWidgetInfoAvata{
	display:flex;
	align-items:center;
	margin-bottom:1.25rem;
}

.TeacherWidgetInfoAvata-thumb{
	width: 5.375rem;
	height: 5.375rem;
	border-radius:100% 100%;
	overflow:hidden;
	position:relative;
	margin-right:1rem;
}

.TeacherWidgetInfoAvata-link{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

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

.TeacherWidgetInfoAvataName{
	flex:1;
	font-size:0;
	line-height:0;
}

.TeacherWidgetInfoAvataName-link{
	display:inline-block;
	font-size: 1.5rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
}

.TeacherWidgetInfoAvataName-follower{
	display:block;
	margin-top:0.5rem;
	font-size:1rem;
	color:#666;
	line-height:1.2em;
}

.TeacherWidgetInfoAvataName-follower .count{
	font-size:1.125rem;
	color: #101010;
	font-weight:500;
}

.TeacherWidgetInfoMeta-item + .TeacherWidgetInfoMeta-item{
	margin-top:1.25rem;
}

.TeacherWidgetInfoMetaTag{
	display:flex;
	align-items:start;
}

.TeacherWidgetInfoMetaTag-item{
	width:33.333%;
	text-align:center;
	padding:0 0.313rem;
}

.TeacherWidgetInfoMetaTag-title{
	display:block;
	font-size: 1rem;
	line-height:1.2em;
	color:#101010;
	font-weight:500;
}

.TeacherWidgetInfoMetaTag-text{
	display:block;
	font-size: 1rem;
	line-height:1.2em;
	color:#666;
	margin-top:0.25rem;
}

.SuppliesTitle{
	text-align:center;
	font-size:1rem;
	line-height:1.2em;
	color:#101010;
	font-weight:500;
	padding:0.438rem 0.625rem;
	border-radius:0.5rem;
	background-color:#F4F4F4;
}

.SuppliesList{
	margin:0 -0.438rem;
	margin-top:0.813rem;
	font-size:0;
	line-height:0;
	text-align:center;
}

.SuppliesList-item{
	padding:0 0.438rem;
	display:inline-block;
	vertical-align:middle;
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	position:relative;
}

.SuppliesList-item:after{
	content:"";
	width: 1px;
	height: 0.875rem;
	background-color:#ccc;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.SuppliesList-item:last-child:after{
	display:none;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.TeacherWidgetInfo{
		padding:1.25rem 1.25rem;
	}
}

/*=========================================================
	RecommendPost
=========================================================*/
.RecommendPost{
	margin-top:3.75rem;
}

.RecommendPost-title{
	font-size:1.5rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	margin-bottom:1.25rem;
}

.RecommendList-item + .RecommendList-item{
	margin-top:1.875rem;
}

@media screen and (min-width: 768px) {
	.RecommendList .BasicPostThumb{
		margin-bottom:0.625rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 690px) {
	.RecommendList-inner{
		display:flex;
		flex-wrap:wrap;
		margin: -1.875rem -0.938rem;
	}
	
	.RecommendList-item{
		padding: 1.875rem 0.938rem;
		margin:0 !important;
		width:50%;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.RecommendList-item + .RecommendList-item{
		margin-top:2.5rem;
	}
}

/*=========================================================
	LsCommentbtn
=========================================================*/ 
.LsCommentbtn{
	position:fixed;
	bottom:1.188rem;
	right:1.188rem;
	width:3.5rem;
	height:3.5rem;
	background-color:#000;
	border-radius:100% 100%;
	display:none;
	z-index:200;
}

.LsCommentbtn:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:1.625rem;
	height:1.625rem;
	background-image:url(../../images/icon/ico_comment.svg);
	background-size:100% 100%;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.LsCommentbtn{
		display:block;
	}
}

/*=========================================================
	SgComment
=========================================================*/
.SgComment{
	border-top:solid 1px #000;
	padding-top:1.25rem;
}

.SgCommentHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:1.25rem;
}

.SgCommentHeaderTitle{
	font-size:0;
	line-height:0;
}

.SgCommentHeaderTitle-title{
	font-size: 1.5rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	margin-right:0.625rem;
}

.SgCommentHeaderTitleCount{
	font-size:1.125rem;
	line-height:1.2em;
	color:#101010;
}

.SgCommentHeaderTitleCount-num{
	font-family: Montserrat;
}

.SgCommentHeaderMeta-inner{
	font-size:0;
	line-height:0;
}

.SgCommentHeaderMeta-item{
	display:inline-block;
	vertical-align:middle;
	padding-right:0.625rem;
	margin-right:0.563rem;
	position:relative;
}

.SgCommentHeaderMeta-item:after{
	content:"";
	width:1px;
	height:0.75rem;
	background-color:#101010;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}


.SgCommentHeaderMeta-item:last-child{
	padding-right:0;
	margin-right:0;
}

.SgCommentHeaderMeta-item:last-child:after{
	display:none;
}

.SgCommentHeaderMeta-link{
	font-size:0.875rem;
	line-height:1.4em;
	color:#101010;
	display:block;
}

.is-Current .SgCommentHeaderMeta-link{
	text-decoration:underline;
	font-weight:500;
}

.CommentLogin-text{
	font-size:1rem;
	line-height:1.7em;
	color:#101010;
}

.CommentLogin-link{
	color:#467FC1;
	text-decoration:underline;
	font-weight:500;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SgComment{
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#fff;
		border-top:none;
		padding:0;
		opacity:0;
		visibility:hidden;
		z-index:3000;
	}
	
	.SgComment-inner{
		padding:2.188rem 1.25rem 5.625rem;
		overflow:hidden;
		overflow-y:auto;
		height:100%;
	}
	
	.is-View.SgComment{
		opacity:1;
		visibility:visible;
	}
	
	.admin-bar .SgComment{
		top:32px;
	}
	
	.SgCommentHeader{
		align-items: end;
	}
	
	.SgCommentHeaderTitle-title{
		font-size:1.25rem;
	}
	
	.SgCommentHeaderTitleCount{
		font-size:0.875rem;
	}
}

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

/*=========================================================
	TopCommentClose
=========================================================*/
.TopCommentClose{
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-color:#000;
	font-size: 1rem;
	color:#fff;
	font-weight:700;
	line-height:1.2em;
	padding:1rem 0.813rem;
	text-align:center;
	display:none;
	z-index:5;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.TopCommentClose{
		display:block;
	}
}

/*=========================================================
	SgCommentWrite
=========================================================*/
.SgCommentWrite{
	border-radius: 0.75rem;
	border: 1px solid #DDD;
	padding:1.25rem 1.25rem;
}

.Answer.SgCommentWrite{
	margin-top:1.25rem;
	display:none;
}

.is-ViewWrite .Answer.SgCommentWrite{
	display:block;
}

.SgCommentWriteName{
	margin-bottom:0.625rem;
	font-size:0;
	line-height:0;
}

.SgCommentWriteName-text{
	font-size:0.875rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	padding:0.313rem 0.625rem 0.375rem;
	border:solid 1px #000;
	border-radius: 0.5rem;
	display:inline-block;
}

body .SgCommentWrite-text{
	width:100%;
	height:6.25rem;
	resize:none;
	font-size:1rem;
	line-height:1.8em;
	color:#101010;
	display:block;
}

body .SgCommentWrite-text::placeholder {
  color: #999;
}

body .SgCommentWrite-text::placeholder {
  color: #999;
}

body .SgCommentWrite-text::-webkit-scrollbar {
    width: 4px;
}
body .SgCommentWrite-text::-webkit-scrollbar-track {
    background-color: #F4F4F4;
	border-radius:100px 100px;
}
body .SgCommentWrite-text::-webkit-scrollbar-thumb { 
    background-color: #E79B3E;
	border-radius:100px 100px;
}
body .SgCommentWrite-text::-webkit-scrollbar-button {
    display: none;
}

.SgCommentWriteMeta{
	text-align:right;
	font-size:0;
	line-height:0;
	margin-top:0.313rem;
}

.SgCommentWriteMeta-btn{
	font-size:0.875rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	padding:0.313rem 0.938rem 0.375rem;
	border:solid 1px #F4F4F4;
	background-color: #F4F4F4;
	border-radius: 0.5rem;
	display:inline-block;
}

@media screen and (min-width: 1025px) {
	.SgCommentWriteMeta-btn:hover{
		background-color:#101010;
		color:#fff;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	body .SgCommentWrite-text{
		height: 3.25rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SgCommentWrite{
		padding:0.938rem 0.938rem;
	}
	
	body .SgCommentWrite-text{
		height: 3.25rem;
	}
}

/*=========================================================
	DfComment
=========================================================*/
.DfComment{
	padding:1.25rem 0;
	border-bottom:solid 1px #D9D9D9;
}

.no-comments{
	text-align:center;
}

#NO_COMMENT_LINE .no-comments{
	text-align:left;
	font-size:1rem;
	line-height:1.6em;
	color:#666;
}

.DfCommentHead{
	margin-bottom:0.5rem;
	font-size:0;
	line-height:0;
	display: flex;
    line-height: 0;
    align-items: baseline;
	flex-wrap:wrap;
}

.DfCommentHead-title{
	display:block;
	font-size:1rem;
	line-height:1.4em;
	color:#101010;
	font-weight:500;
	margin-right:0.625rem;
}

.DfCommentHead-date{
	display:block;
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	font-family: Montserrat;
	margin-right:0.625rem;
}

.DfCommentHead-like{
	display:block;
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	font-family: Montserrat;
	padding-left:1.25rem;
	position:relative;
}

.DfCommentHead-like:before{
	content:"";
	width:1rem;
	height:1rem;
	background-image: url(../../images/icon/ico_like_b.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.is-Active.DfCommentHead-like:before{
	background-image: url(../../images/icon/ico_like_active.svg);
}

.DfCommentBody{
	font-size:1rem;
	line-height:1.7em;
	color:#101010;
}

.DfCommentMeta{
	margin-top:0.625rem;
}

.DfCommentMeta-inner{
	font-size:0;
	line-height:0;
}

.DfCommentMeta-item{
	display:inline-block;
	vertical-align:middle;
	padding-right:0.625rem;
	margin-right:0.563rem;
	position:relative;
}

.DfCommentMeta-item:after{
	content:"";
	width:1px;
	height:0.75rem;
	background-color:#101010;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}


.DfCommentMeta-item:last-child{
	padding-right:0;
	margin-right:0;
}

.DfCommentMeta-item:last-child:after{
	display:none;
}

.DfCommentMeta-link{
	font-size:0.875rem;
	line-height:1.4em;
	color:#101010;
	display:block;
}

@media screen and (min-width: 1025px) {
	.DfCommentMeta-link:hover{
		text-decoration:underline;
	}
}

/*=========================================================
	MentorComment
=========================================================*/
.MentorComment{
	margin-top:1.25rem;
	background-color:#F4F4F4;
	padding:1.25rem 1.25rem;
	margin-bottom:-1.25rem;
}
.MentorCommentName{
	margin-bottom:0.625rem;
	font-size:0;
	line-height:0;
}

.MentorCommentName-text{
	font-size:0.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	padding:0.313rem 0.625rem 0.375rem;
	border:solid 1px #000;
	background-color:#000;
	border-radius: 0.5rem;
	display:inline-block;
}

.MentorCommentHead{
	margin-bottom:0.5rem;
	font-size:0;
	line-height:0;
	display: flex;
    line-height: 0;
    align-items: baseline;
	flex-wrap:wrap;
}

.MentorCommentHead-title{
	display:block;
	font-size:1rem;
	line-height:1.4em;
	color:#101010;
	font-weight:500;
	margin-right:0.625rem;
}

.MentorCommentHead-date{
	display:block;
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	font-family: Montserrat;
	margin-right:0.625rem;
}

.MentorCommentHead-like{
	display:block;
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	font-family: Montserrat;
	padding-left:1.25rem;
	position:relative;
}

.MentorCommentHead-like:before{
	content:"";
	width:1rem;
	height:1rem;
	background-image: url(../../images/icon/ico_like_b.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.is-Active.MentorCommentHead-like:before{
	background-image: url(../../images/icon/ico_like_active.svg);
}

.MentorCommentBody{
	font-size:1rem;
	line-height:1.7em;
	color:#101010;
}

.MentorCommentMeta{
	margin-top:0.625rem;
}

.MentorCommentMeta-inner{
	font-size:0;
	line-height:0;
}

.MentorCommentMeta-item{
	display:inline-block;
	vertical-align:middle;
	padding-right:0.625rem;
	margin-right:0.563rem;
	position:relative;
}

.MentorCommentMeta-item:after{
	content:"";
	width:1px;
	height:0.75rem;
	background-color:#101010;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}


.MentorCommentMeta-item:last-child{
	padding-right:0;
	margin-right:0;
}

.MentorCommentMeta-item:last-child:after{
	display:none;
}

.MentorCommentMeta-link{
	font-size:0.875rem;
	line-height:1.4em;
	color:#101010;
	display:block;
}

@media screen and (min-width: 1025px) {
	.MentorCommentMeta-link:hover{
		text-decoration:underline;
	}
}

/*=========================================================
	MyPage Layout
=========================================================*/
.MyPgSec{
	padding-top: 13.125rem;
}

.MyPageHeader{
	margin-bottom:3.75rem;
	position:relative;
}

.MyNewsNotice{
	margin-bottom:3.75rem;
}

.MyPgSecItem + .MyPgSecItem{
	margin-top:5rem;
}

.MySubHead{
	margin-bottom:1.875rem;
	font-size:0;
	line-height:0;
	position:relative;
}

.MySubHead-title{
	font-size: 1.75rem;
	line-height:1.3em;
	color:#101010;
	font-weight:700;
}

.MySubHeadCount{
	font-size:1.125rem;
	line-height:1.2em;
	color:#101010;
	font-weight:400;
	margin-left:0.625rem;
}

.MySubHeadCount-text{
	font-family: Montserrat;
	font-size:1.25rem;
}

.MySubHead-more{
	position:absolute;
	padding-right:1.625rem;
	color:#101010;
	font-size:1rem;
	line-height:1.2em;
	font-weight:500;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.MySubHead-more:after{
	content:'';
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_btnarrow.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.MySubBody .MainListFlex-container{
	overflow:visible;
}

.MySubBody{
	margin-left:-0.938rem;
	margin-right:-0.938rem;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MySubBody{
		margin-left:0;
		margin-right:0;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MyPgSec {
		padding-top: 9.92rem;
	}
	
	.MyPgSecItem + .MyPgSecItem{
		margin-top:3.75rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MyPgSec {
		padding-top: 6.563rem;
	}
	
	.MyPageHeader {
		margin-bottom: 3.375rem;
	}
	
	.MyNewsNotice{
		margin-bottom:3.375rem;
	}
	
	.MyPgSecItem + .MyPgSecItem{
		margin-top:3.75rem;
	}
	
	.MySubHead{
		margin-bottom:1.25rem;
	}
}

/*=========================================================
	MyPgAvarta
=========================================================*/
.MyPgAvarta{
	margin-bottom:5rem;
	background-color:#fff;
	display:flex;
	align-items:center;
}

.MyPgAvartaThumb{
	width:11.25rem;
	position:relative;
	border-radius:100%;
	overflow:hidden;
	margin-right:2.5rem;
}

.MyPgAvartaThumb:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.MyPgAvartaThumb-img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
	height:100%;
	object-fit:cover;
}

.MyPgAvartaCont{
	flex:1;
}

.MyPgAvartaCont-name{
	font-size:2.5rem;
	line-height:1.3em;
	color:#101010;
	font-weight:700;
	word-break: break-all;
}

.MyPgAvartaMeta{
	margin-top:0.938rem;
}

.MyPgAvartaMeta-inner{
	font-size:0;
	line-height:0;
}

.MyPgAvartaMeta-item{
	display:inline-block;
	vertical-align:middle;
	padding-right:calc(0.438rem + 1px);
	margin-right:0.438rem;
	position:relative;
	font-size:0;
	line-height:0;
}

.MyPgAvartaMeta-item:after{
	content:"";
	width:1px;
	height:0.875rem;
	background-color:#ccc;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.MyPgAvartaMeta-item:last-child{
	padding-right:0;
	margin-right:0;
}

.MyPgAvartaMeta-item:last-child:after{
	display:none;
}

.MyPgAvartaMeta-link{
	font-size: 1rem;
	line-height:1.2em;
	color:#666;
	display:block;
}

@media screen and (min-width: 1025px) {
	.MyPgAvartaMeta-link:hover{
		text-decoration:underline;
		color:#101010;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MyPgAvarta{
		display:block;
		text-align:center;
	}
	
	.MyPgAvartaThumb{
		margin:0 auto 0.938rem;
	}
	
	.MyPgAvartaCont-name{
		font-size:2.125rem;
	}
	
	.MyPgAvartaMeta{
		margin-top:0.875rem;
		padding-top:1rem;
	}
}

/*==============================================================
	MyPlayList
==============================================================*/
.MyPlayList-item {
	font-size:0;
	line-height:0;
}

.MyPlayList-item + .MyPlayList-item{
	margin-top:2.5rem;
}

.MyPost{
	display:inline-block;
	max-width:100%;
}

.MyPost.has-Btn{
	display:block;
	position:relative;
	padding-right:11rem;
}

.MyPost-certificate{
	font-size: 1rem;
    line-height: 1.2em;
    color: #fff;
    font-weight: 700;
    padding: 0.75rem 1rem;
    text-align: center;
    border-radius: 0.5rem;
    background-color: #E79B3E;
    display: block;
	position:absolute;
	top:1.2rem;
	right:0;
}

.MyPost-certificate.disabled{
	background-color:#666;
	opacity:0.2;
	pointer-events: none;
}

.MyPost-link{
	display:flex;
	width:100%;
	align-items:start;
}

.MyPost-inner{
	display:flex;
	width:100%;
	align-items:start;
}

.MyPostThumb{
	position:relative;
	overflow:hidden;
	border-radius: 1.875rem;
	width: 17.75rem;
}

.MyPostThumb:after{
	content:"";
	display:block;
	padding-bottom:56.3%;
}

.MyPostThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: var(--custom-easing);
}

.MyPostThumb-new{
	position:absolute;
	top:0;
	left:0;
	font-size:0.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	padding:0.438rem 1rem;
	border-radius: 1.875rem 0px;
	background-color:#000;
	z-index:5;
}

.MyPostThumb-ico{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width: 2.875rem;
	height: 2.875rem;
	background-image:url(../../images/icon/ico_post_play.svg);
	background-size:100% 100%;
	z-index:5;
}

.Locked .MyPostThumb-ico{
	background-image:url(../../images/icon/ico_post_lock.svg);
}

.MyPostCnt{
	width:calc(100% - 17.75rem);
	padding-left:1.25rem;
}

.MyPost-cate{
	font-size: 1rem;
	line-height:1.4em;
	color:#467FC1;
	margin-bottom:0.25rem;
}

.MyPost-title{
	font-size: 1.25rem;
	line-height:1.5em;
	color:#101010;
	font-weight:700;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	max-height:3em;
}

.MyPostCnt-name{
	margin-top:1rem;
	font-size: 1rem;
	line-height:1.2em;
	color:#101010;
	font-weight:500;
}

.MyPostMeta{
	margin-top:0.938rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.MyPostMetaInfo{
	flex:1;
}

.MyPostMetaInfo-inner{
	font-size:0;
	line-height:0;
	margin-top:-0.438rem;
}

.MyPostMetaInfo-item{
	display:inline-block;
	vertical-align:middle;
	margin-top:0.438rem;
	font-size: 1rem;
	line-height:1.2em;
	color:#666;
	padding-right:calc(0.438rem + 1px);
	margin-right:0.438rem;
	position:relative;
}

.MyPostMetaInfo-item:after{
	content:"";
	width:1px;
	height:1rem;
	background-color:#ccc;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	display:none;
}

.MyPostMetaInfo-item.Time{
	padding-left:1.625rem;
}

.MyPostMetaInfo-item.Time:before{
	content:"";
	width:1.375rem;
	height:1.375rem;
	background-image:url(../../images/icon/ico_time.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.MyPostMetaInfo-item:last-child{
	padding-right:0;
	margin-right:0;
}

.MyPostMetaInfo-item:last-child:after{
	display:none;
}

.MyPostMetaIco{
	display:flex;
}

.MyPostMeta-lv{
	font-size: 1rem;
	line-height:1.2em;
	color:#666;
	padding-left:1.55rem;
	position:relative;
}

.MyPostMeta-lv:before{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_bs_post_lv.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.MyPostMeta-view{
	font-size: 1rem;
	line-height:1.2em;
	color:#666;
	padding-left:1.8rem;
	position:relative;
}

.MyPostMeta-view:before{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_bs_post_view.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.MyPostMetaInfo-date{
	font-family: Montserrat;
	line-height:1.4em;
	font-size:1rem;
}

.MyPostMetaInfo-like{
	display:block;
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	font-family: Montserrat;
	padding-left:1.25rem;
	position:relative;
}

.MyPostMetaInfo-like:before{
	content:"";
	width:1rem;
	height:1rem;
	background-image: url(../../images/icon/ico_like_active.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.MyPostThumb-link{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-radius: 1.875rem;
	overflow:hidden;
}

.MyPost-catelink{
	color:#467FC1;
}

.MyPost-titlelink{
	color:#101010;
}

.MyPostCommentBtn{
	margin-top:0.938rem;
	font-size:0;
	line-height:0;
}

.MyPostCommentBtn-link{
	font-size:1rem;
	line-height:1.2em;
	color:#101010;
	font-weight:500;
	display:inline-block;
	padding-right:1.37rem;
	position:relative;
}

.MyPostCommentBtn-link:after{
	content:"";
	width:1rem;
	height:1rem;
	background-image: url(../../images/icon/ico_comment_post_arrow.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.is-View .MyPostCommentBtn-link:after{
	transform:translateY(-50%) rotate(180deg);
}

.MyPostCmInfo{
	margin-top: 0.938rem;
	font-size: 1rem;
    line-height: 1.2em;
    color: #101010;
    font-weight: 500;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	.MyPost-link:hover .MyPostThumb-img{
		transform:scale(1.1);
	}
	
	.MyPost-certificate:hover{
		background-color:#101010;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MyPost.has-Btn{
		padding-right:9rem;
	}
	
	.MyPost-certificate{
		font-size:0.875rem;
		top: 1.4rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MyPostThumb{
		width:15rem;
	}
	
	.MyPostCnt{
		width: calc(100% - 15rem);
	}
	
	.MyPost.has-Btn{
		padding-right:0;
	}
	
	.MyPost-certificate{
		position:static;
		margin-top:1.25rem;
		padding: 0.875rem 1rem;
	}
}

@media screen and (max-width: 600px) and (min-width: 1px) {
	.MyPost-link{
		display:block;
	}
	
	.MyPost-inner{
		display:block;
	}
	
	.MyPostThumb:after{
		padding-bottom: 64%;
	}
	
	.MyPostThumb{
		margin-bottom: 1.25rem;
		width:100%;
	}
	
	.MyPostCnt{
		width:100%;
		padding-left:0;
	}
}

/*==============================================================
	MyCommentList
==============================================================*/
.MyCommentList{
	margin-top:1.25rem;
	display:none;
}

.is-View .MyCommentList{
	display:block;
}

.MyCommentList-item + .MyCommentList-item{
	margin-top:1.25rem;
}

.MyCommentPost{
	border-radius: 0.75rem;
	border: 1px solid #DDD;
	padding:1.25rem 1.25rem;
}

.MyCommentPostHead{
	margin-bottom:0.5rem;
	font-size:0;
	line-height:0;
	display: flex;
    line-height: 0;
    align-items: baseline;
	flex-wrap:wrap;
}

.MyCommentPostHead-title{
	display:block;
	font-size:1rem;
	line-height:1.4em;
	color:#101010;
	font-weight:500;
	margin-right:0.625rem;
}

.MyCommentPostHead-date{
	display:block;
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	font-family: Montserrat;
	margin-right:0.625rem;
}

.MyCommentPostHead-like{
	display:block;
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	font-family: Montserrat;
	padding-left:1.25rem;
	position:relative;
}

.MyCommentPostHead-like:before{
	content:"";
	width:1rem;
	height:1rem;
	background-image: url(../../images/icon/ico_like_b.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.is-Active.MyCommentPostHead-like:before{
	background-image: url(../../images/icon/ico_like_active.svg);
}

.MyCommentPostBody{
	font-size:1rem;
	line-height:1.7em;
	color:#101010;
}

.MyCommentPostTitle{
	font-size:1rem;
	line-height:1.7em;
	color:#101010;
	margin-bottom:0.625rem;
	font-weight:500;
}

.MyCommentPostUrl{
	margin-top:0.625rem;
}

.MyCommentPostUrl-link{
	font-size:1rem;
	line-height:1.7em;
	color:#101010;
	display:inline-block;
	max-width:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

/*==============================================================
	MyMentorCooment
==============================================================*/
.MyMentorComment{
	margin-top:1.25rem;
	border-radius: 0.75rem;
	border: 1px solid #F4F4F4;
	background-color:#F4F4F4;
	padding:1.25rem 1.25rem;
}

.MyMentorCommentName{
	margin-bottom:0.625rem;
	font-size:0;
	line-height:0;
}

.MyMentorCommentName-text{
	font-size:0.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	padding:0.313rem 0.625rem 0.375rem;
	border:solid 1px #000;
	background-color:#000;
	border-radius: 0.5rem;
	display:inline-block;
}

.MyMentorCommentHead{
	margin-bottom:0.5rem;
	font-size:0;
	line-height:0;
	display: flex;
    line-height: 0;
    align-items: baseline;
	flex-wrap:wrap;
}

.MyMentorCommentHead-title{
	display:block;
	font-size:1rem;
	line-height:1.4em;
	color:#101010;
	font-weight:500;
	margin-right:0.625rem;
}

.MyMentorCommentHead-date{
	display:block;
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	font-family: Montserrat;
	margin-right:0.625rem;
}

.MyMentorCommentHead-like{
	display:block;
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	font-family: Montserrat;
	padding-left:1.25rem;
	position:relative;
}

.MyMentorCommentHead-like:before{
	content:"";
	width:1rem;
	height:1rem;
	background-image: url(../../images/icon/ico_like_b.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.is-Active.MyMentorCommentHead-like:before{
	background-image: url(../../images/icon/ico_like_active.svg);
}

.MyMentorCommentBody{
	font-size:1rem;
	line-height:1.7em;
	color:#101010;
}

.MyMentorComment .SgCommentWriteMeta-btn{
	background-color:#101010;
	color:#fff;
}

/*==============================================================
	MyFollow
==============================================================*/
.MyFollow-item{
	border-bottom:solid 1px #ddd;
}

.MyFollow-item:first-child .MyFollowPost-link{
	padding-top:0;
}

.MyFollowPost-link{
	display:flex;
	align-items:center;
	width:100%;
	padding:30px 0;
}

.MyFollowPostThumb{
	width:4.5rem;
	line-height:0;
}

.MyFollowPostThumb-inner{
	display:block;
	position:relative;
	border-radius:100%;
	overflow:hidden;
}

.MyFollowPostThumb-inner:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.MyFollowPostThumb-img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
	height:100%;
	object-fit:cover;
}

.MyFollowPostCont{
	padding-left:1.375rem;
	width:calc(100% - 4.5rem);
}

.MyFollowPostContInfo{
	font-size:0;
	line-height:0;
}

.MyFollowPostContInfo-name{
	vertical-align:middle;
	font-size:1.125rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	max-width:50%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-right: 0.375rem;
}

.MyFollowPostContInfo-belong{
	vertical-align:middle;
	font-size:1rem;
	line-height:1.2em;
	color:#467FC1;
	position:relative;
	max-width:calc(50% - 0.875rem);
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.MyFollowPostMeta{
	margin-top:0.625rem;
}

.MyFollowPostMeta-inner{
	font-size:0;
	line-height:0;
}

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

.MyFollowPostMeta-item:after{
	content:"";
	width:1px;
	height:0.875rem;
	background-color:#ccc;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.MyFollowPostMeta-item:last-child{
	padding-right:0;
	margin-right:0;
}

.MyFollowPostMeta-item:last-child:after{
	display:none;
}

/*==============================================================
	EditProfile
==============================================================*/
.EditProfile{
	display:flex;
	align-items:start;
}

.EditProfileAvator{
	width:8.938rem;
	text-align:center;
}

.EditProfileBody{
	width:calc(100% - 8.938rem);
	padding-left:3.75rem;
}

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

.EditProfileAvatorThumb-inner{
	position:relative;
	border-radius:100% 100%;
	overflow:hidden;
}

.EditProfileAvatorThumb-inner:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

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

.EditProfileAvatorFile{
	width:2.25rem;
	height:2.25rem;
	background-image:url(../../images/icon/ico_avator_file.svg);
	background-size:100% 100%;
	position:absolute;
	bottom:0;
	right:0;
	overflow:hidden;
	z-index:5;
}

body .EditProfileAvatorFile-input{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	font-size:70px;
	z-index:5;
}

/*==============================================================
	EditProfileForm
==============================================================*/
.EditProfileForm-item + .EditProfileForm-item{
	margin-top:1.875rem;
}

.EditProfileForm-item.Del{
	text-align:right;
	font-size:0;
	line-height:0;
}

.EditProfileForm-del{
	font-size:1rem;
	line-height:1.2em;
	color:#666;
	position:relative;
	display:inline-block;
}

.EditProfileForm-del:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background-color:#666;
}

.EditProfileForm-title{
	font-size:1rem;
	line-height:1.4em;
	color:#101010;
	font-weight:600;
	margin-bottom:1.25rem;
}

.EditForm{
	display:flex;
	align-items:start;
}

.EditFormTitle{
	width:7.5rem;
	font-size:0;
	line-height:0;
	padding-top:0.95rem;
}

.EditFormTitle-text{
	display:inline-block;
	font-size:1rem;
	line-height:1.2em;
	color:#101010;
	font-weight:500;
}

.EditFormCnt{
	flex:1;
	width:calc(100% - 7.5rem);
}

.EditFormFlex{
	position:relative;
}

.EditFormFlex + .EditFormFlex{
	margin-top:1.25rem;
}

.EditFormFlex.HasBtn{
	padding-right:7.5rem;
}

.EditFormFlex.HasBtnOne{
	padding-right:4.688rem;
}

.EditFormFlex.HasBtnTwo{
	padding-right:9.375rem;
}

#teachers_history_section .EditFormFlex.HasBtnOne:first-child{
	margin-top:1.25rem;
}

body .EditFormFlex-input{
	display:block;
	width:100%;
	font-size:1rem;
	line-height:normal;
	color:#101010;
	padding:0.75rem 0.75rem;
	border: 1px solid #DDD;
	border-radius: 0.75rem;
	height:3.125rem;
}

body div.EditFormFlex-input{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

body .EditFormFlex-input[readonly]{
	background-color:#e8e8e8;
}

body .EditFormFlex-input::placeholder {
  color: #999;
}

body .EditFormFlex-input::placeholder {
  color: #999;
}

.EditFormFlex-btn{
	font-size:1rem;
	line-height:normal;
	color:#fff;
	font-weight:700;
	padding:0.75rem 0;
	width:6.875rem;
	height:3.125rem;
	background-color:#666;
	text-align:center;
	border-radius: 0.75rem;
	position:absolute;
	top:0;
	right:0;
}

div.EditFormFlex-btn{
	overflow:hidden;
}

body .EditFormFlex-filebtn{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-size:70px;
	opacity:0;
	z-index:10;
}

.HasBtnTwo .EditFormFlex-btn.Add{
	right:4.688rem;
}

.HasBtnOne .EditFormFlex-btn{
	width:4.063rem;
}

.HasBtnTwo .EditFormFlex-btn{
	width:4.063rem;
}

.EditFormRow-inner{
	display:flex;
	margin:0 -0.313rem;
}

.EditFormRow-item{
	padding:0 0.313rem;
	flex:1;
}

.EditForm .ConnectForm-Error{
	padding-left:0;
}

.FormBtnMeta{
	margin-top:5rem;
	text-align:center;
	font-size:0;
	line-height:0;
}

.FormBtn{
	display: inline-block;
    font-size: 1.125rem;
    line-height: 1.3em;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius:0.5rem;
    padding: 0.938rem 1.25rem;
	border:solid 1px #101010;
    background-color: #101010;
	max-width:23.75rem;
	width:100%;
}

.FormBtn.Max{
	max-width:100%;
}

.FormBtn.Bor{
	background-color:transparent;
	color:#101010;
}

body .EditFormFlex-textarea{
	display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.7;
    color: #101010;
    padding: 0.75rem 0.75rem;
    border: 1px solid #DDD;
    border-radius: 0.75rem;
    height: 7.5rem;
	resize:none;
}

body .EditFormFlex-textarea::placeholder {
  color: #999;
}

body .EditFormFlex-textarea::placeholder {
  color: #999;
}

/* Responesive*/
@media screen and (min-width: 1025px) {
	.EditFormFlex-btn:hover{
		background-color:#E79B3E;
	}
	
	.FormBtn:hover{
		background-color:#E79B3E !important;
		color:#fff !important;
		border-color:#E79B3E !important;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.FormBtnMeta{
		margin-top:3.75rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.EditProfileBody{
		padding-left:2.5rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.EditProfile{
		display:block;
	}
	
	.EditFormCnt{
		width:100%;
	}
	
	.EditProfileAvator{
		margin:0 auto 2.5rem;
	}
	
	.EditProfileBody{
		width:100%;
		padding-left:0;
	}
	
	.EditForm{
		display:block;
	}
	
	.EditFormTitle{
		width:100%;
		padding-top:0;
		margin-bottom:0.625rem;
	}
	
	.FormBtn{
		font-size:1rem;
	}
}

/*==============================================================
	DfPgBody
==============================================================*/
.DfPgBody{
	margin-top:3.75rem;
}

.DfPgBody.VerCenter{
	display:flex;
	flex-direction: column;
	justify-content:center;
	padding-top:7.5rem;
	width:100%;
	min-height:50vh;
	min-height:50svh;
}

.DfPgBody.VerCenter > .site-container{
	width: 100%;
}

.DfPgTitle{
	font-size:2.75rem;
	line-height:1.4em;
	color:#000;
	margin-bottom:1.875rem;
}

.DfCheckList{
	margin-bottom:4.063rem;
}

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

.DfUnderline{
	color:#101010;
	text-decoration:underline;
}

.DfCheckList-item{
	position:relative;
	padding-left:1.875rem;
	font-size:1.125rem;
	line-height:1.7em;
	color:#101010;
}

.DfCheckList-item:before{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_text_check.svg);
	background-size:100% 100%;
	position:absolute;
	top:0;
	left:0;
	margin-top:0.125rem;
}

/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.DfPgTitle{
		font-size:2.125rem;
	}
	
	.DfPgBody.VerCenter{
		padding-top:5rem;
		min-height:66vh;
		min-height:66svh;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.DfCheckList{
		margin-bottom:3.75rem;
	}
	
	.DfPgTitle{
		font-size:1.75rem;
	}
	
	.DfCheckList-item{
		font-size:1rem;
	}
	
	.DfPgBody.VerCenter{
		padding-top:5rem;
	}
}

/*==============================================================
	PointPayList
==============================================================*/
.PointPayList-inner{
	display:flex;
	flex-wrap:wrap;
	margin:-1.2rem -1.2rem;
}

.PointPayList-item{
	width:50%;
	padding:1.2rem 1.2rem;
}

.PointPayPost{
	padding:2.5rem 2.5rem;
	border-radius: 1.875rem;
	border: 1px solid #000;
	height:100%;
}

.PointPayPost-item{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
}

.PointPayPost-item + .PointPayPost-item{
	margin-top:0.625rem;
}

.PointPayPost-title{
	font-size:1.25rem;
	line-height:1.2em;
	color:#101010;
	padding-left:1.938rem;
	position:relative;
	display:block;
}

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

/*icon*/
.Point.PointPayPost-title:before{
	background-image:url(../../images/icon/ico_pay_point.svg);
}

.Won.PointPayPost-title:before{
	background-image:url(../../images/icon/ico_pay_won.svg);
}

.PointPayPostPoint{
	display:block;
	font-size:0;
	line-height:0;
}

.PointPayPostPoint-text.First{
	margin-right:0.25rem;
}

.PointPayPostPoint-count{
	font-size:2.5rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	font-family: Montserrat;
	margin-right:0.25rem;
}

.PointPayPostPoint-text{
	font-size:1.125rem;
	line-height:1.2em;
	color:#101010;
	font-weight:500;
}

.PointPayPostBtn{
	margin-top:1.25rem;
}

.PointPayPostBtn-link{
	display:block;
	font-size:1.125rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	padding:0.938rem 0.938rem;
	border-radius:0.5rem;
	background-color:#000;
	text-align:center;
}

/* Responesive*/
@media screen and (min-width: 1025px) {
	.PointPayPostBtn-link:hover{
		background-color:#E79B3E;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.PointPayPost{
		padding:1.25rem 1.25rem;
	}
	
	.PointPayPost-title{
		font-size:1rem;
	}
	
	.PointPayPostPoint-text{
		font-size:0.875rem;
	}
	
	.PointPayPostPoint-count{
		font-size:1.75rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PointPayList-inner{
		display:block;
		margin:0;
	}
	
	.PointPayList-item{
		display:block;
		padding:0;
		width:100%;
	}
	
	.PointPayList-item + .PointPayList-item{
		margin-top:2.5rem;
	}
}

/*==============================================================
	CouponPay
==============================================================*/
.CouponPay{
	margin-top:5rem;
	max-width:27.5rem;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.CouponPayTitle{
	font-size:0;
	line-height:0;
	margin-bottom:1.25rem;
}

.CouponPayTitle-text{
	font-size:1.25rem;
	line-height:1.4em;
	color:#101010;
	font-weight: 700;
	background: linear-gradient(to right, black 100%, transparent 0) repeat-x bottom;
    background-size: 100% 1px;
}

.CouponPayFormBtn{
	margin-top:2.5rem;
}

.CouponPayFormBtn .FormBtn{
	max-width:100%;
}

body .CouponPayForm-input{
	display: block;
    width: 100%;
    font-size: 1rem;
    line-height: normal;
    color: #101010;
    padding: 0.75rem 0.75rem;
    border: 1px solid #DDD;
    border-radius: 0.75rem;
    height: 3.125rem;
}

body .CouponPayForm-input::placeholder {
  color: #999;
}

body .CouponPayForm-input::placeholder {
  color: #999;
}


@media screen and (max-width: 1024px) and (min-width: 1px) {
	.CouponPay{
		margin-top:3.75rem;
	}
}

/*==============================================================
	Mentor Mypage Main
==============================================================*/
.MyPageHeaderFormBtn{
	font-size:1.125rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	padding: 0.938rem 1.25rem;
	text-align:center;
	border-radius:0.5rem;
	background-color:#101010;
	position:absolute;
	top:0;
	right:0;
}

.MyPgAvartaMentor{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	margin:-0.313rem -1.25rem;
}

.MyPgAvartaMentor-item{
	padding:0.313rem 1.25rem;
	font-size:0;
	line-height:0;
}

.MyPgAvartaMentorTitle{
	display:inline-block;
	vertical-align:middle;
	font-size:1rem;
	line-height:1.2em;
	color:#666;
	margin-right:1.25rem;
}

.MyPgAvartaMentorCount{
	display:inline-block;
	vertical-align:middle;
}

.MyPgAvartaMentorCount-num{
	font-size:1.875rem;
	line-height:1.1em;
	color:#101010;
	font-weight:700;
	font-family: Montserrat;
	margin-right:0.25rem;
}

.MyPgAvartaMentorCount-text{
	font-size:1.25rem;
	line-height:1.2em;
	color:#101010;
	position:relative;
	top:-0.063rem;
}

.MyPgAvartaMentorCount-btn{
	font-size:1rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	padding: 0.75rem 1rem;
	text-align:center;
	border-radius:0.5rem;
	background-color:#101010;
	display:block;
}

@media screen and (min-width: 1025px) {
	.MyPageHeaderFormBtn:hover{
		background-color:#E79B3E;
	}
	
	.MyPgAvartaMentorCount-btn:hover{
		background-color:#E79B3E;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MyPgAvartaMentorCount-num{
		font-size:1.625rem;
	}
	
	.MyPgAvartaMentor{
		margin:-0.313rem -0.625rem;
	}

	.MyPgAvartaMentor-item{
		padding:0.313rem 0.625rem;
	}
	
	.MyPgAvartaMentorTitle{
		margin-right:0.875rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MyPgAvartaMentor-item{
		width:100%;
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	
	.MyPgAvartaMentorTitle{
		margin-right:0;
		display:block;
	}
	
	.MyPgAvartaMentorCount{
		display:block;
	}
	
	.MyPageHeaderFormBtn{
		position:static;
		margin-top:1.25rem;
		display:block;
		font-size:1rem;
	}
	
	.MyPgAvartaMentorCount-btn{
		font-size:0.875rem;
	}
}

/*==============================================================
	MentorMySec
==============================================================*/
.MentorMySec{
	margin-top: 5rem;
}

.MentorMySec-inner{
	display:flex;
	flex-wrap:wrap;
	margin:0 -0.938rem;
}

.MentorMySec-item{
	padding:0 0.938rem;
}

.MentorMySec-item:first-child{
	width:calc(100% - 23.75rem);
}

.MentorMySec-item:last-child{
	width:23.75rem;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MentorMySec-inner{
		display:block;
		margin:0;
	}
	
	.MentorMySec-item{
		padding:0;
		width:100% !important;
	}
	
	.MentorMySec-item + .MentorMySec-item{
		margin-top:5rem;
	}
}

/*==============================================================
	MainSettlement
==============================================================*/
.MainSettlement{
	border-radius: 1.875rem;
	background-color:#F4F4F4;
	padding:1.875rem 1.875rem 3.75rem;
}

.MainSettlement-text{
	font-size:1.125rem;
	line-height:1.5em;
	color:#101010;
	margin-bottom:1.25rem;
}

.MainSettlementMeta-item + .MainSettlementMeta-item{
	margin-top:0.938rem;
}

.MainSettlementMeta-item{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
}

.MainSettlementMetaTitle{
	display:block;
	font-size:0.875rem;
	line-height:1.2em;
	color:#666;
}

.MainSettlementMetaCount{
	display:block;
	font-size:0;
	line-height:0;
}

.MainSettlementMetaCount-num{
	color: #101010;
	font-family: Montserrat;
	font-size: 1.625rem;
	line-height:1.2em;
	margin-right:0.25rem;
	font-weight:700;
}

.MainSettlementMetaCount-text{
	font-size:1rem;
	line-height:1.2em;
	color:#101010;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainSettlement{
		padding:1.375rem 1.375rem;
	}
}

/*==============================================================
	MainComment
==============================================================*/
.MainComment .MainNewsCont-item{
	padding:1rem 0;
	margin-top:0;
	border-top:solid 1px #DDD;
}

.MainComment .MainNewsCont-item:first-child{
	padding-top:0;
	border-top:none;
}

.MainComment .MainNewsCont-item:last-child{
	padding-bottom:0;
}

.MentorMySecMeta{
	margin-top:2.188rem;
}

.MentorMySecMeta-inner{
	margin:0 -0.625rem;
	display:flex;
}

.MentorMySecMeta-item{
	width:50%;
	padding:0 0.625rem;
}

.MentorMySecMeta-link{
	display:block;
	padding:1.375rem 1.375rem;
	border-radius:0.5rem;
	font-size:0;
	line-height:0;
}

.MentorMySecMeta-text{
	display:block;
	position:relative;
	font-size:1.125rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	padding-right:1.625rem;
}

.MentorMySecMeta-text:after{
	content:"";
	width: 1.5rem;
    height: 1.5rem;
    background-image: url(../../images/icon/ico_btnarrow_w.svg);
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.MentorMySecMeta-item:first-child .MentorMySecMeta-link{
	background-color:#101010;
}

.MentorMySecMeta-item:last-child .MentorMySecMeta-link{
	background-color:#6F6F6F;
}

/* Responesive*/
@media screen and (min-width: 1025px) {
	.MentorMySecMeta-link:hover{
		background-color:#E79B3E !important;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MentorMySecMeta-inner{
		display:block;
		margin:0;
	}
	
	.MentorMySecMeta-item{
		padding:0;
		width:100%;
	}
	
	.MentorMySecMeta-item + .MentorMySecMeta-item{
		margin-top:0.938rem;
	}
	
	.MainComment .MainNewsItem-cate{
		display:none;
	}
	
	.MainComment .MainNewsCont-item:first-child{
		padding-top:0.875rem;
	}
}

/*==============================================================
	StlmntBanner
==============================================================*/
.StlmntBanner{
	padding:2.813rem 2.5rem;
	border-radius: 1.875rem;
	background-color:#F4F4F4;
	margin-bottom:5rem;
}

.StlmntBannerFlex{
	position:relative;
	padding-right:15rem;
}

.StlmntBannerFlex-inner{
	font-size:0;
	line-height:0;
	margin:-0.313rem -1.25rem;
}

.StlmntBannerFlex-item{
	padding:0.313rem 1.25rem;
	display:inline-block;
	vertical-align:middle;
}

.StlmntBannerPostTitle{
	display:inline-block;
	vertical-align:middle;
	font-size:1rem;
	line-height:1.2em;
	color:#666;
	margin-right:1.25rem;
}

.StlmntBannerPostCount{
	display:inline-block;
	vertical-align:middle;
	font-size:0;
	line-height:0;
}

.StlmntBannerPostCount-num{
	color: #101010;
	font-family: Montserrat;
	font-size: 1.875rem;
	line-height:1.2em;
	margin-right:0.25rem;
	font-weight:700;
}

.StlmntBannerPostCount-text{
	font-size:1.25rem;
	line-height:1.2em;
	color:#101010;
}

.StlmntBannerPostCount-num.Name{
	font-family: 'Noto Sans', Helvetica, "Apple SD Gothic Neo", Dotum, 돋움, sans-serif;
}

.StlmntFilter{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	z-index:5;
}

.StlmntFilter-inner{
	font-size:0;
	line-height:0;
	margin:0 -0.313rem;
}

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

.StlmntFilter .ListSelectFilter-select{
	width:6.625rem;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.StlmntFilter{
		position:static;
		transform: translateY(0);
		margin-bottom:1.875rem;
	}
	
	.StlmntBanner{
		margin-bottom:3.75rem;
		padding:1.875rem 1.563rem;
	}
	
	.StlmntBannerFlex{
		padding-right:0;
	}
	
	.StlmntBannerPostCount-num{
		font-size:1.625rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.StlmntFilter{
		position:static;
		transform: translateY(0);
		margin-bottom:1.25rem;
	}
	
	.StlmntBanner{
		margin-bottom:3.75rem;
		padding:1.875rem 1.563rem;
	}
	
	.StlmntBannerFlex{
		padding-right:0;
	}
	
	.StlmntFilter-item{
		max-width:50%;
	}
	
	.StlmntFilter .ListSelectFilter-select{
		width:10rem;
	}
	
	.StlmntBannerPostCount-num{
		font-size:1.375rem;
	}
	
	.StlmntBannerPostCount-text{
		font-size:1rem;
	}
	
	.StlmntBannerPostTitle{
		margin-right:0;
		font-size:0.875rem;
	}
	
	.StlmntBannerFlex-inner{
		margin:0;
		display:block;
	}
	
	.StlmntBannerFlex-item{
		padding:0;
		display:block;
	}
	
	.StlmntBannerPost{
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	
	.StlmntBannerFlex-item + .StlmntBannerFlex-item{
		margin-top:1rem;
	}
}

/*==============================================================
	ScrollTbl
==============================================================*/
.FormBtnMeta-info{
	text-align:center;
	font-size:1rem;
	line-height:1.6em;
	color:#666;
	margin-top:0.938rem;
}

.StlmntTbl{
	width:100%;
	table-layout: fixed;
}

.StlmntTbl thead th{
	border-bottom:solid 1px #DDD;
	text-align:center;
	font-size:1.125rem;
	line-height:1.4em;
	color:#101010;
	font-weight:500;
	padding:1.375rem 0.938rem;
	vertical-align:middle;
}

.StlmntTbl tbody th,
.StlmntTbl tbody td{
	border-bottom:solid 1px #DDD;
	text-align:center;
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	padding:1.375rem 0.938rem;
	vertical-align:middle;
	font-weight:400;
}

.ScrollMessage{
	font-size:0.75rem;
	line-height:1.4em;
	color:#467FC1;
}

@media screen and (min-width: 1025px) {
	.ScrollMessage{
		display:none;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.ScrollTbl{
		overflow:hidden;
		overflow-x:auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin-left:-1.25rem;
		margin-right:-1.25rem;
	}
	
	.StlmntTbl{
		min-width:70rem;
		margin-left:1.25rem;
		margin-right:1.25rem;
	}
	
	.ScrollTbl::-webkit-scrollbar {
	  display: none;
	}
	
	.StlmntTbl thead th{
		font-size:1rem;
	}
	
	.StlmntTbl tbody th,
	.StlmntTbl tbody td{
		font-size:0.875rem;
	}
}

/*=========================================================
	GuideList
=========================================================*/
.GuideList{
	border-top:solid 2px #000000;
}

.GuideItemTitle{
	border-bottom:solid 1px #DDD;
}

.GuideItemTitle-link{
	display:block;
	padding:1.5rem 0.938rem 1.5rem 2.5rem;
	position:relative;
}

.GuideItemTitle-title{
	display:block;
	font-size:1.125rem;
	line-height:1.8;
	color:#000;
	font-weight:500;
}

.GuideItemTitle-bullet{
	position:absolute;
	top:1.563rem;
	left:0;
	width:2rem;
	height:2rem;
	background-image:url(../../images/icon/ico_faq_q.svg);
	background-size:100% 100%;
}

.GuideItemCont{
	background-color:#F4F4F4;
	display:none;
}

.is-Current .GuideItemCont{
	display:block;
}

.GuideItemCont-inner{
	position:relative;
	padding:1.5rem 0.938rem 1.5rem 5rem;
}

.GuideItemCont-bullet{
	position:absolute;
	top:1.563rem;
	left:2.5rem;
	width:2rem;
	height:2rem;
	background-image:url(../../images/icon/ico_faq_a.svg);
	background-size:100% 100%;
}

.GuideItemCont .SingleContent{
	font-size:1.125rem;
	line-height:1.8;
}

/* Responesive*/
@media screen and (max-width: 767px) and (min-width: 1px) {
	.GuideItemTitle-link{
		padding-top:1.25rem;
		padding-bottom:1.25rem;
	}
	
	.GuideItemTitle-bullet{
		top:1.125rem;
	}
	
	.GuideItemTitle-title{
		font-size:1.063rem;
	}
	
	.GuideItemCont .SingleContent{
		font-size:1.063rem;
		line-height:1.6;
	}
	
	.GuideItemCont-inner{
		padding-top:1.25rem;
		padding-bottom:1.25rem;
		padding-left:3.375rem;
		padding-right:0.938rem;
	}
	
	.GuideItemCont-bullet{
		left:0.938rem;
		top:1.125rem;
	}
	
	.GuideItemTitle-title{
		line-height:1.6;
	}
}

/*=========================================================
	UseageHistory
=========================================================*/
.UseageHistory{
	border-top:solid 2px #101010;
}

.UseageHistory-item{
	border-bottom:solid 1px #DDD;
}

.UseageHistoryPost{
	display:flex;
	align-items:center;
	padding:1.25rem 0;
	justify-content:space-between;
}

.UseageHistoryPostMeta{
	text-align:center;
	display:flex;
	align-items:center;
}

.UseageHistoryPost-text{
	padding:0 1.875rem;
	font-size:1.25rem;
	line-height:1.4em;
	display:block;
}

.UseageHistoryPost-text.Title{
	color:#666;
	flex:1;
	width:calc(100% - 10.313rem - 10.625rem);
}

.UseageHistoryPost-text.Date{
	color:#666;
	width:10.313rem;
}

.UseageHistoryPost-text.Point{
	color:#101010;
	width:10.625rem;
}

.UseageHistoryPost-text.Point.Deducted{
	color:#F00;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.UseageHistoryPost-text{
		padding:0 1.25rem;
		font-size:1.125rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.UseageHistoryPost{
		display:block;
	}
	
	.UseageHistoryPost-text{
		padding:0;
	}
	
	.UseageHistoryPost-text.Title{
		width:100%;
		font-size:1rem;
	}
	
	.UseageHistoryPostMeta{
		justify-content:space-between;
		margin-top:0.938rem;
	}
	
	.UseageHistoryPost-text.Date{
		width:auto;
		font-size:1rem;
	}
	
	.UseageHistoryPost-text.Point{
		width:auto;
		font-weight:500;
		font-size:1.125rem;
	}
}

/*=========================================================
	Payment
=========================================================*/
.Payment{
	width:100%;
	max-width:23.75rem;
	margin:0 auto;
}

.Payment-sub{
	font-size:1.375rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	margin-bottom:1.25rem;
}

.PaymentForm{
	margin-bottom:2.5rem;
	border-top:solid 2px #101010;
}

.PaymentForm-item{
	border-bottom:solid 1px #DDD;
	padding:1.25rem 0;
}

.PaymentFormFlex{
	display:flex;
	align-items:start;
	justify-content:space-between;
}

.PaymentFormFlexTitle{
	flex:1;
	padding-right:0.625rem;
}

.PaymentFormFlexTitle-text{
	display:block;
	font-size:1.125rem;
	line-height:1.4em;
	color:#101010;
}

.PaymentFormFlexTitle-beat{
	display:block;
	font-family: Montserrat;
	font-weight:700;
}

.PaymentFormFlexTitle-inner{
	margin-top:0.625rem;
}

.PaymentFormFlexTitle-item{
	font-size:0.875rem;
	line-height:1.4em;
	color:#666;
	padding-left:1.75rem;
	position:relative;
}

.PaymentFormFlexTitle-item:before{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_text_check_gray.svg);
	background-size:100% 100%;
	position:absolute;
	top:0;
	left:0;
	margin-top:-0.125rem;
}

.PaymentFormFlexTitle-item + .PaymentFormFlexTitle-item{
	margin-top:0.625rem;
}

.PaymentFormFlexMessage{
	margin-top:0.625rem;
	padding-left:1rem;
	position:relative;
	font-size:0.875rem;
	line-height:1.4em;
	color:#666;
}

.PaymentFormFlexMessage:before{
	content:"•";
	position:absolute;
	top:0;
	left:0;
}

.PaymentFormFlexMessage-link{
	color:#101010;
	text-decoration:underline;
	font-weight:500;
}

.PaymentFormFlexCount{
	font-size:0;
	line-height:0;
}

.PaymentFormFlexCount-num{
	font-size:1.125rem;
	line-height:1.4em;
	color:#101010;
	font-family: Montserrat;
	margin-right:0.125rem;
	font-weight:700;
}

.PaymentFormFlexCount-won{
	font-size:1rem;
	line-height:1.4em;
	color:#101010;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.Payment-sub{
		font-size: 1.25rem;
	}
}

/*=========================================================
	MassagePopSec
=========================================================*/
.MassagePopSec{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	visibility:hidden;
	z-index:3000;
}

.MassagePopSec.is-View{
	opacity:1;
	visibility:visible;
}

.MassagePopDim{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
}

.MassagePop{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:34.125rem;
	width:calc(100% - 2.5rem);
	border-radius:1.875rem;
	z-index:10;
}

.MassagePopFlexText{
	padding:2.5rem 2.5rem;
	font-size:1.25rem;
	line-height:1.5em;
	color:#666;
	background-color:#fff;
	border-radius:1.875rem 1.875rem 0 0;
}

.MassagePopFlexMeta-inner{
	display:flex;
	border-radius:0 0 1.875rem 1.875rem;
	overflow:hidden;
}

.MassagePopFlexMeta-item{
	width:50%;
}

.MassagePopFlexMeta-link{
	display:block;
	padding:1.25rem 1.25rem;
	text-align:center;
	font-size:1.25rem;
	line-height:1.2em;
	font-weight:700;
}

.MassagePopFlexMeta-link.Yes{
	color:#fff;
	background-color:#101010;
}

.MassagePopFlexMeta-link.No{
	color:#666;
	background-color:#EEE;
}

.MassagePopFlex-close{
	width:2.5rem;
	height:2.5rem;
	background-image:url(../../images/icon/ico_message_pop_close.svg);
	background-size:100% 100%;
	position:absolute;
	top:-3.75rem;
	right:0;
	z-index:5;
}

.MassagePopFlexMeta{
	margin-top:-1px;
}

/* Responesive*/
@media screen and (min-width: 1025px) {
	.MassagePopFlexMeta-link:hover{
		background-color:#E79B3E !important;
		color:#fff !important;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MassagePopFlexText{
		font-size:1rem;
		padding:1.5rem 1.5rem;
		border-radius:1rem 1rem 0 0;
	}
	
	.MassagePopFlexMeta-link{
		padding: 1.125rem 1.125rem;
		font-size:1rem;
	}
	
	.MassagePopFlex-close{
		top: -3.2rem;
	}
	
	.MassagePopFlexMeta-inner{
		border-radius:0 0 1rem 1rem;
	}
}

/*=========================================================
	Player
=========================================================*/ 
/* 카메라 팝업
=========================================================*/ 
.CameraPopup{
	position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    max-width: calc(100% - 2.5rem);
    width: 23rem;
    background-color: #fff;
    border: solid 4px #fff;
    box-shadow: 0 0.188rem 0.875rem rgba(0, 0, 0, 0.4);
    border-radius: 0.625rem;
	display: none;
	z-index:10000;
}

.CameraPopup-video{
	aspect-ratio: 1 / 1;
	width:100% !important;
	max-width:100%;
}

.CameraPopup-close{
	width:2.5rem;
	height:2.5rem;
	background-image:url(../../images/icon/ico_message_pop_close.svg);
	background-size:100% 100%;
	position:absolute;
	top:-3.75rem;
	right:0;
	z-index:5;
}

.CameraPopup-resizeHandle{
	position: absolute;
	left: 0;
	top: 0;
	width: 2rem;
	height: 2rem;
	border-radius:100% 100%;
	background-color:#101010;
	cursor: se-resize;
	transition-property: opacity, visibility;
    transition-duration: 0.3s;
    transition-timing-function: var(--custom-easing);
	opacity:0;
	visibility:hidden;
}

.CameraPopup-resizeHandle:after{
	content:"";
	width:1.1rem;
	height:1.1rem;
	background-image:url(../../images/icon/ico_resize.svg);
    background-size:100% 100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) rotate(90deg);
}

@media screen and (min-width: 1025px) {
	.CameraPopup:hover .CameraPopup-resizeHandle{
		opacity:1;
		visibility:visible;
	}
}


/* 기본 플레이어
=========================================================*/ 
.VideoWrap{
	padding-bottom:8rem;
}

.DfVideoPlayer{
	max-width: 100%;
	max-height:calc(100vh - 13.5rem);
    aspect-ratio: 16 / 9;
	position:relative;
	margin:0 auto;
}

.DfVideoPlayer:before{
	content:"";
	width:100vw;
	height:100%;
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}

.VideoPlayer{
	width:100%;
	max-width:100%;
	position:absolute;
	top:0;
	left:0;
	height:100% !important;
}

.DfVideoPlayerCt{
	position:absolute;
	bottom:-5.9rem;
	left:1.25rem;
	right:1.25rem;
}

.ProgressFlex{
	width: 100%;
    height: 0.625rem;
    background-color: #ccc;
    position: relative;
    cursor: pointer;
	margin-top:2.2rem;
}

.ProgressFlex-bar{
	height: 100%;
	width: 0%;
	background-color: #E79B3E;
}

.marker {
	position: absolute;
	top: 0;
	width: 0.313rem;
	height: 100%;
	background-color: #000;
	transform: translateX(-50%);
	cursor: pointer;
}

.marker-text{
	position:absolute;
	top:-0.5rem;
	left:-0.3rem;
	transform:translateY(-100%);
	background-color:#000;
	font-size:0.75rem;
	display:block;
	white-space:nowrap;
	color:#fff;
	line-height:1.2em;
}

.PlayerControls{
	margin-top:0.625rem;
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}

.PlayerControlsLeft{
	display:flex;
	align-items:center;
}

.PlayerControlsRight{
	display:flex;
	align-items:center;
}

.PlayerControls-btn{
	width:2.375rem;
	height:2.375rem;
	display:block;
	background-image:url(../../images/icon/ico_palyer_play.svg);
	background-size:100% 100%;
	font-size:0px;
	line-height:0px;
	margin-right: 1rem;
}

.PlayerControls-btn.is-Pause{
	background-image:url(../../images/icon/ico_palyer_pause.svg);
}

.PlayerControlsSpeaker{
	display:flex;
	align-items:center;
	margin-right: 1rem;
}

.is-Touch .PlayerControlsSpeaker{
	display:none;
}

.PlayerControlsSpeaker-ico{
	width:2.375rem;
	height:2.375rem;
	display:block;
	background-image:url(../../images/icon/ico_volume.svg);
	background-size:100% 100%;
	font-size:0px;
	line-height:0px;
	margin-right:0.313rem;
}

#playNuteBtn{
	display:none;
}

#playNuteBtn.is-Muted{
	opacity:0.2;
}

.is-Touch #playNuteBtn{
	display:block;
}

.PlayerControlsSpeaker input[type="range"]{
	-webkit-appearance: none; 
    appearance: none;
    width: 5rem;
    height: 4px;
    background: #ddd; 
    border-radius: 10px;
    outline: none;
    opacity: 0.9;
    transition: opacity 0.2s;
}

.PlayerControlsSpeaker input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1rem;
    height: 1rem;
    background: #E79B3E;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s;
}

.PlayerControlsSpeaker input[type="range"]::-moz-range-thumb {
     width: 1rem;
    height: 1rem;
    background: #E79B3E;
    border-radius: 50%;
    cursor: pointer;
}

.PlayerControlsSpeaker input[type="range"]::-moz-range-track {
    width: 5rem;
    height: 4px;
    background: #ddd;
    border-radius: 10px;
	opacity: 0.9;
}

.PlayerControlsRight-full{
	width:1.6rem;
	height:1.6rem;
	display:block;
	background-image:url(../../images/icon/ico_player_zoom.svg);
	background-size:100% 100%;
	font-size:0px;
	line-height:0px;
	margin-right:1.25rem;
	opacity:0.3;
}

.is-Touch .PlayerControlsRight-full{
	opacity:0.3 !important;
}

.fullscreenModalCt .PlayerControlsRight-full{
	background-image:url(../../images/icon/ico_player_zoom_out.svg);
}

.PlayerControlsRight-full.Mo{
	display:none;
}

.PlayerControlsRight-full.Pc{
	display:block;
}

/*.is-Touch .PlayerControlsRight-full.Pc{
	display:none;
}

.is-Touch .PlayerControlsRight-full.Mo{
	display:block;
}*/

.is-View.PlayerControlsRight-full{
	opacity:1;
}

.PlayerControlsRight-mirror{
	width:2.15rem;
	height:2.15rem;
	display:block;
	background-image:url(../../images/icon/ico_palyer_flip.svg);
	background-size:100% 100%;
	font-size:0px;
	line-height:0px;
	margin-right:1.25rem;
	opacity:0.3;
}

.is-Mirror .PlayerControlsRight-mirror{
	opacity:1;
}

.PlayerControlsRight-camera{
	width:2rem;
	height:2rem;
	display:block;
	background-image:url(../../images/icon/ico_player_camera.svg);
	background-size:100% 100%;
	font-size:0px;
	line-height:0px;
	margin-right:1.25rem;
	opacity:0.3;
}

.is-View.PlayerControlsRight-camera{
	opacity:1;
}

.is-Touch .PlayerControlsRight-camera{
	display:none;
}

.PlayerControlsRight-loop{
	width:2rem;
	height:2rem;
	display:block;
	background-image:url(../../images/icon/ico_player_loop.svg);
	background-size:100% 100%;
	font-size:0px;
	line-height:0px;
	opacity:0.3;
}

.is-View.PlayerControlsRight-loop{
	opacity:1;
}

.PlayerControlsRight-next{
	margin-left: 1.25rem;
	display:block;
	border: 2px solid #FFF;
    border-radius: 0.5rem 0.5rem;
    padding: 0.5rem 0.688rem;
    font-size: 0.875rem;
    line-height: 1.2em;
    color: #fff;
    text-align: center;
	opacity:0.3;
}

.is-Mirror video{
	transform:scaleX(-1);
}

.VideoWrap .pin {
	position: absolute;
	top: -0.313rem;
	width: 0.625rem;
	height: 1.25rem;
	background-color: #ffcc00;
	border-radius: 0.313rem;
	transform: translateX(-50%);
	cursor: pointer;
}

.VideoWrap .start-pin {
	background-color: #E79B3E;
}

.VideoWrap .end-pin {
	background-color: #467FC1;
}

.PlayerSpeed{
	position:relative;
	margin-right:1rem;
}

.PlayerSpeed-text{
	width:2rem;
	height:2rem;
	display:block;
	background-image:url(../../images/icon/ico_player_speed.svg);
	background-size:100% 100%;
	font-size:0px;
	line-height:0px;
	display:block;
	cursor:pointer;
}

.PlayerSpeedList{
	position:absolute;
	bottom:2.5rem;
	left:50%;
	transform:translateX(-50%);
	display:none;
	z-index:10;
}

.is-View .PlayerSpeedList{
	display:block;
}

.PlayerSpeedList button{
	display:block;
	border-radius:0.5rem;
	padding:0.375rem 1rem;
	font-size:0.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	width:100%;
	background-color:rgba(0,0,0,0.8);
}

.PlayerSpeedList button.is-Current{
	background-color:#fff;
	color:#000;
}

.PlayerSpeedList button + button{
	margin-top:0.313rem;
}

.PlayerTime{
	white-space:nowrap;
	font-size:0;
	line-height:0;
}

.PlayerTime span{
	display:inline-block;
	vertical-align:middle;
	font-size:0.875rem;
	line-height:1.2em;
	color:#fff;
}

.PlayerTime-bullet{
	margin:0 0.313rem;
}

.PlayerOverCt{
	position:absolute;
	top:0;
	left:-1px;
	right:-1px;
	bottom:0;
	background-color:rgba(0,0,0,0.6);
	opacity:0;
	transition-property: opacity;
    transition-duration: 0.15s;
    transition-timing-function: var(--custom-easing);
	z-index:5;
}

.is-OverPlayer.PlayerOverCt{
	opacity:1;
}

.FullPlayerOverCt{
	position:absolute;
	top:0;
	left:-1px;
	right:-1px;
	bottom:0;
	background-color:rgba(0,0,0,0.6);
	opacity:0;
	transition-property: opacity;
    transition-duration: 0.15s;
    transition-timing-function: var(--custom-easing);
	z-index:5;
}

.is-OverPlayer.FullPlayerOverCt{
	opacity:1;
}

.PlayerOverCtFlex{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
	text-align:center;
	pointer-events: none;
}

.is-OverPlayer .PlayerOverCtFlex{
	pointer-events: auto;
}

.PlayerOverCtFlex-inner{
	display:inline-block;
	font-size:0;
	line-height:0;
}

.PlayerOverCtFlex-item{
	display:inline-block;
}

.PlayerOverCtFlex-item + .PlayerOverCtFlex-item{
	margin-left:2.5rem;
}

.PlayerOverCtFlex-link{
	width:5rem;
	height:5rem;
	display:block;
	background-size:100% 100%;
}

.PlayerOverCtFlex-link.Prev{
	background-image:url(../../images/icon/ico_player_prev.svg);
}

.PlayerOverCtFlex-link.Play{
	background-image:url(../../images/icon/ico_palyer_play.svg);
}

.PlayerOverCtFlex-link.Play.is-Pause{
	background-image:url(../../images/icon/ico_palyer_pause.svg);
}

.PlayerOverCtFlex-link.Next{
	background-image:url(../../images/icon/ico_player_next.svg);
}

.PlayerLangSec{
	position:absolute;
	bottom:1rem;
	left:1rem;
	right:1rem;
	font-size:0;
	line-height:0;
	pointer-events:none;
	text-align:center;
	z-index:5;
}

.subtitle-overlay{
	display:inline-block;
	background-color:rgba(0,0,0,0.5);
	font-size:1rem;
	line-height:1.6em;
	color:#fff;
	padding:0.5rem 1rem;
	display:none;
}

.LangButtons{
	margin-right: 1.25rem;
	position:relative;
}

.LangButtons-text{
	width: 1.6rem;
    height: 1.6rem;
    display: block;
    background-image: url(../../images/icon/ico_player_lang.svg);
    background-size: 100% 100%;
    font-size: 0px;
    line-height: 0px;
    opacity: 0.3;
}

.is-In.LangButtons-text{
	opacity:1;
}

.LangButtonsList{
	position:absolute;
	bottom:2.5rem;
	left:50%;
	transform:translateX(-50%);
	display:none;
	z-index:10;
}

.is-View .LangButtonsList{
	display:block;
}

.LangButtonsList button{
	display:block;
	border-radius:0.5rem;
	padding:0.375rem 1rem;
	font-size:0.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	width:100%;
	background-color:rgba(0,0,0,0.8);
}

.LangButtonsList button.is-Current{
	background-color:#fff;
	color:#000;
}

.LangButtonsList button + button{
	margin-top:0.313rem;
}

.lang-button.is-Current {
  background-color: #fff;
  color: #101010;
}

/* Responesive*/
@media screen and (min-width: 1025px) {
	button[class*="PlayerControlsRight-"]:hover{
		opacity:1;
	}
	
	.is-Touch #playNuteBtn.PlayerControlsSpeaker-ico{
		margin-right: 1rem;
	}
	
	.LangButtons-text:hover{
		opacity:1;
	}
	
	.PlayerControlsRight-next:hover{
		opacity:1;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.DfVideoPlayerCt{
		left:0.625rem;
		right:0.625rem;
	}
	
	.ProgressFlex{
		height:0.875rem;
	}
	
	.VideoWrap .pin{
		height: 1.4rem;
	}
	
	.PlayerControlsRight-camera{
		display:none;
	}
	
	.PlayerControlsSpeaker{
		display:none;
	}
	
	#playNuteBtn.PlayerControlsSpeaker-ico{
		margin-right:0.65rem;
	}
	
	.subtitle-overlay{
		padding:0.35rem 1rem;
		font-size:0.75rem;
	}
	
	.is-Touch #playNuteBtn.PlayerControlsSpeaker-ico{
		margin-right: 1rem;
	}
	
	#fullscreenModal .PlayerOverCtFlex{
		transition-property: transform;
		transition-duration: 0.3s;
		transition-timing-function: var(--custom-easing);
	}
	
	#fullscreenModal .is-OverPlayer .PlayerOverCtFlex{
		transform: translateY(-100%);
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PlayerOverCtFlex-link{
		width:3rem;
		height:3rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.VideoWrap{
		padding-bottom:7rem;
	}
	
	.PlayerControlsSpeaker input[type="range"]{
		width: 2.8rem;
	}
	
	.ProgressFlex{
		height:1rem;
	}
	
	.PlayerControls-btn{
		width: 1.9rem;
		height: 1.9rem;
		margin-right:0.65rem;
	}
	
	.PlayerControlsSpeaker{
		margin-right:0.65rem;
	}
	
	.PlayerSpeed{
		margin-right:0.5rem;
	}
	
	.PlayerControlsSpeaker-ico{
		width: 1.9rem;
		height: 1.9rem;
	}
	
	.PlayerSpeed-text{
		width: 1.6rem;
		height: 1.6rem;
	}
	
	.PlayerSpeedList button{
		font-size:0.75rem;
	}
	
	.marker-text{
		font-size:0.625rem;
	}
	
	.PlayerControlsRight-full {
		width: 1.152rem;
		height: 1.152rem;
		margin-right: 0.65rem;
	}

	.PlayerControlsRight-mirror {
		width: 1.548rem;
		height: 1.548rem;
		margin-right: 0.65rem;
	}

	.PlayerControlsRight-loop {
		width: 1.44rem;
		height: 1.44rem;
	}

	.VideoWrap .pin{
		top: -0.325rem;
		width:0.65rem;
		height:1.6rem;
	}
	
	.PlayerTime span{
		font-size:0.75rem;
	}
	
	.PlayerOverCtFlex-link{
		width:2rem;
		height:2rem;
	}
	
	.PlayerOverCtFlex-item + .PlayerOverCtFlex-item{
		margin-left:2rem;
	}
	
	.LangButtons{
		margin-right: 0.65rem;
	}

	.LangButtons-text{
		width: 1.152rem;
        height: 1.152rem;
	}
	
	.LangButtons button{
		font-size:0.75rem;
	}
	
	.PlayerControlsRight-next{
		margin-left: 0.65rem;
		font-size:0.625rem;
		padding: 0.34rem 0.4rem 0.4rem;
	}
}

@media screen and (max-width: 890px) and (orientation: landscape) {
	.DfVideoPlayer{
		max-height: calc(100vh - 3rem);
		max-height: calc(100svh - 3rem);
	}
}

/* 풀버전 플레이어
=========================================================*/ 
#fullscreenModal{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #101010;
	text-align: center;
	z-index:9000;
}

.is-Bg body{
	background-color:#101010;
}

.close-btn {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 30px;
	color: white;
	cursor: pointer;
}

.FullVideoPlayerFlex{
	display:flex;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.fullscreenModalCt{
	position:absolute;
	bottom:1.25rem;
	left:50%;
	transform:translate(-50%, 0);
	max-width:54rem;
	width:calc(100% - 2.5rem);
	background-color:#101010;
	border-radius:1.25rem 1.25rem;
	padding:1.25rem 2.5rem;
	border:solid 1px #fff;
	transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: var(--custom-easing);
	z-index:10;
}

.fullscreenModalCt.is-Close{
	transform:translate(-50%, calc(100% + 1.35rem));
}

#fullscreenModal .marker-text{
	background-color:transparent;
}

#fullscreenVideo{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
	aspect-ratio: 16 / 9;
}

.fullscreenModalCtView{
	position:absolute;
	width:2.375rem;
	height:2.375rem;
	background-color:#101010;
	position:absolute;
	top:-3rem;
	left:50%;
	transform:translateX(-50%);
	border-radius:100% 100%;
}

.fullscreenModalCtView:after{
	content:"";
	width:1.4rem;
	height:1.4rem;
	background-image:url(../../images/icon/ico_player_full_ct.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.is-Close .fullscreenModalCtView{
	opacity:0.2;
}

.is-Close .fullscreenModalCtView:after{
	transform:translate(-50%, -50%) rotate(180deg);
}


@media screen and (max-width: 767px) and (min-width: 1px) {
	.fullscreenModalCt{
		width: calc(100% - 1rem);
		padding:1.25rem 1.25rem;
	}
	
	.fullscreenModalCt .ProgressFlex{
		margin-top: 1.2rem;
	}
	
	.fullscreenModalCt .PlayerControls{
		width:auto;
		margin-left:-0.45rem;
		margin-right:-0.45rem;
	}
	
	.fullscreenModalCt .PlayerTime span{
		font-size: 0.65rem;
	}
}

/*=========================================================
	BasicDs
=========================================================*/
.BasicDs{
	margin-bottom:3.125rem;
}

.BasicDsSlider{
	border:solid 1px #000;
	border-radius:1.875rem;
	padding:1.875rem 5.875rem;
	position:relative;
}

body .BasicDsSlider-item{
	width:11.2rem;
	margin-right:1.75rem;
}

body .BasicDsSlider-item:last-child{
	margin-right:0;
}

body .BasicDsSlider-prev{
	width: 2.625rem;
	height: 2.625rem;
	display:block;
	background-image:url(../../images/icon/icon_slide_fr_prev.svg);
	background-size:100% 100%;
	cursor:pointer;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:1.875rem;
}

body .BasicDsSlider-next{
	width: 2.625rem;
	height: 2.625rem;
	display:block;
	background-image:url(../../images/icon/icon_slide_fr_next.svg);
	background-size:100% 100%;
	cursor:pointer;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:1.875rem;
}

.BasicDsPost{
	width:100%;
}

.BasicDsPost-link{
	display:block;
}

.BasicDsPostThumb{
	position:relative;
	overflow:hidden;
	border-radius:1rem;
}

.BasicDsPostThumb:after{
	content:"";
	display:block;
	padding-bottom:56.3%;
}

.BasicDsPostThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: var(--custom-easing);
}

.BasicDsPostThumb-title{
	margin-top:0.625rem;
	text-align:center;
	font-size:0.875rem;
	line-height:1.4em;
	color:#000;
}

.BasicDsSlider-container{
	border-radius:1rem;
}

/* Responesive*/
@media screen and (min-width: 1025px) {
	.BasicDsPost-link:hover .BasicDsPostThumb-img{
		transform:scale(1.1);
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	body .BasicDsSlider-prev{
		display:none;
	}
	
	body .BasicDsSlider-next{
		display:none;
	}
	
	.BasicDsSlider{
		padding: 1.875rem 1.875rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	body .BasicDsSlider-prev{
		display:none;
	}
	
	body .BasicDsSlider-next{
		display:none;
	}
	
	.BasicDsSlider{
		padding: 0.938rem 0.938rem;
	}	
}

/*=========================================================
	Feedback Popup
=========================================================*/
.Feedback .MassagePopFlexMeta-item{
	width:100%;
}

.Feedback .MassagePopFlexMeta-link{
	background-color:#000;
	color:#fff;
}

.Feedback-title{
	text-align:center;
	font-size:1.25rem;
	line-height:1.5em;
	color:#101010;
	font-weight:700;
	margin-bottom:1.25rem;
}

.FeedbackCount{
	border-radius: 0.75rem;
	background: #F4F4F4;
	padding:1.25rem 1.25rem;
	text-align:center;
	font-size:1rem;
	line-height:1.4em;
	color:#000;
	margin-bottom:1.875rem;
}

.FeedbackCount strong{
	font-size:1rem;
	margin-left:0.625rem;
}

.FeedbackInfo{
	margin-bottom:1.25rem;
}

.FeedbackInfo-item{
	font-size:1.125rem;
	line-height:1.5em;
	color:#101010;
}

.FeedbackInfo-item:after{
	content:"";
	display:table;
	clear:both;
}

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

.FeedbackInfo-title{
	display:block;
	float:left;
	margin-right:0.625rem;
	padding-left:1rem;
	position:relative;
}

.FeedbackInfo-title:before{
	content:"•";
	position:absolute;
	top:0;
	left:0;
}

.FeedbackInfo-text{
	display:block;
	overflow:hidden;
}

.FeedbacForm{
	border-top:solid 2px #000;
	padding-top:1.25rem;
}

.FeedbacForm .EditProfileForm-item + .EditProfileForm-item{
	margin-top:1.25rem;
}

.Feedback .MassagePopFlexScroll{
	max-height: calc(90vh - 16.125rem);
	overflow:hidden;
	overflow-y:auto;
	padding:0 2rem;
}

.Feedback .MassagePopFlexText{
	padding: 2.5rem 0.5rem;
}

@media screen and (min-width: 1025px) {
	.Feedback .MassagePopFlexScroll::-webkit-scrollbar {
		width: 4px;
	}
	.Feedback .MassagePopFlexScroll::-webkit-scrollbar-thumb {
		background-color: #E79B3E;
		border-radius:100px 100px;
	}
	.Feedback .MassagePopFlexScroll::-webkit-scrollbar-track {
		background-color: transparent;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.Feedback-title{
		font-size:1rem;
	}
	
	.FeedbackInfo-item{
		font-size:1rem;
	}
	
	.Feedback .MassagePopFlexScroll{
		padding:0 1rem;
	}
}

/*==============================================================
	ChallengeList
==============================================================*/
.ChallengeList-inner{
	margin:-0.938rem -2.344rem;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.ChallengeList-item{
	padding:0.938rem 2.344rem;
	max-width:25%;
}

.ChallengePost{
	max-width:100%;
	width:11.5rem;
	margin:0 auto;
}

.ChallengePost-link{
	display:block;
}

.ChallengePostThumb{
	line-height:0;
}

.ChallengePostMeta{
	margin-top:1rem;
	text-align:center;
	font-size:0;
	line-height:0;
}

.ChallengePostMeta-text{
	display:inline-block;
	border:solid 1px #000;
	border-radius:100px 100px;
	padding:0.625rem 1rem;
	font-size:1.25rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.ChallengePostMeta-text{
		font-size:0.875rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ChallengeList-inner{
		margin:-0.938rem -0.938rem;
	}

	.ChallengeList-item{
		padding:0.938rem 0.938rem;
		width:50%;
		max-width:none;
	}
}

/*==============================================================
	Challenge Popup
==============================================================*/
.Challenge .MassagePopFlexScroll{
	max-height: calc(100vh - 18rem);
	overflow:hidden;
	overflow-y:auto;
	padding:3.125rem 2rem;
}

.Challenge .MassagePop{
	max-width:75rem;
}

.Challenge .MassagePopFlexText{
	border-radius: 1.875rem 1.875rem;
}

.ChallengeHeader{
	margin-bottom:3.75rem;
}

.ChallengePop-title{
	position:relative;
	margin-bottom:1.25rem;
	text-align:center;
	font-size:3.75rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	/*padding-top:4.563rem;*/
}

.ChallengeHeader-btn{
	margin-top:1.25rem;
	text-align:center;
}

.ChallengePop-more{
	font-size: 1rem;
    line-height: 1.2em;
    color: #fff;
    font-weight: 700;
    padding: 0.75rem 1rem;
    text-align: center;
    border-radius: 0.5rem;
    background-color: #101010;
    display: inline-block;
}

.ChallengePop-title:before{
	content:"";
	width:8.563rem;
	height:4rem;
	background-image:url(../../images/icon/ico_challenge_title.svg);
	background-size:100% 100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	display:none;
}

.ChallengePop-text{
	font-size:1.25rem;
	line-height:1.5em;
	color:#666;
	text-align:center;
}

.ChallengeBadge-inner{
	display:flex;
	flex-wrap:wrap;
}

.ChallengeBadge-item{
	width:25%;
	padding:0 0.625rem;
}

.ChallengeBadgePost{
	width:100%;
	max-width:11.5rem;
	margin:0 auto;
	text-align:center;
}

.ChallengeBadgePostThumb{
	line-height:0;
	margin-bottom:0.75rem;
}

.ChallengeBadgePost-text{
	font-size:1.25rem;
	line-height:1.2em;
	color:#666;
	margin-bottom:0.625rem;
}

.ChallengeBadgePostMeta{
	font-size:0;
	line-height:0;
}

.ChallengeBadgePostMeta-text{
	display: inline-block;
    border: solid 1px #000;
    border-radius: 100px 100px;
    padding: 0.625rem 1rem;
    font-size: 1.5rem;
    line-height: 1.2em;
    color: #101010;
    font-weight: 700;
}

.ChallengeBadgeBar{
	margin-top:2.5rem;
	position:relative;
	height:7px;
	border-radius:100px 100px;
	background-color:#EEE;
	margin-bottom:3.375rem;
}

.ChallengeBadgeBar-bar{
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background:linear-gradient(90deg, #FEC783 19%, #E79B3E 100%);
	border-radius:100px 100px;
}

.ChallengeBadgeBar-bar:after{
	content:"";
	width:2rem;
	height:2rem;
	position:absolute;
	top:50%;
	right:-1rem;
	transform:translateY(-50%);
	border-radius:100% 100%;
	border:solid 0.5rem #fff;
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.30);
	box-sizing: border-box;
	background-color:#E79B3E;
	z-index:5;
}

.is-Stater .ChallengeBadgeBar-bar{
	width:25%;
}

.is-Rookie .ChallengeBadgeBar-bar{
	width:50%;
}

.is-Pro .ChallengeBadgeBar-bar{
	width:75%;
}

.is-Master .ChallengeBadgeBar-bar{
	width:100%;
}

.ChallengePopInfo{
	margin-bottom:3.75rem;
}

.ChallengePopInfo-title{
	margin-bottom:1.125rem;
	position:relative;
	padding-left:2.375rem;
	font-size:1.375rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
}

.ChallengePopInfo-title:before{
	content:"";
	width:2rem;
	height:2rem;
	background-image:url(../../images/icon/ico_ch_pop_info.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.ChallengePopInfoGray{
	background-color: #F4F4F4;
	border-radius:0.75rem;
	padding:1.875rem 1.875rem;
}

.ChallengePopInfoGray-text{
	margin-bottom:1.25rem;
	font-size:1.125rem;
	line-height:1.6em;
	color:#101010;
}

.ChallengePopInfoGray-item{
	position:relative;
	padding-left:1rem;
	font-size:1rem;
	line-height:1.6em;
	color:#666;
}

.ChallengePopInfoGray-item:before{
	content:"•";
	position:absolute;
	top:0;
	left:0;
}

@media screen and (min-width: 1025px) {
	.Challenge .MassagePopFlexScroll::-webkit-scrollbar {
		width: 4px;
	}
	.Challenge .MassagePopFlexScroll::-webkit-scrollbar-thumb {
		background-color: #E79B3E;
		border-radius:100px 100px;
	}
	.Challenge .MassagePopFlexScroll::-webkit-scrollbar-track {
		background-color: transparent;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.ChallengePop-title{
		font-size:2rem;
		/*padding-top: 2.28rem;*/
	}
	
	.ChallengePop-title:before{
		width: 4.2815rem;
		height: 2rem;
	}
	
	.ChallengePop-text{
		font-size:0.875rem;
	}
	
	.ChallengeHeader{
		margin-bottom:2.5rem;
	}
	
	.ChallengeBadgePost-text{
		font-size:0.875rem;
	}
	
	.ChallengeBadgePostMeta-text{
		font-size:0.875rem;
	}
	
	.ChallengeBadgeBar{
		height:5px;
	}
	
	.ChallengeBadgeBar-bar:after{
		width:1.4rem;
		height:1.4rem;
		border: solid 0.25rem #fff;
	}
	
	.ChallengePopInfo-title{
		font-size:1.25rem;
		padding-left:2rem;
	}
	
	.ChallengePopInfo-title:before{
		width:1.6rem;
		height:1.6rem;
	}
	
	.ChallengePopInfoGray{
		padding:1rem 1rem;
	}
	
	.ChallengePopInfoGray-text{
		font-size:0.875rem;
	}
	
	.ChallengePopInfoGray-item{
		font-size:0.75rem;
	}
	
	.ChallengePopInfo{
		margin-bottom:3rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.Challenge .MassagePopFlexScroll{
		padding:1rem 1.25rem;
	}
	
	.ChallengeBadge-item{
		width:50%;
		padding: 0.625rem 0.625rem;
	}
	
	.ChallengeBadge-inner{
		margin: -0.625rem -0.625rem;
	}
	
	.Challenge .MassagePopFlexText{
		padding-left:0.875rem;
		padding-right:0.875rem;
	}
}


/*==============================================================
	TopTen
==============================================================*/
.TopTen-title{
	font-size:2.25rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	margin-bottom:1.25rem;
}

.TopTenHeader{
	border:solid 1px #ddd;
	border-radius:0.75rem;
	padding:1.125rem 1.125rem;
	display:flex;
	width:100%;
	margin-bottom:0.75rem;
}

.TopTenHeader-item{
	font-size:1.25rem;
	line-height:1.2em;
	color:#666;
}

.TopTenHeader-item:first-child{
	width:75%;
	padding-left:10%;
}

.TopTenHeader-item:last-child{
	width:25%;
	text-align:center;
}

.TopTen-item{
	padding:1.25rem 0;
	border-bottom:solid 1px #ddd;
}

.TopTenPost{
	display:flex;
	width:100%;
	align-items:center;
}

.TopTenPostName{
	width:75%;
	padding:0 1.125rem;
	display:flex;
	align-items:center;
}

.TopTenPostName-num{
	font-size:2rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	min-width:2.813rem;
}

.TopTenPostNameAvatar{
	display:flex;
	align-items:center;
}

.TopTenPostNameAvatarThumb{
	width:4.5rem;
	height:4.5rem;
	overflow:hidden;
	border-radius:100% 100%;
	position:relative;
	margin-right:1.25rem;
}

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

.TopTenPostPoint{
	width:25%;
	text-align:right;
	padding:0 1.125rem;
	font-size:1.125rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
}

.TopTenPostNameAvatarName{
	font-size:1.125rem;
	line-height:1.4em;
	color:#101010;
	font-weight:700;
	flex:1;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.TopTen-title{
		font-size:1.8rem;
	}
	
	.TopTenHeader-item{
		font-size:1rem;
	}
	
	.TopTenHeader-item:first-child{
		padding-left:0;
	}
	
	.TopTenPostNameAvatarName{
		font-size:1rem;
	}
	
	.TopTenPostPoint{
		font-size:1rem;
	}
	
	.TopTenPostName-num{
		font-size:1.65rem;
	}
	
	.TopTenPostNameAvatarThumb{
		width:3rem;
		height:3rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.TopTenHeader{
		display:none;
	}
	
	.TopTen-item:first-child{
		padding-top:0;
	}
	
	.TopTenPost{
		display:block;
	}
	
	.TopTenPostName{
		width:100%;
		padding:0;
	}
	
	.TopTenPostNameAvatarThumb{
		margin-right:0.875rem;
	}
	
	.TopTenPostPoint{
		width:100%;
		background-color:#F4F4F4;
		margin-top:0.625rem;
		border-radius:0.625rem;
		text-align:center;
		padding:0.625rem 0.625rem;
		font-size:0.75rem;
	}
}

/*=========================================================
	CertificateHistory
=========================================================*/
.CertificateHistory-inner{
	display:flex;
	margin:-2rem -1.563rem;
	flex-wrap:wrap;
}

.CertificateHistory-item{
	padding:2rem 1.563rem;
	width:33.333%;
}

.CertificateHistoryPostThumb{
	position:relative;
	overflow:hidden;
	border-radius: 1.875rem;
}

.CertificateHistoryPostThumb:after{
	content:"";
	display:block;
	padding-bottom:71%;
}

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

.CertificateHistoryPost-title{
	position:absolute;
	top:calc(72% - 1rem);
	left:20%;
	right:20%;
	transform:translateY(-50%);
	font-size:0.875rem;
	line-height:1.3em;
	color:#121212;
	text-align:center;
	font-weight:700;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	max-height:2.6em;
	font-style: italic;
	z-index:5;
}

.CertificateHistoryPostBtn{
	margin-top:1.25rem;
}

.CertificateBtn{
	display:block;
	text-align:center;
	font-size:0;
	line-height:0;
	background-color:#101010;
	border-radius:0.625rem 0.625rem;
	padding:0.938rem 0.75rem;
}

.CertificateBtn-text{
	display:inline-block;
	font-size:1rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	padding-left:1.75rem;
	position:relative;
}

.CertificateBtn-text:before{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_download.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

/* Responesive*/
@media screen and (min-width: 1025px) {
	.CertificateBtn:hover{
		background-color:#E79B3E;
	}
}

@media screen and (max-width: 1024px) and (min-width: 690px) {
	.CertificateHistory-item{
		width:50%;
	}
}

@media screen and (max-width: 689px) and (min-width: 1px) {
	.CertificateHistory-inner{
		margin:0;
	}
	
	.CertificateHistory-item{
		width:100%;
		padding:0;
	}
	
	.CertificateHistory-item + .CertificateHistory-item{
		margin-top:2.5rem;
	}
}

/*=========================================================
	CouponHistory
=========================================================*/
.CouponHistory{
	border-top:solid 2px #101010;
}

.CouponHistory-item{
	border-bottom:solid 1px #DDD;
}

.CouponHistoryPost{
	display:flex;
	align-items:center;
	padding:1.25rem 0;
	justify-content:space-between;
}

.CouponHistoryPostMeta{
	text-align:center;
	display:flex;
	align-items:center;
}

.CouponHistoryPost-text{
	padding:0 1.875rem;
	font-size:1.25rem;
	line-height:1.4em;
	display:block;
}

.CouponHistoryPost-text.Title{
	color:#666;
	flex:1;
	width:calc(100% - 16rem - 10.625rem);
}

.CouponHistoryPost-text.Date{
	color:#666;
	width:16rem;
	font-size:1rem;
}

.CouponHistoryPost-text.Point{
	color:#101010;
	width:10.625rem;
}

.CouponHistoryPost-text.Point.Deducted{
	color:#F00;
}

.CouponHistoryNoPost{
	padding: 1.25rem 0;
	text-align:center;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CouponHistoryPost-text{
		padding:0 1.25rem;
		font-size:1.125rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CouponHistoryPost{
		display:block;
	}
	
	.CouponHistoryPost-text{
		padding:0;
	}
	
	.CouponHistoryPost-text.Title{
		width:100%;
		font-size:1rem;
	}
	
	.CouponHistoryPostMeta{
		justify-content:space-between;
		margin-top:0.938rem;
	}
	
	.CouponHistoryPost-text.Date{
		width:auto;
		font-size:1rem;
	}
	
	.CouponHistoryPost-text.Point{
		width:auto;
		font-weight:500;
		font-size:1.125rem;
	}
}

/*=========================================================
	키돌소개
=========================================================*/
/*=========================================================
	AboutHero
=========================================================*/
.AboutHero{
	height:100vh;
	height:100svh;
	position:relative;
}

.AboutHeroBg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
    clip-path: inset(0 0 0 0);
	overflow:hidden;
}

.AboutHeroBg-img{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit:cover;
	transform: translateZ(0);
	will-change: transform;
}

.AboutHeroText{
	position:absolute;
	top:calc(50% + 1.313rem);
	left:0;
	right:0;
	transform:translateY(-50%);
	text-align:center;
	z-index:10;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.AboutHero{
		height:30rem;
	}
	
	.AboutHeroText{
		top:calc(50% + 1.313rem);
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.AboutHero{
		height:30rem;
	}
	
	.AboutHeroText{
		top:calc(50% + 1.5rem);
	}
}

/*=========================================================
	AboutScrollSec
=========================================================*/
.AboutScrollSec{
	position:relative;
	padding:21.125rem 0 15.625rem;
}

.AboutScrollBar{
	width:45.313rem;
	line-height:0;
	position:absolute;
	top:-8.125rem;
	transition-property: transform;
    transition-duration: 0.5s;
	transform:translateX(-102%);
}

.is-View .AboutScrollBar{
	transform:translateX(0);
}

.AboutRolling{
	width: 100%;
	overflow: hidden;
	user-select: none;
	touch-action: none;
}

.AboutRolling-inner {
	display: flex;
	width: max-content;
	animation: scrollLoop 60s linear infinite;
}

.AboutRolling-text {
	white-space: nowrap;
	font-size: 10rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	font-family: Montserrat;
}

@keyframes scrollLoop {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

.AboutRollingFlex{
	position:relative;
}

.AboutRollingFlex:before{
	content:"";
	width:6.625rem;
	height:6.063rem;
	background-image:url(../../images/bg/bg_bubble.svg);
	background-size:100% 100%;
	position:absolute;
	top:-5rem;
	left:50%;
	animation: UpDownAbout 2.4s linear infinite;
}

@keyframes UpDownAbout {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-20%);
	}
	100% {
		transform: translateY(0);
	}
}

.AboutRollingFlex:after{
	content:"";
	width:4.875rem;
	height:6.188rem;
	background-image:url(../../images/bg/bg_corsor.svg);
	background-size:100% 100%;
	position:absolute;
	bottom:-6.5rem;
	left:30%;
	animation: DownUpAbout 2.4s linear infinite;
}

@keyframes DownUpAbout {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(20%);
	}
	100% {
		transform: translateY(0);
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.AboutScrollSec{
		padding: 15.125rem 0 10.625rem;
	}
	
	.AboutScrollBar{
		width: 30.313rem;
		top: -5.125rem;
	}
	
	.AboutRolling-text{
		font-size:5rem;
	}
	
	.AboutRollingFlex:before{
		width: 4rem;
		height: 3.66rem;
		top:-3.5rem;
	}
	
	.AboutRollingFlex:after{
		width: 2.5rem;
		height: 3.1725rem;
		bottom:-4rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.AboutScrollSec{
		padding:12.125rem 0 7.625rem;
	}
	
	.AboutScrollBar{
		width: 23.313rem;
		top: -4.125rem;
	}
	
	.AboutRolling-text{
		font-size:3.8rem;
	}
	
	.AboutRollingFlex:before{
		width: 4rem;
		height: 3.66rem;
		top:-3.5rem;
	}
	
	.AboutRollingFlex:after{
		width: 2.5rem;
		height: 3.1725rem;
		bottom:-4rem;
	}
}

/*=========================================================
	AboutInfo
=========================================================*/
.AboutInfo{
	margin-bottom:10rem;
	overflow:hidden;
}

.AboutInfo .site-container{
	max-width:105.625rem;
}

.AboutInfoTop{
	margin-bottom:10.438rem;
	display:flex;
	width:100%;
}

.AboutInfoTopBg {
	width:18.75rem;
}

.AboutInfoTopTypo{
	flex:1;
	text-align:center;
	padding-top:2.938rem;
	padding-left:1.875rem;
	padding-right:1.875rem;
}

.AboutInfoTopBg.First{
	padding-top:12.5rem;
}

.AboutInfoTopTypoTitle{
	max-width:19.938rem;
	width:100%;
	margin:0 auto 2.938rem;
}

.AboutInfoTopTypo-text{
	font-size:1.5rem;
	line-height:1.6em;
	color:#000;
	font-weight:500;
}

.AboutInfoTopTypo-sub{
	font-size:2.25rem;
	line-height:1.6em;
	color:#000;
	font-weight:700;
	margin:2.5rem 0;
}

.AboutInfoTopBgPost{
	position:relative;
}

.AboutInfoTopBgPostFlex{
	position:relative;
	border-radius:1.875rem 1.875rem;
	overflow:hidden;
}

.Type1 .AboutInfoTopBgPostFlex{
	width:17rem;
	height:24.688rem;
}

.Type2 .AboutInfoTopBgPostFlex{
	width:18.75rem;
	height:24.125rem;
}

.Type3 .AboutInfoTopBgPostFlex{
	width:29.438rem;
	height:16.938rem;
}

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

.AboutInfoTopBgPost:after{
	content:"";
	position:absolute;
	background-size:100% 100%;
	z-index:5;
}

.AboutInfoTopBgPost.Type1:after{
	width:12.375rem;
	height:12.063rem;
	background-image:url(../../images/bg/about_info_ca1.svg);
	top:-6rem;
	right:-5rem;
	animation: AboutSelIco 2s linear infinite;
}

.AboutInfoTopBgPost.Type2:after{
	width:13.125rem;
	height:13.125em;
	background-image:url(../../images/bg/about_info_ca2.svg);
	bottom:-6rem;
	right:-5rem;
	animation: AboutSelIcos 2s linear infinite;
}

.AboutInfoTopBgPost.Type3:after{
	width:7.5rem;
	height:8.813em;
	background-image:url(../../images/bg/about_info_ca4.svg);
	top:-6.063rem;
	right:-3.313rem;
	animation: AboutSelIco 2s linear infinite;
}

.AboutInfoBottom{
	display:flex;
	max-width:75.5rem;
	width:100%;
	margin:0 auto;
}

.AboutInfoBottomIco{
	flex:1;
}

.AboutInfoBottomIco-img{
	width:13.125rem;
	height:13.125rem;
	background-image:url(../../images/bg/about_info_ca3.svg);
	background-size:100% 100%;
	display:block;
	margin-left:20%;
	animation: AboutSelIcos 2s linear infinite;
}

.AboutInfoBottomBg{
	width:29.438rem;
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.AboutInfoTopTypo-sub br{
		display:none;
	}
}

@media screen and (max-width:1100px) and (min-width:1025px){
	.AboutInfoTopTypo-text:last-child br{
		display:none;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.AboutInfoTop{
		flex-wrap:wrap;
		justify-content: center;
		margin-bottom: 8.438rem;
	}
	
	.AboutInfoTopTypo{
		order:3;
		width:100%;
		flex:none;
	}
	
	.AboutInfoTopTypo-text{
		font-size:1.3rem;
	}
	
	.AboutInfoTopTypo-sub{
		font-size:1.8rem;
	}
	
	.AboutInfoTopBg.First{
		width:17rem;
		margin-right:5rem;
	}
	
	.AboutInfoTopBg.Last{
		margin-left:5rem;
	}
	
	.AboutInfoTopTypo{
		padding-top:5rem;
		padding-left:0;
		padding-right:0;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.AboutInfo{
		margin-bottom:7.5rem;
	}
	
	.AboutInfoTop{
		flex-wrap:wrap;
		justify-content: center;
		margin-bottom: 4.438rem;
	}
	
	.AboutInfoTopTypo{
		order:3;
		width:100%;
		flex:none;
	}
	
	.AboutInfoTopTypo-text{
		font-size:1rem;
	}
	
	.AboutInfoTopTypo-text br{
		display:none;
	}
	
	.AboutInfoTopTypo-sub{
		font-size:1.25rem;
		margin:1.5rem 0;
	}
	
	.AboutInfoTopTypo-sub br{
		display:none;
	}
	
	.AboutInfoTopBg.First{
		width:8rem;
		margin-right:1rem;
	}
	
	.Type1 .AboutInfoTopBgPostFlex{
		width:9rem;
		height:12rem;
		left:-1rem;
	}
	
	.AboutInfoTopBgPost.Type1:after{
		width: 6rem;
		height: 6rem;
		top: -3rem;
		right: -2rem;
	}
	
	.AboutInfoTopBg.Last{
		width:10rem;
		margin-left:1rem;
	}
	
	.Type2 .AboutInfoTopBgPostFlex{
		width:10rem;
		height:12rem;
		right:-1rem;
	}
	
	.AboutInfoTopTypo{
		padding-top:3.4rem;
		padding-left:0;
		padding-right:0;
	}
	
	.AboutInfoTopBgPost.Type2:after{
		width: 6rem;
		height: 6rem;
		bottom: -2rem;
		right: -2rem;
	}
	
	.AboutInfoTopTypoTitle{
		max-width: 12.938rem;
		margin-bottom:2rem;
	}
	
	.AboutInfoBottomIco{
		display:none;
	}
	
	.AboutInfoBottomBg{
		width:19rem;
		margin:0 auto;
	}
	
	.Type3 .AboutInfoTopBgPostFlex{
		width:19rem;
		height:10rem;
	}
	
	.AboutInfoTopBgPost.Type3:after{
		width:3.8rem;
		height:4rem;
		top: -2.063rem;
		right: -1.313rem;
	}
}

/*=========================================================
	AboutPoint
=========================================================*/
.AboutPoint{
	margin-bottom:14.375rem;
}

.AboutPgTitle{
	font-size:3rem;
	line-height:1.4em;
	color:#101010;
	font-weight:700;
	margin-bottom:2.25rem;
}

.AboutPointList{
	background-color:#F6F6F8;
	padding:3.125rem 3.125rem;
	border-radius:1.875rem;
}

.AboutPointList-item +.AboutPointList-item{
	margin-top:1.875rem;
}

.AboutPointList-item{
	background-color:#fff;
	border-radius:1.875rem;
	padding:3.125rem 3.125rem;
	display:flex;
	align-items:center;
	/*opacity: 0;
    transform: translateY(50%);*/
    transition-property: opacity, transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
}

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

.AboutPointList-num{
	font-size:2.75rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	font-family: Montserrat;
	width:8.438rem;
}

.AboutPointList-title{
	font-size:2rem;
	line-height:1.4em;
	color:#000;
	font-weight:700;
	width:16.25rem;
}

.AboutPointList-text{
	flex:1;
	font-size:1.25rem;
	line-height:1.6em;
	color:#000;
}

.AboutPointListImg{
	line-height:0;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.AboutPoint{
		margin-bottom:10rem;
	}
	
	.AboutPgTitle{
		font-size:2.2rem;
	}
	
	.AboutPointList{
		padding:1.875rem 1.875rem;
	}
	
	.AboutPointList-item{
		padding:1.875rem 1.875rem;
	}
	
	.AboutPointList-num{
		font-size:2.3rem;
		width: 6.438rem;
	}
	
	.AboutPointList-title{
		font-size:1.5rem;
		width: 12.25rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.AboutPoint{
		margin-bottom:7.5rem;
	}
	
	.AboutPgTitle{
		font-size:1.7rem;
		margin-bottom:1.8rem;
	}
	
	.AboutPointList{
		padding:1.25rem 1.25rem;
	}
	
	.AboutPointList-item{
		padding:1.25rem 1.25rem;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	
	.AboutPointList-item +.AboutPointList-item{
		margin-top:1.25rem;
	}
	
	.AboutPointList-num{
		font-size:1.5rem;
		width: auto;
	}
	
	.AboutPointList-title{
		font-size:1.125rem;
		width: auto;
	}
	
	.AboutPointList-text{
		flex:none;
		width:100%;
		font-size:1rem;
		margin-top:0.938rem;
	}
}

/*=========================================================
	AboutUniverse
=========================================================*/
.AboutUniverse{
	margin-bottom:14.375rem;
	overflow:hidden;
}

.AboutUniverseList{
	margin-top:5rem;
}

.AboutUniverseList-item + .AboutUniverseList-item{
	margin-top:1.25rem;
}

.AboutUniversePost{
	display:flex;
	align-items:start;
}

.AboutUniverseList-item:nth-child(even) .AboutUniversePostIco{
	order:2;
}

.AboutUniverseList-item:nth-child(odd) .AboutUniversePostCnt{
	padding-left:1.875rem;
}

.AboutUniverseList-item:nth-child(even) .AboutUniversePostCnt{
	text-align:right;
	padding-right:1.875rem;
}

.AboutUniversePostIco{
	width:18.75rem;
	height:18.75rem;
	position:relative;
}

.AboutUniversePostCnt{
	width:calc(100% - 18.75rem);
}

.AboutUniversePostIcoBg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:100% 100%;
}

.Type-ss .AboutUniversePostIcoBg{
	background-image:url(../../images/bg/about_ss.svg);
	animation: TypeSS 10s linear infinite;
}

@keyframes TypeSS {
	0% {
		transform: rotate(0);
	}
	20% {
		transform: rotate(90deg);
	}
	25% {
		transform: rotate(90deg);
	}
	45% {
		transform: rotate(180deg);
	}
	50% {
		transform: rotate(180deg);
	}
	70% {
		transform: rotate(270deg);
	}
	75% {
		transform: rotate(270deg);
	}
	95% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.Type-ds .AboutUniversePostIcoBg{
	background-image:url(../../images/bg/about_ds.svg);
	animation: TypeDS 10s linear infinite;
}

@keyframes TypeDS {
	0% {
		transform: rotate(0);
	}
	15% {
		transform: rotate(70deg);
	}
	20% {
		transform: rotate(70deg);
	}
	35% {
		transform: rotate(140deg);
	}
	40% {
		transform: rotate(140deg);
	}
	55% {
		transform: rotate(210deg);
	}
	60% {
		transform: rotate(210deg);
	}
	75% {
		transform: rotate(290deg);
	}
	80% {
		transform: rotate(290deg);
	}
	95% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.Type-s .AboutUniversePostIcoBg{
	background-image:url(../../images/bg/about_s.svg);
	animation: TypeS 10s linear infinite;
}

@keyframes TypeS {
	0% {
		transform: rotate(0deg);
	}
	10.5% {
		transform: rotate(45deg);
	}
	12.5% {
		transform: rotate(45deg);
	}
	22.5% {
		transform: rotate(90deg);
	}
	25% {
		transform: rotate(90deg);
	}
	35.5% {
		transform: rotate(135deg);
	}
	37.5% {
		transform: rotate(135deg);
	}
	48% {
		transform: rotate(180deg);
	}
	50% {
		transform: rotate(180deg);
	}
	60.5% {
		transform: rotate(225deg);
	}
	62.5% {
		transform: rotate(225deg);
	}
	73% {
		transform: rotate(270deg);
	}
	75% {
		transform: rotate(270deg);
	}
	85.5% {
		transform: rotate(315deg);
	}
	87.5% {
		transform: rotate(315deg);
	}
	98% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.Type-cl .AboutUniversePostIcoBg{
	background-image:url(../../images/bg/about_cl.svg);
	animation: TypeCL 10s linear infinite;
}

@keyframes TypeCL {
	0% {
		transform: rotate(0deg);
	}
	4.25% {
		transform: rotate(22.5deg);
	}
	6.25% {
		transform: rotate(22.5deg);
	}
	10.5% {
		transform: rotate(45deg);
	}
	12.5% {
		transform: rotate(45deg);
	}
	16.75% {
		transform: rotate(67.5deg);
	}
	18.75% {
		transform: rotate(67.5deg);
	}
	23% {
		transform: rotate(90deg);
	}
	25% {
		transform: rotate(90deg);
	}
	29.25% {
		transform: rotate(112.5deg);
	}
	31.25% {
		transform: rotate(112.5deg);
	}
	35.5% {
		transform: rotate(135deg);
	}
	37.5% {
		transform: rotate(135deg);
	}
	41.75% {
		transform: rotate(157.5deg);
	}
	43.75% {
		transform: rotate(157.5deg);
	}
	48% {
		transform: rotate(180deg);
	}
	50% {
		transform: rotate(180deg);
	}
	54.25% {
		transform: rotate(202.5deg);
	}
	56.25% {
		transform: rotate(202.5deg);
	}
	60.5% {
		transform: rotate(225deg);
	}
	62.5% {
		transform: rotate(225deg);
	}
	66.75% {
		transform: rotate(247.5deg);
	}
	68.75% {
		transform: rotate(247.5deg);
	}
	73% {
		transform: rotate(270deg);
	}
	75% {
		transform: rotate(270deg);
	}
	79.25% {
		transform: rotate(292.5deg);
	}
	81.25% {
		transform: rotate(292.5deg);
	}
	85.5% {
		transform: rotate(315deg);
	}
	87.5% {
		transform: rotate(315deg);
	}
	91.75% {
		transform: rotate(337.5deg);
	}
	93.75% {
		transform: rotate(337.5deg);
	}
	98% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.AboutUniversePostIcoText{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:5rem;
	line-height:1em;
	color:#fff;
	font-weight:700;
	font-family: Montserrat;
	z-index:5;
}

.AboutUniversePostCnt-cate{
	display:inline-block;
	font-size:1rem;
	line-height:1.2em;
	border-radius:100px 100px;
	padding:0.313rem 0.625rem;
	margin-bottom:0.625rem;
}

.AboutUniversePostCnt-title{
	font-size:2.75rem;
	line-height:1.4em;
	color:#101010;
	font-weight:700;
	font-family: Montserrat;
	margin-bottom:1.563rem;
}

.AboutUniversePostCntList-item + .AboutUniversePostCntList-item{
	margin-top:0.625rem;
}

.AboutUniversePostCntList-item{
	font-size:1.125rem;
	line-height:1.6em;
	color:#666;
	position:relative;
	padding-left:1.125rem;
}

.AboutUniverseList-item:nth-child(even) .AboutUniversePostCntList-item{
	padding-left:0;
	padding-right:1.125rem;
}

.AboutUniversePostCntList-item:before{
	content:"•";
	position:absolute;
	top:0;
	left:0;
}

.AboutUniverseList-item:nth-child(even) .AboutUniversePostCntList-item:before{
	left:auto;
	right:0;
}

.Type-ss .AboutUniversePostCnt-cate{
	color:#FFAE00;
	background-color:#FFF6D5;
}

.Type-ds .AboutUniversePostCnt-cate{
	color:#E3361B;
	background-color:#FFE6E2;
}

.Type-s .AboutUniversePostCnt-cate{
	color:#3777E2;
	background-color:#DDEAFF;
}

.Type-cl .AboutUniversePostCnt-cate{
	color:#A77FF5;
	background-color:#EDE4FF;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.AboutUniverse{
		margin-bottom:10rem;
	}
	
	.AboutUniversePostIcoText{
		font-size: 4.625rem;
	}
	
	.AboutUniversePostIco{
		width:16rem;
		height:16rem;
	}
	
	.AboutUniversePostCnt{
		width: calc(100% - 16rem);
	}
	
	.AboutUniversePostCnt-title{
		font-size:2.1rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.AboutUniverse{
		margin-bottom:7.5rem;
	}
	
	.AboutUniverseList{
		margin-top:3rem;
	}
	
	.AboutUniversePostIco{
		width:5rem;
		height:5rem;
	}
	
	.AboutUniversePostCnt{
		width: calc(100% - 5rem);
	}
	
	.AboutUniversePostIcoText{
		font-size:1.5rem;
	}
	
	.AboutUniversePostCnt-cate{
		font-size:0.75rem;
	}
	
	.AboutUniversePostCnt-title{
		font-size:1.6rem;
		margin-bottom:1rem;
	}
	
	.AboutUniversePostCntList-item{
		font-size:1rem;
	}
	
	.AboutUniverseList-item + .AboutUniverseList-item{
		margin-top:3.5rem;
	}
	
	.AboutUniversePostCntList-item + .AboutUniversePostCntList-item{
		margin-top:0.4rem;
	}
	
	.AboutUniverseList-item:nth-child(odd) .AboutUniversePostCnt{
		padding-left:1.4rem;
	}
	
	.AboutUniverseList-item:nth-child(even) .AboutUniversePostCnt{
		padding-right:1.4rem;
	}
}

/*=========================================================
	AboutAnyHero
=========================================================*/
.AboutAnyHero{
	background-color:#000;
	padding:5.313rem 0 6.25rem;
}

.AboutAnyHeroTitle{
	padding-bottom:9.188rem;
	position:relative;
	margin-bottom:1.563rem;
}

.AboutAnyHeroTitle:before{
	content:"";
	width:31.313rem;
	height:24rem;
	background-image:url(../../images/bg/bg_AboutAnyHero.svg);
	background-size:100% 100%;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	animation: UpDownAboutCenter 2.4s linear infinite;
}

.AboutAnyHeroTitle-text{
	display: inline-block;
	position:relative;
	background: linear-gradient(108deg, #A8FBCE 3.58%, #2BBDF4 46.14%, #20A9FA 87.09%);
	background-size: 200% auto; 
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	animation: GradientMove 3s linear infinite;
	font-size:6.25rem;
	line-height:1.3em;
	font-weight:700;
	z-index:5;
}

@keyframes GradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes UpDownAboutCenter {
	0% {
		transform: translate(-50%, 0);
	}
	50% {
		transform: translate(-50%, -5%);
	}
	100% {
		transform: translate(-50%, 0);
	}
}

.page-template-page-about .site{
	overflow:visible;
}

.page-template-page-about .site-content{
	overflow:visible;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.AboutAnyHeroTitle{
		padding-bottom: 3.188rem;
	}
	
	.AboutAnyHeroTitle-text{
		font-size: 4.25rem;
	}
	
	.AboutAnyHeroTitle:before{
		width: 16rem;
		height: 12rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.AboutAnyHeroTitle{
		padding-bottom: 2.8rem;
	}
	
	.AboutAnyHeroTitle-text{
		font-size:2.6rem;
	}
	
	.AboutAnyHeroTitle:before{
		width: 12rem;
		height: 9rem;
	}
}

/*=========================================================
	AboutAnyList
=========================================================*/
.AboutAnyList{
	overflow:hidden;
}

.AboutAnyList-inner{
	display:flex;
	flex-wrap:wrap;
	margin:0 -2.313rem;
}

.AboutAnyList-item{
	padding:0 2.313rem;
	width:33.333%;
}

.AboutAnyPost-title{
	font-size:2.5rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	font-family: Montserrat;
	margin-bottom:1.75rem;
}

.AboutAnyPostList{
	border-top:solid 1px #D9D9D9;
	padding-top:1rem;
}

.AboutAnyPostList-item{
	font-size:1.125rem;
	line-height:1.5em;
	color:#fff;
	position:relative;
	padding-left:1.125rem;
}

.AboutAnyPostList-item:before{
	content:"•";
	position:absolute;
	top:0;
	left:0;
}

.AboutAnyPostList-item + .AboutAnyPostList-item{
	margin-top:0.375rem;
}

.AboutAnyPost-ico{
	width:2.5rem;
	height:2.5rem;
	margin-bottom:0.625rem;
	background-size:100% 100%;
}

.Type-Ds .AboutAnyPost-ico{
	background-image:url(../../images/bg/AboutAnyPost-ds.svg);
}

.Type-S .AboutAnyPost-ico{
	background-image:url(../../images/bg/AboutAnyPost-s.svg);
}

.Type-Cl .AboutAnyPost-ico{
	background-image:url(../../images/bg/AboutAnyPost-cl.svg);
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.AboutAnyPost-title{
		font-size: 1.6rem;
	}
	
	.AboutAnyList-inner{
		margin:0 -1.25rem;
	}

	.AboutAnyList-item{
		padding:0 1.25rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.AboutAnyList-inner{
		display:block;
		margin:0;
	}
	
	.AboutAnyList-item{
		width:100%;
		padding:0;
	}
	
	.AboutAnyList-item + .AboutAnyList-item{
		margin-top:3rem;
	}
	
	.AboutAnyPost-title{
		font-size:1.6rem;
		margin-bottom:1.5rem;
	}
	
	.AboutAnyPostList-item{
		font-size:1rem;
	}
}

/*=========================================================
	AboutStickySec
=========================================================*/
.AboutStickySec{
	background-color:#000;
	color:#fff;
}

.AboutStickyFlex{
	display:flex;
	width:100%;
}

.AboutStickyFix{
	width:50%;
}

.AboutStickyCnt{
	width:50%;
	padding:20.938rem 0 5.313rem;
	border-left:solid 1px #fff;
	padding-left:6.25rem;
}

.AboutStickyCnt-text + .AboutStickyCnt-text{
	margin-top:2.125rem;
}

.AboutStickyCnt-text{
	font-size:1.25rem;
	line-height:1.6em;
	color:#999;
	transition-property: color;
    transition-duration: 0.3s;
}

.is-View.AboutStickyCnt-text{
	color:#fff;
}

.AboutStickyInfo{
	margin-top:4rem;
}

.AboutStickyInfo-title{
	font-size:2.125rem;
	line-height:1.2em;
	color:#999;
	font-weight:700;
	margin-bottom:1.875rem;
	transition-property: color;
    transition-duration: 0.3s;
}

.is-View .AboutStickyInfo-title{
	color:#fff;
}

.AboutStickyInfoList-inner{
	display:flex;
	flex-wrap:wrap;
	margin:-0.625rem -0.625rem;
}

.AboutStickyInfoList-item{
	width:50%;
	padding:0.625rem 0.625rem;
}

.AboutStickyInfoPost{
	border:solid 2px #999;
	border-radius:1.5rem;
	padding:1.5rem 1.5rem;
	height: 12.313rem;
	position:relative;
}

.AboutStickyInfoPost-title{
	font-size:1.375rem;
	line-height:1.2em;
	color:#999;
	font-weight:700;
	margin-bottom:0.625rem;
	transition-property: color;
    transition-duration: 0.3s;
}

.is-View .AboutStickyInfoPost-title{
	color:#fff;
}

.AboutStickyInfoPost-text{
	font-size:0.938rem;
	line-height:1.5em;
	color:#999;
	transition-property: color;
    transition-duration: 0.3s;
}

.is-View .AboutStickyInfoPost-text{
	color:#fff;
}

.AboutStickyInfoPostImg{
	line-height:0;
	width:2.375rem;
	position:absolute;
	bottom:1.375rem;
	right:1.375rem;
	opacity:0.5;
	transition-property: opacity;
    transition-duration: 0.3s;
}

.is-View .AboutStickyInfoPostImg{
	opacity:1;
}

.AboutStickyHeader{
	position:sticky;
	top:0;
	padding-top:6.25rem;
	height:100vh;
	height:100svh;
}

.AboutStickyHeaderBg{
	width:45rem;
	line-height:0;
	position:absolute;
	bottom:0;
	right:2.938rem;
}

.AboutStickyHeader-sub{
	font-size:1.25rem;
	line-height:1.4em;
	color:#FFA400;
	font-weight:700;
	margin-bottom:1.063rem;
}

.AboutStickyHeader-title{
	font-size:3.375rem;
	line-height:1.3em;
	color:#fff;
	font-weight:700;
}

.MoAboutStickyHeaderBg{
	display:none;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.AboutStickyHeader-title{
		font-size:3rem;
	}
	
	.AboutStickyCnt{
		padding: 28.938rem 0 5.313rem;
		padding-left:2rem;
	}
	
	.AboutStickyInfoPost-text br{
		display:none;
	}
	
	.AboutStickyInfoPost{
		height: 16.313rem;
	}
	
	.AboutStickyHeaderBg{
		right: 0.938rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.AboutStickyFlex{
		display:block;
	}
	
	.AboutStickyFix{
		width:100%;
	}
	
	.AboutStickyHeader{
		padding-top:0;
		position:relative;
		height:auto;
	}
	
	.AboutStickyHeaderBg{
		display:none;
	}
	
	.AboutStickyHeader-sub{
		font-size:1.125rem;
	}
	
	.AboutStickyHeader-title{
		font-size:2.1rem;
	}
	
	.AboutStickyCnt{
		border-left:none;
		padding-left:0;
		padding-top:0;
		margin-top:2.25rem;
		padding-bottom:2.313rem;
		width:100%;
	}
	
	.AboutStickyCnt-text{
		font-size:1rem;
	}
	
	.AboutStickyCnt-text br{
		display:none;
	}
	
	.AboutStickyInfo-title{
		font-size:1.6rem;
	}
	
	.AboutStickyInfoPost{
		padding:1.25rem 1.25rem;
		height: 15.313rem;
	}
	
	.AboutStickyInfoPost-title{
		font-size:1.125rem;
	}
	
	.AboutStickyInfoPost-text{
		font-size:0.875rem;
	}
	
	.MoAboutStickyHeaderBg{
		display:block;
		width:100%;
		line-height:0;
		max-width: 33rem;
		margin:0 auto;
	}
}

/*=========================================================
	AboutSelSec
=========================================================*/
.AboutSelSec{
	padding-top:9.688rem;
	padding-bottom:4rem;
	overflow:hidden;
}

.AboutSelFlex{
	margin-top:7.5rem;
}

.AboutSelFlex .site-container{
	max-width: 105.625rem;
}

.AboutSelFlex-inner{
	padding:15.625rem 0 11.625rem;
	position:relative;
}

.AboutSelFlex-title{
	text-align:center;
	position:relative;
	font-size:15.625rem;
	line-height:1em;
	color:#000;
	font-weight:700;
	font-family: Montserrat;
	z-index:5;
}

.AboutSelPost{
	position:absolute;
	z-index:5;
}

.AboutSelPost-link{
	display:block;
	width:15.75rem;
	height:14.563rem;
	border-radius:1.5rem;
	overflow:hidden;
	padding:1.563rem 1.25rem;
	position:relative;
}

.is-Not.AboutSelPost-link{
	opacity:0.4;
}

.AboutSelPost-link:after{
	content:"";
	width:2.125rem;
	height:2.125rem;
	background-image:url(../../images/bg/bg_AboutSelPost_arrow.svg);
	background-size:100% 100%;
	position:absolute;
	bottom:1.25rem;
	right:1.25rem;
}

.Pink .AboutSelPost-link{
	background-color:#ed1e79;
}

.Green .AboutSelPost-link{
	background-color:#009245;
}

.Yellow .AboutSelPost-link{
	background-color:#ffa400;
}

.Blue .AboutSelPost-link{
	background-color:#29abe2;
}

.AboutSelPost-title{
	font-size:1.375rem;
	line-height:1.4em;
	color:#fff;
	font-weight:700;
	margin-bottom:0.625rem;
}

.AboutSelPost-text{
	font-size:0.938rem;
	line-height:1.6em;
	color:#fff;
}

.Pink.AboutSelPost{
	top:0;
	left:17%;
	transform: rotate(-16.38deg);
}

.Green.AboutSelPost{
	top:0;
	right:16%;
	transform: rotate(8.926deg);
}

.Yellow.AboutSelPost{
	bottom:0;
	left:0;
	transform: rotate(10.919deg);
}

.Blue.AboutSelPost{
	bottom:0;
	right:0;
	transform: rotate(7.356deg);
}

.AboutSelIco{
	position:absolute;
	background-size:100% 100%;
	pointer-events:none;
	z-index:5;
}

@keyframes AboutSelIco {
	0% {
		transform: rotate(0);
	}
	25% {
		transform: rotate(5deg);
	}
	75% {
		transform: rotate(-5deg);
	}
	100% {
		transform: translateX(0);
	}
}

@keyframes AboutSelIcos {
	0% {
		transform: rotate(0);
	}
	25% {
		transform: rotate(-5deg);
	}
	75% {
		transform: rotate(5deg);
	}
	100% {
		transform: translateX(0);
	}
}

.AboutSelIco.Ico1{
	background-image:url(../../images/bg/bg_AboutSel_ico1.svg);
	top: 11rem;
    left: 15%;
	width:7.5rem;
	height: 8.188rem;
	transform: rotate(-23.045deg);
	animation: AboutSelIco 2s linear infinite;
}

.AboutSelIco.Ico2{
	background-image:url(../../images/bg/bg_AboutSel_ico2.svg);
	top: 50%;
    left:50%;
	margin-left:7.5rem;
	width:5.438rem;
	height: 4.813rem;
	animation: AboutSelIcos 2s linear infinite;
}

.AboutSelIco.Ico3{
	background-image:url(../../images/bg/bg_AboutSel_ico3.svg);
	top: 1rem;
    left: 46.6%;
	width:8.375rem;
	height: 9rem;
	animation: AboutSelIco 2s linear infinite;
}

.AboutSelIco.Ico4{
	background-image:url(../../images/bg/bg_AboutSel_ico4.svg);
	bottom: 11rem;
    right: -5.4%;
	width:9.5rem;
	height: 9rem;
	animation: AboutSelIcos 2s linear infinite;
}

.AboutSelBtn{
	margin-top:1.25rem;
	text-align:center;
	opacity:0.5;
	pointer-events:none;
}

.is-View.AboutSelBtn{
	opacity:1;
	pointer-events:auto;
}

.AboutSelBtnLink{
	display:inline-block;
	border:solid 2px #000;
	box-shadow: 1rem 1rem 1rem 0px rgba(0, 0, 0, 0.05);
	background-color:#fff;
	border-radius:1.5rem 1.5rem;
	padding:1.875rem 2.375rem;
	position:relative;
}

.AboutSelBtnLink:before{
	content:"";
	width:11.75rem;
	height:11.75rem;
	background-image:url(../../images/bg/AboutSelBtnLink_ico1.svg);
	background-size:100% 100%;
	position:absolute;
	left:calc(50% + 1.6rem);
	transform:translateX(-50%);
	top:-11.5rem;
	pointer-events:none;
	z-index:-1;
}

.AboutSelBtnLink:after{
	content:"";
	width:8.25rem;
	height:7.125rem;
	background-image:url(../../images/bg/AboutSelBtnLink_ico2.svg);
	background-size:100% 100%;
	position:absolute;
	left:2rem;
	top:-11.5rem;
	animation: AboutSelIco 2s linear infinite;
	pointer-events:none;
	z-index:-1;
}

.AboutSelBtnLink-text{
	display:block;
	font-size:1.375rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	padding-right:1.25rem;
	position:relative;
}

.AboutSelBtnLink-text:after{
	content:"";
	width:0.625rem;
	height:1.063rem;
	background-image:url(../../images/bg/bg_AboutSel_btn.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

@media screen and (min-width: 1025px) {
	.AboutSelPost-link:hover{
		animation: LeftRightAbout 1s linear infinite;
	}
}

@keyframes LeftRightAbout {
	0% {
		transform: translateX(0);
	}
	25% {
		transform: translateX(3%);
	}
	75% {
		transform: translateX(-3%);
	}
	100% {
		transform: translateX(0);
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.AboutSelSec{
		padding-top:9rem;
		padding-bottom:5rem;
	}
	
	.AboutSelBtn{
		margin-top: 4.25rem;
	}
	
	.AboutSelFlex-inner{
		padding: 16.625rem 0 13.625rem;
	}
	
	.AboutSelFlex-title{
		font-size:14rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.AboutSelSec{
		padding-top:6.5rem;
		padding-bottom:5rem;
	}
	
	.AboutSelFlex{
		margin-top: 0;
	}
	
	.AboutSelFlex-title{
		font-size:5.2rem;
		display:none;
	}
	
	.AboutSelBtn{
		margin-top: 10.25rem;
	}
	
	.AboutSelBtnLink:before{
		width:8rem;
		height:8rem;
		top:-7.8rem;
	}
	
	.AboutSelBtnLink:after{
		left: 0rem;
		top: -9.5rem;
	}
	
	.AboutSelBtnLink{
		padding: 1.25rem 2rem;
	}
	
	.AboutSelBtnLink-text{
		font-size:1rem;
	}
	
	.Pink.AboutSelPost{
		left:0;
	}
	
	.Green.AboutSelPost{
		right:0;
	}
	
	.AboutSelFlex-inner{
		padding:0;
	}
	
	.AboutSelPost{
		position:static !important;
		transform: rotate(0) !important;
	}
	
	.AboutSelPost-link{
		width:100%;
		height: 11.563rem;
	}
	
	.AboutSelPost + .AboutSelPost{
		margin-top:1.25rem;
	}
	
	.AboutSelPost-title{
		font-size:1.25rem;
	}
	
	.AboutSelIco.Ico1{
		top: 7rem;
		left: -3rem;
	}
	
	.AboutSelIco.Ico2{
		margin-left:0;
		left:auto;
		right:-2rem;
		margin-top:-1rem;
	}
	
	.AboutSelIco.Ico3{
		top:-3rem;
		right:-3rem;
		left:auto;
	}
	
	.AboutSelIco.Ico4{
		bottom: 7rem;
		right:-0.8rem;
		width:7rem;
		height:6.5rem;
	}
}

/*=========================================================
	Page hero animation
=========================================================*/
.AtAboutHero{
	height:150vh;
	height:150svh;
	position:relative;
}

.AtAboutHeroSticky{
	position:sticky;
	top:0;
	height:100vh;
	height:100svh;
	overflow:hidden;
}

.AtAboutHeroBg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	animation: AtAboutHeroSticky 1s ease-out forwards paused;
    animation-delay: calc(var(--press) * -1s);
	z-index:5;
}

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

@keyframes AtAboutHeroSticky {
  0% {
	transform:scale(1);
	border-radius:0;
  }
  100% {
	transform:scale(0.6);
	border-radius:3.5rem;
  }
}

.AtAboutHeroTextTitle{
	white-space:nowrap;
	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.AtAboutHeroText{
	position:absolute;
	top:50%;
	left:50%;
	text-align:center;
	transform:translate(-50%, -50%);
	overflow:hidden;
	width:100%;
	font-size:0;
	line-height:0;
}

.AtAboutHeroText.Back{
	z-index:1;
}

.AtAboutHeroText.Back .PgTopBannerText-title{
	color:#000;
}

.AtAboutHeroText.Front{
	animation: AtAboutHeroTextFront 1s ease-out forwards paused;
    animation-delay: calc(var(--press) * -1s);
	overflow:hidden;
	z-index:10;
}

@keyframes AtAboutHeroTextFront {
  0% {
	width:100%;
  }
  100% {
	width:60%;
  }
}

.AtAboutHeroText .PgTopBannerText-title{
	position:relative;
	display:inline-block;
}

.AtAboutHeroText .Left{
	animation: AtAboutHeroTextLeft 1s ease-out forwards paused;
    animation-delay: calc(var(--press) * -1s);
}

@keyframes AtAboutHeroTextLeft {
  0% {
	transform:translateX(0);
  }
  100% {
	transform:translateX(calc(-45vw + 100%));
  }
}

.AtAboutHeroText .Right{
	animation: AtAboutHeroTextRight 1s ease-out forwards paused;
    animation-delay: calc(var(--press) * -1s);
}

@keyframes AtAboutHeroTextRight {
  0% {
	transform:translateX(0);
  }
  100% {
	transform:translateX(calc(45vw - 100%));
  }
}

/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	
}

/*=========================================================
	Page S
=========================================================*/
.page-template-page-about-s .site{
	overflow:visible;
}

.page-template-page-about-s .site-content{
	overflow:visible;
}

.page-template-page-about-s .site-footer{
	margin-top:0 !important;
}

/* PageSInfoText
=========================================================*/
.PageSInfoText{
	padding:3.938rem 0 9.375rem;
	position:relative;
}

.PageSInfoText:before{
	content:"";
	width:29rem;
	height:29rem;
	background-image:url(../../images/bg/PageSInfoText_bg.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	animation: PageSInfoText 3s linear infinite;
}

@keyframes PageSInfoText {
  0% {
	transform:translate(-50%, -50%);
  }
  50% {
	transform:translate(-50%, -55%);
  }
  100% {
	transform:translate(-50%, -50%);
  }
}

.PageSInfoText-title{
	font-size:5rem;
	line-height:1.4em;
	color:#000;
	font-weight:700;
}

.PageSInfoText-title.Left{
	padding-right:62%;
	text-align:right;
	margin-bottom:2.5rem;
}

.PageSInfoText-title.Right{
	padding-left:42%;
}

.PageSInfoText-titlebold{
	font-size:6.875rem;
}

.PageSInfoText-title.a-Title{
	transform: translateY(5rem);
}

.PageSInfoText-title.a-Title.is-View{
	transform: translateY(0);
}

/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PageSInfoText{
		padding:2rem 0 10rem;
		margin-top:-5rem;
	}
	
	.PageSInfoText-title{
		font-size:3.8rem;
	}
	
	.PageSInfoText-titlebold{
		font-size:4.8rem;
	}
	
	.PageSInfoText:before{
		width:20rem;
		height:20rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageSInfoText{
		padding:1rem 0 6rem;
	}
	
	.PageSInfoText-title{
		font-size:2.2rem;
	}
	
	.PageSInfoText-titlebold{
		font-size:3rem;
	}
	
	.PageSInfoText:before{
		width:16rem;
		height:16rem;
	}
	
	.PageSInfoText-title.Left{
		padding-right:0;
		text-align:center;
	}
	
	.PageSInfoText-title.Right{
		padding-left:0;
		text-align:center;
	}
}

/* PageSInfoList
=========================================================*/
.PageSInfoList{
	margin-bottom:12.5rem;
}

.PageSInfoList-item + .PageSInfoList-item{
	margin-top:4.25rem;
}

.PageSInfoPost{
	display:flex;
	align-items:start;
}

.PageSInfoPostThumb{
	order:3;
	width:21.375rem;
	border-radius:1.5rem;
	overflow:hidden;
	position:relative;
}

.PageSInfoPostThumb:after{
	content:"";
	display:block;
	padding-bottom:61%;
}

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

.PageSInfoPostCnt{
	display:flex;
	flex:1;
}

.PageSInfoPostTitle{
	width:19.5rem;
}

.PageSInfoPostTitle-title{
	font-size:3rem;
	line-height:1.4em;
	color:#101010;
	font-weight:700;
}

.PageSInfoPostText{
	flex:1;
	padding-right:4.125rem;
}

.PageSInfoPostText-text{
	font-size:1.25rem;
	line-height:1.6em;
	color:#000;
}

.PageSInfoPostTextList{
	margin-top:1.5rem;
}

.PageSInfoPostTextList-item{
	position:relative;
	padding-left:1rem;
	font-size:1rem;
	line-height:1.6em;
	color:#666;
}

.PageSInfoPostTextList-item:before{
	content:"•";
	position:absolute;
	top:0;
	left:0;
}

.PageSInfoPostTextList-item + .PageSInfoPostTextList-item{
	margin-top:0.625rem;
}

/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PageSInfoList{
		margin-bottom:10rem;
	}
	.PageSInfoPostThumb{
		width:21rem;
		order:1;
	}
	
	.PageSInfoPostCnt{
		order:2;
		display:block;
		padding-left:2rem;
	}
	
	.PageSInfoPostText{
		padding-right:0;
		margin-top:1.25rem;
	}
	
	.PageSInfoPostTitle{
		width:100%;
	}
	
	.PageSInfoPostTitle-title{
		font-size:2rem;
	}
	
	.PageSInfoPostTitle-title br{
		display:none;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageSInfoList{
		margin-bottom:7rem;
	}

	.PageSInfoPost{
		display:block;
	}
	
	.PageSInfoPostThumb{
		width:100%;
	}
	
	.PageSInfoPostCnt{
		display:block;
		margin-top:1.5rem;
	}
	
	.PageSInfoPostText{
		padding-right:0;
		margin-top:1rem;
	}
	
	.PageSInfoPostTitle{
		width:100%;
	}
	
	.PageSInfoPostTitle-title{
		font-size:1.6rem;
	}
	
	.PageSInfoPostTitle-title br{
		display:none;
	}
	
	.PageSInfoPostText-text{
		font-size:1rem;
	}
	
	.PageSInfoPostTextList{
		margin-top:1rem;
	}
	
	.PageSInfoPostTextList-item{
		font-size:0.875rem;
	}
}

/* PageSAudit
=========================================================*/
.PageSAudit{
	background-color:#DCEDFA;
	padding:6.25rem 0 6.875rem;
	overflow:hidden;
	position:relative;
	margin-bottom:9.688rem;
}

.PageSAudit .AboutPgTitle{
	position:relative;
	z-index:10;
}

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

.PageSAuditList-inner{
	display:flex;
	flex-wrap:wrap;
	margin:0 -1.313rem;
	position:relative;
	z-index:5;
}

.PageSAuditList-item{
	width:33.3333%;
	padding:0 1.313rem;
}

.PageSAuditPost{
	background-color:#fff;
	border-radius:2rem;
	position:relative;
	padding:1.875rem 1.875rem 13.125rem;
	height:100%;
}

.PageSAuditPost-title{
	font-size:2rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	margin-bottom:1.25rem;
}

.PageSAuditPostList-item{
	position:relative;
	padding-left:1rem;
	font-size:1rem;
	line-height:1.6em;
	color:#666;
}

.PageSAuditPostList-item:before{
	content:"•";
	position:absolute;
	top:0;
	left:0;
}

.PageSAuditPostList-item + .PageSAuditPostList-item{
	margin-top:0.625rem;
}

.PageSAuditPost-num{
	font-size:4.375rem;
	line-height:1em;
	color:#000;
	font-weight:700;
	font-family: Montserrat;
	position:absolute;
	bottom:1.5rem;
	right:2rem;
}

.PageSAuditListBg{
	position:absolute;
	line-height:0;
}

.PageSAuditListBg.Ico1{
	width:13.25rem;
	left: -19rem;
    top: -6rem;
}

.PageSAuditListBg.Ico2{
	width:3.313rem;
	top:-7rem;
	left:50%;
	transform:translateX(-50%);
}

.PageSAuditListBg.Ico3{
	width:13.25rem;
	right: -19rem;
    top: -6rem;
}

.PageSAuditListBg.Ico4{
	width:13.25rem;
	bottom:1rem;
	left:-9rem;
}

.PageSAuditListBg.Ico5{
	width:13.25rem;
	bottom:-6rem;
	right:-9rem;
}

.Ico1 .PageSAuditListBg-img{
	animation: AboutSelIco 3s linear infinite;
}

.Ico2 .PageSAuditListBg-img{
	animation: UpDownAbout 3.4s linear infinite;
}

.Ico3 .PageSAuditListBg-img{
	animation: AboutSelIco 3s linear infinite;
}

.Ico4 .PageSAuditListBg-img{
	animation: DownUpAbout 3.4s linear infinite;
}

.Ico5 .PageSAuditListBg-img{
	animation: AboutSelIco 3s linear infinite;
}


/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PageSAudit{
		margin-bottom:8.688rem;
	}
	
	.PageSAuditList-inner{
		margin: 0 -1rem;
	}
	
	.PageSAuditList-item{
		padding: 0 1rem;
	}
	
	.PageSAuditPost-title{
		font-size:1.8rem;
	}
	
	.PageSAuditPost-num{
		font-size:3.6rem;
	}
	
	.PageSAuditPost{
		padding:1.875rem 1.875rem 7.125rem;
	}
	
	.PageSAuditListBg.Ico1{
		display:none;
	}
	
	.PageSAuditListBg.Ico3{
		right:-4rem;
		width:10rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageSAudit{
		margin-bottom:7rem;
	}
	
	.PageSAuditList-inner{
		display:block;
		margin:0;
	}
	
	.PageSAuditList-item{
		padding:0;
		width:100%;
	}
	
	.PageSAuditList-item + .PageSAuditList-item{
		margin-top:1.25rem;
	}
	
	.PageSAuditPost-title{
		font-size:1.35rem;
	}
	
	.PageSAuditPost-num{
		font-size:3.6rem;
	}
	
	.PageSAuditPost{
		padding:1.875rem 1.875rem 7.125rem;
	}
	
	.PageSAuditListBg.Ico1{
		width:5rem;
		left: -2rem;
		top: -7rem;
	}

	.PageSAuditListBg.Ico2{
		width:2rem;
		top:-7rem;
		left:50%;
		transform:translateX(-50%);
	}

	.PageSAuditListBg.Ico3{
		width:6rem;
		right: -4rem;
		top: -4rem;
	}

	.PageSAuditListBg.Ico4{
		width:10rem;
	}

	.PageSAuditListBg.Ico5{
		width:10rem;
		right:-4rem;
	}
}

/*=========================================================
	PageSBenefit
=========================================================*/
.PageSBenefit{
	margin-bottom:13.125rem;
	overflow:hidden;
}

body .PageSBenefitSlider-prev{
	width: 3.375rem;
	height: 3.375rem;
	display:inline-block;
	vertical-align:middle;
	background-image:url(../../images/icon/icon_slide_fr_prev.svg);
	background-size:100% 100%;
	cursor:pointer;
}

body .PageSBenefitSlider-next{
	width: 3.375rem;
	height: 3.375rem;
	display:inline-block;
	vertical-align:middle;
	background-image:url(../../images/icon/icon_slide_fr_next.svg);
	background-size:100% 100%;
	cursor:pointer;
}

body .PageSBenefitSlider-pagination{
	font-size: 1.125rem;
	line-height:1.2em;
	font-weight:600;
	color:#000;
	display:inline-block;
	vertical-align:middle;
	margin:0 0.813rem;
}

.PageSBenefitSlider-item{
	width: 100%;
	margin-right:3.75rem;
}

.PageSBenefitSlider-item:last-child{
	margin-right:0;
}

.PageSBenefitSlider-container{
	overflow:visible;
}

.PageSBenefitPost{
	width:100%;
}

.PageSBenefitPostBg{
	position:relative;
	border-radius:2rem 2rem;
	overflow:hidden;
}

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

.PageSBenefitPostBg:after{
	content:"";
	display:block;
	padding-bottom:51%;
}

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

.PageSBenefitPostText{
	position:absolute;
	top:4.375rem;
	left:4.375rem;
	right:4.375rem;
	z-index:10;
}

.PageSBenefitPostText-cate{
	display:inline-block;
	border:solid 1px #fff;
	border-radius:100px 100px;
	padding:0.625rem 1.25rem;
	font-size:1.25rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	margin-bottom:0.625rem;
}

.PageSBenefitPostText-title{
	font-size:3rem;
	line-height:1.4em;
	color:#fff;
	font-weight:700;
}

/*Responsive*/
@media screen and (max-width: 1024px) and (min-width: 1px) {
	.PageSBenefit{
		margin-bottom:10rem;
	}
	
	.PageSBenefitSlider-item{
		margin-right:1.875rem;
	}
	
	.PageSBenefitPostText{
		top:2.5rem;
		left:2.5rem;
		right:2.5rem;
	}
	
	.PageSBenefitPostText-cate{
		font-size:1.125rem;
	}
	
	.PageSBenefitPostText-title{
		font-size:2rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageSBenefit{
		padding-bottom:6rem;
		margin-bottom:7rem;
		position:relative;
	}
	
	.PageSBenefit .site-container{
		position:static;
	}
	
	.PageSBenefit .InterTitle-title{
		font-size:1.7rem;
		font-weight:700;
	}
	
	.PageSBenefit .MainPartnerHeader{
		margin-bottom:1.8rem;
	}
	
	.PageSBenefitPostBg:after{
		padding-bottom: 70%;
	}
	
	.PageSBenefitPostText{
		top:1.875rem;
		left:1.5rem;
		right:1.5rem;
	}
	
	.PageSBenefitPostText-cate{
		font-size:0.875rem;
	}
	
	.PageSBenefitPostText-title{
		font-size:1.35rem;
	}
}


/* PageSForm
=========================================================*/
.PageSForm{
	position:relative;
	padding:16.625rem 0;
	overflow:hidden;
}

.PageSFormGra{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:200%;
	background: linear-gradient(180deg, rgba(255, 164, 0, 0.00) 0%, rgba(255, 164, 0, 0.60) 77.88%);
	animation: PageSFormGra 1s ease-out forwards paused;
    animation-delay: calc(var(--press) * -1s);
	transform:translateY(0);
	z-index:5;
}

@keyframes PageSFormGra {
  0% {
	transform:translateY(0);
  }
  100% {
	transform:translateY(-50%);
  }
}

.PageSFormBg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
    clip-path: inset(0 0 0 0);
	overflow:hidden;
}

.PageSFormBg-img{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit:cover;
	transform: translateZ(0);
	will-change: transform;
}

.PageSFormText{
	position:relative;
	text-align:center;
	z-index:10;
}

.PageSFormText-title{
	position:relative;
	font-size:4rem;
	line-height:1.4em;
	font-weight:700;
	color:#fff;
	padding-bottom:8.125rem;
	margin-bottom:2rem;
}

.PageSFormText-title:after{
	content:"";
	width:6px;
	height:6.25rem;
	background-color:#fff;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}

.PageSFormText-text{
	font-size:1.5rem;
	line-height:1.6em;
	color:#fff;
}

.PageSFormTextBtn{
	margin-top:2.875rem;
	font-size:0;
	line-height:0;
	text-align:center;
}

.PageSFormTextBtn-link{
	display:inline-block;
	border-radius:1.125rem;
	border:solid 1px #fff;
	padding:1.313rem 4.375rem;
}

.PageSFormTextBtn-linktext{
	font-size:1.25rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	display:block;
	padding-right:1.25rem;
	position:relative;
}

.PageSFormTextBtn-linktext:after{
	content:"";
	width:0.625rem;
	height:1.063rem;
	background-image:url(../../images/icon/ico_page_send_arrow.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

@media screen and (min-width: 1025px) {
	.PageSFormTextBtn-link:hover{
		background-color:#3777e2;
		border-color:#3777e2;
	}
	
	.PageClLast .PageSFormTextBtn-link:hover{
		background-color:#A77FF5;
		border-color:#A77FF5;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PageSFormText-text{
		font-size:1.4rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageSForm{
		padding:9rem 0;
	}
	
	.PageSFormText-title{
		font-size:2.8rem;
		padding-bottom: 5.5rem;
	}
	
	.PageSFormText-title:after{
		width:4px;
		height:4rem;
	}
	
	.PageSFormText-text{
		font-size:1rem;
	}
	
	.PageSFormTextBtn-linktext{
		font-size:1.125rem;
	}
}

/*=========================================================
	Page CL
=========================================================*/
.page-template-page-about-cl .site{
	overflow:visible;
}

.page-template-page-about-cl .site-content{
	overflow:visible;
}

.page-template-page-about-cl .site-footer{
	margin-top:0 !important;
}

/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	 
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	
}

/* PageClBoon
=========================================================*/
.PageClBoon{
	position:relative;
	margin-bottom:9.688rem;
}

.PageClBoonBg{
	position:sticky;
	top:0;
	overflow:hidden;
	width:100%;
	height:100vh;
	height:100svh;
}

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

.PageClBoonList{
	position:relative;
	padding:7.75rem 0 8.75rem;
	display:flex;
	flex-direction: column;
	justify-content:center;
	min-height:100vh;
	min-height:100svh;
	z-index:5;
}

.PageClBoonList .site-container{
	width:100%;
}

.PageClBoonList-item{
	font-size:2.5rem;
	line-height:1.6em;
	color:#fff;
	font-weight:700;
	color:rgba(255,255,255,0.5);
	transition-property: color;
    transition-duration: 0.3s;
}

.PageClBoonList-item.is-View{
	color:rgba(255,255,255,1);
}

.PageClBoonList-item + .PageClBoonList-item{
	padding-top:1rem;
}

/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	 .PageClBoon{
		margin-bottom:9rem;
	}
	
	.PageClBoonList-item{
		font-size:2.2rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageClBoon{
		margin-bottom:7rem;
	}
	
	.PageClBoonList-item{
		font-size:1.5rem;
		padding-top: 1.25rem;
	}
}

/* PageClInfo
=========================================================*/
.PageClInfo{
	margin-bottom:8.75rem;
	position:relative;
	height:300vh;
	height:300svh;
}

.PageClInfoText{
	position:sticky;
	top:0;
	height:100vh;
	height:100svh;
	overflow:hidden;
}

.PageClInfoTitle{
	position:sticky;
	top:0;
	height:100vh;
	height:100svh;
	overflow:hidden;
	margin-top:-100vh;
	margin-top:-100svh;
	z-index:10;
}

.PageClInfoBg{
	height:100vh;
	height:100svh;
	position:relative;
	overflow:hidden;
}

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

.PageClInfoText-text{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
	text-align:center;
	font-size:5rem;
	line-height:1.4em;
	color:#fff;
	font-weight:700;
	z-index:5;
}

.PageClInfoBgIco{
	position:absolute;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
}

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

.PageClInfoBgIco.Ico1{
	mask-image: url(../../images/bg/pagecl_infobg_1.svg);
    background-image: url(../../images/bg/pagecl_infobg_1.svg);
    -webkit-mask-image: url(../../images/bg/pagecl_infobg_1.svg);
    -webkit-background-image: url(../../images/bg/pagecl_infobg_1.svg);
	width: 13.25rem;
	height: 13.25rem;
	top:18%;
	left:3%;
}

.PageClInfoBgIco.Ico2{
	mask-image: url(../../images/bg/pagecl_infobg_2.svg);
    background-image: url(../../images/bg/pagecl_infobg_2.svg);
    -webkit-mask-image: url(../../images/bg/pagecl_infobg_2.svg);
    -webkit-background-image: url(../../images/bg/pagecl_infobg_2.svg);
	width: 14.25rem;
	height: 12.938rem;
	top:20%;
	right:40%;
}

.PageClInfoBgIco.Ico3{
	mask-image: url(../../images/bg/pagecl_infobg_3.svg);
    background-image: url(../../images/bg/pagecl_infobg_3.svg);
    -webkit-mask-image: url(../../images/bg/pagecl_infobg_3.svg);
    -webkit-background-image: url(../../images/bg/pagecl_infobg_3.svg);
	width: 5.125rem;
	height: 17.938rem;
	top:5%;
	right:5%;
}

.PageClInfoBgIco.Ico4{
	mask-image: url(../../images/bg/pagecl_infobg_4.svg);
    background-image: url(../../images/bg/pagecl_infobg_4.svg);
    -webkit-mask-image: url(../../images/bg/pagecl_infobg_4.svg);
    -webkit-background-image: url(../../images/bg/pagecl_infobg_4.svg);
	width: 13.25rem;
	height: 13.25rem;
	bottom:5%;
	left:6%;
}

.PageClInfoBgIco.Ico5{
	mask-image: url(../../images/bg/pagecl_infobg_2.svg);
    background-image: url(../../images/bg/pagecl_infobg_2.svg);
    -webkit-mask-image: url(../../images/bg/pagecl_infobg_2.svg);
    -webkit-background-image: url(../../images/bg/pagecl_infobg_2.svg);
	width: 14.25rem;
	height: 12.938rem;
	bottom:22%;
	left:25%;
}

.PageClInfoBgIco.Ico6{
	mask-image: url(../../images/bg/pagecl_infobg_5.svg);
    background-image: url(../../images/bg/pagecl_infobg_5.svg);
    -webkit-mask-image: url(../../images/bg/pagecl_infobg_5.svg);
    -webkit-background-image: url(../../images/bg/pagecl_infobg_5.svg);
	width: 13.25rem;
	height: 13.25rem;
	bottom:3%;
	left:46%;
}

.PageClInfoBgIco.Ico7{
	mask-image: url(../../images/bg/pagecl_infobg_6.svg); 
    background-image: url(../../images/bg/pagecl_infobg_6.svg);
    -webkit-mask-image: url(../../images/bg/pagecl_infobg_6.svg);
    -webkit-background-image: url(../../images/bg/pagecl_infobg_6.svg);
	width: 13.25rem;
	height: 13.25rem;
	bottom:10%;
	right:10%;
}

/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PageClInfoBgIco.Ico1{
		top: 11%;
		left: -3%;
		width: 21vw;
		height: 21vw;
	}
	
	.PageClInfoBgIco.Ico2{
		top: 25%;
		width: 22.27vw;
		height: 20.21vw;
	}
	
	.PageClInfoBgIco.Ico3 {
		width: 8.01vw;
		height: 28.03vw;
	}

	.PageClInfoBgIco.Ico4{
		bottom: 2%;
		left: 0%;
		width: 20.70vw;
		height: 20.70vw;
	}
	
	.PageClInfoBgIco.Ico5{
		bottom: 27%;
		left: 25%;
		width: 22.27vw;
		height: 20.21vw;
	}
	
	.PageClInfoBgIco.Ico6 {
		width: 20.70vw;
		height: 20.70vw;
	}
	
	.PageClInfoBgIco.Ico7{
		bottom: 14%;
		right: -4%;
		width: 20.70vw;
		height: 20.70vw;
	}
	
	.PageClInfoText-text{
		font-size:3.4rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageClInfo{
		margin-bottom:7rem;
	}
	
	.PageClInfoBgIco.Ico1{
		top: 11%;
		left: -3%;
		width: 21vw;
		height: 21vw;
	}
	
	.PageClInfoBgIco.Ico2{
		top: 25%;
		width: 22.27vw;
		height: 20.21vw;
	}
	
	.PageClInfoBgIco.Ico3 {
		width: 8.01vw;
		height: 28.03vw;
	}

	.PageClInfoBgIco.Ico4{
		bottom: 2%;
		left: 0%;
		width: 20.70vw;
		height: 20.70vw;
	}
	
	.PageClInfoBgIco.Ico5{
		bottom: 27%;
		left: 25%;
		width: 22.27vw;
		height: 20.21vw;
	}
	
	.PageClInfoBgIco.Ico6 {
		width: 20.70vw;
		height: 20.70vw;
	}
	
	.PageClInfoBgIco.Ico7{
		bottom: 14%;
		right: -4%;
		width: 20.70vw;
		height: 20.70vw;
	}
	
	.PageClInfoText-text{
		font-size:2rem;
	}
}

/* PageClLevel
=========================================================*/
.PageClLevel{
	margin-bottom:9.75rem;
	text-align:center;
	font-size:0;
	line-height:0;
}

.PageClLevelHeader{
	margin-bottom:2.875rem;
}

.PageClLevelHeader-text{
	display:inline-block;
	font-size:1.5rem;
	line-height:1.2em;
	color:#101010;
	font-weight:700;
	border:solid 2px #000;
	padding:0.75rem 1.125rem;
	border-radius:100px 100px;
}

.PageClLevelText-item{
	overflow:hidden;
}

.PageClLevelText-item + .PageClLevelText-item{
	margin-top:1.375rem;
}

.PageClLevelText-text{
	font-size:2.25rem;
	line-height:1.4em;
	color:#000;
	font-weight:700;
	display:inline-block;
	vertical-align:middle;
}

.PageClLevel .Rm{
	margin-right:1rem;
}

.PageClLevelText-text.Bar{
	color:#fff;
	padding:0.625rem 1.125rem;
	border-radius:100px 100px;
	transition-property: transform, opacity;
    transition-duration: 0.5s;
	transform:translateY(101%);
}

.is-View.PageClLevelText-text.Bar{
	transform:translateY(0);
}

.PageClLevelText-text.Pink{
	background-color:#ED1E79;
}

.PageClLevelText-text.Blue{
	background-color:#29ABE2;
}

.PageClLevelText-text.Yellow{
	background-color:#FFA400;
}

.PageClLevelText-text.Green{
	background-color:#009245;
}

.PageClLevelText-text.Purple{
	background-color:#93278F;
}

/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PageClLevel{
		margin-bottom:9rem;
	}
	
	.PageClLevelText-text{
		font-size:1.8rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageClLevel{
		margin-bottom:7rem;
	}
	
	.PageClLevelText-text{
		font-size:1.2rem;
	}
	
	.PageClLevel .Rm{
		margin-right:0.5rem;
	}
	
	.PageClLevelText-text.Green{
		margin-right:0.5rem;
	}
	
	.PageClLevelHeader{
		margin-bottom:2rem;
	}
	
	.PageClLevelHeader-text{
		font-size:1.25rem;
	}
	
	.PageClLevelText-text.Bar{
		padding: 0.45rem 0.75rem;
		opacity:0;
		transform:translateY(0);
	}
	
	.is-View.PageClLevelText-text.Bar{
		opacity:1;
	}
	
	.PageClLevelText-item + .PageClLevelText-item{
		margin-top:0;
	}
	
	.PageClLevelText-item{
		display:inline;
	}
	
	.PageClLevelText-text{
		margin:0.45rem 0;
	}
}

/* PageClLevelList
=========================================================*/
.PageClLevelList{
	margin-bottom:9.75rem;
}

.PageClLevelListFlex{
	overflow:hidden;
}

.PageClLevelList-inner{
	display:flex;
	margin:-0.688rem -0.688rem;
	flex-wrap:wrap;
}

.PageClLevelList-item{
	padding:0.688rem 0.688rem;
	width:25%;
}

.PageClLevelPost{
	background-color:#F6F6F8;
	border-radius:2rem;
	text-align:center;
	padding:5.313rem 0.625rem;
	height:100%;
}

.PageClLevelPostText-title{
	font-size:2.375rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	margin-bottom:1.25rem;
	font-family: Montserrat;
}

.PageClLevelPostText-text{
	font-size:1rem;
	line-height:1.6em;
	color:#666;
}

/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PageClLevelList{
		margin-bottom:9rem;
	}
	
	.PageClLevelPostText-title{
		font-size:2rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageClLevelList{
		margin-bottom:7rem;
	}
	
	.PageClLevelList-inner{
		margin:-0.5rem -0.5rem;
	}
	
	.PageClLevelList-item{
		width:50%;
		padding:0.5rem 0.5rem;
	}
	
	.PageClLevelPost{
		padding:3.125rem 0.938rem;
		height:100%;
	}
	
	.PageClLevelPostText-title{
		font-size:1.6rem;
		margin-bottom:1rem;
	}
	
	.PageClLevelPostText-text{
		font-size:0.875rem;
	}
}

/* PageClProgram
=========================================================*/
.PageClProgram{
	margin-bottom:13.75rem;
}

.PageClProgramSub{
	text-align:center;
	font-size:3.75rem;
	line-height:1.4em;
	color:#101010;
	padding:4.375rem 0;
	margin-bottom:5.625rem;
	position:relative;
}

.PageClProgramSub:before{
	content:"";
	width:3rem;
	height:1.938rem;
	background-image:url(../../images/icon/ico_page_cl_b_top.svg);
	background-size:100% 100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}

.PageClProgramSub:after{
	content:"";
	width:3rem;
	height:1.938rem;
	background-image:url(../../images/icon/ico_page_cl_b_bottom.svg);
	background-size:100% 100%;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}

/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PageClProgram{
		margin-bottom:10rem;
	}
	
	.PageClProgramSub{
		font-size:3rem;
		margin-bottom: 4.625rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageClProgram{
		margin-bottom:7rem;
	}
	
	.PageClProgramSub{
		font-size:1.8rem;
		padding:3.4rem 0;
		margin-bottom: 3.625rem;
	}
}

/* PageClProgramItem
=========================================================*/
.PageClProgramItem{
	display:flex;
}

.PageClProgramItem + .PageClProgramItem{
	margin-top:6.25rem;
}

.PageClProgramItemPost{
	width: 35.813rem;
}

.PageClProgramSticky{
	position:sticky;
	top:8rem;
	width:100%;
}

.PageClProgramItemList{
	width:calc(100% - 35.813rem);
	padding-left:8.063rem;
	overflow:hidden;
}

.PageClProgramList-inner{
	padding-left:2.688rem;
	position:relative;
}

.PageClProgramList-inner:before{
	content:"";
	top:0.7rem;
	bottom:0;
	left:0;
	width:1px;
	background-color:#000;
	position:absolute;
}

.PageClProgramList-item{
	padding:1.875rem 0;
	position:relative;
}

.PageClProgramList-item:first-child{
	padding-top:0;
}

.PageClProgramList-item:last-child{
	padding-bottom:0;
}

.PageClProgramList-item:last-child .PageClProgramPost-title:after{
	content:"";
	position:absolute;
	width:5px;
	top:1.3rem;
	left:calc(-2.688rem - 1px);
	height:10rem;
	background-color:#fff;
	z-index:5;
}

.PageClProgramPost-title{
	position:relative;
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:700;
	margin-bottom:1.25rem;
}

.PageClProgramPost-title:before{
	content:"";
	width:0.625rem;
	height:0.625rem;
	border-radius:100%;
	background-color:#000;
	position:absolute;
	top:0.7rem;
	left:calc(-2.688rem - 0.3125rem);
	z-index:10;
}

.PageClProgramPost-text{
	font-size:1rem;
	line-height:1.6em;
	color:#666;
	position:relative;
	padding-left:1rem;
	display:block;
}

.PageClProgramPost-text:before{
	content:"•";
	position:absolute;
	top:0;
	left:0;
}

.PageClProgramPost-text + .PageClProgramPost-text{
	margin-top:0.625rem;
}

.PageClProgramPost-text.Parent{
	color:#000;
}

.PageClProgramPost-text.Child:before{
	content:"-";
}

.PageClProgramStickyThumb{
	border-radius:2rem;
	overflow:hidden;
	line-height:0;
	margin-bottom:1.125rem;
}

.PageClProgramStickyTitle{
	font-size:0;
	line-height:0;
}

.PageClProgramStickyTitle-date{
	font-size:1.25rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	font-family: Montserrat;
	margin-right:0.75rem;
	padding:0.625rem 1rem;
	border:solid 1px #000;
	border-radius:100px 100px;
	display:inline-block;
	vertical-align:middle;
}

.PageClProgramStickyTitle-text{
	display:inline-block;
	vertical-align:middle;
	font-size:2rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PageClProgramItemPost{
		width:40%;
	}
	
	.PageClProgramItemList{
		width: 60%;
		padding-left:4rem;
	}
	
	.PageClProgramStickyTitle-date{
		font-size:1rem;
		padding: 0.425rem 0.625rem;
	}
	
	.PageClProgramStickyTitle-text{
		font-size:1.4rem;
	}
	
	.PageClProgramPost-title{
		font-size:1.4rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageClProgramItem{
		display:block;
	}
	
	.PageClProgramItemPost{
		width:100%;
		margin-bottom:1.875rem;
	}
	
	.PageClProgramItem + .PageClProgramItem{
		margin-top:5rem;
	}
	
	.PageClProgramItemList{
		width:100%;
		padding-left:1.25rem;
	}
	
	.PageClProgramStickyTitle-date{
		font-size:1rem;
		padding: 0.425rem 0.625rem;
	}
	
	.PageClProgramStickyTitle-text{
		font-size:1.25rem;
	}
	
	.PageClProgramPost-title{
		font-size:1.125rem;
		margin-bottom: 1.125rem;
	}
	
	.PageClProgramPost-text + .PageClProgramPost-text{
		margin-top:0.45rem;
	}
}

/* PageClLast
=========================================================*/
.PageClSFormText{
	position:relative;
	z-index:5;
}

.PageClSFormTextTitle-cate{
	font-size:1.375rem;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	margin-right:0.813rem;
	vertical-align:middle;
}

.PageClSFormTextTitle-text{
	font-size:3.75rem;
	line-height:1.4em;
	color:#fff;
	font-weight:700;
	vertical-align:middle;
}

.PageClLast .PageSFormTextBtn{
	text-align:left;
}

.PageClSFormTextPost{
	display:flex;
	margin-left:35%;
	align-items:end;
	margin-top:-2rem;
}

.PageClSFormTextPostThumb{
	order:2;
	width:24.875rem;
	height:23.5rem;
	position:relative;
	overflow:hidden;
	border-radius:2rem;
}

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

.PageClSFormTextPostThumbCnt{
	width:calc(100% - 24.875rem);
	text-align:right;
	padding-right:1.75rem;
}

.PageClSFormTextPostThumbCnt-text{
	font-size:1.25rem;
	line-height:1.6em;
	color:#fff;
	font-weight:500;
}

/* Responesive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PageClSFormTextPost{
		margin-top:3rem;
		margin-left:0;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageClSFormTextTitle-text{
		font-size:1.8rem;
	}
	
	.PageClSFormTextTitle-cate{
		font-size:1rem;
	}
	
	.PageClSFormTextTitle-text br{
		display:none;
	}
	
	.PageClSFormTextPost{
		margin-top:3rem;
		margin-left:0;
		display:block;
	}
	
	.PageClSFormTextPostThumb{
		width:100%;
		height:auto;
		margin-bottom:1.25rem;
	}
	
	.PageClSFormTextPostThumb:after{
		content:"";
		display:block;
		padding-bottom:60%;
	}
	
	.PageClSFormTextPostThumbCnt{
		width:100%;
		padding-right:0;
		text-align:left;
	}
	
	.PageClSFormTextPostThumbCnt-text{
		font-size:1.125rem;
	}
}

/*=========================================================
	Policy
=========================================================*/
.PolicyLargeTitle{
	display:block;
	font-size:1.563rem;
	line-height:1.4em;
	font-weight:500;
}

.PolicyBasicTitle{
	display:block;
	font-size:1.25rem;
	line-height:1.8em;
	font-weight:500;
}

.PolicyBasicText{
	display:block;
	font-size:1rem;
	line-height:1.8em;
}

.PolicyBullet{
	display:block;
}

.PolicyBullet-bullet{
	display:block;
	float:left;
	padding-right:0.313rem;
	font-size:1rem;
	line-height:1.8em;
}

.PolicyBullet-text{
	overflow:hidden;
	display:block;
	font-size:1rem;
	line-height:1.8em;
}

.PolicyTable{
	width:100%;
	border-top:2px solid #000;
}

.PolicyTable thead{
	border-bottom:1px solid #000;
}

.PolicyTable tbody{
	border:1px solid #F4F4F4;
}

.PolicyTable th{
	padding:0.825rem 0.313rem;
	color:#000;
	font-size:1rem;
	font-weight:bold;
	line-height:1.4em;
	text-align:center;
	border-right:1px solid #f4f4f4;
	border-bottom:1px solid #f4f4f4;
	vertical-align:middle;
}

.PolicyTable th:last-child{
	border-right:none;
}

.PolicyTable tbody th{
	width:20%;
	font-weight:500;
	
}

.PolicyTable td{
	padding:0.625rem 1.25rem;
	color:#000;
	font-size:1rem;
	line-height:1.4em;
	border-right:1px solid #f4f4f4;
	border-bottom:1px solid #f4f4f4;
	vertical-align:middle;
}

.PolicyTable td:last-child{
	border-right:none;
}

.PolicyTable-text{
	display:block;
	margin-bottom: 3px;
}

/* responsive */
@media screen and (max-width: 767px) and (min-width: 1px) {
	.PolicyLargeTitle{
		font-size:1.3rem;
	}
	
	.PolicyBasicText{
		font-size:0.875rem;
	}
	
	.PolicyBasicTitle{
		font-size:1.15rem;
	}
	
	.PolicyBullet-bullet{
		font-size:0.875rem;
	}
	
	.PolicyBullet-text{
		font-size:0.875rem;
	}
	
	.PolicyTable th{
		font-size:0.875rem;
	}
	
	.PolicyTable td{
		font-size:0.875rem;
	}
}

/*=========================================================
  Popup
=========================================================*/
.Popup{
	opacity:0;
	visibility:hidden;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9999;
	transition-property:opacity, visibility; 
	transition-duration: 0.2s;
}

.is-View.Popup{
	opacity:1;
	visibility:visible;
}

.PopupDim{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.35);
}

.BasicPopup{
	position:absolute;
	width:27.5rem;
	max-width:calc(100% - 2.5rem);
	top:50%;
	left:50%;
	z-index:1;
	background-color:#fff;
	transform:translate(-50%,-50%);
}

.ReportPopup{
	padding:3.125rem 3.125rem;
	text-align:center;
}

.BasicPopupClosed{
	display:block;
	width:1.125rem;
	height:1.125rem;
	background-image:url(../../images/icon/ico-popup-closed.svg);
	background-size:100% 100%;
	position:absolute;
	top:1.25rem;
	right:1.25rem;
	z-index:5;
}

.is-View.Popup{
	display:block;
}

.ReportPopup-title{
	line-height:0;
	max-width:5rem;
	margin:0 auto 1.875rem;
	width:100%;
}

.ReportPopupReason-title{
	font-size:1.25rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
}

/*=========================================================
	MainDiagram
=========================================================*/
.MainDiagram{
	margin-top:3.75rem;
	margin-bottom:7.813rem;
}

.MainDiagram-inner{
	display:flex;
	margin:0 -1.25rem;
}

.MainDiagram-item{
	padding:0 1.25rem;
	width:25%;
	text-align:center;
}

.MainDiagramIco{
	width:9.375rem;
	height:9.375rem;
	margin:0 auto;
	position:relative;
}

.MainDiagramIcoBg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:100% 100%;
}

.Type-ss .MainDiagramIcoBg{
	background-image:url(../../images/bg/about_ss.svg);
	animation: TypeSS 10s linear infinite;
}

.Type-ds .MainDiagramIcoBg{
	background-image:url(../../images/bg/about_ds.svg);
	animation: TypeDS 10s linear infinite;
}

.Type-s .MainDiagramIcoBg{
	background-image:url(../../images/bg/about_s.svg);
	animation: TypeS 10s linear infinite;
}

.Type-cl .MainDiagramIcoBg{
	background-image:url(../../images/bg/about_cl.svg);
	animation: TypeCL 10s linear infinite;
}

.MainDiagramIcoText{
	font-size:1.75rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	font-family: Montserrat;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:5;
}

.MainDiagramText{
	font-size:1.75rem;
	line-height:1.4em;
	color:#000;
	font-weight:700;
	margin-top:0.75rem;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.home .MainNewsSection{
		margin-bottom:5rem;
	}
	
	.MainDiagram{
		margin-bottom:5rem;
	}
	
	.MainDiagramText{
		font-size:1.25rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.home .MainNewsSection{
		margin-bottom:5rem;
	}
	
	.MainDiagram{
		margin-bottom:5rem;
	}
	
	.MainDiagram-inner{
		flex-wrap:wrap;
		margin: -1.25rem -1.25rem;
	}
	
	.MainDiagram-item{
		padding: 1.25rem 1.25rem;
		width:50%;
	}
	
	.MainDiagramIco{
		width:7rem;
		height:7rem;
	}
	
	.MainDiagramIcoText{
		font-size:1.4rem;
	}
	
	.MainDiagramText{
		font-size:1rem;
	}
}

@media screen and (max-width: 580px) and (min-width: 1px) {
	.a-Title.a-Small .Mo-none{
		display:none;
	}
}

/*=========================================================
  무통장입금
=========================================================*/
.vbank_info{
    border-top: solid 2px #000;
    padding-top: 1.5rem;
    max-width: 39rem;
    margin: 0 auto;
    margin-top: 2.5rem;
    width: 100%;
}

.vbank_info h3{
	font-size: 1.25rem;
    line-height: 1.2em;
    color: #101010;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.vbank_info p{
	font-size:1rem;
	line-height:1.6em;
	color:#101010;
}

.vbank_info p + p{
	margin-top:0.45rem;
}

.vbank_info p:last-child{
	margin-top:0;
	font-size:0.875rem;
}

.vbank_info p:nth-of-type(5){
	padding-bottom: 1.5rem;
    border-bottom: solid 1px #000;
    margin-bottom: 1.5rem;
}

.vbank_info p:nth-of-type(6){
	font-size:0.875rem;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.vbank_info p{
		font-size:0.875rem;
	}
	
	.vbank_info p:nth-of-type(6){
		font-size:0.75rem;
	}
	
	.vbank_info p:last-child{
		font-size:0.75rem;
	}
}

/*=========================================================
  임시
=========================================================*/
/* #SERIES_BOOKMARK_BTN + .PgInfoBarMeta-item{ */
	/* display:none; */
/* } */


.MyPost-certificate{
	display:none !important;
}

.BasicPostThumb-complete{
	display:none;
}

.CertificateHistoryPostBtn{
	display:none;
}