❮ ❯ ❮ ❯ ❮ ❯ /* ✅ 공통 이미지 */ .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; 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.