@charset "UTF-8";

/* ===== 기본 ===== */
:root{
  --base:#141120;
  --gold:#c99e38;
  --gold-l:#eac161;
}
html,body,h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form,fieldset,legend,input,select,textarea,button,label,address,img,a,header,main,section,nav,article,footer,div,span{margin:0;padding:0}
*,*::before,*::after{box-sizing:border-box}
img,fieldset{border:0 none}
html,body{font-size:62.5%;-webkit-text-size-adjust:none}
ol,ul,li,dl,dd,dt{list-style:none}
a{text-decoration:none;color:inherit}
button{border:0;background:none;cursor:pointer;font:inherit;color:inherit}
img{max-width:100%}
body,h1,h2,h3,h4,h5,h6,input,select,textarea,button{
  font-family:'SUIT Variable','Pretendard',sans-serif;font-size:1.8rem;word-break:keep-all;
  color:var(--base);line-height:normal;font-weight:400;font-style:normal;letter-spacing:-0.04em;
}
html,body{height:100%;overflow:hidden}
body.pop-open{overflow:hidden}
.a11y{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.mo-br{display:none}
.pc-br{display:block}
.mo-only{display:none}

/* ===== 애니메이션 ===== */
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}
@keyframes right_ani{0%{transform:translateX(-10px) translateY(-50%)}50%{transform:translateX(0) translateY(-50%)}100%{transform:translateX(-10px) translateY(-50%)}}
@keyframes scroll_down{0%{opacity:0}10%{transform:translateY(0);opacity:1}100%{transform:translateY(8px);opacity:0}}
@keyframes updown{0%{transform:translateY(0)}10%{transform:translateY(0)}30%{transform:translateY(-15px)}50%{transform:translateY(0)}60%{transform:translateY(-2px)}70%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes ani_blink{50%{opacity:0}}

/* ===== 공통 레이아웃 ===== */
.wrapin{position:relative;margin:0 auto}
.box1600{max-width:160rem;margin:0 auto}
.box1600::after{content:"";display:block;visibility:hidden;clear:both;height:0}

.head-block{position:relative;z-index:2;overflow:hidden}
.head-block.center{text-align:center}
.head-eng{color:var(--gold-l);font-size:1.8rem;font-weight:600;line-height:1;letter-spacing:0;padding-bottom:1.8rem}
.head-kr{color:#fff;font-size:5rem;line-height:1.2;margin-bottom:6rem}
.head-kr b{font-weight:800}
.head-kr.dark{color:var(--base)}
.head-eng span,.head-kr p,.head-kr span{display:block}
.panel.is-active .head-eng span{animation:fadeInUp .7s;animation-delay:.1s;animation-fill-mode:both}
.panel.is-active .head-kr p,.panel.is-active .head-kr span{animation:fadeInUp .9s;animation-delay:.2s;animation-fill-mode:both}
.panel.is-active .head-kr p:nth-child(2){animation-delay:.3s}
.panel.is-active .head-kr p:nth-child(3){animation-delay:.4s}
.panel.is-active .head-kr p:nth-child(4){animation-delay:.5s}

.btn-line{display:inline-block;position:relative;padding:2rem 3.5rem;border:1px solid rgba(255,255,255,.5);transition:all .3s ease-in-out}
.btn-line>span{position:relative;font-size:2rem;padding-right:5rem;color:#fff}
.btn-line>span::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1rem;height:1.8rem;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cpath d='M1 1l7 8-7 8' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
  animation:right_ani 1.3s ease infinite}
.btn-line:hover{background-color:var(--gold);border-color:var(--gold)}

/* ===== 헤더 ===== */
#topbar{position:fixed;width:100%;left:0;top:0;z-index:50;transition:all .8s;height:10.1rem}
#topbar::after{content:"";width:100%;display:block;position:absolute;left:0;top:10rem;opacity:.2;z-index:10;height:1px}
.topbar-row{position:relative;height:10rem;overflow:hidden;transition:all .5s}
.topbar-inner{position:relative;display:flex;align-items:center;height:10rem;margin:0 auto}

#brand{margin-left:2rem;width:21rem;transition:all .5s}
.brand-link{position:relative;display:flex;align-items:center;width:100%;gap:.8rem}
.brand-mark{display:block;width:4.6rem;height:3.4rem;flex:0 0 4.6rem}
.brand-mark svg{display:block;width:100%;height:100%;stroke:#fff}
.brand-txt{display:block;line-height:1}
.brand-name{display:block;font-size:1.7rem;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-0.05em}
.brand-sub{display:block;font-size:1.05rem;font-weight:500;color:#fff;letter-spacing:.28em;padding-top:.3rem}

.gnb{width:calc(100% - 37rem)}
.gnb-list{display:flex;justify-content:center}
.gnb-list>li{position:relative}
.gnb-list>li>a{width:17rem;height:10rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#fff;transition:all .8s}
.gnb-list>li:hover>a{background:#64573a;color:#fff!important}
.gnb-list>li:hover .gnb-sub{background:#64573a}
.gnb-list>li:hover .gnb-sub>li>a{color:#fff}
.gnb-sub{z-index:101;height:600px;padding-top:3rem;position:absolute;left:0;top:100%;width:100%;text-align:center;transition:all .8s}
.gnb-sub>li{margin-bottom:1.2rem}
.gnb-sub>li:last-child{margin-bottom:0}
.gnb-sub>li>a{font-size:1.6rem;font-weight:500;color:#666}
.gnb-sub>li>a span{display:inline-block;position:relative}
.gnb-sub>li>a span::after{content:"";width:0;height:1px;background:#fff;opacity:.5;display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:-2px;transition:all .5s}
.gnb-sub>li:hover>a span::after{width:100%}

#topbar.is-hover{background:#fff;height:30rem;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}
#topbar.is-hover::after{background:#eee;opacity:1;transition:all .5s}
#topbar.is-hover .topbar-row{height:36rem}
#topbar.is-hover .gnb-list>li>a{color:var(--base)}
#topbar.is-hover .brand-mark svg,#topbar.is-dark .brand-mark svg{stroke:var(--base)}
#topbar.is-hover .brand-name,#topbar.is-hover .brand-sub,
#topbar.is-dark .brand-name,#topbar.is-dark .brand-sub{color:var(--base)}
#topbar.is-dark .gnb-list>li>a{color:var(--base)}
#topbar.is-hidden{display:none}

.family{position:absolute;right:3rem;top:3.4rem;transition:all .5s;z-index:60;width:18rem}
.family-btn{position:relative;background:rgba(0,0,0,.5);cursor:pointer;z-index:61}
.family-btn>span{position:relative;display:block;color:#fff;font-size:1.4rem;font-weight:500;line-height:3.6rem;padding:0 4rem 0 2rem}
.family-btn>span::after{content:'';position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.2rem;height:.6rem;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 6'%3E%3Cpath d='M1 1l5 4 5-4' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center}
.family-menu{position:absolute;right:0;opacity:0;width:100%;padding:.5rem 1rem;border-radius:0 0 .5rem .5rem;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);visibility:hidden;transition:.3s}
.family-menu.is-open{opacity:1;visibility:visible}
.family-menu>ul li{width:100%}
.family-menu>ul li+li{border-top:1px solid #ddd}
.family-link{display:block;height:100%;padding:1rem .5rem 1rem 4rem;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cg fill='none' stroke='%23c99e38' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 5.5V28.5'/%3E%3Cpath d='M5.5 5.5H14A11.5 11.5 0 0 1 14 28.5H5.5'/%3E%3Cpath d='M20.5 8.5 25.6 16 30.7 8.5'/%3E%3Cpath d='M25.6 16V25.5'/%3E%3C/g%3E%3C/svg%3E") no-repeat .5rem center;background-size:2.8rem}
.family-link>p{line-height:1}
.family-link>.fl-1{font-size:1.3rem;font-weight:500}
.family-link>.fl-2{font-size:1.2rem;color:#666;letter-spacing:0;padding-top:.2rem}

/* 모바일 헤더 */
.burger-wrap{display:none;width:4.5rem;height:4rem;position:fixed;right:2rem;top:4rem;z-index:80}
.burger{display:block;width:100%;height:100%;padding:0}
.burger-bars{display:block;position:relative;width:100%;height:100%}
.burger-bars span{display:block;position:relative;width:100%;height:2px;background:#fff;margin-bottom:1rem}
.burger.is-x .burger-bars span{margin-bottom:0;position:absolute;left:2.4rem;top:1rem;transform:translate(-50%,-50%) rotate(-45deg)}
.burger.is-x .burger-bars span:nth-child(2){opacity:0}
.burger.is-x .burger-bars span:nth-child(3){top:1.2rem;transform:translate(-50%,-50%) rotate(45deg)}
#topbar.is-dark .burger-bars span{background:#111}
.burger.is-x .burger-bars span,#topbar.is-dark .burger.is-x .burger-bars span{background:#fff}

.drawer{position:fixed;top:0;right:-100%;width:100%;height:100%;padding:50px 20px;transition:right .3s ease-in-out;background-color:#141120;z-index:60;overflow:hidden}
.drawer.is-open{right:0}
#dimmed{position:fixed;top:0;left:0;z-index:30;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.drawer-inner{position:relative;width:94%;height:92%;margin:10rem auto 0;overflow:auto}
.acc{position:relative;width:94%;margin:0 auto}
.acc-head{display:block;padding:2rem 3rem;position:relative;font-size:2.4rem;font-weight:500;color:#fff;transition:ease-in-out .2s all;cursor:pointer}
.acc-head:hover{color:var(--gold-l)}
.acc-head::before,.acc-head::after{content:'';position:absolute;height:1px;transition:ease-in-out .6s all;bottom:0;left:0}
.acc-head::before{width:100%;background-color:rgba(255,255,255,.3)}
.acc-head::after{background-image:linear-gradient(90deg,#52616b,#c9d6df);width:0}
.acc-head:hover::after,.acc-head.is-open::after{width:100%}
.acc-icon{float:right;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;position:relative}
.acc-icon::before,.acc-icon::after{content:'';position:absolute;background-color:#ddd;transition:ease .3s all}
.acc-icon::before{width:1px;height:2.4rem}
.acc-icon::after{width:2.4rem;height:1px}
.acc-icon.is-turn::before{transform:rotate(90deg)}
.acc-body{opacity:0;height:0;position:relative;transition:all .6s cubic-bezier(.42,.2,.08,1);overflow:hidden;border-bottom:1px solid rgba(255,255,255,.3)}
.acc-body li{padding:0 2rem}
.acc-body li a{display:block;line-height:2}
.acc-body li a span{font-size:1.8rem;color:rgba(255,255,255,.7);padding-left:.5rem}
.acc-body.is-show{opacity:1;height:auto;padding:2rem 0;position:relative;z-index:0}

/* ===== 페이지 래퍼 ===== */
#pager{position:relative;transform:translate3d(0,0,0);transition:transform .7s cubic-bezier(.4,0,.2,1);will-change:transform}
.panel{position:relative;display:block;width:100%;height:100vh;color:#fff;background-size:cover;background-position:center;overflow:hidden}
.panel-cell{display:block;height:100%;width:100%}
.panel-foot{height:auto}

/* ===== 좌측 도트 ===== */
.pager-dots{position:fixed;left:.5rem;top:50%;transform:translateY(-50%);z-index:100}
.pager-dots ul li{position:relative;width:14px;height:14px;margin:15px}
.pager-dots ul li:last-child{display:none}
.pager-dots ul li a{position:relative;display:block;width:100%;height:100%;z-index:1}
.pager-dots ul li a span{position:absolute;top:7px;left:7px;width:4px;height:4px;margin:-2px 0 0 -2px;background:#c2c2c2;opacity:.5;border-radius:50%;transition:.1s ease-in-out}
.pager-dots ul li a.is-on span{width:12px;height:12px;margin:-6px 0 0 -6px;background:#d7b25c;opacity:1;border-radius:100%}

/* ===== 상단 이동 ===== */
.to-top{display:none;position:fixed;right:0;bottom:0;width:5rem;height:5rem;cursor:pointer;background:rgba(0,0,0,.4);z-index:100;transition:all .5s ease-in-out}
.to-top.is-show{display:block}
.to-top::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1.8rem;height:2.1rem;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 21'%3E%3Cpath d='M9 20V2M2 9l7-7 7 7' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") no-repeat center}
.to-top:hover{background:var(--gold-l)}

/* ===== 모바일 전화 ===== */
.mo-call{display:none;position:fixed;right:2vw;bottom:24vw;z-index:50;animation:updown 1.5s infinite cubic-bezier(.28,.84,.42,1)}
.mo-call>a{display:block;width:12.9375vw;height:12.9375vw;border-radius:50%;overflow:hidden;background:rgba(201,158,56,.8)
  url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 006.6 6.6l2.2-2.2a1 1 0 011-.24 11.4 11.4 0 003.6.58 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1 11.4 11.4 0 00.58 3.6 1 1 0 01-.25 1z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;background-size:50%}

/* ===== 1. 히어로 ===== */
.panel-hero{height:100vh!important;background-color:#000}
.hero-in{position:relative;height:100%;overflow:hidden}
.scroll-cue{position:absolute;bottom:5rem;left:4rem;width:1.4rem;height:2.2rem;border:2px solid rgba(255,255,255,.7);border-radius:.65rem;z-index:20}
.scroll-cue::before{content:'';position:absolute;top:.3rem;left:50%;width:.2rem;height:.5rem;background:#fff;animation:scroll_down 1s cubic-bezier(.15,.41,.69,.94) infinite}
.scroll-cue span{display:block;position:absolute;top:-5rem;left:-2.3rem;color:rgba(255,255,255,.6);font-size:1.3rem;font-weight:700;transform:rotate(-90deg);letter-spacing:.1rem}

.hero-copy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 0 3rem rgba(0,0,0,.35);width:100%;z-index:10}
.hero-copy p{color:#fff;font-size:4.8rem;font-weight:700;text-align:center;overflow:hidden}
.hero-copy p.hero-c{font-size:3.4rem;padding-top:1rem}
.hero-copy span{display:inline-block}
.hero-b p{font-size:8.8rem;font-weight:800;display:flex;justify-content:center;align-items:center;gap:2rem}
.hero-b i{color:var(--gold-l);font-style:normal}
.hero-mark{width:16.9rem;height:8.9rem;display:block}
.hero-mark svg{display:block;width:100%;height:100%}
.panel-hero.is-active .hero-a span{animation:fadeInDown .8s;animation-fill-mode:both}
.panel-hero.is-active .hero-b p span{animation:fadeInUp 1.5s;animation-delay:.2s;animation-fill-mode:both}
.panel-hero.is-active .hero-c span{animation:fadeInUp 1.5s;animation-delay:.5s;animation-fill-mode:both}

.hero-media{position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100%}
.hero-media::after{content:'';position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35);z-index:9}
#heroVideo{position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100%;background:#000;object-fit:cover;min-width:100%;min-height:100%}

/* ===== 2. 업무분야 ===== */
.panel-field{background-image:url(assets/bg-field.jpg)}
.panel-field .wrapin{margin-top:18rem}
.field-area{width:100%}
.field-list{display:flex;flex-wrap:wrap;gap:2rem}
.field-list li{width:calc((100% - 10rem) / 6);border:1px solid rgba(255,255,255,.3);height:14.5rem;background-color:rgba(0,0,0,.1);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:all .5s ease-in-out}
.field-list li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:.4s}
.field-list li a span{position:relative;display:inline-block;color:#fff;font-size:2.8rem;font-weight:700;word-break:break-all;transition:.4s}
.field-list li a span::after{content:'';position:absolute;top:50%;transform:translateY(-50%);right:0;width:0;height:1.8rem;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cpath d='M1 1l7 8-7 8' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") no-repeat center}
.field-list li:hover{background-color:rgba(160,130,58,.8);border-color:var(--gold)}
.field-list li:hover a span{padding-right:2.5rem}
.field-list li:hover a span::after{width:1rem;animation:right_ani 1.3s ease infinite}

/* ===== 3. 유튜브 ===== */
.panel-tube{background-image:url(assets/bg-youtube.jpg)}
.panel-tube .wrapin{padding-top:18rem}
.tube-head{padding-bottom:6rem}
.tube-head .head-eng,.tube-head .head-kr{color:#111;line-height:1.4;letter-spacing:-.06em}
.tube-head .head-eng{font-size:4rem;padding-bottom:.4rem}
.tube-head .head-kr{font-size:4.6rem;margin-bottom:0}
.tube-head .head-kr .i-tube{display:inline-block;position:relative;font-weight:800;padding-left:7rem;font-style:normal}
.tube-head .head-kr .i-tube::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6rem;height:4.2rem;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 42'%3E%3Crect width='60' height='42' rx='11' fill='%23ff0000'/%3E%3Cpath d='M24 13l15 8-15 8z' fill='%23fff'/%3E%3C/svg%3E") center / 100% no-repeat}
.tube-head .head-kr>p{display:inline-block}
.tube-head .head-kr>p:last-child{margin-left:1.5rem}

.tube-wrap{position:relative;padding-top:1rem}
.tube-wrap .car-view{width:90%;margin:0 auto}
.tube-thumb{position:relative;padding-bottom:56.25%;overflow:hidden;display:block;background:#000}
.tube-thumb img{position:absolute;left:50%;top:0;transform:translateX(-50%);width:100%;height:100%;object-fit:cover}
.tube-bar{position:absolute;left:0;top:0;right:0;height:5.6rem;display:flex;align-items:center;gap:.8rem;padding:0 1.2rem;
  background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,0));z-index:3}
.tube-ava{display:block;width:2.8rem;height:2.8rem;border-radius:50%;background:#3b3b3b;flex:0 0 2.8rem}
.tube-bar b{font-size:1.3rem;font-weight:600;color:#fff;letter-spacing:-.02em}
.tube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6.8rem;height:4.8rem;border-radius:1.2rem;background:rgba(255,0,0,.92);z-index:3}
.tube-play::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);border-left:1.7rem solid #fff;border-top:1.05rem solid transparent;border-bottom:1.05rem solid transparent}
.card-link{position:absolute;left:0;right:0;top:0;bottom:0;z-index:10}
.tube-txt{padding:.5rem 0 2rem}
.tube-txt>p{color:#111;font-size:2rem;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:1rem;overflow:hidden}

.tube-wrap .car-ctrl{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none}
.tube-wrap .car-prev,.tube-wrap .car-next{position:absolute;width:2.4rem;height:3.7rem;background:center/100% no-repeat;top:43%;opacity:.8;z-index:11;pointer-events:auto;margin-top:-1.85rem}
.tube-wrap .car-prev{left:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 37'%3E%3Cpath d='M20 2L5 18.5 20 35' fill='none' stroke='%23111' stroke-width='3.5'/%3E%3C/svg%3E")}
.tube-wrap .car-next{right:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 37'%3E%3Cpath d='M4 2l15 16.5L4 35' fill='none' stroke='%23111' stroke-width='3.5'/%3E%3C/svg%3E")}
.tube-wrap .car-dots{position:absolute;left:0;right:0;bottom:-3rem;display:flex;justify-content:center;align-items:center;pointer-events:auto}
.tube-wrap .car-dots button{width:11px;height:11px;margin:0 6px;border-radius:50%;background:#000;opacity:.2}
.tube-wrap .car-dots button.is-on{background:var(--gold);opacity:1}

.tube-more{text-align:center;padding-top:8rem}
.tube-more>a{display:inline-block;border:1px solid rgba(0,0,0,.3);padding:1.5rem 4rem;transition:.4s}
.tube-more>a>span{position:relative;color:#111;font-size:2.2rem;padding-left:4rem}
.tube-more .i-tube-s{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:30px;height:21px;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 42'%3E%3Crect width='60' height='42' rx='11' fill='%23ff0000'/%3E%3Cpath d='M24 13l15 8-15 8z' fill='%23fff'/%3E%3C/svg%3E") center/100% no-repeat}
.tube-more>a:hover{background-color:rgba(162,123,30,.8);border-color:rgba(162,123,30,.8)}
.tube-more>a:hover>span{color:#fff}

/* ===== 4. 감사후기 ===== */
.panel-review{background-image:url(assets/bg-review.jpg)}
.panel-review .wrapin{padding-top:18rem}
.review-head{padding-bottom:6rem}
.review-head .head-eng,.review-head .head-kr{letter-spacing:-.06em}
.review-head .head-kr{font-size:4.6rem;margin-bottom:0;line-height:1.4}
.review-head .head-kr>p{display:inline-block}

.review-wrap{position:relative;padding-top:1rem}
.review-wrap .car-view{width:90%;margin:0 auto}
.review-wrap .car-item{background:#fff;transition:.5s;position:relative}
.rv-thumb{position:relative;height:24rem;overflow:hidden;display:block}
.rv-thumb>img{width:100%;height:100%;object-fit:cover;min-height:100%;transition:.5s}
.rv-txt{padding:2rem 3rem 4rem}
.rv-txt>p{color:#111;font-size:2rem;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-top:1rem;overflow:hidden}
.review-wrap .car-ctrl{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none}
.review-wrap .car-prev,.review-wrap .car-next{position:absolute;width:2.4rem;height:3.7rem;background:center/100% no-repeat;top:43%;opacity:.8;z-index:11;pointer-events:auto;margin-top:-1.85rem}
.review-wrap .car-prev{left:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 37'%3E%3Cpath d='M20 2L5 18.5 20 35' fill='none' stroke='%23fff' stroke-width='3.5'/%3E%3C/svg%3E")}
.review-wrap .car-next{right:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 37'%3E%3Cpath d='M4 2l15 16.5L4 35' fill='none' stroke='%23fff' stroke-width='3.5'/%3E%3C/svg%3E")}
.review-wrap .car-dots{position:absolute;left:0;right:0;bottom:-6rem;display:flex;justify-content:center;align-items:center;pointer-events:auto}
.review-wrap .car-dots button{width:11px;height:11px;margin:0 6px;border-radius:50%;background:#fff;opacity:.5}
.review-wrap .car-dots button.is-on{background:var(--gold);opacity:1}

.review-more{text-align:center;padding-top:10rem}
.review-more>a{display:inline-block;border:1px solid rgba(255,255,255,.3);padding:1.5rem 4rem;transition:.4s}
.review-more>a>span{position:relative;font-size:2.2rem;padding-right:5rem;color:#fff}
.review-more>a>span::after{content:'';position:absolute;top:50%;transform:translateY(-50%);right:0;width:1rem;height:1.8rem;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cpath d='M1 1l7 8-7 8' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;animation:right_ani 1.3s ease infinite}
.review-more>a:hover{background-color:rgba(162,123,30,.8);border-color:rgba(162,123,30,.8)}

/* ===== 5. 성공사례 ===== */
.panel-case{background-color:#1d1c22;background-image:url(assets/bg-success.jpg)}
.panel-case .wrapin{margin-top:18rem}
.case-head .head-kr{margin-bottom:2rem}
.case-search{margin:0 auto 1rem}
.cs-box{margin:0 auto;text-align:center}
.cs-form{display:flex;align-items:center;justify-content:center}
.cs-input{display:inline-block;width:calc(80rem - 6rem)}
.cs-input input[type=text]{width:100%;padding:0 3rem;line-height:6rem;height:6rem;font-size:1.8rem;border:0}
.cs-btn{position:relative;background:var(--gold);width:6rem;height:6rem;text-indent:-999999px}
.cs-btn::after{content:'';position:absolute;left:0;top:0;bottom:0;right:0;background-size:3rem;background-repeat:no-repeat;background-position:center;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='13' cy='13' r='9' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3Cpath d='M20 20l7 7' stroke='%23fff' stroke-width='2.4'/%3E%3C/svg%3E")}
.cs-tags{display:block;margin:2rem auto 0;max-width:88%}
.cs-tags a{display:inline-block;font-size:1.5rem;font-weight:500;margin:.3rem;padding:.5rem 1.5rem;border:1px solid rgba(255,255,255,.3);border-radius:50rem;color:#fff}
.cs-tags a::before{content:"#";display:inline-block}

.case-wrap{position:relative;overflow:hidden;padding-top:5rem}
.case-wrap .car-view{overflow:visible}
.case-wrap .car-item{background:#fff;height:30rem;transition:.5s;position:relative}
.case-link{display:block;padding:3rem;height:100%}
.case-top{display:flex;justify-content:space-between;gap:1rem}
.case-res{background:var(--gold);color:#fff;font-size:1.8rem;font-weight:800;line-height:2.8rem;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.case-cat{color:var(--gold);font-size:1.8rem;font-weight:800;line-height:2.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.case-txt{margin-top:2.6rem}
.case-txt>h4{font-size:2.2rem;font-weight:700;color:var(--base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:.5s;margin-bottom:1rem}
.case-desc{font-size:1.6rem;font-weight:500;color:#666;line-height:1.3;margin-bottom:3rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-all;transition:.5s}
.case-lawyers{position:absolute;bottom:3rem;left:3rem}
.case-ava{display:inline-block;width:6rem;height:6rem;background:#a5a5a5;border-radius:50%;margin-right:.5rem;overflow:hidden;vertical-align:middle}
.case-ava img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;padding-top:.5rem}
.case-wrap .car-item:hover,.case-wrap .car-item.is-active{background:#8c7a50}
.case-wrap .car-item:hover .case-res,.case-wrap .car-item.is-active .case-res{background:#fff;color:var(--gold)}
.case-wrap .car-item:hover .case-cat,.case-wrap .car-item.is-active .case-cat,
.case-wrap .car-item:hover .case-txt>h4,.case-wrap .car-item.is-active .case-txt>h4,
.case-wrap .car-item:hover .case-desc,.case-wrap .car-item.is-active .case-desc{color:#fff}
.case-wrap .car-prev,.case-wrap .car-next{position:absolute;width:2rem;height:1.8rem;background-size:100%;z-index:11;top:1rem}
.case-wrap .car-prev{left:auto;right:4.3rem;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M19 9H1M8 2L1 9l7 7' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center}
.case-wrap .car-next{right:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M1 9h18M12 2l7 7-7 7' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center}
.case-wrap .car-dots{display:none}

/* ===== 6. 전담그룹 ===== */
.panel-group{background-image:url(assets/bg-group.jpg)}
.panel-group .wrapin{margin-top:18rem}
.group-area{position:relative}
.group-box{padding-top:5rem}
.group-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3rem}
.group-list li{border:1px solid rgba(255,255,255,.5);width:calc((100% - 12rem) / 5);height:42rem;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);transition:all .5s ease-in-out}
.group-list li a{position:relative;display:block;text-align:center;width:100%;height:100%;z-index:1;transition:all .8s ease-in-out}
.gr-tit{padding:7rem 0 6rem;color:#fff}
.gr-tit>span{font-size:2rem;transition:all .4s ease-in-out}
.gr-tit>h3{color:#fff;font-size:3rem;font-weight:500;transition:all .4s ease-in-out}
.gr-tit>h3>b{font-weight:800}
.gr-tx{color:#fff;font-weight:600}
.gr-img{width:9.9rem;height:7.4rem;margin:0 auto}
.gr-img svg{display:block;width:100%;height:100%}
.gr-bt{border:1px solid rgba(255,255,255,.5);padding:1.6rem 0;width:80%;margin:5rem auto 0;transition:all .4s ease-in-out}
.gr-bt>span{position:relative;display:inline-block;padding-right:5rem;font-size:2rem}
.gr-bt>span::after{content:'';position:absolute;top:50%;transform:translateY(-50%);right:0;width:1rem;height:1.8rem;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cpath d='M1 1l7 8-7 8' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;animation:right_ani 1.3s ease infinite}
.group-list li a:hover .gr-bt{background-color:rgba(162,123,30,.8);border-color:rgba(162,123,30,.8)}

/* ===== 7. 구성원 ===== */
.panel-member{position:relative;overflow:hidden;background:#4a4539}
.member-bgtext{position:absolute;left:0;top:43%;overflow:hidden}
.member-bgtext>span{display:block;color:#5b5039;font-size:11.4583vw;font-weight:100;text-transform:uppercase;font-style:italic;text-overflow:ellipsis;white-space:nowrap}
.panel-member .wrapin{margin-top:18rem}
.panel-member .wrapin.member-hold{position:absolute;bottom:0;left:0;right:0;margin-top:0}
.member-area{position:relative;height:100%;width:100%;overflow:hidden;z-index:1}
.member{display:flex;height:66rem}
.member-pic{width:50%;text-align:right;padding-top:2rem}
.member-pic>img{width:52.3rem;max-width:52.3rem;height:auto;display:inline-block;vertical-align:top}
.member-txt{width:50%;position:relative}
.member-box{position:absolute;bottom:11rem;left:0;padding-left:8rem;width:100%}
.member-name{font-size:1.8rem;font-weight:300;line-height:1;margin-bottom:3rem;color:#fff}
.member-name>span{display:inline-block;padding-right:.5rem;font-size:3.6rem;font-weight:700}
.member-cmt{font-size:2.4rem;line-height:1.3;margin-bottom:6rem;color:#fff}
.member-box .btn-line{padding:1.8rem 5rem}
.member-molink{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;display:none}
.member-area .car-frac{position:absolute;left:0;right:0;bottom:3rem;text-align:center;color:#8c836e;font-size:1.8rem;z-index:11}
.member-area .car-cur{color:#fff}
.member-area .car-prev,.member-area .car-next{position:absolute;width:2rem;height:1.8rem;top:auto;bottom:3rem;background-size:100%;z-index:11}
.member-area .car-prev{left:auto;right:calc(50% + 4rem);background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M19 9H1M8 2L1 9l7 7' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center}
.member-area .car-next{left:calc(50% + 4rem);background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M1 9h18M12 2l7 7-7 7' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center}

/* ===== 8. 경쟁력 ===== */
.panel-strength{background:#fff;overflow:hidden}
.panel-strength .wrapin{margin-top:18rem}
.strength-mark{position:absolute;bottom:-8.5rem;left:calc(50% - 12rem);width:96.3rem;opacity:.15}
.strength-mark svg{display:block;width:100%;height:auto}
.panel-strength .wrapin.strength-hold{margin:0 0 0 calc(50% - 80rem);z-index:1;overflow:hidden;max-width:none}
.strength-area{position:relative;height:100%;width:150%;overflow:hidden;z-index:1}
.strength{width:100%;display:flex}
.strength-img{width:calc(50% - 4rem)}
.strength-img img{width:100%;display:block}
.strength-txt{width:calc(50% + 4rem);color:var(--base);padding:3rem 4rem 0}
.st-eng{text-transform:uppercase;font-size:1.8rem;letter-spacing:.2rem;color:#666;font-weight:700}
.strength-txt>h3{font-size:5.8rem;font-weight:700}
.strength-txt>h3>span{font-weight:800;color:var(--gold)}
.st-tx{font-size:2.2rem;padding-top:4rem;line-height:1.4}
.strength-area .car-item{opacity:.7;transition:opacity .5s}
.strength-area .car-item.is-active{opacity:1}
.strength-btns{position:absolute;left:25%;bottom:0;z-index:11}
.strength-area .car-prev,.strength-area .car-next{position:absolute;background-size:100%;width:5rem;height:5rem;top:auto;bottom:0;left:auto}
.strength-area .car-prev{left:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Crect x='.5' y='.5' width='49' height='49' fill='none' stroke='%23ddd'/%3E%3Cpath d='M32 25H18M23 19l-6 6 6 6' fill='none' stroke='%23111' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat center}
.strength-area .car-next{left:5.5rem;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Crect x='.5' y='.5' width='49' height='49' fill='none' stroke='%23ddd'/%3E%3Cpath d='M18 25h14M27 19l6 6-6 6' fill='none' stroke='%23111' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat center}
.strength-area .car-dots{display:none}

/* ===== 9. 언론보도 ===== */
.panel-press{background:#504e4e url(assets/bg-news.jpg) no-repeat top center;background-size:cover;background-attachment:fixed}
.press-in{height:100%;display:flex;align-items:start;justify-content:flex-end;position:relative}
.press-intro{position:fixed;margin-top:24rem;left:calc(50% - 80rem);z-index:2;text-align:left;min-width:32rem}
.press-intro .head-kr{margin-bottom:1rem}
.press-intro .btn-line{padding:2rem 4rem;margin-top:8rem}
.press-scroll{width:100%;padding:18rem 0;height:100vh;overflow-y:auto}
.press-scroll::-webkit-scrollbar{width:3px}
.press-scroll::-webkit-scrollbar-track{background-color:transparent;border-radius:5px}
.press-scroll::-webkit-scrollbar-thumb{background-color:transparent;border-radius:50px}
.press-list{display:flex;flex-wrap:wrap;gap:5rem;margin-left:35%}
.press-list li{background:#fff;width:calc((100% - 50px) / 2)}
.press-list li:nth-child(even){transform:translateY(8rem)}
.press-card{display:block;width:100%;height:100%;padding:3rem;color:var(--base);transition:.5s}
.pr-cate{line-height:1;color:var(--gold);font-size:1.8rem;font-weight:700;padding-bottom:2rem}
.pr-tit{font-size:2.4rem;font-weight:700;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:3rem}
.pr-thumb{height:24rem;overflow:hidden;margin-bottom:1rem}
.pr-thumb img{width:100%;height:100%;object-fit:cover}
.pr-date{font-size:1.8rem;color:#666}
.press-card:hover{background-color:var(--gold)}
.press-card:hover .pr-cate,.press-card:hover .pr-tit,.press-card:hover .pr-date{color:#fff}

/* ===== 10. 오시는 길 ===== */
.panel-loc{background-color:#695d41}
.loc-in{margin-top:26rem;display:flex}
.map-area{width:50%;min-height:52rem}
.map-box{position:relative;width:100%;height:100%;min-height:52rem;overflow:hidden;background:#f3f1ec}
.map-img{width:100%;height:100%;object-fit:cover;display:block}
.map-info{position:absolute;left:34%;top:33%;transform:translate(-50%,-100%);background:#fff;border:1px solid #999;padding:1.2rem 2rem;text-align:center;min-width:20rem}
.mi-name{font-size:1.6rem;font-weight:700;color:#222;margin-bottom:.4rem}
.mi-addr{font-size:1.4rem;color:#444;line-height:1.35}
.map-pin{position:absolute;left:34%;top:50%;width:2.2rem;height:3rem;transform:translate(-50%,-100%);
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 30'%3E%3Cpath d='M11 0C5 0 0 4.8 0 10.8 0 19 11 30 11 30s11-11 11-19.2C22 4.8 17 0 11 0z' fill='%232f6ded'/%3E%3Ccircle cx='11' cy='11' r='4' fill='%23fff'/%3E%3C/svg%3E") no-repeat center/100%}
.map-pin-label{position:absolute;left:34%;top:50%;margin-left:1.6rem;font-size:1.3rem;color:#333;background:rgba(255,255,255,.75);padding:0 .4rem}
.map-zoom{position:absolute;right:1.6rem;top:1.6rem;width:2.8rem;background:#fff;border:1px solid #ccc;display:flex;flex-direction:column;align-items:center}
.map-zoom button{width:100%;height:2.6rem;font-size:1.6rem;color:#333;line-height:1}
.mz-bar{position:relative;display:block;width:.6rem;height:9rem;background:#e6e6e6;margin:.4rem 0}
.mz-bar i{position:absolute;left:-.5rem;top:34%;width:1.6rem;height:.6rem;background:#e8483c}
.mz-bar::after{content:'';position:absolute;left:.1rem;top:38%;width:.4rem;bottom:0;background:#2f6ded}
.map-credit{position:absolute;left:.8rem;bottom:.6rem;font-size:1.1rem;color:#555;background:rgba(255,255,255,.7);padding:0 .3rem}
.map-scale{position:absolute;right:.8rem;bottom:.6rem;font-size:1.1rem;color:#333;background:rgba(255,255,255,.7);padding:0 .6rem;border:1px solid #999;border-top:0}

.loc-cont{width:50%;padding-left:6rem;position:relative;margin:0 auto}
.loc-head{position:relative}
.loc-head .head-eng{color:var(--gold-l)}
.loc-head .head-kr{color:#fff;margin-bottom:5rem}
.loc-txt dl{display:flex;margin-bottom:.5rem}
.loc-txt dl dt,.loc-txt dl dd{color:#fff}
.loc-txt dl dt{font-weight:700;width:10rem}
/* 원본의 `.info_traffic` 배경·여백 규칙은 `.sec_5` 하위에만 걸려 있어 이 페이지에서는 적용되지 않는다. */
.loc-traffic{position:relative}
.loc-traffic p{color:#fff;padding-bottom:.5rem}
.loc-traffic p i,.loc-traffic p span{display:inline-block;font-style:normal}
.loc-traffic p i{color:#e5d7b5;font-weight:700;padding-right:.5rem}
.loc-traffic p span{background-color:#fff;border-radius:50rem;color:#695d41;padding:0 1rem;margin:0 .5rem;font-weight:500}
.loc-phone{margin-top:6rem}
.lp-info{font-size:3rem;font-weight:700;color:var(--gold-l);margin-bottom:1rem}
.lp-tel{position:relative;display:block;line-height:4rem;width:22rem}
.lp-mobile{position:relative;display:inline-block;line-height:4rem;width:22rem}
.lp-tel::before,.lp-mobile::before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.8rem;height:4rem;background-repeat:no-repeat;background-position:center}
.lp-tel::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 8a11 11 0 005 5l1.6-1.6a.8.8 0 01.8-.2 8.5 8.5 0 002.7.4.8.8 0 01.8.8V15a.8.8 0 01-.8.8A12.8 12.8 0 012.2 3 .8.8 0 013 2.2h2.6a.8.8 0 01.8.8 8.5 8.5 0 00.4 2.7.8.8 0 01-.2.8z' fill='%23eac161'/%3E%3C/svg%3E")}
.lp-mobile::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Crect x='5' y='1' width='8' height='16' rx='1.4' fill='none' stroke='%23eac161' stroke-width='1.4'/%3E%3Ccircle cx='9' cy='14.4' r='.8' fill='%23eac161'/%3E%3C/svg%3E")}
.lp-tel span,.lp-mobile span{display:inline-block;padding-left:3rem;font-size:2.4rem;font-weight:800;color:#fff}
.loc-btns{display:flex;gap:1.5rem;margin-top:2rem}
.loc-btns a{display:inline-block;padding:2rem 0;width:23rem;text-align:center}
.loc-btns a span{position:relative;display:inline-block;font-size:2.2rem;font-weight:800;padding-left:4.5rem;color:#fff}
.loc-btns a span::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:center;width:3.2rem;height:3rem}
.lb-counsel{background-color:#5a4a24}
.lb-kakao{background-color:var(--gold)}
.lb-counsel span::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 30'%3E%3Cpath d='M4 26l1.4-5.2L19.6 6.6l3.8 3.8L9.2 24.6 4 26z' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath d='M21.6 4.6l3.8 3.8' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E")}
.lb-kakao span::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 30'%3E%3Cellipse cx='16' cy='13' rx='13' ry='10.5' fill='%23fff'/%3E%3Cpath d='M11 21l-2 6 7-4.4z' fill='%23fff'/%3E%3Ctext x='16' y='16.5' font-size='7' font-weight='800' text-anchor='middle' fill='%23c99e38' font-family='sans-serif'%3ETALK%3C/text%3E%3C/svg%3E")}

/* ===== 11. 푸터 ===== */
.panel-foot{background:#141120;height:auto}
.foot-wrap{position:relative;width:100%;max-width:160rem;margin:0 auto;padding:6rem 0;text-align:left}
.foot-top{display:flex;justify-content:space-between}
.foot-box1,.foot-box2{display:flex;flex-wrap:wrap}
.foot-box1{gap:2rem}
.foot-logo{width:19.7rem;display:flex;align-items:center;gap:.8rem}
.foot-logo .brand-mark{width:3.2rem;height:3.2rem;flex:0 0 3.2rem}
.foot-logo .brand-mark svg{stroke:#fff}
.foot-logo .brand-name{font-size:1.6rem;color:#fff}
.foot-logo .brand-sub{font-size:1rem;color:#fff}
.foot-down>a{display:inline-block;padding:.8rem 1.8rem;border:1px solid rgba(255,255,255,.3);border-radius:50rem;text-align:center;transition:.4s}
.foot-down>a span{position:relative;display:inline-block;padding-right:3rem;font-size:1.6rem;font-weight:600;color:rgba(255,255,255,.8)}
.foot-down>a span::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:2rem;height:2rem;opacity:.7;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3v10M5.5 9.5L10 14l4.5-4.5M4 16.5h12' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") center/80% no-repeat}
.foot-box2{flex-direction:column;align-items:flex-end;gap:2rem}
.fs-drop{position:relative;display:inline-block}
.fs-drop button{padding:.5rem 2.5rem;border:1px solid #5b5963;border-radius:0;background-color:transparent;outline:none;color:rgba(255,255,255,.7);font-size:1.4rem;padding-right:2.4rem}
.fs-drop button::after{content:'';border-left:5px solid transparent;border-right:.5rem solid transparent;border-top:.5rem solid rgba(255,255,255,.3);display:inline-block;margin-left:4rem;margin-top:-5px;vertical-align:middle;transform:rotate(180deg)}
.fs-list{display:none;position:absolute;left:0;top:auto;bottom:100%;margin-bottom:-1px;width:100%;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;border:1px solid #5b5963;overflow:auto}
.fs-list a{padding:1rem 2rem;display:block;background-color:#141120;border-bottom:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);font-size:1.4rem;white-space:nowrap}
.fs-list a:last-child{border-bottom:none}
.fs-list a:hover{background-color:var(--gold)}
.fs-drop:hover .fs-list{display:block}
.foot-sns{display:flex;flex-wrap:wrap;gap:1rem}
.foot-sns>a{width:5rem;height:5rem;background:center/cover no-repeat;border-radius:50%}
.foot-sns .sns-kakao{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23fff'/%3E%3Cellipse cx='25' cy='23' rx='13' ry='10' fill='%23141120'/%3E%3Cpath d='M19 30l-2 6 7-4.4z' fill='%23141120'/%3E%3Ctext x='25' y='26' font-size='7' font-weight='800' text-anchor='middle' fill='%23fff' font-family='sans-serif'%3ETALK%3C/text%3E%3C/svg%3E")}
.foot-sns .sns-blog{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23fff'/%3E%3Ctext x='25' y='30' font-size='13' font-weight='800' text-anchor='middle' fill='%23141120' font-family='sans-serif'%3Eblog%3C/text%3E%3C/svg%3E")}
.foot-sns .sns-tube{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23fff'/%3E%3Crect x='11' y='16' width='28' height='18' rx='5' fill='%23141120'/%3E%3Cpath d='M22 21l9 4-9 4z' fill='%23fff'/%3E%3C/svg%3E")}
.foot-sns .sns-insta{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23fff'/%3E%3Crect x='14' y='14' width='22' height='22' rx='7' fill='none' stroke='%23141120' stroke-width='2.6'/%3E%3Ccircle cx='25' cy='25' r='6' fill='none' stroke='%23141120' stroke-width='2.6'/%3E%3Ccircle cx='32' cy='18' r='1.8' fill='%23141120'/%3E%3C/svg%3E")}
.foot-txt{position:relative;margin-top:-1rem}
.foot-meta{font-size:0}
.foot-meta li{position:relative;display:inline-block;color:rgba(255,255,255,.5);font-size:1.6rem;line-height:1.6;padding-right:1.1rem;margin-right:1rem}
.foot-meta li::after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:.1rem;height:1.4rem;background:#fff;opacity:.2}
.foot-meta li:nth-child(4)::after,.foot-meta li:last-child::after{opacity:0}
.foot-noad{position:absolute;right:21rem;top:-8.8rem;font-size:1.8rem;color:#e6b644;font-weight:500}
.foot-copy{font-size:1.6rem;margin-top:2.5rem;color:rgba(255,255,255,.5);letter-spacing:0}

/* ===== 빠른상담 ===== */
.quick-tab{position:fixed;top:50%;right:0;transform-origin:bottom right;transform:translateY(-50%);padding:3rem 0 6rem;width:5rem;background:#a27b1e;transition:.3s;z-index:10}
.quick-tab::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:3rem;width:1rem;height:1.7rem;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 17'%3E%3Cpath d='M8 1L2 8.5 8 16' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center;background-size:cover}
.quick-tab span{display:block;line-height:1;padding:.3rem 0;text-align:center;color:#fff;font-weight:700;font-size:1.8rem}
.quick.is-open .quick-tab{right:-5%}
.quick.is-open .quick-panel{right:0;box-shadow:rgba(0,0,0,.2) 0 30px 100px}
.quick-panel{position:fixed;right:-40%;top:50%;transform:translateY(-50%);background:#47392d;transition:.7s;z-index:20;width:34.18rem}
.quick-close{display:inline-block;position:absolute;background:rgba(0,0,0,.7);top:0;right:0;width:4rem;height:4rem;z-index:60}
.quick-close::before,.quick-close::after{content:"";position:absolute;top:46%;left:15%;width:70%;height:2px;background:#fff}
.quick-close::before{transform:rotate(45deg)}
.quick-close::after{transform:rotate(-45deg)}
.quick-body{padding:4rem;position:relative}
.quick-body>h4{padding:0 0 2rem;font-size:2.4rem;font-weight:700;color:#fff}
.qf-fields{position:relative;display:flex;flex-direction:column}
.qf-select{position:relative;font-size:1.6rem}
.qf-select select{background:#47392d;color:#fff;appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.4);width:100%;padding:1.5rem;font-weight:700}
.qf-arrow{position:absolute;top:50%;transform:translateY(-50%);right:1.5rem;width:1rem;height:1rem;pointer-events:none;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 3l4 4 4-4' fill='none' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat center/100% auto}
.qf-inputs input{display:block;border:1px solid rgba(255,255,255,.4);width:100%;background-color:transparent;padding:1.5rem;color:#fff;font-size:1.6rem;font-weight:400;margin-top:1rem}
.qf-inputs input::placeholder{color:rgba(255,255,255,.7)}
.qf-check{margin-top:1rem;text-align:center;display:flex;justify-content:center;align-items:center}
.qf-check input{display:none}
.qf-check label{display:flex;align-items:center;color:#fff;font-size:1.4rem;font-weight:400;padding-left:3.2rem;position:relative;cursor:pointer}
.qf-check label::after{position:absolute;content:'';width:20px;height:20px;top:50%;left:0;transform:translateY(-50%);background:#f9f9f9;border:1px solid #ddd}
.qf-check input:checked+label::after{background:var(--gold) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3C/svg%3E") no-repeat center/85%;border-color:var(--gold)}
.terms-open{color:#fff;font-size:1.4rem;font-weight:500;margin-left:10px;border-bottom:1px solid #fff}
.qf-submit{display:block;line-height:5rem;background:var(--gold);color:#fff;font-weight:700;font-size:2rem;text-align:center;margin:2rem 0 3rem;width:100%}
.quick-info{display:flex;flex-direction:column;gap:2rem}
.quick-info li{font-size:1.8rem}
.qi-tit{position:relative;color:#fff;padding-left:2.2rem}
.qi-tit::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.7rem;height:1.8rem;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 8a11 11 0 005 5l1.6-1.6a.8.8 0 01.8-.2 8.5 8.5 0 002.7.4.8.8 0 01.8.8V15a.8.8 0 01-.8.8A12.8 12.8 0 012.2 3 .8.8 0 013 2.2h2.6a.8.8 0 01.8.8 8.5 8.5 0 00.4 2.7.8.8 0 01-.2.8z' fill='%23fff'/%3E%3C/svg%3E") no-repeat}
.qi-blink{display:inline-block;padding-left:1rem;color:var(--gold-l);font-size:1.6rem;font-weight:700;animation:ani_blink 1s step-end infinite}
.qi-phone{padding-top:.5rem}
.qi-phone>a{color:#fff;font-weight:800;letter-spacing:0}
.qi-phone>i{display:inline-block;padding:0 1rem;color:#fff;font-style:normal}
.qi-kakao{background:#221c1c;text-align:center}
.qi-kakao a{position:relative;display:inline-block;color:#fff;font-weight:700;padding-left:4.2rem;line-height:6.6rem}
.qi-kakao a::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3.4rem;height:3.1rem;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 31'%3E%3Cellipse cx='17' cy='13' rx='14' ry='11' fill='%23fae100'/%3E%3Cpath d='M11 22l-2 7 8-5z' fill='%23fae100'/%3E%3Ctext x='17' y='17' font-size='8' font-weight='800' text-anchor='middle' fill='%233a1d1d' font-family='sans-serif'%3ETALK%3C/text%3E%3C/svg%3E") no-repeat}

/* ===== 진입 팝업 ===== */
.entry-pop{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:90}
.entry-pop.is-open{display:block}
.ep-dim{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:5}
.ep-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:550px;max-width:900px;z-index:10}
.ep-con{width:100%}
.ep-slider{position:relative;width:100%;height:720px}
.ep-slider .car-view{height:100%}
.ep-slider .car-track{height:100%}
.ep-slider .car-item{background:#000;height:100%;overflow:hidden;position:relative}
.ep-slider .car-item>a{display:block;width:100%;height:100%;position:relative}
.ep-bg{position:absolute;inset:0;display:block}
.ep-bg img{width:100%;height:100%;object-fit:cover;display:block}
.ep-copy{position:absolute;inset:0;display:block;padding:6rem 4rem 5rem;text-align:center}
.ep-h1{display:block;font-size:3.6rem;font-weight:800;color:#1a3fb5;line-height:1.2}
.ep-h2{display:block;font-size:2.4rem;font-weight:800;color:#111;margin-top:1.2rem}
.ep-h2 i{font-style:normal;color:#1a3fb5;padding:0 .4rem}
.ep-h2 em{font-style:normal;background:#dfe7ff;color:#d4322a;padding:0 .6rem}
.ep-body{display:block;position:absolute;left:4rem;right:4rem;bottom:12rem;font-size:1.6rem;line-height:1.75;color:#333}
.ep-body i{font-style:normal;color:#d4322a;font-weight:800}
.ep-cta{display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:4rem;width:32rem;line-height:5rem;border-radius:5rem;background:#1a56d6;color:#fff;font-size:2rem;font-weight:800}
.ep-cta i{font-style:normal;padding-left:1.6rem}
.ep-slider .car-dots{position:absolute;left:0;right:0;bottom:1rem;display:flex;justify-content:center;align-items:center;gap:1rem;z-index:10}
.ep-slider .car-dots button{width:.8rem;height:.8rem;opacity:.7;background:#fff;border-radius:50%}
.ep-slider .car-dots button.is-on{background:var(--gold)}
.ep-nav{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.ep-nav .car-prev,.ep-nav .car-next{position:absolute;top:50%;margin-top:-22px;width:27px;height:44px;pointer-events:auto;z-index:10}
.ep-nav .car-prev{left:-50px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M22 3L6 22l16 19' fill='none' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E") no-repeat center/100%}
.ep-nav .car-next{right:-50px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M5 3l16 19L5 41' fill='none' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E") no-repeat center/100%}
.ep-btns{display:flex;background:#fff}
.ep-btns>a{position:relative;display:inline-block;width:50%}
.ep-btns>a>span{display:block;color:#666;font-size:1.6rem;text-align:center;font-weight:700;padding:1rem 0}
.ep-btns>a::before{content:'';position:absolute;right:0;top:0;width:1px;height:100%;background:rgba(0,0,0,.2)}
.ep-btns>a:last-child::before{display:none}

/* ===== 약관 팝업 ===== */
.terms-pop{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:95;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.terms-pop.is-open{display:block}
.tp-dim{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:5}
.tp-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:600px;background:#fff;padding:80px 40px;z-index:10}
.tp-con p{margin-bottom:10px;font-size:1.6rem}
.tp-con .b{font-weight:700}
.tp-tit{font-size:36px;font-weight:700;color:#333;margin-bottom:20px;text-align:center}
.tp-con ul{margin:6px 0 20px 8px}
.tp-con ul li{position:relative;padding-left:15px;margin-top:10px;font-size:1.6rem}
.tp-con ul li::before{content:'';position:absolute;left:0;top:8px;background:#888;width:3px;height:3px;border-radius:50%}
.tp-close-area{position:absolute;top:20px;right:30px;width:30px;height:30px;z-index:20}
.tp-close{display:block;position:relative;width:100%;height:100%;text-indent:-99999px}
.tp-close::before,.tp-close::after{position:absolute;width:100%;height:2px;background:#444;content:'';left:0;top:14px}
.tp-close::before{transform:rotate(-45deg)}
.tp-close::after{transform:rotate(45deg)}

/* ===== 캐러셀 공통 ===== */
.car{position:relative}
.car-view{position:relative;overflow:hidden}
.car-track{display:flex;will-change:transform}
.car-item{flex:0 0 auto;position:relative}
.car.is-fade .car-track{display:block;position:relative}
.car.is-fade .car-item{position:absolute;left:0;top:0;width:100%;opacity:0;transition:opacity var(--carspeed,1.5s);pointer-events:none}
.car.is-fade .car-item.is-active{position:relative;opacity:1;pointer-events:auto;z-index:2}

/* ===== 반응형 ===== */
@media (max-width:1700px){
  .box1600{width:90%}
  .foot-wrap{width:96%}
  .press-intro{left:5%}
}
@media (max-width:1600px){
  .gnb-list>li>a{width:14rem;font-size:1.6rem}
  .foot-wrap{width:90%}
  .panel-strength .wrapin.strength-hold{margin:0 0 0 5%}
}
@media (max-width:1500px){
  .field-list li a span{font-size:2rem}
  .strength-area{width:160%}
  .strength-img,.strength-txt{width:50%}
  .st-eng{font-size:1.6rem}
  .strength-txt>h3{font-size:5.4rem}
  .st-tx{font-size:2rem}
  .strength-btns{left:27%}
}
@media (max-width:1400px){
  .gr-tit{padding:6rem 0 3rem}
  .gr-tit>h3>b{display:block}
  .panel-strength .wrapin.strength-hold{width:90%;margin:0 auto}
  .strength-area{width:100%}
  .strength-btns{left:53%}
  .press-list{gap:3rem}
}
@media (max-width:1300px){
  .gnb-list>li>a{width:12rem}
  .loc-txt dl{flex-direction:column;margin-bottom:1rem}
  .loc-traffic{width:95%}
}
@media (max-width:1200px){
  .pager-dots{display:none!important}
  .head-kr{font-size:4.2rem}
  .topbar-inner{width:92%}
  #brand{margin-left:0}
  .gnb-list{display:none}
  .burger-wrap{display:block;right:4%}
  .family{right:12rem}
  .hero-copy p{font-size:3rem}
  .hero-copy p.hero-c{font-size:2.4rem}
  .hero-b p{font-size:6rem}
  .hero-mark{width:11rem}
  .pr-tit{font-size:2.2rem}
  .pr-cate,.pr-date{font-size:1.6rem}
  .rv-thumb{height:20rem}
  .tube-head .head-eng{font-size:3.6rem}
}
@media (max-width:1180px){
  .loc-in{margin-top:14rem;flex-direction:column-reverse}
  .loc-cont,.map-area{width:100%}
  .loc-head .head-kr{margin-bottom:3rem}
  .loc-btns{margin-top:1rem}
  .lp-tel,.lp-mobile{margin-right:2rem;width:auto}
  .loc-phone{margin:2rem 0}
  .map-area,.map-box{min-height:auto;height:34rem}
}
@media (max-width:1100px){
  .foot-noad{position:relative;right:auto;top:auto;padding-top:1rem}
}
@media (max-width:1080px){
  .field-list li a span{font-size:1.8rem}
}

@media (max-width:960px){
  html,body{overflow:auto;height:auto}
  #pager{transform:none!important;transition:none}
  .panel{display:block;height:auto!important}
  .panel-cell{display:block;height:auto}
  .panel-hero{height:100vh!important}
  .panel-hero .panel-cell,.panel-hero .hero-in{height:100%}
  .mo-br{display:block!important}
  .pc-br{display:none}
  .mo-only{display:block}

  #topbar{height:15.7813vw}
  #topbar::after{top:15.625vw}
  .topbar-row{height:15.7813vw}
  .topbar-inner{height:15.7813vw}
  #brand{width:36.7813vw}
  .brand-mark{width:6vw;height:6vw;flex:0 0 6vw}
  .brand-name{font-size:3.1vw}
  .brand-sub{font-size:1.9vw}
  .family{display:none}
  .burger-wrap{width:7.6852vw;height:6.2037vw;right:4%;top:5.5vw}
  .burger-bars span{margin-bottom:1.5625vw}
  .burger.is-x .burger-bars span{left:3.75vw;top:1.5625vw}
  .burger.is-x .burger-bars span:nth-child(3){top:1.9vw}
  .drawer{padding:7.8125vw 4.6875vw}
  .drawer-inner{margin-top:15.625vw}
  .acc-head{padding:3.75vw;font-size:5.625vw}
  .acc-icon{width:3.75vw;height:3.75vw}
  .acc-icon::before{width:.1563vw;height:3.75vw}
  .acc-icon::after{width:3.75vw;height:.1563vw}
  .acc-body li{padding:0 3.125vw}
  .acc-body li a span{font-size:4.375vw;padding-left:1vw}
  .acc-body.is-show{padding:3.125vw 0}

  .head-eng{font-size:3.125vw}
  .head-kr{font-size:6.275vw;margin-bottom:7vw}
  .btn-line{padding:2.6875vw 4.6875vw}
  .btn-line>span{font-size:3.75vw;padding-right:7.8125vw}
  .btn-line>span::after{width:1.5625vw;height:2.8125vw}
  .to-top{display:none!important}
  .mo-call{display:block}

  .hero-copy{width:100%}
  .hero-copy p{font-size:6.8vw}
  .hero-copy p.hero-c{font-size:4.5vw;padding-top:2vw}
  .hero-b p{font-size:14.0625vw;display:block}
  .hero-mark{width:21vw;height:16vw;margin-left:2vw;display:inline-block;vertical-align:middle}
  .scroll-cue{display:none}

  .panel-field .wrapin{margin-top:23.4375vw;padding-bottom:23.4375vw}
  .field-area{width:90%;margin:0 auto}
  .field-list{gap:3.125vw}
  .field-list li{height:25vw;width:calc((100% - 3.125vw) / 2)}
  .field-list li a span{font-size:4.6875vw}
  .field-list li a span::after{height:2.8125vw}

  .panel-tube{background-image:url(assets/bg-youtube-mo.jpg)}
  .panel-tube .wrapin{padding:23.4375vw 0}
  .tube-head{padding-bottom:7vw}
  .tube-head .head-eng{font-size:5vw;padding-bottom:.4rem}
  .tube-head .head-kr{font-size:6.275vw}
  .tube-head .head-kr .i-tube{padding-left:10.938vw}
  .tube-head .head-kr .i-tube::before{width:9.375vw;height:6.563vw}
  .tube-head .head-kr>p:last-child{margin-left:2.344vw}
  .tube-wrap{padding-top:6vw}
  .tube-wrap .car-view{width:100%}
  .tube-txt{padding:.781vw 0 3.125vw}
  .tube-txt>p{font-size:4.6875vw;margin-top:1.563vw}
  .tube-wrap .car-prev,.tube-wrap .car-next{display:none}
  .tube-wrap .car-dots{bottom:-6vw}
  .tube-wrap .car-dots button{margin:0 4px;width:8px;height:8px}
  .tube-more{padding-top:14vw}
  .tube-more>a{padding:2.5vw 0;width:80%}
  .tube-more>a>span{font-size:3.75vw;padding-left:8vw}
  .tube-more .i-tube-s{width:6vw;height:10vw}

  .panel-review{background-image:url(assets/bg-review-mo.jpg)}
  .panel-review .wrapin{padding:23.4375vw 0}
  .review-head{padding-bottom:7vw}
  .review-head .head-kr{font-size:6.275vw}
  .review-wrap{padding-top:6vw}
  .review-wrap .car-view{width:100%}
  .rv-thumb{height:30vw}
  .rv-txt{padding:3.125vw 3.125vw 6.25vw}
  .rv-txt>p{font-size:4.6875vw;margin-top:1.563vw;-webkit-line-clamp:2}
  .review-wrap .car-prev,.review-wrap .car-next{display:none}
  .review-wrap .car-dots{bottom:-8vw}
  .review-wrap .car-dots button{margin:0 4px;width:8px;height:8px}
  .review-more{padding-top:16vw}
  .review-more>a{padding:2.5vw 0;width:80%}
  .review-more>a>span{font-size:3.75vw;padding-right:8vw}

  .panel-case{background-image:url(assets/bg-success-mo.jpg)}
  .panel-case .wrapin{width:100%;margin-top:23.4375vw;padding-bottom:15.625vw}
  .case-search{width:90%;margin-bottom:6.25vw}
  .cs-input{width:calc(100% - 9.375vw)}
  .cs-input input[type=text]{padding:0 2vw;line-height:9.375vw;height:9.375vw;font-size:3.9063vw;border-radius:0}
  .cs-btn{width:9.375vw;height:9.375vw}
  .cs-btn::after{background-size:5vw}
  .cs-tags{margin-top:1.5625vw;max-width:100%;display:none}
  .case-wrap{margin-top:8vw;padding:0 0 6vw}
  .case-wrap .car-item{height:55vw}
  .case-link{padding:4.6875vw}
  .case-res{font-size:3.5185vw;line-height:4.6875vw;padding:0 1.5625vw}
  .case-cat{font-size:3.5185vw;line-height:4.6875vw}
  .case-txt{margin-top:4.0625vw}
  .case-txt>h4{font-size:4.6875vw;margin-bottom:1.5625vw}
  .case-desc{font-size:3.5185vw;margin-bottom:4.6875vw}
  .case-lawyers{bottom:4.6875vw;left:4.6875vw}
  .case-ava{width:12.375vw;height:12.375vw;margin-right:.7813vw}
  .case-wrap .car-dots{display:flex;justify-content:center;position:absolute;left:0;right:0;bottom:0}
  .case-wrap .car-dots button{width:8px;height:8px;margin:0 4px;border-radius:50%;background:#fff;opacity:.5}
  .case-wrap .car-dots button.is-on{background:var(--gold);opacity:1}
  .case-wrap .car-prev,.case-wrap .car-next{display:none}

  .panel-group .wrapin{margin-top:23.4375vw;padding-bottom:6.25vw}
  .group-area{width:90%;margin:0 auto;padding-bottom:15.625vw}
  .group-box{padding-top:0}
  .group-list{gap:4.6875vw}
  .group-list li{width:calc((100% - 4.6875vw) / 2);height:65vw}
  .gr-tit{padding:6vw 0}
  .gr-tit>span{font-size:3.75vw}
  .gr-tit>h3{font-size:5vw}
  .gr-img{width:15.4688vw;height:11.5625vw}
  .gr-bt{padding:2.5vw 0;margin:5vw auto 0}
  .gr-bt>span{padding-right:7.8125vw;font-size:3.75vw}
  .gr-bt>span::after{width:1.5625vw;height:2.8125vw}

  .panel-member .wrapin{margin-top:23.4375vw}
  .member-bgtext{top:3%}
  .member-bgtext>span{font-size:17.6vw;font-weight:500;writing-mode:vertical-rl}
  .panel-member .wrapin.member-hold{position:relative;margin-top:0;width:100%}
  .member{flex-direction:column;height:auto}
  .member-pic{width:100%;height:116vw;padding-top:2vw;margin-left:6vw}
  .member-pic>img{width:85%;max-width:none}
  .member-txt{width:100%}
  .member-box{bottom:17.1875vw;padding:0 7vw}
  .member-name{font-size:3.5185vw;margin-bottom:4.6875vw}
  .member-name>span{padding-right:.7813vw;font-size:4.6875vw}
  .member-cmt{font-size:4.375vw;margin-bottom:9.375vw}
  .member-box .btn-line{padding:0;border:0;width:100%;text-align:right}
  .member-molink{display:block}
  .member-area .car-frac{bottom:4.6875vw}
  .member-area .car-prev,.member-area .car-next{bottom:4.6875vw}

  .panel-strength .wrapin{margin-top:23.4375vw}
  .strength-mark{bottom:-10vw;left:40%;width:67%}
  .panel-strength .wrapin.strength-hold{margin-top:0}
  .strength-area .car-view{padding-bottom:15.625vw}
  .strength{flex-direction:column}
  .strength-img,.strength-txt{width:100%}
  .strength-txt{padding:4vw 0}
  .st-eng{font-size:3.5185vw;letter-spacing:.2rem}
  .strength-txt>h3{font-size:6.8125vw;padding-top:2vw}
  .strength-txt>h3>br{display:none}
  .st-tx{font-size:3.75vw;padding-top:3.25vw}
  .strength-btns{display:none}
  .strength-area .car-dots{display:flex;justify-content:center;position:absolute;left:0;right:0;bottom:11vw}
  .strength-area .car-dots button{width:8px;height:8px;margin:0 4px;border-radius:50%;background:#111;opacity:.2}
  .strength-area .car-dots button.is-on{background:var(--gold);opacity:1}

  .panel-press{background-image:url(assets/bg-news-mo.jpg);background-attachment:scroll}
  .press-in{display:block;padding-bottom:4.6875vw}
  .press-intro{position:relative;left:auto;margin-top:23.4375vw;width:100%;text-align:center}
  .press-intro .btn-line{padding:2.6875vw 4.6875vw;margin-top:4.5vw}
  .press-scroll{width:100%;padding:15.625vw 0;height:auto;overflow:visible}
  .press-list{gap:4.6875vw;margin-left:0}
  .press-list li{width:calc((100% - 4.6875vw) / 2)}
  .press-list li:nth-child(even){transform:none}
  .press-card{padding:4.6875vw 2vw}
  .pr-cate,.pr-date{font-size:3.5185vw}
  .pr-tit{font-size:4.375vw;margin-bottom:2vw}
  .pr-cate{padding-bottom:1.4vw}
  .pr-thumb{height:24vw;margin-bottom:1.2vw}

  .loc-in{margin-top:23.4275vw;padding-bottom:6.25vw}
  .loc-head .head-eng,.loc-head .head-kr{text-align:center}
  .loc-cont{padding-left:0}
  .loc-txt dl dt{width:18.625vw}
  .loc-txt dl dt,.loc-txt dl dd,.loc-traffic p{font-size:3.5185vw}
  .loc-traffic p span{padding:0 2vw;margin:0 .5vw}
  .loc-traffic{width:100%;padding:1.5vw 0;margin:0}
  .loc-btns{gap:2vw;margin-top:3vw;flex-direction:column}
  .loc-btns a{padding:3vw 0;width:calc(100% - 1vw)}
  .loc-btns a span{font-size:3.75vw;padding-left:7.0313vw}
  .loc-btns a span::before{width:5vw;height:4.6875vw}
  .loc-phone{margin:9.375vw 0 4.6875vw}
  .lp-info{font-size:4.6875vw;margin-bottom:1.5625vw}
  .lp-tel,.lp-mobile{margin-right:3.125vw;line-height:8vw;display:inline-block}
  .lp-last{margin-right:0}
  .lp-tel span,.lp-mobile span{font-size:5vw;padding-left:4.6875vw}
  .lp-tel::before,.lp-mobile::before{width:2.8125vw;height:6.25vw;background-size:80%}
  .map-area,.map-box{height:58.5938vw;min-height:auto}

  .foot-wrap{padding:10vw 0 23vw}
  .foot-top{flex-direction:column}
  .foot-box1,.foot-box2{width:100%;gap:3.125vw}
  .foot-logo{width:36.7813vw}
  .foot-logo .brand-mark{width:6vw;height:6vw;flex:0 0 6vw}
  .foot-logo .brand-name{font-size:3.1vw}
  .foot-logo .brand-sub{font-size:1.9vw}
  .foot-down{padding:3vw 0;width:100%}
  .foot-down>a{padding:3vw 0;width:100%}
  .foot-down>a span{padding-right:6vw;font-size:4.2vw}
  .foot-down>a span::after{width:5vw;height:5vw}
  .foot-box2{align-items:flex-start;padding:4vw 0}
  .foot-select{display:none}
  .foot-sns{gap:1.563vw}
  .foot-sns>a{width:9vw;height:9vw}
  .foot-txt{margin-top:0}
  .foot-meta li{font-size:3.4375vw;padding-right:1.5625vw;margin-right:1.5625vw}
  .foot-meta li::after{display:none}
  .foot-copy{font-size:3.4375vw;margin-top:3.9063vw}
  .foot-noad{font-size:3.4375vw;position:relative;right:auto;top:auto;padding-top:3vw}

  .quick-tab{display:none}
  .quick-panel{position:fixed;right:0;left:0;bottom:0;top:auto;transform:none;width:auto;z-index:20}
  .quick-close{display:none}
  .quick-body{padding:3vw}
  .quick-body>h4{display:none}
  .qf-fields{flex-wrap:wrap;flex-direction:row}
  .qf-select{font-size:3.5185vw;width:28%}
  .qf-select select{padding:2vw 1.5vw;height:8vw;width:98%;font-size:3.5185vw}
  .qf-arrow{right:2vw}
  .qf-inputs{width:65%;display:flex;gap:2%}
  .qf-inputs input{display:inline-block;width:49%;height:8vw;padding:2vw 1.5vw;font-size:3.5185vw;margin-top:0}
  .qf-check{justify-content:flex-start;width:100%;margin-top:2vw}
  .qf-check label{font-size:3.2vw;padding-left:6vw}
  .qf-check label::after{width:4vw;height:4vw}
  .terms-open{font-size:3.2vw;margin-left:2vw}
  .qf-submit{position:absolute;right:0;top:0;line-height:1.2;font-size:3.75vw;margin:0;padding:2vw 0;width:16%}
  .quick-info{display:none}

  .ep-box{width:90%!important}
  .ep-slider{height:auto;aspect-ratio:550/720}
  .ep-nav{display:none}
  .ep-slider .car-dots{bottom:2vw}
  .ep-slider .car-dots button{width:3vw;height:3vw;margin:0 1vw}
  .ep-h1{font-size:6vw}
  .ep-h2{font-size:4vw}
  .ep-body{font-size:2.9vw;left:5vw;right:5vw;bottom:18vw}
  .ep-cta{width:70%;font-size:3.6vw;line-height:9vw;bottom:6vw}
  .ep-copy{padding:8vw 5vw}
  .ep-btns>a>span{font-size:3.5185vw;padding:2.6vw 0}

  .tp-box{padding:12.5vw 4.6875vw}
  .tp-tit{font-size:5.25vw}
  .tp-con p,.tp-con ul li{font-size:3.4375vw}
  .tp-close-area{top:2vw;right:2vw}
}

@media (prefers-reduced-motion:reduce){
  #pager{transition:none}
  .scroll-cue::before,.mo-call,.qi-blink,.btn-line>span::after,.gr-bt>span::after,.review-more>a>span::after{animation:none}
  .car-track{transition:none!important}
}