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


.mainVisual{height:500px;width:100%;z-index:4; position:relative; margin-top: 120px;}
.mainVisual ul.mainvisualBox{overflow:visible;height:500px;}
.mainVisual ul li{display: block; width:100%; height: 500px;}
.mainVisual ul li a{display: block; width:1024px; height: 100%; margin:0 auto;}
.mainVisual .m_visual_01{background: url(/images/m_visual_01.jpg) center center;}
.mainVisual .m_visual_02{background: url(/images/m_visual_02.jpg) center center;}
.mainVisual .m_visual_03{background: url(/images/m_visual_03.jpg) center center;}
.mainVisual .m_visual_05{background: url(/images/m_visual_05.jpg) center center;}
.mainVisual .m_visual_06{background: url(/images/m_visual_06.jpg) center center;}
.mainVisual .m_visual_07{background: url(/images/m_visual_07.jpg) center center;}
.mainVisual .m_visual_08{background: url(/images/m_visual_08.jpg) center center;}
.mainVisual .bx-viewport{z-index:1;}
.mainVisual .vis_txt{position: absolute; margin-left: -512px; z-index: 10; margin-top: 457px; position: absolute; left: 50%;}
/*컨트롤박스 위치 조정*/
.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:250px; left:30px; 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:250px; right:30px; text-indent:-999em;}

#m_contents{width:100%;}
/*비주얼 아래 띠배너 링크*/
.productTit{width:1024px; margin: 0 auto; padding:40px 0;}
.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;}

.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;}
/*시공사례갤러리*/
#prodArea{width:100%; height: 250px; background: #f5f5f5; 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;}

/*커뮤니티*/
.m_cont_cmnt{width:1024px; margin: 0 auto; height: 140px; padding:50px 0;}
.m_cont_cmnt > div{float:left;}
.m_cont_cmnt .m_board_list{width:300px; margin-right: 50px;}
.m_cont_cmnt .m_map_bnr{width:324px; margin-right: 50px;}

.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;}

.m_cs_list h3{font-size:16px; font-weight: bold; color:#444;}
.m_cs_list h3 span{font-size:12px;color:#999;font-weight: normal;}
.m_cs_list .line{font-size:12px;color:#666; padding:5px 0 15px 0; border-bottom: 1px solid #ddd; display: block; width:300px;}
.m_cs_list ul{margin-top: 10px;}
.m_cs_list ul li{display: block; line-height: 30px; width: 300px; height: 30px;}
.m_cs_list ul li a{font-size:12px; color:#666666; float: left; border: 0 padding:0;}
.m_cs_list ul li span{font-size:24px; color:#f39800; font-weight: bold; float: left;}



/*테이블*/
.right_contbox{font-size: 18px; line-height: 22px;font-weight: 300;}
.right_contbox h4{font-size: 30px; padding-top: 20px;}
.right_contbox h4 strong{font-weight: 500; color:#f39800;  }
.right_contbox strong{font-weight: 500; color:#f39800;  }

.map_table{width:100%;font-size: 14px;border-collapse: separate; border-spacing: 0px; border-top: 2px solid #f39800; margin-top: 30px;}
.map_table th{padding:25px; width:30%; border-bottom: 1px solid #ddd; border-right:1px solid #eee; color:#333;}
.map_table td{padding:25px; width:60%; border-bottom: 1px solid #ddd; color:#666;}

.pro_table{width:100%;font-size: 14px;border-collapse: collapse; border-spacing: 0px; border-top: 2px solid #f39800; margin-top: 30px; }
.pro_table th{padding:20px; border: 1px solid #ddd; color:#333; background: #fefefe;text-align: center; font-weight: 500;}
.pro_table td{padding:15px; border: 1px solid #ddd;color:#666; text-align: center;font-weight: 300;}
.pro_table .bold{font-weight: 500;}

.pro_txt{font-size: 15px; line-height: 24px;font-weight: 300; text-align: center; }
.pro_txt span{font-size: 20px; font-weight: 500; color:#f39800;}
.pro_txt p {border: 1px solid #f39800; padding: 20px; }