@charset "utf-8";
/* 오시는길 — company/css/location.css */

.loc-tabs {display:flex; gap:8px; justify-content:center; margin-bottom:40px; flex-wrap:wrap;}
.loc-tabs button {padding:14px 28px; border-radius:50px; background:#fff; border:1.5px solid var(--border1); font-size:var(--fs15); font-weight:600; color:#777; cursor:pointer; transition:all .3s;}
.loc-tabs button:hover {color:var(--c_base1); border-color:var(--c_base1);}
.loc-tabs button.on {background:var(--c_base1); color:#fff; border-color:var(--c_base1); box-shadow:0 8px 20px rgba(14,111,184,0.25);}

.loc-block {display:none;}
.loc-block.on {display:grid; grid-template-columns:1.4fr 1fr; gap:30px; animation:histFade .6s ease;}

.loc-map {border-radius:18px; overflow:hidden; aspect-ratio:4/3; background:#eee; box-shadow:0 18px 40px rgba(11,46,74,0.1);}
.loc-map iframe {width:100%; height:100%; display:block;}

.loc-info {padding:40px; background:linear-gradient(180deg, var(--bg1), #fff); border-radius:18px; border:1px solid var(--border1);}
.loc-info-cat {font-size:var(--fs13); font-weight:600; color:var(--c_base1); letter-spacing:0.2em; text-transform:uppercase;}
.loc-info h3 {margin-top:10px; font-size:var(--fs36); font-weight:800; color:#000;}
.loc-info-list {margin-top:30px; display:flex; flex-direction:column; gap:18px;}
.loc-info-list li {display:flex; gap:14px; align-items:flex-start;}
.loc-info-list .icon {flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; background:var(--c_base1); color:#fff;}
.loc-info-list .icon svg {width:22px; height:22px; fill:currentColor;}
.loc-info-list div {flex:1; font-size:var(--fs15); color:#555; line-height:1.7;}
.loc-info-list div strong {display:block; font-size:var(--fs13); color:var(--c_base1); font-weight:700; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:4px;}

.loc-info-bus {margin-top:30px; padding-top:24px; border-top:1px solid var(--border1);}
.loc-info-bus h4 {font-size:var(--fs16); font-weight:700; color:#000; margin-bottom:12px;}
.loc-info-bus p {font-size:var(--fs14); color:#666; line-height:1.8;}
.loc-info-bus p strong {display:inline-block; min-width:54px; color:var(--c_base1); font-weight:700;}

@media screen and (max-width:1199px) {
	.loc-block.on {grid-template-columns:1fr;}
	.loc-info {padding:30px;}
	.loc-info h3 {font-size:var(--fs28);}
}
@media screen and (max-width:767px) {
	.loc-info {padding:24px 20px;}
	.loc-tabs button {padding:10px 18px; font-size:var(--fs13);}
}