@charset "utf-8";

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

.flex { display:flex; flex-flow:wrap; align-items:stretch; justify-content:space-between; }
.intro2 {  width:49%; text-align:center;  font-size:14px; }
.intro_tit2 { line-height:1.3em; font-family:'GmarketSansBold'; font-size:2.5em; font-weight:900; text-align:left; text-transform:uppercase; letter-spacing:-0.05em; transition:all 0.2s ease; }
.intro_txt2 { margin:0 auto; padding:30px 0; font-size:1.3em; font-weight:300; text-align:left; line-height:1.6em; letter-spacing:-0.05em; color:#000; word-break:keep-all; transition:all 0.2s ease; }
.intro_txt2 span { font-weight:500; color:#59b757; }
.img_area { width:49%; background:url('./img/intro.jpg') no-repeat center center; background-size:cover; }

.full { background:#f2f5fa; flex-flow:column; }
.max_width { width:100%; max-width:1200px; margin:0 auto; position:relative; }

.equipment_wrap { display:flex; flex-flow:wrap; align-items:stretch; justify-content:space-between; width:100%; max-width:1200px; margin:0 auto; padding-top:30px; }
.equipment_wrap ul { display:flex; flex-flow:row wrap; margin:0 -1.5%; }
.equipment_wrap ul li { width:47%; margin:0 1.5% 3%; background:#fff; border:1px solid #ddd; }
.equipment_wrap ul li img {}
.equipment_wrap ul li p { line-height:1.5em; padding:15px; font-size:16px; font-weight:500; color:#3253ba; letter-spacing:-0.05em; word-break:keep-all; text-align:center; }

/* 반응형 */
@media (max-width: 1450px){
	
}

@media (max-width: 1250px){

}

@media (max-width: 1200px){

}

@media (max-width: 980px){
	.intro_tit2 { font-size:2em; }
	.intro_txt2 { font-size:1.2em; }

	.equipment_wrap ul li p { padding:10px; font-size:14px; }

}

@media (max-width: 760px){
	.intro_tit2 { font-size:1.8em; }
	.intro_txt2 { font-size:1.1em; }

	.equipment_wrap ul li p { font-size:12px; }

}

@media (max-width: 540px){
	.intro2 { width:100%; }
	.intro_tit2 { font-size:1.6em; text-align:center; }
	.intro_txt2 { width:95%; font-size:1em; text-align:center; }

	.img_area { width:100%; height:150px; }

	.equipment_wrap ul li { width:100%; margin-bottom:10%; }
	.equipment_wrap ul li:last-of-type { margin-bottom:0; }
	.equipment_wrap ul li p { font-size:12px; }
}