. Aplus-v2 {
표시: 블록;
여백-왼쪽: 자동;
여백-오른쪽: 자동;
}
. Aplus-v2. aplus-3p-fixed-width {
너비: 970px;
}
. Aplus-v2. aplus-3p-fixed-width.aplus-module-wrapper {
여백-왼쪽: 자동;
여백-오른쪽: 자동;
}. Aplus-v2. 런치패드 모듈 {max-width: 1000px; 여백-왼쪽: 자동; 여백-오른쪽: 자동; 패딩-상단: 15px; 패딩-하단: 15px; }
. Aplus-v2. 런치 패드-텍스트 컨테이너 {여백-왼쪽: 자동; 여백-오른쪽: 자동; 텍스트-정렬: 정당화; -moz-텍스트-정렬-마지막: 센터; 텍스트-align-last: 센터;}
. Aplus-v2. 런치 패드-텍스트 센터 {text-align: center; }
. Aplus-v2. 런치 패드-텍스트-왼쪽-정당화 {텍스트-정렬: 정당화; -moz-텍스트-정렬-마지막: 왼쪽; 텍스트-정렬-마지막: 왼쪽;}
Html [dir = 'rtl'] .aplus-v2. 런치 패드-텍스트-왼쪽-정당화 {텍스트-정렬: 정당화; -moz-텍스트-정렬-마지막: 오른쪽; 텍스트-정렬-마지막: 오른쪽;}
. Aplus-v2. 런치 패드-비디오 컨테이너 {너비: 100%; }
. Aplus-v2. 런치 패드-모듈-비디오. AplusAiryVideoPlayer {여백-왼쪽: 자동; 여백-오른쪽: 자동; 패딩-하단: 25px; }
. Aplus-v2. 런치 패드 모듈-3 스택. 런치 패드-모듈-스택 가능 열 {표시: 인라인 블록; 너비: 32%; 수직-정렬: 상단; 패딩-왼쪽: 10px; 패딩-오른쪽: 10px; }
. Aplus-v2. 런치 패드 모듈-3 스택. 런치 패드-모듈-3 스택 컨테이너 {디스플레이: 테이블; 텍스트-정렬: 센터; 여백-왼쪽: 자동; 여백-오른쪽: 자동;}
. Aplus-v2. 런치 패드 모듈-3 스택. 런치 패드-모듈-3 스택 컨테이너 img {최대 너비: 없음;}
. Aplus-v2. 런치 패드 모듈-3 스택. 런치 패드-모듈-3 스택 블록 {여백-하단: 14px; }
. Aplus-v2. 런치 패드 모듈-3 스택. 런치 패드 모듈-3 스택-세부 사항 {표시: 표-캡션; 캡션-측면: 하단;}
. Aplus-v2. 런치 패드-열 컨테이너 {수직-정렬: 중간;}
. Aplus-v2. 런치 패드 열 이미지 컨테이너 {너비: 34.5%; }
. Aplus-v2. 런치 패드-열-텍스트 컨테이너 {width: 64.5%; 패딩: 0 150px; }
. Aplus-v2. 런치 패드-모듈-왼쪽 이미지. 런치 패드-열-텍스트 컨테이너 {패딩-오른쪽: 0; }
. Aplus-v2. 런치 패드-모듈-오른쪽 이미지. 런치 패드-열-텍스트 컨테이너 {패딩-왼쪽: 0; }
. Aplus-v2. 런치 패드-시작 h5 {글꼴 무게: 정상; 글꼴 스타일: 기울임 꼴;}
. Aplus-v2. 런치 패드-faq h2 {색상: # ffa500; }
. Aplus-v2. 런치 패드-모듈-사람-블록 {여백-하단: 10px; }.aplus-v2 {
표시: 블록;
여백-왼쪽: 자동;
여백-오른쪽: 자동;
단어 포장: 휴식 단어;
오버플로 랩: 휴식 단어;
단어 휴식: 휴식 단어;
}
/* 테이블 레이아웃을 깨기 때문에 기술 사양을 위해이 실행 취소 */
. Aplus-v2. Aplus-표준. Applus-tech-spec-table { word-휴식: 초기;}
. Aplus-v2. Aplus-표준. Aplus-module-wrapper {text-align: 상속; 표시: 블록; 여백-오른쪽: 자동; 여백-왼쪽: 자동;}
. Aplus-v2 dule-1,
. Aplus-v2 dule-2,
. Aplus-v2 dule-3,
. Aplus-v2 dule-4,
. Aplus-v2 dule-6,
. Aplus-v2 dule-7,
. Aplus-v2 dule-8,
. Aplus-v2 dule-9,
. Aplus-v2 dule-10,
. Aplus-v2 dule-11,
. Aplus-v2 dule-12 {패딩-하단: 12px; 여백-하단: 12px;}
. Aplus-v2. Aplus-standard.aplus-module: 마지막 자식 {border-bottom: 없음}
. Aplus-v2. Aplus-standard.aplus-module {최소 폭: 979px;}
/* 세부 정보 페이지에서 aui를 재정의하는 데 필요한 aplus css */
. Aplus-v2. Aplus-standard.aplus-module 테이블. aplus-chart.a-bordered.a-vertical-stripes {테두리: 없음;}
. Aplus-v2. Aplus-standard.aplus-module 테이블. aplus-chart.a-bordered.a-vertical-stripes td {배경: 없음;}
. Aplus-v2. Aplus-standard.aplus-module 테이블. aplus-chart.a-bordered.a-vertical-stripes td. seloted {배경 색상: # ffd;}
. Aplus-v2. Aplus-standard.aplus-module 표. aplus-chart.a-bordered.a-vertical-stripes td: 첫 번째 자식 {배경: # f7f7f7; 글꼴 무게: 굵게;}
. Aplus-v2. Aplus-standard.aplus-module 테이블. aplus-chart.a-bordered.a-vertical-stripes tr th {배경: 없음; 경계-오른쪽: 없음;}
. Aplus-v2. Aplus-standard.aplus-module 테이블. aplus-chart.a-bordered tr td,.aplus-v2. Aplus-표준. Aplus-모듈 테이블. aplus-chart.a-bordered tr th {border-bottom:1px 점선 #999;}
/* A + 템플릿-일반 모듈 CSS */
. Aplus-v2. Aplus-표준. Apm-상단 {높이: 100%; 수직-정렬: 상단;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-상단 {패딩-왼쪽: 0px; 패딩-오른쪽: 3px}
. Aplus-v2. Aplus-표준. Apm-center {높이: 100%; 수직-정렬: 중간; 텍스트-정렬: 센터;}
. Aplus-v2. Aplus-표준. Apm-행 {width:100%; 표시: 인라인 블록;}
. Aplus-v2. Aplus-표준. Apm-wrap {너비: 100%;}
. Aplus-v2. Aplus-표준. Apm-고정 너비 {너비: 969px;}
. Aplus-v2. Aplus-표준. Apm-floatleft {float: 왼쪽;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-floatleft {float: 오른쪽;}
. Aplus-v2. Aplus-표준. Apm-floatrigh트 {float: 오른쪽;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-floatright {float: 왼쪽;}
. Aplus-v2. Aplus-표준. Apm-floatnone {float: 없음;}
. Aplus-v2. Aplus-표준. Apm 간격 img {테두리: 없음;}
. Aplus-v2. Aplus-표준. Apm-leftimage {float: 왼쪽; 표시: 블록; 여백-오른쪽: 20px; 여백-하단: 10px; 너비: 300px;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-leftimage {float: 오른쪽; 여백-오른쪽: 0px; 여백-왼쪽: 20px;}
. Aplus-v2. Aplus-표준. Apm-centerimage {text-align: center; 너비: 300px; 표시: 블록; 여백-하단: 10px;}
. Aplus-v2. Aplus-표준. Apm-centerthirdcol {최소 너비: 359px; 표시: 블록}
. Aplus-v2. Aplus-표준. Apm-centerthirdcol ul,
. Aplus-v2. Aplus-표준. Apm-centerthirdcol ol {여백-왼쪽: 334px;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-centerthirdcol ul,
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-centerthirdcol ol {여백-왼쪽: 0px; 여백-오른쪽: 334px;}
. Aplus-v2. Aplus-표준. Apm-rightthirdcol {float: 오른쪽; 너비: 230px; 패딩-왼쪽: 30px; 여백-왼쪽: 30px; 테두리-왼쪽: 1px 단색 # dddd;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-rightthirdcol {float: 왼쪽; 패딩-왼쪽: 0px; 패딩-오른쪽: 30px; 여백-왼쪽: 0px; 여백-오른쪽: 30px; 테두리-왼쪽: 0px; 테두리-오른쪽: 1px 솔리드 # dddd;}
. Aplus-v2. Aplus-표준. Apm-leftwirdswrap {너비: 709px; 표시: 블록;}
. Aplus-v2. Aplus-표준. Apm-lefthalfcol {width:480px; 패딩-오른쪽: 30px; 표시: 블록; float: 왼쪽;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-lefthalfcol {패딩-왼쪽: 30px; float: 오른쪽;}
. Aplus-v2. Aplus-표준. Apm-rightalfcol {너비: 480px; 표시: 블록; float: 왼쪽;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-rightalfcol {float: 오른쪽;}
. Aplus-v2. Aplus-표준. Apm-eventhirdcol {너비: 300px; 표시: 블록;}
. Aplus-v2. Aplus-표준. Apm-eventhirdcol-테이블 {테두리 간격: 0px 0px; 테두리-축소: 축소;}
. Aplus-v2. Aplus-표준. Apm-eventhirdcol-표 tr {수직-정렬: 상단;}
. Aplus-v2. Aplus-표준. Apm-fourthcol {너비: 220px; float: 왼쪽;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-fourthcol {float: 오른쪽;}
. Aplus-v2. Aplus-표준. Apm-fourthcol. Apm-fourthcol-이미지 {위치: 상대;}
. Aplus-v2. Aplus-표준. Apm-fourthcol img {표시: 블록; 여백: 0 자동;}
. Aplus-v2. Aplus-표준. Apm-fourthcol-table {테두리 간격: 0px 0px; 테두리 축소: 축소;}
. Aplus-v2. Aplus-표준. Apm-fourthcol-표 tr {수직-정렬: 상단;}
. Aplus-v2. Aplus-표준. Apm-listbox {width:100%;}
. Aplus-v2. Aplus-표준. Apm-iconheader {float: 왼쪽; 패딩-왼쪽: 10px;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-iconheader {float: 오른쪽; 패딩-왼쪽: 0px; 패딩-오른쪽: 10px}
. Aplus-v2. Aplus-표준. Apm 간격 ul: 마지막 자식,.aplus-v2. Aplus-표준 ol: 마지막 자식 {여백-하단: 0! 중요;}
. Aplus-v2. Aplus-표준. Apm-간격 ul,.aplus-v2. Aplus-표준 ol {패딩: 0! 중요;}
. Aplus-v2. Aplus-표준. Apm 간격 ul {여백: 0 0 18px 18px! 중요;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm 간격 ul {여백: 0 18px 18px 0! 중요;}
. Aplus-v2. Aplus-표준. Apm-간격 ul li,.aplus-v2. Aplus-표준 ol li {word-wrap: 휴식 단어; 여백: 0! 중요;}
. Aplus-v2. Aplus-표준. Apm-간격 ul li {마진: 0! 중요;}
/* A + 템플릿-모듈 1 특정 CSS */
. Aplus-v2. Aplus-표준. Amp-centerthirdcol-listbox {표시: 인라인 블록; 너비: 359px;}
/* A + 템플릿-특정 CSS를 2/3 모듈 */
. Aplus-v2. Aplus-표준. Apm-sidemodule {text-align:left; 여백: 0 자동; 너비: 970px; 패딩: 0; 배경-색상: # ffffff; 위치: 상대;}
. Aplus-v2. Aplus-표준. Apm-sidemodule {text-align: 상속;}
. Aplus-v2. Aplus-표준. Apm-sidemodule-textright {위치: 상대; 표시: 테이블 셀; 세로-정렬: 중간; 패딩-왼쪽: 40px; 높이: 300px; 최대 높이: 300px;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-sidemodule-textright {패딩-왼쪽: 0px; 패딩-오른쪽: 40px;}
. Aplus-v2. Aplus-표준. Apm-sidemodule-textleft {위치: 상대; 표시: 테이블 셀; 수직-정렬: 중간; 높이: 300px; 최대 높이: 300px;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-sidemodule-textreft {패딩-왼쪽: 0px;}
. Aplus-v2. Aplus-표준. Apm-sidemodule-imageleft {위치: 상대; float: 왼쪽; 표시: 블록;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-sidemodule-imageleft {float: 오른쪽;}
. Aplus-v2. Aplus-표준. Apm-sidemodule-imageright {위치: 상대; float: 오른쪽; 표시: 블록;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-sidemodule-imageright {float: 왼쪽;}
/* A + 템플릿-모듈 4 특정 CSS */
. Aplus-v2 dule-4 th {패딩: 0px; 패딩-오른쪽: 30px; 너비: 220px;}
Html [dir = 'rtl'] .aplus-v2 .aplus-standard.aplus-module.mo dule-4 th {패딩-왼쪽: 30px; 패딩-오른쪽: 0px;}
. Aplus-v2 .aplus-standard.aplus-module.mo dule-4 th: 마지막 유형 {패딩-오른쪽: 0px;}
Html [dir = 'rtl'] .aplus-v2 .aplus-standard.aplus-module.mo dule-4 th: 마지막 유형 {패딩-왼쪽: 0px}
/* A + 템플릿-모듈 5 특정 CSS */
. Aplus-v2. Aplus-표준. Apm-tablemodule {text-align:left; 여백: 0 자동; 너비: 970px; 표시: 표;}
. Aplus-v2. Aplus-표준 테이블. apm-tableemodule-테이블 {border-bottom:1px 솔리드 # dddd; 너비: 970px; 왼쪽: 4%; 테이블 레이아웃: 고정}
. Aplus-v2. Aplus-표준 th.apm-tablemodule-keyhead {border-top:1px 솔리드 # ddd; 패딩: 8px 14px 6px! 중요; 배경 색상: # f7f7f7; 글꼴 무게: 일반; 색상: #626262; float: 없음! 중요; 여백-오른쪽: 0; 텍스트-align:center; 너비: 106px;}
. Aplus-v2. Aplus-표준 tr.apm-tablemodule-keyvalue td {패딩-상단: 8px! 중요; 패딩-왼쪽: 14px; 패딩-하단: 8px; 테두리-상단: 1px 단색 # dddd; 테두리-하단: 1px 단색 # dddd; 텍스트-align:center; 너비: 상속! 중요}
. Aplus-v2. Aplus-표준. Apm-tablemodule-valuecell.selected {배경 색상: # fff5ec;}
. Aplus-v2. Aplus-표준. Apm-tablemodule-valuecell 범위 {단어-랩: 휴식 단어;}
. Aplus-v2. Aplus-표준. Apm-tableemodule-키헤드 {테두리-오른쪽: 1px 솔리드 # dddd;}
. Aplus-v2. Aplus-표준. Apm-tablemedule-블랭크키 헤드 {테두리: 0! 중요; 너비: 18%;}
. Aplus-v2. Aplus-표준. Apm-tablemodule-이미지 {배경 색상: # FFFFFF; 패딩: 0! 중요; 텍스트-align:center; 오버플로: 숨김; 수직-align:bottom;}
. Aplus-v2. Aplus-표준. Apm-tableemodule-imagerows > td > img {최대 너비: 없음! 중요;}
. Aplus-v2. Aplus-표준 테이블. apm-tableemodule-테이블 {여백-하단: 6px! 중요;}
. Aplus-v2. Aplus-표준 테이블. apm-tableemodule-테이블 th {패딩-하단: 8px; 텍스트-align:center;}
. Aplus-v2. Aplus-표준. Apm-checked {text-align:center;}
/* A + 템플릿-모듈 6 특정 CSS */
. Aplus-v2. Aplus-표준. Apm-hovermodule {text-align:left; 여백: 0 자동; 너비: 970px; 패딩: 0; 배경-색상: # ffffff; 위치: 상대;}
. Aplus-v2. Aplus-표준. Apm-hovermodule {text-align: 상속;}
. Aplus-v2. Aplus-표준. Apm-hovermodule-슬라이드 {배경 색상: # ffffff; 너비: 970px; 높이: 300px;}
. Aplus-v2. Aplus-표준. Apm-hovermodule-슬라이드-내부 {여백-왼쪽: 345px; 위치: 절대; z-색인: 25;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-hovermodule-슬라이드-내부 {여백-왼쪽: 0px; 여백-오른쪽: 345px;}
. Aplus-v2. Aplus-표준. Apm-hovermodule-슬라이드 컨트롤 {패딩-상단: 14px;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-hovermodule-슬라이드 컨트롤 {왼쪽: 0px; 오른쪽: 345px;}
. Aplus-v2. Aplus-표준. Apm-hovermodule-smallimage {수직-정렬: 상단; 표시: 인라인 블록; 너비: 80px; 커서: 포인터; 여백-오른쪽: 35px; 패딩: 0;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-hovermodule-smallimage {여백-오른쪽: 0px; 여백-왼쪽: 35px;}
. Aplus-v2. Aplus-표준. Apm-hovermodule-smallimage-bg {배경 색상: # ffffff; 너비: 80px; 높이: 80px;}
. Aplus-v2. Aplus-표준. Apm-hovermodule-smallimage-마지막 {여백-오른쪽: 0! 중요;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-hovermodule-smallimage-마지막 {여백-왼쪽: 0! 중요;}
. Aplus-v2. Aplus-표준. Apm-hovermodule-smallimage a {text-transform: 대문자; 글꼴 크기: 11px; 글꼴-무게: 굵게;}
. Aplus-v2. Aplus-표준. Apm-hovermodule-smallimage a:hover {텍스트 장식: 없음; 색상: #333333! 중요;}
. Aplus-v2. Aplus-표준. Apm-hovermodule-smallimage img {테두리: 1px 솔리드 #888888;}
. Aplus-v2. Aplus-표준. Apm-hovermodule-opacitymodon:hover {불투명도: 1! 중요; 필터: 알파 (불투명도 = 100) ! 중요;}
. Aplus-v2. Aplus-표준. Apm-hovermodule-opacitymmodon img {불투명도: 0.3; 필터: 알파 (불투명도 = 30);}
. Aplus-v2. Aplus-표준. Apm-hovermodule-이미지 {위치: 절대; 왼쪽: 0; z-색인: 1;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-hovermodule-이미지 {오른쪽: 0;}
/* A + 템플릿-모듈 9 특정 CSS */
. Aplus-v2 dule-9 th.apm-center {패딩: 0 35px 0 0; 너비: 300px;}
Html [dir = 'rtl'] .aplus-v2 .aplus-standard.aplus-module.mo dule-9 th.apm-center {패딩: 0 0 0 35px; 너비: 300px;}
. Aplus-v2 .aplus-standard.aplus-module.mo dule-9 th.apm-center: 마지막 유형 {패딩: 0px;}
/* A + 템플릿-특정 CSS를 11/12 모듈 */
. Aplus-v2. Aplus-표준. Apm-heromodule-textright {align-self:center; 오른쪽: 50px; 여백-왼쪽: 자동; 패딩: 15px; 필터: progid:DXImageTransform. 마이크로 소프트. 그라디언트 (startColorstr = # BBBBBB,endColorstr = # FFFFFF), 배경색: rgb(0,0,0), 배경색: rgba(0,0,0,0). 7); 색상: 흰색; 너비: 250px;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-heromodule-textright {왼쪽: 50px; 오른쪽: 자동; 여백-왼쪽: 0; 여백-오른쪽: 자동;}
. Aplus-v2. Aplus-표준. Apm-heromodule-텍스트 h3,
. Aplus-v2. Aplus-표준. Apm-heromodule-텍스트 ul,
. Aplus-v2. Aplus-표준. Apm-heromodule-textright ol,
. Aplus-v2. Aplus-표준. Apm-heromodule-textright ul. A-목록 항목
. Aplus-v2. Aplus-표준. Apm-heromodule-textright ol. A-list-item {color:white}
. Aplus-v2. aplus-standard.mo dule-12. Textright {align-self:center; 오른쪽: 50px; 여백-왼쪽: 자동; 패딩: 15px; 색상: 검정; 너비: 250px; 필터: progid:DXImageTransform. 마이크로 소프트. 그라디언트 (startColorstr = # BBBBBB,endColorstr = # FFFFFF), 배경-색상: rgb(255,255,255), 배경-색상: rgba(255,255,255,0.7);}
Html [dir = 'rtl'] .aplus-v2 .aplus-standard.mo dule-12. Textright {왼쪽: 50px; 오른쪽: 자동; 여백-왼쪽: 0; 여백-오른쪽: 자동;}
. Aplus-v2. aplus-standard.mo dule-12 .apm-영웅 이미지,.aplus-v2 .aplus-standard.mo dule-11. Apm-영웅 이미지 {float: 없음}
. Aplus-v2. aplus-standard.mo dule-12. Apm-영웅 이미지 img,.aplus-v2 .aplus-standard.mo dule-11. Apm-영웅 이미지 img {위치: 절대}
. Aplus-v2. aplus-standard.mo dule-12 .apm-영웅 텍스트,.aplus-v2 .aplus-standard.mo dule-11. Apm-영웅 텍스트 {위치: 상대}
. Aplus-v2. aplus-standard.mo dule-11 .aplus-모듈 컨텐츠,.aplus-v2 .aplus-standard.mo dule-12 .aplus-모듈 컨텐츠 {최소 높이: 300px; 디스플레이: flex}
/* 모듈 13 텍스트 */
. Aplus-v2. Aplus-표준. aplus-module-13 {
패딩: 40px 0;
최대 너비: 979px;
}
. Aplus-v2. Aplus-표준. aplus-module-13 .aplus-13-heading-text {
패딩-하단: 10px;
}
. Aplus-v2. Aplus-표준. aplus-module-13 p {
텍스트-정렬: 왼쪽;
패딩-하단: 10px;
}
. Aplus-v2. Aplus-표준. aplus-module-13 p {
텍스트-정렬: 상속;
}
@ 미디어 (최대 너비: 800px) {
/* 메인 미디어 쿼리 */
. Aplus-v2. Aplus-표준. Acs-ux-wrapfix {너비: 100%;}
. Aplus-v2. Aplus-표준. Aplus-모듈 래퍼 {width:100%;}
. Aplus-v2. Aplus-표준. Apm-왼쪽 {float: 없음;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Acs-ux-wrapfix {너비: 100%;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Aplus-모듈 래퍼 {width:100%;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-왼쪽 {float: 없음;}
. Aplus-v2. Aplus-표준. Apm-centerthirdcol ul,
. Aplus-v2. Aplus-표준. Apm-centerthirdcol ol {여백-왼쪽: 14px;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-centerthirdcol ul,
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-centerthirdcol ol {여백-왼쪽: 0px; 여백-오른쪽: 14px;}
/* Module1 미디어 쿼리 */
. Aplus-v2. Aplus-표준. Apm-leftwothirdswrap {float: 없음; 너비: 100%; 여백: 0;}
. Aplus-v2. Aplus-표준. Apm-왼쪽 p {표시: 없음;}
. Aplus-v2. Aplus-표준. Apm-centerthirdcol {float: 없음; 너비: 100%;}
. Aplus-v2. Aplus-표준. Apm-listbox {width:100%;}
. Aplus-v2. Aplus-표준. Apm-rightthirdcol {float: 없음; 너비: 100%; 테두리-왼쪽: 없음; 패딩: 0; 여백: 0; 여백-하단: 20px;}
. Aplus-v2. Aplus-표준. Apm-rightirdcol-내부 img {표시: 블록; 여백: 자동;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-leftwothirdswrap {float: 없음; 너비: 100%; 여백: 0;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-왼쪽 p {표시: 없음;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-centerthirdcol {float: 없음; 너비: 100%;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-listbox {width:100%;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-rightthirdcol {float: 없음; 너비: 100%; 테두리-왼쪽: 없음; 패딩: 0; 여백: 0; 여백-하단: 20px;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-rightirdcol-내부 img {표시: 블록; 여백: 자동;}
/* 모듈 2/3 미디어 쿼리 */
. Aplus-v2. Aplus-표준. Apm-sidemodule {너비: 100%; 높이: 자동;}
. Aplus-v2. Aplus-표준. Apm-sidemodule-imageleft {너비: 100%; 위치: 상대; 표시: 블록; 여백-하단: 15px;}
. Aplus-v2. Aplus-표준. Apm-sidemodule-imageleft {디스플레이: 블록; 여백: 0 자동;}
. Aplus-v2. Aplus-표준. Apm-sidemodule-imageright {width:100%; 위치: 상대; 표시: 블록; 여백-하단: 15px;}
. Aplus-v2. Aplus-표준. Apm-sidemodule-imageright img {디스플레이: 블록; 여백: 0 자동;}
. Aplus-v2. Aplus-표준. Apm-sidemodule. A-간격-중간 {여백-하단: 30px! 중요;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-sidemodule {너비: 100%; 높이: 자동;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-sidemodule-imageleft {너비: 100%; 위치: 상대; 표시: 블록; 여백-하단: 15px;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-sidemodule-imageleft {디스플레이: 블록; 여백: 0 자동;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-sidemodule-imageright {width:100%; 위치: 상대; 표시: 블록; 여백-하단: 15px;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-sidemodule-imageright img {디스플레이: 블록; 여백: 0 자동;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-sidemodule. A-간격-중간 {여백-하단: 30px! 중요;}
/* Module4 미디어 쿼리 */
. Aplus-v2. Aplus-표준. Apm-fourthcol {여백: 0; 패딩-하단: 23px; 너비: 100%; float:none;}
. Aplus-v2. Aplus-표준. Apm-fourthcol. Apm-fourthcol-이미지 {높이: 상속;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-fourthcol {여백: 0; 패딩-하단: 23px; 너비: 100%; float:none;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-fourthcol. Apm-fourthcol-이미지 {높이: 상속;}
/* 모듈 5 미디어 쿼리 */
. Aplus-v2. Aplus-표준 테이블. apm-tablemodule-테이블 {너비: 100%;}
. Aplus-v2. Aplus-표준. Apm-tablemodule-valuecell {너비: 자동;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준 테이블. apm-tablemodule-테이블 {너비: 100%;}
Html [dir = 'rtl'] .aplus-v2. Aplus-표준. Apm-tablemodule-valuecell {너비: 자동;}
}
/* Aui 해킹 */
. Aplus-v2. Aplus-표준 * {-moz-상자 크기: 테두리 상자;-webkit-상자 크기: 테두리 상자; 상자 크기: 테두리 상자;}
. Aplus-v2. Aplus-표준. A-box mp-centersthirdcol-listboxer {-webkit-테두리-반경: 4px;-moz-테두리-반경: 4px; 위치: 상대; 패딩: 14px 18px;}
. Aplus-v2. Aplus-표준. A-box {표시: 블록;-webkit-테두리-반경: 4px;-moz-테두리-반경: 4px; 테두리-반경: 4px; 테두리: 1px # ddd 솔리드; 배경-색상: 흰색;}
. Aplus-v2. Aplus-표준. A-색상 대체 배경 {배경 색상: # f3f3f3! 중요;}
. Aplus-v2. Aplus-표준. A-섹션 {여백-하단: 12px;}
. Aplus-v2. Aplus-표준. A-size-base {글꼴 크기: 13px! 중요; 선 높이: 19px! 중요;}
. Aplus-v2. Aplus-표준. A-간격-기본, .aplus-v2. Aplus-표준. A-ws. A-ws-간격-기본 {여백-하단: 14px! 중요;}
. Aplus-v2. Aplus-표준. A-간격-큰. aplus-v2. Aplus-표준. A-ws. A-ws-간격-큰 {여백-하단: 22px! 중요;}
. Aplus-v2. Aplus-표준. A-간격-미니, .aplus-v2. Aplus-표준. A-ws. A-ws-간격-mini {여백-하단: 6px! 중요;}
. Aplus-v2. Aplus-표준. A-간격-작은. aplus-v2. Aplus-표준. A-ws. A-ws-간격-작은 {여백-하단: 10px! 중요;}
. Aplus-v2. Aplus-표준 a, .aplus-v2. Aplus-표준 a:visited, .aplus-v2. Aplus-표준 a: 활성, .aplus-v2. Aplus-표준 a: 링크 {텍스트 장식: 없음;}
. Aplus-v2. Aplus-표준 a: 호버 {텍스트 장식: 밑줄; 커서: 포인터;}
. Aplus-v2. Aplus-표준 h1, .aplus-v2. Aplus-표준 h2, .aplus-v2. Aplus-표준 h3, .aplus-v2. Aplus-표준 h4 {글꼴-패밀리: Arial,sans-serif; 텍스트 렌더링: optimizeLegibility; 패딩-하단: 4px;}
. Aplus-v2. Aplus-표준 h1, .aplus-v2. Aplus-표준 h2, .aplus-v2. Aplus-표준 h3, .aplus-v2. Aplus-표준 h4 {글꼴-패밀리: 상속;}
. Aplus-v2. Aplus-표준 h1, .aplus-v2. Aplus-표준 h2, .aplus-v2. Aplus-표준 h3, .aplus-v2. Aplus-표준 h4, .aplus-v2. Applus-표준 h5, .aplus-v2. Aplus-표준 h6 {패딩: 0; 여백: 0;}
. Aplus-v2. Aplus-표준 h3 {글꼴 무게: 굵게; 글꼴 크기: 17px; 선 높이: 1.255;}
. Aplus-v2. Aplus-표준 h4 {글꼴 무게: 정상; 글꼴 크기: 17px; 선 높이: 1.255;}
. Aplus-v2. Aplus-표준 h5 {글꼴 무게: 굵게; 글꼴 크기: 13px; 선 높이: 19px;}
. Aplus-v2. Aplus-표준 img {수직-정렬: 상단; 최대 너비: 100%;}
. Aplus-v2. Aplus-표준 p {패딩: 0; 여백: 0 0 14px 0;}
. Aplus-v2. Aplus-표준 ul li {목록 스타일: 디스크;}
. Aplus-v2. Aplus-표준 ul {여백: 0 0 18px 18px;}
. Aplus-v2. Aplus-표준 ul. aplus-v2. Aplus-표준 ol {패딩: 0;}
. Aplus-v2. Aplus-표준 ul: 마지막 자식, .aplus-v2. Aplus-표준 ol: 마지막 자식 {여백-하단: 0! 중요;}
. Aplus-v2. Aplus-표준. 읽기-더-화살표-자리 표시자 {text-align: right; 커서: 포인터; 표시: 없음;}/*
* 장치 = 데스크톱 일 때 사용
* 구성: 구성/브라질-구성/글로벌/brand-story.cfg
*/
/* 회전 목마는 ol 목록으로 구현되므로
카드 텍스트의 모든 목록에는 보조 목록 스타일 (문자) 이 있습니다.
이것은 시청자에게 잘못된 모양을 줄 것입니다.
그래서 모든 목록을 기본 목록 스타일 (숫자) 로 설정합니다. */
. Aplus-브랜드 스토리 카드 ol li {
목록 스타일: 십진수;
}
/* 최상위 컨테이너 */
. Aplus-모듈. Apm-브랜드 스토리-영웅 {
-Moz-상자 크기: 테두리 상자;
-Webkit 상자 크기: 테두리 상자;
상자 크기: 테두리 상자;
너비: 1464px;
높이: 625px;
배경 색상: # fff;
}
. Aplus-모듈. Apm-브랜드 스토리 카드 {
-Moz-상자 크기: 테두리 상자;
-Webkit 상자 크기: 테두리 상자;
상자 크기: 테두리 상자;
너비: 362px;
높이: 453px;
배경 색상: # fff;
}
. Apm-브랜드 스토리-영웅,
. Apm-브랜드 스토리 카드 {
-Moz-상자 크기: 테두리 상자;
-Webkit 상자 크기: 테두리 상자;
상자 크기: 테두리 상자;
위치: 상대;
너비: 100%;
높이: 100%;
Float: 없음;
}
.Aplus-module.br and-story-card-1-four-asin. Apm-브랜드 스토리 카드 {
/* 이미지 셀 테두리를 설명하는 12px 만 */
패딩: 12px;
}
/* 전체 배경 이미지 (영웅 1 및 카드 2) */
. Aplus-모듈. Apm-브랜드 스토리-배경 이미지 {
-Moz-상자 크기: 테두리 상자;
-Webkit 상자 크기: 테두리 상자;
상자 크기: 테두리 상자;
오버플로: 숨김;
위치: 절대;
너비: 100%;
높이: 100%;
}
/* 카드 1 작은 이미지 */
. Aplus-모듈. Apm-브랜드 스토리-이미지 행 {
-Moz-상자 크기: 테두리 상자;
-Webkit 상자 크기: 테두리 상자;
상자 크기: 테두리 상자;
높이: 185px;
패딩: 0px;
여백: 자동;
표시: flex;
}
. Aplus-모듈. Apm-브랜드 스토리-이미지 행. Apm-브랜드-스토리-이미지-셀 {
/* 내용 상자를 사용하여 이미지 크기가 편집기 스키마와 일치하는지 확인하십시오 */
-Moz-상자 크기: 내용 상자;
-Webkit 상자 크기: 내용 상자;
상자 크기: 내용 상자;
패딩: 0px;
여백: 0px;
너비: 166px;
테두리: 1px 솔리드 # fff;
}
. Aplus-모듈. Apm-브랜드 스토리-이미지 행. Apm-브랜드 스토리-이미지 셀. Apm-브랜드 스토리-이미지 링크 {
표시: 블록;
너비: 100%;
높이: 100%;
}
. Aplus-모듈. Apm-브랜드 스토리-이미지 행. Apm-브랜드 스토리-이미지 셀. Apm-브랜드 스토리-이미지 링크. Apm-브랜드 스토리-이미지-img {
표시: 블록;
너비: 100%;
높이: 100%;
객체 맞춤: 표지;
}
/* 카드 3 로고 이미지 */
. Aplus-모듈. Apm-브랜드 스토리-로고-이미지 {
-Moz-상자 크기: 내용 상자;
-Webkit 상자 크기: 내용 상자;
상자 크기: 내용 상자;
높이: 145px;
여백: 0px 4px;
패딩: 20px;
패딩-하단: 0px;
}
/* 텍스트 오버레이 */
. Aplus-모듈. Apm-브랜드 스토리-텍스트-하단 {
-Moz-상자 크기: 테두리 상자;
-Webkit 상자 크기: 테두리 상자;
상자 크기: 테두리 상자;
위치: 절대;
하단: 13px;
왼쪽: 13px;
}
. Aplus-모듈. Apm-브랜드 스토리-영웅. Apm-브랜드 스토리-텍스트-하단 {
배경 색상: rgba(0,0,0,0.6);
색상: # fff;
패딩: 13px 65px 13px 13px; /* 첫 번째 카드의 겹침에 대한 계정 */
너비: 437px;
}
.Aplus-module.br 및-스토리 카드-2-미디어-자산. Apm-브랜드 스토리-텍스트-하단 {
배경 색상: rgba(255,255,255,0.6);
색상: #000;
패딩: 13px;
너비: 336px;
}
.Aplus-module.br and-story-card-1-four-asin. Apm-브랜드 스토리 텍스트 {
여백-상단: 8px;
}
.Aplus-module.br and-story-card-1-four-asin. Apm-brand-story-text.apm-brand-story-text-single {
여백-상단: 20px;
}
.Aplus-module.br and-story-card-1-four-asin. Apm-브랜드 스토리-텍스트 h3 {
흰색 공간: nowrap;
오버플로: 숨김;
텍스트 오버플로: 줄임표;
}
. Aplus-모듈. Apm-브랜드 스토리 슬로건-텍스트 {
-Moz-상자 크기: 내용 상자;
-Webkit 상자 크기: 내용 상자;
상자 크기: 내용 상자;
여백: 0px 4px;
패딩: 20px;
}
. Aplus-모듈. Apm-브랜드 스토리-faq {
-Moz-상자 크기: 내용 상자;
-Webkit 상자 크기: 내용 상자;
상자 크기: 내용 상자;
패딩-상단: 10px;
}
. Aplus-모듈. Apm-브랜드 스토리-faq 블록 {
여백: 0px 10px;
패딩: 10px;
}. Aplus-v2. Apm-브랜드 스토리-회전 목마 컨테이너 {
위치: 상대;
}
. Aplus-v2. Apm-브랜드 스토리-회전 목마-영웅-컨테이너,
. Aplus-v2. Apm-브랜드 스토리-회전 목마-영웅-컨테이너> div {
위치: 절대;
너비: 100%;
}/*
회전 목마가 필요한 공간 만 차지하도록 보장합니다.
공간을 차지할 수 있도록 절대적으로 배치 된 요소에 크기를 다시 설정해야합니다.
*/
. Aplus-v2. Apm-브랜드 스토리-회전 목마-컨테이너,
. Aplus-v2. Apm-브랜드 스토리-회전 목마-영웅-컨테이너 {
높이: 625px;
너비: calc(100% + 15px);
최대 너비: 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;
}