/* 율마루 추가 스타일. 정석 템플릿 CSS 위에 얹는 보정만 둔다. */
#header2 .inner .util-wrap .lang-box a.lang-kr { font-weight: 700; letter-spacing: .02em; }
#header2 .inner .util-wrap .lang-box a.lang-en { display: none; }
.cursor { display: none; }
/* 홈 비주얼: 영상 슬라이드 */
#main .visual-con .swiper-slide .visual-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
#main .visual-con .swiper-slide:after { content: ""; position: absolute; inset: 0; background: rgba(10, 20, 45, .35); z-index: 2; }
/* 변호사 팝업: 표시 아이콘은 글머리 점으로 */
#main .doctor-con-new .doctor-popup .point-spec li .icon.mark { display: inline-block; width: .8rem; height: .8rem; border-radius: 50%; background: #15264B; margin-right: 1rem; vertical-align: middle; }
#main .doctor-con-new .doctor-popup .popup-link { margin-top: 2rem; }
#main .doctor-con-new .doctor-popup .popup-link a { font-size: 1.5rem; font-weight: 700; color: #15264B; text-decoration: underline; }
/* 업무분야 카드 이미지(기존 배너 1920x562)를 카드 비율에 맞춘다 */
#main .clinic-con .item .img img { width: 100%; height: 100%; object-fit: cover; }
/* 업무사례 슬라이드 */
#main .review-con .rv-txt a { color: inherit; }
#main .review-con .rv-txt strong { color: #15264B; margin-right: .6rem; }
#main .review-con .caution a { color: inherit; text-decoration: underline; }
/* 사무소 사진·인증 */
#main .interior-con .img.certi { background: #f3f5f9; }
#main .interior-con .img.certi img { object-fit: contain; }
/* 유튜브 섹션 더보기 */
#main .youtube-con .yt-more { margin-top: 2rem; text-align: right; }
#main .youtube-con .yt-more a { font-size: 1.5rem; font-weight: 700; color: #15264B; text-decoration: underline; }
/* 오시는길: 지도 대신 사무소 사진 */
.contact-con .map-photo { width: 100%; height: 100%; overflow: hidden; }
.contact-con .map-photo img { width: 100%; height: 100%; object-fit: cover; }
.contact-con .info-box p a { color: inherit; }
/* 홈 하단 한눈에 보기 */
.summary-con { padding: 8rem 0; }
.summary-con .home-body { max-width: 90rem; margin: 4rem auto 0; font-size: 1.7rem; line-height: 1.8; }
.summary-con .home-body h2 { font-size: 2.6rem; margin: 3rem 0 1.4rem; }
.summary-con .home-body table { width: 100%; border-collapse: collapse; font-size: 1.5rem; }
.summary-con .home-body th, .summary-con .home-body td { border: 1px solid #e3e7ee; padding: 1rem 1.2rem; text-align: left; vertical-align: top; }
.summary-con .home-body th { background: #f3f5f9; }
/* 서브 비주얼(인라인 배경) 위 글자 */
main#column.sub.hub .visual-con { position: relative; }
main#column.sub.hub .visual-con:before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 20, 45, .55), rgba(10, 20, 45, .35)); }
main#column.sub.hub .visual-con .area { position: relative; }
main#column.sub.hub .visual-con .txt-wrap h1 { font-size: 5.2rem; line-height: 1.25; max-width: 100rem; word-break: keep-all; }
main#column.sub.hub .visual-con .txt-wrap .desc { max-width: 90rem; font-size: 1.9rem; line-height: 1.7; padding-top: 2.4rem; }
/* 본문 블록 */
.column-body .post-list { list-style: none; padding: 0; margin: 1rem 0 2rem; border-top: 1px solid #e3e7ee; }
.column-body .post-list li { display: flex; justify-content: space-between; gap: 2rem; padding: 1.3rem 0; border-bottom: 1px solid #e3e7ee; font-size: 1.6rem; }
.column-body .post-list li a { flex: 1; color: #222; }
.column-body .post-list li time { color: #8a93a3; white-space: nowrap; font-size: 1.4rem; }
.column-body .more-link { text-align: right; margin: 0 0 3rem; }
.column-body .more-link a { font-weight: 700; color: #15264B; text-decoration: underline; }
.column-body .sub-cards, .column-body .lawyer-cards { list-style: none; padding: 0; margin: 1rem 0 3rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.6rem; }
.column-body .lawyer-cards { grid-template-columns: repeat(4, 1fr); }
.column-body .sub-cards li a, .column-body .lawyer-cards li a { display: block; border: 1px solid #e3e7ee; border-radius: 1.2rem; padding: 2rem 2.2rem; color: #222; height: 100%; }
.column-body .sub-cards li a:hover, .column-body .lawyer-cards li a:hover { border-color: #15264B; }
.column-body .sub-cards strong, .column-body .lawyer-cards strong { display: block; font-size: 1.8rem; margin-bottom: .6rem; color: #15264B; }
.column-body .sub-cards span, .column-body .lawyer-cards span { display: block; font-size: 1.45rem; line-height: 1.6; color: #5d6676; }
.column-body .lawyer-cards img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: top; border-radius: .8rem; margin-bottom: 1.2rem; }
.column-body .lawyer-cards .spec { color: #1e58ae; font-weight: 600; margin-bottom: .4rem; }
.column-body .profile { display: grid; grid-template-columns: 24rem 1fr; gap: 3rem; align-items: start; margin: 0 0 3rem; }
.column-body .profile img { width: 100%; height: auto; border-radius: 1rem; }
.column-body .profile-eng { font-size: 1.4rem; letter-spacing: .2em; color: #6A8BD5; margin: 0 0 .6rem; }
.column-body .profile-name { font-size: 3rem; font-weight: 800; color: #15264B; margin: 0 0 1rem; }
.column-body .profile-name span { font-size: 1.6rem; font-weight: 500; color: #5d6676; margin-left: .6rem; }
.column-body .profile-spec { list-style: none; padding: 0; margin: 0; color: #1e58ae; font-weight: 600; font-size: 1.6rem; }
.column-body .career ul + ul { margin-top: 1.4rem; padding-top: 1.4rem; border-top: 1px dashed #e3e7ee; }
.column-body .office-pics { list-style: none; padding: 0; margin: 1rem 0 3rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.column-body .office-pics img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: .8rem; }
.column-body.post-body table { width: 100%; border-collapse: collapse; margin: 2rem 0; font-size: 1.5rem; display: block; overflow-x: auto; }
.column-body.post-body th, .column-body.post-body td { border: 1px solid #e3e7ee; padding: 1rem 1.2rem; vertical-align: top; }
.column-body.post-body img { max-width: 100%; height: auto; margin: 2rem auto; display: block; border-radius: .8rem; }
.column-body.post-body h2 { margin-top: 4rem; }
.column-list-con .count { font-size: 1.5rem; color: #8a93a3; margin: 0 0 1.5rem; }
.column-list-con .pager { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: center; margin: 4rem 0 0; }
.column-list-con .pager a { min-width: 4rem; text-align: center; padding: .8rem 1rem; border: 1px solid #e3e7ee; border-radius: .6rem; font-size: 1.5rem; color: #222; }
.column-list-con .pager a[aria-current="page"] { background: #15264B; border-color: #15264B; color: #fff; }
#footer2 .foot-note { font-size: 1.3rem; color: #8a93a3; margin: 2rem 0 1rem; line-height: 1.7; }
@media (max-width: 960px) {
.column-body .sub-cards, .column-body .lawyer-cards { grid-template-columns: 1fr 1fr; }
.column-body .profile { grid-template-columns: 1fr; }
.column-body .profile img { max-width: 24rem; }
main#column.sub.hub .visual-con .txt-wrap h1 { font-size: 3.4rem; }
}
@media (max-width: 600px) {
.column-body .sub-cards, .column-body .lawyer-cards, .column-body .office-pics { grid-template-columns: 1fr; }
.column-body .post-list li { flex-direction: column; gap: .2rem; }
}
/* GNB 드롭다운 (정석 index.php 인라인 스타일 그대로) */
#header2 .inner .gnb-wrap ul li { position: relative; }
#header2 .inner .gnb-wrap ul li ul.sub-menu { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #fff; border-radius: 1.2rem; box-shadow: 0 10px 28px rgba(21,38,75,.16); padding: 1rem 0; min-width: 17rem; height: auto; z-index: 120; }
#header2 .inner .gnb-wrap ul li:hover ul.sub-menu { display: block; }
#header2 .inner .gnb-wrap ul li ul.sub-menu li { height: auto; }
#header2 .inner .gnb-wrap ul li ul.sub-menu li a { font-size: 1.6rem !important; font-weight: 500 !important; color: #333 !important; padding: 1.1rem 2.2rem; height: auto; display: block !important; white-space: nowrap; text-align: center; }
#header2 .inner .gnb-wrap ul li ul.sub-menu li a:hover { color: #15264B !important; font-weight: 700 !important; background: #f2f5fb; }
#header2 .inner .gnb-wrap ul li ul.sub-menu li a > span { display: none; }
/* 숫자 섹션 배경: 정석 사진 대신 율마루 사진 */
#main .spec-con { background-image: url("/img/yul/stats_bg.jpg") !important; background-size: cover; background-position: center; }
/* 서브 비주얼: 정석 hub 는 글자를 숨기지만 율마루는 보여 준다 (배경은 인라인 이미지) */
main#column.sub.hub .visual-con .txt-wrap { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; color: #fff; padding-top: 23.9rem; }
main#column.sub.hub .visual-con .txt-wrap .eng-tit { font-size: 1.8rem; font-weight: 600; letter-spacing: .3em; color: rgba(255,255,255,.75); }
main#column.sub.hub .visual-con .txt-wrap h1 { color: #fff; padding-top: 2.1rem; }
main#column.sub.hub .visual-con .txt-wrap .desc { color: rgba(255,255,255,.9); }
main#column.sub.hub .visual-con:before { background: linear-gradient(180deg, rgba(10, 20, 45, .72), rgba(10, 20, 45, .55)); }
@media (max-width: 960px) { main#column.sub.hub .visual-con .txt-wrap { padding-top: 14rem; } }
/* 상담신청 게시판 (/contact/ 목록, /contact/write/, /contact/view/) : 기존 그누보드 게시판 모양 */
.yul-board { margin: 0 0 6rem; }
.board-table { width: 100%; border-collapse: collapse; border-top: 2px solid #333; font-size: 1.6rem; color: #222; }
.board-table th { padding: 1.8rem .8rem; border-bottom: 1px solid #ddd; font-weight: 500; color: #333; text-align: center; white-space: nowrap; }
.board-table td { padding: 1.9rem .8rem; border-bottom: 1px solid #e5e5e5; text-align: center; vertical-align: middle; }
.board-table .no { width: 8%; color: #555; }
.board-table .tit { text-align: left; padding-left: 2rem; }
.board-table td.tit a { color: #222; display: inline-block; max-width: 100%; }
.board-table td.tit a:hover { text-decoration: underline; }
.board-table .name { width: 11%; }
.board-table .st { width: 11%; color: #555; }
.board-table .st.done { color: #15264B; font-weight: 600; }
.board-table .date { width: 11%; color: #666; }
.board-table tr.re td.tit { padding-left: 3.4rem; color: #555; }
.board-table tr.re td.tit a { color: #555; }
.board-table .re-mark { font-size: 1.4rem; color: #8a93a3; margin-right: .2rem; }
.board-table .lock { display: inline-block; width: 1.1rem; height: 1.3rem; margin-left: .4rem; vertical-align: -.1rem; border: 1.5px solid #9aa3b3; border-top-width: 0; border-radius: 0 0 .25rem .25rem; position: relative; opacity: .8; }
.board-table .lock:before { content: ""; position: absolute; left: .05rem; top: -.65rem; width: .6rem; height: .6rem; border: 1.5px solid #9aa3b3; border-bottom: 0; border-radius: .5rem .5rem 0 0; }
.board-table .empty { padding: 6rem 1rem; color: #8a93a3; font-size: 1.5rem; }
.board-btns { display: flex; justify-content: flex-end; margin: 2.4rem 0 0; }
.board-btns .btn-write, .board-btns .btn-list { display: inline-flex; align-items: center; justify-content: center; min-width: 13.6rem; height: 5rem; padding: 0 2rem; background: #1b2b5b; color: #fff; font-size: 1.5rem; font-weight: 600; }
.board-btns .btn-list { background: #555; }
.board-pager { display: flex; justify-content: center; gap: 0; margin: 5rem 0 0; }
.board-pager a { display: inline-flex; align-items: center; justify-content: center; min-width: 4.4rem; height: 4.4rem; margin-left: -1px; border: 1px solid #ddd; color: #555; font-size: 1.5rem; }
.board-pager a.on { background: #222; border-color: #222; color: #fff; font-weight: 700; }
.board-pager a.arrow { color: #999; }
.board-note { margin: 2.4rem 0 0; font-size: 1.4rem; color: #777; line-height: 1.7; }
.board-page .board-form { border-top: 2px solid #333; }
.board-form .frow { display: grid; grid-template-columns: 16% 1fr; align-items: center; gap: 1rem 2rem; padding: 2.4rem 0; border-bottom: 1px solid #e5e5e5; }
.board-form .frow.two { grid-template-columns: 16% 1fr 16% 1fr; }
.board-form label { font-size: 1.6rem; font-weight: 600; color: #222; }
.board-form .fcell { min-width: 0; }
.board-form .fcell.half { max-width: 48%; }
.board-form input[type="text"], .board-form input[type="tel"], .board-form input[type="email"], .board-form input[type="password"], .board-form select, .board-form textarea { display: block; width: 100%; height: 6.4rem; padding: 0 2rem; border: 1px solid #ddd; border-radius: 0; background: #fff; font: inherit; font-size: 1.6rem; color: #222; }
.board-form textarea { height: auto; padding: 1.8rem 2rem; line-height: 1.7; resize: vertical; }
.board-form select { appearance: none; -webkit-appearance: none; background: #fff url("data:image/svg+xml;utf8,") no-repeat right 2rem center; }
.board-form select:invalid, .board-form input::placeholder, .board-form textarea::placeholder { color: #999; }
.board-form .hint { display: block; margin-top: .8rem; font-size: 1.3rem; color: #888; }
.board-form .fagree { display: flex; align-items: center; justify-content: center; gap: 4rem; padding: 3.2rem 0 0; font-size: 1.6rem; }
.board-form .fagree label { display: inline-flex; align-items: center; gap: 1rem; font-weight: 500; cursor: pointer; }
.board-form .fagree input { width: 2.2rem; height: 2.2rem; margin: 0; accent-color: #1b2b5b; }
.board-form .agree-full { background: none; border: 0; padding: 0; font: inherit; font-size: 1.6rem; color: #222; text-decoration: underline; cursor: pointer; }
.board-form .agree-text { margin: 2.4rem auto 0; max-width: 80rem; padding: 2.4rem; border: 1px solid #e5e5e5; background: #fafafa; font-size: 1.4rem; line-height: 1.8; color: #444; }
.board-form .agree-text p { margin: 0 0 .6rem; }
.board-form .fbtns { display: flex; justify-content: flex-end; gap: 0; margin-top: 4rem; }
.board-form .btn-ok, .board-form .btn-cancel { display: inline-flex; align-items: center; justify-content: center; min-width: 21rem; height: 6.4rem; border: 0; font: inherit; font-size: 1.7rem; font-weight: 600; cursor: pointer; }
.board-form .btn-ok { background: #1b2b5b; color: #fff; }
.board-form .btn-ok:disabled { opacity: .6; cursor: default; }
.board-form .btn-cancel { background: #d9d9d9; color: #222; }
.board-view { border-top: 2px solid #333; }
.board-view .pw-box { padding: 6rem 2rem; text-align: center; border-bottom: 1px solid #e5e5e5; }
.board-view .pw-box p { margin: 0 0 2rem; font-size: 1.7rem; color: #222; }
.board-view .pw-box p.hint { margin: 1.6rem 0 0; font-size: 1.4rem; color: #888; }
.board-view .pw-row { display: flex; justify-content: center; gap: 0; }
.board-view .pw-row input { width: 30rem; max-width: 70%; height: 5.6rem; padding: 0 1.8rem; border: 1px solid #ddd; border-radius: 0; font: inherit; font-size: 1.6rem; }
.board-view .pw-row .btn-ok { min-width: 10rem; height: 5.6rem; border: 0; background: #1b2b5b; color: #fff; font: inherit; font-size: 1.6rem; font-weight: 600; cursor: pointer; }
.board-view .view-head { padding: 2.6rem 2rem; border-bottom: 1px solid #e5e5e5; }
.board-view .view-tit { display: block; font-size: 2.2rem; font-weight: 700; color: #222; line-height: 1.4; }
.board-view .view-meta { list-style: none; margin: 1.2rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem 1.6rem; font-size: 1.4rem; color: #777; }
.board-view .view-meta li + li:before { content: "|"; margin-right: 1.6rem; color: #ccc; }
.board-view .view-info { display: grid; grid-template-columns: 8rem 1fr; gap: .6rem 1rem; margin: 0; padding: 2rem; border-bottom: 1px solid #e5e5e5; background: #fafafa; font-size: 1.5rem; }
.board-view .view-info dt { color: #777; }
.board-view .view-info dd { margin: 0; color: #222; }
.board-view .view-content { padding: 3.2rem 2rem; min-height: 16rem; font-size: 1.6rem; line-height: 1.9; color: #222; border-bottom: 1px solid #e5e5e5; word-break: break-word; }
.board-view .view-reply { margin: 0; padding: 2.8rem 2rem; background: #f4f6fb; border-bottom: 1px solid #e5e5e5; }
.board-view .view-reply > strong { display: block; margin-bottom: 1.2rem; font-size: 1.6rem; color: #15264B; }
.board-view .reply-body { font-size: 1.6rem; line-height: 1.9; color: #222; }
.board-view .view-reply time { display: block; margin-top: 1.2rem; font-size: 1.3rem; color: #888; }
.contact-con .kakao-map { width: 100%; height: 100%; min-height: 36rem; }
@media (max-width: 960px) {
.board-table { font-size: 1.5rem; }
.board-table th, .board-table td { padding: 1.4rem .4rem; }
.board-table .no, .board-table .name { display: none; }
.board-table .tit { padding-left: .6rem; }
.board-table tr.re td.tit { padding-left: 2rem; }
.board-form .frow, .board-form .frow.two { grid-template-columns: 1fr; gap: .8rem; padding: 1.8rem 0; }
.board-form .fcell.half { max-width: none; }
.board-form input[type="text"], .board-form input[type="tel"], .board-form input[type="email"], .board-form input[type="password"], .board-form select { height: 5.4rem; padding: 0 1.4rem; }
.board-form .fagree { flex-direction: column; gap: 1.2rem; }
.board-form .btn-ok, .board-form .btn-cancel { min-width: 0; flex: 1; height: 5.6rem; }
.board-view .view-info { grid-template-columns: 6.4rem 1fr; }
}
/* 성공사례·칼럼 목록: 원형 분류 칩 + 4열 카드 (기존 율마루 성공사례 화면 구조) */
/* 성공사례 목록: 글자 분류 탭 + 제목만 큰 카드 */
.case-list .cate-chips { list-style: none; padding: 0 0 2.4rem; margin: 0 0 4rem; display: flex; flex-wrap: wrap; gap: 1rem; border-bottom: 1px solid #e6e9f0; }
.case-list .cate-chips li a { display: inline-flex; align-items: center; gap: .6rem; padding: 1.1rem 2.2rem; border: 1px solid #d9dee8; border-radius: 10rem; background: #fff; color: #333; font-size: 1.6rem; font-weight: 600; text-decoration: none; white-space: nowrap; transition: all .2s; }
.case-list .cate-chips li a span { font-size: 1.3rem; font-weight: 700; color: #8a93a3; }
.case-list .cate-chips li a:hover { border-color: #15264B; color: #15264B; }
.case-list .cate-chips li.on a { background: #15264B; border-color: #15264B; color: #fff; }
.case-list .cate-chips li.on a span { color: #9fb6ea; }
.case-list .hub-link-row { margin: -1.6rem 0 2.4rem; }
.case-list .count { font-size: 1.4rem; color: #8a93a3; margin: 2.4rem 0 0; }
.case-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.case-grid .case-card { margin: 0; }
.case-grid .case-card.hidden { display: none; }
.case-grid .case-card a { position: relative; display: flex; flex-direction: column; height: 100%; min-height: 23rem; padding: 3rem 3rem 2.6rem; background: #fff; border: 1px solid #e3e7ee; border-radius: 1.6rem; color: #111; text-decoration: none; overflow: hidden; transition: background .25s, border-color .25s, transform .25s, box-shadow .25s; }
.case-grid .case-card a:before { content: ""; position: absolute; left: 3rem; top: 0; width: 4rem; height: .4rem; background: #6A8BD5; border-radius: 0 0 .4rem .4rem; }
.case-grid .case-card a:hover { background: #15264B; border-color: #15264B; transform: translateY(-.6rem); box-shadow: 0 1.6rem 4rem rgba(21,38,75,.18); }
.case-grid .cc-tag { font-size: 1.4rem; font-weight: 700; letter-spacing: .02em; color: #6A8BD5; }
.case-grid .cc-tit { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 1.4rem 0 2.4rem; font-size: 2.4rem; font-weight: 800; line-height: 1.42; letter-spacing: -.03em; color: #111; word-break: keep-all; }
.case-grid .cc-foot { display: flex; align-items: center; gap: 1rem; margin-top: auto; padding-top: 2rem; border-top: 1px solid #edf0f5; }
.case-grid .cc-foot img { width: 3.6rem; height: 3.6rem; border-radius: 50%; object-fit: cover; object-position: top; background: #eef1f6; }
.case-grid .cc-foot em { font-style: normal; font-size: 1.5rem; font-weight: 600; color: #555; }
.case-grid .cc-arrow { margin-left: auto; width: 4rem; height: 4rem; border-radius: 50%; background: #f1f4f9; position: relative; transition: background .25s; }
.case-grid .cc-arrow:after { content: ""; position: absolute; left: 50%; top: 50%; width: .9rem; height: .9rem; border-top: 2px solid #15264B; border-right: 2px solid #15264B; transform: translate(-65%, -50%) rotate(45deg); }
.case-grid .case-card a:hover .cc-tag { color: #9fb6ea; }
.case-grid .case-card a:hover .cc-tit { color: #fff; }
.case-grid .case-card a:hover .cc-foot { border-top-color: rgba(255,255,255,.15); }
.case-grid .case-card a:hover .cc-foot em { color: rgba(255,255,255,.85); }
.case-grid .case-card a:hover .cc-arrow { background: #fff; }
@media (max-width: 1100px) { .case-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px) {
.case-list .cate-chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -1.6rem 3rem; padding: 0 1.6rem 1.6rem; scrollbar-width: none; }
.case-list .cate-chips::-webkit-scrollbar { display: none; }
.case-list .cate-chips li a { padding: 1rem 1.8rem; font-size: 1.5rem; }
.case-grid { grid-template-columns: 1fr; gap: 1.4rem; }
.case-grid .case-card a { min-height: 0; padding: 2.6rem 2.4rem 2.2rem; }
.case-grid .case-card a:before { left: 2.4rem; }
.case-grid .cc-tit { font-size: 2.1rem; }
}
/* 퀵메뉴: 기존 율마루 홈의 원형 4단(전화상담·방문상담예약·블로그·유튜브), 항상 펼침 */
#dock.yul-dock { position: fixed; right: 2.4rem; top: 50%; transform: translateY(-50%); z-index: 90; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1.2rem; }
#dock.yul-dock li { margin: 0; }
#dock.yul-dock a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .4rem; width: 7.6rem; height: 7.6rem; border-radius: 50%; background: #15264B; color: #fff; font-size: 1.15rem; font-weight: 600; text-align: center; line-height: 1.2; box-shadow: 0 8px 20px rgba(21, 38, 75, .25); transition: background .2s, transform .2s; }
#dock.yul-dock a:hover { background: #1e58ae; transform: translateY(-2px); }
#dock.yul-dock img { width: 2.1rem; height: auto; }
#quickMenu.top-only { position: fixed; right: 2.4rem; bottom: 11rem; z-index: 90; }
#quickMenu.top-only .top-btn { width: 5.2rem; height: 5.2rem; border-radius: 50%; background: #fff; box-shadow: 0 6px 16px rgba(0,0,0,.15); display: flex; align-items: center; justify-content: center; cursor: pointer; }
#quickMenu.top-only .top-btn img { width: 2rem; }
@media (max-width: 960px) {
#dock.yul-dock { right: 1.2rem; top: auto; bottom: 12rem; transform: none; gap: .8rem; }
#dock.yul-dock a { width: 6.4rem; height: 6.4rem; font-size: 1.05rem; gap: .3rem; }
#dock.yul-dock img { width: 1.8rem; }
#quickMenu.top-only { right: 1.2rem; bottom: 6rem; }
}
/* 홈 업무분야: 슬라이더 대신 4열 카드 한눈에 */
#main .clinic-con .clinic-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2.4rem; }
#main .clinic-con .clinic-card { margin: 0; }
#main .clinic-con .clinic-card a { display: flex; flex-direction: column; height: 100%; background: #fff; border-radius: 1.4rem; overflow: hidden; box-shadow: 0 10px 30px rgba(21, 38, 75, .08); color: #222; transition: transform .25s, box-shadow .25s; }
#main .clinic-con .clinic-card a:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(21, 38, 75, .16); }
#main .clinic-con .clinic-card .img { aspect-ratio: 16 / 10; overflow: hidden; }
#main .clinic-con .clinic-card .img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
#main .clinic-con .clinic-card a:hover .img img { transform: scale(1.04); }
#main .clinic-con .clinic-card .info-box { padding: 2.4rem 2.4rem 2.6rem; display: flex; flex-direction: column; flex: 1; }
#main .clinic-con .clinic-card h4 { font-size: 2.4rem; font-weight: 800; color: #15264B; margin: 0 0 1.2rem; }
#main .clinic-con .clinic-card p { font-size: 1.5rem; line-height: 1.7; color: #555; margin: 0; }
#main .clinic-con .clinic-card .link-btn { margin-top: auto; padding-top: 2rem; display: inline-flex; align-items: center; gap: .8rem; font-size: 1.5rem; font-weight: 700; color: #15264B; }
#main .clinic-con .clinic-card .link-btn p { margin: 0; font-size: 1.5rem; font-weight: 700; color: #15264B; }
#main .clinic-con .clinic-card .link-btn .icon img { width: 1.6rem; }
@media (max-width: 1100px) { #main .clinic-con .clinic-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { #main .clinic-con .clinic-grid { grid-template-columns: 1fr; gap: 1.6rem; } }
/* 퀵메뉴가 오른쪽 정렬 콘텐츠를 가리지 않게: 숫자 섹션은 오른쪽 여백, 중간 폭에서는 퀵메뉴를 더 작게 */
#main .spec-con .spec-cont ul { padding-right: 9rem; }
@media (min-width: 961px) and (max-width: 1700px) {
#dock.yul-dock { right: 1.2rem; gap: .9rem; }
#dock.yul-dock a { width: 6.4rem; height: 6.4rem; font-size: 1.05rem; gap: .3rem; }
#dock.yul-dock img { width: 1.8rem; }
}
/* 성공사례 슬라이더: 흰 카드 */
#main .review-con .rvSwiper .swiper-slide { height: auto; }
#main .review-con .rvSwiper .case-card a { background: #fff; box-shadow: 0 10px 30px rgba(21, 38, 75, .08); }
#main .review-con .rvSwiper .case-card .case-body { padding: 2.4rem 2.2rem 2rem; }
#main .review-con .caution { margin-top: 2rem; }
#main .review-con .caution a { font-weight: 700; color: #15264B; text-decoration: underline; }
/* 전문성 섹션 (기존 율마루 홈) */
#main .expert-con { position: relative; padding: 12rem 0 0; background: url("/img/yul/stats_bg_alt.jpg") center/cover no-repeat; color: #fff; overflow: hidden; }
#main .expert-con:before { content: ""; position: absolute; inset: 0; background: rgba(8, 14, 30, .62); }
#main .expert-con .area { position: relative; text-align: center; }
#main .expert-con .expert-tit { font-size: 5.2rem; font-weight: 300; line-height: 1.35; letter-spacing: -.02em; color: #fff; }
#main .expert-con .expert-tit strong { font-weight: 800; }
#main .expert-con .expert-list { list-style: none; padding: 0; margin: 6rem auto 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 2.4rem; }
#main .expert-con .expert-list li { margin: 0; }
#main .expert-con .expert-list a { position: relative; display: flex; align-items: center; justify-content: center; width: 13rem; height: 13rem; border-radius: 50%; overflow: hidden; color: #fff; font-size: 1.7rem; font-weight: 700; line-height: 1.3; text-align: center; border: 2px solid rgba(255,255,255,.35); transition: transform .25s, border-color .25s; }
#main .expert-con .expert-list a:hover { transform: translateY(-4px); border-color: #fff; }
#main .expert-con .expert-list img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(.55); }
#main .expert-con .expert-list span { position: relative; }
#main .expert-con .expert-desc { position: relative; max-width: 100rem; margin: 6rem auto 0; padding-top: 5rem; border-top: 1px solid rgba(255,255,255,.6); font-size: 2.4rem; font-weight: 600; color: #fff; }
#main .expert-con .certi-marquee { position: relative; margin-top: 8rem; padding: 0 0 6rem; overflow: hidden; }
#main .expert-con .certi-marquee ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 2.4rem; width: max-content; animation: certi-scroll 70s linear infinite; }
#main .expert-con .certi-marquee:hover ul { animation-play-state: paused; }
#main .expert-con .certi-marquee li { margin: 0; flex: 0 0 auto; }
#main .expert-con .certi-marquee img { height: 40rem; width: auto; display: block; background: #fff; box-shadow: 0 12px 30px rgba(0,0,0,.35); }
@keyframes certi-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (max-width: 960px) {
#main .expert-con { padding-top: 7rem; }
#main .expert-con .expert-tit { font-size: 3rem; }
#main .expert-con .expert-list { gap: 1.2rem; margin-top: 3.6rem; }
#main .expert-con .expert-list a { width: 9.6rem; height: 9.6rem; font-size: 1.3rem; }
#main .expert-con .expert-desc { font-size: 1.7rem; margin-top: 3.6rem; padding-top: 2.6rem; }
#main .expert-con .certi-marquee { margin-top: 4rem; padding-bottom: 4rem; }
#main .expert-con .certi-marquee img { height: 26rem; }
}
/* 오시는길: 지점 탭 (기존 율마루 오시는길) */
.contact-con.yul-offices .office-tabs { display: flex; flex-wrap: wrap; gap: 1.2rem; margin: 0 0 3.2rem; }
.contact-con.yul-offices .office-tab { padding: 1.1rem 3rem; border: 0; border-radius: 10rem; background: rgba(255,255,255,.18); color: #fff; font: inherit; font-size: 1.7rem; font-weight: 700; cursor: pointer; transition: background .2s; }
.contact-con.yul-offices .office-tab:hover { background: rgba(255,255,255,.3); }
.contact-con.yul-offices .office-tab.on { background: #fff; color: #15264B; }
.contact-con.yul-offices .office-body { display: grid; grid-template-columns: 1fr 1.05fr; gap: 3.2rem; align-items: stretch; }
.contact-con.yul-offices .office-panel { display: none; height: 100%; }
.contact-con.yul-offices .office-panel.on { display: block; }
.contact-con.yul-offices .office-card { height: 100%; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 1.2rem; padding: 4rem 4rem 3.4rem; }
.contact-con.yul-offices .office-card h4 { font-size: 3.4rem; font-weight: 300; color: #fff; margin: 0 0 3rem; }
.contact-con.yul-offices .office-card h4 strong { font-weight: 800; }
.contact-con.yul-offices .office-card dl { display: grid; grid-template-columns: 11rem 1fr; gap: 1.4rem 1.6rem; margin: 0; font-size: 1.6rem; line-height: 1.6; }
.contact-con.yul-offices .office-card dt { font-weight: 700; color: #fff; }
.contact-con.yul-offices .office-card dd { margin: 0; color: #d5dbe7; }
.contact-con.yul-offices .office-card dd a { color: #fff; }
.contact-con.yul-offices .office-links { margin: 3rem 0 0; font-size: 1.5rem; color: #aeb7c8; }
.contact-con.yul-offices .office-links a { color: #fff; text-decoration: underline; text-underline-offset: .3rem; }
.contact-con.yul-offices .office-map { min-height: 46rem; border-radius: 1.2rem; overflow: hidden; background: #0f1a36; }
.contact-con.yul-offices .office-map .kakao-map, .contact-con.yul-offices .office-map .map-photo { width: 100%; height: 100%; min-height: 46rem; }
.contact-con.yul-offices .office-map .map-photo img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 960px) {
.contact-con.yul-offices .office-body { grid-template-columns: 1fr; }
.contact-con.yul-offices .office-card { padding: 2.6rem 2.2rem; }
.contact-con.yul-offices .office-card h4 { font-size: 2.4rem; margin-bottom: 2rem; }
.contact-con.yul-offices .office-card dl { grid-template-columns: 8.5rem 1fr; font-size: 1.45rem; }
.contact-con.yul-offices .office-tab { padding: .9rem 2rem; font-size: 1.4rem; }
.contact-con.yul-offices .office-map, .contact-con.yul-offices .office-map .kakao-map { min-height: 32rem; }
}
/* 성공사례 슬라이더: 정석 후기 카드 스타일을 되돌리고 흰 카드만 쓴다 */
#main .review-con .rvSwiper .swiper-slide { background: transparent !important; padding: 0 !important; border-radius: 0; box-shadow: none; display: block; }
#main .review-con .rvSwiper .swiper-slide .case-card a { display: flex; flex-direction: column; height: 100%; background: #f3f5f9; border-radius: 1rem; overflow: hidden; color: #222; }
#main .review-con .rvSwiper .swiper-slide .case-body { padding: 2.4rem 2.2rem 2rem; flex: 1; display: flex; flex-direction: column; }
#main .review-con .rvSwiper .swiper-slide .tag { display: inline-block; align-self: flex-start; padding: .4rem 1.2rem; border-radius: 10rem; background: #15264B; color: #fff; font-size: 1.3rem; font-weight: 700; margin-bottom: 1.4rem; }
#main .review-con .rvSwiper .swiper-slide .tit { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 1.7rem; font-weight: 700; line-height: 1.45; color: #111; min-height: 4.9rem; }
#main .review-con .rvSwiper .swiper-slide .sum { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 1.2rem 0 0; font-size: 1.4rem; line-height: 1.6; color: #666; }
#main .review-con .rvSwiper .swiper-slide .more { margin-top: 2rem; padding-top: 1.8rem; border-top: 2px solid #222; font-size: 1.4rem; color: #555; }
#main .review-con .rvSwiper .swiper-slide .case-foot { display: flex; align-items: center; gap: 1.2rem; padding: 1.4rem 2rem; background: #2b2b2b; color: #fff; }
#main .review-con .rvSwiper .swiper-slide .case-foot img { width: 5.2rem !important; height: 5.2rem !important; border-radius: 50%; object-fit: cover; object-position: top; background: #fff; margin: 0; }
#main .review-con .rvSwiper .swiper-slide .case-foot span { display: block; font-size: 1.2rem; color: #cfd3dc; }
#main .review-con .rvSwiper .swiper-slide .case-foot strong { font-size: 1.9rem; font-weight: 800; margin-right: .3rem; }
/* 게시판: 정석 column.css 의 표·링크 규칙(남색 머리행, 줄무늬, 밑줄)을 되돌린다 */
main#column .column-body .board-table { font-size: 1.6rem; line-height: 1.5; }
main#column .column-body .board-table th { background: none; color: #333; font-weight: 500; padding: 1.8rem .8rem; text-align: center; }
main#column .column-body .board-table td { padding: 1.9rem .8rem; border-bottom: 1px solid #e5e5e5; vertical-align: middle; text-align: center; color: #222; }
main#column .column-body .board-table td.tit { text-align: left; padding-left: 2rem; }
main#column .column-body .board-table tr.re td.tit { padding-left: 3.4rem; }
main#column .column-body .board-table tr:nth-child(even) td { background: none; }
main#column .column-body .board-table td.tit a { color: #222; text-decoration: none; }
main#column .column-body .board-table tr.re td.tit a { color: #555; }
main#column .column-body .board-table td.tit a:hover { text-decoration: underline; }
main#column .column-body .board-btns a, main#column .column-body .board-form .btn-cancel, main#column .column-body .board-form .agree-full, main#column .column-body .board-pager a { text-decoration: none; }
main#column .column-body .board-btns a { color: #fff; }
main#column .column-body .board-form .btn-cancel { color: #222; }
main#column .column-body .board-form .agree-full { text-decoration: underline; }
main#column .column-body .board-pager a { color: #555; }
main#column .column-body .board-pager a.on { color: #fff; }
main#column .column-body .board-form .fagree input[type="checkbox"] { appearance: auto; -webkit-appearance: checkbox; display: inline-block; position: static; opacity: 1; width: 2.2rem; height: 2.2rem; margin: 0; }
main#column .column-body .board-view .view-info { font-size: 1.5rem; }
/* 인사말 (/about/): 기존 사이트 greetings 구성 (사진 + 도장 로고 + 인용문 + 본문 + 서명) */
.column-body .greeting { position: relative; margin: 0 0 6rem; padding-top: 1rem; overflow: hidden; }
.column-body .greeting .greet-bg { position: absolute; left: 0; right: 0; top: 0; margin: 0; text-align: center; white-space: nowrap; font-size: clamp(4.4rem, 11.5vw, 10.2rem); font-weight: 800; letter-spacing: -.03em; color: #eef0f4; line-height: 1; z-index: 0; pointer-events: none; }
.column-body .greeting .greet-tit { position: relative; z-index: 1; margin: 8.4rem 0 6rem; text-align: center; font-size: 4rem; font-weight: 400; color: #222; letter-spacing: -.03em; }
.column-body .greeting .greet-tit strong { font-weight: 700; }
.column-body .greeting .greet-item { position: relative; z-index: 1; display: grid; grid-template-columns: 38% 1fr; gap: 5rem; align-items: start; margin-bottom: 7rem; }
.column-body .greeting .greet-item:nth-child(odd) { direction: rtl; }
.column-body .greeting .greet-item:nth-child(odd) > * { direction: ltr; }
.column-body .greeting .greet-photo img { display: block; width: 100%; height: auto; border-radius: 26rem 26rem 1.6rem 1.6rem; background: #15264B; }
.column-body .greeting .greet-txt { position: relative; padding-top: 1rem; }
.column-body .greeting .greet-stamp { position: absolute; right: 0; top: -1rem; width: 9rem; height: 9rem; }
.column-body .greeting .greet-quote { margin: 4rem 0 2.4rem; padding-bottom: 2.4rem; border-bottom: 1px solid #e3e7ee; font-family: "Nanum Myeongjo", "Apple Myungjo", "Batang", serif; font-size: 2.8rem; font-weight: 700; line-height: 1.45; color: #15264B; letter-spacing: -.02em; }
.column-body .greeting .greet-body { font-size: 1.7rem; line-height: 1.95; color: #444; }
.column-body .greeting .greet-sign { margin-top: 2.4rem; font-size: 1.8rem; font-weight: 700; color: #222; }
main#column .column-body .greeting .greet-sign a { color: #222; text-decoration: none; }
@media (max-width: 960px) {
.column-body .greeting .greet-bg { font-size: 11.5vw; }
.column-body .greeting .greet-tit { margin: 4rem 0 3rem; font-size: 2.6rem; }
.column-body .greeting .greet-item, .column-body .greeting .greet-item:nth-child(odd) { grid-template-columns: 1fr; gap: 2.4rem; direction: ltr; }
.column-body .greeting .greet-photo { max-width: 32rem; }
.column-body .greeting .greet-quote { font-size: 2.2rem; margin-top: 2rem; }
.column-body .greeting .greet-stamp { width: 6.4rem; height: 6.4rem; }
}
/* 핵심 요약 띠 (/SUMMARY): 제목 없는 라벨/값 3~4칸, 정석 column 템플릿의 선·여백 톤 */
.column-body .fact-strip, .summary-con .fact-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 0 5rem; padding: 0; border-top: 2px solid #15264B; border-bottom: 1px solid #e3e7ee; }
.column-body .fact-strip.n3, .summary-con .fact-strip.n3 { grid-template-columns: repeat(3, 1fr); }
.column-body .fact-strip .fact, .summary-con .fact-strip .fact { padding: 2.2rem 2rem; border-left: 1px solid #e3e7ee; min-width: 0; }
.column-body .fact-strip .fact:first-child, .summary-con .fact-strip .fact:first-child { border-left: 0; padding-left: 0; }
.column-body .fact-strip dt, .summary-con .fact-strip dt { margin: 0 0 .8rem; font-size: 1.3rem; font-weight: 500; letter-spacing: .02em; color: #8a93a3; }
.column-body .fact-strip dd, .summary-con .fact-strip dd { margin: 0; font-size: 1.6rem; font-weight: 700; line-height: 1.5; color: #15264B; word-break: keep-all; }
main#column .column-body .fact-strip dd a { color: #15264B; text-decoration: none; }
@media (max-width: 960px) {
.column-body .fact-strip, .column-body .fact-strip.n3 { grid-template-columns: 1fr 1fr; }
.column-body .fact-strip .fact { padding: 1.6rem 1.4rem; border-left: 0; border-bottom: 1px solid #e3e7ee; }
.column-body .fact-strip .fact:nth-child(even) { border-left: 1px solid #e3e7ee; }
.column-body .fact-strip .fact:nth-last-child(-n+2):not(:nth-child(odd):last-child) { border-bottom: 0; }
.column-body .fact-strip .fact:first-child { padding-left: 1.4rem; }
.column-body .fact-strip dd { font-size: 1.5rem; }
}
.summary-con .fact-strip { max-width: 90rem; margin: 0 auto; }
.summary-con .fact-strip dd { font-size: 1.7rem; }
@media (max-width: 960px) {
.summary-con .fact-strip, .summary-con .fact-strip.n3 { grid-template-columns: 1fr 1fr; }
.summary-con .fact-strip .fact { padding: 1.6rem 1.4rem; border-left: 0; border-bottom: 1px solid #e3e7ee; }
.summary-con .fact-strip .fact:nth-child(even) { border-left: 1px solid #e3e7ee; }
.summary-con .fact-strip .fact:first-child { padding-left: 1.4rem; }
}
/* 구성원 소개: 기존 사이트 member_list / member_view 화면 */
.member-con { padding: 10rem 0 12rem; }
.member-grid { list-style: none; margin: 0 auto; padding: 0; max-width: 64rem; display: grid; grid-template-columns: 1fr 1fr; gap: 6rem 1.6rem; }
.member-grid li > a, .member-grid li > div { display: block; text-align: center; color: #222; text-decoration: none; }
.member-grid .m-photo { position: relative; display: block; padding-top: 7rem; }
.member-grid .m-photo:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 7rem; background: #efefef; }
.member-grid .m-photo img { position: relative; display: block; width: 100%; height: auto; margin-top: -7rem; transition: transform .4s ease; }
.member-grid li > a:hover .m-photo img { transform: translateY(-.6rem); }
.member-grid .m-name { display: block; margin-top: 2rem; font-size: 3rem; font-weight: 800; color: #222; letter-spacing: -.03em; }
.member-grid .m-name span { font-size: 1.8rem; font-weight: 500; color: #333; margin-left: .4rem; }
.member-grid .m-desc { margin: .8rem 0 0; font-size: 1.6rem; color: #555; }
.member-view { display: grid; grid-template-columns: 40% 1fr; gap: 5rem; align-items: start; max-width: 128rem; margin: 0 auto; }
.member-view .mv-left img { display: block; width: 100%; height: auto; }
.member-view .mv-eng { margin: 2.4rem 0 .4rem; font-family: "Nanum Myeongjo", "Apple Myungjo", "Batang", serif; font-size: 2rem; font-weight: 700; color: #15264B; }
.member-view .mv-name { margin: 0; font-size: 5rem; font-weight: 800; color: #111; letter-spacing: -.04em; line-height: 1.2; }
.member-view .mv-name span { font-size: 3.8rem; font-weight: 400; color: #444; margin-left: .4rem; }
.member-view .mv-right { border-top: 1px solid #222; border-bottom: 1px solid #222; }
.member-view .mv-sec { padding: 2.4rem 0 2.6rem; }
.member-view .mv-sec + .mv-sec { border-top: 1px solid #ddd; }
.member-view .mv-sec h2 { margin: 0 0 1.4rem; font-size: 2.2rem; font-weight: 800; color: #15264B; }
.member-view .mv-sec ul { list-style: none; margin: 0; padding: 0; }
.member-view .mv-sec li { position: relative; padding-left: 1.8rem; font-size: 1.7rem; line-height: 2; color: #333; }
.member-view .mv-sec li:before { content: ""; position: absolute; left: .2rem; top: 1.45rem; width: .6rem; height: .6rem; background: #15264B; transform: rotate(45deg); }
.member-view .mv-career ul + ul { margin-top: 2rem; padding-top: 2rem; border-top: 1px dashed #ccc; }
@media (max-width: 960px) {
.member-con { padding: 6rem 0 8rem; }
.member-grid { gap: 4rem 1rem; }
.member-grid .m-photo { padding-top: 4rem; }
.member-grid .m-photo:before { top: 4rem; }
.member-grid .m-photo img { margin-top: -4rem; }
.member-grid .m-name { font-size: 2.2rem; }
.member-grid .m-name span { display: block; margin: .4rem 0 0; font-size: 1.5rem; }
.member-grid .m-desc { font-size: 1.3rem; }
.member-view { grid-template-columns: 1fr; gap: 3rem; }
.member-view .mv-left img { max-width: 36rem; }
.member-view .mv-name { font-size: 3.6rem; }
.member-view .mv-name span { font-size: 2.4rem; }
.member-view .mv-sec li { font-size: 1.5rem; }
}
/* 오시는길: 설명 두 줄과 지점 탭 사이 여백 */
.contact-con.yul-offices .tit-wrap.cmn .desc { margin-bottom: 0; }
.contact-con.yul-offices .office-tabs { margin-top: 4rem; }
/* 푸터: 기존 율마루 사이트 모양 (짙은 회색 바탕, 지점별 주소·전화(금색)·팩스) */
#footer2.yul-foot { background: #232323; color: #bdbdbd; padding: 6rem 0 5rem; font-size: 1.5rem; }
#footer2.yul-foot .area { max-width: 182rem; margin: 0 auto; padding: 0 4rem; }
#footer2.yul-foot .ft-logo { margin: 0; padding-bottom: 4rem; border-bottom: 1px solid #4a4a4a; }
#footer2.yul-foot .ft-logo img { display: block; height: 6.4rem; width: auto; }
#footer2.yul-foot .ft-offices { list-style: none; margin: 0; padding: 3.6rem 0 3.4rem; border-bottom: 1px solid #3a3a3a; }
#footer2.yul-foot .ft-offices li { display: grid; grid-template-columns: 9rem minmax(0, 58rem) 32rem 1fr; align-items: center; column-gap: 2rem; padding: .7rem 0; }
#footer2.yul-foot .ft-br { color: #fff; font-weight: 500; white-space: nowrap; }
#footer2.yul-foot .ft-br b { font-weight: 800; }
#footer2.yul-foot .ft-addr { color: #bdbdbd; }
#footer2.yul-foot .ft-tel { color: #bdbdbd; white-space: nowrap; }
#footer2.yul-foot .ft-tel a { color: #b0905a; font-size: 2.4rem; font-weight: 800; letter-spacing: -.01em; text-decoration: none; vertical-align: -.1rem; }
#footer2.yul-foot .ft-fax { color: #bdbdbd; white-space: nowrap; }
#footer2.yul-foot .ft-bottom { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; padding-top: 3rem; }
#footer2.yul-foot .ft-info p { margin: 1rem 0 0; display: flex; flex-wrap: wrap; gap: .4rem 4rem; }
#footer2.yul-foot .ft-notice summary { display: inline-block; color: #fff; text-decoration: underline; cursor: pointer; list-style: none; font-size: 1.4rem; }
#footer2.yul-foot .ft-notice summary::-webkit-details-marker { display: none; }
#footer2.yul-foot .ft-notice p { display: block; margin: 1rem 0 0; max-width: 80rem; line-height: 1.7; color: #999; }
#footer2.yul-foot address { font-style: normal; color: #bdbdbd; white-space: nowrap; }
@media (max-width: 1200px) {
#footer2.yul-foot .ft-offices li { grid-template-columns: 9rem 1fr; row-gap: .2rem; padding: 1.2rem 0; }
#footer2.yul-foot .ft-tel, #footer2.yul-foot .ft-fax { grid-column: 2; }
}
@media (max-width: 700px) {
#footer2.yul-foot { padding: 4rem 0 9rem; font-size: 1.3rem; }
#footer2.yul-foot .area { padding: 0 1.6rem; }
#footer2.yul-foot .ft-logo img { height: 4.6rem; }
#footer2.yul-foot .ft-offices li { grid-template-columns: 1fr; }
#footer2.yul-foot .ft-tel, #footer2.yul-foot .ft-fax { grid-column: 1; }
#footer2.yul-foot .ft-tel a { font-size: 2rem; }
#footer2.yul-foot .ft-bottom { flex-direction: column; align-items: flex-start; }
#footer2.yul-foot address { white-space: normal; }
}
/* 홈: 전문성 섹션 아래로 옮긴 주요 업무분야 위 여백 (정석 원본은 padding-top 0) */
#main .clinic-con { padding-top: 14rem; }
@media (max-width: 960px) { #main .clinic-con { padding-top: 8rem; } }
/* 푸터 색: 사이트 톤(남색)에 맞춤. 바로 위 오시는길(남색)과 구분되게 한 단계 짙게, 금색 대신 흰 전화번호 */
#footer2.yul-foot { background: #0c1630; color: #9aa6bf; border-top: 1px solid rgba(255,255,255,.08); }
#footer2.yul-foot .ft-logo { border-bottom-color: rgba(255,255,255,.12); }
#footer2.yul-foot .ft-offices { border-bottom-color: rgba(255,255,255,.08); }
#footer2.yul-foot .ft-br { color: #fff; }
#footer2.yul-foot .ft-addr, #footer2.yul-foot .ft-tel, #footer2.yul-foot .ft-fax, #footer2.yul-foot address { color: #9aa6bf; }
#footer2.yul-foot .ft-tel a { color: #fff; font-size: 2.2rem; font-weight: 700; }
#footer2.yul-foot .ft-tel a:hover { color: #c9d6f2; }
#footer2.yul-foot .ft-notice summary { color: #c9d1e3; }
#footer2.yul-foot .ft-notice p { color: #7d89a3; }
/* 서브 비주얼: 경로 드롭다운(sub-loc)을 없앤 만큼 높이를 줄인다 */
main.sub .visual-con { height: 62rem; }
main#column.sub.hub .visual-con .txt-wrap { padding-top: 20rem; }
@media (max-width: 1400px) { main.sub .visual-con { height: 58rem; } main#column.sub.hub .visual-con .txt-wrap { padding-top: 17rem; } }
@media (max-width: 960px) { main.sub .visual-con { height: auto; min-height: 42rem; padding-bottom: 6rem; } main#column.sub.hub .visual-con .txt-wrap { padding-top: 13rem; } }
/* ===== 업무분야 쪽 (layout: practice): 기존 율마루 업무분야 화면 결을 살린 블록 ===== */
.prc-con { padding: 0; }
.prc-con .area { max-width: 128rem; margin: 0 auto; padding: 0 2rem; }
.prc-eyebrow { margin: 0 0 1.4rem; font-size: 1.4rem; font-weight: 700; letter-spacing: .3em; color: #6A8BD5; }
.prc-sec-tit { margin: 0 0 5rem; font-size: 4.2rem; font-weight: 800; line-height: 1.3; color: #111; letter-spacing: -.03em; word-break: keep-all; }
.prc-hook { padding: 14rem 0 12rem; }
.prc-hook .area { display: grid; grid-template-columns: 46% 1fr; gap: 8rem; align-items: center; }
.prc-hook.no-img .area { grid-template-columns: 1fr; max-width: 96rem; }
.prc-hook-img img { display: block; width: 100%; height: auto; border-radius: 24rem 24rem 1.6rem 1.6rem; }
.prc-title { margin: 0 0 3.4rem; font-size: 5rem; font-weight: 800; line-height: 1.3; letter-spacing: -.04em; color: #111; word-break: keep-all; }
.prc-title strong { color: #15264B; box-shadow: inset 0 -1.4rem 0 rgba(106,139,213,.22); }
.prc-hook-txt p:not(.prc-eyebrow) { margin: 0 0 1.6rem; font-size: 1.9rem; line-height: 1.85; color: #444; word-break: keep-all; }
.prc-cases { padding: 12rem 0; background: #f4f6fa; }
.prc-card-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.4rem; }
.prc-card-list li > a, .prc-card-list li > div { display: flex; flex-direction: column; height: 100%; background: #fff; border-radius: 1.6rem; overflow: hidden; color: #222; text-decoration: none; box-shadow: 0 1rem 3rem rgba(21,38,75,.06); transition: transform .3s, box-shadow .3s; }
.prc-card-list li > a:hover { transform: translateY(-.6rem); box-shadow: 0 1.6rem 4rem rgba(21,38,75,.12); }
.prc-card-img { display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.prc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.prc-card-body { display: flex; flex-direction: column; flex: 1; padding: 3rem 3rem 3.2rem; }
.prc-card-no { font-style: normal; font-size: 1.3rem; font-weight: 700; letter-spacing: .15em; color: #6A8BD5; }
.prc-card-body strong { margin: 1rem 0 1.2rem; font-size: 2.4rem; font-weight: 800; color: #15264B; letter-spacing: -.02em; }
.prc-card-txt { font-size: 1.6rem; line-height: 1.75; color: #555; word-break: keep-all; flex: 1; }
.prc-card-body i { margin-top: 2rem; font-style: normal; font-size: 1.4rem; font-weight: 700; color: #15264B; }
.prc-card-body i:after { content: " →"; }
.prc-table { padding: 12rem 0; }
.prc-table-wrap table { width: 100%; border-collapse: collapse; border-top: 2px solid #15264B; font-size: 1.8rem; }
.prc-table-wrap th { padding: 2rem 2.4rem; background: #f4f6fa !important; color: #15264B !important; font-weight: 700; text-align: left; border-bottom: 1px solid #dfe4ee; }
.prc-table-wrap td { padding: 2.2rem 2.4rem; border-bottom: 1px solid #e6e9f0; color: #333; background: #fff !important; }
.prc-table-wrap td:last-child { font-weight: 700; color: #15264B; }
.prc-note { margin: 1.6rem 0 0; font-size: 1.4rem; color: #8a93a3; }
.prc-steps { padding: 12rem 0; background: #15264B; color: #fff; }
.prc-steps .prc-sec-tit { color: #fff; }
.prc-steps .prc-eyebrow { color: #9fb6ea; }
.prc-steps ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; counter-reset: none; }
.prc-steps li { position: relative; padding: 3.4rem 3rem 3.6rem; border: 1px solid rgba(255,255,255,.18); border-radius: 1.6rem; }
.prc-step-no { display: block; font-size: 4.4rem; font-weight: 800; color: rgba(255,255,255,.28); line-height: 1; margin-bottom: 2.4rem; }
.prc-steps strong { display: block; font-size: 2.2rem; font-weight: 800; margin-bottom: 1.2rem; }
.prc-steps p { margin: 0; font-size: 1.6rem; line-height: 1.7; color: rgba(255,255,255,.78); word-break: keep-all; }
.prc-lawyers { padding: 12rem 0 10rem; text-align: center; }
.prc-lawyers .member-grid { max-width: none; justify-content: center; grid-template-columns: repeat(auto-fit, minmax(22rem, 28rem)); }
.prc-lawyers .m-spec { display: block; margin-top: .8rem; font-size: 1.5rem; color: #6A8BD5; font-weight: 600; }
.prc-success { padding: 10rem 0 12rem; background: #f4f6fa; }
.prc-success .case-grid { margin: 0; }
.prc-more { margin: 4rem 0 0; text-align: center; }
main#column .prc-more a { display: inline-block; padding: 1.5rem 4rem; border-radius: 10rem; background: #15264B; color: #fff; font-size: 1.6rem; font-weight: 700; text-decoration: none; }
@media (max-width: 1200px) {
.prc-card-list { grid-template-columns: repeat(2, 1fr); }
.prc-steps ol { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 960px) {
.prc-sec-tit { font-size: 3rem; margin-bottom: 3.2rem; }
.prc-hook { padding: 7rem 0 6rem; }
.prc-hook .area { grid-template-columns: 1fr; gap: 4rem; }
.prc-hook-img { max-width: 44rem; }
.prc-title { font-size: 3.4rem; }
.prc-hook-txt p:not(.prc-eyebrow) { font-size: 1.7rem; }
.prc-cases, .prc-table, .prc-steps, .prc-lawyers, .prc-success { padding: 7rem 0; }
.prc-card-list { grid-template-columns: 1fr; }
.prc-card-body { padding: 2.4rem; }
.prc-steps ol { grid-template-columns: 1fr; }
.prc-table-wrap table { font-size: 1.5rem; }
.prc-table-wrap th, .prc-table-wrap td { padding: 1.4rem 1.2rem; }
}
/* 링크·이미지 없는 CASE 카드: 남색 채움으로 의도된 카드처럼 */
.prc-card-list li > div.plain { background: #15264B; box-shadow: none; }
.prc-card-list li > div.plain .prc-card-body { justify-content: flex-end; }
.prc-card-list li > div.plain .prc-card-no { color: #9fb6ea; }
.prc-card-list li > div.plain strong { color: #fff; }
.prc-card-list li > div.plain .prc-card-txt { color: rgba(255,255,255,.8); flex: 0; }
/* 카드 수에 따라 줄 맞춤: 4장은 2x2, 5장은 마지막 줄 가운데 */
.prc-card-list.n4 { grid-template-columns: repeat(2, 1fr); }
.prc-card-list.n4 .prc-card-img { aspect-ratio: 21 / 9; }
.prc-card-list.n5 { display: flex; flex-wrap: wrap; justify-content: center; }
.prc-card-list.n5 > li { flex: 0 0 calc((100% - 4.8rem) / 3); }
@media (max-width: 1200px) { .prc-card-list.n5 > li { flex-basis: calc((100% - 2.4rem) / 2); } }
@media (max-width: 960px) { .prc-card-list.n4 { grid-template-columns: 1fr; } .prc-card-list.n5 > li { flex-basis: 100%; } }
.prc-card-list.n2 { grid-template-columns: repeat(2, 1fr); }
.prc-card-list.n2 .prc-card-img { aspect-ratio: 21 / 9; }
@media (max-width: 960px) { .prc-card-list.n2 { grid-template-columns: 1fr; } }
/* 성공사례 카드: 제목이 짧아 높이를 줄이고 넓은 화면은 4열 */
.case-grid .case-card a { min-height: 0; }
.case-grid .cc-tit { margin: 1.2rem 0 2.2rem; min-height: 6.8rem; }
@media (min-width: 1300px) { .case-list .case-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 700px) { .case-grid .cc-tit { min-height: 0; } }
/* 우측 퀵메뉴: 남색 섹션·푸터 위에서도 보이게 원래 사이트의 금색 계열 + 흰 테두리 */
#dock.yul-dock a { background: linear-gradient(145deg, #c49a5c, #a07a42); border: 2px solid rgba(255,255,255,.9); box-shadow: 0 8px 22px rgba(0, 0, 0, .28); }
#dock.yul-dock a:hover { background: linear-gradient(145deg, #b48a4f, #8c6a38); }
/* 오시는길: 바로가기 버튼, 지도 크게 */
.contact-con.yul-offices .office-links { display: flex; flex-wrap: wrap; gap: .8rem; margin: 3rem 0 0; }
.contact-con.yul-offices .office-links a { display: inline-flex; align-items: center; padding: 1rem 1.8rem; border-radius: 10rem; border: 1px solid rgba(255,255,255,.35); color: #fff; font-size: 1.4rem; font-weight: 600; text-decoration: none; transition: background .2s, color .2s; }
.contact-con.yul-offices .office-links a.lk-naver { background: #03c75a; border-color: #03c75a; color: #fff; }
.contact-con.yul-offices .office-links a.lk-kakaomap { background: #fee500; border-color: #fee500; color: #191919; }
.contact-con.yul-offices .office-links a:hover { background: #fff; border-color: #fff; color: #15264B; }
.contact-con.yul-offices .office-body { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
.contact-con.yul-offices .office-map { min-height: 54rem; box-shadow: 0 1.6rem 4rem rgba(0,0,0,.3); }
.contact-con.yul-offices .office-map .kakao-map, .contact-con.yul-offices .office-map .map-photo { min-height: 54rem; }
/* 오시는길 쪽 전용: 설명 없이 제목만 */
.contact-con.yul-offices.page .tit-wrap.cmn .desc { display: none; }
.contact-con.yul-offices.page .office-tabs { margin-top: 3.2rem; }
.contact-con.yul-offices.page .office-map, .contact-con.yul-offices.page .office-map .kakao-map { min-height: 62rem; }
@media (max-width: 960px) {
.contact-con.yul-offices .office-body { grid-template-columns: 1fr; }
.contact-con.yul-offices .office-map, .contact-con.yul-offices .office-map .kakao-map, .contact-con.yul-offices .office-map .map-photo,
.contact-con.yul-offices.page .office-map, .contact-con.yul-offices.page .office-map .kakao-map { min-height: 38rem; }
.contact-con.yul-offices .office-map { order: -1; }
}
/* 오시는길 쪽(/offices/): 흰 배경판 */
article.contact-con.yul-offices.page { background: #fff; color: #222; }
article.contact-con.yul-offices.page .tit-wrap .main-tit, article.contact-con.yul-offices.page .tit-wrap .main-tit em { color: #111 !important; }
.contact-con.yul-offices.page .office-tab { background: #eef1f6; color: #15264B; }
.contact-con.yul-offices.page .office-tab:hover { background: #dfe5ef; }
.contact-con.yul-offices.page .office-tab.on { background: #15264B; color: #fff; }
.contact-con.yul-offices.page .office-card { background: #f6f8fb; border-color: #e3e7ee; }
.contact-con.yul-offices.page .office-card h4 { color: #15264B; }
.contact-con.yul-offices.page .office-card dt { color: #15264B; }
.contact-con.yul-offices.page .office-card dd, .contact-con.yul-offices.page .office-card dd a { color: #333; }
.contact-con.yul-offices.page .office-links a { border-color: #c9d1df; color: #15264B; }
.contact-con.yul-offices.page .office-links a.lk-naver { color: #fff; }
.contact-con.yul-offices.page .office-links a.lk-kakaomap { color: #191919; }
.contact-con.yul-offices.page .office-links a:hover { background: #15264B; border-color: #15264B; color: #fff; }
.contact-con.yul-offices.page .office-map { box-shadow: 0 1.2rem 3.6rem rgba(21,38,75,.14); border: 1px solid #e3e7ee; background: #eef1f6; }
/* 머리글 알약(상담시간·사무소 안내): 글자가 테두리에 붙지 않게 넓히고 높인다 */
#header2 .inner .util-wrap .point-box { min-width: 22.4rem; height: 3.4rem; font-size: 1.35rem; }
/* 자주 묻는 질문 (/faq/): 검색 + 분야 탭 + 펼침 목록 */
.faq-con { padding: 10rem 0 12rem; }
.faq-con .area { max-width: 110rem; margin: 0 auto; padding: 0 2rem; }
.faq-tools { position: sticky; top: 0; z-index: 5; background: #fff; padding: 2rem 0 1.6rem; margin-bottom: 2rem; border-bottom: 1px solid #e6e9f0; }
.faq-search input { width: 100%; height: 6.4rem; padding: 0 2.4rem 0 5.6rem; border: 2px solid #15264B; border-radius: 10rem; font: inherit; font-size: 1.7rem; color: #222; background: #fff url("data:image/svg+xml;utf8,") no-repeat 2.2rem center; }
.faq-search input:focus { outline: none; box-shadow: 0 0 0 4px rgba(106,139,213,.25); }
.faq-tabs { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.8rem; }
.faq-tabs button { padding: 1rem 2rem; border: 1px solid #d9dee8; border-radius: 10rem; background: #fff; font: inherit; font-size: 1.5rem; font-weight: 600; color: #333; cursor: pointer; }
.faq-tabs button span { font-size: 1.25rem; font-weight: 700; color: #8a93a3; margin-left: .3rem; }
.faq-tabs button.on { background: #15264B; border-color: #15264B; color: #fff; }
.faq-tabs button.on span { color: #9fb6ea; }
.faq-count { margin: 1.4rem 0 0; font-size: 1.4rem; color: #8a93a3; }
.faq-group { margin-top: 4rem; scroll-margin-top: 22rem; }
.faq-group h2 { margin: 0 0 1.4rem; font-size: 2.6rem; font-weight: 800; color: #15264B; }
.faq-item { border-bottom: 1px solid #e6e9f0; scroll-margin-top: 22rem; }
.faq-item summary { display: flex; gap: 1.4rem; align-items: flex-start; padding: 2.2rem 4.4rem 2.2rem 0; list-style: none; cursor: pointer; position: relative; font-size: 1.8rem; font-weight: 700; line-height: 1.5; color: #111; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary:after { content: ""; position: absolute; right: .8rem; top: 2.8rem; width: 1rem; height: 1rem; border-right: 2px solid #15264B; border-bottom: 2px solid #15264B; transform: rotate(45deg); transition: transform .2s; }
.faq-item[open] summary:after { transform: rotate(-135deg); top: 3.2rem; }
.faq-item summary:hover span { color: #15264B; }
.faq-item em { flex: none; font-style: normal; font-weight: 800; color: #6A8BD5; }
.faq-a { display: flex; gap: 1.4rem; padding: 0 0 2.6rem; }
.faq-a em { color: #c49a5c; }
.faq-a p { margin: 0; font-size: 1.65rem; line-height: 1.85; color: #444; word-break: keep-all; }
.faq-empty { padding: 6rem 0; text-align: center; color: #8a93a3; font-size: 1.6rem; }
.faq-note { margin: 5rem 0 0; font-size: 1.35rem; color: #8a93a3; }
@media (max-width: 960px) {
.faq-con { padding: 5rem 0 7rem; }
.faq-search input { height: 5.4rem; font-size: 1.5rem; padding-left: 5rem; }
.faq-tabs { flex-wrap: nowrap; overflow-x: auto; margin: 1.4rem -2rem 0; padding: 0 2rem; scrollbar-width: none; }
.faq-tabs::-webkit-scrollbar { display: none; }
.faq-tabs button { white-space: nowrap; font-size: 1.4rem; padding: .9rem 1.6rem; }
.faq-item summary { font-size: 1.6rem; padding: 1.8rem 3.6rem 1.8rem 0; }
.faq-a p { font-size: 1.5rem; }
}
/* 칼럼 머리 사진 */
main#column .post-body figure { margin: 3rem 0 4rem; }
main#column .post-body figure img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 1.6rem; background: #eef1f6; }
/* 목록 카드 날짜·NEW */
.case-grid .cc-date { margin-left: auto; font-size: 1.35rem; color: #8a93a3; font-style: normal; white-space: nowrap; }
.case-grid .cc-date + .cc-arrow { margin-left: 1rem; }
.case-grid .cc-new { display: inline-block; margin-right: .6rem; padding: .2rem .7rem; border-radius: .4rem; background: #c49a5c; color: #fff; font-size: 1.1rem; font-weight: 800; letter-spacing: .04em; vertical-align: .1rem; }
.case-grid .case-card a:hover .cc-date { color: rgba(255,255,255,.75); }
#footer2.yul-foot .ft-tel small { font-size: 1.25rem; color: #9aa6bf; margin-left: .2rem; }
#footer2.yul-foot .ft-offices li { grid-template-columns: 9rem minmax(0, 52rem) minmax(32rem, auto) 1fr; }
/* 오른쪽 위 전화번호: 소송·회생파산 두 번호 */
#header2 .inner .util-wrap .lang-box { gap: 2.2rem; }
#header2 .inner .util-wrap .lang-box a.hd-tel { display: inline-flex; align-items: baseline; gap: .6rem; font-size: 1.7rem; font-weight: 700; letter-spacing: -.01em; }
#header2 .inner .util-wrap .lang-box a.hd-tel small { font-size: 1.2rem; font-weight: 500; opacity: .75; }
#header2 .inner .util-wrap .lang-box a.hd-tel::before { left: -1.1rem; }
@media (max-width: 1400px) { #header2 .inner .util-wrap .point-box { display: none; } }
@media (max-width: 1024px) { #header2 .inner .util-wrap .lang-box a.mo-hide { display: none; } #header2 .inner .util-wrap .lang-box a.hd-tel small { display: none; } }
@media (max-width: 1024px) { #header2 .inner .util-wrap .lang-box a.hd-tel::before { display: none; } }
/* 머리글 지역 전환 알약 (부산 | 창원 | 서울) */
#header2 .inner .util-wrap .region-switch { display: inline-flex; gap: 0; padding: .3rem; height: 3.4rem; min-width: 0; overflow: visible; }
#header2 .inner .util-wrap .region-switch a { display: inline-flex; align-items: center; padding: 0 1.4rem; border-radius: 5rem; font-size: 1.35rem; font-weight: 600; color: rgba(255,255,255,.75); white-space: nowrap; text-decoration: none; }
#header2 .inner .util-wrap .region-switch a.on { background: #fff; color: #15264B; }
#header2:is(.scroll-up, .terms, .menu-open, .gnb-open) .inner .util-wrap .region-switch a { color: #555; }
#header2:is(.scroll-up, .terms, .menu-open, .gnb-open) .inner .util-wrap .region-switch a.on { background: #15264B; color: #fff; }
@media (max-width: 1400px) { #header2 .inner .util-wrap .point-box.region-switch { display: inline-flex; } #header2 .inner .util-wrap .lang-box a.mo-hide { display: none; } }
@media (max-width: 1024px) { #header2 .inner .util-wrap .point-box.region-switch { display: none; } }
/* 업무분야 쪽 지역 전환 한 줄 */
.prc-region { max-width: 128rem; margin: -8rem auto 0; padding: 0 2rem 6rem; font-size: 1.5rem; color: #8a93a3; }
main#column .prc-region a { color: #15264B; font-weight: 700; text-decoration: underline; text-underline-offset: .3rem; }
@media (max-width: 960px) { .prc-region { margin-top: -3rem; padding-bottom: 4rem; } }
/* 언어 전환 (KOR | ENG): 머리글 오른쪽 작은 링크, 모바일은 전체 메뉴 맨 아래 */
#header2 .inner .util-wrap .lang-link { display: inline-flex; align-items: center; height: 3.4rem; padding: 0 1.3rem; border: 1px solid rgba(198,167,102,.45); border-radius: 5rem; font-size: 1.3rem; font-weight: 700; letter-spacing: .08em; color: rgba(255,255,255,.85); white-space: nowrap; text-decoration: none; }
#header2 .inner .util-wrap .lang-link:hover { color: #C6A766; border-color: #C6A766; }
#header2 .inner .gnb-wrap ul li > a, #header2 .inner .util-wrap .lang-box a { white-space: nowrap; }
.full_nav .nav_list .nav-lang .nav-link { font-size: 1.6rem; letter-spacing: .04em; opacity: .8; }
@media (max-width: 1600px) {
#header2 .inner .gnb-wrap ul { gap: 3rem; }
html[lang="en"] #header2 .inner .gnb-wrap ul li > a { font-size: 1.7rem; }
html[lang="en"] #header2 .inner .util-wrap .lang-box a.hd-tel small { display: none; }
}
@media (max-width: 1024px) { #header2 .inner .util-wrap .lang-link { display: none; } }
/* 영문 홈 비주얼: 영어 문장이 길어 글자를 줄인다 */
html[lang="en"] #main .visual-con .txt-wrap .main-tit { font-size: 5.8rem; line-height: 1.15; }
@media (max-width: 1024px) { html[lang="en"] #main .visual-con .txt-wrap .main-tit { font-size: 3.6rem; } }