/*************** [location]basic ***************/

#section_type_location_3 {width:100%; background:url("/section/location/location_3/img/bg.jpg")no-repeat center center; background-size:cover;}

#section_type_location_3 .top {font-family: 'Nanum Myeongjo', serif; text-align:center; padding-top:100px;}
#section_type_location_3 .top h1 {font-size:48px; color:#fff; padding-bottom:20px; font-weight:300;}
#section_type_location_3 .top p {font-size:24px; color:#ddd;}

#section_type_location_3 .bottom {position:relative; width:100%; height:460px; margin:50px 0 100px;}
#section_type_location_3 .bottom a{color: #82c7f3;}
	#section_type_location_3 .bottom .left {position:absolute; left:0; top:0; width:55%; height:360px; background:#192639; padding:50px 0; box-sizing:border-box;}
	#section_type_location_3 .bottom .left div {padding-left:10%; margin-bottom:40px; box-sizing:border-box;}
	#section_type_location_3 .bottom .left div h1 {font-family: 'GmarketSansMedium'; font-size:36px; color:#82c7f3; font-weight:400; padding-bottom:15px;}
	#section_type_location_3 .bottom .left div p {font-size:18px; color:#fff; line-height:135%; font-weight:300;}

	#section_type_location_3 .bottom .right {position:absolute; right:0; bottom:30px; width:55%; height:360px;}

#section_type_location_3 .root_daum_roughmap .wrap_controllers {display:none;}


/*************** [location]responsive ***************/

@media screen and (max-width:1500px){
	#section_type_location_3 .bottom .left {padding:40px 0;}
	#section_type_location_3 .bottom .left div h1 {font-size:30px; }
	#section_type_location_3 .bottom .left div p {padding-right:20%;}
}
@media screen and (max-width:900px){
	#section_type_location_3 {height:auto;}

	#section_type_location_3 .bottom {height:auto; margin:50px 0 0;}
	#section_type_location_3 .bottom .left {position:relative; width:100%; height:auto;}
	#section_type_location_3 .bottom .left div {padding-right:10%;}
	#section_type_location_3 .bottom .left div:last-child {margin-bottom:0;}
	#section_type_location_3 .bottom .left div h1 {font-size:26px;}
	#section_type_location_3 .bottom .left div p {font-size:17px; padding-right:0;}

	#section_type_location_3 .bottom .right {position:relative; width:100%; height:auto; bottom:0;}
	#section_type_location_3 .root_daum_roughmap {height:300px;}
}
@media screen and (max-width:600px){
	#section_type_location_3 .top {padding-top:60px;}
	#section_type_location_3 .top h1 {font-size:32px;}
	#section_type_location_3 .top p {font-size:20px;}

	#section_type_location_3 .bottom .left div h1 {font-size:22px;}
	#section_type_location_3 .bottom .left div p {font-size:16px;}
}


/*-------- [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;} 
}
