슬립베러베이비 전화상담(복사)

소개 체크포인트 참고사항 환불정책 /* ===== reset ===== */ html body .sbk-full-banner, html body .sbk-full-banner *, html body .sbk-full-banner *::before, html body .sbk-full-banner *::after{ box-sizing:border-box !important; margin:0 !important; padding:0 !important; } /* ===== full bleed wrapper ===== */ html body .sbk-full-banner{ –bg:#ede4d9; –card:#f4ece2; –card2:#e8dccd; –text:#5d4a3e; –text-soft:#8b7a6c; –brown:#7a6859; –brown-dark:#5d4a3e; –brown-deep:#4a3a2f; –yellow:#f4d96a; –yellow-deep:#e8c447; –line:rgba(93,74,62,.10); –white:#ffffff; –shadow:0 18px 42px rgba(74,58,47,.10); width:100vw !important; max-width:1980px !important; margin-left:calc(50% – 50vw) !important; margin-right:calc(50% – 50vw) !important; background:#e8ddd0 !important; padding:28px 40px !important; font-family:’Noto Sans KR’, sans-serif !important; overflow:hidden !important; } html body .sbk-full-banner .sbk-inner{ width:100% !important; max-width:1980px !important; margin:0 auto !important; position:relative !important; background: radial-gradient(circle at 16% 20%, rgba(255,255,255,.38) 0, transparent 22%), radial-gradient(circle at 84% 18%, rgba(255,255,255,.22) 0, transparent 16%), linear-gradient(180deg, #f4ece2 0%, #e8dccd 100%) !important; border-radius:28px !important; min-height:540px !important; overflow:hidden !important; padding:42px 54px !important; } html body .sbk-full-banner .sbk-inner::before{ content:”” !important; position:absolute !important; left:-6% !important; right:-6% !important; bottom:-92px !important; height:190px !important; background: radial-gradient(100% 110% at 50% 0%, rgba(255,255,255,.38) 0%, rgba(255,255,255,0) 58%), linear-gradient(180deg, rgba(218,202,184,.95) 0%, rgba(208,189,170,.98) 100%) !important; border-radius:50% 50% 0 0 !important; z-index:1 !important; } html body .sbk-full-banner .spark{ position:absolute !important; z-index:2 !important; color:#c9b39e !important; line-height:1 !important; user-select:none !important; pointer-events:none !important; } html body .sbk-full-banner .spark.s1{top:42px !important; left:275px !important; font-size:17px !important;} html body .sbk-full-banner .spark.s2{top:88px !important; left:585px !important; font-size:12px !important;} html body .sbk-full-banner .spark.s3{top:58px !important; right:112px !important; font-size:24px !important;} html body .sbk-full-banner .spark.s4{top:98px !important; right:260px !important; font-size:15px !important;} html body .sbk-full-banner .spark.s5{bottom:120px !important; left:52% !important; font-size:13px !important;} /* ===== layout ===== */ html body .sbk-full-banner .sbk-grid{ position:relative !important; z-index:3 !important; display:grid !important; grid-template-columns: 360px minmax(520px, 1fr) 360px !important; align-items:center !important; gap:28px !important; min-height:456px !important; } /* ===== left image ===== */ html body .sbk-full-banner .sbk-left{ position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; min-height:420px !important; } html body .sbk-full-banner .sbk-left::before{ content:”” !important; position:absolute !important; width:310px !important; height:340px !important; top:16px !important; left:50% !important; transform:translateX(-50%) !important; border-radius:155px 155px 24px 24px !important; background:linear-gradient(165deg, #8a7768 0%, #6e5b4d 100%) !important; z-index:1 !important; box-shadow:0 18px 36px rgba(74,58,47,.18) !important; } html body .sbk-full-banner .sbk-left::after{ content:”” !important; position:absolute !important; top:6px !important; right:32px !important; width:34px !important; height:34px !important; border-radius:50% !important; border:1.5px solid #c9b39e !important; z-index:1 !important; } html body .sbk-full-banner .sbk-photo{ position:relative !important; z-index:2 !important; width:280px !important; height:380px !important; border-radius:140px 140px 22px 22px !important; overflow:hidden !important; border:3px solid rgba(255,255,255,.6) !important; box-shadow:0 14px 30px rgba(74,58,47,.18) !important; background:#e8dccd !important; margin-top:30px !important; } html body .sbk-full-banner .sbk-photo img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; } /* ===== center ===== */ html body .sbk-full-banner .sbk-center{ text-align:center !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; min-width:0 !important; } html body .sbk-full-banner .sbk-badge{ display:inline-flex !important; align-items:center !important; gap:10px !important; padding:10px 22px !important; border-radius:999px !important; background:rgba(255,255,255,.42) !important; border:1px solid rgba(93,74,62,.10) !important; color:#8b7a6c !important; font-size:14px !important; font-weight:700 !important; letter-spacing:1.8px !important; text-transform:uppercase !important; margin-bottom:18px !important; } html body .sbk-full-banner .sbk-badge::before{ content:”” !important; width:7px !important; height:7px !important; border-radius:50% !important; background:#b89b80 !important; display:block !important; } html body .sbk-full-banner .sbk-sub{ display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; margin-bottom:8px !important; } /* 전화상담 아이콘 – 전화 모양 */ html body .sbk-full-banner .sbk-phone-mini{ width:30px !important; height:30px !important; border-radius:50% !important; background:linear-gradient(180deg,#8a7768 0%, #5d4a3e 100%) !important; color:#fff !important; font-size:14px !important; font-weight:900 !important; display:flex !important; align-items:center !important; justify-content:center !important; box-shadow:0 5px 12px rgba(93,74,62,.28) !important; flex:0 0 auto !important; } html body .sbk-full-banner .sbk-sub-text{ font-size:21px !important; font-weight:800 !important; color:var(–text) !important; letter-spacing:-.3px !important; line-height:1.3 !important; } html body .sbk-full-banner .sbk-title{ font-family:’Noto Serif KR’, serif !important; font-size:64px !important; line-height:1.08 !important; font-weight:700 !important; letter-spacing:-2.5px !important; color:var(–brown-dark) !important; margin-bottom:18px !important; } html body .sbk-full-banner .sbk-highlight{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:62px !important; padding:0 36px !important; border-radius:999px !important; background:linear-gradient(180deg, #f4d96a 0%, #e8c447 100%) !important; box-shadow:0 12px 22px rgba(232,196,71,.26) !important; color:#4a3a2f !important; font-size:30px !important; font-weight:900 !important; letter-spacing:-.8px !important; margin-bottom:18px !important; } html body .sbk-full-banner .sbk-desc{ font-size:18px !important; line-height:1.7 !important; color:var(–text-soft) !important; font-weight:500 !important; margin-bottom:20px !important; } html body .sbk-full-banner .sbk-desc strong{ color:#5d4a3e !important; font-weight:700 !important; } html body .sbk-full-banner .sbk-features{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:10px !important; margin-bottom:26px !important; } html body .sbk-full-banner .sbk-features span{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:38px !important; padding:0 16px !important; border-radius:999px !important; background:rgba(255,255,255,.7) !important; border:1px solid rgba(93,74,62,.08) !important; box-shadow:0 2px 8px rgba(74,58,47,.04) !important; color:#6e5b4d !important; font-size:14px !important; font-weight:700 !important; white-space:nowrap !important; } html body .sbk-full-banner .sbk-features span::before{ content:”•” !important; color:#b89b80 !important; margin-right:6px !important; } html body .sbk-full-banner .sbk-cta{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; min-width:360px !important; min-height:68px !important; padding:0 30px !important; border-radius:999px !important; background:linear-gradient(180deg, #8a7768 0%, #5d4a3e 100%) !important; box-shadow:0 14px 28px rgba(93,74,62,.28) !important; color:#fff !important; text-decoration:none !important; font-size:23px !important; font-weight:800 !important; letter-spacing:-.4px !important; transition:all .25s ease !important; } html body .sbk-full-banner .sbk-cta:hover{ transform:translateY(-2px) !important; filter:brightness(1.05) !important; color:#fff !important; text-decoration:none !important; box-shadow:0 18px 34px rgba(93,74,62,.34) !important; } html body .sbk-full-banner .sbk-cta-kakao{ width:31px !important; height:31px !important; border-radius:50% !important; background:#f4d96a !important; color:#4a3a2f !important; font-size:10px !important; font-weight:900 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; } html body .sbk-full-banner .sbk-cta-arrow{ font-size:30px !important; line-height:1 !important; font-weight:400 !important; transform:translateY(-1px) !important; } /* ===== right phone mockup ===== */ html body .sbk-full-banner .sbk-right{ display:flex !important; align-items:center !important; justify-content:center !important; min-height:420px !important; } html body .sbk-full-banner .sbk-phone{ width:260px !important; height:430px !important; border-radius:38px !important; padding:12px !important; background:linear-gradient(180deg,#8a7768 0%, #5d4a3e 100%) !important; box-shadow:0 18px 34px rgba(93,74,62,.22) !important; position:relative !important; } html body .sbk-full-banner .sbk-phone::before{ content:”” !important; position:absolute !important; top:8px !important; left:50% !important; transform:translateX(-50%) !important; width:92px !important; height:18px !important; background:#3a2d24 !important; border-radius:0 0 14px 14px !important; z-index:4 !important; } html body .sbk-full-banner .sbk-screen{ width:100% !important; height:100% !important; border-radius:28px !important; overflow:hidden !important; background:#f5ede4 !important; position:relative !important; } html body .sbk-full-banner .sbk-screen-top{ height:60px !important; background:#f1e7dd !important; border-bottom:1px solid rgba(93,74,62,.08) !important; display:flex !important; align-items:center !important; justify-content:space-between !important; padding:16px 16px 10px !important; color:#5d4a3e !important; font-size:16px !important; font-weight:800 !important; } html body .sbk-full-banner .sbk-screen-top .icon{ font-size:18px !important; font-weight:700 !important; line-height:1 !important; color:#8b7a6c !important; } html body .sbk-full-banner .sbk-chat{ position:relative !important; height:calc(100% – 60px) !important; padding:16px 12px 58px !important; background: radial-gradient(circle at 15% 12%, rgba(255,255,255,.55) 0%, transparent 24%), linear-gradient(180deg,#f6efe7 0%, #f0e6dc 100%) !important; } html body .sbk-full-banner .sbk-bubble{ position:relative !important; max-width:94% !important; margin-bottom:12px !important; background:#fffaf4 !important; border:1px solid rgba(93,74,62,.08) !important; border-radius:18px !important; padding:14px !important; color:#6e5b4d !important; box-shadow:0 6px 16px rgba(74,58,47,.06) !important; font-size:13.5px !important; line-height:1.65 !important; word-break:keep-all !important; } html body .sbk-full-banner .sbk-bubble.left::before{ content:”” !important; position:absolute !important; left:-6px !important; top:22px !important; width:14px !important; height:14px !important; background:#fffaf4 !important; border-left:1px solid rgba(93,74,62,.08) !important; border-bottom:1px solid rgba(93,74,62,.08) !important; transform:rotate(45deg) !important; } html body .sbk-full-banner .sbk-bubble strong{ color:#5d4a3e !important; font-weight:800 !important; } html body .sbk-full-banner .sbk-bubble.small{ font-weight:700 !important; } html body .sbk-full-banner .sbk-input{ position:absolute !important; left:10px !important; right:10px !important; bottom:10px !important; height:40px !important; border-radius:999px !important; background:#f7f0e8 !important; border:1px solid rgba(93,74,62,.08) !important; display:flex !important; align-items:center !important; justify-content:space-between !important; padding:0 12px !important; color:#b89b80 !important; font-size:16px !important; } html body .sbk-full-banner .sbk-input .send{ width:22px !important; height:22px !important; border-radius:50% !important; background:#f4d96a !important; color:#4a3a2f !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:11px !important; font-weight:900 !important; } /* ===== responsive ===== */ @media (max-width: 1400px){ html body .sbk-full-banner .sbk-grid{ grid-template-columns: 310px minmax(420px, 1fr) 300px !important; gap:18px !important; } html body .sbk-full-banner .sbk-title{ font-size:54px !important; } html body .sbk-full-banner .sbk-highlight{ font-size:26px !important; } html body .sbk-full-banner .sbk-photo{ width:255px !important; height:345px !important; } html body .sbk-full-banner .sbk-left::before{ width:285px !important; height:310px !important; } html body .sbk-full-banner .sbk-phone{ width:236px !important; height:395px !important; } } @media (max-width: 1024px){ html body .sbk-full-banner{ padding:18px 18px !important; } html body .sbk-full-banner .sbk-inner{ padding:30px 20px !important; min-height:auto !important; } html body .sbk-full-banner .sbk-grid{ grid-template-columns:1fr !important; gap:18px !important; min-height:auto !important; } html body .sbk-full-banner .sbk-left, html body .sbk-full-banner .sbk-center, html body .sbk-full-banner .sbk-right{ min-height:auto !important; } html body .sbk-full-banner .sbk-left{order:1 !important;} html body .sbk-full-banner .sbk-center{order:2 !important;} html body .sbk-full-banner .sbk-right{order:3 !important;} html body .sbk-full-banner .spark{display:none !important;} html body .sbk-full-banner .sbk-photo{ width:225px !important; height:305px !important; border-radius:115px 115px 20px 20px !important; margin-top:24px !important; } html body .sbk-full-banner .sbk-left::before{ width:255px !important; height:280px !important; top:8px !important; } html body .sbk-full-banner .sbk-left::after{ right:calc(50% – 125px) !important; top:0 !important; } html body .sbk-full-banner .sbk-sub-text{font-size:19px !important;} html body .sbk-full-banner .sbk-title{ font-size:42px !important; margin-bottom:14px !important; } html body .sbk-full-banner .sbk-highlight{ font-size:23px !important; min-height:56px !important; padding:0 26px !important; } html body .sbk-full-banner .sbk-desc{font-size:16px !important;} html body .sbk-full-banner .sbk-cta{ min-width:320px !important; font-size:20px !important; min-height:62px !important; } html body .sbk-full-banner .sbk-phone{ width:230px !important; height:382px !important; } } @media (max-width: 767px){ html body .sbk-full-banner{padding:12px !important;} html body .sbk-full-banner .sbk-inner{ padding:24px 14px !important; border-radius:22px !important; } html body .sbk-full-banner .sbk-badge{ font-size:11px !important; padding:8px 16px !important; letter-spacing:1.4px !important; margin-bottom:14px !important; } html body .sbk-full-banner .sbk-sub{ gap:8px !important; margin-bottom:6px !important; } html body .sbk-full-banner .sbk-phone-mini{ width:28px !important; height:28px !important; font-size:13px !important; } html body .sbk-full-banner .sbk-sub-text{font-size:17px !important;} html body .sbk-full-banner .sbk-title{ font-size:34px !important; line-height:1.12 !important; letter-spacing:-1.8px !important; } html body .sbk-full-banner .sbk-highlight{ width:auto !important; max-width:100% !important; font-size:19px !important; min-height:52px !important; padding:0 22px !important; margin-bottom:14px !important; } html body .sbk-full-banner .sbk-desc{ font-size:14px !important; line-height:1.6 !important; margin-bottom:16px !important; } html body .sbk-full-banner .sbk-features{ gap:8px !important; margin-bottom:18px !important; } html body .sbk-full-banner .sbk-features span{ font-size:12px !important; min-height:34px !important; padding:0 12px !important; } html body .sbk-full-banner .sbk-cta{ width:100% !important; min-width:0 !important; font-size:17px !important; min-height:56px !important; padding:0 20px !important; } html body .sbk-full-banner .sbk-cta-arrow{font-size:24px !important;} html body .sbk-full-banner .sbk-photo{ width:190px !important; height:255px !important; border-radius:95px 95px 18px 18px !important; margin-top:20px !important; } html body .sbk-full-banner .sbk-left::before{ width:215px !important; height:235px !important; top:6px !important; } html body .sbk-full-banner .sbk-left::after{ right:calc(50% – 108px) !important; width:28px !important; height:28px !important; } html body .sbk-full-banner .sbk-phone{ width:206px !important; height:342px !important; border-radius:32px !important; } html body .sbk-full-banner .sbk-phone::before{ width:80px !important; height:16px !important; } html body .sbk-full-banner .sbk-screen-top{ font-size:14px !important; height:54px !important; } html body .sbk-full-banner .sbk-chat{ height:calc(100% – 54px) !important; padding:12px 10px 52px !important; } html body .sbk-full-banner .sbk-bubble{ font-size:12px !important; padding:12px !important; border-radius:16px !important; } html body .sbk-full-banner .sbk-input{ height:36px !important; font-size:14px !important; } } ✦ ✦ ✦ ✦ ✦ SLEEPBETTER.BABY ☎ 간호사가 만든 1:1 수면컨설팅 아이 수면 전화상담 45분 1:1 집중 전화상담 오직 한 가정만을 위한 45분 집중 코칭 IPSP 자격 보유 전문가가 직접 상담합니다. 간호사 출신 전문가 IPSP 자격증 보유 맞춤 보고서 제공 TALK 전화상담 예약하기 › ‹ 슬베베 전화상담 ☰ 안녕하세요 🙂 슬립베러베이비 입니다. 45분 1:1 전화 집중 상담으로 아이 수면 고민을 해결해드릴게요😊 상담 가능 시간 알려주시면 예약 도와드리겠습니다! ☺ ● Package 슬립베러베이비 아이 수면 전화 상담 찜하기 공유하기 60,000원 100,000원 .cbk-wrap{–cbk-accent:#a98e7a;–cbk-accent-dark:#8c7260;–cbk-accent-weak:#f3ece5;–cbk-text:#4b423b;–cbk-muted:#a89e94;–cbk-line:#ece3da;–cbk-bg:#ffffff;–cbk-soft:#faf6f1;–cbk-radius:16px;–cbk-sun:#c87b66;–cbk-sat:#9a8472;–cbk-success:#8aa98a;width:100%;max-width:440px;margin:0 auto;color:var(–cbk-text);font-family:-apple-system,BlinkMacSystemFont,”Pretendard”,”Apple SD Gothic Neo”,”Malgun Gothic”,”Noto Sans KR”,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-align:left} .cbk-wrap,.cbk-wrap *,.cbk-wrap *::before,.cbk-wrap *::after{box-sizing:border-box} .cbk-wrap button{-webkit-appearance:none;appearance:none;margin:0;padding:0;border:0;background:transparent;font:inherit;color:inherit;line-height:1.2;cursor:pointer;box-shadow:none;min-width:0;width:auto;text-transform:none;letter-spacing:normal} .cbk-heading{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0 0 18px;text-align:center;color:var(–cbk-text)} .cbk-cal{background:var(–cbk-bg);border:1px solid var(–cbk-line);border-radius:var(–cbk-radius);padding:18px 16px 20px;box-shadow:0 10px 30px rgba(120,95,70,.08)} .cbk-cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px} .cbk-title{font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(–cbk-text)} .cbk-nav{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(–cbk-line);border-radius:10px;background:#fff;color:var(–cbk-accent);font-size:18px;transition:background .18s,border-color .18s,color .18s} .cbk-nav:hover{background:var(–cbk-accent);border-color:var(–cbk-accent);color:#fff} .cbk-nav:disabled{opacity:.35;cursor:default;background:#fff;color:var(–cbk-muted)} .cbk-dow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;margin-bottom:8px} .cbk-dow span{text-align:center;font-size:12px;font-weight:600;color:var(–cbk-muted);padding:4px 0} .cbk-dow span.cbk-sun{color:var(–cbk-sun)}.cbk-dow span.cbk-sat{color:var(–cbk-sat)} .cbk-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:100%} .cbk-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;aspect-ratio:1/1;min-width:0;width:auto;padding:0;border:1px solid transparent;border-radius:12px;background:transparent;color:var(–cbk-text);font-size:14px;font-weight:500;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s} .cbk-cell.cbk-empty{background:transparent;border:0;cursor:default} .cbk-cell.cbk-open{background:var(–cbk-soft)} .cbk-cell.cbk-open:hover{background:var(–cbk-accent-weak);border-color:var(–cbk-accent);transform:translateY(-1px)} .cbk-cell.cbk-disabled{color:#d2cabf;cursor:default;background:transparent} .cbk-cell.cbk-sun:not(.cbk-disabled){color:var(–cbk-sun)} .cbk-cell.cbk-sat:not(.cbk-disabled){color:var(–cbk-sat)} .cbk-cell.cbk-today{box-shadow:inset 0 0 0 1.5px var(–cbk-accent)} .cbk-cell.cbk-selected{background:var(–cbk-accent)!important;border-color:var(–cbk-accent)!important;color:#fff!important;box-shadow:0 6px 14px rgba(150,120,90,.28)} .cbk-day{line-height:1;font-variant-numeric:tabular-nums} .cbk-dot{width:5px;height:5px;border-radius:50%;background:var(–cbk-accent)} .cbk-cell.cbk-selected .cbk-dot{background:#fff} .cbk-cell.cbk-disabled .cbk-dot,.cbk-cell.cbk-empty .cbk-dot{background:transparent} .cbk-slots{margin-top:16px;background:var(–cbk-bg);border:1px solid var(–cbk-line);border-radius:var(–cbk-radius);padding:18px 16px;box-shadow:0 10px 30px rgba(120,95,70,.08)} .cbk-slots-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px} .cbk-slots-date{font-weight:700;font-size:15px;color:var(–cbk-text)} .cbk-back{color:var(–cbk-accent);font-size:13px;font-weight:600} .cbk-back:hover{color:var(–cbk-accent-dark);text-decoration:underline} .cbk-slots-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .cbk-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(–cbk-line);background:#fff;border-radius:12px;padding:11px 6px;font-size:14px;font-weight:600;color:var(–cbk-text);transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s} .cbk-slot:hover{background:var(–cbk-accent);border-color:var(–cbk-accent);color:#fff;transform:translateY(-1px);box-shadow:0 6px 14px rgba(150,120,90,.25)} .cbk-slot small{font-size:11px;font-weight:500;color:var(–cbk-muted)} .cbk-slot:hover small{color:rgba(255,255,255,.9)} .cbk-slot-off{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px dashed var(–cbk-line);background:var(–cbk-soft);color:#c8bfb4;border-radius:12px;padding:11px 6px;font-size:14px} .cbk-slot-off small{font-size:11px} .cbk-slots-empty{grid-column:1/-1;color:var(–cbk-muted);text-align:center;padding:18px 0;font-size:14px} .cbk-existing-card{border:1px solid var(–cbk-accent);background:linear-gradient(135deg,var(–cbk-accent-weak),#fff);border-radius:var(–cbk-radius);padding:18px;margin-bottom:16px} .cbk-existing-card h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:700;color:var(–cbk-accent-dark)} .cbk-existing-when{font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0 0 14px;color:var(–cbk-text)} .cbk-existing-actions{display:flex;gap:8px;flex-wrap:wrap} .cbk-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(–cbk-success);color:#fff} .cbk-btn-primary,.cbk-btn-ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:10px 18px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;border:1.5px solid var(–cbk-accent);cursor:pointer;transition:background .18s,border-color .18s,color .18s} .cbk-btn-primary{background:var(–cbk-accent);color:#fff} .cbk-btn-primary:hover{background:var(–cbk-accent-dark);border-color:var(–cbk-accent-dark);color:#fff} .cbk-btn-ghost{background:#fff;color:var(–cbk-accent-dark)} .cbk-btn-ghost:hover{background:var(–cbk-accent-weak)} .cbk-msg{margin-top:14px;padding:12px 14px;border-radius:11px;font-size:13.5px;line-height:1.5} .cbk-msg.cbk-error{background:#fbeae6;color:#b4543b} .cbk-msg.cbk-warn{background:#fbf2e3;color:#9a7b3e} .cbk-msg.cbk-ok{background:#eef4ee;color:#5e8460} .cbk-loading{text-align:center;padding:18px} .cbk-spinner{display:inline-block;width:24px;height:24px;border:3px solid var(–cbk-line);border-top-color:var(–cbk-accent);border-radius:50%;animation:cbk-spin .8s linear infinite} @keyframes cbk-spin{to{transform:rotate(360deg)}} @media (max-width:440px){.cbk-cal,.cbk-slots{padding:14px 12px}.cbk-grid{gap:5px}.cbk-cell{border-radius:10px;font-size:13px}.cbk-slots-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cbk-existing-when{font-size:17px}} @media (max-width:340px){.cbk-grid{gap:4px}.cbk-cell{font-size:12px}.cbk-nav{width:30px;height:30px;font-size:16px}} 상담 예약 ‹ › ‹ 날짜 다시 선택