/*************** [location]basic ***************/
#section_type_location_5 {width:100%; margin-top: 50px;}
#section_type_location_5 .location_5 {width:100%; overflow:hidden; height:800px; }

	#section_type_location_5 .location_5 .left {float:left; width:50%; height:100%; background:#00587a; box-sizing:border-box;}
		#section_type_location_5 .location_5 .left .left_inner {width:70%; margin:90px auto 0;}
		#section_type_location_5 .location_5 .left .left_inner .top {color: #fff; border-bottom:1px solid #fff; padding:0 0 40px;}
		#section_type_location_5 .location_5 .left .left_inner .top h1 {text-align: center;}
		#section_type_location_5 .location_5 .left .left_inner .top h2 {text-align: center; margin:30px 0; font-size:30px; font-weight:400;}
		#section_type_location_5 .location_5 .left .left_inner .top p {padding-left:60px; text-indent:-53px; font-size:18px; line-height:135%; margin-bottom:5px; font-weight:300;}

		#section_type_location_5 .location_5 .left .left_inner .bottom {width:100%; padding-top:40px;}
		#section_type_location_5 .location_5 .left .left_inner .bottom ul {width:100%; overflow:hidden;}
		#section_type_location_5 .location_5 .left .left_inner .bottom ul li {float:left; width:48%; margin:1%; background:#24708d;}
		#section_type_location_5 .location_5 .left .left_inner .bottom ul li:hover a {text-decoration:underline;}
		#section_type_location_5 .location_5 .left .left_inner .bottom ul li a {display:block; width:100%; color:#fff; font-family: 'GmarketSansMedium'; text-align:center; padding:30px 0 25px; font-size:20px;}

	#section_type_location_5 .location_5 .right {float:left; width:50%; height:100%;}


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

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

/*************** [location]responsive ***************/
@media screen and (max-width:1024px){
	#section_type_location_5 .location_5 {height:auto;}
	#section_type_location_5 .location_5 .left {float:none; width:100%;}
	#section_type_location_5 .location_5 .left .left_inner {margin:0 auto; padding:50px 0;}

	#section_type_location_5 .location_5 .right {float:none; width:100%;}
	#section_type_location_5 .location_5 .right .root_daum_roughmap {height:400px;}
}
@media screen and (max-width:600px){
	#section_type_location_5 .location_5 .left .left_inner {width:80%;}
	#section_type_location_5 .location_5 .left .left_inner .top h1 img {width:60px;}
	#section_type_location_5 .location_5 .left .left_inner .top h2 {font-size:26px;}
	#section_type_location_5 .location_5 .left .left_inner .top p {font-size:16px;}

	#section_type_location_5 .location_5 .left .left_inner .bottom ul li a {font-size:16px;}

	#section_type_location_5 .location_5 .right .root_daum_roughmap {height:300px;}
}

/*footer*/
@media screen and (max-width:1024px){
	#section_type_location_5 footer {text-align:center;}
}
@media screen and (max-width:680px){ 
	#section_type_location_5 footer address {font-size:14px;} 
}
@media screen and (max-width:414px){ /*mobile - iphone 6+,7+,8+*/
	#section_type_location_5 footer address {font-size:13px;} 
}


/*************** [location]footer ***************/

#section_type_location_5 {background: #fff;}

/*-------- [layout] --------*/
#section_type_location_5 .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_5 .layout .in80 {width: 79%;}
#section_type_location_5 .layout .in80 .name p{color: white; margin-bottom: 10px;margin-top: 10px; font-size: 18px;}
#section_type_location_5 .layout .in20 {width: 19%;}
#section_type_location_5 .layout .in20 img{margin-left:0px;opacity: 0.9; filter: grayscale(1);}

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


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

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

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


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