@charset "UTF-8";

/*=========================================================
	Header
=========================================================*/
.site-header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#fff;
	z-index:1000;
}

/*	Header : HeaderLogo
=========================================================*/
.HeaderLogo{
	padding-top:2.5rem;
	padding-bottom:0.8rem;
}

.Logo{
	width:15.4375rem;
	margin:0 auto;
}

.Logo-link{
	display:block;
	width:100%;
	height:3.5rem;
	background-image:url(../../images/logo/logo.svg);
	background-size:100% 100%;
}

/*	Header : HeaderInfo
=========================================================*/
.HeaderInfo{
	margin-top:-0.8rem;
}

.HeaderInfoFlex{
	position:relative;
	display:flex;
	justify-content:center;
}

body .MobileMenu{
	width: 1.5rem;
	height: 1.5rem;
	background-image:url(../../images/icon/ico_header_menu.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	display:none;
}

.FixedLogo{
	width:10.374rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	opacity:0;
	visibility:hidden;
}

.FixedLogo .Logo-link{
	height: 2.352rem;
}

.HeaderMeta{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	font-size:0;
	line-height:0;
}

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

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

.Login.HeaderMeta-item{
	margin-right:1.25rem;
}

.Login .HeaderMeta-link{
	background-image:url(../../images/icon/ico_login.svg);
}

.Search .HeaderMeta-link{
	background-image:url(../../images/icon/ico_search.svg);
}

.SiteMenu .menu-wrapper > .menu-item > a .FontDf{
	font-size:0.875em;
	position:relative;
	top:-0.125rem;
}

@media screen and (min-width: 1025px){
	/*	Header : Menu
	=========================================================*/
	.SiteMenu .menu-wrapper{
		font-size:0;
		line-height:0;
	}
	
	.SiteMenu .menu-wrapper > .menu-item{
		display:inline-block;
		vertical-align:middle;
		padding:2.5rem 1.875rem;
	}
	
	.SiteMenu .menu-wrapper > .menu-item > a{
		display:block;
		font-size:1.375rem;
		line-height:1.2em;
		color:#666;
		font-family: Baskerville;
		font-weight:500;
		position:relative;
		text-transform:uppercase;
	}
	
	.SiteMenu .menu-wrapper > .menu-item > a:after{
		content:"";
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:1px;
		background-color:#000;
		opacity:0;
	}
	
	.SiteMenu .menu-wrapper > .menu-item[class*="current"] > a{
		color:#000;
	}
	
	.SiteMenu .menu-wrapper > .menu-item[class*="current"] > a:after{
		opacity:1;
	}
	
	.SiteMenu .menu-wrapper > .menu-item:hover a{
		color:#000;
	}
	
	.SiteMenu .menu-wrapper > .menu-item:hover a:after{
		opacity:1;
	}
	
	.is-Fixed .HeaderInfo{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		background-color:#fff;
		margin-top:0;
		z-index:1000;
	}
	
	.admin-bar .is-Fixed .HeaderInfo{
		top:32px;
	}
	
	.is-Fixed .SiteMenu .menu-wrapper > .menu-item{
		padding: 1.7rem 1.75rem;
	}
	
	.is-Fixed .FixedLogo{
		opacity:1;
		visibility:visible;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px){
	.FixedLogo{
		width:10rem;
	}
	
	.FixedLogo .Logo-link{
		height:1.96rem;
	}
	
	.SiteMenu .menu-wrapper > .menu-item > a{
		font-size:1.25rem;
	}
}

@media screen and (max-width: 1280px) and (min-width: 1025px){
	.SiteMenu .menu-wrapper > .menu-item{
		padding-left:1rem !important;
		padding-right:1rem !important;
	}
	.FixedLogo{
		width:8.645rem;
		margin-top:-0.063rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px){
	.HeaderLogo{
		padding:0.7rem 0;
	}
	
	.Logo{
		width:10.374rem;
	}
	
	.Logo-link{
		height:2.375rem;
	}
	
	.SiteMenu .menu-wrapper > .menu-item > a .FontDf{
		font-weight:700;
	}
}

/*=========================================================
	MoMenu
=========================================================*/
.MoMenu{
	position:fixed;
	bottom:-25px;
	padding-bottom:25px;
	left:0;
	right:0;
	height: calc(4.125rem + 25px);
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	display:none;
	z-index:1000;
}

.MoMenu:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:26px;
	background-color:#fff;
}

.MoMenuSearch{
	width: 3.875rem;
	height: 3.875rem;
	border-radius:100% 100%;
	background-color:#000;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
	position:absolute;
	top:-1.9375rem;
	left:50%;
	transform:translateX(-50%);
	z-index:10;
}

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

.is-Search .MoMenuSearch:after{
	background-image:url(../../images/icon/ico_hdsearch_close_w.svg);
}


.MoMenuBg {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 80.4375rem;
    transform: translateX(-50%);
    height: 100%;
    -webkit-filter: drop-shadow(0px -0.375rem 0.5rem rgba(0, 0, 0, 0.05));
    filter: drop-shadow(0px -0.375rem 0.5rem rgba(0, 0, 0, 0.05));
}

.MoMenuBg-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 73%;
    mask-image: url(../../images/bg/mo_menu_bg.svg);
    background-image: url(../../images/bg/mo_menu_bg.svg);
    -webkit-mask-image: url(../../images/bg/mo_menu_bg.svg);
    -webkit-background-image: url(../../images/bg/mo_menu_bg.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: cover;
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.MoMenuNav{
	display:flex;
	justify-content:center;
	position:relative;
	height:100%;
	align-items:center;
	z-index:5;
}

.MoMenuNav-link{
	display:block;
	min-width:2.625rem;
}

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

.Home .MoMenuNav-ico{
	background-image:url(../../images/icon/ico_momenu_home.svg);
}

.Menu .MoMenuNav-ico{
	background-image:url(../../images/icon/ico_momenu_menu.svg);
}

.Like .MoMenuNav-ico{
	background-image:url(../../images/icon/ico_momenu_like.svg);
}

.Login .MoMenuNav-ico{
	background-image:url(../../images/icon/ico_momenu_login.svg);
}

.MoMenuNav-text{
	font-size: 0.75rem;
	line-height:1.2em;
	color:#999;
	font-family: Pretendard;
	text-align:center;
	display:block;
}

.MoMenuNav-item.Home{
	margin-right:7vw;
}

.MoMenuNav-item.Menu{
	margin-right:14vw;
}

.MoMenuNav-item.Like{
	margin-left:14vw;
}

.MoMenuNav-item.Login{
	margin-left:7vw;
}

body.home .MoMenuNav-item.Home .MoMenuNav-ico{
	background-image:url(../../images/icon/ico_momenu_home_active.svg);
}

.site.nav-Open .MoMenuNav-item.Menu .MoMenuNav-ico{
	background-image:url(../../images/icon/ico_momenu_menu_active.svg);
}

.page-template-list-pick .MoMenuNav-item.Like .MoMenuNav-ico{
	background-image:url(../../images/icon/ico_momenu_like_active.svg);
}

.page-template-login .MoMenuNav-item.Login .MoMenuNav-ico{
	background-image:url(../../images/icon/ico_momenu_login_active.svg);
}

body.home .MoMenuNav-item.Home .MoMenuNav-text{
	color:#000;
	font-weight:600;
}

.site.nav-Open .MoMenuNav-item.Menu .MoMenuNav-text{
	color:#000;
	font-weight:600;
}

.page-template-list-pick .MoMenuNav-item.Like .MoMenuNav-text{
	color:#000;
	font-weight:600;
}

.page-template-login .MoMenuNav-item.Login .MoMenuNav-text{
	color:#000;
	font-weight:600;
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.MoMenuNav-item.Home{
		margin-right:13vw;
	}
	
	.MoMenuNav-item.Menu{
		margin-right:13vw;
	}

	.MoMenuNav-item.Like{
		margin-left:13vw;
	}
	
	.MoMenuNav-item.Login{
		margin-left:13vw;
	}
}

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

/*=========================================================
	SubNav
=========================================================*/
.HeaderNavSub{
	position:absolute;
	margin-top:2.5rem;
	background-color:#fff;
	left:0;
	right:0;
	opacity:0;
	visibility:hidden;
}

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

.HeaderNavSub:after{
	content:"";
	width:110vw;
	height:1px;
	background-color:#D8DADA;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}

.is-Fixed .HeaderNavSub{
	margin-top:1.7rem;
}

.HeaderNavSubFlex{
	display:flex;
	margin:0 auto;
	padding:2.5rem 0 3rem;
	position:relative;
	z-index:5;
}

.HeaderNavSubFlex:after{
	content:"";
	width:110vw;
	height:1.8rem;
	background-color:#fff;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	z-index:10;
}

.HeaderNavSubFlex:before{
	content:"";
	width:110vw;
	height:10px;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
	z-index:5;
}

/*=========================================================
	Brand
=========================================================*/
.News.HeaderNavSubFlex{
	max-width:85rem;
} 

.NavBrandNav{
	width:18.75rem;
	position:relative;
	padding-right:3.75rem;
}

.NavBrandPick{
	width:calc(62.8% - 9.375rem);
	padding-right:3.75rem;
}

.NavBrandAd{
	width:calc(37.2% - 9.375rem);
}

.NavBrandAd .swiper-container{
	height:auto;
}

@media screen and (min-width: 1025px){
	.HdNav-link:hover{
		text-decoration:underline;
	}
	
	.site:not(.is-Search) .SiteMenu .menu-wrapper > .menu-item:hover .HeaderNavSub{
		opacity:1;
		visibility:visible;
	}
}

/* SubNav : NavBrandNav
=========================================================*/
.HdNav-item + .HdNav-item{
	margin-top:1rem;
}

.HdNav-link{
	display:block;
	font-family: Baskerville;
	font-size: 1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	position:relative;
}

/*.HdNav-link: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%);
}*/

.HdNavAll{
	position:absolute;
	bottom:0;
	left:0;
	width:calc(100% - 3.75rem);
}

/* SubNav : NavBrandPick
=========================================================*/
.HdPsTitle{
	font-size: 1.875rem;
	line-height:1.2em;
	color:#666;
	font-weight:700;
	margin-bottom:1.25rem;
}

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

.HdPost-link{
	display:flex;
	width:100%;
	align-items:start;
}

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

.HdPostThumb:after{
	content:"";
	display:block;
	padding-bottom:67%;
}

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

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

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

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

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


/* SubNav : NavBrandAd
=========================================================*/
.NavBrandAd-link{
	display:block;
	position:relative;
	overflow:hidden;
}

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

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

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

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

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.HdPsTitle{
		font-size:1.953vw;
		margin-bottom:1.302vw;
	}
	
	.HdPostCnt-title{
		font-size:1.172vw;
	}
	
	.HdPostCnt-text{
		font-size:1.042vw;
		margin-top:0.646vw;
	}
	
	.HdPost .DfPostMeta{
		margin-top:1.042vw;
	}
	
	.HdPost .DfPostMeta-text{
		font-size:0.911vw;
	}
	
	.HdNav-link{
		font-size:1.563vw;
	}
	
	.HdNav-link:after{
		width:1.563vw;
		height:1.563vw;
	}
	
	.HeaderNavSubFlex{
		padding:2.604vw 0;
	}
}

/*=========================================================
	Article
=========================================================*/
.Article.HeaderNavSubFlex{
	max-width:85rem;
} 

.NavAtcNav{
	width:18.76rem;
	position:relative;
	padding-right:3.75rem;
}

.NavAtcPick{
	width:calc(50% - 9.375rem);
	padding-right:1.875rem;
}

.NavAtcPick + .NavAtcPick{
	padding-right:0;
	padding-left:1.875rem;
}

.Article.HeaderNavSubFlex .HdPostThumb{
	width:49%;
}

/*=========================================================
	Video
=========================================================*/
.Video.HeaderNavSubFlex{
	max-width:75rem;
	flex-wrap:wrap;
} 

.NavVideoBig{
	width:54.5%;
	padding-right:2.5rem;
}

.NavVideoList{
	width:45.5%;
}

.DfVideoPost-link{
	width:100%;
	display:block;
}

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

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

.DfVideoPostThumb:after{
	content:"";
	display:block;
	padding-bottom:60%;
}

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

.DfVideoPostCnt-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: 3em;
}

.Video.HeaderNavSubFlex .HdPostThumb{
	width: 42.2%;
}

.Video .HdNavAll{
	position:static;
	margin-top:2.5rem;
}

.Video .HdNav-link{
	display:inline-block;
	min-width:14rem;
}

.NavVideoList .HdPostThumb:before{
	content:"";
	width: 3.25rem;
	height: 2.375rem;
	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 (min-width:1025px){
	.DfVideoPost-link:hover .DfVideoPostThumb-img{
		transform:scale(1.1);
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px){
	.DfVideoPostThumb{
		margin-bottom:1.302vw;
	}
	
	.DfVideoPostCnt-title{
		font-size:1.563vw;
	}
	
	.DfVideoPostThumb:before{
		width:5.182vw;
		height:3.651vw;
	}
	
	.Video .HdNav-link{
		min-width:15.556vw;
	}
	
	.NavVideoList .HdPostThumb:before{
		width:3.611vw;
		height:2.639vw;
	}
}

/*=========================================================
	Brand
=========================================================*/
.Brand.HeaderNavSubFlex{
	max-width:54rem;
	flex-wrap:wrap;
} 

.SubMenu-nav{
	width:100%;
}

.submenu-wrapper{
	display:flex;
	margin:-0.813rem -0.625rem;
	flex-wrap:wrap;
}

.submenu-wrapper > .menu-item{
	padding:0.813rem 0.625rem;
	width:25%;
}

.submenu-wrapper > .menu-item > a{
	font-size:1rem;
	line-height:1.4em;
	color:#000;
}

.Brand .HdNavAll{
	position:static;
	margin-top:3.8rem;
}

.Brand .HdNav-link{
	display:inline-block;
	min-width:14rem;
}

@media screen and (max-width: 1440px) and (min-width: 1025px){
	.Brand .HdNav-link{
		min-width:15.556vw;
	}
}

@media screen and (max-width: 1280px) and (min-width: 1025px){
	.submenu-wrapper > .menu-item > a{
		font-size:0.938rem;
	}
}

@media screen and (min-width: 1025px){
	.submenu-wrapper > .menu-item > a:hover{
		text-decoration:underline;
	}
}

/*=========================================================
	Mobile Nav
=========================================================*/
.MoNavClose{
	display:none;
	width: 1.625rem;
	height: 1.625rem;
	background-image:url(../../images/icon/ico_mo_nav_close.svg);
	background-size:100% 100%;
	position:absolute;
	top: 1.1rem;
    right: 0;
	z-index:5;
}

@media screen and (max-width: 1024px) and (min-width: 1px){
	.MoNavClose{
		display:block;
	}
	
	.FixedLogo{
		position:static;
		transform: translateY(0);
		opacity:1;
		visibility:visible;
		width:100%;
		padding:0.7rem 0;
	}
	
	.Logo-link{
		width: 10.374rem;
		height: 2.352rem;
		margin:0 auto;
	}
	
	.HeaderMeta{
		display:none;
	}
	
	.HeaderInfo{
		margin:0;
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#fff;
		transform:translateY(110%);
		transition-property: transform;
		transition-duration: 0.3s;
		transition-timing-function: var(--custom-easing);
	}
	
	.nav-Open .HeaderInfo{
		transform:translateY(0);
	}
	
	.admin-bar .HeaderInfo{
		top:32px;
	}
	
	.HeaderInfoFlex{
		display:block;
	}
	
	.HeaderInfo .site-container{
		height:100%;
	}
	
	.HeaderInfoFlex{
		height:100%;
	}
	
	.SiteMenu{
		padding:0 2rem;
		position:absolute;
		top:3.7rem;
		bottom:0;
		left:-2rem;
		right:-2rem;
		overflow:hidden;
		overflow-y:auto;
		padding-bottom:8rem !important;
	}
	
	.SiteMenu .menu-wrapper > .menu-item{
		border-bottom:solid 1px #D9D9D9;
	}
	
	.SiteMenu .menu-wrapper > .menu-item > a{
		display:block;
		padding:1.25rem 0;
		padding-right:2rem;
		position:relative;
		font-size: 2rem;
		line-height:1.1em;
		color:#000;
		font-weight:600;
		font-family: Baskerville;
		text-transform:capitalize;
	}
	
	.SiteMenu .menu-wrapper > .menu-item.is-child > a:after{
		content:"";
		width: 1.5rem;
		height: 1.5rem;
		background-image:url(../../images/icon/ico_mo_nav_arrow.svg);
		background-size:100% 100%;
		position:absolute;
		top:50%;
		right:0;
		transform:translateY(-50%);
	}
	
	.HeaderNavSub{
		opacity:1;
		visibility:visible;
		position:static;
		margin-top:0 !important;
		padding:0.5rem 0 1.5rem;
		display:none;
	}
	
	.HeaderNavSubFlex{
		display:block !important;
		max-width:100% !important;
		padding:0 !important;
	}
	
	.HeaderNavSub:before{
		display:none;
	}
	
	.HeaderNavSubFlex:before{
		display:none;
	}
	
	.HeaderNavSubFlex:after{
		display:none;
	}
	
	.HeaderNavSub:after{
		display:none;
	}
	
	/*News*/
	.NavBrandNav{
		width:100%;
		padding-right:0;
	}
	
	.NavBrandPick{
		width:100%;
		padding-right:0;
	}
	
	.NavBrandAd{
		width:100%;
		margin-top:1.5rem;
		display:none;
	}
	
	.HdNav-link{
		font-size:1.125rem;
	}
	
	.HdNav-link:after{
		width:1.125rem;
		height:1.125rem;
	}
	
	.HdNav-item + .HdNav-item{
		margin-top:1.125rem;
	}
	
	.HdNavAll{
		position:static;
		width:100%;
		padding-right:0;
		margin-top:1.125rem;
	}
	
	.HdNavAll .HdNav-link{
		font-weight:700;
		display:block;
	}
	
	.NavBrandPick{
		margin-top:1.5rem;
	}
	
	.HdPsTitle{
		font-size: 1.125rem;
		color: #666;
		margin-bottom:0.62rem;
	}
	
	.HdPostThumb{
		width: 41.3% !important;
	}
	
	.HdPostCnt{
		width: calc(100% - 41.3%);
		padding-left:0.75rem;
	}
	
	.HdPostCnt-title{
		font-size:0.875rem;
		-webkit-line-clamp: 3;
		max-height: 4.5em;
	}
	
	.HdPostCnt-text{
		display:none;
	}
	
	.SiteMenu .DfPostMeta{
		display:none;
	}
	
	/*Article*/
	.NavAtcNav{
		width:100%;
		padding-right:0;
	}
	
	.NavAtcPick{
		width:100%;
		padding-right:0 !important;
		padding-left:0 !important;
		margin-top:1.5rem;
	}
	
	/*Video*/
	.NavVideoBig{
		width:100%;
		padding-right:0;
		margin-bottom:1.25rem;
	}
	
	.DfVideoPostThumb{
		margin-bottom:0.75rem;
	}
	
	.DfVideoPostCnt-title{
		font-size:1.25rem;
	}
	
	.NavVideoList{
		width:100%;
	}
	
	.Video .HdNavAll{
		margin-top:1.25rem;
	}
	
	/*Brands*/
	.submenu-wrapper{
		margin: -0.5625rem -0.625rem;
	}
	
	.submenu-wrapper > .menu-item{
		width:50%;
		font-size:0;
		line-height:0;
		padding: 0.5625rem 0.625rem;
	}
	
	.Brand .HdNavAll{
		margin-top:1.25rem;
	}
	
	.DfVideoPostThumb:before{
		width: 3.60019rem;
		height: 2.5365rem;
	}
	
	.NavVideoList .HdPostThumb:before{
		width: 1.625rem;
		height: 1.1875rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.SiteMenu-nav{
		max-width:45rem;
		margin:0 auto;
	}
	
	.HdPsList-inner{
		display:flex;
		flex-wrap:wrap;
		margin:-0.75rem -0.75rem;
	}
	
	.HdPsList-item{
		width:50%;
		padding:0.75rem 0.75rem;
		margin-top:0 !important;
	}
	
	.HdPsList-item:nth-child(2) ~ .HdPsList-item{
		display:none;
	}
}

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

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

/*=========================================================
	HeaderSearch
=========================================================*/
.HeaderSearch{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#fff;
	padding-top: 12.6rem;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
	z-index:900;
}

.is-Event.site .HeaderSearch{
	padding-top: calc(12.6rem + 17.5vw);
}

.HeaderSearchFlex{
	border-top:solid 1px #D8DADA;
}

.HeaderSearch-inner{
	padding:2.5rem 0;
	position:relative;
}

.HeaderSearch-close{
	width: 1.5rem;
	height: 1.5rem;
	background-image:url(../../images/icon/ico_hdsearch_close.svg);
	background-size:100% 100%;
	position:absolute;
	top:2.5rem;
	right:0;
}

.is-HeadFixed.HeaderSearch{
	padding-top: 5.2rem !important;
	position:fixed;
}

.admin-bar .is-HeadFixed.HeaderSearch{
	top:32px;
}

.HdSearchSec{
	width: 43.9375rem;
	max-width:100%;
	padding:0 2rem;
	margin:0 auto;
}

.HdSearchSecInput{
	border: 1px solid #000;
	position:relative;
	padding-right:3rem;
}

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

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

body .HdSearchSecInput-text{
	display:block;
	width:100%;
	font-size: 1rem;
	line-height:normal;
	color:#000;
	padding:0.94rem 0.8rem;
}

body .HdSearchSecInput-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:0.8rem;
	transform:translateY(-50%);
}

.HdSearchSecTag{
	margin-top:2.5rem;
}

.HdSearchSecTag-title{
	font-size: 1.125rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	margin-bottom:1.25rem;
}

.HdSearchSecTagList-inner{
	display:flex;
	flex-wrap:wrap;
	margin:-0.375rem -0.375rem;
}

.HdSearchSecTagList-item{
	padding:0.375rem 0.375rem;
}

.HdSearchSecTagList-link{
	display:block;
	font-size: 1rem;
	line-height:1.2em;
	color:#666;
	padding:0.62rem 1.12rem;
	border:1px solid #D8DADA;
	border-radius:100px 100px;
}

@media screen and (min-width: 1025px){
	.HeaderSearch{
		opacity:0;
		visibility:hidden;
	}
	
	.is-Search .HeaderSearch{
		opacity:1;
		visibility:visible;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px){
	.HeaderSearch{
		padding-top:0 !important;
		position:fixed !important;
		top:auto !important;
		left:0;
		right:0;
		bottom:0;
		box-shadow: 0px -9px 20px 0px rgba(0, 0, 0, 0.15);
		transform: translateY(110%);
        transition-property: transform;
        transition-duration: 0.3s;
        transition-timing-function: var(--custom-easing);
	}
	
	.HeaderSearch-close{
		display:none;
	}
	
	.is-Search .HeaderSearch{
		transform: translateY(0%);
	}
	
	.HeaderSearchFlex{
		max-height:100vh;
		max-height:100svh;
		overflow:hidden;
		overflow-y:auto;
	}
	
	.admin-bar .HeaderSearchFlex{
		max-height:calc(100vh - 32px);
		max-height:calc(100vh - 32px);
	}
	
	.HeaderSearch-inner{
		padding:2rem 0 7.5rem;
	}
	
	.HeaderSearchFlex{
		border-top:none;
	}
	
	.HdSearchSec{
		padding:0;
	}
	
	.HdSearchSecTag{
		margin-top:2rem;
	}
	
	.HdSearchSecTagList-link{
		font-size:0.75rem;
	}
	
	.HdSearchSecTagList-inner{
		margin:-0.25rem -0.25rem;
	}

	.HdSearchSecTagList-item{
		padding:0.25rem 0.25rem;
	}
}

@media screen and (max-width: 782px) {
	.admin-bar .HeaderSearchFlex{
		max-height:calc(100vh - 46px);
		max-height:calc(100vh - 46px);
	}
}