@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/*common*/
.sub_container{min-height:500px; padding:30px 0 80px; font-size:15px;}
.left{float:left; width:200px;} 
.right{float:right; width:81.25%;}/*1300/1600*/
.sub_contents>h4{font-size:28px; color:#000000; }
.sub_contents>h4>*{display:block;}
.sub_contents>h4>b{color:#e6e6e6; font-size:40px; position:relative; line-height:1.3; margin-top:5px; letter-spacing:-2px; }
.sub_contents>h4>b:before{content:''; width:24px; height:2px; display:block; background-color:#e6e6e6; position:absolute; left:0; top:0; }
.contents_wrap{margin-top:35px;}

/***서브 비주얼***/
.sub_visual{height:500px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.sub_visual01{background-image:url("../images/sub/sub_visual01.jpg");}
.sub_visual02{background-image:url("../images/sub/sub_visual02.jpg");}
.sub_visual03{background-image:url("../images/sub/sub_visual03.jpg");}
.sub_visual04{background-image:url("../images/sub/sub_visual04.jpg");}
.sub_visual05{background-image:url("../images/sub/sub_visual05.jpg");}
.sub_visual06{background-image:url("../images/sub/sub_visual06.jpg");}
/*.sub_visual_txt*/
.sub_visual_txt{display:table;  height:100%; width:100%; text-align:center; padding:90px 30px 0; }
		/*background: linear-gradient( to top, rgba(227,53,0,0.25), rgba(227,53,0,0) );*/
.sub_visual_txt>div{display:table-cell;  height:100%; color:#ffffff;  font-size:20px; vertical-align:middle;}
.sub_visual_txt h3{font-size:24px; border:1px solid #ffffff;  width:180px; padding:3px 0; margin:0 auto; box-shadow:1px 1px 3px rgba(0,0,0,0.7); 
		text-shadow:1px 1px 2px rgba(0,0,0,0.5);}
.sub_visual_txt p{font-weight:500; text-shadow:1px 1px 2px rgba(0,0,0,0.5); margin-top:10px;}
.sub_visual_txt p span{color:#e33500; font-size:22px;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:none; background-color:#e78c41;}
.sub_tab{float:left; color:#ffffff; position:relative;}
.sub_tab+div:before{content:''; width:1px; height:100%; display:block; position:absolute; left:0; top:0; bottom:0; background-color:rgba(255,255,255,0.2);}
.sub_tab_01{width:14%;}
.sub_tab_02{width:43%;}
.sub_tab_03{width:43%;}
.sub_tab_bar h4,.sub_tab_bar h3{font-weight:normal; padding:8px 15px 6px; font-size:15px; cursor:pointer;}
.sub_tab_bar strong{font-weight:normal;}
.sub_tab_bar a{display:block;}
/*icon_home*/
.sub_tab_01{text-align:center;}
.sub_tab_01>a{padding:8px 0 9px;}
.sub_tab_01 .icon_home02{width:16px; height:14px; display:inline-block; position:relative;  font-size:0; vertical-align:middle;}
.sub_tab_01 .icon_home02:before{content:''; width:0; height:0px; display:block; position:absolute; left:0px; top:0px;
		border:7px solid transparent; border-bottom-color:#ffffff; border-top:0; transform:scale(1,0.8);-webkit-transform:scale(1,0.8);
		-moz-transform:scale(1,0.8);-o-transform:scale(1,0.8);-ms-transform:scale(1,0.8);}
.sub_tab_01 .icon_home02:after{content:''; width:4px; height:4px; display:block; position:absolute; left:2px; top:6px;
		border:3px solid #ffffff; border-top-width:3px; border-bottom:0;}
/*메뉴 더보기*/
.sub_tab_bar .menu_more{position:absolute; right:12px; top:13px; width:11px; height:11px; overflow:hidden;
		text-indent:-999999px; display:block; font-size:0;}
.sub_tab_bar .menu_more:after,.sub_tab_bar .menu_more:before{content:''; display:block; background-color:#ffffff;
		width:11px; height:1px; position:absolute; left:0; top:5px;}
.sub_tab_bar .menu_more:after{width:1px; height:11px; left:5px; top:0; }
/*sub_tab_2depth 메뉴*/
.sub_tab_2depth{display:none; position:absolute; left:0; top:39px; width:100%; z-index:200; background-color:#ffffff;
		 padding:5px 10px 5px 15px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.sub_tab_2depth>li{padding:2px 0;}
.sub_tab_2depth>li>a{display:block;}
.sub_tab_2depth>li>a:hover{color:#e33500; }

/*left 메뉴 가로 1201이상 lnb 메뉴 common*/
/*lnb*/
.lnb_wrap{text-align:center; }
.lnb_title{ background:#e33500 url("../images/sub/bg_h3_lnb.png")no-repeat right center; padding:15px 20px 15px; color:#ffffff; font-size:17px; }
.lnb{border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
.lnb>li{border-top:1px solid #dddddd;}
.lnb>li>a{display:block; padding:10px 20px; font-size:15px;  position:relative; font-weight:500;}
.lnb>li>a:hover{color:#e33500; background-color:#f5f5f5;}
.lnb>li>a.lnb_on{color:#e33500; background-color:#f5f5f5;}
/*sub_cs_wrap 고객센터*/
.sub_cs_wrap{margin-top:10px;}
.sub_cs{text-align:center; background-color:#f8f8f8; font-size:14px; border:1px solid #aaaaaa;}
.sub_cs h4{font-size:16px; padding:8px 0; background-color:#393939; color:#ffffff;}
.sub_cs dl{ font-weight:500; padding:4px 0;}
.sub_cs dl+dl{border-top:1px dotted #aaaaaa;}
/*web_hard link*/
.lnb_web_hard{margin-top:5px; overflow:hidden; background:#ed6623 url("../images/main/icon_web.png")no-repeat right 30px; 
		position:relative; text-align:center; text-shadow:0 0 1px rgba(0,0,0,0.3); }
.lnb_web_hard>a{color:#ffffff; padding:6px 10px; display:block;}
.lnb_web_hard>a>*{display:block; font-size:14px;} 
.lnb_web_hard>a em{ font-weight:500;}
.lnb_web_hard>a strong{font-weight:normal; letter-spacing:0; line-height:1.4;}
.lnb_web_hard>a i{text-align:right; font-size:13px; margin-top:5px; font-weight:500;}


/*right*/
.right{position:relative;}
/*경로표시 공통 breadcrumb*/
.breadcrumb{position:absolute; right:0; top:13px;}
.breadcrumb>p{font-size:0;  text-align:right;}
.breadcrumb span{margin-left:5px; display:inline-block;  vertical-align:middle; font-weight:500; font-size:14px;}
.breadcrumb span.on{color:#e33500; }
.breadcrumb span.right_arrow{width:12px; height:12px; position:relative; overflow:hidden;}
.breadcrumb span.right_arrow:before{content:''; height:6px; width:6px; display:block; border:1px solid #666666; border-left-width:0; border-top-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg); position:absolute; top:2px; left:0px;}
/*icon_home*/
.breadcrumb .icon_home{width:16px; height:14px; display:inline-block; position:relative;  font-size:0; vertical-align:middle;}
.breadcrumb .icon_home:before{content:''; width:0; height:0px; display:block; position:absolute; left:0px; top:0px;
		border:7px solid transparent; border-bottom-color:#444444; border-top:0; transform:scale(1,0.8);-webkit-transform:scale(1,0.8);
		-moz-transform:scale(1,0.8);-o-transform:scale(1,0.8);-ms-transform:scale(1,0.8);}
.breadcrumb .icon_home:after{content:''; width:4px; height:4px; display:block; position:absolute; left:2px; top:6px;
		border:3px solid #444444; border-top-width:3px; border-bottom:0;}


/*greeting.asp 인사말*/
.greeting_img{float:left; width:32%;}
.greeting_img>span{display:block;}
.greeting_img>span+span{margin-top:20px;}
.greeting_img>span>img{box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.greeting_txt{float:right; width:58%; padding-top:30px; }
.greeting_txt em{display:block; font-size:21px; font-weight:500; color:#000000;}
.greeting_txt p{margin-top:20px;}
.greeting_txt p>span{display:inline-block; font-weight:500; font-size:17px; color:#e33500; border-bottom:1px solid #e33500; 
		padding-bottom:10px; padding-right:100px;}
.greeting_txt p strong{ color:#000000;}
.greeting_txt  b{display:block; font-size:19px; color:#000000; margin-top:50px;}

/*business_outline.asp  회사개요*/
/*commom*/
.business_outline_wrap>div{float:left; width:46%;}
.business_outline_wrap strong{font-size:19px; display:block; color:#000000; border-bottom:1px solid #bbbbbb; padding-bottom:10px;}
/*회사개요*/
.outline>div{margin:20px 0 50px; }
.outline dl{font-size:0;}
.outline dl+dl{margin-top:7px;}
.outline dt,.outline dd{float:left; font-weight:500; font-size:15px;}
.outline dt{width:18%; padding:0 8px 0 10px;  color:#222222; position:relative;}
.outline dt:before{content:''; width:3px; height:3px; background-color:#f38c37; position:absolute; left:0; top:10px; display:block;}	
.outline dt:after{content:':'; display:block; position:absolute; right:0; top:0; color:#444444;}
.outline dd{padding-left:8px; width:82%;}
/*사업분야*/
.business{margin-left:8%;}
.business>ul{margin:20px 0 82px; }
.business>ul>li{padding-left:12px; position:relative; font-weight:500;}
.business>ul>li+li{margin-top:7px;}
.business>ul>li:before{content:''; width:3px; height:3px; background-color:#f38c37; position:absolute; left:0; top:10px; display:block;}

/*history.asp 연혁*/
.history_list+dl{margin-top:50px;}
.history_list>*{float:left;}
.history_list dt{float:left; width:20%; font-size:26px; color:#000000; padding:10px 20px; font-weight:500; border-top:2px solid #000000;} 
.history_list dd{float:left; width:80%; padding-left:50px;}
.history_list:first-child dt{color:#e33500; border-color:#e33500;}
.history_list li{ padding:8px 5px 8px 0; border-top:1px solid #bbbbbb;}
.history_list li:last-child{border-bottom:1px solid #bbbbbb;}
.history_list li>*{float:left; display:block;} 
.history_list li>b{font-size:17px; width:16%; color:#222222; padding-right:30px;}
.history_list li>p{width:84%;}
.history_list li>p>*{display:block;} 
.history_list li>p>em{font-weight:500;}
.history_list li>p>span{margin-top:3px;}

/*company_motto.asp 사훈*/
.original{  text-align:center;}
.original>strong{display:block; text-align:center; font-size:35px; color:#e33500; font-family:NanumMyeongjo,'나눔명조',NanumGothic,'나눔고딕','돋움',dotum, sans-serif; font-weight:800; }
.vision_list{padding:100px 0 40px;  position:relative; height:560px;}
.vision02{display:none; }
.vision01{display:block;}
.vision_list>ul{width:900px; height:100%; position:absolute; top:0; left:50%; margin-left:-450px;}
.vision_list>ul>li{width:250px; font-family:NanumMyeongjo,'나눔명조',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;  font-weight:bold; position:absolute;
		border:1px solid #e6e6e6; border-radius:5px; z-index:-1;}
.vision_list>ul>li>em{font-size:19px; color:#f38c37; font-weight:700; display:block; padding:15px 0 10px; text-align:center; }
.vision_list>ul>li>p{padding:0 20px 15px;}
.vision_list>ul>li:nth-child(1){left:0; bottom:50px;}
.vision_list>ul>li:nth-child(2){right:0; top:30px;}

/*조직도 organization_chart.asp*/
.organization_chart{text-align:center; font-weight:500;}
.chart_1depth{width:161px; padding:20px 0; font-size:17px; margin:0 auto; position:relative; color:#ffffff; 
		background: linear-gradient( 45deg,#e33500, #f38c37); box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
.chart_1depth:before{content:''; width:1px; height:186px; background-color:#aaaaaa; position:absolute; left:50%; top:100%; z-index:-1; display:block;}
.organization_chart02{width:500px; margin:80px auto 0;}
.chart_2depth{width:130px; padding:15px 0; color:#ffffff; background: linear-gradient( 45deg,#555555, #777777); 
		box-shadow:1px 1px 2px rgba(0,0,0,0.2); position:relative;}
.chart_2depth:before{content:''; height:1px; width:120px; background-color:#aaaaaa; position:absolute; left:100%; top:50%; z-index:-1; display:block;}
.organization_chart03{width:90%; margin:90px auto 0; position:relative;}
.organization_chart03:before{content:''; height:1px; width:84%; background-color:#aaaaaa; position:absolute; left:8%; top:-40px; z-index:-1;}
.chart_3depth{width:16%; float:left; padding:10px 0; background-color:#dddddd; color:#222222; box-shadow:1px 1px 2px rgba(0,0,0,0.3);
		position:relative;}
.chart_3depth:before{content:''; width:1px; height:40px; background-color:#aaaaaa; position:absolute; left:50%; top:-40px; z-index:-1; display:block;}	
.chart_3depth+div{margin-left:0.8%;}

/*certification.asp인증현황*/
.certification_wrap ul>li{float:left; width:31%; }
.certification_wrap ul>li+li{margin-left:3.5%; margin-top:40px;}
.certification_wrap ul>li:nth-child(3),.certification_wrap ul>li:nth-child(2){margin-top:0;}
.certification_wrap ul>li:nth-child(3n+1){margin-left:0%;}
.certification_wrap ul>li>img{border:1px solid #bdb596;}
.certification_wrap ul>li>span{display:block; text-align:center; margin-top:10px;}

/*찾아오시는길*/
.map_txt{text-align:center; margin-top:30px;}
.map_txt>*{display:inline-block; vertical-align:middle; position:relative;}
.map_txt>img{display:inline-block;  vertical-align:middle; margin-right:8px;}
.map_txt dl{ padding-right:12px; margin-right:8px; }
.map_txt dl:before{content:'';width:2px; height:12px; display:block; position:absolute; right:0; top:8px; background-color:#bbbbbb;}
.map_txt dl dt,.map_txt dl dd{display:inline-block; vertical-align:middle;}
.map_txt dl dt{padding-right:7px; margin-right:5px; position:relative; font-weight:500;}
.map_txt dl dt:after{content:':'; display:block; position:absolute; right:0; top:0; color:#444444;}
.map_txt dl:last-child:before{display:none;}

/*시공현황 construction_situation.asp*/
/*시공현황 탭*/
.construction_situation_tab>li{float:left; width:24.25%; margin:3px 0;}
.construction_situation_tab>li+li{margin-left:1%;}
.construction_situation_tab>li:nth-child(4n+1){clear:both; margin-left:0;}
.construction_situation_tab>li em{display:block; font-size:15px; font-weight:500; padding:7px 5px; text-align:center;
		border:1px solid #999999; border-radius:2px; cursor:pointer; color:#888888;}
.construction_situation_tab>li em.active{color:#ffffff; background-color:#f38c37; border:1px solid #ef7e20;}
.construction_situation_tab>li:hover em{color:#ffffff; background-color:#e33500; border:1px solid #d53200;}
/*연도별 시공실적*/
.construction_situation_info{margin-top:30px; }
.tab_c_content>em{display:block; font-size:24px; position:relative; padding-left:20px;}
.tab_c_content>em:before{content: ''; width:2px; height:20px; display:block; background-color:#e33500; position:absolute; left:6px; top:10px;
		transform: rotate(25deg);  -webkit-transform: rotate(25deg);  -moz-transform: rotate(25deg); -o-transform: rotate(25deg); -ms-transform: rotate(25deg);}
.construction_situation_title{border-top:1px solid #000000; border-bottom:1px solid #000000; font-size:15px;  font-weight:500; text-align:center;
		letter-spacing:-0.5px; color:#ffffff; margin-top:15px; background-color:#666666;}
.construction_situation_title li{padding:3px 0px; }
.construction_situation_title li>span{display:block; float:left; padding:5px 5px; position:relative;  }
.construction_situation_title li>span+span:before{content:''; width:1px; height:12px; background-color:#aaaaaa; position:absolute; left:0; top:9px; display:block; }
.construction_situation_title .construction{width:40%;}
.construction_situation_title .types{width:10%}
.construction_situation_title .period{width:20%; }
.construction_situation_title .ordering_organization{width:30%;}
.construction_situation li{padding:3px 0px; border-bottom:1px solid #bbbbbb;  font-size:14px;}
.construction_situation li:nth-child(2n){background-color:#f5f5f5;}
.construction_situation li>span{display:block; float:left; padding:5px 5px; position:relative;  }
.construction_situation li>span+span:before{content:''; width:1px; height:12px; background-color:#aaaaaa; position:absolute; left:0; top:12px; display:block; }
.construction_situation .construction{width:40%; padding-left:20px;position:relative;  }
.construction_situation .construction:after{content:''; width:2px; height:2px; background-color:#444444; position:absolute; left:10px; top:15px; display:block; 
		border-radius:20px;}
.construction_situation .types{width:10%; text-align:center;} 
.construction_situation .period{width:20%; text-align:center;} 
.construction_situation .ordering_organization{width:30%; text-align:center;} 

/*health_safety.asp*/
.health_safety_wrap>div+div{margin-top:50px;}
.health_safety_list h5{font-size:26px; color:#000000; margin-bottom:10px; font-weight:700;}
.health_safety_list h6{font-size:20px; color:#e33500; margin-bottom:8px;}
.health_safety_list{display:flex; align-items:center;}
.health_safety_img{width:45%;}
.health_safety_contents{width:55%; padding-left:60px; font-size:16px;}
.health_safety_contents ul>li{position:relative; padding-left:10px; font-weight:500;}
.health_safety_contents ul>li:before{content:''; width:3px; height:3px; background-color:#f38c37; position:absolute; left:0; top:13px; display:block;}
.health_safety_contents ul>li+li{margin-top:8px;}
.health_safety_list03 ol{padding-left:26px; list-style-type:decimal-leading-zero; list-style-position:outside; font-weight:500;}
.health_safety_list03 ol>li+li{margin-top:8px;}
.health_safety02_list h5{text-align:center; font-size:26px; color:#000000; margin-bottom:10px; font-weight:700;}
.health_safety02_list h6{text-align:center; font-size:20px; color:#e33500; }
.health_safety_list04>ul{margin-top:30px; border-top:1px solid #666666;}
.health_safety_list04>ul>li{padding:20px 0;  border-bottom:1px solid #dedede;}
.health_safety_list04>ul>li>*{float:left; }
.health_safety_list04>ul>li>*+*{margin-left:30px;}
.health_safety_list04>ul>li .year{width:260px; color:#ffffff;  font-size:18px; background-color:#f38c37; padding:8px 5px; text-align:center; border-radius:30px;}
.health_safety_list04>ul>li .title{width:260px;  font-size:17px; color:#222222; line-height:46px;}
.health_safety_list04>ul>li .task{width:calc(100% - 580px);}
.health_safety_list04>ul>li .task>li{position:relative; padding-left:10px;}
.health_safety_list04>ul>li .task>li:before{content:'-'; position:absolute; left:0; top:0; display:block;}
.health_safety_list04>ul>li .task>li+li{margin-top:3px;}
.health_safety_list05_table{margin-top:20px; display:table;word-break:break-all; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;
		background-color:#fafafa;}
.health_safety_list05_table_row{display:table-row; width:100%; }
.health_safety_list05_table_cell{display:table-cell; width:20%; padding:10px 20px;} 
.health_safety_list05_table_cell+div{border-left:1px solid #dedede; }
.health_safety_list05_table_cell b{display:block; color:#e33500; font-weight:700; font-size:26px; line-height:1.4;}
.health_safety_list05_table_cell strong{display:block; font-size:20px; font-weight:700; color:#222222;}
.health_safety_list05_table_cell ul{margin-top:15px; font-weight:500;}
.health_safety_list05_table_cell ul>li{position:relative; padding-left:10px;}
.health_safety_list05_table_cell ul>li:before{content:''; width:3px; height:3px; background-color:#444444; position:absolute; left:0; top:13px; display:block;}
.health_safety_list05_table_cell ul>li+li{margin-top:3px;}
.health_safety_list06{text-align:center;}
.health_safety_list06>h5{display:inline-block; color:#ffffff;  font-size:18px; background-color:#e33500; padding:10px 50px; text-align:center; border-radius:30px; 
		font-weight:500;}

/*industrial_accident.asp*/
.industrial_accident_wrap ul>li{float:left; width:31%; margin-top:40px;}
.industrial_accident_wrap ul>li+li{margin-left:3.5%; }
.industrial_accident_wrap ul>li:nth-child(3n+1){margin-left:0%;}
.industrial_accident_wrap ul>li>img{border:1px solid #bdb596;}
.industrial_accident_wrap ul>li>span{display:block; text-align:center; margin-top:10px;}

/*1660이하 */
@media screen and (max-width:1660px){
/*common*/
.left{width:160px;} 
.right{width:83%;}
/*left*/
.lnb_web_hard>a{padding:6px 8px;}

/*greeting.asp 인사말*/
.greeting_img{width:36%;}
.greeting_txt{ padding-top:10px;}
.greeting_txt p>span{padding-right:0px;}

/*business_outline.asp  회사개요*/
/*commom*/
.business_outline_wrap>div{width:49.25%;}
/*회사개요*/
.outline dt{width:19.5%;}
.outline dd{width:80.5%;}
/*사업분야*/
.business{margin-left:1.5%;}




}



/*1200이하 */
@media screen and (max-width:1200px){

/*common*/
.left{display:none;}
.right{float:none; width:100%;}
.sub_contents>h4{text-align:center;}
.sub_contents>h4>b:before{left:50%; margin-left:-12px;}

/***서브 비주얼***/
/*.sub_visual_txt*/
.sub_visual_txt{padding:76px 30px 0;}  


/***sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭***/
.sub_tab_bar{display:block;}

/*경로표시 공통 breadcrumb*/
.breadcrumb{position:static; padding-bottom:15px; }
.breadcrumb>p{text-align:center;}




}


/*1024이하 */
@media screen and (max-width:1024px){

.sub_visual_txt{padding:76px 15px 0;}  

/*greeting.asp 인사말*/
.greeting_img{float:none; width:100%;}
.greeting_img>span{float:left; width:49%}
.greeting_img>span+span{margin-top:0; margin-left:2%}
.greeting_txt{float:none; width:100%; padding-top:30px; text-align:center; }

/*business_outline.asp  회사개요*/
/*commom*/
.business_outline_wrap>div{float:none; width:100%;} 
.business_outline_wrap>div+div{margin-top:40px;}
/*회사개요*/
.outline>div{margin:20px 0 30px; }
/*사업분야*/
.business{margin-left:0;}
.business>ul{margin:20px 0 30px; }

/*company_motto.asp 사훈*/
.vision01>img{width:360px;}
.vision_list>ul{width:100%; left:0; margin-left:0;}
.vision_list>ul>li{width:26%;}
.vision_list>ul>li>em{padding:15px 0 5px;}
.vision_list>ul>li>p{padding:0 15px 10px;}


/*조직도 organization_chart.asp*/
.organization_chart03{width:100%;}

/*certification.asp인증현황*/
.certification_wrap ul>li{float:left; width:33%; }
.certification_wrap ul>li+li{margin-left:0.5%;}

/*시공현황 construction_situation.asp*/
/*연도별 시공실적*/
.construction_situation_title li>span:nth-child(2){clear:both;}
.construction_situation_title li>span:nth-child(2):before{display:none;}
.construction_situation_title .construction{width:100%;}
.construction_situation_title .types{width:16%;  border-top:1px solid #aaaaaa;}
.construction_situation_title .period{width:42%; border-top:1px solid #aaaaaa;}
.construction_situation_title .ordering_organization{width:42%;border-top:1px solid #aaaaaa;}
.construction_situation li>span:nth-child(2){clear:both;}
.construction_situation li>span:nth-child(2):before{display:none;}
.construction_situation .construction{width:100%;}
.construction_situation .types{width:16%;}
.construction_situation .period{width:42%;}
.construction_situation .ordering_organization{width:42%;}

/*health_safety.asp*/
.health_safety_list{display:block;}
.health_safety_img{width:100%;}
.health_safety_contents{width:100%; padding-left:0; margin-top:30px;}
.health_safety_list04>ul>li>*+*{margin-left:20px;}
.health_safety_list04>ul>li .year{width:160px;}
.health_safety_list04>ul>li .title{width:215px;}
.health_safety_list04>ul>li .task{width:calc(100% - 415px);}
.health_safety_list05_table_cell{padding:10px 10px;}

/*industrial_accident.asp*/
.industrial_accident_wrap ul>li{width:33%; }
.industrial_accident_wrap ul>li+li{margin-left:0.5%; }

}


/*768이하 */
@media screen and (max-width:768px){
/*common*/
.sub_contents>h4{font-size:24px;}
.sub_contents>h4>b{font-size:32px;}
.contents_wrap{margin-top:25px;}

/***서브 비주얼***/
.sub_visual{height:300px;}
/*.sub_visual_txt*/
.sub_visual_txt>div{ font-size:17px;}
.sub_visual_txt h3{font-size:20px;   width:160px; }
.sub_visual_txt p span{font-size:19px;}

/***sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭***/
.sub_tab_01{display:none;}
.sub_tab_02{width:50%;}
.sub_tab_03{width:50%;}
.sub_tab.sub_tab_02:before{display:none;}

/*greeting.asp 인사말*/
.greeting_txt em{font-size:18px;}
.greeting_txt p{margin-top:15px;}
.greeting_txt p>span{font-size:15px;}
.greeting_txt  b{font-size:16px; margin-top:25px;}

/*business_outline.asp  회사개요*/
/*commom*/
.business_outline_wrap strong{font-size:18px;}
/*회사개요*/
.outline dt{width:23%;} 
.outline dd{width:77%;}

/*history.asp 연혁*/
.history_list>*{float:none;}
.history_list dt{float:none; width:100%; font-size:22px; padding:12px 10px; text-align:center;}
.history_list dd{float:none; width:100%; padding-left:0;}
.history_list li{padding:6px 5px;} 
.history_list li>b{font-size:16px; width:17%; padding-right:10px;}
.history_list li>p{width:83%;}

/*company_motto.asp 사훈*/
.original>strong{font-size:28px;}
.vision_list{padding:50px 0 0; height:auto}
.vision01{display:none; }
.vision02{display:block;}
.vision_list>ul{position:static; margin-top:50px;}
.vision_list>ul>li{position:static; width:60%; margin:0 auto;}
.vision_list>ul>li+li{margin-top:20px;}


/*조직도 organization_chart.asp*/
.chart_1depth:before{height:216px;}
.chart_1depth:after{content:''; width:100%; height:1px; background-color:#aaaaaa; display:block; position:absolute; right:50%; top:175px; z-index:-1;} 
.organization_chart02{width:100%;}
.chart_2depth{width:30%;}
.chart_2depth:before{display:none;} 
.organization_chart03{margin-top:80px;}
.organization_chart03:before{display:none;}
.chart_3depth{width:100%;}
.chart_3depth:before{display:none;}
.chart_3depth+div{margin-left:0; margin-top:10px;}

/*certification.asp인증현황*/
.certification_wrap ul>li{float:none; width:100%; }
.certification_wrap ul>li+li{margin-left:0; margin-top:30px;}
.certification_wrap ul>li:nth-child(3),.certification_wrap ul>li:nth-child(2){margin-top:30px;}

/*시공현황 construction_situation.asp*/
/*시공현황 탭*/
.construction_situation_tab>li{ width:49.5%; }
.construction_situation_tab>li:nth-child(2n+1){clear:both; margin-left:0;}
/*연도별 시공실적*/
.construction_situation_title li>span+span:before{top:11px;}
.construction_situation li>span+span:before{top:9px;}
.construction_situation .construction{padding-left:17px;}

/*health_safety.asp*/
.health_safety_wrap>div+div{margin-top:40px;} 
.health_safety_list h5{font-size:22px;}
.health_safety_list h6{font-size:19px;}
.health_safety_contents{margin-top:20px; font-size:14px; }
.health_safety_contents ul>li:before{top:11px;}
.health_safety_contents ul>li+li{margin-top:5px;}
.health_safety_list03 ol>li+li{margin-top:5px;}
.health_safety02_list h5{font-size:22px;}
.health_safety02_list h6{font-size:19px;}
.health_safety_list04>ul>li{text-align:center;}
.health_safety_list04>ul>li>*{float:none; }
.health_safety_list04>ul>li>*+*{margin-left:0; }
.health_safety_list04>ul>li .year{margin:0 auto;}
.health_safety_list04>ul>li .title{margin:10px auto 0; line-height:1.7;}
.health_safety_list04>ul>li .task{display:inline-block; text-align:left; width:auto; margin-top:10px;}
.health_safety_list05_table{display:block;}
.health_safety_list05_table_row{display:block; font-size:0; background-color:#ffffff;}
.health_safety_list05_table_cell{display:inline-block; width:50%; vertical-align:top; font-size:14px; margin-bottom:20px; min-height:200px; background-color:#fafafa;} 
.health_safety_list05_table_cell:first-child{border-left:1px solid #dedede; }
.health_safety_list05_table_cell b{font-size:22px; }
.health_safety_list05_table_cell strong{font-size:19px;}
.health_safety_list05_table_cell ul{margin-top:10px;}
.health_safety_list05_table_cell ul>li:before{top:11px;}

/*industrial_accident.asp*/
.industrial_accident_wrap ul>li{float:none; width:100%; }
.industrial_accident_wrap ul>li+li{margin-left:0; margin-top:30px;}

}

/*420이하 */
@media screen and (max-width:420px){
/*common*/
.sub_contents>h4{font-size:22px;}

/***서브 비주얼***/
/*.sub_visual_txt*/
.sub_visual_txt{ padding:71px 15px 0;}
.sub_visual_txt>div{ font-size:16px;}
.sub_visual_txt h3{font-size:19px;   width:140px; padding:2px 0; }
.sub_visual_txt p span{font-size:18px;}

/*greeting.asp 인사말*/
.greeting_img>span{float:none; width:100%}
.greeting_img>span+span{margin-top:10px; margin-left:0;}
.greeting_txt p{text-align:left; }
.greeting_txt p>span{padding-bottom:5px;}

/*business_outline.asp  회사개요*/
/*회사개요*/
.outline dt{width:32%;} 
.outline dd{width:68%;}

/*history.asp 연혁*/
.history_list dt{padding:10px 10px; font-size:20px;} 
.history_list li>b{width:22%; font-size:14px;}
.history_list li>p{font-size:14px; width:78%;}

/*company_motto.asp 사훈*/
.original>strong{font-size:24px;}
.vision_list>ul>li{width:100%;} 
.vision_list>ul>li>em{font-size:17px;}

/*조직도 organization_chart.asp*/
.chart_1depth:before{height:200px;}
.chart_1depth:after{top:155px; width:50%;}
.organization_chart02{margin-top:60px;}
.organization_chart03{margin-top:60px;}
.chart_3depth{font-size:14px; padding:6px 0;}
/*찾아오시는길*/
.map_txt>*{display:block;} 
.map_txt>img{margin-bottom:5px;}
.map_txt dl{ padding-right:0; margin-right:0; }
.map_txt dl:before{display:none;}

}