#제품 설명 h3 {
여백: 0.75em 0px 0.375em -1px;
}
.aplus-v2 .배경 이미지가 있는 컨테이너 {
너비: 100%;
높이: 100%;
배경 반복: 반복 없음;
배경 크기: 표지;
}.aplus-v2 .apm 브랜드 스토리 카루셀 컨테이너 {
위치: 상대적;
}
.aplus-v2 .apm 브랜드 스토리 캐러셀 히어로 컨테이너,
.aplus-v2 .apm-브랜드 스토리 캐러셀 히어로 컨테이너 > div {
위치: 절대;
너비: 100%;
}/*
카러셀이 필요한 만큼만 공간을 차지하도록 합니다.
절대 위치에 있는 요소가 공간을 차지할 수 있도록 크기를 다시 설정해야 합니다.
*/
.aplus-v2 .apm 브랜드 스토리 카루셀 컨테이너,
.aplus-v2 .apm 브랜드 스토리 카루셀 히어로 컨테이너 {
높이: 625px;
너비: 100%;
최대 너비: 1464px;
여백-왼쪽: 자동;
여백 오른쪽: 자동;
오버플로: 숨겨진;
}
.aplus-v2 .apm 브랜드 스토리 캐러셀 히어로 컨테이너,
.aplus-v2 .apm-브랜드 스토리 캐러셀 히어로 컨테이너 > div {
높이: 625px;
}.aplus-v2 .apm-브랜드 스토리 캐러셀.a-캐러셀 컨테이너 {
패딩: 0px;
}
/*
이렇게 하면 카루셀이 히어로 이미지 컨테이너 상단과 로고 영역(125px) 위에 수직으로 중앙에 배치됩니다.
여백 상단 = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight
*/
.aplus-v2 .apm-브랜드 스토리 캐러셀 .a-carousel-row-inner {
여백 상단: 149px;
}
/*
카드에는 너비를 설정해야 합니다. 그렇지 않으면 기본값이 50px 정도로 설정됩니다.
모든 카드의 너비는 동일해야 합니다.카루셀은 모든 카드가 가장 큰 카드의 너비를 차지하도록 크기가 자동으로 조정됩니다.
왼쪽 여백은 각 카드 사이에 공간을 남기는 것입니다.
*/
.aplus-v2 .apm-브랜드 스토리 캐러셀 .a-캐러셀 카드 {
너비: 362px;
여백 왼쪽: 30px !중요;
}
/* 탐색 버튼을 더 높게 만들고, 측면과 같은 높이로 만들고, 깨끗한 흰색 배경을 갖도록 스타일링 */
.aplus-v2 .apm-브랜드 스토리 캐러셀 .a-carousel-col.a-carousel-left,
.aplus-v2 .apm-브랜드 스토리 캐러셀 .a-carousel-col.a-carousel-right {
패딩: 0px;
}
.aplus-v2 .apm-브랜드 스토리 캐러셀 .a-carousel-col.a-carousel-left .a-button-image,
.aplus-v2 .apm-브랜드 스토리 캐러셀 .a-carousel-col.a-carousel-right .a-button-image {
테두리: 없음;
여백: 0px;
}
.aplus-v2 .apm-브랜드 스토리 캐러셀 .a-carousel-col.a-carousel-left .a-button-image .a-button-inner,
.aplus-v2 .apm-브랜드 스토리 캐러셀 .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
배경:#fff;
패딩: 20px 6px;
}
.aplus-v2 .apm-브랜드 스토리 캐러셀 .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {
테두리 반경: 0px 4px 4px 0px;
}
.aplus-v2 .apm-브랜드 스토리 캐러셀 .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
테두리 반경: 4px 0px 0px 4px;
}