@charset "utf-8";
/*공통*/

#m_visual {position:relative; height:490px; z-index:4; margin: 0 auto; }
#m_visual li{display: block; position: relative; overflow: hidden; height:594px;}
#m_visual .bx-viewport{z-index:1;}
#container .m_visual_wrap .vs_txt{position:absolute;top:50%; left:50%;z-index:6; margin:-141px 0 0 -273.5px;}

#bottom_contents .partner_cont .ptn_left {float:left;width:583px; margin:0 59px;}
#bottom_contents .partner_cont .ptn_right {float:left;width:382px; margin:0 58px;;}

#bottom_contents .partner_cont .ptn_left:before{position:absolute;content:'';top:50%;left:0px; width:1px;margin-top:-99px; display:block; height:198px; background:#e5e5e5;}
#bottom_contents .partner_cont .ptn_left:after{position:absolute;content:'';top:50%; left:701px; width:1px;margin-top:-99px; display:block; height:198px; background:#e5e5e5;}
#bottom_contents .partner_cont .ptn_right:before{position:absolute;content:'';top:50%; right:0px; width:1px;margin-top:-99px; display:block; height:198px; background:#e5e5e5;}
#bottom_contents .partner_cont{padding:80px 0;border-top: 1px solid #e5e5e5; background:url(/images/con_bg.jpg) center center;}
#bottom_contents .partner_cont p{ color:#046ac6; font-size:22px; font-weight:bold;}
/*시공사례갤러리*/
#prodArea{width:100%; padding: 50px 0; overflow: hidden;}
#prodArea:after{display: block; clear:both; content: '';}
#prodArea #product{ width:1200px; margin: 0 auto;}
#product .prodCon2{width:1200px; margin: 0 auto;}
#product .outside{position: relative;top:0px;}
#product .outside p{font-weight: bold;color: #ddd;}
#product .outside #slider-prev{position: absolute; top:-120px; left:0px;}
#product .outside #slider-next{position: absolute; top:-120px; right:0px;}

.partner_cont .partner_wrap{margin:0 auto; width:1200px;position:relative;}
.partner_cont .partner_wrap ul{width:100%;}
.partner_cont .partner_wrap ul li{position:relative;float:left; border:1px solid #e5e5e5;}
.partner_cont .partner_wrap p{margin-bottom:10px;}
.partner_cont .partner_wrap ul li img{vertical-align:top;}
.partner_cont .partner_wrap ul li img.ovi{position:absolute; top:0;left:0;display:none;}
.partner_cont .partner_wrap .ml{margin-left:20px;}
.partner_cont .partner_wrap .mr{margin-right:20px;}
.partner_cont .partner_wrap .mb{margin-bottom:20px;}

.m_cont_box{width: 100%; background: #fafafa; padding: 50px 0; overflow: hidden; border-top: 1px solid #e5e5e5;}
.m_box_wrap{width: 1200px; margin: 0 auto;}

.m_box02{float: left;width:586px; height: 250px; margin-right: 26px;}
.m_box02 .m_box021,.m_box02 .m_box022{position: relative; width:586px; height: 120px; background: #fff; padding:23px 0 0 55px; border: 1px solid #ebebeb; box-sizing:border-box; border-radius: 2px;}
.m_box02 .m_box022{margin-top: 10px;}
.m_box02 .m_box021 h3,.m_box02 .m_box022 h3{float: left; width: 110px; height: 74px; line-height: 74px; font-size: 16px; color: #2e3956; border-right: 1px solid #ebebeb;}

.m_box021 ul,.m_box022 ul{padding-left: 25px; overflow: hidden;}
.m_box021 ul li, .m_box022 ul li{display: block; width: 335px; line-height: 1.5em;}
.m_box021 ul li:hover, .m_box022 ul li:hover{color: #333;}
.m_box021 ul li a, .m_box022 ul li a{font-size:14px; color:#999; display: block; width:250px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left;}
.m_box021 ul li span, .m_box022 ul li span{float:right; width: 65px; font-size:12px; color:#999;}


.m_box03{float: left;width: 588px; height: 250px; background: #fff; border: 1px solid #ebebeb; padding:23px 0 0 50px;   box-sizing:border-box; border-radius: 2px;}
.m_box03 h3{float: left; width: 150px; height: 204px; line-height: 204px;  font-size: 16px; color: #2e3956; border-right: 1px solid #ebebeb;}
.m_box03 .contact_us{float: left; width: 350px; height: 165px; margin-top: 35px;}
.m_box03 .contact_us th{vertical-align: middle; width: 64px; color: #046ac6; padding-left: 20px; font-weight: bold; float: left; overflow: hidden; text-align: left;}
.m_box03 .contact_us td{vertical-align: middle; width: 245px; padding-left: 20px; color: #666; float: left; font-size: 14px; overflow: hidden;}

.more_btn{position: absolute; top: -1px; right: -1px; display: block; width: 27px; height: 27px; background: url(/images/more_btn.gif) no-repeat;}
.more_btn:hover{background: url(/images/more_btn_hover.gif) no-repeat;}


/*서브페이지*/

.map_wrap{width:750px; margin:25px auto;}
.common_table {
    width: 600px;
    font-size: 14px;
    border-collapse: separate;
    border-spacing: 0px;
    margin: 0 auto;
    margin-top: 30px;
    border-top: 3px solid #38434d;
    border-left: 1px solid #dedfe0;
}
.common_table th {
    padding: 10px 15px;
    border-bottom: 1px solid #dedfe0;
    border-right: 1px solid #dedfe0;
    background: #f4f5f7;
    color: #333;
    font-weight: normal;
}
.common_table td {
    padding: 10px 15px;
    border-bottom: 1px solid #dedfe0;
    color: #666;
    line-height: 1.8em;
    border-right: 1px solid #dedfe0;
    font-size: 14px;
}
/*제품소개 기본*/
.spec_table{width:100%; border:1px solid #eee;}
.spec_table td{width:50%;}
.spec_table .border_right{border-right:1px solid #eee;}
.spec_table .spec_tit{padding-left: 30px; height: 90px; background: #fafafa; font-weight: 900; font-size: 24px;}
.spec_table .spec_tit span{font-weight: normal; color:#999; font-size: 12px;}
.spec_table .spec_txt{padding: 20px;}
.spec_table .spec_list li{display: block; padding-left: 20px; background: url(/images/list_dot.gif) no-repeat 10px 10px; line-height: 1.5em; margin-bottom: 10px; color:#666;}
.down_btn{background: url(/images/download.gif); display: block; width:136px; height: 43px; float:right; line-height: 43px; font-size: 12px; color:#666; text-indent: 10px;}
.spec_down{padding-right: 30px; height: 90px;}
.spec_info{width:100%; margin-bottom: 60px;}
.spec_info h3{height: 30px; border-bottom: 1px solid #eee; margin-top: 30px; text-indent: 25px; background: url(/images/h3_blt.gif) no-repeat 5px 5px; color:#333; margin-bottom: 20px;}
.spec_info h3 span{font-weight: normal;color:#999; font-size: 12px;}
.font_weight{font-weight: bold;}


/*회사소개*/
.company_tit{font-size: 26px; font-weight: 700; color:#444; text-align: center; padding-top:70px;}
.company_tit span{display: block; font-size	: 16px !important; font-weight: normal !important; margin-top: 20px;}
.company_txt{line-height: 1.7em; color:#333; margin-top: 100px; text-align: center;}

/*오시는 길*/
.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:20px; width:30%; border-bottom: 1px solid #eee; border-right:1px solid #eee; background: #fafafa; color:#333;}
.map_table td{padding:20px; width:60%; border-bottom: 1px solid #eee; color:#666; line-height: 1.7em;}

.tabs {width: 100%; float: left;height:46px;border-bottom: 1px solid #eee;border-left: 1px solid #eee;font-size:13px;}
.tabs li {float: left;text-align:center;cursor: pointer;width:25%;height: 45px;line-height: 45px;border: 1px solid #eee; border-left: none;font-weight: bold;color:#666;overflow: hidden;position: relative; box-sizing:border-box;}
.tabs li.active {color:#1e4e95;background: #fafafa;border-bottom: 1px solid #eee;}
.tab_container {padding-top:30px;border-top: none;clear: both;float: left;width:100%;}
.tab_content {display: none; text-align: center;}
.tab_container .tab_content ul {width:100%;}
.tb{width:100%;border-top:2px solid #1e4e95;margin-top:20px;}
.tb th{background:#fafafa;height:60px;border-bottom:1px solid #eee;font-size:14px;color:#444;}
.tb td{height:60px;border-bottom:1px solid #eee;font-size:14px;color:#666;text-indent:20px;}