@charset "utf-8";
/* 01. Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
/* 02. 디자인 토큰 / PC 기본 18px */
:root{--ob-charcoal:#24272D;--ob-silver:#A7A9AC;--ob-light:#F2F3F5;--ob-white:#fff;--ob-text:#24272D;--ob-border:#E1E3E6;--ob-highlight:#657786;--ob-width:1240px;--ob-font-base:18px;--ob-font-small:15px;--ob-font-menu:18px;--ob-font-card:24px;--ob-font-h3:28px;--ob-font-h2:42px;--ob-font-h1:56px}
/* 03. CSS 초기화: 그누보드의 접근성 보조 클래스를 해치지 않음 */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;font-family:'Noto Sans KR',sans-serif;font-size:var(--ob-font-base);line-height:1.75;color:var(--ob-text);background:var(--ob-white);overflow-wrap:break-word}h1,h2,h3,h4,p,figure{margin-top:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;vertical-align:middle}button,input,textarea,select{font:inherit}button{cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid #4387a6;outline-offset:3px}.ob-inner{width:min(var(--ob-width),calc(100% - 48px));margin-inline:auto}.ob-highlight{color:var(--ob-highlight);font-weight:700}.ob-skip{position:absolute;top:-100px;left:12px;z-index:9999;background:#fff;padding:8px 12px}.ob-skip:focus{top:8px}.ob-login-msg{padding:4px 16px;text-align:right;font-size:13px;background:#eee}
/* 04. 헤더: 메인 메뉴만 표시 */
.ob-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid var(--ob-border);backdrop-filter:blur(12px)}.ob-header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px}.ob-brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.ob-brand img{width:66px;height:auto}.ob-brand-text{display:flex;flex-direction:column;line-height:1.35;white-space:nowrap}.ob-brand-text small{font-size:13px;font-weight:500;color:#626970}.ob-brand-text strong{font-size:21px;font-weight:800;letter-spacing:-.04em}.ob-gnb ul{display:flex;align-items:center;gap:clamp(6px,1.3vw,24px)}.ob-gnb a{display:block;padding:15px 7px;font-size:var(--ob-font-menu);font-weight:700;white-space:nowrap;transition:color .2s}.ob-gnb a:hover,.ob-gnb a.is-active{color:#687985}.ob-gnb a.is-active{box-shadow:inset 0 -3px 0 var(--ob-charcoal)}.ob-menu-toggle{display:none;background:transparent;border:0;padding:10px;font-size:24px}
/* 05. 현재 위치 및 서브메뉴 */
.ob-page-head{background:var(--ob-light);padding:38px 0 42px}.ob-breadcrumb ol{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:'Poppins','Noto Sans KR',sans-serif;font-size:14px;color:#66717b}.ob-breadcrumb li+li::before{content:'›';margin-right:12px;color:#9ca4ab}.ob-breadcrumb [aria-current=page]{color:var(--ob-charcoal);font-weight:700}.ob-page-title{font-size:var(--ob-font-h2);line-height:1.25;margin:18px 0 0;letter-spacing:-.05em}.ob-subnav{background:#fff;border-bottom:1px solid var(--ob-border)}.ob-subnav ul{display:flex;gap:8px;flex-wrap:wrap;padding:20px 0}.ob-subnav a{display:block;padding:10px 18px;background:var(--ob-light);border:1px solid var(--ob-border);border-radius:4px;font-size:16px;font-weight:600;transition:background .2s,color .2s}.ob-subnav a:hover,.ob-subnav a.is-active{background:var(--ob-charcoal);color:#fff;border-color:var(--ob-charcoal)}
/* 06. 본문 공통 섹션 */
.ob-section{padding:100px 0}.ob-section--muted{background:var(--ob-light)}.ob-section--dark{background:var(--ob-charcoal);color:#fff}.ob-section h2{font-size:var(--ob-font-h2);line-height:1.3;letter-spacing:-.05em}.ob-section h3{font-size:var(--ob-font-h3)}.ob-card-title{font-size:var(--ob-font-card)}.ob-english{font-family:'Poppins',sans-serif}.ob-main{min-height:55vh}
/* 07. 최초 진입 애니메이션: JS가 준비된 요소에만 적용 */
.ob-reveal.ob-reveal-ready{opacity:0;transform:translate3d(0,80px,0) scale(.975);filter:blur(5px);transition:opacity 1.35s cubic-bezier(.2,.7,.2,1),transform 1.35s cubic-bezier(.16,1,.3,1),filter 1.1s ease;transition-delay:var(--ob-reveal-delay,0ms);will-change:opacity,transform,filter}.ob-reveal.ob-reveal-ready.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);will-change:auto}
/* 08. 푸터 */
.ob-footer{background:var(--ob-charcoal);color:#d3d5d8;font-size:15px}.ob-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding:64px 0}.ob-footer-title{display:block;color:#fff;font-size:18px;margin-bottom:12px}.ob-footer p{margin:0}.ob-footer a{display:inline-block;margin-right:14px}.ob-footer a:hover{text-decoration:underline}.ob-footer-bottom{border-top:1px solid #474b51;padding:18px 0;color:#a7a9ac;font-size:13px}.ob-to-top{position:fixed;right:24px;bottom:24px;z-index:950;width:48px;height:48px;border:0;border-radius:50%;background:var(--ob-charcoal);color:#fff;box-shadow:0 8px 24px #0002}
/* 09. 태블릿 및 모바일 */
@media(max-width:1120px){.ob-menu-toggle{display:block;margin-left:auto}.ob-gnb{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--ob-border);box-shadow:0 12px 30px #0002;max-height:calc(100dvh - 75px);overflow:auto}.ob-gnb.is-open{display:block}.ob-gnb ul{display:block;padding:10px 24px}.ob-gnb a{padding:14px 8px}.ob-gnb a.is-active{box-shadow:none;background:var(--ob-light)}.ob-header-inner{min-height:75px}}
@media(max-width:767px){:root{--ob-font-base:16px;--ob-font-small:14px;--ob-font-menu:16px;--ob-font-card:20px;--ob-font-h3:23px;--ob-font-h2:30px;--ob-font-h1:36px}.ob-inner{width:calc(100% - 32px)}.ob-header-inner{min-height:68px}.ob-brand img{width:49px}.ob-brand-text small{font-size:11px}.ob-brand-text strong{font-size:16px}.ob-page-head{padding:26px 0 30px}.ob-subnav ul{gap:7px;padding:14px 0}.ob-subnav a{padding:8px 12px;font-size:14px}.ob-section{padding:64px 0}.ob-footer-grid{grid-template-columns:1fr;gap:25px;padding:44px 0}.ob-to-top{right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ob-reveal.ob-reveal-ready{opacity:1;transform:none;filter:none;transition:none}}

/* 10. 법무법인 강현 메인 페이지 / 사이트 연락처 확장 */
.ob-header-call{display:inline-flex;align-items:center;gap:8px;border:1px solid #24272d;padding:11px 16px;border-radius:3px;font-family:Poppins,sans-serif;font-weight:700;white-space:nowrap;font-size:16px}
.ob-header-call:hover{background:#24272d;color:#fff}.ob-footer-address{margin-top:20px!important;color:#bec1c6}.ob-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.ob-footer-links a{margin:0}.ob-footer-contact p{font-size:14px;color:#b9bec4;margin:0 0 2px}.ob-footer-phone{font:700 26px/1.4 Poppins,sans-serif;color:#fff;display:block!important;margin:0 0 16px!important}
.ob-eyebrow{display:block;font:600 13px/1.5 Poppins,sans-serif;letter-spacing:.17em;text-transform:uppercase}.ob-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(112deg,#1e2229 0%,#303740 64%,#49525c 100%)}.ob-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 88px,#ffffff06 89px 90px);pointer-events:none}.ob-hero-inner{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:590px;gap:35px;padding-block:88px}.ob-hero-copy{max-width:790px;position:relative;z-index:1}.ob-hero .ob-eyebrow{color:#c7ccd2;margin-bottom:24px}.ob-hero h1{font-size:clamp(38px,4.5vw,62px);letter-spacing:-.065em;line-height:1.32;margin:0 0 28px;font-weight:800}.ob-hero h1 em{font-style:normal;color:#c7d0d9}.ob-hero p{font-size:19px;line-height:1.85;color:#e1e3e6;max-width:660px;margin-bottom:34px}.ob-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.ob-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:13px 24px;border-radius:3px;font-size:16px;font-weight:700;transition:transform .2s,background .2s}.ob-btn:hover{transform:translateY(-2px)}.ob-btn--white{background:#fff;color:#24272d}.ob-btn--outline{border:1px solid #aeb4bc;color:#fff}.ob-btn--dark{background:#24272d;color:#fff}.ob-hero-mark{flex-shrink:0;width:290px;height:290px;border:1px solid #ffffff3a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#ffffff80;letter-spacing:.18em;font:500 14px Poppins,sans-serif;transform:rotate(-12deg)}.ob-hero-mark strong{font-size:26px;letter-spacing:.07em;color:#ffffffb8}
.ob-quick{background:#fff;border-bottom:1px solid var(--ob-border)}.ob-quick-grid{display:grid;grid-template-columns:1fr 1fr}.ob-quick-item{display:flex;align-items:center;gap:16px;padding:26px 32px;border-right:1px solid var(--ob-border)}.ob-quick-item:first-child{border-left:1px solid var(--ob-border)}.ob-quick-item span{font-size:16px;font-weight:600}.ob-quick-item strong{margin-left:auto;font:700 25px Poppins,sans-serif;white-space:nowrap}.ob-quick-item>i{color:#9ba3aa}.ob-quick-item:hover{background:#f5f6f7}
.ob-section-heading{margin-bottom:42px}.ob-section-heading .ob-eyebrow{color:#858d95;margin-bottom:12px}.ob-section-heading h2{margin:0 0 14px}.ob-section-heading p{margin:0;color:#6c747c}.ob-practice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ob-practice-card{position:relative;display:flex;flex-direction:column;min-height:275px;padding:28px 24px;border:1px solid #e1e3e6;background:#fff;transition:background .25s,transform .25s,border-color .25s}.ob-practice-card:hover{background:#f4f5f6;transform:translateY(-4px);border-color:#a7a9ac}.ob-practice-icon{color:#7d8993;font-size:27px;margin-bottom:26px}.ob-practice-number{position:absolute;right:22px;top:24px;font:600 13px Poppins,sans-serif;color:#a3a8ae}.ob-practice-card h3{font-size:22px;line-height:1.4;margin:0 0 8px;letter-spacing:-.04em}.ob-practice-card p{font-size:15px;color:#777f87;margin:0 0 22px}.ob-card-more{margin-top:auto;font-size:14px;font-weight:700}.ob-card-more i{margin-left:6px}
.ob-about-section{background:#f6f7f8}.ob-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ob-about-visual{background:linear-gradient(145deg,#272d35,#65707c);min-height:405px;padding:38px;display:flex;align-items:center;justify-content:center}.ob-about-visual-inner{border:1px solid #ffffff60;width:100%;min-height:315px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;color:#d9dfe5;font:500 13px Poppins,sans-serif;letter-spacing:.22em}.ob-about-visual-inner strong{font-size:clamp(30px,3vw,48px);color:#fff;letter-spacing:.08em}.ob-about-copy .ob-eyebrow{color:#808a94;margin-bottom:20px}.ob-about-copy h2{margin-bottom:22px}.ob-about-copy p{color:#5e6872;margin-bottom:30px}
.ob-samchung{background:#303740;color:#fff}.ob-samchung-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;align-items:center}.ob-samchung .ob-eyebrow{color:#c2cbd3;margin-bottom:20px}.ob-samchung h2{margin:0 0 24px}.ob-samchung h2 span{color:#c7d0d9}.ob-samchung p{color:#e2e5e8;max-width:650px;margin-bottom:30px}.ob-samchung-panel{border:1px solid #a7b0ba;padding:48px 32px;text-align:center}.ob-samchung-panel span{display:block;font-size:16px;margin-bottom:15px}.ob-samchung-panel a{font:700 clamp(30px,3vw,44px) Poppins,sans-serif;color:#fff}.ob-samchung-panel p{font-size:14px;margin:18px 0 0;color:#cdd3da}
.ob-board-links{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ob-board-link{background:#fff;border:1px solid #e2e4e7;padding:34px;display:flex;flex-direction:column;gap:13px;min-height:200px}.ob-board-link>span{font-size:15px;color:#727e88}.ob-board-link>span i{margin-right:8px}.ob-board-link strong{font-size:23px}.ob-board-link>i{align-self:flex-end;margin-top:auto}.ob-board-link:hover{border-color:#7f8b96}.ob-bottom-cta{padding:66px 0;background:#e8ebee}.ob-bottom-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.ob-bottom-cta h2{font-size:32px;margin:8px 0}.ob-bottom-cta p{margin:0;color:#616d78}.ob-bottom-cta-actions{display:flex;flex-direction:column;gap:10px;min-width:250px}.ob-bottom-cta-actions a{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;padding:13px 18px;font-size:14px}.ob-bottom-cta-actions strong{font:700 20px Poppins,sans-serif}
@media(max-width:1250px){.ob-header-call{display:none}}@media(max-width:1120px){.ob-hero-mark{display:none}.ob-practice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ob-about-grid{gap:40px}.ob-samchung-grid{gap:35px}}@media(max-width:767px){.ob-hero-inner{min-height:500px;padding-block:70px}.ob-hero h1{font-size:36px}.ob-hero p{font-size:16px}.ob-hero-actions{flex-direction:column;align-items:stretch}.ob-quick-grid{grid-template-columns:1fr}.ob-quick-item{border-left:0!important;border-right:0;padding:18px 4px;gap:10px}.ob-quick-item+.ob-quick-item{border-top:1px solid var(--ob-border)}.ob-quick-item span{font-size:13px}.ob-quick-item strong{font-size:19px}.ob-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ob-practice-card{padding:20px 16px;min-height:240px}.ob-practice-card h3{font-size:18px}.ob-practice-card p{font-size:13px}.ob-practice-icon{margin-bottom:22px}.ob-about-grid,.ob-samchung-grid,.ob-board-links{grid-template-columns:1fr;gap:25px}.ob-about-visual{min-height:280px;padding:22px}.ob-about-visual-inner{min-height:230px}.ob-samchung-panel{padding:32px 20px}.ob-board-link{min-height:160px}.ob-bottom-cta-inner{display:block}.ob-bottom-cta h2{font-size:26px}.ob-bottom-cta-actions{margin-top:22px}.ob-footer-phone{font-size:25px}}
@media(max-width:390px){.ob-practice-grid{grid-template-columns:1fr}.ob-practice-card{min-height:210px}}


/* ===== 메인페이지: 비주얼 하단 전화 문의 (통합) ===== */
/* 메인 비주얼 바로 아래 형사사건 / 삼청교육대 전화 문의 */
.ob-quick-item { justify-content: space-between; gap: 20px; }
.ob-quick-item span { display: inline-flex; align-items: center; gap: 10px; font-size: 24px; font-weight: 600; line-height: 1.4; white-space: nowrap; }
.ob-quick-item strong { margin-left: 0; font-family: Poppins, "Noto Sans KR", sans-serif; font-size: 30px; font-weight: 700; line-height: 1.4; white-space: nowrap; }
.ob-quick-item > i { flex-shrink: 0; }
@media (max-width: 1199px) {
  .ob-quick-item { flex-wrap: wrap; column-gap: 14px; row-gap: 6px; }
  .ob-quick-item span { font-size: 21px; white-space: normal; }
  .ob-quick-item strong { font-size: 26px; }
}
@media (max-width: 767px) {
  .ob-quick-item { flex-wrap: wrap; padding: 18px 4px; }
  .ob-quick-item span { font-size: 18px; }
  .ob-quick-item strong { font-size: 23px; }
}


/* ===== 메인페이지: 형사사건 주요업무 카드 (통합) ===== */
/* 형사사건 7개 카드: PC 첫 줄 3개 / 둘째 줄 4개. 각 카드 별 JPG 배경. */
.ob-practice .ob-practice-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.ob-practice .ob-practice-card{grid-column:span 4;min-height:310px;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:30px 26px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background-color:#24272d;background-image:linear-gradient(180deg,rgba(8,14,24,.12) 0%,rgba(8,14,24,.56) 42%,rgba(8,14,24,.93) 100%),var(--kh-card-bg);background-size:cover;background-position:center;box-shadow:0 12px 28px rgba(0,0,0,.09);color:#fff;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}
.ob-practice .ob-practice-card:nth-child(n+4){grid-column:span 3;min-height:320px}
.ob-practice .ob-practice-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.4);box-shadow:0 18px 36px rgba(0,0,0,.18);background-color:#24272d}
.ob-practice .ob-practice-card .ob-practice-icon{color:#fff;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(5px)}
.ob-practice .ob-practice-card .ob-practice-number{color:rgba(255,255,255,.8)}
.ob-practice .ob-practice-card h3{color:#fff;font-size:24px;line-height:1.35;margin:15px 0 9px;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.ob-practice .ob-practice-card p{color:#e9edf2;font-size:15px;line-height:1.65;margin:0 0 20px;text-shadow:0 1px 5px rgba(0,0,0,.35)}
.ob-practice .ob-practice-card .ob-card-more{color:#fff}
.ob-practice .ob-practice-card .ob-card-more i{color:#fff}
@media(max-width:1023px){.ob-practice .ob-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ob-practice .ob-practice-card,.ob-practice .ob-practice-card:nth-child(n+4){grid-column:auto;min-height:290px}}
@media(max-width:600px){.ob-practice .ob-practice-grid{grid-template-columns:1fr;gap:12px}.ob-practice .ob-practice-card,.ob-practice .ob-practice-card:nth-child(n+4){grid-column:auto;min-height:260px;padding:24px 22px}.ob-practice .ob-practice-card h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ob-practice .ob-practice-card{transition:none}}


/* 11. ABOUT US 왼쪽 이미지 박스 - /images/about-us.jpg */
.ob-about-section .ob-about-visual{
    position:relative;isolation:isolate;overflow:hidden;
    background:#24272d url('/images/about-us.jpg') center center / cover no-repeat;
    min-height:405px;
}
.ob-about-section .ob-about-visual::before{
    content:"";position:absolute;inset:0;z-index:-1;
    background:linear-gradient(180deg,rgba(18,24,32,.18) 0%,rgba(18,24,32,.58) 100%);
}
.ob-about-section .ob-about-visual-inner{
    position:relative;z-index:1;
    background:rgba(20,26,34,.12);
    text-shadow:0 2px 12px rgba(0,0,0,.55);
}
@media(max-width:767px){
    .ob-about-section .ob-about-visual{min-height:280px;background-position:center center}
}

/* 12. 삼청교육대 피해보상 - 섹션 전체 JPG 배경 */
.ob-samchung{
    position:relative;
    isolation:isolate;
    background:#202832 url('/images/samchung-bg.jpg') center center / cover no-repeat;
    color:#fff;
}
.ob-samchung::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(90deg,rgba(13,19,27,.91) 0%,rgba(18,25,34,.79) 55%,rgba(13,19,27,.87) 100%);
    pointer-events:none;
}
.ob-samchung .ob-samchung-grid{position:relative;z-index:1}
.ob-samchung .ob-samchung-panel{
    background:rgba(17,24,33,.34);
    border-color:rgba(255,255,255,.48);
    backdrop-filter:blur(4px);
}
@media(max-width:767px){
    .ob-samchung{background-position:58% center}
    .ob-samchung::before{background:rgba(13,19,27,.85)}
}

/* 13. CONTACT - 메인페이지 하단 전체 배경 이미지 */
.ob-bottom-cta{
    position:relative;
    isolation:isolate;
    background:#e8ebee url('/images/contact-bg.jpg') center center / cover no-repeat;
    padding:76px 0;
}
.ob-bottom-cta::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(90deg,rgba(248,249,250,.83) 0%,rgba(248,249,250,.72) 48%,rgba(248,249,250,.45) 100%);
    pointer-events:none;
}
.ob-bottom-cta .ob-bottom-cta-inner{position:relative;z-index:1}
.ob-bottom-cta .ob-eyebrow{color:#596571}
.ob-bottom-cta h2{color:#24272d}
.ob-bottom-cta p{color:#4c5965}
.ob-bottom-cta-actions a{
    background:rgba(255,255,255,.92);
    border:1px solid rgba(36,39,45,.12);
    box-shadow:0 6px 22px rgba(0,0,0,.06);
    backdrop-filter:blur(5px);
    transition:background .2s,transform .2s;
}
.ob-bottom-cta-actions a:hover{background:#fff;transform:translateY(-2px)}
@media(max-width:767px){
    .ob-bottom-cta{padding:58px 0;background-position:35% center}
    .ob-bottom-cta::before{background:rgba(248,249,250,.78)}
}
@media(prefers-reduced-motion:reduce){.ob-bottom-cta-actions a{transition:none}}


/* 14. 법률팀 소개 서브페이지 - Swiper 스타일과 분리 */
.ob-about-page{background:#fff}.ob-about-intro{padding:88px 0 78px}.ob-about-lead{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:68px;align-items:center}.ob-about-photo{min-height:430px;background:#24272d url('/images/about-us.jpg') center/cover no-repeat;position:relative;overflow:hidden}.ob-about-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,20,28,.42),transparent 65%)}.ob-about-photo-label{position:absolute;z-index:1;bottom:26px;left:30px;color:#fff;font:600 13px Poppins,sans-serif;letter-spacing:.17em}.ob-about-kicker{font:600 13px Poppins,sans-serif;letter-spacing:.17em;color:#77838e}.ob-about-lead h2{font-size:clamp(30px,3.5vw,46px);line-height:1.4;letter-spacing:-.05em;margin:17px 0 24px}.ob-about-lead p{color:#5e6872;line-height:1.95;margin:0 0 17px}.ob-about-features{background:#f4f5f7;padding:85px 0}.ob-about-features h2,.ob-about-section-title{font-size:clamp(27px,3vw,38px);letter-spacing:-.05em;margin:0 0 32px}.ob-about-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ob-about-feature{padding:34px 28px;background:#fff;border:1px solid #e4e6e9;min-height:235px}.ob-about-feature i{font-size:27px;color:#71808c}.ob-about-feature h3{font-size:22px;margin:24px 0 10px}.ob-about-feature p{font-size:16px;color:#67727c;margin:0}.ob-about-process{padding:88px 0}.ob-about-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:step}.ob-about-step{border-top:2px solid #24272d;padding:24px 10px 12px 0}.ob-about-step b{display:block;font:700 14px Poppins,sans-serif;color:#7d8790}.ob-about-step h3{font-size:21px;margin:16px 0 9px}.ob-about-step p{font-size:15px;color:#65717c}.ob-about-contact{padding:48px 0;background:#24272d;color:#fff}.ob-about-contact .ob-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.ob-about-contact h2{font-size:26px;margin:0 0 6px}.ob-about-contact p{font-size:15px;color:#cbd1d6;margin:0}.ob-about-contact a{white-space:nowrap;font:700 29px Poppins,sans-serif}.ob-about-note{border-left:3px solid #8c98a3;padding:16px 22px;background:#f5f6f7;color:#57636e;font-size:15px}.ob-about-lawyer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ob-about-lawyer-panel{padding:36px;border:1px solid #dfe3e7;background:#fff}.ob-about-lawyer-panel h3{margin:0 0 14px}.ob-about-lawyer-panel p{color:#64707a;font-size:16px}.ob-about-address{padding:35px;background:#f4f5f7;border-left:4px solid #24272d}.ob-about-address strong{font-size:24px}.ob-about-address p{margin:12px 0 0}.ob-about-maplink{display:inline-flex;margin-top:20px;padding:12px 22px;background:#24272d;color:#fff;font-weight:700}.ob-about-maplink:hover{background:#47535f;color:#fff}@media(max-width:900px){.ob-about-lead{gap:32px}.ob-about-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-about-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.ob-about-intro,.ob-about-process{padding:58px 0}.ob-about-features{padding:58px 0}.ob-about-lead,.ob-about-feature-grid,.ob-about-steps,.ob-about-lawyer-grid{grid-template-columns:1fr}.ob-about-photo{min-height:270px}.ob-about-feature{min-height:0}.ob-about-contact .ob-inner{display:block}.ob-about-contact a{display:inline-block;margin-top:18px;font-size:26px}}

/* 15. 법률팀 소개 > 인사말: 상단 공통 타이틀 350px JPG 배경 */
body:has(.ob-greeting-page) .ob-page-head{
    min-height:350px;
    display:flex;
    align-items:center;
    background:#24272d linear-gradient(90deg,rgba(14,21,30,.83),rgba(14,21,30,.43)) center/cover no-repeat;
    background-image:linear-gradient(90deg,rgba(14,21,30,.83),rgba(14,21,30,.43)),url('/images/greeting-title.jpg');
    color:#fff;
    padding:45px 0;
}
body:has(.ob-greeting-page) .ob-page-head > .ob-inner{width:min(var(--ob-width),calc(100% - 48px))}
body:has(.ob-greeting-page) .ob-page-head .ob-page-title{color:#fff}
body:has(.ob-greeting-page) .ob-breadcrumb,body:has(.ob-greeting-page) .ob-breadcrumb ol,body:has(.ob-greeting-page) .ob-breadcrumb [aria-current=page]{color:#e7eaee}
body:has(.ob-greeting-page) .ob-breadcrumb li+li::before{color:#c3cbd2}
.ob-greeting-opening-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:60px;align-items:start}
.ob-greeting-copy h2{font-size:clamp(30px,3.1vw,44px);line-height:1.4;letter-spacing:-.05em;margin:18px 0 32px}
.ob-greeting-copy p,.ob-greeting-values p{color:#555f69;line-height:2.05;margin:0 0 22px;word-break:keep-all}
.ob-greeting-copy .ob-greeting-salutation{font-weight:700;color:#24272d;font-size:20px}
.ob-greeting-photo{min-height:540px}
.ob-greeting-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ob-greeting-step{padding:34px;background:#fff;border:1px solid var(--ob-border)}
.ob-greeting-step>span{font:600 14px Poppins,sans-serif;color:#87929d}
.ob-greeting-step h3{font-size:23px;margin:12px 0 15px}
.ob-greeting-step p{font-size:16px;line-height:1.9;color:#626c76;margin:0;word-break:keep-all}
.ob-greeting-values-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px}
.ob-greeting-values h2{font-size:clamp(28px,3vw,40px);line-height:1.5;margin:18px 0}
.ob-greeting-signoff{margin-top:32px!important;color:#24272d!important}
.ob-greeting-signoff strong{font-weight:800}
@media(max-width:900px){.ob-greeting-opening-grid,.ob-greeting-values-grid{grid-template-columns:1fr;gap:32px}.ob-greeting-photo{min-height:350px}}
@media(max-width:767px){body:has(.ob-greeting-page) .ob-page-head{min-height:350px}body:has(.ob-greeting-page) .ob-page-head > .ob-inner{width:calc(100% - 32px)}.ob-greeting-step-grid{grid-template-columns:1fr}.ob-greeting-step{padding:25px}.ob-greeting-opening{padding-top:65px}.ob-greeting-copy .ob-greeting-salutation{font-size:18px}}


/* 16. 인사말 > OUR APPROACH: 타임라인 카드 + 스크롤 애니메이션 */
.ob-greeting-process{position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f6f8 0%,#e9edf1 100%)}
.ob-greeting-process::before{content:"";position:absolute;top:-180px;right:-160px;width:480px;height:480px;border:1px solid rgba(36,39,45,.065);border-radius:50%;pointer-events:none}
.ob-greeting-process .ob-inner{position:relative;z-index:1}
.ob-greeting-process .ob-section-heading{max-width:850px;margin-bottom:55px}
.ob-greeting-process .ob-section-heading .ob-eyebrow{color:#657786;letter-spacing:.22em}
.ob-greeting-process .ob-section-heading h2{position:relative;padding-bottom:22px}
.ob-greeting-process .ob-section-heading h2::after{content:"";position:absolute;left:0;bottom:0;width:66px;height:3px;background:#657786}
.ob-greeting-step-grid{position:relative;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.ob-greeting-step-grid::before{content:"";position:absolute;top:52px;left:7%;right:7%;height:1px;background:#a8b0b9;z-index:0}
.ob-greeting-process .ob-greeting-step{position:relative;z-index:1;min-width:0;min-height:370px;padding:30px 25px 28px;background:#fff;border:1px solid #e0e4e8;border-top:4px solid #657786;border-radius:6px;box-shadow:0 12px 28px rgba(24,35,46,.055);transition:box-shadow .35s ease,border-color .35s ease,transform .35s ease}
.ob-greeting-process .ob-greeting-step:hover{transform:translateY(-9px);border-color:#a4b1bc;box-shadow:0 22px 40px rgba(24,35,46,.13)}
.ob-greeting-step-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px}
.ob-greeting-step-number{font:700 49px/1 Poppins,sans-serif!important;color:#e2e6eb!important;letter-spacing:-.05em}
.ob-greeting-step-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#24272d;color:#fff;font-size:23px;box-shadow:0 6px 16px rgba(36,39,45,.16)}
.ob-greeting-process .ob-greeting-step h3{font-size:21px;line-height:1.5;letter-spacing:-.045em;margin:0 0 16px;color:#24272d;word-break:keep-all}
.ob-greeting-process .ob-greeting-step p{font-size:15px;line-height:1.9;color:#5e6872;word-break:keep-all}
.ob-greeting-process .ob-approach-reveal.ob-approach-ready{opacity:0;transform:translate3d(0,65px,0);filter:blur(3px);transition:opacity 1s ease,transform 1s cubic-bezier(.16,1,.3,1),filter 1s ease;transition-delay:var(--approach-delay,0ms)}
.ob-greeting-process .ob-approach-reveal.ob-approach-ready.is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
.ob-greeting-process .ob-greeting-step.ob-approach-ready.is-visible:hover{transform:translateY(-9px);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
@media(max-width:1050px){.ob-greeting-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-greeting-step-grid::before{display:none}.ob-greeting-process .ob-greeting-step{min-height:300px}}
@media(max-width:600px){.ob-greeting-process .ob-section-heading{margin-bottom:34px}.ob-greeting-step-grid{grid-template-columns:1fr;gap:14px}.ob-greeting-process .ob-greeting-step{min-height:0;padding:25px 22px}.ob-greeting-step-top{margin-bottom:16px}.ob-greeting-step-number{font-size:42px!important}}
@media(prefers-reduced-motion:reduce){.ob-greeting-process .ob-approach-reveal.ob-approach-ready{opacity:1;transform:none;filter:none;transition:none}.ob-greeting-process .ob-greeting-step:hover{transform:none}}

/* 17. 서브페이지 CONTACT: 어두운 푸터와 명확히 구분되는 밝은 프리미엄 패널 */
.ob-about-page .ob-about-contact {
  position:relative; isolation:isolate; overflow:hidden;
  padding:78px 0;
  background:linear-gradient(112deg,#f7f8fa 0%,#e9edf1 58%,#dbe2e8 100%);
  color:#24272d;
  border-top:1px solid #e1e5e9;
  border-bottom:5px solid #b3bdc6;
}
.ob-about-page .ob-about-contact::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(135deg,transparent 0 94px,rgba(91,111,129,.045) 95px 96px);
}
.ob-about-page .ob-about-contact .ob-inner {
  position:relative;display:flex;align-items:center;justify-content:space-between;gap:36px;
}
.ob-about-page .ob-about-contact .ob-inner::before {
  content:"CONTACT";position:absolute;top:-27px;left:0;
  font:700 12px/1.4 Poppins,sans-serif;letter-spacing:.24em;color:#728394;
}
.ob-about-page .ob-about-contact h2 {
  color:#202c39;font-size:clamp(26px,2.6vw,36px);line-height:1.35;letter-spacing:-.045em;margin:0 0 12px;
}
.ob-about-page .ob-about-contact p {color:#526272;font-size:16px;line-height:1.75;margin:0;}
.ob-about-page .ob-about-contact a[href^="tel:"] {
  display:inline-flex;align-items:center;justify-content:center;gap:14px;
  flex-shrink:0;padding:19px 28px;min-height:76px;
  background:#253648;color:#fff;border:1px solid #253648;border-radius:3px;
  box-shadow:0 14px 30px rgba(28,44,62,.18);
  font:700 clamp(22px,2.5vw,30px)/1.25 Poppins,'Noto Sans KR',sans-serif;
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}
.ob-about-page .ob-about-contact a[href^="tel:"]:hover {
  background:#3b5369;transform:translateY(-4px);box-shadow:0 19px 35px rgba(28,44,62,.24);
}
.ob-about-page .ob-about-contact a[href^="tel:"] i {font-size:21px;color:#dbe6f0;}
@media(max-width:767px){
  .ob-about-page .ob-about-contact{padding:67px 0 55px}
  .ob-about-page .ob-about-contact .ob-inner{display:flex;flex-direction:column;align-items:stretch;gap:25px}
  .ob-about-page .ob-about-contact a[href^="tel:"]{width:100%;margin:0;font-size:25px;min-height:68px}
}
@media(prefers-reduced-motion:reduce){.ob-about-page .ob-about-contact a[href^="tel:"]{transition:none}}


/* 18. 법률팀 소개 서브페이지 공통 CONTACT — 프리미엄 카드형 CTA */
/* 기존 HTML(.ob-about-contact) 유지. 푸터와 확실히 구분되는 밝은 표면 + 장식 패턴 */
.ob-about-page .ob-about-contact{
  position:relative;isolation:isolate;overflow:hidden;padding:88px 0 92px;
  background:radial-gradient(circle at 7% 22%,rgba(161,178,192,.21),transparent 31%),
             linear-gradient(135deg,#f9fafb 0%,#eef2f5 48%,#e2e9ef 100%);
  border-top:1px solid #d6dfe6;border-bottom:6px solid #a7b4bf;color:#1d2d3c;
}
.ob-about-page .ob-about-contact::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(135deg,transparent 0 95px,rgba(67,90,111,.045) 96px 97px);
}
.ob-about-page .ob-about-contact::after{
  content:"";position:absolute;right:-110px;top:-190px;width:530px;height:530px;
  border:1px solid rgba(84,110,130,.13);border-radius:50%;pointer-events:none;
  box-shadow:0 0 0 58px rgba(91,116,135,.045),0 0 0 118px rgba(91,116,135,.035);
}
.ob-about-page .ob-about-contact .ob-inner{
  position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);
  gap:44px;align-items:stretch;padding:0;max-width:var(--ob-width);
}
.ob-about-page .ob-about-contact .ob-inner::before{content:none}
.ob-about-page .ob-about-contact .ob-inner>div:first-child{
  position:relative;display:flex;flex-direction:column;justify-content:center;
  padding:48px 50px 50px 56px;background:rgba(255,255,255,.86);
  border:1px solid rgba(156,174,190,.46);border-left:5px solid #a68a65;
  box-shadow:0 24px 65px rgba(34,55,74,.09);
}
.ob-about-page .ob-about-contact .ob-inner>div:first-child::before{
  content:"CONTACT  /  LEGAL CONSULTATION";display:block;margin-bottom:22px;
  font:700 12px/1.5 Poppins,'Noto Sans KR',sans-serif;letter-spacing:.18em;color:#917858;
}
.ob-about-page .ob-about-contact .ob-inner>div:first-child::after{
  content:"§";position:absolute;right:34px;top:23px;color:rgba(80,105,125,.13);
  font:400 85px/1 Georgia,serif;pointer-events:none;
}
.ob-about-page .ob-about-contact h2{
  position:relative;color:#213447;font-size:clamp(27px,2.8vw,37px);
  font-weight:800;line-height:1.38;letter-spacing:-.055em;margin:0 0 16px;
}
.ob-about-page .ob-about-contact p{color:#5a6b7b;font-size:16px;line-height:1.85;margin:0;max-width:620px}
.ob-about-page .ob-about-contact a[href^="tel:"]{
  position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  gap:13px;min-height:230px;padding:38px 40px 38px 44px;overflow:hidden;
  background:linear-gradient(145deg,#263b50 0%,#172738 100%);color:#fff;
  border:1px solid #43576a;border-radius:0;box-shadow:0 24px 50px rgba(19,37,55,.2);
  font:700 clamp(27px,2.8vw,36px)/1.2 Poppins,'Noto Sans KR',sans-serif;
  letter-spacing:.015em;white-space:nowrap;
  transition:transform .3s ease,box-shadow .3s ease,background .3s ease;
}
.ob-about-page .ob-about-contact a[href^="tel:"]::before{
  content:"형사사건 상담전화";font:600 14px/1.5 'Noto Sans KR',sans-serif;
  letter-spacing:.02em;color:#c8d6e2;order:1;
}
.ob-about-page .ob-about-contact a[href^="tel:"]::after{
  content:"↗";position:absolute;right:29px;bottom:26px;display:grid;place-items:center;
  width:43px;height:43px;border:1px solid rgba(255,255,255,.38);border-radius:50%;
  color:#e6edf3;font:400 22px/1 Poppins,sans-serif;
  transition:transform .3s ease,background .3s ease;
}
.ob-about-page .ob-about-contact a[href^="tel:"] i{
  display:grid;place-items:center;width:56px;height:56px;margin-bottom:2px;
  border-radius:50%;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);color:#e5c99f;font-size:22px;
}
.ob-about-page .ob-about-contact a[href^="tel:"]:hover,
.ob-about-page .ob-about-contact a[href^="tel:"]:focus-visible{
  background:linear-gradient(145deg,#34516b,#1b3044);transform:translateY(-5px);
  box-shadow:0 30px 60px rgba(19,37,55,.28);
}
.ob-about-page .ob-about-contact a[href^="tel:"]:hover::after{transform:translate(3px,-3px);background:rgba(255,255,255,.1)}
@media(max-width:900px){
  .ob-about-page .ob-about-contact .ob-inner{grid-template-columns:1fr;gap:18px}
  .ob-about-page .ob-about-contact a[href^="tel:"]{min-height:175px}
}
@media(max-width:767px){
  .ob-about-page .ob-about-contact{padding:55px 0 65px}
  .ob-about-page .ob-about-contact .ob-inner{display:grid;gap:14px}
  .ob-about-page .ob-about-contact .ob-inner>div:first-child{padding:35px 26px 36px;border-left-width:4px}
  .ob-about-page .ob-about-contact .ob-inner>div:first-child::before{font-size:10px;letter-spacing:.12em;margin-bottom:16px}
  .ob-about-page .ob-about-contact .ob-inner>div:first-child::after{right:16px;top:18px;font-size:58px}
  .ob-about-page .ob-about-contact a[href^="tel:"]{width:100%;min-height:185px;margin:0;padding:28px;font-size:29px}
  .ob-about-page .ob-about-contact a[href^="tel:"]::after{right:23px;bottom:22px}
}
@media(prefers-reduced-motion:reduce){
  .ob-about-page .ob-about-contact a[href^="tel:"],
  .ob-about-page .ob-about-contact a[href^="tel:"]::after{transition:none}
}

/* 19. 법률팀 소개 서브페이지 전체 스크롤 등장 애니메이션 */
/* JS가 동작할 때만 숨김 처리하므로 JS 비활성 환경에서도 본문이 정상 표시됩니다. */
.ob-about-page .ob-sub-reveal{
  opacity:0;
  transform:translate3d(0,65px,0);
  filter:blur(3px);
  transition:opacity 1.1s cubic-bezier(.22,.7,.25,1),
             transform 1.1s cubic-bezier(.16,1,.3,1),
             filter 1s ease;
  transition-delay:var(--ob-sub-reveal-delay,0ms);
}
.ob-about-page .ob-sub-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}
@media(prefers-reduced-motion:reduce){
  .ob-about-page .ob-sub-reveal{opacity:1;transform:none;filter:none;transition:none}
}


/* 20. 인사말 OUR PRINCIPLES 프리미엄 에디토리얼 레이아웃 */
.ob-greeting-page .ob-greeting-values{position:relative;overflow:hidden;background:linear-gradient(115deg,#f2f4f6 0%,#fafafa 50%,#f5f6f8 100%);padding:110px 0 120px}
.ob-greeting-page .ob-greeting-values::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 105px,rgba(52,65,78,.025) 106px 107px)}
.ob-principles-layout{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:65px;align-items:start}
.ob-principles-intro{position:relative;padding:42px 18px 30px 0}
.ob-principles-intro::before{content:"";position:absolute;top:0;left:0;width:74px;height:3px;background:#a58b66}
.ob-principles-intro .ob-about-kicker{color:#8a775d;letter-spacing:.17em;font-size:13px;font-weight:700}
.ob-principles-emblem{width:88px;height:88px;border:1px solid #b5a185;border-radius:50%;display:grid;place-items:center;margin:34px 0 28px;color:#9b8260;font-size:35px;background:radial-gradient(circle,#fff 0%,#f3f0e9 100%);box-shadow:0 9px 24px #27334312}
.ob-principles-intro h2{font-size:clamp(30px,3vw,43px);line-height:1.55;letter-spacing:-.055em;margin:0 0 26px;color:#243241;word-break:keep-all}
.ob-principles-intro h2 em{font-style:normal;color:#9a8060}
.ob-greeting-page .ob-principles-lead{font-size:17px;line-height:2;color:#66717b;margin:0;word-break:keep-all}
.ob-principles-signature{display:flex;align-items:center;gap:17px;margin-top:46px;font:500 11px/1.9 Poppins,sans-serif;letter-spacing:.12em;color:#75818c}
.ob-principles-signature strong{font-size:12px;color:#2d3c4b;letter-spacing:.09em}
.ob-principles-signature-line{display:block;width:42px;height:1px;background:#ae9673}
.ob-principles-list{display:grid;gap:14px}
.ob-principle-item{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);gap:22px;background:#fff;padding:31px 31px 30px;border:1px solid #e1e5e8;border-left:3px solid #a58b66;box-shadow:0 12px 35px rgba(29,44,58,.045);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.ob-principle-item:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(29,44,58,.13);border-color:#c5b69e}
.ob-principle-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#eef1f4;color:#40566a;font-size:24px;border:1px solid #dce3e9}
.ob-principle-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#9c8565;font:700 11px Poppins,sans-serif;letter-spacing:.14em}
.ob-principle-index{font-size:26px;line-height:1;color:#dce1e5;font-weight:600}
.ob-principle-item h3{font-size:23px;line-height:1.45;color:#243241;margin:10px 0 12px;letter-spacing:-.045em;word-break:keep-all}
.ob-greeting-page .ob-principle-item p{font-size:15px;line-height:1.95;color:#596571;margin:0;word-break:keep-all}
.ob-principles-closing{position:relative;padding:26px 32px 24px 60px;background:#293949;color:#fff;box-shadow:0 14px 30px #1d2c3d1c}
.ob-principles-closing>i{position:absolute;top:28px;left:25px;color:#c4aa83;font-size:23px}
.ob-greeting-page .ob-principles-closing p{font-size:16px;line-height:1.8;color:#edf0f3;margin:0 0 10px;word-break:keep-all}
.ob-principles-closing strong{font-size:13px;color:#d5c1a4;font-weight:700}
@media(max-width:1023px){.ob-principles-layout{grid-template-columns:1fr;gap:30px}.ob-principles-intro{padding-bottom:0}.ob-principles-signature{margin-top:24px}}
@media(max-width:600px){.ob-greeting-page .ob-greeting-values{padding:70px 0 80px}.ob-principles-emblem{width:70px;height:70px;font-size:28px;margin:26px 0 22px}.ob-principle-item{grid-template-columns:1fr;gap:12px;padding:25px 22px}.ob-principle-icon{width:52px;height:52px;font-size:21px}.ob-principle-item h3{font-size:21px}.ob-principles-closing{padding:25px 22px 25px 52px}.ob-principles-closing>i{left:20px}}
@media(prefers-reduced-motion:reduce){.ob-principle-item{transition:none}}

/* 21. 법률팀 소개 서브페이지 - 프리미엄 디자인 / Swiper CSS 제외 */
body:has(.ob-team-page) .ob-page-head{min-height:350px;display:flex;align-items:center;padding:55px 0;background:#202833 linear-gradient(90deg,rgba(13,19,29,.88),rgba(15,22,32,.42)),url('/images/team-title.jpg') center center/cover no-repeat}
body:has(.ob-team-page) .ob-page-head .ob-page-title{color:#fff}
body:has(.ob-team-page) .ob-page-head .ob-breadcrumb,body:has(.ob-team-page) .ob-page-head .ob-breadcrumb ol,body:has(.ob-team-page) .ob-page-head .ob-breadcrumb [aria-current=page]{color:#e8ebef}
body:has(.ob-team-page) .ob-page-head .ob-breadcrumb li+li::before{color:#c7cbd0}
.ob-team-page{--ob-team-gold:#a88e68;--ob-team-navy:#253545;word-break:keep-all}
.ob-team-page .ob-team-eyebrow{display:block;font:700 12px/1.5 Poppins,sans-serif;letter-spacing:.2em;color:var(--ob-team-gold);margin-bottom:18px}
.ob-team-page h2{font-size:clamp(30px,3.1vw,44px);letter-spacing:-.055em;line-height:1.42;margin:0 0 25px}
.ob-team-opening{padding:115px 0}.ob-team-opening-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(35px,5vw,85px);align-items:center}
.ob-team-opening-copy h2 em{font-style:normal;color:#697d8f}.ob-team-opening-copy p{font-size:16px;line-height:2.05;color:#5b6570;margin:0 0 18px}.ob-team-opening-copy .ob-team-lead{font-size:19px;font-weight:600;color:#263749}
.ob-team-text-link{display:inline-flex;align-items:center;gap:14px;margin-top:18px;padding-bottom:8px;border-bottom:2px solid var(--ob-team-gold);font-size:15px;font-weight:700}.ob-team-text-link:hover{color:#9c7d54}
.ob-team-opening-visual{position:relative;min-height:540px;background:#293440 linear-gradient(180deg,rgba(11,20,30,.06),rgba(10,17,27,.83)),url('/images/about-us.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:25px 25px 0 #eef0f2}
.ob-team-opening-visual::before{content:"";position:absolute;inset:25px;border:1px solid rgba(255,255,255,.4);pointer-events:none}.ob-team-visual-seal{width:230px;height:230px;border:1px solid rgba(231,211,179,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#ead9bd;background:rgba(15,24,33,.25);backdrop-filter:blur(3px)}.ob-team-visual-seal i{font-size:58px}.ob-team-visual-seal span{font:600 10px Poppins,sans-serif;letter-spacing:.1em}.ob-team-visual-caption{position:absolute;left:48px;bottom:46px;font:500 11px Poppins,sans-serif;letter-spacing:.13em;color:#d2d7dd}.ob-team-visual-caption b{display:block;font-size:18px;letter-spacing:.07em;color:#fff;margin-top:5px}
.ob-team-expertise{background:#f3f5f7}.ob-team-section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:45px}.ob-team-section-head p{font-size:16px;line-height:2;color:#62707b;margin:0 0 8px}.ob-team-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ob-team-area{position:relative;min-height:300px;background:#fff;border:1px solid #e0e4e8;padding:30px 25px 28px;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .35s}.ob-team-area::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--ob-team-gold);transition:width .35s}.ob-team-area:hover{transform:translateY(-7px);border-color:#d1c0a6;box-shadow:0 22px 45px #1b293316}.ob-team-area:hover::before{width:100%}.ob-team-area>span{font:600 10px Poppins,sans-serif;letter-spacing:.1em;color:#a38b6c}.ob-team-area>i{font-size:30px;color:#627589;margin:30px 0 23px}.ob-team-area h3{font-size:22px;letter-spacing:-.04em;margin:0 0 10px}.ob-team-area p{font-size:14px;line-height:1.9;color:#6a7580;margin:0}
.ob-team-strategy{background:#253545;color:#fff}.ob-team-strategy-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.ob-team-strategy-lead h2{color:#fff}.ob-team-strategy-lead>p{font-size:16px;line-height:2;color:#d2dbe3}.ob-team-strategy-mark{margin-top:65px;border-top:1px solid #6d7a85;padding-top:28px;display:flex;align-items:center;gap:24px;color:#d8c1a0}.ob-team-strategy-mark i{font-size:40px}.ob-team-strategy-mark span{font:600 12px/1.8 Poppins,sans-serif;letter-spacing:.12em}.ob-team-strategy-list{border-top:1px solid #677683}.ob-team-strategy-list article{display:grid;grid-template-columns:75px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid #677683}.ob-team-strategy-list article>b{font:500 30px Poppins,sans-serif;color:#c5ac88}.ob-team-strategy-list h3{color:#fff;font-size:22px;margin:0 0 9px}.ob-team-strategy-list p{font-size:15px;line-height:1.9;color:#cbd5df;margin:0}
.ob-team-commitment{background:#fff}.ob-team-center-head{text-align:center;max-width:790px;margin:0 auto 55px}.ob-team-center-head p{color:#66717b;font-size:17px}.ob-team-commitment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ob-team-commitment-grid article{padding:43px 35px 45px;border:1px solid #e1e5e8;background:linear-gradient(145deg,#fff,#f8f9fa);transition:transform .3s,box-shadow .3s}.ob-team-commitment-grid article:hover{transform:translateY(-6px);box-shadow:0 20px 35px #1b293313}.ob-team-commitment-icon{width:68px;height:68px;display:grid;place-items:center;border:1px solid #d8c9b4;border-radius:50%;color:#9e8059;font-size:25px;margin-bottom:25px}.ob-team-commitment-grid article>span{font:600 11px Poppins,sans-serif;letter-spacing:.16em;color:#a18b70}.ob-team-commitment-grid h3{font-size:22px;line-height:1.5;margin:13px 0}.ob-team-commitment-grid p{font-size:15px;line-height:1.95;color:#626e79;margin:0}
.ob-team-note{background:#e8edf1;padding:68px 0;text-align:center}.ob-team-note .ob-inner{max-width:900px}.ob-team-note i{font-size:29px;color:#ac916c;margin-bottom:15px}.ob-team-note p{font-size:clamp(19px,2vw,26px);line-height:1.9;color:#2c3b4a;margin:0 0 18px}.ob-team-note span{font:600 11px Poppins,sans-serif;letter-spacing:.17em;color:#8b7558}
@media(max-width:1100px){.ob-team-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-team-opening-grid{gap:35px}.ob-team-strategy-grid{gap:45px}}
@media(max-width:767px){body:has(.ob-team-page) .ob-page-head{min-height:350px;background-position:58% center}.ob-team-opening{padding:70px 0}.ob-team-opening-grid,.ob-team-section-head,.ob-team-strategy-grid{grid-template-columns:1fr;gap:32px}.ob-team-opening-visual{min-height:390px;box-shadow:12px 12px 0 #eef0f2}.ob-team-visual-seal{width:170px;height:170px}.ob-team-visual-seal i{font-size:43px}.ob-team-visual-caption{left:30px;bottom:30px}.ob-team-area-grid{gap:12px}.ob-team-area{min-height:270px;padding:24px 20px}.ob-team-area h3{font-size:19px}.ob-team-strategy-mark{margin-top:30px}.ob-team-commitment-grid{grid-template-columns:1fr}.ob-team-commitment-grid article{padding:30px 25px}.ob-team-note{padding:55px 0}}
@media(max-width:480px){.ob-team-area-grid{grid-template-columns:1fr}.ob-team-area{min-height:220px}.ob-team-opening-copy .ob-team-lead{font-size:17px}.ob-team-strategy-list article{grid-template-columns:45px 1fr;gap:15px}.ob-team-strategy-list article>b{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ob-team-area,.ob-team-commitment-grid article{transition:none}}


/* 22. 법률팀 소개 타이틀/소개 우측 이미지 안정화 (2026-10-26) */
/* 헤더가 본문 밖에 렌더링되는 구조에서도 동작하도록 실제 요소에 클래스를 부여 */
.ob-page-head.ob-team-title-head{height:350px;min-height:350px;display:flex;align-items:center;padding:45px 0;background-color:#202833;background-image:linear-gradient(90deg,rgba(11,17,26,.76) 0%,rgba(11,17,26,.38) 54%,rgba(11,17,26,.10) 100%),url('/images/team-title.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;color:#fff}
.ob-page-head.ob-team-title-head .ob-page-title{color:#fff}
.ob-page-head.ob-team-title-head .ob-breadcrumb,.ob-page-head.ob-team-title-head .ob-breadcrumb ol,.ob-page-head.ob-team-title-head .ob-breadcrumb [aria-current=page]{color:#f1f3f5}
.ob-page-head.ob-team-title-head .ob-breadcrumb li+li::before{color:#d3d7db}
.ob-team-page .ob-team-opening-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(32px,4.5vw,70px)}
.ob-team-page .ob-team-opening-visual{position:relative;isolation:isolate;min-height:510px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:32px;background-color:#293440;background-image:linear-gradient(180deg,rgba(13,20,28,.18),rgba(13,20,28,.18) 45%,rgba(13,20,28,.88)),url('/images/about-us.jpg');background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:18px 18px 0 #edf0f2;overflow:hidden}
.ob-team-page .ob-team-opening-visual::before{inset:16px;border-color:rgba(255,255,255,.36)}
.ob-team-page .ob-team-visual-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#f3f3f3}
.ob-team-page .ob-team-visual-top i{font-size:29px;color:#d9c5a6}
.ob-team-page .ob-team-visual-index{font:600 11px/1.6 Poppins,sans-serif;letter-spacing:.17em}
.ob-team-page .ob-team-visual-bottom{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;max-width:100%;color:#fff}
.ob-team-page .ob-team-visual-bottom>span:first-child{font:600 11px/1.5 Poppins,sans-serif;letter-spacing:.17em;color:#d9c5a6}
.ob-team-page .ob-team-visual-bottom strong{font-size:clamp(23px,2.1vw,32px);font-weight:700;line-height:1.5;letter-spacing:-.05em;word-break:keep-all}
.ob-team-page .ob-team-visual-rule{width:64px;height:2px;background:#d9c5a6;margin-top:8px}
@media(max-width:767px){.ob-page-head.ob-team-title-head{height:350px;min-height:350px;background-position:58% center}.ob-team-page .ob-team-opening-grid{grid-template-columns:1fr}.ob-team-page .ob-team-opening-visual{min-height:360px;padding:26px;box-shadow:10px 10px 0 #edf0f2}}


/* 23. 변호사 소개 프리미엄 서브페이지 */
.ob-page-head.ob-lawyers-title-head{height:350px;min-height:350px;display:flex;align-items:center;padding:45px 0;background:#202833 linear-gradient(90deg,rgba(10,16,24,.85),rgba(10,16,24,.36) 70%),url('/images/team-title.jpg') center/cover no-repeat;color:#fff}
.ob-page-head.ob-lawyers-title-head .ob-page-title,.ob-page-head.ob-lawyers-title-head .ob-breadcrumb,.ob-page-head.ob-lawyers-title-head .ob-breadcrumb ol,.ob-page-head.ob-lawyers-title-head .ob-breadcrumb [aria-current=page]{color:#fff}
.ob-page-head.ob-lawyers-title-head .ob-breadcrumb li+li::before{color:#d5dce3}
.ob-lawyers-page{--lawyer-gold:#b69a73;--lawyer-navy:#233140}.ob-lawyers-eyebrow{font:600 12px/1.5 Poppins,sans-serif;letter-spacing:.2em;color:#a68a65}.ob-lawyers-lead{background:#fff}.ob-lawyers-lead-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr);align-items:center;gap:clamp(35px,6vw,110px)}.ob-lawyers-lead h2{font-size:clamp(30px,3.3vw,44px);line-height:1.4;margin:15px 0 24px;letter-spacing:-.055em}.ob-lawyers-lead h2 em{font-style:normal;color:#6a7987}.ob-lawyers-lead p{font-size:17px;line-height:1.95;color:#5c6872;margin:0 0 15px}.ob-lawyers-lead .ob-lawyers-lead-strong{color:#263544;font-weight:600;font-size:19px}.ob-lawyers-lead-panel{position:relative;min-height:350px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:38px;background:linear-gradient(145deg,#263849,#101923);color:#fff;overflow:hidden;border-top:4px solid var(--lawyer-gold);box-shadow:16px 16px 0 #eef0f2}.ob-lawyers-lead-panel::after{content:'§';position:absolute;top:-95px;right:-15px;font:300 310px Georgia,serif;color:#ffffff0a;pointer-events:none}.ob-lawyers-lead-panel>i{font-size:39px;color:#c6a87e;margin-bottom:auto}.ob-lawyers-lead-panel>span{font:600 11px Poppins,sans-serif;letter-spacing:.17em;color:#d2b78e;margin-bottom:15px}.ob-lawyers-lead-panel>strong{font-size:26px;line-height:1.5;letter-spacing:-.04em}.ob-lawyers-lead-panel>p{font:500 11px Poppins,sans-serif;color:#aebdc9;letter-spacing:.08em;margin:22px 0 0}
.ob-lawyers-list-section{background:#f4f5f6}.ob-lawyers-section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:36px}.ob-lawyers-section-heading h2{margin:10px 0;font-size:clamp(31px,3vw,42px)}.ob-lawyers-section-heading p{margin:0;color:#65707a;font-size:16px}.ob-lawyers-count{font:600 52px/1 Poppins,sans-serif;color:#a58b69;white-space:nowrap}.ob-lawyers-count small{display:block;font:600 11px Poppins,sans-serif;letter-spacing:.13em;color:#6c7680;margin-top:10px;text-align:right}.ob-lawyers-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.ob-lawyer-card{min-width:0;background:#fff;border:1px solid #e0e3e6;box-shadow:0 8px 28px rgba(25,37,51,.045);transition:transform .35s ease,box-shadow .35s ease;overflow:hidden}.ob-lawyer-card:hover{transform:translateY(-7px);box-shadow:0 20px 44px rgba(25,37,51,.14)}.ob-lawyer-portrait{position:relative;aspect-ratio:3/3.55;background:linear-gradient(140deg,#dce1e6,#a7b1bb);overflow:hidden}.ob-lawyer-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s ease}.ob-lawyer-card:hover .ob-lawyer-portrait img{transform:scale(1.045)}.ob-lawyer-portrait img.ob-photo-missing{opacity:0}.ob-lawyer-portrait-index{position:absolute;top:15px;left:15px;padding:5px 10px;background:rgba(24,37,49,.72);color:#fff;font:600 11px Poppins,sans-serif;letter-spacing:.08em}.ob-lawyer-card-info{padding:23px 22px 24px;border-top:3px solid var(--lawyer-gold)}.ob-lawyer-role{font-size:12px;letter-spacing:.05em;color:#967b59;font-weight:700}.ob-lawyer-card h3{font-size:25px;margin:8px 0 8px;letter-spacing:-.05em;line-height:1.4}.ob-lawyer-card h3 small{font-size:13px;color:#7b858e;font-weight:500;white-space:nowrap}.ob-lawyer-card-info>p{font-size:14px;line-height:1.7;color:#63717d;min-height:48px;margin:0 0 18px;word-break:keep-all}.ob-lawyer-details{border-top:1px solid #e5e7e9;padding-top:13px}.ob-lawyer-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-size:13px;font-weight:700;color:#34475a}.ob-lawyer-details summary::-webkit-details-marker{display:none}.ob-lawyer-details summary i{color:#a48b6a;transition:transform .2s}.ob-lawyer-details[open] summary i{transform:rotate(45deg)}.ob-lawyer-details ul{list-style:none;padding:16px 0 0;margin:0}.ob-lawyer-details li{position:relative;padding:0 0 8px 12px;font-size:12px;line-height:1.65;color:#586773;word-break:keep-all}.ob-lawyer-details li::before{content:'';position:absolute;left:0;top:9px;width:4px;height:4px;background:#b69a73;border-radius:50%}.ob-lawyers-source{font-size:13px;color:#78838d;margin:25px 0 0}.ob-lawyers-approach{background:#fff}.ob-lawyers-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ob-lawyers-value-grid article{position:relative;padding:35px 30px;border:1px solid #e0e3e6;border-top:3px solid #b69a73;background:linear-gradient(150deg,#fff,#f8f9fa);transition:transform .3s,box-shadow .3s}.ob-lawyers-value-grid article:hover{transform:translateY(-5px);box-shadow:0 15px 35px #20304018}.ob-lawyers-value-grid i{font-size:29px;color:#a68a65;display:block;margin-bottom:28px}.ob-lawyers-value-grid span{font:600 11px Poppins,sans-serif;letter-spacing:.13em;color:#87919a}.ob-lawyers-value-grid h3{font-size:22px;margin:11px 0}.ob-lawyers-value-grid p{font-size:15px;line-height:1.8;color:#63707a;margin:0}
@media(max-width:1050px){.ob-lawyers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-lawyers-lead-grid{gap:30px}.ob-lawyers-lead-panel{min-height:320px;padding:28px}}
@media(max-width:767px){.ob-page-head.ob-lawyers-title-head{height:350px;min-height:350px}.ob-lawyers-lead-grid{grid-template-columns:1fr}.ob-lawyers-lead-panel{min-height:260px}.ob-lawyers-grid{gap:13px}.ob-lawyer-card-info{padding:17px 15px}.ob-lawyer-card h3{font-size:21px}.ob-lawyer-card h3 small{display:block;font-size:12px}.ob-lawyers-value-grid{grid-template-columns:1fr}.ob-lawyers-section-heading{align-items:start}.ob-lawyers-count{font-size:36px}.ob-lawyers-lead p{font-size:16px}}
@media(max-width:480px){.ob-lawyers-grid{grid-template-columns:1fr}.ob-lawyer-portrait{aspect-ratio:4/4.4}.ob-lawyers-count{display:none}}
@media(prefers-reduced-motion:reduce){.ob-lawyer-card,.ob-lawyer-portrait img,.ob-lawyers-value-grid article{transition:none}}


/* 26. 오시는 길: 상단 350px 타이틀 및 첫 번째 섹션 안정화 */
.ob-page-head.ob-location-title-head{height:350px!important;min-height:350px!important;max-height:none!important;background-color:#172330!important;background-image:linear-gradient(90deg,rgba(9,17,27,.83),rgba(9,17,27,.38) 64%,rgba(9,17,27,.15)),url('/images/location-title.jpg')!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;display:flex!important;align-items:center!important;box-sizing:border-box!important}
.ob-page-head.ob-location-title-head .ob-page-title,.ob-page-head.ob-location-title-head .ob-breadcrumb,.ob-page-head.ob-location-title-head .ob-breadcrumb *{color:#fff!important}
.ob-location-page .ob-location-lead{background:#fff!important;padding:100px 0!important;overflow:visible!important}
.ob-location-page .ob-location-lead>.ob-inner{width:100%!important;max-width:1240px!important;margin:0 auto!important;padding:0 24px!important;display:block!important;box-sizing:border-box!important}
.ob-location-page .ob-location-lead-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:clamp(32px,5vw,76px)!important;align-items:center!important;width:100%!important}
.ob-location-page .ob-location-lead-copy,.ob-location-page .ob-location-summary{min-width:0!important;width:100%!important;box-sizing:border-box!important}
.ob-location-page .ob-location-lead-copy{display:block!important;text-align:left!important}
.ob-location-page .ob-location-lead-copy h2{margin:0 0 25px!important;font-size:clamp(30px,3.3vw,46px)!important;line-height:1.38!important;word-break:keep-all!important;letter-spacing:-.045em!important}
.ob-location-page .ob-location-lead-copy .ob-location-intro{margin:0 0 30px!important;max-width:100%!important;font-size:16px!important;line-height:1.95!important}
.ob-location-page .ob-location-lead-copy .ob-location-address{width:100%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important}
.ob-location-page .ob-location-lead-copy .ob-location-address strong{font-size:clamp(17px,1.8vw,21px)!important;line-height:1.55!important;word-break:keep-all!important}
.ob-location-page .ob-location-lead-copy .ob-location-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important}
.ob-location-page .ob-location-summary{position:relative!important;display:block!important;padding:40px clamp(24px,3.5vw,43px)!important;background:linear-gradient(145deg,#304254 0%,#1a2835 100%)!important;color:#fff!important;box-shadow:0 20px 48px rgba(21,34,47,.16)!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden!important}
.ob-location-page .ob-location-summary:after{content:'';position:absolute;right:-68px;top:80px;width:220px;height:220px;border:1px solid rgba(215,187,143,.13);border-radius:50%;pointer-events:none}
.ob-location-page .ob-location-summary-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}
.ob-location-page .ob-location-summary-body{position:relative;z-index:1;padding:35px 0 25px!important}
.ob-location-page .ob-location-summary-eyebrow{font-size:10px;letter-spacing:.2em;color:#c6aa80;font-weight:700}
.ob-location-page .ob-location-summary h3{margin:13px 0 9px!important;font-size:clamp(26px,2.5vw,34px)!important;line-height:1.42!important;color:#fff!important}
.ob-location-page .ob-location-summary-body>p{color:#c3ccd5!important;font-size:14px!important;margin:0!important}
.ob-location-page .ob-location-summary dl{position:relative;z-index:1;margin:0!important;padding:0!important;display:block!important}
.ob-location-page .ob-location-summary dl>div{display:grid!important;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr)!important;gap:10px!important;align-items:center!important;padding:17px 0!important}
.ob-location-page .ob-location-summary dt{margin:0!important;color:#c6d0d9!important;font-size:13px!important}
.ob-location-page .ob-location-summary dd{margin:0!important;text-align:right!important;color:#fff!important;font-size:clamp(13px,1.3vw,16px)!important;overflow-wrap:anywhere!important}
.ob-location-page .ob-location-summary-foot{display:block!important;position:relative;z-index:1;font-size:9px!important;letter-spacing:.09em!important;line-height:1.8!important}
@media(max-width:900px){.ob-location-page .ob-location-lead{padding:75px 0!important}.ob-location-page .ob-location-lead-grid{grid-template-columns:minmax(0,1fr)!important;gap:35px!important}.ob-location-page .ob-location-summary{max-width:100%!important}}
@media(max-width:600px){.ob-page-head.ob-location-title-head{height:350px!important;min-height:350px!important;background-position:62% center!important}.ob-location-page .ob-location-lead{padding:60px 0!important}.ob-location-page .ob-location-lead>.ob-inner{padding:0 20px!important}.ob-location-page .ob-location-summary{padding:29px 24px!important}.ob-location-page .ob-location-summary-body{padding:25px 0 20px!important}.ob-location-page .ob-location-summary dl>div{grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr)!important}.ob-location-page .ob-location-actions .ob-location-button{flex:1 1 170px!important}}


/* 27. 오시는 길 프리미엄 리디자인 / custom(3).css 다음에 추가 */
.ob-page-head.ob-location-title-head{height:350px!important;min-height:350px!important;display:flex!important;align-items:center!important;padding:45px 0!important;background-color:#172330!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;color:#fff!important}
.ob-page-head.ob-location-title-head .ob-page-title,.ob-page-head.ob-location-title-head .ob-breadcrumb,.ob-page-head.ob-location-title-head .ob-breadcrumb *{color:#fff!important}
.ob-location-page{--loc-gold:#b89b71;--loc-ink:#233445;--loc-muted:#617180;overflow:hidden}
.ob-location-page .ob-location-kicker{display:inline-flex;align-items:center;gap:13px;font:700 12px/1.5 Poppins,sans-serif;letter-spacing:.19em;color:#a48760;margin-bottom:20px}
.ob-location-kicker-rule{display:inline-block;width:24px;height:1px;background:currentColor}
.ob-location-page .ob-location-lead{position:relative;background:radial-gradient(circle at 10% 20%,#fff 0%,#f7f8fa 48%,#edf1f4 100%)!important;padding:110px 0!important}
.ob-location-page .ob-location-lead::before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 116px,#243a4c05 117px 118px)}
.ob-location-page .ob-location-lead>.ob-inner{position:relative;z-index:1;width:min(1240px,calc(100% - 48px))!important;max-width:1240px!important;padding:0!important}
.ob-location-page .ob-location-lead-grid{display:grid!important;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)!important;gap:clamp(34px,5vw,78px)!important;align-items:center!important}
.ob-location-page .ob-location-lead-copy{min-width:0;text-align:left!important}
.ob-location-page .ob-location-lead-copy h2{font-size:clamp(32px,3.8vw,49px)!important;line-height:1.42!important;letter-spacing:-.065em!important;color:#233445;margin:0 0 27px!important}
.ob-location-page .ob-location-lead-copy h2 em{font-style:normal;color:#7b8b99}
.ob-location-page .ob-location-intro{max-width:600px;color:#617180;font-size:17px!important;line-height:2!important;margin:0 0 34px!important;word-break:keep-all}
.ob-location-page .ob-location-address{position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;padding:24px 28px 25px;background:#fff;border:1px solid #e0e6eb;border-left:4px solid var(--loc-gold);box-shadow:0 12px 32px #243a4c0b}
.ob-location-page .ob-location-address>span{font:700 11px Poppins,sans-serif;letter-spacing:.13em;color:#947855}
.ob-location-page .ob-location-address>span i{margin-right:8px}
.ob-location-page .ob-location-address strong{font-size:clamp(17px,1.7vw,21px)!important;color:#253749}
.ob-location-page .ob-location-address small{font-size:14px;color:#7c8893}
.ob-location-page .ob-location-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:26px}
.ob-location-page .ob-location-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:51px;padding:12px 21px;font-size:14px;font-weight:700;transition:transform .25s,background .25s}
.ob-location-page .ob-location-button:hover{transform:translateY(-3px)}
.ob-location-page .ob-location-button-dark{background:#24384b;color:#fff;border:1px solid #24384b}
.ob-location-page .ob-location-button-line{border:1px solid #b6c1ca;color:#283d50;background:#fff}
.ob-location-page .ob-location-summary{position:relative!important;isolation:isolate;display:block!important;min-width:0;padding:43px 43px 32px!important;color:#fff!important;background:linear-gradient(150deg,#344b60,#1c2b39 76%)!important;border:1px solid #43576a!important;border-top:4px solid var(--loc-gold)!important;box-shadow:20px 22px 0 #dfe5ea,0 25px 50px #172b3b22!important;overflow:hidden!important}
.ob-location-page .ob-location-summary::before{content:'§';position:absolute;right:-8px;top:-65px;color:#ffffff0a;font:300 290px Georgia,serif;z-index:-1}
.ob-location-page .ob-location-summary-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:15px!important;color:#d7c19f}
.ob-location-page .ob-location-summary-top span{font:600 11px Poppins,sans-serif;letter-spacing:.12em}
.ob-location-page .ob-location-summary-top i{font-size:28px;color:#d7c19f}
.ob-location-page .ob-location-summary-body{padding:48px 0 29px!important}
.ob-location-page .ob-location-summary-eyebrow{font:700 11px Poppins,sans-serif;letter-spacing:.2em;color:#cbb18a}
.ob-location-page .ob-location-summary h3{font-size:clamp(29px,2.8vw,38px)!important;line-height:1.43!important;margin:15px 0!important;color:#fff!important}
.ob-location-page .ob-location-summary-body p{font-size:15px!important;color:#c5d1dc!important}
.ob-location-page .ob-location-summary dl{margin:0!important;border-top:1px solid #ffffff35}
.ob-location-page .ob-location-summary dl>div{display:grid!important;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr)!important;gap:15px!important;padding:17px 0!important;border-bottom:1px solid #ffffff2a}
.ob-location-page .ob-location-summary dt{font-size:14px!important;color:#bdcbd7!important}
.ob-location-page .ob-location-summary dd{margin:0!important;font-size:16px!important;text-align:right!important;color:#fff!important}
.ob-location-page .ob-location-summary-foot{display:block!important;margin-top:26px;font:600 10px/1.8 Poppins,sans-serif!important;letter-spacing:.12em!important;color:#c5ad88}
.ob-location-page .ob-location-map-section{position:relative;background:linear-gradient(135deg,#e6ecf1 0%,#f0f3f6 50%,#e2e9ef 100%);padding:105px 0 115px}
.ob-location-page .ob-location-section-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:35px}
.ob-location-page .ob-location-section-head h2{font-size:clamp(29px,3vw,42px);line-height:1.35;margin:0 0 13px;color:#243749}
.ob-location-page .ob-location-section-head p{margin:0;color:#687784;font-size:16px}
.ob-location-page .ob-location-section-head>a{flex-shrink:0;display:inline-flex;gap:10px;align-items:center;font-size:14px;font-weight:700;color:#334c61;border-bottom:1px solid #b89b71;padding:0 0 9px}
.ob-location-page .ob-location-map-frame{padding:15px;background:#fff;border:1px solid #d6dfe6;box-shadow:0 28px 65px #2137471b;overflow:hidden}
.ob-location-page .ob-location-map-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 19px 22px}
.ob-location-page .ob-location-map-top span{font:700 11px Poppins,sans-serif;letter-spacing:.17em;color:#a58b66}
.ob-location-page .ob-location-map-top strong{font-size:14px;color:#425668}
.ob-location-page .ob-location-kakao-map{width:100%;min-height:550px;overflow:hidden;background:#e8ecef}
.ob-location-page .root_daum_roughmap{max-width:100%;margin:0 auto}
.ob-location-page .ob-location-map-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 19px 9px;color:#465a6b;font-size:14px}
.ob-location-page .ob-location-map-bottom span i{color:#a58b66;margin-right:8px}
.ob-location-page .ob-location-map-bottom a{font-weight:700;color:#263d51;white-space:nowrap}
.ob-location-page .ob-location-access{background:#f9fafb;padding:112px 0 120px}
.ob-location-page .ob-location-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ob-location-page .ob-location-access-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:365px;padding:42px 34px 38px;background:#fff;border:1px solid #e0e5e9;border-top:4px solid #b49a76;box-shadow:0 15px 38px #2437470b;transition:transform .3s,box-shadow .3s}
.ob-location-page .ob-location-access-card:hover{transform:translateY(-7px);box-shadow:0 24px 50px #2437471c}
.ob-location-page .ob-location-access-icon{display:grid;place-items:center;width:70px;height:70px;background:#eef2f5;border:1px solid #d8e0e7;border-radius:50%;font-size:28px;color:#41586c;margin-bottom:30px}
.ob-location-page .ob-location-access-card>span{font:700 11px Poppins,sans-serif;letter-spacing:.17em;color:#a78b65}
.ob-location-page .ob-location-access-card h3{font-size:24px;line-height:1.4;margin:13px 0 17px;color:#26394b}
.ob-location-page .ob-location-access-card p{font-size:15px;line-height:1.95;color:#64727e;margin:0;word-break:keep-all}
.ob-location-page .ob-location-notice{position:relative;background:linear-gradient(130deg,#e4ebf0,#f1f4f7);padding:100px 0}
.ob-location-page .ob-location-notice-panel{position:relative;isolation:isolate;overflow:hidden;padding:65px 70px;background:linear-gradient(125deg,#2e4255,#192a39);border-top:4px solid #b69a73;box-shadow:0 28px 58px #21344722}
.ob-location-page .ob-location-notice-panel::before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,transparent 0 115px,#ffffff06 116px 117px)}
.ob-location-page .ob-location-notice-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:65px;align-items:center}
.ob-location-page .ob-location-notice h2{color:#fff;font-size:clamp(28px,3vw,41px);line-height:1.5;margin:0}
.ob-location-page .ob-location-notice p{font-size:16px;line-height:2;color:#d2dce5;margin:0 0 22px;word-break:keep-all}
.ob-location-page .ob-location-notice a{display:inline-flex;align-items:center;gap:17px;padding-bottom:8px;border-bottom:2px solid #c9ac82;font-weight:700;font-size:18px;color:#fff}
.ob-location-page .ob-location-notice-watermark{position:absolute;right:18px;bottom:-20px;font:700 clamp(40px,8vw,110px) Poppins,sans-serif;letter-spacing:.04em;color:#ffffff08;pointer-events:none}
@media(max-width:950px){.ob-location-page .ob-location-lead-grid{grid-template-columns:1fr!important;gap:42px!important}.ob-location-page .ob-location-summary{box-shadow:12px 12px 0 #dfe5ea!important}.ob-location-page .ob-location-access-grid{grid-template-columns:1fr 1fr}.ob-location-page .ob-location-notice-grid{grid-template-columns:1fr;gap:25px}}
@media(max-width:767px){.ob-page-head.ob-location-title-head{height:350px!important;min-height:350px!important}.ob-location-page .ob-location-lead{padding:72px 0!important}.ob-location-page .ob-location-lead>.ob-inner{width:calc(100% - 32px)!important}.ob-location-page .ob-location-summary{padding:31px 26px!important}.ob-location-page .ob-location-summary-body{padding:29px 0 22px!important}.ob-location-page .ob-location-map-section,.ob-location-page .ob-location-access{padding:70px 0}.ob-location-page .ob-location-section-head{display:block}.ob-location-page .ob-location-section-head>a{margin-top:18px}.ob-location-page .ob-location-map-frame{padding:7px}.ob-location-page .ob-location-map-top,.ob-location-page .ob-location-map-bottom{flex-wrap:wrap;gap:9px;padding:14px}.ob-location-page .ob-location-access-grid{grid-template-columns:1fr;gap:15px}.ob-location-page .ob-location-access-card{min-height:0;padding:30px 27px}.ob-location-page .ob-location-access-icon{margin-bottom:22px}.ob-location-page .ob-location-notice{padding:65px 0}.ob-location-page .ob-location-notice-panel{padding:40px 28px}.ob-location-page .ob-location-notice-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){.ob-location-page .ob-location-access-card,.ob-location-page .ob-location-button{transition:none}}


/* 28. 형사사건 7개 서브페이지 | 기존 통합 CSS 유지 */
.ob-criminal-page{color:#273443;background:#fff}.ob-criminal-page .ob-inner{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.ob-page-head.ob-criminal-title-head{height:350px!important;min-height:350px!important;max-height:none!important;background-color:#142231!important;background-size:cover!important;background-position:center!important;display:flex!important;align-items:center!important;box-sizing:border-box!important}
.ob-criminal-page section.ob-criminal-section{padding:95px 0}.ob-criminal-page .ob-criminal-kicker{display:block;color:#aa8d65;font-size:13px;font-weight:700;letter-spacing:.18em;margin-bottom:17px}.ob-criminal-page h2{font-size:clamp(28px,3vw,42px);line-height:1.35;letter-spacing:-.045em;color:#223344;margin:0 0 24px}.ob-criminal-page h3{font-size:21px;letter-spacing:-.03em;margin:0 0 14px;color:#243648}.ob-criminal-page p{line-height:1.9;color:#66727f}.ob-criminal-page .ob-criminal-lead{background:#f0f3f6}.ob-criminal-page .ob-criminal-lead-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}.ob-criminal-page .ob-criminal-intro{font-size:18px;max-width:650px}.ob-criminal-page .ob-criminal-feature{background:#243648;padding:44px;color:#fff;box-shadow:0 20px 45px rgba(13,26,41,.13);position:relative;overflow:hidden}.ob-criminal-page .ob-criminal-feature:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:#b89b72}.ob-criminal-page .ob-criminal-feature h3{color:#e7d3b4}.ob-criminal-page .ob-criminal-feature p{color:#d5dfe6}.ob-criminal-page .ob-criminal-feature strong{display:block;color:#fff;font-size:25px;line-height:1.4;margin:18px 0}.ob-criminal-page .ob-criminal-feature a{display:inline-block;margin-top:18px;color:#e6cda6;text-decoration:none;border-bottom:1px solid #e6cda6;padding-bottom:5px}
.ob-criminal-page .ob-criminal-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.ob-criminal-page .ob-criminal-heading p{max-width:430px}.ob-criminal-page .ob-criminal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ob-criminal-page .ob-criminal-card{background:#fff;border:1px solid #e0e6eb;padding:38px 32px;min-height:235px;box-shadow:0 12px 28px rgba(31,51,70,.035);transition:transform .25s,box-shadow .25s}.ob-criminal-page .ob-criminal-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px rgba(31,51,70,.09)}.ob-criminal-page .ob-criminal-card .num{font-size:13px;color:#b49a73;letter-spacing:.15em;font-weight:700;display:block;margin-bottom:28px}.ob-criminal-page .ob-criminal-card p{font-size:15px;margin:0}
.ob-criminal-page .ob-criminal-check{background:#e9eef2}.ob-criminal-page .ob-criminal-check-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:start}.ob-criminal-page .ob-criminal-check-list{list-style:none;padding:0;margin:0;background:#fff;border-top:3px solid #b49a73}.ob-criminal-page .ob-criminal-check-list li{padding:23px 29px;border-bottom:1px solid #e8edf1;display:flex;gap:16px;line-height:1.8;color:#4e5f6e}.ob-criminal-page .ob-criminal-check-list li:before{content:'✓';color:#ac8c61;font-weight:800}.ob-criminal-page .ob-criminal-process{background:#fff}.ob-criminal-page .ob-criminal-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ob-criminal-page .ob-criminal-step{padding:30px 24px;background:#f4f6f8;border-top:2px solid #bba17e}.ob-criminal-page .ob-criminal-step span{display:block;color:#b08c5c;font-weight:700;margin-bottom:20px}.ob-criminal-page .ob-criminal-step h3{font-size:19px}.ob-criminal-page .ob-criminal-step p{font-size:14px;margin:0}.ob-criminal-page .ob-criminal-disclaimer{font-size:13px;color:#7d8995;margin-top:30px}.ob-criminal-page .ob-about-contact{background:#f1f5f8}
@media(max-width:850px){.ob-criminal-page section.ob-criminal-section{padding:65px 0}.ob-criminal-page .ob-criminal-lead-grid,.ob-criminal-page .ob-criminal-check-grid{grid-template-columns:1fr;gap:30px}.ob-criminal-page .ob-criminal-cards{grid-template-columns:1fr}.ob-criminal-page .ob-criminal-steps{grid-template-columns:repeat(2,1fr)}.ob-criminal-page .ob-criminal-heading{display:block}.ob-criminal-page .ob-criminal-feature{padding:32px}}
@media(max-width:480px){.ob-criminal-page .ob-inner{width:calc(100% - 32px)}.ob-criminal-page .ob-criminal-steps{grid-template-columns:1fr}.ob-criminal-page .ob-criminal-card{padding:29px 24px;min-height:0}.ob-criminal-page .ob-criminal-check-list li{padding:19px 20px}}
/* 카카오맵 하단 업체 정보 숨김: 사용자 적용 설정 유지 */
.ob-location-page .root_daum_roughmap .cont{display:none!important}

/* 29. 형사사건 공통 타이틀 가독성: 7개 페이지 공통 적용 */
.ob-page-head.ob-criminal-title-head .ob-page-title{color:#fff!important;opacity:1!important;text-shadow:0 2px 14px rgba(0,0,0,.32)}
.ob-page-head.ob-criminal-title-head .ob-breadcrumb,
.ob-page-head.ob-criminal-title-head .ob-breadcrumb ol,
.ob-page-head.ob-criminal-title-head .ob-breadcrumb li,
.ob-page-head.ob-criminal-title-head .ob-breadcrumb a,
.ob-page-head.ob-criminal-title-head .ob-breadcrumb [aria-current=page]{color:#fff!important;opacity:1!important}
.ob-page-head.ob-criminal-title-head .ob-breadcrumb li+li::before{color:#fff!important;opacity:1!important}

/* 30. 형사사건 LEGAL SUPPORT 프리미엄 카드 디자인 (7개 공통) */
.ob-criminal-page .ob-criminal-heading{position:relative;align-items:center;margin-bottom:43px;padding-bottom:25px;border-bottom:1px solid #dce3e9}
.ob-criminal-page .ob-criminal-heading::after{content:"";position:absolute;bottom:-1px;left:0;width:78px;height:2px;background:#b89b72}
.ob-criminal-page .ob-criminal-heading h2{font-size:clamp(32px,3.5vw,47px);font-weight:750;letter-spacing:-.055em;margin-bottom:0}
.ob-criminal-page .ob-criminal-heading p{font-size:15px;line-height:1.95;color:#667789;margin:0}
.ob-criminal-page .ob-criminal-cards{gap:22px}
.ob-criminal-page .ob-criminal-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:350px;padding:37px 34px 26px;background:linear-gradient(155deg,#fff 0%,#fbfcfd 70%,#f0f4f7 100%);border:1px solid #dce3e9;border-top:3px solid #b89b72;box-shadow:0 12px 35px rgba(26,42,56,.065);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.ob-criminal-page .ob-criminal-card::before{content:"";position:absolute;right:-62px;top:-70px;width:220px;height:220px;border:1px solid rgba(184,155,114,.13);border-radius:50%;pointer-events:none}
.ob-criminal-page .ob-criminal-card::after{content:"";position:absolute;right:-35px;top:-42px;width:160px;height:160px;border:1px solid rgba(184,155,114,.12);border-radius:50%;pointer-events:none}
.ob-criminal-page .ob-criminal-card:hover{transform:translateY(-7px);border-color:#c6b194;box-shadow:0 24px 48px rgba(26,42,56,.14)}
.ob-criminal-page .ob-criminal-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:27px}
.ob-criminal-page .ob-criminal-card-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;flex:none;background:#233749;color:#d6b98d;border:1px solid #3c5061;font-size:24px;box-shadow:7px 7px 0 #e8edf1}
.ob-criminal-page .ob-criminal-card .num{display:block;margin:2px 0 0;font:500 39px/1 Georgia,serif;letter-spacing:-.05em;color:#c7b49a}
.ob-criminal-page .ob-criminal-card-rule{display:block;width:35px;height:2px;background:#b89b72;margin:0 0 22px}
.ob-criminal-page .ob-criminal-card h3{font-size:clamp(19px,1.65vw,23px);font-weight:750;line-height:1.5;letter-spacing:-.045em;color:#203447;margin:0 0 15px;word-break:keep-all}
.ob-criminal-page .ob-criminal-card p{font-size:15px;line-height:1.85;color:#657584;margin:0 0 27px;word-break:keep-all}
.ob-criminal-page .ob-criminal-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:18px;border-top:1px solid #dce3e9;color:#a58a65;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.19em}
.ob-criminal-page .ob-criminal-card-bottom i{font-size:16px;letter-spacing:0}
@media(max-width:850px){.ob-criminal-page .ob-criminal-heading{margin-bottom:30px}.ob-criminal-page .ob-criminal-cards{gap:17px}.ob-criminal-page .ob-criminal-card{min-height:0;padding:30px 27px 24px}.ob-criminal-page .ob-criminal-card-top{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.ob-criminal-page .ob-criminal-card{transition:none}}


/* 31. 삼청교육대 보상 서브페이지 - 2026-10-26 */
.ob-page-head.ob-sam-title-head{height:350px!important;min-height:350px!important;display:flex!important;align-items:center!important;background-color:#142331!important;background-position:center!important;background-size:cover!important;color:#fff!important}
.ob-page-head.ob-sam-title-head .ob-page-title,.ob-page-head.ob-sam-title-head .ob-breadcrumb,.ob-page-head.ob-sam-title-head .ob-breadcrumb *{color:#fff!important;opacity:1!important}
.ob-sam-page{--sam-ink:#223547;--sam-gold:#b69a73;--sam-muted:#607180;color:var(--sam-ink);word-break:keep-all}
.ob-sam-page .ob-sam-kicker{display:block;color:#a68b66;font:700 12px/1.6 Poppins,'Noto Sans KR',sans-serif;letter-spacing:.16em;margin-bottom:17px}
.ob-sam-page h2{font-size:clamp(30px,3.3vw,44px);letter-spacing:-.055em;line-height:1.4;margin:0 0 24px;color:#24384b}
.ob-sam-page h3{color:#24384b;letter-spacing:-.04em;line-height:1.5}
.ob-sam-page p{font-size:16px;line-height:1.95;color:#61717e;margin:0 0 17px}
.ob-sam-section{padding:96px 0}.ob-sam-intro{background:linear-gradient(135deg,#fff,#f2f5f7)}
.ob-sam-lead-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:68px;align-items:center}
.ob-sam-lead{font-size:19px!important;font-weight:600;color:#30485c!important}
.ob-sam-hero-card{position:relative;isolation:isolate;overflow:hidden;min-height:320px;padding:43px 40px;background:linear-gradient(145deg,#344b60,#182938);color:#fff;border-top:4px solid var(--sam-gold);box-shadow:18px 18px 0 #e2e8ed}
.ob-sam-hero-card:after{content:'§';position:absolute;right:-20px;top:-90px;font:300 310px Georgia,serif;color:#ffffff0b;z-index:-1}
.ob-sam-hero-card i{font-size:38px;color:#d6b88b}.ob-sam-hero-card>span{display:block;font:700 11px Poppins,sans-serif;letter-spacing:.16em;color:#d6b88b;margin:28px 0 13px}
.ob-sam-hero-card strong{display:block;font-size:clamp(23px,2.4vw,31px);line-height:1.55;letter-spacing:-.05em}.ob-sam-hero-card p{color:#d0dae3;margin:18px 0 0}
.ob-sam-section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:38px;padding-bottom:23px;border-bottom:1px solid #dce4eb;position:relative}
.ob-sam-section-head:after{content:'';position:absolute;left:0;bottom:-1px;width:78px;height:2px;background:var(--sam-gold)}
.ob-sam-section-head h2{margin:0}.ob-sam-section-head>p{max-width:420px;margin:0;font-size:15px}
.ob-sam-soft{background:#f2f5f7}.ob-sam-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ob-sam-card{position:relative;min-height:290px;display:flex;flex-direction:column;padding:36px 31px 28px;background:linear-gradient(155deg,#fff,#f9fbfc);border:1px solid #dde5eb;border-top:3px solid var(--sam-gold);box-shadow:0 14px 35px #1a2c3b0b;transition:transform .3s,box-shadow .3s}
.ob-sam-card:hover{transform:translateY(-6px);box-shadow:0 23px 42px #1a2c3b20}
.ob-sam-card-top{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:26px}
.ob-sam-icon{width:64px;height:64px;display:grid;place-items:center;background:#24394c;color:#e2c79d;font-size:25px;box-shadow:7px 7px 0 #e9eef2}
.ob-sam-card-number{font:500 40px/1 Georgia,serif;color:#c6b196}
.ob-sam-card h3{font-size:22px;margin:0 0 13px}.ob-sam-card p{font-size:15px;margin:0}.ob-sam-card-foot{margin-top:auto;padding-top:24px;font:700 10px Poppins,sans-serif;letter-spacing:.17em;color:#a38964}
.ob-sam-dark{background:linear-gradient(120deg,#2e4356,#192a39);color:#fff;position:relative;overflow:hidden}.ob-sam-dark:before{content:'RECORD & RIGHTS';position:absolute;right:2%;bottom:-24px;color:#ffffff08;font:700 clamp(40px,7vw,112px) Poppins,sans-serif;white-space:nowrap;pointer-events:none}
.ob-sam-dark h2,.ob-sam-dark h3{color:#fff}.ob-sam-dark p{color:#d2dce4}.ob-sam-dark .ob-sam-kicker{color:#ddc19a}
.ob-sam-check-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:65px;align-items:start}
.ob-sam-checklist{background:#fff;border-top:4px solid var(--sam-gold);padding:5px 30px;color:#263a4c;box-shadow:0 20px 42px #0002}
.ob-sam-checklist li{position:relative;padding:21px 0 21px 36px;border-bottom:1px solid #e1e6eb;font-size:16px;line-height:1.8}.ob-sam-checklist li:last-child{border-bottom:0}.ob-sam-checklist li:before{content:'✓';position:absolute;left:0;top:20px;color:#b0926c;font-weight:800}
.ob-sam-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.ob-sam-step{position:relative;padding:29px 23px;background:#fff;border-top:3px solid var(--sam-gold);border-left:1px solid #e1e6eb;border-right:1px solid #e1e6eb;border-bottom:1px solid #e1e6eb}
.ob-sam-step>span{font:600 38px Georgia,serif;color:#c6b298}.ob-sam-step>i{float:right;color:#8a9ba9;font-size:22px;margin-top:8px}.ob-sam-step h3{font-size:20px;margin:22px 0 12px}.ob-sam-step p{font-size:14px;margin:0}
.ob-sam-notice{padding:24px 29px;border-left:4px solid var(--sam-gold);background:#eef2f5;color:#526576;font-size:14px;line-height:1.9;margin-top:30px}
.ob-sam-page .ob-about-contact a[href^='tel:']::before{content:'삼청교육대 보상 상담전화'}
@media(max-width:900px){.ob-sam-lead-grid,.ob-sam-check-grid{grid-template-columns:1fr;gap:35px}.ob-sam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-sam-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ob-sam-section{padding:65px 0}.ob-sam-page .ob-inner{width:calc(100% - 32px)}.ob-sam-section-head{display:block}.ob-sam-section-head>p{margin-top:12px}.ob-sam-grid,.ob-sam-steps{grid-template-columns:1fr}.ob-sam-card{min-height:0;padding:30px 25px}.ob-sam-hero-card{min-height:260px;padding:30px;box-shadow:9px 9px 0 #e2e8ed}.ob-sam-checklist{padding:5px 22px}}
@media(prefers-reduced-motion:reduce){.ob-sam-card{transition:none}}