﻿@charset "utf-8";


span.bluetxt_big {font-size:19px;font-weight:bold; color:#0066CC;}
span.bluetxt_sml {font-size:15px; color:#0066CC;}
span.redtxt {font-weight:bold; color:#FF3300;}
p.product {float:left; text-align:center; padding:0 10px 20px 10px;}
p.product_img {text-align:center; text-align:center; margin-bottom:20px;}



.thum { width:100%; float:left; text-align:left; margin: 0 0 10px 0;}
.thum ul {float:left; width:120px; padding:10px 10px 20px 10px; text-align:center; }
.thum ul li {width:120px; clear:left; text-align:center;}

.thum ul li.small {clear:left; text-align:center; font-size:11px; color:#aaaaaa;}
.thum ul li.photo {clear:left; padding-bottom:5px; text-align:center;}
.thum ul li.title {clear:left; text-align:center; padding:0 0 1px 0;}
.thum ul li.won {float:left; font-weight:bold;  font-size:11px; text-align:center; padding:1px 0 4px 0;}
.thum ul li.deleteWon {float:left; text-align:center; text-decoration:line-through;  }
.thum ul li.sub_last {clear:left; font-size:11px; text-align:center; padding:0 0 4px 0;}
.thum ul li.state {float:left; font-size:11px; text-align:center; padding:0 0 4px 0;}
.thum ul li.icon{float:left; text-align:center; margin-bottom:4px;}


.connect .box { width:100%; float:left; text-align:left; margin: 0 0 10px 0;}
.connect .box ul {float:left; width:120px; padding:10px 10px 20px 10px; text-align:center; }
.connect .box ul li {width:120px; clear:left; text-align:center;}
.connect .box ul li.small {clear:left; text-align:center; font-size:11px; color:#aaaaaa;}
.connect .box ul li.photo {clear:left; padding-bottom:5px; text-align:center;}
.connect .box ul li.title {clear:left; text-align:center; padding:0 0 1px 0;}
.connect .box ul li.won {float:left; font-weight:bold;  font-size:11px; text-align:center; padding:1px 0 4px 0;}
.connect .box ul li.deleteWon {float:left; text-align:center; text-decoration:line-through;  }
.connect .box ul li.sub_last {clear:left; font-size:11px; text-align:center; padding:0 0 4px 0;}
.connect .box ul li.state {float:left; font-size:11px; text-align:center; padding:0 0 4px 0;}
.connect .box ul li.icon{float:left; text-align:center; margin-bottom:4px;}


.compItem ul li.title {clear:left; font-weight:bold; color:#225dc1; font-size:13px; text-align:center; padding:0 0 1px 0;}

.compItem {  margin:0 auto; float:left; text-align:center;}
.compItem ul {float:left; width:120px; padding:15px 10px 20px 10px; height:200px; text-align:center;}
.compItem ul li {width:120px; clear:left; text-align:center;}

.quickItem {  margin:0 auto; float:left; text-align:center;}
.quickItem ul {float:left; width:98px; padding:10px 0px 5px 0px; text-align:center;}
.quickItem ul li {width:98px; clear:left; text-align:center;}
.quickItem ul li.photo { clear:left; padding-bottom:5px; text-align:center;}
.quickItem ul li.title {clear:left; font-weight:bold; color:#225dc1; font-size:13px; text-align:center; padding:0 0 1px 0;}



.best2 { margin:0 auto; width:100%; float:left; text-align:center; margin: 0 0 20px 0; border:1px solid #d7d7d7;  background:url(../image/list_top_best.jpg) no-repeat; }
.best2 .thum { margin:0 auto; float:left; text-align:center; margin: 0 0 0 0; text-align:center;}
.best2 .thum ul {float:left; width:189px; padding:25px 0 35px 0; text-align:center;}
.best2 .thum ul li {width:188px;clear:left; text-align:center;}


.detail {float:left; width:100%; margin:20px 0 10px 0; padding:0 0 20 0; }
.detail .photo {float:left; width:330px; margin:0 20px 20px 0;}
.detail .photo .big {float:left; clear:left; width:303px; padding: 10px 5px 10px 10px; border:1px solid #d7d7d7;}
.detail .photo .small {float:left; width:100%; }
.detail .photo .small ul {float:left; width:100%; }
.detail .photo .small ul li {float:left; width:56px;margin:10px 5px 0 0; border:1px solid #d7d7d7;padding: 2px 0 2px 2px;}
.detail .overview {float:left; width:400px; margin:0;}
.detail .overview ul {float:left;width:380px;}
.detail .overview ul li {float:left;width:380px; padding : 10px 0 10px 0;border-bottom:1px solid #d7d7d7;}
.detail .overview ul li.product_title {float:left; border-top:1px solid #d7d7d7; background-color:#edf4fb; font-size:20px; color:#235ec2; font-weight:bold;  display:block;}
.detail .overview ul li.title {float:left; font-weight:bold; padding: 0 30px 0 0; width:60px;padding : 10px 0 10px 0;}
.detail .overview ul li.price {float:left; font-weight:bold;font-size:15px; color:#ed4650; font-weight:bold;width:270px; }
.detail .overview ul li.text {float:left; clear:left; padding : 10px 0 10px 0;width:270px;}

/*소분류*/
.categorymenu {float:left; width: 758px; border-bottom:1px solid #bca5a5; border-top:2px solid #bca5a5;  background-color:#fbfafa; margin: 0 0 25px 0; }
.categorymenu .in { width: 755px; overflow: hidden; padding: 15px 0; }
.categorymenu ul { width: 760px; overflow: hidden; _zoom: 1; }
.categorymenu li { float: left; width: 188px; border-right: 1px solid #d7d7d7; }
.categorymenu li.last { border-right: 0 none !important; }
.categorymenu li a { display: block; padding-left: 50px; line-height: 200%; }
.categorymenu li a:link, .categorymenu li a:visited {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.categorymenu li a:hover, .categorymenu li a:active {
	color: #000;
	text-decoration: underline;
	cursor: pointer;
}

.productalign { float:left; padding-bottom:10px }
.productalign .tit{ color:#535353; padding-bottom:5px; text-align:left; width:760px}
.productalign .tit strong{ color: #e71737; }
.productalign .in{ float:left; width:100%; border:1px solid #e7e7e7; background-color:#f7f7f7; padding-bottom:7px; padding-top:7px;}
.productalign .in p{ float:left; width:100%; padding-left:10px}
.productalign .in li{float:left; padding-left:10px;}
.productalign .in li.last{float:right; padding-right:10px}

/* 추천상품 */
.recomm{float:left; border:1px solid #e0e0e0; width:100% ; background-color:#ececec; margin-bottom:20px}
.recomm .title{padding:8px 0 8px 10px; }
.recomm .box{float:left; width:752px; border:1px solid #e0e0e0; margin-left:3px; background-color:#FFF; margin-bottom:3px; text-align:left; padding:10px 0 0 0}

/* 주문완료 */
.paybankOk {float:left; width:630px}
.paybankOk .boxTitle {float:left; width:600px; margin:15px 0 30px 15px; background-color:#f58221; text-align:center}
.paybankOk .boxTitle li img{float:left; padding:10px 0 10px 90px;}
.paybankOk .boxTitle li.tx{float:left; padding-left:20px; padding-top:20px; font-size:18px; color:#FFF; font-weight:bold;}
.paybankOk .text{float:left; width:600px; margin-left:15px; text-align:center; line-height:20px; padding-bottom:20px}

/* 주문 */
.orderStep { float:left; width:756px; border:2px solid #d4c9c3; margin-bottom:20px}
.orderStep li.fr{float:left; width:306px;}
.orderStep li.se{float:left; width:210px;}
.orderStep li.icon{float:left; width:15px; padding-top:27px}
.orderText{ float:left; width:100%; padding-left:30px; padding-top:20px; padding-bottom:20px}
.orderText li img{ float:left; padding-right:20px;}
.orderText li.tx{ float:left; font-size:12px; color:#9f8778; font-weight:bold; padding-top:4px}
.orderText li.tx p{ float:left; font-size:16px; color:#5e3318; font-weight:bold}
.orderText li.txOff{ float:left; font-size:12px; color:#eae1dc; font-weight:bold; padding-top:4px}
.orderText li.txOff p{ float:left; font-size:16px; color:#c2b0a4; font-weight:bold}

/* 장바구니 */
.order_table_list {float:left; width: 760px; border-top:2px solid #9f8778; border-bottom:1px solid #c0b4a7; margin-bottom:20px}
.order_table_list table { width:100%; }
.order_table_list thead th { padding:10px 0 10px 0; font-size:11px; color:#68574c; background:#faf9f9; font-weight: normal; text-align:center; font-weight:bold}
.order_table_list th{ padding:10px 0 10px 10px; font-size:11px; color:#68574c; background:#faf9f9; font-weight: normal; text-align:left; font-weight:bold}
.order_table_list td.rightTop{ border-right: 0 !important; border-top: 0 !important; text-align:left; padding:10px 0 10px 10px; }
.order_table_list td { border-right: 0 !important; border-top: 1px solid #c0b4a7; text-align:center; padding:10px 0; }
.order_table_list td.gray { border-right: 0 !important; border-top: 1px solid #c0b4a7; text-align:center; padding:10px 0; }
.order_table_list td.gray input{ background-color:#e6e6e6}
.order_table_list td.left{ border-right: 0 !important; border-top: 1px solid #c0b4a7; text-align:left; padding:10px 0 10px 10px; }
.order_table_list td.no_result { padding:30px 0 20px 0; text-align:center; color:#a7948b; line-height:30px}
.order_table_list td.explain{ text-align:left }
.order_table_list td.price{ text-align:right; padding-right:10px}
.order_table_list td.left{ text-align:left; padding-right:10px}
.order_table_list td p.formal { text-decoration:line-through; }
.order_table_list td p.discount { font-weight:bold; color:#fe5156; }
.order_table_list td.totalPrice{ text-align:right; font-weight:bold; color:#fe5156; padding:15px 10px 15px 0}

/* 주문상세테이블 */
.detail_table_list {float:left; width: 760px; border-top:2px solid #9f8778; margin-bottom:20px}
.detail_table_list table { width:100%; }
.detail_table_list th{ padding:10px 0 10px 15px; font-size:11px; color:#68574c; background:#faf9f9; font-weight: normal; text-align:left; font-weight:bold; border-bottom:1px solid #c0b4a7;}
.detail_table_list th.pdt{ padding:10px 0 10px 0; font-size:11px; color:#68574c; background:#faf9f9; font-weight: normal; text-align:center; font-weight:bold; border-bottom:1px solid #c0b4a7;}
.detail_table_list td{ border-right: 0 !important; border-bottom:1px solid #c0b4a7; text-align:left; padding:10px 0 10px 15px;}
.detail_table_list td.gray{ border-right: 0 !important; border-bottom:1px solid #c0b4a7; text-align:left; padding:10px 0 10px 15px;}
.detail_table_list td.gray input{ background-color:#e6e6e6}

.detail_table_list td input{ padding:4px 0 1px 0 }
.detail_table_list td select{ padding:0 0 1px 0 }



.btn_wrap	{ float:left; width:100%;}
.btn_wrap:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.btn_wrap	.btn_l	{float:left;}
.btn_wrap	.btn_r	{float:right;}

.no_product {float:left; text-align:center; width:100%; padding:10px 0 }

.order_head	{float:left; margin:0 0 10px; width:100%;}
.order_head	h3{float:left; font-size:14px; font-weight:bold; color:#333;}
.order_head	h3 strong{font-size:14px; font-weight:bold; color:#ed1c24;}

.chText {float:left; padding:5px 0 10px 5px;}

/* 설명 (w:760) */
.exText_area{ float:left; margin-top:20px; border:1px solid #dbd6d0; padding-top:18px; width:758px}
.exText_area dl{padding-bottom:16px;}
.exText_area dt{padding:2px 20px 15px 44px; background:url('/content/image/common/icon_ex_gray.gif') no-repeat 20px 1px; line-height:14px; *line-height:16px; font-weight:bold; color:#554b3f;}
.exText_area dd{padding:4px 20px 4px 43px; background:url('/content/image/common/icon_text_gray.gif') no-repeat 28px 11px; line-height:18px; color:#6e6962; font-size:11px}

.joinText_area{ float:left; margin-top:20px; border:1px solid #dbd6d0; padding-top:18px; width:758px}
.joinText_area dl{padding-bottom:16px;}
.joinText_area dt{padding:2px 20px 15px 44px; background:url('/content/image/common/icon_ex_gray.gif') no-repeat 20px 1px; line-height:14px; *line-height:16px; font-weight:bold; color:#e1537b;}
.joinText_area dd{padding:4px 20px 4px 43px; background:url('/content/image/common/icon_text_gray.gif') no-repeat 28px 11px; line-height:18px; color:#6e6962; font-size:11px}
.joinText_area strong{font-size:11px; font-weight:bold; color:#444240; }

/* 설명1 (w:760) */
.cencel_area{ float:left; width:100%; margin-bottom:10px; border:1px solid #dbd6d0; padding-top:18px;}
.cencel_area dl{padding-bottom:16px;}
.cencel_area dd{padding:4px 20px 4px 43px; background:url('/content/image/common/icon_text_gray.gif') no-repeat 28px 11px; line-height:18px; color:#6e6962; font-size:11px}


/* 주문상세테이블 */
.price_table_list {float:left; width:100%; border-top:2px solid #9f8778; margin-bottom:10px}
.price_table_list table { width:100%; }
.price_table_list th{ padding:6px 0; font-size:11px; color:#68574c; background:#faf9f9; font-weight: normal; text-align:center; font-weight:bold; border-bottom:1px solid #c0b4a7;}
.price_table_list td{ border-right: 0 !important; border-bottom:1px solid #c0b4a7; text-align:center; padding:5px 0;}

/* 제품상세 옵션 */
.pd_option {float:left; width:100%; margin-top:5px}
.pd_option .addbox{float:left; width:396px; border:2px solid #d4d4d4; padding-top:10px;}

.option_table_list {float:left; width:376px; margin:0 10px 5px 10px; border-bottom:1px solid #CCC}
.option_table_list table { width:100%;}
.option_table_list table td{ text-align:left; padding-left:5px; font-size:11px}


/* 수량 */
.num {display:inline-block; position:relative; width:60px; height:21px; text-align:left;}
.num input {width:35px; color:#535353; font-size:12px; font-weight:bold; padding:5px 0 0 3px; margin:0;}
* html .num input {width:34px;}
.num .up {position:absolute; top:0; right:0; width:50px; height:9px; font-size:0; line-height:0; }
.num .down {position:absolute; top:7px; right:0; width:50px; height:9px; font-size:0; line-height:0; }
* html .num .down {margin-bottom:-1px;}

/*관련상품*/
.connect {float:left; width:100% }
.connect .tit { background-color:#f3f3f3; font-weight:bold; padding:8px 0 0 10px; font-size:14px}
.connect .box { float:left; border:7px solid #f3f3f3; width:736px; margin-bottom:20px; background-color:#FFF; padding:10px 0 10px 10px}



.point_span {display:inline-block;vertical-align:top;}

.optn { color: red; font-weight:bold; padding-right:10px;}
