@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;}
.m_visual_txt{width:1024px; margin: 98px 40%;}
.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 .bx-viewport{z-index:1;}
.mainVisual 
/*컨트롤박스 위치 조정*/
.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:210px; 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:210px; right:30px; text-indent:-999em;}

#m_contents{width:100%;}

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

/*커뮤니티*/
.m_cmnt_wrap{width:100%; padding:80px 0;background: #fafafa;}
.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;}

/*테이블*/
.map_table{width:100%;font-size: 14px;border-collapse: separate; border-spacing: 0px; border-top: 2px solid #3d3737; margin-top: 30px;}
.map_table th{padding:15px; width:20%; border-bottom: 1px solid #dadeda; border-right:1px solid #dadeda; color:#333; background: #f7f7f7;}
.map_table td{padding:15px; width:80%; border-bottom: 1px solid #dadeda; color:#666;}

.tb01{width:100%;font-size: 14px;border-collapse: separate; border-spacing: 0px; margin-top: 30px;}
.tb01 th{padding:50px 20px; width:30%; border-bottom: 1px solid #dadeda;color:#333; background: #fff;text-align:left;}
.tb01 th span{display:block;width:30px;height:2px;background:#333;}
.tb01 th p{margin-top:10px;font-size:20px;}
.tb01 td{padding:50px 30px; width:70%; border-bottom: 1px solid #dadeda; color:#666;font-size:15px;line-height:25px;}
.tb01 .img_tb{border:0;padding:0;}
.tb01 .img_tb td img{vertical-align:bottom;}