/* ===== 응꼬형 진료노트 — v5 (theme/basic/css/blog.css) 2026-09-17 =====
   joshwcomeau.com 을 기준으로 색을 그대로 뽑아 씀: 하늘 띠 #acd0ec, 구름 #bcdcf4/#e0ecf4/#fff, 분류 페이지 바탕 #edf4f9,
   자주색 이름표 #cf3167, 제목 검정 #0b0d10, 설명 회색 #5c6070, 옆 단 회색 #686c78. 파랑은 응꼬형 로고색 #2e5cdb.
   글씨는 Pretendard 한 종: 본문 400, 이름표·제목 700, 첫 화면 큰 제목 800. */

:root{
  --ink:#0b0d10; --sub:#5c6070; --mute:#686c78; --faint:#9498a4;
  --bg:#ffffff; --sky:#acd0ec; --cloud2:#bcdcf4; --cloud1:#e0ecf4; --page:#edf4f9; --paper:#fff; --line:#e4e9ef;
  --accent:#2e5cdb; --accent-soft:#e8eefb; --plum:#cf3167;
  --sans:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;
  --measure:720px; --radius:10px; --side:280px;
}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg)!important;color:var(--ink)!important;font-family:var(--sans)!important;font-size:17px;font-weight:400;line-height:1.7;word-break:keep-all;overflow-wrap:break-word;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;}
html.mode-cat body{background:var(--page)!important;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;text-underline-offset:.16em;text-decoration-thickness:1px;}
img{max-width:100%;height:auto;}
hr{display:none;}
b,strong{font-weight:700;}
#hd_h1,#skip_to_container,.to_content{position:absolute!important;left:-9999px!important;}
.sound_only{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
.bl-in{max-width:1200px;margin:0 auto;padding:0 32px;}

/* ── 맨 위 띠 ── */
.bl-top{background:#fff;}
.bl-top.home,.bl-top.post{background:var(--sky);}
.bl-top.cat{background:transparent;}
.bl-top.plain{border-bottom:1px solid var(--line);}
.bl-top.about{background:var(--sky);}

/* ── 머리 ── */
.bl-hd .bl-in{display:flex;align-items:center;gap:28px;min-height:88px;}
.bl-brand{display:inline-flex;align-items:flex-end;gap:7px;color:var(--ink);}
.bl-brand:hover{text-decoration:none;}
.bl-brand .lg{height:54px;width:auto;display:block;}
.bl-brand .nm{font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.02em;padding-bottom:4px;}
.bl-nav{display:flex;align-items:center;gap:6px;margin-left:auto;}
.bl-nav>a,.bl-ddb{color:var(--ink);font-size:17px;font-weight:500;padding:8px 12px;border-radius:8px;white-space:nowrap;background:transparent;border:0;font-family:inherit;cursor:pointer;line-height:1.4;letter-spacing:-.01em;}
.bl-nav>a:hover,.bl-ddb:hover{color:var(--accent);text-decoration:none;}
.bl-nav>a.on{color:var(--accent);}
.bl-dd{position:relative;}
.bl-ddb .ch{display:inline-block;margin-left:2px;transform:translateY(-3px);font-size:14px;color:var(--sub);}
.bl-ddm{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:236px;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(20,40,80,.16);padding:8px;z-index:30;}
.bl-dd.open .bl-ddm{display:block;}
.bl-ddm a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 12px;border-radius:8px;color:var(--ink);font-weight:500;font-size:15.5px;}
.bl-ddm a:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none;}
.bl-ddm a.on{color:var(--accent);}
.bl-ddm a small{color:var(--faint);font-weight:400;font-size:12.5px;}
.bl-icons{display:flex;align-items:center;gap:4px;margin-left:22px;}
.bl-icons .ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--ink);cursor:pointer;border:0;background:transparent;padding:0;}
.bl-icons a.ic:hover,.bl-icons button.ic:hover{color:var(--accent);text-decoration:none;}
.bl-icons .ic.off{color:#b6bec9;cursor:default;}
.bl-icons .hosp img{width:22px;height:auto;display:block;}
.bl-search{display:flex;align-items:center;border-radius:999px;background:transparent;height:40px;transition:background .15s;}
.bl-search input{border:0;outline:0;font:inherit;font-size:15px;width:0;padding:0;background:transparent;transition:width .18s,padding .18s;}
.bl-search.open{background:#fff;padding-left:14px;}
.bl-search.open input{width:180px;padding-right:4px;}

/* ── 첫 화면 띠: 하늘 + 구름 + 항이·장이 ── */
.bl-hero{position:relative;overflow:hidden;}
.bl-clouds{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:300px;display:block;}
.bl-hero .bl-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:24px;align-items:end;min-height:560px;}
.bl-hero .tx{padding:30px 0 110px;align-self:start;}
.bl-hero .eyebrow{margin:0 0 14px;font-size:16px;color:var(--accent);font-weight:600;letter-spacing:-.01em;}
.bl-hero h1{margin:0 0 18px;font-size:54px;font-weight:800;line-height:1.22;letter-spacing:-.035em;color:var(--ink);}
.bl-hero .d{margin:0 0 30px;font-size:20px;color:var(--sub);line-height:1.6;font-weight:500;}
.bl-askform{position:relative;max-width:560px;}
.bl-askform .mg{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none;}
.bl-askform input{width:100%;box-sizing:border-box;border:0;border-radius:12px;padding:19px 76px 19px 56px;font:inherit;font-size:17px;background:#fff;outline:0;box-shadow:0 10px 34px rgba(30,60,110,.10);color:var(--ink);}
.bl-askform input::placeholder{color:var(--faint);}
.bl-askform input:focus{box-shadow:0 0 0 4px rgba(46,92,219,.22),0 10px 34px rgba(30,60,110,.10);}
.bl-askform button{position:absolute;right:8px;top:8px;bottom:8px;width:52px;border:0;border-radius:9px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.bl-askform button:hover{background:#2650bd;}
.bl-hero .hint{margin:14px 0 0 4px;font-size:15px;color:var(--sub);}
.bl-hero .hint .lnk{border:0;background:none;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:.16em;}
.bl-hero .art{position:relative;height:100%;min-height:520px;}
.bl-hero .art img{position:absolute;right:20px;bottom:24px;height:500px;width:auto;display:block;}
/* 글 페이지 띠 */
.bl-hero.post .bl-in{grid-template-columns:minmax(0,1fr);min-height:0;}
.bl-hero.post .tx{padding:34px 0 120px;max-width:820px;}
.bl-hero.post .crumb{margin:0 0 14px;}
.bl-hero.post h1{font-size:42px;font-weight:800;line-height:1.25;letter-spacing:-.03em;margin:0 0 12px;}
.bl-hero.post .lead{margin:0 0 12px;font-size:20px;color:var(--sub);font-weight:500;line-height:1.5;}
.bl-hero.post .meta{margin:0;font-size:15px;color:var(--sub);}
.bl-hero.post .bl-clouds{height:200px;}

/* ── 틀: 본문 + 오른쪽 단 ── */
.bl-wrap{max-width:1200px;margin:0 auto;padding:36px 32px 64px;display:grid;grid-template-columns:minmax(0,1fr) var(--side);gap:64px;align-items:start;}
.bl-wrap.home{padding-top:48px;}
.bl-wrap.post{padding-top:40px;}
.bl-wrap.cat,.bl-wrap.plain{grid-template-columns:minmax(0,1fr);}
.bl-wrap.about{padding-top:40px;}
.bl-main{min-width:0;}
#container{background:transparent!important;border:0!important;padding:0!important;margin:0!important;width:auto!important;float:none!important;}
.sheet{background:transparent;padding:0;}
#container.sheet{padding:0!important;background:transparent!important;}
#container_title{font-size:44px;font-weight:800;letter-spacing:-.035em;margin:0;padding:0!important;border:0;line-height:1.2!important;background:transparent!important;height:auto!important;text-align:left!important;box-shadow:none!important;}
.bl-cat-head{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:6px 16px;margin:28px 0 26px;}
.bl-cat-head .cnt{font-size:17px;color:var(--sub);}
.bl-cat-head .sub{grid-column:1/-1;margin:0;color:var(--sub);font-size:16px;}

/* 분류 이름표 (자주색, 작고 넓은 자간 — joshwcomeau 의 ARTICLES AND TUTORIALS) */
.bl-cat{display:inline-flex;align-items:center;gap:8px;color:var(--plum);font-weight:700;font-size:15px;letter-spacing:.12em;line-height:1.3;}
.bl-cat:hover{text-decoration:none;color:#b2285a;}
.bl-cat .lg{height:24px;width:auto;display:block;}
.bl-cat .yt{height:16px;width:auto;display:block;}

/* ── 첫 화면: 상자 없이 큰 제목 · 부제 · 요약 · 더 읽기 ── */
.bl-sec{margin:0 0 64px;}
.bl-sec .sh{margin:0 0 26px;font-size:15px;line-height:1.3;}
.bl-empty{padding:4px 0 12px;color:var(--mute);font-size:16px;margin:0;}
.bl-entry{margin:0 0 44px;}
.bl-entry h3{margin:0 0 6px;font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-.025em;}
.bl-entry h3 a{color:var(--ink);}
.bl-entry h3 a:hover{color:var(--accent);text-decoration:none;}
.bl-entry .lead{margin:0 0 14px;font-size:18px;font-weight:500;color:var(--sub);line-height:1.5;}
.bl-entry .ex{margin:0 0 14px;font-size:17px;line-height:1.7;color:var(--ink);max-width:var(--measure);}
.bl-entry .rm{margin:0;font-size:17px;}
.bl-entry .rm a{font-weight:700;color:var(--ink);}
.bl-entry .rm a span{color:var(--accent);}
.bl-entry .rm a:hover{color:var(--accent);text-decoration:none;}

/* ── 분류 페이지: 파란 바탕 위 흰 카드 ── */
.bl-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.bl-card{position:relative;background:var(--paper);border-radius:8px;padding:34px 40px 30px;display:flex;flex-direction:column;min-width:0;}
.bl-card .ci{display:block;margin:-34px -40px 22px;border-radius:8px 8px 0 0;overflow:hidden;}
.bl-card .ci img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover;}
.bl-card h3{margin:0 0 8px;font-size:23px;font-weight:700;line-height:1.3;letter-spacing:-.025em;}
.bl-card h3 a{color:var(--ink);}
.bl-card h3 a:hover{color:var(--accent);text-decoration:none;}
.bl-card .lead{margin:0 0 14px;font-size:16.5px;color:var(--sub);font-weight:500;line-height:1.5;}
.bl-card .ex{margin:0 0 18px;font-size:16px;line-height:1.7;color:var(--ink);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
.bl-card .rm{margin:auto 0 0;display:flex;align-items:baseline;gap:12px;font-size:16px;}
.bl-card .rm a{font-weight:700;color:var(--ink);}
.bl-card .rm a:hover{color:var(--accent);text-decoration:none;}
.bl-card .rm .m{margin-left:auto;font-size:13px;color:var(--faint);white-space:nowrap;}
.bl-card .chk{position:absolute;top:12px;left:12px;}
.bl-card.pick h3 a::after{content:"추천";font-size:11.5px;color:var(--plum);background:#fbe9f0;border-radius:5px;padding:1px 7px;margin-left:8px;vertical-align:3px;font-weight:600;letter-spacing:0;}
.bl-cards.pop{grid-template-columns:repeat(3,1fr);gap:18px;}
.bl-cards.pop .bl-card{padding:26px 30px 24px;}
.bl-cards.pop .bl-card h3{font-size:20px;}
.bl-cards.pop .bl-card .ex{-webkit-line-clamp:3;font-size:15.5px;}
.sch_word{color:var(--accent);background:var(--accent-soft);border-radius:3px;padding:0 2px;}
.bl-catsearch{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:6px 6px 6px 22px;margin:0 0 20px;max-width:600px;}
.bl-catsearch input{flex:1;border:0;outline:0;font:inherit;font-size:16px;background:transparent;min-width:0;}
.bl-catsearch button{border:0;background:var(--accent);color:#fff;font:inherit;font-size:15px;font-weight:600;border-radius:999px;padding:9px 18px;cursor:pointer;}
.bl-catsearch .clr{font-size:13.5px;color:var(--mute);padding:0 10px;}
.bl-pop{margin:0 0 36px;}
.bl-pop h2{font-size:15px;font-weight:700;color:var(--plum);letter-spacing:.12em;margin:0 0 16px;}
#bo_list{width:auto!important;}
.bl-tools{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:13.5px;color:var(--mute);}
.bl-tools .cnt{margin:0 auto 0 0;font-size:15px;font-weight:700;color:var(--plum);letter-spacing:.12em;}
.bl-tools a,.bl-tools button{color:var(--sub);background:#fff;border:0;border-radius:8px;padding:6px 12px;font:inherit;font-size:13.5px;cursor:pointer;}
.bl-tools a:hover,.bl-tools button:hover{color:var(--accent);text-decoration:none;}
.bl-tools .more_opt{position:absolute;background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(20,40,80,.14);padding:6px;list-style:none;margin:4px 0 0;display:none;z-index:5;}
.bl-tools .more_opt li button{display:block;width:100%;text-align:left;padding:7px 12px;}
.bl-tools .is_list_btn{position:relative;}
#bo_cate{margin:0 0 26px;}
#bo_cate h2{position:absolute;left:-9999px;}
#bo_cate_ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap;}
#bo_cate_ul a{display:inline-block;font-size:14px;color:var(--sub);background:#fff;border-radius:999px;padding:5px 15px;font-weight:600;}
#bo_cate_ul a#bo_cate_on{color:#fff;background:var(--accent);}
.pg_wrap{margin:30px 0 0;text-align:left!important;}
.pg{display:flex;gap:6px;flex-wrap:wrap;}
.pg a,.pg strong,.pg_current{display:inline-block;min-width:38px;height:38px;line-height:38px;text-align:center;border-radius:8px;font-size:14.5px;color:var(--sub);background:#fff;padding:0 8px;font-weight:600;}
.pg_current{color:#fff!important;background:var(--accent)!important;}
.pg a:hover{color:var(--accent);text-decoration:none;}
.bo_sch_wrap,.bo_sch_bg{display:none;}
.bl-ask-after{margin:26px 0 0;padding:18px 22px;background:#fff;border-radius:8px;font-size:15.5px;}
html:not(.mode-cat) .bl-ask-after{background:var(--page);}
.bl-ask-after p{margin:0;line-height:1.7;}
.bl-ask-after .b2{border:0;border-radius:8px;padding:7px 13px;background:var(--accent);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;}

/* ── 오른쪽 단 (TABLE OF CONTENTS 꼴) ── */
.bl-side{min-width:0;}
.bl-side-in{position:sticky;top:24px;}
.bl-sb{margin:0 0 36px;}
.bl-sb h2{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--plum);letter-spacing:.12em;}
.bl-sb ul{list-style:none;margin:0;padding:0;}
.bl-sb li{margin:0 0 11px;}
.bl-sb li a{color:var(--mute);font-size:16px;line-height:1.5;letter-spacing:-.01em;display:block;}
.bl-sb li a:hover{color:var(--accent);text-decoration:none;}
.bl-sb li a.on{color:var(--accent);}
.bl-sb.cats li a small{font-size:13px;color:var(--faint);margin-left:4px;}
.bl-sb.pop li a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.bl-banner{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;background:var(--page);border-radius:var(--radius);padding:18px 0 0 20px;color:var(--ink);overflow:hidden;margin:0;}
.bl-banner:hover{text-decoration:none;}
.bl-banner .ch{height:110px;width:auto;display:block;align-self:flex-end;margin:6px 6px 0 0;flex:none;}
.bl-banner .tx{padding:0 0 18px;min-width:0;}
.bl-banner .k{display:inline-block;font-size:11.5px;font-weight:600;color:var(--plum);background:#fff;border-radius:999px;padding:1px 9px;margin:0 0 8px;letter-spacing:.04em;}
.bl-banner .t{display:block;font-size:15.5px;font-weight:700;line-height:1.4;letter-spacing:-.015em;}
.bl-banner .s{display:block;font-size:12.5px;color:var(--sub);margin-top:5px;}
.bl-banner .m{display:block;font-size:13px;color:var(--accent);margin-top:8px;font-weight:600;}

/* ── 글 보기 ── */
#bo_v{width:auto!important;max-width:none;margin:0;padding:0;}
#bo_v_table{display:none;}
#bo_v_title{display:none;}
#bo_v_title .bo_v_cate{display:block;font-size:13.5px;color:var(--sub);font-weight:500;margin:0 0 8px;}
#bo_v_title .bo_v_tit{font-size:30px;font-weight:600;line-height:1.3;letter-spacing:-.025em;color:var(--ink);font-family:var(--sans);max-width:760px;}
#bo_v_info{display:none!important;border:0;padding:0 0 22px;margin:0 0 30px;border-bottom:1px solid var(--line);font-size:14px;color:var(--sub);display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
#bo_v_info h2,#bo_v_info .sound_only{position:absolute!important;left:-9999px!important;}
#bo_v_info .profile_info{display:flex;align-items:center;gap:8px;}
#bo_v_info .profile_info .pf_img,#bo_v_info .profile_img{display:none;}
#bo_v_info .profile_info_ct,#bo_v_info .sv_member,#bo_v_info .profile_info_ct .member{color:var(--ink)!important;font-weight:500;}
#bo_v_info .sv_wrap{display:inline-block;}
#bo_v_info .if_date{color:var(--mute);order:2;}
#bo_v_info .if_hit,#bo_v_info .if_cmt{display:none;}
#bo_v_info .if_date strong{font-weight:400;}
#bo_v_info .profile_info_ct br{display:none;}
#bo_v_info .profile_info_ct > strong{font-weight:500;color:var(--ink);}
#bo_v_info .profile_info_ct > strong:not(.if_date):not(:first-of-type){display:none;}
#bo_v_info .profile_info_ct .if_date{font-weight:400;color:var(--mute);margin-left:10px;}
.cmt_btn{display:none!important;}
.bo_v_nb .btn_prv,.bo_v_nb .btn_next{list-style:none;font-size:14px;margin:6px 0;}
.bo_v_nb .nb_tit{color:var(--mute);margin-right:8px;}
.bo_v_nb .nb_date{color:var(--mute);font-size:12.5px;margin-left:6px;}
#bo_v_atc{padding:0;margin:0;}
#bo_v_atc_title{position:absolute;left:-9999px;}
#bo_v_con{font-family:var(--sans)!important;font-size:17.5px!important;line-height:1.75!important;color:var(--ink)!important;max-width:var(--measure);padding:0!important;margin:0 0 44px!important;width:auto!important;overflow:visible!important;letter-spacing:-.01em;font-weight:400;}
#bo_v_con *{font-family:var(--sans)!important;line-height:inherit;letter-spacing:inherit;}
#bo_v_con p,#bo_v_con div{margin:0 0 1.1em;font-size:inherit;}
#bo_v_con p:empty,#bo_v_con div:empty{display:none;}
#bo_v_con h1,#bo_v_con h2,#bo_v_con h3,#bo_v_con h4{font-weight:700;letter-spacing:-.025em;line-height:1.35;margin:1.9em 0 .6em;color:var(--ink);}
#bo_v_con h1{font-size:26px;}#bo_v_con h2{font-size:24px;}#bo_v_con h3{font-size:21px;}#bo_v_con h4{font-size:18px;}
#bo_v_con > h1:first-child,#bo_v_con > h2:first-child,#bo_v_con > h3:first-child{margin-top:0;}
#bo_v_con ul,#bo_v_con ol{padding-left:1.3em;margin:0 0 1.1em;}
#bo_v_con li{margin:.3em 0;}
#bo_v_con blockquote,#bo_v_con .box{margin:0 0 1.4em;padding:22px 26px;border:0;background:var(--page);border-radius:var(--radius);color:var(--ink);}
#bo_v_con blockquote > p:first-child > strong:only-child{display:block;font-size:18px;font-weight:700;margin:0 0 .2em;}
#bo_v_con blockquote p{margin:0 0 .7em;}
#bo_v_con blockquote p:last-child,#bo_v_con blockquote ul:last-child,#bo_v_con blockquote ol:last-child{margin-bottom:0;}
#bo_v_con blockquote ul,#bo_v_con blockquote ol{margin:.4em 0 0;}
#bo_v_con blockquote + blockquote{margin-top:-.4em;}
#bo_v_con img{display:block;max-width:100%;height:auto;margin:1.6em 0;border-radius:10px;}
#bo_v_con > p:first-child > img:only-child,#bo_v_con > img:first-child,#bo_v_con > figure:first-child img{width:100%;margin-top:0;}
#bo_v_con figure{margin:1.6em 0;}
#bo_v_con figcaption{font-size:14px;color:var(--sub);margin-top:.6em;}
#bo_v_con iframe{display:block;width:100%;max-width:var(--measure);aspect-ratio:16/9;height:auto;margin:1.6em 0;border:0;border-radius:10px;}
#bo_v_con table{border-collapse:collapse;width:100%;font-size:15px;margin:1.4em 0;display:block;overflow-x:auto;}
#bo_v_con th,#bo_v_con td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top;}
#bo_v_con th{background:var(--page);font-weight:600;}
#bo_v_con strong,#bo_v_con b{font-weight:700;}
#bo_v_con a{text-decoration:underline;text-underline-offset:.16em;text-decoration-color:rgba(46,92,219,.4);}
#bo_v_con hr{display:block;border:0;border-top:1px solid var(--line);margin:2em 0;}
#bo_v_con code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:.9em;background:var(--page);padding:.1em .35em;border-radius:4px;}
#bo_v_con .sound_only{display:none;}
#bo_v_img{margin:0 0 20px;}
#bo_v_file,#bo_v_link{background:var(--page);border-radius:10px;padding:12px 16px;margin:0 0 20px;font-size:14px;}
#bo_v_file h2,#bo_v_link h2{font-size:13px;font-weight:600;color:var(--sub);margin:0 0 6px;}
#bo_v_file ul,#bo_v_link ul{list-style:none;margin:0;padding:0;}
#bo_v_top{position:relative;}
.bo_v_nb{border:0;margin:0 0 20px;padding:0;}
.bo_v_nb .btn_top{position:static;list-style:none;margin:0;padding:0;display:flex;gap:6px;justify-content:flex-end;}
.bo_v_nb .btn_top li{float:none;margin:0;}
.btn_bo_user{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap;}
.btn_bo_user li{margin:0;float:none;position:relative;}
.btn_bo_user .btn,.btn_bo_user a,.btn_bo_user button{display:inline-flex;align-items:center;gap:4px;border:0;border-radius:8px;background:var(--page);color:var(--sub)!important;font:inherit;font-size:13px;padding:6px 11px;line-height:1.4;cursor:pointer;height:auto;}
.btn_bo_user .btn:hover{color:var(--accent)!important;text-decoration:none;background:var(--accent-soft);}
.btn_bo_user .btn_admin{color:var(--accent)!important;}
#bo_v_bot{margin-top:24px;}
#bo_v_bot .btn_bo_user{justify-content:flex-start;}
#bo_v_act{margin:0 0 20px;}
#bo_v_act .bo_v_act_gng a{border-radius:8px;padding:6px 11px;font-size:13px;color:var(--sub);background:var(--page);}
.more_opt{display:none;position:absolute;z-index:5;min-width:120px;border-radius:10px;background:#fff;box-shadow:0 8px 30px rgba(20,40,80,.14);padding:6px;list-style:none;margin:0;}
.more_opt li{margin:0;}
.more_opt a,.more_opt button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:7px 12px;font:inherit;font-size:13px;color:var(--sub);cursor:pointer;}
#bo_v_share{display:none;position:absolute;background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(20,40,80,.14);padding:8px;z-index:5;}
ul.btn_top.top.btn_bo_user{margin:0 0 12px;justify-content:flex-end;}
.bo_v_com{display:none!important;}
.bo_v_prev,.bo_v_next{display:inline-block;margin:10px 16px 0 0;font-size:14px;}
.bo_v_prev a,.bo_v_next a{color:var(--sub);}
.bo_v_prev span,.bo_v_next span{color:var(--mute);margin-right:4px;}
#viewimageresize{display:none;}
.fa{font-style:normal;}

/* 글 아래 저자 블록 */
.bl-post-author{margin:32px 0 0;padding:22px 26px;background:var(--page);border-radius:var(--radius);max-width:var(--measure);box-sizing:border-box;}
.bl-post-author.sheet{padding:22px 26px;}
.bl-author .who{margin:0 0 6px;font-size:14.5px;color:var(--ink);line-height:1.6;}
.bl-author .who strong{font-weight:600;}
.bl-author .desc{margin:0 0 6px;font-size:14px;color:var(--sub);line-height:1.7;max-width:var(--measure);}
.bl-author .links{margin:0;font-size:13px;color:var(--mute);line-height:1.8;}

/* 댓글 */
#bo_vc,#bo_vc_w,#bo_vc_empty{background:transparent!important;padding:0!important;border:0!important;margin-left:0!important;margin-right:0!important;}
#bo_vc{margin-top:32px!important;max-width:var(--measure);}
#bo_vc h2,#bo_vc_w h2{position:static!important;height:auto!important;line-height:1.4!important;overflow:visible!important;top:auto!important;font-size:16px;font-weight:700;border:0;padding:0 0 10px!important;margin:0 0 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;}
#bo_vc article{border-bottom:1px solid var(--line);padding:14px 0;}
#bo_vc article .profile_img{display:none;}
#bo_vc .cmt_contents{font-size:15px;line-height:1.7;margin:6px 0 0;}
#bo_vc header{font-size:13px;color:var(--sub);}
#bo_vc_empty,#bo_vc .empty_list{padding:14px 0!important;text-align:left!important;font-size:14px;color:var(--mute);}
#bo_vc_w{margin-top:0;max-width:var(--measure);padding-top:28px!important;}
#bo_vc_w textarea{width:100%;max-width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;font-size:15px;min-height:96px;box-sizing:border-box;}
#bo_vc_w .btn_submit,.btn_submit{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 16px;font:inherit;font-size:14px;cursor:pointer;position:static!important;height:auto!important;}
#bo_vc_w .bo_vc_w_info,#bo_vc_w .bo_vc_w_wr{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px;}
#bo_vc_w .bo_vc_w_info input,#bo_vc_w .frm_input{border:1px solid var(--line);border-radius:8px;padding:7px 9px;font:inherit;font-size:14px;max-width:100%;box-sizing:border-box;}
#bo_vc_send,#bo_vc_send_write{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px;}
#bo_vc_send .btn_b01{border:0;background:var(--page);border-radius:8px;padding:7px 11px;font:inherit;font-size:13px;}
.bo_vc_w_wr label,.bo_vc_w_info label{font-size:13px;color:var(--sub);}
#captcha{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;margin:8px 0;}
#captcha img,#captcha #captcha_img{height:36px;width:auto;max-width:130px;}
#captcha #captcha_key,#captcha input[type=text]{width:90px!important;box-sizing:border-box;}
#captcha #captcha_info{font-size:12px;color:var(--mute);flex:1 0 100%;}
#captcha audio,#captcha_audio{display:none!important;}
#captcha #captcha_mp3,#captcha #captcha_reload{width:30px;height:30px;padding:0;border:0;border-radius:6px;background:var(--page);}

/* 글쓰기 폼 */
#bo_w{max-width:none;}
#bo_w .write_div{margin:0 0 14px;}
#bo_w label{font-size:13.5px;color:var(--sub);}
#bo_w input.frm_input,#bo_w select,#bo_w textarea{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-size:15px;}
#bo_w #wr_subject{width:100%;box-sizing:border-box;font-size:17px;font-weight:500;}
#bo_w .btn_confirm{display:flex;gap:8px;margin-top:16px;}
#bo_w .btn_cancel{background:var(--page);color:var(--sub);border:0;border-radius:8px;padding:9px 16px;font:inherit;font-size:14px;}
.write_div .frm_info,.frm_info{font-size:12.5px;color:var(--mute);}

/* ── 브리스톨 참고 그림 ── */
.bl-bristol{margin:8px 0 0;padding:26px 28px 20px;background:var(--page);border-radius:var(--radius);}
.bl-bristol svg{width:100%;height:auto;display:block;max-width:760px;}
.bl-bristol figcaption{font-size:13px;color:var(--sub);margin-top:8px;max-width:var(--measure);line-height:1.6;}

/* ── 소개 페이지 (글 페이지와 같은 본문 규격) ── */
.bl-about{max-width:var(--measure);padding:0;}
#bo_v_con.bl-about h2{font-size:15px;font-weight:700;color:var(--plum);margin:2.2em 0 .7em;padding:0 0 8px;border-bottom:1px solid var(--line);letter-spacing:.12em;}
#bo_v_con.bl-about > h2:first-child{margin-top:0;}
#bo_v_con.bl-about ul{list-style:none;margin:0 0 1.1em;padding:0;}
#bo_v_con.bl-about li{font-size:16.5px;line-height:1.6;padding:8px 0;border-bottom:1px solid var(--line);margin:0;}
#bo_v_con.bl-about li:last-child{border-bottom:0;}
/* ── 전체 검색 결과 ── */
#sch_res_detail{border:0;padding:0;margin:0 0 20px;}
#sch_res_detail legend{position:absolute;left:-9999px;}
#sch_res_detail .frm_input{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-size:15px;background:#fff;}
#sch_res_detail .btn_submit{margin-left:4px;}
#sch_res_detail select{font:inherit;font-size:14px;border:1px solid var(--line);border-radius:8px;padding:7px 8px;background:#fff;}
#sch_res_board{margin:0 0 22px;background:var(--page);border-radius:var(--radius);padding:20px 26px;}
#sch_res_board h2{font-size:15px;font-weight:700;color:var(--plum);letter-spacing:.12em;padding:0 0 8px;margin:0 0 4px;border-bottom:1px solid var(--line);}
#sch_res_board ul{list-style:none;margin:0;padding:0;}
#sch_res_board li{padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.6;}
#sch_res_board li:last-child{border-bottom:0;}
#sch_res_board li a{color:var(--ink);font-weight:500;}
#sch_res_board .sch_res_info{font-size:13px;color:var(--mute);}
#sch_res_board .sch_res_more{margin-top:8px;font-size:13.5px;}
#sch_res_board .sch_res_con{font-size:14px;color:var(--sub);font-weight:400;}
.sch_res_ex{display:none;}

/* ── 회원·기타 ── */
#container form,#container fieldset{font-family:var(--sans);}
.tbl_head01 th{background:var(--page);font-weight:500;font-size:14px;}
.tbl_head01 td{font-size:14.5px;}
#mb_login{max-width:360px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;}
#mb_login .frm_input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit;margin:0 0 8px;}
#mb_login .btn_submit{width:100%;}
#mb_login #login_info{margin-top:12px;font-size:13px;}
#device_change{display:none;}

/* ── 푸터 ── */
.bl-ft{border-top:1px solid var(--line);padding:26px 0 48px;}
.bl-ft .bl-author .who{font-size:13.5px;}
.bl-ft .addr{margin:10px 0 0;font-size:13px;color:var(--sub);}
.bl-ft .fine{margin:6px 0 0;font-size:12.5px;color:var(--mute);}
.bl-ft .fine a{color:var(--mute);}

/* ── 반응형 ── */
@media (max-width:1000px){
  .bl-hd{position:fixed;top:0;left:0;right:0;z-index:40;background:var(--sky);transition:box-shadow .15s;}
  .bl-top.cat .bl-hd{background:var(--page);}
  .bl-top.plain .bl-hd{background:#fff;border-bottom:1px solid var(--line);}
  html.scrolled .bl-hd{box-shadow:0 1px 0 rgba(20,40,80,.08),0 6px 20px rgba(20,40,80,.08);}
  .bl-top{padding-top:var(--hdh,112px);}
  .bl-hd .bl-in{gap:12px;}
  .bl-hero .bl-in{grid-template-columns:1fr;gap:0;min-height:0;}
  .bl-hero .tx{padding:20px 0 20px;}
  .bl-hero .art{min-height:360px;height:360px;}
  .bl-hero .art img{right:auto;left:50%;transform:translateX(-50%);height:340px;bottom:16px;}
  .bl-clouds{height:200px;}
  .bl-hero.post .tx{padding:20px 0 90px;}
  .bl-hero.post h1{font-size:32px;}
  .bl-wrap{grid-template-columns:1fr;gap:36px;}
  .bl-side-in{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;align-items:start;}
  .bl-banner{grid-column:1/-1;}
  .bl-cards{grid-template-columns:1fr 1fr;gap:18px;}
}
@media (max-width:640px){
  body{font-size:16px;}
  .bl-in{padding:0 18px;}
  .bl-wrap{padding:26px 18px 44px;}
  .bl-wrap.home{padding-top:32px;}
  .bl-hd .bl-in{min-height:0;padding-top:14px;padding-bottom:6px;flex-wrap:wrap;}
  .bl-brand .lg{height:42px;}
  .bl-brand .nm{font-size:16px;}
  .bl-icons{order:2;margin-left:auto;}
  .bl-nav{order:3;flex:1 0 100%;margin:-2px 0 0 -10px;}
  .bl-nav>a,.bl-ddb{font-size:15px;padding:6px 9px;}
  .bl-ddm{left:0;right:auto;}
  .bl-icons .ic{width:34px;height:34px;}
  .bl-search.open input{width:110px;}
  .bl-hero h1{font-size:34px;}
  .bl-hero .d{font-size:17px;}
  .bl-hero .eyebrow{font-size:14.5px;}
  .bl-askform input{font-size:16px;padding:15px 66px 15px 48px;}
  .bl-askform .mg{left:16px;}
  .bl-askform button{width:46px;top:7px;bottom:7px;right:7px;}
  .bl-hero .art{height:280px;min-height:280px;}
  .bl-hero .art img{height:260px;}
  .bl-clouds{height:150px;}
  .bl-hero.post h1{font-size:27px;}
  .bl-hero.post .lead{font-size:17px;}
  .bl-sec{margin-bottom:48px;}
  .bl-entry{margin-bottom:30px;}
  .bl-entry h3{font-size:22px;}
  .bl-entry .lead{font-size:16px;margin-bottom:8px;}
  .bl-entry .ex{font-size:15.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;}
  .bl-entry .rm{font-size:15px;}
  /* 분류 페이지 카드: 제목 + 부제만 (부제가 없으면 요약 한 줄), 더 읽기·날짜 없음 */
  .bl-cards .bl-card,.bl-cards.pop .bl-card{padding:18px 20px 16px;}
  .bl-cards .bl-card h3,.bl-cards.pop .bl-card h3{font-size:18px;margin-bottom:4px;}
  .bl-cards .bl-card .lead{font-size:15px;margin:0;}
  .bl-cards .bl-card .ex,.bl-cards.pop .bl-card .ex{font-size:14.5px;line-height:1.55;margin:0;-webkit-line-clamp:1;}
  .bl-cards .bl-card .lead + .ex{display:none;}
  .bl-cards .bl-card .rm{display:none;}
  .bl-cards .bl-card .ci{display:none;}
  html.mo-b .bl-cards .bl-card .lead + .ex{display:-webkit-box;-webkit-line-clamp:2;margin-top:6px;}
  html.mo-b .bl-cards .bl-card .ex{-webkit-line-clamp:2;}
  .bl-side-in{grid-template-columns:1fr;}
  .bl-cards,.bl-cards.pop{grid-template-columns:1fr;gap:10px;}
  .bl-card .ci{margin:-18px -20px 14px;}
  #container_title{font-size:32px;}
  #bo_v_con{font-size:16.5px!important;}
  .bl-post-author{padding:18px 18px;}
  .bl-about h1{font-size:28px;}
  .bl-about p{font-size:16px;}
  .bl-catsearch{padding-left:16px;}
}
/* 관리자 글 관리 (로그인한 관리자에게만 보임) */
.bl-admin{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:8px 10px;border:1px dashed #b9c8dd;border-radius:10px;background:#fff;font-size:13.5px;}
.bl-admin .lb{color:var(--plum);font-weight:700;letter-spacing:.08em;margin-right:4px;}
.bl-admin a{display:inline-block;padding:5px 11px;border-radius:7px;background:#edf4f9;color:var(--ink);text-decoration:none;}
.bl-admin a.ed{background:var(--accent);color:#fff;font-weight:700;}
.bl-admin a.dl{color:#b3261e;}
.bl-admin a:hover{opacity:.85;}
.bl-edit{display:inline-block;margin-left:10px;padding:1px 8px;border-radius:6px;border:1px solid #b9c8dd;background:#fff;color:var(--accent)!important;font-size:12px;font-weight:600;text-decoration:none;vertical-align:middle;}

/* 병원소식 기사형 글의 머리 줄 */
#bo_v_con .bl-news-meta{font-size:13.5px;color:var(--sub);letter-spacing:.02em;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line);}
/* 전체 글 목록(archive.php) */
.bl-arch{margin:0 0 42px;}
.bl-arch h2{font-size:20px;font-weight:800;color:var(--ink);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line);}
.bl-arch h2 a{color:inherit;text-decoration:none;}
.bl-arch h2 .cnt{font-size:14px;font-weight:600;color:var(--plum);letter-spacing:.06em;margin-left:8px;}
.bl-arch ul{list-style:none;margin:0;padding:0;}
.bl-arch li{display:flex;gap:12px;align-items:baseline;padding:7px 0;border-bottom:1px solid #eef2f6;font-size:16px;line-height:1.55;}
.bl-arch li a{color:var(--ink);text-decoration:none;flex:1 1 auto;}
.bl-arch li a:hover{color:var(--accent);text-decoration:underline;}
.bl-arch li .d{flex:0 0 auto;font-size:13px;color:var(--mute);}
.bl-arch-note{font-size:14px;color:var(--sub);margin:0 0 30px;}
.bl-ft .nav{font-size:14px;color:var(--sub);margin:6px 0 0;}
.bl-ft .nav a{color:var(--sub);}
@media (max-width:1000px){.bl-arch li{font-size:15px;}.bl-arch li .d{display:none;}}
/* 글 아래 같이 보면 좋은 글 */
.bl-rel{margin:34px 0 8px;padding:22px 24px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe;}
.bl-rel h2{font-size:15px;font-weight:700;color:var(--plum);letter-spacing:.1em;margin:0 0 14px;}
.bl-rel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;}
.bl-rel li{display:flex;flex-direction:column;gap:2px;padding-bottom:10px;border-bottom:1px solid #eef2f6;}
.bl-rel li a{text-decoration:none;display:block;}
.bl-rel li .t{display:block;font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.45;}
.bl-rel li a:hover .t{color:var(--accent);}
.bl-rel li .s{display:block;font-size:13.5px;color:var(--sub);line-height:1.5;margin-top:2px;}
.bl-rel li .c{font-size:12px;color:var(--mute);letter-spacing:.04em;margin-top:4px;}
.bl-rel .all{margin:14px 0 0;font-size:14px;}
@media (max-width:1000px){.bl-rel{padding:18px 16px;}.bl-rel ul{grid-template-columns:1fr;gap:10px;}.bl-rel li .s{display:none;}}