@charset "UTF-8";
/*=========================================================
	컨텐츠 기본
=========================================================*/
.SingleSec-cnt{
	font-size: 1.125rem;
	line-height:1.9;
	color:#666;
}

.SingleSec-cnt .CpSec:last-child{
	margin-bottom:0 !important;
}

.CpSec + .CpSec{
	margin-top:1.88rem;
}

.CpSec p + p{
	margin-top:1.88rem;
}

:root {
	--single-full: -9rem;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.SingleSec-cnt{
		font-size:1rem;
	}
	
	.CpSec + .CpSec{
		margin-top:1.25rem;
	}
	
	.CpSec p + p{
		margin-top:1.25rem;
	}
}

/*=========================================================
	첫번째 확대 콘텐츠
=========================================================*/
.CpFirstLetter p:first-child:first-letter{
	font-size: 3rem;
	float:left;
	line-height: 3rem;
    padding-top: 0.4rem;
    padding-right: 0.3rem;
}

.TypeBold.CpFirstLetter p{
	font-size: 1.5rem;
	font-weight:600;
	color:#000;
	line-height:1.6em;
}

.TypeBold.CpFirstLetter p:first-child:first-letter{
	font-size: 3.375rem;
	line-height: 3.375rem;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.CpFirstLetter p:first-child:first-letter{
		font-size:2.3rem;
		line-height:2.3rem;
	}
	
	.TypeBold.CpFirstLetter p:first-child:first-letter{
		font-size:2.5rem;
		line-height:2.5rem;
		padding-top: 0.3rem;
	}
	
	.TypeBold.CpFirstLetter p{
		font-size:1.125rem;
	}
}

/*=========================================================
	타이포
=========================================================*/
.CpTitle{
	color:#000;
	font-weight:600;
}

.CpTitle.SecStart{
	margin-top:7.5rem;
}

.CpTitle.MTitle{
	font-size: 1.5rem;
	line-height:1.6em;
}

.CpTitle.STitle{
	font-size: 1.25rem;
	line-height:1.6em;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.CpTitle.SecStart{
		margin-top:5rem;
	}
	
	.CpTitle.MTitle{
		font-size: 1.25rem;
	}
	
	.CpTitle.STitle{
		font-size: 1.125rem;
	}
}

/*=========================================================
	풀이미지
=========================================================*/
.CpFullImg.CpSec{
	margin-top:7.5rem;
	margin-bottom:7.5rem;
	margin-left:var(--single-full);
}

.CpFullImgThumb{
	display:block;
	line-height:0;
	text-align:center;
}

.CpFullImg-caption{
	font-size: 1rem;
	line-height:1.4em;
	color:#000;
	margin-top:0.75rem;
}

@media screen and (max-width: 120rem) and (min-width: 1440px) {
	.is-Over .CpFullImg.CpSec{
		margin-left:-5rem;
	}
	
	.is-Over .CpFullImg-caption{
		padding:0 5rem;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CpFullImg.CpSec{
		margin-left:-2rem;
	}
	
	.CpFullImg-caption{
		padding:0 2rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.CpFullImg.CpSec{
		margin-left:-2rem;
		margin-right:-2rem;
		margin-top:5rem;
		margin-bottom:5rem;
	}
	
	.CpFullImg-caption{
		padding:0 2rem;
	}
}

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

/*=========================================================
	이미지 + 내용
=========================================================*/
.CpLeftImg.CpSec{
	margin-top:7.5rem;
	margin-bottom:6.5rem;
}

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

.CpRightImg.CpSec{
	margin-top:7.5rem;
	margin-bottom:6.5rem;
}

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

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

.CpDfThumb{
	line-height:0;
}

.CpLeftImg .CpDfThumb{
	float:left;
	width:55.4%;
	margin-right:2.5rem;
	margin-bottom:1rem;
}

.CpRightImg .CpDfThumb{
	float:right;
	width:55.4%;
	margin-left:2.5rem;
	margin-bottom:1rem;
}

.CpDfThumb-caption{
	font-size: 1rem;
	line-height:1.4em;
	color:#000;
	margin-top:0.75rem;
}

.CpLeftImg + .CpLeftImg{
	margin-top:6.5rem;
}

.CpRightImg + .CpRightImg{
	margin-top:6.5rem;
}

.CpLeftImg + .CpRightImg{
	margin-top:6.5rem;
}

.CpRightImg + .CpLeftImg{
	margin-top:6.5rem;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CpLeftImg .CpDfThumb{
		width:50%;
	}
	
	.CpRightImg .CpDfThumb{
		width:50%;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.CpLeftImg.CpSec{
		margin-top:5rem;
		margin-bottom:4rem;
	}
	
	.CpLeftImg + .CpLeftImg{
		margin-top:4rem;
	}

	.CpRightImg + .CpRightImg{
		margin-top:4rem;
	}

	.CpLeftImg + .CpRightImg{
		margin-top:4rem;
	}

	.CpRightImg + .CpLeftImg{
		margin-top:4rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CpLeftImg .CpDfThumb{
		float:none;
		margin-left:-1.25rem;
		margin-right:-1.25rem;
		width:auto;
		margin-bottom:5rem;
	}
	
	.CpRightImg .CpDfThumb{
		float:none;
		margin-left:-1.25rem;
		margin-right:-1.25rem;
		width:auto;
		margin-bottom:5rem;
	}
	
	.CpDfThumb-caption{
		padding:0 1.25rem;
	}
}

/*=========================================================
	인용문
=========================================================*/
.SpecQoute.CpSec{
	margin-top:7.5rem;
	margin-bottom:7.5rem;
	position:relative;
	text-align:center;
	font-size: 1.5rem;
	line-height:1.5em;
	color:#000;
	font-weight:600;
	padding:4.2rem 0;
}

.SpecQoute.CpSec:before{
	content:"";
	width: 2.4375rem;
	height: 1.8125rem;
	background-image:url(../../images/icon/ico_qoute_start.svg);
	background-size:100% 100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}

.SpecQoute.CpSec:after{
	content:"";
	width: 2.4375rem;
	height: 1.8125rem;
	background-image:url(../../images/icon/ico_qoute_end.svg);
	background-size:100% 100%;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.SpecQoute.CpSec{
		margin-top:5rem;
		margin-bottom:5rem;
		font-size: 1.25rem;
		padding: 3.5rem 0;
	}
}

/*=========================================================
	이미지 리스트
=========================================================*/
.CpImgList.CpSec{
	margin-top:7.5rem;
	margin-bottom:7.5rem;
}

.CpImgList-inner{
	display:flex;
	flex-wrap: wrap;
	margin:-0.625rem -0.625rem;
}

.CpImgList-item{
	padding:0.625rem 0.625rem;
}

.TowCol .CpImgList-item{
	width:50%;
}

.ThreeCol .CpImgList-item{
	width:33.3333%;
}

.CpImgList .CpDfThumb-img{
	width:100%;
}

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

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

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CpImgList.CpSec{
		margin-left:-1.25rem;
		margin-right:-1.25rem;
	}
	
	.CpImgList-inner{
		margin:0;
	}
	
	.CpImgList-item{
		width:100% !important;
		padding:0;
	}
	
	.CpImgList-item + .CpImgList-item{
		margin-top:5rem;
	}
}

/*=========================================================
	유튜브
=========================================================*/
.CpYoutube.CpSec{
	margin-top:7.5rem;
	margin-bottom:7.5rem;
	position:relative;
	margin-left:var(--single-full);
}

.CpYoutube.CpSec:after{
	content:"";
	display:block;
	padding-bottom:56.2%;
}

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

@media screen and (max-width: 120rem) and (min-width: 1440px) {
	.is-Over .CpYoutube.CpSec{
		margin-left:-5rem;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CpYoutube.CpSec{
		margin-left:-2rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.CpYoutube.CpSec{
		margin-left:-2rem;
		margin-right:-2rem;
		margin-top:5rem;
		margin-bottom:5rem;
	}
}

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

/*=========================================================
	슬라이드
=========================================================*/
.ImgSlide.CpSec{
	margin-top:7.5rem;
	margin-bottom:7.5rem;
}

.ImgSlide-item .CpDfThumb{
	width:100%;
	height:100%;
}

.ImgSlide-item .CpDfThumb-link{
	text-align:center;
}

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

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

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

body .ImgSlide-prev{
	width: 3.875rem;
	height: 3.9375rem;
	position:absolute;
	top:50%;
	left:2.5rem;
	transform:translateY(-50%);
	background-image:url(../../images/icon/ico_slide_prev.svg);
	background-size:100% 100%;
	cursor:pointer;
	margin-top:-1.9375rem;
	opacity:0;
	display:none;
	z-index:5;
}

body .ImgSlide-next{
	width: 3.875rem;
	height: 3.9375rem;
	position:absolute;
	top:50%;
	right:2.5rem;
	transform:translateY(-50%);
	background-image:url(../../images/icon/ico_slide_next.svg);
	background-size:100% 100%;
	cursor:pointer;
	margin-top:-1.9375rem;
	opacity:0;
	display:none;
	z-index:5;
}

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

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.ImgSlide.CpSec{
		margin-left:-2rem;
		margin-right:-2rem;
		margin-top:5rem;
		margin-bottom:5rem;
	}
	
	.ImgSlide .CpDfThumb-caption{
		padding:0 2rem;
	}
	
	.ImgSlide-pagination{
		margin-top:1.5rem;
	}
	
	.ImgSlide-pagination .swiper-pagination-bullet{
		width:2.5rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ImgSlide.CpSec{
		margin-left:-1.25rem;
		margin-right:-1.25rem;
		margin-top:5rem;
		margin-bottom:5rem;
	}
	
	.ImgSlide .CpDfThumb-caption{
		padding:0 1.25rem;
	}
}

/*=========================================================
	스펙
=========================================================*/
.SpecInfo.CpSec{
	margin-top:7.5rem;
	margin-bottom:7.5rem;
}

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

.SpecInfo-item + .SpecInfo-item{
	margin-top:0.45rem;
}

.SpecInfo-inner{
	padding-left:1rem;
	position:relative;
	font-size:1.25rem;
	line-height:1.4em;
}

.SpecInfo-inner:before{
	content:"·";
	position:absolute;
	top:0;
	left:0;
}

.SpecInfo-inner:after{
	content:"";
	display:table;
	clear:both;
}

.SpecInfo-title{
	display:inline-block;
	vertical-align:middle;
	margin-right:0.5rem;
	color:#000;
}

.SpecInfo-text{
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	color:#000;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.SpecInfo.CpSec{
		margin-top:5rem;
		margin-bottom:5rem;
	}
	
	.SpecInfoTitle{
		font-size: 1.25rem;
	}
	
	.SpecInfo-inner{
		font-size: 1.05rem;
	}
}

/*=========================================================
	기본에디터 속성
=========================================================*/
.CpEditor a{
	text-decoration:underline;
	color:#000;
}

.CpEditor strong{
	font-weight:600;
}