No 5 Glutathione Txa Advanced Dark Spot Ampoule Concentrate

.carousel-wrapper,

.single-wrapper {

max-width: 1000px;

margin: 0 auto;

position: relative;

.carousel-wrapper {

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,

.single-wrapper img {

width: 100%;

height: auto;

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);

display: none; /* 상태별로만 보여주기 */

z-index: 2;

.nav label:hover {

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

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

.nav .prev { left: 15px; }

.nav .next { right: 15px; }

/* =========================

슬라이드 이동 (translateX)

========================= */

/* A (2장) */

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

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

/* B (2장) */

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

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

/* C (3장) */

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

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

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

/* =========================

상태별 화살표 표시

========================= */

/* A (2장) */

#sliderA-1:checked ~ .carousel .nav .prev-a1,

#sliderA-1:checked ~ .carousel .nav .next-a1 { display: block; }

#sliderA-2:checked ~ .carousel .nav .prev-a2,

#sliderA-2:checked ~ .carousel .nav .next-a2 { display: block; }

/* B (2장) */

#sliderB-1:checked ~ .carousel .nav .prev-b1,

#sliderB-1:checked ~ .carousel .nav .next-b1 { display: block; }

#sliderB-2:checked ~ .carousel .nav .prev-b2,

#sliderB-2:checked ~ .carousel .nav .next-b2 { display: block; }

/* C (3장) */

#sliderC-1:checked ~ .carousel .nav .prev-c1,

#sliderC-1:checked ~ .carousel .nav .next-c1 { display: block; }

#sliderC-2:checked ~ .carousel .nav .prev-c2,

#sliderC-2:checked ~ .carousel .nav .next-c2 { display: block; }

#sliderC-3:checked ~ .carousel .nav .prev-c3,

#sliderC-3:checked ~ .carousel .nav .next-c3 { display: block; }