/* detail */
.main > .detail-title { 
	display:inline-block; width:100%;
	max-width:980px; margin-top:20px; margin-bottom:10px; text-align:center; 
}
.main > .detail-content { 
	display:inline-block; width:100%; text-align:left;
	max-width:980px; position: relative; 
}
.main > .detail-content > div { padding:0; }
.main > .detail-content > div:first-child { padding-right:10px; }
.main > .detail-content .detail-image {
	border:1px solid #777;
}
@media (max-width: 767px) {
	.main > .detail-content .detail-image { border-left:0; border-right:0; }
	.main > .detail-content > div:first-child { padding-right:0; }
	.main > .detail-content .detail-info { margin-top:12px; }
}
.main .content-title { font-size:16px; font-weight:700; padding:6px 0; }
.main .content-title a { padding:0 10px 0 4px; border-right:1px solid #777; }
.main .content-title a:last-child { border-right:0; }
.main .info-title { padding:0 0 6px; text-align:right }
.main .box-social { padding:8px 0 24px; }


/* 화면 오른쪽은 info */
.main > .detail-content .detail-info {
	margin-bottom:10px;
}
.main > .detail-content .detail-info table {
	width:100%;
	border-left:1px solid #aaa; border-right:1px solid #aaa;
	border-top:1px solid #aaa;
}
.main > .detail-content .detail-info > .btn { width:100%; padding:8px; }
.main > .detail-content .detail-info table td {
	border-bottom:1px solid #aaa; padding:4px 6px;
}
.main > .detail-content .detail-info table tr.no-bottom-line td {
	border-bottom:0; padding-bottom:0;
}
.main > .detail-content .detail-info table tr.no-top-line td {
	border-top:0; padding-top:0;
}
.main > .detail-content .detail-info table table { border:0; }
.main > .detail-content .detail-info table table td { padding:0; border:0; }
.main > .detail-content .detail-info table table td:last-child { text-align: right; }

.main > .detail-content .detail-info .price {
	font-size:20px; font-weight:700; color:#f85708;
}
@media (max-width: 767px) {
	.main > .detail-content .detail-info > table {
		border-left:0; border-right:0;
	}
}
.main > .detail-content .detail-info .box {
	display:inline-block; margin:1px; padding:1px 3px;
	border:1px solid #777; border-radius:2px;
}
.main > .detail-content .detail-info .car_color { 
	background-color:white; border:1px solid #333; width:30px; display:inline-block; }
.main > .detail-content .detail-info .car_color.c1 { background-color:white; }
.main > .detail-content .detail-info .car_color.c2 { background-color:black; }
.main > .detail-content .detail-info .car_color.c3 { background-color:gray; }
.main > .detail-content .detail-info .car_color.c4 { background-color:brown; }
.main > .detail-content .detail-info .car_color.c5 { background-color:red; }
.main > .detail-content .detail-info .car_color.c6 { background-color:orange; }
.main > .detail-content .detail-info .car_color.c7 { background-color:yellow; }
.main > .detail-content .detail-info .car_color.c8 { background-color:green; }
.main > .detail-content .detail-info .car_color.c9 { background-color:blue; }
.main > .detail-content .detail-info .car_color.c10 { background-color:purple; }


/* 화면 왼쪽의 이미지 */
.main > .detail-content .detail-image .carousel-control {
	background-image:none;
}

.main > .detail-content .detail-image .fill {
  width: 100%;
  height: 450px;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
@media (max-width: 767px) {
	.main > .detail-content .detail-image .fill { height: 350px; }
}

#carousel-thumbnails {
    margin:0 0 10px; width: 100%; position: relative; 
    /* padding:0 50px; */
    /* border:1px solid #777; overflow:hidden; white-space:nowrap; */
}
#carousel-thumbnails .carousel-control {
	background-image:none;
}
#carousel-thumbnails .thumbnails { /*position:absolute;*/ }
#carousel-thumbnails .thumbnails .thumb {
    display:inline-block; width:12.5%;
}
#carousel-thumbnails .thumbnails img { border:1px solid #777; width:100%; }


/* checkout */
.main .content .box-cart-item{ display:table-cell; width:66.6%; padding:0 0 0 30px; }
.box-cart-item .btn{padding: 2px 13px;background: #ccc;}
.box-cart-item .vendor_group { padding:8px 12px; margin-bottom:10px; border:1px solid #ccc; border-radius:2px; }
.box-cart-item .item{ position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e2e2e2; }
.box-cart-item .item:nth-last-child(-n+2) { margin-bottom:0; border-bottom:0; }
.box-cart-item .item.shipping { margin-bottom:0; border-bottom:0; border-top:1px solid #e2e2e2; padding-top:8px; }
.box-cart-item .item-img-cart{width:95px; position: absolute;}
.box-cart-item .item-img-cart .checkbox-right{position: absolute;right: 5px;top: 5px;}
.box-cart-item .checkbox-right label{font-size: 14px;}
.box-cart-item .detail{margin-left: 100px;font-size: 12px;}
.box-cart-item ul{margin: 0;padding: 0;list-style: none;}
.box-cart-item li{border-top:1px solid #eee; padding:5px 10px; color:#333; text-align:left;}
.box-cart-item .item.shipping li { padding:0 10px; }
.box-cart-item li:first-child{border: none;}
.box-cart-item li .label-cart{width:110px; color:#999; }
.box-cart-item li a{color: #454545;font-weight: bold;}
.box-cart-item .check-shipment{text-decoration: underline;color: #777;font-weight: normal;}
.box-cart-item li .price{color: red;font-weight: bold;font-size: 13px;}
.box-cart-item li > span { display:table-cell; vertical-align:middle;}
.box-cart-item .form-control{padding: 0 5px;height: auto;width: 40px;}
.box-cart-item .refresh {padding:4px 8px 0;cursor: pointer;color: #2F9FFF;}
.box-cart-item .delete {padding:4px 0px 0;cursor: pointer;color: red;}

.box-total{ color: #999; }
.box-total .sub-total { display:table; width:100%;
	font-size: 15px; color: #757575; border-bottom: 1px solid #e2e2e2; padding:10px 0; }
.box-total .sub-total > div { display:table-cell; width:50%; }
.box-total .grand-total{
	display:table; width:100%;
	font-size: 18px; color: #555; font-family: 'roboto'; font-weight:600; padding:14px 0; }
.box-total .grand-total > div{ display:table-cell; width:50%; }
.box-total .grand-total > div:last-child{ color:#DA3E3E; font-size:22px; }
.box-total .btn-proceed{
	display: block; color: #fff; background: #882F2F; border: 1px solid #882F2F; 
	font-size: 18px; line-height: 18px; font-weight: 600; padding: 16px 0; text-align: center; border-radius: 3px; }
.box-total .btn-proceed:hover{color: #fff;}

/* sidebar */
.main .content .box-sidebar { 
	display:table-cell; width:33.3%; color:#666666; background:#fff; padding:18px; 
	border-radius:3px; border:1px solid #e2e2e2; text-align:left; }
.box-sidebar h3 { 
	display:block; font-family: 'roboto'; font-weight: 500; font-size: 16px;
	margin-bottom: 10px; color: #454545; text-align:center; }
.box-sidebar h3 a{ color: #454545; }
.box-sidebar h4{margin-bottom: 9px;margin-top: 4px;color: #3D6CAB;font-family: arial;font-weight: bold;font-size: 13px;}
.box-sidebar label{ margin-top:5px; margin-bottom:0; font-size:12px; }

@media (max-width: 767px) {
	.main .content .box-cart-item{ display:block; width:100%; padding:18px; }
	.main .content .box-sidebar { display:block; width:100%; }
}

@media (max-width: 470px) {
	.box-cart-item .item-img-cart { position:relative; }
	.box-cart-item .detail { margin-left:0; }
}

/* review */
.detail-review {
	padding-top:20px;
}

.detail-review .rating {
    display: inline-block;
    font-size: 14px;
    position: relative;
}
.detail-review .rating .has-error.message {
	position:absolute;
	left:0; top:20px;
	white-space: nowrap;
}

.detail-review .rating-input {
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 0 0 -16px;
    opacity: 0;
}
.detail-review  .rating:hover .rating-star:hover,
.detail-review  .rating:hover .rating-star:hover ~ .rating-star,
.detail-review  .rating-input:checked ~ .rating-star {
    background-position: 0 0;
}
.detail-review  .rating-star,
.detail-review  .rating:hover .rating-star {
    position: relative;
    float: right;
    display: block;
    width: 16px;
    height: 16px;
    background: url('/data/js/rating-star/star.png') 0 -16px;
}

/* review list */
.detail-review .review_content { 
	display:table; width:100%; 
	padding-bottom:20px;
}
.detail-review .user-img, .detail-review .content { 
	display:table-cell; 
	vertical-align:top;
}
.detail-review .user-img { width:70px; }
.detail-review .user-img img { border-radius:50%; }
.detail-review .content { padding-left:20px; }
.detail-review .review_content:first-child {
	margin-top:40px;
	padding-top:20px;
	border-top:1px solid #ccc;
}
.detail-review .review_content:last-child {
	border-bottom:1px solid #ccc;
}