@charset "UTF-8";

/*탭*/
.page-content .tab-btn { display:flex; justify-content:center; align-items:center; margin-bottom:50px; }
.page-content .tab-btn span { padding:10px 20px; border:1px solid #666; border-radius:99px; margin:0 2.5px; cursor:pointer; }
.page-content .tab-btn span.on { background:var(--main-color2); border-color:var(--main-color2); color:#fff; }


@media (max-width: 1024px) {
    .page-content .tab-btn { margin-bottom:30px; }
}

.page-content .tab-con { position:relative; }
.page-content .tab-con > div:not(.on) { position:absolute; left:0; top:0; opacity:0; height:0; overflow:hidden; visibility:hidden; z-index:-9999; }




/*오시는길1 */
.root_daum_roughmap { width:100%; }
.root_daum_roughmap .wrap_map { height:500px; }
.sec1 .cont {display:none;}

.con1 .sec1 { position:relative; left:50%; transform:translate(-50%); width:100vw; }

.con1 .sec2 { position:relative; width:100%; display:flex; align-items:center; background:var(--main-color2); padding:50px 0; margin-top:-50px; color:#fff; z-index:2; transition-duration:400ms; }
.con1 .sec2 > * { padding:10px 70px; }
.con1 .sec2 .logo { position:relative; filter:grayscale(1) invert(100%) brightness(2); }
.con1 .sec2 .logo:after { content:""; position:absolute; right:0; top:0; bottom:0; width:1px; background:rgba(0,0,0,.2); }


.con1 .sec2 ul { flex:1; display:grid; grid-template-columns: 1fr auto; grid-template-rows:1fr 1fr; grid-auto-flow:column; align-items:center; }
.con1 .sec2 ul li { font-size:1.25rem; }
.con1 .sec2 ul li:first-child { font-weight:700; }
.con1 .sec2 ul li:last-child { grid-row-start:1; grid-row-end:3; }
.con1 .sec2 .btn { border-radius:99px; border:3px solid #fff; padding:15px 30px; font-size:1.125rem; color:#fff; --effect-size1:300px; --effect-size2:350px; }
.con1 .sec2 .btn:hover { background:#fff; border-color:#fff !important; }

.con1 .sec3 { margin-top:50px; }
.con1 .sec3 ul { display:flex; flex-wrap:wrap; border-top:1px solid #333; }
.con1 .sec3 ul > li { padding:50px 30px; border-bottom:1px solid #ddd; }
.con1 .sec3 ul > li:nth-child(odd) { width:300px; font-size:2rem; }
.con1 .sec3 ul > li:nth-child(odd) span { background:none no-repeat left center/contain; padding-left:45px; }
.con1 .sec3 ul > li:nth-child(even) { width:calc(100% - 300px); }
.con1 .sec3 ul > li.subway span { background-image:url('<?php echo G5_THEME_IMG_URL?>/location-icon-subway.png'); }
.con1 .sec3 ul > li.bus span { background-image:url('<?php echo G5_THEME_IMG_URL?>/location-icon-bus.png'); }

.con1 .sec3 ol { list-style:none; counter-reset: list-number; margin:-15px 0; }
.con1 .sec3 ol li { position:relative; counter-increment: list-number; margin:15px 0; font-size:1.125rem; color:#111; padding-left:30px; }
.con1 .sec3 ol li::before { content:counter(list-number); position:absolute; left:0; top:3px; text-align:center; width:20px; height:20px; line-height:20px; font-size:.875rem; background:var(--main-color2); color:#fff; border-radius:99px; }

.location-info {padding-bottom:16px; font-size:1.35rem; font-weight: 300; padding-right:90px;}
.location-info i {color:#F5AB2C; display:inline-block; padding-right:4px;}
.location-info span {display:inline-block; flex:1 1 }
.location-info li {padding:4px 0; display: flex; flex-wrap:wrap; }

#daumRoughmapContainer1749606456497 {padding-right:90px;}

@media (max-width: 1500px) {
    .con1 .sec2 { display:block; width:90%; margin-left:auto; margin-right:auto; }
    .con1 .sec2 .logo:after { display:none; }
}

@media (max-width: 1200px) {
    .con1 .sec2 { width:100%; text-align:center; padding:20px; margin-top:10px; }
    .con1 .sec2 > * { padding:15px 0; }
    .con1 .sec2 .logo { display:inline-block; }
    .con1 .sec2 .logo:after { display:block; left:0; top:auto; width:100%; height:1px; }
    .con1 .sec2 ul { display:block; }
    .con1 .sec2 ul li:last-child { margin-top:20px; }
    .con1 .sec2 .btn { padding:10px 30px; }
    .location-info span {flex: 0 0 100%;}
}


@media (max-width: 1024px) {
    .root_daum_roughmap .wrap_map { height:350px; }
    
    .con1 .sec3 ul { display:block; }
    .con1 .sec3 ul > li { padding:30px 15px; }
    .con1 .sec3 ul > li:nth-child(odd) { border-bottom:0; padding-bottom:0; font-size:1.4rem; }
    .con1 .sec3 ul > li:nth-child(odd) span { padding-left:30px; }
    .con1 .sec3 ul > li:nth-child(even) { width:100%; padding-top:15px; }
    
    .con1 .sec3 ol { margin:-5px 0; }
    .con1 .sec3 ol li { margin:5px 0; font-size:1rem; }
}

@media (max-width: 767px) {
    .con1 .sec2 > * { padding:10px 0; }
    .con1 .sec2 .logo img { width:80%; }
    .con1 .sec2 ul li:last-child { margin-top:15px; }
    .con1 .sec2 ul li,
    .con1 .sec2 .btn { font-size:1rem; }
    
    .con1 .sec3 ul > li { padding:20px 15px; }
    .con1 .sec3 ul > li:nth-child(even) { width:100%; padding-top:10px; }
    
    .con1 .sec3 ol li { padding-left:25px; }
    .con1 .sec3 ol li::before { top:1px; }
    
    .location-info {padding-right:0;}
    
    #daumRoughmapContainer1749606456497 {padding-right:0}
}