/*************** [location]basic ***************/

#section_type_location_2 {background: #252525;}

/*vision*/
#section_type_location_2 .vision{background:url("/section/location/location_2/img/loc_vis_bg3.jpg") no-repeat center top; background-size:cover; width:100%; /*height:475px;*/padding:50px 0 50px;}
#section_type_location_2 .vision h2{font-size:42px; font-weight:400; color:#fff; margin-bottom:10px; line-height: 135%;}
#section_type_location_2 .vision .inner{display:table; width:95%; height:100%; color:#fff;}
#section_type_location_2 .vision .inner div{display:table-cell;vertical-align:middle; text-align:center; padding-top:110px;}
#section_type_location_2 .vision .inner div ul {width:1370px; height:150px; margin:0 auto;}
#section_type_location_2 .vision .inner div ul li {float:left; width:150px; height:150px; background:#f48221; margin:20px; transition:all 0.3s;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;

box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_location_2 .vision .inner div ul li:hover {border:1px solid #fff;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;

box-shadow:10px 10px 10px -5px rgba(255,255,255,0.3);
-webkit-box-shadow:10px 10px 10px -5px rgba(255,255,255,0.3);
-moz-box-shadow:10px 10px 10px -5px rgba(255,255,255,0.3);
-o-box-shadow:10px 10px 10px -5px rgba(255,255,255,0.3);
}
#section_type_location_2 .vision .inner div ul li:hover a img {width:65px;}
#section_type_location_2 .vision .inner div ul li a {display:block; width:150px; height:150px; padding:25px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;

box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_location_2 .vision .inner div ul li a img {width:60px; transition:all 0.3s;}
#section_type_location_2 .vision .inner div ul li a p {color:#fff; padding-top:15px;}
#section_type_location_2 .vision .inner div ul li:nth-child(6) a p {padding-top: 7px;}

/*location*/
#section_type_location_2 .location{width:100%; overflow:hidden; background-color: #476ccf;}
#section_type_location_2 .location .inner_left{float:left; width:60%;}
#section_type_location_2 .location .inner_right{float:right; width:40%; position:relative;}
#section_type_location_2 .location .inner_right div{width: 70%; margin: 45px 0 0 50px; overflow:hidden;}
#section_type_location_2 .location .inner_right div p{font-size:16px; line-height: 150%; color: #fff; font-weight: 300;}
#section_type_location_2 .location .inner_right div img{margin-bottom:30px; width:80px;}

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

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

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

/*vision*/
@media screen and (max-width:1520px){
	#section_type_location_2 .vision .inner div ul {width:916px;}
	#section_type_location_2 .vision .inner div ul li {width:108px; height:108px; margin:20px 10px;}
	#section_type_location_2 .vision .inner div ul li a {width:108px; height:108px; padding:15px;}
	#section_type_location_2 .vision .inner div ul li a img {width:44px; transition:all 0.3s;}
	#section_type_location_2 .vision .inner div ul li:hover a img {width:47px;}
	#section_type_location_2 .vision .inner div ul li a p {color:#fff; padding-top:10px; font-size:14px;}
	#section_type_location_2 .vision .inner div ul li:nth-child(6) a p {padding-top: 3px;}
}
@media screen and (max-width:1440px){
	#section_type_location_2 .vision{padding:30px 0 20px;}
}
@media screen and (max-width:1366px){
	#section_type_location_2 .vision{padding:30px 0 20px;}
	#section_type_location_2 .vision h2 {font-size: 35px; margin-bottom:20px;}
}
@media screen and (max-width:1024px){
    #section_type_location_2 .vision{height:auto; padding:80px 0 40px;}
	#section_type_location_2 .vision .inner div {padding-top:0;}
	#section_type_location_2 .vision .inner div ul {width: 512px; height:300px;}
}
@media screen and (max-width:680px){
    #section_type_location_2 .vision h2{font-size:33px;}
    #section_type_location_2 .vision .inner div h3{font-size:28px;}
}
@media screen and (max-width:530px){
	#section_type_location_2 .vision .inner div ul {width: 256px; height:510px;}
	#section_type_location_2 .vision .inner div ul li {margin:10px;}
}
@media screen and (max-width:414px){/*mobile - iphone 6+,7+,8+*/
    #section_type_location_2 .vision h2 {font-size:27px; margin-bottom:20px;}
}

/*location*/
@media screen and (max-width:1440px){
	#section_type_location_2 .location .inner_left div iframe {height:330px !important;}
	#section_type_location_2 .location .inner_left div .root_daum_roughmap {height:330px !important;}
}
@media screen and (max-width:1366px){
	#section_type_location_2 .location .inner_left div iframe {height:310px !important;}
	#section_type_location_2 .location .inner_left div .root_daum_roughmap {height:310px !important;}
	#section_type_location_2 .location .inner_right div {margin: 25px 0 0 50px;}
	#section_type_location_2 .location .inner_right div img {width:70px;}
}
@media screen and (max-width:1024px){
	#section_type_location_2 .location .inner_left, #section_type_location_2 .location .inner_right{float: none; width: 100%;}
	#section_type_location_2 .location .inner_right div{margin: 30px; width: 90%;}
	#section_type_location_2 .location .inner_right div p{font-size:15px; line-height: 20px;}
}

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

/*************** [location]animation ***************/