/* =====================================================================
   세라믹치과 티유형 시안 · 게시판·회원·문서 화면 (공지사항, 치료후기, 전후사진,
   자가진단, 로그인, 회원가입, 이용약관, 개인정보처리방침, 비급여수가표)
   site.css 변수만 씁니다. 클래스는 모두 b- 로 시작합니다.
   ===================================================================== */

/* ---------- 페이지 머리 (이미지 없는 짧은 첫 구간) ---------- */
.b-head{padding:calc(var(--hd) + 11rem) 0 0;background:#fff;text-align:center}
.b-head .b-en{font-family:var(--en);font-weight:400;font-size:8.2rem;line-height:1;color:var(--or);letter-spacing:.02em;white-space:nowrap}
.b-head .b-ko{font-size:1.854rem;font-weight:600;letter-spacing:var(--ls);color:var(--or);margin-top:2rem}
.b-head .b-lead{font-size:1.648rem;line-height:1.6;letter-spacing:var(--ls);color:var(--g1);margin:1.2rem auto 0;max-width:80rem}
.b-head + .s-subnav{padding-top:4.4rem}
.b-body{padding:7rem 0 14rem;background:#fff}
.b-body.tight{padding-top:5rem}
.b-wrap{width:72%;margin:0 auto}
.b-wrap.wide{width:83.2%}
.b-wrap.narrow{width:min(52rem,88%)}

/* ---------- 공통 버튼·안내 ---------- */
.b-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;height:48px;padding:0 3rem;border-radius:24px;border:1px solid var(--t1);background:#fff;color:var(--t1);font:500 1.648rem var(--ko);letter-spacing:var(--ls);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.b-btn:hover{border-color:var(--or);color:var(--or)}
.b-btn.pri{background:var(--or);border-color:var(--or);color:#fff}
.b-btn.pri:hover{background:#d44f22;color:#fff}
.b-btn.dark{background:var(--t1);border-color:var(--t1);color:#fff}
.b-btn.dark:hover{background:#000;color:#fff}
.b-btn.block{width:100%}
.b-btns{display:flex;justify-content:center;gap:1rem;margin-top:5rem;flex-wrap:wrap}
.b-notice{border:1px solid var(--line);background:var(--bg2);padding:3rem 3.6rem;text-align:center}
.b-notice b{display:block;font-size:2rem;font-weight:600;letter-spacing:var(--ls);color:var(--t1);margin-bottom:.8rem}
.b-notice p{font-size:1.648rem;line-height:1.7;letter-spacing:var(--ls);color:var(--g1)}
.b-small{font-size:1.481rem;line-height:1.7;letter-spacing:var(--ls);color:var(--g2)}
.b-lock-ic{width:44px;height:44px;border-radius:50%;background:var(--or);display:grid;place-items:center;margin:0 auto}
.b-lock-ic svg{width:18px;height:18px;fill:#fff}
.b-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 2.6rem;margin-bottom:3.4rem}
.b-tabs button{background:none;border:0;border-bottom:1px solid transparent;padding:.6rem 0;font:400 1.648rem var(--ko);letter-spacing:var(--ls);color:var(--g3);cursor:pointer;transition:color .2s}
.b-tabs button:hover{color:var(--g1)}
.b-tabs button.on{color:var(--or);border-color:var(--or);font-weight:600}

/* ---------- 공지사항 목록 ---------- */
.b-board-top{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem}
.b-board-top .b-total{font-size:1.481rem;color:var(--g2);letter-spacing:var(--ls)}
.b-board-top .b-total b{color:var(--or);font-weight:600}
.b-search{display:flex;align-items:center;border-bottom:1px solid var(--t1);width:min(32rem,100%)}
.b-search input{flex:1;border:0;height:42px;font:400 1.648rem var(--ko);letter-spacing:var(--ls);color:var(--t1);outline:none;background:transparent;min-width:0}
.b-search button{border:0;background:none;width:36px;height:42px;cursor:pointer;display:grid;place-items:center}
.b-search svg{width:18px;height:18px;fill:none;stroke:var(--t1);stroke-width:1.8}
.b-list{border-top:2px solid var(--t1)}
.b-list .b-row{display:grid;grid-template-columns:8rem 1fr 13rem 9rem;align-items:center;min-height:7.6rem;border-bottom:1px solid var(--line);font-size:1.648rem;letter-spacing:var(--ls);color:var(--g1)}
.b-list .b-row.b-th{min-height:5.6rem;font-size:1.481rem;font-weight:600;color:var(--t1)}
.b-list .b-row > *{padding:0 1.6rem;text-align:center}
.b-list .b-row .b-tt{text-align:left;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b-list a.b-row{transition:background .2s}
.b-list a.b-row:hover{background:rgba(232,90,42,.03)}
.b-list a.b-row:hover .b-tt{color:var(--or)}
.b-list .b-cat{display:inline-block;margin-right:1rem;padding:.2rem 1rem;border:1px solid var(--line);border-radius:12px;font-size:1.215rem;color:var(--g2);vertical-align:2px}
.b-list .b-num{font-family:var(--en-s);color:var(--g3);font-size:1.481rem}
.b-list .b-date{font-family:var(--en-s);color:var(--g2);font-size:1.481rem}
.b-list .b-view{color:var(--g3);font-size:1.481rem}
.b-list .b-new{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--or);margin-left:.8rem;vertical-align:4px}
.b-paging{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:5rem}
.b-paging button{min-width:38px;height:38px;border-radius:19px;border:0;background:none;font:400 1.481rem var(--en-s);color:var(--g2);cursor:pointer}
.b-paging button.on{background:var(--t1);color:#fff}
.b-paging button:disabled{opacity:.3;cursor:default}
.b-empty{padding:8rem 0;text-align:center;color:var(--g3);font-size:1.648rem;border-bottom:1px solid var(--line)}

/* ---------- 공지사항 글 보기 ---------- */
.b-view-head{border-top:2px solid var(--t1);border-bottom:1px solid var(--line);padding:3.6rem 0 3rem;text-align:center}
.b-view-head .b-cat{display:inline-block;padding:.2rem 1.2rem;border:1px solid var(--line);border-radius:12px;font-size:1.215rem;color:var(--g2);margin-bottom:1.6rem}
.b-view-head h2{font-size:3rem;font-weight:600;letter-spacing:-.05em;color:var(--t1);line-height:1.35}
.b-view-head .b-meta{margin-top:1.6rem;font-size:1.481rem;color:var(--g2);letter-spacing:var(--ls)}
.b-view-head .b-meta span + span:before{content:"|";margin:0 1.2rem;color:var(--line)}
.b-view-body{padding:5rem 0;border-bottom:1px solid var(--line);font-size:1.75rem;line-height:1.8;letter-spacing:var(--ls);color:var(--g1);text-align:center}
.b-view-body img{max-width:min(72rem,100%);height:auto;margin:0 auto}
.b-view-nav{border-bottom:1px solid var(--line)}
.b-view-nav a{display:grid;grid-template-columns:10rem 1fr 13rem;align-items:center;min-height:6.4rem;border-top:1px solid var(--line);font-size:1.648rem;letter-spacing:var(--ls);color:var(--t1)}
.b-view-nav a:first-child{border-top:0}
.b-view-nav a > *{padding:0 1.6rem}
.b-view-nav .b-k{font-size:1.339rem;color:var(--g3)}
.b-view-nav .b-date{font-family:var(--en-s);font-size:1.481rem;color:var(--g2);text-align:right}
.b-view-nav a:hover .b-t{color:var(--or)}

/* ---------- 치료후기 ---------- */
.b-rv{--naver:hsl(150 24% 42%);--google:hsl(214 24% 46%);--gangnam:hsl(352 26% 50%);--babitalk:hsl(272 20% 50%);--home:var(--or);
  --naver-t:hsl(150 18% 96%);--google-t:hsl(214 18% 96%);--gangnam-t:hsl(352 20% 96%);--babitalk-t:hsl(272 14% 96%);--home-t:hsl(18 50% 96%)}
.b-rv .b-note{text-align:center;font-size:1.481rem;line-height:1.7;letter-spacing:var(--ls);color:var(--g2);margin-top:-1rem}
.b-rv .b-note a{color:var(--t1);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.b-rv .b-count{text-align:center;font-family:var(--ko);font-size:1.481rem;color:var(--g3);letter-spacing:var(--ls);margin:1rem 0 4.4rem}
.b-rv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5.4rem 2.8rem}
.b-card{display:block;cursor:pointer;min-width:0;color:inherit}
.b-card .b-th{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg2)}
.b-card .b-badge{position:absolute;left:1.4rem;top:1.4rem;z-index:2;font-size:1.15rem;font-weight:600;color:#fff;padding:.4rem 1rem;border-radius:2px;letter-spacing:.02em}
.b-card .b-lk{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;text-align:center;padding:0 2rem}
.b-card .b-lk i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}
.b-card .b-lk i svg{width:17px;height:17px;fill:#fff}
.b-card .b-lk b{font-size:1.554rem;font-weight:600;color:var(--t1);letter-spacing:var(--ls)}
.b-card .b-lk span{font-size:1.339rem;color:var(--g2);letter-spacing:var(--ls)}
.b-card .b-tx{position:absolute;inset:0;padding:2rem 2rem 0;display:flex;flex-direction:column}
.b-card .b-tx .b-hd{display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;font-weight:600;margin-bottom:1.2rem;letter-spacing:var(--ls)}
.b-card .b-tx .b-hd em{font-style:normal;font-size:1.15rem;color:#fff;padding:.3rem .9rem;border-radius:2px;font-weight:600}
.b-card .b-rvbox{flex:1;background:#fff;padding:1.6rem 1.8rem;box-shadow:0 1px 6px rgba(0,0,0,.05);position:relative;overflow:hidden}
.b-card .b-rvbox:after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(rgba(255,255,255,0),#fff 90%)}
.b-card .b-stars{font-size:1.15rem;letter-spacing:1px;margin-bottom:1rem}
.b-card .b-barl{height:9px;background:#ece8e3;border-radius:5px;margin:0 0 1.1rem}
.b-card .b-q{font-size:1.854rem;font-weight:600;line-height:1.5;letter-spacing:var(--ls);color:var(--t1);margin:1.8rem 0 .4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.b-card .b-q.fq{word-break:normal;overflow-wrap:anywhere}
.b-card .b-q.gn{color:var(--g3);font-weight:500}
.b-card .b-qk{font-size:1.4rem;color:var(--g2);letter-spacing:var(--ls);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.b-card .b-meta{display:flex;align-items:center;gap:.8rem;margin-top:.8rem;font-size:1.4rem;color:var(--g2);letter-spacing:var(--ls)}
.b-card .b-meta .b-dot{width:7px;height:7px;border-radius:50%;flex:none}
.b-card:hover .b-q{color:var(--or)}
.b-more{display:block;margin:7rem auto 0;height:50px;padding:0 5rem;border:1px solid var(--t1);border-radius:25px;background:#fff;font:500 1.648rem var(--ko);letter-spacing:var(--ls);color:var(--t1);cursor:pointer;transition:all .2s}
.b-more:hover{background:var(--t1);color:#fff}
.b-foot{margin-top:7rem;border-top:1px solid var(--line);padding-top:2.4rem;font-size:1.339rem;line-height:1.8;letter-spacing:var(--ls);color:var(--g2)}

/* ---------- 로그인 안내 창 ---------- */
.b-modal{position:fixed;inset:0;z-index:85;background:rgba(20,16,14,.42);display:none;align-items:center;justify-content:center;padding:20px}
.b-modal.show{display:flex}
.b-modal .b-box{width:min(420px,100%);background:#fff;border-radius:10px;padding:36px 32px 28px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.2);position:relative}
.b-modal .b-x{position:absolute;right:14px;top:10px;border:0;background:none;font-size:26px;line-height:1;color:var(--g3);cursor:pointer}
.b-modal h3{font-size:19px;font-weight:600;letter-spacing:-.04em;color:var(--t1);margin:16px 0 8px}
.b-modal p{font-size:13.5px;line-height:1.7;color:var(--g2);letter-spacing:-.03em}
.b-modal .b-btns{margin-top:22px;gap:8px}
.b-modal .b-btn{height:44px;font-size:14px;padding:0 22px;flex:1}

/* ---------- 전후사진(회원 전용) ---------- */
.b-ba .b-cate{margin-bottom:2rem}
.b-ba .b-cate button{font-size:1.481rem}
.b-ba .b-msg{text-align:center;font-size:1.481rem;color:var(--g2);letter-spacing:var(--ls);margin-bottom:5rem}
.b-ba-stage{position:relative}
.b-ba-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem;filter:blur(1px);opacity:.75;pointer-events:none;user-select:none}
.b-ba-card .b-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;aspect-ratio:2/1;background:#fff}
.b-ba-card .b-pair span{position:relative;background:linear-gradient(135deg,#efebe6,#f6f4f1)}
.b-ba-card .b-pair span:after{content:attr(data-l);position:absolute;left:1rem;bottom:.8rem;font-family:var(--en-s);font-size:1.15rem;letter-spacing:.08em;color:var(--g3)}
.b-ba-card .b-bl{height:12px;background:#efebe6;border-radius:6px;margin-top:1.6rem;width:70%}
.b-ba-card .b-bl.s{width:40%;margin-top:.8rem}
.b-ba-lock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(52rem,92%);background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.08);padding:4.4rem 4rem;text-align:center}
.b-ba-lock b{display:block;font-size:2.266rem;font-weight:600;letter-spacing:var(--ls);color:var(--t1);margin-top:2rem}
.b-ba-lock p{font-size:1.554rem;line-height:1.75;letter-spacing:var(--ls);color:var(--g1);margin-top:1rem}
.b-ba-lock .b-btns{margin-top:3rem}

/* ---------- 로그인·회원가입 ---------- */
.b-auth .b-notice{margin-bottom:4.4rem}
.b-field{display:block;margin-bottom:1.6rem;text-align:left}
.b-field span{display:block;font-size:1.481rem;font-weight:600;letter-spacing:var(--ls);color:var(--t1);margin-bottom:.8rem}
.b-field input{width:100%;height:52px;border:1px solid #ddd8d2;border-radius:0;padding:0 1.8rem;font:400 1.648rem var(--ko);letter-spacing:var(--ls);color:var(--t1);outline:none;background:#fff;transition:border-color .2s}
.b-field input:focus{border-color:var(--t1)}
.b-field small{display:block;margin-top:.7rem;font-size:1.3rem;color:var(--g2);letter-spacing:var(--ls)}
.b-or{display:flex;align-items:center;gap:1.6rem;margin:3.6rem 0 2rem;font-size:1.339rem;color:var(--g3);letter-spacing:var(--ls)}
.b-or:before,.b-or:after{content:"";flex:1;height:1px;background:var(--line)}
.b-sns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.b-sns a{height:50px;display:flex;align-items:center;justify-content:center;gap:.8rem;font-size:1.554rem;font-weight:600;letter-spacing:var(--ls);border-radius:4px}
.b-sns a svg{width:18px;height:18px}
.b-sns .k{background:#FEE500;color:#191919}
.b-sns .n{background:#03C75A;color:#fff}
.b-links{display:flex;justify-content:center;gap:0;margin-top:3rem;font-size:1.481rem;letter-spacing:var(--ls)}
.b-links a{color:var(--g1)}
.b-links a + a:before{content:"|";margin:0 1.6rem;color:var(--line)}
.b-links a:hover{color:var(--or)}
.b-steps{display:flex;justify-content:center;gap:0;margin:0 auto 5rem;counter-reset:st}
.b-steps li{position:relative;flex:1;max-width:20rem;text-align:center;font-size:1.481rem;letter-spacing:var(--ls);color:var(--g3);padding-top:4.4rem}
.b-steps li:before{counter-increment:st;content:counter(st);position:absolute;left:50%;top:0;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-family:var(--en-s);font-size:1.4rem;color:var(--g3);z-index:1}
.b-steps li:after{content:"";position:absolute;top:16px;left:-50%;right:50%;height:1px;background:var(--line)}
.b-steps li:first-child:after{display:none}
.b-steps li.on{color:var(--t1);font-weight:600}
.b-steps li.on:before{background:var(--or);border-color:var(--or);color:#fff}
.b-steps li.done:before{border-color:var(--or);color:var(--or)}
.b-agree{margin-bottom:3rem}
.b-agree .b-box{height:22rem;overflow:auto;border:1px solid var(--line);background:var(--bg2);padding:2.4rem 2.8rem;font-size:1.4rem;line-height:1.8;letter-spacing:var(--ls);color:var(--g1);white-space:pre-line}
.b-agree .b-box.s{height:auto}
.b-check{display:inline-flex;align-items:center;gap:.9rem;margin-top:1.2rem;font-size:1.481rem;letter-spacing:var(--ls);color:var(--t1);cursor:pointer;float:right}
.b-check input{position:absolute;opacity:0;width:1px;height:1px}
.b-check i{width:18px;height:18px;border:1px solid #cfc8c1;border-radius:3px;background:#fff;display:grid;place-items:center}
.b-check i:after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.b-check input:checked + i{background:var(--or);border-color:var(--or)}
.b-check input:checked + i:after{opacity:1}
.b-check input:focus-visible + i{box-shadow:0 0 0 3px rgba(232,90,42,.25)}
.b-agree:after{content:"";display:block;clear:both}
.b-step{display:none}
.b-step.on{display:block}
.b-done{text-align:center;padding:4rem 0}
.b-done .b-big{font-family:var(--en);font-size:5.4rem;color:var(--or);line-height:1}
.b-done b{display:block;font-size:2.6rem;font-weight:600;letter-spacing:-.05em;color:var(--t1);margin-top:2.4rem}
.b-done p{font-size:1.648rem;line-height:1.7;letter-spacing:var(--ls);color:var(--g1);margin-top:1.2rem}

/* ---------- 문서(약관·개인정보·비급여) ---------- */
.b-docnav{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem 2.6rem;padding-top:4.4rem}
.b-docnav a{font-size:1.481rem;letter-spacing:var(--ls);color:var(--g3);padding:.6rem 0;border-bottom:1px solid transparent}
.b-docnav a:hover{color:var(--g1)}
.b-docnav a.on{color:var(--or);border-color:var(--or);font-weight:600}
.b-doc{font-size:1.648rem;line-height:1.85;letter-spacing:var(--ls);color:var(--g1);word-break:keep-all}
.b-doc .b-doc-title{font-size:2.6rem;font-weight:600;letter-spacing:-.05em;color:var(--t1);padding-bottom:2.4rem;border-bottom:2px solid var(--t1);margin-bottom:3.6rem}
.b-doc h3{font-size:2.1rem;font-weight:600;letter-spacing:var(--ls);color:var(--t1);margin:5.4rem 0 1.6rem;padding-top:3rem;border-top:1px solid var(--line)}
.b-doc h3:first-child{margin-top:0;padding-top:0;border-top:0}
.b-doc h3:before{content:"";display:block;width:24px;height:2px;background:var(--or);margin-bottom:1.6rem}
.b-doc h4{font-size:1.75rem;font-weight:600;letter-spacing:var(--ls);color:var(--t1);margin:3rem 0 1rem}
.b-doc p{margin:0 0 1.4rem}
.b-doc strong{color:var(--t1);font-weight:600}
.b-doc .b-art{font-size:1.854rem;font-weight:600;color:var(--t1);margin:4.4rem 0 1.4rem}
.b-doc .b-art:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--or);margin-right:1rem;vertical-align:4px}
.b-doc .b-lead-box{background:var(--bg2);padding:2.8rem 3.2rem;margin-bottom:4rem}
.b-doc .b-c{text-align:center;color:var(--t1);font-weight:600;margin-bottom:4rem}
.b-doc table{width:100%;border-collapse:collapse;margin:1.6rem 0 2.4rem;font-size:1.554rem;line-height:1.55}
.b-doc th,.b-doc td{padding:1.6rem 1.6rem;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.b-doc thead th{font-weight:600;color:var(--t1);border-bottom:2px solid var(--t1);background:#fff}
.b-doc td:first-child{color:var(--t1);text-align:left}
.b-doc td.b-num{font-family:var(--en-s);color:var(--or);white-space:nowrap}
.b-doc .b-price h3{border-top:0;padding-top:0}
.b-doc .b-tnote{font-size:1.4rem;color:var(--g2);margin-top:-1rem}

/* ---------- 자가진단 ---------- */
.b-sc{padding:6rem 0 14rem;background:#fff}
.b-sc .b-steps{margin-bottom:4.4rem}
.b-sc-q{text-align:center;font-size:2.266rem;font-weight:600;letter-spacing:var(--ls);color:var(--t1);margin-bottom:4rem}
.b-sc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem}
.b-sc-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.b-sc-opt{display:block;text-align:left;border:1px solid var(--line);background:#fff;padding:0 0 2.2rem;cursor:pointer;font:inherit;transition:border-color .25s,transform .25s,box-shadow .25s}
.b-sc-opt:hover,.b-sc-opt:focus-visible{border-color:var(--or);transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.06);outline:none}
.b-sc-opt .b-im{aspect-ratio:285/170;overflow:hidden;background:var(--bg2)}
.b-sc-opt .b-im img{width:100%;height:100%;object-fit:cover}
.b-sc-opt .b-row2{display:flex;align-items:center;gap:1.2rem;padding:2rem 2.2rem 0}
.b-sc-opt .b-l{font-family:var(--en);font-size:2.6rem;color:var(--or);line-height:1}
.b-sc-opt .b-r{width:16px;height:16px;border-radius:50%;border:1px solid #cfc8c1;flex:none}
.b-sc-opt:hover .b-r,.b-sc-opt:focus-visible .b-r{border:5px solid var(--or)}
.b-sc-opt .b-t{display:block;padding:1.2rem 2.2rem 0;font-size:1.648rem;font-weight:500;line-height:1.5;letter-spacing:var(--ls);color:var(--t1);word-break:keep-all}
.b-sc-res{display:grid;grid-template-columns:1fr 1fr;gap:2.8rem}
.b-sc-card{border:1px solid var(--line);background:#fff}
.b-sc-card .b-im{display:flex;justify-content:center;align-items:center;padding:3rem 2.4rem;background:var(--bg2)}
.b-sc-card .b-im img{width:min(285px,100%);height:auto}
.b-sc-card .b-in{padding:3rem 3.2rem 3.6rem}
.b-sc-card .b-k{font-family:var(--en-s);font-size:1.339rem;letter-spacing:.08em;color:var(--g3)}
.b-sc-card h3{display:flex;gap:1.4rem;align-items:flex-start;font-size:2.1rem;font-weight:600;line-height:1.45;letter-spacing:var(--ls);color:var(--t1);margin-top:1rem}
.b-sc-card h3 .b-l{font-family:var(--en);font-size:3.2rem;color:var(--or);line-height:1;font-weight:400}
.b-sc-card p{margin-top:1.6rem;font-size:1.648rem;line-height:1.75;letter-spacing:var(--ls);color:var(--g1)}
.b-sc-pick{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:-1.6rem 0 3.6rem;font-size:1.481rem;color:var(--g2);letter-spacing:var(--ls)}
.b-sc-pick span{padding:.5rem 1.4rem;border-radius:16px;background:var(--bg2)}
.b-sc-pick b{color:var(--or);font-family:var(--en);font-weight:400;margin-right:.6rem}
.b-sc .b-small.center{text-align:center;margin-top:3rem}

/* ---------- 휴대폰 ---------- */
@media (max-width:768px){
  .b-head{padding-top:calc(var(--hd) + 7rem)}
  .b-head .b-en{font-size:12vw}
  .b-wrap,.b-wrap.wide{width:90%}
  .b-board-top{flex-direction:column;align-items:stretch}
  .b-search{width:100%}
  .b-list .b-row{grid-template-columns:1fr auto;grid-template-areas:"t t" "d v";min-height:0;padding:1.8rem 0;row-gap:.8rem}
  .b-list .b-row.b-th{display:none}
  .b-list .b-row > *{padding:0 .4rem;text-align:left}
  .b-list .b-num{display:none}
  .b-list .b-tt{grid-area:t;white-space:normal;font-size:1.9rem}
  .b-list .b-date{grid-area:d;font-size:1.6rem}
  .b-list .b-view{grid-area:v;font-size:1.6rem}
  .b-view-nav a{grid-template-columns:7rem 1fr}
  .b-view-nav .b-date{display:none}
  .b-rv-grid{grid-template-columns:1fr;gap:4.4rem}
  .b-card .b-q{font-size:2.1rem}
  .b-ba-grid{grid-template-columns:1fr 1fr;gap:1.2rem}
  .b-ba-lock{position:relative;left:auto;top:auto;transform:none;width:100%;margin:-14rem auto 0;padding:3.6rem 2.4rem}
  .b-sc-grid,.b-sc-grid.c4{grid-template-columns:1fr 1fr;gap:1.2rem}
  .b-sc-opt .b-t{font-size:1.75rem;padding:1rem 1.4rem 0}
  .b-sc-opt .b-row2{padding:1.4rem 1.4rem 0}
  .b-sc-res{grid-template-columns:1fr}
  .b-doc{font-size:1.75rem}
  .b-doc table{font-size:1.5rem;display:block;overflow-x:auto}
  .b-doc th,.b-doc td{padding:1.2rem .8rem}
  .b-steps li{font-size:1.5rem}
  .b-check{float:none}
}

/* =====================  공지사항 갤러리(2차)  ===================== */
.g-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:3.6rem}
.g-sec-head .h2{margin-top:1rem}
.g-sec2{margin-top:12rem}
.g-news{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem}
.g-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4rem 2.4rem}
.g-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}
.g-thumb{position:relative;display:block;width:100%;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--bg2);border:1px solid var(--line)}
.g-poster .g-thumb{aspect-ratio:1190/1684}
.g-thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.g-card:hover .g-thumb img{transform:scale(1.035)}
.g-thumb.txt{display:flex;background:var(--bg2)}
.g-type{display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding:2.6rem 2.4rem}
.g-type .y{font-family:var(--en);font-size:5.2rem;line-height:1;color:var(--t1)}
.g-type .m{font-family:var(--en-s);font-size:1.5rem;color:var(--or);margin-top:.8rem;letter-spacing:.04em}
.g-type .x{margin-top:2rem;font-size:1.4rem;line-height:1.6;color:var(--g1);letter-spacing:var(--ls);border-top:1px solid #e4ddd4;padding-top:1.4rem}
.g-tag{margin-top:1.8rem;height:2.6rem;padding:0 1.1rem;display:inline-flex;align-items:center;border-radius:1.3rem;background:var(--bg2);font-size:1.25rem;font-weight:600;color:var(--g1);letter-spacing:-.02em}
.g-tag.on{background:var(--or);color:#fff}
.g-tag.off{background:#ddd;color:#888}
.g-t{display:block;margin-top:1.8rem;}
.g-tag + .g-t{margin-top:1rem}
.g-t{font-size:1.854rem;line-height:1.45;font-weight:600;color:var(--t1);letter-spacing:var(--ls)}
.g-card:hover .g-t{color:var(--or)}
.g-s{display:block;margin-top:.6rem;font-size:1.481rem;line-height:1.5;color:var(--g1);letter-spacing:var(--ls)}
.g-d{display:block;margin-top:.8rem;font-size:1.35rem;color:var(--g2);letter-spacing:0}
.g-total{font-size:1.4rem;color:var(--g2);margin:-1.6rem 0 2.4rem}
.g-more-wrap{text-align:center;margin-top:6rem}
.g-empty{grid-column:1/-1;text-align:center;padding:8rem 0;font-size:1.648rem;color:var(--g2)}
.g-light{position:fixed;inset:0;z-index:90;background:rgba(20,16,14,.55);display:none;overflow-y:auto;padding:6rem 2rem}
.g-light.show{display:block}
.g-lock,.g-lock body{overflow:hidden}
.g-light-box{position:relative;width:min(760px,100%);margin:0 auto;background:#fff;border-radius:14px;padding:4.8rem 4.4rem 4.4rem}
.g-close{position:absolute;right:1.6rem;top:1.2rem;width:4.4rem;height:4.4rem;border:0;background:none;font-size:3.2rem;line-height:1;color:var(--g1);cursor:pointer}
.g-l-k{font-family:var(--en-s);font-size:1.3rem;color:var(--or);letter-spacing:.04em}
.g-l-t{font-size:2.8rem;line-height:1.4;font-weight:600;color:var(--t1);letter-spacing:-.05em;margin-top:1rem}
.g-l-d{font-size:1.4rem;color:var(--g2);margin-top:.8rem}
.g-l-txt{margin-top:2.6rem;padding-top:2.4rem;border-top:1px solid var(--line)}
.g-l-txt p{font-size:1.6rem;line-height:1.8;color:var(--g1);letter-spacing:var(--ls)}
.g-l-img{display:block;width:100%;height:auto;margin-top:2.6rem;border-radius:8px}
@media (max-width:768px){
  .g-news{grid-template-columns:1fr 1fr;gap:1.6rem}
  .g-grid{grid-template-columns:1fr 1fr;gap:3rem 1.6rem}
  .g-sec-head{flex-direction:column;align-items:stretch;gap:2rem}
  .g-sec2{margin-top:9rem}
  .g-t{font-size:1.75rem}
  .g-type{padding:1.8rem 1.6rem}
  .g-type .y{font-size:4rem}
  .g-light{padding:2rem 1.2rem}
  .g-light-box{padding:4.6rem 2.2rem 2.6rem}
}