@charset "utf-8";
/*
 *  
 */

#oneHandOverlay {position:absolute; top:95px; left:0; width:100%; height:10000em; margin-left:-20px; padding-right:20px; z-index:1000; }
#oneHandOverlay .oneHandBox {
	position:relative;
	background:url(../images/common/bg_onehand_shadow.png) left top repeat-y;
	width:100%;
	padding-left:20px;
}

/*
#oneHandOverlay .oneHandBox {
	background:#fff; 
	box-shadow: 0px -10px 20px 0 #808080;
	-webkit-box-shadow: 0px -10px 20px 0 #808080;
	-moz-box-shadow: 0px -10px 20px 0 #808080;
	-o-box-shadow: 0px -10px 20px 0 #808080;
}
*/

/* 20130429 안드로이드에서 셀렉트박스 터치시 최상단으로 스크롤 되는 버그발견으로 주석처리
#oneHandOverlay {
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
}

#oneHandOverlay .oneHandBox{
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
}
*/

#oneHandOverlay .onehandPointer {display:block; position:absolute; background:url(../images/common/btn_onehand.png) no-repeat; background-size:28px 56px; top:2px; left:2px; width:28px; height:28px; z-index:1000;}
#oneHandOverlay .onehandPointer.right {background-position:left bottom;}

#show-ajax-img {display:none; position:fixed; left:0; top:0; width:100%; height:100%; text-align:center; z-index:11000; }
#show-ajax-img .loader {position:absolute; background: url(../images/common/img_ajaxloading.gif) center center no-repeat; background-size: 46px 46px; top:50%; left:50%; width:46px; height:46px; margin-left:-23px; margin-top:-23px; z-index:10; opacity:0.5; -webkit-border-radius: 46px; -moz-border-radius: 46px; border-radius: 46px; }
#show-ajax-img .overlay {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.7;}

section header {position: relative;margin-bottom: 10px;}
section header h2 {font-size: 19px;font-weight: bold;letter-spacing: -0.15em;color: #403629;}
.unitA a {position: relative;display: block;width: 98px;margin: 0 auto;font-size: 90%;text-align: center;}
.unitA a .mPic {position: relative;width: 96px;height: 96px;margin: 0 auto;}
.unitA a > span {display: block;text-align: center;}
.unitA a .mPic img {display: block;position: absolute;left: 0;top: 0;max-width: 100%;max-height: 100%;}
.unitA a .prdName {overflow: hidden;width: 100%;height: 20px;margin: 10px 0 0 0;line-height: 1.1em;letter-spacing: -0.09em;}

/* 모바일 Ver */
.recommend2 {padding-top: 5px;}/* 20130816  추가 */
.recommend2 article {overflow:hidden;position:relative;width:100%;height:182px;}  /* 20130816  수정 */
.recommend2 article {height: 170px;border-bottom:1px solid #ddd;}/* 20130819  추가 */
.recommend2 article .container {position:absolute;width:100%;}
.recommend2 article ul {position:absolute;top:0;left:0;width:100%;margin-top:0px;padding:0px 0 10px;}/* 20130819  수정 */
.recommend2 article ul:nth-child(2) {left:100%;}
.recommend2 article ul:nth-child(3) {left:200%;}
.recommend2 article ul li {float:left;width:33.3%;}
.recommend2 article ul li:nth-child(1) {width:33.4%;}
/* 20130415  수정 s */
.recommend2 nav ul {position:relative; width:100%; height:35px; background:#f0e4ce; border-top:solid 1px #725825; color:#7a5427; font-weight:bold;}
.recommend2 nav ul li {position:absolute; top:0; width:16.6%; height:35px; text-align:center;}
/* for android bug... s: */
.recommend2 nav ul li:nth-child(1) {left:0%;}
.recommend2 nav ul li:nth-child(2) {left:16.6%;}
.recommend2 nav ul li:nth-child(3) {left:33.2%;}
.recommend2 nav ul li:nth-child(4) {left:49.8%;}
.recommend2 nav ul li:nth-child(5) {left:66.4%;}
.recommend2 nav ul li:nth-child(6) {width:17%; left:83%;}
/* for android bug... e: */
.recommend2 nav ul li .tabPg {height:22px; line-height:22px; margin-top:5px; border-left:1px solid #ccb98e; border-right:1px solid #faf5e2; font-size:11px;} /* 20131226 */
.recommend2 nav ul li:first-child .tabPg {padding-left:1px; border-left:0;}
.recommend2 nav ul li:last-child .tabPg {border-right:0;}
.recommend2 nav ul li.on .tabPg {position:absolute; top:-1px; left:-2%; background:#fff; width:104%; height:32px; margin-top:0; padding-top:0px; border:1px solid #73572f; border-top:0; line-height:13px; z-index:10;}
.recommend2 nav ul li:first-child.on .tabPg {width:100%; left:0px;}
.recommend2 nav ul li:last-child.on .tabPg {width:100%;}
.recommend2 nav ul li .tabPg span {display:none; width:8px; height:8px; border-radius:5px; background:#cacaca; vertical-align:top; box-shadow: inset 1px 1px 0px 0px #7c7c7c; -webkit-box-shadow: inset 1px 1px 0px 0px #7c7c7c; -moz-box-shadow: inset 1px 1px 0px 0px #7c7c7c; -o-box-shadow: inset 1px 1px 0px 0px #7c7c7c;}
.recommend2 nav ul li .tabPg span.on {background:#42b5f1; box-shadow: inset 1px 1px 0px 0px #296f94; -webkit-box-shadow: inset 1px 1px 0px 0px #296f94; -moz-box-shadow: inset 1px 1px 0px 0px #296f94; -o-box-shadow: inset 1px 1px 0px 0px #296f94;}
.recommend2 nav ul li.on .tabPg span {display:inline-block;}
/* 20130415  luffy 수정 e */

/* 20130408 luffy 수정 s */
.recommend2 article .container {backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;}
/* 20130408  luffy 수정 e */

.recommend2 a .price {color:red;}/* 20130816  추가 */
.recommend2 .unitA a .mPic img {width:96px;height:96px;margin-bottom:5px;}/* 20131226 */

 /* 20131022  추가 s */
/* .recommend2.type2 article {height: 340px;} */ 
.recommend2.type3 article ul li {margin-bottom: 20px; height: 160px;}  /* 20131226 */
.recommend2.type3 .bgWrap {background: #fff; padding:10px 0;}
.recommend2.type3 .mPaging {background: #fff; margin: 0; padding: 5px 0 15px;}/* 20131230 */





/*유사상품리스트*/

.recommend3 {padding-top: 5px;}/* 20130816  추가 */
.recommend3 article {overflow:hidden;position:relative;width:100%;height:182px;}  /* 20130816  수정 */
.recommend3 article {height: 170px;}/* 20130819  추가 */
.recommend3 article .container {position:absolute;width:100%;}
.recommend3 article ul {position:absolute;top:0;left:0;width:100%;margin-top:0px;padding:0px 0 10px;}/* 20130819  수정 */
.recommend3 article ul:nth-child(2) {left:100%;}
.recommend3 article ul:nth-child(3) {left:200%;}
.recommend3 article ul li {float:left;width:33.3%;}
.recommend3 article ul li:nth-child(1) {width:33.4%;}
/* 20130415  수정 s */
.recommend3 nav ul {position:relative; width:100%; height:35px; background:#f0e4ce; border-top:solid 1px #725825; color:#7a5427; font-weight:bold;}
.recommend3 nav ul li {position:absolute; top:0; width:16.6%; height:35px; text-align:center;}
/* for android bug... s: */
.recommend3 nav ul li:nth-child(1) {left:0%;}
.recommend3 nav ul li:nth-child(2) {left:16.6%;}
.recommend3 nav ul li:nth-child(3) {left:33.2%;}
.recommend3 nav ul li:nth-child(4) {left:49.8%;}
.recommend3 nav ul li:nth-child(5) {left:66.4%;}
.recommend3 nav ul li:nth-child(6) {width:17%; left:83%;}
/* for android bug... e: */
.recommend3 nav ul li .tabPg {height:22px; line-height:22px; margin-top:5px; border-left:1px solid #ccb98e; border-right:1px solid #faf5e2; font-size:11px;} /* 20131226 */
.recommend3 nav ul li:first-child .tabPg {padding-left:1px; border-left:0;}
.recommend3 nav ul li:last-child .tabPg {border-right:0;}
.recommend3 nav ul li.on .tabPg {position:absolute; top:-1px; left:-2%; background:#fff; width:104%; height:32px; margin-top:0; padding-top:0px; border:1px solid #73572f; border-top:0; line-height:13px; z-index:10;}
.recommend3 nav ul li:first-child.on .tabPg {width:100%; left:0px;}
.recommend3 nav ul li:last-child.on .tabPg {width:100%;}
.recommend3 nav ul li .tabPg span {display:none; width:8px; height:8px; border-radius:5px; background:#cacaca; vertical-align:top; box-shadow: inset 1px 1px 0px 0px #7c7c7c; -webkit-box-shadow: inset 1px 1px 0px 0px #7c7c7c; -moz-box-shadow: inset 1px 1px 0px 0px #7c7c7c; -o-box-shadow: inset 1px 1px 0px 0px #7c7c7c;}
.recommend3 nav ul li .tabPg span.on {background:#42b5f1; box-shadow: inset 1px 1px 0px 0px #296f94; -webkit-box-shadow: inset 1px 1px 0px 0px #296f94; -moz-box-shadow: inset 1px 1px 0px 0px #296f94; -o-box-shadow: inset 1px 1px 0px 0px #296f94;}
.recommend3 nav ul li.on .tabPg span {display:inline-block;}
/* 20130415  luffy 수정 e */

/* 20130408 luffy 수정 s */
.recommend3 article .container {backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;}
/* 20130408  luffy 수정 e */

.recommend3 a .price {color:red;}/* 20130816  추가 */
.recommend3 .unitA a .mPic img {width:96px;height:96px;margin-bottom:5px;}/* 20131226 */

 /* 20131022  추가 s */
/* .recommend3.type2 article {height: 340px;} */ 
.recommend3.type4 article ul li {margin-bottom: 20px; height: 160px;}  /* 20131226 */
.recommend3.type4 .bgWrap {background: #fff; padding:10px 0;}
.recommend3.type4 .mPaging {background: #fff; margin: 0; padding: 5px 0 15px;}/* 20131230 */