@charset "utf-8";
@import url("./user_layout.css");


/* 쇼핑몰 Css */







/*왼쪽*/
#subLeft{position:relative; width:206px; float:left; padding-top:15px;}

/*쇼핑카테고리*/
.ShopCategory{width:204px; overflow:hidden; margin-bottom:20px;}
.ShopCategory .sub_gnb {margin:3px;}
.ShopCategory .sub_gnb li{padding-left:5px;}
.ShopCategory .sub_gnb li a {display:block;padding:10px 0px;color:#333; font-size:14px; font-weight:bold;}
.ShopCategory .sub_gnb li a:hover{color:#acc312;text-decoration:none; font-weight:bold}
.ShopCategory .sub_gnb li.on {display:block;font-weight:bold;background:#f5f5f5;}

.ShopCategory .sub_gnb > li:hover .sub_gnb2 {display:block;}
.ShopCategory .sub_gnb li .sub_gnb2 {display:none;position:absolute;left:80px;width:160px;border:1px solid #e3e3e3; padding:8px; background:#fff;z-index:1;margin-top:-10px;}
.ShopCategory .sub_gnb li .sub_gnb2 ul {float:left;}
.ShopCategory .sub_gnb li .sub_gnb2 li {}

.sub_left_tit {background:#f5f5f5;padding:10px 0 10px 0;text-align:center;border-bottom:1px solid #e3e3e3;color:#C3243A;font-weight:bold;font-size:15px;}

/*검색*/
.LeftsearchForm {height:27px; margin-bottom:20px;}
.LeftsearchForm .input_search {width:168px; height:27px; background:url("/Image/Common/searchBg.jpg") 0px 0px no-repeat;color:#777; border:0;font-size:12px; padding-left:5px;}

/*브랜드 카테고리*/
.BranCategory{width:204px; overflow:hidden; margin-bottom:20px;}
.BranCategory .brand_gnb{padding:3px; width:198px; height:119px;overflow-x:hidden; overflow-y:auto;
scrollbar-highight-color:#fff;
scrollbar-3dlight-color:#f1f1f1;
scrollbar-face-color:#f1f1f1;
scrollbar-shadow-color:#f1f1f1;
scrollbar-darkshadow-color:#f1f1f1;
scrollbar-track-color:#fff;
scrollbar-arrow-color:#f1f1f1}
.BranCategory .brand_gnb li{padding-left:5px;}
.BranCategory .brand_gnb li a{display:block;padding:5px 0px;color:#333;}
.BranCategory .brand_gnb li a:hover{color:#acc312;text-decoration:none; font-weight:bold}

/*왼쪽 배너*/
.LeftSubban{margin-bottom:20px}
.LeftSubban li{padding-bottom:8px;}
.LeftSubban li:last-child{padding-bottom:0px;}



/*오른쪽 본문*/
/* #subRight{width:758px; float:right; padding-top:15px; padding-right:15px;} */

#subRight .tffDv ol {

}
#subRight .tffDv ol li{
	list-style: none;
	margin: 5px 0;
	line-height: 22px;
	margin-left: 5px;
}
/*페이지 타이틀*/
.padgeName{height:41px;}
.padgeName h2{position:relative; top:13px;padding-left:17px; background:url("../../img/ico_bar3.gif") 0px 2px no-repeat; font-size:14px; font-weight:bold; float:left}
.padgeName span{position:relative; top:0px; float:right;}
.padgeName a{color:#9f9f9f}
.padgeName a:hovr{text-decoration:underline}

/*서브 슬라이더 배너*/
.s_slider{width:773px; height:280px; margin-bottom:20px; }
.s_slider .s_bxslider{width:593px; height:278px; border:1px solid #eaeaea; border-right:none; overflow:hidden; float:left}
.s_slider .s_sliderTap{float:right}
.s_slider .s_sliderTap li{}
.s_slider .s_sliderTap li a {display:block; width:147px; height:62px; padding:15px; border:1px solid #e3e3e3; border-bottom:none; font-size:11px; color:#999999}
.s_slider .s_sliderTap li:last-child a {height:62px; border:1px solid #eaeaea;}
.s_slider .s_sliderTap li h2 {font-size:14px; color:#686868;padding-bottom:5px;}
.s_slider .s_sliderTap li a:hover, .s_slider .s_sliderTap li a:hover h2{color:#fff;}
.s_slider .s_sliderTap li a:hover {border:1px solid #9ed2ea; border-left:none;border-bottom:none; background:#9ed2ea}
.s_slider .s_sliderTap li a.on {border:1px solid #9ed2ea; border-left:none;border-bottom:none; background:#9ed2ea;color:#fff;}
.s_slider .s_sliderTap li a.on h2 {color:#fff;}

.s_BnaBox{width:771px; height:278px; overflow:hidden; margin-bottom:20px; }

/*1차 카테고리 상품*/
.deth2Product{margin-bottom:20px;}
.SproductList{padding:17px 0px; overflow:hidden}
.SproductList ul{margin-left:20px;}
.SproductList ul li{width:173px;height:250px;text-align:center;float:left;margin-right:13px;}
.SproductList ul li p{margin-bottom:13px;}
.SproductList ul li h2{line-height:20px; text-align:center; padding-top:10px;}
.SproductList ul li span.cost {font-weight:bold;color:#ff4b4b;}

/*2차 카테고리 상품*/
.deth3Product{margin-bottom:20px;}
.SproductListB{padding-bottom:17px; overflow:hidden}
.SproductListB ul{width:800px;margin-left:0px;}
.SproductListB ul li{width:173px; height:210px; text-align:center; float:left; margin-right:27px;}
.SproductListB ul li p{margin-bottom:13px;}
.SproductListB ul li h2{line-height:17px; text-align:center; padding-top:5px;}
.SproductListB ul li span.cost {font-weight:bold;color:#ff4b4b;}

/* 상품 오버랩 */
.proDvOverLap {position:absolute;display:none;width:190px;height:250px;background:#fff;border:1px solid #eee;box-shadow:0px 0px 3px 0px #ddd;z-index:9999;text-align:left;}

/*아이콘*/
.iconSet {position:absolute;left:0;width:34px;height:50px;}
.iconSale{display:block;position:relative;left:0; width:34px; height:23px; background:#ff4766; color:#fff; font-weight:bold; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;
line-height:24px;}
.iconNew{display:block;position:relative;left:0; width:34px; height:16px; background:#7acff6; color:#fff; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;
line-height:16px; font-size:11px;}
.iconHot{display:block;position:relative;left:0; width:34px; height:16px; background:#ff71fd; color:#fff; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;
line-height:16px; font-size:11px;}


/* 페이지 번호 */
.PageNav{width:30%; margin-bottom:40px;}
.PageNav td{width:33px; height:32px; border:1px solid #eaeaea; overflow:hidden;}
.PageNav td.pageNo a{display:block; padding:9px 12px; background:#fff; }
.PageNav td.select a{font-weight:bold; background:#f6f6f6}














/*제품정보 페이지 본문*/
#productInfoPage{} 
#productTopInfo{border:1px solid #eaeaea;}
#productTopInfo .TopinfoLeft{width:382px;padding:28px;float:left}

/*제품이미지 미리보기*/
#productTopInfo .TopinfoLeft .ImageView{width:380px; height:367px;}
#productTopInfo .TopinfoLeft .ImageView .ImageViewB{width:380px; height:268px; border:1px solid #eaeaea;overflow:hidden;}
#productTopInfo .TopinfoLeft .ImageView .imageList{width:400px;height:44px;margin-top:17px; overflow:hidden}
#productTopInfo .TopinfoLeft .ImageView .imageList li{display:block; width:60px; height:42px;border:1px solid #eaeaea; float:left; margin-right:18px;}
#productTopInfo .TopinfoLeft .ImageViewText{line-height:18px;}
#productTopInfo .TopinfoLeft .ImageViewText span{display:block;font-weight:bold; height:28px; border-bottom:1px solid #eaeaea; margin-bottom:15px;}

/*제품내용*/
#productTopInfo .TopinfoRight{width:503px;padding:28px;float:right; overflow:hidden}
#productTopInfo .TopinfoRight .productNameB{display:block; height:43px; line-height:43px; border-bottom:1px solid #eaeaea;font-weight:bold; font-size:16px;}
#productTopInfo .TopinfoRight #productCon{margin:20px 0;}
#productTopInfo .TopinfoRight #productCon th{color:#9f9f9f; height:20px;}
#productTopInfo .TopinfoRight #productCon td{text-align:left;color:#686868}
#productTopInfo .TopinfoRight #productCon .cupon{width:124px;}
#productTopInfo .TopinfoRight #productCon .point{width:100px;padding-left:30px;}
#productTopInfo .TopinfoRight #productCon .point2{}
#productTopInfo .TopinfoRight #productCon .couponList {clear:both;padding-top:5px;}
#productTopInfo .TopinfoRight #productCon .couponList li {padding:4px 0 4px 8px;color:#777;}
#productTopInfo .TopinfoRight #productCon .couponList li a {font-weight:bold;color:#ff3300;}
#productTopInfo .TopinfoRight #productCon .couponList li span {color:#333;}

/*간편주문*/
#productTopInfo .TopinfoRight .Topjumon{}
#productTopInfo .TopinfoRight .Topjumon .productGroup{width:520px; overflow:hidden}
#productTopInfo .TopinfoRight .Topjumon .productGroup li{display:block; width:94px; height:52px; overflow:hidden; border:1px solid #eaeaea; background:#f5f5f5; line-height:52px; text-align:center; float:left; margin-right:6px;}
#productTopInfo .TopinfoRight .Topjumon .productGroup li a{display:block;}
#productTopInfo .TopinfoRight .Topjumon .productGroup li a.on{background:#99ccff;color:#fff;font-weight:bold;}
#productTopInfo .TopinfoRight .Topjumon .productGroupCon{width:502px; height:175px; border:1px solid #eaeaea; margin-top:10px;overflow-x:hidden; overflow-y:auto;
scrollbar-highight-color:#fff;
scrollbar-3dlight-color:#f1f1f1;
scrollbar-face-color:#f1f1f1;
scrollbar-shadow-color:#f1f1f1;
scrollbar-darkshadow-color:#f1f1f1;
scrollbar-track-color:#fff;
scrollbar-arrow-color:#f1f1f1}
.productGroupCon li{padding:10px 0 10px 10px;}
.productGroupCon li:first-child{}
.productGroupCon li.on {background:#fafaff;}
.productGroupCon li .productName{display:table-cell; width:160px; height:41px;  padding:0px 15px 0 10px; border-right:1px solid #eeeeee; vertical-align:middle; overflow:hidden;}
.productGroupCon li .productPrice{display:table-cell; padding-left:15px; width:130px; vertical-align:middle;}
.productGroupCon li .productPrice span{display:block; float:left; width:65px; text-align:right;}
.productGroupCon li .productPrice span.stk { text-decoration:line-through; color:#666666}
.productGroupCon li .productPrice span.point {width:100%; color:#ff2c2c}
.productGroupCon li .opt_btns{display:table-cell;vertical-align:middle; padding-left:25px;}
.productGroupCon li .opt_btns .basketBtn{width:10px; padding-left:5px;}
.McartBtn{text-align:right; padding:14px 28px;}

/*예상가격*/
#productTopInfo .TopinfoRight .Forecast{border:1px solid #eaeaea; padding:10px 5px}
#productTopInfo .TopinfoRight .Forecast th{line-height:25px;}
#productTopInfo .TopinfoRight .Forecast th, #productTopInfo .TopinfoRight .Forecast td{padding-left:10px;}
#productTopInfo .TopinfoRight .Forecast .redcolor{font-weight:bold; color:#ff4b4b; text-align:right;}

/*주문버튼*/
#productTopInfo .stext{font-size:11px; color:#9f9f9f; text-align:right; padding:0px 15px 0 0; clear:both;line-height:130%;}
#productTopInfo .btngroup{float:right; padding-top:15px; margin-right:0px;padding-bottom:15px;}
#productTopInfo .jumonBtn{width:347px; padding-right:15px; float:left; background:url(/Image/Sub/bar.jpg) 346px 7px no-repeat;float:left}
#productTopInfo .jumonBtn li{display:block; width:162px; float:left; padding-right:7px;}
#productTopInfo .sbtn {float:left;margin-right:29px;}
#productTopInfo .sbtn li{display:block;  float:left; padding-right:5px; padding-top:9px;}
#productTopInfo .sbtn li:last-child{ padding-right:0px;}

/*끼워팔기상품*/
.sellproduct{position:relative;margin:0px auto;width:1000px;margin-top:20px;height:250px;}
.sellproduct p.btn_left{position:absolute;top:100px;left:0px}
.sellproduct p.btn_right{position:absolute;top:100px;right:0px}
.sellproduct .insertionPro {position:relative;margin-left:30px;width:940px;height:250px;overflow:hidden;padding-top:5px;}
.sellproduct .insertionPro ul{width:99999px;height:230px;position:absolute;}
.sellproduct .insertionPro ul li{width:158px; text-align:center; float:left; margin:0px 2px;}
.sellproduct .insertionPro ul li .radiocheck{display:block; width:147px; height:35px; line-height:35px;}
.sellproduct .insertionPro ul li .radiocheckP{position:relative; top:2px; left:0}
.sellproduct .insertionPro ul li .checkBoxP{position:relative; top:3px; left:0}
.sellproduct .insertionPro ul li p{margin-bottom:13px;}
.sellproduct .insertionPro ul li h2{line-height:17px; text-align:center; padding-top:5px;}

/*상세정보 탭메뉴*/
.menuTab{height:60px;margin-top:30px;}
.menuTab li{display:block; width:216px; height:39px; line-height:39px; text-align:center; background:#f5f5f5; float:left;border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;}
.menuTab li:last-child{width:130px;border-right:1px solid #e3e3e3;}
.menuTab li.check{background:#fff; font-weight:bold}
.menuTab li.check a {color:#333;}
.menuTab li a{display:block;color:#777;}
.menuTab li.top a {color:#333;font-size:10px;font-weight:bold;}
.pdtCon{width:100%; text-align:left;padding:0 10px 20px 10px;}

/*사용후기,상품문의*/
.boardListBox{padding-bottom:20px; }
.boardListBox .leftText{display:block; height:20px; line-height:20px; float:left;}
.boardListBox .RightBtns{float:right}
.boardListBox .RightBtns li{display:block;float:left;}
.boardListBox .RightBtns li a{display:block; height:20px; line-height:20px; text-align:center; font-size:11px; border:1px solid #e7e7e7;padding:0 7px;}
.boardListBox .RightBtns li:first-child{margin-right:4px;}
/*.boardListBox .RightBtns li:last-child{width:51px;}*/
.boardListBox #boardList{border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3; margin-top:20px;}
.boardListBox #boardList th{border-bottom:1px solid #e3e3e3;height:36px;text-align:center;color:#555}
.boardListBox #boardList td{border-bottom:1px solid #e3e3e3;height:36px;text-align:center;color:#9f9f9f}
.boardListBox #boardList .width1{width:7%;}
.boardListBox #boardList .width2{width:65%; text-align:left}
.boardListBox #boardList .width3{width:65%; text-align:left}
.boardListBox #boardList .width4{padding-left:40px; text-align:left; color:#686868}
.boardListBox #boardList .width5{padding-left:62px; text-align:left; color:#686868}
.boardListBox #boardList .icon{padding-right:3px;}
.boardListBox #boardList a{color:#9f9f9f}
.ListPageno{ display:block;width:100%;text-align:center;padding-bottom:20px;}
.ListPageno a{color:#9f9f9f}

/*유사제품*/
.sellproduct2{position:relative;margin:0px auto;width:1000px;margin-top:25px;}
.sellproduct2 p.btn_left{position:absolute;top:75px;left:0px}
.sellproduct2 p.btn_right{position:absolute;top:75px;right:0px}
.sellproduct2 .similarPro {position:relative;margin-left:30px;width:940px;height:150px;overflow:hidden;padding-top:20px;}
.sellproduct2 .similarPro ul{width:99999px;height:150px;position:absolute;}
.sellproduct2 .similarPro ul li{width:158px; text-align:center; float:left; margin:0px 5px;}





/*장바구니*/
.cartList{}
.cartList table{border-top:2px solid #f5f5f5}
.cartList table th{height:36px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; text-align:left;padding-left:8px;}
.cartList table th.right {text-align:right;padding-right:8px;}
.cartList table td{height:70px;border-bottom:1px solid #f1f1f1;text-align:left;padding-left:8px;}
.cartList table td.group {height:35px;text-align:left;padding-left:8px;font-weight:bold;}
.cartList table td.right {text-align:right;padding-right:8px;}
.cartList table .tdstyle1{text-align:left}
.cartList table .productName {display:table-cell; width:300px; height:41px;padding:0px 15px 0 10px; vertical-align:middle; overflow:hidden;line-height:140%;}
.cartList table .productName span {color:#888;}
.cartList table .productPrice span{text-decoration:line-through;color:#777;}
.cartList table .opt_btns table{width:50px; margin-left:30px;border:none;}
.cartList table .opt_btns table td{border:none;}
.cartList table .basketBtn{width:10px; padding-left:5px;}
.cartList .allDel{padding:10px 0px;}
.cartList .allDel span {display:table-cell;vertical-align:middle;height:18px;}
.cartList .allDel span:first-child{padding-right:5px;}

.Price2{height:103px; border:3px solid #eaeaea;}
.Price2 th{height:35px; border-bottom:1px solid #f1f1f1; text-align:center; background:#f5f5f5; border-right:1px solid #dadada}
.Price2 th:last-child,.Price2 td:last-child{border-right:0px;}
.Price2 td{height:66px; text-align:center; border-right:1px solid #dadada}

.fontS{font-weight:bold; color:#ff4b4b}
.fontB{text-decoration:line-through;}
.fontW{font-size:15px}
.fontS2{padding-left:90px;}
.fontS2 > span{color:#ff4b4b}

.textS{font-size:11px; text-align:center; padding:20px 0;}
.CartjumonBtn{text-align:center;margin-bottom:30px;}
.AlertLimit {text-align:center;margin-bottom:15px;color:red;font-weight:bold;font-size:14px;}

/*주문페이지*/
h4.orderTitle{font-size:14px; font-weight:bold; padding:40px 0 10px 0;}
.orderCon table{border-top:1px solid #dedede}
.orderCon th,.orderCon td{height:47px;border-bottom:1px solid #f1f1f1; padding-left:20px;}
.orderCon th{width:150px;}
.orderCon a.orderBtn1 {display:block;width:126px; height:25px; line-height:25px; text-align:center; border:1px solid #e3e3e3;background:#ededed}
.orderCon .inputStyle1{width:167px; height:25px; border:1px solid #e3e3e3; padding-left:5px;}
.orderCon .inputStyle2{position:relative;top:2px;}
.orderCon .inputStyle3{width:60px; height:25px; border:1px solid #e3e3e3; padding-left:5px;}
.orderCon .inputStyle4{width:50px; height:25px; border:1px solid #e3e3e3; padding-left:5px;}
.orderCon .inputStyle5{width:340px; height:25px; border:1px solid #e3e3e3; padding-left:5px;}
.orderCon .inputStyle6{width:550px; height:25px; border:1px solid #e3e3e3; padding-left:5px;}
.orderCon .orderDiv{clear:both;padding:10px 0px;}
.orderCon .orderDiv2{clear:both;padding-bottom:10px;}
.orderCon .couponList {clear:both;padding-bottom:10px;}
.orderCon .couponList li {padding:4px 0 4px 8px;color:#777;}
.orderCon .couponList li a {font-weight:bold;color:#ff3300;}
.orderCon .couponList li span {color:#333;}

.orderCon .cell{float:left; width:60px; display:table-cell; vertical-align:middle; padding-top:10px;}
.orderOkBtn{text-align:center;margin:30px 0;}


/* 페이징*/
.pagDv { clear: both; width: 99%; padding: 10px 0 0 0px; }
.pagDv .CntRt { text-align: right; padding-right: 0px; font-size: 9px; font-family: verdana; letter-spacing: -0.1em; }
.pagDv .CntRt .tt { color: #777; }
.pagDv .CntRt .go { color: #333; }
.paginate {overflow:hidden; clear:both; margin:0 auto; text-align:center; padding-right:17px; margin-top:0px;}
.paginate a.num {
	display:-moz-inline-box;
	display:inline-block;
	_position:relative;
	color:#8c8c8c;
	font-family:"Nanum Gothic", Nanum Gothic, '돋움',Dotum;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 2px;
	line-height:22px;
	text-decoration:none;
	text-align:center;
	border:1px solid #e1e1e1;
	background:#fff;
}
.paginate a.num:hover,.paginate a.num:focus,.paginate a.num:active {border:1px solid #e4c32b; background:#ffe468; text-decoration:none;}
.paginate strong {
	display:-moz-inline-box;
	display:inline-block;
	_position:relative;
	color:#333;
	font-family:"Nanum Gothic", Nanum Gothic, '돋움',Dotum;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 2px;
	line-height:22px;
	text-decoration:none;
	text-align:center;
	border:1px solid #e4c32b;
	background:#ffe468;
}
.paginate strong {color:#fff; text-align:center;}
.paginate strong span {display:block; _display:inline; position:relative; top:0; padding:0 8px 0 3px; text-align:center; color:#555;font-family:tahoma;font-size:9px;font-weight:bold;}
.paginate a.num span {display:block; _display:inline; position:relative; top:0; padding:0 8px 0 3px; text-align:center; zoom:1;font-family:tahoma;font-size:9px;}
.paginate a:hover span,.paginate a:focus span,.paginate a:active span {text-decoration:none; text-align:center; color:#555; cursor:pointer;font-family:tahoma;font-size:9px;}