@charset "utf-8";
@import url(master.css);
@import url(layer.css);
/*
@import url(main.css);
@import url(detail.css);
@import url(member.css);
@import url(showall.css);
@import url(cscenter.css);
@import url(best.css);
@import url(diy.css);
@import url(mypage.css);
@import url(ecard.css);
@import url(mcard.css);
@import url(review.css);
@import url(event.css);
@import url(exhibition.css);
@import url(chance.css);
@import url(map.css);
@import url(greetings.css);
@import url(free.css);
@import url(company.css);
*/

/* 공통 */
.width950{width:950px;margin:0 auto;}

/************* top ***************/
#topArea{width:950px;height:77px;margin:0 auto;}
#topArea h1{margin:22px 0 0 0;}
#topArea .topBanner{margin:7px 0 0 44px;}
#topArea .gnbWrap{float:right;width:286px;}
#topArea .gnbWrap #gnb{float:right;margin:9px 0 0 0;overflow:hidden;}
#topArea .gnbWrap #gnb a{display:block;float:left;}

/*네비게이션*/
#naviArea{clear:both;position:relative;z-index:10000;width:100%;height:78px;background:url(../../images/common/bg_navi.gif) repeat-x;}
#naviArea .topNaviUl{float:left;margin:15px 0 0 173px;_margin:15px 0 0 133px}
#naviArea .topNaviUl li{position:relative;z-index:10;display:block;float:left;}
#naviArea .topNaviUl li .newIcon{width:9px;height:10px;position:absolute;top:-8px;right:1px;}
#naviArea .searchWrap{float:right;position:relative;z-index:10;margin:10px 0 0 0;_margin:8px 0 0 0;}
#naviArea .searchTxt{width:234px;height:21px;padding:3px 0 0 0;_height:19px;border:none;_border:1px solid #ffffff;background:#ffffff url(../../images/common/bg_input.gif)  no-repeat}
#naviArea .srchBtn{position:absolute;z-index:30;display:block;right:0;top:0;_top:1px}
#naviArea .showAllBtn{display:block;float:left;width:164px;height:34px;*margin-top:8px;}
#naviArea .navi{float:left;margin:4px 0 0 0;*margin-top:2px;}
#naviArea .navi li{float:left;}
#naviArea .rightNavi{margin-top:8px}

/* 전체보기 레이어 */
#naviArea #showAllLayer{display:none;position:absolute;z-index:10000;width:944px;left:50%;margin-left:-475px;border:3px solid #3b5a9a;border-top:none}
#naviArea #showAllLayer .menuMap{position:relative;z-index:30;width:911px;padding:16px 17px 18px 16px;background:#e9e9e9}
#naviArea #showAllLayer .menuMap .closeLayerBtn{display:block;position:absolute;z-index:40;top:16px;right:20px;}
#naviArea #showAllLayer .menuMapUl{margin:17px 0 0 0;overflow:hidden}
#naviArea #showAllLayer .menuMapUl .depth01{float:left;margin:0 7px 0 0}
#naviArea #showAllLayer .menuMapUl .lastOne{margin:0 0 0 0;}
#naviArea #showAllLayer .menuMapUl .depth01 .depth02{margin:9px 0 0 0;}

#naviArea #showAllLayer .easySrch{width:911px;padding:16px 17px 0 16px;background:#ffffff;}
#naviArea #showAllLayer .easySrch .priceSort{margin:18px 0 0 0;padding:0 0 14px 0;border-bottom:1px solid #e1e1e1;}
#naviArea #showAllLayer .easySrch .priceSort h4{float:left;width:80px;height:39px;}
#naviArea #showAllLayer .easySrch .priceSort .graphWrap{float:right;width:800px;height:39px;background:url(../../images/common/bg_graph.gif) no-repeat;}
#naviArea #showAllLayer .easySrch .priceSort .graphWrap .priceUl{font-size:11px;height:26px;}
#naviArea #showAllLayer .easySrch .priceSort .graphWrap .priceUl li{float:left;width:133px;}
#naviArea #showAllLayer .easySrch .priceSort .graphWrap .priceUl li .selectedLi{height:16px;display:block;padding:0 0px;color:#ffffff;background:url(../../images/common/bg_price.gif) no-repeat}
#naviArea #showAllLayer .easySrch .priceSort .graphWrap .priceUl li .selectedLi strong{display:inline-block;height:14px;padding:0 6px;color:#ffffff;background:#209ade}
#naviArea #showAllLayer .easySrch .priceSort .graphWrap .blackGraph{position:relative;z-index:20;height:6px;background:#bdbdbd;}
#naviArea #showAllLayer .easySrch .priceSort .graphWrap .blackGraph .priceBar{display:block;position:absolute;z-index:100;top:-4px;right:0;width:7px;height:13px;}

#naviArea #showAllLayer .easySrch .designStyle{border-bottom:1px solid #e1e1e1;}
#naviArea #showAllLayer .easySrch .designStyle h4{float:left;width:80px;height:116px;margin:0 13px 0 0;}
#naviArea #showAllLayer .easySrch .designStyle .selectUl{float:left;}
#naviArea #showAllLayer .easySrch .designStyle .selectUl li{position:relative;z-index:10;float:left}
#naviArea #showAllLayer .easySrch .designStyle .selectUl li .checkLayer{position:absolute;display:block;top:0;left:0;}

#naviArea #showAllLayer .easySrch .foldStyle{border-bottom:1px solid #e1e1e1;}
#naviArea #showAllLayer .easySrch .foldStyle h4{float:left;width:80px;height:121px;margin:0 13px 0 0;}
#naviArea #showAllLayer .easySrch .foldStyle .selectUl{float:left;}
#naviArea #showAllLayer .easySrch .foldStyle .selectUl li{position:relative;z-index:10;float:left}
#naviArea #showAllLayer .easySrch .foldStyle .selectUl li .checkLayer{position:absolute;display:block;top:0;left:0;}{float:left}

/* 컨텐츠 */
#contents{position:relative;z-index:10;width:950px;margin:0 auto;margin-top:24px;padding:0 0 70px 0;}

/* subContents */
.width768{width:768px;}
#lnb{float:left;width:182px;}
#lnb .checkDelivery{width:163px;height:30px;padding:38px 0 0 19px;margin:10px 0 0 0;background:url(../../images/common/bg_04.gif) no-repeat;}
#locationWrap{float:right;position:relative;z-index:10;width:768px;}
.locations{position:absolute;z-index:20;top:4px;right:0;text-align:right;font-size:11px;color:#666666}
#subContents{position:relative;z-index:10;width:738px;float:right;padding:0 0 130px 0;}
#subContents:after{content: '.';display: block;height: 0;clear: both;visibility: hidden;}

/* quick menu */
#quickWrap{position:absolute;z-index:30;top:0;right:-100px;width:80px;}
#quickWrap .quickBg01{width:80px;height:23px;background:url(../../images/common/bg_01.gif) no-repeat}
#quickWrap .quickBg01 a{display:block;width:24px;height:17px;padding:6px 0 0 56px;font-size:11px;}
#quickWrap .quickBg02{width:80px;height:12px;*height:14px;_height:12px;padding:20px 0 0 0;font-size:11px;text-align:center;background:url(../../images/common/bg_02.gif) no-repeat;}
#quickWrap .sawnGoods{width:80px;padding:7px 0;background:url(../../images/common/bg_03.gif) repeat-y}

/* footer */
#footer{width:100%;border-top:2px solid #d7d7d7}
#footer .fnbWrap{width:100%;border-bottom:1px solid #d7d7d7}

/* 공통 테이블 */
.listTable{border-collapse:collapse;border-bottom:1px solid #b6b6b6;font-size:11px}
.listTable thead th{padding:9px 0;border:1px solid #9daccc;border-left:none;border-right:none;}
.listTable tbody td{height:34px;text-align:center;border-bottom:1px solid #eaeaea;}
.listTable tbody td.titleTd{text-align:left;padding-left:10px;}
.listTable tbody td.lastOne{border-bottom:none;}

.listTableRow{border-collapse:collapse;border-top:2px solid #3b5a9a;border-bottom:1px solid #b6b6b6;font-size:11px}
.listTableRow tbody th{background:#f4f4f4;border-bottom:1px solid #eaeaea}
.listTableRow tbody td{border-bottom:1px solid #eaeaea}
.listTableRow .pdTB3036{padding:30px 0 36px 0}

/* 카드북 공통 */
.darkBg{display:none;position:absolute;z-index:100000000;width:100%;height:100%;background:url(../../images/common/bg_dark.png) repeat;}
.darkBg .bookWrap{display:none;position:absolute;z-index:50;left:50%;top:10%;width:972px;height:619px;padding:10px 0 0 25px;margin-left:-498.5px;background:url(../../images/common/bg_book.png) no-repeat;}
.darkBg .bookWrap .closeLayer{display:block;position:absolute;z-index:100;top:-12px;right:45px}
.darkBg .bookWrap .layerTitleWrpper{display:block;position:absolute;z-index:20;*z-index:20;top:12px;left:23px;width:901px;height:42px;padding:13px 0 0 246px;background:url(../../images/common/bg_title.gif) no-repeat;}
.darkBg .bookWrap .selectFly{display:block;position:absolute;z-index:10;top:12px;left:246px;}
.darkBg .bookWrap .sample_bn_b{position:relative;z-index:30;width:949px; height:605px;}
.darkBg .bookWrap .sample_bn_b p{width:24px; height:40px; margin:0px; padding:0px;}
.darkBg .bookWrap .sample_bn_b p.prevBtn{position:absolute;z-index:110;left:19px;top:280px}
.darkBg .bookWrap .sample_bn_b p.nextBtn{position:absolute;z-index:110;right:46px;top:280px}
.darkBg .bookWrap .sample_bn_b div.wraper{position:relative; overflow:hidden; float:left; width:949px; height:605px;}
.darkBg .bookWrap .sample_bn_b div.wraper ul{position:absolute; left:0px; top:0px; width:20000px; height:605px;}
.darkBg .bookWrap .sample_bn_b div.wraper ul li{float:left; width:949px; height:605px;}