/*************** [location]basic ***************/
#section_type_location_9 {width:100%;}
#section_type_location_9 .location_9 {width:100%; overflow:hidden; height:auto; background:url("/section/location/location_9/img/bg.jpg")no-repeat center center; background-size:cover; padding:140px 0 50px 0; box-sizing:border-box;}

#section_type_location_9 .location_9 h2 {font-family:"GmarketSansLight"; font-weight:300; font-size:24px; color:#fff; text-align:center; padding-bottom:20px;}
#section_type_location_9 .location_9 h1 {font-family:"GmarketSansBold"; color:#fff; font-size:40px; text-align:center; padding-bottom:50px;}
#section_type_location_9 .location_9 .btn {position:relative; border:1px solid #fff; width:180px; height:auto; padding:10px 0; left:50%; margin-left:-90px; margin-bottom:80px;}
#section_type_location_9 .location_9 .btn a {display:block; width:100%; height:100%;}
#section_type_location_9 .location_9 .btn a p {font-family:"GmarketSansMedium"; color:#fff; font-size:18px; text-align:center; text-shadow:2px 2px 5px rgba(0,0,0,0.5);}

/* contact panel — 1행 주소 / 2행 전화·이메일, 아이콘 + 검정 글자 */
#section_type_location_9 .location_9 .location_box {margin-top:48px;}
#section_type_location_9 .location_9 .contact_panel {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:18px;
	width:min(860px, 94%);
	margin:0 auto;
	background:transparent;
	border:none;
	box-shadow:none;
	box-sizing:border-box;
}
#section_type_location_9 .location_9 .contact_row {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	width:100%;
	box-sizing:border-box;
}
#section_type_location_9 .location_9 .contact_row_meta {
	gap:40px;
}
#section_type_location_9 .location_9 .contact_row_meta .contact_item {
	display:flex;
	align-items:center;
	gap:10px;
}
#section_type_location_9 .location_9 .contact_ico {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	color:#222;
	line-height:0;
}
#section_type_location_9 .location_9 .contact_value {
	margin:0;
	font-family:"GmarketSansMedium", sans-serif;
	font-size:16px;
	line-height:1.5;
	color:#222;
	word-break:keep-all;
}
#section_type_location_9 .location_9 .contact_value a {
	color:#222;
	text-decoration:none;
}
#section_type_location_9 .location_9 .contact_value a:hover {
	text-decoration:underline;
}

/*************** [location]responsive ***************/

@media screen and (max-width:1024px){
	#section_type_location_9 .location_9 .contact_value {font-size:15px;}
	#section_type_location_9 .location_9 .contact_row_meta {gap:28px;}
}
@media screen and (max-width:700px){
	#section_type_location_9 .location_9 h2 {font-size:20px;}
	#section_type_location_9 .location_9 h1 {font-size:30px;}
	#section_type_location_9 .location_9 .location_box {margin-top:32px;}
	#section_type_location_9 .location_9 .contact_panel {gap:14px; width:92%;}
	#section_type_location_9 .location_9 .contact_row_address {
		align-items:flex-start;
		text-align:left;
	}
	#section_type_location_9 .location_9 .contact_row_meta {
		flex-direction:column;
		gap:12px;
		align-items:flex-start;
	}
	#section_type_location_9 .location_9 .contact_value {font-size:14px;}
}


/*************** [location]footer ***************/

/*-------- [layout] --------*/
#section_type_location_9 .layout {display: flex; justify-content: center; 
box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;
text-align: center;
}
#section_type_location_9 .layout .in80 {width: 79%;}
#section_type_location_9 .layout .name p{color: white; margin-bottom: 10px;margin-top: 10px; font-size: 22px;}
#section_type_location_9 .layout .in20 {width: 19%;}
#section_type_location_9 .layout .in20 img{margin-left:0px;opacity: 0.9; filter: grayscale(1);}

/*-------- [layout] --------*/
/*footer*/
#section_type_location_9 footer {padding:30px 0; background:#252525;}

#section_type_location_9 footer address {font-size:15px; font-weight:300; line-height:140%; color:#fff;}
#section_type_location_9 footer address a {color:#999;}
#section_type_location_9 footer address a:hover {text-decoration:underline;}


/*************** [location]responsive ***************/
/*footer*/
@media screen and (max-width:1024px){
    #section_type_location_9 .layout .in20 {display:none;}
    #section_type_location_9 .layout .in80 {width: 100%;}
	#section_type_location_9 footer {text-align:center;}
}
@media screen and (max-width:680px){ 
	#section_type_location_9 footer address {font-size:12px;} 
}
@media screen and (max-width:414px){ /*mobile - iphone 6+,7+,8+*/
	#section_type_location_9 footer address {font-size:12px;} 
}
