@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
/*************** [location]basic ***************/

#section_type_location_14 {position:relative; width:100%; height:100%; background:url("/section/location/location_14/img/bg.jpg")no-repeat center center; background-size:cover; /* */}
#section_type_location_14 .inner {max-width:1500px;}

#section_type_location_14 .location_box {width:100%; }
	#section_type_location_14 .location_box .text {float:left; width:50%; padding-right:100px; box-sizing:border-box;}
		#section_type_location_14 .location_box .text h1 {font-family: 'NanumSquare';  padding-bottom:30px;}
		#section_type_location_14 .location_box .text h1 a {font-size:72px; color:#e39e80; font-weight:800; transition:all 0.3s;}
		#section_type_location_14 .location_box .text h1:hover a {text-shadow:2px 2px 4px rgba(255,255,255,0.5);}
		#section_type_location_14 .location_box .text h2 {color:#fff; font-size:22px; line-height:135%; margin-bottom:60px; font-weight:300;}
		#section_type_location_14 .location_box .text .info {}
		#section_type_location_14 .location_box .text .info p {color:#fff; font-size:20px; line-height:135%; padding-bottom:10px; font-weight:300; padding-left:50px; text-indent:-50px;}
	#section_type_location_14 .location_box .map_box {position:relative; float:left; width:50%;}
	#section_type_location_14 .location_box .map_box:before {position:absolute; left:-50px; top:-50px; content:""; display:block; width:100%; height:430px; background:#ab0909;}

#section_type_location_14 .root_daum_roughmap .wrap_controllers {display:none;}

#section_type_location_14 #section_type_location_none {position:absolute; bottom:0; width:100%;}

/*************** [location]responsive ***************/

@media screen and (max-width:1520px){
	#section_type_location_14 .inner {width:96%;}
}
@media screen and (max-width:1200px){
	#section_type_location_14 .location_box .text h1 a {font-size:60px;}
	#section_type_location_14 .location_box .text h2 {font-size:20px;}
	#section_type_location_14 .location_box .text .info p {font-size:18px;}

	#section_type_location_14 .location_box .map_box:before {left:-30px; top:-30px;}
}
@media screen and (max-width:1024px){
	#section_type_location_14 .inner {width:100%;}

	#section_type_location_14 .location_box {overflow:hidden; padding:100px 0 0;}
	#section_type_location_14 .location_box .text {float:none; width:100%; margin-bottom:40px; padding-right:0; padding:0 30px;}
	#section_type_location_14 .location_box .text h2 {margin-bottom:30px;}
	#section_type_location_14 .location_box .map_box {float:none; width:100%;}
	#section_type_location_14 .location_box .map_box:before {display:none;}

	#section_type_location_14 #section_type_location_none {position:relative;}
}
@media screen and (max-width:900px){
	#section_type_location_14 .location_box .text h1 a {font-size:55px;}
}
@media screen and (max-width:450px){
	#section_type_location_14 .location_box .text h1 a {font-size:50px;}
	#section_type_location_14 .location_box .text h2 {font-size:18px;}
	#section_type_location_14 .location_box .text .info p {font-size:16px; padding-bottom:2px;}

	#section_type_location_14 .root_daum_roughmap {height:360px;}
}


/*-------- [Footer] --------*/
#section_type_location_none {background: #fff;}

/*-------- [layout] --------*/
#section_type_location_none .layout {display: flex; justify-content: space-between; 
box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;
}
#section_type_location_none .layout .in80 {width: 79%;}
#section_type_location_none .layout .in80 .name p{color: white; margin-bottom: 10px;margin-top: 10px; font-size: 18px;}
#section_type_location_none .layout .in20 {width: 19%;}
#section_type_location_none .layout .in20 img{margin-left:0px;opacity: 0.9; filter: grayscale(1);}

/*-------- [layout] --------*/


/*footer*/
#section_type_location_none footer {padding:30px 0; background:#252525;}

#section_type_location_none footer address {font-size:15px; font-weight:300; line-height:140%; color:#fff;}
#section_type_location_none footer address a {color:#999;}
#section_type_location_none footer address a:hover {text-decoration:underline;}

/*************** [location]responsive ***************/


/*footer*/
@media screen and (max-width:1024px){
    #section_type_location_none .layout .in20 {display:none;}
    #section_type_location_none .layout .in80 {width: 100%;}
	#section_type_location_none footer {text-align:center;}
}
@media screen and (max-width:680px){ 
	#section_type_location_none footer address {font-size:12px;} 
}
@media screen and (max-width:414px){ /*mobile - iphone 6+,7+,8+*/
	#section_type_location_none footer address {font-size:12px;} 
}