@charset "UTF-8";

/* Page Title */


.table { width: 100%; display: table;  border-top:1px solid #ddd; margin-top:20px  }

.row {display: table-row;  cursor:pointer }
 
.cell { padding:15px 10px; font-size:.90em; line-height:1.25; display:table-cell; vertical-align:middle;   border-bottom:1px solid #ddd; color:#666}
.cell a {color:#333}

.cell.cate  {font-weight:600; font-size:1.05em; color:#000}
.cell.tit  {width:30%; text-align:left; font-weight:500; }
.cell_col { font-size:.95em;  }
.row_header .cell { padding:12px 10px; font-size:1em;  background-color:#f7f7f7; line-height:1.25; display:table-cell; vertical-align:middle;   border-bottom:1px solid #ddd; color:#000; }

.table span.label {
    background-color: #e6e9f0;
    border: 1px solid #e6e9f0;
    color: #67696c;
    border-radius: 3px;
    padding: 0 10px;
    line-height: 23px;
    display: inline-block;
    margin-right:3px;
    font-size: 0.83rem;
	white-space:nowrap; 

}

 

@media screen and (max-width:900px) {
	.table { display: block;  margin-top:60px}
    .table * {line-height:1.3}
	.row {padding:13px 2%; display: block;  border-bottom:1px solid #ddd}
 	  
	.row .cell:before { margin-bottom: 3px; content:attr(data-title); text-transform: uppercase;color:#555;}
	.cell { text-align:left; padding:2px 0; display: inline-block; border-bottom:none; font-size:.85em; }
	.cell.tit  {width:100%; display:inline-block; margin:3px 0 5px 0 }
 	.cell_col {display:inline-block; width:auto;  }
	 
    .row_header   {display:none; padding:0}

}


 
/* 게시판 */

 
table.list   {width:100%;  border-top:1px solid #333;   }
table.list  th   { padding:12px; background-color:#333; font-size:0.97rem; line-height:1.3em; font-weight:600; color:#fff;   }
table.list  td   {padding:12px; text-align:Center;  vertical-align:middle; font-size:0.97rem;line-height:1.3em; color:#555;  background-color:#fff; border-bottom:1px solid #ddd;   font-weight:400;}
table.list  td  b {color:#015bac;  font-weight:500;   font-size:1em;  }


@media all and (max-width:800px) {
	table.list th {font-size:0.95rem}
	table.list td {font-size:0.95rem}

}

/*채용공고 & 지원자관리*/

ul.table_type {width:100%; display:inline-block; border-top:1px solid #333;}
ul.table_type li {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between ;  align-items:center;  padding:20px 3%;font-size:0.95rem; color:#555; background-color:#fff ; box-sizing:border-box; border-bottom:1px solid #b5b5b5 }
ul.table_type li.tit { padding:10px 3%; background-color:#333; color:#fff; text-align:Center;}
ul.table_type li span.date {font-size:0.85rem; color:#777;  }

.form_list2 ul.table_type table {width:100%; }
.form_list2 ul.table_type table td {padding:10px; border:1px solid #ddd; text-align:Center; position:relative; }
 .form_list2 ul.table_type table td b {font-size:1.5rem; line-height:1em}


.form_list2  ul.table_type li  div:nth-child(1) {width:50%;} 
.form_list2  ul.table_type li  div:nth-child(2) {width:40%;} 
.form_list2  ul.table_type li  div:nth-child(3) {width:100%;  }
.form_list2  ul.table_type li h4  {font-size:1.3rem; display:inline-block; }
.form_list2  ul.table_type li h4.flex_h4 {display:flex; align-items:center; }
.form_list2  ul.table_type li h4.flex_h4 p:first-child {margin-right:5px}
.form_list2 ul.table_type li span.date {width:100%; display:inline-block; margin:3px 0 }

.form_list2 ul.table_type table  td .new_label {position:absolute; right:-10px; top:-10px; width:30px; line-height:30px;}


 /*지원자관리 리스트*/

.manager_list ul.table_type li  div  {text-align:Center; } 
.manager_list ul.table_type li  div:nth-child(1) {width:10%;} 
.manager_list ul.table_type li  div:nth-child(2) {width:30%; text-align:left; display:flex;   align-items:center; flex-wrap:wrap} 
.manager_list ul.table_type li  div:nth-child(3) {width:10%;  } 
.manager_list ul.table_type li  div:nth-child(4) {width:20%;    }
.manager_list ul.table_type li  div:nth-child(5) {width:20%;    }

.manager_list ul.table_type li.tit  div {text-align:center}


.manager_list ul.table_type li  div img {width:80px; height:80px; border-radius:50%;  vertical-align:top; display:inline-block;  } 
.manager_list ul.table_type li  div div.name {width:auto !important; padding-left:10px; box-sizing:border-box;  display:inline-block} 
.manager_list  div.label_box {display:flex; flex-wrap:wrap; justify-content:space-between; } 
.manager_list  div a.label {width: calc(50% - 1.5px); text-align:Center; margin:0;margin-bottom:3px; display:flex; align-items:center; justify-content :center }
 

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

	.manager_list ul.table_type li  div:nth-child(2) {width:25%;  } 
	.manager_list ul.table_type li  div:nth-child(3) {width:13%;  } 
	.manager_list ul.table_type li  div:nth-child(5) {width:25%;  } 
	.manager_list ul.table_type li  div img {width:70px;  height:70px; } 

}

 

@media all and (max-width:800px) {
	ul.table_type li.tit { display:none}
	ul.table_type li { justify-content:flex-start}  
   
	.form_list2 ul.table_type li  div:nth-child(1) {width:100%;} 
	.form_list2 ul.table_type li  div:nth-child(2) {width:100%;} 
	.form_list2 ul.table_type li  div:nth-child(3) {width:100%; padding-left:0}
	.form_list2  ul.table_type li h4  {font-size:1.1rem;  }

	.form_list2 ul.table_type table {margin-top:15px}
	.form_list2 ul.table_type li a.s_btn2 {width:33.333333%; padding-left:0; padding-right:0; text-align:Center;  float:left; box-sizing:border-box; border-radius:0; background-color:#444;  color:#fff !important; line-height:22px;}
	.form_list2 ul.table_type li a.s_btn2:last-child {background-color:#ffd200; color:#333 !important;}


	.manager_list ul.table_type li  div  {text-align:left; } 
	.manager_list ul.table_type li  div:nth-child(1) {width:100%; display:inline-block} 
	.manager_list ul.table_type li  div:nth-child(2) {width:100%; margin:10px 0; } 
	.manager_list ul.table_type li  div:nth-child(3) {width:auto;   padding-right:10px; } 
	.manager_list ul.table_type li  div:nth-child(4) {width:auto;   }
	.manager_list ul.table_type li  div:nth-child(5) {width:100%; margin-top:10px;    }
    .manager_list  div a.label {width: calc(25% - 1.5px);   }

}

@media all and (max-width:640px) {
     .manager_list  div a.label {width: calc(50% - 1.5px);   }
}


ul.board {width:100%; }
ul.board li { display:flex; padding:10px; text-align:center;  }
ul.board li.tit {background-color:#333; color:#fff; }

/*뷰페이지*/
 
  
p.view_title {font-size:17px; font-weight:500; color:#222; width:100%;  border-top:1px solid #333; padding-top:10px;  float:left; box-sizing:border-box; }
p.view_info {font-size:14.5px; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding-bottom:10px; float:left; box-sizing:border-box; }
p.view_info .list_line {color:#999}
p.view_info a {color:#015bac !important}
p.view_info a:hover {text-decoration:underline }

div.view_content {width:100%; float:left; border-bottom:1px solid #ddd; padding:20px 0; }
div.reple {width:100%; float:left; border-bottom:1px solid #ddd; padding:15px 10px; font-size:15.5px; color:#666;  background-color:#f9f9f9; box-sizing:border-box;}
div.reple  b {color:#333; font-weight:600; font-size:16px;}


.list_next  {width:100%; float:left;   padding-top:10px;  padding-bottom:10px; box-sizing:border-box; border-bottom:1px solid #ddd;} 
.list_next p {width:100%; float:left; font-size:16px; line-height:1.3em; color:#999; height:22px; overflow: hidden;  
  text-overflow: ellipsis; 
  white-space: nowrap;  }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; padding-right:10px;}


/*글쓰기테이블*/

 
table.write   {width:100%;    }
table.write  th { font-weight:600;  vertical-align:middle; text-align:left; padding:5px; padding-left:0; }
table.write  td {font-size:0.95rem; padding:5px; color:#555; padding-right:0 }
table.write tr:first-child th {padding-top:0;}
table.write tr:first-child td {padding-top:0;}
table.write tr:last-child th {padding-bottom:0;}
table.write tr:last-child td {padding-bottom:0;} 

table.write  td select  {vertical-align:middle; color:#666; border:1px solid #ddd; height:35px;  font-size:0.90rem;  box-sizing:border-box; padding:0 5px;  }
.size_40 {width:40%}

table.write  td  input[type="text"]	{font-size:0.95em; color: #555; height:35px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
table.write  td  input[type="password"]	{font-size:0.95em; color: #555; height:35px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
table.write  td  input[type="date"]	{font-size:0.95em; color: #555; height:35px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box; width:40%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}

table.write  td  input[type="file"]	{width:100%}

table.write  td  input {vertical-align:middle}

table.write  td img {vertical-align:middle;}
table.write  b  {font-weight:600; color:#333;   }
table.write  td textarea {width:100%; border:1px solid #ddd; color:#666; font-size:0.95rem; line-height:1.3em; min-height:130px;  box-sizing:border-box; padding:7px;}

table.write td .check_wrap {display:inline-block;   line-height:25px; padding-right:5px;   }
table.write td .check_wrap input  {vertical-align:middle }

table.write td input::placeholder {color:#999}


table.write  td .col  {width:100%;    }
table.write  td .col  span {width:30px; text-align:Center; line-height:30px}
table.write  td .col  input[type="text"] {width:30%}
table.write  td .col  select {width:30%}

table.write td.company_photo {position:relative}
table.write td.company_photo img {position:absolute; right:0; top:0}



 @media all and (max-width:800px) {
	 table.write  th  {width:30%}
	 table.write  td  input[type="text"]	{font-size:0.90em; }
	 table.write  td  input[type="password"]	{font-size:0.90em; }
	 table.write  td  input[type="date"]	{font-size:0.90em; width:100% }

 }

   
.write input[type="text"]	{font-size:0.90em; color: #555; height:35px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}

  
/*페이지*/


.page     {text-align:center;   width:100%; margin-top:30px; display:inline-block; font-size:0}
.page   ul { width:100%; text-align:center; }
.page   li { display:inline-block; font-size:0.9rem; font-weight:500;  }
 

.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
 	border:1px solid #d1d1d1; background-color:#fff;  width:33px; line-height:33px; height:33px;  margin-left:-1px;   color:#999; text-align:Center;
   }

.page   img {width:32px; height:32px; vertical-align:top;  }
 
.page a.ov  {border:1px solid #555; background-color:#555;   color:#fff !important;}



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

	.page a { width:27px; line-height:27px; height:27px; }
	.page img {width:27px; height:27px;   }

}
.s_page     {text-align:center;   width:100%; margin-top:20px; display:inline-block; font-size:0}
.s_page   ul { width:100%; text-align:center; }
.s_page   li { display:inline-block; font-size:0.75rem; font-weight:500; }
 

.s_page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
 	border:1px solid #d1d1d1;  width:25px; line-height:25px; height:25px;  margin-left:-1px;   color:#999; text-align:Center;
   }

.s_page   img {width:25px; height:25px; vertical-align:top;  }
 
.s_page a.ov  {border:1px solid #555; background-color:#555;   color:#fff !important;}




/*서치*/
 						
.search     {margin-top:20px;  width:100%; display:inline-block; text-align:right;}
.search  input  {width:30%; height:33px !important; border:1px solid #ddd; padding-left:10px; font-size:0.93em; color:#666}
.search  select  { font-size:0.93em; color:#666; border:1px solid #ddd;  vertical-align:middle; width:100px; height:33px !important;}
.search a {background-color:#333; border-radius:3px; box-shadow:1px 1px 2px #ddd; color:#fff !important; line-height:33px; font-size:0.95em; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}
									   
  
/*FAQ*/
.faq dl {width:100%; display:inline-block;   border-top:1px solid #ddd; margin-bottom:-1px;}
 

.faq  dt {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  transition: 0.7s; width:100%;
  color: #333;    padding:10px; box-sizing:border-box;
}
.faq  dt span {font-size:0.80em; color:#666} 
 
.faq  dt:hover {
  background: #f9f9f9;
}

.faq  dt img {vertical-align:middle; margin-right:5px}
.faq  dd {
  background-color: #f9f9f9;
  display: none;
  border-bottom: 1px solid #ddd;
  line-height: 1.4rem;
  font-size:1em; color:#666;
  padding:10px; width:100%; box-sizing:border-box;
}

.faq  .plusbnt {
  width: 15px;
  float: right;
  vertical-align: bottom;
margin-top: 5px;
}
 
 .info_text_box .faq dl {display:inline-block}
  .info_text_box  .faq  dl dt {padding:12px 10px; width:100%; line-height:1.5em;  }
   .info_text_box  .faq  dl dt b {font-size:1.15em;  width:100%; display:inline-block }
   .info_text_box  .faq dl  dd {width:100%; padding:12px 10px;  line-height:1.5em;   white-space: normal;     white-space: -moz-normal;  }
   .info_text_box  .faq  dl dd b {font-size:1.15em;  width:100%; display:inline-block }