.root_daum_roughmap {width:100% !important; height:auto !important;}
.root_daum_roughmap .wrap_map {height:600px;}
.map_border {display:none;} /* 카카오맵 border */
.wrap_controllers {display:none;} /* 카카오맵 하단박스 */


.location_cont {}
.location_cont .subpad {padding:80px 0 170px;}
.location_cont .loca_cont {margin-top:50px; display:flex; justify-content:space-between;}
.location_cont .loca_cont .location_info {display:flex; flex-wrap:wrap;}
html[lang="en"]  .location_cont .loca_cont .location_info {justify-content: flex-start; flex-direction: column;}
.location_cont .loca_cont .location_info li {padding-left:20px; box-sizing:border-box; position:relative; margin-right:30px;}
.location_cont .loca_cont .location_info li:before {font-variation-settings:  'FILL' 1; display:block; content:''; font-family:var(--icon); font-size:16px; color:var(--basic); position:absolute; left:0; top:1px; font-weight:400; }
.location_cont .loca_cont .location_info li.call:before {content:'\e0b0';}
.location_cont .loca_cont .location_info li.fax:before {content:'\e8ad';}
.location_cont .loca_cont .location_info li.mail:before {content:'\e158';}
.location_cont .loca_cont .location_info li:first-of-type,
.location_cont .loca_cont .location_info li:nth-of-type(2) {width:100%; padding:0; margin:0;}
.location_cont .loca_cont .location_info li:first-of-type:before,
.location_cont .loca_cont .location_info li:nth-of-type(2):before
{display:none;}
.location_cont .loca_cont .loca_btn {display:flex; gap:4px;}
.location_cont .loca_cont .loca_btn li {}
.location_cont .loca_cont .loca_btn li a {display:inline-block; text-align:left; padding:15px 25px; background:#10D265; border-radius:65px; min-width: 200px; position:relative; overflow:hidden; border:1px solid transparent;}
.location_cont .loca_cont .loca_btn li a em {font-style: normal; color:var(--white); position:relative; z-index:2; transition:all .4s linear;}
.location_cont .loca_cont .loca_btn li a svg {position:absolute; right:25px; top:17px; z-index:1}
.location_cont .loca_cont .loca_btn li a:after {position:absolute; right:15px; background:var(--white); width:35px; height:35px; border-radius:100%; display:block; content:''; top:12px; transition:all .4s linear;}

.location_cont .loca_cont .loca_btn li a:hover:after {transform:scale(10);}

.location_cont .loca_cont .loca_btn li.naver a svg {top:21px;}
.location_cont .loca_cont .loca_btn li.naver a:hover {border-color:#10D265;}
.location_cont .loca_cont .loca_btn li.naver a:hover em {color:#10D265;}

.location_cont .loca_cont .loca_btn li.kakao a {background:#FAE100; }
.location_cont .loca_cont .loca_btn li.kakao a em {color:var(--black) }
.location_cont .loca_cont .loca_btn li.kakao a:hover {border-color:#FAE100;}

.location_cont .loca_cont .loca_btn li.print a {padding:0; width:65px; height:65px; background:var(--sub); min-width:100%; display:flex; justify-content:center; align-items:center;}
.location_cont .loca_cont .loca_btn li.print a:after {display:none;}
.location_cont .loca_cont .loca_btn li.print a em {font-size:0; }
.location_cont .loca_cont .loca_btn li.print a:before {content:'\e8ad'; font-size:26px; font-family:var(--icon); color:var(--white); position:relative; z-index:1; transition:all .4s linear;}
.location_cont .loca_cont .loca_btn li.print a:after {width:100%; height:100%; display:block; content:''; background:var(--white); position:absolute; right:-100%; top:0; }
.location_cont .loca_cont .loca_btn li.print a:hover:after {transform:scale(5)}
.location_cont .loca_cont .loca_btn li.print a:hover {border-color:var(--sub);}
.location_cont .loca_cont .loca_btn li.print a:hover:before {color:var(--sub);}

.loloca_btnation_cont  .info_area {}
.location_cont  .info_area dl {padding:40px 50px; box-sizing:border-box; display:flex; border:1px solid var(--border);}
.location_cont  .info_area dl dt {padding-left:7px; box-sizing:border-box; margin:auto 0;}
.location_cont  .info_area dl dt img {max-width:100%; height:auto; width:80px;}
.location_cont  .info_area dl dd {padding-left:60px;}
.location_cont  .info_area dl:last-of-type {border-top:0;}
.location_cont  .info_area dl:last-of-type > div {width:calc(100% - 80px); display:flex; justify-content: space-between; align-items: flex-end}
.location_cont .info_area dl:last-of-type dd:last-of-type {padding-left:10px;}
.location_cont  .info_area dl:last-of-type dd {width:50%;}
.location_cont  .info_area dl:last-of-type dd:last-of-type .line.direct {margin-left:28px;}

.location_cont .info_area dl dd .fs20 {margin-bottom:10px;}
.location_cont .info_area dl dd .fs18 {color:var(--black); }
.location_cont .info_area dl dd .fs16 {color:rgba(34,34,34,.7);}
.location_cont .info_area dl dd ul  {margin-top:4px;}
.location_cont .info_area dl dd .line_tit {color:var(--black); font-weight:500; margin-right:10px; }
.location_cont .info_area dl dd .line {padding:3px 13px; width:auto; box-sizing:border-box; border-radius:25px; background:var(--main); color:var(--white); font-size:13px; font-weight:700; letter-spacing:-0.91px; line-height:153.846%; display: inline-block;}
.location_cont .info_area dl dd .line.two {background:#39B64A; border-radius:100%;  padding:3px 9px; margin-right:2px;} /* 2 */
.location_cont .info_area dl dd .line.bundang {background:#DE4552;margin-right:4px; } /* 분당선 */
.location_cont .info_area dl dd .line.branch {background:#5BC32D; margin:0 5px 0 20px;} /* 지선 */
.location_cont .info_area dl dd .line.express {background:#2692E3; margin:0 5px 0 20px;} /* 간선 */
.location_cont .info_area dl dd .line.direct {background:#F51C14; margin:0 5px 0 20px;} /* 직행 */
.location_cont .info_area dl dd .brfix {display:none;}

/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){




}

/*******************************************************************************
    @media 1300px
*******************************************************************************/
@media all and (max-width:1300px){

.root_daum_roughmap .wrap_map {height:500px;}

.location_cont .loca_map {position:relative;}
.location_cont .loca_cont {margin-top:45px; }
.location_cont .loca_cont .location_info li {padding-left:20px; margin-right:30px;}
.location_cont .loca_cont .location_info li:before {font-size:16px; left:0; top:1px; }
.location_cont .loca_cont .loca_btn {gap:4px; position:absolute; top:30px; right:30px; z-index:99;}
.location_cont .loca_cont .loca_btn li a {padding:15px 25px; min-width: 180px; }
.location_cont .loca_cont .loca_btn li a svg {right:25px; top:17px; z-index:1}
.location_cont .loca_cont .loca_btn li a:after {right:15px; width:35px; height:35px; content:''; top:12px; }
.location_cont .loca_cont .loca_btn li.naver a svg {top:21px;}
.location_cont .loca_cont .loca_btn li.print a {width:65px; height:65px;}
.location_cont .loca_cont .loca_btn li.print a:before {font-size:26px;}

.location_cont  .info_area dl {padding:30px;}
.location_cont  .info_area dl dt {padding-left:0px; }
.location_cont  .info_area dl dt img {width:70px;}
.location_cont  .info_area dl dd {padding-left:50px;}
.location_cont  .info_area dl:last-of-type dd {width:calc((100% - 70px) / 2)}
.location_cont  .info_area dl:last-of-type dd:last-of-type {padding-left:10px;}
.location_cont  .info_area dl:last-of-type dd:last-of-type .line.direct {margin-left:23px; }

.location_cont .info_area dl dd .fs20 {margin-bottom:10px;}
.location_cont .info_area dl dd ul  {margin-top:4px;}
.location_cont .info_area dl dd .line_tit {margin-right:10px; }
.location_cont .info_area dl dd .line {padding:3px 13px; border-radius:25px; font-size:13px; }
.location_cont .info_area dl dd .line.two {padding:3px 9px} /* 2 */
.location_cont .info_area dl dd .line.branch {margin:0 5px 0 15px;} /* 지선 */
.location_cont .info_area dl dd .line.express { margin:0 5px 0 15px;} /* 간선 */
.location_cont .info_area dl dd .line.direct {margin:0 5px 0 15px;} /* 직행 */
.location_cont .subpad {padding:80px 0 120px;}
}



/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

.root_daum_roughmap .wrap_map {height:400px;}
.location_cont .subpad {padding:70px 0 80px;}
.location_cont .loca_cont {margin-top:30px; }
.location_cont .loca_cont .location_info li {padding-left:20px; margin-right:20px;}
.location_cont .loca_cont .location_info li:before {font-size:16px; left:0; top:1px; }
.location_cont .loca_cont .loca_btn {gap:4px; top:20px; right:20px;}
.location_cont .loca_cont .loca_btn li a {padding:13px 20px; min-width: 160px; height:54px;}
.location_cont .loca_cont .loca_btn li a svg {right:19px; top:16px; z-index:1}
.location_cont .loca_cont .loca_btn li a:after {right:10px; width:32px; height:32px; content:''; top:11px; }
.location_cont .loca_cont .loca_btn li.naver a svg {top:19px;}
.location_cont .loca_cont .loca_btn li.kakao a svg {width:9px; height:19px;}
.location_cont .loca_cont .loca_btn li.print a {width:54px; height:54px;}
.location_cont .loca_cont .loca_btn li.print a:before {font-size:22px;}

.location_cont  .info_area dl {padding:30px;}
.location_cont  .info_area dl dt {padding-left:0px; }
.location_cont  .info_area dl dt img {width:70px;}
.location_cont  .info_area dl dd {padding-left:50px;}
.location_cont  .info_area dl:last-of-type > div {width:calc(100% - 70px); flex-direction: column}
.location_cont  .info_area dl:last-of-type dd {width:100%; }
.location_cont  .info_area dl:last-of-type dd:last-of-type {padding-left:50px; padding-top:20px;}
.location_cont  .info_area dl:last-of-type dd:last-of-type .line.direct {margin-left:23px; }

.location_cont .info_area dl dd .fs20 {margin-bottom:10px;}
.location_cont .info_area dl dd ul  {margin-top:4px;}
.location_cont .info_area dl dd .line_tit {margin-right:10px; }
.location_cont .info_area dl dd .line {padding:3px 13px; border-radius:21px; font-size:13px; }
.location_cont .info_area dl dd .line.two {padding:3px 9px} /* 2 */
.location_cont .info_area dl dd .line.branch {margin:0 5px 0 15px;} /* 지선 */
.location_cont .info_area dl dd .line.express { margin:0 5px 0 15px;} /* 간선 */
.location_cont .info_area dl dd .line.direct {margin:0 5px 0 15px;} /* 직행 */

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


.root_daum_roughmap .wrap_map {height:300px;}
.location_cont .subpad {padding:35px 0 50px;}
.location_cont .loca_cont {margin-top:20px; }
.location_cont .loca_cont .location_info li {padding-left:20px; margin-right:20px;}
.location_cont .loca_cont .location_info li:before {font-size:16px; left:0; top:1px; }
.location_cont .loca_cont .loca_btn {gap:4px; top:20px; right:20px;}
.location_cont .loca_cont .loca_btn li a {padding:0; min-width: 100%; width:45px;  height:45px;}
.location_cont .loca_cont .loca_btn li a em {font-size:0 !important;}
.location_cont .loca_cont .loca_btn li a svg {right:15px; top:12px; z-index:1}
.location_cont .loca_cont .loca_btn li a:after {display:none;}
.location_cont .loca_cont .loca_btn li.naver a svg {top:15px;}
.location_cont .loca_cont .loca_btn li.naver a svg path {fill:var(--white);}
.location_cont .loca_cont .loca_btn li.kakao a svg {width:9px; height:19px;}

.location_cont .loca_cont .loca_btn li.naver a:hover {background:var(--white);}
.location_cont .loca_cont .loca_btn li.naver a:hover svg path {fill:#10D265;}
.location_cont .loca_cont .loca_btn li.kakao a:hover {background:var(--white);}

.location_cont .loca_cont .loca_btn li.print {display:none;}

.location_cont  .info_area dl {padding:20px;}
.location_cont  .info_area dl dt img {width:45px;}
.location_cont  .info_area dl dd {padding-left:30px;}
.location_cont  .info_area dl:last-of-type > div {width:calc(100% - 45px); }
.location_cont  .info_area dl:last-of-type dd:last-of-type {padding-left:30px; padding-top:10px;}
.location_cont  .info_area dl:last-of-type dd:last-of-type .line.direct {margin-left:0; }

.location_cont .info_area dl dd .fs20 {margin-bottom:6px;}
.location_cont .info_area dl dd ul  {margin-top:3px;}
.location_cont .info_area dl dd .line_tit {margin-right:6px; }
.location_cont .info_area dl dd .line {padding:3px 13px; font-size:12px; }
.location_cont .info_area dl dd .line.two {padding:3px 8px; } /* 2 */
.location_cont .info_area dl dd .line.branch {margin:0 3px 0 10px;} /* 지선 */
.location_cont .info_area dl dd .line.express { margin:0 3px 0 0;} /* 간선 */
.location_cont .info_area dl dd .line.direct {margin:0 3px 0 0;} /* 직행 */
.location_cont .info_area dl dd .brfix {display:block;}



}
/*******************************************************************************
    @media ~480px             
*******************************************************************************/
@media all and (max-width:480px){
 .location_cont  .info_area dl dt img {width:30px;}
.location_cont  .info_area dl dd {padding-left:20px;}
.location_cont  .info_area dl:last-of-type > div {width:calc(100% - 30px); }
.location_cont  .info_area dl:last-of-type dd:last-of-type {padding-left:20px; }

}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){

 .location_cont  .info_area dl dt img {width:30px;}
.location_cont  .info_area dl:last-of-type > div {width:calc(100% - 30px); }


}

/* ============================================
   /en 전용: location 페이지 타이포그래피 및 문단 정리
   ============================================ */

/* 0) 전역 렌더링 보정 및 자동 글자 확대 방지 */
html[lang="en"] {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
}

/* 1) 기본 문단(주소, 설명, 안내문) 정렬 및 간격 보정 */
html[lang="en"] .location_cont :is(p, li, dd, dt, span, a, small) {
  text-align: left;            /* 영문 문단 좌측 정렬 */
  white-space: normal;         /* 강제 nowrap 해제 */
  word-break: normal;          /* 단어 단위 개행 */
  overflow-wrap: break-word;   /* 긴 단어는 경계에서 줄바꿈 */
  hyphens: auto;               /* 하이픈 자동 분리 허용 */
  line-height: 1.6;            /* 가독성 확보 */
  letter-spacing: 0.005em;     /* 자간 약간 넓힘 */
  word-spacing: 0.02em;        /* 단어 간격 약간 넓힘 */
}

/* 2) 문단 내 불필요한 <br> 제거 (디자인상 필요한 경우만 HTML에서 유지) */
html[lang="en"] .location_cont p br {
  display: none;
}

/* 3) 타이틀, 버튼 등 UI 요소는 기존 중앙 정렬 유지 */
html[lang="en"] .location_cont :is(h4, .title, .section-title) {
  text-align: center !important;
  letter-spacing: 0.005em;
}

/* 4) 주소/연락처 리스트 텍스트 넘침 방지 */
html[lang="en"] .location_cont .loca_cont .location_info li {
  word-break: normal;
  overflow-wrap: anywhere;
  hyphens: auto;
  line-height: 1.6;
  letter-spacing: 0.005em;
  word-spacing: 0.02em;
}

/* 5) 지도 설명 하단 info_area 텍스트도 동일한 규칙 적용 */
html[lang="en"] .location_cont .info_area dl dd {
  word-break: normal;
  overflow-wrap: anywhere;
  hyphens: auto;
  line-height: 1.6;
  letter-spacing: 0.005em;
  word-spacing: 0.02em;
  text-align: left;
}

/* 6) 전화번호 및 버튼 텍스트는 원래 정렬 유지 */
html[lang="en"] .location_cont .loca_btn a {
  white-space: nowrap;
  text-align: center;
}

/* 7) 유틸리티: 필요 시 수동 정렬 클래스 */
html[lang="en"] .en-left   { text-align: left !important; }
html[lang="en"] .en-center { text-align: center !important; }