@charset "UTF-8";
/*=========================================================
	Single
=========================================================*/
/*	Single : Header
=========================================================*/
.SingleHeader{
	background-color:#F5F7F7;
	padding:4rem 0 4rem;
}

.SingleHeaderFlex{
	padding-right:5rem;
	position:relative;
}

.SingleHeader-title{
	font-size: 3rem;
	line-height:1.4em;
	color:#000;
	font-weight:700;
	max-width:89.375rem;
}

.SingleHeader-sub{
	margin-top:1.87rem;
	font-size:1.5rem;
	line-height:1.6em;
	color:#666;
	font-weight:500;
	max-width:89.375rem;
}

.SingleHeaderMeta{
	margin-top:3.75rem;
}

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

.SingleHeaderMeta-item{
	position:relative;
	padding-right:calc(0.63rem + 1px);
	margin-right:0.63rem;
	display:inline-block;
	vertical-align:middle;
}

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

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

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

.SingleHeaderMeta-text{
	display:block;
	position:relative;
	/*padding-left:1.37rem;*/
	font-size: 0.875rem;
	line-height:1.2em;
	color:#666;
}

/*.SingleHeaderMeta-text:before{
	content:"";
	width: 1rem;
	height: 1rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}*/

.SingleHeaderMeta-text.Wirte:before{
	background-image:url(../../images/icon/ico_post_write.svg);
}

.SingleHeaderMeta-text.Date:before{
	background-image:url(../../images/icon/ico_post_calender.svg);
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.SingleHeader{
		padding:2.5rem 0;
	}
	
	.SingleHeaderFlex{
		padding-right:0;
	}
	
	.SingleHeader-title{
		font-size: 1.625rem;
		max-width:100%;
	}
	
	.SingleHeader-sub{
		font-size: 1rem;
		max-width:100%;
		margin-top:1rem;
	}
	
	.SingleHeaderMeta{
		margin-top:1.25rem;
	}
}

/* =========================================================*/
/*	Single : 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_share.svg);
	background-size:100% 100%;
}

.SingleSharePop{
	width: 16.3125rem;
	position:absolute;
	right:0;
	margin-top:1.88rem;
	background-color:#000;
	padding:1.5rem 1.35rem;
	opacity:0;
	visibility:hidden;
}

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

.SingleSharePop:before{
	content:"";
	width: 1.063rem;
	height: 0.875rem;
	background-image: url(../../images/bg/share_arrow.png);
	background-size:100% 100%;
	position:absolute;
	top:-0.8rem;
	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-family: Pretendard;
	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;
	font-family: Pretendard;
	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;
	font-family: Pretendard;
	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: 1px) {
	.SingleShare{
		width:2rem;
		height:2rem;
		top:auto;
		bottom:-0.4rem;
	}
	
	.SingleShare-btn{
		width:2rem;
		height:2rem;
	}
}

/* =========================================================*/
/*	Single : Content Layout
=========================================================*/
/*	Single : SingleTopImg
=========================================================*/
.SingleTopImg{
	margin-top:3.75rem;
}

.SingleTopImgBanner{
	position:relative;
}

.SingleTopImgBanner:after{
	content:"";
	display:block;
	padding-bottom:36.3%;
}

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

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SingleTopImg{
		margin-top:2.5rem;
		margin-left:-1.25rem;
		margin-right:-1.25rem;
	}
}

/*	Single : SingleBody
=========================================================*/
.SingleBody{
	margin-top:7.25rem;
}

.SingleBodyFlex{
	display:flex;
	width:100%;
	flex-wrap:wrap;
	justify-content:center;
}

.SingleBodyFlex.is-SideStop{
	align-items:end;
}

.SingleBodyFlex:not(.is-SideStop){
	align-items:start;
}

.SingleSec{
	padding-right:1.22rem;
	width:calc(100% - 25.5rem);
	max-width:63rem;
}

.SingleSide{
	padding-left:1.22rem;
	width:25.5rem;
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.SingleSec{
		max-width:none;
	}
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
	.SingleSec{
		width:calc(100% - 22rem);
	}
	
	.SingleSide{
		width:22rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.SingleBody{
		margin-top:2.5rem;
	}
	
	.SingleSec{
		width:100%;
		max-width:100%;
		padding-right:0;
		order:1;
	}
	
	.SingleSide{
		width:100%;
		padding-left:0;
		margin-top:2.5rem;
		border-top:solid 2px #000;
		order:3;
	}
}

/*	Single : SingleSec
=========================================================*/
.SingleSec{
	padding-top:2.6rem;
}

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

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

	.SingleSideList-inner{
		display:flex;
		flex-wrap:wrap;
		margin:-0.875rem -0.875rem;
	}
	
	.SingleSideList-item{
		padding:0.875rem 0.875rem;
		width:50%;
	}
	
	.SingleSideList-item + .SingleSideList-item{
		margin-top:0;
	}
	
	.SingleSideList-item:nth-child(5){
		display:none;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SingleSideList-item{
		width:100%;
	}
}

/*	Single : SingleSide
=========================================================*/
.SingleSideHead{
	position:relative;
	margin-bottom:1.25rem;
}

.SecTitle{
	font-family: Baskerville;
	font-size: 1.75rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
}

.SingleSideHead .SecHeader-more{
	display:none;
}

.SecTitle-text{
	font-family: Baskerville;
	color:#666;
}

@media screen and (min-width: 1025px) {
	.SecTitle{
		font-size:0;
		line-height:0;
		position:relative;
		text-align:center;
	}
	
	.SecTitle:before{
		content:"";
		width:100%;
		height:2px;
		background-color:#666;
		position:absolute;
		top:50%;
		left:0;
		transform:translateY(-50%);
	}

	.SecTitle-text{
		display:inline-block;
		font-size: 2rem;
		line-height:1.2em;
		font-weight:700;
		padding:0 1.25rem;
		position:relative;
		background-color:#fff;
		z-index:5;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.SingleSideHead .SecHeader-more{
		display:block;
	}

	.SingleSideHead{
		padding:1.25rem 0;
		margin-bottom:0;
	}
}

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

.SidePostThumb{
	width:35.6%;
	position:relative;
	overflow:hidden;
}

.SidePostThumb:after{
	content:"";
	display:block;
	padding-bottom:76%;
}

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

.SidePostText{
	font-size:1.125rem;
	line-height:1.5em;
	color:#000;
	font-weight:500;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow:hidden;
	max-height:3em;
}

.SidePostCnt{
	width:calc(100% - 35.6%);
	padding-left:1.25rem;
}

@media screen and (min-width:1025px){
	.SidePost-link:hover .SidePostThumb-img{
		transform:scale(1.1);
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.SidePostText{
		font-weight:600;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SidePostThumb{
		width:38%;
	}
	
	.SidePostCnt{
		width: calc(100% - 38%);
		padding-left:0.75rem;
	}
	
	.SidePostText{
		font-size:1rem;
		font-weight:600;
	}
}

/*	Single : SideAdList
=========================================================*/
:root {
	--sideFix-top: 0px;
}

.SideAdList{
	margin-top:2.5rem;
}

.SingleBodyFlex:not(.is-SideStop) .is-Fixed .SideAdListFixed{
	position:fixed;
	top: calc(5.049rem + var(--sideFix-top) - 20px);
}

.SideAd + .SideAd{
	margin-top:2.5rem;
}

.SideAd-link{
	display:block;
}

.SideAdThumb{
	width:100%;
	position:relative;
	overflow:hidden;
}

.SideAdThumb:after{
	content:"";
	display:block;
	padding-bottom:106%;
}

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

.SideAdText{
	font-size: 1.125rem;
	line-height:1.5em;
	color:#000;
	font-weight:500;
	margin-top:0.62rem;
}

@media screen and (min-width:1025px){
	.SideAd-link:hover .SideAdThumb-img{
		transform:scale(1.1);
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.SideAdList{
		margin-top:2.87rem;
		height:auto !important;
	}
	
	.SideAdListFixed{
		display:flex;
		justify-content:space-between;
		width:100% !important;
	}
	
	.SideAd{
		width:calc(50% - 0.875rem);
	}
	
	.SideAd + .SideAd{
		margin-top:0;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SideAdList{
		margin-top:2.87rem;
		height:auto !important;
	}
	
	.SideAdListFixed{
		width:100% !important;
	}
}

/* =========================================================*/
/*	Single : Content
=========================================================*/
/*	Single : SingleTag
=========================================================*/
.SingleTag{
	margin-top:7.5rem;
	margin-left:auto;
}

.SingleTag-inner{
	margin:-0.75rem -0.375rem 0;
	display:flex;
	flex-wrap:wrap;
}

.SingleTag-item{
	padding:0.75rem 0.375rem 0;
}

.SingleTag-link{
	display:block;
	font-size: 1rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	padding:0.6rem 1.25rem;
	background-color:#EDF3FA;
}

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

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SingleTag{
		margin-left:-1.25rem;
		margin-right:-1.25rem;
	}
	
	.SingleTag-inner{
		margin:0;
		padding:0 1.25rem;
		font-size:0;
		line-height:0;
		white-space:nowrap;
		overflow:hidden;
		overflow-x:auto;
		display:block;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	.SingleTag-inner::-webkit-scrollbar {
	  display: none;
	}
	
	.SingleTag-item{
		padding:0;
		margin-right:0.75rem;
		display:inline-block;
	}
	
	.SingleTag-item:last-child{
		margin-right:0;
	}
}

/* =========================================================*/
/*	Single : ReadMore Post
=========================================================*/
.SingleReadMore{
	margin-top:7.5rem;
	width:100%;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.SingleReadMore{
		margin-top:5rem;
		width:100%;
		order:2;
	}
}

/* =========================================================*/
/*	Df-more
=========================================================*/
.Df-more{
	font-family: Baskerville;
	font-size: 1.25rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	position:relative;
	display:inline-block;
	/*padding-right:2.37rem;*/
}

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

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.Df-more{
		font-size: 1rem;
		/*padding-right: 2rem;*/
		margin-top:0.15rem;
	}
}

/* =========================================================*/
/*	SecHeader
=========================================================*/
.SecHeader{
	border-top:solid 2px #000;
	padding:2.5rem 0;
	padding-right:8.5rem;
	position:relative;
}

.SecHeader-title{
	font-family: Baskerville;
	font-size: 3rem;
	line-height:1.2em;
	color:#666;
	font-weight:700;
}

.SecHeader-more{
	font-family: Baskerville;
	font-size: 1.25rem;
	line-height:1.2em;
	color:#666;
	font-weight:700;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	/*padding-right:2.37rem;*/
}

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

.SingleReadMore .SecHeader-title{
	color: #666;
}

@media screen and (min-width: 1025px) {
	.SingleReadMore .SecHeader-title{
		font-weight:400;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.SecHeader{
		padding:1.25rem 0;
	}
	
	.SecHeader-title{
		font-size: 1.75rem;
	}
	
	.SecHeader-more{
		font-size: 1rem;
		/*padding-right: 2rem;*/
		margin-top:0.15rem;
	}
}

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

.DfList-item{
	padding:0 1.25rem;
}

.ColTwo .DfList-item{
	width:50%;
}

.ColThree .DfList-item{
	width:33.3333%;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.DfList-inner{
		margin:0 -0.625rem;
	}

	.DfList-item{
		padding:0 0.625rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.DfList{
		margin-left:-1.25rem;
		margin-right:-1.25rem;
	}
	
	.DfList-inner{
		margin:0;
		display:block;
		white-space:nowrap;
		overflow:hidden;
		overflow-x:auto;
		padding:0 1.25rem;
		font-size:0;
		line-height:0;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	.DfList-inner::-webkit-scrollbar {
	  display: none;
	}

	.DfList-item{
		padding:0;
		display:inline-block;
		margin-right:1.25rem;
		width: 19.5rem !important;
	}
	
	.DfList-item:last-child{
		margin-right:0;
	}
}

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

.DfPost-link{
	display:block;
}

.DfPostThumb{
	position:relative;
	overflow:hidden;
	margin-bottom:1.25rem;
}

.DfPostThumb:after{
	content:"";
	display:block;
	padding-bottom:64%;
}

.DfPostThumb.VideoType:before{
	content:"";
	width: 4.97519rem;
	height: 3.50525rem;
	background-image:url(../../images/icon/ico_video_youtube.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:5;
}

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

.DfPostCnt-title{
	font-size: 1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2.8em;
	margin-bottom:1.15rem;
}

.DfPostCnt-text{
	font-size: 1rem;
	line-height:1.5em;
	color:#666;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 3em;
}

.DfPostMeta{
	margin-top:1rem;
	font-size:0;
	line-height:0;
}

.DfPostMeta-cate{
	display:inline-block;
	vertical-align:middle;
	font-size: 0.875rem;
	line-height:1em;
	color:#000;
	font-weight:600;
	padding:0.5rem 0.84rem;
	background-color:#EDF3FA;
	margin-right:1rem;
}

.DfPostMeta-text{
	display:inline-block;
	vertical-align:middle;
	font-size: 0.875rem;
	line-height:1.2em;
	color:#666;
	/*padding-left:1.4rem;*/
	position:relative;
	margin-right:1.56rem;
}

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

.DfPostMeta-text:after{
	content:"";
	width:1px;
	height:0.75rem;
	background-color:#DDD;
	position:absolute;
	top:50%;
	right:calc(-0.78rem + 0.5px);
	transform:translateY(-50%);
}

.DfPostMeta-text:last-child{
	margin-right:0;
}

.DfPostMeta-text:last-child:after{
	display:none;
}

.Date.DfPostMeta-text:before{
	background-image:url(../../images/icon/ico_post_calender.svg);
}

.Comment.DfPostMeta-text:before{
	background-image:url(../../images/icon/ico_post_comment.svg);
}

.View.DfPostMeta-text:before{
	background-image:url(../../images/icon/ico_post_view.svg);
}

.Wirte.DfPostMeta-text:before{
	background-image:url(../../images/icon/ico_post_write.svg);
	margin-top:-0.1rem;
}

@media screen and (min-width:1025px){
	.DfPost-link:hover .DfPostThumb-img{
		transform:scale(1.1);
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.DfPostMeta{
		margin-top:0.75rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.DfPostThumb{
		margin-bottom:0.8rem;
	}
	
	.DfPostCnt-title{
		font-size: 1.25rem;
		margin-bottom:0.65rem;
	}
	
	.DfPostCnt-text{
		font-size: 1rem;
		white-space: normal;
	}
	
	.DfPostThumb.VideoType:before{
		width: 3.60019rem;
        height: 2.5365rem;
	}
}

/* =========================================================*/
/*	CommentSec 
=========================================================*/
.CommentSec{
	margin-top:7.63rem;
}

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

/* CommentSec : CommentLogin
=========================================================*/
.CommentLogin{
	text-align:center;
}

.CommentLogin-text{
	font-size: 1.125rem;
	line-height:1.5em;
	color:#666;
	font-weight:600;
	padding-top:4.25rem;
	position:relative;
}

.CommentLogin-link{
	color:#666;
	position:relative;
}

.CommentLogin-link:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background-color:#666;
}

.CommentLogin-text:before{
	content:"";
	width:3rem;
	height:3rem;
	background-image:url(../../images/icon/ico_warning.svg);
	background-size:100% 100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}

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

/* CommentSec : CommentWrite
=========================================================*/
.CommentWriteHeader{
	position:relative;
}

.CommentWrite-title{
	font-size:1.5rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	margin-bottom:0.62rem;
}

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

.CommentWrite-textarea{
	display:block;
	width:100%;
	height: 12.625rem;
	background-color:#F5F7F7;
	border:solid 1px #D8DADA;
	padding:1.25rem 1.25rem;
	resize:none;
	font-size:1rem;
	line-height:1.5em;
	color:#000;
}

.CommentWrite-textarea::-webkit-input-placeholder {
	color:#999;
}

.CommentWrite-textarea:-ms-input-placeholder {
	color:#999;
}

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

body .CommentWriteBtn{
	font-size:1rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	padding:0.5rem 0.75rem;
	padding-left:2.13rem;
	background-color:#000;
	display:inline-block;
	position:relative;
}

body .CommentWriteBtn:before{
	content:"";
	width: 1.125rem;
	height: 1.125rem;
	background-image:url(../../images/icon/ico_comment_write.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0.75rem;
	transform:translateY(-50%);
	margin-top:-0.05rem;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.CommentWrite-title{
		font-size:1.25rem;
	}
}

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

.CommentViewHeader{
	margin-bottom:1.25rem; 
}

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

.CommentViewHeaderTitle-text{
	vertical-align:middle;
	font-size: 1.5rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	margin-right:0.5rem;
}

.CommentViewHeaderTitle-count{
	vertical-align:middle;
	font-size: 1.5rem;
	line-height:1.2em;
	color:#433878;
	font-weight:700;
}

.CommentList{
	border-top:solid 2px #000;
}

.CommentList-item{
	border-bottom:solid 1px #D8DADA;
}

.CommentPost{
	padding:1.87rem 0;
	display:flex;
}

.CommentPostThumb{
	width: 4.375rem;
	height: 4.375rem;
	position:relative;
	border-radius:100% 100%;
	overflow:hidden;
}

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

.CommentPostCnt{
	width:calc(100% - 4.375rem);
	padding-left:1.25rem;
}

.CommentPostHead{
	display:flex;
	justify-content:space-between;
	align-items:start;
	margin-bottom:0.62rem;
}

.CommentPostHead-name{
	font-size: 1.25rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	padding-right:1rem;
	word-break:normal;
}

.CommentPostHeadMeta{
	font-size:0;
	line-height:0;
	white-space:nowrap;
	padding-top:0.2rem;
}

.CommentPostHead-date{
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	display:inline-block;
}

.CommentPostHead-apply{
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	display:inline-block;
	position:relative;
	padding-left:calc(1.25rem + 1px);
	margin-left:1.25rem;
	display:none;
}

.CommentPostHead-apply:before{
	content:"";
	width:1px;
	height:0.875rem;
	background-color:#DADADA;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.CommentPostHead-del{
	font-size:1rem;
	line-height:1.4em;
	color:#666;
	display:inline-block;
	margin-left:1.25rem;
	display:none;
}

.CommentPostCnt-text{
	font-size: 1rem;
	line-height:1.6em;
	color:#666;
}

.MyWord .CommentPostHead-apply{
	display:inline-block;
}

.MyWord .CommentPostHead-del{
	display:inline-block;
}

.CommentList .no-comments{
	padding:1rem 0;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.CommentView{
		margin-top:3.5rem;
	}
	
	.CommentViewHeaderTitle-text{
		font-size:1.25rem;
	}
	
	.CommentViewHeaderTitle-count{
		font-size:1.25rem;
	}
	
	.CommentPostHead-name{
		font-size:1.125rem;
	}
	
	.CommentPostHead-date{
		font-size:0.875rem;
	}
	
	.CommentPostHead-apply{
		font-size:0.875rem;
	}
	
	.CommentPostHead-apply:before{
		height:0.75rem;
	}
	
	.CommentPostHead-del{
		font-size:0.875rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CommentPostThumb{
		width: 3.375rem;
		height: 3.375rem;
	}
	
	.CommentPostCnt{
		width: calc(100% - 3.375rem);
		padding-left: 0.75rem;
	}
	
	.CommentPostHead{
		margin-bottom: 0.95rem;
		display:block;
		padding-top:0.2rem;
	}
	
	.CommentPostHeadMeta{
		padding-top:0;
		margin-top:0.2rem;
		white-space: normal;
	}
	
	.CommentPostHead-date{
		display:block;
		margin-bottom:0.5rem;
	}
	
	.CommentPostHead-apply{
		margin-left:0;
		padding-left:0;
	}
	
	.CommentPostHead-apply:before{
		display:none;
	}
	
	.CommentPostCnt-text{
		margin-left:-4.125rem;
	}
	
	.CommentList-item:last-child{
		border-bottom:none;
	}
	
	.CommentList-item:last-child .CommentPost{
		padding-bottom:0;
	}
}

/*=========================================================
	PhotoSwipe
=========================================================*/
.admin-bar .pswp__top-bar{
	top:32px;
}

.pswp__button--fullscreen{
	position: absolute;
    top: 21px;
	right: 70px;
    font-size: 21px;
    color: #fff;
    line-height: 1em;
    z-index: 10;
}

.admin-bar .pswp__button--fullscreen{
	top: 53px;
}

.pswp--zoom-allowed .pswp__button--fullscreen{
	right: 118px;
}

.pswp .pswp__hide-on-close{
	opacity:1;
}

.ZoomImg{
	cursor: zoom-in;
}

@media screen and (max-width:1024px) and (min-width:1px){
	.pswp__button--fullscreen{
		display:none !important;
	}
}

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

/*=========================================================
	TopEventBanner
=========================================================*/
.TopEventBanner{
	position:absolute;
	top:0;
	left:0;
	right:0;
	background-color:#F5F7F7;
	display:none;
	z-index:1000;
}

.TopEventBanner-link:after{
	content:"";
	display:block;
	padding-bottom:17.7%;
}

.TopEventBanner-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
	
@media screen and (min-width:1025px){
	.is-Event .TopEventBanner{
		display:block;
	}

	.TopEventBanner-link{
		display:block;
		line-height:0;
	}

	.is-Event .site-header{
		top: 21rem;
	}

	.is-Event.site{
		padding-top: 33.6rem;
	}

	body .TopEventBanner-close{
		width: 1.5rem;
		height: 1.5rem;
		position:absolute;
		top:2.5rem;
		right:5rem;
		background-image:url(../../images/icon/ico_topbanner_close.svg);
		background-size:100% 100%;
		z-index:10;
	}
}

@media screen and (max-width:120rem) and (min-width:1025px){
	.is-Event.site{
		padding-top: calc(12.6rem + 17.5vw);
	}
	
	.is-Event .site-header{
		top: 17.5vw;
	}
}

@media screen and (max-width:1440px) and (min-width:1025px){
	body .TopEventBanner-close{
		top:2rem;
		right:2rem;
	}
	
	.is-Event.site{
		padding-top: calc(12.5rem + 17.5vw);
	}
}

/*=========================================================
	VideoPop
=========================================================*/
.VideoPop{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	visibility:hidden;
	z-index:1005;
}

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

.VideoPopBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
}

.VideoPopSec{
	position:absolute;
	top:50%;
	left:50%;
	width:calc(100% - 10rem);
	max-width: 62rem;
	transform:translate(-50%, -50%);
	padding-top:4.3125rem;
	z-index:5;
}

.VideoPopSec-close{
	width: 3.0625rem;
	height: 3.0625rem;
	background-image:url(../../images/icon/ico_pop_close.svg);
	background-size:100% 100%;
	position:absolute;
	top:0;
	right:0;
}

.VideoPopPost{
	background-color:#fff;
	padding:2.75rem 2.75rem;
	max-height:calc(100vh - 8rem);
	max-height:calc(100svh - 8rem);
	overflow:hidden;
	overflow-y:auto;
}

.VideoPopPost-title{
	font-size: 1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:700;
	margin-bottom:1.25rem;
}

.VideoPopPost-video{
	position:relative;
	background-color:#F5F7F7;
}

.VideoPopPost-video:after{
	content:"";
	display:block;
	padding-bottom:56.2%;
}

.VideoPopPost-iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.VideoPopPost-title{
		font-size:1.25rem;
	}
	
	.VideoPopPost{
		padding: 1.5rem 1.5rem;
	}
	
	.VideoPopSec-close{
		width:2rem;
		height:2rem;
	}
	
	.VideoPopSec{
		width: calc(100% - 4rem);
		padding-top:3rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.VideoPopPost-title{
		font-size:1rem;
		margin-bottom: 0.75rem;
	}
	
	.VideoPopPost{
		padding: 1.25rem 1.25rem;
	}
	
	.VideoPopSec-close{
		width:2rem;
		height:2rem;
	}
	
	.VideoPopSec{
		width: calc(100% - 2.5rem);
		padding-top:3rem;
	}
}

/*=========================================================
	Hero
=========================================================*/
.MainHero{
	margin-bottom:5.6rem;
}

.MainHeroPost{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
}

.MainHeroPostThumb{
	position:relative;
	height:100%;
}

.MainHeroPostThumb:after{
	content:"";
	display:block;
	padding-bottom:43.35%;
}

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

.MainHeroSlide-pagination{
	margin-top:2.5rem;
	text-align:center;
	font-size:0;
	line-height:0;
	display:none;
}

.is-View.MainHeroSlide-pagination{
	display:block;
}

.MainHeroSlide-pagination .swiper-pagination-bullet{
	margin:0 0.313rem;
	display:inline-block;
	width:3rem;
	height:2px;
	background-color:#D9D9D9;
	cursor:pointer;
}

.MainHeroSlide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#000;
}

.MainHeroCnt{
	margin-top:2.5rem;
	text-align:center;
	max-width: 85vw;
    margin-left: auto;
    margin-right: auto;
}

.MainHeroCnt-title{
	font-size: 3rem;
	line-height:1.3em;
	color:#000;
	font-weight:700;
	font-family: Baskerville, 'MaruBuri', Helvetica, "Apple SD Gothic Neo", Dotum, 돋움, sans-serif;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2.6em;
}

.MainHeroCnt-titlelink{
	color:#000;
}

.MainHeroCnt-sub{
	margin-top:2rem;
	font-size: 1.25rem;
	line-height:1.5em;
	color:#666;
	font-weight:600;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 3em;
}

.MainHeroCnt-sublink{
	color:#000;
}

.MainHeroCnt .DfPostMeta{
	margin-top:1.4rem;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MainHero{
		margin-left:-2rem;
		margin-right:-2rem;
		margin-bottom:5rem;
	}
	
	.MainHeroSlide-pagination{
		margin-top:1.25rem;
	}
	
	.MainHeroSlide-pagination .swiper-pagination-bullet{
		width:2.5rem;
	}
	
	.MainHeroCnt{
		margin-top:1.35rem;
		max-width: 96vw;
		padding:0 2rem;
	}
	
	.MainHeroCnt-title{
		font-size: 1.438rem;
		-webkit-line-clamp: 3;
		max-height: 3.9em;
	}
	
	.MainHeroCnt-sub{
		font-size: 1rem;
		margin-top:0.63rem;
		font-weight:500;
	}
	
	.MainHeroCnt .DfPostMeta{
		display:none;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainHero{
		margin-left:-1.25rem;
		margin-right:-1.25rem;
	}
	
	.MainHeroCnt{
		padding:0 1.25rem;
	}
}

/* =========================================================*/
/*	TitleLine 
=========================================================*/
.TitleLine{
	font-size:0;
	line-height:0;
	position:relative;
	text-align:center;
}

.TitleLine:before{
	content:"";
	width:100%;
	height:2px;
	background-color:#666;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.TitleLine-text{
	display:inline-block;
	font-size: 3rem;
	line-height:1.2em;
	color:#666;
	font-weight:700;
	padding:0 1.25rem;
	position:relative;
	background-color:#fff;
	font-family: Baskerville;
	z-index:5;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.TitleLine-text{
		font-size:1.75rem;
	}
}

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

.HeadlineTitle{
	margin-bottom:3.25rem;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MainSec{
		margin-bottom:5.13rem;
	}
	
	.HeadlineTitle{
		margin-bottom:1.25rem;
	}
}

/* =========================================================*/
/*	LineList 
=========================================================*/
.LineList-inner{
	margin:0 -1.19rem;
	display:flex;
}

.LineList-item{
	padding:0 1.19rem;
	border-right:solid 1px #D9D9D9;
}

.LineList-item:last-child{
	border-right:none;
}

.ColTwo .LineList-item{
	width:50%;
}

.ColThree .LineList-item{
	width:33.3333%;
}

.ColFour .LineList-item{
	width:25%;
}

.DfPost.Portrait .DfPostThumb:after{
	padding-bottom:102.3%;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.LineList-inner{
		margin:0 -0.625rem;
	}
	
	.LineList-item{
		padding:0 0.625rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.LineList-inner{
		display:block;
		margin:0;
	}
	
	.LineList-item{
		padding:0;
		width:100% !important;
		border-right:none;
	}
	
	.LineList-item + .LineList-item{
		padding-top:0;
		margin-top:2.5rem;
	}
}

/* =========================================================*/
/*	MainAdBanner 
=========================================================*/
.MainAdBanner{
	background-color:#F5F7F7;
	line-height:0;
}

.MainAdBanner-link{
	display:block;
	line-height:0;
	position:relative;
}

.MainAdBanner-link:after{
	content:"";
	display:block;
	padding-bottom:17.7%;
}

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

@media screen and (min-width: 768px) {
	.MainAdBanner-img.Mo{
		display:none;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainAdBanner-img.Pc{
		display:none;
	}
	
	.MainAdBanner-link:after{
		padding-bottom: 90.9%;
	}
}

/* =========================================================*/
/*	MainNews 
=========================================================*/
.MainNews{
	background-color:#F5F3F1;
	padding:7.5rem 0;
}

.MainNews .DfPost.Landscape .DfPostThumb:after{
	padding-bottom: 70%;
}

.MainNews .DfPost.Portrait .DfPostThumb:after{
	padding-bottom: 126.3%;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MainNews{
		padding:2.5rem 0;
	}
	
	.MainNews .LineList{
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.MainNews .LineList-inner{
		display:block;
		white-space:nowrap;
		margin:0;
		font-size:0;
		line-height:0;
		overflow:hidden;
		overflow-x:auto;
		padding:0 2rem;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	.MainNews .LineList-inner::-webkit-scrollbar {
	  display: none;
	}
	
	.MainNews .LineList-item{
		display:inline-block;
		width: 19.5rem !important;
		vertical-align:top;
		padding:0;
		border-right:none;
		margin-right:1.25rem;
		margin-top:0 !important;
	}
	
	.MainNews .LineList-item:last-child{
		margin-right:0;
	}
	
	.MainNews .DfPostCnt-title{
		white-space:normal;
	}
	
	.MainNews .DfPostCnt-text{
		white-space:normal;
	}
	
	.MainNews .DfPost.Portrait .DfPostThumb:after{
		padding-bottom: 70%;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainNews .LineList{
		margin-left:-1.25rem;
		margin-right:-1.25rem;
	}
	
	.MainNews .LineList-inner{
		padding:0 1.25rem;
	}
}

/* =========================================================*/
/*	LandscapePost 
=========================================================*/
.LandscapePost-link{
	display:flex;
}

.LandscapePostThumb{
	order:2;
	width:calc(50% - 1.25rem);
	position:relative;
	overflow:hidden;
}

.LandscapePostThumb:after{
	content:"";
	display:block;
	padding-bottom:55%;
}

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

.LandscapePostCnt{
	width:calc(50% + 1.25rem);
	background-color:#F5F7F7;
	padding:3.75rem 3.75rem;
}

@media screen and (min-width:1025px){
	.LandscapePost-link:hover .LandscapePostThumb-img{
		transform:scale(1.1);
	}
}

@media screen and (max-width: 1440px) and (min-width: 1px) {
	.LandscapePostCnt{
		padding: 3.906vw 3.906vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.LandscapePost-link{
		display:block;
	}
	
	.LandscapePostThumb{
		width:auto;
		margin-left:-1.25rem;
		margin-right:-1.25rem;
		margin-bottom: 0.8rem;
	}
	
	.LandscapePostCnt{
		width:100%;
		background-color:transparent;
		padding:0;
	}
	
	.LandscapePostThumb:after{
		padding-bottom:64%;
	}
}

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

.DfRowList-item{
	padding:2.375rem 1.25rem;
}

.ColTwo .DfRowList-item{
	width:50%;
}

.ColThree .DfRowList-item{
	width:33.3333%;
}

.ColFour .DfRowList-item{
	width:25%;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.DfRowList-inner{
		margin:-0.875rem -0.625rem;
	}
	
	.DfRowList-item{
		width:50% !important;
		padding:0.875rem 0.625rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.DfRowList:not(.MoTwo) .DfRowList-inner{
		margin:-1.25rem -0.625rem;
	}
	
	.DfRowList:not(.MoTwo) .DfRowList-item{
		width:100% !important;
		padding:1.25rem 0.625rem;
	}
}

/* DfRowList : MoTwo
=========================================================*/
@media screen and (max-width: 767px) and (min-width: 1px) {
	.DfRowList.MoTwo .DfRowList-inner{
		margin:-0.82rem -0.47rem;
	}
	
	.DfRowList.MoTwo .DfRowList-item{
		padding:0.82rem 0.47rem;
		width:50% !important;
	}
	
	.DfRowList.MoTwo .DfPostCnt-title{
		font-size:1rem;
		margin-bottom:0;
	}
	
	.DfRowList.MoTwo .DfPostCnt-text{
		display:none;
	}
	
	.DfRowList.MoTwo .DfPostMeta-text{
		font-size:0.75rem;
	}
}

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

/* =========================================================*/
/*	MainDis 
=========================================================*/
.MainDis{
	padding:7.5rem 0;
	background-color:#000;
}

.MainDisTitle{
	float:left;
	margin-right:5rem;
}

.MainDisCnt{
	overflow:hidden;
}

.MainDis .SecHeader-title{
	color:#999;
}

.MainDisList-item + .MainDisList-item{
	padding-top:2.5rem;
	margin-top:2.5rem;
	border-top:solid 1px #585858;
}

.MainDis .DfPostCnt-title{
	color:#fff;
}

.MainDis .DfPostCnt-text{
	color:#fff;
}

.MainDis .DfPostMeta-text{
	color:#BBB;
}

.MainDis .DfPostMeta-text:after{
	background-color:#bbb;
}

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

.MainDis .Df-more{
	color:#999;
}

.MainDis .Df-more:after{
	background-image: url(../../images/icon/ico_view_arrow_w.svg);
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MainDisTitle{
		margin-right:5.208vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MainDis{
		padding:2.5rem 0;
	}
	
	.MainDisTitle{
		float:none;
		margin-right:0;
		margin-bottom:1.25rem;
	}
	
	.MainDisBtn{
		margin-top:3.1rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainDisList-item + .MainDisList-item{
		padding-top:0;
		border-top:none;
	}
}

/* =========================================================*/
/*	LcPost 
=========================================================*/
.LcPost-link{
	display:flex;
	width:100%;
	align-items:start;
}

.LcPostThumb{
	position:relative;
	width:33.3%;
	overflow:hidden;
}

.LcPostThumb:after{
	content:"";
	display:block;
	padding-bottom:64%;
}

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

.LcPostCnt{
	width:66.7%;
	padding-left:2.5rem;
}

@media screen and (min-width:1025px){
	.LcPost-link:hover .LcPostThumb-img{
		transform:scale(1.1);
	}
	
	.LcPost .DfPostCnt-text{
		-webkit-line-clamp: 3;
		max-height: 4.5em;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.LcPost-link{
		display:block;
	}
	
	.LcPostThumb{
		width:100%;
		margin-bottom:0.8rem;
	}
	
	.LcPostCnt{
		width:100%;
		padding-left:0;
	}
}

/* =========================================================*/
/*	MainVideo 
=========================================================*/
.MainVideoList .LineList-item{
	width:25%;
}

.MainVideoList .LineList-item:first-child{
	width:50%;
}

.MainVideoAd-link{
	display:block;
	position:relative;
	overflow:hidden;
}

.MainVideoAd-link[href="javascript:void(0);"]{
	cursor:auto;
}

.MainVideoAd-link:after{
	content:"";
	display:block;
	padding-bottom:146.5%;
}

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

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

@media screen and (min-width:1025px){
	.MainVideoAd-link:hover .MainVideoAd-img{
		transform:scale(1.1);
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MainVideoList .LineList-item:first-child{
		width:40%;
		min-width:21rem;
	}
	
	.MainVideoList .LineList-item:nth-child(2){
		width:30%;
		min-width:21rem;
	}
	
	.MainVideoList .LineList-item:last-child{
		flex:1;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainVideoList .LineList-inner{
		flex-wrap:wrap;
	}
	
	.MainVideoList .LineList-item:first-child{
		width:100%;
		border-right:none;
		margin-bottom:2.5rem;
	}
	
	.MainVideoList .LineList-item:nth-child(2){
		width:55%;
		min-width:28rem;
	}
	
	.MainVideoList .LineList-item:nth-child(3){
		flex:1;
	}
	
	.MainVideoList .VideoLsPostCnt{
		padding-right:0.5rem;
	}
}

/* =========================================================*/
/*	VideoLsPost 
=========================================================*/
.VideoLsPost-link{
	display:flex;
	width:100%;
	align-items:start;
}

.VideoLsPostThumb{
	width:34.7%;
	position:relative;
	overflow:hidden;
}

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

.VideoLsPostThumb:after{
	content:"";
	display:block;
	padding-bottom:73.5%;
}

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

.VideoLsPostCnt{
	width:65.3%;
	padding-left:1.25rem;
	display: flex;
	flex-direction: column;
    justify-content:space-between;
}

.VideoLsPostCnt-title{
	font-size: 1.125rem;
    line-height: 1.4em;
    color: #000;
    font-weight: 600;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2.8em;
}

@media screen and (min-width:1025px){
	.VideoLsPost-link:hover .VideoLsPostThumb-img{
		transform:scale(1.1);
	}
}

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

@media screen and (max-width: 767px) and (min-width: 1px) {
	.VideoLsPostThumb{
		width: 54%;
	}
}

/* =========================================================*/
/*	Page Layout 
=========================================================*/
.PageSec{
	padding-top:2.25rem;
}

.PageTitle{
	text-align:center;
	font-size: 2.25rem;
	line-height:1.4em;
	color:#000;
	font-weight:700;
	margin-bottom:1.87rem;
}

.PageSec.MtNone{
	padding-top:0;
}

/* Page : SecLogin
=========================================================*/
.SecLogin{
	width: 27.5rem;
	max-width:100%;
	margin:0 auto;
}


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

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

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

.EasyLoginLink{
	display:block;
	padding:1.3rem 1.25rem;
	font-size:0;
	line-height:0;
	text-align:center;
}

.EasyLoginLink-text{
	font-size: 1rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	display:inline-block;
	padding-left:2.12rem;
	position:relative;
}

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

.EasyLoginLink.KaKao{
	background-color:#FFEA0F;
}

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

.EasyLoginLink.Naver{
	background-color:#3BC800;
}

.Naver .EasyLoginLink-text{
	color:#fff;
}

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

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

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

.Google.EasyLoginLink{
	padding:calc(1.3rem - 2px) calc(1.25rem - 2px);
}

.SaveLogin{
	margin-top:1.31rem;
	font-size:0;
	line-height:0;
}

.FormCheck{
	display:inline-block;
}

.FormCheck-input{
	display:none;
}

.FormCheck-text{
	font-size:1rem;
	line-height:1.4em;
	color:#000;
	padding-left:2rem;
	position:relative;
	display:block;
}

.FormCheck-text:before{
	content:"";
	width: 1.5rem;
	height: 1.5rem;
	background-image:url(../../images/icon/ico_login_save.svg);
	background-size:100% 100%;
	position:absolute;
	top:-0.12rem;
	left:0;
}

.FormCheck-input:checked + .FormCheck-text:before{
	background-image:url(../../images/icon/ico_login_save_active.svg);
}

.FormBtn{
	margin-top:1.94rem;
}

.FormBtn-link{
	font-size: 1.25rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	text-align:center;
	padding:1.15rem 1.12rem;
	background-color:#000;
	display:block;
}

.FormBtn-link.Bor{
	border:solid 1px #000;
	padding:calc(1.15rem - 1px) 1.12rem;
	background-color:transparent;
	color:#000;
}

.FormBtn + .FormBtn{
	margin-top:0.87rem;
}

.LoginMeta{
	margin-top:1.44rem;
}

.LoginMeta-inner{
	font-size:0;
	line-height:0;
	text-align:center;
	margin:0 -0.625rem;
}

.LoginMeta-item{
	display:inline-block;
	padding:0 0.625rem;
	position:relative;
}

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

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

.LoginMeta-link{
	display:block;
	font-size: 0.875rem;
	line-height:1.2em;
	color:#333;
}

.is-Current .LoginMeta-link{
	font-weight:700;
	position:relative;
}

.is-Current .LoginMeta-link:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background-color:#000;
}

/* =========================================================*/
/*	FormList
=========================================================*/
.FormList-item + .FormList-item{
	margin-top:0.87rem;
}

.FormBoxInput{
	display:block;
	border: 1px solid #D9D9D9;
	position:relative;
}

.FormBox-text{
	position:absolute;
	top:0.6rem;
	left:1.19rem;
	font-size: 0.75rem;
	line-height:1.2em;
	color:#999;
}

body .FormBox-input{
	display:block;
	padding:1.81rem 1.19rem 0.56rem;
	font-size:1rem;
	line-height:normal;
	color:#000;
	width:100%;
}

.FormBox.isBtn{
	position:relative;
}

.isBtn .FormBoxInput{
	position:relative;
}

.FormBox.isPassword{
	position:relative;
}

.isPassword .FormBoxInput{
	padding-right:4rem;
}

body .FormBoxInput:not(.is-Typing) .FormBox-input + .FormBox-text{
	font-size: 1rem;
	top:50%;
	transform:translateY(-50%);
}

.FormBoxInput.is-Focus{
	border-color:#000;
}

.FormError{
	margin-top:0.5rem;
	font-size:0.875rem;
	line-height:1.4em;
	color:#F55F0D;
}

body .PasswordView{
	position:absolute;
	width: 1.5rem;
	height: 1.5rem;
	background-image:url(../../images/icon/ico_passowrd_view.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:1.19rem;
	transform:translateY(-50%);
}

body .PasswordView.is-View{
	background-image:url(../../images/icon/ico_passowrd_view_active.svg);
}

/*=========================================================
	PgTopBanner
=========================================================*/
.PgTopBanner{
	position:relative;
	margin-bottom:5rem;
	left:50%;
	transform:translateX(-50%);
	width:100vw;
	max-width:120rem;
}

.PgTopBanner-link{
	position:relative;
	display:block;
}

.PgTopBanner-link:after{
	content:"";
	display:block;
	padding-bottom:22%;
}

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

.PgTopBanner-link[href="javascript:void(0);"]{
	cursor:auto;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.PgTopBanner{
		margin-bottom:4.5rem;
	}
}

@media screen and (min-width: 768px) {
	.PgTopBanner-img.Mo{
		display:none;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PgTopBanner-link:after{
		padding-bottom:40%;
	}
	
	.PgTopBanner-img.Pc{
		display:none;
	}
}

/*=========================================================
	ListHeader
=========================================================*/
.ListHeader{
	margin-bottom:1.88rem;
	padding-top:0.6rem;
	position:relative;
}

.ListHeader-title{
	font-size: 2.25rem;
	line-height:1.125em;
	font-family: Baskerville;
	color:#666;
	font-weight:700;
}

.ListHeader-title .FontDf{
	font-size: 0.875em;
    position: relative;
    top: -0.125rem;
}

.ListHeader.Search .ListHeader-title{
	font-family:'MaruBuri';
}

.ListFilter{
	border-top:solid 2px #000;
	margin-top:1.05rem;
	padding-top:1.87rem;
}

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

.ListFilterNav{
	flex:1;
	padding-right:1rem;
}

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

.ListFilterNav-item{
	margin-right:1.25rem;
	display:inline-block;
	vertical-align:middle;
}

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

.ListFilterNav-link{
	font-size: 1.25rem;
	line-height:1.2em;
	color:#666;
	font-weight:700;
	position:relative;
	font-family: Baskerville;
}

.ListFilterNav-link:after{
	content:"";
	width:100%;
	height:1px;
	background-color:#000;
	position:absolute;
	bottom:0;
	left:0;
	opacity:0;
}

.is-Current .ListFilterNav-link{
	color:#000;
}

.is-Current .ListFilterNav-link:after{
	opacity:1;
}

.NoNav.ListFilter{
	padding:0;
}

.ListFilterTotal{
	font-size: 1.25rem;
	line-height:1.2em;
	color:#666;
	font-weight:600;
	padding-right:1rem;
	flex:1;
}

.ListFilterTotal-count{
	color:#000;
	font-weight:700;
}

.ListHeader-filterBtn{
	display: block;
    border: solid 1px #E2E5EB;
    font-size: 1rem;
    line-height: 1.2em;
    color: #000;
    padding: 1rem 1.65rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	position:absolute;
	top: 0.1rem;
    right: 11rem;
}

.ListHeader-filterBtn.is-View{
	background-color:#000;
	color:#fff;
	border-color:#000;
}

@media screen and (min-width: 1025px) {
	.NoNav .ListFilterFlex .ListFilterSel{
		position:absolute;
		top: 0.1rem;
		right:0;
	}
}

@media screen and (min-width: 768px) {
	.PcRight.ListHeader-filterBtn{
		right:0;
	} 
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.ListHeader{
		margin-bottom:1.45rem;
	}

	.ListHeader-title{
		font-size:1.75rem;
	}
	
	.ListFilter{
		padding-top:1.5rem;
	}
	
	.ListFilterNav-link{
		font-size:1rem;
	}

	.ListHeader:not(.Search) .NoNav .ListFilterFlex .ListFilterSel{
		position:absolute;
		top: 0.16rem;
		right:0;
	}
	
	.ListFilterTotal{
		font-size:1rem;
	}
	
	.ListHeader-filterBtn{
		font-size: 0.875rem;
        padding: 0.75rem 1rem;
		top: 0.12rem;
		height: 2.75rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ListHeader{
		position:relative;
	}
	
	.ListHeader:not(.Search) .ListFilter{
		display:block;
	}
	
	.ListFilterFlex{
		margin-bottom:1.5rem;
		display:block;
	}
	
	.Search .ListFilterFlex{
		display:flex;
	}
	
	.ListFilterNav{
		margin-right:-1.25rem;
		padding-right:0;
		margin-left:-1.25rem;
	}
	
	.ListFilterNav-inner{
		overflow:hidden;
		overflow-x:auto;
		white-space:nowrap;
		padding:0 1.25rem;
		-ms-overflow-style: none;
		scrollbar-width: none;
		padding-bottom:1px;
	}
	
	.ListFilterNav-inner::-webkit-scrollbar {
		display: none;
	}
	
	.ListFilterTotal{
		padding-right:0;
	}
	
	.Search.ListHeader{
		margin-bottom:1rem;
	}
	
	.ListHeader-filterBtn{
		right:8.5rem;
		top:0.16rem;
		font-weight:600;
	}
	
	.single-brands .ListHeader:not(.Search) .ListFilterFlex .ListFilterSel{
		top:auto;
		bottom: -0.7rem;
		width: 7.5rem;
	}
	
	.single-brands .ListFilterNav-item{
		margin-right: 1rem;
	}
	
	.single-brands .ListHeader{
		margin-bottom:1.7rem;
	}
}

/*	ListHeader : ListFilterSel
=========================================================*/
.ListFilterSel{
	width: 10.5625rem;
	position:relative;
	z-index:10;
}

.ListFilterSel-text{
	display:block;
	border:solid 1px #E2E5EB;
	font-size: 1rem;
	line-height:1.2em;
	color:#000;
	padding:1rem 1rem;
	background-color:#fff;
	position:relative;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding-right:3rem;
}

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

.ListFilterSelSub{
	position:absolute;
	width:100%;
	background-color:#fff;
	border:solid 1px #E2E5EB;
	padding:0.5rem 0;
	margin-top:-1px;
	max-height:13rem;
	overflow:hidden;
	overflow-y:auto;
	display:none;
}

.is-Open .ListFilterSelSub{
	display:block;
}

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

.ListFilterSel-link{
	font-size: 0.875rem;
	line-height:1.2em;
	color:#000;
	padding:0.5rem 1rem;
	display:block;
}

.is-Current .ListFilterSel-link{
	text-decoration:underline;
	font-weight:600;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.ListFilterSel-text{
		font-size:0.875rem;
		padding: 0.75rem 0.875rem;
		padding-right:2.5rem;
		height: 2.75rem;
	}
	
	.ListFilterSel-link{
		padding: 0.45rem 0.875rem;
	}
	
	.ListFilterSel-text:after{
		width:1.1rem;
		height:1.1rem;
		right:0.875rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ListHeader:not(.Search) .ListFilterFlex .ListFilterSel{
		position:absolute;
		top: 0.16rem;
		right:0;
		width: 8rem;
	}
	
	.ListFilterSel-text{
		font-weight:600;
	}
}

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

.SecList-item{
	padding:1.25rem 1.25rem;
}

.SecList-item.AdBanner{
	width:100% !important;
}

.ColTwo .SecList-item{
	width:50%;
}

.ColThree .SecList-item{
	width:33.3333%;
}

.ColFour .SecList-item{
	width:25%;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.SecList-inner{
		margin:-0.875rem -0.625rem;
	}
	
	.SecList-item{
		width:50% !important;
		padding:0.875rem 0.625rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SecList-inner{
		margin:-1.25rem -0.625rem;
	}
	
	.SecList-item{
		width:100% !important;
		padding:1.25rem 0.625rem;
	}
}

/*=========================================================
	PgTopSearch
=========================================================*/
.PgTopSearch{
	position:relative;
	background-color:#F5F7F7;
	margin-bottom:2.5rem;
	padding:5.25rem 0;
}

.PgTopSearch:before{
	content:"";
	width:100vw;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	background-color:#F5F7F7;
}

.PgTopSearchInput{
	position:relative;
	background-color:#fff;
	width:100%;
	max-width: 42.25rem;
	margin:0 auto;
	padding-right:3rem;
	z-index:5;
}

.PgTopSearchInput::-webkit-input-placeholder {
	color:#999;
}

.PgTopSearchInput:-ms-input-placeholder {
	color:#999;
}

body .PgTopSearchInput-text{
	display:block;
	width:100%;
	font-size: 1.125rem;
	line-height:normal;
	color:#000;
	padding:1.37rem 1.5rem;
}

body .PgTopSearchInput-btn{
	width: 1.5rem;
	height: 1.5rem;
	display:block;
	background-image:url(../../images/icon/ico_search.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:1.5rem;
	transform:translateY(-50%);
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.PgTopSearch{
		padding:3.5rem 0;
		margin-bottom: 3.5rem;
	}
	
	body .PgTopSearchInput-text{
		font-size:1rem;
		padding: 0.94rem 0.8rem;
	}
	
	body .PgTopSearchInput-btn{
		right:0.8rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PgTopSearch{
		padding:2.5rem 0;
	}
}

/*=========================================================
	Paging
=========================================================*/
.Paging{
	margin-top:5rem;
	text-align:center;
	font-size:0;
	line-height:0;
}

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

.Paging-item:not(.TypeIco){
	margin:0 0.94rem;
}

.Paging-item:not(.TypeIco) .Paging-link{
	width: 3.1875rem;
	height: 3.375rem;
	display:block;
	position:relative;
	background-color:#F6F6F6;
}

.Paging-item:not(.TypeIco) span.Paging-link{
	background-color:#000;
}

.Paging-item:not(.TypeIco) span.Paging-link .Paging-text{
	color:#fff;
	font-weight:700;
}

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

.Paging-item.First{
	margin-right:1.5rem;
}

.First .Paging-link{
	display:block;
	width: 1.25rem;
	height: 1.125rem;
	background-image:url(../../images/icon/ico_paging_first.svg);
	background-size:100% 100%;
}

.Paging-item.Prev{
	margin-right:2rem;
}

.Prev .Paging-link{
	display:block;
	width: 0.625rem;
	height: 1.125rem;
	background-image:url(../../images/icon/ico_paging_prev.svg);
	background-size:100% 100%;
}

.Paging-item.Next{
	margin-left:2rem;
}

.Next .Paging-link{
	display:block;
	width: 0.625rem;
	height: 1.125rem;
	background-image:url(../../images/icon/ico_paging_next.svg);
	background-size:100% 100%;
}

.Paging-item.Last{
	margin-left:1.5rem;
}

.Last .Paging-link{
	display:block;
	width: 1.25rem;
	height: 1.125rem;
	background-image:url(../../images/icon/ico_paging_last.svg);
	background-size:100% 100%;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.Paging{
		margin-top:4rem;
	}
	
	.Paging-item:not(.TypeIco){
		margin:0.25rem;
	}
	
	.Paging-text{
		font-size:0.875rem;
	}
	
	.Paging-item:not(.TypeIco) .Paging-link{
		width:2.2rem;
		height:2.2rem;
	}
	
	.Paging-item.First{
		margin-right:1rem;
	}
	
	.Paging-item.Prev{
		margin-right:0.8rem;
	}
	
	.Paging-item.Next{
		margin-left:0.8rem;
	}
	
	.Paging-item.Last{
		margin-left:1rem;
	}
	
	.First .Paging-link{
		width: 1rem;
		height: 0.9rem;
	}

	.Prev .Paging-link{
		width: 0.5rem;
		height: 0.9rem;
	}

	.Next .Paging-link{
		width: 0.5rem;
		height: 0.9rem;
	}

	.Last .Paging-link{
		width: 1rem;
		height: 0.9rem;
	}
}

/*=========================================================
	BrandFilter
=========================================================*/
.BrandFilter{
	margin:0 auto 3.75rem;
	width:100%;
	max-width:92rem;
}
.BrandFilter .ListHeader-title{
	margin-bottom:1.25rem;
}

.BrandFilterFixSc{
	padding:1.88rem 2rem;
	background-color:#F5F7F7;
}

.is-Fixed.BrandFilterFixSc{
	position:fixed;
	top:4.8rem;
	left:0;
	width:100%;
	z-index:20;
}

.is-Fixed .BrandFilterFix-inner{
	max-width:calc(100% - 4rem);
	width:82rem;
	margin:0 auto;
}

.admin-bar .is-Fixed.BrandFilterFixSc{
	top:calc(4.8rem + 32px);
}

.BrandFilterFix-inner{
	display:flex;
	justify-content:space-between;
}

.BrandFilterFix-item{
	font-size:0;
	line-height:0;
	text-align:center;
}

.BrandFilterFix-link{
	display:inline-block;
	font-size: 1.5rem;
	line-height:1.2em;
	color:#666;
	font-weight:600;
	position:relative;
}

.None .BrandFilterFix-link{
	opacity:0.2;
}

.BrandFilterFix-link:after{
	content:"";
	width:100%;
	height:1px;
	background-color:#000;
	position:absolute;
	bottom:0;
	left:0;
	opacity:0;
}

.is-Current .BrandFilterFix-link{
	color:#000;
}

.is-Current .BrandFilterFix-link:after{
	opacity:1;
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.BrandFilterFixSc{
		padding:1.5rem 2rem;
	}
	
	.BrandFilterFix-link{
		font-size:1.25rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.is-Fixed.BrandFilterFixSc{
		top:0;
	}
	
	.admin-bar .is-Fixed.BrandFilterFixSc{
		top:32px;
	}
	
	.BrandFilterFix-link{
		font-size:1.125rem;
	}
	
	.is-Fixed .BrandFilterFix-inner{
		max-width: calc(100% - 4rem);
		width: 100%;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.is-Fixed.BrandFilterFixSc{
		top:0;
	}
	
	.admin-bar .is-Fixed.BrandFilterFixSc{
		top:32px;
	}
	
	.BrandFilterFix{
		margin-left:-1.25rem;
		margin-right:-1.25rem;
	}
	
	.BrandFilterFix-link{
		font-size:1.125rem;
		display:block;
	}
	
	.BrandFilterFixSc{
		padding:0;
	}
	
	.BrandFilterFix-inner{
		margin:0;
		padding:1.5rem 1.25rem;
		font-size:0;
		line-height:0;
		white-space:nowrap;
		overflow:hidden;
		overflow-x:auto;
		display:block;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	.BrandFilterFix-inner::-webkit-scrollbar {
		display: none;
	}
	
	.is-Fixed .BrandFilterFix-inner{
		max-width:none;
		width: auto;
	}
	
	.BrandFilterFix-item{
		display:inline-block;
		margin-right:1.25rem;
	}
	
	.BrandFilterFix-item:last-child{
		margin-right:0;
	}
}

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

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

.BrandIndex-item{
	width:25%;
	padding:1.25rem 1.25rem;
	position:relative;
}

.BrandIndexSec-title{
	font-family: Baskerville;
	font-size: 2.25rem;
	line-height:1.2em;
	color:#000;
	padding-bottom:1.25rem;
	border-bottom:solid 1px #D8DADA;
	margin-bottom:1.25rem;
}

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

.BrandIndexSecList-item + .BrandIndexSecList-item{
	margin-top:0.875rem;
}

.BrandIndexSecList-link{
	font-family: Baskerville;
	font-size: 1.25rem;
	line-height:1.4em;
	color: #666;
	display:inline-block;
}

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

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.BrandIndexSec-title{
		font-size:2rem;
	}
	
	.BrandIndexSecList-link{
		font-size:1rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.BrandIndex-item{
		width:33.333%;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BrandIndex-item{
		width:50%;
	}
}

/*=========================================================
	BrandsBanner
=========================================================*/
.BrandsBanner{
	position:relative;
	margin-bottom:5rem;
	left:50%;
	transform:translateX(-50%);
	width:100vw;
	max-width:120rem;
}

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

.BrandsBanner:after{
	content:"";
	display:block;
	padding-bottom:28.75rem;
}

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

.BrandsBannerText{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	text-align:center;
	width:64rem;
	max-width:calc(90% - 10rem);
	z-index:10;
}

.BrandsBannerText-title{
	font-size: 3.375rem;
	line-height:1.3em;
	color:#fff;
	font-weight:700;
}

.BrandsBannerTextView{
	margin-top:1.19rem;
}

.BrandsBannerText-text{
	font-size: 1.25rem;
	line-height:1.5em;
	color:#fff;
}

.BrandsBannerTextViewMeta{
	text-align:center;
	margin-top:1.25rem;
	display:none;
}

.BrandsBannerTextViewMeta .Ceo{
	margin-top:0.6rem;
}

.BrandsBannerTextViewMeta .More{
	margin-top:0.6rem;
}

.BrandsBannerText-more{
	color:#fff;
	position:relative;
	display:inline-block;
}

.BrandsBannerText-more:after{
	content:"";
	width:100%;
	height:1px;
	background-color:#fff;
	position:absolute;
	bottom:0;
	left:0;
}

.BrandsBanner:not(.is-View) .BrandsBannerTextView > .BrandsBannerText-text{
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 3em;
}

.BrandsBannerBtn{
	width: 7.4375rem;
	padding:0.7rem 0.5rem 0.65rem;
	border:solid 1px #fff;
	display:block;
	margin:1.35rem auto 0;
	font-size:0;
	line-height:0;
	text-align:center;
}

.BrandsBannerBtn-text{
	font-size:1rem;
	line-height:1.2em;
	color:#fff;
	font-weight:600;
	position:relative;
	padding-right:1.85rem;
}

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

.is-View.BrandsBanner{
	padding:5rem 0;
}

.is-View.BrandsBanner:after{
	display:none;
}

.is-View .BrandsBannerText{
	position:relative;
	top:auto;
	left:auto;
	transform: translate(0, 0);
	margin:0 auto;
}

.is-View .BrandsBannerTextViewMeta{
	display:block;
}

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

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.BrandsBanner{
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.BrandsBannerText{
		max-width:calc(90% - 4rem);
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.BrandsBanner{
		margin-bottom:4.5rem;
	}
	
	.BrandsBannerText-title{
		font-size: 2rem;
	}
	
	.BrandsBannerTextView{
		margin-top:1rem;
	}
	
	.BrandsBannerText-text{
		font-size:1rem;
	}
	
	.BrandsBanner:after{
		padding-bottom:18rem;
	}
	
	.is-View.BrandsBanner{
		padding:3.5rem 0;
	}
	
	.BrandsBannerBtn{
		width: 7rem;
	}
	
	.BrandsBannerBtn-text{
		font-size:0.875rem;
		padding-right: 1.6rem;
	}
	
	.BrandsBannerBtn-text:after{
		width:1rem;
		height:1rem;
		margin-top:0;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BrandsBannerText{
		max-width:calc(100% - 2.5rem);
	}
	
	.BrandsBanner:after{
		padding-bottom:22rem;
	}
}

/*=========================================================
	BrandList
=========================================================*/
.BrandList{
	display:flex;
	width:100%;
	align-items:start;
}

.BrandListIndex{
	width:18.7rem;
	padding-right:2.5rem;
}

.BrandListFlex{
	width:calc(100% - 18.7rem);
}

.BrandListIndexHeader{
	margin-bottom:2.5rem;
}

.BrandListIndexHeader-text{
	display:block;
	position:relative;
	font-size: 2.25rem;
    line-height: 1.125em;
    font-family: Baskerville;
    color: #000;
}

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

.is-View.BrandListIndex .BrandListIndexHeader-text:after{
	transform:translateY(-50%) rotate(180deg);
}
.BrandListIndexList-item{
	font-size:0;
	line-height:0;
}

.BrandListIndexList-item + .BrandListIndexList-item{
	margin-top:1.563rem;
}

.BrandListIndexList-link{
	display:inline-block;
	font-size: 1.25rem;
	line-height:1.4em;
	position:relative;
	color:#666;
}

.BrandListIndexList-link:after{
	content:"";
	width:100%;
	height:1px;
	background-color:#000;
	position:absolute;
	bottom:0;
	left:0;
	opacity:0;
}

.is-Current .BrandListIndexList-link{
	color:#000;
	font-weight:600;
}

.is-Current .BrandListIndexList-link:after{
	opacity:1;
}

@media screen and (min-width: 1025px) {
	.is-View.BrandListIndex .BrandListIndexList .BrandListIndexList-item:not(.AllCate){
		display:none;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.BrandListIndex{
		width:14.5rem;
	}

	.BrandListFlex{
		width:calc(100% - 14.5rem);
	}
	
	.BrandListIndexList-link{
		font-size:1.125rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.BrandList{
		display:block;
	}
	
	.BrandListIndex{
		width:100%;
		padding-right:0;
		position:relative;
		margin-bottom:2.5rem;
		max-width:44rem;
		margin-left:auto;
		margin-right:auto;
		z-index:50;
	}
	
	.BrandListIndexHeader{
		position:relative;
		margin-bottom:0;
	}
	
	.BrandListIndexList{
		position:absolute;
		left:0;
		right:0;
		background-color:#fff;
		border:solid 1px #E2E5EB;
		margin-top:-1px;
		padding:1.25rem 1rem;
		max-height:14.5rem;
		overflow:hidden;
		overflow-y:auto;
		display:none;
	}
	
	.BrandListFlex{
		width:100%;
	}
	
	.BrandListIndexList-item + .BrandListIndexList-item{
		margin-top:1.25rem;
	}
	
	.BrandListIndexHeader-text{
		display:block;
		border:solid 1px #E2E5EB;
		font-size: 1.125rem;
		line-height:1.2em;
		color:#666;
		font-weight:600;
		padding:1rem 1rem;
		position:relative;
	}

	.BrandListIndexHeader-text:after{
		content:"";
		width: 1.25rem;
		height: 1.25rem;
		right:1rem;
	}
	
	.is-View .BrandListIndexList{
		display:block;
	}
	
	.BrandListIndexList-link{
		font-size:1rem;
	}
}

/*=========================================================
	NoPost
=========================================================*/
.NoPost{
	width: 100% !important;
    text-align: center;
    padding: 9.5rem 0 7.5rem;
}

.NoPostText{
	font-size: 1.25rem;
    line-height: 1.5em;
    color: #666;
    font-weight: 600;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.NoPost{
		padding: 7rem 0 5rem;
	}

	.NoPostText{
		font-size: 0.875rem;
		line-height: 1.5em;
		color: #666;
		font-weight: 600;
	}
}

/*=========================================================
	DfFormBox
=========================================================*/
.DfFormBoxTitle{
	margin-bottom:0.25rem;
	font-size:0;
	line-height:0;
}

.DfFormBoxTitle-text{
	font-size: 0.875rem;
	line-height:1.4em;
	color:#000000;
	font-weight:700;
	vertical-align:middle;
	display:inline-block;
	margin-right:0.62rem;
}

.DfFormBoxTitle-required{
	color:#E0060E;
}

.DfFormBoxTitle-sub{
	font-size: 0.75rem;
	line-height:1.4em;
	color:#666;
	display:inline-block;
	vertical-align:middle;
}

/*=========================================================
	DfFormBox
=========================================================*/
.HasCol .FormList-inner{
	display:flex;
	flex-wrap:wrap;
	align-items:start;
	margin:0 -0.31rem;
}

.HasCol .FormList-item{
	width:100%;
	padding:0 0.31rem;
}

.HasCol .FormList-item.Col50{
	width:50%;
}

.DfFormBoxInput{
	position:relative;
}

body .isPassword .DfFormBoxInput-input{
	padding-right: 4rem;
}

body .DfFormBoxInput-input{
	display: block;
    padding: 1rem 1.19rem 1rem;
    font-size: 1rem;
    line-height: normal;
    color: #000;
    width: 100%;
	border: 1px solid #D9D9D9;
}

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

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

body textarea.DfFormBoxInput-input{
	height: 12.625rem;
	resize:none;
	line-height:1.7em;
}

.DfFormBoxInput.HasBtn{
	padding-right:4.62rem;
	border:none;
}

.DfFormBoxInputBtn{
	width:4rem;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	background-color:#000;
}

#SIGNUP_EMAIL_FLAG .DfFormBoxInputBtn{
	width:6rem;
}

#SIGNUP_EMAIL_FLAG .DfFormBoxInputBtn-text{
	white-space:nowrap;
}

#SIGNUP_EMAIL_FLAG.DfFormBoxInput.HasBtn{
	padding-right:6.5rem;
}

.DfFormBoxInputBtn-text{
	position:absolute;
	top:50%;
	left:50%;
	font-size: 1rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	transform:translate(-50%, -50%);
}

.AgreeList{
	margin-top:1.31rem;
	margin-bottom:2.5rem;
}

.AgreeListAll{
	margin-bottom:0.87rem;
}

.AgreeListSub-item + .AgreeListSub-item{
	margin-top:0.87rem;
}

.AgreeListSubItem{
	position:relative;
}

.AgreeListSubItem-link{
	font-size: 0.75rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	text-decoration:underline;
}

.AgreeListSubItem.SpFlex{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.FormCheck-message{
	color:#E0060E;
}

.AgreeList .FormCheck-text{
	font-weight:700;
}

.FormCheck-sub{
	font-size: 0.75rem;
	line-height:1.5em;
	color:#666;
	font-weight:700;
	display:block;
	padding-left:2rem;
	margin-top:0.25rem;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.HasCol .FormList-item.Col50{
		width:100%;
	}
	
	.AgreeListSubItem.SpFlex{
		display:block;
	}
	
	.SpFlex .FormCheck{
		display:block;
	}
	
	.AgreeListSubItem-link{
		margin-left: 2rem;
	}
}

/*=========================================================
	FindTab
=========================================================*/
.FindTab{
	border-bottom:solid 2px #000;
	margin-bottom:2.5rem;
}

.FindTab-inner{
	font-size:0;
	line-height:0;
	margin-bottom:-2px;
}

.FindTab-item{
	display:inline-block;
	vertical-align:top;
}

.FindTab-link{
	position:relative;
	font-size: 1rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	padding:0.5rem 0.88rem calc(0.5rem + 2px);
	display:block;
	border:solid 2px transparent;
	border-bottom:none;
}

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

/*	FindTab : Cnt
=========================================================*/
.FindTabCnt-item{
	display:none;
}

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

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

.FindTabCnt-text{
	margin-top:1.27rem;
	font-size: 0.875rem;
	line-height:1.5em;
	color:#666;
	font-weight: 600;
}

.FindTabCnt .DfFormBoxInput{
	margin-top:1.25rem;
}

.FindTabCnt .FormBtn{
	margin-top:2.5rem;
}

/*=========================================================
	ChangePassword
=========================================================*/
.ChangePassword .FormList{
	margin-top:1.25rem;
}

.ChangePwMassege{
	margin-top:1.25rem;
	font-size:0.875rem;
	line-height:1.7em;
	color:#666;
}

.ChangePassword .FormBtn{
	margin-top:2.5rem;
}

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

/*=========================================================
	Account Fount
=========================================================*/
.AccoutFountId{
	margin-top:1.25rem;
	padding:1.15rem 1.2rem;
	background-color:#F5F7F7;
	font-size:1rem;
	line-height:1.2em;
	color:#000;
}

.EmailExists .FormList{
	margin-top:1.25rem;
}

.EmailExists .FormBtn{
	margin-top:2.5rem;
}

/*=========================================================
	SignUp Complete
=========================================================*/
.SecLogin.Complete{
	text-align:center;
}

.SecLogin.Complete .FormBtn{
	margin-top:2.5rem;
}

/*=========================================================
	Input Text Del
=========================================================*/
.InputDel{
	width: 1.5rem;
	height: 1.5rem;
	position:absolute;
	top:50%;
	right:1rem;
	transform:translateY(-50%);
	background-image:url(../../images/icon/ico_input_del.svg);
	background-size:100% 100%;
	opacity:0;
	visibility:hidden;
}

.is-ViewDel .InputDel{
	opacity:1;
	visibility:visible;
}

.HdSearchSecInput .InputDel{
	right:3rem;
}

body .FormBox-input.hasDel{
	padding-right:3rem;
}

body .DfFormBoxInput-input.hasDel{
	padding-right:3rem;
}

body .HdSearchSecInput-text.hasDel{
	padding-right:2rem;
}

.HasBtn .InputDel{
	right:5.5rem;
}

/*=========================================================
	AccountDel
=========================================================*/
.AccountDel .FormBtn{
	margin-top:2.5rem;
}

.AccountDel .FormCheck-text{
	font-weight: 700;
}

.AccountDel .AccoutFountId{
	margin-bottom:1.25rem;
}

.MyDeleteMassage{
	margin-top:1.3rem;
}

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

/*=========================================================
	MyPage
=========================================================*/
body div.DfFormBoxInput-input{
	background-color:#F5F7F7;
	color:#999;
}

body .HasBtn .PasswordView{
	right: 5.6rem;
	opacity:0;
	visibility:hidden;
}

body .HasBtn.is-View .PasswordView{
	opacity:1;
	visibility:visible;
}

body .DfFormBoxInput-input[readonly]{
	background-color: #F5F7F7;
    color: #999;
}

.MyPage .FormBtn{
	margin-top:2.5rem;
}

.MyProfile{
	margin-bottom:2.5rem;
}

.MyProfileAvartor{
	position:relative;
	width: 5.4375rem;
	height: 5.4375rem;
	border-radius:100% 100%;
	margin:0 auto 1.25rem;
}

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

.MyProfile-name{
	font-size: 1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:700;
	text-align:center;
}

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

.MyProfileMeta-label{
	display:block;
	position:relative;
}

body .MyProfileMeta-input{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
	display:block;
	opacity:0;
	cursor:pointer;
	z-index:5;
}

.MyProfileMeta-text{
	display:block;
	font-size: 1rem;
	line-height:1.2em;
	color:#000;
	position:relative;
}

.MyProfileMeta-text:after{
	content:"";
	width:100%;
	height:1px;
	background-color:#000;
	position:absolute;
	bottom:0;
	left:0;
}

.MyProfileAvartor-del{
	position:absolute;
	top:0;
	right:0;
	width: 1.5rem;
	height: 1.5rem;
	background-image:url(../../images/icon/icon_avator_del.svg);
	border-radius:100% 100%;
	background-size:100% 100%;
	box-shadow:0 0 0.5rem rgba(0,0,0,0.2);
	z-index:5;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MyProfile-name{
		font-size:1.25rem;
	}
	
	.MyProfileMeta-text{
		font-size: 0.875rem;
	}
}

/*=========================================================
	PgFilter
=========================================================*/
.PgFilter{
	margin-top:-1.87rem;
	margin-bottom:2rem;
	background-color:#F5F7F7;
	padding:2.5rem 2rem;
	position:relative;
	display:none;
}

.PgFilter.is-View{
	display:block;
}

.NoNav .PgFilter{
	margin-top:0;
}

.PgFilter .ListFilterSel{
	width:100%;
}

.PgFilterFlex{
	max-width:41.563rem;
	margin:0 auto;
	position:relative;
	padding-right:7.375rem;
	position:relative;
}

.PgFilterFlex-inner{
	display:flex;
	margin:0 -0.625rem;
}

.PgFilterFlex-item{
	width:33.3333%;
	padding:0 0.625rem;
}

.PgFilterBtn{
	width: 6.375rem;
	position:absolute;
	top:0;
	right:0;
	height:100%;
	background-color:#000;
}

.PgFilterBtn-text{
	font-size:1rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	transform:translateY(-50%);
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.PgFilterBtn-text{
		font-size:0.875rem;
	}
	
	.PgFilter{
		margin-top: -1.5rem;
		padding: 1.5rem 1.5rem;
		margin-bottom: 1.5rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PgFilter{
		margin-top: -1.5rem;
	}
	
	.PgFilterFlex{
		padding-right:0;
	}
	
	.PgFilterFlex-inner{
		flex-wrap:wrap;
		margin:0 -0.3rem;
	}
	
	.PgFilterFlex-item{
		width:100%;
	}
	
	.PgFilterFlex-item{
		width:50%;
		padding: 0 0.3rem;
	}
	
	.PgFilterFlex-item:nth-child(3){
		width:100%;
		margin-top:0.6rem;
	}
	
	.PgFilterFlex-item:nth-child(3) .ListFilterSel{
		z-index:5;
	}
	
	.PgFilterBtn{
		position:relative;
		display:block;
		margin-top:0.6rem;
		text-align:center;
		width:100%;
		padding: 0.485rem 0.875rem;
	}
	
	.PgFilterBtn-text{
		position:static;
		transform: translateY(0);
	}
}


/*=========================================================
	HasSideList
=========================================================*/
.HasSideList{
	display:flex;
	width:100%;
	align-items:start;
}

.HasSideListIndex{
	width:18.7rem;
	padding-right:2.5rem;
}

.HasSideListFlex{
	width:calc(100% - 18.7rem);
}

.HasSideListIndexHeader{
	margin-bottom:2.5rem;
}

.HasSideListIndexHeader-text{
	display:block;
	position:relative;
	font-size: 2.25rem;
    line-height: 1.125em;
    font-family: Baskerville;
    color: #000;
}

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

.is-View.HasSideListIndex .HasSideListIndexHeader-text:after{
	transform:translateY(-50%) rotate(180deg);
}
.HasSideListIndexList-item{
	font-size:0;
	line-height:0;
}

.HasSideListIndexList-item + .HasSideListIndexList-item{
	margin-top:1.563rem;
}

.HasSideListIndexList-link{
	display:inline-block;
	font-size: 1.25rem;
	line-height:1.4em;
	position:relative;
	color:#666;
}

.HasSideListIndexList-link:after{
	content:"";
	width:100%;
	height:1px;
	background-color:#000;
	position:absolute;
	bottom:0;
	left:0;
	opacity:0;
}

.is-Current .HasSideListIndexList-link{
	color:#000;
	font-weight:600;
}

.is-Current .HasSideListIndexList-link:after{
	opacity:1;
}

@media screen and (min-width: 1025px) {
	.is-View.HasSideListIndex .HasSideListIndexList .HasSideListIndexList-item:not(.AllCate){
		display:none;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.HasSideListIndex{
		width:14.5rem;
	}

	.HasSideListFlex{
		width:calc(100% - 14.5rem);
	}
	
	.HasSideListIndexList-link{
		font-size:1.125rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.HasSideList{
		display:block;
	}
	
	.HasSideListIndex{
		width:100%;
		padding-right:0;
		position:relative;
		margin-bottom:2.5rem;
		max-width:44rem;
		margin-left:auto;
		margin-right:auto;
		z-index:50;
	}
	
	.HasSideListIndexHeader{
		position:relative;
		margin-bottom:0;
	}
	
	.HasSideListIndexList{
		position:absolute;
		left:0;
		right:0;
		background-color:#fff;
		border:solid 1px #E2E5EB;
		margin-top:-1px;
		padding:1.25rem 1rem;
		max-height:14.5rem;
		overflow:hidden;
		overflow-y:auto;
		display:none;
	}
	
	.HasSideListFlex{
		width:100%;
	}
	
	.HasSideListIndexList-item + .HasSideListIndexList-item{
		margin-top:1.25rem;
	}
	
	.HasSideListIndexHeader-text{
		display:block;
		border:solid 1px #E2E5EB;
		font-size: 1.125rem;
		line-height:1.2em;
		color:#666;
		font-weight:600;
		padding:1rem 1rem;
		position:relative;
	}

	.HasSideListIndexHeader-text:after{
		content:"";
		width: 1.25rem;
		height: 1.25rem;
		right:1rem;
	}
	
	.is-View .HasSideListIndexList{
		display:block;
	}
	
	.HasSideListIndexList-link{
		font-size:1rem;
	}
}

/*=========================================================
	TotalSearch
=========================================================*/
.TotalSearch{
	width: 100%;
    max-width: 42.25rem;
    margin: 1.5rem auto 0;
	position:relative;
	z-index:10;
}

.TotalSearchBtn{
	display: block;
    border: solid 1px #000;
    font-size: 0.875rem;
    line-height: 1.2em;
    color: #000;
    padding: 0.75rem 0.75rem;
    background-color: #fff;
    position: relative;
    padding-right: 2rem;
	margin-left:auto;
	width: 7rem;
}

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

.TotalSearchBtn.is-Open:after{
	transform:translateY(-50%) rotate(180deg);
	margin-top: -0.1rem;
}

.TotalScList{
	width:100%;
	max-width:32.5rem;
	margin:0 auto;
	margin-top:1.25rem;
	display:none;
}

.TotalScList.is-View{
	display:block;
}

.TotalScList-item + .TotalScList-item{
	margin-top:1.13rem;
}

.TotalScListItem{
	display:flex;
	width:100%;
	align-items:center;
}

.TotalScListItem-title{
	font-size: 1.125rem;
	line-height:1.2em;
	color:#000;
	width:9.813rem;
}

.TotalScListItem-cont{
	width:calc(100% - 9.813rem);
}

.TotalScListItem-inner{
	display:flex;
	margin:0 -0.69rem;
}

.TotalScListItem-item{
	padding:0 0.69rem;
	width:50%;
}

.TotalScListItem-item .ListFilterSel{
	width:100%;
	z-index:auto;
}

.TotalScListItem-item .ListFilterSelSub{
	z-index:10;
}

body .TotalScInput-text{
	display: block;
    border: solid 1px #E2E5EB;
    font-size: 1rem;
    line-height: 1.2em;
    color: #000;
    padding: 1rem 1rem;
    background-color: #fff;
    position: relative;
	width:100%;
}

body .TotalScInput-text::-webkit-input-placeholder {
	color:#999;
}

body .TotalScInput-text:-ms-input-placeholder {
	color:#999;
}

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

.TotalScMeta-inner{
	margin:0 -0.625rem;
}

.TotalScMeta-item{
	padding:0 0.625rem;
	max-width:50%;
	display:inline-block;
}

.TotalScMetaBtn{
	font-size: 1rem;
	line-height:1.2em;
	color:#666;
	font-weight:600;
	padding:0.94rem 1rem;
	text-align:center;
	border:solid 1px #D8DADA;
	display:block;
	width:100%;
	background-color:#fff;
	min-width:7.1875rem;
}

.TotalScMetaBtn.Send{
	background-color:#000;
	border-color:#000;
	color:#fff;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	body .TotalScInput-text{
		font-size: 0.875rem;
        padding: 0.75rem 0.875rem;
        padding-right: 2.5rem;
        height: 2.75rem;
	}
	
	.TotalScListItem-title{
		font-size:1rem;
	}
	
	.TotalScMeta{
		margin-top:2rem;
	}
	
	.TotalScMetaBtn{
		padding: 0.875rem 1rem;
		font-size:0.875rem;
	}
	
	.TotalScList-item + .TotalScList-item{
		margin-top:1rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.TotalScListItem{
		display:block;
	}
	
	.TotalScListItem-title{
		width:100%;
		margin-bottom:0.45rem;
		font-size:0.875rem;
		font-weight:600;
	}
	
	.TotalScListItem-cont{
		width:100%;
	}
	
	.TotalScListItem-inner{
		margin: 0 -0.4rem;
	}
	
	.TotalScListItem-item{
		padding: 0 0.4rem;
	}
}

/*=========================================================
	PgNews
=========================================================*/
.PgNewsList-item{
	padding:3.75rem 0;
}

.PgNewsList-item + .PgNewsList-item{
	border-top:solid 1px #D8DADA;
}

.PgNewsList-item:first-child{
	padding-top:1.8rem;
}

.PgNewsList-item:last-child{
	padding-bottom:0;
}

.PgNewsList-item.AdBanner{
	border-top:none;
	padding:0;
}

.PgNewsList-item.AdBanner + .PgNewsList-item{
	border-top:none;
}

.PgNewsPost-link{
	display:flex;
	align-items:start;
}

.PgNewsList-item:first-child .PgNewsPostThumb,
.PgNewsList-item:nth-child(2) .PgNewsPostThumb{
	order:2;
}

.PgNewsPostThumb{
	width:44.9%;
	position:relative;
	overflow:hidden;
}

.PgNewsPostThumb:after{
	content:"";
	display:block;
	padding-bottom:51.1%;
}

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

.PgNewsPostCnt{
	width:calc(100% - 44.9%);
	padding-left:2.5rem;
}

.PgNewsList-item:first-child .PgNewsPostCnt,
.PgNewsList-item:nth-child(2) .PgNewsPostCnt{
	padding-left:0;
	text-align:right;
	padding-right:2.5rem;
}

@media screen and (min-width:1025px){
	.PgNewsPost-link:hover .PgNewsPostThumb-img{
		transform:scale(1.1);
	}
	
	.PgNewsList-item:first-child .DfPostCnt-title,
	.PgNewsList-item:nth-child(2) .DfPostCnt-title,
	.PgNewsList-item:first-child .DfPostCnt-text,
	.PgNewsList-item:nth-child(2) .DfPostCnt-text{
		word-break: break-word;
		padding-right:1.1rem;
	}
	
	.PgNewsList-item:first-child .DfPostMeta,
	.PgNewsList-item:nth-child(2) .DfPostMeta{
		padding-right:1.1rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PgNewsPostCnt{
		padding-left:2rem;
	}
	
	.PgNewsList-item:first-child .PgNewsPostCnt,
	.PgNewsList-item:nth-child(2) .PgNewsPostCnt{
		padding-right:2rem;
	}
	
	.PgNewsList-item:first-child .DfPostCnt-title,
	.PgNewsList-item:nth-child(2) .DfPostCnt-title,
	.PgNewsList-item:first-child .DfPostCnt-text,
	.PgNewsList-item:nth-child(2) .DfPostCnt-text{
		word-break: break-word;
		padding-right:1rem;
	}
	
	.PgNewsList-item:first-child .DfPostMeta,
	.PgNewsList-item:nth-child(2) .DfPostMeta{
		padding-right:1rem;
	}
	
	.PgNewsList-item{
		padding: 2.5rem 0;
	}
	
	.PgNewsList-item:first-child{
		padding-top:1.5rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PgNewsPost-link{
		display:block;
	}
	
	.PgNewsPostThumb{
		width:100%;
		margin-bottom: 0.8rem;
	}
	
	.PgNewsPostCnt{
		width:100%;
		padding:0 !important;
	}
	
	.PgNewsList-item:first-child .PgNewsPostCnt,
	.PgNewsList-item:nth-child(2) .PgNewsPostCnt{
		text-align:left;
	}
	
	.PgNewsList-item{
		padding:0 !important;
	}
	
	.PgNewsList-item + .PgNewsList-item{
		border-top:none;
		margin-top:2.5rem;
	}
	
	.PgNewsPostThumb:after{
		padding-bottom:64%;
	}
}

/*=========================================================
	MyPgComment
=========================================================*/
.MyPgCommentMeta{
	margin-bottom:5rem;
	font-size:0;
	line-height:0;
	text-align: center;
}

.MyPgCommentCount{
	font-size: 1.5rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	margin-bottom:1rem;
}

.MyPgComment{
	border-top:solid 2px #000;
}

.MyPgComment-item{
	border-bottom:solid 1px #D8DADA;
}

.MyPgCommentItem-link{
	display:block;
	padding:1.56rem 1.4rem;
}

.MyPgCommentItem-comment{
	font-size:1rem;
	line-height:1.5em;
	color:#000;
	font-weight:600;
}

.MyPgCommentItem-date{
	margin-top:0.62rem;
	font-size: 0.875rem;
	line-height:1.2em;
	color:#666;
}

.MyPgCommentItem-title{
	font-size: 1rem;
	line-height:1.5em;
	color:#000;
	margin-top:0.75rem;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MyPgCommentMeta{
		margin-bottom:3.5rem;
	}
	
	.MyPgCommentCount{
		font-size:1.25rem;
		margin-bottom:0.75rem;
	}
	
	.MyPgCommentItem-link{
		padding:1.5rem 1.4rem;
	}
	
	.MyPgCommentItem-comment{
		font-size:0.875rem;
	}
	
	.MyPgCommentItem-date{
		font-size:0.75rem;
	}
	
	.MyPgCommentItem-title{
		font-size:0.875rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MyPgCommentItem-link{
		padding:1.5rem 0.5rem;
	}
}

/*=========================================================
	Policy
=========================================================*/
.PolicySec{
	max-width:75rem;
	margin:0 auto;
}

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

.StaticText {
	color:#666;
	line-height:1.8em;
}

.StaticTitle{
	font-size: 1.125rem;
	color:#000;
	font-weight:700;
	line-height:1.6em;
}

.StaticSbTitle{
	font-size: 1rem;
	color:#000;
	font-weight:700;
	line-height:1.7em;
}

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

.StaticBullet-bullet{
	display:block;
	float:left;
	margin-right:0.5rem;
}

.StaticBullet-text{
	display:block;
	overflow:hidden;
}

/*=========================================================
	채용
=========================================================*/
.PgJobs{
	max-width:75rem;
	margin:0 auto;
}

.JobsList{
	border-top:solid 2px #000;
}

.JobsList-item{
	border-bottom:solid 1px #DDD;
}

.JobsPost-link{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:1.8rem 1.8rem;
}

.JobsPost-title{
	display:block;
	width:calc(100% - 7rem);
	padding-right:1rem;
	font-size: 1.365rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
}

.JobsPost-date{
	display:block;
	font-size: 1rem;
	line-height:1.4em;
	color:#666;
	font-weight:600;
	width:7rem;
	text-align:right;
}

.PgJobs .ListFilterTotal{
	margin-bottom:0.75rem;
}

.JobsPost-link .noPost{
	text-align:center;
	width:100%;
	font-size:1rem;
	line-height:1.5em;
	color:#000;
	font-weight:500;
}

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

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

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.JobsPost-title{
		font-size:1.125rem;
		width:calc(100% - 6rem);
	}
	
	.JobsPost-date{
		font-size:0.875rem;
		width:6rem;
	}
	
	.JobsPost-link .noPost{
		font-size:0.875rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.JobsPost-link{
		display:block;
		padding:1rem 0.875rem;
	}
	
	.JobsPost-title{
		width:100%;
		padding-right:0;
		line-height:1.5em;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		max-height: 3em;
	}
	
	.JobsPost-date{
		width:100%;
		text-align:left;
		margin-top:0.5rem;
	}
}

/*=========================================================
	채용 상세페이지
=========================================================*/
.SingleBodyJobs{
	max-width:75rem;
	margin:0 auto;
}

.SingleBodyJobs .SingleSec{
	padding-top:0;
	padding-right:0;
	width:100%;
	max-width:100%;
}

.SingleFile{
	margin-top: 7.5rem;
}

.SingleFile-title{
	font-size: 1rem;
	line-height:1.2em;
	color:#000;
	margin-bottom:0.6rem;
	font-weight:700;
}

.SingleFile-inner{
	margin:-0.75rem -0.375rem 0;
	display:flex;
	flex-wrap:wrap;
}

.SingleFile-item{
	padding:0.75rem 0.375rem 0;
}

.SingleFile-link{
	display:block;
	font-size: 1rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	padding:0.65rem 1.25rem 0.6rem;
	padding-left:2.8rem;
	background-color:#EDF3FA;
	position:relative;
}

.SingleFile-link:before{
	content:"";
	width: 1.3rem;
	height: 1.3rem;
	background-image:url(../../images/icon/ico_single_file.png);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:1.15rem;
	transform:translateY(-50%);
	margin-top:-0.05rem;
}

@media screen and (min-width: 1025px) {
	.SingleBodyJobs .CpFullImg.CpSec{
		margin-left:0 !important;
	}

	.SingleBodyJobs .CpYoutube.CpSec{
		margin-left:0 !important;
	}
}


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

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SingleFile-list{
		margin-left:-1.25rem;
		margin-right:-1.25rem;
	}
	
	.SingleFile-inner{
		margin:0;
		padding:0 1.25rem;
		font-size:0;
		line-height:0;
		white-space:nowrap;
		overflow:hidden;
		overflow-x:auto;
		display:block;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	.SingleFile-inner::-webkit-scrollbar {
	  display: none;
	}
	
	.SingleFile-item{
		padding:0;
		margin-right:0.75rem;
		display:inline-block;
	}
	
	.SingleFile-item:last-child{
		margin-right:0;
	}
}

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

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

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

.SinglePaging-cate{
	width:5.375rem;
	position:relative;
	font-size: 1rem;
	line-height:1.4em;
	color:#000;
	font-weight:700;
}

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

.Prev .SinglePaging-cate:after{
	background-image:url(../../images/icon/ico_single_prev_arrow.svg);
}

.Next .SinglePaging-cate:after{
	background-image:url(../../images/icon/ico_single_next_arrow.svg);
}

.SinglePaging-title{
	width:calc(100% - 5.375rem);
	padding-left:2rem;
	font-size:0;
	line-height:0;
}

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

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SinglePaging-cate{
		width:4.3rem;
	}
	
	.SinglePaging-cate:after{
		width:0.875rem;
		height:0.875rem;
	}
	
	.SinglePaging-title{
		width: calc(100% - 4.3rem);
		padding-left:1rem;
	}
}

/*=========================================================
	AutoBannerSlide
=========================================================*/
.AutoBannerSlideThumb{
	width:100%;
	overflow:hidden;
}

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

.AutoBannerSlideBanner:after{
	content:"";
	display:block;
	padding-bottom: 17.7%;
}

.AutoBannerSlide-pagination{
	text-align:center;
	font-size:0;
	line-height:0;
	display:none;
	position:absolute;
	bottom:1.35rem;
	left:0;
	right:0;
	z-index:5;
}

.is-View.AutoBannerSlide-pagination{
	display:block;
}

.AutoBannerSlide-pagination .swiper-pagination-bullet{
	margin:0 0.313rem;
	display:inline-block;
	width:3rem;
	height:2px;
	background-color:#D9D9D9;
	cursor:pointer;
	opacity:0.4;
}

.AutoBannerSlide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#fff;
	opacity:1;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.AutoBannerSlide-pagination .swiper-pagination-bullet{
		width:2.5rem;
	}
	
	.AutoBannerSlide-pagination{
		bottom:1rem;
	}
}

/* =========================================================*/
/*	Main 에디터픽 : Video 
=========================================================*/
.MainDis .js-Video .LcPostThumb:before{
	content:"";
	width: 4.97519rem;
	height: 3.50525rem;
	background-image:url(../../images/icon/ico_video_youtube.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:5;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MainDis .js-Video .LcPostThumb:before{
		width: 3.60019rem;
        height: 2.5365rem;
	}
}