@charset "utf-8";

/* Noto Sans */
@font-face {
    font-family: 'NotoR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('Noto Sans Regular'), local('Noto Sans Regular');
    src: url(./font/notokr-regular.eot);
    src: url(./font/notokr-regular.eot?#iefix) format('embedded-opentype'),
    url(./font/notokr-regular.woff2) format('woff2'),
    url(./font/notokr-regular.woff) format('woff'),
    url(./font/notokr-regular.otf) format('truetype');
}
@font-face {
    font-family: 'NotoM';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('Noto Sans Medium'), local('Noto Sans Medium');
    src: url(./font/notokr-medium.eot);
    src: url(./font/notokr-medium.eot?#iefix) format('embedded-opentype'),
    url(./font/notokr-medium.woff2) format('woff2'),
    url(./font/notokr-medium.woff) format('woff'),
    url(./font/notokr-medium.otf) format('truetype');
}
@font-face {
    font-family: 'NotoB';
    font-style: normal;
    font-weight: 600;
    src: local('Noto Sans Bold'), local('Noto Sans Bold'), local('Noto Sans Bold');
    src: url(./font/notokr-bold.eot);
    src: url(./font/notokr-bold.eot?#iefix) format('embedded-opentype'),
    url(./font/notokr-bold.woff2) format('woff2'),
    url(./font/notokr-bold.woff) format('woff'),
    url(./font/notokr-bold.otf) format('truetype');
}

@font-face {
    font-family: 'Fira Code';
	src: url('./font/FiraCode-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: 'Fira Code';
	src: url('./font/FiraCode-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: bold;
}

* {padding:0; margin:0;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;word-wrap:break-word;}

html,body{ }
body{word-break:keep-all;word-wrap:break-word;}


body, input, textarea, select, button, table, th, h1, h2, h3, h4, h5{
	font-family: var(--bs-body-font-family);
	font-size:0.75rem;
	line-height: 1;
	color:#555;
	border: 0;
}
header,footer,section_wrap,article,nav,aside{display:block;padding:0;margin:0;}
td,th{position:relative; margin:0;padding:0;word-break:break-all;}

dl, ul, ol, li {list-style: none;}
table{border-collapse:separate;empty-cells:show;border-spacing:0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

button, input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], textarea {/*아이폰 테두리 명암 없애기*/
	-webkit-border-radius:0;
	border-radius:0;
	background:0 0;
   -webkit-appearance: none;
   -webkit-border-radius: 0;
   cursor: pointer;
}

img, fieldset {border:0 none; vertical-align:middle;}
hr {display:none;}
caption, legend {position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; display:none;}
strong {font-weight:bold;}

a{color:#555;}
a,a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:underline;}

.wordbreak {word-break: break-all;}


/* form */
:-ms-input-placeholder{color:#999;font-weight:400;}
:-moz-placeholder{color:#999;font-weight:400;}
:-webkit-input-placeholder{color:#999;font-weight:400;}
textarea:placeholder{color:#999;font-weight:400;}

input:-ms-clear{display:none;}
input[type=password]::-ms-reveal{display:none;}
input[type=password]::-ms-reveal{display:none;}
input[type=text], input[type=password], input[type=number], input[type=email]{height:29px; line-height:29px;padding:0 10px;border:1px solid #ccc; background:#fff;vertical-align:middle;}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus{border-color:#e7c8c8;outline:0; background-color:#fceded;}
input[type=text][disabled], input[type=password][disabled], input[type=number][disabled], input[type=email][disabled] {color:#999;border-color:#ccc;background:#f2f2f2;}
input:-internal-autofill-selected {
    background-color: rgb(232, 240, 254) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

select {-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0;}
select::-ms-expand {display:none;}
select:focus{border-color:#e7c8c8;outline:0; background-color:#fceded;}
select { min-width: 80px; height: 29px; padding: 0 30px 0 10px; border: 1px solid #ccc; background: url("../images/search_sel_arrow.png") no-repeat 90% 50%; vertical-align: middle; }
select:hover,select:active{cursor: pointer;}

.clearFix:after {clear:both;  content:""; display:block; visibility:hidden; }
.hidden { position:absolute; width:0; height:0; line-height:0; font-size:0; visibility:hidden; text-indent:-9999em;}
input:focus::placeholder {
	opacity: 0;
}

/* 라디오*/
input + label:hover {
	cursor: pointer;
	text-decoration: underline;
}
input.i_chk[type="radio"]:not(old){
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}
input.i_chk[type="radio"]:not(old) + label{
    font-size: 14px;
	font-weight:bold;
	line-height:30px;
	display: inline-block;
    margin-right: 15px;
    padding-left: 20px;
	background: url('../images/checkbox_radio_before.png') no-repeat 0 6px;

}
input.i_chk[type="radio"]:not(old):checked + label{
	background: url('../images/checkbox_radio.png') no-repeat 0 6px;
}


input.i_chk[type="checkbox"]:not(old){
	display:inline-block;
	width:28px;
	margin:0;
	padding:0;
	opacity:0;
}
input.i_chk[type="checkbox"]:not(old) + label{
	display: inline-block;
	margin-left:-28px;
	padding-left:28px;
	font-size:18px;
	background: url('../images/checkbox_before.png') no-repeat 0 1px;
	color:#555;
}
input.i_chk[type="checkbox"]:not(old):checked + label{
	background: url('../images/checkbox_check.png') no-repeat 0 1px;

}


/*board_list*/
.table-responsive {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.list_type1{ width:100%; border-top:1px solid #000; padding-bottom:10px;  }
.table-responsive .list_type1 tr{ white-space: nowrap; }
.table-responsive .list_type1 td{ word-break:break-all; white-space:pre; }
.table-responsive .list_type1 thead th { position: sticky; top: 0; z-index: 1; }
.list_type1 thead th{border-bottom:1px solid #ccc; border-left:1px solid #ddd; text-align:center; height:36px; background:#ebeef3; padding:0 10px; font-weight:bold; color:#000;}
.list_type1 thead tr th:first-child{border-left:0}
.list_type1 thead tr.partition th:first-child{border-left: 1px solid #ddd;}
.list_type1 tbody td{ height:34px; border-bottom:1px solid #ddd;  border-left:1px solid #ddd; text-align:center; padding:0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list_type1 tbody td.text_left {text-align:left;}
.list_type1 tbody td:first-child{border-left:0}
.list_type1 tbody tr.partition td:first-child{border-left: 1px solid #ddd;}
.list_type1 tbody td.text_left a {}
.list_type1 tbody th{border:solid #ddd;border:1px solid #ddd;}
.list_type1 thead th.last, .b_list tbody td.last{border-right:none;}
.list_type1 tbody tr:last-child td {/*border-bottom:1px solid #8088ac;*/}
.list_type1 tbody tr:hover { background-color: #fceded; }
.list_type1 tbody tr td > button:hover {text-decoration:underline;}


.job_detail_content_values {
	text-align: left;
	font-family: 'Fira Code', monospace;
}
.job_detail_content_values * {
	text-align: inherit;
	font-family: inherit;
}

.list_type2{ width:100%; border:1px solid #ddd; padding:8px 20px; background:#ebeef3;}
.list_type2 thead th{ }
.list_type2 tbody td{  }
.list_type2 tbody td.text_left a {}
.list_type2 tbody th{height:36px;}

/* board_view */
.b_view { clear:both; width:100%;  border-top:1px solid #000; margin-bottom:10px; }
.b_view th { height:36px; padding:0 15px; background-color:#ebeef3; border-bottom:#ddd solid 1px;}
.b_view td { height:36px; padding-left:10px; border-bottom:#ddd solid 1px;}
.b_view td.last{border-bottom:none;}
.b_view td a {  }
.b_view span.icon_file {}
.b_view .search_number span {
	position:relative;
	padding-left:20px;
}




/* board block */
.boardblock { position:relative; width:100%; display:inline-block; text-align:center; }
.boardblock .left { float:left; padding-left:3px; }
.boardblock .left span { margin-right:0; }
.boardblock .right { float:right; }
.boardblock .right span { margin-left:0; }
.boardblock img{margin-bottom:0 !important;}
.boardblock .selecth { width:auto;font-size:12px; height:22px; border:#abadb3 solid 1px; }


/*board_info*/
.board_info {position:relative; overflow:hidden; margin-bottom:10px;}
.board_info .boardList_num {float:right; padding-top:10px;}
.board_info .boardList_num span {color:#d20001; font-weight:bold; padding:0 3px;}
.board_info .board_search_wrap {float:left;}
.board_search_wrap label {
    display: block;
    position: absolute;
    top: 20px;
    right: 5px;
    color: transparent;
    cursor: text;
}

.board_search_wrap .selecth {
    min-width: 80px;
    height: 29px;
    padding: 0 25px 0 10px;
    border: 1px solid #ccc;
    background: url("../images/search_sel_arrow.png") no-repeat 80% 50%;
    vertical-align: middle;
}
.board_search_wrap input { padding:0 10px;}
.board_search_wrap a.search {
	display:inline-block;
	position: absolute;
    right: 0;
    top: -4px;
	height:36px; line-height:36px;
	padding:0 10px;
    vertical-align: middle;
}

 /* board_write */
.b_write  {
	clear:both;
	width:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #ddd;
	line-height:normal;
	margin-bottom:15px;
}

.b_write tr:last-child th, .b_write tr:last-child td {
	border-bottom:none;
}
.b_write th {
	background:#ebeef3;
    padding: 11px 10px 10px 12px;
	text-align:left;
	font-weight:bold;
	color:#000;
	border-bottom: 1px solid #ddd;
}
.b_write td {
	padding:5px 12px;
	text-align:left;
	border-bottom: 1px solid #ddd;
}
.b_write td .cal {margin-left:-3px;}
.b_write td .cal2 {margin-left:0;}
.b_write .con { padding:10px 10px 10px 10px; }
.b_write .l_line { border-left:#ddd solid 1px; }
th.r_lind { border-right: 1px solid #ddd;}
.b_write input.w_txt {
	padding:0 10px;
}
.b_write textarea  { border:1px solid #cecece; /*min-height:250px;*/width:100%;/*padding:10px 10px;*/  }
.b_write select { border:1px solid #cecece; height:36px; line-height:36px; padding: 0 40px 0 20px;
    background: #fff url("/images/bul_sell_arrow2.png") no-repeat;
    background-position: right 10px center;
}
.b_write ul.companyLi li{float:left;}

.b_write .selecth {
    min-width: 50px;
    height: 29px; line-height:24px;
    padding: 0 30px 0px 10px;
    color: #333;
	font-size:13px;
    border: 1px solid #ccc;
    background: url("../images/search_sel_arrow.png") no-repeat 85% 50%;
    vertical-align: middle;
}

/* pagination */
.paging_wrap {
    position: relative;
    text-align: center;
}
.paging_wrap .pager_Btn {}
.paging_wrap .pager_Btn a {
    position: absolute; right: 0; top: 3px;
    padding: 5px 20px 5px 20px;
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #fff;
}
.pagination {
	width:100%;
	text-align:center;
	margin-top:20px;
}
.pagination a {
	display: inline-block;
	width: 32px;
    height: 32px; line-height: 32px;
	text-align: center; vertical-align: top;
	border:1px solid #ddd;
	border-radius: 4px;
}
.pagination > a {
	text-indent: -999em; font-size: 0;
}
.pagination .paging_first {	background: url("../images/btn_board_first.gif") no-repeat 50% 50%;}
.pagination .paging_prev { background: url("../images/btn_board_prev.gif") no-repeat 50% 50%;}
.pagination .paging_next {background: url("../images/btn_board_next.gif") no-repeat 50% 50%;}
.pagination .paging_last {background: url("../images/btn_board_end.gif") no-repeat 50% 50%;}
.pagination .num {
	display: inline-block;
	margin: 0 42px;
	vertical-align: top;
}
.pagination .num strong {
	display: block;
	line-height: 30px;
	color:#fff;
	background-color:#5f5f5f;
	border-radius: 4px;
}


/*button*/
.button {
	display:inline-block;
    vertical-align: bottom;
}
.button_not_list {
  width:75px !important;
	padding: 10px 7px !important;
  height: 100% !important;
}

.button_logout {
	background-color: #888;
	padding: 2px 7px;
	border-radius: 4px;
	display:inline-block;
	color:#fff;
	overflow:hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	cursor: pointer;
}
.button_down {
	background-image:url("../images/ico_down.png"); background-repeat:no-repeat; background-position: 7px 5px;
	background-color: #fff;
	padding: 5px 10px 5px 23px;
	border:1px solid #ccc;
	border-radius: 4px;
	overflow:hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	overflow:hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	cursor: pointer;
}

.button_accept {
	width:75px;
	background-color: #d20000;
	padding: 10px 7px;
	border-radius: 4px;
	display:inline-block;
	color:#fff;
	overflow:hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	cursor: pointer;
}
.button_cancel {
	width:75px;
	color:#fff;
	background-color: #5f5f5f;
	padding: 10px 7px;
	border-radius: 4px;
	display:inline-block;
	overflow:hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	cursor: pointer;
}
.button_table_white {
	background-color: #fff;
	padding: 7px 10px 7px 10px;
	border:1px solid #ccc;
	border-radius: 4px;
	overflow:hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	cursor: pointer;
}
.button_nav_none, .button_nav_white, .button_nav_black {
	padding: 7px 20px;
	border:1px solid #ccc;
	border-radius: 8px;
	display:inline-block;
	text-align: center;
	overflow:hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	cursor: pointer;
}
.button_nav_none {
	background-color: #fff;
	color: #ddd;
	cursor: not-allowed;
	overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: not-allowed;
}
.button_nav_white {
	background-color: #fff;
	overflow:hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	cursor: pointer;
}
.button_nav_black {
	background-color: #6f7173;
	color: #fff;
	overflow:hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	cursor: pointer;
}
.button_nav_white:hover {
	background-color: #ebeef3;
	transition-duration: 0.5s;
}
.button_search {
	width: 44px;
	height: 28px;
	color:#fff;
	background-color: #888;
	padding: 8px 10px 8px 10px;
	border-radius: 4px;
	overflow:hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	cursor: pointer;
}
.button_add {
	width: 44px;
	height: 28px;
	color:#fff;
	background-color: #d20001;
	padding: 8px 10px 8px 10px;
	border-radius: 4px;
	overflow:hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	cursor: pointer;
}
.button_orange {
	width: 44px;
	height: 28px;
	color:#fff;
	background-color: #ee843b;
	padding: 8px 10px 8px 10px;
	border-radius: 4px;
	overflow:hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	cursor: pointer;
}
.button_del {
	color:#fff;
	background-color: #3f48cc;
	padding: 8px 10px;
	border-radius: 4px;
	overflow:hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	cursor: pointer;
}

.button_with_tooltip {
  position: relative;
  cursor: pointer;
}
.button_with_char_in_front {
	position: relative;
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
}
.button_with_char_in_front > button:nth-of-type(1) {
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.button_with_char_in_front > button:nth-of-type(2) {
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -0.4%;
}
.button_with_tooltip .tooltiptext {
  visibility: hidden;
  background-color: #3e3c3d;
  font-size: 0.6vw;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  white-space: nowrap;

  /* Position the tooltip */
  position: absolute;
  top: 100%;
  left: 0%;
  z-index: 1;
}

/* .button_with_tooltip .tooltiptext::after {
	content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #3e3c3d transparent;
} */

.button_with_tooltip:hover .tooltiptext {
  visibility: visible;
}

/* icon */
.ico_f {
	width:74px;
	color:#fff;
	text-align:center;
	background-color: #f08e40;
	padding: 4px 0;
	display:inline-block;
	border-radius: 4px;
}
.ico_s {
	width:74px;
	color:#fff;
	text-align:center;
	background-color: #868990;
	padding: 4px 0;
	display:inline-block;
	border-radius: 4px;
}


/* etc */
.orange {color: #ff6f3e; font-weight:bold; }
.mar_tabletop {margin-top:40px;}
.multiple_tr_hide {display: none;}
.multiple_tr_show {display: table-row;}
.display-none{ /*감추기*/
  display:none;
}
.display-block{ /*보이기*/
  display:block;
}