/* 관리자모드 *****/

.suhang_damdangs					{display:inline-block;border:1px solid #bbb; border-radius:5px; padding:5px;margin:0px 3px;}


.suhang_memo_top					{background:#111;height:50px;line-height:50px;font-size:1.5em;font-weight:bold;color:#fff;padding:0px 20px;}
.suhang_memo_top span				{font-size:0.8em;font-weight:normal;}
.suhang_memo_top div				{float:right;}
.suhang_memo_top div img			{width:20px;}

.saup_money_color01					{color:#ef501c;}
.saup_money_colorhab				{color:#0033ff !important;font-weight:bold;text-align:right !important;}


.saup_week_box						{width:100%;text-align:center;margin-bottom:20px;}
.saup_week_box span					{padding:0 6px;font-size:2.1em; color:#333;line-height:150%; vertical-align:middle; font-weight:500; font-family:'Roboto'; }
.saup_week_box div					{display:inline-block; padding:0 6px;font-size:2.1em; color:#333;line-height:150%; vertical-align:middle; font-weight:500; font-family:'Roboto'; }
.saup_week_box .prev				{padding:0; margin-right:5px; content:''; display:inline-block;  width:30px; height:30px; background:url("../image/btn_prev.png") no-repeat center 50%; background-size:10px auto;}
.saup_week_box .next				{padding:0; margin-left:5px; content:''; display:inline-block;  width:30px; height:30px; background:url("../image/btn_next.png") no-repeat center 50%; background-size:10px auto;}
.saup_week_box .prev:hover,
.saup_week_box .next:hover			{border:1px solid #aaa;}


.saup_graph_box				{border:1px solid #ddd; margin-bottom:80px; width:1842px;}
.saup_graph_box ul			{padding:50px 20px; padding-bottom:0;}
.saup_graph_box ul:after	{content: '';display: block;clear: both;}
.saup_graph_box ul li		{position: relative; float:left; margin:0 10px; width:100px; height:345px;}
.saup_graph					{position: relative; width:100%; height:100%;background:url('../image/saup_graph_off.png') no-repeat bottom center;}
.saup_graph_bar				{position: absolute; width:100%; bottom:0; background:url('../image/saup_graph_on.png') no-repeat center bottom; z-index:1;}
.saup_graph_box p			{color:#333; font-weight:500; text-align:center; margin-top:10px; font-size:1.2em;}
.saup_graph_box p span		{display:block;font-size:0.8em;}
.saup_toptxt				{position: absolute; top: -40px; z-index: 2; color: #000; font-weight: bold; left: 0px;}
.saup_toptxt span			{display:block;color:#ff3300;font-weight: bold;}
.saup_ingtxt				{position: absolute; z-index: 2; color: #fff; font-weight: bold; text-align: center; bottom:180px; width:100%; }
.saup_ingtxt span			{padding-left:5px;}
.saup_pertxt				{position: absolute; background:#ff6c47; z-index: 2; color: #fff; font-weight: bold; text-align: center; left: 50px; padding:10px 0px; width:55px; height:55px; border-radius:50%; }
.saup_pertxt:after			{content:''; position:absolute; width:0; height:0; border-style:solid;border-width:15px 10px; left:50%; margin-left:-10px;border-color:#ff6c47 transparent transparent transparent; bottom:-25px;}


.right2								{text-align:right !important;}
.th2								{background:#999fa9 !important;}
.tfoot								{background:#f8f4c6; color:#333;text-align:center;}
.unapply							{background:#eee;}

.icon_cnt							{display:inline-block;background:#ef501c;color:#fff;width:18px;height:18px;line-height:18px;border-radius:2px;text-align:center;}

.btop2								{border-top:2px solid #000 !important;}
.bright2							{border-right:2px solid #000 !important;}
.bbottom2							{border-bottom:2px solid #000 !important;}
.bleft2								{border-left:2px solid #000 !important;}


.crisis						{display:inline-block; background:#ff3333; padding:2px 10px; font-style:normal; color:#fff; font-weight:500; letter-spacing:-1px; border-radius:5px; font-size:0.9em;margin-left:5px;}


.sub_list01					{position:relative; list-style:none; padding:3px 0 3px 12px; line-height:150%;}
.sub_list01:after			{position:absolute; content:''; display:block; left:0; top:14px; width:3px; height:3px; background:#425ad4;}

/*  상태  */
.state							{position:relative; display:inline-block; text-align:center; vertical-align:middle; min-width:65px; padding:0 3px; height:26px; line-height:24px; border:1px solid rgba(0,0,0,0.1); font-size:0.9em; color:#fff;}
.state_ing						{background:#64c9ce;} /* 민트색 : 접수중 */
.state_acc						{background:#6b94e9;} /* 파란색 : 접수완료 */
.state_wait						{background:#c3cb0f;} /* 연두색 : 대기 */
.state_end						{background:#c3c2c2;} /* 회색 : 완료 */
.state_finish					{background:#e9ba6d;} /* 재승인대기 */
.state_return					{background:#e77987;} /* 적색 : 반려 */


.goyong_inlineblock			{float:left; min-width:14%;}


/* mobie screen 1024 */
@media screen and (max-width:1024px) {
	.goyong_inlineblock			{width:100%;}
}



/* 홈페이지 *****/


.saup_help01						{color:#ef501c;font-weight:500;font-size:0.9em;}

.saup_tit							{padding:0 0 10px 0;font-size:1.2em; color:#3269ce; letter-spacing:-0.8px; font-weight:600; }
.saup_ptit							{padding:0 0 10px 0;font-size:1.2em; color:#3269ce; letter-spacing:-0.8px; font-weight:600;border-bottom:1px solid #c8cdd2; overflow:hidden; }


.resp_tablebox						{display: block;width: 100%;overflow-x: auto; padding-bottom: 20px; -webkit-overflow-scrolling: touch;}




/* 일자리 소식  ======================================*/ 
.gonggo_search_wrap						{position:relative; padding:0 0 30px 0;display: flex; flex-flow:wrap;justify-content: space-between;   } 
.gonggo_search_wrap .ginfo			{padding-top:10px;width:50%;}
.gonggo_list_search							{position:relative;width:40%;    }
.gonggo_list_search form					{ display: flex;   }
.gonggo_list_search .input_clear_wrap	{width:calc(100% - 55px);}
.gonggo_list_search input				{   width:100%; height:48px; vertical-align:top;border:1px solid #ccc; padding:0 10px; letter-spacing:-1px;border-radius:6px 0 0 6px;}
.gonggo_list_search .btn						{width:55px;height:55px;font-size:1.2rem; text-align:center;display:block;border:1px solid #333; background:#333; height:48px; line-height:45px;    color:#fff; letter-spacing:-1px; border-radius:0 6px 6px 0;}
  
@media screen and (max-width:800px) {  
.gonggo_search_wrap						{padding:0 0 20px 0;flex-direction: column;  } 
.gonggo_search_wrap .ginfo			{padding:0 0 10px 0; width:100%;}
.gonggo_list_search							{ width:100%;    }
}



 
 
.gonggo_list_wrap											{position:relative;display: grid; grid-template-columns: repeat(3, 1fr); gap:30px; } 
.gonggo_list_wrap>li										{position:relative;padding:20px;border:2px solid #d3d3d3; border-radius:20px;transition:all 0.3s ease; } 
.gonggo_list_wrap li .company						{font-size:0.95rem;font-weight:500;padding:0 0 6px 0; letter-spacing:-1px;color:#d73d46; }
.gonggo_list_wrap li .subject							{position:relative;text-align:left;font-size:1.2em;font-weight:500;color:#000;letter-spacing:-1.5px; padding:0 0 10px 0;}
.gonggo_list_wrap li ol li									{position:relative;font-size:0.9rem;color:#777;padding:2px 0 0 0;}
.gonggo_list_wrap li ol li span							{position:relative;display:inline-block;padding:0 20px 0 10px; }
.gonggo_list_wrap li ol li span:before				{position:absolute; content:''; display:block; left:0; top:11px; width:2px; height:2px; background:#555; border-radius:50%;}
.gonggo_list_wrap li ol li span:after				{position:absolute; content:''; display:block; right:8px; top:6px; width:1px; height:16px; background:#e3e3e3;  }
.gonggo_list_wrap li .btn									{position:absolute;top:18px;right:18px; } 
.gonggo_list_wrap li .btn p								{  line-height:30px; color:#fff;font-size:0.9rem; padding:0 13px; background:#bcbcbc;border-radius:20px; min-width:70px; text-align:center;} 
.gonggo_list_wrap li .btn .state_ing				{background:#d73d46;} 
.gonggo_list_wrap li .btn .state_end				{background:#bcbcbc;}

.gonggo_list_wrap>li:hover								{border:2px solid #d73d46; box-shadow:10px 10px 15px -5px rgba(0,0,0,.2)}
  
@media screen and (max-width:1024px) {  
.gonggo_list_wrap									{ grid-template-columns: repeat(2, 1fr); gap: 30px ; }   
}
@media screen and (max-width:800px) {  
.gonggo_list_wrap									{ grid-template-columns: repeat(2, 1fr); gap:20px ; }   
}
@media screen and (max-width:560px) {  
.gonggo_list_wrap									{ grid-template-columns: repeat(1, 1fr); gap:20px ; }   
}

 








.gonggo_btn01						{  display:inline-block;text-align:center; font-size:1.1em; margin:0 2px; padding:0 35px;   line-height:55px;color:#333;  border-radius:3px; background:#fff;  border:1px solid #aaa; cursor:pointer; vertical-align:top;  }
.gonggo_btn01:hover				{background:#444;  border:1px solid #333;color:#fff;}
.gonggo_btn02						{  display:inline-block;text-align:center; font-size:1.1em; min-width:200px; padding:0 35px;   line-height:55px;color:#fff;  background:#444;  border:1px solid #444; cursor:pointer; vertical-align:top;border-radius:3px;  }
.gonggo_btn02:hover				{background:#222;  border:1px solid #222; }

@media screen and (max-width:560px) {  
.gonggo_btn02									{ width:100%;}   
}

.people_agree_box							{background:#f7f7f7;padding:20px;border:1px solid #ccc; }
.people_agree_box .tits					{font-size:1.2em;font-weight:700; letter-spacing:-1.5px; text-align:center;margin-bottom:20px;}
.people_agree_box .box				{background:#fff;border: 1px solid #e6e6e6; padding: 15px; letter-spacing:-0.5px;  height:160px; overflow-x:hidden; overflow:auto; } 


/* 수행기관 팝업  ======================================*/
.suhang_noti_box					{position:absolute; border:2px solid #444; width:600px; height:400px; background:#fff; z-index:9999;}
.suhang_noti_box .tit				{height:50px; line-height:50px; background:#111; color:#fff; padding:0px 10px; font-size:1.5em; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.suhang_noti_box .tit em			{padding:3px 5px; background:#86bd3c; color:#fff; font-style:normal; font-size:0.85em; border-radius:2px;}
.suhang_noti_box .con				{height:calc(400px - 100px);overflow:auto;border-bottom:1px solid #444;padding:10px;}
.suhang_noti_box .con2				{height:calc(400px - 150px);overflow:auto;padding:10px;}
.suhang_noti_box .file				{height:50px; line-height:50px;border-bottom:1px solid #444;padding:0px 10px;}
.suhang_noti_box .btns				{padding:6px 0px; text-align:center;}











/* 공고 리스트	 ======================================*/


.gonggo_list_mobile				{display:none;}

.search_table em,
.view_tit em,
.gonggo_list em				{display:inline-block; background:#277ecd; padding:2px 15px; font-style:normal; color:#fff; font-weight:500; letter-spacing:-1px; border-radius:50px; font-size:0.9em;margin-right:5px;}
.search_table em.end,
.view_tit em.end,
.gonggo_list em.end			{color:#928e8e; background:#ddd;}



/* mobie screen 785 */
@media screen and (max-width:785px) { 
	.gonggo_list_desk				{display:none;}
	.gonggo_list_mobile			{display:block;}

	.gonggo_list					{border-top:2px solid #555;}
	.gonggo_list li				{padding:15px 10px;overflow:hidden;border-bottom: 1px solid #ddd;}
	.gonggo_list li:nth-child(even)	{background:#F6F6F6;}
	.gonggo_list .title			{color:#343434;}
	.gonggo_list .txt				{color:#888;font-size:0.95em; line-height:140%; }
	.gonggo_list .nolist			{border-bottom: 1px solid #ddd;}
}

/* mobie screen 520 */
@media screen and (max-width:520px) {
	.gonggo_searchbox				{width:90%;}

	.gonggo_list li				{padding:8px;}
	.gonggo_list .title			{margin-bottom:5px;}

}





/* 구인	 ======================================*/

.employ_bunya_dl dt				{float:left;line-height:25px;}
.employ_bunya_dl dd				{padding-left:110px;margin-bottom:2px;}

.employ_inlineblock				{display:inline-block;padding:0px 20px 3px 0px;}

.employ_moneyicon_32			{display:inline-block;zoom:1;*display:inline;line-height:14px;padding:0 3px;color:#fff;background: #93b8cd; font-size:11px;border:1px solid #6b9dbb;cursor:pointer;border-radius:3px;}
.employ_moneyicon_33			{display:inline-block;zoom:1;*display:inline;line-height:14px;padding:0 3px;color:#fff;background: #a5bd64; font-size:11px;border:1px solid #7b992c;cursor:pointer;border-radius:3px;}
.employ_moneyicon_34			{display:inline-block;zoom:1;*display:inline;line-height:14px;padding:0 3px;color:#fff;background: #e0bc3c; font-size:11px;border:1px solid #d0a301;cursor:pointer;border-radius:3px;}
.employ_moneyicon_35			{display:inline-block;zoom:1;*display:inline;line-height:14px;padding:0 3px;color:#fff;background: #dd8f77; font-size:11px;border:1px solid #c56549;cursor:pointer;border-radius:3px;}


.employ_status					{display:inline-block;width:60px;  color:#fff; text-align:center; border-radius:2px; font-size:14px;}
.employ_status.ing				{background:#60a733;}
.employ_status.end				{background:#7e7e7e;}




/* screen 640 */
@media screen and (max-width:640px) {
	.employ_inlineblock			{width:100%;padding:0px 0px 3px 0px;}
}

/* screen 400 */
@media screen and (max-width:400px) {
	.employ_bunya_dl dt			{float:none;}
	.employ_bunya_dl dd			{padding-left:0px;}
}