/* 공통 */
.sub_con {width:1280px; margin:0 auto;}
.sub_title {text-align: center;}
.sub_title h2 {font-size:14px; font-weight: 500; color:#076ab6; font-family: 'Montserrat'; text-transform: uppercase;}
.sub_title h1 {font-size:40px; color:#2a2a2a; font-weight: 400; font-family: 'S-CoreDream-4Regular';}
.sub_title h1::after {content: ''; display: block ; width:1px; height:30px; background: #076ab6; margin:10px auto 0;}
.apos_head {display: inline-block; position: relative; }
.apos_head h1 {font-size:38px; font-weight: 400; color:#fff; font-family: 'S-CoreDream-4Regular';}
.apos_head > img {position: absolute; top:-8px;}
.apos_head .apos1 {left:-80px;}
.apos_head .apos2 {right:-80px;}

/*Content CSS*/
#location {padding:120px 0 0;}
#location .sub_con { position: relative; z-index: 2;}
#location .sub_con ul {width:100%; height:100%; display: flex; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.16); margin:50px 0 -50px;}
#location .sub_con ul li {background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; padding:35px 20px; width:25%;
border-right:1px solid #eee; text-align: center;}
#location .sub_con ul li:last-child {border-right:0;}
#location .sub_con ul li h2 {    font-size: 22px; font-weight: 400; color: #2a2a2a; font-family: 'S-CoreDream-5Medium'; margin: 30px 0 15px; transition: all .3s ease;}
#location .sub_con ul li:first-child h2 {margin:20px 0 10px;}
#location .sub_con ul li h3 {    font-size: 20px; font-weight: 400; color: #888; font-family: 'Montserrat'; transition: all .3s ease;}
#location .sub_con ul li p {font-size:16px; font-weight: 400;  font-family: 'S-CoreDream-4Regular'; color:#888;}
#location .sub_con ul li p span {font-size:13px; color:#999; padding:15px 0 0; font-family: "Noto Sans KR", sans-serif; font-weight: 300;}
#location .sub_con ul li div {transition: transform 500ms;}
/* #location .sub_con ul li:hover {background: #fbfbfb; } */
#location .sub_con ul li:hover div {transform: rotateY(180deg);}

.loc_map {position: relative; z-index: 1; }
.loc_map .root_daum_roughmap .wrap_controllers {display: none;}



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

}

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

}

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

}