Includes 1 x No.5 Vitamin Concentrated Serum 1 x No.5 Vitamin-Niacinamide Concentrated Toner Pads ❮ ❯ ❮ ❯ .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%); } .carousel-wrapper { max-width: 1000px; margin: 0 auto; position: relative; overflow: hidden; input[name^="slider"] { display: none; } .carousel { position: relative; width: 100%; } .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; } /* 슬라이드 이동 */ #slideA-1:checked ~ .carousel .slides { transform: translateX(0%); } #slideA-2:checked ~ .carousel .slides { transform: translateX(-100%); } /* 일반 이미지 여백 제거 */ img { margin: 0; padding: 0; display: block; width: 100%; } ❮ ❯