:root{
  --bg:#FAF8F4;
  --bg-alt:#F1EDE4;
  --ink:#211F1B;
  --ink-soft:#5B594F;
  --ink-faint:#918D80;
  --brass:#A9782F;
  --brass-deep:#8A611F;
  --brass-tint:#EFE3C8;
  --teal:#2F4A46;
  --line:#E3DCCC;
  --white:#FFFFFF;
  --paper:#FFFFFF;
  --footer:#211F1B;
  --footer-text:#C9C4B6;
  --radius:2px;
  --maxw:1180px;
  --serif:"Noto Serif KR",serif;
  --sans:"Noto Sans KR","Malgun Gothic",sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.7;
  -webkit-font-smoothing:antialiased;
  word-break:keep-all;overflow-wrap:break-word;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
section{padding:110px 0;}
.page-head{padding:70px 0 0;}
.kicker{display:flex;align-items:center;gap:14px;margin-bottom:22px;font-family:var(--sans);}
.kicker .no{font-size:13px;font-weight:700;color:var(--brass-deep);letter-spacing:.14em;}
.kicker .ln{width:40px;height:1px;background:var(--brass);}
.kicker .tx{font-size:13px;font-weight:600;color:var(--ink-soft);letter-spacing:.18em;text-transform:uppercase;}
h2.section-title{font-family:var(--serif);font-size:36px;font-weight:700;color:var(--ink);margin:0 0 18px;letter-spacing:-.01em;}
p.section-desc{font-size:16.5px;color:var(--ink-soft);margin:0 0 56px;max-width:640px;}
p.section-desc.desc-wide{max-width:960px;}
p.section-note{font-size:13.5px;color:var(--ink-faint);margin:-40px 0 56px;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 30px;font-weight:600;font-size:15px;cursor:pointer;border:1px solid transparent;
  transition:all .15s ease;white-space:nowrap;letter-spacing:.01em;
}
.btn-brass{background:var(--brass);color:#fff;}
.btn-brass:hover{background:var(--brass-deep);}
.btn-line{background:transparent;color:var(--ink);border-color:var(--ink);}
.btn-line:hover{background:var(--ink);color:#fff;}

/* ===== Header ===== */
header{position:sticky;top:0;z-index:1000;background:rgba(250,248,244,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;height:80px;}
.nav-logo img{height:54px;width:auto;}
.nav-menu{display:flex;align-items:center;gap:38px;}
.nav-menu a{font-size:15px;font-weight:500;color:var(--ink);position:relative;padding:4px 0;}
.nav-menu a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--brass);transition:width .2s ease;}
.nav-menu a:hover::after{width:100%;}
.nav-menu a.active{color:var(--brass-deep);font-weight:700;}
.nav-menu a.active::after{width:100%;}
.nav-right{display:flex;align-items:center;gap:16px;}
.nav-tel{font-size:14px;font-weight:600;color:var(--ink-soft);}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.hamburger span{width:22px;height:2px;background:var(--ink);}
.mobile-menu{display:none;}

/* ===== Hero (home) ===== */
.hero{position:relative;padding:52px 0 90px;overflow:hidden;background:var(--bg);}
.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;position:relative;z-index:2;}
.hero-eyebrow{font-size:13.5px;font-weight:600;color:var(--brass-deep);letter-spacing:.12em;margin-bottom:24px;display:flex;align-items:center;gap:10px;}
.hero-eyebrow::before{content:"";width:26px;height:1px;background:var(--brass);}
.hero h1{font-family:var(--serif);font-size:50px;font-weight:700;line-height:1.42;margin:0 0 26px;color:var(--ink);letter-spacing:-.01em;}
.hero h1 em{font-style:normal;color:var(--brass-deep);}
.hero p{font-size:16.5px;color:var(--ink-soft);max-width:520px;margin:0 0 40px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:60px;}
.hero-facts{display:flex;gap:0;border-top:1px solid var(--line);padding-top:28px;}
.hero-facts div{padding-right:34px;margin-right:34px;border-right:1px solid var(--line);}
.hero-facts div:last-child{border-right:none;margin-right:0;padding-right:0;}
.hero-facts b{display:block;font-family:var(--serif);font-size:24px;color:var(--ink);font-weight:700;}
.hero-facts span{font-size:12.5px;color:var(--ink-faint);}
.hero-mosaic{position:relative;display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:5px;aspect-ratio:11/8;border-radius:3px;overflow:hidden;box-shadow:0 28px 54px -18px rgba(33,31,27,.32);}
.hero-mosaic .tile{position:relative;overflow:hidden;background:var(--bg-alt);}
.hero-mosaic .tile img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(30%) sepia(8%) saturate(112%) contrast(1.05) brightness(.97);}
.hero-mosaic .tile-a{grid-column:1;grid-row:1/3;}
.hero-mosaic .tile-b{grid-column:2;grid-row:1;}
.hero-mosaic .tile-c{grid-column:3;grid-row:1;}
.hero-mosaic .tile-d{grid-column:2;grid-row:2;}
.hero-mosaic .tile-e{grid-column:3;grid-row:2;}
.hero-mosaic .tile-a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(33,31,27,0) 45%,rgba(33,31,27,.7) 100%);}
.hero-mosaic .tile-cap{position:absolute;left:18px;right:16px;bottom:16px;z-index:2;color:#fff;}
.hero-mosaic .tile-cap b{display:block;font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.42;margin-bottom:6px;}
.hero-mosaic .tile-cap span{font-size:11.5px;color:rgba(255,255,255,.85);line-height:1.5;display:block;}
.hero-quicklinks{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:1px solid var(--line);}
.hero-quicklinks a{display:flex;align-items:center;gap:14px;padding:26px 28px 0;}
.hero-quicklinks .qicon{
  width:42px;height:42px;border:1px solid var(--brass);border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.hero-quicklinks .qicon svg{width:18px;height:18px;stroke:var(--brass-deep);}
.hero-quicklinks b{display:block;font-size:14.5px;font-weight:700;color:var(--ink);margin-bottom:2px;}
.hero-quicklinks span{font-size:12.5px;color:var(--ink-faint);}

/* ===== About ===== */
.about-compact{display:flex;gap:44px;align-items:flex-start;margin-bottom:64px;}
.about-compact .photo{width:180px;flex-shrink:0;}
.about-compact .photo img{width:100%;object-fit:cover;filter:grayscale(.15);border-radius:2px;}
.about-compact .text{flex:1;padding-top:4px;}
.greeting-quote{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--ink);line-height:1.65;margin:0 0 22px;padding-left:20px;border-left:2px solid var(--brass);}
.greeting-body{font-size:15px;color:var(--ink-soft);margin:0 0 20px;}
.greeting-sign{font-size:14.5px;font-weight:600;color:var(--ink);}

.company-table{width:100%;border-collapse:collapse;margin-top:0;}
.company-table tr{border-bottom:1px solid var(--line);}
.company-table th,.company-table td{text-align:left;padding:18px 0;font-size:14.5px;font-weight:400;}
.company-table th{width:130px;color:var(--ink-faint);font-weight:600;letter-spacing:.03em;}
.company-table td{color:var(--ink);}

/* ===== Services ===== */
.services-bg{background:var(--bg-alt);}
.section-hint{margin:-38px 0 30px;font-size:13px;color:var(--ink-faint);}
.service-list{border-top:1px solid var(--line);}
.service-row{border-bottom:1px solid var(--line);}
.service-head{display:grid;grid-template-columns:70px 1fr 24px;gap:28px;align-items:center;width:100%;padding:28px 0;background:none;border:none;cursor:pointer;text-align:left;font:inherit;color:inherit;}
.service-head .idx{font-family:var(--serif);font-size:20px;color:var(--brass);font-weight:700;}
.service-head h4{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--ink);margin:0;transition:color .2s;}
.service-head .chev{position:relative;width:22px;height:22px;flex-shrink:0;}
.service-head .chev::before,.service-head .chev::after{content:"";position:absolute;top:50%;left:50%;background:var(--ink-faint);transition:transform .25s ease,opacity .25s ease;}
.service-head .chev::before{width:14px;height:1.5px;transform:translate(-50%,-50%);}
.service-head .chev::after{width:1.5px;height:14px;transform:translate(-50%,-50%);}
.service-row.open .service-head .chev::after{opacity:0;transform:translate(-50%,-50%) rotate(90deg);}
.service-row.open .service-head .chev::before{background:var(--brass-deep);}
.service-row.open .service-head h4{color:var(--brass-deep);}
.service-body{max-height:0;overflow:hidden;padding:0 0 0 98px;transition:max-height .3s ease,padding .3s ease;}
.service-row.open .service-body{max-height:300px;padding:0 0 28px 98px;}
.service-body p{font-size:14.5px;color:var(--ink-soft);margin:0;max-width:620px;line-height:1.75;}
.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:52px;}
.tag-row span{border:1px solid var(--line);color:var(--ink-soft);font-size:13.5px;font-weight:500;padding:9px 18px;background:var(--paper);}

/* ===== Necessity ===== */
.law-pull{font-family:var(--serif);font-size:23px;line-height:1.7;color:var(--ink);margin:0 0 56px;font-weight:600;max-width:840px;}
.law-pull b{color:var(--brass-deep);border-bottom:1px solid var(--brass);}
.type-defs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-bottom:56px;}
.type-defs > div{padding:30px 34px;font-size:14.5px;color:var(--ink-soft);}
.type-defs > div:first-child{border-right:1px solid var(--line);}
.type-defs dt{font-family:var(--serif);font-size:16.5px;font-weight:700;color:var(--ink);margin-bottom:12px;}
.type-defs dd{margin:0;}
.right-callout{border-left:2px solid var(--brass);background:var(--bg-alt);padding:32px 38px;}
.right-callout h4{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--ink);margin:0 0 12px;}
.right-callout p{font-size:14.5px;color:var(--ink-soft);margin:0 0 22px;line-height:1.8;}
.right-callout p b{color:var(--ink);}
.right-steps{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13.5px;font-weight:600;color:var(--ink);}
.right-steps span{background:var(--paper);border:1px solid var(--line);padding:8px 15px;}
.right-steps .arrow{color:var(--brass);font-weight:900;}

/* ===== Process ===== */
.timeline{border-top:1px solid var(--line);}
.t-step{display:grid;grid-template-columns:70px 1fr;gap:28px;padding:32px 0;border-bottom:1px solid var(--line);position:relative;}
.t-step .tn{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--ink-faint);}
.t-step.active .tn{color:var(--brass);}
.t-step h5{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--ink);margin:0 0 6px;}
.t-step p{font-size:14px;color:var(--ink-soft);margin:0;}
.process-note{margin-top:40px;font-size:13.5px;color:var(--ink-soft);border-left:2px solid var(--line);padding-left:18px;}
.process-note b{color:var(--ink);}

/* ===== Performance (stats, no photos) ===== */
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:64px;}
.stat-row div{padding:36px 30px;border-right:1px solid var(--line);}
.stat-row div:last-child{border-right:none;}
.stat-row b{display:block;font-family:var(--serif);font-size:38px;font-weight:700;color:var(--ink);}
.stat-row b em{color:var(--brass-deep);font-style:normal;}
.stat-row span{font-size:13px;color:var(--ink-faint);}
.breakdown{display:flex;flex-direction:column;gap:26px;}
.bd-row{display:grid;grid-template-columns:170px 1fr 130px;align-items:center;gap:20px;}
.bd-row .lbl{font-size:15px;font-weight:600;color:var(--ink);}
.bd-row .bar-track{height:6px;background:var(--bg-alt);position:relative;}
.bd-row .bar-fill{position:absolute;left:0;top:0;bottom:0;background:var(--brass);}
.bd-row .cnt{font-size:13.5px;color:var(--ink-faint);text-align:right;white-space:nowrap;}
.bd-examples{grid-column:1/-1;font-size:13px;color:var(--ink-faint);margin-top:-10px;padding-left:190px;}
.perf-note{margin-top:44px;font-size:13px;color:var(--ink-faint);border-left:2px solid var(--line);padding-left:18px;}

/* ===== Notice (공지사항 / 자료실) ===== */
.notice-list{border-top:1px solid var(--ink);}
.notice-row{display:flex;align-items:baseline;gap:24px;padding:20px 4px;border-bottom:1px solid var(--line);}
.notice-date{font-size:13px;color:var(--brass-deep);font-weight:600;flex-shrink:0;width:70px;}
.notice-title{font-size:15px;color:var(--ink);}
.notice-empty{margin-top:20px;font-size:13.5px;color:var(--ink-faint);}
.notice-empty.box{margin-top:0;padding:44px 24px;text-align:center;border:1px dashed var(--line);background:var(--paper);}

.resource-list{border-top:1px solid var(--ink);}
.resource-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;border-bottom:1px solid var(--line);flex-wrap:wrap;}
.resource-row .btn{flex-shrink:0;padding:9px 20px;font-size:13px;}
.resource-info b{display:block;font-size:15px;color:var(--ink);font-weight:700;margin-bottom:4px;}
.resource-info .resource-tag{display:inline-block;margin-left:8px;vertical-align:middle;font-size:10.5px;font-weight:600;color:var(--brass-deep);border:1px solid var(--brass);border-radius:20px;padding:2px 10px;}
.resource-info .resource-desc{display:block;font-size:13px;color:var(--ink-faint);}

/* ===== Why ===== */
.why-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);}
.why-item{padding:36px 34px 0 0;border-right:1px solid var(--line);}
.why-item:last-child{border-right:none;padding-right:0;}
.why-item .n{font-family:var(--serif);font-size:15px;color:var(--brass-deep);font-weight:700;letter-spacing:.06em;margin-bottom:16px;}
.why-item h4{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--ink);margin:0 0 14px;}
.why-item p{font-size:14.5px;color:var(--ink-soft);margin:0;}
.why-tagline{margin-top:60px;font-family:var(--serif);font-size:21px;font-weight:600;color:var(--ink);line-height:1.7;text-align:center;}
.why-tagline b{color:var(--brass-deep);}

/* ===== Contact ===== */
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;}
.quick-actions{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-bottom:0;}
.quick-actions a{display:flex;flex-direction:column;gap:8px;padding:26px;border-right:1px solid var(--line);}
.quick-actions a:last-child{border-right:none;}
.quick-actions a:hover{background:var(--bg-alt);}
.quick-actions b{font-family:var(--serif);font-size:16px;color:var(--ink);}
.quick-actions span{font-size:13px;color:var(--ink-soft);}
.info-list{border-top:1px solid var(--line);margin-top:0;}
.info-list li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14.5px;}
.info-list li b{width:88px;flex-shrink:0;color:var(--ink);font-weight:600;}
.info-list li span{color:var(--ink-soft);}

.form-card{border:1px solid var(--line);padding:38px;background:var(--paper);}
.form-card h4{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--ink);margin:0 0 6px;}
.form-card .sub{font-size:13.5px;color:var(--ink-soft);margin:0 0 26px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.form-card input,.form-card select,.form-card textarea{
  width:100%;border:1px solid var(--line);padding:13px 14px;font-size:15px;font-family:inherit;background:var(--white);color:var(--ink);
}
.form-card textarea{grid-column:1/-1;min-height:110px;resize:vertical;margin-bottom:12px;}
.form-card button{width:100%;border:none;margin-top:6px;}
.form-msg{display:none;margin-top:14px;padding:14px 16px;background:var(--brass-tint);color:var(--brass-deep);font-size:13.5px;font-weight:600;}
.form-msg.show{display:block;}
.form-msg.err{background:#fbe9e7;color:#a13a2a;}

/* ===== Map / Location ===== */
.map-wrap{border:1px solid var(--line);}
.map-wrap iframe{width:100%;height:380px;border:0;display:block;}
.loc-cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:none;}
.loc-cards div{padding:22px 24px;border-right:1px solid var(--line);}
.loc-cards div:last-child{border-right:none;}
.loc-cards b{display:block;font-size:12.5px;color:var(--brass-deep);margin-bottom:6px;letter-spacing:.05em;}
.loc-cards span{font-size:14.5px;color:var(--ink);font-weight:500;}

/* ===== Footer ===== */
footer{background:var(--footer);color:var(--footer-text);padding:60px 0 30px;}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;margin-bottom:40px;}
.footer-logo-mark{font-family:var(--serif);font-size:19px;color:#fff;font-weight:700;margin-bottom:14px;}
.footer-top p{font-size:13.5px;line-height:1.9;margin:0;max-width:420px;}
.footer-links{display:flex;gap:30px;flex-wrap:wrap;}
.footer-links a{font-size:14px;font-weight:500;color:#ddd8c9;}
.footer-links a:hover{color:var(--brass);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:#8f8b7e;}

@media (max-width:1024px){
  .about-compact{flex-direction:column;}
  .about-compact .photo{width:140px;}
  .hero-grid{grid-template-columns:1fr;}
  .hero-mosaic{display:none;}
  .type-defs{grid-template-columns:1fr;}
  .type-defs > div:first-child{border-right:none;border-bottom:1px solid var(--line);}
  .contact-grid{grid-template-columns:1fr;}
  .hero h1{font-size:40px;}
  .stat-row{grid-template-columns:1fr;}
  .stat-row div{border-right:none;border-bottom:1px solid var(--line);}
  .stat-row div:last-child{border-bottom:none;}
  .why-list{grid-template-columns:1fr;}
  .why-item{border-right:none;border-bottom:1px solid var(--line);padding:30px 0;}
  .why-item:first-child{padding-top:0;}
}
@media (max-width:768px){
  section{padding:70px 0;}
  .page-head{padding:48px 0 0;}
  h2.section-title{font-size:27px;}
  p.section-desc{font-size:15px;margin-bottom:36px;}
  .nav-menu{display:none;}
  .nav-tel{display:none;}
  .hamburger{display:flex;}
  .mobile-menu.open{display:flex;}
  .mobile-menu{display:none;flex-direction:column;position:absolute;top:80px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 28px 20px;}
  .mobile-menu a{padding:14px 0;font-size:16px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);}
  .mobile-menu a:last-child{border-bottom:none;}
  .mobile-menu a.active{color:var(--brass-deep);}
  .hero{padding:56px 0 50px;}
  .hero h1{font-size:30px;}
  .hero-facts{flex-wrap:wrap;row-gap:22px;}
  .hero-facts div{width:44%;border-right:none;margin-right:0;padding-right:0;}
  .hero-quicklinks{grid-template-columns:1fr;margin-top:36px;}
  .hero-quicklinks a{padding:20px 0 0;}
  .service-head{grid-template-columns:36px 1fr 22px;gap:16px;}
  .service-body{padding-left:52px;}
  .service-row.open .service-body{padding:0 0 24px 52px;}
  .bd-row{grid-template-columns:1fr;gap:8px;}
  .bd-row .cnt{text-align:left;}
  .bd-examples{padding-left:0;}
  .quick-actions{grid-template-columns:1fr;}
  .quick-actions a{border-right:none;border-bottom:1px solid var(--line);}
  .quick-actions a:last-child{border-bottom:none;}
  .form-row{grid-template-columns:1fr;}
  .loc-cards{grid-template-columns:1fr;}
  .loc-cards div{border-right:none;border-bottom:1px solid var(--line);}
  .footer-top{flex-direction:column;}
  input,select,textarea{font-size:16px;}
  .contact-grid{gap:40px;}
  .right-steps{flex-direction:column;align-items:flex-start;gap:8px;}
  .right-steps .arrow{display:none;}
  .right-steps span{width:100%;}
}