@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: 130px;}
.mainVisual ul.mainvisualBox{overflow:visible;height:500px;}
.mainVisual ul li{display: block; width:100%; height: 500px;}
.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;}
.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{background:url(/images/bgbg.gif) no-repeat; 0 0;}
/*시공사례갤러리*/
#prodArea{width:100%; height: 250px; border-bottom:1px solid #eee;}
#prodArea:after{display: block; clear:both; content: '';}
#prodArea #product{ width:1100px; margin: 0 auto;height: 250px; padding: 50px 0;}
#product .prodCon1{float: left; letter-spacing: -1px;}
#product .prodCon1 .m_h2_en{color:#555; font-weight: bold; font-size:24px; font-family: 'Open Sans', sans-serif;}
#product .prodCon1 .m_h2_ko{color:#555; font-weight: bold; font-size:16px; margin-top: 10px;}
#product .prodCon1 .m_h2_txt{color:#888; 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;}

/*PRODUCT*/
#m_gallery_mid {width:100%; padding: 45px 0; background: url(/images/m_biz_bg.gif) center center; }
#m_gallery_mid .m_inner{position: relative; width:1100px; margin:auto;}
#m_gallery_mid ul{overflow:hidden;}
#m_gallery_mid ul li{width:265px !important; float:left; margin-left:10px;}
#m_gallery_mid ul li:first-child{margin-left:0px;}
#m_gallery_mid ul li > a{display:block; width:265px;}
#m_gallery_mid ul li img{display: inline-block; width:263px;height: 140px; vertical-align: bottom; border: 1px solid #aaa;}
#m_gallery_mid .outside{position: relative;top:0px;}
#m_gallery_mid .outside p{font-weight: bold;color: #ddd;}
#m_gallery_mid .outside #slider-prev{position: absolute; top:-180px; left:-80px;}
#m_gallery_mid .outside #slider-next{position: absolute; top:-180px; right:-80px;}
.m_gallery_txt{padding:30px 20px 55px; background: #fff; width:223px; border: 1px solid #ddd; border-width:0px 1px 1px 1px; position: relative; height:75px;}
.m_product_tit{font-size: 18px; font-weight: 700;}
.m_product_info{font-size: 13px; color:#999;}
.m_biz_bar{width:15px; height: 2px; background: #333; margin: 10px 0;}
.m_biz_more{position: absolute; background: url(/images/m_biz_more.gif); display: block; text-indent: -9999px; width:62px; height: 20px; right: 20px; bottom: 15px;}

.m_tit{margin-bottom: 25px;}
.m_tit_txt{font-size: 32px; text-align: center; color:#000;}
.m_tit_bar{height: 2px; width:20px; background: #000; margin: 10px auto 20px;}
.m_tit_info{text-align: center; font-size: 17px; color:#000; }
.m_tit_txt2{font-size: 32px; text-align: center; color:#000;}
.m_tit_bar2{height: 2px; width:20px; background: #000; margin: 10px auto 20px;}
.m_tit_info2{text-align: center; font-size: 15px; color:#000; letter-spacing: -1px; font-weight:bold}

/*카에고리*/
.m_cont_cate{width:100%; background:#f7f7f7;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.m_cate_wrap{width:1100px; margin: 0 auto; padding:50px 0; height: 330px;}
.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: 92px; padding: 130px 0 0 20px;}
.m_cate_img > div a .cate_tit{color:#0468b6; font-weight: bold; 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;}
.m_cate_tit .m_h2_ko{color:#555; font-weight: bold; font-size:16px; margin-top: 10px; }

/*커뮤니티*/
.m_cont_cmnt{width:1100px; margin: 0 auto; height: 140px; padding:50px 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: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_cont_cmnt .m_map_bnr{width:350px; height:138px;}
.m_map_bnr h3{font-size:16px; font-weight: bold; color:#444;}
.m_map_bnr h3 span{font-size:12px;color:#999;font-weight: normal;}
.m_map_bnr h3 a{float:right;font-size:12px;color:#999;font-weight: normal;}
.m_map_bnr p{font-size:12px;color:#666; padding:5px 0 15px 0; border-bottom: 1px solid #ddd;}
.m_map_bnr ul{margin-top: 10px;}
.m_map_bnr ul li{display: block; line-height: 1.9em; font-size:15px; font-weight:700; text-align:center; color:#0d1c3c; letter-spacing:-1.7px;}
.m_map_bnr ul .m_map_bnr_tel{font-size:22px; font-weight:700; letter-spacing:-1px;}
.m_map_bnr ul li a{font-size:12px; color:#888; display: block; width:230px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left;}
.m_map_bnr ul li span{float:right;font-size:10px; color:#999;}

/*서브페이지*/
.right_contbox p{font-size:15px;color:#666;line-height:25px;letter-spacing:-0.5px;}

/*오시는길*/
.tb03 {width:100%;border-top:2px solid #02102b;background:#fff;margin-top:20px;}
.tb03 td{padding:12px 0 12px 20px;font-size:14px;color:#666;border-bottom:1px solid #e5e5e5;}
.tb03 th{width:18%;background:#fafafa;font-weight:bold;color:#333;text-align:center;border-bottom:1px solid #e5e5e5;}

.tb02 {width:100%;border-top:1px solid #115fad;background:#fff;margin-top:20px;margin-bottom:40px;}
.tb02 td{padding:20px;font-size:14px;color:#666;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;line-height:25px;    text-align: center;}
.tb02 th{padding:20px;background:#fafafa;font-weight:bold;color:#333;text-align:center;border:1px solid #e5e5e5;border-top:0;}

.tb04 {width:100%;border-top:1px solid #115fad;background:#fff;margin-top:20px;margin-bottom:40px;}
.tb04 td{padding:10px;font-size:14px;color:#666;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;line-height:25px;    text-align: center;}
.tb04 th{padding:10px;background:#fafafa;font-weight:bold;color:#333;text-align:center;border:1px solid #e5e5e5;border-top:0;}

.cont_txt{font-size: 15px; color:#666; letter-spacing: -1px; line-height: 30px; width:788px; padding:30px; background: #fafafa;border:1px solid #e5e5e5;border-top:0;}
.cont_txt h2{font-size: 20px; color:#394284; letter-spacing: -1px;font-weight:bold;}
.cont_txt_group{font-size: 15px; color:#666; letter-spacing: -1px; line-height: 30px; width:788px; padding:30px; background: #fafafa;border:1px solid #e5e5e5;}

/*내용박스디자인*/
.h4_tit{background: url(/images/txt_blt.gif) no-repeat 1px 5px; text-indent: 20px; margin-bottom: 20px; font-size: 20px;font-weight:bold !important;}
.cont_box{width:810px; padding:20px; background: #fafafa;margin-bottom:40px;border-top: 1px solid #115fad; border-bottom: 1px solid #e5e5e5;}
.cont_box h3{font-size: 20px; color:#111e84;}
.cont_box p{font-size: 15px; color:#666;font-family: "Nanum Gothic"; line-height: 2.0em;}
.cont_box p span{font-weight:bold;color:#333;}
.cont_box p .point{font-weight:normal;color:#33aaad;}
.cont_box .cont_box_txt{width:768px; padding:20px; background: #fff;border: 1px solid #e5e5e5;font-size: 15px; color:#666;font-family: "Nanum Gothic"; line-height: 2.0em;}
.cont_box .cont_box_txt span{font-weight:bold;color:#333;}


.biztd {width:100%;border-top:2px solid #394284;background:#fff;margin-top:20px; text-align:center;}
.biztd td{padding:12px 0 12px 0px;font-size:14px;color:#666;border:1px solid #e5e5e5;}
.biztd th{width:20%;background:#fafafa;font-weight:bold;color:#333;text-align:center;border:1px solid #e5e5e5; height:40px;}
.biz_text{font-size:20px !important; font-weight:bold; padding:15px 0;}