@charset "utf-8";

@import url('../layout.css');
@import url('../common.css');

div#layerPopup {position:absolute; top:0; left:0; z-index:9999; overflow:hidden; zoom:1; padding-right:3px; _padding-right:6px; background:#003221;}
div#layerPopup div {float:left; width:328px; height:167px; margin-right:-3px; padding:3px 3px 0; background:url("http://img.thebodyshop.co.kr/shop/images/popup/bg_popup.gif") no-repeat 10px 152px;}
div#layerPopup p {padding-top:3px; text-align:right;}
div#layerPopup p input {vertical-align:top; margin:0 5px;}

h1 {display:none;}

div.rolling-pro {overflow:hidden; width:572px;}
div.rolling-pro div.banner-plan {float:left;}
div.rolling-pro p.banner-reco {float:left;}

p.first-buy {position:absolute; right:16px; top:0; z-index:9;}
p.first-buy .buy-view {position:absolute; top:25px; left:0;}
div.review {position:absolute; right:15px; top:44px; width:222px; height:481px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_reviewBtm.gif") no-repeat 1px bottom;}
div.review h2 {width:222px; height:35px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_reviewTOP.gif") no-repeat 0 0;}
div.review h2 img {margin:9px 0 0 11px;}
div.review ul {margin-top:-6px;}
div.review li {position:relative; overflow:hidden; margin:12px auto 0; padding-bottom:11px; width:199px; border-bottom:1px solid #8ed103;}
div.review li span {display:block;}
div.review li .review-star {margin:0 0 3px 7px;}
div.review li .review-num {position:absolute; top:3px; right:1px; width:33px; line-height:17px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_reviewnum.gif") no-repeat 0 0; text-align:center; color:#fff; font-weight:bold}
div.review li .pro-img {float:left; margin:0 12px 0 11px; display:inline;}
div.review li .pro-img img {width:70px; height:70px;}
div.review li .pro-date {float:left; margin-top:4px; width:102px;}
div.review li .pro-subj {float:left; margin-top:0; width:102px; color:#4d4d4d; font-weight:bold; line-height:16px; font-size:12px;}
div.review li .pro-subj a {font-size:12px; color:#4d4d4d;}
div.review li .pro-name {float:left; margin-top:13px; _margin-top:10px; width:102px; color:#4d4d4d;}
div.review li .pro-name a {color:#4d4d4d;}
div.review li .pro-con {clear:both; margin:6px 0 0 6px; text-align:justify; line-height:18px;}
div.review li.last-child {border:0;}
div.review .btn-more {position:absolute; top:10px; right:10px;}

div.best-seller {position:relative; float:left; margin-top:13px; width:389px;}
div.best-seller h2 img {margin-top:6px;}
div.best-seller p {margin-top:15px;}
div.best-seller ul {position:absolute; top:0; right:10px;}
div.best-seller ul li {float:left; padding:0 0 0 10px; width:140px; height:182px; background:url("http://img.thebodyshop.co.kr/shop/images/common/pattern01.gif") repeat-y 0 0;}
div.best-seller ul li.first-child {background:none;}
div.best-seller ul li span {display:block; text-align:center;}
div.best-seller ul li .pro-img img {width:100px; height:100px;}
div.best-seller ul li .pro-name {margin-top:7px; height:25px; line-height:14px;}

div.new-arrival {position:relative; float:left; margin-top:10px; width:400px; height:198px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_arrival.gif") no-repeat 0 0;}
div.new-arrival h2 img {margin:12px 0 0 17px;}
div.new-arrival span {display:block; width:185px; text-align:center;}
div.new-arrival .pro-img {margin-top:16px; font-size:0; }
div.new-arrival .pro-img img {width:100px; height:100px;}
div.new-arrival .pro-name {margin-top:7px;}
div.new-arrival .price {margin-top:3px;}
div.new-arrival .price img {vertical-align:middle;}
div.new-arrival .more-view {position:absolute; top:13px; left:150px;}


div.salepro-block {clear:both; position:relative; top:0px; left:-191px; width:570px;}
/*div.salepro-block div.salepro {padding:11px 15px 0; width:146px; height:295px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_salepro.gif") no-repeat 0 0;}*/
div.salepro-block div.salepro {padding:0px 0px 0; width:146px; height:295px;}

div.salepro-block h2 {margin-left:-5px;}
div.salepro-block h2 img {margin:0 0 17px 0;}
div.salepro-block span.img-png {position:absolute; top:70px;}
div.salepro-block span {display:block; text-align:center;}
div.salepro-block .pro-img {margin:22px 0 -3px 0;}
div.salepro-block .pro-img img {width:110px; height:110px;}
div.salepro-block .pro-name {margin-top:7px; padding:0 5px 0; height:25px; line-height:14px;}

div.salepro-block01 {clear:both; zoom:1; position:relative; top:18px; left:-191px; width:570px; padding-bottom:20px;}
div.salepro-block01 div.gift_set {position:absolute; top:1px; left:191px; width:175px; height:294px; text-align:center; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_gift_set.gif") no-repeat 0 0;}
div.salepro-block01 div.gift_set p.period {margin-top:91px;}
div.salepro-block01 div.gift_set div.area {position:relative; margin-top:19px; width:175px;}
div.salepro-block01 div.gift_set div.area img.pro {width:90px; height:118px;}
div.salepro-block01 div.gift_set div.area span {position:absolute; top:-10px; left:105px;}


div.pro-list01 {position:absolute; top:0; left:379px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_pro.gif") no-repeat 0 0;}
div.pro-list01 ul {padding-top:15px; width:194px; height:300px;}
div.pro-list01 ul li {position:relative; margin:0 auto;  width:194px; padding:8px 0 20px 83px;}
div.pro-list01 ul li.area {margin-top:8px;  width:194px; }
div.pro-list01 ul li span {display:block;}
div.pro-list01 ul li span.pro {position:absolute; top:8px; left:13px;}
div.pro-list01 ul li span.name {padding:0; margin:0; margin-top:6px; *padding-top:10px; font-size:12px; color:#4d4d4d;}
div.pro-list01 ul li span.text {margin-top:4px; width:102px; font-size:11px; color:#868686;}
div.pro-list01 ul li span.price01 {margin-top:8px; *margin-top:4px; line-height:14px;}
div.pro-list01 ul li span.name strong {color:#74bf02; font-size:12px;}

/*div.salepro-block ul.pro-block {overflow:hidden; position:absolute; top:-1px; left:176px; width:385px; height:301px; padding:10px 5px 0 5px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_probox.gif") no-repeat 0 1px;}*/
div.salepro-block ul.pro-block {overflow:hidden; position:absolute; top:-1px; left:171px; width:400px; height:301px; padding:0px 0px 0 0px;}
div.salepro-block ul.pro-block li {position:relative; float:left; margin:0 0 12px 5px; display:inline;}
div.salepro-block ul.pro-block li .pro-img {position:absolute; left:0; top:0;}
div.salepro-block ul.pro-block li .pro-img img {width:60px; height:60px;}
div.salepro-block ul.pro-block li .pro-name {text-align:left; margin-left:61px; width:110px; height:40px;}
div.salepro-block ul.pro-block li .price {margin:0 0 0 61px; text-align:left;}
div.salepro-block ul.pro-block li .price del {}
div.salepro-block ul.pro-block li .price code {margin-left:0; width:110px;}
div.salepro-block ul.pro-block li .best {margin:5px 0 0 65px; width:110px;text-align:left;}

div.store-weekly {padding:11px 15px 0; position:relative; top:-297px; margin-bottom:-297px; left:393px; width:146px; height:295px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_store.jpg") no-repeat 0 0;}
div.store-weekly h2 {margin-left:-5px;}
div.store-weekly h2 img {margin-bottom:17px;}
div.store-weekly span {display:block; text-align:center;}
div.store-weekly .pro-img {margin-top:0;}
div.store-weekly .pro-img img {width:110px; height:110px;}
div.store-weekly .pro-name {margin-top:7px; padding:0 5px; height:25px; line-height:14px;}
div.store-weekly span.store-name {position:absolute; z-index:9999; top:53px; right:13px; padding-left:6px; width:55px; line-height:16px; font-weight:bold; text-align:center; color:#08463a;} /*  TUZEN 0512Ãß°¡_ÃÖÁ¤¿Á */

div.side-pro {position:absolute; right:15px; top:540px; width:222px;}
div.side-pro ul.tab {overflow:hidden; width:222px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_sideline.gif") repeat-x 0 22px;}
div.side-pro ul.tab li {float:left; margin-left:-1px; width:74px; line-height:23px; text-align:center; background:url("http://img.thebodyshop.co.kr/shop/images/icon/ico_bar03.gif") no-repeat 0 6px}
div.side-pro ul.tab li.on {margin-left:1px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_sidetab.gif") no-repeat 0 0;}
div.side-pro ul.tab li.on a {font-weight:bold; color:#4d4d4d;}
div.side-pro .side-list {overflow:hidden; zoom:1;}
div.side-pro .side-list li {float:left; margin-top:5px; width:74px;}
div.side-pro .side-list span {display:block; text-align:center;}
div.side-pro .side-list .pro-img {}
div.side-pro .side-list .pro-name {width:70px; margin:0 auto; line-height:15px; height:30px;}
div.side-pro .side-list .pro-name a {color:#79b512;}

div.skin-type {clear:both; margin:3px 0 0 -195px; width:1001px; height:290px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_skintype.gif") no-repeat 0 0;}
div.skin-type h2 {padding:8px 0 7px;}
div.skin-type .input-area {margin:-19px 0 0 124px; height:20px;}
div.skin-type .input-area img {vertical-align:middle;}
div.skin-type h2 img {margin-left:12px;}
div.skin-type h3 {padding-top:10px; text-align:center; font-size:0;}
div.skin-type ul {margin-top:10px;}
div.skin-type ul li {margin-bottom:8px; text-align:center; font-size:0;}
div.skin-type ul li img {vertical-align:top;}
.ptype, .catego, .ptruble, .recomen {float:left; overflow:hidden; padding-bottom:5px; height:250px;}
.ptype {width:93px; border-right:1px solid #ebebeb;}
.catego {width:121px; border-right:1px solid #ebebeb;}
.ptruble {width:179px; border-right:1px solid #ebebeb;}
.ptruble .ptruble-over {position:relative; margin-bottom:1px; height:20px; padding:15px 0;}
.ptruble .ptruble-over div {}
.ptruble .ptruble-over a {}
.ptruble .ptruble-over a img {margin-bottom:6px;}
.ptruble .ptruble-over a.btn-top {position:absolute; top:0; left:80px;}
.ptruble .ptruble-over a.btn-btm {position:absolute; bottom:0; left:80px;}
.recomen {position:relative; width:602px;}
.recomen .total-num {margin-top:-23px; padding-right:10px; text-align:right;}
.recomen .total-num a {font-weight:bold;}
.recomen .btn-left {position:absolute; left:20px; top:120px;}
.recomen .btn-right {position:absolute; right:20px; top:120px;}
.recomen ul.pro-holder {position:relative; left:60px;}
.recomen ul.pro-holder .holder-item {position:absolute;}
.recomen .pt-test {position:absolute; right:0; bottom:1px; _bottom:0;}
ul.pro-holder .ico-png {position:absolute; top:-2px; left:-2px;}
ul.pro-holder .holder-item {border:1px solid #74bf02; background:#fff;}
ul.pro-holder .holder-item.item-focus {padding-top:13px; width:180px; height:190px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_itemfocus.gif") no-repeat 0 0; border:0;}
ul.pro-holder .holder-item.item-focus span {display:block; text-align:center; margin:0 auto;}
ul.pro-holder .holder-item.item-focus .pro-img img {width:110px; height:110px;}
ul.pro-holder .holder-item.item-focus .pro-name {margin-top:7px; height:28px; line-height:14px; width:144px;}
ul.pro-holder .holder-item.item-focus code {margin:0;}


ul.m-banner {margin:9px 12px 0 -192px; padding:16px 0 15px 0; height:87px; background:url("http://img.thebodyshop.co.kr/shop/images/icon/bg_bpattern.gif") repeat-x 0 0;}
ul.m-banner li {display:inline; margin-right:10px; }
ul.m-banner li.last-child {margin:0;}

div.mony-gift {position:relative; margin:11px 0 0 -195px; _margin-top:5px; width:443px; height:253px;  background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_giftk.gif") no-repeat 0 0;}
div.mony-gift h2 {padding:11px 0 0 19px;}
div.mony-gift .more-view {position:absolute; right:19px; top:12px;}
div.mony-gift .pro-img img {width:90px; height:90px;}
div.mony-gift .pro-list {margin:7px 7px 0 2px; padding-left:20px; border-top:1px solid #ddd;}
div.smart-search {position:relative; margin:22px auto 0; height:46px; width:401px;}
div.smart-search .total-pro {position:absolute; right:0; bottom:10px;}
div.smart-search .total-pro a {font-weight:bold; text-decoration:underline;}

div.my-gift {position:relative; width:549px; height:252px; padding-left:2px; margin:-253px 0 0 253px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_mygift02.gif") no-repeat 0 0;}
div.my-gift h2 {height:34px;}
div.my-gift h2 img {margin:11px 0 0 20px;}
div.my-gift .more-view {position:absolute; right:19px; top:12px;}

div.prolist-block {margin:17px 0 0 -194px; width:999px; height:208px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_mprolistBtm.gif") no-repeat 0 bottom;}
div.prolist-block ul.tab-list {overflow:hidden; padding-left:37px; height:32px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_mprolistTop.gif") no-repeat 0 0;}
div.prolist-block ul.tab-list li {float:left; font-size:0; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/tab_line.gif") no-repeat 0 10px;}
div.prolist-block ul.tab-list li.first-child {background:none;}
div.prolist-block ul.tab-list li img {margin-top:11px;}
div.prolist-block ul.tab-list li a {display:block; padding:0 19px 7px;}
div.prolist-block ul.tab-list li.on {position:relative; z-index:9999; margin-right:-1px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_mtabR.gif") no-repeat right 6px;}
div.prolist-block ul.tab-list li.on a { padding:0 35px 10px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/bg_mtabL.gif") no-repeat left 6px; }
div.prolist-block .btn-view {position:relative; top:20px; text-align:right; padding-right:15px;}

.pro-list {overflow:hidden; zoom:1; margin-left:20px;}
.pro-list li {float:left; margin-top:10px; padding:0 0; background:url("http://img.thebodyshop.co.kr/shop/images/common/pattern02.gif") repeat-y left 0;}
.pro-list span {display:block; width:137px; text-align:center;}
.pro-list .pro-img {margin-bottom:7px;}
.pro-list .price {margin-top:3px;}
.pro-list .best {margin-top:2px;}
.pro-list .best img {vertical-align:middle;}
.pro-list .best a {font-weight:bold;}
.pro-list li.first-child {background:none;}
.pro-list .pro-img img {width:100px; height:100px;}

ul.skip-navi {overflow:hidden; margin:32px 0 0 -193px; padding:9px 0 12px 5px; width:995px; border-top:2px solid #b3b3b3; background:#f1f1f1;}
ul.skip-navi li {float:left; padding:0 23px; background:url("http://img.thebodyshop.co.kr/shop/images/shopping/skip_bar.gif") no-repeat left 0; font-size:0;}
ul.skip-navi li.top {position:absolute; right:13px; background:none;}
ul.skip-navi li.first-child {padding-left:20px; background:none;}

ul.site-map {overflow:hidden; zoom:1; margin-left:-193px; padding:10px 0; margin-right:15px; border-bottom:2px solid #e2e2e2;}
ul.site-map li {float:left; margin:0 40px 0 8px; padding-left:10px; display:inline;  background:url("http://img.thebodyshop.co.kr/shop/images/icon/patternH.gif") repeat-y 0 0;}
ul.site-map li.first-child {background:none;}
ul.site-map strong {display:block; margin-bottom:5px; color:#4d4d4d;}
ul.site-map li img {margin-bottom:7px;}
ul.site-map li ul {float:left; padding-left:3px; padding:0; line-height:16px; min-height:90px; _height:90px;}
ul.site-map li li {float:none; margin:0; display:block; background:url("http://img.thebodyshop.co.kr/shop/images/icon/bul_type04.gif") no-repeat left 6px; padding-left:6px;}

p.m-cus {margin-left:-193px; margin-right:15px; border-bottom:2px solid #b3b3b3;}
p.m-cus img {margin:10px 0 10px 20px;}
p.m-cus span {margin-left:65px; vertical-align:0;}
p.m-cus span img {margin-right:40px;}

.price {margin-top:7px; font-weight:bold; font-size:12px; color:#4d4d4d; line-height:15px; text-align:center; }
.price code {margin-left:5px; color:#4d4d4d; font-size:12px; font-weight:bold; background:url("http://img.thebodyshop.co.kr/shop/images/icon/ico_arrow05.gif") no-repeat 0 2px; padding-left:9px;}
.price del {padding-left:4px; font-weight:normal; font-size:12px;}
.best {margin-top:7px; text-align:center;}

/* smart search */
div.costscroll_on{
	position:absolute;
	height:33px;
	background:url("http://img.thebodyshop.co.kr/shop/images/smart/costscroll_onbg.gif") repeat-x 0 24px;
}

div.leftbtn{
	position:absolute;
	top:0; left:0;
}
div.rightbtn{
	position:absolute;
	top:0; right:0;
}
div.leftbtn p,
div.rightbtn p{
	position:absolute;
	text-align:center;
}
div.leftbtn p.lf01{
	background:url("http://img.thebodyshop.co.kr/shop/images/smart/costscroll_bg.gif") no-repeat 0 0;
	margin:-5px 0 0 -24px;
	width:67px; line-height:18px; height:22px;
}

div.rightbtn p.rf01{
	background:url("http://img.thebodyshop.co.kr/shop/images/smart/costscroll_bg.gif") no-repeat 0 0;
	margin:-5px 0 0 -30px;
	width:67px; line-height:18px; height:22px;
}

div.leftbtn p.lf02{
	background:url("http://img.thebodyshop.co.kr/shop/images/smart/costscroll02_bg.gif") no-repeat 0 0;
	margin:-5px 0 0 -8px;
	width:35px; line-height:18px; height:22px;
}

div.rightbtn p.rf02{
	background:url("http://img.thebodyshop.co.kr/shop/images/smart/costscroll02_bg.gif") no-repeat 0 0;
	margin:-5px 0 0 -15px;
	width:35px; line-height:18px; height:22px;
}

div.leftbtn p span,
div.rightbtn p span{
	font-family:tahoma;
	color:#868686;
	font-weight:bold;
	font-size:10px;
	margin:-2px 0 0 -2px; _margin-top:2px;
	display:block;
	background:none;
}
div.rightbtn p span img, div.leftbtn p span img {position:relative; top:2px; margin:0 0 0 0;}
div.leftbtn img.btn,
div.rightbtn img.btn{
	display:block;
	position:absolute;
	margin-top:19px;
	cursor:pointer
}
ul.costscroll-num {position:relative; top:21px; z-index:-3;}
ul.costscroll-num li {position:absolute; top:-2px; background:url("http://img.thebodyshop.co.kr/shop/images/smart/costscroll_bar.gif") no-repeat center 0; padding-top:18px;}
ul.costscroll-num li strong {font-weight:bold;}