@charset "euc-kr"; @import "acebed.css"; @import "table.css"; /* ------------------------------------------------------------ * Name : story.css * Desc : ACE BED / Data Type Style Sheet * Created : 2008/04/01 PentaBreed by Suga ------------------------------------------------------------ */ .cstTop{background:url(/Images/consult/use_tech_bg.gif) no-repeat 0 bottom;padding-bottom:37px;margin-bottom:16px;} #mainPage{overflow:hidden;} #mainPage h2{height:30px; padding-top:0; margin-top:0; background:none; overflow:hidden;} #mainPage h3{padding:30px 0 0 15px; height:25px; margin:0; background:url('/Images/common/main_dot.gif') no-repeat left 35px;} #mainPage div.stoMain_int{position:relative; margin-bottom:40px; float:left; width:360px; overflow:hidden;} #mainPage div.stoMain_int p{position:absolute; top:30px; right:10px;} #mainPage div.stoMain_int span{display:block;} #mainPage div.stoMain_bna{position:relative; margin-bottom:40px; float:right; width:360px; overflow:hidden;} #mainPage div.stoMain_bna p{position:absolute; top:30px; right:10px;} #mainPage div.stoMain_bna span{display:block;} #mainPage div.stoMain_tip{position:relative; clear:both; height:270px; background:url('/Images/story/sto_main_stitle03_Bg.gif') no-repeat left top;} #mainPage div.stoMain_tip span.title{display:block; padding:20px 0 0 24px;} #mainPage div.stoMain_tip span.detail{display:block; padding:20px 0 0 10px;} #mainPage div.stoMain_tip span.detail2{margin-top:15px; padding:0 0 0 23px;} #mainPage div.stoMain_tip span.btn{position:absolute; left:315px; margin-top:17px;} #mainPage div.stoMain_tip ul{overflow:hidden; width:715px; margin-left:10px; margin-top:15px;} #mainPage div.stoMain_tip li{float:left; width:143px; text-align:center; padding:0; margin:0;} #mainPage div.stoMain_tip li span.recommend{display:block; background:url('/Images/story/sto_main_tip_hit.gif') no-repeat 40% 1px; padding:0 0 0 40px;} #mainPage div.stoMain_tip li span.writer{display:block; padding:5px 0 0 0;} #mainPage div.stoMain_type{float:left; width:360px; overflow:hidden;} #mainPage div.stoMain_check{float:right; width:360px; overflow:hidden; margin-top:35px;} #mainPage div.stoMain_check img{margin-left:30px;} /* 침실인테리어 */ /* 리스트 */ #storyInteriorList h4{margin-bottom:15px;} #storyInteriorList #bannerImg img{width:730px; height:158px; padding:5px; border:1px solid #D3D3D3;} #storyInteriorList{border-bottom:1px solid #E0E0E0;} #storyInteriorList dl{border-bottom:1px solid #eee; width:100%; overflow:hidden;} #storyInteriorList dt{clear:both; border-top:1px solid #eee; padding-top:13px;} #storyInteriorList dt.first-child{border-top:none;} #storyInteriorList dt span.title{float:right; width:550px; margin-top:5px; font-size:14px; font-weight:bold; line-height:18px;} #storyInteriorList dt span.photo{float:left; width:155px; padding:0 0 15px 2px;} #storyInteriorList dt span.photo img{border:1px solid #ECECEC; padding:5px;width:153px; height:104px;} #storyInteriorList dt img{vertical-align:middle; padding:0 0 3px 10px;} #storyInteriorList dt span.date{position:absolute; right:50px; font-size:12px; font-weight:normal; padding:2px 0;} #storyInteriorList dt a{color:#5CA836;} #storyInteriorList dd{float:right; width:550px; padding-bottom:10px; line-height:15px;} #storyInteriorList dt span.together{background:url('/Images/story/icon_together.gif') no-repeat left top; padding:0 0 0 2px;} #storyInteriorList dt span.togetherin{background:url('/Images/story/icon_together.gif') no-repeat right bottom; padding:2px 2px 0 0; font-size:11px; color:#fff; font-weight:normal;} #storyInteriorView dd.cntBox{width:98%; padding:10px;} /* 침실인테리어 View_ 코멘트 Tip&Talk */ #tipTalk{position:relative; margin-top:34px; border:1px solid #E4E4E4; background:url('/Images/story/tipTalk_bg.gif') no-repeat left top;} #tipTalk .tipTalkTit{height:64px;} #tipTalk p img{vertical-align:middle; padding:1px;} #tipTalk p.together{position:absolute; top:13px; left:200px; padding:2px 0;} #tipTalk p.together2{position:absolute; top:35px; left:200px;} #tipTalk p.together span.together{background:url('/Images/story/icon_together.gif') no-repeat left top; padding:2px 0 0 2px;} #tipTalk p.together span.togetherin{background:url('/Images/story/icon_together.gif') no-repeat right bottom; padding:2px 2px 0 0; font-size:11px; color:#fff; font-weight:normal;} /* 참여카운트 */ #tipTalk p.btn{position:absolute; top:22px; left:650px;} #tipTalk div.tipTalkCmt{overflow:hidden;height:100%; background:#F7F7F7 url('/Images/story/tipTalkCmt_Bg.gif') no-repeat left top; padding:0 10px 10px 10px;} #tipTalk div.tipTalkCmt dl{overflow:hidden;} #tipTalk div.tipTalkCmt dt.first-child{background:none; margin-top:10px;} #tipTalk div.tipTalkCmt dd.first-child{background:none; margin-top:10px;} #tipTalk div.tipTalkCmt dt{background:url(/Images/common/dotline1.gif) repeat-x left top; float:left; width:520px; overflow:hidden; padding:10px; vertical-align:middle;} #tipTalk div.tipTalkCmt span.recommend{background:url('/Images/story/icon_recommend.gif') no-repeat left top; padding:2px 0 2px 3px; height:16px;} #tipTalk div.tipTalkCmt span.recommendin{background:url('/Images/story/icon_recommend.gif') no-repeat right -1px; margin-left:3px; font-size:11px; color:#85BE68; padding:1px 4px 5px 0;} #tipTalk div.tipTalkCmt dd{background:url(/Images/common/dotline1.gif) repeat-x left top; float:right; width:158px; overflow:hidden; padding:10px; vertical-align:middle;} #tipTalk div.tipTalkCmt dd span.writer{font-weight:bold; width:60px; display:block; float:left;} #tipTalk div.tipTalkCmt dd span.wDate{} /* 침실관리노하우 */ #storyCareList h4{margin-bottom:15px;} #storyCareList #bannerImg img{width:730px; height:158px; padding:5px; border:1px solid #D3D3D3;} #storyCareList{border-bottom:1px solid #E0E0E0;} #storyCareList dl{border-bottom:1px solid #eee; width:100%; overflow:hidden;} #storyCareList dt{clear:both; border-top:1px solid #eee; padding-top:13px;} #storyCareList dt.first-child{border-top:none;} #storyCareList dt span.title{float:right; width:550px; margin-top:5px; font-size:14px; font-weight:bold; line-height:18px;} #storyCareList dt span.photo{float:left; width:155px; padding:0 0 15px 2px;} #storyCareList dt span.photo img{border:1px solid #ECECEC; padding:5px;width:153px; height:104px;} /* #storyCareList dt img{vertical-align:middle; padding:0 0 3px 10px; _padding:0 0 0 10px; */ #storyCareList dt span.date{position:absolute; right:50px; font-size:12px; font-weight:normal; padding:2px 0;} #storyCareList dt a{color:#5CA836;} #storyCareList dd{float:right; width:550px; padding-bottom:10px; line-height:15px; height:110px;} #storyCareView dd.cntBox{width:98%; padding:10px;} /* Tip&Talk */ /* Best Tip&Talk */ #storyTipin .tipTitle{padding:9px 18px 9px 9px; margin:0 20px; background:url('/Images/story/sto_tip_tit_line.gif') repeat-x left bottom;} #storyTipin dl{position:relative; width:690px; margin:10px auto; overflow:hidden;} #storyTipin dt span.photo{float:left;} #storyTipin dt span.photo img{border:1px solid #DFDFDF; background:#fff; padding:5px; width:153px; height:104px;} #storyTipin dt span.title{float:right; width:510px; margin-top:5px;} #storyTipin dt span.title a{font-size:14px; color:#5A9A68; font-weight:bold; line-height:17px;} #storyTipin dt span.recommend{background:url('/Images/story/icon_recommend.gif') no-repeat left top; padding:2px 0 2px 3px; height:16px;} #storyTipin dt span.recommendin{background:url('/Images/story/icon_recommend.gif') no-repeat right -1px; margin-left:3px; font-size:11px; color:#85BE68; padding:1px 4px 5px 0;} #storyTipin dt span.wirter{position:absolute; right:85px; line-height:14px; font-weight:bold;} #storyTipin dt span.date{position:absolute; right:10px; line-height:14px;} #storyTipin dd{float:right; width:510px; margin-top:10px; line-height:14px;} #storyTipView dd.cntBox{width:98%; padding:10px;} /* 이달의 Tip&Talk */ #storyTipMonth{margin-top:30px; vertical-align:bottom; background:url('/Images/story/sto_tip_monthBg.gif') no-repeat 185px top; overflow:hidden; border-bottom:1px solid #eee; padding:0 0 40px 0;} #storyTipMonth select{margin-left:30px;} #storyTipMonth p.tipMonthTitle{vertical-align:middle;} #storyTipMonth p.tipMonthTitle select{margin:5px 0 0 41px;} #storyTipMonth img.tipMonthTitleBtn{padding:0 0 0 15px; vertical-align:top;} #storyTipMonth p.storyTipMonthImg{margin:5px 0 0 209px;} #storyTipMonth p.storyTipMonthImg img{border:1px solid #E8E8E8; padding:5px;} #storyTipTalkList{border-top:1px solid #DEDEDE;} #storyTipTalkList p.storyTipTalkSort{padding:20px 0 0 0; font-weight:bold;} #storyTipTalkList p.storyTipTalkSort span.bar{color:#D5D5D5; font-weight:normal;} #storyTipTalkList p.storyTipTalkSort span.date a{color:#5CA836; font-weight:bold;} #storyTipTalkList p.storyTipTalkSort span.recom a{font-weight:normal;} #storyTipTalkList dl{position:relative; margin-top:25px; width:100%; border-bottom:1px solid #eee; overflow:hidden;} #storyTipTalkList dt{clear:both; padding:10px 0 10px 0; border-top:1px solid #eee;} #storyTipTalkList dt.first-child{border-top:none;} #storyTipTalkList dt span.photo{float:left; padding:0 0 10px 0;} #storyTipTalkList dt span.photo img{border:1px solid #ECECEC; background:#fff; padding:5px; width:153px; height:104px;} #storyTipTalkList dt span.title{float:right; width:550px; padding:5px 0 0 0;} #storyTipTalkList dt span.title a{font-size:14px; color:#5CA836; font-weight:bold; line-height:17px;} #storyTipTalkList span.recommend{background:url('/Images/story/icon_recommend.gif') no-repeat left top; padding:2px 0 2px 3px; height:16px;} #storyTipTalkList span.recommendin{background:url('/Images/story/icon_recommend.gif') no-repeat right -1px; margin-left:3px; font-size:11px; color:#85BE68; padding:1px 4px 5px 0;} #storyTipTalkList dt span.date{position:absolute; right:10px; line-height:14px;} #storyTipTalkList dt span.wirter{position:absolute; right:85px; line-height:14px; font-weight:bold;} #storyTipTalkList dd{float:right; width:550px; margin-top:10px; padding-bottom:10px; line-height:14px;} /* 침실Tip&Talk 글보기 */ h3.type2{margin-top:30px;} .commentArea fieldset{width:704px; height:97px;padding:20px 18px 8px 18px; background:url(/Images/common/table/commentBox.gif) no-repeat;} .commentArea fieldset span{color:#00ACDD;} .commentArea fieldset span.countMan{font-weight:bold;} .commentArea fieldset span.countWord{float:right; margin-right:85px; color:#9A9A9A; font-size:11px;} .commentArea fieldset span.countByte{color:#00ACDD; } .commentArea fieldset textarea{width:618px; height:50px; margin-right:10px;} .commentArea table {width:100%;margin-top:20px;border-collapse:collapse;} .commentArea table tr{background:url(/Images/common/dotline2.gif) repeat-x left bottom; } .commentArea table tr td{padding:6px 0; text-align:left; vertical-align:top} .commentArea table tr td.id{text-align:left; padding-left:5px} .commentArea table tr td.writer{text-align:left; padding-left:5px; font-weight:bold;} .commentArea table tr td span.subject{padding-left:20px; background:url(/Images/common/dot_02.gif) no-repeat 7px 4px; display:block;} /* 침실Tip&Talk 글쓰기 */ #storyTipApply{} /* 타입별나의 침실*/ #storyType dl.storyTypetop{float:left;padding-right:20px;} #storyType dl.storyTypetop dt{padding:0;} #storyType dl.storyTypetop dd{padding:0 0 12px 6px;} div.btnArea{height:50px;} /* 체크 나의 수면_체크리스트 */ #stoCheckQuality h3{clear:both;} #stoCheckQuality h4{padding:10px 10px 20px 10px;} #stoCheckQuality div.btnArea{padding-top:20px;} #stoCheckQualityList{overflow:hidden; float:left; border-top:1px solid #DCD5CE; border-bottom:1px solid #DCD5CE; } #stoCheckQualityList dl{position:relative; float:left; border-top:1px solid #eee; border-bottom:1px solid #eee;padding:10px 0 0 0;} #stoCheckQualityList dt{float:left; width:460px; margin-right:10px; padding:0 0 10px 0; background:url('/Images/consult/bu_1.gif') no-repeat 48px top;} #stoCheckQualityList dt img{padding:8px 20px 0 10px; vertical-align:top;} #stoCheckQualityList dt span img{padding:8px 0 0 5px;} #stoCheckQualityList dd{float:left; width:270px; padding:0 0 30px 0;} #stoCheckQualityList dd.wide, #stoCheckQualityList dd.wide table{width:680px; margin-left:30px; margin-bottom:10px;} #stoCheckQualityList dd select{padding:0; margin:8px 0 0 0; border:1; text-align:left;} #stoCheckQualityList dd img.selectType{vertical-align:top; } /* select 박스의 htc 디자인버튼 */ #stoCheckQualityList dd table{width:270px;} /* 결과해석 */ #stoCheckQualityResultIn h3{margin-top:20px;} #stoCheckQualityResultIn{padding:0 0 30px 0;} .resultCmt{border-top:1px solid #DCD5CE;} .resultCmt span.resultTxt{border-top:1px solid #EFEEE9; padding:10px 20px 10px 10px; font-size:11px; color:#B5B5B5; display:block; line-height:18px; letter-spacing:-0.5pt;} .resultCmt span.from{color:#909090; padding:0 0 0 25px; position:absolute; right:74px;} #stoCheckQualityResultIn span.resultTit{display:block; background:url('/Images/story/icon_resultTit.gif') no-repeat 10px 17px; padding:15px 0 25px 22px; color:#0084BB; font-weight:bold;} #stoCheckQualityResultIn span.resultTit span.grade{font-size:11pt;} #stoCheckResultBox {margin:0 auto;width:728px; overflow:hidden;} #stoCheckResultBox dl{background:url('/Images/story/sto_chk_Qresult_bg.gif') no-repeat left top; float:left;} #stoCheckResultBox dt{float:left; width:340px; height:160px; padding:0 10px;} #stoCheckResultBox dd{float:right; width:330px; } /* 체크 나의 수면_불면증리스트 */ #stoCheckInsomnia h4{padding:10px 10px 20px 10px;} /*숙면 이야기_좋은잠이란*/ #sleepinfo dt{background:url('/Images/consult/bu_1.gif') no-repeat 67px 24px;border-top:1px solid #e8e8e8;padding-top:24px;} #sleepinfo dt.first-child{background:url('/Images/consult/bu_1.gif') no-repeat 67px top;border:none;padding-top:0;} #sleepinfo dt span{margin-left:26px;vertical-align:top;} #sleepinfo dd{padding:0 0 23px 77px;margin-top:-5px;} #sto_dream{height:230px;background:url('/Images/story/sleep_info_bg01.gif') no-repeat center 0;margin:37px 0 16px;} #sto_dream li{width:50%;float:left;} #sto_sleep{width:706px;margin:0 auto;;position:relative;margin-top:25px;} #sto_sleep dl{width:100%;} #sto_sleep dl dt{padding:20px 0 10px;background:url('/Images/story/sleep_info_bg02.gif') no-repeat} #sto_sleep dl dt span{margin:0 8px 0 25px;background:url('/Images/consult/bu_1.gif') no-repeat right 0;padding:7px 13px 7px 0;} #sto_sleep dl dd{padding:0 0 20px 77px; background:url('/Images/story/sleep_info_bg03.gif') no-repeat 0 bottom; margin-bottom:11px;} #sto_sleep img.arrow{position:absolute;left:50%;margin-left:-67px;} /*숙면 이야기_숙면 가이드*/ #sleep_guide{width:100%;background:url('/Images/story/sleep_guide_bg01.gif') no-repeat 0 bottom;overflow:hidden;} #sleep_guide dt{width:73px;height:44px;padding-left:20px;float:left;background:url('/Images/story/bul_1.gif') no-repeat right center;} #sleep_guide dd{width:632px;padding:0 0 35px 15px;float:left;position:relative;} #sleep_guide dd p{margin-top:25px;} #sleepboxin{background:#f4f4f4;padding:25px 0 25px 30px;} #sleepboxin dl{width:100%;overflow:hidden;} #sleepboxin dl dt{width:33px;height:23px;padding:0 0 0 18px;background:url('/Images/story/bul_2.gif') no-repeat 0 1px;float:left;} #sleepboxin dl dd{width:500px;height:23px;padding:0 0 0 16px;background:url('/Images/story/bul_3.gif') no-repeat 0 1px;float:left;} #sleep_guide2{width:100%;background:url('/Images/story/sleep_guide_bg02.gif') no-repeat;overflow:hidden;margin:1px 0 16px;} #sleep_guide2 dt{width:88px;padding:43px 0 0 20px;float:left;background:url('/Images/story/bul_4.gif') no-repeat right 40px;} #sleep_guide2 dd{width:622px;padding:44px 0 0 7px;float:left;position:relative;} #sleep_stretching{overflow:hidden;} #sleep_stretching li{width:50%;height:289px;float:left;text-align:center;} #sleep_stretching li.gray{background:#f6f6f6;} /*숙면 이야기_건강한 수면*/ #ten{background:url(/Images/common/bg_stitle2.gif) no-repeat 0 bottom;} #ten li{min-height:80px;padding:35px 0 25px 4px;border-top:1px solid #dfdfdf;} #ten li.first-child{border-top:none;} #ten li.right{min-height:80px;padding:35px 0 25px 268px;} #ten li.ten01{background:url(/Images/story/sleep_ten_bg01.gif) no-repeat right bottom;} #ten li.ten02{background:url(/Images/story/sleep_ten_bg02.gif) no-repeat 20px bottom;} #ten li.ten03{background:url(/Images/story/sleep_ten_bg03.gif) no-repeat right bottom;} #ten li.ten04{background:url(/Images/story/sleep_ten_bg04.gif) no-repeat 20px bottom;} #ten li.ten05{background:url(/Images/story/sleep_ten_bg05.gif) no-repeat right bottom;} #ten li.ten06{background:url(/Images/story/sleep_ten_bg06.gif) no-repeat 20px bottom;} #ten li.ten07{background:url(/Images/story/sleep_ten_bg07.gif) no-repeat right bottom;} #ten li.ten08{background:url(/Images/story/sleep_ten_bg08.gif) no-repeat 20px bottom;} #ten li.ten09{background:url(/Images/story/sleep_ten_bg09.gif) no-repeat right bottom;} #ten li.ten10{background:url(/Images/story/sleep_ten_bg10.gif) no-repeat 20px 17px;} #healthboxin{background:#f4f4f4;} #healthboxin dl{height:80px;} #healthboxin dl dt{width:160px;background:url('/Images/story/bul_5.gif') no-repeat right center;padding:15px 0 10px 25px;float:left;} #healthboxin dl dd{padding:15px 0 10px 29px;float:left;} #big5{overflow:hidden;margin-top:40px;} #big5 dl{width:435px;float:left;} #big5 dl dt{height:26px;background:url('/Images/consult/bu_1.gif') no-repeat 60px 16px;padding:20px 0 0 24px;} #big5 dl dt.first{height:26px;background:url('/Images/consult/bu_1.gif') no-repeat 60px 0;padding:5px 0 0 24px;} #big5 dl dt span{margin-left:20px;} #big5 dl dd{padding:0 0 20px 75px;border-bottom:1px solid #e8e8e8;} #big5 dl.big5_1{width:100%;} /*타입별 나의 침실 결과보기*/ div.storyTypeResult{overflow:hidden;} div.storyTypeResult .stoTop{background:url(/Images/consult/use_tech_bg.gif) no-repeat 0 bottom;padding-bottom:47px;margin-bottom:16px;} div.storyTypeResult .sto_stitle{padding-top:35px;text-align:center;background:none;} div.storyTypeResult div.stoTop span.sto_resultImg{display:block;padding:29px 0 10px 58px;} div.storyTypeResult div.stoTop span.sto_resultText{height:45px;display:block;padding-left:60px;position:relative;} div.storyTypeResult div.stoTop span.sto_resultText img.stoBtn{position:absolute; left:590px; top:0;} div.storyTypeResult div.stoTop span.sto_resultbtn{display:block;padding-left:300px;background:red;} dl.stoCon{width:100%;margin-top:38px;background:url('/Images/common/dotline1.gif') repeat-x left bottom;padding-bottom:0px; overflow:hidden;} dl.stoCon dt{float:left;width:178px;clear:both;} dl.stoCon dd{float:left;width:545px;height:132px;padding-left:2px;} dl.stoCon span.photo{float:left; margin:0 5px 0px 0;} dl.stoCon span.number{float:left;padding:1px 1px 1px 9px;margin:0 5px 0px 0px;} div.stoCnt{background:url('/Images/common/dotline1.gif') repeat-x left bottom;padding-bottom:30px;position:relative;} div.stoCnt h4{position:absolute; left:0px; top:-2px; } div.stoCnt span.text{padding-top:-50px;} div.stoCnt span.photo{padding-left:40px;padding-top:-30px;} /* 에이스침대 상품평 2011.05.06 추가 */ #appraiseList{position:relative;} #appraiseList .appraiseBest{zoom:1; height:264px; margin:0 0 20px 0; padding:161px 0 0 16px; background:url('/Images/product/prd_appraiseBest_bg.jpg') no-repeat left top; overflow:hidden;} #appraiseList .appraiseBest:after{content:""; display:block; clear:both; height:0; visibility:hidden;} #appraiseList .appraiseBest .frame {width:704px;height:218px;border:1px solid #dfdfdf;background-color:#fff;} #appraiseList .appraiseBest .btnAppraise{height:50px;border-bottom:1px dotted #d1d1d1;margin-bottom:25px;} #appraiseList .appraiseBest .btnAppraise p{float:left; padding:20px 0 0 18px;} #appraiseList .appraiseBest .btnAppraise .btn{float:right; padding:14px 24px 0 0 ;} #appraiseList .appraiseBest h4{padding:20px 0 19px;} #appraiseList .appraiseBest ul {overflow:hidden;*zoom:1;} #appraiseList .appraiseBest ul li{width:330px; float:left; padding:0 0 0 15px; } #appraiseList .appraiseBest ul li .thumbnailArea{width:112px; height:125px; float:left;} #appraiseList .appraiseBest ul li .thumbnail{margin:0 0 8px 0;} #appraiseList .appraiseBest ul li .thumbnail img{width:96px; height:76px; padding:3px; border:1px solid #dedede; background:#fff;} #appraiseList .appraiseBest ul li .title{float:left; width:210px; line-height:16px;} #appraiseList .appraiseBest ul li .title span.tit{float:left; padding-left:4px; font-size:16px; color:#5a9a68;} #appraiseList .appraiseBest ul li .title span.tit a{color:#5a9a68;} #appraiseList .appraiseBest ul li .title span.point{float:right; font-size:12px; color:#6c6c6c;} #appraiseList .appraiseBest ul li .title span.point em{color:#b0b0b0;} #appraiseList .appraiseBest ul li .title span.point img{margin-top:-4px;} #appraiseList .appraiseBest ul li ul{float:left; width:210px; margin-top:20px;} #appraiseList .appraiseBest ul li ul li{width:198px; padding:9px 0 6px 12px; border-bottom:1px dotted #c9c9c9; background:url('/Images/common/dot_02.gif') no-repeat 3px 50%;} #appraiseList #appraiseSearchIn, #appraiseList #appraiseSearchIn2{height:65px; padding:21px 0 0 44px;} #appraiseList #appraiseSearchIn label, #appraiseList #appraiseSearchIn2 label{margin:0 9px 0 0;} #appraiseList #appraiseSearchIn .btn, #appraiseList #appraiseSearchIn2 .btn{padding:0 0 0 8px;} #appraiseList #appraiseSearchIn .prdChoice, #appraiseList #appraiseSearchIn2 .prdChoice{margin:0 0 5px 0; text-align:center;} #appraiseList #appraiseSearchIn .prdChoice span, #appraiseList #appraiseSearchIn2 .prdChoice span{padding-right:15px;} #appraiseList #appraiseSearchIn .prdChoice span input, #appraiseList #appraiseSearchIn2 .prdChoice span input{margin:-4px 0 0 0;} #appraiseList #appraiseSearchIn2 select{margin:0 4px 0 0;} #appraiseList h3{position:relative; margin:0 0 20px 0; color:#777777; font-weight:normal; font-size:12px; line-height:14px;height:28px;} #appraiseList h3 span{position:absolute; top:5px; right:0; } #appraiseList h3 span a.on{font-weight:bold;} #appraiseList #appraiselList td{padding:15px 0 14px;} #appraiseList #appraiselList td.photo{vertical-align:top;} #appraiseList #appraiselList td.photo img{padding:3px; border:1px solid #dedede;background:#fff;} #appraiseList #appraiselList td.sbj{vertical-align:top;} #appraiseList #appraiselList td.sbj img{padding:0;} #appraiseList #appraiselList td.sbj .conts{position:relative;} #appraiseList #appraiselList td.sbj .title{position:relative; padding:0 0 15px 0;} #appraiseList #appraiselList td.sbj .title span.tit{color:#b48158;} #appraiseList #appraiselList td.sbj .title span.tit a{color:#b48158;} #appraiseList #appraiselList td.sbj .title span.date{padding-left:7px;} #appraiseList #appraiselList td.sbj .title span.date img{padding:0 5px 0 0; margin-top:-2px;} #appraiseList #appraiselList td.sbj .more{padding-left:7px;} #appraiseList #appraiselList td.sbj .like{width:44px; height:20px; text-align:center; position:absolute; top:25px; right:0; padding:20px 0 0; color:#0ba3ce; background:url('/Images/common/bg_like.gif') no-repeat left top;} #appraiseList #appraiselList td.sbj .txt{width:500px; word-wrap:break-word;} #appraiseList #notReviewIn{text-align:center; padding:180px 0 195px;} #appraiseList #notReviewIn p{margin:0 0 30px 0;} /* 상품평 선택 레이어팝업 */ #prdSelectLayer{width:740px; height:577px; position:absolute; top:65px; left:0; background:url('/Images/product/prd_appraiseLayer_bg2.jpg') no-repeat left top;} #prdSelectLayer h4{text-align:center; padding:35px 0 18px;} #prdSelectLayer #appraiseSearch2{padding:5px; margin:0 55px; background:url('/Images/product/prd_appraiseLayer_select_bg.gif') no-repeat left top;} #prdSelectLayer #appraiseSearch2In{height:62px; padding:8px 0 0 38px;} #prdSelectLayer #appraiseSearch2In label{margin:0 16px 0 0;} #prdSelectLayer #appraiseSearch2In select{margin:0 13px 0 0;} #prdSelectLayer #appraiseSearch2In .btn{margin:0 13px 0 0;} #prdSelectLayer #appraiseSearch2In #prdChoice{margin:0 0 5px 0; text-align:center;} #prdSelectLayer #appraiseSearch2In #prdChoice span{padding-right:15px;} #prdSelectLayer #appraiseSearch2In #prdChoice span input{margin:-4px 0 0 0;} #prdSelectLayer ul{zoom:1; padding-left:55px;} #prdSelectLayer ul:after{content:""; display:block; clear:both; height:0; visibility:hidden;} #prdSelectLayer ul li{float:left; margin-right:11px; padding:20px 0 0 0;} #prdSelectLayer ul li p{margin:0 0 5px 0;} #prdSelectLayer .btnSelect{margin:22px 0 0 0; padding:22px 0 0 0; text-align:center; background:url('/Images/product/prd_appraiseLayer_line.gif') no-repeat center top;} #prdSelectLayer .btnClose{position:absolute; top:21px; right:23px; } /* 상품평 쓰기 레이어팝업 */ #appraiseList #appraiseWriteLayer{width:630px; height:372px; padding:0 55px; position:absolute; top:65px; left:0; background:url('/Images/product/prd_appraiseLayer_bg.jpg') no-repeat left top;} #appraiseList #appraiseWriteLayer h4{text-align:center; padding:35px 0 18px; margin:0 0 15px 0; border-bottom:1px solid #e8e8e8;} #appraiseList #appraiseWriteLayer .prdWrite{zoom:1; margin:0 0 15px 0;} #appraiseList #appraiseWriteLayer .prdWrite:after{content:""; display:block; clear:both; height:0; visibility:hidden;} #appraiseList #appraiseWriteLayer .prdWrite .ImgArea{width:159px; float:left;} #appraiseList #appraiseWriteLayer .prdWrite .ImgArea p{padding:5px 0 19px 0; text-align:center; color:#179663;} #appraiseList #appraiseWriteLayer .prdWrite .writeArea{float:left;} #appraiseList #appraiseWriteLayer .prdWrite .writeArea ul{zoom:1; padding:0 0 15px 0;} #appraiseList #appraiseWriteLayer .prdWrite .writeArea ul:after{content:""; display:block; clear:both; height:0; visibility:hidden;} #appraiseList #appraiseWriteLayer .prdWrite .writeArea ul li{float:left; margin-right:15px; } #appraiseList #appraiseWriteLayer .prdWrite .writeArea textarea{width:460px; height:102px; border:1px solid #eeeeee; background:#f6f6f6;} #appraiseList #appraiseWriteLayer .prdWrite .writeArea textarea{border:1px solid #eeeeee;} #appraiseList #appraiseWriteLayer .btn{margin:22px 0 0 0; text-align:center;} #appraiseList #appraiseWriteLayer .btnClose{position:absolute; top:21px; right:23px; } /* 우리집침실자랑 list */ #boastList{position:relative;} #boastList #boastBestIn{zoom:1; height:165px; margin:0 0 20px 0; padding:0 0 0 29px; background:url('/Images/product/prd_boastBest_bg.jpg') no-repeat left top; overflow:hidden;} #boastList #boastBestIn:after{content:""; display:block; clear:both; height:0; visibility:hidden;} #boastList #boastBestIn h4{padding:22px 0 11px;} #boastList #boastBestIn ul li{width:342px; height:116px; position:relative; float:left;} #boastList #boastBestIn ul li .thumbnail{width:142px; height:143px; float:left;} #boastList #boastBestIn ul li .title{float:left; width:200px; height:39px; line-height:16px;} #boastList #boastBestIn ul li .txt{float:left; width:190px; padding:0 10px 0 0; line-height:18px;} #boastList #boastBestIn ul li .btn{position:absolute; bottom:0; left:142px;} #boastList .boastBtn{text-align:right; padding:12px 0 16px; border-bottom:2px solid #dedede;} #boastList .boastBtn input{margin-left:10px;} #boastList .boastBtn .search{padding:3px 0; float:left;} #boastList .boastCount{zoom:1; padding:16px 0 0 0; line-height:18px;} #boastList .boastCount:after{content:""; display:block; clear:both; height:0; visibility:hidden;} #boastList .boastCount .txt{float:left;} #boastList .boastCount .listType{float:right;} #boastList .boastCount .listType a.on{font-weight:bold;} #boastList .boastCount span{color:#5ba838;} #boastList #boastTbl td{padding:20px 0; border-bottom:1px solid #eeeeee;} #boastList #boastTbl td.photo{vertical-align:top;} #boastList #boastTbl td.photo img{padding:5px; border:1px solid #e5e5e5;} #boastList #boastTbl td.sbj{vertical-align:top;} #boastList #boastTbl td.sbj .conts{position:relative;} #boastList #boastTbl td.sbj .title{position:relative; padding:0 0 15px 0;} #boastList #boastTbl td.sbj .title span.like{width:44px; height:20px; text-align:center; position:absolute; top:35px; right:0; padding:20px 0 0; color:#0ba3ce; background:url('/Images/common/bg_like.gif') no-repeat left top;} #boastList #boastTbl td.sbj .txt{width:450px; word-wrap:break-word;} /* 우리집침실자랑 write */ #boastWrite{position:relative;} #boastWrite #boastSearch{padding:20px 0;} #boastWrite #boastSearchIn{padding:15px 17px 10px;} #boastWrite #boastSearchIn select{margin-left:15px;} #boastWrite #boastSearchIn input{margin-left:6px;} #boastWrite dl.writeType1 dd.txt{height:20px; padding:8px 0 0 8px; color:#777777;} /* 우리집침실자랑 view */ #boastView .boastMainPrd{width:100%; border:0; margin:0; border-collapse:collapse; border-top:1px dashed #c9c9c9; border-bottom:1px dashed #c9c9c9;} #boastView .boastMainPrd td{text-align:center; padding:14px 0;} #boastView .myRoomPhoto{text-align:center; margin-bottom:25px; background:#56524f;} #boastView .myRoomPhoto{margin-bottom:25px;} #boastView .myRoomPhoto img.off{width:450px; padding:50px 0;} #boastView .cntBox{margin:10px 0 20px;} #boastView .ttList{padding:0 0 30px 0; border-bottom:2px solid #dcd5cd;} #boastView .ttList .replyBox{height:50px; margin-bottom:30px; padding:20px 30px 0; background:url('/Images/story/sto_boast_reply_bg.gif') no-repeat left top;} #boastView .ttList .replyBox *{vertical-align:center;} #boastView .ttList .replyBox strong{color:#999999;} #boastView .ttList .replyBox input{margin-left:5px;} #boastView .ttList .replyBox .text2{padding:5px 0; border:1px solid #dcdcdc;} #boastView .ttList .count{color:#00acdf; margin-bottom:10px;} #boastView .ttList .replyList li{zoom:1; line-height:14px; padding:8px 0 5px 26px; border-bottom:1px dashed #c9c9c9; background:url('/Images/common/dot_02.gif') no-repeat 6px 11px;} #boastView .ttList .replyList li:after{content:""; display:block; clear:both; height:0; visibility:hidden;} #boastView .ttList .replyList li img.dot{padding-left:10px; margin-top:-5px; _margin-top:-1px; vertical-align:middle;} #boastView .ttList .replyList li span{display:block; float:left;} #boastView .ttList .replyList li span.id{width:107px;} #boastView .ttList .replyList li span.txt{width:516px;} #boastView .ttList .replyList li span.date{width:80px;}