@charset "UTF-8";


.graph{
	position: relative; 
	display:inline-block;
	float:left; 
	width:95%;
	font-size:15px;	
	border-radius: 50px;
	background: #CCCCCC; 
	margin-bottom:1%;
	
}
.graph .bar { 
	display: block;
	position: relative;	
	border-radius: 50px;
	background: #145593;
	text-align: center; 
	color: #fff; 
	height: 2em; 
	line-height: 2em;
}
.graph .bar span { position: absolute; left: 1em; }

.tabMenu {
	text-align:center;
}

.tabMenu1{
	display:inline-block;
	width:40%; 
	height:50px;
	background:#eeeeee;
	 border-bottom:2px solid #ff6600 ; 
}

.tabMenu1 span {
	line-height:50px;
	font-weight:bold;
	letter-spacing:0.1em;
	box-sizing:border-box;
}

.tabMenu2{
	display:inline-block;
	width:40%; 
	height:50px;
	background:#ff6600;
}

.tabMenu2 span{
	line-height:50px; 
	color:#fff;
	font-weight:bold;
	letter-spacing:0.1em;
}

.arrow_down {width:0; height:0; border-left:13px solid transparent; border-right:13px solid transparent; border-top:18px solid #ff6600; margin:0 auto; }





@media all and (max-width:1024px){

	.tabMenu1{
		display:inline-block;
		width:40%; 
		height:50px;
		background:#eeeeee;
	}

	.tabMenu1 span {
		line-height:50px;
		font-weight:bold;
		letter-spacing:0.1em;
		color:#333;
	}

	.tabMenu2{
		display:inline-block;
		width:40%; 
		height:50px;
		background:#ff6600;

	}

	.tabMenu2 span{
		line-height:50px; 
		color:#fff;
		font-weight:bold;
		letter-spacing:0.1em;
	}


}


@media all and (max-width:640px){


}


#visualWrap{width:100%; overflow:hidden; padding-top:20px;}
/*==========================================================================================================================================================================================================*/
table caption { position:absolute; left:-10000px; top:auto; width:0px; height:0px; overflow:hidden; font-size:0; text-indent:-9999px;  }
#accessibility, .skip, hr, legend{
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	z-index:-1;
	position:absolute;
	left:-1000px
}



.contBg {width:100%; background:#ffffff; float:left;}
.contBg .cont_area {width:1220px;  overflow:hidden;}
.contBg .cont_area h2 {text-align:center; font-size:36px; font-weight:bold;}
.contBg .cont_area h2 span {color:#f37321; font-size:36px;}
.contBg .cont_area h2 p {text-align:center; padding-top:16px; color:#626262; line-height:20px; font-size:14px;}
.contBg .cont_area .sub_wrap {float:left; width:100%; position:relative;}
.contBg .cont_area .sub_wrap .ceo {width:100%; border-bottom:1px solid #e2e2e2; height:299px; margin-top:40px;}
.contBg .cont_area .sub_wrap .ceo .profil{ overflow:hidden; float:left; padding-left:50px;}
.contBg .cont_area .sub_wrap .ceo .text { float:left; margin-left:70px; }
.contBg .cont_area .sub_wrap .ceo .text p{ padding:80px 0px 30px 0px; font-size:38px; font-weight:600; word-spacing:-1px; letter-spacing:-1px; color:#6e6e6e;}
.contBg .cont_area .sub_wrap .ceo .text span.tit01 { color:#f37321; font-size:38px;}
.contBg .cont_area .sub_wrap .ceo .text span.tit02 { font-size:24px; line-height:24px; float:left; font-family:"NanumMyeongjo"; line-height:32px; letter-spacing:-1px;}
.contBg .cont_area .sub_wrap .ceo .text span.tit03 {color:#873500; font-family:"NanumMyeongjo"; line-height:32px; letter-spacing:-1px; font-size:24px; }
.contBg .cont_area .sub_wrap .ceo .message {float:left; padding:40px 40px 60px 40px; margin-top:10px; font-size:16px; line-height:24px; position:relative;}
.contBg .cont_area .sub_wrap .ceo .message span.sign {position:absolute;  right:0; }
.contBg .cont_area .sub_wrap .boss {width:100%; border-bottom:1px solid #e2e2e2; height:287px; margin-top:40px;}
.contBg .cont_area .sub_wrap .boss .profil{ overflow:hidden; float:left; padding-left:50px;}
.contBg .cont_area .sub_wrap .boss .text { float:left; margin-left:50px; width:600px;}
.contBg .cont_area .sub_wrap .boss .text p{ padding:100px 0px 30px 0px;}
.contBg .cont_area .sub_wrap .boss .text span.tit01 { color:#f37321; font-size:38px;}
.contBg .cont_area .sub_wrap .boss .text span.tit02 { font-size:24px; line-height:24px; float:left; font-family:"NanumMyeongjo"; line-height:32px; letter-spacing:-1px;}
.contBg .cont_area .sub_wrap .boss .text span.tit03 {color:#873500; font-family:"NanumMyeongjo"; line-height:32px; letter-spacing:-1px; font-size:24px; }
.contBg .cont_area .sub_wrap .boss .message {float:left; padding:40px 40px 60px 40px; margin-top:10px; font-size:16px; line-height:24px; position:relative;}
.contBg .cont_area .sub_wrap .boss .message span.sign01 {position:absolute; right:30px; }

.product_btn3 {width:200px; height:50px; color:#fff; background:#02589c; text-align:center; margin:0 auto; clear:both; }
.product_btn3 a{color:#fff; line-height:50px; font-size:16px; font-weight:bold; }

/*현장정보*/
.jobList{overflow:hidden;width:100%;height:auto; padding-bottom:15px;}
.jobList li{overflow:hidden;width:100%;height:auto;border-top:2px solid #e1e1e1;}
.jobList li .fl{overflow:hidden;float:left;position:relative;width:40%;height:auto;padding-right:5%;}
.jobList li .fl .icoNew{position:absolute;right:0;bottom:0}
.jobList li .fr{float:right;position:relative;width:55%; background: url(../img/03/logo.png) no-repeat; background-position: 100% 2%; }
.jobList li .fr .txt01{overflow:hidden;width:100%;height:auto;margin:10px 0 20px 10px;padding-top:0px;font-size:14px;color:#333;}
.jobList li .fr .txt01 a{font-size:14px;color:#333;}
.jobList li .fr .txt01 a strong{font-size:14px;color:#145593;}
/*.jobList li .fr .txt01 a:hover{text-decoration:underline;}*/
.jobList li .fr .txt02{float:left;overflow:hidden;width:15%;height:auto;line-height:2.1em;font-size:14px;color:#555; padding-top:0px;margin-left:10px;}
.jobList li .fr .txt02_1{float:right;overflow:hidden;width:80%;height:auto;line-height:2.1em;font-size:14px;color:#555; padding-top:0px;}
.jobList li .fr .txt03{position:absolute;left:0; top:80%; bottom:0;width:100%;height:auto; font-size:14px;color:#145593; font-weight:bold;padding-top:10%;margin-left:10px;}
.jobList li .fr .txt01 img {float:right;}
.jobList li .fl img {width:100%;}
/*.paginate_wrap {float:left;position:relative;background: url(../img/03/paging_640.jpg) no-repeat; background-position: 50% 0%;}*/


/*테이블 - 리스트*/
.board_search .page_num {float:left; margin:0; padding:10px 0px 0px 10px;}

.board_search{width:100%; overflow:hidden; margin:10px 0;}
.board_search dl{float:right}
.board_search dl dt{float:left}
.board_search dl dd{float:left; margin-right:5px; height:38px;}

.board_search_inp{display:inline-block; vertical-align: middle; width: 190px; height:35px; line-height:24px;}
.board_search input[type="text"] {float:left; width:190px; height:35px; line-height:24px; margin:0; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.board_search select {width:80px; height:38px; line-height:24px; vertical-align:middle;  border: 1px solid #dddddd; color: #646464; margin: 0 5px 0 0; padding-left:5px;}
.board_list{width:100%; border-collapse: collapse;  margin: 0 auto;}
.board_list thead th{border-bottom:1px solid #d7d7d7; border-top:2px solid #464646; background:#fff; height:45px; color:#2d2d2d; text-align:center; font-size:13px;}
.board_list thead th.fir{}
.board_list thead th.end{}
.board_list tbody td{text-align:center; height:45px; border-bottom:1px solid #d7d7d7; font-size:13px;}
.board_list tbody td .jemok_span{word-break: break-all; text-overflow:ellipsis;padding: 0 2px 0 0;}
.board_list tbody td.left{text-align:left; padding-left:5px;}
.board_list tbody td a:link{text-decoration:none; color:#333;letter-spacing:-1px}
.board_list tbody td a:hover{text-decoration:underline; color:#333;letter-spacing:-1px}
.board_list tbody td a:active{text-decoration:none; color:#333;letter-spacing:-1px}
.board_list tbody td a:focus{text-decoration:none; color:#333;letter-spacing:-1px}

.board_btn {width:99%; padding:10px 0 30px 0 ;overflow:hidden;}
.board_btn li{float:left; padding-right:2px; }
.board_btn li.right{float:right;}


/*테이블 - view*/
.board_tb_view {overflow:hidden; border-top:2px solid #464646; background:#fff;}
.board_tb_view tbody th {padding:4px 18px; background:#f5f5f5; border-bottom:1px solid #e3e3e3; font-size:13px; text-align:left;}
.board_tb_view tbody th.title {padding:18px 20px; background:#fff; font-size:18px; color:#145593;}
.board_tb_view tbody td {padding:4px 18px; border-bottom:1px solid #e3e3e3; font-size:13px; line-height:20px; text-align:left; height:40px; }
.board_tb_view .txt_view {/*padding:15px 20px 30px 20px;*/ padding:10px; word-wrap:break-word; font-size:13px; overflow:hidden; /*min-height:100px*/ line-height:20px;}
.board_tb_view .txt_view p {padding:20px 0px; line-height:20px; font-size:13px; }



/*버튼*/
.button {width:100%; margin-top:20px; overflow:hidden; text-align:center;}
.btn_list a {width:80px; text-align:center; padding:12px 0px; color:#fff;  background:#145593; border:1px solid #145593; display:inline-block; vertical-align:middle; font-size:14px; }
.btn_regist a {width:80px; text-align:center; padding:12px 0px; color:#fff;  background:#f37321; border:1px solid #db5702; display:inline-block; vertical-align:middle; font-size:14px; }
.btn_modify a {width:80px; text-align:center; padding:12px 0px; color:#fff;  background:#145593; border:1px solid #145593; display:inline-block; vertical-align:middle; font-size:14px; }
.btn_delete a {width:80px; text-align:center; padding:12px 0px; color:#fff;  background:#145593; border:1px solid #145593; display:inline-block; vertical-align:middle; font-size:14px; }
.btn_consul a {width:110px; text-align:center; padding:12px 0px; color:#fff;  background:#f37321; border:1px solid #db5702; display:inline-block; vertical-align:middle; font-size:14px; margin:0 auto; }





/*페이징*/
.paginate_wrap{clear:both;position:relative;z-index:0;width:100%;line-height:18px;text-align:center; margin-bottom:30px; }
.paginate{display:inline-block;padding:30px 0;text-align:center; }

.paginate a,
.paginate strong,
.paginate span{float:left;display:inline-block;width:40px;height:42px;margin:0 0 0 -1px;line-height:40px; background:#fff; border:1px solid #dadada; font-weight:bold;font-family:'dotum';/*font-family:dotum,Helvetica,AppleGothic,Sans-serif;*/color:#5a5a5a;letter-spacing:-1px;text-align:center;vertical-align:top}
.paginate strong{background:#145593;color:#fff;font-family:'dotum'; margin:-1px 0 0 -1px; }
.paginate a:hover,
.paginate a:focus{color:#e62017; background:#f37321; border:1px solid #dadada; color:#fff; font-family:'dotum';}
.paginate a.page_first {background:url('/img/page_first.gif') 0 0 no-repeat; margin-left:0px; font-size:0px;}
.paginate a.page_prev {background:url('/img/page_prev.gif') 0 0 no-repeat; font-size:0px;}
.paginate a.page_next {background:url('/img/page_next.gif') 0 0 no-repeat; margin-left:-1px; font-size:0px;}
.paginate a.page_last {background:url('/img/page_last.gif') 0 0 no-repeat; font-size:0px;}


@media all and (max-width:1180px){
.topArea  {width:100%; margin:0 auto; }
}

@media all and (max-width:1024px){
.contBg .cont_area {width:100%; margin:0px auto; overflow:hidden;}

.product_btn3 {margin-bottom:150px; }

/*현장정보*/
.jobList{overflow:hidden;width:100%;height:auto; padding-bottom:15px;}
.jobList li{overflow:hidden;width:100%;height:450px;border-top:2px solid #e1e1e1;}
.jobList li .fl{overflow:hidden;float:left;position:relative;width:40%;height:auto;}
.jobList li .fl .icoNew{position:absolute;right:0;bottom:0}
.jobList li .fr{float:right;position:relative;background: url(../img/03/logo.png) no-repeat; background-position: 100% 2%; }
.jobList li .fr .txt01{overflow:hidden;width:100%;height:auto;margin:10px 0 20px 10px;padding-top:0px;font-size:1.1em;color:#333;}
.jobList li .fr .txt01 a{font-size:1.1em;color:#333;}
.jobList li .fr .txt01 a strong{font-size:1.1em;color:#145593;}
/*.jobList li .fr .txt01 a:hover{text-decoration:underline;}*/
.jobList li .fr .txt02{float:left;overflow:hidden;width:15%;height:auto;line-height:2.1em;font-size:1.0em;color:#555; padding-top:0px;margin-left:10px;}
.jobList li .fr .txt02_1{float:right;overflow:hidden;width:80%;height:auto;line-height:2.1em;font-size:1.0em;color:#555; padding-top:0px;}
.jobList li .fr .txt03{position:absolute;left:0; top:85%; bottom:0;width:100%;height:auto; margin-left:10px; font-size:1.0em;color:#145593; font-weight:bold;}
.jobList li .fr .txt01 img {float:right;}
.jobList li .fl img {width:100%;}

}



/* 모바일 모드 */
@media all and (max-width:640px){
.contBg .cont_area {width:100%; margin:0px auto; overflow:hidden;}
.contBg .cont_area h2 {text-align:center; font-size:30px; font-weight:bold;}
.contBg .cont_area h2 span {color:#f37321; font-size:30px;}

.contBg .cont_area .sub_wrap .ceo {width:90%; border-bottom:1px solid #e2e2e2; height:299px; margin:40px auto;}
.contBg .cont_area .sub_wrap .ceo .profil{ overflow:hidden; float:left; padding-left:50px;}
.contBg .cont_area .sub_wrap .ceo .text { float:left; margin-left:0px; }
.contBg .cont_area .sub_wrap .ceo .text p{ padding:20px 0px 30px 0px; font-size:38px; font-weight:600; word-spacing:-1px; letter-spacing:-1px; color:#6e6e6e;}
.contBg .cont_area .sub_wrap .ceo .text span.tit02 { font-size:24px; line-height:24px; float:left; font-family:"NanumMyeongjo"; line-height:32px; letter-spacing:-1px;}
.contBg .cont_area .sub_wrap .ceo .message {float:left; padding:20px 0px 60px 0px; margin-top:10px; font-size:16px; line-height:24px; position:relative;}
.contBg .cont_area .sub_wrap .ceo .message span.sign {position:absolute;  right:0; }


.contBg .cont_area .sub_wrap .boss {width:90%; border-bottom:1px solid #e2e2e2; height:287px; margin:40px auto; position:relative;}
.contBg .cont_area .sub_wrap .boss .profil{ overflow:hidden; float:left; padding-left:20px;}
.contBg .cont_area .sub_wrap .boss .text { float:left; margin-left:50px; width:50%;}
.contBg .cont_area .sub_wrap .boss .text p{ padding:50px 0px 30px 0px;}
.contBg .cont_area .sub_wrap .boss .text span.tit01 { color:#f37321; font-size:38px;}
.contBg .cont_area .sub_wrap .boss .text span.tit02 { font-size:24px; line-height:24px; float:left; font-family:"NanumMyeongjo"; line-height:32px; letter-spacing:-1px;}
.contBg .cont_area .sub_wrap .boss .text span.tit03 {color:#873500; font-family:"NanumMyeongjo"; line-height:32px; letter-spacing:-1px; font-size:24px; }
.contBg .cont_area .sub_wrap .boss .message {float:left; padding:40px 40px 60px 40px; margin-top:10px; font-size:16px; line-height:24px; position:relative;}
.contBg .cont_area .sub_wrap .boss .message span.sign01 {position:absolute;  right:10px; bottom:-10px; }



/*현장정보*/
.jobList{overflow:hidden;width:100%;height:auto;margin-top:15px;padding-bottom:15px;}
.jobList li{overflow:hidden;width:100%;height:auto;border-top:2px solid #e1e1e1;}
.jobList li .fl{overflow:hidden;float:left;position:relative;width:100%;height:auto;}
.jobList li .fl .icoNew{position:absolute;right:0;bottom:0}
.jobList li .fr{overflow:hidden;float:left;position:relative;width:90%; height:400px;}
.jobList li .fr .txt01{overflow:hidden;width:100%;height:auto;margin:10px 0 20px;font-size:1.1em;color:#333;}
.jobList li .fr{float:right;position:relative;background: url(../img/03/logo.png) no-repeat; background-position: 90% 5%; }
.jobList li .fr .txt01 a{font-size:1.1em;color:#333;}
.jobList li .fr .txt01 a strong{font-size:1.1em;color:#145593;}
/*.jobList li .fr .txt01 a:hover{text-decoration:underline;}*/
.jobList li .fr .txt02{float:left;overflow:hidden;width:18%;height:auto;line-height:2.1em;font-size:1.0em;color:#555; padding-top:0px;}
.jobList li .fr .txt02_1{float:right;overflow:hidden; left:10px; width:75%;height:auto;line-height:2.1em;font-size:1.0em;color:#555; padding-top:0px;}
.jobList li .fr .txt03{position:absolute;width:90%;height:auto; font-size:1.0em;color:#145593; font-weight:bold;top:55%;}
.jobList li .fr .txt01 img {float:right;}
.jobList li .fl img {width:100%;}
/*.paginate_wrap {float:left;position:relative;background: url(../img/03/paging_640.jpg) no-repeat; background-position: 50% 0%;}*/

.viewTop {display:block;overflow:hidden;height:auto;padding:25px 0px 40px 20px;border-top:3px solid #f37321;border-bottom:1px solid #bdbdbd;}
.viewTop .view_fr{overflow:hidden; height:auto ;text-align:left; position:absolute; top:140px; float:left; width:98%; clear:both; z-index:100;}
.viewTop .view_fr p{display:inline-block;padding:0 22px;background:url('/img/jobinfo/bg_line04.png') no-repeat left center;font-weight:600;font-size:14px;color:#333;vertical-align:middle;}
.viewTop .view_fr p:first-child{background:none; padding:0px;}



/*공지사항*/
.board_search .page_num {float:right; margin:0; padding:0px 10px 10px 0px;}
.board_list thead th.fir{display:none;}
.board_list tbody td.fir{display:none;}
.board_list thead th.end{display:none;}
.board_list tbody td.end{display:none;}




}


.black_bg {width:100%;height:100%; position:absolute; left:0px;top:0px;z-index:1000;background-color:#000;}
.opa50 {filter:alpha(opacity=50);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';opacity:.5;}
#layer_bg {z-index:10000;}
#layer_contents {z-index:10001;width:auto;height:auto;position:absolute;left:0%;top:0px;background:#fff;}


/**/