❮ ❯ ❮ ❯ ❮ ❯ ❮ ❯ /* ✅ [1] 두 장짜리 */ .carousel-wrapperA { max-width:1000px; margin:0 auto; position:relative; overflow:hidden; } .carouselA { position:relative; width:100%; } .slidesA { display:flex; transition:transform 0.5s ease-in-out; } .slideA { min-width:100%; } .slideA img { width:100%; display:block; border-radius:0; margin:0; } #slideA-1:checked ~ .carouselA .slidesA { transform:translateX(0%); } #slideA-2:checked ~ .carouselA .slidesA { transform:translateX(-100%); } .navA label { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; line-height:42px; background:rgba(255,255,255,0.75); color:#000; font-size:22px; text-align:center; cursor:pointer; border-radius:50%; border:1px solid rgba(0,0,0,0.15); box-shadow:0 2px 5px rgba(0,0,0,0.08); transition:all 0.25s ease; } .navA label:hover { background:rgba(255,255,255,0.95); transform:translateY(-50%) scale(1.08); } .prevA { left:15px; } .nextA { right:15px; } /* ✅ [2] 그냥 이미지 */ .inline-images img { width:100%; display:block; margin:0; padding:0; border:none; } /* ✅ [3] 세 장짜리 */ .carousel-wrapperB { max-width:1000px; margin:0 auto; position:relative; overflow:hidden; } .carouselB { position:relative; width:100%; } .slidesB { display:flex; transition:transform 0.5s ease-in-out; } .slideB { min-width:100%; } .slideB img { width:100%; display:block; border-radius:0; margin:0; } #slideB-1:checked ~ .carouselB .slidesB { transform:translateX(0%); } #slideB-2:checked ~ .carouselB .slidesB { transform:translateX(-100%); } #slideB-3:checked ~ .carouselB .slidesB { transform:translateX(-200%); } .navB label { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; line-height:42px; background:rgba(255,255,255,0.75); color:#000; font-size:22px; text-align:center; cursor:pointer; border-radius:50%; border:1px solid rgba(0,0,0,0.15); box-shadow:0 2px 5px rgba(0,0,0,0.08); transition:all 0.25s ease; display:none; } .navB label:hover { background:rgba(255,255,255,0.95); transform:translateY(-50%) scale(1.08); } .prevB { left:15px; } .nextB { right:15px; } #slideB-1:checked ~ .carouselB .navB .navB-when-1 { display:block; } #slideB-2:checked ~ .carouselB .navB .navB-when-2 { display:block; } #slideB-3:checked ~ .carouselB .navB .navB-when-3 { display:block; } /* 슬라이드 제어 라디오 버튼 완전 숨기기 */ input[type="radio"][name^="slider"] { display: none !important; visibility: hidden !important; opacity: 0 !important; position: absolute; left: -9999px; Your skin, your solution—discover Korean skincare by the numbers with numbuzin. Tailored formulas for every skin concern, made simple.