@charset "utf-8";
/* 찾아오시는 길 (222:87) */
.cl > .inner{gap:clamp(40px,4.17vw,80px)}
.cl .sec-intro{padding-top:clamp(32px,2.6vw,50px)}
.cl .sec-intro__title{margin-top:clamp(18px,1.77vw,34px)}

.cl-wrap{display:flex;gap:50px;align-items:flex-start;color:#000}
.cl-info{flex:0 0 500px;display:flex;flex-direction:column;gap:clamp(40px,3.65vw,70px)}
.cl-info__lead{display:flex;flex-direction:column;font-size:clamp(22px,1.56vw,30px);line-height:1.6}
.cl-info__lead span{font-weight:300}
.cl-info__lead strong{font-weight:700}
.cl-info__list{display:flex;flex-direction:column;gap:20px;font-size:clamp(17px,1.04vw,20px);line-height:1.3}
.cl-info__list > div{display:flex;gap:50px;align-items:baseline}
.cl-info__list dt{flex:0 0 40px;font-weight:700}
.cl-info__list a{transition:color .25s}
.cl-info__list a:hover{color:var(--kjs-accent-orange);text-decoration:underline;text-underline-offset:4px}

.cl-detail{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:50px}
.cl-map{position:relative;display:block;aspect-ratio:1050/500;overflow:hidden;background:#eee}
.cl-map img{position:absolute;left:-13.24%;top:-7.05%;width:130.82%;height:135.65%;max-width:none;transition:scale .6s var(--ease-out)}
.cl-map__badge{position:absolute;right:16px;bottom:16px;padding:10px 18px;border-radius:100px;background:var(--kjs-brand-deep-teal);color:#fff;font-size:14px;font-weight:700;line-height:1;opacity:0;translate:0 8px;transition:opacity .3s,translate .3s var(--ease-out)}
.cl-map:hover img{scale:1.03}
.cl-map:hover .cl-map__badge,.cl-map:focus-visible .cl-map__badge{opacity:1;translate:0 0}

.cl-way{display:flex;gap:30px;align-items:flex-start}
.cl-way + .cl-way{margin-top:0}
.cl-way:first-of-type{padding-bottom:50px;border-bottom:1px solid #ccc}
.cl-way__title{flex:0 0 250px;font-size:clamp(22px,1.56vw,30px);font-weight:700;line-height:1}
.cl-way__body{flex:1 1 auto;min-width:0}
.cl-way__body--bus{display:flex;flex-direction:column;gap:30px}
.cl-way__stop{font-size:clamp(17px,1.04vw,20px);font-weight:600;line-height:1.3}
.cl-way__lines{margin-top:20px;list-style:disc;padding-left:27px;font-size:clamp(16px,.94vw,18px);line-height:1.6}

@media (max-width:1279.98px){
  .cl-info{flex-basis:380px}
  .cl-way__title{flex-basis:180px}
}
@media (max-width:1023.98px){
  .cl-wrap{flex-direction:column;gap:40px}
  .cl-info{flex:none;width:100%}
  .cl-detail{width:100%}
  .cl-map__badge{opacity:1;translate:0 0}
}
@media (max-width:767.98px){
  .cl-info__list > div{gap:20px}
  .cl-way{flex-direction:column;gap:16px}
  .cl-way__title{flex:none}
  .cl-way:first-of-type{padding-bottom:32px}
  .cl-detail{gap:32px}
  .cl-map__badge{right:10px;bottom:10px;padding:8px 12px;font-size:12px}
}