@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;}