@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 { }
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.intro {  width:100%; max-width:1230px; line-height:1; margin:0 auto; padding:clamp(60px, 10vw, 120px) 15px; text-align:center;  font-size:15px; }
.intro_tit { font-size:clamp(20px, 3vw, 33px); font-weight: 700; color: #000; letter-spacing:-0.05em; }
.intro_txt { margin:0 auto; margin-top:min(20px, 4%); font-size:clamp(16px, 2.4vw, 24px); letter-spacing:-0.05em; color:#878787; word-break:keep-all; }

.map_wrap { width:100%; margin:min(8%, 50px) 0;padding:0; }
.map_wrap .contact_map { max-width:1200px; width:100% !important; }

.location_wrap { display:flex; width:100%; margin:20px auto 0; padding:min(40px, 5%) max(15px, 3%); border-top:2px solid #000; font-size:clamp(14px, 2.2vw, 18px); }
.location_tit { width:20%; padding-bottom:min(35px, 7%); font-family:'play'; font-size:clamp(20px, 2.5vw, 28px); font-weight:bold; text-align:left; }
.location_cnt { width:80%; text-align:left; }
.location_cnt ul { display:flex; flex-flow:wrap; }
.location_cnt ul li { display:flex; align-items:center; width:50%; padding-bottom:clamp(20px, 2vw, 25px); letter-spacing:-0.05em; }
.location_cnt ul li .cnt_tit { display:flex; align-items:center; justify-content:center; width:22%; height:30px; margin-right:3%; background:#eee; border:1px solid #ddd; font-size:0.85em; font-weight:500; word-break:keep-all; }
.location_cnt ul li .cnt_tit i { display:flex; justify-content:center; align-items:center; width:28px; height:28px; margin-right:10%; background:#eee; border-radius:50%; position:relative; }
.location_cnt ul li .cnt_tit span { }
.location_cnt ul li .cnt_txt { flex-grow:1; word-break:keep-all; }



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

@media (max-width: 1250px){

}

@media (max-width: 1200px){
	.location_cnt ul { }
	.location_cnt ul li { }
	.location_cnt ul li .cnt_tit { }
}

@media (max-width: 980px){
	.location_wrap { flex-flow:column;}
	.location_tit { width:100%; }
	.location_cnt { width:100%; }
}

@media (max-width: 760px){
	.map_wrap .contact_map .wrap_map { height:300px !important; }

	.location_tit { width:100%; }
	.location_cnt ul li { width:100%; }
}

@media (max-width: 540px){

}