@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: relative; display: inline-block; width: 100%; padding: 15px 30px; background: #edf1f4;}
.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;}

@media all and (max-width: 880px) {
    .map-info .link {clear: both; position: relative; top: 0; left: 0; padding-top: 15px;}
    .map-info .link a:after {top: 30px;}
}