@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border:1px solid #e9e9e9}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}



/*!
 * Copyright 2020 ASW.
 */

#sub-cnt { min-height: 500px; }
#sub-cnt h1 { padding-bottom: 5rem; font-weight: 700; text-align: center; color: #222; }
#sub-cnt h2 { font-weight: 700; color: #000; }
#sub-cnt h3 { font-weight: 700; color: #222; }
#sub-cnt h5 { font-weight: 500; color: #000; }
#sub-cnt h6 { font-size: 1.1rem; font-weight: 700; color: #333333; }
#sub-cnt p { font-weight: 400; color: #000; word-break: keep-all; /*word-break: break-all;*/ }
#sub-cnt p b { font-weight: 500; color: #333333; }
#sub-cnt span { display: inline-block; }
#sub-cnt em { font-style: normal; font-weight: 500; color: #2b4d8a; }
#sub-cnt img { max-width: 100%; }
#sub-cnt .p-end { padding-bottom: 2rem; width: 100% !important }
#sub-cnt .p-memo { font-weight: 400; font-size: 0.9rem; }

#sub-cnt .ic { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
#sub-cnt .ic:before { display: inline-block; background-repeat: no-repeat; background-position: 50% 50%; background-size: 95% auto; font-size: 1.5em; color: transparent; content: "\f015"; }
#sub-cnt .ic-quote-start:before { background-image: url('../../../img/icons/quote-start.png'); }
#sub-cnt .ic-quote-end:before { background-image: url('../../../img/icons/quote-end.png'); }

/* common */
#sub-cnt .round-box { padding: 1rem; border-radius: 1rem; background-color: #fff; }
#sub-cnt .round-box .row { margin: 0; }
#sub-cnt .round-box .row .col { padding-right: 0; padding-left: 0;}

/* map */
.co-map .map-box { overflow: hidden; height: 360px; border-radius: 2rem 2rem 0 0; border: 1px solid #dfdfdf; }
.co-map .root_daum_roughmap { width: 100%; height: 100%; border: none; }
.co-map .root_daum_roughmap .wrap_map { height: 100%; }
.co-map .root_daum_roughmap .wrap_map .map_border { display: none !important; }
.co-map .root_daum_roughmap .img_zoom { display: block !important; }
.co-map .row .map-cnts { padding: 1rem; border: 1px solid #dee2e6; border-bottom: none; }
.co-map .row .map-cnts p { display: inline-block; margin-bottom: 0; }
.co-map .row .map-cnts p img { max-width: 7rem !important; }
.co-map .row .map-cnts p span a { color: #666666; }
.co-map .row.map-cnt-1 { margin: 0; border-bottom: 1px solid #dee2e6; }
.co-map .row.map-cnt-1 .map-cnts { display: flex; flex-direction: row; align-items: center; padding: 0 1rem; }
.co-map .row.map-cnt-1 .map-cnts p:nth-child(2) { padding-left: 1rem; }

.co-map .row.map-cnt-2 { margin: 0; border-bottom: 1px solid #dee2e6; }
.co-map .row.map-cnt-2 .map-cnts { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1rem 1rem .5rem; }
.co-map .row.map-cnt-2 .map-cnts p { margin-bottom: .5rem; }
.co-map .row.map-cnt-2 .map-cnts p i.fa-bus { position: relative; font-size: 3rem; color: #545454; }
.co-map .row.map-cnt-2 .map-cnts p i.fa-subway { font-size: 3rem; color: #545454; }
.co-map .row.map-cnt-2 .map-cnts:nth-child(1) p { text-align: center; }
.co-map .row.map-cnt-2 .map-cnts:nth-child(2) { align-items: baseline; padding-left: 1rem; border-left: none; }

.co-map .row.map-cnt-3 { margin: 0; border-bottom: 1px solid #dee2e6; }
.co-map .row.map-cnt-3 { border-top: 1px solid #29c7c955; }
.co-map .row.map-cnt-3 .map-cnts { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1rem 1rem .5rem; border-right: none; border-left: none; }
.co-map .row.map-cnt-3 .map-cnts p { margin-bottom: .5rem; }
.co-map .row.map-cnt-3 .map-cnts p i { position: relative; font-size: 3rem; color: #545454; }
.co-map .row.map-cnt-3 .map-cnts p i:after { content: ""; position: absolute; top: -0.5rem; left: -0.5rem; width: 2rem; height: 2rem; border-radius: 50%; background: #29c7c955; }
.co-map .row.map-cnt-3 .map-cnts:nth-child(1) p,
.co-map .row.map-cnt-3 .map-cnts:nth-child(3) p { text-align: center; }
.co-map .row.map-cnt-3 .map-cnts:nth-child(2),
.co-map .row.map-cnt-3 .map-cnts:nth-child(3),
.co-map .row.map-cnt-3 .map-cnts:nth-child(4),
.co-map .row.map-cnt-3 .map-cnts:nth-child(6) { align-items: baseline; padding-left: 1rem; border-left: none; }

.co-map .map-info { display: flex; flex-wrap: wrap; align-items: center; padding: 2rem 1.5rem; border-radius: 0 0 2rem 2rem; background-color: #0068b5; }
.co-map .map-info .map-info-txt {}
.co-map .map-info .map-info-txt .txt-1 p { opacity: 0.75; margin-bottom: 0; color: #fff !important; }
.co-map .map-info .map-info-txt .txt-2 address { margin-bottom: 0; font-size: clamp(1rem, 5.5vw, 2rem); font-weight: 600; font-style: normal; color: #fff !important; word-break: keep-all; }
.co-map .map-info .map-info-txt .txt-2 address font { font-weight: 100; }
.co-map .map-info .map-info-txt .txt-3 { margin-top: 0.5rem; }
.co-map .map-info .map-info-txt .txt-3 ul { display: flex; flex-wrap: wrap; gap: 0 1rem; margin: 0; padding: 0; list-style-type: none; }
.co-map .map-info .map-info-txt .txt-3 ul li { display: flex; flex-wrap: wrap; gap: 0 0.5rem; margin-top: .5rem; width: 100%; }
.co-map .map-info .map-info-txt .txt-3 ul li span { color: #fff !important; }
.co-map .map-info .map-info-txt .txt-3 ul li span:after { display: inline-block; padding-left: .5rem; color: #FFFFFF50; content: "|"; }
.co-map .map-info .map-info-txt .txt-3 ul li span:nth-child(1):after { display: none; }
.co-map .map-info .map-info-txt .txt-3 ul li span:last-child:after { display: none; }
.co-map .map-info .map-info-btn { margin-top: 1.5rem; width: 100%; }
.co-map .map-info .map-info-btn a { display: inline-flex; justify-content: center; align-items: center; padding: 1rem 0; width: 100%; border-radius: 0.5rem; background-color: #fff; font-weight: 500; }
.co-map .map-info .map-info-btn a i { padding-left: 1rem; }

.co-map .traffic-info { margin-top: 5rem; }
.co-map .traffic-info > div dl { padding: 2rem 1rem 1rem; height: 100%; border-radius: 2rem; background-color: #ffffff; box-shadow: var(--boxshadow); font-size: 18px; }
.co-map .traffic-info > div dl dt { display: flex; align-items: center; gap: 1rem; margin-bottom: .5rem; font-size: clamp(1.5rem, 5vw, 2rem); font-weight: 600; }
.co-map .traffic-info > div dl dt span { display: inline-flex !important; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: /*#f0f6f9*/ #ebedf0; }
.co-map .traffic-info > div dl dt span i { font-size: 1.25rem; color: #007bff; }
.co-map .traffic-info > div dl dd { margin-bottom: 0; padding: 1rem 0.5rem; border-top: 1px dashed #ddd; font-size: 1rem; font-weight: 500; word-break: keep-all; }
.co-map .traffic-info > div dl dd:first-of-type { border-top: none; }
.co-map .traffic-info > div.trf-3 dl { background: /*#f0f6f9*/ #ebedf0; }
.co-map .traffic-info > div.trf-3 dl dt span { background: #fff; }
.co-map .traffic-info > div.trf-3 dl dd { margin: 1.5rem 0; padding: 1.5rem 1rem; border-radius: 1rem; border-top: none; background: #fff; }
.co-map .traffic-info > div.trf-3 dl dd ul { margin: 0; padding: 0; padding-left: 1.5rem; }
.co-map .traffic-info > div.trf-3 dl dd ul li { position: relative; padding-left: 0; margin: .5rem 0; line-height: 1.5; list-style: unset; }
.co-map .traffic-info > div.trf-3 dl dd ul li::marker { /*color: #007bff;*/ }





/* Responsive - Min */
@media (min-width: 360px) {
}

@media (min-width: 576px) {
	.co-map .row .map-cnts { border-right: none; }
	.co-map .row.map-cnt-1 { border-right: 1px solid #dee2e6; }
	.co-map .row.map-cnt-1 .map-cnts { display: flex; flex-direction: column; align-items: center; padding: .5rem 1rem 1rem; }
	.co-map .row.map-cnt-1 .map-cnts p { display: block; text-align: center; }
	.co-map .row.map-cnt-1 .map-cnts p:nth-child(2) { padding-left: 0; }
	.co-map .row.map-cnt-2 .map-cnts { border-right: 1px solid #dee2e6; }
	.co-map .traffic-info > div dl { padding: 2rem 1.5rem 1rem; }
}

@media (min-width: 768px) {
	#sub-cnt .round-box { padding: 2rem; border-radius: 2rem; }
	.co-map .map-box { height: 460px; }
}

@media (min-width: 992px) {
	.co-map .map-info { padding: 3rem 2rem; }
	.co-map .map-info .map-info-txt { width: 100%; }
	.co-map .map-info .map-info-txt .txt-3 ul { flex-wrap: nowrap; gap: 0 3rem; }
	.co-map .map-info .map-info-txt .txt-3 ul li { flex-direction: column; }
	.co-map .map-info .map-info-txt .txt-3 ul li span { white-space: nowrap; }
	.co-map .map-info .map-info-txt .txt-3 ul li span:after { display: none; }
	.co-map .traffic-info { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.co-map .traffic-info > div { width: 48%; }
	.co-map .traffic-info > div.trf-3 { margin-top: 3rem; width: 100%; }
	.co-map .traffic-info > div dl { padding: 2rem 2rem 1rem; }
	.co-map .traffic-info > div dl dt { font-size: clamp(1rem, 5.5vw, 1.5rem); }
}

@media (min-width: 1200px) {
	.co-map .map-info { padding: 3rem; }
}

@media (min-width: 1440px) {
	#sub-cnt .round-box { padding: 3rem; }
	.co-map .map-info { flex-wrap: nowrap; }
	.co-map .map-info .map-info-btn { margin-top: 0; width: 20%; }
	.co-map .map-info .map-info-btn a { padding: 1.5rem 0; }
}



/* Responsive - Max */
@media only screen and (max-width: 768px) {
}