/* 카린의원 어드민 연동 부품: 띠 공지 · 팝업 · 이벤트 · 게시판 (화이트+베이지, 포인트 컬러 없음) */
.kx-bar{position:relative;z-index:1000;background:#2B2926;color:#fff;font:500 13.5px/1.4 "Pretendard Variable",Pretendard,"Noto Sans SC","PingFang SC",sans-serif}
.kx-bar--light{background:#F2EDE6;color:#2B2926;border-bottom:1px solid #E4DDD3}
.kx-bar-in{display:flex;align-items:center;justify-content:center;gap:14px;min-height:40px;padding:9px 48px;color:inherit!important;text-decoration:none}
.kx-bar-go{flex:none;opacity:.75}.kx-bar-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:none;color:inherit;font-size:20px;line-height:1;cursor:pointer;opacity:.65}
.kx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;background:#2B2926;border:1px solid #2B2926;color:#fff!important;font:500 14.5px/1.3 "Pretendard Variable",Pretendard,"Noto Sans SC","PingFang SC",sans-serif;text-decoration:none!important;text-align:center;transition:background .3s,color .3s}
.kx-btn:hover{background:#fff;color:#2B2926!important}.kx-btn.line{background:#fff;color:#2B2926!important}.kx-btn.line:hover{background:#2B2926;color:#fff!important}
.kx-w{max-width:1280px;margin:0 auto;padding:0 56px}
.kx-pop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;font-family:"Pretendard Variable",Pretendard,"Noto Sans SC","PingFang SC",sans-serif}.kx-pop[hidden]{display:none}
.kx-pop-dim{position:absolute;inset:0;background:rgba(32,28,24,.55);opacity:0;transition:opacity .3s}.kx-pop.open .kx-pop-dim{opacity:1}
.kx-pop-box{position:relative;width:min(440px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#fff;opacity:0;transform:translateY(18px);transition:opacity .3s,transform .3s}.kx-pop.open .kx-pop-box{opacity:1;transform:none}
.kx-pop-slide{display:none}.kx-pop-slide.on{display:block}.kx-pop-ph{display:block}.kx-pop-ph img{display:block;width:100%;height:auto}
.kx-pop-tx{padding:22px 24px;color:#2B2926}.kx-pop-tx b{display:block;font-size:18px;font-weight:600;line-height:1.4}.kx-pop-tx span{display:block;margin-top:8px;font-size:14.5px;line-height:1.7;color:#5F5A54}.kx-pop-go{display:inline-block;margin-top:14px;font-size:14px;font-weight:500;color:#2B2926!important;border-bottom:1px solid currentColor;text-decoration:none!important}
.kx-pop-nav{display:flex;justify-content:center;align-items:center;gap:14px;padding:0 0 14px;font-size:13px;color:#77716A}.kx-pop-nav button{width:36px;height:36px;border:1px solid #E4DDD3;background:#fff;font-size:18px;cursor:pointer;color:#2B2926}
.kx-pop-foot{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #E4DDD3}.kx-pop-foot button{min-height:50px;border:0;background:#fff;color:#55504A;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer}.kx-pop-foot button+button{border-left:1px solid #E4DDD3;color:#2B2926}
.kx-ev{background:#fff;padding:72px 0 8px}.kx-ev-c{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:64px;align-items:center;padding:0 0 64px}.kx-ev-c.noimg{grid-template-columns:1fr}
.kx-ev-ph img{display:block;width:100%;height:auto;border:1px solid #EDE7DE}.kx-ev-k{display:flex;gap:14px;align-items:baseline;margin:0;color:#77716A;font-size:13.5px}.kx-ev-k i{font:italic 400 20px/1 "Cormorant Garamond",Georgia,serif;color:#948C82}
.kx-ev-tx h2{margin:14px 0 0;font-family:var(--kr,"Noto Serif",serif);font-weight:300;font-size:clamp(30px,3vw,44px);line-height:1.3;color:#2B2926;letter-spacing:0}.kx-ev-s{margin:22px 0 28px;font-size:16px;line-height:1.85;color:#5F5A54}.kx-ev-s p{margin:0 0 6px}
.kb{max-width:1280px;margin:0 auto;padding:64px 56px 110px;font-family:"Pretendard Variable",Pretendard,"Noto Sans SC","PingFang SC",-apple-system,sans-serif;color:#2B2926;box-sizing:border-box}.kb *{box-sizing:border-box}
.kb-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}.kb-grid a{display:block;color:inherit!important;text-decoration:none!important}
.kb-ph{display:block;aspect-ratio:4/3;overflow:hidden;background:#F2EDE6}.kb-grid--beforeafter .kb-ph{aspect-ratio:16/9}.kb-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1)}.kb-grid a:hover img{transform:scale(1.03)}
.kb-t{display:block;margin-top:18px;font-size:18px;font-weight:600;line-height:1.5;text-wrap:pretty}.kb-grid--beforeafter .kb-t{font-size:15.5px;font-weight:500}.kb-s{display:-webkit-box;margin-top:8px;font-size:14.5px;line-height:1.7;color:#5F5A54;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kb-d{display:block;margin-top:12px;font-size:12.5px;color:#948C82}
.kb-none{padding:60px 0;text-align:center;color:#77716A}.kb-pager{display:flex;justify-content:center;gap:6px;margin-top:64px}.kb-pager a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:14px;color:#5F5A54!important;text-decoration:none!important}.kb-pager a.on{background:#2B2926;color:#fff!important}
.kb-home{padding:50px 56px 0}
.kb-view{max-width:820px;padding-top:88px}.kb-k{display:flex;gap:14px;margin:0;font-size:13px;color:#948C82}.kb-k a{color:#2B2926!important;font-weight:500;text-decoration:none!important}.kb-h h1{margin:18px 0 0;font-family:var(--kr,"Noto Serif KR","Noto Serif SC","Noto Serif",serif);font-weight:400;font-size:clamp(28px,3.1vw,42px);line-height:1.36;letter-spacing:0;color:#2B2926;text-wrap:pretty}
.kb-sum{margin:32px 0 0;padding:24px 26px;background:#F7F4EF;font-size:16.5px;line-height:1.85;color:#2B2926}.kb-fig{margin:36px 0}.kb-fig img{display:block;width:100%;height:auto}.kb-fig figcaption{margin-top:10px;font-size:13px;line-height:1.7;color:#77716A}.kb-cover{margin-top:32px}
.kb-body{margin-top:36px;font-size:16.5px;line-height:1.95;color:#3B3733;overflow-wrap:break-word}.kb-body img{max-width:100%;height:auto}.kb-body p{margin:0 0 18px}.kb-body h2{margin:56px 0 18px;font-family:var(--kr,"Noto Serif KR","Noto Serif SC","Noto Serif",serif);font-weight:400;font-size:26px;line-height:1.45;color:#2B2926}.kb-body h3{margin:34px 0 12px;font-size:18.5px;font-weight:600;line-height:1.5;color:#2B2926}.kb-body ul,.kb-body ol{margin:0 0 20px;padding-left:22px}.kb-body li{margin:6px 0}.kb-body a{color:#2B2926;text-decoration:underline;text-underline-offset:3px}.kb-body strong{font-weight:600;color:#2B2926}
.kb-body blockquote{margin:26px 0;padding:6px 0 6px 22px;border-left:2px solid #CFC4B5;color:#55504A}.kb-body table{width:100%;margin:24px 0 30px;border-collapse:collapse;font-size:14.5px;line-height:1.65}.kb-body th,.kb-body td{padding:12px 14px;border-bottom:1px solid #E4DDD3;text-align:left;vertical-align:top}.kb-body th{background:#F7F4EF;font-weight:600;color:#2B2926}
.kb-faq,.kb-src{margin-top:64px;padding-top:40px;border-top:1px solid #2B2926}.kb-faq h2,.kb-src h2{margin:0 0 20px;font-family:var(--kr,"Noto Serif KR","Noto Serif SC","Noto Serif",serif);font-weight:400;font-size:24px;line-height:1.4;color:#2B2926}.kb-faq h3{margin:26px 0 8px;font-size:17px;font-weight:600;line-height:1.55;color:#2B2926}.kb-faq p{margin:0;font-size:15.5px;line-height:1.9;color:#55504A}.kb-src{border-top:1px solid #E4DDD3}.kb-src h2{font-size:17px}.kb-src ol{margin:0;padding-left:20px;font-size:13.5px;line-height:1.8;color:#77716A}.kb-src a{color:#77716A!important;word-break:break-word}
.kb-cta{margin:44px 0;padding:30px;background:#F2EDE6;text-align:center}.kb-cta p{margin:0 0 16px;font-size:15.5px;line-height:1.7;color:#2B2926}.kb-cta>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:520px;margin:0 auto}
.kb-near{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:64px}.kb-near a{display:block;padding:18px 20px;border:1px solid #E4DDD3;font-size:14.5px;line-height:1.55;color:#2B2926!important;text-decoration:none!important}.kb-near .n{grid-column:2;text-align:right}.kb-near small{display:block;margin-bottom:4px;font-size:12px;color:#948C82}
.kb-back{margin:32px 0 0;text-align:center}.kb-back a{display:inline-block;padding-bottom:3px;font-size:14px;color:#2B2926!important;border-bottom:1px solid currentColor;text-decoration:none!important}
.kb-view--ba .kb-body{text-align:center}
@media(max-width:820px){.kx-w{padding:0 20px}.kx-ev{padding:44px 0 0}.kx-ev-c{grid-template-columns:1fr;gap:26px;padding-bottom:44px}.kx-bar-in{justify-content:flex-start;padding:9px 40px 9px 16px;gap:10px}
.kb{padding:40px 20px 80px}.kb-home{padding:34px 20px 0}.kb-grid{grid-template-columns:1fr;gap:36px}.kb-grid--beforeafter{grid-template-columns:1fr 1fr;gap:22px 12px}.kb-grid--beforeafter .kb-t{margin-top:10px;font-size:13.5px}.kb-view{padding-top:44px}.kb-body{font-size:16px}.kb-body h2{margin-top:44px;font-size:22px}.kb-body table{display:block;overflow-x:auto;white-space:nowrap}.kb-body th,.kb-body td{white-space:normal;min-width:120px}.kb-cta{padding:24px 16px}.kb-cta>div{gap:8px}.kb-cta .kx-btn{padding:0 8px;font-size:13.5px}.kb-near{grid-template-columns:1fr}.kb-near .n{grid-column:1}}
/* 페이지 안 공통 초기화(.karin-sg *)보다 우선 */
.kx-ev .kx-w{padding:0 56px!important}.kx-ev{padding:72px 0 8px!important}.kx-ev-c{padding:0 0 64px!important}.kx-ev-tx h2{margin:14px 0 0!important}.kx-ev-s{margin:22px 0 28px!important}.kx-ev-s p{margin:0 0 6px!important}.kx-ev .kx-btn{padding:0 26px!important;min-height:48px}
html[lang^="ko"] .kb{word-break:keep-all;overflow-wrap:break-word}
@media(max-width:820px){.kx-ev .kx-w{padding:0 20px!important}.kx-ev{padding:44px 0 0!important}.kx-ev-c{padding:0 0 44px!important}}

/* 이벤트 페이지 */
.kb-evp{max-width:1100px}.kb-evl{margin:16px 0 0;font-size:16px;line-height:1.8;color:#5F5A54}.kb-evp .kx-ev{padding:44px 0 0!important}.kb-evp .kx-w{padding:0!important;max-width:none}.kb-evp .kb-cta{margin-top:32px}.kb-evp .kb-cta .kx-btn{width:auto}
/* 플로팅: 모바일 하단 바 4칸 */
@media(max-width:820px){body .kcb{grid-template-columns:1.22fr 1.1fr 1fr .9fr}body .kcb a{gap:5px;padding:0 3px;font-size:12.5px;white-space:nowrap;letter-spacing:-.02em}body .kcb svg{width:16px;height:16px;flex:none}}
@media(max-width:360px){body .kcb a{font-size:11.5px;gap:3px}body .kcb svg{width:14px;height:14px}}

.kb-cta>div.n3{grid-template-columns:repeat(3,1fr);max-width:640px}.kb-cta>div.n3 .kx-btn{padding:0 8px}
@media(max-width:820px){.kb-cta>div.n3 .kx-btn{font-size:12.5px;padding:0 4px}}
