[종이책 오더] 기존 자료 구매자만 가능 /슬립베러베이비/슬베베 아이 맞춤 셀프수면교육

소개 체크포인트 참고사항 환불정책 /* ===== 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:#ece2d5; –card:#f0e6d8; –text:#5d4a3e; –text-soft:#8b7a6c; –brown:#7a6859; –brown-dark:#5d4a3e; –brown-deep:#4a3a2f; –line:rgba(93,74,62,.10); –white:#ffffff; width:100vw !important; max-width:1980px !important; margin-left:calc(50% – 50vw) !important; margin-right:calc(50% – 50vw) !important; background:#ece2d5 !important; padding:28px 40px !important; font-family:’Noto Sans KR’, sans-serif !important; overflow:hidden !important; } /* 베이지 단색 – 그라데이션/radial 제거 */ html body .sbk-full-banner .sbk-inner{ width:100% !important; max-width:1980px !important; margin:0 auto !important; position:relative !important; background:#ece2d5 !important; border-radius:28px !important; min-height:540px !important; overflow:hidden !important; padding:42px 54px !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; } /* brown panel – 단색 */ 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:#7a6859 !important; z-index:1 !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; 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; } /* 한정수량 뱃지 – brown 톤으로 차분하게 */ html body .sbk-full-banner .sbk-limit-badge{ position:absolute !important; z-index:3 !important; top:14px !important; left:50% !important; transform:translateX(-50%) !important; display:inline-flex !important; align-items:center !important; gap:8px !important; padding:8px 18px !important; border-radius:999px !important; background:#fff !important; color:#5d4a3e !important; font-size:13px !important; font-weight:800 !important; letter-spacing:.2px !important; border:1px solid rgba(93,74,62,.12) !important; white-space:nowrap !important; } html body .sbk-full-banner .sbk-limit-badge::before{ content:”” !important; width:6px !important; height:6px !important; border-radius:50% !important; background:#b89b80 !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,.5) !important; border:1px solid rgba(93,74,62,.08) !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-book-mini{ width:30px !important; height:30px !important; border-radius:9px !important; background:#7a6859 !important; color:#fff !important; font-size:15px !important; font-weight:900 !important; display:flex !important; align-items:center !important; justify-content:center !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; } /* highlight – 단색 brown */ 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 34px !important; border-radius:999px !important; background:#7a6859 !important; color:#fff !important; font-size:28px !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:#fff !important; border:1px solid rgba(93,74,62,.08) !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; font-weight:900 !important; } /* CTA – 차분한 brown */ html body .sbk-full-banner .sbk-cta{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:14px !important; min-width:340px !important; min-height:68px !important; padding:0 30px !important; border-radius:999px !important; background:#5d4a3e !important; color:#fff !important; text-decoration:none !important; font-size:22px !important; font-weight:800 !important; letter-spacing:-.4px !important; transition:all .25s ease !important; } html body .sbk-full-banner .sbk-cta:hover{ background:#4a3a2f !important; color:#fff !important; text-decoration:none !important; } html body .sbk-full-banner .sbk-cta-arrow{ font-size:28px !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:#5d4a3e !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:#f0e6d8 !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:15px !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:#f5ede4 !important; } html body .sbk-full-banner .sbk-bubble{ position:relative !important; max-width:94% !important; margin-bottom:12px !important; background:#fff !important; border:1px solid rgba(93,74,62,.06) !important; border-radius:18px !important; padding:14px !important; color:#6e5b4d !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:18px !important; width:14px !important; height:14px !important; background:#fff !important; border-left:1px solid rgba(93,74,62,.06) !important; border-bottom:1px solid rgba(93,74,62,.06) !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:#fff !important; border:1px solid rgba(93,74,62,.06) !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:#7a6859 !important; color:#fff !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:25px !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:22px !important; min-height:56px !important; padding:0 24px !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-book-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:18px !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-limit-badge{font-size:12px !important; padding:6px 14px !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;} } ✦ ✦ ✦ ✦ ✦ 1차 한정수량 SLEEPBETTER.BABY · LIMITED EDITION 📖 셀프 수면교육 패키지 슬베베 종이책ver 1차 한정수량 출시 전자책 구매 고객님께만 드리는 특별혜택 고품질 부드러운 용지로 눈의 편안함까지 챙겼습니다. 고품질 종이재질 필기 가능 한눈에 보이는 폰트 지금 바로 문의하기 › ‹ 슬립베러베이비 수면교육 ☰ 안녕하세요 🙂 슬립베러베이비 입니다. 종이책ver은 1차 한정수량으로 생산되어 빠른 마감이 예상돼요😊 전자책 구매내역 확인 후 주문 도와드릴게요! ☺ ● Package [종이책 오더] 슬립베러베이비/슬베베 아이 맞춤 셀프수면교육 찜하기 공유하기 25,000원 30,000원 구매 전 궁금한 사항이 있다면? 문의하기