@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
/*공통*/

#m_visual li{display: block; overflow: hidden;overflow:visible;height:550px;}
#m_visual li a{display: block; width:100%; height: 100%;}
#m_visual {height:550px;width:100%;z-index:4; position:relative; margin-top: 130px; }
#m_visual .bx-viewport{z-index:1;}
#m_visual .bx-controls{display: none;}
#m_visual .m_visual_01{background:url(/images/m_visual01.jpg) center center;}
#m_visual .m_visual_02{background:url(/images/m_visual02.jpg) center center;}


/*시공사례갤러리*/
#prodArea{width:100%; height: 440px; background: #f5f5f5;}
#prodArea:after{display: block; clear:both; content: '';}
#prodArea #product{ width:1200px; margin: 0 auto;height: 440px;}
.prodTit{padding: 37px 0;}
.prodTit p{text-align: center;}
.prod_tit{font-size: 30px; font-weight: bold; color:#333;}
.prod_txt{font-size: 16px; color:#999;padding-top: 17px;}

#product .prodCon2{width:1024px; margin:0 auto;}
#product .prodCon2 ul li{width:241px !important; margin-right:20px !important; position: relative;}
#product .prodCon2 ul li a{display:block; width:241px; height: 209px;}
#product .prodCon2 ul li img{display: inline-block; width:241px;height: 209px;}
#product .prodCon2 .bx-wrapper{max-width: 1024px !important;}
#product .prodCon2 .bx-wrapper .bx-viewport{width: 1024px !important;}
#product .outside{position: relative;top:0px;}
#product .outside p{font-weight: bold;color: #ddd;}
#product .outside #slider-prev{position: absolute; top:-145px; left:-70px;}
#product .outside #slider-next{position: absolute; top:-145px; right:-70px;}
.productSlider p{display: none; text-align: center; position: absolute; top:175px; width:241px; font-size: 16px; color:#666;}

/*메인박스1*/
.m_cont_btn{width: 100%; height: 278px;}
.m_cont_btn div{ width: 50%; height: 278px; float: left; }
.m_cont_btn .m_visbtn1{  background-image:url(/images/m_visbtn_01.jpg); background-color: #2c95cd; background-position: top right;}
.m_cont_btn .m_visbtn1 a{ float: right; margin-top: 176px; margin-right: 445px;background-image:url(/images/more_btn.png); 
	width: 125px; height: 46px; text-align: center; line-height: 46px; font-size: 16px; color: #646464;}
.m_cont_btn .m_visbtn2{ background-image:url(/images/m_visbtn_02.png); background-color: #fff; background-position: top left;}
.m_cont_btn .m_visbtn2 a{ float: left; margin-top: 176px; margin-left: 445px;background-image:url(/images/more_btn2.png); 
	width: 125px; height: 46px; text-align: center; line-height: 46px; font-size: 16px;color: #fff;}

/*메인박스2*/
.m_cont_box{width:1200px; margin: 0 auto; padding-top: 50px;}
.box_tit{padding:36px 0 0 30px; font-weight: bold; font-size: 18px; color:#333;}
/*contactus*/
.m_box01{width:600px; height: 252px; float:left; background:url(/images/m_box_01.jpg); position: relative;}
.m_box01 .m_box011_tit{font-size: 30px; font-weight: bold; color:#333;line-height: 1.4em; margin-left: 20px;}
.m_box01 .m_box011_txt{font-size: 14px;color:#666; margin-top: 20px; line-height: 1.6em; margin-left: 20px;}
.m_box01 table{margin-left: 30px; font-size: 20px; margin-top: 60px; }
.m_box01 table th{text-align: left; width:80px; color:#333;vertical-align: top; padding-bottom: 10px;}
.m_box01 table td{color:#666;padding-bottom: 10px;}
/*오시는길*/
.m_box02{width:300px; height: 252px; float:left; background:url(/images/m_box_02.jpg); position: relative;}
/*공지사항*/
.m_box03{width:300px; height: 252px; float:left; background:url(/images/m_box_03.jpg); position: relative;}
.m_box03 ul{margin-top: 30px; margin-left: 30px;}
.m_box03 ul li{display: block; line-height: 2.6em;}
.m_box03 ul li a{font-size:14px; color:#666; display: block; width:130px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left;}
.m_box03 ul li span{float:right;font-size:12px; color:#666; margin-right: 30px;}







/*카에고리*/
.m_cont_cate{width:100%; background:#f7f7f7;}
.m_cate_wrap{width:1200px; margin: 0 auto; padding:30px 0; height: 307px;}
.m_cate_tit{text-align: center;}
.m_cate_img > div{float:left; width:266px; height: 222px; margin-top: 30px; }
.m_cate_img > div a{display: block; width:100%; height: 100%; padding: 130px 0 0 20px;}
.m_cate_img > div a .cate_tit{color:#065fcf; font-weight: 900; font-size: 17px;}
.m_cate_img > div a .cate_txt{color:#666;font-size: 13px; margin-top: 15px; line-height: 1.5em;}
.m_cate_01{margin-right: 12px;background:url(/images/cate01.jpg);}
.m_cate_02{margin-right: 12px;background:url(/images/cate02.jpg);}
.m_cate_03{margin-right: 12px;background:url(/images/cate03.jpg);}
.m_cate_04{background:url(/images/cate04.jpg);}

.m_cate_tit .m_h2_en{color:#444; font-weight: 900; font-size:24px; font-family: 'Open Sans', sans-serif;}
.m_cate_tit .m_h2_ko{color:#444; font-weight: 900; font-size:16px; margin-top: 10px; }

/*커뮤니티*/
.m_cont_cmnt{width:1200px; margin: 0 auto; height: 140px; padding:30px 0;}
.m_cont_cmnt > div{float:left;}
.m_cont_cmnt .m_board_list{width:350px; margin-right: 20px;}

.m_board_list h3{font-size:16px; font-weight: bold; color:#444;}
.m_board_list h3 span{font-size:12px;color:#999;font-weight: normal;}
.m_board_list h3 a{float:right;font-size:12px;color:#999;font-weight: normal;}
.m_board_list p{font-size:12px;color:#666; padding:5px 0 15px 0; border-bottom: 1px solid #ddd;}
.m_board_list ul{margin-top: 10px;}
.m_board_list ul li{display: block; line-height: 1.7em;}
.m_board_list ul li a{font-size:13px; color:#666; display: block; width:230px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left;}
.m_board_list ul li span{float:right;font-size:12px; color:#666;}

/*서브페이지*/


/*회사소개*/
.company_tit{font-size: 24px; font-weight: 900; color:#444;}
.company_txt{line-height: 1.7em; color:#666;}

/*오시는 길*/
.map_table{width:100%;font-size: 14px;border-collapse: separate; border-spacing: 0px; border-top: 2px solid #666; margin-top: 30px;}
.map_table th{padding:25px; width:30%; border-bottom: 1px solid #eee; border-right:1px solid #eee; background: #fafafa; color:#333;}
.map_table td{padding:25px; width:60%; border-bottom: 1px solid #eee; color:#666;}