:root{--ink:#172c45;--muted:#596676;--navy:#173451;--gold:#9b7850;--line:#e5e5e0;--cream:#f7f5f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",Arial,sans-serif;line-height:1.65;word-break:keep-all}a{color:inherit}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none}:focus-visible{outline:3px solid #b58a55;outline-offset:4px}[hidden]{display:none!important}.wrap{max-width:1160px;margin:auto;padding:0 28px}.skip{position:absolute;top:-80px}.skip:focus{top:5px;background:white;z-index:10;padding:12px}header{border-bottom:1px solid var(--line)}.header-in{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:25px;font-weight:850;letter-spacing:-1px}.brand b{font-family:Georgia,serif;font-size:31px;color:var(--navy);margin-right:5px}.brand small{font-size:11px;color:#67737d;display:block;letter-spacing:2px;margin-top:-7px}.header-links{display:flex;gap:25px;font-size:14px;font-weight:650}.hero{padding:48px 0 34px;background:linear-gradient(110deg,#f7f5f0,#fafaf8)}.eyebrow{font-size:11px;color:#816c51;letter-spacing:2px;font-weight:800;margin:0 0 12px}.hero-row{display:flex;justify-content:space-between;gap:40px;align-items:center}.hero h1{font-size:46px;letter-spacing:-2px;line-height:1.25;margin:0 0 16px}.hero-lead{font-size:18px;font-weight:550;margin:0 0 7px}.hero-desc{font-size:14px;color:var(--muted);max-width:630px;margin:0}.hero-note{border-left:1px solid #d7d7ce;padding:8px 0 8px 32px;min-width:206px;font-size:13px;color:var(--muted)}.hero-note strong{font-size:17px;display:block;color:var(--ink);margin-bottom:6px}.search{display:flex;align-items:center;background:white;border:1px solid #d9ddd9;border-radius:12px;max-width:724px;padding:6px;margin-top:28px;box-shadow:0 5px 18px #182a4104}.search svg{margin-left:15px;flex:none}.search input{min-width:0;flex:1;width:100%;border:0;background:none;padding:11px 13px;font-size:15px;color:var(--ink)}.search input:focus{outline:none}.search:focus-within{outline:2px solid #aa8a61}.search button{background:var(--navy);color:white;border:0;border-radius:8px;padding:11px 25px;font-size:14px;font-weight:700}.suggested{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:12px}.suggested button{border:0;background:transparent;color:#44566a;padding:4px 7px;text-decoration:underline;text-underline-offset:3px}.categories{padding:38px 28px 45px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:20px}.section-head h2{font-size:23px;letter-spacing:-.8px;margin:0}.section-head p{font-size:13px;color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;display:block;position:relative;transition:transform .18s,border-color .18s,box-shadow .18s}.card:hover{transform:translateY(-4px);border-color:#b5b8b8;box-shadow:0 12px 24px #2034490b}.card.selected{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}.art{height:155px;margin:10px 10px 0;border-radius:10px;background:#f7f5f0;overflow:hidden;display:flex;align-items:center;justify-content:center}.art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.card-copy{padding:16px 18px 17px}.card h3{margin:0;font-size:19px;letter-spacing:-.5px;display:flex;justify-content:space-between;align-items:center}.arrow{font-size:19px;font-weight:400;color:#7b8992}.card .question{font-size:13px;margin:6px 0 0;color:#475568}.card .tags{font-size:11px;color:#65727d;margin:7px 0 0}.reading{background:#f6f8f9;padding:38px 0 42px;scroll-margin-top:15px}.reading-intro{margin:-9px 0 20px;color:var(--muted);font-size:14px}.tabs{display:flex;gap:7px;overflow:auto;padding:2px 2px 14px;scrollbar-width:thin}.tabs button{white-space:nowrap;border:1px solid #dce2e5;border-radius:30px;padding:8px 13px;background:white;color:#455567;font-size:13px}.tabs button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.groups{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.group{background:#fff;border:1px solid #e0e5e7;border-radius:14px;padding:21px 23px;min-width:0}.group h3{margin:0 0 3px;font-size:19px;letter-spacing:-.5px}.group-intro{font-size:13px;color:var(--muted);margin:0 0 13px}.group details{border-top:1px solid #e9edef}.group summary{cursor:pointer;list-style:none;font-size:14px;font-weight:600;padding:13px 22px 13px 0;position:relative}.group summary::-webkit-details-marker{display:none}.group summary:after{content:'+';position:absolute;right:0;color:#708094;font-size:18px;top:8px}.group details[open] summary:after{content:'−'}.group details p{font-size:14px;color:#475568;margin:0 0 17px;line-height:1.85}.group-link{display:inline-block;margin-top:13px;font-size:13px;color:#274f70;font-weight:700}.results{font-size:13px;margin:0 0 14px;color:var(--muted)}.empty{background:white;border:1px solid var(--line);border-radius:14px;padding:32px;text-align:center}.empty button{background:var(--navy);color:white;border:0;padding:10px 18px;border-radius:7px}.source{font-size:12px;color:#5a6977;margin:20px 0 0}.source a{text-decoration:underline;text-underline-offset:3px}.helper{background:var(--navy);border-radius:18px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:white;margin:35px 0}.helper h2{font-size:22px;margin:0 0 6px;letter-spacing:-.5px}.helper p{font-size:14px;color:#d6e0e8;margin:0}.helper a{background:white;border-radius:8px;color:var(--navy);padding:12px 19px;font-size:16px;font-weight:750;white-space:nowrap}.footer{border-top:1px solid var(--line);background:#f8f8f6;padding:32px 0 27px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.footer-top .brand{font-size:21px}.footer-links{font-size:12px;color:#536170;display:flex;gap:18px}.business{display:flex;flex-wrap:wrap;gap:7px 25px;margin:0;max-width:1040px;font-size:12px;color:#56616b}.business>div{display:flex;gap:8px}.business dt{font-weight:650;color:#35475a}.business dd{margin:0}.copyright{font-size:11px;letter-spacing:.4px;color:#6b7580;margin:20px 0 0}.lastmeta{font-size:11px;color:#687582;margin-top:12px}.lastmeta a{text-decoration:underline}.illust-note{font-size:11px;color:#63717b;text-align:right;margin:12px 0 0}@media(min-width:800px){.groups.single{grid-template-columns:1fr}.groups.single .group{max-width:850px;width:100%}}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.hero-note{display:none}.hero h1{font-size:36px}.header-links{gap:15px}.groups{grid-template-columns:1fr}.art{height:170px}}@media(max-width:480px){.wrap{padding:0 18px}.header-in{height:70px}.brand{font-size:21px}.brand b{font-size:26px}.brand small{font-size:9px}.header-links{font-size:12px;gap:13px}.header-links .wide{display:none}.hero{padding:32px 0 26px}.hero h1{font-size:33px;letter-spacing:-1.5px;margin-bottom:14px}.hero-lead{font-size:16px;max-width:300px;line-height:1.6}.hero-desc{font-size:13px}.search{margin-top:22px}.search input{font-size:13px;padding:10px 8px}.search svg{width:18px;margin-left:7px}.search button{font-size:13px;padding:10px 15px}.suggested{gap:3px;font-size:11px}.suggested button{padding:4px;font-size:11px}.categories{padding:27px 18px 30px}.section-head h2{font-size:20px}.section-head p{font-size:11px}.grid{gap:11px}.card{border-radius:13px}.art{height:130px;margin:7px 7px 0}.card-copy{padding:12px 11px 14px}.card h3{font-size:16px;letter-spacing:-.6px}.card .question{font-size:11px;letter-spacing:-.3px;line-height:1.6;min-height:18px}.card .tags{font-size:10px;letter-spacing:-.4px;margin-top:6px}.arrow{font-size:16px}.reading{padding:27px 0 32px}.reading-intro{font-size:13px}.group{padding:18px}.group summary{font-size:14px}.helper{display:block;padding:23px;margin:27px 0}.helper h2{font-size:19px}.helper p{font-size:13px}.helper a{display:inline-block;margin-top:17px;font-size:15px}.footer-top{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:17px}.business{gap:8px;font-size:11px}.business>div{width:100%}.business dt{min-width:92px}.business dd{flex:1}.illust-note{text-align:left;font-size:10px}.lastmeta{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

body{padding-bottom:100px}.bottom-wrap{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;border-top:1px solid #dce3e8;padding:0 16px env(safe-area-inset-bottom);box-shadow:0 -5px 20px #172c4509}.bottom{max-width:760px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr)}.bottom a{min-height:72px;display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column;position:relative;color:var(--navy);font-size:12px;font-weight:700}.bottom a+a:before{content:'';position:absolute;left:0;top:20px;bottom:20px;border-left:1px solid #e3e7eb}.bottom svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bottom a:hover,.bottom a:focus-visible,.bottom .call{background:var(--navy);color:#fff}.bottom .call:before{display:none}.review-bar{background:#fff3d9;color:#61491b;padding:10px 18px;font-size:12px;text-align:center}.review-bar form{display:inline}.review-bar button{border:0;background:none;text-decoration:underline;margin-left:16px;color:inherit}.article-row{border-top:1px solid #e9edef;padding:12px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:14px}.article-row a:hover{text-decoration:underline}.draft-label{white-space:nowrap;font-size:10px;background:#f2f3f3;color:#63707b;border-radius:4px;padding:2px 6px;margin-top:2px}.article-row.draft{color:#596675}.crumb{font-size:12px;color:#566675;padding:20px 0}.crumb a{text-decoration:underline}.article{max-width:850px;margin:auto;padding:24px 25px 48px}.article h1{font-size:34px;line-height:1.4;letter-spacing:-1px}.article h2{font-size:23px;margin:32px 0 12px}.article h3{font-size:19px}.article p,.article li{font-size:16px;line-height:1.9}.article .answer{background:#f7f5f0;border-left:4px solid #ad8b56;padding:22px;margin:24px 0}.article .meta{font-size:12px;color:#657381}.article table{width:100%;border-collapse:collapse;font-size:14px}.article td,.article th{border:1px solid #ddd;padding:12px;text-align:left}.article th{background:#f5f7f9}.article .sources{font-size:13px;overflow-wrap:anywhere}.login{max-width:440px;margin:12vh auto;padding:28px}.login h1{font-size:26px}.login input{width:100%;padding:12px;border:1px solid #ccd3d9;border-radius:7px}.login button{margin-top:15px;width:100%;padding:12px;background:var(--navy);color:white;border:0;border-radius:7px}.login p{font-size:14px}.login label{display:block;margin-bottom:7px}.notice-box{padding:35px 25px;border:1px solid var(--line);border-radius:15px;margin:30px 0}.tabs a{display:block;white-space:nowrap;border:1px solid #dce2e5;border-radius:30px;padding:8px 13px;background:white;color:#455567;font-size:13px}.tabs a[aria-current=page]{background:var(--navy);color:white}.related{border-top:1px solid #ddd;margin-top:30px;padding-top:20px}.related a{display:block;margin:10px 0;color:#285574}.group{scroll-margin-top:24px}.back-link{display:inline-block;margin-top:20px;text-decoration:underline}.search label{display:none}@media(max-width:480px){.bottom-wrap{padding-left:0;padding-right:0}.bottom a{font-size:11px;min-height:68px;gap:4px}.bottom svg{width:21px;height:21px}.article{padding:20px 18px 35px}.article h1{font-size:27px}.article p,.article li{font-size:15px}.article table{font-size:12px}.article td,.article th{padding:8px}.article-row{font-size:13px}.card h3{font-size:15px}.review-bar{font-size:11px}.footer{padding-bottom:30px}}

/* 상담 영역: 모바일은 제목 → 전화상담 → 두 줄 안내 순서 */
.helper{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title call" "copy call";column-gap:25px;row-gap:6px}.helper h2{grid-area:title;margin:0}.helper .helper-call{grid-area:call;margin:0}.helper .helper-copy{grid-area:copy;margin:0}.helper-break{display:none}
@media(max-width:760px){.helper{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:24px 18px}.helper h2{font-size:clamp(14px,4.1vw,19px);line-height:1.5;letter-spacing:-.5px;white-space:nowrap;margin:0}.helper .helper-call{display:inline-block;align-self:center;margin:17px 0 16px;padding:12px 19px;font-size:16px;line-height:1.5}.helper .helper-copy{font-size:14px;line-height:1.8;margin:0}.helper-break{display:inline}.helper-space{display:none}}