@charset "UTF-8";
@font-face{font-family:'Mont ExtraLight';font-style:normal;src:url(/sites/guide/font/Montserrat-ExtraLight.woff2) format("woff2"),url(../../font/Montserrat-ExtraLight.woff) format("woff")}
@font-face{font-family:'Mont Light';font-style:normal;src:url(/sites/guide/font/Montserrat-Light.woff2) format("woff2"),url(../../font/Montserrat-Light.woff) format("woff")}
@font-face{font-family:'Mont Regular';font-style:normal;src:url(/sites/guide/font/Montserrat-Regular.woff2) format("woff2"),url(../../font/Montserrat-Regular.woff) format("woff")}
@font-face{font-family:'Mont Medium';font-style:normal;src:url(/sites/guide/font/Montserrat-Medium.woff2) format("woff2"),url(../../font/Montserrat-Medium.woff) format("woff")}
@font-face{font-family:'Mont SemiBold';font-style:normal;src:url(/sites/guide/font/Montserrat-SemiBold.woff2) format("woff2"),url(../../font/Montserrat-SemiBold.woff) format("woff")}

._fnctWrap{line-height:1.5}

.map-info {position: absolute;bottom: 0;display: table;width: 100%;background: rgba(0,0,0,0.7);left: 0;z-index: 90;}
.map-info .address {padding: 5px 0 5px 60px; background: url('../images/ico-address.png') no-repeat left center;}
.map-info .address strong {font-family: 'Mont SemiBold'; font-size: 14px; color: #333;}
.map-info .address p {font-family: 'Noto Light'; font-size: 16px; color: #333;}

.map-info .tel {padding: 5px 0 5px 60px;  background: url('../images/ico-tel.png') no-repeat left center;}
.map-info .tel strong {font-family: 'Mont SemiBold'; font-size: 14px; color: #333;}
.map-info .tel p {font-family: 'Noto Light'; font-size: 16px; color: #333;}

.map-info .mail {padding: 5px 0 5px 60px;  background: url('../images/ico-mail.png') no-repeat left center;}
.map-info .mail strong {font-family: 'Mont SemiBold'; font-size: 14px; color: #333;}
.map-info .mail p {font-family: 'Noto Light'; font-size: 16px; color: #333;}

.map-info .link {position: absolute; right: 30px; top: 30px;}
.map-info .link a {display: block; padding: 17px 120px 17px 20px; font-family: 'Noto Regular'; font-size: 18px; color: #fff; background: url('../images/pattern-info.png');}
.map-info .link a:after {content: ''; position: absolute; right: 20px; top: 15px; width: 30px; height: 30px; background: url('../images/pattern-arrow.png') no-repeat center center;}

.map-box {position: relative;}
.map-box:after {content:'클릭후 지도 이동이 가능합니다.'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,.5); color: #fff; text-align: center; padding-top: 18%;}
.map-box.on:after {display: none;}

.map-info > span.title{display: table-cell;width: 300px;background: #228ba4;text-align: center;vertical-align: middle;}
.map-info > span.title a{font-size:26px;color:#fff;font-family:'Noto Regular';display:block;padding:20px 40px;}
.map-info > ul{display: table-cell;vertical-align: top;padding: 25px 25px 25px 30px;width: calc(100% - 305px);vertical-align: middle;}
.map-info > ul > li{display:inline-block;vertical-align: top;color:#fff;font-size: 18px;}
.map-info > ul > li + li{margin-left:55px;}
.map-info > ul > li > span{display: inline-block;font-family: 'Noto Regular';font-size: 19px;color:#fff;margin-right: 15px;padding-right: 15px;padding-left: 25px;position: relative;background: url('../images/location-icon.png') no-repeat left 70%;}
.map-info > ul > li > span:after{content:'';width:1px;height: 15px;background: #fff;position: absolute;top: 7px;right: -3px;}

@media all and (max-width: 1400px) {
.map-info > ul > li{display: block;}
.map-info > ul > li + li{margin-left:0;margin-top:10px;}
}

@media all and (max-width: 767px) {
  .map-info .link {clear: both; position: relative; top: 0; left: 0; padding-top: 15px;}
  .map-info .link a:after {top: 30px;}
  .map-info > span.title{display:block;width:100%;}
  .map-info > span.title a{font-size: 22px;}
  .map-info > ul{display: block;width:100%;padding:20px;}
}