@charset "UTF-8";
@import "../../variable.css";
@import "../../font.css";
@import "../../reset.css";
@import "../../layout.css";
@import "../../common.css";
@import "../../table.css";
@import "../../responsive.css";
/*-------------------------------------------------------------------*/
/* 오시는 길 _ 올팍축구장 */
/* 오시는 길 */
.map-wrap {display:flex;align-items:stretch;margin-bottom:80px;border-radius:4px;border:1px solid var(--border-color);}
.map-box {width:65%;overflow:hidden;}
.map-box > img {width:100%;height:540px;object-fit:cover;}
.map-desc-wrap {width:35%;padding:40px;border-width:0;border-style:solid;border-color:var(--border-color);}
.map-desc-wrap > p {font-size:var(--txt-size05);font-weight:var(--fw-bold);margin-bottom:28px;}
.map-desc-wrap .btn-wrap > .flex-wrap {gap:8px;flex-wrap:wrap;}
.map-desc-wrap .btn-wrap {margin-top:60px;}
.info-list {}
.info-box {display:flex;align-items:flex-start;gap:12px;}
.info-box + .info-box {margin-top:6px;}
.info-box > dt {min-width:37px;}
.info-wrap {display:flex;flex-direction:column;gap:8px;}
.table-box {margin-top:12px;}

@media(max-width:1024px) {
    .map-wrap {flex-direction:column;}
    .map-box {width:100%;height:100%;}

    .map-desc-wrap {width:100%;padding:16px;}
}

@media(max-width:767px) {
    .map-wrap {margin-bottom:20px;}
    .map-box > img {width: 100%;height:auto;}
    .map-desc-wrap > p {margin-bottom:20px;}
    .map-desc-wrap .btn-wrap {margin-top:28px;}
    .dot-text {padding-left:10px;}
    .dot-text::before {top:7px;}
}