@charset "utf-8";

.shop-title {position:relative; margin-bottom:8px;}
.shop-title h2 {color:#333; font-size:16px; line-height:28px;}
.shop-title .sort {position:absolute; top:-2px; right:0;}

/* 카테고리 */
.goods-cate {margin:0 -15px 20px; border-bottom:1px solid #c1c1c1;}
.goods-cate ul:after {content:" "; display:block; clear:both;}
.goods-cate li {float:left; width:33.33333333%; margin-bottom:-1px; text-align:center; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; border-right:1px solid #c1c1c1;}
.goods-cate li a {display:block; color:#480001; font-size:.8em; font-weight:700; line-height:1.15em; padding:8px 0;}
.goods-cate li.active a {background:#f1f1f1;}
.goods-cate li:nth-child(3n){border-right:0;}

/* 상품정렬 */
.goods-sort {margin:0 -15px; padding:8px 5px; border-top:1px solid #d8d8d8;}
.goods-sort li {display:inline;}
.goods-sort li a {display:inline-block;zoom:1;*display:inline;padding:0 8px;font-size:13px;line-height:13px;color:#888;border-left:1px solid #eee;text-decoration:none;}
.goods-sort li.active a {color:#ef3e56;}
.goods-sort li:first-child a {border-left:0;}

/* 리스트 */
.goods-list ul {margin:0 -8px;}
.goods-list ul:after {content:" "; display:block; clear:both;}
.goods-list ul li {float:left; width:50%; padding:0 8px 25px; text-align:center; font-size:13px; font-weight:700; line-height:19px;}
.goods-list ul li:nth-child(2n+1) {clear:left;}
.goods-list ul li a {display:block;}
.goods-list .thumb {display:block; position:relative; height:0; padding-bottom:100%; margin-bottom:7px;}
.goods-list .thumb img {position:absolute; top:0; left:0; width:100%; height:100%;}
.goods-list .tit {display:block; color:#222;}
.goods-list .price {display:block; color:#cc0000;}

.sale_price {font-size:13px; color:#999; text-decoration:line-through; margin-right:4px;}

/* view */
.goods-title {padding:15px 15px; margin:0 -15px; color:#222; font-size:17px; line-height:1.4em; border-top:2px solid #000;}
.goods-title .cate {font-weight:400;}

.goods-summary {position:relative; margin-bottom:20px;}
.goods-summary .info {padding:15px 0; font-size:13px;}
.goods-summary .info h3 {font-weight:500; font-size:18px; margin-bottom:15px;}
.goods-summary .info dl {*zoom:1; position:relative; color:#666; font-size:14px; padding:7px 0; clear:both;}
.goods-summary .info dl:after {content:" ";display:block;clear:both;}
.goods-summary .info dt {float:left; width:70px; color:#333; font-weight:700;}
.goods-summary .info dd {margin-left:80px;}
.goods-summary .info dl.price dd {color:#cc0000; font-weight:700;}

.shipping-info {margin:-2px 0 0 2px; width:15px; height:15px; border:0; background-image:url(../images/bbs/info.png); background-position:50% 50%; background-repeat:no-repeat; background-size:15px auto;  font-size:0; line-height:0; text-indent:9999px; vertical-align:middle; overflow:hidden;}
.shipping-layer {display:none; position:absolute; width:100%; top:25px; left:0; border:2px solid #ff0000; padding:5px; background:#fff; z-index:10;}
.shipping-layer dl {padding:0 !important;}
.shipping-layer dt {float:none !important; width:100% !important; display:block !important; font-size:12px; font-weight:bold; color:#222; padding:0 0 5px 0;}
.shipping-layer dd {float:none !important; width:100% !important;}
.shipping-layer table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:12px;}
.shipping-layer th {padding:3px 10px; border:1px solid #ddd; background:#f4f4f4; text-align:left; font-weight:normal;}
.shipping-layer td {padding:3px 10px; border:1px solid #ddd;}
.shipping-layer .close {position:absolute; top:8px; right:5px; width:14px; height:14px; border:0; background-size:14px auto; background:url(../images/bbs/close.png) 50% 50% no-repeat; font-size:0; line-height:0; text-indent:9999px; overflow:hidden;}

.qty-wrap {*zoom:1;display:inline-block;}
.qty-wrap:after {content:" ";display:block;clear:both;}
.qty-wrap a {float:left; width:28px; height:28px; color:#999; text-align:center; font-size:12px; line-height:26px; font-weight:bold; border:1px solid #aaa; overflow:hidden;
	background: -webkit-linear-gradient(#fff, #eee); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff, #eee); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #eee); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #eee); /* Standard syntax */
}
.qty-wrap .cntDown {border-right:0;}
.qty-wrap .cntUp {border-left:0;}
.qty-wrap input {float:left; width:35px; height:28px; padding:0; text-align:center;}

.shop-account {position:fixed; bottom:0; left:0; width:100%; z-index:101;}
.shop-account .ctr {display:none; position:relative; text-align:center;}
.shop-account .ctr a {display:inline-block; width:75px; height:20px; background-color:#999; opacity:.8; color:#fff; text-align:center; border-top-left-radius:6px; border-top-right-radius:6px;}
.shop-account .ctr a i {vertical-align:middle; font-size:18px;}
.shop-account .cnt {display:none; padding:10px; background:#eee; border-top:1px solid #ccc;}
.shop-account .cnt .form-group {margin-bottom:5px;}
.shop-account .cnt .form-group .form-control {width:100%; height:32px; color:#777; padding:6px 5px;}
.shop-account .cnt .total {text-align:right; color:#777; font-size:12px;}
.shop-account .cnt .total strong {font-size:16px; color:#ff0000;}
.shop-account .info-btn {position:relative; background:#c90003;}
.shop-account .info-btn:after {content:" ";display:block;clear:both;}
.shop-account .info-btn > div {float:left; display:table; width:50%; height:45px;}
.shop-account .info-btn a {position:relative; display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; color:#fff; font-size:15px; font-weight:700;}
.shop-account .info-btn .cart {background:#000000;}
.shop-account .info-btn .buy {background:#c90003;}
.shop-account .info-btn .wish {background:#ff5555;}
.shop-account .info-btn .solidout {width:100%; background:#686868; color:#bbb; text-align:center; font-size:14px; font-weight:700; line-height:36px;}
.shop-account .ico {display:inline-block; position:relative; margin:-.2em 0 0 0; width:25px; height:25px; background-size:90%; background-position:50% 50%; vertical-align:middle; background-repeat:no-repeat;}
.shop-account .ico.ico-cart {background-image:url("../images/shop/icon_cart.png");}
.shop-account .ico.ico-wish {background-image:url("../images/shop/icon_wish.png");}
.shop-account .ico.ico-buy {background-image:url("../images/shop/icon_buy.png");}
.shop-account.active .ctr {display:block;}

/* 상품정보 */
#shopReview,#shopQna,#shopGuide {margin:0 -15px;}
#shopReview .content,
#shopQna .content,
#shopGuide .content {visibility:hidden; height:0;}
#shopReview .content.visible,
#shopQna .content.visible,
#shopGuide .content.visible {visibility:visible; height:auto; padding:0 0 10px;}
#shopGuide {margin-bottom:-20px;}
#shopGuide img {width:100%;}
#shopReview .view-link {border-top:1px solid #ff6600}
.view-link {display:block; font-size:14px; font-weight:700; color:#333; padding:12px 15px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:-1px; background:#f4f4f4 url("../images/shop/angle_down.png") 97% 50% no-repeat; background-size:15px auto;}

.goods-info {position:relative; margin:0 -15px; padding:9px 10px; background:#f4f4f4; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:20px;}
.goods-info h3 {color:#222; font-size:13px; font-weight:500;}
.goods-info table {display:none; width:100%; border-collapse:collapse; border-spacing:0px; font-size:12px; line-height:16px; margin-top:8px;}
.goods-info th {padding:2px 0; color:#555; font-weight:400; text-align:left; vertical-align:top;}
.goods-info td {padding:2px 0 2px 8px; color:#767676; vertical-align:top;}
.goods-info .btn {position:absolute; top:6px; right:10px; color:#fff; font-size:11px; line-height:normal; padding:2px 5px; border:1px solid #666; border-radius:3px; background-color:#999; }

.goods-detail-title {margin:0 -15px 35px; padding:10px; text-align:center; color:#000; font-size:16px; font-weight:700; border-top:1px solid #910002; border-bottom:1px solid #910002;}
.goods-detail {padding-bottom:20px;}
.goods-detail img { width:100% !important; height:auto !important;}

.goods-review .head {padding:10px;}
.goods-review .head:after {content:" ";display:block;clear:both;}
.goods-review .head .title {float:left; font-size:12px; font-weight:bold; color:#333; padding:2px 0 0 0;}
.goods-review .head .title .num {color:#f15a22;}
.goods-review .head .btn {float:right;}
.goods-review .board-list {margin:0;}
.goods-review .icon-grade {margin:0 0 8px 0;}
.goods-review .opt {display:block; font-size:11px; color:#4d6ccd;}
.goods-review .review-content {padding:10px; font-size:12px; line-height:1.4em; color:#666;}

.goods-qna .head {padding:10px;}
.goods-qna .head:after {content:" ";display:block;clear:both;}
.goods-qna .head .title {float:left; font-size:12px; font-weight:bold; color:#333; padding:2px 0 0 0;}
.goods-qna .head .title .num {color:#f15a22;}
.goods-qna .head .btn {float:right;}
.goods-qna .board-list {margin:0;}

.goods-guide .info {background:#f4f4f4; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 3%; margin:8px 0;}
.goods-guide table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:12px; line-height:1.5; letter-spacing:-1px;}
.goods-guide th {padding:2px 0; color:#555; text-align:left; vertical-align:top;}
.goods-guide td {padding:2px 0 2px 8px; color:#767676; vertical-align:top;}
.goods-guide dt {padding:10px 15px; line-height:normal; background:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.goods-guide dd {padding:10px 15px; color:#888;}
.goods-guide li {padding:0 0 0 9px; text-indent:-9px;}
.goods-guide em {color:#000;}

.goods-choice {margin:0 -10px; padding:0 10px 10px;}
.goods-choice a {position:relative; display:inline-block; width:100%; font-size:1em; line-height:1.4em; overflow:hidden;}
.goods-choice .thumb {float:left; width:90px; line-height:0; font-size:0; border:1px solid #ddd; margin:0 10px 0 0;}
.goods-choice .thumb img {width:100%;}


/* 주문정보 설명 */
.order-info {margin:20px 0;}
.order-info em {color:#ff6000; font-style:normal;}
.order-desc {margin-top:30px; padding:10px; background:#fff; border:1px solid #ddd; color:#666; font-size:11px; line-height:16px;}
.order-desc li {padding-left:7px; text-indent:-7px;}
.order-top-desc {margin:0 0 10px; color:#666; font-size:11px; line-height:16px;}

/* 주문테이블 */
.order-table {margin:0 -15px;}
.order-table table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:12px; line-height:1.4em; background:#fff;}
.order-table thead th {padding:4px 4px; background:#666; color:#fff;}
.order-table tbody th {padding:10px 0; vertical-align:top; border-bottom:1px solid #ccc;}
.order-table tbody td {padding:10px 4px; vertical-align:top; border-bottom:1px solid #ccc;}
.order-table .photo img {width:100%;}
.order-table .title {font-size:14px; margin:0 0 5px;}
.order-table .opt {color:#5e9cc5; font-size:11px; padding:0 0 4px 0;}
.order-table .price {font-size:14px; padding:8px 0 0 0; font-weight:bold;}
.order-table .total td {padding:8px 3%; background:#eee; border-bottom:1px solid #ccc;}
.order-table .btn {padding:4px 0;}

/* 전체금액 */
.total-price {*zoom:1; border:1px solid #ccc; background:#fafafa; color:#333; padding:10px; font-size:12px; font-weight:700; line-height:22px;}
.total-price:after {content:" "; display:block; clear:both;}
.total-price strong {color:#ff0000;}

/* 주문폼 */
.order-form {margin:0 -15px;}
.order-form .title {padding:8px 10px; font-weight:bold; background:#f4f4f4; font-size:13px; border-bottom:1px solid #ccc;}
.order-form .title .num {color:#f15a22;}
.order-form .content {border-bottom:1px solid #ddd;}
.order-form .form .chk {padding:8px 0; letter-spacing:-1px;}
.order-form .form .chk span {margin:0 10px 0 0;}
.order-form .form {padding:5px 3%; font-size:12px;}
.order-form .form table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:12px; color:#444; letter-spacing:-.25px;}
.order-form .form th {vertical-align:top; text-align:left; padding:8px 0 0 2px; font-weight:normal;}
.order-form .form td {padding:4px 0;}
.order-form .form .use_point {border-top:1px solid #ddd; padding:8px 0;}
.order-form .form dt {padding:0 0 5px 0;}
.order-form .payment-price table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:12px; color:#444; letter-spacing:-1px;}
.order-form .payment-price th {padding:6px 5%; font-weight:normal; text-align:left; border-top:1px solid #ddd;}
.order-form .payment-price td {padding:6px 5%; text-align:right; border-top:1px solid #ddd;}
.order-form .payment-price tr:first-child th,
.order-form .payment-price tr:first-child td {border-top:0;}
.order-form .payment-price .price th,
.order-form .payment-price .price td {font-size:13px; font-weight:bold; color:#ff0000;}
.order-form .info {padding:5px 3%; font-size:12px;}
.order-form .info table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:12px; color:#444; letter-spacing:-1px;}
.order-form .info th {vertical-align:top; text-align:left; padding:4px 0 4px 2px; font-weight:normal;}
.order-form .info td {padding:4px 0;}
.order-form .order-list {margin:0;}
.guest-private-agree {margin:15px 0 0;}
.guest-private-agree h3 {font-size:14px; font-weight:400; margin-bottom:5px;}
.guest-private-agree .scroll-box {position:relative; height:70px; padding:5px; margin:0 0 5px 0; font-size:11px; line-height:15px; background:#f8f8f8; border:1px solid #ccc; overflow:auto;}

/* 주문 리스트 */
.order-list {margin:0 -15px; border-bottom:1px solid #ccc;}
.order-list li {*zoom:1; padding:10px 10px; border-top:1px solid #ddd; overflow:hidden;}
.order-list li:after {content:" ";display:block;clear:both;}
.order-list li:first-child {border-top:0;}
.order-list li .wrap {position:relative; display:block; padding:0 0 0 100px; overflow:hidden;}
.order-list li .thumb {float:left; position:relative; left:-100px; width:90px;margin-right:-90px; border:1px solid #ddd; line-height:0;}
.order-list li .thumb img {width:100%;}
.order-list li dl {float:left; width:97%; display:inline; padding:2px 0 0 0;}
.order-list li dt {padding:0 0 8px 0;}
.order-list li dd {font-size:11px; color:#999; padding:0 0 2px 0;}
.order-list li dd span {color:#222;}
.order-list li dd span.state {color:#d20000;}
.order-list li.none {text-align:center; padding:70px 0; color:#999;}
.order-list .btn {margin-top:10px; text-align:right;}

.order-complete {margin:0 0 15px; font-size:20px; font-weight:bold; line-height:1.3em; letter-spacing:-1px;}
.order-complete strong {color:#43a6e6;}

.total-price {text-align:center; font-size:16px; font-weight:bold; padding:10px 0; margin-top:20px; background:#d0e9f6; color:#0070aa;}

.pay-bank th {font-weight:bold !important;}
.pay-bank .cont1 {padding:6px; background:#f4f4f4;}
.pay-bank .cont2 {padding:6px; background:#fff;}
.pay-bank .cont2 th {padding-top:4px;}
.pay-bank .holder {font-size:11px; color:#999; padding-top:2px;}
.pay-bank ul {font-size:11px; line-height:1.3em; color:#888; letter-spacing:-1px; border-top:1px solid #ddd; padding:10px 8px 0 8px;}
.pay-bank li {padding:0 0 5px 7px; text-indent:-7px;}
.pay-bank li:before {content:"- "}

/* 적립금 */
.point .head {margin-bottom:15px;}
.point .head dl {border:1px solid #ccc; background:#fff; text-align:center; font-weight:bold;}
.point .head dt {padding:8px 0; background:#f0f0f0; border-bottom:1px solid #ddd; color:#666;}
.point .head dd {padding:8px 0;}
.point .title {color:#1997d1; font-weight:bold; margin:0 0 5px 0;}
.point .list dl {border:1px solid #ccc; background:#fff; margin:0 0 10px 0;}
.point .list dt {padding:8px 10px; background:#f0f0f0; font-weight:bold; border-bottom:1px solid #ddd; color:#333;}
.point .list dd {padding:3px 10px; font-size:12px; overflow:hidden;}
.point .list dd:nth-child(2) {padding-top:10px;}
.point .list dd:last-child {padding-bottom:10px;}
.point .list dd .fl {color:#666;}
.point .list dd .fr {color:#999;}
.point .list dd strong {color:#d20000;}

/* 쿠폰 */
.serial-number {padding:15px; margin:0 0 15px; background:#f1f1f1;}
.serial-number label {display:block; margin-bottom:7px; font-weight:500; font-size:15px;}

.coupon-menu {margin:0 0 10px;}
.coupon-menu ul {*zoom:1;}
.coupon-menu ul:after {content:" "; display:block; clear:both;}
.coupon-menu ul li {float:left; position:relative; width:50%; margin-right:-1px;}
.coupon-menu ul li a {display:block; background:#f9f9f9; color:#555; font-size:13px; line-height:37px; letter-spacing:-.7px; text-align:center; text-decoration:none; border:1px solid #dbdbdb; border-bottom:2px solid #ef3e56;}
.coupon-menu ul li.active {z-index:2;}
.coupon-menu ul li.active a {background:#fff; line-height:37px; border:2px solid #ef3e56; border-bottom:0;}

.coupon dl {border:1px solid #ccc; background:#fff; margin:0 0 10px 0;}
.coupon dt {padding:8px 10px; background:#f0f0f0; font-weight:500; border-bottom:1px solid #ddd; color:#333;}
.coupon dd {padding:4px 10px; font-size:13px; color:#767676; overflow:hidden;}
.coupon dd .fl {color:#333;}
.coupon dd .fr {color:#777;}
.coupon dd .fr strong {color:#ef3e56; font-weight:400;}
.coupon dt + dd {margin-top:5px;}
.coupon dd:last-child {margin-bottom:5px;}
.coupon .none {border:1px solid #ddd; padding:50px 0; margin:0 0 10px; text-align:center; color:#999;}

/* 후기 */
.review {margin:0 -15px;}
.review .menu ul {*zoom:1; overflow:hidden;}
.review .menu ul:content {content:" "; display:block; clear:both;}
.review .menu ul li {float:left; position:relative; width:50%; margin-right:-1px;}
.review .menu ul li a {display:block; background:#f9f9f9; color:#555; font-size:13px; line-height:37px; letter-spacing:-.7px; text-align:center; text-decoration:none; border:1px solid #dbdbdb; border-bottom:2px solid #fd4d02;}
.review .menu ul li.active {z-index:2;}
.review .menu ul li.active a {background:#fff; line-height:37px; border:2px solid #fd4d02; border-bottom:0;}
.review .list {padding:10px 8px;}
.review .list dl {border:1px solid #ccc; margin:0 0 10px 0; background:#fff;}
.review .list dt {padding:8px 10px; background:#f0f0f0; font-weight:500; border-bottom:1px solid #ddd; color:#333;}
.review .list dd {padding:3px 10px; font-size:13px; overflow:hidden;}
.review .list dt + dd {padding-top:10px;}
.review .list dd:last-child {padding-bottom:10px;}
.review .list dd .fl {color:#333;}
.review .list dd .fr {color:#777;}
.review .list .opt {color:#1997d1 !important;}