/* 공통 */
.sub_con {width:100%; padding:0 15px;}
.sub_title1 {font-size:16px; font-weight: 600; color:#006dbb; font-family: 'Raleway', sans-serif;}
.sub_title1::after {content: ''; display: block; width:1px; height:40px; margin: 20px auto 0; background: #006dbb;}

/*Content CSS*/
#location {text-align: center; padding:50px 0 0 0; background: url('../img/dot_ptn.png') 50% 50% repeat;}
#location .sub_con {position: relative; }
#location ul { display: flex; flex-direction: column; text-align: left;  margin-bottom:100px;}
#location ul li {padding:10px 10px; border-bottom:1px solid #d7d7d7;}
#location ul li:last-child {border-bottom:0;}
#location ul li h1 {font-size:18px; color:#2a2a2a; font-family: 'NEXON Lv1 Gothic OTF';}
#location ul li h1 i {color:#006dbb; margin-right:10px; font-size:20px; position: relative; top:2px;}
#location ul li p {margin-top: 10px; font-size:16px; font-weight: 400; color:#2a2a2a; font-family: 'NEXON Lv1 Gothic OTF';}
.loc_map {width:100%; height:350px; overflow: hidden;}
.loc_map iframe {width:100%; height:100%;}
.loc_box {position: absolute;  padding:30px; background: #006dbb; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.16); right:0; bottom:-120px;}
.loc_box img {max-width:60%;}


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

}

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

}

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

}