/* 네이버 블로그형 레이아웃 — 966px 2단(좌 프로필 190 / 우 본문 740), 커버 타이틀, 메뉴바, 글 스트림 + 글 목록 */
@font-face{font-family:'S-Core Dream';font-weight:700;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff')}
@font-face{font-family:'Paperlogy';font-weight:700;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.woff2') format('woff2')}
:root{--main:#C9868A;--point:#C9868A;--black:#222;--gray:#767676;--line:#e5e5e5;--soft:#f7f7f7;--rose:color-mix(in srgb,var(--main) 14%,#fff);--maxw:966px;
  --body:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Nanum Gothic",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:#fff;color:var(--black);font-family:var(--body);font-size:15px;line-height:1.7;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
h1,h2,h3,h4{line-height:1.35;letter-spacing:-.03em;font-weight:700}
.postTitle,.prose h2,.pageHead h1,.catHead h1,.post-head h1,.member-head h1,.mCoverTxt b,.tmTxt b,.titleText b,.svcRows h2,.case-verdict,.mTxt h3{font-family:var(--title)}
button,input,textarea,select{font:inherit;letter-spacing:inherit;color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--main);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:#222;color:#fff;padding:8px 12px;z-index:200}
.skip:focus{left:8px}
.inner{width:var(--maxw);max-width:100%;margin:0 auto}
@media (max-width:1000px){.inner{padding:0 16px}}
.muted{color:var(--gray)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 18px;font-weight:700;font-size:14px;background:var(--main);color:#fff;border:1px solid var(--main);border-radius:4px;cursor:pointer;transition:.2s}
.btn:hover{filter:brightness(.95)}
.btn.line{background:#fff;color:var(--main)}
.btn.kakao{background:#FEE500;border-color:#FEE500;color:#191919}
.btn.sm{height:34px;padding:0 12px;font-size:13px}

/* ===== 타이틀(커버) ===== */
.blogTitle{position:relative;background:#fff}
.blogTitle .titleImg{display:block;max-width:1920px;margin:0 auto;position:relative;overflow:hidden}
.blogTitle .titleImg img{width:100%;height:auto;display:block}
.blogTitle.text .inner{padding:40px 0 24px}
.titleText b{display:block;font-size:26px}
.titleText span{color:var(--gray);font-size:14px}

/* 정보 띠 · 바로가기 버튼(설정값으로 자동 생성) */
.infoBar{background:var(--main);color:#fff;font-size:13.5px}
.infoBar .inner{display:flex;align-items:center;gap:22px;min-height:50px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.infoBar a{display:inline-flex;align-items:center;gap:7px;color:#fff}
.infoBar .ico{width:17px;height:17px;flex:none}
.infoBar span{font-weight:700;opacity:.95}
.infoBar b{font-size:16px;letter-spacing:0;font-weight:800}
.infoBar em{font-style:normal;opacity:.95}
.infoBar a:hover b,.infoBar a:hover em{text-decoration:underline}
.ib-search{margin-left:auto;display:flex;background:#fff;border-radius:2px;overflow:hidden}
.ib-search input{border:0;padding:6px 10px;width:150px;font-size:13px;color:#222;outline:0}
.ib-search button{border:0;background:#fff;color:#777;padding:0 8px;cursor:pointer;display:flex;align-items:center}
.ib-search .ico{width:16px;height:16px}
.quickBtns{background:var(--rose);padding:26px 0 30px}
.quickBtns ul{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:12px}
.quickBtns a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid color-mix(in srgb,var(--main) 45%,#fff);border-radius:12px;padding:16px 18px;min-height:74px;transition:.18s}
.quickBtns a:hover{border-color:var(--main);box-shadow:0 4px 14px color-mix(in srgb,var(--main) 22%,transparent);transform:translateY(-1px)}
.quickBtns b{display:block;font-size:15.5px;letter-spacing:-.03em;font-family:var(--title)}
.quickBtns small{display:block;font-size:11.5px;color:#999;margin-top:2px}
.quickBtns .ico{width:34px;height:34px;color:var(--main);flex:none;stroke-width:1.500}
@media (max-width:1000px){.infoBar .inner,.quickBtns ul{padding-left:16px;padding-right:16px}}
@media (max-width:860px){
  .infoBar{display:none}
  .blogTitle{display:flex;flex-direction:column}
  .blogTitle .mCover,.blogTitle .titleMobile{order:1}.blogTitle .mProfile{order:2}.blogTitle .mBtns{order:3}.blogTitle .mIcons{order:4}.blogTitle .quickBtns{order:5}.blogTitle .mIntro{order:6}
  .mIcons{border-bottom:0!important;padding-bottom:0!important}
  .quickBtns{background:#fff;padding:6px 12px 16px;border-bottom:8px solid #f5f5f5}
  .quickBtns ul{grid-template-columns:repeat(4,1fr)!important;gap:8px;padding:0!important;width:auto}
  .quickBtns a{flex-direction:column-reverse;justify-content:center;gap:6px;min-height:0;padding:12px 4px 10px;border-radius:10px;text-align:center;background:var(--rose);border-color:transparent}
  .quickBtns a:hover{transform:none;box-shadow:none}
  .quickBtns b{font-size:12.5px;font-family:inherit;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:78px}
  .quickBtns small{display:none}
  .quickBtns .ico{width:26px;height:26px}
}

/* ===== 메뉴바 ===== */
.blogMenu{border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;position:sticky;top:0;z-index:50}
.blogMenu .inner{display:flex;align-items:center;justify-content:space-between;height:48px}
.blogMenu ul{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.blogMenu ul::-webkit-scrollbar{display:none}
.blogMenu li a{display:block;padding:0 14px;line-height:46px;font-size:14px;font-weight:600;color:#333;white-space:nowrap;border-bottom:2px solid transparent}
.blogMenu li a:hover{color:var(--main)}
.blogMenu li a.on{color:var(--main);border-bottom-color:var(--main)}
.menuSearch{display:flex;border:1px solid #ddd;border-radius:3px;overflow:hidden;flex:none}
.menuSearch input{border:0;padding:6px 10px;width:160px;font-size:13px}
.menuSearch button{border:0;background:#f5f5f5;padding:0 12px;font-size:12px;color:#555;cursor:pointer;border-left:1px solid #ddd}
@media (max-width:640px){.menuSearch{display:none}}

/* ===== 본문 2단 ===== */
.blogBody{display:flex;gap:36px;align-items:flex-start;padding-top:26px;padding-bottom:60px}
.blogSide{width:190px;flex:none}
.blogMain{flex:1;min-width:0}
@media (max-width:860px){.blogBody{flex-direction:column;gap:20px}.blogSide{width:100%}}

/* 프로필 */
.profile{border:1px solid var(--line);padding:16px;background:#fff;margin-bottom:14px}
.pfImg{display:block;width:100%;aspect-ratio:1;overflow:hidden;margin-bottom:12px;border-radius:4px;background:var(--soft)}
.pfImg img{width:100%;height:100%;object-fit:cover;object-position:top}
.pfName{font-weight:700;font-size:16px;margin-bottom:6px}
.pfIntro{font-size:12.5px;line-height:1.65;color:#444}
.pfTel{margin-top:10px;font-size:12.5px;color:#444}
.pfTel a{font-weight:700;font-size:15px;color:var(--main)}
.pfAddr{font-size:12px;color:var(--gray);margin-top:6px;line-height:1.5}
.pfBtns{display:flex;gap:6px;margin-top:12px}
.pfBtn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:34px;font-size:13px;font-weight:700;background:var(--main);color:#fff;border-radius:3px}
.pfBtn.kakao{background:#FEE500;color:#191919}
@media (max-width:860px){.profile{display:grid;grid-template-columns:110px 1fr;gap:6px 16px;align-items:start}.pfImg{grid-row:1/6;margin:0}.pfBtns{grid-column:2}}
/* 사이드 박스 */
.sideBox{border:1px solid var(--line);margin-bottom:14px;background:#fff}
.sideBox h2{font-size:13px;padding:10px 14px;border-bottom:1px solid var(--line);background:#fafafa;letter-spacing:0}
.catList li a,.recentList li a{display:block;padding:7px 14px;font-size:13px;color:#333;border-bottom:1px dotted #eee}
.catList li:last-child a,.recentList li:last-child a{border-bottom:0}
.catList li a span{color:var(--gray);font-size:12px}
.catList li a.on,.catList li a:hover,.recentList li a:hover{color:var(--main);font-weight:700}
.recentList li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.counter dl{display:flex;padding:10px 14px;gap:16px;font-size:12px}
.counter dt{color:var(--gray)}.counter dd{font-weight:700}
@media (max-width:860px){.sideBox{display:none}.sideBox.counter{display:none}}

/* ===== 글 (네이버 포스트 형태) ===== */
.postItem{border-bottom:1px solid #ddd;padding:0 0 30px;margin-bottom:34px}
.postHead{padding:6px 0 14px;border-bottom:1px solid var(--line);margin-bottom:22px}
.postCat{display:inline-block;font-size:12.5px;color:var(--main);font-weight:600;margin-bottom:6px}
.postTitle{font-size:24px;line-height:1.4;margin-bottom:8px;letter-spacing:-.03em}
.postTitle a:hover{text-decoration:underline}
.postMeta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--gray)}
.postMeta .who{color:#333;font-weight:600}
.tldr{background:var(--rose);border-left:3px solid var(--main);padding:14px 18px;margin:0 0 20px;font-size:14.5px}
.tldr h3{font-size:12px;color:var(--main);margin-bottom:6px;letter-spacing:0}
.tbl-scroll{overflow-x:auto;margin-bottom:20px}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{padding:9px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
th{background:#fafafa;font-weight:700;white-space:nowrap}
.kf-table th[scope=row]{width:26%}
.postBody{font-size:16px;line-height:1.85;color:#222}
.prose>*:first-child{margin-top:0}
.prose h2{font-size:20px;margin:36px 0 12px;padding-left:12px;border-left:4px solid var(--main);line-height:1.4;scroll-margin-top:70px}
.prose h3{font-size:17px;margin:26px 0 8px;scroll-margin-top:70px}
.prose p{margin-bottom:16px}
.prose ul,.prose ol{padding-left:22px;margin-bottom:16px}
.prose ul{list-style:disc}.prose ol{list-style:decimal}
.prose li{margin-bottom:4px}
.prose blockquote{margin:22px 0;padding:16px 20px;background:var(--soft);border-left:4px solid var(--main);color:#333}
.prose blockquote p:last-child{margin:0}
.prose img{margin:18px auto;max-width:100%;border-radius:2px}
.prose a{color:var(--main);text-decoration:underline;text-underline-offset:2px}
.prose strong{font-weight:700}
.prose hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.prose .tbl-scroll{margin:0 0 20px}
.prose pre{background:#f4f4f4;padding:14px;overflow-x:auto;font-size:13px;margin-bottom:16px}
.prose code{background:#f4f4f4;padding:.1em .3em;font-size:.9em}
.outro{margin-top:28px;padding:16px 18px;background:var(--rose);border-radius:4px;font-size:14.5px;line-height:1.75}
.outro a{color:var(--main);font-weight:700;text-decoration:none;white-space:nowrap;margin-left:6px}
.postTags{margin-top:18px;font-size:13px}
.postTags a{display:inline-block;margin:0 6px 6px 0;color:var(--main)}
.postFoot{display:flex;justify-content:space-between;gap:10px;margin-top:22px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--gray)}
.postFoot a{color:#555}
.postFoot a:hover{color:var(--main)}
.faq-block{margin-top:30px}
.faq-block h2{font-size:18px;margin-bottom:10px}
.faq-list{border-top:2px solid #333}
.faq{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;gap:10px;padding:12px 30px 12px 4px;position:relative;font-size:15px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:8px;top:8px;font-size:20px;color:var(--gray)}
.faq[open] summary::after{content:"−"}
.faq-q{color:var(--main);font-weight:800;flex:none}
.faq summary h3{font-size:15px;font-weight:600}
.faq-a{padding:0 30px 14px 24px;font-size:14.5px;color:#333}
.faq-a p{margin-bottom:8px}
.sources{margin-top:26px;font-size:13px;color:var(--gray)}
.sources h2{font-size:13px;margin-bottom:6px;color:#333}
.source-list{list-style:decimal;padding-left:20px}
.source-list cite{font-style:normal}
.source-list a{text-decoration:underline}
.author-box{border:1px solid var(--line);padding:16px 18px;margin:0 0 30px;background:#fafafa}
.author{display:flex;gap:14px;align-items:center}
.author-photo{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:top;flex:none}
.author-label{font-size:11px;color:var(--gray)}
.author-name{font-weight:700;font-size:15px}
.author-title{font-weight:400;color:var(--gray);font-size:13px;margin-left:4px}
.author-cred{font-size:12.5px;color:var(--gray)}
.author-bio{font-size:13.5px;margin-top:6px;color:#444}
.reviewer{font-size:12.5px;color:var(--gray);margin-top:8px}
.adjacent{border:1px solid var(--line);margin-bottom:30px}
.adjacent a{display:flex;gap:12px;padding:10px 14px;font-size:14px;border-bottom:1px solid var(--line)}
.adjacent a:last-child{border-bottom:0}
.adjacent a span{color:var(--gray);font-size:12.5px;flex:none;width:70px}
.adjacent a:hover{color:var(--main)}

/* 글 목록 (네이버 목록 위젯) */
.postList{margin-top:10px}
.plHead{display:flex;justify-content:space-between;align-items:baseline;padding:8px 4px;border-bottom:2px solid #333}
.plHead h2{font-size:14px}
.plCount{font-size:12.5px;color:var(--gray)}
.postList table{font-size:13.5px}
.postList th,.postList td{border:0;border-bottom:1px solid var(--line);padding:9px 8px}
.postList th{background:#fafafa;font-size:12.5px;color:var(--gray);font-weight:600;text-align:center}
.postList td.t a{color:#333}
.postList td.t a:hover{color:var(--main);text-decoration:underline}
.postList td.t small.c{color:var(--gray);font-size:12px;margin-left:6px}
.postList .v,.postList .d{width:70px;text-align:center;color:var(--gray);white-space:nowrap;font-size:12.5px}
.postList .d{width:96px}
.postList td.empty{text-align:center;color:var(--gray);padding:30px}
.plPager{display:flex;justify-content:center;gap:4px;margin-top:16px;font-size:13px}
.plPager a{padding:4px 8px;color:#555;border:1px solid transparent;border-radius:3px}
.plPager a.on{color:var(--main);font-weight:700;border-color:var(--main)}
.plPager a:hover{color:var(--main)}
.catHead{padding:6px 0 14px;border-bottom:2px solid #333;margin-bottom:24px}
.catHead h1{font-size:20px}
.catHead h1 small{font-size:13px;color:var(--gray);font-weight:400;margin-left:6px}
.catHead p{font-size:13.5px;color:var(--gray);margin-top:4px}

/* ===== 일반 페이지 ===== */
.pageHead{padding:6px 0 14px;border-bottom:2px solid #333;margin-bottom:24px}
.pageHead h1{font-size:22px}
.pageHead .lede{font-size:14px;color:var(--gray);margin-top:6px}
.pageEyebrow{font-size:12.5px;color:var(--main);font-weight:600;margin-bottom:4px}
.pageWrap{min-width:0}
.crumbs{font-size:12px;color:var(--gray);margin-bottom:12px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px}
.crumbs li+li::before{content:">";margin-right:4px;color:#bbb}
.crumbs span{color:#333}
.post{max-width:100%}
.post-head{padding:6px 0 14px;border-bottom:1px solid var(--line);margin-bottom:22px}
.post-head h1{font-size:24px;margin-bottom:8px}
.post-head .cat,.post-head .eyebrow{display:inline-block;font-size:12.5px;color:var(--main);font-weight:600;margin-bottom:6px}
.post-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--gray)}
.tldr h2{font-size:12px;color:var(--main);margin-bottom:6px;letter-spacing:0}
.tldr p{font-size:14.5px}
.keyfacts{margin-bottom:20px}
.keyfacts h2{font-size:13px;color:#333;margin-bottom:6px}
.toc{border:1px solid var(--line);padding:12px 14px;margin-bottom:20px;font-size:13.5px;background:#fafafa}
.toc-h{font-weight:700;font-size:12.5px;margin-bottom:6px}
.toc ol li{margin-bottom:4px}
.toc ol li.lv3{padding-left:12px;color:var(--gray)}
.toc a:hover{color:var(--main)}
.post-foot{margin-top:20px;font-size:12.5px;color:var(--gray)}
.post-foot a{text-decoration:underline}
.related{margin-top:34px}
.related h2{font-size:16px;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #333}
.post-rows li a{display:flex;gap:14px;padding:10px 4px;border-bottom:1px solid var(--line);font-size:14px}
.post-rows .meta{width:100px;flex:none;font-size:12px;color:var(--gray)}
.post-rows .meta b{display:block;color:var(--main);font-weight:600}
.post-rows h3{font-size:14.5px;font-weight:600}
.post-rows p{font-size:13px;color:var(--gray);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.post-rows li a:hover h3{color:var(--main)}
.empty{text-align:center;color:var(--gray);padding:40px 0;border:1px solid var(--line)}
/* 서비스 */
.svcRows li{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.svcRows .pic{width:200px;aspect-ratio:3/2;flex:none;background:var(--soft) center/cover no-repeat;position:relative;border-radius:3px}
.svcRows .pic:not([style*="url"]){display:none}
.svcRows .pic .no{position:absolute;left:8px;top:6px;font-size:11px;color:#fff;font-weight:700}
.svcRows .txt{flex:1}
.svcRows h2{font-size:18px;margin-bottom:6px}
.svcRows h2 a:hover{color:var(--main)}
.svcRows p{font-size:14px;color:#444;margin-bottom:10px}
.svcRows .kv{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;margin-bottom:10px}
.svcRows .kv span{color:var(--gray);margin-right:4px}
@media (max-width:640px){.svcRows li{flex-direction:column}.svcRows .pic{width:100%}}
.steps{margin-top:26px}
.steps h2{font-size:16px;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid #333}
.step-list{counter-reset:step}
.step-list li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);counter-increment:step;font-size:14px}
.step-list li::before{content:counter(step)".";color:var(--main);font-weight:800;flex:none;width:22px}
.step-list h3{font-size:14.5px;font-weight:700}
.step-list p{color:var(--gray);font-size:13.5px}
.link-grid{display:flex;flex-wrap:wrap;gap:6px}
.link-grid a{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:3px;font-size:13px}
.link-grid a:hover{border-color:var(--main);color:var(--main)}
/* 사례 */
.case-groups h2{font-size:16px;margin:24px 0 8px;padding-bottom:6px;border-bottom:2px solid #333}
.case-list li a{display:flex;gap:14px;align-items:baseline;padding:12px 4px;border-bottom:1px solid var(--line);font-size:14px}
.case-result{flex:none;width:34%;color:var(--main);font-weight:700}
.case-title{flex:1}
.case-meta{font-size:12px;color:var(--gray);white-space:nowrap}
@media (max-width:640px){.case-list li a{flex-direction:column;gap:4px}.case-result{width:100%}}
.case-verdict{background:var(--rose);border-left:4px solid var(--main);padding:16px 20px;font-size:18px;font-weight:700;margin-bottom:22px}
.case-block{margin-bottom:22px}
.case-block h2{font-size:13px;color:var(--main);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--line)}
/* 지역·용어·전문가 */
.area-grid{display:flex;flex-wrap:wrap;gap:10px}
.area-grid a{flex:1 1 calc(50% - 10px);border:1px solid var(--line);padding:16px;border-radius:3px}
.area-grid a:hover{border-color:var(--main)}
.area-grid h2{font-size:17px;margin-bottom:4px}
.area-grid p{font-size:13px;color:var(--gray)}
.agencies div{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.agencies dt{width:90px;flex:none;color:var(--gray);font-size:13px}
.agencies dd small{display:block;color:var(--gray);font-size:12.5px}
.term-list .term-item{display:flex;gap:16px;padding:12px 4px;border-bottom:1px solid var(--line)}
.term-item dt{width:170px;flex:none;font-weight:700;font-size:15px}
.term-item dt a:hover{color:var(--main)}
.term-item dd{font-size:14px;color:#444}
@media (max-width:640px){.term-item{flex-direction:column;gap:4px}.term-item dt{width:auto}}
.people{display:flex;flex-wrap:wrap;gap:12px}
.people>a{flex:1 1 calc(50% - 12px);border:1px solid var(--line);padding:18px;border-radius:3px;display:flex;gap:14px;align-items:center}
.people img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:top;flex:none}
.people h2,.people h3{font-size:16px}
.person-title{font-size:13px;color:var(--main)}
.person-cred,.person-tags{font-size:12.5px;color:var(--gray)}
.member-head{display:flex;gap:20px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:20px}
.member-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:top;flex:none}
.member-head h1{font-size:22px}
.member-title{font-size:14px;color:var(--gray);font-weight:400}
.member-links a{font-size:13px;color:var(--main);text-decoration:underline;margin-right:8px}
.cred-list{list-style:disc;padding-left:20px;font-size:14px}
/* 연락 */
.contact-layout{display:flex;gap:30px}
.contact-info{width:40%}
.contact-form{flex:1}
.contact-info h2,.contact-form h2{font-size:16px;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #333}
.kv div{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.kv dt{width:72px;flex:none;color:var(--gray);font-size:13px}
.kv .telBig{font-weight:800;color:var(--main);font-size:18px}
.form{display:grid;gap:12px}
.form label{display:grid;gap:4px;font-weight:600;font-size:13px}
.form input,.form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:3px;font-weight:400;font-size:14px}
.form input:focus,.form textarea:focus{border-color:var(--main);outline:0}
.form-note{font-size:12px;color:var(--gray)}
.form .btn{justify-self:start}
.hp{position:absolute;left:-9999px}
.notice{padding:12px 14px;margin-bottom:12px;border:1px solid var(--line);font-size:14px}
.notice.ok{border-color:#2E7D4F;color:#2E7D4F;background:#F0F8F3}
.notice.warn{border-color:#B9651F;color:#B9651F;background:#FCF4EC}
@media (max-width:640px){.contact-layout{flex-direction:column}.contact-info{width:100%}}
.search-big{display:flex;border:1px solid var(--line);margin:12px 0 20px}
.search-big input{flex:1;border:0;padding:10px 12px}
.search-big .btn{border-radius:0;height:auto}
.faq-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.faq-cats a{padding:4px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px}
/* CTA 박스 */
.ctaBox{margin:30px 0 10px;padding:20px;border:1px solid var(--main);background:var(--rose);border-radius:4px}
.ctaBox b{display:block;font-size:16px;margin-bottom:4px}
.ctaBox p{font-size:13.5px;color:#444;margin-bottom:12px}
.ctaBtns{display:flex;gap:8px;flex-wrap:wrap}
/* 푸터 */
.blogFooter{border-top:1px solid #ddd;background:#fafafa;padding:26px 0 60px;font-size:12.5px;color:var(--gray)}
.blogFooter .inner{display:flex;gap:40px}
.ft1{width:190px;flex:none}
.ft1 b{display:block;color:#333;font-size:14px;margin-bottom:6px}
.ft1 p{line-height:1.6}
.ftLinks a{display:inline-block;margin:6px 6px 0 0;padding:2px 8px;border:1px solid #ddd;border-radius:3px;font-size:11.5px}
.ft2{font-style:normal;flex:1;display:grid;gap:3px}
.ft2 a{text-decoration:underline}
.ftNav{margin-top:8px}
.copy{margin-top:6px;color:#999}
@media (max-width:860px){.blogFooter .inner{flex-direction:column;gap:16px}.ft1{width:100%}}
/* 모바일 고정 바 */
.fixBar{display:none}
@media (max-width:860px){
  body{padding-bottom:56px}
  .fixBar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;height:56px;background:#fff;border-top:1px solid var(--line)}
  .fixBar a{flex:1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
  .fixBar a.tel{background:#333;color:#fff}
  .fixBar a.kakao{background:#FEE500;color:#191919}
  .fixBar a.ask{background:var(--main);color:#fff}
}
@media print{.blogMenu,.blogSide,.blogFooter,.fixBar,.ctaBox{display:none!important}}

/* ===== 모바일(≤860) — 네이버 모바일 블로그(m.blog.naver.com) 형태, 2026-09-17 ===== */
.mGnb,.mCover,.titleMobile,.mProfile,.mBtns,.mIcons,.mIntro,.mSheet,.mSheetBg,.mFeed,.readMore{display:none}
@media (max-width:860px){
  html,body{overflow-x:hidden}
  body{font-size:15px}
  .blogBody{align-items:stretch;flex-direction:column;gap:0;padding-top:0;padding-bottom:40px}
  .blogMain{width:100%;max-width:100%}
  .blogMenu,.blogSide,.postItem.stream,.postList{display:none}
  body.isList .blogSide{display:block}
  body.isList .blogSide .profile,body.isList .blogSide .sideBox:not(.cats){display:none}
  /* 상단 바 */
  .mGnb{display:flex;align-items:center;height:48px;padding:0 6px 0 4px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:90;gap:2px}
  .mGnb .mBrand{flex:1;min-width:0;font-weight:700;font-size:16px;letter-spacing:-.03em;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mGnb .mIco,.mGnb .mBack{width:40px;height:40px;flex:none;border:0;background:no-repeat center/22px;cursor:pointer;border-radius:50%}
  .mGnb .mBack{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E")}
  .mGnb .mIco.search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E")}
  .mGnb .mIco.menu{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E")}
  .mGnb.overCover{position:absolute;left:0;right:0;top:0;background:transparent;border:0;justify-content:flex-end}
  .mGnb.overCover .mBrand{opacity:0;pointer-events:none}
  .mGnb.overCover.scrolled{position:fixed;background:#fff;border-bottom:1px solid var(--line);justify-content:flex-start}
  .mGnb.overCover.scrolled .mBrand{opacity:1;pointer-events:auto}
  body.isHome.hasCover{padding-top:0}
  /* 커버(정사각형) */
  .blogTitle{background:#fff}
  body:not(.isHome) .blogTitle{display:none}
  .blogTitle .titleImg{display:none}
  .mCover{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:var(--rose)}
  .mCover img{width:100%;height:100%;object-fit:cover;object-position:center top}
  .mCoverTxt{position:absolute;left:0;right:0;bottom:0;padding:70px 18px 16px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.92) 55%)}
  .mCoverTxt b{display:block;font-size:20px;letter-spacing:-.03em;line-height:1.3}
  .mCoverTxt span{display:block;font-size:12.5px;color:#555;margin-top:2px}
  /* 문구형 커버(모바일 커버 이미지가 없을 때) */
  .titleMobile{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:22px 16px 0;background:linear-gradient(180deg,var(--rose) 0%,#fff 100%)}
  .titleMobile.hasCover{display:none}
  .tmTxt{padding-bottom:18px;min-width:0}
  .tmTxt em{display:block;font-style:normal;font-size:12.5px;color:var(--main);font-weight:700;margin-bottom:4px}
  .tmTxt b{display:block;font-size:21px;line-height:1.3;letter-spacing:-.03em;margin-bottom:6px}
  .tmTxt span{display:-webkit-box;font-size:12.5px;color:#555;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .tmTel{display:inline-block;margin-top:10px;font-weight:800;font-size:16px;color:var(--main)}
  .tmImg{width:112px;height:150px;object-fit:cover;object-position:top;flex:none;border-radius:4px 4px 0 0}
  /* 프로필 행 · 버튼 · 아이콘(네이버: 프로필/이웃추가/카테고리·안부글·이웃목록) */
  .mProfile{display:flex;align-items:center;gap:12px;padding:14px 16px 0}
  .mProfile img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top;flex:none;border:1px solid var(--line)}
  .mpTxt b{display:block;font-size:16px;letter-spacing:-.03em}
  .mpTxt span{display:block;font-size:12.5px;color:var(--gray);margin-top:2px}
  .mpTxt span a{text-decoration:underline;text-underline-offset:2px}
  .mBtns{display:flex;gap:8px;padding:14px 16px 0}
  .mBtn{flex:1;display:flex;align-items:center;justify-content:center;height:44px;border-radius:6px;background:var(--main);color:#fff;font-weight:700;font-size:15px}
  .mBtn.kakao{background:#FEE500;color:#191919;flex:0 0 44%}
  .mIcons{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 8px 6px;border-bottom:8px solid #f5f5f5}
  .mIcons a,.mIcons button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#333;background:none;border:0;cursor:pointer;padding:6px 0 10px;letter-spacing:-.02em}
  .mIcons i{width:44px;height:44px;border-radius:50%;background:var(--rose) no-repeat center/22px}
  .mIcons .ic-cat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9868A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h10'/%3E%3C/svg%3E")}
  .mIcons .ic-svc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9868A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4-8 4-8-4 8-4zM4 12l8 4 8-4M4 17l8 4 8-4'/%3E%3C/svg%3E")}
  .mIcons .ic-case{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9868A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M5 4h14v4a7 7 0 0 1-14 0V4zM5 6H3v2a3 3 0 0 0 3 3M19 6h2v2a3 3 0 0 1-3 3'/%3E%3C/svg%3E")}
  .mIcons .ic-ask{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9868A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H8l-4 4V5z'/%3E%3C/svg%3E")}
  /* 소개 */
  .mIntro{display:block;padding:18px 16px 20px;border-bottom:8px solid #f5f5f5}
  .mIntro h2{font-size:15px;margin-bottom:8px}
  .mIntro p{font-size:14px;line-height:1.7;color:#333}
  .mIntro .mTel{margin-top:10px;font-size:13px;color:#555}
  .mIntro .mTel a{font-weight:800;font-size:17px;color:var(--main)}
  .mIntro .mAddr,.mIntro .mNote{font-size:12.5px;color:var(--gray);margin-top:6px;line-height:1.5}
  /* 카테고리 칩(목록 페이지) */
  .sideBox.cats{display:block;border:0;margin:0;background:transparent}
  .sideBox.cats h2{display:none}
  .sideBox.cats .catList{display:flex;gap:6px;overflow-x:auto;padding:12px 16px 4px;scrollbar-width:none}
  .sideBox.cats .catList::-webkit-scrollbar{display:none}
  .sideBox.cats .catList li{flex:none}
  .sideBox.cats .catList li a{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12.5px;white-space:nowrap;background:#fff}
  .sideBox.cats .catList li a.on{border-color:var(--main);color:var(--main);font-weight:700;background:var(--rose)}
  .sideBox.cats .catList li a span{font-size:11px}
  body.isList .inner.blogBody{padding-left:0;padding-right:0}
  body.isList .blogMain{padding:0 16px}
  body.isList .catHead{display:none}
  body.isPost .blogSide{display:none}
  /* 글 카드(네이버 카드형/목록형) */
  .mFeed{display:block;margin:0 -16px}
  body.isHome .mFeed{margin:0}
  .mFeedHead{display:flex;align-items:center;gap:6px;padding:14px 16px 6px;font-size:14px}
  .mFeedHead b{font-size:15px}
  .mFeedHead>span{color:var(--main);font-weight:700;font-size:13px;flex:1}
  .mView{display:flex;gap:2px}
  .mView button{width:32px;height:32px;border:0;background:none;opacity:.35;cursor:pointer;border-radius:4px}
  .mView button.on{opacity:1}
  .mView i{display:block;width:100%;height:100%;background:no-repeat center/20px}
  .mView .ic-card{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Cpath d='M4 14h16'/%3E%3C/svg%3E")}
  .mView .ic-list{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E")}
  .mCards li{border-bottom:8px solid #f5f5f5}
  .mCards li a{display:block;padding:0 0 16px}
  .mThumb{aspect-ratio:4/3;overflow:hidden;background:var(--soft)}
  .mThumb img{width:100%;height:100%;object-fit:cover;margin:0}
  .mTxt{padding:12px 16px 0}
  .mTxt em{display:block;font-style:normal;font-size:12px;color:var(--main);font-weight:600;margin-bottom:4px}
  .mTxt h3{font-size:17px;line-height:1.4;letter-spacing:-.03em;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .mTxt p{font-size:13.5px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .mMeta{display:flex;gap:8px;font-size:12px;color:#999;margin-top:8px}
  .mCards.listView li{border-bottom:1px solid var(--line)}
  .mCards.listView li a{display:flex;flex-direction:row-reverse;gap:14px;padding:14px 16px}
  .mCards.listView .mThumb{width:84px;height:84px;aspect-ratio:auto;flex:none;border-radius:6px}
  .mCards.listView .mTxt{padding:0;flex:1;min-width:0}
  .mCards.listView .mTxt h3{font-size:15px}
  .mCards.listView .mTxt p{display:none}
  .mEmpty{padding:40px 16px;text-align:center;color:var(--gray);border:0!important}
  .mMore{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;font-size:13.5px}
  .mMore a{color:var(--main);font-weight:700}
  .mMore span{color:var(--gray)}
  /* 시트(카테고리·메뉴) */
  .mSheetBg{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:150}
  .mSheetBg[hidden]{display:none}
  .mSheet{display:block;position:fixed;left:0;right:0;bottom:0;max-height:78vh;overflow-y:auto;background:#fff;border-radius:14px 14px 0 0;z-index:160;padding:0 0 calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 24px rgba(0,0,0,.15)}
  .mSheet[hidden]{display:none}
  .shHead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff}
  .shHead b{font-size:15px}
  .closeSheet{border:0;background:none;font-size:26px;line-height:1;color:#666;cursor:pointer;width:32px;height:32px}
  .mSheet h3{font-size:12.5px;color:var(--gray);padding:14px 16px 4px;font-weight:600}
  .shList li a{display:flex;justify-content:space-between;padding:11px 16px;font-size:15px;border-bottom:1px solid #f2f2f2}
  .shList li a span{color:var(--gray);font-size:13px}
  .shGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 16px 8px}
  .shGrid a{display:block;text-align:center;padding:10px 4px;border:1px solid var(--line);border-radius:6px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.sheetOpen{overflow:hidden}
  /* 글 본문(단일) */
  .postItem{border-bottom:0;padding:0;margin-bottom:18px}
  .postHead{padding:14px 0 12px}
  .postTitle{font-size:22px}
  .postBody{font-size:15.5px;line-height:1.8}
  .prose h2{font-size:18px;margin:28px 0 10px;scroll-margin-top:60px}
  .prose h3{font-size:16px;scroll-margin-top:60px}
  .tldr{padding:12px 14px;font-size:14px}
  .pageHead h1{font-size:20px}
  .people>a,.area-grid a{flex-basis:100%}
  .case-verdict{font-size:16px;padding:14px 16px}
  .kv dt{width:64px}
  .blogFooter{padding:22px 0 80px}
  .blogFooter .inner{flex-direction:column;gap:14px}
  .ft1{width:100%}
}
@media (max-width:480px){.mCoverTxt b{font-size:19px}}
/* 카테고리 단계 */
.catList li.lv1 a{padding-left:24px}.catList li.lv2 a{padding-left:36px}.catList li.lv3 a{padding-left:48px}
.catList li i{font-style:normal;color:#bbb;font-size:11px}
.shList li b{font-weight:400}
.shList li.lv1 a{padding-left:32px;font-size:14px}.shList li.lv2 a{padding-left:48px;font-size:14px}.shList li.lv3 a{padding-left:64px;font-size:14px}
@media (max-width:860px){.sideBox.cats .catList li.lv1 a,.sideBox.cats .catList li.lv2 a,.sideBox.cats .catList li.lv3 a{padding-left:12px}.sideBox.cats .catList li i{display:none}}
/* 앨범형 · 구분선 · 위젯 */
.albumGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 14px;margin-bottom:34px}
.albumGrid li a{display:block}
.ag-th{display:block;aspect-ratio:1;background:var(--soft) center/cover no-repeat;border-radius:2px;margin-bottom:8px}
.albumGrid b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.45;font-weight:600}
.albumGrid small{display:block;font-size:12px;color:var(--gray);margin-top:3px}
.albumGrid li a:hover b{color:var(--main);text-decoration:underline}
.albumGrid .empty{grid-column:1/-1}
.catList li.divider{height:0;border-top:1px dashed #ccc;margin:6px 14px}
.catList li em{font-style:normal;color:#bbb;font-size:11px}
.postList.closed table,.postList.closed .plPager,.postList.closed .plHead{display:none}
.sideSearch form{display:flex;padding:8px}
.sideSearch input{flex:1;min-width:0;border:1px solid #ddd;border-right:0;padding:6px 8px;font-size:12.5px}
.sideSearch button{border:1px solid #ddd;background:#f5f5f5;padding:0 10px;font-size:12px;cursor:pointer}
@media (min-width:861px){.sideBox.pcHide{display:none}}
@media (max-width:860px){.albumGrid{display:none}.sideBox.sideSearch{display:none}.sideBox.cats .catList li.divider{display:none}}

/* ===== 공지 · 목록열기(모든 타입 공통) ===== */
.topList{margin-bottom:34px}
.noticeList{padding:4px 0 14px}
.noticeList li{display:flex;gap:10px;align-items:baseline;padding:5px 4px;font-size:13px}
.noticeList b{color:var(--main);font-size:12px;flex:none}
.noticeList a{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}
.noticeList a:hover{text-decoration:underline}
.noticeList time{color:#aaa;font-size:12px;flex:none}
.tlBar{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;font-size:13px;color:#666;border-top:1px solid var(--line)}
.tlBar b{color:#222}
.tlToggle{border:0;background:none;font:inherit;font-size:13px;color:#555;cursor:pointer;padding:2px 0}
.tlToggle:hover{color:var(--main);text-decoration:underline}
.tlRows{border-top:1px solid #333;margin-top:2px}
.tlRows table{font-size:13.5px}
.tlRows th,.tlRows td{border:0;border-bottom:1px solid var(--line);padding:8px}
.tlRows th{background:#fafafa;font-size:12.5px;color:var(--gray);text-align:center;font-weight:600}
.tlRows .d{width:100px;text-align:center;color:var(--gray);font-size:12.5px;white-space:nowrap}
.tlRows td a:hover{color:var(--main);text-decoration:underline}
.tlMore{display:block;text-align:right;font-size:12.5px;color:var(--main);padding:8px 4px}
@media (max-width:860px){.topList{display:none}}

/* ===== 레이아웃 타입 (PC 전용 · 모바일은 공통) ===== */
.topWrap{position:relative}
@media (min-width:861px){
  /* 메뉴를 타이틀 위 작은 글씨로 (A·A2·B) */
  body.menuTop .blogMenu{position:absolute;left:0;right:0;top:0;z-index:6;background:transparent;border:0}
  body.menuTop .blogMenu .inner{height:40px}
  body.menuTop .blogMenu ul{gap:0}
  body.menuTop .blogMenu li a{padding:0 10px;line-height:40px;font-size:12px;font-weight:500;color:#444;border:0;position:relative;text-shadow:0 0 6px rgba(255,255,255,.9)}
  body.menuTop .blogMenu li+li a::before{content:"";position:absolute;left:0;top:15px;height:10px;border-left:1px solid rgba(0,0,0,.18)}
  body.menuTop .blogMenu li a.on{color:var(--main);font-weight:700}
  body.menuTop .menuSearch{display:none}
  /* 1단 본문 (A·B): 위젯은 본문 아래로 */
  body.onecol .blogBody{flex-direction:column;gap:0;align-items:stretch;padding-top:34px}
  body.onecol .blogMain{width:100%}
  body.onecol .postItem,body.onecol .catHead,body.onecol .pageWrap,body.onecol .postList,body.onecol .author-box,body.onecol .adjacent,body.onecol .albumGrid{padding-left:40px;padding-right:40px}
  body.onecol .topList{padding:0 4px}
  body.onecol .blogSide{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start;margin-top:50px;padding-top:26px;border-top:1px solid #ddd}
  body.onecol .blogSide .profile{margin:0;grid-row:span 2}
  body.onecol .blogSide .sideBox{margin:0}
  body.onecol .blogSide .pfImg{max-width:120px}
  /* B: 낮은 타이틀 + 진한 한 줄 버튼 띠 */
  body.lt-b .quickBtns{background:color-mix(in srgb,var(--main) 38%,#0B1B33);padding:0}
  body.lt-b .quickBtns ul{display:flex;gap:0}
  body.lt-b .quickBtns li{flex:1;min-width:0;border-left:1px solid rgba(255,255,255,.14)}
  body.lt-b .quickBtns li:first-child{border-left:0}
  body.lt-b .quickBtns a{background:transparent;border:0;border-radius:0;color:#fff;min-height:88px;padding:0 18px;justify-content:center;gap:16px;box-shadow:none;transform:none}
  body.lt-b .quickBtns a:hover{background:rgba(255,255,255,.08)}
  body.lt-b .quickBtns b{color:#fff;font-size:14.5px;white-space:nowrap}
  body.lt-b .quickBtns small{color:rgba(255,255,255,.55)}
  body.lt-b .quickBtns .ico{color:#fff;width:32px;height:32px}
  body.lt-b .quickBtns li:nth-child(n+7){display:none}
  body.lt-b .infoBar{background:color-mix(in srgb,var(--main) 38%,#0B1B33);border-bottom:1px solid rgba(255,255,255,.14)}
  /* C: 글자 타이틀 → 메뉴 → 버튼 칩 + 왼쪽 큰 프로필 */
  body.lt-c .topWrap{display:flex;flex-direction:column}
  body.lt-c .blogTitle{display:contents}
  body.lt-c .blogTitle .titleImg{display:none}
  body.lt-c .titleTextPc{order:1;background:var(--rose)}
  body.lt-c .titleTextPc .inner{padding:74px 0 66px;text-align:right}
  body.lt-c .topWrap>.blogMenu{order:2}
  body.lt-c .infoBar{order:3}
  body.lt-c .quickBtns{order:4}
  body.lt-c .titleText b{display:block;font-size:30px;font-family:var(--title);letter-spacing:-.03em}
  body.lt-c .titleText span{font-size:14.5px;margin-top:6px;display:block;color:var(--gray)}
  body.lt-c .blogMenu{border-top:0}
  body.lt-c .blogBody{gap:30px}
  body.lt-c .blogSide{width:193px}
  body.lt-c .profile{border:0;padding:0}
  body.lt-c .pfImg{aspect-ratio:3/4;border-radius:0}
  body.lt-c .pfName{font-size:14px}
  body.lt-c .quickBtns{background:#fff;padding:14px 0 0;border-bottom:1px solid var(--line)}
  body.lt-c .quickBtns ul{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:14px}
  body.lt-c .quickBtns a{min-height:0;padding:7px 12px;border-radius:999px;gap:6px;flex-direction:row-reverse;box-shadow:none;transform:none}
  body.lt-c .quickBtns b{font-size:13px;font-family:inherit;font-weight:600}
  body.lt-c .quickBtns small{display:none}
  body.lt-c .quickBtns .ico{width:16px;height:16px}
}
.titleTextPc{display:none}
@media (min-width:861px){body.lt-c .titleTextPc{display:block}}
@media (min-width:861px){body.lt-c .ib-search{display:none}}
@media (max-width:860px){body.onecol .blogSide{order:-1}.blogBody{display:flex;flex-direction:column}}
/* 하위 화면 머리말(공통) */
.pageHead{padding:4px 0 14px;border-bottom:2px solid #333;margin-bottom:24px;background:none}
.pageHead h1{font-size:22px;font-family:var(--title)}
.pageHead .lede{font-size:13.5px;color:var(--gray);margin-top:6px}
@media (min-width:861px){body.onecol .blogMain>.crumbs,body.onecol .blogMain>.pageHead,body.onecol .blogMain>.search-big,body.onecol .blogMain>.faq-cats,body.onecol .blogMain>.ctaBox{margin-left:40px;margin-right:40px}}
@media (min-width:861px){body.onecol .blogSide>*{min-width:0}body.onecol .blogSide .catList{max-height:340px;overflow-y:auto}}
/* ontoblog 표시 */
.obCredit{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 10px 5px 6px;border:1px solid #ddd;border-radius:999px;background:#fff;font-size:12px;color:#555;width:max-content;text-decoration:none!important;transition:.15s}
.obCredit:hover{border-color:#0E9F6E;color:#15202B;box-shadow:0 2px 8px rgba(14,159,110,.18)}
.obCredit svg{width:18px;height:18px;flex:none}
.obCredit span{letter-spacing:-.02em}.obCredit b{color:#0E9F6E;font-weight:800}