/* 공통  */
.sub_con {width: 100%; margin:0 auto; padding:0 15px ;}
.s_title h1 {font-size:24px; font-weight: 700; color:#000; text-transform: uppercase; font-family: 'Montserrat'; }
.s_title h1::before {content: ''; display: block; width: 55px; height: 3px; background: #e60012; margin:0 auto 20px;}
/*Content CSS*/
#location {text-align: center; padding:40px 0 0;}

#location .box {background: #fff; display: flex; flex-direction: column; padding:35px 15px; box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.08); position: relative; z-index: 2;
 justify-content: space-between; margin-top:40px; }
#location .box ul {display: flex; flex-direction: column; width: 100%; ; margin-top:5px; }
#location .box ul li {width: 100%; text-align: center; border-bottom:1px solid #ddd;  padding:12px 0;  display: flex; align-items: center; text-align: left;}
#location .box ul li:last-child {border-bottom: 0; padding-bottom: 0; }
#location .box ul li .icon { }
#location .box ul li .icon img {width: 24px ;}

#location .box ul li h1 {font-size:14px; font-weight: 600; color:#333; margin:0 15px; font-family: 'Montserrat'; min-width: 71px;}
#location .box ul li p {font-size:13px; font-weight: 300; color:#989898; word-break: keep-all; letter-spacing: -.5px;  }
#location .map {margin-top:-0; }
#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) {

}