﻿/* 공통 css */
#container h3{font-size:20px; margin-top: 100px; }


/* 회사소개 공통 */
.introduce_title{width:100%; height:348px; 
                     background:url(images/introduce_visual.jpg ) no-repeat center top/cover;}
.introduce_title h2{width: 1000px; margin:0 auto; padding-top: 120px; 
                         font-size:40px; color:white; }
.introduce_title p {width: 1000px; margin:0 auto; padding-top: 30px; 
                         font-size:20px; color:white; }

.introduce_inner_menu{width:100%; height: 60px; background:#bf0000; 
                               line-height: 20px; }
.introduce_inner_menu h2{display:none;}

.introduce_inner_menu ul{width: 1000px; margin:0 auto;}

.introduce_inner_menu li{ height:60px; float: left; width: 200px; text-align:center; }

.introduce_inner_menu li:hover{background:url(images/arrow_bottom.png) no-repeat center 42px;}

.introduce_inner_menu li a{width: 200px; text-align:center; 
                      box-sizing: border-box;  margin-top: 15px; 
                      border-right: 1px solid rgba(255,255,255,0.4); 
	        display:block; font-size: 15px; color: #fff;}

.introduce_inner_menu li a:first-child{border-left: 1px solid rgba(255,255,255,0.5);}


/* 사업소개 공통 */
.business_title{width:100%; height:348px; 
                     background:url(images/business_visual.jpg ) no-repeat center top/cover;}
.business_title h2{width: 1000px; margin:0 auto; padding-top: 120px; 
                         font-size:40px; color:white; }
.business_title p {width: 1000px; margin:0 auto; padding-top: 30px; 
                         font-size:20px; color:white; }

.business_inner_menu{width:100%; height: 60px; background:#bf0000; 
                 line-height: 20px; }
.business_inner_menu h2{display:none;}

.business_inner_menu ul{width: 1000px; margin:0 auto;}

.business_inner_menu li{ height:60px; float: left; width: 333px; text-align:center; }

.business_inner_menu li:hover{background:url(images/arrow_bottom.png) no-repeat center 42px;}

.business_inner_menu li a{width: 333px; text-align:center; 
                      box-sizing: border-box;  margin-top: 15px; 
                      border-right: 1px solid rgba(255,255,255,0.4); 
	        display:block; font-size: 15px; color: #fff;}

.business_inner_menu li a:first-child{border-left: 1px solid rgba(255,255,255,0.5);}


/* 제품소개 공통 */
.product_title{width:100%; height:348px; 
                     background:url(images/product_visual.jpg ) no-repeat center top/cover;}
.product_title h2{width: 1000px; margin:0 auto; padding-top: 120px; 
                         font-size:40px; color:white; }
.product_title p {width: 1000px; margin:0 auto; padding-top: 30px; 
                         font-size:20px; color:white; }

.product_inner_menu{width:100%; height: 60px; background:#bf0000; 
                 line-height: 20px; }
.product_inner_menu h2{display:none;}

.product_inner_menu ul{width: 1000px; margin:0 auto;}

.product_inner_menu li{ height:60px; float: left; width: 1000px; text-align:center; }

.product_inner_menu li:hover{background:url(images/arrow_bottom.png) no-repeat center 42px;}

.product_inner_menu li a{width: 1000px; text-align:center; 
                      box-sizing: border-box;  margin-top: 15px; 
                      border-right: 1px solid rgba(255,255,255,0.4); 
	        display:block; font-size: 15px; color: #fff;}

.product_inner_menu li a:first-child{border-left: 1px solid rgba(255,255,255,0.5);}


/* 공사실적 공통 */
.construction_title{width:100%; height:348px; 
                     background:url(images/construction_visual.jpg ) no-repeat center top/cover;}
.construction_title h2{width: 1000px; margin:0 auto; padding-top: 120px; 
                         font-size:40px; color:white; }
.construction_title p {width: 1000px; margin:0 auto; padding-top: 30px; 
                         font-size:20px; color:white; }

.construction_inner_menu{width:100%; height: 60px; background:#bf0000; 
                 line-height: 20px; }
.construction_inner_menu h2{display:none;}

.construction_inner_menu ul{width: 1000px; margin:0 auto;}

.construction_inner_menu li{ height:60px; float: left; width: 1000px; text-align:center; }

.construction_inner_menu li:hover{background:url(images/arrow_bottom.png) no-repeat center 42px;}

.construction_inner_menu li a{width: 1000px; text-align:center; 
                      box-sizing: border-box;  margin-top: 15px; 
                      border-right: 1px solid rgba(255,255,255,0.4); 
	        display:block; font-size: 15px; color: #fff;}

.construction_inner_menu li a:first-child{border-left: 1px solid rgba(255,255,255,0.5);}


/* 고객지원 공통 */
.customer_title{width:100%; height:348px; 
                     background:url(images/customer_visual.jpg ) no-repeat center top/cover;}
.customer_title h2{width: 1000px; margin:0 auto; padding-top: 120px; 
                         font-size:40px; color:white; }
.customer_title p {width: 1000px; margin:0 auto; padding-top: 30px; 
                         font-size:20px; color:white; }

.customer_inner_menu{width:100%; height: 60px; background:#bf0000; 
                 line-height: 20px; }
.customer_inner_menu h2{display:none;}

.customer_inner_menu ul{width: 1000px; margin:0 auto;}

.customer_inner_menu li{ height:60px; float: left; width: 500px; text-align:center; }

.customer_inner_menu li:hover{background:url(images/arrow_bottom.png) no-repeat center 42px;}

.customer_inner_menu li a{width: 500px; text-align:center; 
                      box-sizing: border-box;  margin-top: 15px; 
                      border-right: 1px solid rgba(255,255,255,0.4); 
	        display:block; font-size: 15px; color: #fff; text-decoration: none;}

.customer_inner_menu li a:first-child{border-left: 1px solid rgba(255,255,255,0.5);}


/* ceo 시작 */
.ceo, .ceo_contents{width:1000px; margin:0px auto; }
.ceo h3{width: 103px; border-top: 2px solid #000; padding-top: 5px;}
.ceo p{color: #bf0000; margin: 12px 0 50px 0; }

.ceo_contents b{font-size: 17px; }
.ceo_contents p{margin-bottom: 10px; line-height: 30px;}
.ceo_contents p:nth-child(even){margin-bottom: 50px;}
/* ceo 끝 */


/* company 시작 */
.company, .company_contents{width:1000px; margin:0px auto; }
.company h3{width: 76px; border-top: 2px solid #000; padding-top: 5px;}
.company p{color: #bf0000; margin: 12px 0 50px 0; }

.company_contents p:nth-child(1){text-align: center;}

.company_contents b{font-size: 17px; }
.company_contents p{margin-bottom: 10px; line-height: 30px;}
.company_contents p:nth-child(odd){margin-bottom: 50px;}
/* company 끝 */


/* timeline 시작 */
.timeline{width:1000px; margin:0px auto; }
.timeline1, .timeline2{ float:left; width:500px;}
.timeline h3{width: 76px; border-top: 2px solid #000; padding-top: 5px;}
.timeline p{color: #bf0000; margin: 12px 0 50px 0; }

.time{width:1000px; margin:0 auto; height: 680px; }

.time h4{font-size:20px; color:#25346b; float:left; margin-right:35px;}
.time>ol li{clear:both;}
.time>ol>li{width: 450px; margin-bottom:30px; float: left; border-bottom: 1px solid #999;}
.time>ol>li>ol{float:left;}

.time p{font-size:14px; margin-bottom:22px;}
.time p:first-child{font-size:18px; color:#3b77c1;}
.time p:first-child,.time p:nth-child(2){float:left;}
.time p:nth-child(3),.time p:nth-child(4),.time p:nth-child(5){margin-left:55px;}

.timeline1 p:nth-child(odd){margin-right:35px;}

.timeline1>li:nth-child(3)>ol>li>p:nth-child(3){clear:both;}
/* timeline 끝 */


/* form 시작 */
.form, .form_img{width:1000px; margin:0px auto;}
.form h3{width: 57px; border-top: 2px solid #000; padding-top: 5px;}
.form p{color: #bf0000; margin: 12px 0 50px 0; }
/* form 끝 */


/* road 시작 */
.road, .road_map, .road_traffic{width:1000px; margin:0px auto;}
.road h3{width: 76px; border-top: 2px solid #000; padding-top: 5px;}
.road p{color: #bf0000; margin: 12px 0 50px 0; }

.road_map span{background:#213f99; position:absolute; width:1000px; height: 40px; 
                      opacity:0.8; color:#fff; text-align:center; padding-top: 12px; font-size: 14px;  }
.road_map img{width=1000px; height=550px; margin-bottom: 50px;}

.road_traffic table{ border-collapse:collapse; width: 1000px; }
.road_traffic td{padding: 20px 0; border-bottom: 1px solid rgba(33,63,153,0.3); }
.road_table_1 td{padding: 18px 0; background: rgba(33,63,153,0.8); color: #fff; }
.road_table_1 td b{border-right: 1px solid #fff; padding-right: 40px; }
.road_table_1 td:nth-child(1){width: 150px; padding-left: 40px; }
.road_table_1 td:nth-child(2){width: 310px; }
.road_table_1 td:nth-child(3){width: 150px; }
.road_table_1 td:nth-child(4){width: 390px; }

.road_table_2 td{font-size: 15px; }
.road_table_2 td span{padding-left: 45px; }
.road_table_2 tr:not(:first-child) td{overflow:hidden;}
.road_table_2 tr:last-child span{padding-left: 58px;}
.road_table_2 td:nth-child(1){width: 100px; padding-left: 38px; }
.road_table_2 td:nth-child(2){width: 360px; padding-left: 50px; }
.road_table_2 td:nth-child(3){width: 540px;}
/* road 끝 */


/* important 시작 */
.important,.important_work{width:1000px; margin:0px auto;}
.important h3{width: 76px; border-top: 2px solid #000; padding-top: 5px;}
.important p{color: #bf0000; margin: 12px 0 50px 0; }

.important_work{height: 520px;}
.important_work li{float: left; margin:0 28px 30px 0;}
/* important 끝 */


/* license 시작 */
.license,.license_list{width:1000px; margin:0px auto;}
.license h3{width: 121px; border-top: 2px solid #000; padding-top: 5px;}
.license p{color: #bf0000; margin: 12px 0 50px 0; }

.license_list{height:3450px; }
.license_list>ul>li>p{padding: 10px 0; text-align: center; 
                      border-top: 1px solid #888; border-bottom: 1px solid #888; }
.license_list>ul>li:not(:first-child)>p{clear:both; }
.license_list>ul>li>ul>li{float:left; height:405px; margin:20px 10px 20px 10px;
                          border:1px solid #d9d9d9; box-shadow:0 2px 5px rgba(0,0,0,0.2); text-align:center;}
.license_list>ul>li>ul>li>p{line-height: 30px; }
.license_list>ul>li>ul>li>p:nth-child(2){font-size: 14px; }
.license_list>ul>li>ul>li img{ width:228px; padding:15px 15px 0 15px;}

.license_list_1 ul{height: 500px;}
.license_list_2 ul{height: 500px;}
.license_list_3 ul{height: 950px;}
.license_list_4 ul{height: 500px;}
/* license 끝 */


/* process 시작 */
.process,.process_order{width:1000px; margin:0px auto; }
.process h3{width: 76px; border-top: 2px solid #000; padding-top: 5px;}
.process p:nth-of-type(1){color: #bf0000; margin: 20px 0 25px 0; }

.process_order{height: 1310px; }
.process_order li{float:left;}
.process_order li:nth-child(odd){margin-right: 70px;}
.process_order li p{text-align: center;}
.process_order li p:nth-child(2){font-size: 18px; font-weight: bold; margin-top: 22px; }
.process_order li p:nth-child(3){font-size: 18px; font-weight: bold; margin: 15px 0;}
.process_order li p:nth-child(4){font-size: 16px; margin-bottom: 50px; 
                                 height: 48px; border-bottom: 1px solid #7f8fa0;}

.process_care{float: right; color: #bf0000; font-size: 13px; padding:0 360px 35px 0;}
/* process 끝 */


/* product 시작*/
.product, .product_list{width:1000px; margin:0px auto; }
.product h3{width: 85px; border-top: 2px solid #000; padding-top: 5px;}
.product p{color: #bf0000; margin: 12px 0 50px 0;}

.product_menu{margin: -20px auto 36px auto; width:1000px; height:160px;}
.product_menu li{float:left; width: 200px; height: 40px; line-height: 40px; text-align:center; 
                 border-right: 1px solid rgba(255,255,255,0.4); border-bottom: 1px solid rgba(255,255,255,0.4); 
                 background:#bf0000;}
.product_menu li:nth-child(5),.product_menu li:nth-child(10),.product_menu li:nth-child(15), .product_menu li:nth-child(20){border-right: none;}
.product_menu a{color: #fff;  height:39px; font-size: 14px; display:block;}
.product_menu a:hover{background:#fff; color:#bf0000; border:1px solid #bf0000; box-sizing:border-box;}

.product_list_1{ height:670px; }
.product_list_2{ height:1030px; }
.product_list_3{ height:340px; }
.product_list_4{ height:340px; }
.product_list_5{ height:340px; }
.product_list_6{ height:340px; }
.product_list_7{ height:670px; }
.product_list_8{ height:1350px; }
.product_list_9{ height:340px; }
.product_list_10{ height:340px; }
.product_list_11{ height:340px; }
.product_list_12{ height:670px; }
.product_list_13{ height:340px; }
.product_list_14{ height:340px; }
.product_list_15{ height:340px; }
.product_list_16{ height:670px; }
.product_list_17{ height:340px; }
.product_list_18{ height:340px; }
.product_menu li:nth-child(19),.product_menu li:nth-child(20){background:#fff;}


.product_list>ul>li>p{padding: 10px 0; text-align: center; 
                             border-top: 1px solid #888; border-bottom: 1px solid #888; }
.product_list>ul>li:not(:first-child)>p{clear:both; }
.product_list>ul>li>ul>li{float:left; height:290px; margin:20px 21px 15px 10px;
                                 border:1px solid #d9d9d9; box-shadow:0 2px 5px rgba(0,0,0,0.2); text-align:center; }
.product_list>ul>li>ul>li:last-child{margin-bottom: 70px; }
.product_list>ul>li>ul>li>p{line-height: 37px; font-size: 15px; }
.product_list>ul>li>ul>li img{width:300px; padding:10px 10px 0 10px; }
/* product 끝*/


/* construction 시작*/
.construction,.construction_list{width:1000px; margin:0px auto;}
.construction h3{width: 76px; border-top: 2px solid #000; padding-top: 5px;}
.construction p{color: #bf0000; margin: 12px 0 50px 0;}

.construction_list table{ border-collapse:collapse; text-align:center;}
.construction_list thead th{line-height: 50px; border-bottom: 1px solid #000; border-top: 1px solid #000;}
.construction_list>table>thead th:nth-child(1){width: 200px;}
.construction_list>table>thead th:nth-child(2){width: 500px; }
.construction_list>table>thead th:nth-child(3){width: 300px; }
.construction_list>table>tbody td{line-height: 40px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.construction_list>table>tbody td:first-child{font-size:14px; font-weight: bold; text-align:center;}
.construction_list>table>tbody td:last-child{font-size:14px; padding-left: 10px; }
/* construction 끝*/


/* data 시작 */
.data,.data_list{width:1000px; margin:0px auto; }
.data h3{width: 57px; border-top: 2px solid #000; padding-top: 5px;}
.data p{color: #bf0000; margin: 12px 0 50px 0; }

.data_list table{ border-collapse:collapse; text-align:center;}
.data_list thead th{line-height: 50px; border-bottom: 1px solid #000; border-top: 1px solid #000;}
.data_list>table>thead th:nth-child(1){width: 200px;}
.data_list>table>thead th:nth-child(2){width: 500px; }
.data_list>table>thead th:nth-child(3){width: 300px; }
.data_list>table>tbody td{line-height: 40px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.data_list>table>tbody td:first-child{font-size:14px; font-weight: bold; text-align:center;}
.data_list>table>tbody td:last-child{font-size:14px; padding-left: 10px; }
/* data 끝 */


/* brochure 시작 */
.brochure,.brochure_list{width:1000px; margin:0px auto; }
.brochure h3{width: 76px; border-top: 2px solid #000; padding-top: 5px;}
.brochure p{color: #bf0000; margin: 12px 0 50px 0; }

.brochure_list table{ border-collapse:collapse; }
.brochure_list thead th{line-height: 50px; border-bottom: 1px solid #000; border-top: 1px solid #000;}
.brochure_list>table>thead th:nth-child(1){width: 200px;}
.brochure_list>table>thead th:nth-child(2){width: 500px; }
.brochure_list>table>thead th:nth-child(3){width: 300px; }
.brochure_list>table>tbody td{line-height: 40px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.brochure_list>table>tbody td:nth-child(1){font-size:14px; font-weight: bold; text-align:center;}
.brochure_list>table>tbody td:nth-child(2){font-size:14px; }
.brochure_list>table>tbody td:nth-child(3){font-size:14px;  text-align:center;}
/* brochure 끝 */


/* online 시작 */
.online,.online_list{width:1000px; margin:0px auto; }
.online h3{width: 94px; border-top: 2px solid #000; padding-top: 5px;}
.online p{color: #bf0000; margin: 12px 0 50px 0; }

.online_list table{ border-collapse:collapse;  text-align: center;}
.online_list thead th{line-height: 50px; border-bottom: 1px solid #000; border-top: 1px solid #000;}
.online_list>table>thead th:nth-child(1){width: 200px;}
.online_list>table>thead th:nth-child(2){width: 500px; }
.online_list>table>thead th:nth-child(3){width: 300px; }
.online_list>table>tbody td{line-height: 40px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.online_list>table>tbody td:nth-child(1){font-size:14px; font-weight: bold;}
.online_list>table>tbody td:nth-child(2){font-size:14px; }
.online_list>table>tbody td:nth-child(3){font-size:14px;  text-align:center;}
/* online 끝 */


.construction_inner_menu ul li a {
 
    text-decoration: none;}




