/* 공통  */
.sub_con {width: 1300px; margin:0 auto; position: relative; }

/*Content CSS*/
#location {text-align: center;}

#location .box {background: #fff; display: flex; align-items: center; padding:75px 50px 75px 90px; box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.08); position: relative; z-index: 2;
text-align: left; justify-content: space-between;}
#location .box .s_title {width: 300px; padding:20px 0 0;}
#location .box .s_title h1 {font-size:35px; }
#location .box ul {display: flex; width: calc(100% - 300px); }
#location .box ul li {width: 25%; text-align: center; border-left:1px solid #ddd;  padding:5px 40px; }
#location .box ul li .icon {height: 43px; line-height: 43px; }
#location .box ul li .icon img {transition: transform 500ms;}
#location .box ul li:hover .icon img {transform: rotateY(180deg);}
#location .box ul li h1 {font-size:14px; font-weight: 700; color:#333; margin:15px 0 10px;}
#location .box ul li p {font-size:13px; font-weight: 300; color:#989898; word-break: keep-all;}
#location .map {margin-top:-60px; }
#location .map .root_daum_roughmap .wrap_controllers {display: none; }






@media screen and (max-width: 600px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width:1200px) {

}