/* 공통  */
.sub_con {width: 1300px; margin:0 auto; position: relative; }
.s_title h1 {font-size:48px; font-weight: 700; color:#000; text-transform: uppercase; font-family: 'Montserrat', 'Noto Sans KR'; }
.s_title h1::before {content: ''; display: block; width: 72px; height: 4px; background: #e60012; margin:0 auto 40px;}
/*Content CSS*/
#location {text-align: center; padding:80px 0 0;}

#location .box {background: #fff; display: flex; align-items: center; padding:75px 40px 75px 80px; box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.08); position: relative; z-index: 2;
text-align: left; justify-content: space-between; margin-top:50px; }
#location .box ul {display: flex; width: calc(100% - 250px); }
#location .box ul li {width: 25%; text-align: center; border-left:1px solid #ddd;  padding:5px 10px; }
#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:15px; font-weight: 600; color:#333; margin:15px 0 10px; font-family: 'Montserrat'; }
#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) {

}