/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative; }
/* s_title  */
.s_title {text-align: center; }
.s_title h2 {font-family: 'paybooc-Medium',sans-serif; font-size: 14px; color:#0068b7; margin-bottom: 15px; font-weight: bold; letter-spacing: 1.4px ; text-transform: uppercase; font-weight: 400;}
.s_title h1 {font-family: 'paybooc-ExtraBold',sans-serif; font-size: 57px; color:#000; font-weight: 400;}
.s_title h3 {font-family: 'paybooc-Light',sans-serif; font-size: 24px; color:#000; margin-top: 30px; font-weight: 400;}
.s_title p {font-family: 'paybooc-Light',sans-serif; font-size: 18px; color:#888; margin-top: 30px; line-height: 34px; word-break: keep-all; font-weight: 400;}
.s_title.wh h2 {color:rgba(255, 255, 255, 0.5);}
.s_title.wh h1 {color:#fff; }



/*Content CSS*/
#location {padding:0 0 0; text-align: center; }
#location .s_title.top {padding-bottom:0;}

/* section */
#loc_sec > h2 {  font-family: 'paybooc-Medium'; font-size: 16px; color: #888; margin-top: 40px; line-height: 28px; word-break: keep-all; font-weight: 400; }
.down_arrow {margin: 25px auto; font-size: 30px; display: block; }
#loc_sec .sub_con {display: flex; flex-direction: row; justify-content: center; text-align: center; position: relative;z-index: 3}
#loc_sec .sub_con .box {flex: 1; border: 1px solid #ddd;padding: 40px 30px; display: flex; flex-direction: column; justify-content: center; background: #fff;  border-right: 0; }
#loc_sec .sub_con .box:last-child {border-right: 1px solid #ddd; }
#loc_sec .sub_con .box i {font-size: 30px; color:#000; transition: all 0.3s; vertical-align:middle; transition:transform 500ms}
#loc_sec .sub_con .box h1::before {display: block; content: ""; width: 30px; height: 1px; background: #000; margin: 15px auto;}
#loc_sec .sub_con .box h1 {font-size: 18px; font-family: 'paybooc-ExtraBold',sans-serif; margin-bottom: 10px;}
#loc_sec .sub_con .box p {font-size: 14px; font-family: 'paybooc-Light',sans-serif; font-weight: bold; color:#888}

#loc_sec .sub_con .box:hover i {color:#0068b7; transform:rotateY(180deg); transition:transform 500ms}

#loc_sec .sub_con .logo_img {}
#loc_sec .sub_con .logo_img img {margin: 0 auto;}

#location .map {margin-top: -60px;}
#location .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) {

}