/* 상세페이지 */
#sub-detail-Box { overflow: hidden; margin:0 auto; height:auto; width:1300px; }
/* .sub-detail-box-inner { text-align:center; padding:20px 280px; width:1300px; height:300px; margin:0 auto; } */
.sub-detail-column-right table { border-collapse: collapse; border-spacing: 0; width: 100%; }
.sub-detail-column-right td { text-align: left; padding: 8px; }
.Detail-btn { border: none; color: #fff; padding: 10px 28px; font-weight:regular; font-size: 13px; cursor: pointer; }
.Detail-default {background-color: #8d8d8d; color: #fff;}

.sub-d-right-text01 { font-size:16px; color:#666; }
.sub-d-right-text02 { font-size:20px; color:#222; }
.sub-d-right-text03 { font-size:28px; color:#000; }
.sub-d-right-text04 { font-size:15px; color:#333 }
.sub-d-right-text05 { font-size:14px; color:#666; }
.sub-d-right-text06 { font-size:11px; color:#ff0000; }
.sub-d-right-text07 { font-size:15px; color:#444; }

/* 2020-1-10 **/
.sub-d-right-text05-select select{ width:25%; font-size:14px; color:#666; padding:2px 10px;}
.sub-d-right-text05-input input{ width:25%; font-size:14px; color:#666; padding:2px 10px;}


@media all and (min-width:993px) {
#sub-detail-Box { margin:0 auto; height:auto; width:100%; }
.sub-detail-box-inner { text-align:center; padding:20px 280px; width:1300px; height:300px; margin:0 auto; }
.sub-detail-row { float:left; width:1300px; margin-top:40px; margin-bottom:40px; }
.sub-detail-column-left { float: left; width:48%; margin-right:1%; height: 200px; }
.sub-detail-column-right { float: left; width:48%; margin-right:1%; height: 200px; }
.sub-detail-row:after { content: ""; display: table; clear: both; }
.sub-detail-img img { width:500px; height:500px; padding:20px; border:1px solid #ccc; }
 }

@media all and (min-width: 801px) and (max-width:992px) {
#sub-detail-Box { margin:0 auto; height:auto; width:100%; }
.sub-detail-box-inner { text-align:center; width:100%; height:auto; margin:0 auto; }
.sub-detail-row { width:100%; margin-top:10px; margin-bottom:40px; }
.sub-detail-column-left { width:100%; height: auto; }
.sub-detail-column-right { width:98%; height: auto; margin-top:10px; margin-bottom:40px;  }
.sub-detail-row:after { content: ""; display: table; clear: both; }
.sub-detail-img img { width:98%; height:auto; border:1px solid #ccc; }
}

@media all and (min-width: 768px) and (max-width:800px) {
#sub-detail-Box { margin:0 auto; height:auto; width:100%; }
.sub-detail-box-inner { text-align:center; width:100%; height:auto; margin:0 auto; }
.sub-detail-row { width:100%; margin-top:10px; margin-bottom:40px; }
.sub-detail-column-left { width:100%; height: auto; }
.sub-detail-column-right { width:98%; height: auto; margin-top:10px; margin-bottom:40px;  }
.sub-detail-row:after { content: ""; display: table; clear: both; }
.sub-detail-img img { width:98%; height:auto; border:1px solid #ccc; }
}

@media all and (min-width: 401px) and (max-width:768px) {
#sub-detail-Box { margin:0 auto; height:auto; width:100%; }
.sub-detail-box-inner { text-align:center; width:100%; height:auto; margin:0 auto; }
.sub-detail-row { width:100%; margin-top:10px; margin-bottom:40px; }
.sub-detail-column-left { width:100%; height: auto; }
.sub-detail-column-right { width:100%; height: auto; margin-top:10px; margin-bottom:40px;  }
.sub-detail-row:after { content: ""; display: table; clear: both; }
.sub-detail-img img { width:98%; height:auto; border:1px solid #ccc; }
}

@media all and (min-width: 320px) and (max-width:400px) {
#sub-detail-Box { margin:0 auto; height:auto; width:100%; }
.sub-detail-box-inner { text-align:center; width:100%; height:auto; margin:0 auto; }
.sub-detail-row { width:100%; margin-top:10px; margin-bottom:40px; }
.sub-detail-column-left { width:100%; height: auto; }
.sub-detail-column-right { width:98%; height: auto; margin-top:10px; margin-bottom:40px;  }
.sub-detail-row:after { content: ""; display: table; clear: both; }
.sub-detail-img img { width:98%; height:auto; border:1px solid #ccc; }
}



/* 관련상품 및 상세이미지 */
#sub-detail-middle-Box { overflow: hidden; margin:0 auto; height:auto; width:1300px; }
/*.sub-detail-middle-box-inner { text-align:left; width:1300px; height:auto; margin:0 auto; }
 .sub-detail-middle-column-01 { float:left; text-align:left; width:100%; height:auto; margin-top:200px; }
.sub-detail-middle-column-02 { float:left; text-align:left; padding:30px 280px; width:100%; height:auto; } */
.sub-detail-middle-row:after { content: ""; display: table; clear: both; }
.sub-d-right-text08 { font-size:26px; color:#222; text-align:left; }

@media all and (min-width: 993px) {
#sub-detail-middle-Box { margin:0 auto; height:auto; width:100%; }
.sub-detail-middle-box-inner { text-align:left; width:1300px; height:auto; margin:0 auto; }
.sub-detail-middle-row { width:100%; text-align:left; margin-bottom:40px; text-align:center;}
.sub-detail-middle-column-01 { float:left; text-align:left; width:100%; height:auto; margin-top:400px; }
.sub-detail-middle-column-02 { float:left; text-align:center; padding-top:50px; width:100%; height:auto; vertical-align:middle; }
.sub-detail-milde img { width:780px; height:auto; }
 }


@media all and (min-width: 801px) and (max-width:992px) {
#sub-detail-middle-Box { margin:0 auto; height:auto; width:100%; }
.sub-detail-middle-box-inner { text-align:left; width:100%; height:auto; margin:0 auto; }
.sub-detail-middle-row { width:100%; text-align:center; margin-bottom:40px; }
.sub-detail-middle-column-01 { text-align:left; width:100%; height:auto; margin-top:20px; }
.sub-detail-middle-column-02 { text-align:center; width:100%; height:auto; padding-top:30px; vertical-align:middle; }
.sub-detail-milde img { width:100%; height:auto; }
 }


@media all and (min-width: 768px) and (max-width:800px) {
#sub-detail-middle-Box { margin:0 auto; height:auto; width:100%; }
.sub-detail-middle-box-inner { text-align:left; width:100%; height:auto; margin:0 auto; }
.sub-detail-middle-row { width:100%; text-align:left; margin-bottom:40px; }
.sub-detail-middle-column-01 { text-align:left; width:100%; height:auto; margin-top:20px; }
.sub-detail-middle-column-02 { text-align:left; width:100%; height:auto; padding-top:30px; }
.sub-detail-milde img { width:100%; height:auto; }
}

@media all and (min-width: 401px) and (max-width:768px) {
#sub-detail-middle-Box { margin:0 auto; height:auto; width:100%; }
.sub-detail-middle-box-inner { text-align:left; width:100%; height:auto; margin:0 auto; }
.sub-detail-middle-row { width:100%; text-align:left; margin-bottom:40px; }
.sub-detail-middle-column-01 { width:100%; height:auto; margin-top:20px; }
.sub-detail-middle-column-02 { width:100%; height:auto; padding-top:30px; }
.sub-detail-milde img { width:100%; height:auto; }
}


@media all and (min-width: 320px) and (max-width:400px) {
#sub-detail-middle-Box { margin:0 auto; height:auto; width:100%; }
.sub-detail-middle-box-inner { text-align:left; width:100%; height:auto; margin:0 auto; }
.sub-detail-middle-row { width:100%; text-align:left; margin-bottom:40px; }
.sub-detail-middle-column-01 { text-align:left; width:100%; height:auto; margin-top:20px; }
.sub-detail-middle-column-02 { text-align:left; width:100%; height:auto; padding-top:30px; }
.sub-detail-milde img { width:100%; height:auto; }
}



/* 리뷰, 상품문의 */
#myProgress { width: 100%; background-color: #ddd; }
#myBar { width: 80%; height: 10px; background-color: #ff4c23; text-align: left; line-height: 5px; color: white; }
.btn-review { background-color: #444;  border: none; color: white; padding: 40px; text-align: center; text-decoration: none; display: inline-block; font-size: 50px; margin: 4px 2px; }
.btn-text01 { font-size:16px; color:#666; font-weight:regular; text-align:center; }
.sub-review-middle-column-02 { float:left; text-align:left; padding:30px 280px; width:100%; height:auto; }
.sub-review-middle-row:after { content: ""; display: table; clear: both; }
.sub-d-right-text08 { font-size:26px; color:#222; text-align:left; }
.sub-review-bg-s { padding:5px 20px; color:#666; background-color:#ddd; font-size:14px; }

.sub-review-bg-retext01 { font-size:11pt; color:#444; padding:20px 0; line-height:150%; }
.sub-review-bg-retext02 { font-size:10pt; color:#666; }
.sub-review-bg-retext03 { font-size:9pt; color:#fff; padding:2px 10px; background-color:#000; }

.sub-review-list-text01 { font-size:20px; font-weight:bold; color:#444; }
.sub-review-list-text02 { font-size:20px; color:#666; font-weight:lighter; }
.sub-review-list-text03 { font-size:14px; color:#666; }
.sub-review-list-text04 { font-size:11px; vertical-align:2px; font-weight:lighter; padding:0 5px; }
.sub-review-list-text05 { font-size:14px; color:#444; }
.sub-review-list-text06 { font-size:13px; color:#666; line-height:150%; }
.sub-review-list-text07 { font-size:13px; color:#000; }
.sub-review-list-text08 { font-size:15px; color:#666; font-weight:normal; }
.sub-review-list-text09 { font-size:16px; color:#000; font-weight:normal; line-height:150%; }
.sub-review-list-text10 { font-size:16px; color:#000; font-weight:lighter; }
.sub-review-list-text11 { font-size:14px; color:#666; font-weight:normal; line-height:150%; }
.sub-review-list-text12 { font-size:13px; color:#666; font-weight:normal; }
.sub-review-list-text13 { font-size:13px; color:#666; font-weight:normal; }
.sub-review-list-text14 { font-size:13px; color:#666; border:1px solid #ccc; padding:3px 10px; font-weight:normal; }
.sub-review-list-text15 { font-size:13px; color:#fff; border:1px solid #ccc; background-color:#666; padding:3px 10px; font-weight:normal; }
.sub-review-list-text16 { font-size:14px; color:#fff; border:1px solid #ccc; background-color:#666; padding:5px 10px; font-weight:normal; border-radius:4px; }
.sub-review-list-text17 { font-size:13px; color:#666; text-align:center; padding:20px; }
.sub-review-list-text18 { font-size:16px; color:#fff; background-color:#000; text-align:center; padding:10px 25px; }
.sub-review-list-text19 { font-size:16px; color:#000; background-color:#efefef; text-align:center; padding:10px 25px; }
.sub-review-list-text20 { font-size:10px; color:#fff; background-color:#000; text-align:center; padding:3px 5px; border-radius:5px; }

.sub-review-list-text21 { font-size:13px; color:#666; text-align:center; padding-right: 5px; }
.sub-review-list-text22 { font-size:13px; color:#999; text-align:center; }

.sub-review-select-b select { width: 10%; font-size:11px; color:#666; padding: 5px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; margin:20px 0px; }
.sub-review-select-b input { width: 50%; font-size:11px; color:#666; padding: 8px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; margin:20px 5px; }

@media all and (min-width:992px) {	/* 미디어쿼리 800픽셀 이상 */
#sub-review-middle-Box { overflow: hidden; margin:0 auto; height:auto; width:100%; }
.sub-review-middle-box-inner { text-align:left; width:1300px; height:auto; margin:0 auto; }
.sub-review-middle-row { float:left; width:1300px; margin-top:150px; text-align:left; margin-bottom:40px; }
.sub-review-middle-column-01 { float:left; text-align:left; width:100%; height:auto; margin-top:30px;}
.sub-review-middle-column-box { float:left; text-align:left; width:99%; height:auto; border:1px solid #ccc; }
.sub-review-column01-left { float:left; width:12%; height:auto; text-align:left; padding:20px; }
.sub-review-column01-middle { float:left; width:63%;; height:auto; text-align: left; padding:20px; }
.sub-review-column01-right { float:right; width:12%; height:auto; text-align: left; padding:20px; border-left:1px solid #ccc; }
.sub-review-column-right table { border-collapse: collapse; border-spacing: 0; width: 100%; }
.sub-review-column-right td { text-align: center; padding: 8px; font-size:13px; color:#666; font-weight:400; letter-spacing:0.5px; vertical-align:middle; }
}


@media all and (min-width: 801px) and (max-width:992px) {	/* 미디어쿼리 800픽셀 이상 */
#sub-review-middle-Box { overflow: hidden; margin:0 auto; height:auto; width:100%; }
.sub-review-middle-box-inner { width:100%; height:auto; margin:0 auto; }
.sub-review-middle-row { width:100%; margin-top:150px; text-align:left; margin-bottom:40px; }
.sub-review-middle-column-01 { text-align:left; width:100%; height:auto; }
.sub-review-middle-column-box { text-align:left; width:100%; height:auto; }
.sub-review-column01-left { width:100%; height:auto; text-align:center; }
.sub-review-column01-middle { width:100%;; height:auto; text-align: center; padding-top:20px; }
.sub-review-column01-right { width:100%; height:auto; text-align: center; padding-top:20px; padding-bottom:30px; border-bottom:1px solid #ccc; }
.sub-review-column-right table { border-collapse: collapse; border-spacing: 0; width: 100%; table-layout:fixed }
.sub-review-column-right td { text-align: center; font-size:13px; color:#666; font-weight:400; letter-spacing:0.5px; padding:3px 0; }
.sub-review-bg-s { padding:10px 20px; color:#666; background-color:#ddd; font-size:14px; margin-top:20px; }
.sub-review-select-b select { font-size:11px; width: 32%; border: 1px solid #ccc; border-radius: 4px; resize: vertical; margin:20px 0; }
.sub-review-select-b input { width: 75%; font-size:11px; color:#666; padding: 8px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; margin:20px 5px; }
}

@media all and (max-width:768px) { /* 미디어쿼리 768픽셀까지 */
#sub-review-middle-Box { margin:0 auto; height:auto; width:100%; }
.sub-review-middle-box-inner { width:100%; height:auto; margin:0 auto; }
.sub-review-middle-row { width:100%; margin-top:150px; text-align:left; margin-bottom:40px; }
.sub-review-middle-column-01 { text-align:left; width:100%; height:auto; }
.sub-review-middle-column-box { text-align:left; width:100%; height:auto; }
.sub-review-column01-left { width:100%; height:auto; text-align:center; }
.sub-review-column01-middle { width:100%;; height:auto; text-align: center; padding-top:20px; }
.sub-review-column01-right { width:100%; height:auto; text-align: center; padding-top:20px; padding-bottom:30px; border-bottom:1px solid #ccc; }
.sub-review-column-right table { border-collapse: collapse; border-spacing: 0; width: 100%; table-layout:fixed }
.sub-review-column-right td { text-align: center; font-size:13px; color:#666; font-weight:400; letter-spacing:0.5px; padding:3px 0; }
.sub-review-bg-s { padding:10px 20px; color:#666; background-color:#ddd; font-size:14px; margin-top:20px; }
.sub-review-select-b select { font-size:11px; width: 32%; border: 1px solid #ccc; border-radius: 4px; resize: vertical; margin:20px 0; }
.sub-review-select-b input { width: 75%; font-size:11px; color:#666; padding: 8px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; margin:20px 5px; }
}

@media all and (max-width:600px) { /* 미디어쿼리 600픽셀까지 */
#sub-review-middle-Box { margin:0 auto; height:auto; width:100%; }
.sub-review-middle-box-inner { width:100%; height:auto; margin:0 auto; }
.sub-review-middle-row { width:100%; margin-top:150px; text-align:left; margin-bottom:40px; }
.sub-review-middle-column-01 { text-align:left; width:100%; height:auto; }
.sub-review-middle-column-box { text-align:left; width:100%; height:auto; }
.sub-review-column01-left { width:100%; height:auto; text-align:center; }
.sub-review-column01-middle { width:100%;; height:auto; text-align: center; padding-top:20px; }
.sub-review-column01-right { width:100%; height:auto; text-align: center; padding-top:20px; padding-bottom:30px; border-bottom:1px solid #ccc; }
.sub-review-column-right table { border-collapse: collapse; border-spacing: 0; width: 100%; table-layout:fixed }
 .sub-review-column-right td { text-align: center; font-size:13px; color:#666; font-weight:400; letter-spacing:0.5px; padding:3px 0; }
.sub-review-bg-s { padding:10px 20px; color:#666; background-color:#ddd; font-size:14px; margin-top:20px; }
.sub-review-select-b select { font-size:11px; width: 32%; border: 1px solid #ccc; border-radius: 4px; resize: vertical; margin:20px 0; }
.sub-review-select-b input { width: 75%; font-size:11px; color:#666; padding: 8px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; margin:20px 5px; }
}


/* 배너페이지 동영상 */
#sub-movie-Box { overflow: hidden; margin:0 auto; height:auto; width:1300px; height:auto; }
.movie_column { float: left; width: 48%; padding: 10px; height: 500px; }
.movie_row:after { content: ""; display: table; clear: both; }

/* 상세페이지 동영상 */
.subDetail-movie_column { float: left; padding-left:20px; padding-bottom:30px; width:745px; height:auto; margin:0 auto; }
.subDetail-movie_row:after { content: ""; display: table; clear: both; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.videoTextBTitle { font-size:24pt; color:#bc3137; font-weight:600; padding:0 0 5px 10px; }
.videoTextB { font-size:20pt; color:#000; font-weight:500; padding:5px 0 20px 10px; }
.videoTextM {font-size:12pt; color:#666; padding:20px 0 50px 10px; line-height:150%; font-weight:350; letter-spacing:0.2px }
.videoTextS {font-size:11pt; color:#444; }
.video-textDot { font-size:20pt; vertical-align:6pt; }

div .lineGrayVido { border-top:1px solid #ccc; width:100%; margin:-5px 10px; text-align:center; }


@media all and (min-width: 801px) and (max-width:992px) {
#sub-movie-Box { margin:0 auto; height:auto; width:100%; }
.movie_column { width: 97%; height: auto; padding-left:12px; }
.movie_row:after { content: ""; display: table; clear: both; }

/* 상세페이지 동영상 */
.subDetail-movie_column { width: 96%; height: auto; margin:0 auto; padding-bottom:20px; padding-left:15px;  }
}

@media all and (min-width: 768px) and (max-width:800px) {
#sub-movie-Box { margin:0 auto; height:auto; width:100%; }
.movie_column { width: 97%; height: auto; padding-left:12px; }
.movie_row:after { content: ""; display: table; clear: both; }

/* 상세페이지 동영상 */
.subDetail-movie_column { width: 96%; height: auto; margin:0 auto; padding-bottom:20px; padding-left:15px;  }
}

@media all and (min-width: 401px) and (max-width:768px) {
#sub-movie-Box { margin:0 auto; height:auto; width:100%; }
.movie_column { width: 95%; height: auto;}
.movie_row:after { content: ""; display: table; clear: both; }

/* 상세페이지 동영상 */
.subDetail-movie_column { width: 93%; height: auto; margin:0 auto; padding-bottom:20px; padding-left:15px;  }
}

@media all and (min-width: 320px) and (max-width:400px) {
#sub-movie-Box { margin:0 auto; height:auto; width:100%; }
.movie_column { width: 95%; height: auto;}
.movie_row:after { content: ""; display: table; clear: both; }

/* 상세페이지 동영상 */
.subDetail-movie_column { width: 93%; height: auto; margin:0 auto; padding-bottom:20px; padding-left:15px;  }
}

/* 상품정보 테이블 */
/* DivTable.com */
.divTable{ display: table; width: 94%; border-collapse: collapse; }
.divTableRow { display: table-row; }
.divTableHeading { background-color: #EEE; display: table-header-group; }
.divTableCellLeft, .divTableHeadLeft { border: 1px solid #ccc; width:25%; display: table-cell; padding: 10px 10px; color:#000; font-size:10pt; text-align:left; line-height:140%; background-color:#f8f8f8; }
.divTableCellRight, .divTableHeadRight { border: 1px solid #ccc; width:75%; display: table-cell; padding: 10px 10px; color:#666; font-size:10pt; text-align:left; line-height:140%; }
.divTableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; }
.divTableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; }
.divTableBody { display: table-row-group; }


/* 버튼 */
.button-Red {vertical-align:middle; background-color: #ae260c; border: none; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;}
.button-Black {vertical-align:middle; background-color: #000; border: none; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;}

.buttonR {padding: 10px 24px; vertical-align:middle;}
.buttonB {padding: 10px 24px; vertical-align:middle;}


/* OEM */
#OemBox {overflow: hidden; width: 100%; margin:0 auto; height: auto; background-color:#fff;}
.oemtopTextBox {width: 100%; margin:100px auto 20px auto; height: auto; background-color:#fff; text-align:center;}
.h2BoldTop {font-size:13pt; color:#666; font-weight:300; text-align:center; margin-bottom:10px;}
.h2BoldTopBlack {font-size:13pt; color:#000; font-weight:bold; text-align:center;}
.h2BoldTopB {font-size:16pt; color:#0b6db9; font-weight:bold; text-align:center;}
/* oem 브랜드별 카테고리 */
.oemtop {width:50%; margin:20px auto 0 auto; padding:0; text-align:center; border:none;}
.tbl-oemtop {width:100%; border-collapse:collapse; border-spacing:0; box-sizing:border-box; border:none; background:#fff}
.tbl-oemtop th {padding:0; border:none; border-top:2px solid #252f4a; border-right:1px solid #252f4a; border-bottom:1px solid #252f4a; background-color:#252f4a; font-size:14pt; color:#fff; text-align:center; font-weight:bold; letter-spacing:-0.5px;}
.tbl-oemtop td {padding:13px 10px; border:none; border-top:2px solid #54abbc; border-bottom:1px solid #54abbc; background-color:#54abbc; font-size:12pt; color:#fff; text-align:left; letter-spacing:-0.5px;}
.tbl-oemtop td ul {list-style:none; text-align:left; border:none; padding:0}
.tbl-oemtop td ul li {display:inline-block; border:none; padding:0 10px; text-align:left;}
.tbl-oemtop td ul li a {color:#fff;}
.tbl-oemtop td ul li a.navi {color:#fcf900;}

.tbl-oemtop colgroup .colleft {width: 8%;}
.tbl-oemtop colgroup .colright {width: 92%;}

@media all and (min-width: 320px) and (max-width:767px) {
.oemtop {width:94%; margin:20px auto 0 auto; padding:0; text-align:center; border:none;}
.tbl-oemtop colgroup .colleft {width: 20%;}
.tbl-oemtop colgroup .colright {width: 80%;}
}