@CHARSET "EUC-KR";

a { color: #333; }

a:hover {  text-decoration: none !important; }
 
.fal, .far { font-family: "Font Awesome 5 Pro"; }

.wrap { background:#545864;  }


* { border-radius: 0 !important; }

/* 레이아웃 */

.aside { 
	width:300px; 
	background:#343a40;
	height:100%;
	position:fixed; 
	top:0; 
	left:0; 
	overflow-y:hidden;
}

.section_wrap { 
	float:left; 
	width:100%; 
	background:#eee; 
	background:#545864;
	min-width:600px;
	overflow: hidden; 
}

.section { 
	margin-left:300px; 
	padding:60px;
	background:#fff; 
}


.latest_wr, #bo_v { max-width: 1400px;  }

/*.contents { max-width: 2000px; } */


/* 사이드바 */

#menu { width:300px;  }
#menu a { color:#f6dfcf;  }

#menu>li>a { 
	display:block;
	padding:15px 40px; 
	font-size:13pt; 
	position:relative;
}

#menu span { 
	position:absolute; 
	top:15px;
	right:40px; 
	font-weight:400;
}

.navbar-brand { color: #fff; }

.logo { margin: 10px }

.logo a  { 
	color: #fff; 
	font-size: 1.5rem;
	margin: .4rem;
}

.logo a img{ margin-right: 10px;  }

.logo { color: #fff;}


.gnb_1dli {	padding: 0; } 
.gnb_1da { display: block; padding: 1rem 4rem; }

.logo a:hover, .gnb_1dli a:hover, gnb_1dli_on a:hover, .gnb_1dli_over2 a:hover { color: #fff !important; } 
.gnb_1dli:hover:before { width: 3px; height: 56px; position: absolute; background: #5b6269; content: ''; }


/* 메뉴 아이콘 */
.gnb_1dli a:before {  width: 24px; height: 24px; left: 22px;  position: absolute;  content: ''; background-repaat: none; } 

.gnb_1dli:nth-child(1) a:before {  background: url('../img/menu_home.png'); } 
.gnb_1dli:nth-child(2) a:before {  background: url('../img/menu_total.png'); } 
.gnb_1dli:nth-child(3) a:before {  background: url('../img/menu_job.png'); } 
.gnb_1dli:nth-child(4) a:before {  background: url('../img/menu_app.png'); } 



/* #ol_after_hd .profile_img a { display: none; } */


/* 사이드바 로그인 */
#ol_after_hd .profile_img img { 
	border: none; 
	background: #6c757d;
    padding: 0px;
} 

.ol {
	margin:0; padding: 0;
	border-bottom: 1px solid #222D3A;
    border-top: 1px solid #222D3A;
}

.ol fieldset { padding: 15px; }
.ol .mb-3, .my-3 { margin: .5rem 0 !important; }
.ol label { margin:0 ; color: #fff; }

.ol #ol_submit { margin-bottom: 10px; }


#ol_after { 
	background: none;
    border: none;
    color: #fff;
    margin: 20px 0;
    padding: 10px 0;
    border-bottom: 1px solid #222D3A;  
    border-top: 1px solid #222D3A;  
}

#ol_after_logout {
	background: none;
	color: #999; 
	text-decoration: underline;
	border: none; 
}

/* 최신글 */

.lat .lat_title { background: #fff; }
.lat .lat_title a { color: #343a40; }
.lat .lat_title a:after { background: #343a40; }

.lat li { padding: 7px 15px; }
.lat li:before { top: 15px; }

.lat li a { color: #333; }
.lat li a:hover { color: #999; }

.lat li .new_icon { background: #17a2b8; color: #fff; }



/* 게시판 */
.page_title { font-size: 1.6rem; }

.tbl_wrap table { font-size: 14px;  }


/* 지원서  List View */

#bo_list .tbl_head01 td { border-right: 1px solid #ecf0f1; padding: 10px; text-align: center; height: 50px;  } 
#bo_list .tbl_head01 thead th { border-right: 1px solid #ddd; }
#bo_list .td_name { text-align: center;  width: 120px;  }
#bo_list .td_status { width: 120px; }
#bo_list .td_datetime { width: 100px; padding: 20px;  }

#bo_list td.td_email, #bo_list td.td_job_subject { text-align: center; }
#bo_list .td_file { text-align: left;  }

#bo_list .td_status span {  color: #fff; padding:5px 10px; border-radius: .25rem; font-size: 13px; }
#bo_list .td_status .active { background: #007bff; }
#bo_list .td_status .inactive { background: #aaa; }

#bo_list .td_status .step1 { background: #aaa; }
#bo_list .td_status .step2 { background: #28a745; }
#bo_list .td_status .step3 { background: #007bff; }
#bo_list .td_status .step4 { background: #ff0000; }
#bo_list .td_status .step5 { background: #a5aeff; }


/* list 페이지 status 변경 css*/

#bo_list .tbl_head01 .td_status { position: relative; }
#bo_list .tbl_head01 tr .change_icon { display: block !important; position: absolute; right: 20px; top: 16px; }

.change_icon:before { position: absolute; right: -15px; }
.change_icon a { background: #fff; display: block; position: relative; z-index: 9999; padding: 10px;  color: #333; border: 1px solid #ccc; }
.change_icon a:hover { color: #007bff }


/* view 페이지 status 변경 css*/
.read_div .change_icon_view { display: block !important; position: absolute; left: 300px; top: 75px; }
.change_icon_view a { background: #fff; display: block; position: relative; z-index: 9999; padding: 10px;  color: #333; border: 1px solid #ccc; }
.change_icon_view a:hover { color: #007bff }

/* .btn { border-radius: 2px !important;  } */
.btn:hover { background: none;  }

button.btn_admin, a.btn_b01, .btn_b01 { 
	background: none; 
	color: #222; 
	border: 1px solid #222;   
}

a.btn_b02, .btn_b02 { background:#343a40 }

#bo_list_total { background: none; color: #aaa; }

#bo_btn_top .btn_bo_user { display: none; }

#bo_cate { 
	background: none; 
	border: none;
	/* border-bottom: 1px solid #ccc; */
	padding: 0;
	margin: 0;
	margin-bottom: 1rem; 
	overflow: hidden; 
 }
 
 #bo_cate_ul { 
	margin: 0; 
 	float: left; 
 	width: 100%;
 	border-bottom: 1px solid #eee; 
}
 
 #bo_cate #bo_cate_on {
 	background: none; 
 	box-shadow: none; 
 	color: #343a40;
 	border-bottom: 2px solid #343a40; 
 	border-radius: 0;
 }
 
 #bo_cate a { color: #999; padding: 5px 30px;  }
 #bo_cate a:hover { background: none; color: #999; }
 #bo_cate li { padding: 0; }


.bo_cate_link { display: none; }

.bo_tit { text-align: left;  padding: 0 30px; }

.bo_tit a { color: #333; font-weight: 500; } 
.bo_tit a:hover { text-decoration: none;  }
.bo_tit img { display: none; }
 
select.sch_input {
    float: left;
    clear: both; 
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 3px;
    height: 36px;
    margin: 15px 0 0 0 ;
    min-width: 150px; 
 }
 
#bo_sch { float: right; margin-top: 15px; }
 
 .tbl_wrap { 
 	margin-bottom: 15px; 
 }
 
 a.btn_b02:hover, .btn_b02:hover { 
 	background: #2b79d6; 
 	color: #fff; 
 }
 
 
 .pg_page, .pg_current { 
 	background-color: #fff; 
 	border: none;
}
 
 
.pg_current { 
    color: #2b79d6;
    box-shadow: none;
    text-decoration: underline;   
}

.pg_page:hover {
	background: none;
	text-decoration: underline;   
}
 

 
 
/* View Skin */

#bo_v_title .bo_v_tit {
	font-weight: 400;
	font-size: 2rem; 
} 

#bo_v_share { display: none;  }

#bo_v_title .bo_v_cate {
	background: none; 
	color: #3497d9;
	box-shadow: none; 
	border: none;  
	font-size: 1.5rem;
	font-weight: 400;	
	padding:0; 
}

#bo_v { padding: 0; margin-top: 20px;  }

.bo_v_nb li { border-left:none; border-right: none;  }
.bo_v_nb li a { color: #333;  }

#bo_list .bo_tit .fa  { display: none; }

#bo_v_top { border-top: 1px solid #ddd; }




/* 공고 글쓰기 */

#bo_w.job_write { max-width: 800px; margin-top: 50px;  } 
#bo_w.job_write  #wr_content { height: 200px !important; }

#bo_w.job_write .write_div label { 
    font-size: 1rem; 
    overflow: initial !important; 
    position: relative;
    margin-bottom: 0;
}

#bo_w.job_write .bo_w_info .frm_input {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
}

#bo_w.job_write .bo_w_tit #btn_autosave { top: 30px; }
#bo_w.job_write .write_div input, #bo_w .write_div textarea  { box-shadow: none; }
#bo_w.job_write .bo_w_select select { border: 1px solid #ccc;}
#bo_w.job_write .btn_confirm .btn {
    margin: 0 auto;
    margin-top: 50px; 
    background: #343a40; 
    height: 40px;
    line-height: 40px;
    width: 100px; 
}


#bo_w.job_write .btn_confirm a.btn_cancel { 
    background: none; 
    border: 1px solid #343a40; 
    color: #343a40; 
}


#bo_w.job_write .full_input { 
    width: calc(100% - 130px); 
    float: right; 
} 

#bo_w.job_write .write_div { overflow:hidden; font-size: 0.9rem; }
#bo_w.job_write .bo_w_flie .frm_file { padding: 0; } 


#bo_w.job_write .added_list {
    border-bottom: 1px solid #ccc; 
    padding: 10px; 
    font-size: 14px;
    color: #666; 
}

      
#bo_w.job_write .button_div { position: relative; z-index: 999; }


 #bo_w.job_write .email_btn {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 40px;
    height: 40px;
    padding: 0 12px; 
    background: #343a40 !important;
    color:#fff; 
}


 #bo_w.job_write .btn_add {
    background: #343a40 !important;
    color:#fff; 
    border: 1px solid  #343a40;
    
}

#bo_w.job_write .del_btn { 
	background: #f7f7f7 !important;
    color: #343a40;
    border: 1px solid  #ddd;
}


 #bo_w.job_write .email_div  {  padding-right: 50px; }



/*  입사지원  */


#bo_w.apply_write { max-width: 500px; padding:0 50px;  }
#bo_w.apply_write .title { text-align: center; margin:0 0 40px 0; }
#bo_w.apply_write .write_div { margin: 20px 0; }
#bo_w.apply_write .bo_w_info .frm_input{ width: 100%; height: 50px; font-size: 15px;  } 
 

#bo_w.apply_write .write_div label, #bo_w.apply_write .write_div .label { 
    font-size: 13px; 
    overflow: initial !important; 
    position: relative;
   margin-bottom: .5rem;
}


#bo_w.apply_write .bo_w_info .frm_input {
      border: none;
      border: 1px solid #eee;
      box-shadow: none;
  }
  
#bo_w.apply_write .btn_submit {
     height: 50px;  
     margin-top: 10px; 
     background: #444 !important; 
 }
  
#bo_w.apply_write .tip { font-size: 13px; color: #666; margin-top: 2rem;}


#bo_w.apply_write .write_div input {
	display: inline-block;
    padding: .5em .75em;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f7f7f7;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
}

#bo_w.apply_write .filebox input[type="file"] { 
	position: absolute; 
	width: 1px;
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0;
} 


#bo_w.apply_write .filebox label { 
	display: inline-block; 
	padding: 0 1.3em; 
	color: #999; 
	font-size: inherit; 
	line-height: normal; 
	vertical-align: middle; 
	background-color: #fdfdfd; 
	cursor: pointer;
	border: 1px solid #ebebeb; 
	border-bottom-color: #e2e2e2; 
	border-radius: .25em; 	
	margin-bottom: 0; 
	
	height: 40px; 
	line-height: 40px; 
	position: absolute;
	top: 5px;
	right: 5px; 
} 

#bo_w.apply_write .filebox { position: relative;}


#mb_login.mbskin { width: 500px;  }
#mb_login.mbskin .form-control { padding: 1.5rem; }
#mb_login.mbskin span { padding: 1rem; }

#mb_login #login_fs .btn_submit { height: 50px; }
#ol_after_hd .profile_img a { display: none; }

#ol_after_hd .profile_img img { border-radius: 50% !important; }


@media only screen and (max-width: 1200px){
	.aside { width: 200px; }
	.section { margin-left: 200px; padding: 20px; }
	#bo_list .td_name,  #bo_list .td_datetime { width: 80px; }
	
	/* 
	.tbl_head01 td { word-break: keep-all; }
	#bo_list .tbl_head01 { overflow: auto; } */
}