@charset "utf-8";

/* 내용관리 */
#ctt {width:1000px; margin:0 auto; padding:20px;background:#fff}
.ctt_admin {text-align:right;display: none;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

/* section1 */
.section.section1 .tit{
	margin-bottom: 100px;
}

.section1 article{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 90px;
	margin-bottom: 90px;
	border-bottom: 3px solid var(--mainCol);
}

.section1 article:last-child{
	margin-bottom: 0;
}

.section1 article + article{
	
}

.section1 article .imgBox{
	max-width: 645px;
	width: 38%;
}

.section1 article .txtBox{
	width: calc(100% - 38% - 60px);
}

.section1 article .txtBox h3{
	font-weight: normal;
	font-family: "pm";
	font-size: 48px;
	line-height: 1;
	margin-bottom: 30px;
	color: #fff;
}

.section1 article .txtBox h3 span{
	color: var(--mainCol);
}

.section1 article .txtBox p{
	color: #d1d1d1;
	font-size: 18px;
	font-family: "pl";
	line-height: 1.7;
}

.section1 article.reverse .imgBox{
	order: 1;
}

.section1 article.reverse .txtBox{
	order: 0;
}

.section1 article.reverse .txtBox h3{
	text-align: right;
}

.section1 article.reverse .txtBox p{
	text-align: right;
}






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


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

/* section1 */
.section.section1 .tit{
	margin-bottom: 10vw;
	line-height: 1.4;
}

.section1 article{
	padding-bottom: 10vw;
	margin-bottom: 10vw;
	border-bottom: 2px solid var(--mainCol);
}

.section1 article .imgBox{
	max-width: 645px;
	width: 100%;
	margin-bottom: 7vw;
}

.section1 article .txtBox{
	width: calc(100%);
}

.section1 article .txtBox h3{
	font-size: 5.5vw;
	margin-bottom: 5vw;
}

.section1 article .txtBox p{
	font-size: 3vw;
}

.section1 article.reverse .imgBox{
	order: 1;
	margin: 0;
	margin-top: 5vw;
}

.section1 article.reverse .txtBox{
	order: 0;
}



}