브랜드에서

제품 설명

. Aplus-v2. Apm-브랜드 스토리-회전 목마 컨테이너 {

위치: 상대;

}

. Aplus-v2. Apm-브랜드 스토리-회전 목마-영웅-컨테이너,

. Aplus-v2. Apm-브랜드 스토리-회전 목마-영웅-컨테이너> div {

위치: 절대;

너비: 100%;

}/*

회전 목마가 필요한 공간 만 차지하도록 보장합니다.

공간을 차지할 수 있도록 절대적으로 배치 된 요소에 크기를 다시 설정해야합니다.

*/

. Aplus-v2. Apm-브랜드 스토리-회전 목마-컨테이너,

. Aplus-v2. Apm-브랜드 스토리-회전 목마-영웅-컨테이너 {

높이: 625px;

너비: 100%;

최대 너비: 1464px;

여백-왼쪽: 자동;

여백-오른쪽: 자동;

오버플로: 숨김;

}

/*

이 경우 메인 이미지 컨테이너 위쪽과 로고 영역 (125px) 뒤에 회전판이 세로로 중앙에 배치됩니다.

여백-상단 = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight

*/

. Aplus-v2. Apm-브랜드 스토리-회전 목마. A-회전 목마-행-내부 {

여백 상단: 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-버튼 이미지,

. Aplus-v2. Apm-브랜드 스토리-회전 목마. A-carousel-col.a-carousel-right. A-버튼 이미지 {

국경: 없음;

여백: 0px;

}

. Aplus-v2. Apm-브랜드 스토리-회전 목마. A-carousel-col.a-carousel-left. A-버튼 이미지. A-버튼 내부,

. Aplus-v2. Apm-브랜드 스토리-회전 목마. A-carousel-col.a-carousel-right. A-버튼 이미지. A-버튼 내부 {

배경: # fff;

패딩: 20px 6px;

}

. Aplus-v2. Apm-브랜드 스토리-회전 목마. A-carousel-col.a-carousel-left. A-버튼 이미지. A-버튼 내부 {

테두리 반경: 0px 4px 4px 0px;

}

. Aplus-v2. Apm-브랜드 스토리-회전 목마. A-carousel-col.a-carousel-right. A-버튼 이미지. A-버튼 내부 {

테두리 반경: 4px 0px 0px 4px;

}