@charset "euc-kr";
@import "acebed.css";
@import "table.css";
/* ------------------------------------------------------------
 * Name      : product.css
 * Desc       : ACE BED / Data Type Style Sheet
 * Created   : 2008/04/01 PentaBreed by Suga
 ------------------------------------------------------------ */

/* main */
#mainPage h2{height:30px; padding-top:0; margin-top:0; background:none; overflow:hidden;}
#mainPage h3{padding:20px 0 0 15px; height:32px; margin:0; background:url('/Images/common/main_dot.gif') no-repeat left 35px;}
#mainPage div.prdMain_bestSeller{float:left; width:360px;}
#mainPage div.prdMain_newPrd{float:left; width:360px; overflow:hidden; margin-left:20px;}
	#mainPage div.prdMain_newPrd ul.prodList{width:360px;}
	#mainPage div.prdMain_newPrd ul.prodList li{width:133px; margin:0 0 0 13px; padding:5px 5px 0 5px; border:1px solid #ddd;}
	#mainPage div.prdMain_newPrd ul.prodList li.first-child{margin-left:0;}
	#mainPage div.prdMain_newPrd ul.prodList li span{margin:0; padding:0; border:none; display:inline;}
	#mainPage div.prdMain_newPrd ul.prodList li span img.prod{display:block; width:133px; height:84px;}
	#mainPage div.prdMain_newPrd ul.prodList li strong{margin:0; padding:0; line-height:25px;}

#mainPage div.prdMain_bestPrd{clear:both; overflow:hidden;}
	#mainPage div.prdMain_bestPrd p{float:left; padding:0 15px 0 0;}
	#mainPage div.prdMain_bestPrd div.commentArea{float:left; width:555px; overflow:hidden;}
	#mainPage div.prdMain_bestPrd div.commentArea table{margin:0;}
	#mainPage div.prdMain_bestPrd div.commentArea table tr td{padding:3px 0;}
	#mainPage div.prdMain_bestPrd div.commentArea table tr{background:url(/Images/common/dotline2.gif) repeat-x left top; }
	#mainPage div.prdMain_bestPrd div.commentArea table tr.first-child{background:none;}
	#mainPage div.prdMain_bestPrd div.commentArea table tr td.subject span{background:url('/Images/common/main_lidot.gif') no-repeat left 3px; padding-left:5px;}
	#mainPage div.prdMain_bestPrd span.btn{float:left; padding:1px; margin-top:5px;}
#mainPage div.prdMain_linkBtn{clear:both; padding-top:20px; overflow:hidden;}
	#mainPage div.prdMain_linkBtn span{padding:0 10px 0 0;}
#mainPage div.prdMain_prdMap{clear:both; overflow:hidden;}
	#mainPage div.prdMain_prdMap div{height:295px; background:url('/Images/product/main_product4_tt.gif') no-repeat left top;}
	#mainPage div.prdMain_prdMap div dl{clear:both; overflow:hidden; padding-top:30px;}
	#mainPage div.prdMain_prdMap div dl dt{float:left; width:160px; margin-bottom:30px; padding:0 0 0 12px;}
	#mainPage div.prdMain_prdMap div dl dd{float:right; width:515px; margin-bottom:50px; margin-right:20px;}
	#mainPage div.prdMain_prdMap div dl dd ul{}
	#mainPage div.prdMain_prdMap div dl dd ul li{float:left; padding:3px 0;}
	#mainPage div.prdMain_prdMap div dl dd ul li.tit{clear:both; width:70px; display:block; background:url('/Images/product/main_icon_bar.gif') no-repeat right 4px;margin-right:25px;}
	#mainPage div.prdMain_prdMap div dl dd ul li a{width:50px; display:block; background:url('/Images/product/main_icon.gif') no-repeat left top; padding:0 0 0 15px;}
	#mainPage div.prdMain_prdMap div dl dd ul li.type2 a{width:80px;}
	#mainPage div.prdMain_prdMap div dl dd ul li.type3 a{width:120px;}


/*Á¦Ç°_viewÆäÀÌÁö³» Á¦Ç°¼³¸í*/
.description{line-height:18px; font-color:#777777; font-family:dutum; font-size:12px;}

/* info page*/
ul.tabArea{margin-bottom:30px}


.listCopy{margin:10px 0 40px 8px;}

.listBest{background:url(/Images/product/best_bg.gif) no-repeat 0 bottom;width:740px; height:240px;margin-bottom:40px}
	.listBest h4{margin:0 0 0 10px; padding:12px 0 0 0; #padding:11px 0 0 0;}
	.listBest .prodList{margin:20px 0 0 10px; width:auto}
	.listBest .prodList li{width:198px ;margin:0 21px;}
	.listBest .prodList li span img.prod{display:block; width:186px; height:128px;}
	.listBest .prodList li strong em{text-align:left;}
	.listBest .prodList li strong em img{display:inline; margin:-4px 0 2px 0; position:relative;}

#listCaption{margin:0 0 14px 0;line-height:0}
	#listCaption #listCaptionIn{padding:6px; position:relative}
	#listCaption #listCaptionIn p{position:absolute; right:10px;top:2px; height:22px;}

#listCaption img{vertical-align:middle}
	#listCaption img.selectType{vertical-align:top}

.infoStyle{overflow:hidden}
	.infoStyle li{float:left;}
	.infoStyle img{display:block}



.prdSpec{height:384px;overflow:hidden; background:url(/Images/common/bg_line1.gif) repeat-x left bottom; position:relative}
	.prdSpec #prdZoom{width:420px; height:350px; overflow:hidden; position:absolute; left:0; top:0; z-index:10;}
	.prdSpec .specList{float:right;width:310px;}
.prdSpec h4{font-size:18px; font-family:verdana;height:32px;line-height:150%; letter-spacing:-1px; border-bottom:1px solid #34a1d1;padding-top:8px}
.prdSpec .specList dl{overflow:hidden; margin-top:10px;}
	.prdSpec .specList dl dt{width:80px; float:left; height:18px;padding-top:2px}
	.prdSpec .specList dl dd{width:221px; float:left; height:18px;padding-top:2px}
	.prdSpec .specList dl dt img, .prdSpec .specList dl dd img{vertical-align:middle}
	.prdSpec .specList dl dt.frame, .prdSpec .specList dl dd.frame {height:70px;margin-top:4px;}
	.prdSpec .specList dl dd.frame{background:url(/Images/product/prd_frame.gif) no-repeat 0 4px;}
	.prdSpec .specList dl dd.type{position:relative;padding:3px 0 0 0 ;}/* 20100518 ¹Úº´¼± position Ãß°¡*/
	.prdSpec .specList dl dd.type img{position:absolute;top:0;right:0px;}/* 20100518 ¹Úº´¼± position Ãß°¡*/
	.prdSpec .specList dl dd.frame ol{margin: 14px 0 0 122px; font-size:11px;line-height:16px}
	.prdSpec .specList dl dt.color, .prdSpec .specList dl dd.color{height:22px; padding:0 0 10px 0;}

	.prdSpec .specList #frameType{width:308px; height:122px;position:absolute; top:110px; right:3px; background:url(/Images/product/bg_bedtype.gif) no-repeat;}
		/*.prdSpec .specList #frameType ul{width:264px;height:102px;margin:9px 10px;overflow:hidden}
		.prdSpec .specList #frameType ul li{float:left; width:264px;height:102px;}*/
		.prdSpec .specList #frameType img.btn{display:block; float:left; margin-top:30px;}
		.prdSpec .specList #frameType img#ChangeImg{width:264px; height:107px;margin:9px 10px;float:left;}
		.prdSpec .specList #frameType p.closeX{position:absolute; top:13px; right:18px;}



.prdSpec .prd_btn{overflow:hidden; padding:18px 0; border-color:#e9e9e9; border-width:1px 0; border-style:solid}
	.prdSpec .prd_btn img{display:block; float:left;}
	.prdSpec .prd_btn .prdCmt{margin-right:6px;}
.prdSpec .btnArea{margin:0; padding:25px 0 0 0;}
.prdSpec .btnArea img{vertical-align:middle; display:block; float:left; margin:0 3px 0 0}
	.prdSpec .btnArea img.other{float:right; margin:0;}

.prdDescription h3{margin-top:30px; position:relative;}
	.prdDescription h3.mattTit{position:relative; height:22px;}
	.prdDescription h3.mattTit img.btn{position:absolute;top:-2px; right:0; }
	.prdDescription h3.mattTit img#mattCal{position:absolute; top:19px; right:0; display:none}
.mattType{position:relative;margin-top:-21px}
.mattType 	#mattCal{position:absolute; top:0; right:0; width:323px; height:112px; background:url('/Images/product/bed_cal.gif') no-repeat left top;}
	.mattType	 #mattCal p{float:left; width:110px; padding:23px 0 0 0; text-align:center; vertical-align:middle;}
	.mattType	 #mattCal p.closeX{margin-top:-44px; width:310px; text-align:right;}
	.mattType	 #mattCal span{float:right; width:210px; padding:7px 0 0 0; line-height:16px; font-size:11px; color:#333; letter-spacing:-0.1em;}
	.mattType	 #mattCal span em{font-style:normal; display:block; padding:0 0 5px 0;}
	.mattType	 #mattCal span em.strong{color:#009DC9;}
	.mattType	 #mattCal span strong{color:#009DC9;}
.mattType	 .mattView{padding-top:10px;}


.prdDescription #roomSet ul{width:680px;overflow:hidden; margin: 10px auto; }
	.prdDescription #roomSet ul li{float:left;width:170px; text-align:center}
	.prdDescription #roomSet ul li p{text-align:left;clear:both; line-height:18px;margin-left:20px; font-weight:bold}
	.prdDescription #roomSet ul li p strong{display:block;color:#0084bb}
	.prdDescription #roomSet ul li p.normal strong, .prdDescription #roomSet ul li p.normal{font-weight:normal;color:#888888}
	.prdDescription #roomSet ul li p.normal strong{float:left; width:30px;}

.commentArea fieldset{width:704px; height:97px;padding:14px 18px; background:url(/Images/common/table/commentBox.gif) no-repeat;}
	.commentArea fieldset p{margin-top:10px;}
	.commentArea fieldset span img{vertical-align:middle}
	.commentArea fieldset textarea{width:608px; height:45px}
.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:5px 0;font-size:11px; text-align:center; vertical-align:top}
	.commentArea table tr td.id{text-align:left; padding-left:5px}
	.commentArea table tr td.point{text-align:left; padding-left:5px}
	.commentArea table tr td.subject{text-align:left; padding-left:5px}
.prdDescription .prdBtn{margin-top:10px; text-align:right}

.royalace{height:280px;margin:-8px 0 35px;background:url(/Images/product/prd_matt_royal_bg01.gif) no-repeat;}
ul.description{margin:20px 0 25px 8px;}
	ul.description li{margin-bottom:10px;}
ul.spacial{margin:20px 0 40px 7px;}
	ul.spacial li{margin-bottom:30px;}
.copyright{height:132px;margin:20px 0;background:url(/Images/product/prd_matt_royal_bg02.gif) no-repeat 7px 0;}

/*¸ÞÆ®¸®½º »çÀÌÁ*/
#sizebox{margin-bottom:30px;}
#sizeboxin{background:#f7f7f7 url(/Images/product/matt_size1_bg01.gif) no-repeat 346px center;padding:16px 0 20px 14px;}
#sizeboxin2{background:#f7f7f7 url(/Images/product/matt_size1_bg02.gif) no-repeat 346px center;padding:16px 0 20px 14px;}

/*.matt_size_list{overflow:hidden;margin-bottom:40px;}
	.matt_size_list dt{background:url(/images/common/dotline4.gif) repeat-x;clear:both;padding:18px 0 20px; #padding:10px 0 7px;}
	.matt_size_list dt.first-child{background:none;padding-top:7px;}
		.matt_size_list dt img.matt_sum{border:1px solid #e5e5e5;float:left;margin:-10px 60px 7px 0}
		.matt_size_list dt.first-child img.matt_sum{margin-top:-7px;}*/

.matt_size_list{overflow:hidden;background:url(/images/common/dotline4.gif) repeat-x 0 bottom;margin-bottom:7px;}
	.matt_size_list dt{float:left;margin:0 40px 7px 0}
	.matt_size_list dt img{border:0;margin:7px 0 12px 55px;}
	.matt_size_list dt img.matt_sum{border:1px solid #e5e5e5;margin:0;}
	.matt_size_list dd img{margin-top:12px;}


/*¸ÞÆ®¸®½º Á¦Ç°±ºº°*/
/*#matt_tab{height:48px;background:url(/Images/company/history_bg01.gif) no-repeat;padding:7px 0 0 19px;margin-bottom:28px;}
	#matt_tab li{float:left;}
*/

#prd_matt{height:314px;background:url(/Images/product/prd_matt_bg01.gif) no-repeat;position:relative;margin-bottom:40px;}
	#prd_matt img{vertical-align:top}
	#prd_matt img.mark{position:absolute;top:34px;right:27px}
	#prd_matt img.markroyal{position:absolute;top:26px;right:27px}
	#prd_matt .size{width:406px;float:left;margin-top:40px;}
	#prd_matt .cution{width:310px;float:left;margin:40px 0 0 20px;}
#prd_mattboxin{background:url(/Images/product/prd_matt_bg02.gif) no-repeat right center;padding:12px 0 13px 7px;}


/*------------------------------------ ¼öÁ¤ ------------------------------------*/
/*ROYAL ACE BLACK(PB) ¸ÅÆ®¸®½º Á¦Ç° Ư¡*/
#h_style h3{margin:0;padding:20px 0 0 0;}
#h_style h4{margin:0 0 15px 0;padding:30px 0 0 0;}

/*È­¿îµ¥À̼Ç*/
.foundation_pd{padding-top:10px;}

/* Á¦Ç°±¸Á¶*/
ul#prd_structure li{padding-top:25px;}

/*Á¦Ç°ÀÎÁõ*/
#matt_attestation{padding-top:30px;}
#matt_attestation h4{margin:0px;padding:0px;}
/*------------------------------------ //¼öÁ¤ ------------------------------------*/

/*·ë¼¼Æ®*/
.room_list{overflow:hidden;margin-bottom:40px;}
	.room_list dl{background:url(/images/common/dotline4.gif) repeat-x;clear:both; padding:20px 0 30px 0;}
	.room_list dt{width:200px; height:147px; float:left; background:url(/images/common/dotline4.gif) repeat-x left bottom;}
	.room_list dt img.room_sum{border:1px solid #e5e5e5;float:left;margin:0;}
	.room_list dd{width:520px; height:140px; float:left; font-size:11px; font-family:Dotum; margin:0 0 7px 0; padding:7px 0 0 20px; background:url(/images/common/dotline4.gif) repeat-x left bottom;}
	.room_list dd span.tit{float:left; width:520px; font-weight:bold; color:#5CA836; font-family:Verdana, Dotum; font-size:14px; padding:0;}
	.room_list dd .color{float:left; width:205px; margin:10px 0 0 0;}
	.room_list dd .color img.tit{margin:-2px 10px 0 0;}
	.room_list dd .size{float:left; width:315px; height:65px; margin:10px 0 0 0;}
	.room_list dd .size ol{margin:-4px 0 0 205px; font-size:11px;line-height:17px}
		.room_list dd .side{background:url(/Images/product/room_side.gif) no-repeat 60px 0;}
		.room_list dd .mirror{background:url(/Images/product/room_mirror.gif) no-repeat 60px 0;}
		.room_list dd .dressing{background:url(/Images/product/room_dressing.gif) no-repeat 60px 0;}
		.room_list dd .etc{background:url(/Images/product/room_etc.gif) no-repeat 60px 0;}
	.room_list dd .type{float:left; width:200px; margin-top:-38px;}
	.room_list dd .type span{padding:0 0 0 5px;}
	.room_list dd .model{float:left; position:relative; float:left; width:520px; margin:15px 0 0 0;_margin:15px 0 0 -200px; vertical-align:middle;}
	.room_list dd .model p{position:absolute; top:-1px; left:70px; height:20px; padding:0; line-height:20px; overflow:hidden}
	.room_list dd .model .prev{position:absolute; left:55px; top:0;}
	.room_list dd .model .next{position:absolute; right:0; top:0;}
	.noRoomset{text-align:center; padding:40px 0 10px 0;}

#view_copyright1{padding-left:7px;overflow:hidden;}
	#view_copyright1 li{float:left;height:164px;margin:0 0 13px 10px;}
	#view_copyright1 li.first-child{margin:0;}

.cntswf{padding:3px;margin-bottom:40px;}
.foundation{margin:-20px 0 23px; 0}
.attestation{height:103px;border:1px solid #e8e8e8;padding:17px;margin-bottom:40px;}
	.attestation ul li{float:left;}

#prd_matt_af{height:314px;position:relative;margin-bottom:40px;}
#prd_matt_af p.afTitle{width:740px; height:163px; background:url('/Images/product/matt_af_timg.gif') no-repeat left top;}
	#prd_matt_af p.afTitle span{display:block; padding:20px 0 0 400px;}
h4.af{margin-top:30px;float:left;}
#prd_mattboxaf{width:633px;float:right;margin-top:28px;}
#prd_mattboxafin{height:96px;background:#f9f9f9 url(/Images/product/prd_matt_bg03.gif) no-repeat 228px center;padding:19px 0 0 14px;position:relative;}
	#prd_mattboxafin dl{position:absolute;top:19px;left:398px;}
		#prd_mattboxafin dl dt{float:left;clear:both;}
		#prd_mattboxafin dl dd{float:left;}

#spacial_afin{height:346px;background:url(/Images/product/prd_matt_bg04.jpg) no-repeat;}

#af_tablebox{margin:40px 0;background:url(/Images/product/matt_af_bg02.gif) no-repeat 0 bottom;}
#af_tablebox div{background:url(/Images/product/matt_af_bg01.gif) no-repeat;}
	#af_tablebox table thead th{height:50px;text-align:center;border-left:1px solid #efebdf;}
		#af_tablebox table thead th.first-shild{border:none;}
	#af_tablebox table tbody th{text-align:center;}
	#af_tablebox table tbody td{height:110px;text-align:center;border-left:1px solid #efebdf;}
		#af_tablebox table tbody tr.ul th, #af_tablebox table tbody tr.ul td{border-bottom:1px solid #efebdf;}

/* °Ë»ö */
#prdSearch h3{margin-bottom:10px;}
#prdSearch p{margin-bottom:10px;}
#prdSearch span.searchResult{line-height:21px; display:block;}
#prdSearch .prodList{overflow:hidden; margin-top:20px; background:url('/Images/common/bg_line3.gif') repeat-x left bottom;}
#prdSearch .prodList ul{}
#prdSearch .prodList li{padding:0 0 30px 0;}
#prdSearchBoxIn{padding:15px 20px 5px 20px;}
#prdSearchBoxIn ul{overflow:hidden;}
#prdSearchBoxIn li{width:200px; float:left; background:url('/Images/science/sci_matt_spring_bul.gif') no-repeat left 9px; padding:0 0 0 10px; height:30px; display:block;}
#prdSearchBoxIn li label{padding:0 10px 0 0;}
#prdSearchBoxIn li.long{width:270px;}
#prdSearchBoxIn li.total{width:100%; background:url('/Images/science/sci_matt_spring_bul.gif') no-repeat left 19px; border-top:1px solid #ddd; margin-top:10px; padding:10px 0 0 10px}
#prdSearchBoxIn p{padding:3px 0;}

/* Á¦Ç°»ó¼¼ÆäÀÌÁö_Áø¿­¸ÅÀå °Ë»ö */
#prdShopList{padding:0; overflow:hidden;}
#prdShopList ul{margin:0; padding:0; float:left; overflow:hidden; width:740px;}
#prdShopList li{margin-right:15px; float:left; background:url('/Images/science/sci_matt_spring_bul.gif') no-repeat left 9px; padding:0 0 0 10px; height:25px;}
#prdShopList li label{padding:0 10px 0 0;}
#prdShopList li.sub{background:none;}
#prdShopList li.btn{float:right; width:100px; background:none; text-align:right; height:30px;}
#prdShopList p{display:block; float:left; font-size:11px; margin:0; padding:5px 0 0 0;}

/* Á¦Ç°»ó¼¼ÆäÀÌÁö_ÆǸŰ¡´É¸ÅÀå °Ë»ö 2009.08.31 */
#prdShopList2{padding:0; overflow:hidden;}
#prdShopList2 ul{margin:0; padding:0; float:left; overflow:hidden; width:740px;}
#prdShopList2 li{margin-right:15px; float:left; background:url('/Images/science/sci_matt_spring_bul.gif') no-repeat left 9px; padding:0 0 0 10px; height:25px;}
#prdShopList2 li label{padding:0 10px 0 0;}
#prdShopList2 li.sub{background:none;}
#prdShopList2 li.btn{float:right; width:100px; background:none; text-align:right; height:30px;}
#prdShopList2 p{display:block; float:left; font-size:11px; margin:0; padding:5px 0 0 0;}