.civil-pc-main{display:none}

.civil-pc-metric strong.is-counter-complete{position:relative;z-index:1;animation:civil-metric-counter-settle .82s cubic-bezier(.22,1,.36,1) 1 both}
@keyframes civil-metric-counter-settle{0%{transform:translateY(0) scale(1);text-shadow:0 0 0 rgba(0,83,82,0)}38%{transform:translateY(calc(-1 / 1920 * 100vw)) scale(1.025);text-shadow:0 calc(5 / 1920 * 100vw) calc(18 / 1920 * 100vw) rgba(0,83,82,.2)}100%{transform:none;text-shadow:none}}

/* Criminal-home hero copy sequence, adapted without changing civil geometry. */
.civil-pc-hero-copy>p>span,
.civil-pc-hero-copy h1>span{display:block;color:inherit;font:inherit;white-space:inherit}
.civil-pc-hero-copy>p{display:flex;justify-content:center}
.civil-pc-hero-copy>p>span:first-child{animation:civil-hero-context-in 1.85s cubic-bezier(.22,1,.36,1) .6s 1 both}
.civil-pc-hero-copy>p>span:last-child{animation:civil-hero-context-in 1.85s cubic-bezier(.22,1,.36,1) 1.25s 1 both}
.civil-pc-hero-copy h1>span{animation:civil-hero-direct-in 3s cubic-bezier(.16,.9,.25,1) 1.8s 1 both}
.civil-pc-hero-copy>div>b{animation:civil-hero-final-prefix-in 3.2s cubic-bezier(.22,1,.36,1) 2.85s 1 both}
.civil-pc-hero-copy>div>strong,
.civil-pc-hero-copy>div>em{transform-origin:center bottom;animation:civil-hero-years-in 3s cubic-bezier(.16,1,.3,1) 3.25s 1 both,civil-hero-years-glow 6.2s ease-in-out 6.2s infinite}
.civil-pc-hero:not(.is-copy-ready) .civil-pc-hero-copy>p>span,
.civil-pc-hero:not(.is-copy-ready) .civil-pc-hero-copy h1>span,
.civil-pc-hero:not(.is-copy-ready) .civil-pc-hero-copy>div>b,
.civil-pc-hero:not(.is-copy-ready) .civil-pc-hero-copy>div>strong,
.civil-pc-hero:not(.is-copy-ready) .civil-pc-hero-copy>div>em{animation-play-state:paused!important}
.civil-pc-hero.is-copy-reset .civil-pc-hero-copy>p>span,
.civil-pc-hero.is-copy-reset .civil-pc-hero-copy h1>span,
.civil-pc-hero.is-copy-reset .civil-pc-hero-copy>div>b,
.civil-pc-hero.is-copy-reset .civil-pc-hero-copy>div>strong,
.civil-pc-hero.is-copy-reset .civil-pc-hero-copy>div>em{opacity:0!important;clip-path:inset(100% -60px -60px -60px)!important;transform:none!important;filter:blur(0)!important;animation:none!important}
@keyframes civil-hero-context-in{from{opacity:0;clip-path:inset(-60px 100% -60px 0);transform:translate3d(18px,0,0);filter:blur(4px)}to{opacity:1;clip-path:inset(-60px);transform:none;filter:blur(0)}}
@keyframes civil-hero-direct-in{from{opacity:0;clip-path:inset(-60px 100% -60px 0);transform:translate3d(10px,0,0);filter:blur(2px)}to{opacity:1;clip-path:inset(-60px);transform:none;filter:blur(0)}}
@keyframes civil-hero-final-prefix-in{from{opacity:0;transform:translate3d(0,14px,0);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes civil-hero-years-in{0%{opacity:0;clip-path:inset(100% -60px -60px -60px);transform:translate3d(0,30px,0) scale(.94);filter:blur(11px) brightness(.76)}58%{opacity:1;clip-path:inset(-60px);transform:translate3d(0,2px,0) scale(1.012);filter:blur(0) brightness(1)}100%{opacity:1;clip-path:none;transform:none;filter:blur(0) brightness(1)}}
@keyframes civil-hero-years-glow{0%,100%{color:#fff;text-shadow:0 3px 22px rgba(0,5,18,.74),0 0 26px rgba(255,255,255,.24),0 0 54px rgba(255,255,255,.08);filter:brightness(1)}50%{color:#fff;text-shadow:0 3px 24px rgba(0,5,18,.68),0 0 38px rgba(255,255,255,.58),0 0 76px rgba(255,255,255,.24);filter:brightness(1.14)}}
@media (prefers-reduced-motion:reduce){.civil-pc-hero-copy>p>span,.civil-pc-hero-copy h1>span,.civil-pc-hero-copy>div>b,.civil-pc-hero-copy>div>strong,.civil-pc-hero-copy>div>em{opacity:1;clip-path:none;transform:none;filter:none;animation:none!important}}

@media (min-width:1025px){
  .bk-civil-renewal.is-index .civil-pc-main{display:block;width:100%;overflow:hidden;background:#fff;color:#202020;font-family:"Roboto","Pretendard",sans-serif}
  .bk-civil-renewal.is-index #index,
  .bk-civil-renewal.is-index .content_wrap{display:none!important}
  .civil-pc-main *{box-sizing:border-box}
  .civil-pc-main h1,.civil-pc-main h2,.civil-pc-main h3,.civil-pc-main p{margin:0;padding:0}
  .civil-pc-heading{text-align:center}
  .civil-pc-heading h2{font-size:calc(46 / 1920 * 100vw);line-height:1.42;font-weight:400;letter-spacing:calc(-1.8 / 1920 * 100vw)}
  .civil-pc-heading h2 strong{font-weight:700}
  .civil-pc-heading p{margin-top:calc(30 / 1920 * 100vw);font-size:calc(18 / 1920 * 100vw);line-height:1.65;color:#555}
  .civil-pc-more{display:flex;align-items:center;justify-content:center;width:max-content;min-width:calc(230 / 1920 * 100vw);height:calc(50 / 1920 * 100vw);margin:calc(76 / 1920 * 100vw) auto 0;padding:0 calc(26 / 1920 * 100vw);border:calc(1 / 1920 * 100vw) solid #8c8c8c;border-radius:calc(25 / 1920 * 100vw);color:#333;font-size:calc(15 / 1920 * 100vw);gap:calc(25 / 1920 * 100vw);text-decoration:none}
  .civil-pc-more img{display:block;width:calc(17 / 1920 * 100vw);height:calc(10 / 1920 * 100vw);flex:none;object-fit:contain}

  .civil-pc-hero{height:calc(915 / 1920 * 100vw);min-height:calc(620 / 1920 * 100vw);background:url("assets/main-pc/hero.png") center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}
  .civil-pc-hero-copy{transform:translateY(calc(24 / 1920 * 100vw))}
  .civil-pc-hero-copy>span{display:inline-flex;padding:calc(9 / 1920 * 100vw) calc(22 / 1920 * 100vw);border:calc(1 / 1920 * 100vw) solid rgba(255,255,255,.65);border-radius:calc(30 / 1920 * 100vw);font-size:calc(13 / 1920 * 100vw);letter-spacing:calc(2 / 1920 * 100vw)}
  .civil-pc-hero-copy>p{margin-top:calc(48 / 1920 * 100vw);font-size:calc(42 / 1920 * 100vw);font-weight:300;letter-spacing:calc(-1.5 / 1920 * 100vw)}
  .civil-pc-hero-copy h1{margin-top:calc(8 / 1920 * 100vw);font-size:calc(50 / 1920 * 100vw);font-weight:700}
  .civil-pc-hero-copy>div{display:flex;justify-content:center;align-items:baseline;margin-top:calc(72 / 1920 * 100vw);gap:calc(10 / 1920 * 100vw)}
  .civil-pc-hero-copy b{font-size:calc(25 / 1920 * 100vw);font-weight:500}.civil-pc-hero-copy strong{font-size:calc(92 / 1920 * 100vw);font-weight:400;line-height:1}.civil-pc-hero-copy em{font-size:calc(22 / 1920 * 100vw);font-style:normal}

  .civil-pc-process{height:calc(1302 / 1920 * 100vw);padding-top:calc(135 / 1920 * 100vw);background:#fff url("assets/main-pc/process-bg.png") center top/100% auto no-repeat}
  .civil-pc-process-tabs{display:flex;justify-content:center;align-items:stretch;width:calc(1180 / 1920 * 100vw);height:calc(205 / 1920 * 100vw);margin:calc(62 / 1920 * 100vw) auto 0;gap:calc(22 / 1920 * 100vw)}
  .civil-pc-process-tabs>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(378 / 1920 * 100vw);border:0;border-radius:calc(16 / 1920 * 100vw);background:rgba(255,255,255,.92);box-shadow:0 calc(12 / 1920 * 100vw) calc(35 / 1920 * 100vw) rgba(21,44,42,.1);font:inherit;cursor:pointer}
  .civil-pc-process-tabs>button.is-active{background:#00635d;color:#fff}
  .civil-pc-process-tabs img{width:calc(42 / 1920 * 100vw);height:calc(42 / 1920 * 100vw);object-fit:contain;margin-bottom:calc(10 / 1920 * 100vw)}
  .civil-pc-process-tabs strong{font-size:calc(24 / 1920 * 100vw)}.civil-pc-process-tabs span{margin-top:calc(9 / 1920 * 100vw);text-align:center;font-size:calc(13 / 1920 * 100vw);line-height:1.5;color:inherit}
  .civil-pc-process-cards{display:flex;width:calc(1210 / 1920 * 100vw);margin:calc(38 / 1920 * 100vw) auto 0;gap:calc(28 / 1920 * 100vw)}
  .civil-pc-process-cards article{position:relative;width:calc(385 / 1920 * 100vw);height:calc(350 / 1920 * 100vw);overflow:hidden;border-radius:calc(18 / 1920 * 100vw);padding:calc(34 / 1920 * 100vw);color:#fff;background:#111}
  .civil-pc-process-cards article>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
  .civil-pc-process-cards article>*:not(img){position:relative;z-index:1}.civil-pc-process-cards i{font-size:calc(13 / 1920 * 100vw);font-style:normal;color:#e9cf74}.civil-pc-process-cards h3{margin-top:calc(42 / 1920 * 100vw);font-size:calc(25 / 1920 * 100vw)}
  .civil-pc-process-cards p{margin-top:calc(18 / 1920 * 100vw);font-size:calc(14 / 1920 * 100vw);line-height:1.65;color:rgba(255,255,255,.9)}.civil-pc-process-cards small{position:absolute!important;left:calc(34 / 1920 * 100vw);bottom:calc(28 / 1920 * 100vw);font-size:calc(11 / 1920 * 100vw);color:rgba(255,255,255,.6)}

  .civil-pc-experience{height:calc(1398 / 1920 * 100vw);padding-top:calc(150 / 1920 * 100vw);background:#f5f5f5}
  .civil-pc-experience-grid{display:grid;grid-template-columns:calc(670 / 1920 * 100vw) calc(360 / 1920 * 100vw) calc(360 / 1920 * 100vw);grid-template-rows:calc(325 / 1920 * 100vw) calc(325 / 1920 * 100vw);gap:calc(28 / 1920 * 100vw);width:calc(1446 / 1920 * 100vw);margin:calc(78 / 1920 * 100vw) auto 0}
  .civil-pc-portrait{grid-row:1/3;width:100%;height:100%;object-fit:cover;border-radius:calc(18 / 1920 * 100vw)}
  .civil-pc-career{grid-column:2/4;overflow:hidden;border-radius:calc(18 / 1920 * 100vw)}.civil-pc-career img{width:100%;height:100%;object-fit:cover}
  .civil-pc-metric{padding:calc(38 / 1920 * 100vw);border-radius:calc(18 / 1920 * 100vw);background:#efd170;color:#28200f}.civil-pc-metric strong{display:block;font-size:calc(50 / 1920 * 100vw);line-height:1}.civil-pc-metric span{display:block;margin-top:calc(16 / 1920 * 100vw);font-size:calc(17 / 1920 * 100vw);font-weight:700}.civil-pc-metric p{margin-top:calc(38 / 1920 * 100vw);font-size:calc(12 / 1920 * 100vw);line-height:1.6}

  .civil-pc-family{position:relative;height:calc(1119 / 1920 * 100vw);padding-top:calc(140 / 1920 * 100vw);background:#fff;overflow:hidden}
  .civil-pc-family .civil-pc-heading{position:relative;z-index:4;display:flex;width:calc(547 / 1920 * 100vw);height:calc(332 / 1920 * 100vw);flex-direction:column;align-items:center;margin:0 auto;gap:calc(60 / 1920 * 100vw)}
  .civil-pc-family .civil-pc-heading>span{display:block;width:100%;height:calc(28 / 1920 * 100vw);font-size:calc(24 / 1920 * 100vw);font-weight:300;line-height:calc(28 / 1920 * 100vw);letter-spacing:1.4em;color:#000;white-space:nowrap}
  .civil-pc-family .civil-pc-heading h2{width:calc(523 / 1920 * 100vw);height:calc(134 / 1920 * 100vw);margin:0;font-size:calc(48 / 1920 * 100vw);font-weight:500;line-height:1.4;letter-spacing:0;color:#1a1a1a}
  .civil-pc-family .civil-pc-heading h2 strong{font-weight:500}.civil-pc-family .civil-pc-heading p{width:calc(501 / 1920 * 100vw);height:calc(70 / 1920 * 100vw);margin:calc(-20 / 1920 * 100vw) 0 0;font-size:calc(24 / 1920 * 100vw);line-height:1.45;color:#1a1a1a}
  .civil-pc-family-conveyor{position:absolute;left:0;top:calc(672 / 1920 * 100vw);z-index:1;width:100%;height:calc(447 / 1920 * 100vw);overflow:hidden}
  .civil-pc-family-track{display:flex;width:max-content;height:100%;gap:calc(30 / 1920 * 100vw);animation:civil-family-conveyor 48s linear infinite;will-change:transform}
  .civil-pc-family-track img{flex:0 0 calc(500 / 1920 * 100vw);width:calc(500 / 1920 * 100vw);height:calc(447 / 1920 * 100vw);object-fit:cover}
  .civil-pc-family-lawyers{position:absolute;left:calc(50% - 18.75 / 1920 * 100vw);top:calc(472 / 1920 * 100vw);z-index:2;width:calc(1108.49 / 1920 * 100vw);height:calc(647 / 1920 * 100vw);transform:translateX(-50%);object-fit:contain}
  @keyframes civil-family-conveyor{to{transform:translateX(calc(-50% - 15 / 1920 * 100vw))}}

  .civil-pc-success{position:relative;height:calc(1744.92 / 1920 * 100vw);padding:0 0 calc(140 / 1920 * 100vw);background:#fff url("assets/main-pc/success-bg.png") right top/auto calc(1604.92 / 1920 * 100vw) no-repeat;overflow:hidden}
  .civil-pc-success-line{display:block;width:calc(24 / 1920 * 100vw);height:calc(224 / 1920 * 100vw);margin:0 auto;object-fit:contain}
  .civil-pc-success>.civil-pc-heading{width:calc(751 / 1920 * 100vw);height:calc(142 / 1920 * 100vw);margin:calc(40 / 1920 * 100vw) auto 0}.civil-pc-success>.civil-pc-heading h2{height:calc(67 / 1920 * 100vw);font-size:calc(48 / 1920 * 100vw);font-weight:500;line-height:1.4;letter-spacing:0}.civil-pc-success .civil-pc-heading h2 strong{color:#00635d;font-weight:500}.civil-pc-success>.civil-pc-heading p{height:calc(35 / 1920 * 100vw);margin-top:calc(40 / 1920 * 100vw);font-size:calc(24 / 1920 * 100vw);line-height:1.45;color:#1a1a1a;white-space:nowrap}
  .civil-pc-success-widget{position:relative;width:100%;height:calc(910 / 1920 * 100vw);margin-top:calc(80 / 1920 * 100vw);overflow:visible}
  .civil-pc-success-widget>.xe-widget-wrapper,.civil-pc-success-widget>.xe-widget-wrapper>div,.civil-pc-success-widget .gall_1_sec03{width:100%!important;height:100%!important;overflow:visible!important}
  .civil-pc-success-widget .bh_widget_content{display:flex!important;align-items:flex-end!important;flex-wrap:nowrap!important;width:max-content!important;max-width:none!important;height:100%!important;margin:0!important;gap:calc(80 / 1920 * 100vw)!important;transition:none!important;animation:civil-success-conveyor 68s linear infinite;will-change:transform}
  .civil-pc-success-widget .bh_widget_content:has(.bh_item:hover){animation-play-state:paused}
  .civil-pc-success-widget .bh_item{position:relative!important;flex:0 0 calc(328 / 1920 * 100vw)!important;width:calc(328 / 1920 * 100vw)!important;height:calc(769.92 / 1920 * 100vw)!important;margin:0!important;padding:0!important;transition:transform .55s cubic-bezier(.22,1,.36,1)!important}
  .civil-pc-success-widget .bh_item:hover{z-index:5;transform:translateY(calc(-140 / 1920 * 100vw))!important}
  .civil-pc-success-widget .bh_item:after,.civil-pc-success-widget .bh_item_inner{display:none!important}
  .civil-pc-success-widget .civil-main-success-card{display:flex!important;width:100%;height:100%;flex-direction:column;align-items:center;padding:calc(20 / 1920 * 100vw);gap:calc(30 / 1920 * 100vw);overflow:hidden;border:calc(1 / 1920 * 100vw) solid #dedede;border-radius:calc(16 / 1920 * 100vw);background:#fff}
  .civil-pc-success-widget .civil-main-success-category{display:flex;width:calc(288 / 1920 * 100vw);height:calc(48.42 / 1920 * 100vw);align-items:center;justify-content:center;padding:0 calc(16 / 1920 * 100vw);overflow:hidden;border-radius:calc(8 / 1920 * 100vw);background:#005352;color:#fff;font-size:calc(24 / 1920 * 100vw);font-weight:600;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}
  .civil-pc-success-widget .civil-main-success-judgment{position:relative;width:calc(288 / 1920 * 100vw);height:calc(381 / 1920 * 100vw);overflow:hidden;border-radius:calc(10 / 1920 * 100vw)}
  .civil-pc-success-widget .civil-main-success-judgment>img{width:100%;height:100%;object-fit:cover}.civil-pc-success-widget .civil-main-success-judgment:after{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.6);pointer-events:none}.civil-pc-success-widget .civil-main-success-judgment>strong{position:absolute;left:50%;top:50%;z-index:2;display:flex;width:calc(200 / 1920 * 100vw);height:calc(106 / 1920 * 100vw);align-items:center;justify-content:center;padding:0 calc(30 / 1920 * 100vw);transform:translate(-50%,-50%);border-width:0 calc(2 / 1920 * 100vw);border-style:solid;border-color:#e7c873;color:#e7c873;font-size:calc(38 / 1920 * 100vw);font-weight:500;line-height:1.4;text-align:center;word-break:keep-all}
  .civil-pc-success-widget .civil-main-success-copy{display:flex;width:calc(288 / 1920 * 100vw);height:calc(173 / 1920 * 100vw);flex-direction:column;align-items:center;gap:calc(20 / 1920 * 100vw);overflow:hidden}.civil-pc-success-widget .civil-main-success-copy h3{display:-webkit-box;width:100%;height:calc(68 / 1920 * 100vw);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:calc(24 / 1920 * 100vw);font-weight:600;line-height:1.4;text-align:center;color:#1a1a1a}.civil-pc-success-widget .civil-main-success-copy p{display:-webkit-box;width:calc(280 / 1920 * 100vw);height:calc(65 / 1920 * 100vw);margin:0;padding-top:calc(15 / 1920 * 100vw);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;border-top:calc(.7 / 1920 * 100vw) dashed #94969d;color:#1a1a1a;font-size:calc(18 / 1920 * 100vw);font-weight:400;line-height:1.4}
  .civil-pc-success-widget .civil-main-success-meta{display:flex;width:calc(288 / 1920 * 100vw);height:calc(37.5 / 1920 * 100vw);align-items:center;justify-content:space-between;gap:calc(20 / 1920 * 100vw);color:#94969d}.civil-pc-success-widget .civil-main-success-lawyers{display:flex;min-width:0;align-items:center;gap:calc(9 / 1920 * 100vw)}.civil-pc-success-widget .civil-main-success-avatars{display:inline-flex;align-items:center;flex:none;font-style:normal}.civil-pc-success-widget .civil-main-success-avatars img{position:relative;width:calc(37.5 / 1920 * 100vw);height:calc(37.5 / 1920 * 100vw);flex:0 0 calc(37.5 / 1920 * 100vw);border:calc(1 / 1920 * 100vw) solid #fff;border-radius:50%;background:#d7dae0;object-fit:cover}.civil-pc-success-widget .civil-main-success-avatars img+img{margin-left:calc(-11.25 / 1920 * 100vw)}.civil-pc-success-widget .civil-main-success-lawyers b{display:flex;min-width:0;flex-direction:column;color:#94969d;font-size:calc(18 / 1920 * 100vw);font-weight:400;line-height:1.15;white-space:nowrap}.civil-pc-success-widget .civil-main-success-lawyers b span{display:block}.civil-pc-success-widget .civil-main-success-lawyers b strong{font-weight:500}.civil-pc-success-widget .civil-main-success-lawyers b em{font-style:normal;font-weight:300}.civil-pc-success-widget .civil-main-success-lawyers b small{font-size:calc(13 / 1920 * 100vw);font-weight:400}.civil-pc-success-widget .civil-main-success-meta time{width:calc(64 / 1920 * 100vw);flex:none;font-size:calc(12 / 1920 * 100vw);line-height:1.25;text-align:right;white-space:nowrap}.civil-pc-success-widget .bh_item>a{position:absolute!important;inset:0!important;z-index:6!important}
  .civil-pc-success>.civil-pc-more{position:absolute;left:50%;bottom:calc(140 / 1920 * 100vw);min-width:calc(275 / 1920 * 100vw);height:calc(50 / 1920 * 100vw);margin:0;transform:translateX(-50%);font-size:calc(16 / 1920 * 100vw)}
  @keyframes civil-success-conveyor{to{transform:translateX(calc(-50% - 40 / 1920 * 100vw))}}
  @media (prefers-reduced-motion:reduce){.civil-pc-family-track,.civil-pc-success-widget .bh_widget_content{animation:none!important}}

  .civil-pc-media{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:calc(1129.75 / 1920 * 100vw);padding:calc(140 / 1920 * 100vw) 0;gap:calc(80 / 1920 * 100vw);overflow:hidden;background:url("assets/main-pc/media-bg.png") center/100% 100% no-repeat;color:#fff}
  .civil-pc-media-row{position:relative;display:flex;align-items:flex-start;width:100%;padding:0 calc(160 / 1920 * 100vw);gap:calc(80 / 1920 * 100vw);flex:none}.civil-pc-media-row.is-news{height:calc(421 / 1920 * 100vw)}.civil-pc-media-row.is-youtube{height:calc(348.75 / 1920 * 100vw)}
  .civil-pc-media-copy{display:flex;flex-direction:column;align-items:flex-start;width:calc(500 / 1920 * 100vw);height:calc(181 / 1920 * 100vw);padding-top:calc(24 / 1920 * 100vw);gap:calc(20 / 1920 * 100vw);flex:none}.civil-pc-media-copy>a{display:flex;align-items:center;gap:calc(15 / 1920 * 100vw);color:#fff;text-decoration:none}.civil-pc-media-copy h2{margin:0;font-size:calc(48 / 1920 * 100vw);font-weight:500;line-height:1.4;white-space:nowrap}.civil-pc-media-copy>a>img{width:calc(52 / 1920 * 100vw);height:calc(52 / 1920 * 100vw);object-fit:contain}.civil-pc-media-copy p{width:calc(500 / 1920 * 100vw);margin:0;font-size:calc(24 / 1920 * 100vw);font-weight:400;line-height:1.45;color:#fff}
  .civil-pc-media-carousel{display:flex;align-items:center;justify-content:flex-start;gap:calc(25 / 1920 * 100vw);height:100%;flex:none}.is-news .civil-pc-media-carousel{width:calc(1495 / 1920 * 100vw)}.is-youtube .civil-pc-media-carousel{width:calc(1360 / 1920 * 100vw)}.civil-pc-media-viewport{overflow:hidden;height:100%}.is-news .civil-pc-media-viewport{width:calc(1305 / 1920 * 100vw)}.is-youtube .civil-pc-media-viewport{width:calc(1145 / 1920 * 100vw)}
  .civil-pc-media-nav{width:calc(70 / 1920 * 100vw);height:calc(46 / 1920 * 100vw);padding:0;border:0;background:transparent;cursor:pointer;flex:none;opacity:1}.civil-pc-media-nav img{display:block;width:100%;height:100%;opacity:1}.civil-pc-media-nav:disabled{opacity:1;cursor:default}.civil-pc-media-nav.is-next{position:absolute;right:calc(90 / 1920 * 100vw);top:50%;z-index:5;border:calc(1 / 1920 * 100vw) solid rgba(255,255,255,.14);border-radius:calc(18 / 1920 * 100vw);background:rgba(15,20,28,.48);box-shadow:inset 0 calc(1 / 1920 * 100vw) 0 rgba(255,255,255,.12),0 calc(7 / 1920 * 100vw) calc(18 / 1920 * 100vw) rgba(0,0,0,.24);backdrop-filter:blur(calc(10 / 1920 * 100vw));transform:translateY(-50%);transition:background-color .25s ease,box-shadow .25s ease,transform .18s ease}.civil-pc-media-nav.is-next:hover{background:rgba(8,13,20,.66);box-shadow:inset 0 calc(1 / 1920 * 100vw) 0 rgba(255,255,255,.16),0 calc(9 / 1920 * 100vw) calc(22 / 1920 * 100vw) rgba(0,0,0,.3);transform:translateY(-50%) scale(1.035)}.civil-pc-media-nav.is-next:active{background:rgba(8,13,20,.74);box-shadow:inset 0 calc(2 / 1920 * 100vw) calc(5 / 1920 * 100vw) rgba(0,0,0,.34),0 calc(3 / 1920 * 100vw) calc(8 / 1920 * 100vw) rgba(0,0,0,.2);transform:translateY(calc(-50% + (2 / 1920 * 100vw))) scale(.98)}
  .main_media_exact,.civil-media-track{height:100%}.civil-media-track{display:flex;gap:calc(25 / 1920 * 100vw);transition:transform .8s cubic-bezier(.22,1,.36,1);will-change:transform}.civil-media-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:calc(.7 / 1920 * 100vw) solid #dedede;color:#fff;text-decoration:none;flex:none}.is-news .civil-media-card{width:calc(450 / 1920 * 100vw);height:calc(421 / 1920 * 100vw);border-radius:calc(24 / 1920 * 100vw);background:#fff}.is-news .civil-media-card>img{display:block;width:100%;height:calc(306 / 1920 * 100vw);object-fit:contain;object-position:center;background:#fff}.civil-media-card-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.is-news .civil-media-card-copy{position:absolute;left:0;right:0;bottom:0;width:100%;height:calc(140 / 1920 * 100vw);padding:calc(15 / 1920 * 100vw);gap:calc(14 / 1920 * 100vw);background:rgba(0,83,82,.9)}.civil-media-card-copy strong{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(68 / 1920 * 100vw);font-size:calc(24 / 1920 * 100vw);font-weight:600;line-height:1.4;overflow:hidden}.civil-media-card-copy span{display:block;flex:none;font-size:calc(16 / 1920 * 100vw);font-style:normal;font-weight:300;line-height:1.4;color:rgba(255,255,255,.6);white-space:nowrap}.civil-media-card-copy i{display:inline-block;width:calc(1 / 1920 * 100vw);height:calc(12 / 1920 * 100vw);margin:0 calc(8 / 1920 * 100vw);background:rgba(255,255,255,.45)}
  .civil-media-more{position:absolute;left:50%;bottom:calc(28 / 1920 * 100vw);display:flex;align-items:center;justify-content:center;gap:calc(14 / 1920 * 100vw);width:calc(182 / 1920 * 100vw);height:calc(46 / 1920 * 100vw);border:calc(1 / 1920 * 100vw) solid #fff;border-radius:9999px;font-size:calc(18 / 1920 * 100vw);font-weight:400;transform:translateX(-50%);opacity:0;transition:opacity .45s ease}.civil-media-more img{width:calc(17 / 1920 * 100vw);height:auto;filter:brightness(0) invert(1)}.is-news .civil-media-card:hover>img{height:100%;object-fit:contain}.is-news .civil-media-card:hover .civil-media-card-copy{inset:0;height:100%;padding:calc(90 / 1920 * 100vw) calc(32 / 1920 * 100vw) calc(100 / 1920 * 100vw);justify-content:center;gap:calc(12 / 1920 * 100vw);background:rgba(0,83,82,.9)}.is-news .civil-media-card:hover .civil-media-card-copy span{margin-top:0}.is-news .civil-media-card:hover .civil-media-more{opacity:1}
  .is-youtube .civil-media-card{width:calc(620 / 1920 * 100vw);height:calc(348.75 / 1920 * 100vw);border-radius:0;background:transparent}.is-youtube .civil-media-card>img:not(.civil-media-play){display:block;width:100%;height:100%;object-fit:contain;object-position:center}.is-youtube .civil-media-card-copy,.is-youtube .civil-media-more{display:none}.civil-media-play{display:none}.is-youtube .civil-media-play{position:absolute;left:50%;top:50%;display:block;width:calc(70 / 1920 * 100vw);height:calc(70 / 1920 * 100vw);object-fit:contain;transform:translate(-50%,-50%);transition:transform .35s ease}.is-youtube .civil-media-card:hover .civil-media-play{transform:translate(-50%,-50%) scale(1.06)}

  .civil-pc-consult{display:flex;flex-direction:column;align-items:center;width:100%;height:calc(1067.18 / 1920 * 100vw);padding:calc(140 / 1920 * 100vw) 0;gap:calc(80 / 1920 * 100vw);overflow:hidden;background:#fff}.civil-pc-consult-head{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(67 / 1920 * 100vw);padding:0 calc(160 / 1920 * 100vw)}.civil-pc-consult-title{display:flex;align-items:center;gap:calc(15 / 1920 * 100vw);width:calc(400 / 1920 * 100vw);height:100%;color:#1a1a1a;text-decoration:none}.civil-pc-consult-title h2{margin:0;font-size:calc(48 / 1920 * 100vw);font-weight:500;line-height:1.4;white-space:nowrap}.civil-pc-consult-title img{width:calc(52 / 1920 * 100vw);height:calc(52 / 1920 * 100vw);filter:brightness(0)}.civil-pc-consult-cta{display:flex;align-items:center;justify-content:center;width:calc(378.72 / 1920 * 100vw);height:calc(58.08 / 1920 * 100vw);padding:calc(12 / 1920 * 100vw) calc(25 / 1920 * 100vw);gap:calc(10 / 1920 * 100vw);border-radius:calc(8.0667 / 1920 * 100vw);background:#005352;box-shadow:0 0 0 calc(1.613 / 1920 * 100vw) rgba(0,0,0,.2),0 calc(1.613 / 1920 * 100vw) calc(6.453 / 1920 * 100vw) rgba(0,0,0,.5),calc(1.613 / 1920 * 100vw) calc(4.84 / 1920 * 100vw) calc(16.133 / 1920 * 100vw) rgba(7,194,134,.35),inset 0 calc(1.613 / 1920 * 100vw) 0 rgba(255,255,255,.2);color:#fff;text-decoration:none;font-family:Pretendard,Roboto,sans-serif;font-size:calc(28 / 1920 * 100vw);font-weight:500;line-height:1.4;text-shadow:0 calc(1.613 / 1920 * 100vw) calc(3.227 / 1920 * 100vw) rgba(0,0,0,.15);white-space:nowrap}.civil-pc-consult-cta img{width:calc(38.72 / 1920 * 100vw);height:calc(38.72 / 1920 * 100vw);object-fit:contain}
  .civil-pc-consult-grid{display:flex;align-items:flex-start;width:100%;height:calc(640.18 / 1920 * 100vw);padding-left:calc(160 / 1920 * 100vw);gap:calc(53 / 1920 * 100vw)}.civil-pc-consult-list{width:calc(937 / 1920 * 100vw);height:calc(640.18 / 1920 * 100vw);border:calc(1 / 1920 * 100vw) solid #94969d;overflow:hidden;flex:none}.civil-pc-consult-grid>img{width:calc(730 / 1920 * 100vw);height:calc(624 / 1920 * 100vw);object-fit:contain;object-position:left top;flex:none}
  .civil-pc-consult-list .bh_list{margin:0;padding:0;list-style:none}.civil-pc-consult-list .bh_item{width:100%;height:calc(91.45 / 1920 * 100vw);margin:0!important;border:calc(.5 / 1920 * 100vw) solid #dedede;background:#fff}.civil-pc-consult-list .bh_item_inner,.civil-pc-consult-list .bh_content_wrap{width:100%;height:100%}.civil-pc-consult-list .bh_content_wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:calc(25 / 1920 * 100vw) calc(40 / 1920 * 100vw)!important}.civil-pc-consult-list .content_left{display:flex!important;align-items:center!important;width:calc(529.71 / 1920 * 100vw)!important;height:calc(35 / 1920 * 100vw)!important;gap:calc(35 / 1920 * 100vw)!important}.civil-pc-consult-list .date_box{width:calc(79 / 1920 * 100vw)!important;flex:none}.civil-pc-consult-list .date_box span{font-size:calc(20 / 1920 * 100vw)!important;font-weight:400!important;line-height:1.45!important;color:#1a1a1a!important}.civil-pc-consult-list .title_box{width:auto!important;min-width:0!important}.civil-pc-consult-list .title_inner{display:flex!important;align-items:center!important;gap:calc(15 / 1920 * 100vw)!important;font-size:calc(24 / 1920 * 100vw)!important;font-weight:400!important;line-height:1.45!important;color:#1a1a1a!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.civil-pc-consult-list .title_inner img{width:calc(24.4 / 1920 * 100vw)!important;height:calc(29.82 / 1920 * 100vw)!important;object-fit:contain;content:url("assets/main-pc/consult/lock.png?v=20260828a")}.civil-pc-consult-list .answered_box{width:calc(129 / 1920 * 100vw)!important;height:calc(41.45 / 1920 * 100vw)!important;flex:none}.civil-pc-consult-list .answered{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:calc(3.727 / 1920 * 100vw) calc(20 / 1920 * 100vw)!important;border-radius:calc(4.659 / 1920 * 100vw)!important;background:#e7c873!important;color:#1a1a1a!important;font-size:calc(24 / 1920 * 100vw)!important;font-weight:600!important;line-height:1.4!important;white-space:nowrap}

  /* Figma exact: section 01 */
  .civil-pc-hero{position:relative;height:100svh;min-height:0;background-image:url("assets/main-pc/hero.png")}
  .civil-pc-hero-copy{position:absolute;inset:0;transform:none;text-shadow:none}
  .civil-pc-hero-copy>span{position:absolute;left:50%;top:calc(240 / 915 * 100%);transform:translateX(-50%);width:calc(290 / 1920 * 100vw);height:calc(48 / 1920 * 100vw);padding:calc(10 / 1920 * 100vw) calc(32 / 1920 * 100vw);font-size:calc(20 / 1920 * 100vw);line-height:1.4;letter-spacing:-.04em;white-space:nowrap}
  .civil-pc-hero-copy>p{position:absolute;left:50%;top:calc(328 / 915 * 100%);transform:translateX(-50%);width:calc(724 / 1920 * 100vw);margin:0;font-size:calc(63 / 1920 * 100vw);font-weight:300;line-height:1.4;letter-spacing:-.02em;white-space:nowrap}
  .civil-pc-hero-copy h1{position:absolute;left:50%;top:calc(416 / 915 * 100%);transform:translateX(-50%);width:calc(724 / 1920 * 100vw);margin:0;font-size:calc(63 / 1920 * 100vw);line-height:1.4;letter-spacing:-.02em;white-space:nowrap}
  .civil-pc-hero-copy>div{position:absolute;left:50%;top:calc(618 / 915 * 100%);transform:translateX(-50%);width:calc(550 / 1920 * 100vw);height:calc(115 / 1920 * 100vw);margin:0;padding:0 calc(46.52 / 1920 * 100vw);gap:calc(24 / 1920 * 100vw);align-items:center}
  .civil-pc-hero-copy b{width:calc(180 / 1920 * 100vw);font-size:calc(50.5 / 1920 * 100vw);font-weight:500;line-height:1.4;letter-spacing:-.04em;white-space:nowrap}.civil-pc-hero-copy strong{width:calc(176 / 1920 * 100vw);font-size:calc(162.114 / 1920 * 100vw);line-height:.71;letter-spacing:-.04em}.civil-pc-hero-copy em{width:calc(47 / 1920 * 100vw);font-size:calc(50.5 / 1920 * 100vw);font-weight:200;line-height:.71;letter-spacing:-.04em}

  /* Figma exact: section 02 */
  .civil-pc-process{position:relative;height:calc(1302 / 1920 * 100vw);padding:0;background:#fff url("assets/main-pc/process-bg.png") center top/100% calc(1334 / 1920 * 100vw) no-repeat}
  .civil-pc-process>.civil-pc-heading{position:absolute;top:calc(140 / 1920 * 100vw);left:50%;transform:translateX(-50%);width:calc(423 / 1920 * 100vw);height:calc(209 / 1920 * 100vw)}
  .civil-pc-process>.civil-pc-heading h2{width:100%;height:calc(134 / 1920 * 100vw);font-size:calc(48 / 1920 * 100vw);font-weight:500;line-height:1.4;letter-spacing:0}.civil-pc-process>.civil-pc-heading p{margin-top:calc(40 / 1920 * 100vw);font-size:calc(24 / 1920 * 100vw);line-height:1.45;color:#1a1a1a;white-space:nowrap}
  .civil-pc-process-tabs{position:absolute;left:50%;top:calc(492 / 1920 * 100vw);transform:translateX(-50%);width:calc(1160 / 1920 * 100vw);height:calc(239 / 1920 * 100vw);margin:0;gap:calc(55 / 1920 * 100vw)}
  .civil-pc-process-tabs:before{content:"";position:absolute;left:calc(-380 / 1920 * 100vw);right:calc(-380 / 1920 * 100vw);top:calc(-60 / 1920 * 100vw);height:calc(1 / 1920 * 100vw);background:#94969d}
  .civil-pc-process-tabs>button{width:calc(350 / 1920 * 100vw);height:calc(239 / 1920 * 100vw);padding:calc(25 / 1920 * 100vw) calc(20 / 1920 * 100vw);border:calc(.3 / 1920 * 100vw) solid #94969d;border-radius:calc(20 / 1920 * 100vw);box-shadow:none;gap:0;color:#1a1a1a}
  .civil-pc-process-tabs>button:before{content:"";position:absolute;left:50%;top:calc(-66.67 / 1920 * 100vw);width:calc(13.33 / 1920 * 100vw);height:calc(13.33 / 1920 * 100vw);transform:translateX(-50%);border-radius:50%;background:#94969d;z-index:2}
  .civil-pc-process-tabs>button.is-active:before{top:calc(-80 / 1920 * 100vw);width:calc(40 / 1920 * 100vw);height:calc(40 / 1920 * 100vw);border:calc(1.333 / 1920 * 100vw) solid #005352;background:#fff;animation:civil-process-breathe 2.4s ease-in-out infinite}
  .civil-pc-process-tabs>button.is-active:after{content:"";position:absolute;left:50%;top:calc(-66.67 / 1920 * 100vw);width:calc(13.33 / 1920 * 100vw);height:calc(13.33 / 1920 * 100vw);transform:translateX(-50%);border-radius:50%;background:#005352;z-index:3}
  @keyframes civil-process-breathe{0%,100%{box-shadow:0 0 0 0 rgba(0,83,82,.08),0 0 calc(5.333 / 1920 * 100vw) rgba(37,242,177,.18)}50%{box-shadow:0 0 0 calc(11 / 1920 * 100vw) rgba(0,83,82,0),0 0 calc(13 / 1920 * 100vw) rgba(37,242,177,.3)}}
  .civil-pc-process-tabs>button.is-active:before{top:calc(-66.67 / 1920 * 100vw);width:calc(13.33 / 1920 * 100vw);height:calc(13.33 / 1920 * 100vw);border:0;background:#94969d;box-shadow:none;animation:none}.civil-pc-process-tabs>button.is-active:after{display:none}
  .civil-pc-process-tabs>.civil-pc-process-indicator{box-sizing:border-box;position:absolute;left:calc(175 / 1920 * 100vw);top:calc(-59.5 / 1920 * 100vw);width:calc(40 / 1920 * 100vw);height:calc(40 / 1920 * 100vw);margin:0;transform:translate(-50%,-50%);border:calc(1.333 / 1920 * 100vw) solid #005352;border-radius:50%;background:#fff;z-index:4;transition:left .72s cubic-bezier(.22,1,.36,1);animation:civil-process-breathe 2.4s ease-in-out infinite;pointer-events:none}
  .civil-pc-process-indicator:after{content:"";position:absolute;left:50%;top:50%;width:calc(13.33 / 1920 * 100vw);height:calc(13.33 / 1920 * 100vw);transform:translate(-50%,-50%);border-radius:50%;background:#005352}
  .civil-pc-process-tabs[data-active-index="1"] .civil-pc-process-indicator{left:calc(580 / 1920 * 100vw)}
  .civil-pc-process-tabs[data-active-index="2"] .civil-pc-process-indicator{left:calc(985 / 1920 * 100vw)}
  @media (prefers-reduced-motion:reduce){.civil-pc-process-indicator{transition:none;animation:none}}
  .civil-pc-process-tabs img{width:calc(62 / 1920 * 100vw);height:calc(60 / 1920 * 100vw);margin:0 0 calc(15 / 1920 * 100vw);object-fit:contain}.civil-pc-process-tabs strong{font-size:calc(24 / 1920 * 100vw);font-weight:500;line-height:1.6}.civil-pc-process-tabs span{margin-top:calc(20 / 1920 * 100vw);font-size:calc(18 / 1920 * 100vw);line-height:1.4}
  .civil-pc-process-tabs>button:focus-visible{outline:calc(3 / 1920 * 100vw) solid #e7c873;outline-offset:calc(4 / 1920 * 100vw)}
  .civil-pc-process-panels{position:absolute;left:0;right:0;top:0;height:100%;pointer-events:none}.civil-pc-process-panels .civil-pc-process-cards{pointer-events:auto}.civil-pc-process-cards[hidden]{display:none!important}
  .civil-pc-process-cards{position:absolute;left:50%;top:calc(771 / 1920 * 100vw);transform:translateX(-50%);width:calc(1208 / 1920 * 100vw);height:calc(390 / 1920 * 100vw);margin:0;padding:calc(23 / 1920 * 100vw) calc(24 / 1920 * 100vw);gap:calc(55 / 1920 * 100vw);border-radius:calc(20 / 1920 * 100vw);background:#f7f7f7;will-change:opacity,filter}
  .civil-pc-process-cards article{width:calc(350 / 1920 * 100vw);height:calc(344 / 1920 * 100vw);padding:0;border-radius:calc(16 / 1920 * 100vw);will-change:opacity,filter}.civil-pc-process-cards article>img{filter:none;border-radius:inherit}
  .civil-pc-process-card-copy{position:absolute!important;left:calc(32 / 1920 * 100vw);top:calc(28 / 1920 * 100vw);width:calc(276 / 1920 * 100vw);height:calc(197 / 1920 * 100vw);display:block}.civil-pc-process-cards i{display:block;width:max-content;padding-bottom:calc(2 / 1920 * 100vw);border-bottom:calc(1 / 1920 * 100vw) solid #005352;font-size:calc(24 / 1920 * 100vw);line-height:1.45;color:#fff}.civil-pc-process-cards h3{margin-top:calc(10 / 1920 * 100vw);font-size:calc(24 / 1920 * 100vw);font-weight:600;line-height:1.6}.civil-pc-process-cards p{margin-top:calc(30 / 1920 * 100vw);font-size:calc(18 / 1920 * 100vw);line-height:1.4;color:#fff}
  .civil-pc-process-cards small{left:0;bottom:0;width:100%;height:calc(58 / 1920 * 100vw);padding:0 calc(20 / 1920 * 100vw);display:flex;align-items:center;justify-content:center;gap:calc(13 / 1920 * 100vw);background:#1a1a1a;border-top:calc(.3 / 1920 * 100vw) solid #dedede;font-size:calc(16 / 1920 * 100vw);white-space:nowrap}.civil-pc-process-cards small b{display:flex;align-items:center;gap:calc(6 / 1920 * 100vw);color:#e7c873;font-weight:600}.civil-pc-process-cards small b img{width:calc(15 / 1920 * 100vw);height:calc(15 / 1920 * 100vw)}.civil-pc-process-cards small span{width:calc(1 / 1920 * 100vw);height:calc(18 / 1920 * 100vw);background:#fff;opacity:.7}

  /* Figma exact: section 03 */
  .civil-pc-experience{height:calc(1398 / 1920 * 100vw);padding:calc(140 / 1920 * 100vw) 0;background:#f7f7f7}
  .civil-pc-experience>.civil-pc-heading{width:calc(683 / 1920 * 100vw);height:calc(209 / 1920 * 100vw);margin:0 auto}.civil-pc-experience>.civil-pc-heading h2{font-size:calc(48 / 1920 * 100vw);font-weight:500;line-height:1.4;letter-spacing:0}.civil-pc-experience>.civil-pc-heading p{margin-top:calc(40 / 1920 * 100vw);font-size:calc(24 / 1920 * 100vw);line-height:1.45;color:#1a1a1a;white-space:nowrap}
  .civil-pc-experience-grid{grid-template-columns:calc(685 / 1920 * 100vw) calc(329 / 1920 * 100vw) calc(329 / 1920 * 100vw);grid-template-rows:calc(334.5 / 1920 * 100vw) calc(331 / 1920 * 100vw);gap:calc(30 / 1920 * 100vw);width:calc(1403 / 1920 * 100vw);height:calc(700 / 1920 * 100vw);margin:calc(80 / 1920 * 100vw) auto 0}
  .civil-pc-portrait{border-radius:calc(16 / 1920 * 100vw)}.civil-pc-career{position:relative;border-radius:calc(16 / 1920 * 100vw)}.civil-pc-career>img{filter:none}.civil-pc-career>div{position:absolute;left:calc(40 / 1920 * 100vw);bottom:calc(25 / 1920 * 100vw);color:#fff}.civil-pc-career h3{display:flex;align-items:center;gap:calc(5 / 1920 * 100vw);font-size:calc(36.706 / 1920 * 100vw);font-weight:500;line-height:1.4}.civil-pc-career h3>img{width:calc(41.29 / 1920 * 100vw);height:calc(41.29 / 1920 * 100vw);object-fit:contain}.civil-pc-career h3 span{font-weight:300}.civil-pc-career ul{display:flex;flex-direction:column;gap:calc(2 / 1920 * 100vw);margin:calc(8 / 1920 * 100vw) 0 0;padding:0;list-style:none}.civil-pc-career li{position:relative;padding-left:calc(18 / 1920 * 100vw);font-size:calc(18 / 1920 * 100vw);line-height:1.42}.civil-pc-career li:before{content:"";position:absolute;left:calc(2 / 1920 * 100vw);top:calc(10 / 1920 * 100vw);width:calc(6 / 1920 * 100vw);height:calc(6 / 1920 * 100vw);border-radius:50%;background:#fff}
  .civil-pc-metric{height:calc(331 / 1920 * 100vw);padding:calc(28 / 1920 * 100vw) calc(20 / 1920 * 100vw);border-radius:calc(16 / 1920 * 100vw);display:flex;flex-direction:column;justify-content:space-between}.civil-pc-metric strong{font-size:calc(48 / 1920 * 100vw);font-weight:500;line-height:1.4}.civil-pc-metric span{margin:0;font-size:calc(18 / 1920 * 100vw);font-weight:400;line-height:1.4}.civil-pc-metric p{width:calc(289 / 1920 * 100vw);margin-top:calc(38 / 1920 * 100vw);font-size:calc(18 / 1920 * 100vw);line-height:1.4}.civil-pc-metric small{font-size:calc(13 / 1920 * 100vw);line-height:1.4;text-align:right;opacity:.6}
  .civil-pc-experience>.civil-pc-more{width:calc(311 / 1920 * 100vw);height:calc(49 / 1920 * 100vw);margin-top:calc(80 / 1920 * 100vw);padding:calc(10 / 1920 * 100vw) calc(28 / 1920 * 100vw);font-size:calc(20 / 1920 * 100vw);border-color:#1a1a1a}
}

/* 2026-09-02: criminal-home video hero, retaining the civil copy. */
@font-face{font-family:'BK Nanum Myeongjo';src:url('assets/hero-criminal/nanum-myeongjo-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'BK Nanum Myeongjo';src:url('assets/hero-criminal/nanum-myeongjo-bold.woff2') format('woff2');font-style:normal;font-weight:600 700;font-display:swap}
.civil-pc-hero.civil-pc-hero--criminal{position:relative;width:100%;height:100vh;min-height:100vh;overflow:hidden;background:#06162c;background-image:none;color:#fff}
.civil-pc-hero-video{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;max-width:none!important;object-fit:cover;object-position:center center}
.civil-pc-hero--criminal .civil-pc-hero-copy{position:absolute;z-index:1;top:50%;left:50%;width:calc(749 / 1920 * 100vw);height:calc(445 / 1920 * 100vw);transform:translate(-50%,-50%);color:#fff;font-family:'BK Nanum Myeongjo',serif;text-align:center;text-shadow:0 calc(2 / 1920 * 100vw) calc(18 / 1920 * 100vw) rgba(0,6,18,.62),0 0 calc(34 / 1920 * 100vw) rgba(0,6,18,.34)}
.civil-pc-hero--criminal .civil-pc-hero-copy>span{box-sizing:border-box;position:absolute;top:0;left:50%;display:flex;width:max-content;height:calc(48 / 1920 * 100vw);align-items:center;justify-content:center;padding:calc(10 / 1920 * 100vw) calc(32 / 1920 * 100vw);border:calc(1 / 1920 * 100vw) solid rgba(255,255,255,.72);border-radius:9999px;transform:translateX(-50%);font-family:'Pretendard',sans-serif;font-size:calc(18 / 1920 * 100vw);font-weight:400;line-height:1.4;letter-spacing:-.04em;white-space:nowrap;animation:civil-criminal-badge-in 1.5s cubic-bezier(.22,1,.36,1) .18s 1 both}
.civil-pc-hero--criminal .civil-pc-hero-copy>p{position:absolute;top:calc(68 / 1920 * 100vw);left:50%;display:flex;width:max-content;height:calc(95 / 1920 * 100vw);align-items:baseline;justify-content:center;gap:calc(24 / 1920 * 100vw);margin:0;transform:translateX(-50%);font-family:inherit;font-size:calc(53 / 1920 * 100vw);font-weight:400;line-height:calc(95 / 1920 * 100vw);letter-spacing:-.02em;white-space:nowrap}
.civil-pc-hero--criminal .civil-pc-hero-copy>p>span:first-child{animation:civil-criminal-context-in 3.2s cubic-bezier(.22,1,.36,1) .55s 1 both}
.civil-pc-hero--criminal .civil-pc-hero-copy>p>span:last-child{animation:civil-criminal-context-in 3.2s cubic-bezier(.22,1,.36,1) 1.55s 1 both}
.civil-pc-hero-copy-separator{color:inherit;font:inherit;font-style:normal}
.civil-pc-hero--criminal .civil-pc-hero-copy h1{position:absolute;top:calc(148 / 1920 * 100vw);left:50%;width:max-content;height:calc(95 / 1920 * 100vw);margin:0;transform:translateX(-50%);font-family:inherit;font-size:calc(63 / 1920 * 100vw);font-weight:600;line-height:calc(95 / 1920 * 100vw);letter-spacing:-.02em;white-space:nowrap}
.civil-pc-hero--criminal .civil-pc-hero-copy h1>span{animation:civil-criminal-direct-in 3s cubic-bezier(.16,.9,.25,1) 2.75s 1 both}
.civil-pc-hero--criminal .civil-pc-hero-copy>div{position:absolute;top:calc(330 / 1920 * 100vw);left:50%;display:flex;width:calc(550 / 1920 * 100vw);height:calc(115 / 1920 * 100vw);align-items:center;justify-content:center;margin:0;padding:0 calc(46.52 / 1920 * 100vw);gap:calc(24 / 1920 * 100vw);transform:translateX(-50%)}
.civil-pc-hero--criminal .civil-pc-hero-copy b{width:calc(180 / 1920 * 100vw);font-family:inherit;font-size:calc(50.5 / 1920 * 100vw);font-weight:600;line-height:1.4;letter-spacing:-.04em;white-space:nowrap;animation:civil-criminal-final-prefix-in 3.3s cubic-bezier(.22,1,.36,1) 4.05s 1 both}
.civil-pc-hero--criminal .civil-pc-hero-copy strong{width:calc(176 / 1920 * 100vw);font-family:inherit;font-size:calc(162.114 / 1920 * 100vw);font-weight:400;line-height:.71;letter-spacing:-.04em;transform-origin:center bottom;animation:civil-criminal-years-in 4.8s cubic-bezier(.16,1,.3,1) 4.4s 1 both,civil-criminal-years-glow 5.8s ease-in-out 9.15s infinite}
.civil-pc-hero--criminal .civil-pc-hero-copy em{width:calc(47 / 1920 * 100vw);font-family:inherit;font-size:calc(50.5 / 1920 * 100vw);font-style:normal;font-weight:200;line-height:.71;letter-spacing:-.04em;transform-origin:center bottom;animation:civil-criminal-years-in 4.8s cubic-bezier(.16,1,.3,1) 4.4s 1 both,civil-criminal-years-glow 5.8s ease-in-out 9.15s infinite}
.civil-pc-hero--criminal:not(.is-copy-ready) .civil-pc-hero-copy>span,.civil-pc-hero--criminal:not(.is-copy-ready) .civil-pc-hero-copy>p>span,.civil-pc-hero--criminal:not(.is-copy-ready) .civil-pc-hero-copy h1>span,.civil-pc-hero--criminal:not(.is-copy-ready) .civil-pc-hero-copy b,.civil-pc-hero--criminal:not(.is-copy-ready) .civil-pc-hero-copy strong,.civil-pc-hero--criminal:not(.is-copy-ready) .civil-pc-hero-copy em{animation-play-state:paused!important}
.civil-pc-hero--criminal.is-copy-reset .civil-pc-hero-copy>span,.civil-pc-hero--criminal.is-copy-reset .civil-pc-hero-copy>p>span,.civil-pc-hero--criminal.is-copy-reset .civil-pc-hero-copy h1>span,.civil-pc-hero--criminal.is-copy-reset .civil-pc-hero-copy b,.civil-pc-hero--criminal.is-copy-reset .civil-pc-hero-copy strong,.civil-pc-hero--criminal.is-copy-reset .civil-pc-hero-copy em{opacity:0!important;clip-path:inset(100% -60px -60px -60px)!important;transform:none!important;filter:blur(0)!important;animation:none!important}
@keyframes civil-criminal-badge-in{from{opacity:0;transform:translate3d(-50%,10px,0);filter:blur(3px)}to{opacity:1;transform:translate3d(-50%,0,0);filter:blur(0)}}
@keyframes civil-criminal-context-in{from{opacity:0;clip-path:inset(-60px 100% -60px 0);transform:translate3d(18px,0,0);filter:blur(4px)}to{opacity:1;clip-path:inset(-60px);transform:none;filter:blur(0)}}
@keyframes civil-criminal-direct-in{from{opacity:0;clip-path:inset(-60px 100% -60px 0);transform:translate3d(10px,0,0);filter:blur(2px)}to{opacity:1;clip-path:inset(-60px);transform:none;filter:blur(0)}}
@keyframes civil-criminal-final-prefix-in{from{opacity:0;transform:translate3d(0,14px,0);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes civil-criminal-years-in{0%{opacity:0;clip-path:inset(100% -60px -60px -60px);transform:translate3d(0,30px,0) scale(.94);filter:blur(11px) brightness(.76)}58%{opacity:1;clip-path:inset(-60px);transform:translate3d(0,2px,0) scale(1.012);filter:blur(1px) brightness(1.07)}100%{opacity:1;clip-path:none;transform:none;filter:blur(0) brightness(1)}}
@keyframes civil-criminal-years-glow{0%,100%{color:#fff;text-shadow:0 3px 22px rgba(0,5,18,.74),0 0 26px rgba(255,255,255,.24),0 0 54px rgba(255,255,255,.08);filter:brightness(1)}50%{color:#fff;text-shadow:0 3px 24px rgba(0,5,18,.68),0 0 38px rgba(255,255,255,.58),0 0 76px rgba(255,255,255,.24);filter:brightness(1.14)}}

@media (max-width:1024px){
  .civil-pc-hero.civil-pc-hero--criminal{height:var(--civil-hero-stable-viewport-height,100svh);min-height:0;background:#00142d;padding:0}
  .civil-pc-hero--criminal .civil-pc-hero-copy{inset:0;width:100%;height:100%;transform:none;font-family:'BK Nanum Myeongjo',serif;text-align:left;text-shadow:0 calc(2 / 390 * 100vw) calc(14 / 390 * 100vw) rgba(0,6,18,.72),0 0 calc(24 / 390 * 100vw) rgba(0,6,18,.42)}
  .civil-pc-hero--criminal .civil-pc-hero-copy>span{position:absolute;top:calc(64% + calc(75 / 390 * 100vw));right:calc(22 / 390 * 100vw);left:auto;display:block;width:calc(276.73 / 390 * 100vw);height:auto;padding:0;border:0;border-radius:0;transform:none;color:rgba(255,255,255,.88);font-family:inherit;font-size:calc(13 / 390 * 100vw);font-weight:400;line-height:1.4;letter-spacing:-.03em;text-align:right;white-space:nowrap;animation:civil-criminal-final-prefix-in 3.3s cubic-bezier(.22,1,.36,1) 3.85s 1 both}
  .civil-pc-hero--criminal .civil-pc-hero-copy>p{top:calc(27% + calc(41 / 390 * 100vw));left:calc(22 / 390 * 100vw);display:flex;width:auto;height:auto;align-items:baseline;justify-content:flex-start;gap:0;margin:0;transform:none;font-size:calc(26.5 / 390 * 100vw);font-weight:400;line-height:calc(44 / 390 * 100vw);text-align:left}
  .civil-pc-hero--criminal .civil-pc-hero-copy>p>span{display:block!important;color:inherit!important;font:inherit!important;text-align:left;white-space:nowrap}
  .civil-pc-hero--criminal .civil-pc-hero-copy>p>span:last-child::after{content:none}
  .civil-pc-hero--criminal .civil-pc-hero-copy-separator{display:inline;margin-left:calc(7 / 390 * 100vw);color:inherit;font:inherit;font-style:normal}
  .civil-pc-hero--criminal .civil-pc-hero-copy>p>span:first-child{animation-duration:3.2s;animation-delay:.5s}
  .civil-pc-hero--criminal .civil-pc-hero-copy>p>span:last-child{animation-duration:3.2s;animation-delay:1.45s}
  .civil-pc-hero--criminal .civil-pc-hero-copy h1{top:calc(27% + calc(93 / 390 * 100vw));left:calc(22 / 390 * 100vw);width:auto;height:auto;margin:0;transform:none;font-size:calc(33.5 / 390 * 100vw);font-weight:600;line-height:calc(48 / 390 * 100vw);text-align:left}
  .civil-pc-hero--criminal .civil-pc-hero-copy h1>span{animation-duration:3s;animation-delay:2.6s}
  .civil-pc-hero--criminal .civil-pc-hero-copy>div{top:64%;right:calc(22 / 390 * 100vw);left:auto;width:calc(276.73 / 390 * 100vw);height:calc(63 / 390 * 100vw);align-items:flex-end;justify-content:flex-end;margin:0;padding:0;gap:calc(12 / 390 * 100vw);transform:none;text-align:right}
  .civil-pc-hero--criminal .civil-pc-hero-copy b{width:auto;font-size:calc(27.8983 / 390 * 100vw);font-weight:600;line-height:1.4;animation-duration:3.3s;animation-delay:3.85s}
  .civil-pc-hero--criminal .civil-pc-hero-copy strong{width:auto;font-size:calc(89.5617 / 390 * 100vw);font-weight:400;line-height:.71;transform-origin:right bottom;animation-duration:4.8s,5.8s;animation-delay:4.2s,8.95s}
  .civil-pc-hero--criminal .civil-pc-hero-copy em{width:auto;align-self:flex-end;padding-bottom:calc(2 / 390 * 100vw);font-size:calc(31.1519 / 390 * 100vw);line-height:.71;transform-origin:right bottom;animation-duration:4.8s,5.8s;animation-delay:4.2s,8.95s}
  @keyframes civil-criminal-mobile-badge-in{from{opacity:0;transform:translate3d(-50%,calc(8 / 390 * 100vw),0);filter:blur(calc(3 / 390 * 100vw))}to{opacity:1;transform:translate3d(-50%,0,0);filter:blur(0)}}
}

@media (prefers-reduced-motion:reduce){.civil-pc-hero--criminal .civil-pc-hero-copy>span,.civil-pc-hero--criminal .civil-pc-hero-copy>p>span,.civil-pc-hero--criminal .civil-pc-hero-copy h1>span,.civil-pc-hero--criminal .civil-pc-hero-copy b,.civil-pc-hero--criminal .civil-pc-hero-copy strong,.civil-pc-hero--criminal .civil-pc-hero-copy em{opacity:1;clip-path:none;transform:none;filter:none;animation:none!important}}

.civil-pc-success-widget .civil-main-success-judgment>strong {
  line-height:1.1 !important;
  white-space:normal !important;
}

/* PC media navigation interaction */
.civil-pc-media-nav.is-prev{
  border-radius:calc(18 / 1920 * 100vw);
  transition:filter .25s ease,transform .18s ease,box-shadow .25s ease;
}
.civil-pc-media-nav.is-prev:hover{
  filter:brightness(1.18);
  box-shadow:0 calc(7 / 1920 * 100vw) calc(18 / 1920 * 100vw) rgba(0,0,0,.22);
  transform:translateY(calc(-2 / 1920 * 100vw)) scale(1.035);
}
.civil-pc-media-nav.is-prev:active{
  filter:brightness(.96);
  box-shadow:0 calc(3 / 1920 * 100vw) calc(8 / 1920 * 100vw) rgba(0,0,0,.18);
  transform:translateY(calc(1 / 1920 * 100vw)) scale(.98);
}
.civil-pc-media-nav.is-next:hover img{filter:brightness(1.12)}
.civil-pc-media-nav.is-next:active img{filter:brightness(.96)}

.civil-pc-consult-list .title_box{
	min-width:0!important;
	flex:1 1 auto!important;
	overflow:hidden!important;
}
.civil-pc-consult-list .title_inner{
	min-width:0!important;
	overflow:hidden!important;
}
.civil-pc-consult-list .title_inner img{
	flex:none!important;
}
.civil-pc-consult-list .title_inner .title_text{
	display:block!important;
	min-width:0!important;
	flex:1 1 auto!important;
	overflow:hidden!important;
	text-overflow:ellipsis!important;
	white-space:nowrap!important;
}

.civil-pc-success-widget .civil-date-mobile{display:none}

@media (max-width:1024px){
	.civil-pc-success-widget .civil-main-success-category{
		min-width:0!important;
		overflow:hidden!important;
		text-overflow:ellipsis!important;
		white-space:nowrap!important;
	}
	.civil-pc-success-widget .civil-main-success-meta{
		gap:calc(4 / 390 * 100vw)!important;
	}
	.civil-pc-success-widget .civil-main-success-lawyers{
		min-width:0!important;
		flex:1 1 auto!important;
		gap:calc(4 / 390 * 100vw)!important;
		overflow:visible!important;
	}
	.civil-pc-success-widget .civil-main-success-avatars{
		flex:none!important;
	}
	.civil-pc-success-widget .civil-main-success-avatars img+img{
		margin-left:calc(-8 / 390 * 100vw)!important;
	}
	.civil-pc-success-widget .civil-main-success-lawyers b{
		min-width:max-content!important;
		flex:0 0 auto!important;
		overflow:visible!important;
	}
	.civil-pc-success-widget .civil-main-success-lawyers b>span{
		display:block!important;
		min-width:max-content!important;
		overflow:visible!important;
		text-overflow:clip!important;
		white-space:nowrap!important;
	}
	.civil-pc-success-widget .civil-main-success-meta time{
		width:auto!important;
		min-width:max-content!important;
		flex:0 0 auto!important;
		white-space:nowrap!important;
	}
	.civil-pc-success-widget .civil-date-pc{display:none}
	.civil-pc-success-widget .civil-date-mobile{display:inline}
}

/* Mobile Figma exact: sections 01-02 */
@media (max-width:1024px){
  .bk-civil-renewal.is-index .civil-pc-main{display:block;width:100%;overflow:hidden;background:#fff;color:#1a1a1a;font-family:"Roboto","Pretendard",sans-serif}
  .bk-civil-renewal.is-index #index,
  .bk-civil-renewal.is-index .content_wrap{display:none!important}
  .civil-pc-hero{position:relative;display:block;width:100%;height:100svh;min-height:0;overflow:hidden;background:#000 url("assets/main-mobile/hero.png?v=20260828a") center/cover no-repeat;color:#fff;text-align:center}
  .civil-pc-hero-copy{position:absolute;inset:0;transform:none;text-shadow:none}
  .civil-pc-hero-copy>span{box-sizing:border-box;position:absolute;left:50%;top:calc(50% - calc(121.846154 / 360 * 100vw));display:flex;width:calc(184.393846 / 360 * 100vw);height:calc(27.627692 / 360 * 100vw);align-items:center;justify-content:center;padding:calc(4.580788 / 360 * 100vw) calc(14.658554 / 360 * 100vw);border:calc(.458079 / 360 * 100vw) solid #fff;border-radius:9999px;transform:translateX(-50%);font-size:calc(12.923077 / 360 * 100vw);font-weight:400;line-height:1.4;letter-spacing:0;white-space:nowrap}
  .civil-pc-hero-copy>p{position:absolute;left:50%;top:calc(50% - calc(70.153846 / 360 * 100vw));width:calc(318.461538 / 360 * 100vw);height:calc(38.769231 / 360 * 100vw);margin:0;transform:translateX(-50%);font-size:calc(27.692308 / 360 * 100vw);font-weight:300;line-height:1.4;letter-spacing:-.02em;white-space:nowrap}
  .civil-pc-hero-copy h1{position:absolute;left:50%;top:calc(50% - calc(31.384615 / 360 * 100vw));width:calc(318.461538 / 360 * 100vw);height:calc(38.769231 / 360 * 100vw);margin:0;transform:translateX(-50%);font-size:calc(27.692308 / 360 * 100vw);font-weight:700;line-height:1.4;letter-spacing:-.02em;white-space:nowrap}
  .civil-pc-hero-copy>div{position:absolute;left:50%;top:calc(50% - calc(31.384615 / 360 * 100vw) + calc(211 / 844 * 100svh));display:flex;width:calc(276.729231 / 360 * 100vw);height:calc(58.153846 / 360 * 100vw);align-items:flex-end;justify-content:center;margin:0;padding:0 calc(23.415785 / 360 * 100vw);gap:calc(12.083077 / 360 * 100vw);transform:translateX(-50%)}
  .civil-pc-hero-copy b{display:flex;width:calc(91.384615 / 360 * 100vw);height:calc(18.461538 / 360 * 100vw);align-items:center;font-size:calc(25.4184 / 360 * 100vw);font-weight:500;line-height:.72;letter-spacing:-.04em;white-space:nowrap}
  .civil-pc-hero-copy strong{display:flex;width:calc(88.615385 / 360 * 100vw);height:calc(58.153846 / 360 * 100vw);align-items:flex-end;font-size:calc(81.600554 / 360 * 100vw);font-weight:400;line-height:.71;letter-spacing:-.04em}
  .civil-pc-hero-copy em{display:flex;width:calc(24 / 360 * 100vw);height:calc(18.461538 / 360 * 100vw);align-items:center;font-size:calc(25.419323 / 360 * 100vw);font-style:normal;font-weight:200;line-height:.72;letter-spacing:-.04em}

  .civil-pc-process{box-sizing:border-box;position:relative;display:flex;width:100%;height:auto;min-height:calc(490.153846 / 360 * 100vw);flex-direction:column;align-items:center;padding:calc(55.384615 / 360 * 100vw) 0;background:#fff url("assets/main-mobile/process-bg.png?v=20260828a") center top/100% auto no-repeat;transition:min-height .72s cubic-bezier(.22,1,.36,1)}
  .civil-pc-process>.civil-pc-heading{position:static;display:flex;order:0;width:100%;height:calc(114.461538 / 360 * 100vw);flex-direction:column;align-items:center;margin:0;padding:0 calc(18.461538 / 360 * 100vw);gap:calc(18.461538 / 360 * 100vw);transform:none}
  .civil-pc-process>.civil-pc-heading h2{width:calc(228 / 360 * 100vw);height:calc(72 / 360 * 100vw);margin:0;font-size:calc(25.846154 / 360 * 100vw);font-weight:500;line-height:1.4;letter-spacing:0;text-align:center}
  .civil-pc-process>.civil-pc-heading h2 strong{font:inherit}
  .civil-pc-process>.civil-pc-heading p{width:calc(178.153846 / 360 * 100vw);height:calc(24 / 360 * 100vw);margin:0;font-size:calc(14.769231 / 360 * 100vw);font-weight:400;line-height:1.6;color:#000;text-align:center;white-space:nowrap}
  .civil-pc-process-tabs,
  .civil-pc-process-panels{display:contents}
  .civil-pc-process-tabs:before,
  .civil-pc-process-indicator{display:none!important}
  .civil-pc-process-tabs>button{box-sizing:border-box;position:relative;left:auto;top:auto;display:block;width:calc(330.461538 / 360 * 100vw);height:calc(114.461538 / 360 * 100vw);flex:none;margin:calc(18.461538 / 360 * 100vw) 0 0;padding:0;border:0;border-radius:calc(9.230769 / 360 * 100vw);background:#dedede;box-shadow:none;color:#005352;transform:none;transition:height .72s cubic-bezier(.22,1,.36,1),background-color .45s ease,color .45s ease}
  .civil-pc-process-tabs>button:nth-of-type(1){order:1;margin-top:calc(36.923077 / 360 * 100vw)}
  .civil-pc-process-tabs>button:nth-of-type(2){order:3}
  .civil-pc-process-tabs>button:nth-of-type(3){order:5}
  .civil-pc-process-tabs>button>img{position:absolute;left:calc(27.692308 / 360 * 100vw);top:calc(27.692308 / 360 * 100vw);width:calc(46.153846 / 360 * 100vw);height:calc(46.153846 / 360 * 100vw);margin:0;padding:calc(9.230769 / 360 * 100vw);border-radius:calc(9.230769 / 360 * 100vw);background:rgba(0,83,82,.15);object-fit:contain;transition:left .72s cubic-bezier(.22,1,.36,1),background-color .45s ease}
  .civil-pc-process-tabs>button>strong{position:absolute;left:calc(87.692308 / 360 * 100vw);top:calc(27.692308 / 360 * 100vw);font-size:calc(25.846154 / 360 * 100vw);font-weight:500;line-height:1.4;color:inherit;white-space:nowrap}
  .civil-pc-process-tabs>button>span{position:absolute;left:calc(87.692308 / 360 * 100vw);top:calc(68.307692 / 360 * 100vw);margin:0;font-size:calc(12.923077 / 360 * 100vw);font-weight:400;line-height:1.4;color:#1a1a1a;text-align:left;white-space:nowrap}
  .civil-pc-process-tabs>button:not(.is-active)>span br{display:none}
  .civil-pc-process-tabs>button:after{content:"";position:absolute;right:calc(27.692308 / 360 * 100vw);top:calc(45.784615 / 360 * 100vw);width:calc(25.846154 / 360 * 100vw);height:calc(25.846154 / 360 * 100vw);background:url("assets/main-mobile/process/plus.png?v=20260828a") center/contain no-repeat;transform:translateY(-50%)}
  .civil-pc-process-tabs>button:before{display:none!important}
  .civil-pc-process-tabs>button.is-active{height:calc(169.846154 / 360 * 100vw);border-radius:calc(9.230769 / 360 * 100vw) calc(9.230769 / 360 * 100vw) 0 0;background:#005352;color:#fff}
  .civil-pc-process-tabs>button:nth-of-type(2).is-active,
  .civil-pc-process-tabs>button:nth-of-type(3).is-active{height:calc(141.230769 / 360 * 100vw)}
  .civil-pc-process-tabs>button.is-active>img{left:calc(18.461538 / 360 * 100vw);background:rgba(37,242,177,.1)}
  .civil-pc-process-tabs>button.is-active>strong{left:calc(78.461538 / 360 * 100vw)}
  .civil-pc-process-tabs>button.is-active>span{left:calc(18.461538 / 360 * 100vw);top:calc(92.307692 / 360 * 100vw);font-size:calc(18.461538 / 360 * 100vw);line-height:1.6;color:#fff}
  .civil-pc-process-tabs>button.is-active>span br{display:block}
  .civil-pc-process-tabs>button.is-active:after{right:calc(18.461538 / 360 * 100vw);width:calc(25.846154 / 360 * 100vw);height:calc(.950769 / 360 * 100vw);background-image:url("assets/main-mobile/process/minus.png?v=20260828a")}
  .civil-pc-process-tabs>button.is-active:before{content:""!important;position:absolute!important;left:calc(18.461538 / 360 * 100vw)!important;right:calc(18.461538 / 360 * 100vw)!important;bottom:0!important;top:auto!important;display:block!important;width:auto!important;height:calc(.276923 / 360 * 100vw)!important;border:0!important;border-radius:0!important;background:#dedede!important;transform:none!important}
  .civil-pc-process-tabs>button:focus-visible{outline:calc(2 / 360 * 100vw) solid #e7c873;outline-offset:calc(3 / 360 * 100vw)}

  .civil-pc-process-cards{box-sizing:border-box;position:static;display:flex;width:calc(330.461538 / 360 * 100vw);height:auto;max-height:0;flex-direction:column;flex:none;margin:0;padding:0 calc(18.461538 / 360 * 100vw);gap:calc(18.461538 / 360 * 100vw);overflow:hidden;border-radius:0 0 calc(9.230769 / 360 * 100vw) calc(9.230769 / 360 * 100vw);background:#005352;opacity:0;transform:none;pointer-events:none;transition:max-height .72s cubic-bezier(.22,1,.36,1),padding .72s cubic-bezier(.22,1,.36,1),opacity .48s ease}
  .civil-pc-process-cards[data-process-panel="consult"]{order:2}.civil-pc-process-cards[data-process-panel="win"]{order:4}.civil-pc-process-cards[data-process-panel="enforce"]{order:6}
  .civil-pc-process-cards.is-active{max-height:calc(613.8 / 360 * 100vw);padding-top:calc(18.461538 / 360 * 100vw);padding-bottom:calc(27.692308 / 360 * 100vw);opacity:1;pointer-events:auto}
  .civil-pc-process-cards[hidden]{display:none!important}
  .civil-pc-process-cards article{box-sizing:border-box;position:relative;width:calc(293.538462 / 360 * 100vw);height:calc(176.907692 / 360 * 100vw);flex:none;padding:0;overflow:hidden;border-radius:calc(9.230769 / 360 * 100vw);background:#000;color:#fff}
  .civil-pc-process-cards article>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;border-radius:inherit;filter:none;object-fit:cover;object-position:center}
  .civil-pc-process-card-copy{position:absolute!important;left:calc(18.461538 / 360 * 100vw);top:calc(22.153846 / 360 * 100vw);z-index:1!important;display:flex;width:calc(256.615385 / 360 * 100vw);height:calc(90.461538 / 360 * 100vw);align-content:flex-start;align-items:center;flex-wrap:wrap}
  .civil-pc-process-cards i,.civil-pc-process-cards h3{height:calc(29.538462 / 360 * 100vw);margin:0;padding:0 0 calc(.923077 / 360 * 100vw);border-bottom:calc(.786934 / 360 * 100vw) solid #005352;color:#fff;font-size:calc(18.461538 / 360 * 100vw);font-style:normal;font-weight:600;line-height:1.6}
  .civil-pc-process-cards i{width:auto}.civil-pc-process-cards h3{width:auto;padding-left:calc(4.615385 / 360 * 100vw)}
  .civil-pc-process-cards p{width:100%;margin:calc(12.923077 / 360 * 100vw) 0 0;color:#fff;font-size:calc(14.769231 / 360 * 100vw);font-weight:400;line-height:1.6}
  .civil-pc-process-cards p br{display:none}
  .civil-pc-process-cards small{box-sizing:border-box;position:absolute!important;left:0!important;bottom:0!important;z-index:2!important;display:flex;width:100%!important;height:calc(45.830769 / 360 * 100vw)!important;align-items:center;justify-content:flex-start;padding:0 calc(25.149877 / 360 * 100vw) 0 calc(18.461538 / 360 * 100vw)!important;gap:calc(7.384615 / 360 * 100vw)!important;border-top:calc(.235781 / 360 * 100vw) solid #dedede;background:#1a1a1a;color:#fff;font-size:calc(12.574985 / 360 * 100vw);font-weight:400;line-height:1.4;white-space:nowrap}
  .civil-pc-process-cards small b{display:flex;align-items:center;gap:calc(4.615385 / 360 * 100vw);color:#e7c873;font-weight:600}
  .civil-pc-process-cards small b img{width:calc(11.076923 / 360 * 100vw);height:calc(11.076923 / 360 * 100vw);content:url("assets/main-mobile/process/check.png?v=20260828a");object-fit:contain}
  .civil-pc-process-cards small span{width:calc(.923077 / 360 * 100vw);height:calc(14.153846 / 360 * 100vw);background:#fff;opacity:.7}

  /* Mobile Figma exact: section 03 */
  .civil-pc-experience{box-sizing:border-box;position:relative;display:flex;width:100%;height:calc(1072.307692 / 360 * 100vw);flex-direction:column;align-items:center;padding:calc(27.692308 / 360 * 100vw) 0;background:#f7f7f7;color:#1a1a1a}
  .civil-pc-experience>.civil-pc-heading{display:flex;width:100%;flex-direction:column;align-items:center;margin:0;padding:0 calc(18.461538 / 360 * 100vw);gap:0;text-align:center}
  .civil-pc-experience>.civil-pc-heading h2{display:flex;width:100%;height:auto;flex-direction:column;align-items:center;gap:calc(8 / 390 * 100vw);margin:0;font-size:calc(22 / 360 * 100vw);font-weight:500;line-height:1.4;letter-spacing:-.06em}
  .civil-pc-experience>.civil-pc-heading h2>span{display:block;width:100%;white-space:nowrap}
  .civil-pc-experience>.civil-pc-heading h2>span:first-child,
  .civil-pc-experience>.civil-pc-heading h2>span+span{color:#202020;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
  .civil-pc-experience>.civil-pc-heading h2>span:first-child,
  .civil-pc-experience>.civil-pc-heading h2>span:first-child strong{font-weight:200}
  .civil-pc-experience>.civil-pc-heading h2>span+span{font-size:calc(22 / 360 * 100vw);letter-spacing:-.08em}
  .civil-pc-experience>.civil-pc-heading h2 strong{font-weight:500}
  .civil-pc-experience>.civil-pc-heading p{width:calc(323.076923 / 360 * 100vw);height:calc(48 / 360 * 100vw);margin:0;font-size:calc(14.769231 / 360 * 100vw);font-weight:400;line-height:1.6;color:#000;white-space:normal}
  .civil-pc-experience-grid{display:flex;width:calc(330.461538 / 360 * 100vw);height:calc(828.923077 / 360 * 100vw);flex-direction:column;align-items:stretch;margin:calc(26 / 390 * 100vw) 0 0;gap:calc(18.461538 / 360 * 100vw)}
  .civil-pc-experience-grid>.civil-pc-portrait{display:none}
  .civil-pc-career{box-sizing:border-box;position:relative;width:calc(330.461538 / 360 * 100vw);height:calc(387.692308 / 360 * 100vw);flex:none;overflow:hidden;border-radius:calc(7.718806 / 360 * 100vw);background:url("assets/main-mobile/representative-card.png?v=20260830a") center/100% 100% no-repeat;color:#fff}
  .civil-pc-career>img{display:none}
  .civil-pc-career>div{box-sizing:border-box;position:absolute;left:0;bottom:0;display:flex;width:100%;height:calc(148.587692 / 360 * 100vw);flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:calc(12.060646 / 360 * 100vw) calc(12.060646 / 360 * 100vw) calc(12.060646 / 360 * 100vw) calc(19.297015 / 360 * 100vw);gap:calc(7.236923 / 360 * 100vw);color:#fff}
  .civil-pc-career h3{display:flex;width:calc(299.104615 / 360 * 100vw);height:calc(29.538462 / 360 * 100vw);align-items:center;justify-content:flex-end;margin:0;gap:calc(2.409231 / 360 * 100vw);font-size:calc(21.230769 / 360 * 100vw);font-weight:500;line-height:1.4;text-shadow:none;white-space:nowrap}
  .civil-pc-career h3>img{display:block;width:calc(27.996923 / 360 * 100vw);height:calc(27.996923 / 360 * 100vw);object-fit:contain}
  .civil-pc-career h3 span{font-weight:300}
  .civil-pc-career ul{display:flex;width:calc(267.692308 / 360 * 100vw);height:calc(87.692308 / 360 * 100vw);flex-direction:column;justify-content:flex-end;margin:0;padding:0;gap:0;list-style:none;text-align:right}
  .civil-pc-career li{display:block;position:relative;padding:0;font-size:calc(11.076923 / 360 * 100vw);font-weight:400;line-height:1.6;white-space:nowrap}
  .civil-pc-career li:before{content:"·";position:static;display:inline;margin-right:calc(4 / 360 * 100vw);width:auto;height:auto;border:0;border-radius:0;background:none;color:#fff}
  .civil-pc-metric{box-sizing:border-box;display:flex;width:calc(330.461538 / 360 * 100vw);height:calc(202.153846 / 360 * 100vw);flex:none;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(18.461538 / 360 * 100vw) calc(24 / 360 * 100vw);border-radius:calc(14.769231 / 360 * 100vw);background:#e7c873;color:#1a1a1a;text-align:center}
  .civil-pc-metric>div{display:flex;width:calc(282.461538 / 360 * 100vw);flex-direction:column;align-items:center;margin:0;gap:0}
  .civil-pc-metric span{order:0;height:calc(23.076923 / 360 * 100vw);margin:0;font-size:calc(16.615385 / 360 * 100vw);font-weight:400;line-height:1.4}
  .civil-pc-metric strong{order:1;height:calc(61.846154 / 360 * 100vw);font-size:calc(44.307692 / 360 * 100vw);font-weight:500;line-height:1.4}
  .civil-pc-metric p{order:2;width:100%;margin:calc(9.230769 / 360 * 100vw) 0 0;font-size:calc(12.923077 / 360 * 100vw);font-weight:400;line-height:1.4}
  .civil-pc-metric small{align-self:flex-end;width:calc(243.692308 / 360 * 100vw);font-size:calc(11.076923 / 360 * 100vw);font-weight:400;line-height:1.4;text-align:right;opacity:.6}
  .civil-pc-experience>.civil-pc-more{box-sizing:border-box;display:flex;width:calc(287.076923 / 360 * 100vw);height:calc(48 / 360 * 100vw);align-items:center;justify-content:center;margin:calc(36.923077 / 360 * 100vw) 0 0;padding:calc(9.230769 / 360 * 100vw) calc(25.846154 / 360 * 100vw);gap:calc(23.076923 / 360 * 100vw);border:calc(.923077 / 360 * 100vw) solid #1a1a1a;border-radius:9999px;color:#1a1a1a;font-size:calc(18.461538 / 360 * 100vw);font-weight:400;line-height:1.6;text-decoration:none;white-space:nowrap}
  .civil-pc-experience>.civil-pc-more img{display:block;width:calc(15.692308 / 360 * 100vw);height:calc(9.230769 / 360 * 100vw);flex:none;object-fit:contain}

  /* Mobile Figma exact: section 04 */
  .civil-pc-family{box-sizing:border-box;position:relative;display:block;width:100%;height:calc(544.615385 / 360 * 100vw);padding:calc(46.153846 / 360 * 100vw) 0 0;background:linear-gradient(180deg,#f1f1f1 0%,#fff 172.5%);overflow:hidden;color:#1a1a1a;text-align:center}
  .civil-pc-family .civil-pc-heading{position:relative;z-index:4;display:flex;width:calc(323.076923 / 360 * 100vw);height:calc(103.384615 / 360 * 100vw);flex-direction:column;align-items:center;margin:0 auto;gap:calc(18.461538 / 360 * 100vw)}
  .civil-pc-family .civil-pc-heading>span{display:block;width:calc(252.923077 / 360 * 100vw);height:calc(12.923077 / 360 * 100vw);font-size:calc(11.076923 / 360 * 100vw);font-weight:300;line-height:calc(12.923077 / 360 * 100vw);letter-spacing:1.4em;color:#000;white-space:nowrap}
  .civil-pc-family .civil-pc-heading h2{width:calc(286.153846 / 360 * 100vw);height:calc(72 / 360 * 100vw);margin:0;font-size:calc(25.846154 / 360 * 100vw);font-weight:500;line-height:1.4;letter-spacing:0;color:#1a1a1a}
  .civil-pc-family .civil-pc-heading h2 strong{font:inherit}
  .civil-pc-family .civil-pc-heading p{width:calc(308.307692 / 360 * 100vw);height:calc(48 / 360 * 100vw);margin:0;font-size:calc(14.769231 / 360 * 100vw);font-weight:400;line-height:1.6;color:#1a1a1a}
  .civil-pc-family-lawyers{position:absolute;left:50%;top:calc(172.615385 / 360 * 100vw);z-index:2;width:calc(360 / 360 * 100vw);max-width:none!important;height:calc(215.076923 / 360 * 100vw)!important;transform:translateX(-50%);object-fit:contain;object-position:center bottom}
  .civil-pc-family-conveyor{position:absolute;left:0;top:calc(387.692308 / 360 * 100vw);z-index:1;width:100%;height:calc(156.923077 / 360 * 100vw);overflow:hidden;opacity:1}
  .civil-pc-family-track{position:absolute;left:0;top:0;display:flex;width:max-content;height:100%;gap:calc(10.532308 / 360 * 100vw);animation:civil-family-conveyor-mobile 32s linear infinite;will-change:transform}
  .civil-pc-family-track img{display:block;width:calc(175.532308 / 360 * 100vw);height:calc(156.923077 / 360 * 100vw);flex:none;object-fit:cover}
  @keyframes civil-family-conveyor-mobile{to{transform:translateX(calc(-50% - (5.266154 / 360 * 100vw)))}}

  /* Mobile Figma exact: section 05 */
  .civil-pc-success{box-sizing:border-box;position:relative;display:flex;width:100%;height:calc(729.55 / 390 * 100vw);flex-direction:column;align-items:center;padding:0 calc(20 / 390 * 100vw) calc(50 / 390 * 100vw);overflow:hidden;background:#fff url("assets/main-mobile/success-bg.png?v=20260830a") center top/100% 100% no-repeat;color:#1a1a1a}
  .civil-pc-success-line{display:block;width:calc(13.88 / 390 * 100vw);height:calc(113.88 / 390 * 100vw);margin:0 auto calc(25 / 390 * 100vw);object-fit:contain}
  .civil-pc-success>.civil-pc-heading{display:flex;width:calc(350 / 390 * 100vw);height:calc(39 / 390 * 100vw);flex-direction:column;align-items:center;margin:0 0 calc(30 / 390 * 100vw);padding:0 calc(20 / 390 * 100vw);gap:0;text-align:center}
  .civil-pc-success>.civil-pc-heading h2{width:calc(333 / 390 * 100vw);height:calc(39 / 390 * 100vw);margin:0;font-size:calc(28 / 390 * 100vw);font-weight:500;line-height:1.4;white-space:nowrap}.civil-pc-success>.civil-pc-heading h2 strong{font:inherit;color:#1a1a1a}
  .civil-pc-success>.civil-pc-heading p{width:calc(315 / 390 * 100vw);height:calc(52 / 390 * 100vw);margin:0;font-size:calc(16 / 390 * 100vw);font-weight:400;line-height:1.6;color:#1a1a1a;word-break:keep-all}
  .civil-pc-success-widget{position:relative;width:calc(526 / 390 * 100vw);height:calc(389.67 / 390 * 100vw);margin:0 0 calc(30 / 390 * 100vw);overflow:visible}
  .civil-pc-success-widget>.xe-widget-wrapper,.civil-pc-success-widget>.xe-widget-wrapper>div,.civil-pc-success-widget .gall_1_sec03{width:100%!important;height:100%!important;overflow:visible!important}
  .civil-pc-success-widget .bh_widget_content{display:flex!important;align-items:flex-start!important;width:max-content!important;max-width:none!important;height:100%!important;margin:0!important;gap:calc(20 / 390 * 100vw)!important;animation:civil-success-conveyor-mobile 58s linear infinite!important;will-change:transform}
  .civil-pc-success-widget .bh_item{position:relative!important;display:block!important;flex:0 0 calc(162 / 390 * 100vw)!important;width:calc(162 / 390 * 100vw)!important;height:calc(389.67 / 390 * 100vw)!important;margin:0!important;padding:0!important;filter:none!important;transition:none!important}
  .civil-pc-success-widget .bh_item:after,.civil-pc-success-widget .bh_item_inner{display:none!important}.civil-pc-success-widget .civil-main-success-card{box-sizing:border-box;display:flex!important;width:100%;height:100%;flex-direction:column;align-items:center;padding:calc(9.87805 / 390 * 100vw);gap:calc(12.35 / 390 * 100vw);overflow:hidden;border:calc(.5 / 390 * 100vw) solid #dedede;border-radius:calc(8 / 390 * 100vw);background:#fff}
  .civil-pc-success-widget .civil-main-success-category{display:flex;width:calc(142.24 / 390 * 100vw);height:calc(27.12 / 390 * 100vw);align-items:center;justify-content:center;padding:calc(3.56069 / 390 * 100vw) calc(10.6821 / 390 * 100vw);border-radius:calc(4 / 390 * 100vw);background:#005352;color:#fff;font-size:calc(14 / 390 * 100vw);font-weight:700;line-height:1.4;white-space:nowrap}
  .civil-pc-success-widget .civil-main-success-judgment{position:relative;width:calc(142 / 390 * 100vw);height:calc(188 / 390 * 100vw);overflow:hidden;border-radius:calc(5 / 390 * 100vw)}.civil-pc-success-widget .civil-main-success-judgment>img{width:100%;height:100%;object-fit:cover;object-position:center top}.civil-pc-success-widget .civil-main-success-judgment:after{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.6)}.civil-pc-success-widget .civil-main-success-judgment>strong{position:absolute;left:50%;top:50%;z-index:2;display:flex;width:calc(104 / 390 * 100vw);height:calc(56 / 390 * 100vw);align-items:center;justify-content:center;transform:translate(-50%,-50%);border-width:0 calc(1 / 390 * 100vw);border-style:solid;border-color:#e7c873;color:#e7c873;font-size:calc(20 / 390 * 100vw);font-weight:600;line-height:1.4;text-align:center}
  .civil-pc-success-widget .civil-main-success-copy{display:flex;width:calc(142.24 / 390 * 100vw);height:calc(97.82 / 390 * 100vw);flex-direction:column;gap:calc(7.41 / 390 * 100vw);overflow:hidden}.civil-pc-success-widget .civil-main-success-copy h3{display:-webkit-box;width:100%;height:calc(44 / 390 * 100vw);margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:calc(14 / 390 * 100vw);font-weight:700;line-height:1.6;text-align:left;color:#1a1a1a}.civil-pc-success-widget .civil-main-success-copy p{display:-webkit-box;width:calc(138 / 390 * 100vw);height:calc(33.6 / 390 * 100vw);max-height:calc(33.6 / 390 * 100vw);flex:0 0 calc(33.6 / 390 * 100vw);margin:0;padding:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;border:0;font-size:calc(12 / 390 * 100vw);line-height:1.4;color:#1a1a1a}
  .civil-pc-success-widget .civil-main-success-meta{display:flex;width:calc(142 / 390 * 100vw);height:calc(20 / 390 * 100vw);align-items:center;justify-content:space-between;color:#94969d}.civil-pc-success-widget .civil-main-success-lawyers{display:flex;align-items:center;gap:calc(6 / 390 * 100vw)}.civil-pc-success-widget .civil-main-success-avatars{display:inline-flex}.civil-pc-success-widget .civil-main-success-avatars img{width:calc(20 / 390 * 100vw);height:calc(20 / 390 * 100vw);border-radius:50%;object-fit:cover}.civil-pc-success-widget .civil-main-success-lawyers b{display:flex;min-width:0;flex-direction:column;font-size:calc(10 / 390 * 100vw);font-weight:400;line-height:1.05;white-space:nowrap}.civil-pc-success-widget .civil-main-success-lawyers b small{display:block;font-size:calc(7 / 390 * 100vw);font-weight:400;line-height:1.1}.civil-pc-success-widget .civil-main-success-meta time{font-size:calc(6 / 390 * 100vw);white-space:nowrap}.civil-pc-success-widget .bh_item>a{position:absolute!important;inset:0!important;z-index:6!important}
  .civil-pc-success>.civil-pc-more{display:flex;width:calc(316 / 390 * 100vw);height:calc(52 / 390 * 100vw);align-items:center;justify-content:space-between;margin:0;padding:calc(10 / 390 * 100vw) calc(28 / 390 * 100vw);border:calc(1 / 390 * 100vw) solid #1a1a1a;border-radius:9999px;color:#1a1a1a;font-size:calc(20 / 390 * 100vw);line-height:1.6;text-decoration:none}.civil-pc-success>.civil-pc-more img{width:calc(17 / 390 * 100vw);height:calc(10 / 390 * 100vw)}
  @keyframes civil-success-conveyor-mobile{from{transform:translateX(0)}to{transform:translateX(calc(-50% - (10 / 390 * 100vw)))}}

  /* Mobile Figma exact: section 06 */
  .civil-pc-media{box-sizing:border-box;display:flex;width:100%;height:calc(625 / 390 * 100vw);flex-direction:column;align-items:center;padding:calc(60 / 390 * 100vw) 0 calc(80 / 390 * 100vw);gap:calc(60 / 390 * 100vw);overflow:hidden;background:url("assets/main-mobile/media-bg.png?v=20260830a") center/cover no-repeat;color:#fff}
  .civil-pc-media-row{position:relative;display:flex;flex-direction:column;align-items:center;padding:0}.civil-pc-media-row.is-news{width:calc(358 / 390 * 100vw);height:calc(241 / 390 * 100vw);gap:calc(40 / 390 * 100vw)}.civil-pc-media-row.is-youtube{width:calc(366 / 390 * 100vw);height:calc(169 / 390 * 100vw);gap:calc(32 / 390 * 100vw)}
  .civil-pc-media-copy{display:flex;width:auto;height:calc(39 / 390 * 100vw);align-items:center;padding:0}.civil-pc-media-copy>a{display:flex;align-items:center;gap:calc(8 / 390 * 100vw);color:#fff;text-decoration:none}.civil-pc-media-copy h2{margin:0;font-size:calc(28 / 390 * 100vw);font-weight:500;line-height:1.4}.civil-pc-media-copy>a>img{width:calc(33 / 390 * 100vw);height:calc(33 / 390 * 100vw);object-fit:contain;filter:brightness(0) invert(1)}.civil-pc-media-copy p{display:none}
  .civil-pc-media-carousel,.civil-pc-media-viewport,.main_media_exact{position:relative;width:100%;height:100%;overflow:visible}.civil-pc-media-viewport{touch-action:pan-y}.civil-media-track{position:relative;display:block;width:100%;height:100%;transform:none!important}
  .civil-media-card{position:absolute;display:none;overflow:hidden;color:#fff;text-decoration:none;transition:left .34s cubic-bezier(.22,.61,.36,1),top .34s cubic-bezier(.22,.61,.36,1),width .34s cubic-bezier(.22,.61,.36,1),height .34s cubic-bezier(.22,.61,.36,1),filter .34s ease}.is-news .civil-media-card.is-mobile-focus{display:flex;z-index:2;top:calc(-24 / 390 * 100vw);left:calc(50% - (112 / 390 * 100vw));width:calc(224 / 390 * 100vw);height:calc(210 / 390 * 100vw);border:calc(.5 / 390 * 100vw) solid #dedede;border-radius:calc(12 / 390 * 100vw);filter:none}.is-news .civil-media-card.is-mobile-prev,.is-news .civil-media-card.is-mobile-next{display:flex;z-index:1;top:0;width:calc(173 / 390 * 100vw);height:calc(162 / 390 * 100vw);border-radius:calc(9 / 390 * 100vw);filter:blur(calc(1 / 390 * 100vw)) brightness(.72)}.is-news .civil-media-card.is-mobile-prev{left:0}.is-news .civil-media-card.is-mobile-next{left:calc(185 / 390 * 100vw)}
  .is-news .civil-media-card>img:not(.civil-media-play){display:block!important;width:100%!important;min-width:100%!important;max-width:none!important;height:calc(118 / 390 * 100vw)!important;flex:none!important;object-fit:cover!important;object-position:center top!important}.is-news .civil-media-card-copy{position:absolute;left:0;right:0;bottom:0;display:flex;height:calc(45 / 390 * 100vw);flex-direction:column;align-items:center;justify-content:center;padding:calc(6 / 390 * 100vw) 0;gap:calc(8 / 390 * 100vw);background:rgba(0,83,82,.9)}.is-news .civil-media-card-copy strong{width:90%;min-height:0;overflow:hidden;font-size:calc(10 / 390 * 100vw);font-weight:500;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.is-news .civil-media-card-copy span{font-size:calc(8 / 390 * 100vw);color:rgba(255,255,255,.6)}.is-news .is-mobile-focus>img:not(.civil-media-play){height:calc(153 / 390 * 100vw)!important}.is-news .is-mobile-focus .civil-media-card-copy{height:calc(57 / 390 * 100vw)}.is-news .is-mobile-focus .civil-media-card-copy strong{font-size:calc(14 / 390 * 100vw)}.civil-media-more{display:none!important}
  .is-youtube .civil-media-card.is-mobile-focus{display:block;z-index:2;top:calc(-26 / 390 * 100vw);left:calc(50% - (132 / 390 * 100vw));width:calc(264 / 390 * 100vw);height:calc(149 / 390 * 100vw);filter:none}.is-youtube .civil-media-card.is-mobile-prev,.is-youtube .civil-media-card.is-mobile-next{display:block;z-index:1;top:0;width:calc(173 / 390 * 100vw);height:calc(97 / 390 * 100vw);filter:blur(calc(.9 / 390 * 100vw)) brightness(.72)}.is-youtube .civil-media-card.is-mobile-prev{left:0}.is-youtube .civil-media-card.is-mobile-next{left:calc(193 / 390 * 100vw)}.is-youtube .civil-media-card>img:not(.civil-media-play){width:100%;height:100%;object-fit:cover}.is-youtube .civil-media-play{display:block;position:absolute;left:50%;top:50%;width:calc(30 / 390 * 100vw);height:calc(30 / 390 * 100vw);transform:translate(-50%,-50%)}.is-youtube .civil-media-card-copy{display:none}
  .civil-pc-media-nav{position:absolute;top:50%;z-index:5;display:flex;width:calc(31 / 390 * 100vw);height:calc(20 / 390 * 100vw);align-items:center;justify-content:center;padding:0;border:0;border-radius:calc(9 / 390 * 100vw);background:rgba(26,26,26,.2);box-shadow:0 0 calc(5 / 390 * 100vw) rgba(255,255,255,.48);transform:translateY(-50%);backdrop-filter:blur(calc(11 / 390 * 100vw))}.civil-pc-media-nav img{display:none}.civil-pc-media-nav:before{width:calc(5 / 390 * 100vw);height:calc(5 / 390 * 100vw);border-bottom:calc(1 / 390 * 100vw) solid #fff;border-left:calc(1 / 390 * 100vw) solid #fff;content:""}.civil-pc-media-nav.is-prev{left:calc(-6 / 390 * 100vw);border-radius:calc(9 / 390 * 100vw)}.civil-pc-media-nav.is-prev:before{transform:rotate(45deg)}.civil-pc-media-nav.is-next{right:calc(-6 / 390 * 100vw);border-radius:calc(9 / 390 * 100vw)}.civil-pc-media-nav.is-next:before{transform:rotate(225deg)}

  /* Mobile Figma exact: section 07 */
  .civil-pc-consult{box-sizing:border-box;position:relative;display:flex;width:100%;height:calc(535.61 / 390 * 100vw);flex-direction:column;align-items:center;padding:calc(60 / 390 * 100vw) 0;gap:calc(30 / 390 * 100vw);overflow:hidden;background:#fff;color:#1a1a1a}
  .civil-pc-consult-head,.civil-pc-consult-grid{display:contents}
  .civil-pc-consult-title{order:0;display:flex;width:calc(235.98 / 390 * 100vw);height:calc(39 / 390 * 100vw);align-items:center;justify-content:center;gap:calc(8 / 390 * 100vw);color:#1a1a1a;text-decoration:none}.civil-pc-consult-title h2{width:calc(195 / 390 * 100vw);height:calc(39 / 390 * 100vw);margin:0;font-size:calc(28 / 390 * 100vw);font-weight:500;line-height:1.4;white-space:nowrap}.civil-pc-consult-title img{display:block;width:calc(32.98 / 390 * 100vw);height:calc(32.98 / 390 * 100vw);object-fit:contain;filter:brightness(0)}
  .civil-pc-consult-list{order:1;width:calc(358 / 390 * 100vw);height:calc(281.09 / 390 * 100vw);overflow:hidden;border:0;background:#f7f7f7}.civil-pc-consult-list>.xe-widget-wrapper,.civil-pc-consult-list>.xe-widget-wrapper>div,.civil-pc-consult-list .bh_widget_content,.civil-pc-consult-list .bh_rolling,.civil-pc-consult-list .bh_list{width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}.civil-pc-consult-list .bh_item{box-sizing:border-box;width:100%!important;height:calc(46.85 / 390 * 100vw)!important;margin:0!important;padding:0!important;border:calc(.7 / 390 * 100vw) solid #dedede!important;background:#f7f7f7!important;list-style:none}.civil-pc-consult-list .bh_item:nth-child(n+7){display:none!important}
  .civil-pc-consult-list .bh_item_inner,.civil-pc-consult-list .bh_content_wrap{box-sizing:border-box;width:100%!important;height:100%!important;margin:0!important}.civil-pc-consult-list .bh_content_wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:calc(12 / 390 * 100vw) calc(15.2828 / 390 * 100vw)!important;gap:0!important}
  .civil-pc-consult-list .content_left{display:flex!important;width:calc(202.39 / 390 * 100vw)!important;height:calc(22 / 390 * 100vw)!important;align-items:center!important;gap:calc(13.37 / 390 * 100vw)!important;min-width:0!important}.civil-pc-consult-list .date_box{display:flex!important;width:calc(32 / 390 * 100vw)!important;height:calc(13 / 390 * 100vw)!important;flex:0 0 calc(32 / 390 * 100vw)!important;align-items:center!important}.civil-pc-consult-list .date_box span{display:block!important;width:100%!important;height:auto!important;color:#1a1a1a!important;font-size:calc(8 / 390 * 100vw)!important;font-weight:400!important;line-height:1.6!important;white-space:nowrap!important}
  .civil-pc-consult-list .title_box{width:calc(157 / 390 * 100vw)!important;min-width:0!important;height:calc(22 / 390 * 100vw)!important}.civil-pc-consult-list .title_inner{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;gap:calc(5.73 / 390 * 100vw)!important;overflow:hidden!important;color:#1a1a1a!important;font-size:calc(14 / 390 * 100vw)!important;font-weight:400!important;line-height:1.6!important;text-overflow:ellipsis!important;white-space:nowrap!important}.civil-pc-consult-list .title_inner img{display:block!important;width:calc(9.32 / 390 * 100vw)!important;height:calc(11.39 / 390 * 100vw)!important;flex:0 0 calc(9.32 / 390 * 100vw)!important;object-fit:contain!important;content:url("assets/main-pc/consult/lock.png?v=20260828a")}
  .civil-pc-consult-list .answered_box{display:flex!important;width:calc(67.28 / 390 * 100vw)!important;height:calc(22.85 / 390 * 100vw)!important;flex:0 0 calc(67.28 / 390 * 100vw)!important;align-items:center!important}.civil-pc-consult-list .answered_box span,.civil-pc-consult-list .answered{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;padding:calc(1.424 / 390 * 100vw) calc(7.64141 / 390 * 100vw)!important;border:0!important;border-radius:calc(1.78 / 390 * 100vw)!important;background:#e7c873!important;color:#1a1a1a!important;font-size:calc(14 / 390 * 100vw)!important;font-weight:500!important;line-height:1.4!important;white-space:nowrap!important}
  .civil-pc-consult-cta{order:2;box-sizing:border-box;display:flex;width:calc(276.25 / 390 * 100vw);height:calc(35.52 / 390 * 100vw);align-items:center;justify-content:center;padding:calc(6.90728 / 390 * 100vw) calc(24.465 / 390 * 100vw);gap:calc(2.96 / 390 * 100vw);border-radius:calc(4.93377 / 390 * 100vw);background:#005352;box-shadow:0 0 0 calc(.986754 / 390 * 100vw) rgba(0,0,0,.2),0 calc(.986754 / 390 * 100vw) calc(3.94702 / 390 * 100vw) rgba(0,0,0,.5),calc(.986754 / 390 * 100vw) calc(2.96026 / 390 * 100vw) calc(9.86754 / 390 * 100vw) rgba(7,194,134,.35),inset 0 calc(.986754 / 390 * 100vw) 0 rgba(255,255,255,.2);color:#fff;text-decoration:none;font-family:Pretendard,Roboto,sans-serif;font-size:calc(20 / 390 * 100vw);font-weight:500;line-height:1.4;text-shadow:0 calc(.986754 / 390 * 100vw) calc(1.97351 / 390 * 100vw) rgba(0,0,0,.15);white-space:nowrap}.civil-pc-consult-cta img{display:block;width:calc(24.36 / 390 * 100vw);height:calc(24.36 / 390 * 100vw);flex:none;object-fit:contain}.civil-pc-consult-grid>img{display:none!important}
}

/* PC consultation list alignment and separators */
.civil-pc-success-widget .bh_item .civil-main-success-judgment>img{
  object-position:center top;
}
.civil-pc-consult-list .bh_item{
  border:0!important;
  border-bottom:calc(.5 / 1920 * 100vw) solid #dedede!important;
}
.civil-pc-consult-list .bh_item:last-child{
  border-bottom:0!important;
}
.civil-pc-consult-list .bh_item_inner{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.civil-pc-consult-list .date_box,
.civil-pc-consult-list .date_box span{
  display:flex!important;
  height:100%!important;
  align-items:center!important;
}
.civil-pc-consult-list .date_box span{
  line-height:1!important;
}
.civil-pc-consult-list .answered_box,
.civil-pc-consult-list .answered_box span,
.civil-pc-consult-list .answered_box .answered{
  border:0!important;
}

@media (max-width:1024px){
  .civil-pc-experience>.civil-pc-heading h2 strong{font-weight:500}
  .civil-pc-family-lawyers--pc{display:none!important}
  .civil-pc-consult-list .list_3_sec05 .bh_widget_content .bh_item,
  .civil-pc-consult-list .list_3_sec05 .bh_widget_content .bh_item .bh_item_inner,
  .civil-pc-consult-list .list_3_sec05 .bh_widget_content .bh_content_wrap{
    background-color:#f7f7f7!important;
    background-image:none!important;
  }
}

/* 2026-09-02: PC main vertical rhythm for a 1920 x 1080 viewport. */
@media (min-width:1025px){
  .civil-pc-family-lawyers--mobile{display:none!important}
  .civil-pc-family-lawyers--pc{display:block!important}
  /* Section 02: preserve the three-stage composition while removing excess vertical air. */
  .civil-pc-process{height:calc(1020 / 1920 * 100vw);background-size:100% calc(1045 / 1920 * 100vw)}
  .civil-pc-process>.civil-pc-heading{top:calc(70 / 1920 * 100vw);height:calc(190 / 1920 * 100vw)}
  .civil-pc-process>.civil-pc-heading p{margin-top:calc(28 / 1920 * 100vw)}
  .civil-pc-process-tabs{top:calc(350 / 1920 * 100vw);height:calc(205 / 1920 * 100vw)}
  .civil-pc-process-tabs>button{height:calc(205 / 1920 * 100vw);padding:calc(18 / 1920 * 100vw) calc(20 / 1920 * 100vw)}
  .civil-pc-process-tabs img{width:calc(56 / 1920 * 100vw);height:calc(54 / 1920 * 100vw);margin-bottom:calc(10 / 1920 * 100vw)}
  .civil-pc-process-tabs span{margin-top:calc(12 / 1920 * 100vw)}
  .civil-pc-process-cards{top:calc(595 / 1920 * 100vw);height:calc(350 / 1920 * 100vw);padding:calc(20 / 1920 * 100vw) calc(24 / 1920 * 100vw)}
  .civil-pc-process-cards article{height:calc(310 / 1920 * 100vw)}
  .civil-pc-process-card-copy{top:calc(24 / 1920 * 100vw);height:calc(175 / 1920 * 100vw)}
  .civil-pc-process-cards p{margin-top:calc(20 / 1920 * 100vw)}
  .civil-pc-process-cards small{height:calc(52 / 1920 * 100vw)}

  /* Section 03: compact the heading, portrait grid and CTA into one desktop viewport. */
  .civil-pc-experience{height:calc(920 / 1920 * 100vw);padding:calc(65 / 1920 * 100vw) 0}
  .civil-pc-experience>.civil-pc-heading{width:calc(1280 / 1920 * 100vw);height:calc(154 / 1920 * 100vw)}
  .civil-pc-experience>.civil-pc-heading h2{display:flex;height:auto;flex-direction:column;align-items:center;font-size:calc(48 / 1920 * 100vw);font-weight:300;line-height:1.4;letter-spacing:0}
  .civil-pc-experience>.civil-pc-heading h2>span{display:block;color:#202020;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;white-space:nowrap}
  .civil-pc-experience>.civil-pc-heading h2>span:first-child{font-size:calc(33.6 / 1920 * 100vw)}
  .civil-pc-experience>.civil-pc-heading h2 strong{font-weight:500}
  .civil-pc-experience-grid{grid-template-columns:calc(558 / 1920 * 100vw) calc(268 / 1920 * 100vw) calc(268 / 1920 * 100vw);grid-template-rows:calc(271.5 / 1920 * 100vw) calc(271.5 / 1920 * 100vw);gap:calc(27 / 1920 * 100vw);width:calc(1148 / 1920 * 100vw);height:calc(570 / 1920 * 100vw);margin-top:calc(20 / 1920 * 100vw)}
  .civil-pc-career>div{left:calc(36 / 1920 * 100vw);bottom:calc(22.5 / 1920 * 100vw)}
  .civil-pc-career h3{font-size:calc(33 / 1920 * 100vw)}
  .civil-pc-career h3>img{width:calc(37 / 1920 * 100vw);height:calc(37 / 1920 * 100vw)}
  .civil-pc-career li{font-size:calc(16 / 1920 * 100vw)}
  .civil-pc-metric{height:calc(271.5 / 1920 * 100vw);padding:calc(22 / 1920 * 100vw) calc(16 / 1920 * 100vw)}
  .civil-pc-metric strong{font-size:calc(43 / 1920 * 100vw)}
  .civil-pc-metric p{width:calc(236 / 1920 * 100vw);margin-top:calc(18 / 1920 * 100vw);font-size:calc(15 / 1920 * 100vw)}
  .civil-pc-experience>.civil-pc-more{height:calc(55 / 1920 * 100vw);margin-top:calc(40 / 1920 * 100vw);font-size:calc(24 / 1920 * 100vw);font-weight:700}

  /* Section 04: scale the lawyers and rear conveyor together by ten percent. */
  .civil-pc-family{height:calc(915 / 1920 * 100vw);padding-top:calc(105 / 1920 * 100vw)}
  .civil-pc-family .civil-pc-heading{height:calc(216 / 1920 * 100vw);gap:calc(54 / 1920 * 100vw)}
  .civil-pc-family-conveyor{top:calc(498.8 / 1920 * 100vw);height:calc(402.3 / 1920 * 100vw)}
  .civil-pc-family-track{gap:calc(27 / 1920 * 100vw)}
  .civil-pc-family-track img{flex-basis:calc(450 / 1920 * 100vw);width:calc(450 / 1920 * 100vw);height:calc(402.3 / 1920 * 100vw)}
  .civil-pc-family-lawyers{left:calc(50% - 16.875 / 1920 * 100vw);top:calc(318.8 / 1920 * 100vw);width:calc(997.641 / 1920 * 100vw);height:calc(582.3 / 1920 * 100vw)}

  /* Section 05: reduce the card system and all surrounding spacing by ten percent. */
  .civil-pc-success{height:calc(1273.987 / 1920 * 100vw);padding-bottom:calc(63 / 1920 * 100vw);background-size:auto calc(1210.987 / 1920 * 100vw)}
  .civil-pc-success-line{width:calc(21.6 / 1920 * 100vw);height:calc(201.6 / 1920 * 100vw)}
  .civil-pc-success>.civil-pc-heading{height:calc(67 / 1920 * 100vw);margin-top:calc(36 / 1920 * 100vw)}
  .civil-pc-success-widget{height:calc(756 / 1920 * 100vw);margin-top:calc(36 / 1920 * 100vw)}
  .civil-pc-success-widget .bh_widget_content{gap:calc(72 / 1920 * 100vw)!important}
  .civil-pc-success-widget .bh_item{flex-basis:calc(295.2 / 1920 * 100vw)!important;width:calc(295.2 / 1920 * 100vw)!important;height:calc(692.928 / 1920 * 100vw)!important}
  .civil-pc-success-widget .bh_item:hover{transform:translateY(calc(-63 / 1920 * 100vw))!important}
  .civil-pc-success-widget .civil-main-success-card{padding:calc(18 / 1920 * 100vw);gap:calc(27 / 1920 * 100vw);border-radius:calc(14.4 / 1920 * 100vw)}
  .civil-pc-success-widget .civil-main-success-category{width:calc(259.2 / 1920 * 100vw);height:calc(43.578 / 1920 * 100vw);font-size:calc(21.6 / 1920 * 100vw)}
  .civil-pc-success-widget .civil-main-success-judgment{width:calc(259.2 / 1920 * 100vw);height:calc(342.9 / 1920 * 100vw)}
  .civil-pc-success-widget .civil-main-success-judgment>strong{width:calc(180 / 1920 * 100vw);height:calc(95.4 / 1920 * 100vw);font-size:calc(34.2 / 1920 * 100vw)}
  .civil-pc-success-widget .civil-main-success-copy{width:calc(259.2 / 1920 * 100vw);height:calc(155.7 / 1920 * 100vw);gap:calc(18 / 1920 * 100vw)}
  .civil-pc-success-widget .civil-main-success-copy h3{height:calc(61.2 / 1920 * 100vw);font-size:calc(21.6 / 1920 * 100vw)}
  .civil-pc-success-widget .civil-main-success-copy p{width:calc(252 / 1920 * 100vw);height:calc(58.5 / 1920 * 100vw);padding-top:calc(13.5 / 1920 * 100vw);font-size:calc(16.2 / 1920 * 100vw)}
  .civil-pc-success-widget .civil-main-success-meta{width:calc(259.2 / 1920 * 100vw);height:calc(33.75 / 1920 * 100vw);gap:calc(18 / 1920 * 100vw)}
  .civil-pc-success-widget .civil-main-success-avatars img{width:calc(33.75 / 1920 * 100vw);height:calc(33.75 / 1920 * 100vw);flex-basis:calc(33.75 / 1920 * 100vw)}
  .civil-pc-success-widget .civil-main-success-lawyers b{font-size:calc(16.2 / 1920 * 100vw)}
  .civil-pc-success-widget .civil-main-success-lawyers b small{font-size:calc(11.7 / 1920 * 100vw)}
  .civil-pc-success>.civil-pc-more{bottom:calc(63 / 1920 * 100vw);min-width:calc(320 / 1920 * 100vw);height:calc(55 / 1920 * 100vw);font-size:calc(22 / 1920 * 100vw);font-weight:700}

  /* Sections 06-07: tighten only outer vertical spacing; preserve card/list geometry. */
  .civil-pc-media{height:calc(799.3 / 1920 * 100vw);padding:calc(70 / 1920 * 100vw) 0;gap:calc(67 / 1920 * 100vw)}
  .civil-pc-consult{height:calc(799.3 / 1920 * 100vw);padding:calc(92.778 / 1920 * 100vw) 0;gap:calc(48 / 1920 * 100vw)}
  .civil-pc-consult-head{transform:scale(.8);transform-origin:center top;margin-bottom:calc(-13.4 / 1920 * 100vw)}
  .civil-pc-consult-grid{transform:scale(.8);transform-origin:center top;margin-bottom:calc(-128.036 / 1920 * 100vw)}

  /* Section 06 cards: keep the proven carousel geometry and scale only the cards. */
  .civil-pc-media-row.is-news{height:calc(341.1 / 1920 * 100vw)}
  .civil-pc-media-row.is-youtube{height:calc(251.2 / 1920 * 100vw)}
  .is-news .civil-media-card{width:calc(405 / 1920 * 100vw);height:calc(379 / 1920 * 100vw);margin-right:calc(-40.5 / 1920 * 100vw);border-radius:calc(21.6 / 1920 * 100vw);transform:scale(.9);transform-origin:left top}
  .is-news .civil-media-card>img:not(.civil-media-play){position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center top;background:transparent}
  .is-news .civil-media-card:hover>img:not(.civil-media-play){height:100%;object-fit:cover}
  .is-news .civil-media-play{display:none!important}
  .is-news .civil-media-card-copy{z-index:1;height:calc(126 / 1920 * 100vw);padding:calc(13.5 / 1920 * 100vw);gap:calc(12.6 / 1920 * 100vw)}
  .is-news .civil-media-card::before,.is-news .civil-media-card::after,.is-news .civil-media-card-copy::before,.is-news .civil-media-card-copy::after{display:none!important;content:none!important;background:none!important}
  .civil-media-card-copy strong{min-height:calc(61.2 / 1920 * 100vw);font-size:calc(21.6 / 1920 * 100vw)}
  .civil-media-card-copy span{font-size:calc(14.4 / 1920 * 100vw)}
  .is-youtube .civil-media-card{width:calc(558 / 1920 * 100vw);height:calc(313.875 / 1920 * 100vw);margin-right:calc(-111.6 / 1920 * 100vw);transform:scale(.8);transform-origin:left top}
  .is-youtube .civil-media-play{width:calc(63 / 1920 * 100vw);height:calc(63 / 1920 * 100vw)}

  /* Full-viewport white fade sits above the conveyor and below the heading. */
  .civil-pc-family::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:3;height:calc(230 / 1920 * 100vw);pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.18) 35%,rgba(255,255,255,.78) 78%,#fff 100%)}
}