@charset "utf-8";
@import url(common.css);

#main_content { width:1152px; margin:0 auto; overflow:hidden; margin-bottom:35px;}


/* 01_row */
.content_01_row { width:1150px; height:369px; border:1px solid #000; overflow:hidden;}

/** 메뉴 **/
.left_production_list { float:left; width:157px; height:369px; overflow:hidden; border-right:1px solid #000;}
.left_production_list li { width:100%; height:36px; background-color:#3f3d3c; font-size:12px; color:#cdcdcd; text-indent:5px; line-height:36px; border-bottom:1px solid #000;}
.left_production_list li span { display:inline-block; float:right; margin-right:5px;}
.left_production_list .last_li { margin-bottom:none;}
.left_production_list li a { display:block; width:100%; height:36px; background-color:#3f3d3c; font-size:12px; color:#cdcdcd; text-indent:5px;}
.left_production_list li a:hover { color:#fff;}


/** 이미지 슬라이드 부분 **/
#visual_box { float:left; width:702px; height:369px; margin:0 auto;}
#slides{ width:100%; position:relative;height:369;}
#slides .slides_container { width:100%; height:369;}

.pagination {display: block; width:50px; z-index:10; position:absolute; bottom:20px; right:0px;}
.pagination li { float:left; margin:0 1px; list-style:none;}
.pagination li a {display:block; width:13px; height:0; padding-top:13px; background-image:url(../images/bullets.png); background-position:0 0; float:left; overflow:hidden;}
.pagination li.current a {background-position:0 -14px;}


#slides .prev{ position:absolute; top:130px;left:50px; z-index:100; }
#slides .next{ position:absolute; top:130px; right:50px; z-index:100;}

/* 첫번째 이미지 */
#slides .bg_01 { width:702px; height:369px; background:url(../images/main_visual_01.jpg) no-repeat;}

/* 두번째 이미지 */
#slides .bg_02 { width:702px; height:369px; background:#CCC url(../images/main_visual_02.jpg) no-repeat;}




/** 상담신청 **/
.form_box { float:left; width:276px; height:332px; overflow:hidden; padding:20px 7px 17px 7px;}

.form_box dl { width:252px; margin:0 auto; margin-bottom:15px;}
.form_box dt { font-size:20px; font-weight:600; color:#000;}
.form_box dd { font-size:12px; color:#454545;}
.form_box .tel_dd { font-size:35px; font-weight:bold; color:#853b12;}

.form_box .p_txt { width:100%; text-align:left; font-size:15px; font-weight:bold; color:#3e3e3e; border-bottom:1px dotted #e0e0e0; margin-left:13px; padding-bottom:10px; margin-bottom:10px;}
.form_box .p_txt span { color:#898989;}

.form_box ul { width:252px; margin:0 auto;}
.form_box li { font-size:12px; color:#454545; margin-bottom:5px;}
.form_box .sel_box { width:92.5%; height:20px; line-height:20px; border:1px solid #b8b8b8; color:000;}
.form_box .text_box { width:90%; height:20px; line-height:20px; border:1px solid #b8b8b8; color:000; padding-left:5px;}
.form_box .textarea_01 { width:92%; border:1px solid #b8b8b8;}
.form_box .btn { width:93%; height:24px; color:#fff; background-color:#543321; text-align:center; line-height:24px; display:block;}



/* 02_row */
.main_banner { width:1152px; height:382px; overflow:hidden;}

.main_banner p { float:left;}

.main_banner .ul_01 { float:left; width:398px;}
.main_banner .ul_01 li { float:left;}

.main_banner .ul_02 { float:left; width:164px;}

/** 공지사항 게시판 부분 **/
.main_banner .ul_03 { float:left; width:290px;}
.ul_03 .notice_box { width:282px; height:150px; border:1px solid #d7d7d7; border-bottom:none; padding:13px 3px 0 3px;}
.ul_03 .notice_box .p_h { display:block; width:100%; overflow:hidden; text-indent:5px; font-size:15px; font-weight:600; color:#000; border-bottom:1px solid #cfcfcf; padding-bottom:10px; margin-bottom:5px;}
.ul_03 .notice_box .p_h span { color:#a00000;}
.ul_03 .notice_box .p_h .plus { float:right; font-size:12px; font-weight:100; color:#6d6d6d;}
.ul_03 .notice_box .p_h .plus:hover { color:#a00000;}

.ul_03 .notice_box .notice_ul { width:100%; overflow:hidden;}
.ul_03 .notice_box .notice_ul li { font-size:12px; color:#6d6d6d; line-height:20px; text-indent:8px;}
.ul_03 .notice_box .notice_ul li span { float:right;}
.ul_03 .notice_box .notice_ul a { font-size:12px; color:#6d6d6d; line-height:20px;}
.ul_03 .notice_box .notice_ul a:hover { color:#a00000;}





/* 게시판 부분 */
.board_dv { width:1150px; height:175px; overflow:hidden; border:1px solid #ededed; border-top:1px solid #902c30;}

/** 질문과 답변 **/
.board_dv .board_box_01 { float:left; width:360px; height:145px; overflow:hidden; border-right:1px solid #ededed; padding:15px 15px;}
.board_dv .board_box_01 ul { width:100%; margin-top:15px;}
.board_dv .board_box_01 li { font-size:12px; color:#6e6e6e; line-height:22px;}
.board_dv .board_box_01 li span { float:right; color:#6d6d6d;}

.board_dv .board_box_01 li a { font-size:14px; color:#6e6e6e; line-height:22px;}
.board_dv .board_box_01 li a:hover { color:#fb9817;}


/** 시공 갤러리 **/
.board_dv .board_box_02 { float:left; width:340px; height:145px; border-right:1px solid #ededed; padding:15px 15px;}

.board_dv .board_box_02 .img_box { float:left; width:90px; height:90px; overflow:hidden; margin-top:15px; margin-right:15px; background-color:#999;}
.board_dv .board_box_02 ul { float:left; width:233px; margin-top:15px;}
.board_dv .board_box_02 li { font-size:12px; color:#6e6e6e; line-height:22px;}
.board_dv .board_box_02 li span { float:right; color:#6d6d6d;}

.board_dv .board_box_02 li a { font-size:14px; color:#6e6e6e; line-height:22px;}
.board_dv .board_box_02 li a:hover { color:#fb9817;}


/** 실치후기 **/
.board_dv .board_box_03 { float:left; width:355px; height:145px; overflow:hidden; padding:15px 15px;}
.board_dv .board_box_03 ul { width:100%; margin-top:15px;}
.board_dv .board_box_03 li { font-size:12px; color:#6e6e6e; line-height:22px;}
.board_dv .board_box_03 li span { float:right; color:#6d6d6d;}

.board_dv .board_box_03 li a { font-size:14px; color:#6e6e6e; line-height:22px;}
.board_dv .board_box_03 li a:hover { color:#fb9817;}



/*** 공통 ***/
.board_dv .p_h { font-size:16px; font-weight:bold; color:#000;}
.board_dv .p_h .plus { float:right; font-size:12px; font-weight:100; color:#6a6464;}
.board_dv .p_h .plus:hover { color:#a00000;}