
/* 검색  ================================================================================== */
.goyong_search_box															{position:relative; margin-bottom:40px;  }
.goyong_search_box .box												{position:relative;background:#f9f9f9;padding:35px 100px;border:1px solid #dcdcdc;   }
.goyong_search_box .box dl											{position:relative; display: flex;  }
.goyong_search_box .box dl dt										{width:90px;padding:5px 0  0 0; font-size:1.05em;text-indent:10px; font-weight:500;}
.goyong_search_box .box dl dd										{flex:2;} 
.goyong_search_box .box .search_select						{display:inline-block;width:20%; margin-right:5px; }

.goyong_search_box .box .search_select select				{width:100%;border:1px solid #ccc; }
.goyong_search_box .box .search_input						{display:inline-block;width:36%;}
.goyong_search_box .box .input_form							{line-height:38px;width:100%;border:1px solid #ccc; }
.goyong_search_box .box dl dd label								{padding-right:40px;}
.goyong_search_box .search_btn_wrap							{position:relative;padding:20px 0 0 0;text-align:center;}
.goyong_search_box .goyong_search_btn						{display:inline-block;margin:  2px; color:#fff;font-size:1.05em;font-weight:500; line-height:50px;text-align:center; text-indent:15px;width:150px; border:1px solid #2ba283; border-radius:5px; background:url('../img/acc_search.png') no-repeat 33px 13px #3eb394;background-size:25px;  vertical-align:top;transition:all 0.3s ease; }
.goyong_search_box .goyong_search_btn02					{display:inline-block;margin:  2px;  color:#555;font-weight:500; line-height:50px;text-align:center; width:150px;border:1px solid #aaa; background:url('../img/acc_reset02.png') no-repeat 18px 14px #fff;background-size:25px;  text-indent:15px;  vertical-align:top; border-radius:5px; cursor:pointer;transition:all 0.3s ease; }
.goyong_search_box .goyong_search_btn02:hover		{border:1px solid #222; color:#fff; background:url('../img/acc_reset.png') no-repeat 18px 14px #333;background-size:25px;  }
.goyong_search_box .goyong_search_btn:hover			{border:1px solid #222; background-color:#333;}


 @media screen and (max-width:1024px) { 
	.goyong_search_box .box						{padding:25px  20px;} 
.goyong_search_box .box dl dt					{width:80px;  }
.goyong_search_box .box .search_input	{ width:35%;}
	}
	
@media screen and (max-width:800px) {  
	.goyong_search_box .box dl dt					{display:none; } 
	.goyong_search_box .box dl						{ padding:0 0 0 10px; }
	.goyong_search_box .box dl dd label			{padding-right:10px;} 
	.goyong_search_box .box .search_select				{display:inline-block;width:calc(33.3% - 8px);  } 
	.goyong_search_box .box .search_input			{display:block; width:calc(100% - 8px); margin-top:8px;}
}
@media screen and (max-width:560px) { 
	.goyong_search_box .box						{padding:20px 10px;}
}




/* 일자리 리스트  ================================================================================== */
.goyong_tit										{position:relative;padding-top:3px;padding-bottom:8px; font-size:1.15em;color:#222; font-weight:500;}  /* 게시판 형태에서 제목으로 쓰임 : 큰글씨 */  
.goyong_tit span								{position:relative; display:inline-block;font-weight:inherit ;font-size:inherit;color:#999;padding-right:20px;}
.goyong_tit span:after							{position:relative; content:'';  right:-10px; border-right:1px solid #d5d5d5;}
.goyong_dday									{border:1px solid #fead71;color:#ab6152;background:#fff; font-size:0.8rem;padding:2px 10px;margin-left:10px;border-radius:30px;}
.goyong_dday.end								{border:1px solid #bbb;color:#999;}
.goyong_com										{position:relative; font-size:1.05em; font-weight:500;}
.goyong_cont span								{position:relative; display:inline-block;padding-right:20px;color:#888;}
.goyong_cont span:after							{position:absolute; content:'';  left:-12px;top:11px;width:3px;height:3px; background:#c5c5c5;border-radius:5px; }
.goyong_cont span:first-child:after				{display:none;}
.goyong_cont span b								{color:#696969;}

.icon_money_year				{display:inline-block; color: #00a1ef; background:#fff; font-weight:500; font-size:0.87rem;line-height:22px;padding:0 5px;border:1px solid #ddd; border-radius:2px;}
.icon_money_month			{display:inline-block;color: #ff501b; background:#fff; font-weight:500;font-size:0.87rem;line-height:22px;padding:0 5px;border:1px solid #ddd; border-radius:2px; }
.icon_money_day				{display:inline-block;color: #8050c8;  background:#fff; font-weight:500;font-size:0.87rem;line-height:22px;padding:0 5px;border:1px solid #ddd; border-radius:2px;}
.icon_money_hour			{display:inline-block;color: #00b0a6;  background:#fff; font-weight:500;font-size:0.87rem;line-height:22px;padding:0 5px;border:1px solid #ddd; border-radius:2px; }




/* 일자리 뷰 ================================================================================== */
.goyong_view									{border:1px solid #dedede;  padding:30px; margin-bottom:30px;  }
.goyong_view .topbox							{font-size:1.5em;line-height:1.3;font-weight:700; color:#222; padding:0 0 25px 0; border-bottom:1px solid #dfdfdf;margin-bottom:20px;  }
.goyong_view .topbox p							{display:block;font-size:1.25rem;color:#3eb394;font-weight:500; padding:0 0 10px 0;}
.goyong_view .topbox .dday						{position:relative;top:-3px;display:inline-block;border:1px solid #fead71;color:#ab6152;background:#fff; font-size:0.8rem;padding:2px 10px;line-height:1.5;margin:0 0 0 10px;border-radius:30px;}
.goyong_view .topbox .dday	em					{font-style:normal;  }

.goyong_view .list								{position:relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px 20px; }
.goyong_view .list dl							{position:relative; line-height:1.4;  display: flex; } 
.goyong_view .list dl dt						{position:relative;width:130px;  color:#898989; }
.goyong_view .list dl dt:before					{position:absolute;content:''; top:4px;right:10px;width:1px;height:75%;background:#dfdfdf;}
.goyong_view .list dl dd						{position:relative;flex:2; color:#333;}

.goyong_view .dday .today						{letter-spacing:-1px;}
.goyong_view .dday .end							{letter-spacing:-1px; color:#777;  border-color:#ccc;}
		


.goyong_photo										{position:relative; display: grid; grid-template-columns: repeat(3, 1fr); gap:30px; }
.goyong_photo li									{border:1px solid #ddd;height:300px;overflow:hidden;}
.goyong_photo li img							{width:100%;height:100%;object-fit:cover; }

.goyong_mapbox									{position:relative; border:1px solid #dfdfdf;}
.goyong_mapbox #goyong_map						{position:relative; width:100%; height:480px; }
.goyong_mapbox p								{position:absolute; bottom:0; width:100%; font-weight:500; padding:20px 10px; text-align:center; color:#fff; background:rgba(0, 0, 0, 0.5); z-index:1; }
.goyong_mapbox i								{margin-right:10px;}

/*  지도 커스텀오버레이 스타일 */
.customoverlay									{position: absolute; top:-160px; left: 50%; transform: translateX(-50%);}
.customoverlay .wrap							{font-family : 'Noto Sans KR', sans-serif; position:relative; width:100%; border: 1px solid #dadada; background:#fff; border-radius:5px; box-shadow:0 3px 8px 0px rgb(0,0,0,0.1); overflow:hidden;}
.customoverlay .title							{font-weight:500; padding:7px 0; background-color:#f2f6fc; text-align:center; color:#333;}
.customoverlay .content							{padding: 10px; color: #666; font-size:0.9em;}
.customoverlay .content span					{display:block; padding:0 0 0 8px;}
.customoverlay .content span:after				{top:12px; width:3px; height:2px;}



.employ_youtube									{width:100%; height:540px;}





@media screen and (max-width:1024px) {
	.goyong_view								{padding:20px;  }   
	.goyong_view .list							{grid-template-columns: repeat(1, 1fr); gap: 10px 20px; }
	.goyong_view .list dl dt					{width:115px;font-size:0.95em;}  

	.goyong_photo										{ gap:20px; }
	.goyong_photo li									{ height:230px; }

	.goyong_mapbox #goyong_map					{height:420px;}

	.employ_youtube								{height:360px;}
}

@media screen and (max-width:800px) {  
	.goyong_view .topbox						{font-size:1.35em; padding:0 0 20px 0; }
	.goyong_view .list dl dt					{width:90px;font-size:0.9em;}  
	.goyong_view .list dl dd					{ font-size:0.9em;}  

	.goyong_photo										{grid-template-columns: repeat(2, 1fr);  }
	.goyong_photo li									{ height:220px; }

	.goyong_mapbox #goyong_map					{height:300px;}	
	.goyong_mapbox p							{padding:10px;}

	.employ_youtube							{height:260px;}
}
@media screen and (max-width:560px) {   
	.goyong_photo										{ gap:10px; }
	.goyong_photo li									{ height:150px; }
}




/* 서명 ================================================================================== */
.sign_checkform									{margin:0 auto; max-width:600px;}
.sign_checkform .sign_title						{position:relative; font-weight:bold; font-size:1.2em; color:#333;  padding:0 0 20px 35px; margin-top:40px;  background:url('../img/icon_sign.png') no-repeat 5px 0;}
.sign_checkform .sign_title i					{margin-right:7px; color:#3eb394;}
.sign_checkform .sign_box						{position:relative; -webkit-overflow-scrolling:touch;width:100%;}
.sign_checkform .sign_box .sign					{width:100%;text-align:center;}
.sign_checkform .sign_box canvas				{background:#fffada; text-align:center; border:1px solid #efeacc;}
.sign_checkform .reset_btn						{position:absolute; top:-5px; right:0; text-align:center; background:#eceff1; border:1px solid #ddd; color:#777; cursor:pointer; padding:5px 10px; font-size:16px; border-radius:2px;}
.sign_checkform .reset_btn i					{color:#777;}




/* 동의 ================================================================================== */
.goyong_agree_box dl							{border:1px solid #dfdfdf; padding:20px; background:#f9f9f9;margin-bottom:25px;}
.goyong_agree_box dl:last-child					{margin:0;}
.goyong_agree_box dl dt							{font-size:1.1em;font-weight:700; color:#333; letter-spacing:-0.75px; margin-bottom:12px;}
.goyong_agree_box dl dd							{letter-spacing:-0.75px;}
.goyong_agree_box .box							{font-size:0.95em; background:#fff; padding:15px; border:1px solid #ddd; height:120px; overflow-x:hidden; overflow:auto;}
.goyong_agree_box .bottom						{margin-top:10px; color:#333;}
.goyong_agree_box .bottom span					{color:#3eb394;}
.goyong_agree_box .bottom input[type="checkbox"]{width:20px; height:20px; border:1px solid #bbb; appearance:none; cursor:pointer; transition:0.2s; margin:-1px 5px 0 0; background:#fff;}
.goyong_agree_box .bottom input[type="checkbox"]:checked {background:url('../img/check_on.png') no-repeat center 50% #3eb394; background-size:17px; border-color:#3eb394; }


@media screen and (max-width:1024px) {
	.goyong_agree_box dl						{margin-bottom:20px;}
	.goyong_agree_box dl dt						{font-weight:500; font-size:1.05em;}
	.goyong_agree_box .box						{height:100px; font-size:0.9em;}
	.goyong_agree_box .bottom input[type="checkbox"]	{width:20px; height:20px;}
}



/* 검색결과 화면  ================================================================================== */
.goyong_search_wrap												{position:relative; background:#f5f5f5;padding:30px 0 ;border:1px solid #dcdcdc; margin-bottom:40px; display: flex; align-items:center;flex-direction: column;   }
.goyong_search_wrap .box										{position:relative;  }
.goyong_search_wrap .box span select					{height:42px;line-height:42px  ;min-width:200px;border:1px solid #ccc; margin-right:5px;} 
.goyong_search_wrap .search_btn							{position:relative; text-align:center;}
.goyong_search_wrap .search_btn .btn					{display:inline-block; color:#fff;font-size:1.05em;font-weight:500; line-height:40px;text-align:center; text-indent:15px;width:120px; border:1px solid #2ba283; border-radius:5px; background:url('../img/acc_search.png') no-repeat 22px 8px #3eb394;background-size:25px;  vertical-align:top;transition:all 0.3s ease; cursor:pointer; }
.goyong_search_wrap .search_btn .btn:hover		{border:1px solid #222; background-color:#333;}


.goyong_search_result										{    font-size: 1.25em;    font-weight: 500;    padding: 0 0 40px 0;    color: #222;    text-align: center;}
.goyong_search_result b									{font-size: 1.1em;    color: #ff8400;}
.goyong_search_result strong							{font-size: 1.1em;    color: #ff8400;    text-decoration: underline;}

 @media screen and (max-width:1024px) { 
	.goyong_search_wrap 												{padding:25px ;} 
	.goyong_search_wrap .box span select					{ min-width:170px; } 
.goyong_search_result										{  padding: 0 0 25px 0;  }
	}
	
@media screen and (max-width:800px) { 
.goyong_search_wrap										{ display: block;}
.goyong_search_wrap .box								{ display: flex; align-items:center;flex-direction: column;  }
	.goyong_search_wrap .box span					{display:block;width:100%;}
	.goyong_search_wrap .box span select		{ height:40px;line-height:40px  ;min-width:initial;width:100%;margin:0 0 5px 0; } 
.goyong_search_wrap .search_btn					{margin:10px 0 0 0; width:100%  ;background:#3eb394;border:1px solid #2ba283;border-radius:5px;}
.goyong_search_wrap .search_btn .btn			{  border:0 solid #2ba283;  }
.goyong_search_result										{    font-size: 1.1em;  }
}




