@charset "euc-kr";
@import "acebed.css";
@import "table.css";
/* ------------------------------------------------------------
 * Name      : popup.css
 * Desc       :  ACE BED / popup Style Sheet
 * Created   : 2008/04/14 PentaBreed by BR
 * Updated  :
 ------------------------------------------------------------ */

body {
	background:#C2B9B0;
}

/* Æ˾÷ Layout*/
#popAll{min-height:100%; width:100%;}
#popCnt{min-height:100%; width:100%; text-align:left;}

	/*popup layer °¥»ö¹ÙÅÁ ¶ó¿îµå Èò»öbg*/
	.poplayer .bodyTH	{ background: url(/Images/common/table/poplayer_TH.gif) left top repeat-x;}
	.poplayer .bodyTL	{ background: url(/Images/common/table/poplayer_TL.gif) left top no-repeat;}
	.poplayer .bodyTR	{ background: url(/Images/common/table/poplayer_TR.gif) right top no-repeat;}
	.poplayer .bodyLV	{ background: url(/Images/common/table/poplayer_LV.gif) left top repeat-y;}
	.poplayer .bodyRV	{ background: url(/Images/common/table/poplayer_RV.gif) right top repeat-y;}
	.poplayer .bodyBH	{ background: url(/Images/common/table/poplayer_BH.gif) left bottom repeat-x;}
	.poplayer .bodyBL	{ background: url(/Images/common/table/poplayer_BL.gif) left bottom no-repeat;}
	.poplayer .bodyBR	{ background: url(/Images/common/table/poplayer_BR.gif) right bottom no-repeat; padding: 15px;}

	#popupPrintLayer{height:100%; width:100%;}
	#popupPrintLayerin{background:#fff; text-align:center;}

	#popupPrintLayerin p.titleTxt{padding:10px 0 20px 15px;}
	#popupPrintLayerin p.btn{margin:0; text-align:center;}


/* ÄíÆù Àμâ */
#couponMGImg {width:525px;height:246px;position:relative;*zoom:1;margin:0 0 0 10px;}
#couponMGImg p{font-size:11px; color:#000; line-height:13px;  letter-spacing:-0.1em;}
#couponMGImg p.coupImg{position:absolute; top:0; left:0;}
#couponMGImg p.microgardNum{position:absolute; top:30px; left:48px; letter-spacing:0;}
#couponMGImg p.issueDate{position:absolute; top:175px; left:75px;}
#couponMGImg p.printDate{position:absolute; top:200px; left:90px;}
#couponMGImg p.useTerm{position:absolute; top:200px; left:225px;}
#couponMGImg p.callAce{position:absolute; top:200px; left:375px;}

table.coupon_tb {width:525px;border-top:1px solid #e5e0d3;table-layout:fixed;margin-left:10px;}
table.coupon_tb th {background-color:#f8f6f3;padding:7px 0;border-bottom:1px solid #e5e0d3;text-align:center;}
table.coupon_tb td {padding:6px 8px;border-bottom:1px solid #e5e0d3;font-size:11px;}
#coupon_care {position:relative;}
#coupon_care .cc1 {position:absolute;left:34px;top:16px;font-size:11px; color:#000;}
#coupon_care .cc2 {position:absolute;left:208px;top:190px;font-size:11px; color:#000;letter-spacing:-0.1em;}
#coupon_care .cc3 {position:absolute;left:358px;top:190px;font-size:11px; color:#000;letter-spacing:-0.1em;}
#coupon_care .printDate{position:absolute; top:190px; left:58px; color:#000;}

/* ÂòÁ¦Ç° */
#popMySave h2{width:100%; background:#F4F4F4; padding:11px 0 9px 0; text-align:center; margin-bottom:11px;}
#popMySave h3{margin-bottom:5px;}
#popMySave .prodList{width:620px;}
#popMySave ul.prodList{background:url('/Images/common/bg_line3.gif') repeat-x left bottom; margin-bottom:20px;}
#popMySave .prodList li{float:left; width:123px; margin-left:38px;}
#popMySave .prodList li:first-child, #popMySave .prodList li.first-child{margin-left:0;}
#popMySave .prodList li span{display:block; border:1px solid #e5e5e5; padding:5px;  width:123px; height:84px;}
#popMySave .prodList li span img.prod{display:block; width:123px; height:84px;}

#popMySave .mapList{width:620px;}
#popMySave ul.mapList{background:url('/Images/common/bg_line3.gif') repeat-x left bottom; margin-bottom:20px;}
#popMySave .mapList li{float:left; width:291px; margin-left:35px;}
#popMySave .mapList li div{height:65px;}
#popMySave .mapList li div label{padding:0 0 5px 0; display:block;}
#popMySave .mapList li div p{line-height:14px; margin-left:0;}
#popMySave .mapList li:first-child, #popMySave .mapList li.first-child{margin-left:0;}
#popMySave .mapList li span{display:block; border:1px solid #e5e5e5; padding:3px; width:283px; height:177px;}
#popMySave .mapList li span img.map{display:block; width:283px; height:177px;}
#popMySave p.mattList{background:url('/Images/common/bg_line3.gif') repeat-x left bottom; padding:0 0 10px 0; margin-bottom:20px;}
#popMySave p.mattList span{display:block; padding:10px 0 0 0;}
#popMySave .textArea{border:1px solid #ddd; padding:0; width:605px; height:55px;}
#popMySave p.btn{margin-top:10px;}

/* ħ´ëÄÁ¼³Æà */
.cstMicro p{text-align:center; padding:3px 0 5px 0;}
.cstMicro p.cntImg{padding:5px 0 10px 0;}
.cstMicro dl{overflow:hidden; margin:0 0 0 20px;}
.cstMicro dt{float:left; width:30px; color:#5DAA38; font-weight:bold; font-size:14px;}
.cstMicro dd{float:left; width:380px;}
.cstMicro dd.ment{color:#5DAA38; padding:10px 0 0 30px; width:380px;}

/* e-catalog */
#popupSvcCatalog{position:relative; background:url('/Images/service/catalog_bg.gif') no-repeat left top; height:615px;}
#popupSvcCatalog p{position:absolute; top:24px; right:35px; background:none; }
#popupSvcCatalog div.photo{position:absolute; top:64px; left:33px;}
#popupSvcCatalog div.btn{position:absolute; top:565px; right:28px;}
#popupSvcCatalog div.btn img{margin-left:15px}
#popupSvcCatalog div.btn .close{margin-left:33px;}

/* e-catalog_new 20100729 Ãß°¡ */
#popupSvcCatalog_new{width:199px; height:620px; position:relative; overflow:auto; padding-left:520px; background:url('/Images/service/catalog_bg2.gif') no-repeat left top; }
#popupSvcCatalog_new .photo{position:absolute; top:19px; left:29px;}
#popupSvcCatalog_new .clBtnArea{padding-top:209px;}
#popupSvcCatalog_new .clBtnArea li{margin-bottom:6px;}
#popupSvcCatalog_new .clBtnArea .close{position:absolute; bottom:13px; right:27px}

/* Á¦Ç°»ó¼¼º¸±â Àμâ */
body#popPrd{background:#fff}
#popupPrd h2{width:100%; background:#F4F4F4; padding:11px 0 9px 0; text-align:center; margin-bottom:11px;}
#popupPrd .prdSpec{overflow:hidden; width:630px; height:240px;}
	#popupPrd .prdSpec #prdZoom{width:316px; height:240px; overflow:hidden; float:left;}
	#popupPrd .prdSpec #prdZoom img{width:314px; height:224px;}
	#popupPrd .prdSpec .specList{float:left; width:310px;}
	#popupPrd .prdSpec .specList h4{text-align:left; margin-left:10px; padding:0 0 15px 0; font-size:20px; letter-spacing:-0.1em; line-height:24px; border-bottom:2px solid #34A1D1;}
	#popupPrd .prdSpec .specList dl{overflow:hidden; margin-top:10px;}
	#popupPrd .prdSpec .specList dl dt{width:80px; float:left; height:18px;padding-top:2px}
	#popupPrd .prdSpec .specList dl dd{width:221px; float:left; height:18px;padding-top:2px; text-align:left;}
	#popupPrd .prdSpec .specList dl dt img, .prdSpec .specList dl dd img{vertical-align:middle}
	#popupPrd .prdSpec .specList dl dt.frame, .prdSpec .specList dl dd.frame {height:70px;margin-top:4px;}
	#popupPrd .prdSpec .specList dl dd.frame{background:#F7F7F7; border-top:1px solid #ddd; border-bottom:1px solid #ddd; /*  background:url(/Images/product/prd_frame.gif) no-repeat 0 4px;  */ height:70px;}
	#popupPrd .prdSpec .specList dl dd.frame span{width:129px; padding:8px 0 0 0; _padding:5px 0 0 0; float:left;}
	#popupPrd .prdSpec .specList dl dd.type{padding:3px 0 0 0 ;}
	#popupPrd .prdSpec .specList dl dd.type img{float:right; margin-top:-15px;}
	#popupPrd .prdSpec .specList dl dd.frame ol{ float:left; margin: 14px 0 0 0; font-size:11px;line-height:16px}
	#popupPrd .prdSpec .specList dl dt.color{clear:both;height:22px; padding:7px 0 10px 0;}
	#popupPrd .prdSpec .specList dl dd.color{height:22px; padding:7px 0 0 0;}

	#popupPrd .prdSpec .specList #frameType{width:308px; height:122px;position:absolute; top:180px; left:340px; 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;}



#popupPrd .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;}
#popupPrd  .prdSpec .btnArea{margin:0; padding:25px 0 0 0;}
#popupPrd  .prdSpec .btnArea img{vertical-align:middle; display:block; float:left; margin:0 3px 0 0}
	.prdSpec .btnArea img.other{float:right; margin:0;}

#popupPrd h3{margin-top:30px; text-align:left;;clear:both}
	#popupPrd h3.mattTit{height:22px}

#popupPrd .prdDescription{text-align:left;}
#popupPrd .prdDescription ul{overflow:hidden; background:url('/Images/product/pop_print_prd_bg.gif') repeat left top;}
#popupPrd .prdDescription li{width:155px; margin:0; float:left; padding:13px 0;height:70px;}
#popupPrd .prdDescription li.first-chlid{border-top:none; padding:0 0 13px 0;}
#popupPrd .prdDescription li span{}
#popupPrd .prdDescription li p{width:142px; font-weight:bold; padding-left:13px;}

#popupPrd div#roomSet{clear:both; background:url('/Images/product/pop_roomSet_tt.gif') no-repeat left top; margin-bottom:20px; padding:10px 0 0 0;}
	#popupPrd div#roomSet ul{overflow:hidden;background:url('/Images/product/pop_roomSet_tb.gif') no-repeat left bottom; width:614px;}
	#popupPrd div#roomSet ul li{float:left; width:280px; margin-left:4px; text-align:left; background:url('/Images/product/pop_mattSize_li.gif') no-repeat 110px 15px; padding:0 0 5px 16px; border-top:none; border-bottom:1px dotted #ddd;}
	#popupPrd div#roomSet ul li img{float:left; width:82px;}
	#popupPrd div#roomSet ul li p{float:left; width:165px; text-align:left;line-height:18px; margin-left:20px; margin-top:20px; font-weight:bold;}
	#popupPrd div#roomSet ul li p strong{display:block; float:left; padding:0 5px 0 0; color:#0084bb}
	#popupPrd div#roomSet ul li p span{display:block; font-weight:normal; color:#888888}
#popupPrd .btnArea{margin:10px 0 0 0;}

/* Á¦Ç°_¸ÅÀåÆò¾²±â */
.popupShop{height:395px;}
.popupShop h2{width:100%; background:#F4F4F4; padding:11px 0 9px 0; text-align:center; margin-bottom:11px;}


/* ¸ÅÀå¾È³» »ó¼¼ÆäÀÌÁö_Æ˾÷ */
.popupShopView h2{width:100%; background:#F4F4F4; padding:11px 0 9px 0; text-align:center; margin-bottom:11px;}
.popupShopView #shopGeneral{overflow:hidden;}
.popupShopView #shopGeneral h3{padding:30px 0 0 10px;}
.popupShopView #shopGeneral dl.shopInfo{position:relative;height:100px;}
.popupShopView #shopGeneral dl.shopInfo dt{font-size:1.3em; color:#43526E; font-weight:bold;line-height:1.5em; margin-bottom:5px;}
.popupShopView #shopGeneral dl.shopInfo dt img{padding:2px 0 3px 10px; vertical-align:middle;}
.popupShopView #shopGeneral dl.shopInfo dd{line-height:16px;}
.popupShopView #shopGeneral dl.shopInfo dd span.txt{display:block; width:390px;}
.popupShopView #shopGeneral dl.shopInfo dd span.photo{position:absolute; top:0; right:0; width:210px; height:120px; background:url('/Images/shop/shop_photoBg.gif') no-repeat right bottom;}
.popupShopView #shopGeneral dl.shopInfo dd span.photo img{position:absolute; bottom:0; left:35px; border:1px solid #D3D3D3; padding:3px; background:#fff; display:block; width:141px; height:111px;}

.popupShopView #shopGeneral #map{width:380px; margin:0 auto; padding:5px; border:1px solid #D3D3D3; overflow:hidden;}
.popupShopView #shopGeneral #map span{display:block;}
.popupShopView #shopGeneral #map span.map img{width:378px; height:243px;}
.popupShopView #shopGeneral #map p{border-top:1px solid #D3D3D3; margin-top:7px; padding:10px 15px 5px 15px;;}
.popupShopView #shopGeneral #map p span{padding:2px 0 3px 0; font-size:11px;}
.popupShopView #shopGeneral #map p span.date{border:0; padding:0; display:inline; color:#ACACAC; font-size:11px;}

.popupShopView #shopGeneral #mapInfo{width:380px; margin:0 auto;}
.popupShopView #shopGeneral #mapInfo dl{width:380px; margin-top:5px; overflow:hidden;}
.popupShopView #shopGeneral #mapInfo dt{float:left; width:80px; background:url('/Images/common/icon/icon_map.gif') no-repeat left 7px; padding:5px 0 0 15px;}
.popupShopView #shopGeneral #mapInfo dd{float:left; width:265px; border-left:1px solid #D3D3D3; padding:3px 0 2px 10px; line-height:15px;}
.popupShopView #shopGeneral #mapInfo dd img{display:block;}
.popupShopView #shopGeneral #mapInfo p.navi{border:1px solid #ECECEC; background:#F7F7F7; padding:10px 15px; margin-top:15px; height:95px; line-height:15px;}
.popupShopView #shopGeneral #mapInfo span{letter-spacing:6px;}
.popupShopView #shopGeneral ul.shopList{float:right; width:130px; overflow:hidden;}
.popupShopView #shopGeneral ul.shopList li{margin-top:8px;}
.popupShopView #shopGeneral ul.shopList li.first-child{margin-top:0px;}
.popupShopView #shopGeneral ul.shopList li span img{padding:4px; border:1px solid #D3D3D3; width:113px; height:83px; vertical-align:top;}
.popupShopView #shopGeneral #shopListViewDetail{float:left; width:585px; border-right:1px solid #ddd;}
.popupShopView #shopGeneral #shopListViewDetail p.photo img{width:550px; padding:5px; border:1px solid #D3D3D3; vertical-align:top;}


/*·ë¼¼Æ® Æ˾÷ product.css¿Í µ¿ÀÏ*/
#popRoom{height:190px; width:760px; background:#fff; text-align:left; overflow:hidden; float:left;}
#popRoom h3{margin:10px;}
#popRoom h3 span{background:url('/Images/common/topLink_bar.gif') repeat-y left 2px; padding:0 0 0 12px; margin:0 0 0 12px;}
#popRoom .room_list{padding-left:10px;}
.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:none}
	.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:none}
	.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;}


/* Æ˾÷ table ½ºÅ¸ÀÏ */
/* ±âº» Å×À̺íŸÀÔ dt */
#popCnt dl.writeType1{border-bottom:1px solid #E5E0D3; overflow:hidden;width:100%;}
#popCnt dl.writeType1 dt.grade{height:220px;}
#popCnt dl.writeType1 dt.grade img{padding:105px 0 0 0;}
#popCnt dl.writeType1 dd.grade{height:220px;}
#popCnt dl.writeType1 dt{float:left; width:105px; height:28px; background:#F8F6F3; border-top:1px solid #E5E0D3; color:#D72E2E; text-align:center;}
#popCnt dl.writeType1 dt img{padding:7px 0 0 0; vertical-align:baseline;}
#popCnt dl.writeType1 dd{float:left; width:500px; height:26px; border-top:1px solid #E5E0D3; color:#B09E8D; padding:2px 0 0 8px;}
#popCnt dl.writeType1 dd input.text{vertical-align:middle; margin:1px 3px 0 0;}
#popCnt dl.writeType1 dd img.selectType{vertical-align:top;} /* select ¹Ú½ºÀÇ htc µðÀÚÀιöÆ° */
#popCnt dl.writeType1 dd span{padding-left:10px; font-size:11px; color:#7EAE9A;}
#popCnt dl.writeType1 dd span.name{color:#B09E8D;font-size:12px; line-height:23px; font-weight:bold;}
#popCnt dl.writeType1 dd span.cmt{display:block; line-height:14px; padding:5px 0 0 0;}
#popCnt dl.writeType1 dd input.btn{margin-top:2px;vertical-align:bottom}
#popCnt dl.writeType1 dd.double{width:256px; height:26px; padding:2px 0 0 8px;}
#popCnt dl.writeType1 dd.double2{width:379px; height:26px; padding:2px 0 0 8px;}
#popCnt dl.writeType1 dd.triple{width:133px; height:26px; padding:2px 0 0 8px;}
#popCnt dl.writeType1 dd.checkLabel input{border:0;}
#popCnt dl.writeType1 dd.checkLabel p{float:left; width:80px;}
#popCnt dl.writeType1 dd.checkLabel span{line-height:24px;}
#popCnt dl.writeType1 dt.popTh{width:85px; background:#EDEBE7; border-right:1px solid #fff;}
#popCnt dl.writeType1 dt.info{height:80px;}
#popCnt dl.writeType1 dt.info img{padding:35px 0 0 0;}
#popCnt dl.writeType1 dt.infoAdd{height:51px;}
#popCnt dl.writeType1 dt.infoAdd img{padding:18px 0 0 0;}
#popCnt dl.writeType1 dt.popDt{width:75px;}
#popCnt dl.writeType1 dd.popDouble{width:144px;}
#popCnt dl.writeType1 dd.popDouble span, #popCnt dl.writeType1 dd.pop span{line-height:24px; padding:0; color:#777;}
#popCnt dl.writeType1 dd.pop{width:371px;}
#popCnt dl.writeType1 dt.popType2{background:#EBE3D3;}
#popCnt dl.writeType1 dd.sign{text-align:right;}
#popCnt dl.writeType1 dd.sign img{padding:5px 10px 0 0;}
#popCnt dl.writeType1 dd.infoAdd{height:23px;}
#popCnt dl.coupPop{width:540px;}

#popCnt p.btn{margin-top:20px;}

@media print {
	body, #wrapperAll{background:none;}
	#secondNav,#footerArea, #topArea{display:none;}
	#wrapperCNT{padding-top:0}
	h3{border-bottom:1px solid #bbb; margin-bottom:4px; background:none; width:100%;}
	#popupPrd div#roomSet{border:1px solid #D9D9D9; background:none;} /* Àμâ½Ã ·ë¼Â bg»©°í, º¸´õó¸® */
	#popupPrd .prdSpec .specList dl dd.frame{background:#eee; border-top:1px solid #34A1D1; border-bottom:1px solid #34A1D1;} /* ÇÁ·¹ÀÓ±Ô°Ý */
	.popupShopView #shopGeneral #mapInfo p.navi{border:1px solid #aaa; background:#eee;} /* ¼³¸í±Û ¹Ú½º */
	.btnArea{display:none;}
	.btn{display:none;}
	#popCnt dl.writeType1{width:540px;}
	#popCnt dl.writeType1 dt,
	#popCnt dl.writeType1 dd{height:28px;} /*ÄíÆùÆ˾÷â Àμâ½Ã ÇÏ´Ü Á¤º¸*/
}