@charset "utf-8";

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

div#contents {overflow:hidden;}
div#localMenu h1 {text-align:center;}
div#localMenu h1 img {margin:15px 0 0 0;}


h3.h3-tit {margin:25px 0 0 0;}
h3.tit-history {margin:12px 0 0 0;}
h4.h4-tit {margin:27px 0 0 0;}
p.para {margin-top:7px; padding-bottom:2px;}
p.para img.img2009 {margin-left:-1px; padding-top:7px;}
p.para-img {margin:25px 0 3px; 0; padding-bottom:2px;}
p.para01 {margin:14px 0 -3px 0;}

div.main-content {float:left; width:650px;}
div.main-btn-view {position:relative; top:-16px; left:73px;}
ul.main-list {overflow:hidden; zoom:1; margin:0 0 0 -11px; padding-bottom:1px;}
ul.main-list li {float:left; padding-left:11px; font-size:0; line-height:0;}

div.main-value {float:right; display:inline; margin-right:17px; background:url("http://img.thebodyshop.co.kr/brand/images/value/value.jpg") no-repeat 0 0;}
div.main-value ul {}
div.main-value ul li {margin:10px 0 0 0px; font-size:0; line-height:0;}
div.main-value ul li.click01 {margin:-3px 0 0 33px;}
div.main-value ul li.click02 {margin:-15px 0 0 1px;}
div.main-value ul li.click03 {margin:-15px 0 0 29px;}
div.main-value ul li.click04 {margin:-15px 0 0 -3px;}
div.main-value ul li.click05 {margin:-15px 0 30px 25px;}
div.campaigns {margin:9px 0 -11px 0; font-size:0; line-height:0;}
div.campaigns img {margin-right:10px;}
div.campaigns img.area {position:relative; left:7px;}

ul.value-list {overflow:hidden; zoom:1; margin:0 0 0 -4px;}
ul.value-list li {float:left; padding-left:3px;}

ol.con-list {margin:7px 0 0 1px;}
ol.con-list li {font-size:12px; line-height:19px; letter-spacing:-1px;}

div.child-area {margin:-4px 0 0 0; padding-top:2px; background:url("http://img.thebodyshop.co.kr/brand/images/value/img_child02.gif") no-repeat 485px 29px;}

div.visua-earch01 {position:relative; padding-bottom:16px;}
div.visua-earch01 img.earch01 {position:absolute; top:0; right:19px;}
ul.con-list {position:relative; top:-3px; margin-top:10px; width:610px;}
ul.con-list li {padding:0 0 6px 23px; font-size:0; line-height:0; background:url("http://img.thebodyshop.co.kr/brand/images/icon/bul_para2.gif") no-repeat 0 0;}

div.visua-earch04 {position:relative; margin-top:-4px; padding-bottom:8px;}
div.visua-earch04 img.earch04 {position:absolute; top:8px; right:22px;}

div.visua-earch09 {position:relative; top:-1px; margin-bottom:-11px; padding-bottom:8px;}
div.visua-earch09 img.earch09 {position:absolute; top:-5px; right:18px;}

div.value-block {margin-top:7px; padding-bottom:6px; width:642px; background:url("http://img.thebodyshop.co.kr/brand/images/value/bg_Bottom.gif") no-repeat 0 bottom;}
div.value-block p.top-value {width:642px; margin-bottom:10px; padding-top:1px; background:url("http://img.thebodyshop.co.kr/brand/images/value/bg_Top.gif") no-repeat 0 top;}
div.value-block p.top-value img {margin-left:1px;}
div.value-block p.para {margin-left:15px;}
div.value-block p.child-visua {margin:9px 0 0 15px; padding-bottom:20px;}
div.value-block p.child-visua02 {margin:9px 0 0 15px; padding-bottom:2px;}

div.flash-content {float:left; position:relative; margin:8px 0 -1px 0; width:820px;} 
div.flash-content img.viwe {float:left;}
div.flash img {font-size:0; line-height:0;}
div.flash-content p.flash {float:left;}
p.contnet-view {clear:both; position:absolute; top:370px; left:0; vertical-align:top;}
p.contnet-view a {position:relative; top:-1px;}

ul.tab {overflow:hidden; zoom:1; width:641px; margin-bottom:6px; border-bottom:4px solid #76b600;}
ul.tab li {float:left;}
ul.tab li.on img {position:relative; margin-right:0;}
ul.tab li img {vertical-align:top;}
ul.tab-detail {overflow:hidden; zoom:1; width:641px; margin:14px 0 0 -1px; background:url("http://img.thebodyshop.co.kr/brand/images/value/bg_tab.gif") repeat-x 0 bottom;}
ul.tab-detail li {float:left;}
ul.tab-detail li.on img {position:relative; margin-right:0;}
ul.tab-detail li img {vertical-align:top;}

/**/
div.content {position:relative; top:0; left:0; float:left; min-height:461px; _height:461px; width:660px; background:url("http://img.thebodyshop.co.kr/brand/images/value/bg_content.gif") no-repeat 650px top;}
div.content h3.h3-title {margin:24px 0 0 0;}
div.content h3.h3-tit {margin-top:28px;}
div.content h3.h3-title-value {margin:-6px 0 0 0; position:relative;}
p.para-area01 {overflow:hidden; position:relative; top:3px; margin-top:7px; width:637px; word-spacing:0; letter-spacing:-1px; line-height:19px; font-size:12px; /* text-align:justify; */}
p.para-area02 {overflow:hidden; position:relative; top:0; margin:7px 0 -4px 0; width:637px; word-spacing:0; letter-spacing:-1px; line-height:19px; font-size:12px; border:0 solid #000; /* text-align:justify; */}

p.para-area {overflow:hidden; position:relative; top:0; margin-top:7px; width:637px; word-spacing:0; letter-spacing:-1px; line-height:19px; font-size:12px; /* text-align:justify; */}
p.space4 {padding-bottom:4px;}
p.para-area strong, p.para-area01 strong {font-weight:normal; color:#00a2d9; font-size:12px;}
p.para-area em, p.para-area02 em {display:block; margin-top:2px; font-weight:bold; color:#74bf02; font-size:11px;}
p.para-area img.visual01 {float:left; position:relative; top:3px; padding:0 10px 5px 0;}
p.para-area img.visual02 {float:right; position:relative; top:6px; left:0; padding:0 0 5px 20px;}

p.refer {margin-top:10px; font-size:12px;}
p.refer strong {font-size:12px; letter-spacing:-1px;}
p.refer strong.type {color:#74bf02; font-size:12px; letter-spacing:0;}
em.refer {display:block; margin:7px 0 -2px -5px; font-size:11px;}

div.year-block {padding:0 11px 6px 11px; border-bottom:0 solid #fff; width:641px; background:url("http://img.thebodyshop.co.kr/brand/images/value/bg_animal.gif") no-repeat 0 bottom;}
div.year-block ol li {position:relative; width:563px; padding:6px 0 6px 56px; line-height:18px; border-bottom:1px solid #e1e8ce; color:#7e7e7e; letter-spacing:-1px;}
div.year-block ol li.con-spa {height:24px; padding-top:16px;}
div.year-block ol li span {position:absolute; top:50%; left:0; margin-top:-8px; font-size:12px; color:#67ad00; font-weight:bold; letter-spacing:0;}
div.year-block ol li span.line01 {top:15px;}
div.year-block ol li.none {border-bottom:0;}

div.visua-block {overflow:hidden; margin:-3px 0 -2px; width:660px;}
div.visua-block div.area01 {float:left; width:322px;}
div.visua-block div.area02 {float:left; margin-left:9px; width:322px;}
div.visua-block div.area01 p, div.visua-block div.area02 p {margin-top:10px; width:313px; font-size:12px; line-height:19px; letter-spacing:-1px;}
div.visua-block div.area01 p img, div.visua-block div.area02 p img {margin-bottom:2px;}
div.visua-block div.area01 p strong , div.visua-block div.area02 p strong{color:#00a2d9; font-weight:normal; font-size:12px;}

div.sub-content {position:absolute; top:0; *top:-23px; right:-142px; width:144px;}
div.sub-content h4.h4-tit {position:relative; top:-3px; left:7px; padding:0; margin:0; *margin-top:27px; }
div.sub-content h4.h4-tit01 {position:relative; top:-3px; left:7px; *margin-top:20px;}
ul.pro-view {float:left; margin:1px 0 5px 1px; padding-top:6px; width:144px; border-top:1px solid #cdcdcd;}
ul.pro-view li {margin:0 4px 0 8px; line-height:18px; letter-spacing:-1px; background:url("http://img.thebodyshop.co.kr/brand/images/icon/bul_02.gif") no-repeat right 85%;}
ul.pro-view li a {color:#4d4d4d;}
ul.pro-view li a:hover{color:#01a9da;}

p.select-area {margin:24px 25px -1px 0; text-align:right;}
p.select-area01 {margin:6px 25px 0 0; padding-bottom:3px; text-align:right;}

.space {margin-bottom:-5px;}
.space04 {margin-bottom:-4px;}


.text_title				{font-size:14px; font-weight:bold; color:#e2007a; text-decoration:none; line-height:16px;}
.text_title a:link		{font-size:14px; font-weight:bold; color:#e2007a; text-decoration:none; line-height:16px;}
.text_title a:visited	{font-size:14px; font-weight:bold; color:#e2007a; text-decoration:none; line-height:16px;}
.text_title a:hover		{font-size:14px; font-weight:bold; color:#e2007a; text-decoration:none; line-height:16px;}
.text_title a:active	{font-size:14px; font-weight:bold; color:#e2007a; text-decoration:none; line-height:16px;}

.text_con				{font-size: 12px; font-weight: normal; color: #777777; text-decoration: none; line-height:20px;}
.text_con a:link		{font-size: 12px; font-weight: normal; color: #777777; text-decoration: none; line-height:20px;}
.text_con a:visited		{font-size: 12px; font-weight: normal; color: #777777; text-decoration: none; line-height:20px;}
.text_con a:hover		{font-size: 12px; font-weight: normal; color: #777777; text-decoration: none; line-height:20px;}
.text_con a:active		{font-size: 12px; font-weight: normal; color: #777777; text-decoration: none; line-height:20px;}

.list				{font-size: 12px; font-weight: normal; color: #777777; text-decoration: none; padding-left:5px; padding-right:5px;}
.list a:link		{font-size: 12px; font-weight: normal; color: #777777; text-decoration: none; padding-left:5px; padding-right:5px;}
.list a:visited		{font-size: 12px; font-weight: normal; color: #777777; text-decoration: none; padding-left:5px; padding-right:5px;}
.list a:hover		{font-size: 12px; font-weight: bold; color: #e2007a; text-decoration: none; padding-left:5px; padding-right:5px;}
.list a:active		{font-size: 12px; font-weight: bold; color: #e2007a; text-decoration: none; padding-left:5px; padding-right:5px;}




.board_title			{border-bottom: 1px dashed #c7c7c7; padding-top:5px; padding-bottom:8px; text-align:left;}
.board_photo			{border-bottom: 2px solid #e1e1e1; padding-left:12px; padding-right:10px; padding-top:10px; padding-bottom:13px; text-align:left;}
.bullet					{padding-right:5px;}
.photo					{padding-right:10px;}
.top20					{padding-top:20px;}
.textarea1				{text-align:left;}