@charset "utf-8";
/*공통*/

.bold{font-weight: bold;}
.color{color:#a67c52;}
.point_color{color:#003366 !important;}
.bold{font-weight: bold;}
.mainVisual{height:478px;width:100%;z-index:4; position:relative; margin-top: 122px;}
.mainVisual ul.mainvisualBox{overflow:visible;height:478px;}
.mainVisual ul li{display: block; width:100%; height: 478px;}
.mainVisual ul li a{display: block; width:1100px; height: 100%; margin:0 auto;}
.mainVisual .m_visual_01{background: url(/images/m_visual_01.jpg) center center; left:0;}
.mainVisual .m_visual_02{background: url(/images/m_visual_02.jpg) center center; left:0;}
.mainVisual .bx-viewport{z-index:1;}
.mainVisual .mainvisualBox{text-align: center;}
.m_visual_01 .m_inner{margin-top: 187px;}
.m_visual_02 .m_inner{margin-top: 154px;}

/*진성초음파 추가*/
.cont_box {
    width: 768px;
    padding: 15px 25px;
}
.cont_box ul {
	border:1px solid #eee;
}
.cont_box ul li {
    font-size: 14px;
    color: #555;
    font-family: "Nanum Gothic";
    line-height: 1.8em;
    display: block;
    padding-left: 15px;
    margin: 10px 0;
}
/*컨트롤박스 위치 조정*/
.mainVisual .bx-controls{margin:0 auto; width:300px;}
/*블릿*/
.mainVisual .bx-pager{}
.mainVisual .bx-pager div{float:left; background:#000;}
.mainVisual .bx-pager a{display:block;width:15px;height:15px;background:green;border-radius:8px;text-indent:-9999em}
.mainVisual .bx-pager a:hover,.mainVisual .bx-pager a.active{background:blue;}
.mainVisual .bx-controls-direction a{position:absolute;}
.mainVisual .bx-controls-direction a.bx-prev {width:37px; height:71px; background:url(../../images/btn_prev.png) 0 0 no-repeat; position:absolute; z-index:999; top:200px; left:50px; text-indent:-999em;}
.mainVisual .bx-controls-direction a.bx-next {width:37px; height:71px; background:url(../../images/btn_next.png) 0 0 no-repeat; z-index:999; top:200px; right:50px; text-indent:-999em;}

/*공통*/
.m_inner{width:1100px; margin: 0 auto;}
.m_inner:after{display: block; clear:both; content: '';}
.m_tit{font-weight: bold; color:#333; font-size: 16px;}
/*중간 띠*/
.m_mddl{width:100%; height: 64px; background: url(/images/m_bnr_bg.png) center center; position: relative; top:-3px; z-index: 999; }
.m_mddl_about{float:left; width:150px;}
.m_mddl_about p{text-align: center; height: 61px; line-height: 61px; padding-top: 3px;}
.m_mddl_board{float:left; width:475px;height: 61px;padding-top: 3px; position: relative;}
.m_mddl_board .m_tit{float:left;height: 61px;line-height:61px; padding:0 35px;}
.m_mddl_board .m_tit span{font-size: 13px; color:#ccc; font-weight: normal;}
.m_mddl_board .m_board_list{float:left;}
.m_mddl_board .more_btn{float:left;display: block; width:21px; height: 21px; background: url(/images/more_btn.gif); position: absolute; top:24px; right:20px;}

/*시공사례갤러리*/
#prodArea{width:100%;}
#prodArea:after{display: block; clear:both; content: '';}
#prodArea #product{ width:1100px; margin: 0 auto;}
#product .outside{position: relative;top:0px;}
#product .outside p{font-weight: bold;color: #ddd;}
#product .outside #slider-prev{position: absolute; top:-105px; left:-95px;}
#product .outside #slider-next{position: absolute; top:-105px; right:-95px;}


/*게시판추출*/
.m_board_list ul li{display: block; height: 61px;line-height:61px;}
.m_board_list ul li a{font-size:12px; color:#555; display: block; width:180px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left;font-family: "Nanum Gothic";height: 61px;line-height:61px;}
.m_board_list ul li span{display: none;}

.m_contents{width:100%; background: #f7f7f7; margin-top: -3px; padding:20px 0 20px 0;}
.m_box{float:left; width:210px; margin-right: 20px; height:180px; padding:30px 25px; position: relative;}
.m_box .m_txt{font-size: 12px; color:#444; margin-top: 20px; line-height: 1.5em;}
.m_box_04{margin-right: 0px; padding: 0 0 0 0;}
.m_box_04 div{width:210px; height: 50px;}
.btn_more_l{background:url(/images/more_btn_l_on.png); width:42px; height: 43px; display: block; position: absolute; left:30px; bottom:30px;}
.btn_more_l:active{bottom:29px;}
.btn_more_s{background:url(/images/more_btn_s.png); width:23px; height: 24px; display: block; position: absolute; left:25px; bottom:25px;}
.m_box_041{position: relative;}
.m_box_042{position: relative;}
.btn_more_s:active{bottom:24px;}
.m_box_01{background: url(/images/m_box_01.jpg);}
.m_box_02{background: url(/images/m_box_02.jpg);}
.m_box_03{background: url(/images/m_box_03.jpg);}
.m_box_041{background: url(/images/m_box_04.jpg); padding:30px 25px;}
.m_box_042{background: url(/images/m_box_05.jpg); margin-top: 20px; padding:30px 25px;}

.m_contents_more{background: #f7f7f7; padding-bottom: 50px;}
.m_box_06{float:left; width:490px; height: 131px; background: url(/images/m_box_06.gif); padding: 30px 25px;}
.m_box_06 .m_tit{border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; display: block; position: relative; width:100%;}
.m_box_06 .m_tit .btn_more_q{background:url(/images/more_btn_s.png); width:23px; height: 24px; display: block; position: absolute;bottom:15px; right:0px;}
.m_quote_list{margin-top: 15px;}
.m_quote_list li{display: block; height: 30px;line-height:30px; padding-left: 10px; background: url(/images/quote_blt.gif) no-repeat 2px 15px;}
.m_quote_list li a{font-size:12px; color:#555; display: block; width:250px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left;font-family: "Nanum Gothic";height: 30px;line-height:30px;}
.m_quote_list li span{float:right;font-size:10px; color:#aaa;}

.m_box_07{float:right; width:540px; height: 191px; background: url(/images/m_box_07.gif);}
.m_box_07:after{display: block; clear:both; content: '';}
.m_box_07 ul li{display: block; width:180px; float:left; display: block; text-align: center; }
.m_box_07 ul li a{display: block; color:#555; font-size: 16px; font-weight: bold;padding-top: 130px;}


/*테이블*/

.map_table{width:100%;font-size: 13px;border-collapse: separate; border-spacing: 0px; border-top: 1px solid #eee; margin-top: 30px;border-right:1px solid #eee;border-left:1px solid #eee;}
.map_table th{padding:20px; width:20%; border-bottom: 1px solid #eee; border-right:1px solid #eee; background: #fafafa; color:#333;}
.map_table td{padding:20px; width:80%; border-bottom: 1px solid #eee; color:#555; text-align: ;eft}

/*테이블*/

.cmmn_table{width:100%;font-size: 13px;border-collapse: separate; border-spacing: 0px; border-top: 2px solid #0463b9; margin-top: 30px;border-left:1px solid #e5e5e5;}
.cmmn_table th{padding:25px 10px;border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5; background: #fafafa; color:#333;}
.cmmn_table td{padding:25px 25px; border-bottom: 1px solid #e5e5e5; color:#555;border-right:1px solid #e5e5e5; line-height: 1.6em;}

.product_table{width:100%;font-size: 13px;border-collapse: separate; border-spacing: 0px; border-top: 2px solid #0463b9; margin-top: 30px;border-left:1px solid #e5e5e5;}
.product_table th{padding:15px 10px;border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5; background: #fafafa; color:#333;}
.product_table td{padding:15px 15px; border-bottom: 1px solid #e5e5e5; color:#555;border-right:1px solid #e5e5e5;}




/*오시는 길*/
.map_box{width:856px; border:2px solid #eee; border-width:2px 2px 1px 2px; margin-bottom: 20px;}
.map_box div{padding:40px; border-bottom: 1px solid #eee;}
.map_box .map_bold{font-weight: bold; font-size: 16px; height: 45px; line-height: 45px;background: url(/images/tit_border.gif) no-repeat;}
.map_box .map_txt{line-height: 1.8em; color:#666; font-size: 14px; margin-top: 10px;}
.map_box .map_txt span{font-weight: bold; color:#333;}

/*메인 갤러리 추출*/

.m_gallery_wrap{width:100%; background: #fafafa; padding:50px 0;}
.m_gallery:after{display: block; clear:both; content: '';}
.m_gallery{width:1100px; margin: 0 auto;}
.m_gallery h2{height: 35px; border-bottom: 2px solid #333; font-size: 20px; font-weight: bold; color:#333; letter-spacing: -1px; margin-bottom: 25px; text-align: center;}
.m_gallery .m_gallery_list{width: 1100px;}
.m_gallery .m_gallery_list ul{display: block; width:1100px; height: 204px;}
.m_gallery .m_gallery_list ul li{display: block; width:204px; height: 204px; margin-right:20px; position: relative;}
.m_gallery .m_gallery_list ul li a{width:204px; height: 204px; display: block;}
.m_gallery .m_gallery_list ul li img{display: inline-block; width:204px;height: 204px;}
.m_gallery .m_gallery_list ul li .subCaption{ height: 76px;position: absolute; background: url(/images/thumb_bg.png); bottom:0; width:204px;}
.m_gallery .m_gallery_list ul li .subCaption a{ font-size: 12px; color:#fff; width:166px; display: block; margin: 0 auto;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;height: 20px; margin-top: 42px;}
.m_gallery_list .bx-wrapper{max-width: 1100px !important;}
.m_gallery_list .bx-wrapper .bx-viewport{width: 1100px !important;}
.m_gallery_list .outside{position: relative; width:1100px; }
.m_gallery_list .outside p{font-weight: bold;color: #ddd;}
.m_gallery_list .outside #slider-prev{position: absolute; top:-125px; left:10px;}
.m_gallery_list .outside #slider-next{position: absolute; top:-125px; right:10px;}


/*인사말*/
.grtng_tit{color:#333; font-size: 16px; padding: 35px 0;}
.grtng_txt{color:#555; font-size: 15px; line-height: 2.5em;}


/*연혁*/
.history_box{width:890px; border:1px solid #eee; border-width:1px 1px 0px 1px; margin-bottom: 20px; display: inline-block;}
.history_box div{padding:20px 30px; border-bottom: 1px solid #eee; height: 50px;}
.history_box div:after{display: block; content: ''; clear: both;}
.history_box .history_bold{font-weight: bold; font-size: 18px; height: 50px; line-height: 50px;background: url(/images/tit_border.gif) no-repeat 0 5px; float:left; width:130px; color:#a67c52;}
.history_box .history_txt{line-height: 1.8em; color:#666; font-size: 14px; margin-top: 10px; float:right;width:420px;}
.history_box .history_txt span{font-weight: bold; color:#333; }

/*내용박스디자인*/
.h4_tit{background: url(/images/txt_blt.gif) no-repeat 1px 7px; text-indent: 20px; margin-bottom: 20px; font-size: 19px; font-weight: bold; color:#333; margin-top: 30px;}
.h3_tit{margin:20px 0; font-weight:400;}
.h3_tit p{line-height: 30px; font-weight: 300;}
/*.h4_tit div p{line-height:30px; font-size:15px;}*/
.text_01{line-height:30px; font-size:15px; border: 1px solid #eee;
    padding: 20px;
}
.center{border:1px solid #eee;}


./*cont_box{width:796px; padding:15px 30px; background: #fafafa; margin-bottom: 10px; /*border-top: 1px solid #2f6bb5; border-bottom: 1px solid #ddd;*/}
.cont_box p{font-size: 15px; color:#666;font-family: "Nanum Gothic"; line-height: 2.0em;}
.cont_box ul li{font-size: 15px; color:#666;font-family: "Nanum Gothic"; line-height: 1.8em; display:block;/*background: url(/images/txt_blt_s.gif) no-repeat1px 14px;*/  padding-left: 15px; margin: 23px 0;}
/*탭*/
.s_tab_menu_wrap{width:855px; position: relative;}
.s_tab_border{width:100%; background:#ddd; height: 1px; position: absolute; top:41px; z-index: 1;}
.s_tab_menu{width:855px;}
.s_tab_menu:after{display: block; clear: both; content: '';}
.s_tab_menu li{display: block;float:left; width:141px;}
.s_tab_menu li a{display: block;width:141px; text-align: center; background: #fafafa; border:1px solid #ddd; height: 40px;line-height: 40px; font-size: 14px; color:#555; border-top: 1px solid #ddd; position: relative; z-index: 999;}
.s_tab_menu .s_active a{color:#333; font-weight: 900; background: #fff; border-bottom: 1px solid #fff; border-top: 2px solid #2f6bb5;}
.s_tab_cont{padding-top: 20px;}
.s_tab_cont .p2{display: none;}
.s_tab_cont .p3{display: none;}
.tab_cont_box{margin-bottom: 40px;}
.tab_tit{background: url(/images/txt_blt.gif) no-repeat 1px center; text-indent: 15px; margin-bottom: 20px; height: 24px; line-height: 24px;}


.a_link{font-weight: bold; color:#2f6bb5;}
.a_down{display: block; padding:10px; background: #f5f5f5; border: 1px solid #ddd; color:#555; text-align: center;}
.a_down:hover{color:#333; font-weight: bold;}