/* sub common */
.ctt_admin,
#container_title{
	display: none;
}

.tit{
	text-align: left;
	font-size: 30px;
	font-weight: 600;
	color: var(--mainCol);
	margin-bottom: 0px;
	box-sizing: border-box;
	padding-left: 20px;
	position: relative;
	line-height: 1;
}

.tit::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 3px;
	height: 26px;
	background: var(--mainCol);
	transform: translate(0,0%);
}

.conTxt{
	font-size: 20px;
	color: var(--mainCol);
	font-weight: 400;
	text-align: left;
	line-height: 2;
	box-sizing: border-box;
	padding-top: 15px;
	padding-left: 20px;
	position: relative;
}

.conTxt::before{
	content: '';
	display: block;
	width: 3px;
	height: 95%;
	background: #eeeeee;
	position: absolute;
	left: 0;
	top: 0;
}

.subTit{
	color: #566583;
	font-size: 30px;
	font-weight: 400;
	text-align: center;
}

* + .imgBox{
	margin-top: 40px;
}

.imgBox{
	text-align: center;
}

.imgBox img{
	max-width: 100%;
	margin: auto;
}

#container section{
	padding: 100px 0;
}

/* subVisual */
.subVisual{
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 0px 0 !important;
	position: relative;
	height: 400px;
}

.subVisual .inner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.subVisual[data-cate='intro']{
	background-image: url(/include/img/subVisual_intro.png);
}

.subVisual[data-cate='come']{
	background-image: url(/include/img/subVisual_come.png);
}

.subVisual[data-cate='customer']{
	background-image: url(/include/img/subVisual_customer.png);
}

.subVisual[data-cate='celebrity']{
	background-image: url(/include/img/subVisual_celebrity.png);
}

.subVisual[data-cate='hanbok']{
	background-image: url(/include/img/subVisual_hanbok.png);
}

.subVisual .tit2{
	color: #fff;
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0;
}

.subVisual p{
	color: #fff;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.8;
}

.subVisual .tit + p{
	margin-top: 10px;
}




/* --------------------------------------------------------1024 */
@media screen and (max-width: 1024px){








}



/* --------------------------------------------------------720 */
@media screen and (max-width: 720px){

/* common */
#container section{
	padding: 15vw 0;
}

.tit{
	font-size: 5vw;
	/* margin-bottom: 5vw; */
}

.conTxt{
	font-size: 2.5vw;
	line-height: 1.5;
	padding-top: 5vw;
}

.subTit{
	font-size: 5vw;
}

* + .imgBox{
	margin-top: 5vw;
}

/* subVisual */
.subVisual{
	height: 60vw;
	padding: 0 !important;
}

.subVisual .inner{
	top: 50%;
}

.subVisual .tit2{
	font-size: 6vw;
}

.subVisual p{
	font-size: 3vw;
}







}