@charset "utf-8";
/* e-front WebDesign Team(http://www.e-front.co.kr), KIK 091207 */
/* Type Selector */
a:link { color:#000000; text-decoration:none;}
a:visited { color:#000000; text-decoration:none;}
a:hover { color:#000; text-decoration:none; font-weight:bold;}

img{border:0px;}

body{padding:0px; margin:0px;font-family:"굴림"; font-size:12px; line-height:18px;color:#000; _height:100%}

ul{margin:0px;padding:0px;}
li{margin:0px;padding:0px;list-style:none;}
ul li img{vertical-align:top;}
p{padding:0px; margin:0px;}
caption{display:none;}
img{border:0px;}

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background:url('/common/images/navi_bg.gif') top center no-repeat;
}


/*상단*/
#wrap{width:100%; margin:0 auto;}
.index{overflow:hidden; width:1000px; margin:0 auto; padding:0; position:relative;}
.top{height:148px;}
.logo{position:absolute; top:10px; z-index:1;}
.section{float:right; width:322px; height:21px; padding:0;}
.section li{float:left;}
.navi{width:1000px; height:115px; padding:0; margin:0 auto;}



/*메인 컨텐츠*/
#part_wrap{overflow:hidden; width:1000px;}
#left_part{overflow:hidden; float:left; width:203px; margin:0 17px 0 0; z-index:1;}
.left_menu_flash{position:absolute; z-index:2;}
.left_menu{margin:0 auto;}
.banner{width:200px; margin:0 auto; }
.banner li{padding:5px 0 5px 0;}
.board{width:200px; margin:0 auto; padding:20px 0 0 0;}
.notice{width:200px; height:115px; margin:0; border-bottom:1px solid #c0c0c0;}
.notice p{padding:0 0 6px 0;}
.notice span.title{padding:0 0 0 3px;}
.notice span.more{padding:4px 0 0 100px;}
.notice ul{padding:0 0 0 3px; font:bold 12px 'dotum'; color:#000; line-height:1.4em; letter-spacing:-0.1em;}
a:hover.blue { color:#2d6fb2; text-decoration:none; letter-spacing:-0.1em;}
.cs_board{width:200px; height:115px; margin:0 0 20px 0; border-bottom:1px solid #787878;}
.cs_board p{padding:0 0 6px 0;}
.cs_board span.title{padding:0 0 0 3px;}
.cs_board span.more{float:right; padding:0 3px 0 0;}
.cs_board ul{padding:0 0 0 3px; font:normal 12px 'dotum'; color:787878; line-height:1.4em;}

#right_part{overflow:hidden; float:left; width:780px;}
.mv{overflow:hidden; float:right; width:773px; height:372px; margin:0 0 8px 0; z-index:1;}
.sv{width:780px; margin:0 0 20px 0;}
.sub_top{width:780px; height:23px; margin:0 0 23px 0; padding:2px 0 0 0; background:url('/common/images/line.gif') top no-repeat;}
.sub_top p.sub_title{float:left;}
.sub_top p.sub_navi{float:right; padding:8px 0 0 0; font:normal 11px 'dotum'; color:#787878;}
.sub_title_bg{width:768px; height:37px; padding:8px 0 0 18px; background:url('/common/images/sub_title_bg.gif') no-repeat;}
.sub_title_bg span.pro_title{font:bold 13px 'dotum'; color:#e67339;}
.bar{font:bold 13px 'dotum'; color:#9d9d9d;}
a:link.orange{ text-decoration: none; color: #515151;}
a:visited.orange{ text-decoration: none; color: #515151;}
a:hover.orange{ text-decoration: none; color: #e67339; letter-spacing:0em;}
a:active.orange{ text-decoration: none; color: #e67339; letter-spacing:0em;}




 /*제품 공통속성*/
.product{width:780px;}
.gray{width:540px; height:3px; background-color:#dddddd;}
.p_title{position:absolute; top:16px; left:-6px; z-index:1px;}
.add{float:left; width:103px; height:65px; padding:53px 0 0 0; margin:0 11px 0 0; text-align:center;}
.add li{padding:0 0 14px 0;}
.p_wrap{float:left; width:128px; padding:21px 0 0 30px;}
.p_img{width:126px; height:126px; border:1px solid #e2e2e2;}
.p_txt{width:128px; padding:16px 0 0 0; font:normal 12px 'dotum'; text-align:center;}



/*서브*/
.p_g_wrap{width:780px; height:210px; margin:0 auto;}
.p_g{float:left; width:138px; height:180px; padding:0 21px 0 0;}
.p_g p{width:138px; height:138px; border:1px solid #e2e2e2;}
.p_g ul{padding:10px 0 0 0;}
.p_g li.t_title{font:normal 'dotum' 12px; color:#353535; text-align:center;}
.p_g li.t_price{font:bold 'dotum' 12px; color:#666666; text-align:center; font-weight:bold; line-height:0.9em;}
.title{color:#565656;}
.cost{overflow:hidden; clear:both; margin:0 auto; margin:0 0 5px 0;}
.cost ul{float:left; padding:0 2px 0 0;}
.cost li.title{width:128px; height:18px; padding:8px 0 0 0; margin:0 0 1px 0; background-color:#d7e3ea; font:normal 12px 'dotum'; color:#244466; text-align:center;}
.cost li.con{width:128px; height:18px; padding:8px 0 0 0; margin:0 0 1px 0; background-color:#e8e8e8; font:normal 12px 'dotum'; color:#000; text-align:center;}
.sm{float:left; padding:10px 32px 0 0;}
.sm li{width:162px; padding:10px 0 0 0; font:bold 12px 'dotum'; color:878787; text-align:center;}

/*하단*/
#bottom{overflow:hidden; width:100%; margin:0 auto; padding:0 0 10px 0;}
.bot_sec_bg{height:27px; background-color:#f4f8fb; border-top:1px solid #2d6fb2; border-bottom:1px solid #d0d0d0;}
.bot_sec{width:770px; margin:0 auto; padding:6px 0 0 230px;}
.bot_sec span{padding:0 10px 0 0;}
.copy{width:770px; margin:0 auto; padding:13px 0 0 230px;}



/*01.특가제품*/
.p01{clear:both; float:clear; position:relative; width:772px; height:209px; margin:0 0 40px 5px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.line01{overflow:hidden; position:absolute; width:773px; height:3px; top:0; left:0; z-index:1; background-color:#dddddd;}
.color01{float:left; width:244px; height:3px; background-color:#8eb22d;}
/*02.목재*/
.p02{clear:both; float:clear; position:relative; width:772px; height:209px; margin:0 0 40px 5px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.line02{overflow:hidden; position:absolute; width:773px; height:3px; top:0; left:0; z-index:1; background-color:#dddddd;}
.color02{float:left; width:244px; height:3px; background-color:#e89533;}
/*03.합판*/
.p03{clear:both; float:clear; position:relative; width:772px; height:209px; margin:0 0 40px 5px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.line03{overflow:hidden; position:absolute; width:773px; height:3px; top:0; left:0; z-index:1; background-color:#dddddd;}
.color03{float:left; width:244px; height:3px; background-color:#b22d2d;}
/*04.방부목*/
.p04{clear:both; float:clear; position:relative; width:772px; height:209px; margin:0 0 40px 5px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.line04{overflow:hidden; position:absolute; width:773px; height:3px; top:0; left:0; z-index:1; background-color:#dddddd;}
.color04{float:left; width:244px; height:3px; background-color:#aa39e5;}
/*05.MDF*/
.p05{clear:both; float:clear; position:relative; width:772px; height:209px; margin:0 0 40px 5px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.line05{overflow:hidden; position:absolute; width:773px; height:3px; top:0; left:0; z-index:1; background-color:#dddddd;}
.color05{float:left; width:244px; height:3px; background-color:#2d7eb2;}
/*06.석고보드*/
.p06{clear:both; float:clear; position:relative; width:772px; height:209px; margin:0 0 40px 5px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.line06{overflow:hidden; position:absolute; width:773px; height:3px; top:0; left:0; z-index:1; background-color:#dddddd;}
.color06{float:left; width:244px; height:3px; background-color:#41a053;}
/*07.집성판*/
.p07{clear:both; float:clear; position:relative; width:772px; height:209px; margin:0 0 40px 5px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.line07{overflow:hidden; position:absolute; width:773px; height:3px; top:0; left:0; z-index:1; background-color:#dddddd;}
.color07{float:left; width:244px; height:3px; background-color:#4186a0;}
/*08.후로링*/
.p08{clear:both; float:clear; position:relative; width:772px; height:209px; margin:0 0 40px 5px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.line08{overflow:hidden; position:absolute; width:773px; height:3px; top:0; left:0; z-index:1; background-color:#dddddd;}
.color08{float:left; width:244px; height:3px; background-color:#a04196;}
/*09.강화마루*/
.p09{clear:both; float:clear; position:relative; width:772px; height:209px; margin:0 0 40px 5px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.line09{overflow:hidden; position:absolute; width:773px; height:3px; top:0; left:0; z-index:1; background-color:#dddddd;}
.color09{float:left; width:244px; height:3px; background-color:#b2752d;}
/*10.도어/몰딩*/
.p10{clear:both; float:clear; position:relative; width:772px; height:209px; margin:0 0 40px 5px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.line10{overflow:hidden; position:absolute; width:773px; height:3px; top:0; left:0; z-index:1; background-color:#dddddd;}
.color10{float:left; width:244px; height:3px; background-color:#665761;}
/*11.인테리어자재*/
.p11{clear:both; float:clear; position:relative; width:772px; height:209px; margin:0 0 40px 5px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.line11{overflow:hidden; position:absolute; width:773px; height:3px; top:0; left:0; z-index:1; background-color:#dddddd;}
.color11{float:left; width:244px; height:3px; background-color:#2a76c5;}
/*12.철물&본드*/
.p12{clear:both; float:clear; position:relative; width:772px; height:209px; margin:0 0 40px 5px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.line12{overflow:hidden; position:absolute; width:773px; height:3px; top:0; left:0; z-index:1; background-color:#dddddd;}
.color12{float:left; width:244px; height:3px; background-color:#58b53e;}