@charset "utf-8";

/* 리스트 */
.goods_list_top {}
.goods_list_top h2 {}
.goods_list_top .prod_cnt {font-size:0.92em; line-height:30px; color:#888; padding-left:10px; background:url("/img/sub/prod_cnt_dot.gif") no-repeat left 50%; }
.goods_list_top .prod_cnt span {border-bottom:1px solid #888; text-decoration:underline}
.
.goods_list {width:100%; overflow:hidden;}
.goods_list ul {margin-top:30px;}
.goods_list ul:after {content:" "; display:block; clear:both;}
.goods_list ul li {float:left; position:relative; width:258px; text-align:center; margin:0 30px 30px 0;}
.goods_list ul li:nth-child(2n) {margin:0 0 30px 0;}
.goods_list ul li .thumb {width:258px; height:216px; line-height:0; text-align:center;}

.goods_list ul li .thumb img {max-width:100%;}

.goods_list ul li .info {height:80px; padding:15px 10px 10px 10px;}
.goods_list ul li .info .tit {font-size:22px; font-weight:500;}
.goods_list ul li .info .btn {background:#de8c11; border:1px solid #de8c11; color:#fff; font-size:18px; font-weight:500; padding:3px 20px 7px 20px; display:inline-block; box-shadow: 2px 2px 7px #eaeef5; margin-top:15px; }
/*
.goods_list ul li .info .price {font-size:20px; font-weight:700; color:#f43131; display:inline-block; padding-top:7px;}
.goods_list ul li .info .price_sale {font-size:20px; font-weight:400; color:gray; text-decoration:line-through;  line-height:26px;}
.goods_list ul li .info .percent {font-size:14px; background:#f43131; color:#fff; font-weight:500; padding:0 5px; margin-right:7px; display:inline-block; line-height:18px; vertical-align:middle;}
*/

/* pager */
.board-pager {text-align:center; padding:20px 0;}
.board-pager a {
	display:inline-block;
	width:30px; height:30px;
	line-height:30px;
	border:1px solid #ccc;
	vertical-align:middle;
	font-size:13px;
	color:#888;
}
.board-pager a.on,
.desktop .board-pager a.on:hover, 
.desktop .board-pager a.on:focus {
	background:#383838;
	font-weight:600;
	border-color:#383838;
	color:#fff;
}
.board-pager a:hover, 
.board-pager a:focus {
	color:#555;
	border-color:#868686;
}
.board-pager button {
	padding:0;
	border-radius:0;
	cursor:pointer;
	outline:0;
	background:none;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	width:32px; height:32px;
	vertical-align:middle;
	border:1px solid #ccc;
}
.board-pager button:hover,
.board-pager button:focus {
	border-color:#aaa;
}


/*───────────────────────────────────────────────────────────
	 쇼핑몰 - Show
───────────────────────────────────────────────────────────*/
#view_wrap {}
.view_top {position:relative; width:100%; padding-bottom:20px;}

.view_tit {width:100%; text-align:center; padding: 16px 0 10px;}
.view_tit h2 {font-size:34px; color:#000; border:none;}
.view_tit span {display:block; font-size:12px; color:#656565; line-height:20px; margin-top:15px;}
#thum_wrap {margin-top:12px;}

.view_option {padding-top:12px;}
.view_option li {width:100%; margin-top:13px;}
.view_option li img {}
.view_option li > strong {float:left; display:block; width:170px; font-size:20px; color:#000; font-weight:400;}
.view_option li > strong img {height:13px; vertical-align:0px; margin-right:6px;}
.view_option li > span {	
	width:68%; 
	display:block;
	font-size:20px; 
	color:#000;
	font-weight:300;
	margin-left:170px;
	word-break: keep-all; white-space: option;
}



.view_btn {width:100%; margin:0 auto; height:58px; line-height:56px; text-align:center; margin-top:30px; background:#de8c11;  font-size:20px;}
.view_btn a {color:#fff;}



.view_btm {width:100%; margin-top:34px;}
.v_tab {width:100%; overflow:hidden;}
.v_tab li {position:relative; float:left; width:33%; height:57px; border:1px solid #ddd; border-left:none; font-size:20px; color:#222; line-height:56px; text-align:center; cursor:pointer;}
.v_tab li:first-child {border-left:1px solid #ddd;}
.v_tab li.on {border-bottom:1px solid #fff; color:#2c4ead; font-weight:500;}
.v_tab li.on:before {position:absolute; top:-1px; left:0; content:''; width:100%; height:3px; background:#2c4ead;}
.view_con {margin-top:30px; margin-bottom:30px;}

/*───────────────────────────────────────────────────────────
	 쇼핑몰 - Cart
───────────────────────────────────────────────────────────*/

.conbody {padding-bottom:30px;}
.shop_tit h4 {width:100%; text-align:center; font-size:36px; margin-bottom:20px; }

/*주문하신상품*/
.orderboxWrap{width: 100%; overflow: hidden;}
.tbl_orderBox {width:100%; border-top:3px solid #2c4ead; }
.tbl_orderBox th {font-size:18px; color:#222; line-height:20px; padding:15px 0; background:#F9FAFA; border-bottom:1px solid #dddddd; border-left:1px none; border-right:1px none; text-align:center;}
.tbl_orderBox td {font-size:18px; color:#040404; line-height:20px; padding:10px 0; border-bottom:1px dashed #dddddd; border-left:1px none; border-right:1px none; text-align: center;}
.tbl_orderBox td img{vertical-align: middle; width: 100%;}
.tbl_orderBox td p.product_name{color:#A52428; font-weight: bold; display: inline-block; margin: 10px 0 0;}
.tbl_orderBox td p.product_name:first-child{margin-top :0;}
.tbl_orderBox td p.product_name a {font-size:18px;}
.tbl_orderBox td p.product_option{color:#040404; display: block; font-size: 18px; line-height: 22px;}
.tbl_orderBox td.cont{text-align: left; padding-left:22px;}
.tbl_orderBox td .more{background: #A52428; color: #fff; font-weight: 500; font-size: 13px; text-align: center; width:50px; height: 22px; line-height: 22px; display: inline-block;}
.tbl_orderBox td .more a{color: #fff; display: block; font-size: 11px;}
.tbl_orderBox td .del_btn {text-align:center;}
.tbl_orderBox td .del_btn img {max-width:50%;}

/*장바구니*/
.order_price{width: 94%; overflow: hidden; border:1px solid #ddd; padding:3%; margin-top:10px; text-align:center;}
.order_price li{font-size:18px; line-height: 24px; color: #333; font-weight: bold; display: inline;}
.order_price li span{margin-left: 10px; display: inline-block;}

.order_price_total{width: 94.5%; overflow: hidden; background: #f5f5f5; padding:2% 3%; margin-top:10px; text-align: right;}
.order_price_total li{font-size: 18px; color: #333; display: block; margin-bottom:5px;}
.order_price_total li span{font-size: 18px; font-weight: bold; color: #A52428; margin-left: 20px;}

.notify{color: #d21c1b; font-weight: bold; font-size: 18px; text-align: center; margin-top:20px;}
.notify img{width: 18px; vertical-align:-2px; margin-right:10px;}

.btn_new_Wrap{width: 100%; overflow: hidden; margin: 20px auto 0; text-align: center;}

.btn_cart {padding:0 40px; text-align:center; display: inline-block;}
.btn_cart a {font-weight: bold;}

.btn_black{background:#2c4ead; height:52px; line-height:48px;}
.btn_black a {font-size:18px; color:#fff;}
.btn_white {border:1px solid #2c4ead; height:50px; line-height:44px;}
.btn_white a {font-size:18px; color:#000;}
/*.btn_red{background:#A52428; width: 72px; height: 35px; line-height: 33px; text-align: center;  text-align:center; display: inline-block;}
.btn_red a{color: #fff; font-size: 12px; width: 100%; height: 100%; display: block; cursor: pointer;}*/

input.input_radio{vertical-align:middle; margin-bottom:2px; margin-right:3px; color: #444;}
input.input_form{border:1px solid #ddd; height:30px; line-height: 28px; width:90%; color: #444;}
select.form_select{border:1px solid #ddd; height:40px; color: #444;}
textarea.input_text{border:1px solid #ddd; line-height: 40px; color: #444; width: 100%;}
.comment_wrap{width: 100%; overflow: hidden; margin-top: 10px;}
.comment_wrap p{text-align: center; border-right: 1px solid #ddd; width: 100%; font-size: 14px; color: #000; font-weight: 800; margin-bottom: 10px;}
.comment_wrap textarea{border-radius: 10px; border: 1px solid #ddd; width: 100%; height: 160px;}
.comment_wrap .comment_btn{margin: 10px auto 0; width: 90px; height: 35px; line-height: 33px; border: 1px solid #ddd; background: #F7F7F7; border-radius: 10px; text-align: center;}
.comment_wrap .comment_btn a{width: 100%; height: 100%; display: block; cursor: pointer; font-size: 12px; color: #000;}
.comment_wrap table{margin-top: 30px;}
.modify{display: inline-block; border-radius: 10px; background: #000000; width: 50px; height: 30px; text-align: center; margin: 0 8px;}
.modify a{width: 100%; height: 100%; color: #fff; line-height: 29px; font-size: 13px;}
.delete{display: inline-block; border-radius: 10px; background: #A52428; width: 50px; height: 30px; text-align: center;}
.delete a{width: 100%; height: 100%; color: #fff; line-height: 29px;  font-size: 13px;}}
.color2{color: #A52428; font-weight: bold;}


/*주문서*/
h4.h4_bullet {font-size:24px; color:#2c4ead;  text-align:left; background: url(/img/shop/v_tit.jpg) 0 50% no-repeat; background-size:40px; padding-left:46px; margin-bottom: 20px;}

.tbl_common2 {width:100%; border-top:3px solid #2c4ead;}
.tbl_common2 th {font-size:18px; color:#222; line-height:20px; padding:15px 0; background:#F9FAFA; border-bottom:1px dashed #dddddd; border-left:none; text-align: center; border-right:1px solid #eaeaea;}
.tbl_common2 td {font-size:18px; color:#040404; line-height:20px; padding:10px 0;  border-bottom:1px dashed #dddddd; text-align: left; padding-left:10px; border-right:1px solid #eaeaea;}
.tbl_common2 td:last-child {border-right:none;}