No 9 Nad Bio Super Defense Glow Sunscreen

❮ ❯

❮ ❯

.carousel-wrapper {

max-width: 1000px;

margin: 0 auto;

position: relative;

overflow: hidden;

/* 라디오 버튼 숨기기 */

input[name^="slider"] {

display: none;

.carousel {

position: relative;

width: 100%;

height: auto;

.slides {

display: flex;

transition: transform 0.5s ease-in-out;

.slide {

min-width: 100%;

.slide img {

width: 100%;

display: block;

border-radius: 0;

margin: 0;

/* 화살표 버튼 */

.nav 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%;

user-select: none;

border: 1px solid rgba(0,0,0,0.15);

transition: all 0.25s ease;

box-shadow: 0 2px 5px rgba(0,0,0,0.08);

.nav label:hover {

background: rgba(255,255,255,0.95);

transform: translateY(-50%) scale(1.08);

.nav .prev { left: 15px; }

.nav .next { right: 15px; }

/* 슬라이드 이동 규칙 */

#slide1-1:checked ~ .carousel .slides { transform: translateX(0%); }

#slide1-2:checked ~ .carousel .slides { transform: translateX(-100%); }

#slide2-1:checked ~ .carousel .slides { transform: translateX(0%); }

#slide2-2:checked ~ .carousel .slides { transform: translateX(-100%); }

#slideB-1:checked ~ .carousel .slides { transform: translateX(0%); }

#slideB-2:checked ~ .carousel .slides { transform: translateX(-100%); }

#slideB-3:checked ~ .carousel .slides { transform: translateX(-200%); }

Your skin, your solution—discover Korean skincare by the numbers with numbuzin. Tailored formulas for every skin concern, made simple.