/* Prodcut list */
.productList {margin:0 auto;overflow:hidden}
.productList .sortNavi {padding:15px 0;text-align:right;font-size:0}
.productList .sortNavi a{font-size:13px; white-space:nowrap}
.productList .sortNavi a:before{ content:'';display:inline-block;height:15px;width:1px; background:rgba(0,0,0,0.1); vertical-align:middle; margin:0 10px}
.productList .sortNavi a:first-child:before{display:none}

.productList .cell {position:relative;text-align:center;}
.productList .cell .product_cell {overflow:hidden;}
.productList .cell:hover .product_cell, .productList .cell:focus .product_cell  {}
.productList .cell .viewImage {position:relative;text-align:center;overflow:hidden;}
.productList .cell .viewImage a{ display:block;position:relative;}
.productList .cell .viewImage a:after {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(153,153,153, 0.1);}
.productList .cell .viewImage a:hover:after{border-color:rgba(0,0,0,0.2)}
.productList .cell .viewImage img{width:100% !important;height:auto;}
									
.productList .cell .viewImage .icon {position:absolute; top:3px; left:3px; padding:0; margin:0; height:15px}
.productList .cell .viewImage .icon * {vertical-align:middle}
.productList .cell .viewImage .icon span {padding-right:2px}
.productList .cell .viewImage .iconSale {position:absolute; background:url(/user/default/image/background/bg_sale.png) no-repeat right bottom; bottom:0; right:5px; width:53px; height:60px}
.productList .cell .viewImage .iconSale p {padding-top:15px; text-align:center; font-family:Arial Black; font-weight:bold; font-size:16px; color:#fff}
.productList .cell .center {position:relative; margin:auto; padding:5px 0}
.productList .cell .center .title {font-weight:bold; overflow:hidden; white-space:nowrap; text-align:center}
.productList .cell .center .title a {color:#777; text-decoration:none; overflow:hidden}
.productList .cell .center .title a:visited {color:#777; text-decoration:none; overflow:hidden}

.productList .cell .center .nameAndDate {position:relative; margin:3px 0 10px 0; font-size:.9em; font-weight:normal; color:#999; text-align:center; overflow:hidden}
.productList .cell .center .nameAndDate .date {font:.9em Tahoma; color:#999999; text-align:center}
.productList .cell .center .nameAndDate .author {text-align:center}
.productList .cell .center .nameAndDate .author .commentCount {font:bold .9em Tahoma; color:#990000; text-align:center}

.productList .cell .center .productName {font-size:160%;margin:1em 0;font-weight:400}
.productList .cell .center .productSubject {overflow:hidden;font-size:100%;margin-bottom:1em;}
.productList .cell .center .priceAndPoint .price{font-size:110%;}
.productList .cell .center .priceAndPoint .price span{font-size:130%;font-family:Tahoma;font-weight:700;vertical-align:baseline; padding-right:3px;}
/* Prodcut View */
.productView{position:relative;}
.productView .productSubject {display:block;line-height:1.5; }
.productView .productSubject strong {overflow:hidden; margin-bottom:30px;font-size:250%}
.productView .productSubject .productSubjectInfo {}
.productView .productSubject .iconSale {position:absolute; background:url(/user/default/image/background/bg_sale.png) no-repeat left bottom; top:10px; right:10px; width:53px; height:60px; text-align:center}
.productView .productSubject .iconSale p {padding-top:15px; font-family:Arial Black; font-weight:bold; font-size:16px; color:#fff}

.productView .productInfo {overflow:hidden;margin-bottom:50px;}

.productView .productInfo .productImageView {float:left;margin-right:5%;width:50%;}
.productView .productInfo .productImageView a{ display:block;margin:0 auto;text-align:center;overflow:hidden;}
.productView .productInfo .productImageView #productImageView{width:100%;max-width:100%;}
.productView .productInfo .productImageZoom li {text-align:center; margin-top:10px}
.productView .productInfo .productImageZoom li.zoomMent {/*background-color:#f4f4f4;padding:5px;*/font-size:0; color:#999}
.productView .productInfo .productImageZoom img {width:52px !important; height:auto !important;margin:-2px 0 0 -2px}
.productView .productInfo .productImageZoom a{border:2px solid transparent;margin:0 2px;display:inline-block;overflow:hidden}

.productView .productSaleInfo {overflow:hidden; position:relative;}
/*.productView .productSaleInfo *{font-family:"Nanum Square";}*/
.productView .productSaleInfo .detailContent {display:table;table-layout:fixed; width:100%;margin-top:10px;font-size:115%;height:30px;line-height:30px; }
.productView .productSaleInfo .detailContent dt {display:table-cell;width:70px;vertical-align:middle;font-weight:700}
.productView .productSaleInfo .detailContent dt span{font-weight:700}
.productView .productSaleInfo .detailContent dd {display:table-cell;vertical-align:middle;}
.productView .productSaleInfo .detailContent dd.point {display:table-cell;width:20px;text-align:center}
.productView .productSaleInfo .detailContent .productSalsePrice{font-family: 'Tahoma';letter-spacing:-0.05em;font-size:250%;font-weight:bold}
.productView .productSaleInfo .detailContent .productSalsePrice strong{/*font-family:"Nanum Square";*/font-size:50%;vertical-align: middle; padding-left:5px;}
.productView .productSaleInfo .detailContent dd .enteryIpt {display:inline-block}
.productView .productSaleInfo .detailContent dd .enteryIpt input {width:50px;text-align:center;}
.productView .productSaleInfo .detailContent dd .enteryIpt img{margin-left:5px !important;height:40px;width:30px;background:url(/common/image/price/qty.gif) no-repeat 50%; border:1px solid rgba(0,0,0,0.15)}
.productView .productSaleInfo .detailContent dd .enterCt {padding-left: 3px;}
.productView .productSaleInfo .detailContent dd .enterCt li {line-height: 1%; padding-bottom: 2px; font-size: 1%;}
.productView .productSaleInfo .detailContent dd .enterCt li img {cursor: pointer;}
.productView .productSaleInfo .detailContent dd .text {padding-left: 4px;vertical-align:middle;}
.productView .productSaleInfo .detailContent dd .itemSelect,.productView .productSaleInfo .detailContent dd .itemSelect.on { width:100%; max-width:100%;/*background-color:#f4f4f4*/}
.productView .productSaleInfo .detailContent dd .itemSelect.on{background-color:#f4f4f4}
/*
.productView .productSaleInfo .detailContent dd.tprice {color:#dc0000; font-size:15px; padding-top:0}
.productView .productSaleInfo .detailContent dd.tprice span {font-family: 'Tahoma';font-weight:bold;font-size:220%;letter-spacing:-0.05em;}
*/

.productView .productSaleInfo .detailContentGuide {margin:10px 20px 0 20px; padding:10px; border:1px dashed #d2d2d2; border-top:1px solid 
#d2d2d2; line-height:18px; font-size:11px; color:#666}

.productView .productSaleInfo .mLine{background:rgba(0,0,0,0.1);height:1px;margin-top:15px;display:none;}

.productView .productSaleInfo .detailContent.totalprice{position:absolute;right:0;text-align:right;width:auto}
.productView .productSaleInfo .detailContent.totalprice .point{display:none;}
.productView .productSaleInfo .detailContent.totalprice dt{width:auto;font-weight:normal; vertical-align:middle}
.productView .productSaleInfo .detailContent.totalprice dd{padding-left:15px;text-align:right}
.productView .productSaleInfo .detailContent.totalprice dd.tprice span {font-family: 'Tahoma';font-weight:bold;font-size:180%;letter-spacing:-0.05em;}
.productView .productSaleInfo .detailContent.totalprice dd strong{vertical-align:text-bottom;font-size:100%;font-weight:normal}

.productView .productSaleInfo .mallControlBtn {text-align:center;margin-top:20%;}
.productView .productSaleInfo .mallControlBtn ul{overflow:hidden;}
.productView .productSaleInfo .mallControlBtn ul li{float:left;width:38%;}
.productView .productSaleInfo .mallControlBtn ul li:last-child{width:24%;}
.productView .productSaleInfo .mallControlBtn ul li:last-child a{ margin-right:0}
.productView .productSaleInfo .mallControlBtn ul li a,.productView .productSaleInfo .mallControlBtn .soldOutBtn span{display:block;height:55px;border:1px solid rgba(0,0,0,0.2);margin-right:10px; position:relative;line-height:55px;font-size:150%;font-weight:700;}
.productView .productSaleInfo .mallControlBtn .soldOutBtn{width:100%;}
.productView .productSaleInfo .mallControlBtn .soldOutBtn span{text-transform:uppercase;margin-right:0;background:#222 !important;color:#C4121A !important; letter-spacing:0}

.productView .productSaleInfo .mallControlBtn ul li .buyBtn
,.productView .productSaleInfo .mallControlBtn ul li .soldOut
,.productView .productSaleInfo .mallControlBtn ul li .soldStop{color:#fff;border:0}
.productView .productSaleInfo .mallControlBtn ul li .soldOut{background-color:#dc0000}
.productView .productSaleInfo .mallControlBtn ul li .soldStop{background-color:#666}

.productView .productSaleInfo .totalPrice ul {width: 369px; text-align: right; padding: 6px 30px 6px 0;}
.productView .productSaleInfo .totalPrice ul li {color: #666; font-size: 12px;}
.productView .productSaleInfo .totalPrice .tprice {color: #e74100; font-family:Arial Black; font-size: 15px}
.productTab {position:relative; overflow:hidden}
.productTab img {vertical-align:middle}

.docTab {position:relative;overflow:hidden; }
.productTab{margin:30px 0 15px;}
/*.productTab *{font-family:"Nanum Square";}*/
.productTab ul.tabBox {position:relative;overflow:hidden}
.productTab li.tab {position:relative; float:left; width:25%;text-align:center;}
.productTab li.tab p{margin:0}
.productTab li.tab p a {position:relative;display:block;font-size:125%; line-height:50px; border:1px solid #ccc; letter-spacing:-0.05em; margin-left:-1px;font-weight:400}
.productTab li.tab:first-child p a{ margin-left:0}
.productTab li.tab {background-color:#fff;}
.productTab li.tab.on a{ color:#fff;font-weight:700;border-color:rgba(0,0,0,0.15)}

#productInfomation .textContent{text-align:center;}
#productInfomation img{max-width:100%; width:auto !important;margin:0px auto}

#Delivery{padding:30px;}
#Delivery h3{display:block; margin:30px 0 10px;font-weight:700}
#Delivery h3:first-child{margin-top:0}
#Delivery ul li{padding-left:10px; position:relative; font-size:105%}
#Delivery ul li:before{content:''; display:inline-block; width:2px; height:2px; background:#888; position:absolute;left:0; top:8px;}

.relatedProduct {display:block;overflow:hidden;  margin-bottom:15px}
.productRelate  {display:block; overflow:hidden;  margin-bottom:15px}
.productRelate .cell {border:1px solid #eee; padding:15px; margin-top:5px; margin-bottom:5px}
.productRelate .cell > div{float:left; width:50%}
.productRelate .cell .pImage{}
.productRelate .cell .pContent{padding:10px 20px}
.productRelate .cell .pContent .productName a{font-weight:400; font-size:110%}
.productRelate .cell .pContent .productSubject {display:none}
.productRelate .cell .pContent .price {font-family: 'Tahoma'; font-weight:bold; font-size:130%; display:block; margin-top:20px; letter-spacing:-0.05em;}


.coupon_basic {display:block; overflow:hidden; background:#f8f4f6; padding:20px;}
.coupon_basic .coupon_img{float:left; display:block; margin-right:50px;}
.coupon_basic .coupon_down{ display:block; overflow:hidden;}
.coupon_basic .coupon_down dt{color:#000; font-size:20px;}
.coupon_basic .coupon_down dd{color:#666; font-size:13px;}
.coupon_basic .coupon_down dd a{display:inline-block; color:#fff; background:#000; font-size:13px; line-height:25px; padding:0 20px; margin-top:10px}



@media only screen and (max-width:767px) {
	
	.productList .sortNavi{text-align:center;}
	.productList .cell .center .productName{margin:0.5em 0}
	.productList .cell .center .productSubject{ display:none;}
	.productView:after {content:'';position:absolute;bottom:-30px;left:-15px;right:-15px;background:#eee;height:10px; box-shadow:-1px -1px 1px rgba(0,0,0,.15)}
	.productView .productInfo{overflow:visible;}
	.productView .productInfo .imgBg{margin-top:3%;}
	.productView .productInfo .productImageView{float:none;width:auto;margin:0 0 5%;}
	.productView .productSaleInfo .mallControlBtn ul li a{font-size:120%;margin-right:5px}			
	
	.productTab.p01{margin-top:-20px;}	
	.productTab.p01 .anchor{display:block; height:1px;}
	.productTab{border:solid rgba(0,0,0,0.1);border-width:1px 0;}
	.productTab li{width:auto}
	.productTab li.tab p a{font-size:110%;font-weight:bold;border:0;margin:0 auto;color:inherit !important;display:inline-block; padding:0 5px; white-space:nowrap}
	.productTab li.tab.on{background-color:#fff !important}
	.productTab li.tab.on a:before{content:'';position:absolute;left:0; right:0;bottom:0;height:3px;}
}