@charset "UTF-8";

/*=========================================================
	Main
=========================================================*/

/* Main TopBanner
=========================================================*/
.MainTopBanner{
	height:100vh;
	position:relative;
}

.admin-bar .MainTopBanner{
	height:calc(100vh - 32px);
}

.Main-container{
	max-width:1920px;
	margin:0 auto;
	position:relative;
	padding:0 80px;
}

.Main-container:after{
	content:"";
	display:table;
	clear:both;
}

.MainTopBanner .Main-container{
	height:100%;
}

.MainSwipe{
	position:absolute;
	top:calc(50% + 50px);
	left:50%;
	transform:translate(-50%, -50%);
}

.MainSwipeTitle{
	white-space:nowrap;
	font-size:140px;
	line-height:1em;
	color:#000;
	font-weight:500;
	text-align:center;
	z-index:10;
	position:relative;
}

.MainSwipeThumb{
	width:100%;
	max-width:676px;
	padding:0 50px;
	margin:16px auto;
	position:relative;
}

.MainSwipeThumb:before{
	content:"";
	width:18px;
	height:49px;
	background-image:url(../../images/icon/ico_main_top_banner_left.svg);
	background-size:18px 49px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.MainSwipeThumb:after{
	content:"";
	width:17px;
	height:49px;
	background-image:url(../../images/icon/ico_main_top_banner_right.svg);
	background-size:17px 49px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.MainSwipeThumbSlide{
	position:relative;
	width:468px;
	margin:0 auto;
}

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

.MainSwipeThumbSlide-img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
	display:none;
}

.MainTopBannerScroll{
	width:55px;
	position:absolute;
	bottom:30px;
	right:100px;
	display:block;
	z-index:5;
}

.MainTopBannerScroll-ico{
	width:55px;
	height:94px;
	position:relative;
	display:block;
	background-image:url(../../images/icon/ico_scroll.svg);
	background-size:55px 94px;
}

.MainTopBannerScroll-bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	animation: MainTopBannerScroll 1s ease-in forwards;
	transform:scaleY(1);
	transform-origin:center bottom;
	animation-delay:0.2s;
}


@keyframes MainTopBannerScroll {
	0% {
		transform:scaleY(1);
	}

	100% {
		transform:scaleY(0);
	}
}

.MainTopBannerScroll-text{
	width:70px;
	height:20px;
	position:absolute;
	display:block;
	background-image:url(../../images/icon/text_scroll.png);
	background-size:70px 20px;
	bottom:9px;
	left:-80px;
	animation: MainTopBannerScrollText 0.8s ease-in forwards;
	transform:translateX(20%);
	animation-delay:1.2s;
	opacity:0;
}

@keyframes MainTopBannerScrollText {
	0% {
		opacity:0;
		transform:translateX(20%);
	}

	100% {
		opacity:1;
		transform:translateX(0);
	}
}

@media screen and (min-width: 1921px) {
	.MainTopBanner{
		min-height:880px;
	}
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.MainTopBanner{
		min-height:21.8333vw;
	}
	
	.Main-container{
		max-width:100vw;
		padding:0 4.1666vw;
	}

	.MainSwipeTitle{
		font-size:7.2916vw;
	}

	.MainSwipeThumb{
		max-width:35.208vw;
		padding:0 2.60416vw;
		margin:0.833vw auto;
	}

	.MainSwipeThumb:before{
		width:0.9375vw;
		height:2.55208vw;
		background-size:0.9375vw 2.55208vw;
	}

	.MainSwipeThumb:after{
		width:0.885416vw;
		height:2.55208vw;
		background-size:0.885416vw 2.55208vw;
	}
	
	.MainSwipe{
		top:calc(50% + 2.6041vw);
	}

	.MainSwipeThumbSlide{
		width:24.375vw;
	}
	
	.MainTopBannerScroll{
		width:2.86458vw;
		bottom:1.5625vw;
		right:5.2083vw;
	}

	.MainTopBannerScroll-ico{
		width:2.86458vw;
		height:4.8958vw;
		background-size:2.86458vw 4.8958vw;
	}

	.MainTopBannerScroll-text{
		width:3.6458vw;
		height:1.04166vw;
		background-size:3.6458vw 1.04166vw;
		bottom:0.46875vw;
		left:-4.16666vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.Main-container{
		max-width:100vw;
		padding:0 4.1666vw;
	}

	.MainSwipeTitle{
		font-size:14.2916vw;
	}

	.MainSwipeThumb{
		max-width:70vw;
		padding:0 5.60416vw;
		margin:2.833vw auto;
	}

	.MainSwipeThumb:before{
		width:1.685416vw;
		height:5.05208vw;
		background-size:1.685416vw 5.05208vw;
	}

	.MainSwipeThumb:after{
		width:1.685416vw;
		height:5.05208vw;
		background-size:1.685416vw 5.05208vw;
	}
	
	.MainSwipe{
		top:calc(50% + 3.71875vw);
	}

	.MainSwipeThumbSlide{
		width:40vw;
	}

	.MainTopBannerScroll{
		width:3.86458vw;
		bottom:2.5625vw;
		right:5.2083vw;
	}

	.MainTopBannerScroll-ico{
		width:3.86458vw;
		height:5.6958vw;
		background-size:3.86458vw 5.6958vw;
	}

	.MainTopBannerScroll-text{
		width:5.4458vw;
		height:1.54166vw;
		background-size:5.4458vw 1.54166vw;
		bottom:0.66875vw;
		left:-6.16666vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
	.MainSwipeTitle{
		font-size:8vw;
	}
	
	.MainSwipeThumbSlide{
		width: 28vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	
	.Main-container{
		max-width:100vw;
		padding:0 4.1666vw;
	}

	.MainSwipeTitle{
		font-size:14.2916vw;
	}

	.MainSwipeThumb{
		max-width:70vw;
		padding:0 5.60416vw;
		margin:4.133vw auto;
	}

	.MainSwipeThumb:before{
		width:1.685416vw;
		height:5.05208vw;
		background-size:1.685416vw 5.05208vw;
	}

	.MainSwipeThumb:after{
		width:1.685416vw;
		height:5.05208vw;
		background-size:1.685416vw 5.05208vw;
	}
	
	.MainSwipe{
		top:calc(50% + 3.71875vw);
	}

	.MainSwipeThumbSlide{
		width:46vw;
	}

	.MainTopBannerScroll{
		width:7.66458vw;
		bottom:4.0625vw;
		right:6.25vw;
	}

	.MainTopBannerScroll-ico{
		width:7.66458vw;
		height:11.2958vw;
		background-size:7.66458vw 11.2958vw;
	}

	.MainTopBannerScroll-text{
		width:12.5vw;
		height:3.57142vw;
		background-size:12.5vw 3.57142vw;
		bottom:0.86875vw;
		left:-14.16666vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) and (orientation: landscape){
	.MainTopBanner{
		min-height:80vw;
	}
	
	.MainSwipeTitle{
		font-size:8vw;
	}
	
	.MainSwipeThumbSlide{
		width: 28vw;
	}
}

/* MainBrandBanner
=========================================================*/
.MainSection{
	margin-top:150px;
}

.MainBrandBanner{
	height:340px;
	position:relative;
	margin-top:15px;
	overflow:hidden;
	border-bottom:solid 1px #000;
	transition-property:border-color; 
	transition-duration: 1.3s;
}

.MainBrandBanner-link{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
}

.is-Action.MainBrandBanner{
	border-color:transparent;
}

.MainBrandBanner:first-child{
	margin-top:0;
}

.MainBrandBannerBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition-property:transform; 
	transition-duration: 1.3s;
	transition-delay:0s;
	transform:scale(1.14);
}

.MainBrandBannerBg-img{
	display:block;
	position:absolute;
	top:-70%;
	left:0;
	right:0;
	height:156%;
	background-size:cover;
	background-position:center center;
}

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

.is-Action .MainBrandBannerBg{
	transform:scale(1);
	transition-delay:0.1s;
}

.MainBrandBannerLogo{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:54px;
	line-height:0;
	z-index:5;
	overflow:hidden;
}

.MainBrandBannerLogo-img{
	display:block;
	height:69px;
}

.MainBrandBanner:nth-child(1) .MainBrandBannerLogo-img{
	height:170px;
}

.MainBrandBanner:nth-child(7) .MainBrandBannerLogo-img{
	height:100px;
}

.MainBrandBannerText{
	position:absolute;
	top:50%;
	right:50px;
	width:490px;
	transform:translate(50%, -50%);
	font-size:54px;
	line-height:1.2em;
	padding-bottom:70px;
	color:#fff;
	z-index:5;
	opacity:0;
	transition-property:transform, opacity; 
	transition-duration: 1s;
	transition-delay:0s;
}

.is-Action .MainBrandBannerText{
	transform:translate(0, -50%);
	opacity:1;
	transition-delay:0.4s;
}

.MainBrandBannerText:after{
	content:"";
	width:46px;
	height:46px;
	background-image:url(../../images/icon/ico_more.svg);
	background-size:46px 46px;
	position:absolute;
	bottom:0;
	left:0;
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.MainSection{
		margin-top:7.8125vw;
	}

	.MainBrandBanner{
		height:17.7083vw;
		margin-top:0.78125vw;
	}

	.MainBrandBannerLogo{
		left:2.8125vw;
	}
	
	.MainBrandBannerLogo-img{
		height:3.59374vw;
	}
	
	.MainBrandBanner:nth-child(1) .MainBrandBannerLogo-img{
		height:8.854vw;
	}
	
	.MainBrandBanner:nth-child(7) .MainBrandBannerLogo-img{
		height:5.208vw;
	}

	.MainBrandBannerLogo-text{
		font-size:2.60416vw;
	}

	.MainBrandBannerText{
		right:2.8125vw;
		width:24.65625vw;
		font-size:2.6041vw;
		padding-bottom:3.64583vw;
	}

	.MainBrandBannerText:after{
		width:2.39583vw;
		height:2.39583vw;
		background-size:2.39583vw 2.39583vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainSection{
		margin-top:7.8125vw;
	}

	.MainBrandBanner{
		height:22.7916vw;
		margin-top:0.78125vw;
	}

	.MainBrandBannerLogo{
		left: 3.5625vw;
	}
	
	.MainBrandBannerLogo-img{
		height:5.59374vw;
	}
	
	.MainBrandBanner:nth-child(1) .MainBrandBannerLogo-img{
		height:13.7814vw;
	}
	
	.MainBrandBanner:nth-child(7) .MainBrandBannerLogo-img{
		height:8.1063vw;
	}

	.MainBrandBannerLogo-text{
		font-size:2.60416vw;
	}

	.MainBrandBannerText{
		right:3.8541vw;
		width:25.27083vw;
		font-size:2.9166vw;
		padding-bottom:3.64583vw;
	}

	.MainBrandBannerText:after{
		width:2.39583vw;
		height:2.39583vw;
		background-size:2.39583vw 2.39583vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainSection{
		margin-top:12.8125vw;
	}

	.MainBrandBanner{
		height:34.2916vw;
		margin-top:1.58125vw;
	}

	.MainBrandBannerLogo{
		left: 4.0625vw;
	}
	
	.MainBrandBannerLogo-img{
		height:9.09374vw;
	}
	
	.MainBrandBanner:nth-child(1) .MainBrandBannerLogo-img{
		height:22.404vw;
	}
	
	.MainBrandBanner:nth-child(7) .MainBrandBannerLogo-img{
		height:13.1785vw;
	}

	.MainBrandBannerLogo-text{
		font-size:4.60416vw;
	}

	.MainBrandBannerText{
		right:3.0541vw;
		width: 32.27083vw;
		font-size: 4.60416vw;
		padding-bottom:6.44583vw;
	}

	.MainBrandBannerText:after{
		width:4.69583vw;
		height:4.69583vw;
		background-size:4.69583vw 4.69583vw;
	}
	
	.none-Mobile{
		display:none;
	}
}

/*=========================================================
	BrandEvent
=========================================================*/
.BrandEvent{
	margin-top: 15px;
}

.BrandEvent-inner{
	padding:0 110px; 
}

.BrandEvent-link{
	padding:40px 0;
	display:flex;
	align-items:center;
}

.BrandEventThumb{
	width:457px;
	order:2;
	line-height:0;
}

.BrandEventCont{
	order:1;
	width:calc(100% - 457px);
	padding-right:40px;
}

.BrandEventCont-sub{
	font-size:28px;
	line-height:1.4em;
	color:#000;
	margin-bottom:2px;
}

.BrandEventCont-title{
	font-size:50px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	margin-bottom:23px;
	display:-webkit-box;
    -webkit-line-clamp:2; 
    -webkit-box-orient:vertical;
    white-space:normal;
    max-height:2.4em;
    overflow:hidden;
    text-overflow:ellipsis;
}

.BrandEventContMore{
	font-size:0;
	line-height:0;
	transition-property:opacity; 
	transition-duration: 0.6s;
}

.BrandEvent .BrandEventContMore{
	opacity:0;
}

.is-View.BrandEvent .BrandEventContMore{
	opacity:1;
}

.BrandEventContMore-bg{
	display:inline-block;
	width:100px;
	height:38px;
	position:relative;
	background-image:url(../../images/icon/ico_radius_more.svg);
	background-size:100px 38px;
}

.BrandEventContMore-text{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:15px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	white-space:nowrap;
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.BrandEvent{
		margin-top: 0.78125vw;
	}

	.BrandEvent-inner{
		padding:0 5.72916vw; 
	}

	.BrandEvent-link{
		padding:2.0833vw 0;
	}

	.BrandEventThumb{
		width:23.80208vw;
	}

	.BrandEventCont{
		width:calc(100% - 23.80208vw);
		padding-right:2.0833vw;
	}

	.BrandEventCont-sub{
		font-size:1.458333vw;
		margin-bottom:0.104166vw;
	}

	.BrandEventCont-title{
		font-size:2.60416vw;
		margin-bottom:1.19791vw;
	}

	.BrandEventContMore-bg{
		width:5.20833vw;
		height:1.979166vw;
		background-size:5.20833vw 1.979166vw;
	}

	.BrandEventContMore-text{
		font-size:0.78125vw;
	}
}

@media screen and (max-width: 1290px) and (min-width: 1025px) {
	.BrandEventContMore-bg{
		width:68px;
		height:26px;
		background-size:68px 26px;
	}
	
	.BrandEventContMore-text{
		font-size:10px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.BrandEvent{
		margin-top: 0.78125vw;
	}

	.BrandEvent-inner{
		padding:0 5.72916vw; 
	}

	.BrandEvent-link{
		padding:4.0833vw 0;
	}

	.BrandEventThumb{
		width:29.80208vw;
	}

	.BrandEventCont{
		width:calc(100% - 29.80208vw);
		padding-right:4.0833vw;
	}

	.BrandEventCont-sub{
		font-size:1.658333vw;
		margin-bottom:0.504166vw;
	}

	.BrandEventCont-title{
		font-size:3.20416vw;
		margin-bottom:1.89791vw;
		line-height:1.3em;
		max-height:2.6em;
	}

	.BrandEventContMore-bg{
		width:8.3333vw;
		height:3.1666vw;
		background-size:8.3333vw 3.1666vw;
	}

	.BrandEventContMore-text{
		font-size:1.3278125vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BrandEvent{
		margin-top:1.58125vw;
	}

	.BrandEvent-inner{
		padding:0 2vw; 
	}

	.BrandEvent-link{
		padding:7.0833vw 0;
	}

	.BrandEventThumb{
		width:35.80208vw;
	}

	.BrandEventCont{
		width:calc(100% - 35.80208vw);
		padding-right:4.0833vw;
	}

	.BrandEventCont-sub{
		font-size:3.358333vw;
		margin-bottom:0.904166vw;
	}

	.BrandEventCont-title{
		font-size:5.390416vw;
		margin-bottom:4.89791vw;
		line-height:1.3em;
		max-height:2.6em;
	}

	.BrandEventContMore-bg{
		width:20.449vw;
		height:7.7709vw;
		background-size:20.449vw 7.7709vw;
	}

	.BrandEventContMore-text{
		font-size:3.23278125vw;
	}
}

/*=========================================================
	FlotingCampaign
=========================================================*/
.FlotingCampaign{
	position:absolute;
	bottom: 30px;
	left:80px;
	z-index:10;
	width:249px;
	animation: FlotingCampaign 0.4s ease-in forwards;
	animation-delay:0.3s;
	transform:translateX(-150%);
	
}

@keyframes FlotingCampaign {
	0% {
		transform:translateX(-150%);
	}

	100% {
		transform:translateY(0);
	}
}

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

.FlotingCampaign-title{
	font-size:18px;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	margin-bottom:14px;
	padding-right:20px;
}

.FlotingCampaign-thumb{
	position:relative;
	overflow:hidden;
}

.FlotingCampaign-thumb:after{
	content:"";
	padding-bottom:56%;
	display:block;
}

.FlotingCampaign-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.FlotingCampaign-thumb:before{
	content:"";
	width:38px;
	height:38px;
	background-image:url(../../images/icon/ico_video_play.svg);
	background-size:38px 38px;
	position:absolute;
	top:50%;
	left:50%;
	transform:scale(0) translate(-50%, -50%);
	z-index:10;
	animation: FlotingCampaignIcon 0.6s ease-in forwards;
	animation-delay:0.2s;
}

@keyframes FlotingCampaignIcon {
	0% {
		opacity:0;
		transform:translate(-50%, -50%) scale(0);
	}

	100% {
		opacity:1;
		transform:translate(-50%, -50%) scale(1);
	}
}

.FlotingCampaignIco{
	width:60px;
	height:50px;
	background-image:url(../../images/icon/ico_FlotingCampaign_arrow.svg);
	background-size:60px 50px;
	position:absolute;
	top: 3px;
    right: -37px;
	transform:rotate(-1deg);
}

.FlotingCampaignIco-text{
	display:block;
	width:24px;
	height:17px;
	background-image:url(../../images/icon/ico_event_go.png);
	background-size:24px 17px;
	position:absolute;
	top: 9px;
    right: -12px;
	z-index:10;
	animation: FlotingCampaignText 0.6s ease-in forwards;
    transform: translateX(-20%);
    animation-delay: 1.2s;
	opacity:0;
}

@keyframes FlotingCampaignText {
	0% {
		opacity:0;
		transform:translateX(-20%);
	}

	100% {
		opacity:1;
		transform:translateX(0);
	}
}

.FlotingCampaignIco-bg{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	background-color:#fff;
	z-index:5;
	animation: FlotingCampaignBg 1s ease-in forwards;
	animation-delay:0.2s;
	transform:scaleY(1);
	transform-origin:center top;
}

@keyframes FlotingCampaignBg {
	0% {
		transform:scaleY(1);
	}

	100% {
		transform:scaleY(0);
	}
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.FlotingCampaign{
		bottom: 1.5625vw;
		left:4.16666vw;
		width:12.96875vw;
	}

	.FlotingCampaign-title{
		font-size:0.9375vw;
		margin-bottom:0.729166vw;
		padding-right:1.04166vw;
	}

	.FlotingCampaign-thumb:before{
		width:1.97916vw;
		height:1.97916vw;
		background-size:1.97916vw 1.97916vw;
	}

	.FlotingCampaignIco{
		width:3.125vw;
		height:2.60416vw;
		background-size:3.125vw 2.60416vw;
		top: 0.15625vw;
		right: -1.92708vw;
	}

	.FlotingCampaignIco-text{		
		width:1.25vw;
		height:0.88541vw;
		background-size:1.25vw 0.88541vw;
		top: 0.46875vw;
		right: -0.625vw;
	}
}

@media screen and (max-width: 1100px) and (min-width: 1025px) {
	.FlotingCampaign-title{
		font-size:10px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.FlotingCampaign{
		bottom: 2.5625vw;
		left: 2.5625vw;
		width:20.96875vw;
	}

	.FlotingCampaign-title{
		font-size:1.59375vw;
		margin-bottom:0.729166vw;
		padding-right:1.04166vw;
	}

	.FlotingCampaign-thumb:before{
		width:3.7109vw;
		height:3.7109vw;
		background-size:3.7109vw 3.7109vw;
	}

	.FlotingCampaignIco{
		width:6vw;
		height:5vw;
		background-size:6vw 5vw;
		top: 0.15625vw;
		right: -3.927088vw;
	}

	.FlotingCampaignIco-text{		
		width:2.343vw;
		height:1.66vw;
		background-size:2.343vw 1.66vw;
		top: 0.26875vw;
		right: -0.725vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.FlotingCampaign{
		bottom: 3.0625vw;
		left:0;
		width: 44.66666vw;
	}

	.FlotingCampaign-title{
		font-size:2.79375vw;
		margin-bottom:1.729166vw;
		padding-right:4.04166vw;
		display:none;
	}

	.FlotingCampaign-thumb:before{
		width:6.7109vw;
		height:6.7109vw;
		background-size:6.7109vw 6.7109vw;
	}

	.FlotingCampaignIco{
		width:12.048vw;
		height:10.04vw;
		background-size:12.048vw 10.04vw;
		top: 0.15625vw;
		right: -6.927088vw;
		display:none;
	}

	.FlotingCampaignIco-text{		
		width:4.8192vw;
		height:3.4136vw;
		background-size:4.8192vw 3.4136vw;
		top: 0.26875vw;
		right: -1.4925vw;
	}
}

/*=========================================================
	CampaignPopup
=========================================================*/
.CampaignPopup{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:2000;
	transition-property:opacity, visibility; 
	opacity:0;
	visibility:hidden;
}

.is-Ready .CampaignPopup{
	transition-duration: 0.3s;
}

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

.admin-bar .CampaignPopup{
	top:32px;
}

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

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

.CampaignPopupSec{
	width:960px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	padding:100px 57px;
	background-color:#fff;
	z-index:5;
}

body .CampaignPopupSec-close{
	width:18px;
	height:18px;
	background-image:url(../../images/icon/ico_popup_close.svg);
	background-size:18px 18px;
	position:absolute;
	top:24px;
	right:24px;
	z-index:5;
}

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

.CampaignPopupSecPostThumb{
	order:2;
	width:60.5%;
	position:relative;
	overflow:hidden;
}

.CampaignPopupSecPostThumb:after{
	content:"";
	display:block;
	padding-bottom:56.1%;
}

.CampaignPopupSecPostThumb-link{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5;
}

.CampaignPopupSecPostThumb-img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	height:100%;
	max-width:none;
}

.is-Hidden.CampaignPopupSecPostThumb-link{
	display:none;
}

.CampaignPopupSecPostThumb-link:after{
	content:"";
	width:60px;
	height:60px;
	background-image:url(../../images/icon/ico_video_play.svg);
	background-size:60px 60px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:10;
}

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

.CampaignPopupSecPostText{
	width:39.5%;
	padding-right:40px;
}

.CampaignPopupSecPostText-title{
	font-size:34px;
	line-height:1.3em;
	color:#000;
	font-weight:500;
}

.CampaignPopupSecPostTag{
	margin-top:6px;
}

.CampaignPopupSecPostTag-list{
	font-size:0;
	line-height:0;
	margin:-2px -5px;
}

.CampaignPopupSecPostTag-item{
	font-size:16px;
	line-height:1.3em;
	color:#000;
	display:inline-block;
	vertical-align:middle;
	padding:2px 5px;
}

.CampaignPopupSecPostMore{
	margin-top:34px;
	font-size:0;
	line-height:0;
}

.BasicIconMore{
	display:inline-block;
	width:100px;
	height:38px;
	position:relative;
	background-image:url(../../images/icon/ico_radius_more.svg);
	background-size:100px 38px;
}

.BasicIconMore-text{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:15px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	white-space:nowrap;
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.CampaignPopupSec{
		width:50vw;
		padding:5.20833vw 2.96875vw;
	}

	body .CampaignPopupSec-close{
		width:0.9375vw;
		height:0.9375vw;
		background-size:0.9375vw 0.9375vw;
		top:1.25vw;
		right:1.25vw;
	}
	
	.CampaignPopupSecPostThumb-link:after{
		width:3.125vw;
		height:3.125vw;
		background-size:3.125vw 3.125vw;
	}

	.CampaignPopupSecPostText{
		padding-right:2.08333vw;
	}

	.CampaignPopupSecPostText-title{
		font-size:1.77083vw;
	}

	.CampaignPopupSecPostTag{
		margin-top:0.3125vw;
	}

	.CampaignPopupSecPostTag-list{
		margin:-0.10416vw -0.26041vw;
	}

	.CampaignPopupSecPostTag-item{
		font-size:0.83333vw;
		padding:0.10416vw 0.26041vw;
	}

	.CampaignPopupSecPostMore{
		margin-top:1.77083vw;
	}

	.BasicIconMore{
		width:5.20833vw;
		height:1.97916vw;
		background-size:5.20833vw 1.97916vw;
	}

	.BasicIconMore-text{
		font-size:0.78125vw;
	}
}

@media screen and (max-width: 1290px) and (min-width: 1025px) {
	.BasicIconMore{
		width:68px;
		height:26px;
		background-size:68px 26px;
	}
	
	.BasicIconMore-text{
		font-size:10px;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
	.CampaignPopupSecPostTag-item{
		font-size:10px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CampaignPopupSec{
		width:calc(100% - 8.3vw);
		padding:8.20833vw 4.2vw;
	}

	body .CampaignPopupSec-close{
		width:1.8375vw;
		height:1.8375vw;
		background-size:1.8375vw 1.8375vw;
		top:2.25vw;
		right:2.25vw;
	}
	
	.CampaignPopupSecPostThumb{
		width:57%;
	}
	
	.CampaignPopupSecPostThumb-link:after{
		width:6.125vw;
		height:6.125vw;
		background-size:6.125vw 6.125vw;
	}

	.CampaignPopupSecPostText{
		padding-right:3.08333vw;
		width:43%;
	}

	.CampaignPopupSecPostText-title{
		font-size:3.67083vw;
	}

	.CampaignPopupSecPostTag{
		margin-top:1.3125vw;
	}

	.CampaignPopupSecPostTag-list{
		margin:-0.20416vw -0.46041vw;
	}

	.CampaignPopupSecPostTag-item{
		font-size:1.483333vw;
		padding:0.20416vw 0.46041vw;
	}

	.CampaignPopupSecPostMore{
		margin-top:2.77083vw;
	}

	.BasicIconMore{
		width:8.3333vw;
		height:3.1666vw;
		background-size:8.3333vw 3.1666vw;
	}

	.BasicIconMore-text{
		font-size:1.3278125vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CampaignPopupSec{
		width:calc(100% - 8.3vw);
		padding:16.90833vw 4.25vw 10vw;
	}

	body .CampaignPopupSec-close{
		width:5.6375vw;
		height:5.6375vw;
		background-size:5.6375vw 5.6375vw;
		top:4.25vw;
		right:4.25vw;
	}

	.CampaignPopupSecPost{
		display:block;
	}
	
	.CampaignPopupSecPostThumb{
		width:100%;
		margin-bottom:5vw;
	}
	
	.CampaignPopupSecPostThumb-link:after{
		width:12.125vw;
		height:12.125vw;
		background-size:12.125vw 12.125vw;
	}

	.CampaignPopupSecPostText{
		padding-right:0;
		width:100%;
	}

	.CampaignPopupSecPostText-title{
		font-size:6.07083vw;
	}

	.CampaignPopupSecPostTag{
		margin-top:2.3125vw;
	}

	.CampaignPopupSecPostTag-list{
		margin:-0.40416vw -0.86041vw;
	}

	.CampaignPopupSecPostTag-item{
		font-size:3.283333vw;
		padding:0.40416vw 0.86041vw;
	}

	.CampaignPopupSecPostMore{
		margin-top:7.07083vw;
	}
	
	.BasicIconMore-bg{
		width:20.449vw;
		height:7.7709vw;
		background-size:20.449vw 7.7709vw;
	}

	.BasicIconMore-text{
		font-size:3.23278125vw;
	}
}

/*=========================================================
	News
=========================================================*/
.NewsPost{
	margin-top:65px;
}

.NewsPost-item{
	border-top:solid 1px #E0E0E0;
}

.NewsPost-item:first-child{
	border-top:none;
}

.NewsPost-item:first-child .NewsPostItem-link{
	padding-top:0;
}

.NewsPost-NoPost{
	text-align:center;
	font-size:32px;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	padding: 49px 0;
}

.NewsPostItem-link{
	display:block;
	padding:49px 0;
	display:flex;
	align-items:center;
}

.NewsPostItemDate{
	width:100px;
}

.NewsPostItemText{
	width:calc(100% - 100px);
}

.NewsPostItemDate-en{
	display:block;
	font-size:23px;
	line-height:1em;
	color:#000;
	font-weight:500;
}

.NewsPostItemDate-kr{
	display:block;
	font-size:35px;
	line-height:1em;
	color:#000;
	font-weight:500;
}

.NewsPostItemDate-year{
	display:block;
	font-size:15px;
	line-height:1.2em;
	color:#000;
	font-family:'Pretendard';
}

.NewsPostItemTextCate{
	margin-bottom:12px;
	font-size:0;
	line-height:0;
}

.NewsPostItemTextCate-text{
	border:solid 1px #000;
	padding:5px 8px;
	font-size:16px;
	line-height:1.2em;
	color:#000;
	display:inline-block;
}

.NewsPostItemText-title{
	display:block;
	font-size:28px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

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

@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.NewsPost{
		margin-top:3.38541vw;
	}

	.NewsPostItem-link{
		padding:2.55208vw 0;
	}

	.NewsPostItemDate{
		width:5.2083vw;
	}

	.NewsPostItemText{
		width:calc(100% - 5.2083vw);
	}

	.NewsPostItemDate-en{
		font-size:1.19791vw;
	}

	.NewsPostItemDate-kr{
		font-size:1.82291vw;
	}

	.NewsPostItemDate-year{
		font-size:0.78125vw;
	}

	.NewsPostItemTextCate{
		margin-bottom:0.625vw;
	}

	.NewsPostItemTextCate-text{
		padding:0.26041vw 0.41666vw;
		font-size:0.8333vw;
	}

	.NewsPostItemText-title{
		font-size:1.4583vw;
	}
	
	.NewsPost-NoPost{
		font-size:1.6666vw;
		padding: 2.55208vw 0;
	}
}

@media screen and (max-width: 1310px) and (min-width: 1025px) {
	.NewsPostItemDate-year{
		font-size:10px;
	}
	
	.NewsPostItemTextCate-text{
		font-size:11px;
		padding:3px 5px;
	}
	
	.NewsPostItemDate-en{
		margin-bottom:2px;
	}
	
	.NewsPostItemDate-kr{
		margin-bottom:2px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.NewsPost{
		margin-top:6.3476vw;
	}

	.NewsPostItem-link{
		padding:4.7851vw 0;
	}

	.NewsPostItemDate{
		width:9.765625vw;
	}

	.NewsPostItemText{
		width:calc(100% - 9.765625vw);
	}

	.NewsPostItemDate-en{
		font-size:2.24609vw;
	}

	.NewsPostItemDate-kr{
		font-size:3.41796vw;
	}

	.NewsPostItemDate-year{
		font-size:1.46484375vw;
	}

	.NewsPostItemTextCate{
		margin-bottom:1.171875vw;
	}

	.NewsPostItemTextCate-text{
		padding:0.48828vw 0.78125vw;
		font-size:1.5625vw;
	}

	.NewsPostItemText-title{
		font-size:2.734375vw;
	}
	
	.NewsPost-NoPost{
		font-size:2.6666vw;
		padding: 2.55208vw 0;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.NewsPost{
		margin-top:13.82978vw;
	}

	.NewsPostItem-link{
		align-items:flex-start;
		padding:7.4255vw 0;
	}

	.NewsPostItemDate{
		width:16.27659vw;
	}

	.NewsPostItemText{
		width:calc(100% - 16.27659vw);
	}

	.NewsPostItemDate-en{
		font-size:3.89361vw;
	}

	.NewsPostItemDate-kr{
		font-size:6.4468vw;
		margin-top:0.1vw;
	}

	.NewsPostItemDate-year{
		font-size:3.2148vw;
		line-height:1.3em;
		margin-top:0.5vw;
	}

	.NewsPostItemTextCate{
		margin-bottom:2.55319vw;
	}

	.NewsPostItemTextCate-text{
		padding:0.86382vw 1.702127vw;
		font-size:3.20425vw;
	}

	.NewsPostItemText-title{
		display:-webkit-box;
		max-height:2.6em;
		font-size:5.15744vw;
		line-height:1.3em;
		white-space:normal;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
	}
	
	.NewsPost-NoPost{
		font-size:5.6666vw;
		padding: 2.55208vw 0;
	}
}

/*=========================================================
	PageError 
=========================================================*/
body.error404 .site-footer{
	display:none;
}
.PageError{
	width:100%;
    position: fixed;
    top: 50%;
    left: 50%;
	text-align: center;
    transform: translate(-50%, -50%);
}

.PageError-ico{
	width:126px;
	line-height:0;
	margin:0 auto;
}

.PageError-title{
	color:#000;
	font-size:44px;
	font-weight:bold;
	line-height:1.4em;
}
.PageError-text{
	margin-top:15px;
	color:#000;
	font-size:17px;
	line-height:1.4em;
}
.PageErrorBtn{
	margin-top:90px;
	font-size:0;
	line-height:0;
}
.PageErrorBtn-link{
	display:inline-block;
	padding:16px 44px;
	line-height:1.2em;
	color:#fff;
	font-size:16px;
	font-weight:600;
	background-color:#000;
	border: 2px solid #000;
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.PageError-title{
		font-size:3.384vw;
	}
	.PageError-text{
		margin-top:1.153vw;
		font-size:1.307vw;
	}
	.PageErrorBtn{
		margin-top:6.923vw;
	}
	.PageErrorBtn-link{
		padding:1.230vw 3.384vw;
		font-size:1.230vw;
	}
	
	.PageError-ico{
		width:5.646vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.PageError-title{
		font-size:4.296vw;
	}
	.PageError-text{
		margin-top:1.464vw;
		font-size:1.78vw;
	}
	.PageErrorBtn{
		margin-top:8.789vw;
	}
	.PageErrorBtn-link{
		padding: 1.5625vw 4.296vw;
		font-size: 1.5625vw;
	}
	
	.PageError-ico{
		width:16.646vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.PageError{
	}
	.PageError-title{
		font-size:5.736vw;
	}
	.PageError-text{
		margin-top:1.153vw;
		font-size:3.78vw;
	}
	.PageErrorBtn{
		margin-top:12vw;
	}
	.PageErrorBtn-link{
		padding:3.2vw 16vw;
		font-size:3.85vw;
	}
	
	.PageError-ico{
		width:24.646vw;
	}
}

/*=========================================================
	PageLayout
=========================================================*/
.siteCont{
	margin-top: 100px;
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.siteCont{
		margin-top: 5.20833vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.siteCont{
		margin-top:8.765625vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.siteCont{
		margin-top:11.947848vw;
	}
}

/*=========================================================
	PolicyEmail
=========================================================*/
.PolicyEmail-text{
	font-size:24px;
	line-height:1.7em;
}

.PolicyEmail-date{
	font-size:18px;
	line-height:1.4em;
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.PolicyEmail-text{
		font-size:1.25vw;
	}

	.PolicyEmail-date{
		font-size:0.9375vw;
	}
}

@media screen and (max-width: 1110px) and (min-width: 1025px) {
	.PolicyEmail-date{
		font-size:10px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PolicyEmail-text{
		font-size:2.458333vw;
	}

	.PolicyEmail-date{
		font-size:1.69375vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PolicyEmail-text{
		font-size:4.2958333vw;
	}

	.PolicyEmail-date{
		font-size:3.69375vw;
	}
}

/*=========================================================
	siteSingle
=========================================================*/
.siteSingle{
	padding-top:212px;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.siteSingle{
		padding-top:11.04166vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.siteSingle{
		padding-top:20.703125vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.siteSingle{
		padding-top:27.640156vw;
	}
}


/*=========================================================
	SingleHeader
=========================================================*/
.SingleHeader{
	display:table;
	width:100%;
	padding-bottom:63px;
	margin-bottom:71px;
	border-bottom:1px solid #E0E0E0;
}

.SingleHeaderDate{
	display:table-cell;
	width:1%;
	text-align:center;
	vertical-align:top;
}

.SingleHeaderDate-month{
	display:block;
	font-size:22px;
	font-weight:500;
	font-family:'Ubuntu';
	line-height:1em;
	white-space:nowrap;
}

.SingleHeaderDate-day{
	display:block;
	font-size:35px;
	font-weight:500;
	font-family:'Ubuntu';
	line-height:1em;
	white-space:nowrap;
}

.SingleHeaderDate-year{
	display:block;
	padding-top:7px;
	font-size:15px;
	font-weight:500;
	font-family: 'Pretendard';
	line-height:1em;
	white-space:nowrap;
}

.SingleHeaderTitle{
	display:table-cell;
	padding-left:5%;
	font-size:0;
}

.SingleHeaderTitle-cate{
	display:inline-block;
	margin-bottom:12px;
	padding:6px 10px ;
	font-size:16px;
	line-height:1em;
	font-weight:500;
	font-family: 'Pretendard';
	border:1px solid #000;
}

.SingleHeaderTitle-text{
	display:block;
	font-size:28px;
	line-height:1.6em;
	font-weight:500;
	font-family: 'Pretendard';
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.SingleHeader{
		padding-bottom:3.28125vw;
		margin-bottom:3.697916vw;
	}
	
	.SingleHeaderDate-month{
		font-size:1.145833vw;
	}

	.SingleHeaderDate-day{
		font-size:1.822916vw;
	}

	.SingleHeaderDate-year{
		padding-top:0.364583vw;
		font-size:0.78125vw;
	}

	.SingleHeaderTitle-cate{
		margin-bottom:0.625vw;
		padding:0.3125vw 0.520833vw ;
		font-size:0.8333vw;
	}

	.SingleHeaderTitle-text{
		font-size:1.45833vw;
	}

}

@media screen and (max-width:1024px) and (min-width:768px){
	.SingleHeader{
		padding-bottom:6.15234375vw;
		margin-bottom:6.93359375vw;
	}
	
	.SingleHeaderDate-month{
		font-size:2.1484375vw;
	}

	.SingleHeaderDate-day{
		font-size:3.41796875vw;
	}

	.SingleHeaderDate-year{
		padding-top:0.68359375vw;
		font-size:1.46484375vw;
	}

	.SingleHeaderTitle-cate{
		margin-bottom:1.171875vw;
		padding:0.48828125vw 0.9765625vw ;
		font-size:1.5625vw;
	}

	.SingleHeaderTitle-text{
		font-size:2.734375vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.SingleHeader{
		padding-bottom:10.6875vw;
		margin-bottom:12.1875vw;
	}
	
	.SingleHeaderDate-month{
		font-size:3.25vw;
	}

	.SingleHeaderDate-day{
		font-size:5.75vw;
	}

	.SingleHeaderDate-year{
		padding-top:1.1875vw;
		font-size:3.25vw;
	}

	.SingleHeaderTitle-cate{
		margin-bottom:1.75vw;
		padding:1.5vw 1.75vw ;
		font-size:3.25vw;
	}

	.SingleHeaderTitle-text{
		font-size:5.55vw;
	}
}


/*=========================================================
	SinglePaging
=========================================================*/
.SinglePaging{
	margin-top:102px;
	position:relative;
}

.SinglePagingButton-list:after{
	content:'';
	display:block;
	clear:both;
}

.SinglePagingButton-item{
	float:left;
	width:50%;
	padding-right:17px;
}

.SinglePagingButton-item.Next{
	padding-right:0;
	padding-left:17px;
	text-align:right;
}

.SinglePagingButton-link{
	display:block;
	color:#000;
	font-size:18px;
	font-weight:400;
	line-height:1.4em;
	font-family: 'Pretendard'; 
}


/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.SinglePaging{
		margin-top:5.3125vw;
	}

	.SinglePagingButton-item{
		padding-right:0.8854166vw;
	}

	.SinglePagingButton-item.Next{
		padding-left:0.8854166vw;
	}

	.SinglePagingButton-link{
		font-size:0.9375vw;
	}

}

@media screen and (max-width:1024px) and (min-width:768px){
	.SinglePaging{
		margin-top:9.9609375vw;
	}

	.SinglePagingButton-item{
		padding-right:1.66015625vw;
	}

	.SinglePagingButton-item.Next{
		padding-left:1.66015625vw;
	}

	.SinglePagingButton-link{
		font-size:1.7578125vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.SinglePaging{
		margin-top:13.29856vw;
		padding:0.1vw 0;
	}

	.SinglePagingButton-item{
		padding-right:4.047619vw;
	}

	.SinglePagingButton-item.Next{
		padding-left:4.047619vw;
	}

	.SinglePagingButton-link{
		font-size:4.2857vw;
	}
}

/*SinglePagingLink
=========================================================*/
.SinglePagingLink{
	display:block;
	width:32px;
	height:32px;
	background-image:url(../../images/icon/ico-SinglePagingList-b.png);
	background-size:32px 32px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.SinglePagingLink{
		width:1.66666vw;
		height:1.66666vw;
		background-size:1.66666vw 1.66666vw;
	}


}

@media screen and (max-width:1024px) and (min-width:768px){
	.SinglePagingLink{
		width:3.125vw;
		height:3.125vw;
		background-size:3.125vw 3.125vw;
	}

}

@media screen and (max-width:767px) and (min-width:1px){
	.SinglePagingLink{
		width:7.61904vw;
		height:7.61904vw;
		background-size:7.61904vw 7.61904vw;
	}

}

/*SinglePagingPrev
=========================================================*/
.SinglePagingPrev{
	display:table;
	table-layout:fixed;
	width:100%;
	font-size:0;
	line-height:0;
}

.SinglePagingPrev-text{
	display:table-cell;
	padding-left:40px;
	position:relative;
	font-size:20px;
	font-weight:500;
	font-family: 'Pretendard'; 
	vertical-align:middle;
	line-height:1.2em;
}

.SinglePagingPrev-text:before{
	content:'';
	display:block;
	width:30px;
	height:30px;
	background-image:url('../../images/icon/ico-SinglePagingPrev-b.svg');
	background-size:30px 30px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.SinglePagingPrev-title{
	overflow:hidden;
	display:table-cell;
	width:84%;
	padding:0 18px;
	color:#000;
	font-size:18px;
	font-family: 'Pretendard';
	line-height:1.8em;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align:middle;
}


/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.SinglePagingPrev-text{
		padding-left:2.083333vw;
		font-size:1.04166666vw;
	}

	.SinglePagingPrev-text:before{
		width:1.5625vw;
		height:1.5625vw;
		background-size:1.5625vw 1.5625vw;
	}

	.SinglePagingPrev-title{
		padding:0 0.9375vw;
		font-size:0.9375vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.SinglePagingPrev-text{
		padding-left:3.90625vw;
		font-size:1.953125vw;
	}

	.SinglePagingPrev-text:before{
		width:2.9296875vw;
		height:2.9296875vw;
		background-size:2.9296875vw 2.9296875vw;
	}

	.SinglePagingPrev-title{
		width: 76%;
		padding:0 1.7578125vw;
		font-size:1.7578125vw;
	}

}

@media screen and (max-width:767px) and (min-width:1px){
	.SinglePagingPrev-text{
		padding-left:0;
		font-size:0;
	}

	.SinglePagingPrev-text:before{
		width:5vw;
		height:5vw;
		background-size:5vw 5vw;
	}

	.SinglePagingPrev-title{
		padding:0;
		padding-right:4.28571vw;
		font-size:4vw;
	}

}


/*SinglePagingNext
=========================================================*/
.SinglePagingNext{
	display:table;
	table-layout:fixed;
	width:100%;
	font-size:0;
	line-height:0;
	text-align:right;
}

.SinglePagingNext-text{
	display:table-cell;
	padding-right:40px;
	position:relative;
	font-size:20px;
	font-weight:500;
	font-family: 'Pretendard'; 
	vertical-align:middle;
	line-height:1.2em;
}

.SinglePagingNext-text:before{
	content:'';
	display:block;
	width:30px;
	height:30px;
	background-image:url('../../images/icon/ico-SinglePagingNext-b.svg');
	background-size:30px 30px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.SinglePagingNext-title{
	overflow:hidden;
	display:table-cell;
	width:84%;
	padding:0 18px;
	color:#000;
	font-size:18px;
	font-family: 'Pretendard';
	line-height:1.8em;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align:middle;
}



/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.SinglePagingNext-text{
		padding-right:2.083333vw;
		font-size:1.04166666vw;
	}

	.SinglePagingNext-text:before{
		width:1.5625vw;
		height:1.5625vw;
		background-size:1.5625vw 1.5625vw;
	}

	.SinglePagingNext-title{
		padding:0 0.9375vw;
		font-size:0.9375vw;
	}
}

@media screen and (max-width:1066px) and (min-width:1025px){
	.SinglePagingNext-title{
		font-size:10px;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.SinglePagingNext-text{
		padding-right:3.90625vw;
		font-size:1.953125vw;
	}

	.SinglePagingNext-text:before{
		width:2.9296875vw;
		height:2.9296875vw;
		background-size:2.9296875vw 2.9296875vw;
	}

	.SinglePagingNext-title{
		width: 76%;
		padding:0 1.7578125vw;
		font-size:1.7578125vw;
	}


}

@media screen and (max-width:767px) and (min-width:1px){
	.SinglePagingNext-text{
		padding-right:0;
		font-size:0;
	}

	.SinglePagingNext-text:before{
		width:5vw;
		height:5vw;
		background-size:5vw 5vw;
	}

	.SinglePagingNext-title{
		padding:0;
		padding-left:4.28571vw;
		font-size:4vw;
	}

}



/*=========================================================
Single Post
=========================================================*/
.SingleContent{font-size:16px;line-height:1.9;}
.SingleContent .size-full{height: auto !important;}
.SingleContent .alignleft{float: left;}
.SingleContent .alignright{float: right;}
.SingleContent .aligncenter{display: block; margin:0 auto;}
.SingleContent figure.wp-caption{width:100% !important;}
.SingleContent iframe{width:100% !important;}
.SingleContent p{margin-bottom:20px; color:#222222; font-family: 'Pretendard'; }
.SingleContent p img{height: auto !important;}
.SingleContent a{color:#222222;}
.SingleContent a:hover{text-decoration: underline; }
.SingleContent h1{font-size: 1.30em;}
.SingleContent h2{font-size: 1.24em;}
.SingleContent h3{font-size: 1.18em;}
.SingleContent h4{font-size: 1.12em;}
.SingleContent h5{font-size: 1.06em;}
.SingleContent h6{font-size: 1em;}
.SingleContent h1,.SingleContent h2,.SingleContent h3,.SingleContent h4,.SingleContent h5,.SingleContent h6 {margin-bottom: 15px;color:#222;}
.SingleContent figure{margin-bottom: 20px;}
.SingleContent ul{margin-bottom: 20px; color:#222; text-align:left;}
.SingleContent ol{margin-bottom: 20px;color:#222;}
.SingleContent li{margin-top:5px;}
.SingleContent li:first-child{margin-top:0;}
.SingleContent img{max-width: 100%;}
.SingleContent figcaption.wp-caption-text{color:#555555; font-weight:normal; text-align: center; font-size: .75rem; }
.SingleContent ul li{padding-left:1.1em;position: relative;}
.SingleContent ul li:before{content: "∙";position: absolute; top:0; left:0;color:#000;}
.SingleContent ol li{padding-left:1.1em;position: relative;}
.SingleContent ol li:nth-child(1):before{content: "1.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(2):before{content: "2.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(3):before{content: "3.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(4):before{content: "4.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(5):before{content: "5.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(6):before{content: "6.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(7):before{content: "7.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(8):before{content: "8.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(9):before{content: "9.";position: absolute; top:0; left:0;}
.SingleContent blockquote{color:#1c1c1c;padding-left:16px;position: relative;}
.SingleContent blockquote:before{content: ""; width:3px; height: 100%; position: absolute; background: #000; top:0; left:0;}
.SingleContent table{width:100%;margin-bottom:20px;border-top:solid 2px #2e3235;border-collapse:collapse;}
.SingleContent table thead th{text-align: center;}
.SingleContent table tbody th{text-align: center;}
.SingleContent table caption{display: none;}
.SingleContent table *{margin:0;}
.SingleContent table thead th{color:#2e3235;font-size: 1.1em;font-weight: bold;text-align: center;line-height: 1.4em;}
.SingleContent table th,.SingleContent table td{vertical-align: middle;border:solid 1px #ccd0d7;padding:12px 5px;text-align: center;}
.SingleContent iframe{max-width: 100% !important;}
.SingleContent span[id*="more-"]{border-bottom:dashed 2px #ccd0d7;display: block;}
.SingleContent figcaption{color:#555555; font-weight:normal; font-size: .75rem; }
.SingleContent iframe[src*="youtube"]{height:647px;}


@media screen and (max-width:1300px) and (min-width:1025px){
	.SingleContent{font-size:1.23076vw;}
	.SingleContent h1, .SingleContent h2, .SingleContent h3, .SingleContent h4, .SingleContent h5, .SingleContent h6{
		margin-bottom:1.154vw;
	}
	.SingleContent p{
		margin-bottom:1.538vw;
	}
	.SingleContent blockquote{
		padding-left:1.231vw;
	}
	
	.SingleContent iframe[src*="youtube"]{
		height:51.7692vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.SingleContent{font-size:1.82291vw;}
	
	.SingleContent h1, .SingleContent h2, .SingleContent h3, .SingleContent h4, .SingleContent h5, .SingleContent h6{
		margin-bottom:1.465vw;
	}
	.SingleContent p{
		margin-bottom:1.953vw;
	}
	.SingleContent blockquote{
		padding-left:1.5625vw;
	}
	
	.SingleContent iframe[src*="youtube"]{
		height:51.7692vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.SingleContent{font-size:3.7333vw;}
	
	.SingleContent .size-large .size-full{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	
	.SingleContent .size-large .size-large{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	
	.SingleContent h1, .SingleContent h2, .SingleContent h3, .SingleContent h4, .SingleContent h5, .SingleContent h6{
		margin-bottom:3.96vw;
	}
	.SingleContent p{
		margin-bottom:4.607vw;
	}
	.SingleContent blockquote{
		padding-left:2.086vw;
	}
	
	.SingleContent iframe[src*="youtube"]{
		height:51.7692vw;
	}
}




/*=========================================================
	sitePage
=========================================================*/
.sitePage{
	padding-top:153px;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.sitePage{
		padding-top:7.968749vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.sitePage{
		padding-top:14.94140625vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.sitePage{
		padding-top:22.947848vw;
	}
}




/*=========================================================
	PageHeader
=========================================================*/

.PageHeaderTitle-text{
	display:block;
	text-align:center;
	font-size:100px;
	line-height:1.2em;
	font-weight: 500;
	font-family: 'Pretendard';
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.PageHeaderTitle-text{
		font-size:5.20833vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PageHeaderTitle-text{
		font-size:6.765625vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.PageHeaderTitle-text{
		font-size:9.765625vw;
	}
}

/*=========================================================
	PageHeaderTab
=========================================================*/
.PageHeaderTab{
	margin-top:26px;
}

.PageHeaderTab-list{
	font-size:0;
	line-height:0;
	text-align:center;
	margin:0 -10px;
}

.PageHeaderTab-item{
	display:inline-block;
	padding:0 10px;
}

.PageHeaderTab-link{
	display:block;
	position:relative;
	color:#686868;
	font-size:22px;
	font-weight:500;
	line-height:1.4em;
}

.page-template-page-catalogue-202409 .PageHeaderTab-link{
	font-size:20px;
}

.page-template-page-catalogue-202408 .PageHeaderTab-link{
	font-size:16px;
}

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

.PageHeaderTab-item.is-Current .PageHeaderTab-link:after{
	content:'';
	display:block;
	width:100%;
	height:2px;
	background-image:url('../../images/bg/bg-PageHeaderTab-line.png');
	background-size:100% 2px;
	position:absolute;
	bottom:0;
	left:0;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.PageHeaderTab{
		margin-top:1.35416vw;
	}

	.PageHeaderTab-list{
		margin:0 -0.520833vw;
	}

	.PageHeaderTab-item{
		padding:0 0.520833vw;
	}

	.PageHeaderTab-link{
		font-size:1.145833vw;
	}
	
	.page-template-page-catalogue-202409 .PageHeaderTab-link{
		font-size:1vw;
	}

	.page-template-page-catalogue-202408 .PageHeaderTab-link{
		font-size:1vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PageHeaderTab{
		margin-top:2.5390625vw;
	}

	.PageHeaderTab-list{
		margin:0 -0.9765625vw;
	}

	.PageHeaderTab-item{
		padding:0 0.9765625vw;
	}

	.PageHeaderTab-link{
		font-size:2.1484375vw;
	}
	
	.page-template-page-catalogue-202409 .PageHeaderTab-link{
		font-size:2.1484375vw;
	}
	
	.page-template-page-catalogue-202408 .PageHeaderTab-link{
		font-size:2.1484375vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.PageHeaderTab{
		margin-top:8.190476vw;
	}

	.PageHeaderTab-list{
		margin:0 -2.38095238vw;
	}

	.PageHeaderTab-item{
		padding:0 2.38095238vw;
	}

	.PageHeaderTab-link{
		font-size:5.23809vw;
	}
	
	.page-template-page-catalogue-202409 .PageHeaderTab-link{
		font-size:5.23809vw;
	}
	
	.page-template-page-catalogue-202408 .PageHeaderTab-link{
		font-size:5.23809vw;
	}
}


/*=========================================================
	PageSearchSection
=========================================================*/
.PageSearchSection{
	margin-top:100px;
	font-size:0;
	line-height:0;
	text-align:center;
	position:relative;
	z-index:10;
}

.PageSearch{
	display:inline-block;
	width:100%;
	max-width:484px;
	padding-right:28px;
	position:relative;
	border-bottom:4px solid #000;
	vertical-align:middle;
}

.PageSearchInput-button{
	display:block;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:28px;
	height:28px;
	background-image:url('../../images/icon/ico-search.svg');
	background-size:28px 28px;
}

body .PageSearchInput-text{
	display:block;
	width:100%;
	height:56px;
	padding:16px 20px;
	padding-left:0;
	font-size:20px;
	color:#000;
	line-height:normal;
}

body .PageSearchInput-text:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000;
}

body .PageSearchInput-text:-webkit-autofill, 
body .PageSearchInput-text:-webkit-autofill:hover, 
body .PageSearchInput-text:-webkit-autofill:focus, 
body .PageSearchInput-text:-webkit-autofill:active { 
	transition: background-color 5000s ease-in-out 0s; 
}


body .PageSearchInput-text::placeholder {
	color: #BEBEBE; 
	font-weight:300;
	font-si
	font-family: 'Pretendard';
}


/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.PageSearchSection{
		margin-top:5.20833vw;
	}
	
	.PageSearch{
		max-width:25.20833vw;
		padding-right:1.458333vw;
	}

	.PageSearchInput-button{
		width:1.458333vw;
		height:1.458333vw;
		background-size:1.458333vw 1.458333vw;
	}

	body .PageSearchInput-text{
		height:2.9166666vw;
		padding:0.833333vw 1.0416666vw;
		padding-left:0;
		font-size:1.0416666vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PageSearchSection{
		margin-top:9.765625vw;
	}
	
	.PageSearch{
		max-width:47.265625vw;
		padding-right:2.734375vw;
	}

	.PageSearchInput-button{
		width:2.734375vw;
		height:2.734375vw;
		background-size:2.734375vw 2.734375vw;
	}

	body .PageSearchInput-text{
		height:5.46875vw;
		padding:1.5625vw 1.953125vw;
		padding-left:0;
		font-size:1.953125vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.PageSearchSection{
		margin-top:16.809vw;
	}
	
	
	.PageSearch{
		max-width:none;
		padding-right:6.666vw;
		border-top:2px solid transparent;
		border-bottom-width:2px;
	}

	.PageSearchInput-button{
		width:6.6666vw;
		height:6.6666vw;
		background-size:6.6666vw 6.6666vw;
	}

	body .PageSearchInput-text{
		height:12.8vw;
		padding:3.729523vw 2.4619vw;
		padding-left:0;
		font-size:4.7619vw;
	}
	
	.PageSearchSection.ProductSearch .PageSearch{
		max-width:calc(100% - 30vw);
		width:100%;
	}
}



/*=========================================================
	PageSelect
=========================================================*/
.PageSelect{
	display:inline-block;
	width:138px;
	height:60px;
	margin-left:22px;
	vertical-align:middle;
	position:relative;
}

.PageSelect-link{
	display:block;
	padding:16px 16px;
	border:2px solid #000;
}

.PageSelect-text{
	overflow:hidden;
	display:block;
	padding-right:20px;
	position:relative;
	color:#000;
	font-size:20px;
	line-height:1.2em;
	font-weight:500;
	font-family: 'Pretendard';
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:left;
}

.PageSelect-text:after{
	content:'';
	display:block;
	width:10px;
	height:5px;
	background-image:url('../../images/icon/ico-select-arrow.png');
	background-size:10px 5px;
	position:absolute;
	top:50%;
	right:0;
	transform:rotate(180deg) translateY(50%);
}

.PageSelectProduct{
	opacity:0;
	visibility:hidden;
	position:absolute;
	right:0;
	width:100%;
	transition:opacity 0.15s;
	border:2px solid #000;
	padding:11px 16px;
	background-color:#fff;
	max-height:260px;
	overflow:hidden;
	overflow-y:auto;
	margin-top:10px;
}

.PageSelectProduct::-webkit-scrollbar {
	width: 2px;
}
.PageSelectProduct::-webkit-scrollbar-thumb {
	background-color: #000;
}
.PageSelectProduct::-webkit-scrollbar-track {
	background-color: #fff;
}

.PageSelectProduct-link{
	display:block;
	font-size: 20px;
    line-height: 1.2em;
    font-weight: 500;
    font-family: 'Pretendard';
	color: #000;
	text-align:left;
	padding:5px 0;
}

.PageSelect.is-View .PageSelect-text:after{
	transform:rotate(0) translateY(-50%);
}

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

.MobileProductClosed{
	display:none;
}

.MobileProductText{
	display:none;
	color:#000;
	font-size:4.25vw;
	font-weight:500;
	line-height:1.4em;
	font-family: 'Pretendard';
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.PageSelect{
		width:7.18749vw;
		height:3.125vw;
		margin-left:1.145833vw;
	}

	.PageSelect-link{
		padding:0.8333vw 0.8333vw;
	}

	.PageSelect-text{
		font-size:1.04166vw;
		padding-right:1.041666vw;
	}

	.PageSelect-text:after{
		width:0.53083vw;
		height:0.260416vw;
		background-size:0.52083vw 0.260416vw;
	}

	.PageSelectProduct{
		margin-top:0.52083vw;
		padding: 0.57291vw 0.83333vw;
		max-height: 13.5416vw;
	}
	
	.PageSelectProduct-link{
		font-size: 1.0416vw;
		padding:0.26041vw 0;
	}

}

@media screen and (max-width:1024px) and (min-width:768px){
	.PageSelect{
		width:13.47656vw;
		height:5.859375vw;
		margin-left:2.1484375vw;
	}

	.PageSelect-link{
		padding:1.5625vw 1.5625vw;
	}

	.PageSelect-text{
		font-size:1.953125vw;
		padding-right:1.953125vw;
	}

	.PageSelect-text:after{
		width:0.9765625vw;
		height:0.48828125vw;
		background-size:0.9765625vw 0.48828125vw;
	}

	.PageSelectProduct{
		margin-top:0.9765625vw;
		padding: 1.0625vw 1.5625vw;
		max-height: 19.5416vw;
	}
	
	.PageSelectProduct-link{
		font-size:1.953125vw;
		padding:0.56041vw 0;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.PageSelect{
		width:26vw;
		height:13.8666vw;
		margin-left:3.238vw;
	}

	.PageSelect-link{
		padding:3.5666vw 2.80952vw;
	}

	.PageSelect-text{
		font-size:4.7619vw;
		padding-right:4.1428vw;
	}

	.PageSelect-text:after{
		width:2.380952vw;
		height:1.190476vw;
		background-size:2.380952vw 1.190476vw;
	}

	.PageSelectProduct{
		margin-top:1.49765625vw;
		padding:2.6666vw 2.80952vw;
		max-height: 50.5416vw;
		width:140%;
	}
	
	.PageSelectProduct-link{
		font-size:4.7619vw;
		padding:0.96041vw 0;
	}
	
	.MobileProductClosed{
		display:block;
		width:4.5vw;
		height:4.5vw;
		background-image:url(../../images/icon/ico_popup_close.svg);
		background-size: 4.5vw 4.5vw;
		position: absolute;
		top: 9.25vw;
		right: 6.25vw;
		z-index: 5;
	}
	
	.MobileProductText{
		display:block;
	}
}


/*=========================================================
	PageKeyword
=========================================================*/
.PageKeyword{
	margin-top:25px;
	font-size:0;
	line-height:0;
	text-align:center;
}

.PageKeyword-inner{
	display:inline-block;
}

.PageKeyword-inner:after{
	content:'';
	display:block;
	clear:both;
}

.PageKeyword-title{
	float:left;
	color:#000;
	font-size:18px;
	font-weight:500;
	font-family: 'Pretendard';
	line-height:1.4em;
	vertical-align:middle;
}

.PageKeyword-cont{
	overflow:hidden;
	display:block;
	padding-left:16px;
	color:#000;
	font-size:18px;
	font-family: 'Pretendard';
	line-height:1.4em;
	vertical-align:middle;
}

.PageKeyword-list{
	margin:-5px -5px;
}

.PageKeyword-list:after{
	content:'';
	display:block;
	clear:both;
}

.PageKeyword-item{
	float:left;
	padding:5px 5px;
}

.PageKeyword-text{
	display:block;
	color:#000;
	font-size:18px;
	font-family: 'Pretendard';
	line-height:1.4em;
}

@media screen and (min-width:1025px){
	.PageKeyword-text:hover{
		text-decoration:underline;
		font-weight:500;
	}
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.PageKeyword{
		margin-top:1.3020833vw;
	}

	.PageKeyword-title{
		font-size:0.9375vw;
	}

	.PageKeyword-cont{
		padding-left:0.8333vw;
		font-size:0.9375vw;
	}

	.PageKeyword-list{
		margin:-0.260416vw -0.260416vw;
	}
	
	.PageKeyword-item{
		padding:0.260416vw 0.260416vw;
	}

	.PageKeyword-text{
		font-size:0.9375vw;
	}
}

@media screen and (max-width:1066px) and (min-width:1025px){
	.PageKeyword-title{
		font-size:10px;
	}
	.PageKeyword-text{
		font-size:10px;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PageKeyword{
		margin-top:2.44140625vw;
	}

	.PageKeyword-title{
		font-size:1.7578125vw;
	}

	.PageKeyword-cont{
		padding-left:1.5625vw;
		font-size:1.7578125vw;
	}

	.PageKeyword-list{
		margin:-0.48828125vw -0.48828125vw;
	}
	
	.PageKeyword-item{
		padding:0.48828125vw 0.48828125vw;
	}

	.PageKeyword-text{
		font-size:1.7578125vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.PageKeyword{
		margin-top:2.75238vw;
	}

	.PageKeyword-title{
		font-size:4.2857vw;
	}

	.PageKeyword-cont{
		padding-left:3.8095238vw;
		font-size:4.2857vw;
	}

	.PageKeyword-list{
		margin:-0.25px -1.33333vw;
	}
	
	.PageKeyword-item{
		padding:0.25vw 1.33333vw;
	}

	.PageKeyword-text{
		font-size:4.2857vw;
	}
}



/*=========================================================
	ListPaging
=========================================================*/
.ListPaging{
	margin-top:103px;
	text-align:center;
}

.ListPaging-list{
	display:inline-block;
	margin:0 -20px;
}

.ListPaging-item{
	display:inline-block;
	padding:0 20px;
}

.ListPaging-item:first-child{
	padding:0;
	padding-right:70px;
}
.ListPaging-item:last-child{
	padding:0;
	padding-left:70px;
}

.ListPaging-text{
	display:block;
	position:relative;
	color:#000;
	font-size:20px;
	font-family: 'Pretendard';
	font-weight:500;
	line-height:1.4em;
}

.ListPaging-item.is-Current .ListPaging-text{
	color:#fff;
}

.ListPaging-item.is-Current .ListPaging-text:after{
	content:'';
	display:block;
	width:30px;
	height:30px;
	background-color:#000;
	border-radius:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:-1;
}


/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.ListPaging{
		margin-top:5.36458vw;
	}

	.ListPaging-list{
		margin:0 -1.041666vw;
	}

	.ListPaging-item{
		padding:0 1.041666vw;
	}

	.ListPaging-item:first-child{
		padding-right:3.645833vw;
	}
	
	.ListPaging-item:last-child{
		padding-left:3.645833vw;
	}

	.ListPaging-text{
		font-size:1.041666vw;
	}

	.ListPaging-item.is-Current .ListPaging-text:after{
		width:1.5625vw;
		height:1.5625vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.ListPaging{
		margin-top:10.05859vw;
	}

	.ListPaging-list{
		margin:0 -1.953125vw;
	}

	.ListPaging-item{
		padding:0 1.953125vw;
	}

	.ListPaging-item:first-child{
		padding-right:6.8359375vw;
	}
	
	.ListPaging-item:last-child{
		padding-left:6.8359375vw;
	}

	.ListPaging-text{
		font-size:1.953125vw;
	}

	.ListPaging-item.is-Current .ListPaging-text:after{
		width:2.9296875vw;
		height:2.9296875vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.ListPaging{
		margin-top:13.4289vw;
	}

	.ListPaging-list{
		margin:-1.25vw -4.25vw;
	}

	.ListPaging-item{
		padding:1.95vw 4.25vw;
	}

	.ListPaging-item:first-child{
		padding-right:1.25vw;
	}
	
	.ListPaging-item:last-child{
		padding-left:1.25vw;
	}

	.ListPaging-text{
		font-size:4vw;
	}

	.ListPaging-item.is-Current .ListPaging-text:after{
		width:6.375vw;
		height:6.375vw;
	}
}


/* ListPrevButton
=========================================================*/
.ListPrevButton-link{
	display:block;
	position:relative;
	padding-left:40px;
	color:#000;
	font-size:20px;
	font-family: 'Pretendard';
	font-weight:500;
	line-height:1.4em;
}

.ListPrevButton-link:before{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-image: url('../../images/icon/ico-SinglePagingPrev-b.svg');
    background-size: 30px 30px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.ListNextButton-link{
	display:block;
	position:relative;
	padding-right:40px;
	color:#000;
	font-size:20px;
	font-family: 'Pretendard';
	font-weight:500;
	line-height:1.4em;
}

.ListNextButton-link:before{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-image: url('../../images/icon/ico-SinglePagingNext-b.svg');
    background-size: 30px 30px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.ListPrevButton-link{
		padding-left:2.083333vw;
		font-size:1.04166666vw;
	}

	.ListPrevButton-link:before{
		width:1.5625vw;
		height:1.5625vw;
		background-size:1.5625vw 1.5625vw;
	}
	
	.ListNextButton-link{
		padding-right:2.083333vw;
		font-size:1.04166666vw;
	}

	.ListNextButton-link:before{
		width:1.5625vw;
		height:1.5625vw;
		background-size:1.5625vw 1.5625vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.ListPrevButton-link{
		padding-left:3.90625vw;
		font-size:1.953125vw;
	}

	.ListPrevButton-link:before{
		width:2.9296875vw;
		height:2.9296875vw;
		background-size:2.9296875vw 2.9296875vw;
	}

	.ListNextButton-link{
		padding-right:3.90625vw;
		font-size:1.953125vw;
	}

	.ListNextButton-link:before{
		width:2.9296875vw;
		height:2.9296875vw;
		background-size:2.9296875vw 2.9296875vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.ListPrevButton-link{
		font-size:4vw;
	}
	
	.ListPrevButton-link{
		padding-left:6.25vw;
		font-size:4vw;
	}
	
	.ListPrevButton-link:before{
		width:5vw;
		height:5vw;
		background-size:5vw 5vw;
	}
	
	.ListNextButton-link{
		padding-right:6.25vw;
		font-size:4vw;
	}
	
	.ListNextButton-link:before{
		width:5vw;
		height:5vw;
		background-size:5vw 5vw;
	}
}


/*=========================================================
	ProductPost
=========================================================*/
.ProductPost{
	padding-top:64px;
}

.ProductPostHeader{
	display:flex;
	justify-content: space-between;
	align-items:center;
	margin-bottom:20px;
}

.ProductPostHeader-num{
	display:inline-block;
	color:#000;
	font-size:22px;
	font-weight:600;
	line-height:1.4em;
	font-family: 'Pretendard';
}

.ProductPostHeader-text{
	display:inline-block;
	color:#000;
	font-size:22px;
	line-height:1.4em;
	font-family: 'Pretendard';
}

.ProductPostHeaderSelect{
	display:block;
	position:relative;
}

.ProductPostHeaderSelect-title{
	display:block;
	padding-right:16px;
	position:relative;
	color:#000;
	font-size:18px;
	line-height:normal;
	font-family: 'Pretendard';
}

.ProductPostHeaderSelect-title:after{
	content:'';
	display:block;
	width:9px;
	height:4px;
	background-image:url('../../images/icon/ico-ProductSelect-arrow.png');
	background-size:9px 4px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.ProductPostHeaderSelect-list{
	opacity:0;
	visibility:hidden;
    padding: 8px 12px;
	margin-top: 12px;
	position:absolute;
    right: 0;
    background-color: #fff;
	z-index:10;
	transition: opacity 0.15s;
	border:2px solid #000;
}

.ProductPostHeaderSelect-item{
	padding:3px 0;
}

.ProductPostHeaderSelect-text{
	display:block;
	color:#000;
	font-size:16px;
	line-height:normal;
	font-family: 'Pretendard';
	white-space:nowrap;
}

.ProductPostHeaderSelect-item.is-Current .ProductPostHeaderSelect-text{
	text-decoration:underline; 
	font-weight:500;
}

.ProductPostHeaderSelect.is-View .ProductPostHeaderSelect-title:after{
	transform:rotate(180deg) translateY(50%);
}
.ProductPostHeaderSelect.is-View .ProductPostHeaderSelect-list{
	opacity:1;
	visibility:visible;
}

/* responsive */
@media screen and (min-width:1025px){		
	.ProductPostHeaderSelect-text:hover{
		text-decoration:underline;
		font-weight:500;
	}
}
@media screen and (max-width:1920px) and (min-width:1025px){
	.ProductPost{
		padding-top:3.3333vw;
	}

	.ProductPostHeader-num{
		font-size:1.14583vw;
	}

	.ProductPostHeader-text{
		font-size:1.14583vw;
	}

	.ProductPostHeaderSelect-title{
		padding-right:0.833333vw;
		font-size:0.9375vw;
	}

	.ProductPostHeaderSelect-title:after{
		width:0.46875vw;
		height:0.20833vw;
		background-size:0.46875vw 0.20833vw;
	}

	.ProductPostHeaderSelect-list{
		padding: 0.41666vw 0.625vw;
		margin-top: 0.625vw;
	}

	.ProductPostHeaderSelect-item{
		padding:0.15625vw 0;
	}

	.ProductPostHeaderSelect-text{
		font-size:0.833333vw;
	}

}

@media screen and (max-width:1200px) and (min-width:1025px){
	.ProductPostHeaderSelect-text{
		font-size:10px;
	}
}

@media screen and (max-width:1066px) and (min-width:1025px){
	.ProductPostHeaderSelect-title{
		font-size:10px;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.ProductPost{
		padding-top:6.25vw;
	}

	.ProductPostHeader-num{
		font-size:2.1484375vw;
	}

	.ProductPostHeader-text{
		font-size:2.1484375vw;
	}

	.ProductPostHeaderSelect-title{
		padding-right:1.5625vw;
		font-size:1.7578125vw;
	}

	.ProductPostHeaderSelect-title:after{
		width:0.87890625vw;
		height:0.390625vw;
		background-size:0.87890625vw 0.390625vw;
	}

	.ProductPostHeaderSelect-list{
		padding: 0.78125vw 1.171875vw;
		margin-top: 1.171875vw;
	}

	.ProductPostHeaderSelect-item{
		padding:0.49296875vw 0;
	}

	.ProductPostHeaderSelect-text{
		font-size:1.6578125vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.ProductPost{
		padding-top:18.23809vw;
	}

	.ProductPostHeader-num{
		font-size:4.28571vw;
	}

	.ProductPostHeader-text{
		font-size:4.28571vw;
	}

	.ProductPostHeaderSelect-title{
		padding-right:3.8095vw;
		font-size:4.25vw;
	}

	.ProductPostHeaderSelect-title:after{
		width:2.14285vw;
		height:0.95238vw;
		background-size:2.14285vw 0.95238vw;
	}

	.ProductPostHeaderSelect-list{
		padding: 2.133333vw 3.2vw;
		margin-top: 2.85714vw;
	}

	.ProductPostHeaderSelect-item{
		padding:1.2vw 0;
	}

	.ProductPostHeaderSelect-text{
		font-size:4vw;
	}
}


/*=========================================================
	ProductPostCont
=========================================================*/
.ProductPostCont-list{
	margin:-35px -18px;
}

.ProductPostCont-list:after{
	content:'';
	display:block;
	clear:both;
}

.ProductPostCont-item{
	float:left;
	width:25%;
	padding:35px 18px ;
}

.ProductPostCont-item:nth-child(4n+1){
	clear:both;
}

.ProductPostCont-item.no-Post{
	width:100%;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.ProductPostCont-list{
		margin:-1.822916vw -0.9375vw;
	}
	
	.ProductPostCont-item{
		padding:1.822916vw 0.9375vw ;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.ProductPostCont-list{
		margin:-3.41796875vw -1.25vw;
	}
	
	.ProductPostCont-item{
		width:33.33%;
		padding:3.41796875vw 1.25vw ;
	}
		
	.ProductPostCont-item:nth-child(4n+1){
		clear:none;
	}
		
	.ProductPostCont-item:nth-child(3n+1){
		clear:both !important;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.ProductPostCont-list{
		margin:-4.563233vw -2.3468vw;
	}
	
	.ProductPostCont-item{
		width:50%;
		padding:4.563233vw 2.3468vw ;
	}
	
	.ProductPostCont-item:nth-child(4n+1){
		clear:none;
	}
		
	.ProductPostCont-item:nth-child(odd){
		clear:both !important;
	}
}



/*=========================================================
	ProductItem
=========================================================*/
.ProductItem-link{
	display:block;
}

.ProductItem-thumb{
	position:relative;
	line-height:0;
	overflow:hidden;
}

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

.ProductItem-thumb img{
	display:block;
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.ProductItem-cont{
	margin-top:20px;
	text-align:center;
}

.ProductItem-badge{
	display:inline-block;
	padding:3px 10px;
	margin-bottom:14px;
	color:#000;
	font-size:16px;
	font-weight:500;
	border:1px solid #000;
	line-height:1.4em;
	font-family: 'Pretendard';
}

.ProductItem-title{
	display:block;
	color:#000;
	font-size:28px;
	font-weight:bold;
	line-height:1.2em;
	font-family: 'Pretendard';
}

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

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.ProductItem-cont{
		margin-top:1.041666vw;
	}

	.ProductItem-badge{
		padding:0.15625vw 0.52083vw;
		margin-bottom:0.72916vw;
		font-size:0.8333333vw;
	}

	.ProductItem-title{
		font-size:1.458333vw;
	}
}

@media screen and (max-width:1200px) and (min-width:1025px){
	.ProductItem-badge{
		font-size:10px;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.ProductItem-cont{
		margin-top:1.953125vw;
	}

	.ProductItem-badge{
		padding:0.29296875vw 0.9765625vw;
		margin-bottom:1.3671875vw;
		font-size:1.5625vw;
	}

	.ProductItem-title{
		font-size:2.34375vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.ProductItem-cont{
		margin-top:2.25vw;
	}

	.ProductItem-badge{
		padding:0.9375vw 3.125vw;
		margin-bottom:3.25vw;
		font-size:3.45vw;
	}

	.ProductItem-title{
		font-size:4.258vw;
	}
}


/*=========================================================
	BrandSlide
=========================================================*/
.page-template-page-brands .sitePage{
	padding-top:98px;
}

.page-template-page-brands .site-header:not([class*="is"]){
	border-bottom:solid 1px #E0E0E0;
}

.BrandSlide{
	padding:40px 0;
	position:relative;
}

.BrandSlide-slide{
	width:12.5%;
}

.BrandSlideItem{
	display:block;
	text-align:center;
	width:100%;
}

.BrandSlideItem-link{
	display:block;
	line-height:0;
	opacity:0.5;
}

.BrandSlideItem-thumb{
	display:block;
	position:relative;
}

.BrandSlideItem-thumb:after{
	content:"";
	display:block;
	padding-bottom:37%;
}

.BrandSlideItem-img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:158px;
}

.BrandSlideItem-text{
	display:block;
	font-size:15px;
	line-height:1.2em;
	color:#000;
	margin-top:10px;
}


.BrandSlide-prev{
	width:9px;
	height:18px;
	background-image:url(../../images/icon/ico_brandslide_prev.svg);
	background-size:9px 18px;
	position:absolute;
	top:50%;
	left:-15px;
	transform:translateY(-50%);
	cursor:pointer;
	display:none;
}

.BrandSlide-next{
	width:9px;
	height:18px;
	background-image:url(../../images/icon/ico_brandslide_next.svg);
	background-size:9px 18px;
	position:absolute;
	top:50%;
	right:-15px;
	transform:translateY(-50%);
	cursor:pointer;
	display:none;
}

.BrandSlide-container{
	overflow:visible;
}

/*BrandSlide Active*/
.Count-1 .BrandSlide-slide:nth-child(1) .BrandSlideItem-link{
	opacity:1;
}

.Count-2 .BrandSlide-slide:nth-child(2) .BrandSlideItem-link{
	opacity:1;
}

.Count-3 .BrandSlide-slide:nth-child(3) .BrandSlideItem-link{
	opacity:1;
}

.Count-4 .BrandSlide-slide:nth-child(4) .BrandSlideItem-link{
	opacity:1;
}

.Count-5 .BrandSlide-slide:nth-child(5) .BrandSlideItem-link{
	opacity:1;
}

.Count-6 .BrandSlide-slide:nth-child(6) .BrandSlideItem-link{
	opacity:1;
}

.Count-7 .BrandSlide-slide:nth-child(7) .BrandSlideItem-link{
	opacity:1;
}

.Count-8 .BrandSlide-slide:nth-child(8) .BrandSlideItem-link{
	opacity:1;
}

.Count-9 .BrandSlide-slide:nth-child(9) .BrandSlideItem-link{
	opacity:1;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.page-template-page-brands .sitePage{
		padding-top:5.104166vw;
	}

	.BrandSlide{
		padding:2.0833vw 0;
	}

	.BrandSlideItem-img{
		width:8.229166vw;
	}

	.BrandSlideItem-text{
		font-size:0.78125vw;
		margin-top:0.520833vw;
	}
}

@media screen and (max-width:1270px) and (min-width:1025px){
	.BrandSlideItem-text{
		font-size:10px;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.page-template-page-brands .sitePage{
		padding-top:11.804166vw;
	}

	.BrandSlide{
		padding:3.0833vw 0;
	}

	.BrandSlideItem-img{
		width:9.829166vw;
	}

	.BrandSlideItem-text{
		font-size:1.378125vw;
		margin-top:1.120833vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.BrandSlide-container{
		overflow:visible;
	}
	
	.page-template-page-brands .sitePage{
		padding-top:17.804166vw;
	}

	.BrandSlide{
		padding:8.0833vw 0;
	}
	
	.BrandSlide-slide{
		width:30%;
	}

	.BrandSlideItem-img{
		width:28.229166vw;
	}

	.BrandSlideItem-text{
		font-size:3.578125vw;
		margin-top:2.120833vw;
	}
}


/*=========================================================
	SingleAttachedFile
=========================================================*/
.SingleAttachedFile{
	margin-top:40px;
	padding:24px 25px;
	background-color:#F2F2F2;
}

.SingleAttachedFile-inner:after{
	content:'';
	display:block;
	clear:both;
}

.SingleAttachedFileTitle{
	float:left;
	padding-left:30px;
	position:relative;
	font-size:15px;
	color:#000;
	font-family: 'Pretendard';
	line-height:1.2em;
	font-weight:600;
}

.SingleAttachedFileTitle:before{
	content:'';
	display:block;
	width:20px;
	height:16px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	background-image:url(../../images/icon/ico-attached-file.png);
	background-size:20px 16px;
}

.SingleAttachedFileCont{
	overflow:hidden;
	display:block;
	padding-left:12px;
}

.SingleAttachedFileCont-item{
	margin-bottom:3px;
}

.SingleAttachedFileCont-item:last-child{
	margin-bottom:0;
}

.SingleAttachedFileCont-link{
	display:block;
	font-size:0;
	line-height:0;
}

.SingleAttachedFileCont-text{
	overflow:hidden;
	display:inline-block;
	max-width:calc(100% - 10%);
	color:#000;
	font-size:15px;
	line-height:1.2em;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align:middle;
}

.SingleAttachedFileCont-extension{
	display:inline-block;
	color:#000;
	font-size:15px;
	line-height:1.2em;
	vertical-align:middle;
}

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

@media screen and (max-width:1920px) and (min-width:1025px){
	.SingleAttachedFile{
		margin-top:2.08333vw;
		padding:1.25vw 1.3020833vw;
	}

	.SingleAttachedFileTitle{
		padding-left:1.5625vw;
		font-size:0.78125vw;
	}

	.SingleAttachedFileTitle:before{
		width:1.04166vw;
		height:0.8333vw;
		background-size:1.04166vw 0.8333vw;
	}

	.SingleAttachedFileCont{
		padding-left:0.625vw;
	}

	.SingleAttachedFileCont-item{
		margin-bottom:0.15625vw;
	}
	
	.SingleAttachedFileCont-text{
		font-size:0.78125vw;
	}

	.SingleAttachedFileCont-extension{
		font-size:0.78125vw;
	}
}

@media screen and (max-width:1280px) and (min-width:1025px){
	.SingleAttachedFileTitle{
		font-size:10px;
	}
	
	.SingleAttachedFileCont-text{
		font-size:10px;
	}
	
	.SingleAttachedFileCont-extension{
		font-size:10px;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.SingleAttachedFile{
		margin-top:3.90625vw;
		padding:2.34375vw 2.44140625vw;
	}

	.SingleAttachedFileTitle{
		padding-left:2.9296875vw;
		font-size:1.46484375vw;
	}

	.SingleAttachedFileTitle:before{
		width:1.953125vw;
		height:1.5625vw;
		background-size:1.953125vw 1.5625vw;
	}

	.SingleAttachedFileCont{
		padding-left:1.171875vw;
	}

	.SingleAttachedFileCont-item{
		margin-bottom:0.29296875vw;
	}

	.SingleAttachedFileCont-text{
		font-size:1.46484375vw;
	}
	
	.SingleAttachedFileCont-extension{
		font-size:1.46484375vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.SingleAttachedFile{
		margin-top:10.6666vw;
		padding:5.4vw 4.66666vw;
	}

	.SingleAttachedFileTitle{
		padding-left:5vw;
		font-size:4vw;
		float:none;
		margin-bottom:3vw;
	}

	.SingleAttachedFileTitle:before{
		width:3.666vw;
		height:3vw;
		background-size:3.666vw 3vw;
	}

	.SingleAttachedFileCont{
		padding-left:0;
	}

	.SingleAttachedFileCont-item{
		margin-bottom:1.5vw;
	}

	.SingleAttachedFileCont-text{
		font-size:3.6vw;
	}
	
	.SingleAttachedFileCont-extension{
		font-size:3.6vw;
	}
}


/*=========================================================
	NewProducSection
=========================================================*/
.NewProducSection{
	margin-top:101px;
}

.NewProducSection-title{
	color:#000;
	font-size:32px;
	font-weight:500;
	font-family: 'Pretendard';
	line-height:1.2em;
	text-align:center;
}

.NewProducSectionPost{
	margin-top:24px;
	padding:20px 45px 40px;
	border:2px solid #000;
}

.NewProducSectionPost-list:after{
	content:'';
	display:block;
	clear:both;
}

.NewProducSectionPost-item{
	float:left;
	width:20%;
	padding:0 15px;
}

/* NewProductItem */
.NewProductItem{
	width:100%;
}

.NewProductItem-link{
	display:block;
}

.NewProductItem-thumb{
	position:relative;
	line-height:0;
}

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

.NewProductItem-thumb img{
	display:block;
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.NewProductItem-cont{
	margin-top:4px;
	text-align:center;
	font-size:0;
	line-height:0;
}

.NewProductItem-badge{
	display:inline-block;
	padding:3px 10px;
	margin-bottom:13px;
	color:#000;
	font-size:16px;
	font-weight:500;
	border:1px solid #000;
	line-height:1.4em;
	font-family: 'Pretendard';
}

.NewProductItem-title{
	overflow:hidden;
	display:block;
	display:-webkit-box;
	height:2.4em;
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:1.2em;
	font-family: 'Pretendard';
	word-break: break-all;
	text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

body .NewProducSection-scrollbar{
	display:none;
}

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

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.NewProducSection{
		margin-top:5.2604166vw;
	}

	.NewProducSection-title{
		font-size:1.666666vw;
	}

	.NewProducSectionPost{
		margin-top:1.25vw;
		padding:1.04166vw 2.34375vw 2.0833vw;
	}
	
	.NewProducSectionPost-item{
		padding:0 0.78125vw;
	}
	
	.NewProductItem-cont{
		margin-top:0.20833vw;
	}

	.NewProductItem-badge{
		padding:0.15625vw 0.52083vw;
		margin-bottom:0.67708vw;
		font-size:0.8333333vw;
	}

	.NewProductItem-title{
		font-size:1.041666vw;
	}
}

@media screen and (max-width:1200px) and (min-width:1025px){
	.NewProductItem-badge{
		font-size:10px;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.NewProducSection{
		margin-top:9.86328vw;
	}

	.NewProducSection-title{
		font-size:3.125vw;
	}

	.NewProducSectionPost{
		margin-top:2.34375vw;
		padding:2.6vw 0.53125vw 3.90625vw;
	}
	
	.NewProducSectionPost-item{
		padding:0 1.46484375vw;
	}
	
	.NewProductItem-cont{
		margin-top:1vw;
	}

	.NewProductItem-badge{
		padding:0.29296875vw 0.9765625vw;
		margin-bottom:1.3671875vw;
		font-size:1.5625vw;
	}

	.NewProductItem-title{
		font-size:1.953125vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.NewProducSection{
		margin-top:16.9333vw;
		margin-right:-4vw;
		margin-left:-4vw;
	}

	.NewProducSection-title{
		font-size:5.53333vw;
	}

	.NewProducSectionPost{
		margin-top:6.4vw;
		padding:0;
		border:none;
		overflow:visible;
	}
	
	.NewProducSectionPost-item{
		width:40%;
		padding:0 4vw;
	}
	
	.NewProductItem-cont{
		margin-top:1vw;
	}

	.NewProductItem-badge{
		padding:0.75vw 2.25vw;
		margin-bottom:2.85vw;
		font-size:3.33vw;
	}

	.NewProductItem-title{
		font-size:4.25vw;
	}
	
	body .NewProducSection-scrollbar{
		display:block;
		height:2px;
		background-color:#f1f1f1;
		margin-top:10vw;
		margin-right: 4vw;
		margin-left: 4vw;
		position:relative;
	}
	
	.swiper-scrollbar-drag{
		position:absolute;
		top:0;
		height:100%;
		background-color:#000;
	}
	
	.NewProducSection + .PageSearchSection{
		margin-top:20vw;
	}
}                                                                                   

/*=========================================================
	BrandAnimation
=========================================================*/
.TextCrop{
	overflow:hidden;
}

.a-CropText{
	display:block;
	transform:translateY(110%);
	transition-property: transform;
    transition-duration: 0.4s;
}

.is-Crop .a-CropText{
	transform:translateY(0);
}

/*=========================================================
	ProdSingle
=========================================================*/

/*ProdSingleDetail
=========================================================*/
.ProdSingleDetail:after{
	content:'';
	display:block;
	clear:both;
}

.ProdSingleDetailThumb{
	float:left;
	width:36%;
	margin-right:15%;
}

.ProdSingleDetailThumb img{
	display:block;
}

.ProdSingleDetailCont{
	overflow:hidden;
}

.ProdSingleHeader{
	margin-bottom:29px;
	font-size:0;
	line-height:0;
}

.ProdSingleHeader-badge{
	display: inline-block;
    padding: 3px 10px;
    margin-bottom: 13px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #000;
    line-height: 1.4em;
    font-family: 'Pretendard';
}

.ProdSingleHeader-title{
	font-size:46px;
	font-weight:bold;
	font-family: 'Pretendard';
	line-height:1.2em;	
}

.ProdSingletMeta{
	margin-bottom:30px;
}

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

.ProdSingletMeta-item{
	float:left;
	margin-right:16px;
	font-size:0;
	line-height:0;
}

.ProdSingletMeta-title{
	display:inline-block;
	margin-right:6px;
	color:#000;
	font-size:16px;
	font-weight:500;
	line-height:1.2em;
	vertical-align:middle;
}

.ProdSingletMeta-text{
	display:inline-block;
	color:#000;
	font-size:16px;
	vertical-align:middle;
	line-height:1.2em;
}

.ProdSingleInfo-table{
	width:100%;
}

.ProdSingleInfo-table th{
	padding:20px 0;
	padding-right:10px;
	text-align:left;
	border-bottom:1px solid #E0E0E0;
	color:#000;
	font-size:16px;
	line-height:1.6em;
}

.ProdSingleInfo-table td{
	padding:20px 20px;
	border-bottom:1px solid #E0E0E0;
	color:#000;
	font-size:16px;
	line-height:1.6em;
}

.ProdSingleInfo-table tr:last-child th,
.ProdSingleInfo-table tr:last-child td{
	border-bottom:0;
}

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

.ProdSingleInfoBullet-bullet{
	display:block;
	float:left;
	margin-right:4px;
	color:#000;
	font-size:16px;
	line-height:1.6em;
}

.ProdSingleInfoBullet-text{
	overflow:hidden;
	display:block;
	color:#000;
	font-size:16px;
	line-height:1.6em;
}

.ProdSingleLink{
	margin-top:20px;
	position:relative;
	padding-right:146px;
}

.ProdSingleLink-text{
	padding:18px 28px;
	color:#000000;
	font-size:18px;
	font-family: 'Pretendard';
	background-color:#F2F2F2;
}

.ProdSingleLink-link{
	display:block;
	width:146px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	background-color:#00B5D5;
	text-align:center;
}

.ProdSingleLink-link img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:83px;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.ProdSingleHeader{
		margin-bottom:1.510416vw;
	}

	.ProdSingleHeader-badge{
		padding: 0.15625vw 0.520833vw;
		margin-bottom: 0.677083vw;
		font-size: 0.83333vw;
	}

	.ProdSingleHeader-title{
		font-size:2.395833vw;
	}

	.ProdSingletMeta{
		margin-bottom:1.5625vw;
	}

	.ProdSingletMeta-item{
		margin-right:0.83333vw;
	}

	.ProdSingletMeta-title{
		margin-right:0.3125vw;
		font-size:0.83333vw;
	}

	.ProdSingletMeta-text{
		font-size:0.83333vw;
	}

	.ProdSingleInfo-table th{
		padding:1.041666vw 0;
		padding-right:0.520833vw;
		font-size:0.9375vw;
	}

	.ProdSingleInfo-table td{
		padding:1.041666vw 1.041666vw;
		font-size:0.9375vw;
	}

	.ProdSingleInfoBullet-bullet{
		margin-right:0.208333vw;
	}

	.ProdSingleInfoBullet-text{
		font-size:0.83333vw;
	}

	.ProdSingleLink{
		margin-top:1.0416666vw;
		padding-right:7.604166vw;
	}

	.ProdSingleLink-text{
		padding:0.9375vw 1.458333vw;
		font-size:0.9375vw;
	}

	.ProdSingleLink-link{
		width:7.604166vw;
	}
	
	.ProdSingleLink-link img{
		max-width:4.322916vw;
	}

}

@media screen and (max-width:1200px) and (min-width:1025px){
	.ProdSingleHeader-badge{
		font-size:10px;
	}
	
	.ProdSingletMeta-title{
		font-size:10px;
	}

	.ProdSingletMeta-text{
		font-size:10px;
	}

	.ProdSingleInfoBullet-text{
		font-size:10px;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.ProdSingleDetailThumb{
		margin-right:5%;
	}
	
	.ProdSingleHeader{
		margin-bottom:2.83203125vw;
	}

	.ProdSingleHeader-badge{
		padding: 0.29296875vw 0.9765625vw;
		margin-bottom: 1.3671875vw;
		font-size: 1.5625vw;
	}

	.ProdSingleHeader-title{
		font-size:3.92188vw;
	}

	.ProdSingletMeta{
		margin-bottom:2.9296875vw;
	}

	.ProdSingletMeta-item{
		margin-right:1.5625vw;
	}

	.ProdSingletMeta-title{
		margin-right:0.5859375vw;
		font-size:1.5625vw;
	}

	.ProdSingletMeta-text{
		font-size:1.5625vw;
	}

	.ProdSingleInfo-table th{
		padding:1.953125vw 0;
		padding-right:0.9765625vw;
		font-size:1.5625vw;
	}

	.ProdSingleInfo-table td{
		padding:1.953125vw 1.953125vw;
		font-size:1.5625vw;
	}

	.ProdSingleInfoBullet-bullet{
		margin-right:0.390625vw;
	}

	.ProdSingleInfoBullet-text{
		font-size:1.5625vw;
	}

	.ProdSingleLink{
		margin-top:1.953125vw;
		padding-right:11.2578125vw;
	}

	.ProdSingleLink-text{
		padding:1.7578125vw 1.75vw;
		font-size:1.7578125vw;
	}

	.ProdSingleLink-link{
		width:11.2578125vw;
	}
	
	.ProdSingleLink-link img{
		max-width:8.10546875vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.ProdSingleDetailThumb{
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:5vw;
	}
	
	.ProdSingleHeader{
		margin-bottom:29px;
	}

	.ProdSingleHeader-badge{
		padding:0.9375vw 3.125vw;
		margin-bottom: 3.25vw;
		font-size: 3.45vw;
	}

	.ProdSingleHeader-title{
		font-size:9.258vw;
	}

	.ProdSingletMeta{
		margin-bottom:30px;
	}

	.ProdSingletMeta-item{
		margin-right:3.5625vw;
	}

	.ProdSingletMeta-title{
		margin-right:1.6vw;
		font-size:3.9375vw;
	}

	.ProdSingletMeta-text{
		font-size:3.9375vw;
	}

	.ProdSingleInfo-table th{
		padding:5.33333vw 0;
		padding-right:2.666666vw;
		font-size:3.43vw;
	}

	.ProdSingleInfo-table td{
		padding:5.33333vw 4.33333vw;
		font-size:3.43vw;
	}

	.ProdSingleInfoBullet-bullet{
		font-size:3.43vw;
		margin-right:1.06666vw;
	}

	.ProdSingleInfoBullet-text{
		font-size:3.43vw;
	}

	.ProdSingleLink{
		margin-top:5.3333vw;
		padding-right:26vw;
	}

	.ProdSingleLink-text{
		padding:2.8vw 2.4666vw;
		font-size:3.43vw;
	}

	.ProdSingleLink-link{
		width:26vw;
	}

	.ProdSingleLink-link img{
		max-width:19vw;
	}
}


/*ProdSingleRelated
=========================================================*/
.ProdSingleRelated{
	margin-top:146px;
	
}
.ProdSingleRelatedTitle{
	margin-bottom:28px;
	font-size:32px;
	font-weight:500;
	line-height:1.2em;
	text-align:center;
}

.ProdSingleRelated-inner{
	position:relative;
}

.ProdRelatedItem{
	width:100%;
}

.ProdRelatedItem-link{
	display:block;
	padding:14px 25px 33px;
	border:2px solid transparent;
	transition-property:border-color;
	transition-duration:0.1s;
}

.ProdSingleRelated-prev{
	display:block;
	width:35px;
	height:24px;
	background-image:url('../../images/icon/ico-ProdRelated-prev.png');
	background-size:35px 24px;
	position:absolute;
	top:50%;
	left:-55px;
	transform:translateY(-50%);
	z-index:50;
	cursor: pointer;
}

.ProdSingleRelated-next{
	display:block;
	width:35px;
	height:24px;
	background-image:url('../../images/icon/ico-ProdRelated-next.png');
	background-size:35px 24px;
	position:absolute;
	top:50%;
	right:-55px;
	transform:translateY(-50%);
	z-index:50;
	cursor: pointer;
}

body .ProdSingleRelated-scrollbar {
	display:none;
}

/* responsive */
@media screen and (min-width:1025px){
	.ProdRelatedItem-link:hover{
		border:2px solid #000;
	}
}

@media screen and (max-width:1920px) and (min-width:1025px){
	.ProdSingleRelated{
		margin-top:7.60416vw;
		
	}
	.ProdSingleRelatedTitle{
		margin-bottom:1.458333vw;
		font-size:1.66666vw;
	}

	.ProdRelatedItem-link{
		padding:0.729166vw 1.302083vw 1.7187vw;
	}

	.ProdSingleRelated-prev{
		width:1.8229166vw;
		height:1.25vw;
		background-size:1.8229166vw 1.25vw;
		left:-2.864583vw;
	}

	.ProdSingleRelated-next{
		width:1.8229166vw;
		height:1.25vw;
		background-size:1.8229166vw 1.25vw;
		right:-2.864583vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.ProdSingleRelated{
		margin-top:14.2578vw;
		
	}
	.ProdSingleRelatedTitle{
		margin-bottom:2.734375vw;
		font-size:3.125vw;
	}

	.ProdRelatedItem-link{
		border:none;
		padding:1.3671875vw 1.041406vw 1.3671875vw;
	}

	.ProdSingleRelated-prev{
		width: 1.82291vw;
		height: 1.25vw;
		background-size: 1.82291vw 1.25vw;
		left:-3.064583vw;
	}

	.ProdSingleRelated-next{
		width: 1.82291vw;
		height: 1.25vw;
		background-size: 1.82291vw 1.25vw;
		right:-3.064583vw;
	}

}

@media screen and (max-width: 767px) and (min-width:1px){
	.ProdSingleRelated{
		margin-top:25.9333vw;
	}
	
	.ProdSingleRelatedSlide {
		overflow:visible;
	}
	
	.ProdSingleRelatedTitle{
		margin-bottom:6.4vw;
		font-size:5.53333vw;
	}
	.ProdSingleRelatedSlide-item{
		width:40%;
	}

	.ProdRelatedItem-link{
		border:none;
		padding:0 4vw;
	}

	.ProdSingleRelated-prev{
		display:none;
	}

	.ProdSingleRelated-next{
		display:none;
	}
	
	body .ProdSingleRelated-scrollbar {
		display: block;
		height: 2px;
		background-color: #f1f1f1;
		margin-top: 10vw;
		margin-right: 4vw;
		margin-left: 4vw;
		position: relative;
	}
}


/*=========================================================
	ProdSingleBtn
=========================================================*/
.ProdSingleBtn{
	margin-top:24px;
	font-size:0;
	line-height:0;
	text-align:center;
}

.ProdSingleBtn-bg{
	display:inline-block;
	width:114px;
	height:44px;
	position:relative;
	background-image:url(../../images/icon/ico_radius_more.svg);
	background-size:114px 44px;
}

.ProdSingleBtn-text{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:16px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	white-space:nowrap;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.ProdSingleBtn{
		margin-top:1.25vw;
	}

	.ProdSingleBtn-bg{
		width:5.9375vw;
		height:2.291666vw;
		background-size:5.9375vw 2.291666vw;
	}

	.ProdSingleBtn-text{
		font-size:0.83333vw;
	}
}

@media screen and (max-width:1200px) and (min-width:1025px){
	.ProdSingleBtn-text{
		font-size:10px;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.ProdSingleBtn{
		margin-top:2.34375vw;
	}

	.ProdSingleBtn-bg{
		width:11.1328125vw;
		height:4.296875vw;
		background-size:11.1328125vw 4.296875vw;
	}

	.ProdSingleBtn-text{
		font-size:1.5625vw;
	}

}

@media screen and (max-width: 767px) and (min-width:1px){
	.ProdSingleBtn{
		margin-top:6.4vw;
	}

	.ProdSingleBtn-bg{
		width:23.4vw;
		height:11.73333vw;
		background-size:23.4vw 11.73333vw;
	}

	.ProdSingleBtn-text{
		font-size:3.45vw;
	}
}

/*=========================================================
	BrandIntroBg
=========================================================*/
.BrandIntroBg{
	overflow:hidden;
	position:relative;
}

.BrandIntroBg:before{
	content:'';
	display:block;
	padding-top:24.76%;
}

.BrandIntroBg:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.25);
	z-index:1;
}

.BrandIntroBgImg{
	overflow:hidden;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.BrandIntroBgImg img{
	width:100%;
}

.BrandIntroBgCont{
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
	z-index:5;
}

.BrandIntroBgCont-text{
	display:block;
	margin-bottom:44px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	font-family: 'Pretendard';
	line-height:1.2em;
}

.BrandIntroBgCont-title{
	display:block;
	margin-bottom:12px;
	color:#fff;
	font-size:60px;
	font-weight:bold;
	font-family: 'CJW';
	line-height:1.1em;
}

.BrandIntroBgCont-sub{
	display:block;
	color:#fff;
	font-size:28px;
	font-family:'Ubuntu';
	font-weight:500;
	line-height:1.2em;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.BrandIntroBg:before{
		padding-top:24.76%;
	}

	.BrandIntroBgCont-text{
		margin-bottom:2.29166vw;
		font-size:0.9375vw;
	}

	.BrandIntroBgCont-title{
		margin-bottom:0.625vw;
		font-size:3.125vw;
	}

	.BrandIntroBgCont-sub{
		font-size:1.45833vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.BrandIntroBg:before{
		padding-top:24.76%;
	}

	.BrandIntroBgCont-text{
		margin-bottom:2.296875vw;
		font-size:1.578125vw;
	}

	.BrandIntroBgCont-title{
		margin-bottom:1.171875vw;
		font-size:3.859375vw;
	}

	.BrandIntroBgCont-sub{
		font-size:2.34375vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.BrandIntroBg{
		margin-left:-6.25vw;
		margin-right:-6.25vw;
	}
	.BrandIntroBg:before{
		padding-top:38.76%;
	}

	.BrandIntroBgImg img {
		width: auto;
		max-width: none;
	}
	
	.BrandIntroBgCont-text{
		margin-bottom:3.86666vw;
		font-size:3.33vw;
	}

	.BrandIntroBgCont-title{
		margin-bottom:3.2vw;
		font-size:6.16166vw;
	}

	.BrandIntroBgCont-sub{
		font-size:3.75vw;
	}
}



/*=========================================================
	BrandIntroText
=========================================================*/
.BrandIntroTextList-item{
	margin-bottom:80px;
}

.BrandIntroTextList-item:last-child{
	margin-bottom:0;
}

/* BrandIntroItem */
.BrandIntroItem{
	text-align:center;
}

.BrandIntroItemHeader-text{
	font-size:60px;
	font-weight:400;
	font-family: 'CJW';
	line-height:1.4em;
}

.BrandIntroItemCont{
	margin-top:48px;
}

.BrandIntroItemCont-text{
	margin-bottom:22px;
	font-size:20px;
	font-family: 'Pretendard';
	line-height:1.6em;
}

.BrandIntroItemCont-text:last-child{
	margin-bottom:0;
}

.BrandIntroItemImg{
	width:443px;
	margin:0 auto;
	margin-top:60px;
}

.BrandIntroItemImg img{
	display:block;
	width:100%;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){	
	.BrandIntroTextList-item{
		margin-bottom:4.16666vw;
	}

	/* BrandIntroItem */
	.BrandIntroItemHeader-text{
		font-size:3.125vw;
	}

	.BrandIntroItemCont{
		margin-top:2.60416vw;
	}

	.BrandIntroItemCont-text{
		font-size:1.04166vw;
	}
		
	.BrandIntroItemImg{
		width:23.0729vw;
		margin-top:3.125vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.BrandIntroTextList-item{
		margin-bottom:7.8125vw;
	}

	/* BrandIntroItem */
	.BrandIntroItemHeader-text{
		font-size:3.859375vw;
	}

	.BrandIntroItemCont{
		margin-top:3.8828125vw;
	}

	.BrandIntroItemCont-text{
		font-size:1.953125vw;
	}
		
	.BrandIntroItemImg{
		width:43.261718vw;
		margin-top:5.85937vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){	
	.BrandIntroTextList-item{
		margin-bottom:10vw;
	}
	
	/* BrandIntroItem */
	.BrandIntroItemHeader-text{
		font-size:8.16166vw;
	}

	.BrandIntroItemCont{
		margin-top:4vw;
	}
	
	.BrandIntroItemCont-text{
		font-size:3.9375vw;
	}
		
	.BrandIntroItemImg{
		width:auto;
		margin-top:16vw;
	}
}

/*=========================================================
	BrandIdentity
=========================================================*/
.BrandIdentity{
	padding:40px 0;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	font-size:0;
	line-height:0;
}

.BrandIdentity-inner{
	max-width:550px;
	margin:0 auto;
}

.BrandIdentityText-title{
	display:inline-block;
	margin-right:10px;
	font-size:60px;
	color:#00B5D5;
	line-height:1.2em;
	font-weight:bold;
	font-family: 'CJW';
}

.BrandIdentityText-text{
	display:inline-block;
	font-size:44px;
	color:#000;
	line-height:1.2em;
	font-weight:500;
	font-family: 'Pretendard';
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.BrandIdentity{
		padding:2.08333vw 0;
	}

	.BrandIdentity-inner{
		max-width:28.6458vw;
	}

	.BrandIdentityText-title{
		margin-right:0.520833vw;
		font-size:3.125vw;
	}

	.BrandIdentityText-text{
		font-size:2.291666vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.BrandIdentity{
		padding:3.90625vw 0;
	}

	.BrandIdentity-inner{
		max-width:53.7109375vw;
	}

	.BrandIdentityText-title{
		margin-right:0.9765625vw;
		font-size:5.859375vw;
	}

	.BrandIdentityText-text{
		font-size:4.296875vw;
	}

}

@media screen and (max-width: 767px) and (min-width:1px){
	.BrandIdentity{
		padding:8.6666vw 0;
	}

	.BrandIdentity-inner{
		max-width:none;
		padding: 0 6.25vw;
	}

	.BrandIdentityText-title{
		margin-right:2.666666vw;
		font-size:8.16166vw;
	}

	.BrandIdentityText-text{
		font-size:6.16166vw;
	}

}


/*=========================================================
	BrandBi
=========================================================*/
.BrandBiInfo-inner:after{
	content:'';
	display:block;
	clear:both;
}

.BrandBiInfo-item{
	margin-bottom:103px;
}

.BrandBiInfo-item:last-child{
	margin-bottom:0;
}

.BrandBiInfo-title{
	float:left;
	width:492px;
	color:#000;
	font-size:26px;
	font-weight:bold;
	font-family: 'Pretendard';
	line-height:1.2em;
}

.BrandBiInfo-cont{
	overflow:hidden;
}

/* LogoSectionImg
=========================================================*/
.LogoSectionImg{
	margin-bottom:22px;
}

.LogoSectionImg img{
	display:block;
	width:100%;
}

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

.LogoSectionFile-list{
	display:inline-block;
}

.LogoSectionFile-list:after{
	content:'';
	display:block;
	clear:both;
}

.LogoSectionFile-item{
	float:left;
	padding:3px 0;
	margin-right:40px;
	font-size:0;
	line-height:0;
}

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

.LogoSectionFile-link{
	display:inline-block;
	position:relative;
	padding-right:34px;
	color:#000;
	font-size:15px;
	font-weight:bold;
	line-height:1.4em;
	font-family: 'Pretendard';
}

.LogoSectionFile-link:after{
	content:'';
	display:block;
	width:24px;
	height:26px;
	background-image:url('../../images/icon/ico-download.png');
	background-size:24px 26px;
	position:absolute;
	top:0;
	right:0;
}

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

@media screen and (max-width:1920px) and (min-width:1025px){	
	.BrandBiInfo-item{
		margin-bottom:5.364583vw;
	}

	.BrandBiInfo-title{
		width:25.62499vw;
		font-size:1.354166vw;
	}

	.LogoSectionImg{
		margin-bottom:1.145833vw;
	}

	.LogoSectionFile-item{
		padding:0.15625vw 0;
		margin-right:2.083333vw;
	}

	.LogoSectionFile-link{
		padding-right:1.770833vw;
		font-size:0.78125vw;
	}

	.LogoSectionFile-link:after{
		width:1.25vw;
		height:1.3541666vw;
		background-size:1.25vw 1.3541666vw;
	}
}

@media screen and (max-width:1280px) and (min-width:1025px){
	.LogoSectionFile-link{
		font-size:10px;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){	
	.BrandBiInfo-item{
		margin-bottom:10.05859375vw;
	}

	.BrandBiInfo-title{
		width:18.046875vw;
		font-size:2.5390625vw;
	}

	.LogoSectionImg{
		margin-bottom:2.1484375vw;
	}

	.LogoSectionFile-item{
		padding:0.29296875vw 0;
		margin-right:3.90625vw;
	}

	.LogoSectionFile-link{
		padding-right:3.3203125vw;
		font-size:1.46484375vw;
	}

	.LogoSectionFile-link:after{
		width:2.34375vw;
		height:2.5390625vw;
		background-size:2.34375vw 2.5390625vw;
	}

}

@media screen and (max-width: 767px) and (min-width:1px){
	.BrandBiInfo-item{
		margin-bottom:15.4666vw;
	}

	.BrandBiInfo-title{
		width:100%;
		margin-bottom:6vw;
		float:none;
		font-size:5.9333vw;
	}

	.LogoSectionImg{
		margin-bottom:3.8666vw;
	}
	
	.LogoSectionFile-item{
		padding:0.8vw 0;
		margin-right:0;
		float:none;
	}

	.LogoSectionFile-link{
		padding-right:7.666vw;
		font-size:3.45vw;
	}

	.LogoSectionFile-link:after{
		width:5.66vw;
		height:5.3333vw;
		background-size:5.66vw 5.3333vw;
	}

}

/* IdentitySection
=========================================================*/
.IdentitySection{
	padding-right:200px;
}

.IdentityItem{
	position:relative;
	margin:0 -20px;
}

.IdentityItem:before{
	content:'';
	display:block;
	padding-bottom:100%;
	background-image:url('../../images/bg/bg-identity.png');
	background-size:cover;
	background-repeat:no-repeat;
}

.IdentitySectionList-item:last-child .IdentityItem:before{
	background-image:url('../../images/bg/bg-identity01.png');
}

.IdentityItem-inner{
	position:absolute;
	top:50%;
	left:40px;
	right:40px;
	transform:translateY(-50%);
	z-index:5;
	text-align:center;
}

.IdentityItem-title{
	display:block;
	margin-bottom:14px;
	color:#000;
	font-size:26px;
	font-family: 'Pretendard';
	line-height:1.2em;
	font-weight:bold;
}

.IdentityItem-text{
	display:block;
	height:2.8em;
	color:#000;
	font-size:16px;
	font-family: 'Pretendard';
	line-height:1.4em;
}

.IdentitySectionList-list{
	padding:0 20px;
}

.IdentitySectionList-list:after{
	content:'';
	display:block;
	clear:both;
}

.IdentitySectionList-item{
	float:left;
	width:33.33%;
}



.IdentitySectionCont{
	margin-top:60px;
}

.IdentitySectionCont-text{
	margin-bottom:30px;
	color:#000;
	font-size:20px;
	font-family: 'Pretendard';
	line-height:1.4em;
}

.IdentitySectionCont-text:last-child{
	margin-bottom:0;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.IdentitySection{
		padding-right:10.41666vw;
	}
	
	.IdentityItem{
		margin:0 -1.041666vw;		
	}
	
	.IdentityItem-inner{
		left:2.0833vw;
		right:2.0833vw;
	}

	.IdentityItem-title{
		margin-bottom:0.72916vw;
		font-size:1.35416vw;
	}

	.IdentityItem-text{
		font-size:0.8333vw;
	}

	.IdentitySectionList-list{
		padding:0 1.041666vw;
	}

	.IdentitySectionCont{
		margin-top:3.125vw;
	}

	.IdentitySectionCont-text{
		margin-bottom:1.5625vw;
		font-size:1.04166vw;
	}
}

@media screen and (max-width:1200px) and (min-width:1025px){
	.IdentityItem-text{
		font-size:10px;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.IdentitySection{
		padding-right:3.53125vw;
	}

	.IdentityItem{
		margin:0 -1.953125vw;		
	}
	
	.IdentityItem-inner{
		left:3.90625vw;
		right:3.90625vw;
	}

	.IdentityItem-title{
		margin-bottom:1.3671875vw;
		font-size:2.5390625vw;
	}

	.IdentityItem-text{
		font-size:1.5625vw;
	}

	.IdentitySectionList-list{
		padding:0 1.953125vw;
	}

	.IdentitySectionCont{
		margin-top:5.859375vw;
	}

	.IdentitySectionCont-text{
		margin-bottom:2.9296875vw;
		font-size:1.953125vw;
	}
}

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

	.IdentityItem{
		margin:0 -1vw;		
	}
	
	.IdentityItem-inner{
		left:1.66vw;
		right:1.66vw;
	}

	.IdentityItem-title{
		margin-bottom:1.25vw;
		font-size:4vw;
	}

	.IdentityItem-text{
		font-size:3.45vw;
		height:4.2em;
	}

	.IdentitySectionList-list{
		padding:0 1vw;
	}

	.IdentitySectionCont{
		margin-top:10vw;
	}

	.IdentitySectionCont-text{
		margin-bottom:3.86666vw;
		font-size:3.9375vw;
	}
}

/* BrandColor
=========================================================*/
.BrandColor-inner{
	display:table;
	width:100%;
	table-layout:fixed;
}

.BrandColorBule{
	display:table-cell;
	width:79.43%;
}

.BrandColorBule-bar{
	height:53px;	
	background-color:#00B6D6;
}

.BrandColorYellow{
	display:table-cell;
}

.BrandColorYellow-bar{
	height:53px;
	background-color:#FFF453;	
}

.BrandColorItem{
	margin-top:20px;
}

.BrandColorItem-title{
	display:block;
	color:#000;
	font-size:18px;
	line-height:1.2em;
	font-weight:500;
	font-family: 'Pretendard';
}

.BrandColorItem-text{
	display:block;
	margin-top:12px;
	color:#000;
	font-size:16px;
	line-height:1.4em;
	font-family: 'Pretendard';
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.BrandColorBule{
		width:79.43%;
	}

	.BrandColorBule-bar{
		height:2.760416vw;	
	}

	.BrandColorYellow-bar{
		height:2.760416vw;
	}

	.BrandColorItem{
		margin-top:1.041666vw;
	}

	.BrandColorItem-title{
		font-size:0.9375vw;
	}

	.BrandColorItem-text{
		margin-top:0.625vw;
		font-size:0.8333vw;
	}
}

@media screen and (max-width:1200px) and (min-width:1025px){
	.BrandColorItem-text{
		font-size:10px;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.BrandColorBule{
		width:79.43%;
	}

	.BrandColorBule-bar{
		height:5.17578125vw;	
	}

	.BrandColorYellow-bar{
		height:5.17578125vw;
	}

	.BrandColorItem{
		margin-top:1.953125vw;
	}

	.BrandColorItem-title{
		font-size:1.7578125vw;
	}

	.BrandColorItem-text{
		margin-top:1.171875vw;
		font-size:1.5625vw;
	}
}

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

	.BrandColorBule-bar{
		height:12.13333vw;	
	}

	.BrandColorYellow-bar{
		height:12.13333vw;
	}

	.BrandColorItem{
		margin-top:3.33333vw;
	}

	.BrandColorItem-title{
		font-size:4vw;
	}

	.BrandColorItem-text{
		margin-top:2.2vw;
		font-size:3.45vw;
	}
}

/* =========================================================
	FontSection
=========================================================*/
.FontContList-item{
	margin-bottom:30px;
}

.FontContList-item:last-child{
	margin-bottom:0;
}

.FontItem{
	padding:48px 55px;
	border:2px solid #000;	
}

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

.FontItem-item{
	float:left;
	width:50%;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.FontContList-item{
		margin-bottom:1.5625vw;
	}

	.FontItem{
		padding:2.5vw 2.8645833vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.FontContList-item{
		margin-bottom:2.929687vw;
	}

	.FontItem{
		padding:4.6875vw 5.37109375vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.FontContList-item{
		margin-bottom:6vw;
	}

	.FontItem{
		padding:10.8vw 6.25vw;
	}
	
	.FontItem-item{
		width:100%;
		margin-bottom:9vw;
	}
	
	.FontItem-item:last-child{
		margin-bottom:0;
	}
}

/* FontItemTitle
=========================================================*/
.FontItemTitle{
	margin-bottom:32px;
}

.FontItemTitle-title{
	margin-bottom:12px;
	color:#000;
	font-size:26px;
	font-weight:500;
	font-family: 'Pretendard';
	line-height:1.2em;
}

.FontItemTitle-text{
	color:#000;
	font-size:16px;
	font-family: 'Pretendard';
	line-height:1.4em;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.FontItemTitle{
		margin-bottom:1.6666vw;
	}
	.FontItemTitle-title{
		margin-bottom:0.625vw;
		font-size:1.35416vw;
	}

	.FontItemTitle-text{
		font-size:0.83333vw;
	}
}

@media screen and (max-width:1200px) and (min-width:1025px){
	.FontItemTitle-text{
		font-size:10px;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.FontItemTitle{
		margin-bottom:3.125vw;		
	}
	
	.FontItemTitle-title{
		margin-bottom:1.171875vw;
		font-size:2.5390625vw;
	}

	.FontItemTitle-text{
		font-size:1.5625vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.FontItemTitle{
		margin-bottom:3.5333vw;
	}
	.FontItemTitle-title{
		margin-bottom:3.2vw;
		font-size:6.333vw;
	}

	.FontItemTitle-text{
		font-size:4.26666vw;
	}
}

/* FontImg
=========================================================*/
.FontImg:after{
	content:'';
	display:block;
	clear:both;
}

.FontImg{
	display:flex;
	font-size:0;
	line-height:0;
	margin:0 -28px;
}

.FontImg-item{
	width:225px;
	padding:0 28px;
	vertical-align:middle;
}

.FontImg-img img{
	display:block;
	width:100%;
}

.FontImg-text{
	display:block;
	color:#000;
	font-size:15px;
	margin-bottom:12px;
	line-height:1.2em;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.FontImg{
		margin:0 -1.458333vw;
	}

	.FontImg-item{
		width:11.71875vw;
		padding:0 1.458333vw;
	}

	.FontImg-text{
		font-size:0.78125vw;
		margin-bottom:0.625vw;
	}
}

@media screen and (max-width:1280px) and (min-width:1025px){
	.FontImg-text{
		font-size:10px;
	}	
}

@media screen and (max-width:1024px) and (min-width:768px){
	.FontImg{
		margin:0 -2.734375vw;
	}

	.FontImg-item{
		width:21.972vw;
		padding:0 2.734375vw;
	}

	.FontImg-text{
		font-size:1.46484375vw;
		margin-bottom:1.171875vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.FontImg{
		margin:0 -2.5vw;
	}
	
	.FontImg-item{
		width:50%;
		padding:0 3.5vw;
	}

	.FontImg-text{
		font-size:4.26666vw;
		margin-bottom:3.2vw;
	}
}

/* FontContNoti
=========================================================*/
.FontContNoti{
	margin-top:34px;
}

.FontContNoti-item{
	padding-left:14px;
	margin-bottom:5px;
	position:relative;
	color:#000;
	font-size:15px;
	font-family: 'Pretendard';
	line-height:1.4em;
}

.FontContNoti-item:before{
	content:'';
	display:block;
	width:7px;
	height:6px;
	background-image:url('../../images/icon/ico-cjw-bullet.png');
	background-size:7px 6px;
	position:absolute;
	top:6px;
	left:0;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.FontContNoti{
		margin-top:1.77083vw;
	}

	.FontContNoti-item{
		padding-left:0.72916vw;
		margin-bottom:0.260416vw;
		font-size:0.78125vw;
	}

	.FontContNoti-item:before{
		width:0.364583vw;
		height:0.3125vw;
		background-size:0.364583vw 0.3125vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.FontContNoti{
		margin-top:3.3203125vw;
	}

	.FontContNoti-item{
		padding-left:1.3671875vw;
		margin-bottom:0.48828125vw;
		font-size:1.46484375vw;
	}

	.FontContNoti-item:before{
		width:0.68359375vw;
		height:0.5859375vw;
		background-size:0.68359375vw 0.5859375vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.FontContNoti{
		margin-top:4.06666vw;
	}

	.FontContNoti-item{
		padding-left:3.73333vw;
		margin-bottom:1.66vw;
		font-size:4vw;
	}

	.FontContNoti-item:before{
		width:1.8666vw;
		height:1.6vw;
		background-size:1.8666vw 1.6vw;
	}
}

/*=========================================================
	HomeingsInfo
=========================================================*/
.HomeingsInfoStep{
	padding:50px 0;	
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}

.HomeingsInfoStep-inner{
	display:flex;
	width:100%;	
	justify-content: center;
	align-items:center;
}

.HomeingsInfoStep-item{
	margin-right:18px;
}

.HomeingsInfoStep-item:first-child{
	width:64.34%;
}

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

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.HomeingsInfoStep{
		padding:2.60416vw 0;	
	}

	.HomeingsInfoStep-item{
		margin-right:0.9375vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.HomeingsInfoStep{
		padding:4.8828125vw 0;	
	}

	.HomeingsInfoStep-item{
		margin-right:1.7578125vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.HomeingsInfoStep{
		padding:8.3333vw 0;	
	}
	
	.HomeingsInfoStep-inner{
		flex-wrap:wrap;
	}
	.HomeingsInfoStep-item{
		margin-right:4.8vw;
	}

	.HomeingsInfoStep-item:first-child{
		width:100%;
		margin-bottom:8vw;
		margin-right:0;
	}
	
}

/* HomeingsInfoStepIcon
=========================================================*/
.HomeingsInfoStepIcon-list:after{
	content:'';
	display:block;
	clear:both;
}

.HomeingsInfoStepIcon-item{
	width:25%;	
	position:relative;
	float:left;
}

.HomeingsInfoStepIcon-item:after{
	content:'';
	display:block;
	width:1px;
	height:52px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-color:#E0E0E0;
}

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

.HomeingsIcon{
	text-align:center;
}

.HomeingsIcon-icon{
	display:block;
}

.HomeingsIcon-text{
	display:block;
	margin-top:8px;
	font-size:20px;
	font-weight:500;
	font-family: 'Pretendard';
	line-height:1.2em;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.HomeingsInfoStepIcon-item:after{
		height:2.70833vw;
	}
	.HomeingsIcon-text{
		margin-top:0.41666vw;
		font-size:1.041666vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.HomeingsInfoStepIcon-item:after{
		height:5.078125vw;
	}
	.HomeingsIcon-text{
		margin-top:0.78125vw;
		font-size:1.32vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){	
	.HomeingsInfoStepIcon-list{
		margin:0 -1.25vw;
	}
	.HomeingsInfoStepIcon-item{
		padding:0 1.25vw;
	}
	
	.HomeingsInfoStepIcon-item:after{
		height:12.38vw;
	}
	
	.HomeingsIcon-text{
		margin-top:1.90476vw;
		font-size:3.54166vw;
	}
}


/* HomeingsInfoText
=========================================================*/
.HomeingsInfoText-text{
	display:block;
	color:#000;
	font-size:26px;
	font-family: 'Pretendard';
	line-height:1.6em;
	font-weight:600;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.HomeingsInfoText-text{
		font-size:1.35416vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.HomeingsInfoText-text{
		font-size:1.5390625vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.HomeingsInfoText-text{
		font-size:4.20875vw;
	}
}

/*=========================================================
	HomeingsDiagram
=========================================================*/
.HomeingsDiagramList{
	text-align:center;
	font-size:0;
	line-height:0;
}

.HomeingsDiagramSec-inner{
	font-size:0;
	line-height:0;
	text-align:center;
}

.HomeingsDiagramList-item{
	display:inline-block;
	vertical-align:middle;
	margin-left:-25px;
	width:245px;
	max-width:calc(33.333% + 16px);
}

.HomeingsDiagramList-item:first-child{
	margin-left:0;
}

.HomeingsDiagramListItem{
	position:relative;
	background-image: url(../../images/bg/bg-identity.png);
    background-size: cover;
    background-repeat: no-repeat;
	max-width:100%;
}

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

.HomeingsDiagramList-item:last-child .HomeingsDiagramListItem{
	background-image: url(../../images/bg/bg-identity01.png);
}

.HomeingsDiagramListItemText{
	position:absolute;
	top:50%;
	left:30px;
	right:30px;
	transform:translateY(-50%);
	text-align:center;
}

.HomeingsDiagramListItemText-title{
	font-size:24px;
	line-height:1.4em;
	color:#000000;
	font-weight:500;
}

.HomeingsDiagramSec-text{
	text-align:center;
	margin-top:20px;
	padding-top:41px;
	position:relative;
	font-size:26px;
	line-height:1.4em;
	color:#000000;
	font-family: 'Pretendard';
	font-weight:600;
}

.HomeingsDiagramSec-text:before{
	content:"";
	width:24px;
	height:24px;
	background-image:url(../../images/icon/ico_plus_dia.svg);
	background-size:24px 24px;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}

.HomeingsDiagramListItemTextIcon{
	margin-bottom:13px;
	line-height:0;
	text-align:center;
}

.HomeingsDiagramListItemTextIcon-img{
	height:76px;
}

.Type2 .HomeingsDiagramListItemText-title{
	font-size:20px;
}

.Layout2 .HomeingsDiagramList{
	margin-right:69px;
	width:652px;
	display:inline-block;
	vertical-align:middle;
	max-width:65%;
}

.HomeingsDiagramSec-sub{
	display:inline-block;
	vertical-align:middle;
	font-size:26px;
	line-height:1.7em;
	color:#000000;
	font-weight:600;
	max-width:calc(35% - 69px);
	position:relative;
	padding-left:50px;
}

.HomeingsDiagramSec-bold{
	font-size:36px;
}

.HomeingsDiagramSec-sub:before{
	content:"";
	width:63px;
	height:33px;
	background-image:url(../../images/icon/ico_round_arrow.svg);
	background-size:63px 33px;
	position:absolute;
	left:0;
	bottom:-15px;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.HomeingsDiagramList-item{
		margin-left:-1.30208vw;
		width:12.76041vw;
		max-width:calc(33.333% + 0.8333vw);
	}

	.HomeingsDiagramListItemText{
		left:1.5625vw;
		right:1.5625vw;
	}

	.HomeingsDiagramListItemText-title{
		font-size:1.25vw;
	}

	.HomeingsDiagramSec-text{
		margin-top:1.041666vw;
		padding-top:2.13541vw;
		font-size:1.354166vw;
	}

	.HomeingsDiagramSec-text:before{
		width:1.25vw;
		height:1.25vw;
		background-size:1.25vw 1.25vw;
	}

	.HomeingsDiagramListItemTextIcon{
		margin-bottom:0.67708vw;
	}

	.HomeingsDiagramListItemTextIcon-img{
		height:3.95833vw;
	}

	.Type2 .HomeingsDiagramListItemText-title{
		font-size:1.041666vw;
	}

	.Layout2 .HomeingsDiagramList{
		margin-right:3.593749vw;
		width:33.95833vw;
	}

	.HomeingsDiagramSec-sub{
		font-size:1.354166vw;
		max-width:calc(35% - 3.593749vw);
		padding-left:2.6041vw;
	}

	.HomeingsDiagramSec-bold{
		font-size:1.875vw;
	}

	.HomeingsDiagramSec-sub:before{
		width:3.28125vw;
		height:1.71875vw;
		background-size:3.28125vw 1.71875vw;
		bottom:-0.78125vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.HomeingsDiagramList-item{
		margin-left:-1.5vw;
		width:15.76041vw;
		max-width:calc(33.333% + 1vw);
	}

	.HomeingsDiagramListItemText{
		left:1.5625vw;
		right:1.5625vw;
	}

	.HomeingsDiagramListItemText-title{
		font-size:1.55vw;
	}

	.HomeingsDiagramSec-text{
		margin-top:2.041666vw;
		padding-top:3.13541vw;
		font-size:1.54166vw;
	}

	.HomeingsDiagramSec-text:before{
		width:1.25vw;
		height:1.25vw;
		background-size:1.25vw 1.25vw;
	}

	.HomeingsDiagramListItemTextIcon{
		margin-bottom:1.37708vw;
	}

	.HomeingsDiagramListItemTextIcon-img{
		height:3.95833vw;
	}

	.Type2 .HomeingsDiagramListItemText-title{
		font-size:1.341666vw;
	}

	.Layout2 .HomeingsDiagramList{
		margin-right:3.593749vw;
		width:44.15833vw;
	}

	.HomeingsDiagramSec-sub{
		font-size:1.554166vw;
		max-width:calc(35% - 3.593749vw);
		padding-left:2.6041vw;
	}

	.HomeingsDiagramSec-bold{
		font-size:2.2875vw;
	}

	.HomeingsDiagramSec-sub:before{
		width:3.28125vw;
		height:1.71875vw;
		background-size:3.28125vw 1.71875vw;
		bottom:-0.78125vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.HomeingsDiagramList-item{
		margin-left:-3.5vw;
		width:calc(33.333% + 2.333vw);
		max-width:none;
	}

	.HomeingsDiagramListItemText{
		left:3.5625vw;
		right:3.5625vw;
	}

	.HomeingsDiagramListItemText-title{
		font-size:3.45vw;
		font-weight:600;
	}

	.HomeingsDiagramSec-text{
		margin-top:5.041666vw;
		padding-top:7.13541vw;
		font-size:3.54166vw;
	}

	.HomeingsDiagramSec-text:before{
		width:3.25vw;
		height:3.25vw;
		background-size:3.25vw 3.25vw;
	}

	.HomeingsDiagramListItemTextIcon{
		margin-bottom:1.37708vw;
	}

	.HomeingsDiagramListItemTextIcon-img{
		height:6.95833vw;
	}

	.Type2 .HomeingsDiagramListItemText-title{
		font-size:3.241666vw;
	}

	.Layout2 .HomeingsDiagramList{
		margin-right:0;
		width:100%;
		max-width:none;
		margin-bottom:7vw;
	}

	.HomeingsDiagramSec-sub{
		font-size:3.54166vw;
		max-width:none;
		display:inline-block;
		padding-left:0;
		padding:0 12vw;
	}

	.HomeingsDiagramSec-bold{
		font-size:5.54166vw;
	}

	.HomeingsDiagramSec-sub:before{
		width:6.28125vw;
		height:3.41875vw;
		background-size:6.28125vw 3.41875vw;
		bottom:auto;
		left:auto;
		right:0;
		top:0;
		transform:rotate(-15deg);
	}
}


/* =========================================================
	MainBrandBanner
=========================================================*/
.CJWBrandProd{
	overflow:hidden;
}
.CJWBrandProdList-list{
	margin:-16px;
}

.CJWBrandProdList-list:after{
	content:'';
	display:block;
	clear:both;
}

.CJWBrandProdList-item{
	width:25%;
	float:left;
	padding:16px;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.CJWBrandProdList-list{
		margin:-0.833333vw;
	}
	.CJWBrandProdList-item{
		padding:0.833333vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.CJWBrandProdList-list{
		margin:-1vw;
	}
	.CJWBrandProdList-item{
		padding:1vw;
	}
}

@media screen and (max-width: 767px) and (min-width:1px){
	.CJWBrandProdList{
		margin-left:-6.25vw;
		margin-right:-6.25vw;
	}
	
	.CJWBrandProdList-list{
		margin:0;
	}
	.CJWBrandProdList-item{
		padding:0;
		margin-bottom:3vw;
		width:100%;
	}
	
	.CJWBrandProdList-item:last-child{
		margin-bottom:0;
	}
}

/*=========================================================
	Social(Instargram) Slide Plugin Custom
=========================================================*/
body .sbi-owl-nav .sbi-owl-next{
	display: block;
    width: 35px;
    height: 24px;
    background-image: url(../../images/icon/ico-ProdRelated-next.png) !important;
	background-color:transparent !important;
    background-size: 35px 24px !important;
    position: absolute;
    top: 50%;
    right: -38px;
    transform: translateY(-50%) scale(1) !important;
    z-index: 1;
    cursor: pointer;
	box-shadow:none !important;
	transition:all 0s !important;
	margin:0 !important;
	padding:0 !important;
	border-radius:0 0 !important;
}

body .sbi-owl-next svg{
	display:none !important;
}

body .sbi-owl-nav .sbi-owl-prev{
	display: block;
    width: 35px;
    height: 24px;
    background-image: url(../../images/icon/ico-ProdRelated-prev.png) !important;
	background-color:transparent !important;
    background-size: 35px 24px !important;
    position: absolute;
    top: 50%;
    left: -38px;
    transform: translateY(-50%) scale(1) !important;
    z-index: 1;
    cursor: pointer;
	box-shadow:none !important;
	transition:all 0s !important;
	margin:0 !important;
	padding:0 !important;
	border-radius:0 0 !important;
}

body .sbi-owl-prev svg{
	display:none !important;
}

body .sbi-owl-item{
	padding:0 17px;
}

#sb_instagram .sbi_item:not(.sbi_transition) .sbi_photo{
	transition-property: transform !important;
    transition-duration: 0.4s !important;
	line-height:0;
}

#sb_instagram #sbi_images.sbi_carousel{
	margin-left:-17px;
	margin-right:-17px;
	width: auto;
    float: none;
}

#sb_instagram #sbi_images.sbi_carousel:before{
	content:"";
	width:17px;
	height:100%;
	background-color:#EFF5F7;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#sb_instagram #sbi_images.sbi_carousel:after{
	content:"";
	width:17px;
	height:100%;
	background-color:#EFF5F7;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}

#sb_instagram .sbi_type_video .svg-inline--fa.fa-play{
	display:none !important;
}

#sb_instagram .sbi_info{
	display:none !important;
}

#sb_instagram .sbi_photo_wrap svg{
	display:none !important;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	body .sbi-owl-nav .sbi-owl-next{
		width: 1.82291vw;
		height: 1.25vw;
		background-size: 1.82291vw 1.25vw !important;
		right: -1.97916vw;
	}

	body .sbi-owl-nav .sbi-owl-prev{
		width: 1.82291vw;
		height: 1.25vw;
		background-size: 1.82291vw 1.25vw !important;
		left: -1.97916vw;
	}

	body .sbi-owl-item{
		padding:0 0.88541vw;
	}

	#sb_instagram #sbi_images.sbi_carousel{
		margin-left:-0.88541vw;
		margin-right:-0.88541vw;
	}

	#sb_instagram #sbi_images.sbi_carousel:before{
		width:0.88541vw;
	}

	#sb_instagram #sbi_images.sbi_carousel:after{
		width:0.88541vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	body .sbi-owl-nav .sbi-owl-next{
		width: 1.82291vw;
		height: 1.25vw;
		background-size: 1.82291vw 1.25vw !important;
		right: -2.27916vw;
	}

	body .sbi-owl-nav .sbi-owl-prev{
		width: 1.82291vw;
		height: 1.25vw;
		background-size: 1.82291vw 1.25vw !important;
		left: -2.27916vw;
	}

	body .sbi-owl-item{
		padding:0 0.88541vw;
	}

	#sb_instagram #sbi_images.sbi_carousel{
		margin-left:-0.88541vw;
		margin-right:-0.88541vw;
	}

	#sb_instagram #sbi_images.sbi_carousel:before{
		width:0.88541vw;
	}

	#sb_instagram #sbi_images.sbi_carousel:after{
		width:0.88541vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	body .sbi-owl-nav .sbi-owl-next{
		width: 1.82291vw;
		height: 1.25vw;
		background-size: 1.82291vw 1.25vw !important;
		right: -2.27916vw;
		display:none !important;
	}

	body .sbi-owl-nav .sbi-owl-prev{
		width: 1.82291vw;
		height: 1.25vw;
		background-size: 1.82291vw 1.25vw !important;
		left: -2.27916vw;
		display:none !important;
	}

	body .sbi-owl-item{
		padding:0 1.2885416vw;
	}

	#sb_instagram #sbi_images.sbi_carousel{
		margin:0 -1.2885416vw;
	}

	#sb_instagram #sbi_images.sbi_carousel:before{
		width:1.2885416vw;
		display:none;
	}

	#sb_instagram #sbi_images.sbi_carousel:after{
		width:1.2885416vw;
		display:none;
	}
	
	.sbi-owl-stage-outer{
		overflow:visible !important;
	}
}


/*=========================================================
	HomingsSearchHeader
=========================================================*/
.HomingsSearchHeader{
	margin-top:44px;
}

.HomingsSearchHeader-text{
	display:block;
	color:#000;
	font-size:18px;
	font-weight:500;
	font-family: 'Pretendard';
	line-height:1.4em;
}

.HomingsSearchHeader + .ProductPost{
	padding-top:20px;
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.HomingsSearchHeader{
		margin-top:2.291666vw;
	}

	.HomingsSearchHeader-text{
		font-size: 0.9375vw;
	}

	.HomingsSearchHeader + .ProductPost{
		padding-top:1.041666vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.HomingsSearchHeader{
		margin-top:4.296875vw;
	}

	.HomingsSearchHeader-text{
		    font-size: 1.7578125vw;
	}

	.HomingsSearchHeader + .ProductPost{
		padding-top:1.953125vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.HomingsSearchHeader{
		margin-top:7vw;
	}

	.HomingsSearchHeader-text{
		font-size: 4.2857vw;
	}

	.HomingsSearchHeader + .ProductPost{
		padding-top:4.333vw;
	}
}


/*=========================================================
	LogoSectionList
=========================================================*/
.LogoSectionList-list{
	margin:0 -45px;
}

.LogoSectionList-list:after{
	content:'';
	display:block;
	clear:both;
}

.LogoSectionList-item{
	float:left;
	width:50%;
	padding:0 45px;
}

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

.BrandLogiItemImg{
	width:134px;
	margin:0 auto;
	margin-bottom:50px;
}

.BrandLogiItemTitle{
	margin-bottom:40px;
}

.BrandLogiItemTitle-title{
	display:block;
	margin-bottom:12px;
	color:#000;
	font-size:24px;
	font-weight:500;
	font-family: 'Pretendard';
	line-height:1.2em;
}

.BrandLogiItemTitle-text{
	display:block;
	height:2.8em;
	color:#000;
	font-size:16px;
	line-height:1.4em;
	font-family: 'Pretendard';
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.LogoSectionList-list{
		margin:0 -2.34375vw;
	}

	.LogoSectionList-item{
		padding:0 2.34375vw;
	}
	
	.BrandLogiItemImg{
		width:6.9791666vw;
		margin-bottom:2.604166vw;
	}

	.BrandLogiItemTitle{
		margin-bottom:2.08333vw;
	}

	.BrandLogiItemTitle-title{
		margin-bottom:0.625vwvw;
		font-size:1.25vw;
	}

	.BrandLogiItemTitle-text{
		font-size:0.8333vw;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
	.BrandLogiItemTitle-text{
		font-size:10px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.LogoSectionList-list{
		margin:0 -4.39453125vw;
	}
	
	.LogoSectionList-item{
		padding:0 4.39453125vw;
	}
	
	.BrandLogiItemImg{
		width:13.0859375vw;
		margin-bottom:4.8828125vw;
	}

	.BrandLogiItemTitle{
		margin-bottom:3.90625vw;
	}

	.BrandLogiItemTitle-title{
		margin-bottom:1.171875vw;
		font-size:2.34375vw;
	}

	.BrandLogiItemTitle-text{
		font-size:1.5625vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.LogoSectionList-list{
		margin:0 -2.25vw;
	}
	
	.LogoSectionList-item{
		padding:0 2.25vw;
	}
	
	.BrandLogiItemImg{
		width:18vw;
		margin-bottom:3vw;
	}

	.BrandLogiItemTitle{
		margin-bottom:6vw;
	}

	.BrandLogiItemTitle-title{
		margin-bottom:2vw;
		font-size:4vw;
	}

	.BrandLogiItemTitle-text{
		height: auto;
		font-size:3.45vw;
	}
	
	.BrandLogiItem .LogoSectionFile-item{
		float:none;
		margin-right:0;
	}
}

/*=========================================================
	PdfSection
=========================================================*/
.PdfSection{
	margin-top:-25px;
}

.PdfSection .df-container{
	padding:0 120px;
}

.PdfSection .df-book-stage{
	padding:25px 0 !important;
}

.PdfSection .df-container > .df-ui-btn.df-ui-prev.ti-angle-left{
	width: 73px;
    height: 48px;
    background-image: url(../../images/icon/ico_pdfslide_prev.svg);
    background-size: 73px 48px;
    display: inline-block;
    cursor: pointer;
	opacity:1 !important;
	left:20px;
	margin-top:-40px;
	border-radius:0;
	padding:0;
}

.PdfSection .df-container > .df-ui-btn.df-ui-prev.ti-angle-left:before{
	display:none;
}

.PdfSection .df-container > .df-ui-btn.df-ui-next.ti-angle-right{
	width: 73px;
    height: 48px;
    background-image: url(../../images/icon/ico_pdfslide_next.svg);
    background-size: 73px 48px;
    display: inline-block;
    cursor: pointer;
	opacity:1 !important;
	right:20px;
	margin-top:-40px;
	border-radius:0;
	padding:0;
}

.PdfSection .df-container > .df-ui-btn.df-ui-next.ti-angle-right:before{
	display:none;
}

.PdfSection .df-ui-btn.df-ui-outline.ti-menu-alt{
	display:none;
}

.PdfSection .df-ui-wrapper.df-ui-controls .df-ui-btn.ti-layout-grid2{
	display:none;
}

.PdfSection .df-ui-wrapper.df-ui-controls .df-ui-btn.ti-zoom-in{
	display:none;
}

.PdfSection .df-ui-wrapper.df-ui-controls .df-ui-btn.ti-zoom-out{
	display:none;
}

.PdfSection .df-ui-btn.df-ui-pagemode.ti-file{
	display:none;
}

/* responsive */
@media screen and (max-width:1920px) and (min-width:1025px){
	.PdfSection{
		margin-top:-1.30208vw;
	}

	.PdfSection .df-book-stage{
		padding:1.30208vw 0 !important;
	}

	.PdfSection .df-container{
		padding:0 6.25vw;
	}

	.PdfSection .df-container > .df-ui-btn.df-ui-prev.ti-angle-left{
		width: 3.802083vw;
		height: 2.5vw;
		background-size: 3.802083vw 2.5vw;
	}

	.PdfSection .df-container > .df-ui-btn.df-ui-next.ti-angle-right{
		width: 3.802083vw;
		height: 2.5vw;
		background-size: 3.802083vw 2.5vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PdfSection{
		margin-top:0;
	}
	
	.PdfSection .df-container{
		padding:0 14.25vw;
	}

	.PdfSection .df-container > .df-ui-btn.df-ui-prev.ti-angle-left{
		width: 5.702083vw;
		height: 3.7vw;
		background-size: 5.702083vw 3.7vw;
		margin-top:-40px;
	}

	.PdfSection .df-container > .df-ui-btn.df-ui-next.ti-angle-right{
		width: 5.702083vw;
		height: 3.7vw;
		background-size: 5.702083vw 3.7vw;
		margin-top:-40px;
	}
	
	.df-ui-wrapper.df-ui-controls .df-ui-btn.ti-fullscreen{
		display:none;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.PdfSection{
		margin:-13vw -4.5vw 0;
	}
	.PdfSection .df-container{
		padding:0;
	}

	.PdfSection .df-container > .df-ui-btn.df-ui-prev.ti-angle-left{
		width: 8.502083vw;
		height: 5.5vw;
		background-size: 8.502083vw 5.5vw;
		margin-top:calc(-4vw - 40px);
		display:none !important;
	}

	.PdfSection .df-container > .df-ui-btn.df-ui-next.ti-angle-right{
		width: 8.502083vw;
		height: 5.5vw;
		background-size: 8.502083vw 5.5vw;
		margin-top:calc(-4vw - 40px);
		display:none !important;
	}
	
	.df-ui-wrapper.df-ui-controls .df-ui-btn.ti-fullscreen{
		display:none;
	}
}

/*=========================================================
	Catalogue
=========================================================*/
.CatalogueSecHeader{
	margin-bottom:50px;
	position:relative;
	padding-right:140px;
}

.CatalogueSecHeader-title{
	font-size: 40px;
    font-weight: 400;
    font-family: 'CJW';
    line-height: 1.4em;
}

.CatalogueSecCatalogueSec-top{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.CatalogueSecCont-img{
	font-size:0;
	line-height:0;
	overflow:hidden;
}

.CatalogueSecCont-img.is-Mo{
	display:none;
}

.CatalogueSecCont-img img{
	display:block;
	width:50%;
	float:left;
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px){
	.CatalogueSecHeader{
		margin-bottom:2.60416vw;
		padding-right:7.29166vw;
	}

	.CatalogueSecHeader-title{
		font-size: 2.08333vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.PageHeaderTab-list{
		margin: -0.8765625vw -0.9765625vw 0;
	}
	.PageHeaderTab-item{
		padding: 0.8765625vw 0.9765625vw 0;
	}
	
	.CatalogueSecHeader{
		margin-bottom:3.60416vw;
		padding-right:12.29166vw;
	}

	.CatalogueSecHeader-title{
		font-size: 4.08333vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.CatalogueSecHeader{
		margin-bottom:5.60416vw;
		padding-right:25.29166vw;
	}

	.CatalogueSecHeader-title{
		font-size: 6.4333vw;
	}
	
	.Mo-Scroll .PageHeaderTab-list{
		white-space:nowrap;
	}
	
	.PageHeaderTab.Mo-Scroll{
		margin-left:-6.25vw;
		margin-right:-6.25vw;
		overflow:hidden;
		overflow-x:auto;
	}
	
	.Mo-Scroll .PageHeaderTab-item:first-child{
		margin-left:6.25vw;
	}
	
	.Mo-Scroll .PageHeaderTab-item:last-child{
		margin-right:6.25vw;
	}
	
	.PageHeaderTab.Mo-Scroll {
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.PageHeaderTab.Mo-Scroll::-webkit-scrollbar {
		display: none;
	}
	
	.CatalogueSecCont-img img{
		width:100%;
		float:none;
	}
	
	.CatalogueSecCont-img.is-Mo{
		display:block;
	}
	
	.CatalogueSecCont-img.is-Pc{
		display:none;
	}
}

/*=========================================================
	설날카드
=========================================================*/
.NewYearCard-list{
	margin:-10px -10px;
	overflow:hidden;
}

.NewYearCard-item{
	width:25%;
	float:left;
	padding:10px 10px;
}

.NewYearCard-item:nth-child(4n+1){
	clear:both;
}

.NewYearCardItemThumb{
	line-height:0;
}

.NewYearCardItemThumb-img{
	width:100%;
}

.NewYearCardItemBtn{
	text-align:center;
	margin-top:15px;
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px){
	.NewYearCard-list{
		margin:-0.520833vw -0.520833vw;
	}

	.NewYearCard-item{
		padding:0.520833vw 0.520833vw;
	}

	.NewYearCardItemBtn{
		margin-top:0.78125vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.NewYearCard-item{
		width:50%;
	}
	
	.NewYearCard-item:nth-child(4n+1){
		clear:none;
	}

	.NewYearCard-item:nth-child(odd){
		clear:both !important;
	}
	
	.NewYearCardItemBtn{
		margin-top:0.78125vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.NewYearCard-item{
		width:100%;
	}
	
	.NewYearCard-item:nth-child(4n+1){
		clear:none;
	}

	.NewYearCard-item{
		clear:both !important;
	}
	
	.NewYearCardItemBtn{
		margin-top:0.78125vw;
	}
}

/*imheroSlide
=========================================================*/
.imheroSlide-inner{
	position:relative;
}

.NewYearCardItem{
	width:100%;
}


.imheroSlide-prev{
	display:block;
	width:35px;
	height:24px;
	background-image:url('../../images/icon/ico-ProdRelated-prev.png');
	background-size:35px 24px;
	position:absolute;
	top:50%;
	left:-55px;
	transform:translateY(-50%);
	z-index:50;
	cursor: pointer;
}

.imheroSlide-next{
	display:block;
	width:35px;
	height:24px;
	background-image:url('../../images/icon/ico-ProdRelated-next.png');
	background-size:35px 24px;
	position:absolute;
	top:50%;
	right:-55px;
	transform:translateY(-50%);
	z-index:50;
	cursor: pointer;
}

body .imheroSlide-scrollbar {
	display:none;
}


@media screen and (max-width:1920px) and (min-width:1025px){
	.imheroSlide-prev{
		width:1.8229166vw;
		height:1.25vw;
		background-size:1.8229166vw 1.25vw;
		left:-2.864583vw;
	}

	.imheroSlide-next{
		width:1.8229166vw;
		height:1.25vw;
		background-size:1.8229166vw 1.25vw;
		right:-2.864583vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.imheroSlide-prev{
		width: 1.82291vw;
		height: 1.25vw;
		background-size: 1.82291vw 1.25vw;
		left:-3.064583vw;
	}

	.imheroSlide-next{
		width: 1.82291vw;
		height: 1.25vw;
		background-size: 1.82291vw 1.25vw;
		right:-3.064583vw;
	}

}

@media screen and (max-width: 767px) and (min-width:1px){
	.imheroSlide {
		overflow:visible;
	}

	.imheroSlide-item{
		width:40%;
	}

	.imheroSlide-prev{
		display:none;
	}

	.imheroSlide-next{
		display:none;
	}
	
	body .imheroSlide-scrollbar {
		display: block;
		height: 2px;
		background-color: #f1f1f1;
		margin-top: 10vw;
		margin-right: 4vw;
		margin-left: 4vw;
		position: relative;
	}
}

.sbi_feedtheme_title_wrapper{
	color:#000;
}