/*분류*/
.c-cate {margin-top:30px;margin-bottom:8px;}
.c-cate a {color:#333;font-weight:bold; padding-left:10px; padding-right:5px}
.c-cate a.a-first { padding-left:0; }
.c-cate a.a-arrow { background: url(/Archive/Design/MI/1/cateArrow.gif) no-repeat left 10px; }

/*상단*/
.c-top {margin:0;border:1px solid #cacaca;background-color:#fafafa}
.c-top > div {padding:0}
.c-top > div.a-left {text-align:center}
.c-top > div.a-left img {width:100%;max-width:400px}
.c-top > div.a-right {padding: 30px 40px}
.c-top > div.a-right h1 {margin-top:0; margin-bottom:25px;font-size:24px;line-height:29px;font-weight:bold;letter-spacing:-1px;}
@media (max-width: 520px) {
    .c-top > div.a-right {padding:20px;}
}

/*상단:상품정보:판매가*/
.c-top div.price p {display:inline-block;margin-bottom:0}
.c-top div.price p:first-child {margin-right:20px}
.c-top div.price span.txt {font-size:24px; color:#ce1710;font-weight:bold;} /*텍스트값: 판매가*/
.c-top div.price span.rate {font-size:32px; color:#ce1710;font-weight:bold;font-family:Tahoma;} /*할인율*/
.c-top div.price span.percent {font-size:24px; color:#ce1710} /* % */
.c-top div.price span.tel {font-size:24px} /*전화문의:판매가0*/
.c-top div.price span.mum {display:block; font-size:14px;color:#aaa;text-decoration:line-through} /*정상가*/
.c-top div.price span.num {font-size:30px;font-weight:bold;font-family:Tahoma;} /*판매가*/
.c-top div.price span.won {font-size:24px;margin-right:20px} /*원*/
.c-top div.price span.point {display:inline-block;font-size:20px; letter-spacing:-1px;color:#090} /*포인트*/

/*상단:상품정보:기본*/
.c-top div.info dl {display:inline-block; margin:3px 6px 3px 0; padding:3px 5px; border:1px solid #ececec;}
.c-top div.info dl dt {display:inline-block; margin-right:5px;font-weight:normal;color:#aaa;}
.c-top div.info dl dd {display:inline-block}

/*상단:상품정보:사은품*/
.c-top div.info dl.fr {display:block;border:none;margin-bottom:10px;}
.c-top div.info dl.fr dt {display:none}
.c-top div.info dl.fr dd {font-weight:bold}
.c-top div.info dl.fr dd:before {content: '사은품'; margin-right:10px;font-weight:normal;color:#ce1710; }

/*상단:상품정보:배송비*/
.c-top div.info dl.deliver {display:block;border:none;margin-top:10px;}
.c-top div.info dl.deliver dt {margin-right:10px}
.c-top div.info dl.deliver dd span.text {font-weight:bold;margin-right:8px} /*텍스트값:무료,착불등*/
.c-top div.info dl.deliver dd span.num {font-weight:bold;font-family:Tahoma;} /*배송비*/
.c-top div.info dl.deliver dd span.won {margin-right:8px} /*원*/
.c-top div.info dl.deliver dd span.note {color:#999;letter-spacing:-1px} /*설명*/

/*상단:상품정보:옵션*/
.c-top div.option {margin-bottom:15px}
.c-top div.option button {width:100%;text-align:left}
.c-top div.option span.label-success {margin-right:5px} /*필수*/
.c-top div.option label {font-weight:normal;padding-left:12px} /*입력옵션제목*/

/*상단:상품정보:옵션:모달*/
#ModalOption button.btn-default {display:block;width:100%;margin-bottom:10px;text-align:left;color:#999}
#ModalOption button.btn-link {display:block;width:100%; overflow:hidden; text-overflow:ellipsis; text-align:left;color:#333;padding:12px;border-bottom:1px solid #eee;text-decoration:none}
#ModalOption button.btn-link:last-child {border:none}
#ModalOption button.btn-link:hover {background-color:#eee}
#ModalOption button.btn-link span.num {font-weight:bold} /*판매가*/
#ModalOption button.btn-link span.won {} /*원*/
#ModalOption button.btn-link span.out {color:#f63} /*품절*/
#ModalOption button.btn-link span.glyphicon {color:#ddd} /*분류항목*/

/*상단:상품정보:주문박스*/
div#order > div {margin-bottom:15px}
div#order span.title, div#order span.price .num {font-weight:bold}
div#order span.price {border-left:1px solid #ccc;margin-left:10px;padding-left:10px}
div#order span.point {border-left:1px solid #ccc;margin-left:10px;padding-left:10px;letter-spacing:-1px;color:#090}
div#order .input-group {width:120px;margin-left:15px}
div#order .input-group input {padding:6px 0 6px 5px;text-align:center;font-weight:bold;border-right:none}
div#order .glyphicon {color:#999}
div#order span.spinner {position:relative;background-color:#fff;padding-left:0;padding-right:18px;border-left:none;border-radius:0 4px 4px 0}
div#order span.spinner span.glyphicon-triangle-top {position:absolute;top:5px;left:2px;font-size:.8em;cursor:pointer}
div#order span.spinner span.glyphicon-triangle-bottom {position:absolute;top:16px;left:2px;font-size:.8em;cursor:pointer}
div#order span.remove button {border-right:0;border-color:transparent;background-color:transparent;padding-right:0;padding-left:0;margin-left:8px}

/*상단:상품정보:주문금액*/
div#order-total {text-align:right}
div#order-total span.txt {margin-right:7px} /*판매가*/
div#order-total span.num {font-size:24px;font-weight:bold;font-family:Tahoma;color:#ce1710} /*판매가*/
div#order-total span.won {font-size:20px;color:#ce1710} /*원*/
div#order-total span.point {display:inline-block;margin-left:10px;letter-spacing:-1px;color:#090} /*포인트*/

/*상단:상품정보:장바구니담기 및 주문하기 버튼*/
div#order-submit {margin-top:30px;text-align:right}
div#order-submit button {font-weight:bold;padding:15px 20px;letter-spacing:-1px;border-radius:0;margin:0 5px 5px 5px;}
@media (max-width: 520px) {div#order-submit {text-align:center;}}
@media (max-width: 350px) {div#order-submit button {padding:15px;}}

/*모달:장바구니담기후 모달*/
.modal.modal-cart-added .modal-body {padding:30px; text-align:center; font-size:1.2em;}
.modal.modal-cart-added .modal-footer {padding:30px; border-top:none;padding-top:0;text-align:center}
.modal.modal-cart-added .modal-footer .btn {padding:10px 15px;margin:0 10px; font-size:1.2em;border-radius:0}

/*본문:포인트바로사용설명 (.r-point 변경금지)*/
div.r-point {margin-top:10px; text-align:right; color:#f30; font-weight:bold; letter-spacing:-1px; display:none}
@media (max-width: 520px) { div.c-point {text-align:center} }

/*본문:상품설명*/
div.c-body {margin-top:50px;}