/* -------- Company :: 오시는 길  -------- */
/* 상단 타이틀, 정보 */
#content.wide{padding-bottom:0}
.location-page{padding-top:60px}
.location-top{margin-bottom:65px}
.location-top .tit{float:left; font-weight:900; font-size:65px; letter-spacing:-0.25px; text-transform:uppercase; color:#222}
.location-top .tit b{font-weight:900; color:var(--primary)}
.location-top .location-info{float:right; width:400px}
.location-top .location-info dl{display:flex; margin-bottom:10px; font-size:16px; letter-spacing:-0.25px; line-height:1.4}
.location-top .location-info dl:last-child{margin-bottom:0}
.location-top .location-info dl dt{width:110px; font-weight:700; color:#333}
.location-top .location-info dl dd{font-weight:400; color:#666}
/* 지도, 버튼 */
.location-map-con{padding-bottom:125px; position:relative}
.location-map-con:after{position:absolute; content:""; width:100%; height:505px; background-color:var(--primary); bottom:0; left:0}
.location-map-con .map-area{background-color:#fff; position:relative; z-index:9; box-shadow:2px 10px 15px 5px rgba(0,0,0,0.08%)}
.map-iframe-wrapper{position:relative; margin:0px auto; }
.map-iframe-wrapper .map-iframe-con{padding-top:40%; position:relative; height:0;}
.map-iframe-wrapper .map-iframe-con iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
/* .location-map-con .map-script-wrapper{position:relative; overflow:hidden; margin:0px auto; height:480px; border:1px solid #ddd}
.location-map-con .map-script-wrapper .map-script-con{position:absolute; top:50%; left:50%; width:1280px; height:480px; margin:-240px 0 0 -640px;}
.location-map-con .map-script-wrapper .map-script-con .root_daum_roughmap,
.location-map-con .map-script-wrapper .map-script-con .wrap_map{height:100% !important;} */
.location-map-con .map-link{text-align:right; margin-top:40px; position:relative; z-index:9}
.location-map-con .map-link a{display:inline-block; font-weight:700; font-size:18px; letter-spacing:-0.25px; color:rgba(255,255,255,0.7); transition:color 0.3s; position:relative}
.location-map-con .map-link a:before{position:absolute; content:""; width:0; height:2px; background-color:#fff; left:50%; transform:translateX(-50%); bottom:-20px; transition:width 0.3s}
.location-map-con .map-link a:first-child{margin-right:58px}
.location-map-con .map-link a:first-child:after{position:absolute; content:""; width:5px; height:5px; border-radius:50%; background-color:#fff; opacity:0.7; top:8px; right:-30px}
@media all and (min-width:801px){
    .location-map-con .map-link a:hover{color:#fff}
    .location-map-con .map-link a:hover:before{width:100%}
}

/* ==========================================================================
 * 반응형 — css/content_responsive.css에서 이관 (v1.1.2, .map-script-wrapper 사수 규칙 제외)
 * ========================================================================== */
@media all and (max-width:960px){
	/* 상단 타이틀, 정보 */
	.location-top .tit{float:none;}
	.location-top .location-info{float:none; width:100%; margin-top:40px}
}
@media all and (max-width:800px){
	/* 상단 타이틀, 정보 */
	.location-page{padding-top:30px}
	.location-top{margin-bottom:42px}
	.location-top .tit{font-size:40px}
	.location-top .location-info{margin-top:20px}
	.location-top .location-info dl{font-size:13px; margin-bottom:6px}
	.location-top .location-info dl dt{width:70px}
	/* 지도, 버튼 */
	.location-map-con{padding-bottom:60px}
	.location-map-con:after{height:300px}
	.location-map-con .map-link{margin-top:20px}
	.location-map-con .map-link a{font-size:14px}
	.location-map-con .map-link a:first-child{margin-right:20px}
	.location-map-con .map-link a:first-child:after{width:3px; height:3px; top:7px; right:-14px}
}
@media all and (max-width:480px){
	.location-map-con:after{height: 250px;}
}