@charset "utf-8";

@import url('../common.css');
@import url('table.css');

select, select option {color:#868686;}

a {blr:expression(this.onFocus=this.blur())}
:focus { -moz-outline-style:none;}

.pop_352 {width:352px; padding-bottom:13px; background:url("http://img.thebodyshop.co.kr/brand/images/popup/bg_popBtm352.gif") no-repeat 0 bottom;}
.pop_352 h1 {background:url("http://img.thebodyshop.co.kr/brand/images/popup/bg_popTop352.gif") no-repeat center top;}

.pop_371 {width:371px; padding-bottom:13px; background:url("http://img.thebodyshop.co.kr/brand/images/popup/bg_popBtm371.gif") no-repeat 0 bottom;}
.pop_371 h1 {width:371px; background:url("http://img.thebodyshop.co.kr/brand/images/popup/bg_popTop371.gif") no-repeat center top;}

.pop_652 {width:653px; padding-bottom:13px; background:url("http://img.thebodyshop.co.kr/brand/images/popup/bg_popBtm652.gif") no-repeat 0 bottom;}
.pop_652 h1 {background:url("http://img.thebodyshop.co.kr/brand/images/popup/bg_popTop652.gif") no-repeat center top;}

.pop_650 {width:653px; padding-bottom:13px; background-color:#FFFFFF;}
.pop_650 h1 {background:url("http://img.thebodyshop.co.kr/brand/images/popup/bg_popTop652.gif") no-repeat center top;}


/* ¹é±×¶ó¿îµå png·Î ¸¸µé¾úÀ»°æ¿ì À§¿¡ css Áö¿ì°í ¾Æ·¡ °ÍÀ» »ç¿ëÇÏ¼¼¿ä 
.pop_352 {width:352px;}
.pop_352 .contents {padding-bottom:13px; background:url("http://img.thebodyshop.co.kr/brand/images/popup/bg_popBtm352.png") no-repeat 0 bottom;}
.pop_352 h1 {background:url("/brand/images/popup/bg_popTop352.png") no-repeat center top;}
.pop_352 h1 {_background-image : none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/brand/images/popup/bg_popTop352.png',sizingMethod='scale');}
.pop_352 .contents  {_background-image : none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/brand/images/popup/bg_popBtm352.png',sizingMethod='scale');}

.pop_371 {width:371px;}
.pop_371 .contents {padding-bottom:13px; background:url("/brand/images/popup/bg_popBtm371.png") no-repeat 0 bottom;}
.pop_371 h1 {width:371px; background:url("http://img.thebodyshop.co.kr/brand/images/popup/bg_popTop371.png") no-repeat center top;}
.pop_371 h1 {_background-image : none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/brand/images/popup/bg_popTop371.png',sizingMethod='scale');}
.pop_371  .contents {_background-image : none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/brand/images/popup/bg_popBtm371.png',sizingMethod='scale');}

.pop_652 {width:653px;}
.pop_652 .contents {padding-bottom:13px; background:url("/brand/images/popup/bg_popBtm652.png") no-repeat 0 bottom;}
.pop_652 h1 {background:url("http://img.thebodyshop.co.kr/brand/images/popup/bg_popTop652.png") no-repeat center top;}
.pop_652 h1 {_background-image : none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/brand/images/popup/bg_popTop652.png',sizingMethod='scale');}
.pop_652 .contents  {_background-image : none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/brand/images/popup/bg_popBtm652.png',sizingMethod='scale');}
*/

div.block01 {zoom:1; overflow:hidden; margin-top:4px; padding:13px 0 8px 0; background:#efefef;}
div.block01 ul{overflow:hidden; margin:0 0 0 11px;}
div.block01 ul li {float:left; display:inline; margin-right:71px; padding-left:7px; background:url("http://img.thebodyshop.co.kr/brand/images/popup/bul_type02.gif") no-repeat 0 4px;  font-size:11px; color:#868686;}
div.block01 ul li strong {margin-right:11px; color:#6e6e6e; font-size:11px;}
div.detail-area {position:relative; top:9px; padding-bottom:30px;}
div.detail-area p.tit01 {padding:2px 0 0 166px;}
div.detail-area p.tit01 strong {color:#4d4d4d;}
div.detail-area textarea.content01 {margin:4px 0 0 165px; width:450px; height:90px; overflow-y:scroll;}
div.detail-area img.photo {position:absolute; top:0; left:10px; width:138px; height:118px; border:1px solid #c4c4c4;}
div.detail-area p.tit02 {margin:9px 0 0 10px;}
div.detail-area p.tit02 strong {color:#4d4d4d;}
div.detail-area textarea.content02 {margin:4px 0 0 8px; width:607px; height:100px;}

div#popWrap {padding-bottom:13px;}
h1 {height:37px;}
h1 img {margin:18px 0 0 17px;}
.btn-close {display:block; position:relative; top:-17px; margin:0 15px -13px 0; text-align:right;}
.btn-close img {}
.contents {margin:0 7px 0 7px;}
.contents371 {margin:0 7px 0 7px;}

div.scroll {overflow-y:scroll; overflow-x:hidden; height:600px; position:relative;}
div.scroll .subject a:hover {text-decoration:underline; color:#74bf02;}

/* ¹é±×¶ó¿îµå png·Î ¸¸µé¾úÀ»°æ¿ì À§¿¡ css Áö¿ì°í ¾Æ·¡ °ÍÀ» »ç¿ëÇÏ¼¼¿ä 
h1 {height:37px;}
h1 img {margin:16px 0 0 17px;}
.btn-close {display:block; margin:0 0 0 auto; padding-right:15px; z-index:99; width:9px;}
.btn-close img {position:relative; top:-17px; margin-bottom:-10px;}
.contents {padding:8px 10px 13px 10px; zoom:1;}
*/

h2.h2-tit {margin:18px 0 0 17px;}

a.btn, a:visited.btn  {font-weight:bold; text-decoration:underline; font-family:gulim;}
.block li {margin-bottom:5px; _margin-bottom:3px;}
.block {zoom:1; padding:8px 10px 2px 0; margin:0 -3px 0 -3px; background:#efefef;}
.btn-block {margin:19px 11px 5px 0; text-align:right;}
.btn-block a {position:relative;}

.btn-block01 {margin:8px 11px 5px 11px; padding-top:10px; text-align:center; border-top:1px solid #ddd;}
.btn-block01 a {position:relative;}

.btn-block02 {margin:8px 11px 5px 11px; padding-top:10px; text-align:center;}
.btn-block02 a {position:relative;}

p.resualt {margin:8px 7px; padding:10px 0 6px 0; background:#f6f6f6; text-align:center; font-weight:bold; color:#4d4d4d; line-height:18px; font-size:12px;}
p.resualt-01 {margin:8px 17px 7px 15px;; padding:10px 11px 6px 13px; background:#f6f6f6; color:#707070; line-height:18px; font-size:11px;}
p.resualt01 {margin:8px 7px 0 7px; padding:10px 0 6px 0; text-align:center; line-height:18px; font-size:12px;}
p.resualt01 strong {font-size:14px; color:#868686; text-decoration:underline;}
p.resualt01 img {margin-left:9px; vertical-align:top;}
p.resualt02 {margin:8px 7px 0 20px; padding:10px 0 6px 0; color:#4d4d4d; text-align:left; line-height:18px; font-size:12px;}
p.resualt02 strong {color:#4d4d4d; line-height:18px; font-size:12px;}

p.txt {padding-bottom:11px; text-align:center;}

em.coment {display:block; margin-top:-1px; text-align:center; line-height:16px;}
p.photo-add {margin:11px 7px -6px 7px; padding:10px 0 6px 16px; background:#f6f6f6; font-weight:bold; color:#4d4d4d; line-height:18px; font-size:12px;}
p.photo-add input {width:219px;}
p.photo-add img {margin-left:4px; vertical-align:middle;}
p.photo-add em {display:block; margin:5px 0 0 1px; color:#868686; font-weight:normal;}
p.post-form {margin:16px 0 0 16px; line-height:16px;}
p.post-form em {display:block; margin-bottom:7px; background:url("http://img.thebodyshop.co.kr/brand/images/popup/bul_type01.gif") no-repeat 0 8px; padding-left:7px; color:#707070;}
p.post-form input {width:238px; margin-left:6px;}
p.post-form img {vertical-align:middle; margin-left:9px;}

div.post-resualt {margin:15px 16px 11px 16px; padding:10px 0 10px 8px; height:95px; background:#f6f6f6; line-height:19px; overflow-y:auto;}



/*Ä·ÆäÀÎÃß°¡*/

.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;}
