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

.bold{font-weight: bold; color:#000;}
.m_inner{width:1024px; margin:0 auto; position: relative;}
#container{background-color: #f5f5f5;}
#m_visual{width:1500; overflow: hidden;margin:auto;position: relative; padding-top: 50px;}
#slideshowHolder{margin: 0 auto; text-align: center;}
.slide_link{background: url(/images/m_visual_01.jpg);}
#ft-title-slideshowHolder{display: none;}
#ft-buttons-slideshowHolder{display: none;} /*배너 하단 내비게이션 숨겨버림*/
#ft-prev-slideshowHolder{width:100px; height: 70px; background: url(/images/arrow_1_rd.png); letter-spacing: -99999px;}
#ft-next-slideshowHolder{width:100px; height: 70px; background: url(/images/arrow_2_rd.png); letter-spacing: -99999px;}
.m_visual_link_wrap{width:1024px; margin: 0 auto; position: relative;}
.m_visual_link{display: block; width:1024px; margin: 0 auto; height: 480px; position: absolute; z-index: 999;}

.m_visual_txt{display: block; position: absolute; width: 512px; height: 270px; left: 50%; margin-left: -525px; margin-top: 96px; z-index: 999;}
.m_visual_txt img{display: block;}
.m_visual_txt h4{font-size: 48px; line-height: 1em; padding-top: 30px; color: #304176; font-weight: 500;}
.m_visual_txt h5{font-size: 48px; line-height: 1em; padding-top: 10px; color: #001d48;  font-weight: 500;}
.m_visual_txt p{font-size: 16px; line-height: 1.2em; padding-top: 50px; color: #001d48; font-weight: 400;}

#m_contents{width:100%; background-image: url(/images/m_cont_bg.jpg); background-repeat:  no-repeat; background-position:  center 0px; padding-top: 30px; margin-top: 20px;}
/*비주얼 아래 띠배너 링크*/
.productTit{width:1024px; margin: 0 auto; padding:50px 0; text-align: center;}
.productTit p{ color: #000022; font-size: 16px; padding-top: 20px; line-height: 1em; font-weight: 500;}

.productBox{width:1020px; overflow:hidden; border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc; background:#ccc; margin: 0 auto; }
.productList{float:left;width:339px;border-right:1px solid #ccc; }
.productList li{position:relative;}
.over{display:none;position:absolute;top:0;left:0; background:url(/images/over_bg.png) 0 0 repeat; width:100%;height:100%; color:#fff; text-align:center; text-align:center;}
.overContianer{position:relative;width:100%;height:100%;}

.producttitA{text-align:center; border:none !important; font-size:22px; line-height:25px; padding-top:122px; font-weight:bold;}
.producttxtA{text-align:center; border:none !important; font-size:14px;line-height:16px; padding-bottom:10px; padding-top:10px; margin-top:10px; }
.producttxtA span{display: block; background: #333; padding:10px; width:80px; margin: 0 auto; font-weight: bold;}

.producttitB{text-align:center; border:none !important; font-size:22px;line-height:25px; padding-top:45px;  font-weight:bold;}
.producttxtB{text-align:center; border:none !important; font-size:14px;line-height:16px; padding-bottom:10px; padding-top:10px; margin-top:10px; }
.producttxtB span{display: block; background: #333; padding:10px; width:80px; margin: 0 auto; font-weight: bold;}

/*시공사례갤러리*/
#prodArea{width:100%; height: 250px;margin-top: 40px; }
#prodArea:after{display: block; clear:both; content: '';}
#prodArea #product{ width:1024px; margin: 0 auto;height: 250px; padding: 50px 0;}
#product .prodCon1{float: left; letter-spacing: -1px;}
#product .prodCon1 .m_h2_en{color:#444; font-weight: 900; font-size:24px; font-family: 'Open Sans', sans-serif;}
#product .prodCon1 .m_h2_ko{color:#444; font-weight: 900; font-size:16px; margin-top: 10px;}
#product .prodCon1 .m_h2_txt{color:#666; font-size: 14px; margin-top: 25px; line-height: 1.5em;}
#product .prodCon2{float: right; width:660px; margin-right:40px;}
#product .prodCon2 ul li{width:150px !important; margin-right:20px !important;}
#product .prodCon2 ul li a{display:block; width:150px; height: 150px; background: blue;}
#product .prodCon2 ul li img{display: inline-block; width:150px;height: 150px;}
#product .prodCon2 .bx-wrapper{max-width: 660px !important;}
#product .prodCon2 .bx-wrapper .bx-viewport{width: 660px !important;}
#product .outside{position: relative;top:0px;}
#product .outside p{font-weight: bold;color: #ddd;}
#product .outside #slider-prev{position: absolute; top:-95px; left:-40px;}
#product .outside #slider-next{position: absolute; top:-95px; right:-40px;}

.video_wrap{width:1024px; margin: 0 auto;}
.video{width:1024px; margin: 0 auto;}
.video:after{display: block; clear:both; content: '';}
.video div{float:left; width:328px; height: 220px; }
.video02{margin: 0 20px;}

/*커뮤니티*/
.m_cmnt_wrap{width:100%; padding:80px 0;background: #fff; margin-top: 100px;}
.m_cont_cmnt{width:1024px; margin: 0 auto; height: 140px; }
.m_cont_cmnt > div{float:left;}
.m_cont_cmnt .m_board_list{width:324px; margin-right: 25px;}

.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:12px; color:#888; display: block; width:230px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left;}
.m_board_list ul li span{float:right;font-size:10px; color:#999;}






/*테이블*/
.common_table{width:100%;font-size: 14px;border-collapse: collapse; border-spacing: 0px;margin-top: 30px; border-top: 2px solid #464c5e;border:1px solid #eee; }
.common_table th{padding:20px 40px; border:1px solid #eee; background: #f7f7f7; color:#333;}
.common_table td{padding:20px 50px; border: 1px solid #eee; color:#666; line-height: 1.8em; font-size:13px;}

/*회사소개*/
.company{ width: 100%; float: right; padding-bottom: 50px; text-align: center;}
.company h4{font-size: 36px; color: #304176; letter-spacing: 6; font-weight: 800; line-height: 1.0em;}
.company h5{font-size: 48px; font-weight: 200; text-transform: uppercase;line-height: 1.5em;}
.company p{ font-size: 16px; line-height: 1.2em;}

.ora{border-collapse: inherit; width: 100%;}
.ora th{border:1px solid #999; height: 70px; background: #fafafa; color: #092f57; font-size: 20px;}
.ora th strong{ font-size: 14px; color: #304176;  padding-left: 10px;}
.ora td{ height: 70px;}
.ora .brt{border-top: 1px solid #eee;}
.ora .brb{border-bottom: 1px solid #eee;}
.ora .brl{border-left: 1px solid #eee;}
.ora .brr{border-right: 1px solid #eee;}

.sub_tap{margin-bottom: 50px; height: 71px; width: 100%;}
.sub_tap li{width: 50%; height: 70px; border-bottom: 1px solid #eee; line-height: 70px; font-size: 18px; float: left; text-align: center;}
.sub_tap li.tab_active{border-bottom-color:#304176; color: #092f57}
.sub_tap li a{width: 100%; height: 100%;}

.biz{}
.biz h4{font-size: 24px; font-weight: 500;color: #092f57; padding-bottom: 20px; line-height: 1.5em;}
.biz h5{font-size: 18px; font-weight: 400; color: #304176; padding-bottom: 5px;line-height: 1.5em;}
.biz p{font-size: 14px; font-weight: 200;line-height: 1.5em; padding-bottom: 15px;}
.biz p span{ font-size: 16px; font-weight: 300;}
.biz p span strong{ font-weight: 900; }
.biz_line{width: 100%; height: 1px; background: #eee; margin: 30px 0px; display: block;}

.pro_tab{width: 100%; height: 50px; margin-bottom: 40px;}
.pro_tab li{width: 25%; height: 49px; border-bottom: 1px solid #ddd; text-align: center; line-height: 50px; float: left; cursor: pointer;}
.pro_tab li.pro_act{border-bottom: 1px solid #304176;}
.pro_con{position: relative; width: 100%;}
.pro_con div{left: 0; top: 0;}
.pro_con div:nth-child(2){display: none;}
.pro_con div:nth-child(3){display: none;}
.pro_con div:nth-child(4){display: none;}

.wait{width: 100%; height: 500px; font-size: 48px; line-height: 500px; background: #f9f9f9; color: #222; text-align: center;}

.pro1{}
.pro1 h4{font-size: 24px; font-weight: 600;color: #092f57; padding-bottom: 5px; line-height: 1.0em;}
.pro1 p{font-size: 14px; font-weight: 400; padding-bottom: 10px; line-height: 1.5em;}
.pro1 table{width: 100%; border-collapse: collapse; border:1px solid #efefef; margin-top: 20px;}
.pro1 table th{padding: 20px; text-align: center; border:1px solid #efefef; background: #f9f9f9;}
.pro1 table td{text-align: center;  border:1px solid #efefef; font-size: 18px;}
.pro1 table td img{ display: block; margin:0 auto; width: 100%;}

.pro_line{width: 100%; height: 1px; background: #999; margin: 50px 0px; display: block;}

.biz3Table1{ width: 100%; }
.biz3Table1 th{font-size: 24px; padding: 10px 20px;color: #304176; text-align: left;}
.biz3Table1 th strong{font-size: 36px; font-weight: 600; padding-right: 5px;}
.biz3Table1 td{ padding: 10px 20px; font-size: 16px; text-align: left;}

.biz3Table2{border-collapse: collapse; border:1px solid #eee;}
.biz3Table2 td{ border:1px solid #eee; height: 200px;}
.biz3Table2 td img{ width: 100%; height: 100%; vertical-align: bottom;}

.biz2 h4{font-size: 24px; font-weight: 700;color: #092f57; padding-bottom: 20px; line-height: 1.2em;}
.biz2 h5{font-size: 18px; font-weight: 500; color: #304176; padding-bottom: 5px;line-height: 1.2em;}
.biz2 p{font-size: 16px; font-weight: 400;line-height: 1.4em; padding-bottom: 15px; color: #333;}
.biz2 p span{ font-size: 16px; font-weight: 300;}
.biz2 p span strong{ font-weight: 900; }
.biz2 img{display: block; margin: 10px auto;}

.biz2 table{width: 100%;}
.biz2 table tr:first-child{padding-bottom: 20px;}
.biz2 table tr td{padding: 20px; font-size: 18px; line-height: 1.5em; border-left: 1px solid #f9f9f9;}