/* 채용정보 리스트  ================================================================================== */
.employlistBtn a					{position:absolute; right:0; top:-100px; font-family:'Paperlogy'; display:block; width:170px; text-align:center; border:1px solid var(--color2); color:#222; height:52px; line-height:50px; cursor:pointer; box-shadow:0 5px 10px rgba(125,125,125,.1); letter-spacing:0; transition:.3s;}
.employlistBtn i					{margin-right:7px; color:var(--color1);}
.employlistBtn:hover a				{background:var(--color2); color:#fff;}
.employlistBtn:hover i				{color:#fff;}

.employlistSch						{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:20px; }
.employlistSch .rt					{display:flex; gap:5px; font-size:0.85em;}
.employlistSch .box					{border:1px solid #d2d2d2; border-radius:5px; overflow:hidden; padding-right:12px;}
.employlistSch .input_form			{width:200px; border-color:#fff; line-height:46px; text-indent:5px;}
.employlistSch button i				{color:#888;}
.employlistSch button:hover i		{color:#000;}
.employlistSch .reset				{color:#999; vertical-align:middle; margin-left:5px;}
.employlistSch .reset:hover i		{animation:rotate 1s infinite;}
.employlistSch select				{width:230px; height:50px; border-radius:5px !important; border-color:#d2d2d2; cursor:pointer; padding:0 30px 0 15px;}
.employlistSch select:focus			{border-color:#777; border-radius:5px 5px 0 0 !Important;}

.employTable tbody td				{padding:0 15px; height:120px;}
.employTable .dday em				{font-family:'Paperlogy'; font-weight:600; color:var(--color1); font-size:1.1em; display:block; letter-spacing:.5px;}
.employTable .dday .end				{font-size:1em; color:#777; font-weight:400;}
.employTable .btit					{margin-bottom:7px;}
.employTable .info					{display:flex; gap:7px 10px; flex-wrap:wrap;}
.employTable .info li				{position:relative; color:#777;}
.employTable .info li:before		{content:''; position:absolute; top:3px; left:-12px; bottom:0; width:1px; height:0.8em; margin:auto; background:#ccc;}
.employTable .info li:first-child	{padding-right:15px;}
.employTable .visa span				{display:inline-block; margin-right:5px; background:#f2f2f2; color:#666; padding:0 10px; line-height:28px; font-size:0.9em; border-radius:3px;}
.employTable .visa span:last-child	{margin:0;}
.employTable .pay i					{margin-right:3px; opacity:0.7;}
.employTable .pay em				{display:block; color:#a5a5a5; font-size:0.95em;}
.employTable .sub_btn01				{display:grid; align-items:center; line-height:1.2; font-size:1em; min-width:100%; padding:0; height:52px; background:var(--color3); border-color:var(--color3); margin-top:5px;}
.employTable .sub_btn01:hover		{background:#000; border-color:#000;}
.employ_btn_ing						{background:var(--color3); border-color:var(--color3); display:grid; align-items:center; height:60px; line-height:1.2;} 
.employ_btn_end						{display:grid; align-items:center; height:60px; line-height:1.2;}
.employ_btn_end, .employ_btn_end:hover	{background:#999; border-color:#999; cursor:unset;}
.employTable .info li:first-child:before, .employTable .visa:before	{display:none;}


@media screen and (max-width:1024px) {
	.employlistBtn a				{position:relative; top:0 !important; width:100%; height:42px; line-height:40px; margin-bottom:20px;}
	.employlistSch					{display:grid; gap:3px; justify-content:unset; margin-bottom:10px;}
	.employlistSch .rt				{justify-content:space-around;}
	.employlistSch .box				{width:100%; padding:0;}
	.employlistSch select			{width:100%; height:40px; padding:0 25px 0 10px;}
	.employlistSch .input_form		{width:calc(100% - 50px); line-height:40px;}

	.employTable tbody td			{height:auto; padding:12px 10px;}
	.employTable .top				{font-size:0.95em; display:flex; justify-content:space-between; gap:10px;}
	.employTable .dday em			{font-size:1em;}
	.employTable .btit				{margin-bottom:5px;}
	.employTable .pay em			{display:inline-block; margin-left:7px;}
	.employTable .info				{display:grid; gap:2px;}
	.employTable .info i			{opacity:0.6; float:left; width:20px; padding-top:5px;}
	.employTable .info li:first-child	{padding:0;}
	.employTable .info li:before	{display:none;}
	.employTable .visa span			{margin-right:3px; padding:0 8px; line-height:23px;}
	.employTable .sub_btn01			{height:42px; margin-top:10px;}
	.employTable .sub_btn01 span	{font-size:12px; margin-top:-5px;}

	.employ_btn_ing, .employ_btn_end	{height:46px;}
}
@media screen and (max-width:768px) { 
	.employlistSch .rt				{display:grid; justify-content:unset; gap:3px;}
}

/* 채용정보 뷰  ================================================================================== */
.employView							{max-width:1100px; margin:0 auto;}
.employView>.wrap					{border-radius:20px; padding:50px; margin-bottom:20px; box-shadow:0 0 20px 1px rgba(0,0,0,0.07);}
.employView .top					{display:grid; grid-template-columns:auto 180px; gap:25px 40px;  align-items:center; margin-bottom:40px;}
.employView .tit span				{display:block; margin-bottom:12px;}
.employView .tit span>em			{font-family:'Paperlogy'; font-weight:600; color:var(--color1); display:inline-block; font-size:17px; margin-right:12px; letter-spacing:.5px;}
.employView .tit span>em.end		{display:none; color:#999; font-weight:400;}
.employView .tit p					{font-weight:600; color:#111; letter-spacing:-1px; font-size:1.4em; line-height:1.4;}
.employView .info					{display:flex; flex-wrap:wrap; gap:7px; grid-column:1/ -1;}
.employView .info li				{display:flex; gap:20px; flex:1 1 40%; color:#797979; position:Relative;}
.employView .info li strong			{font-family:'Paperlogy'; width:100px; letter-spacing:.5px; color:#222;}
.employView .info li strong>em		{display:block; font-size:12px; font-weight:400; letter-spacing:1px; line-height:1.2; color:#888;}
.employView .visa span				{display:inline-block; margin-right:5px; background:#f2f2f2; color:#666; height:32px; line-height:28px; padding:0 10px; font-size:0.9em; border-radius:3px; }
.employView .visa span:last-child	{margin:0;}
.employView .top .info				{grid-column:1/ -1; border-top:1px dotted #ddd; padding-top:25px;}

.employView .map>p i				{color:#999; margin-right:7px;}
.employView #jobs_map				{position:relative; width:100%; aspect-ratio:6 / 2; border-radius:10px; margin-top:10px; border:1px solid rgba(0,0,0,0.03);}
.employView .customoverlay			{position:absolute; left:40px; top:-20px; transform:translateY(-50%);}
.employView .customoverlay .wrap	{position:relative; width:100%; background:#fff; padding:10px 15px; border:1px solid #222;}
.employView .customoverlay .title	{color:#333; font-weight:500; font-size:0.9em; margin-bottom:3px;}
.employView .customoverlay .content span		{display:block; padding:1px 0 1px 8px; font-size:0.85em; color:#777; line-height:1.5;}
.employView .customoverlay .content span:after	{top:10px; width:3px;height:3px;}

.employBtnlist						{display:flex; justify-content:center; gap:5px; margin-top:40px;}
.employBtnlist .sub_btn01, .employBtnlist .sub_btn02	{display:grid; align-items:center; height:60px; line-height:1.2;}


@media screen and (max-width:1280px) {
	.employView						{max-width:100%;}
}
@media screen and (max-width:1024px) {
	.employView>.wrap				{padding:20px 10px; border-bottom:1px solid #ddd; box-shadow:none; margin:0; border-radius:0;}
	.employView>.wrap:nth-child(2)	{padding-top:0;}
	.employView .top				{padding:20px 25px; grid-template-columns:1fr; gap:15px 20px; margin-bottom:20px; border-radius:20px; border:0; box-shadow:0 0 20px 1px rgba(0,0,0,0.08);}	
	.employView .tit span			{margin-bottom:5px; font-size:0.95em;}
	.employView .tit span>em		{font-size:13px;}
	.employView .tit p				{font-size:1.1em;}
	.employView .info				{display:grid; gap:10px;}
	.employView .info li			{display:block;}
	.employView .info li strong		{display:block; width:100%; margin-bottom:3px;}
	.employView .info li strong>em	{display:inline-block; font-size:12px; margin-left:5px;}
	.employView .visa span			{margin-right:3px; height:23px; line-height:23px; padding:0 8px;}
	.employView #jobs_map			{aspect-ratio:6/4;}
	.employView .customoverlay .wrap	{padding:5px 10px;}
	.employView .top .info			{padding-top:10px;}
	.employView .h40p				{height:20px !important;}

	.employBtnlist .sub_btn01, .employBtnlist .sub_btn02	{height:42px; line-height:1.2;}
}


/* 인재정보 리스트 & 뷰  ================================================================================== */
.resumelistSch select:first-child	{width:auto;}
.resumelistSch .box					{padding:0; line-height:42px; text-align:Center; border-color:#fff;}
.resumeTable tbody td				{height:100px;}
.resumeTable .info li				{padding-right:15px;}
.resumeTable .sub_btn02				{line-height:46px; min-width:100%; font-size:0.95em; padding:0;}
.resumeTable .visa					{justify-content:center;}
.resumeView .top					{grid-template-columns:1fr;}
.resumeView .cont					{line-height:1.6;}


@media screen and (max-width:1024px) {
	.resumelistSch select:first-child	{width:100%;}
	.resumelistSch .box				{width:80px; line-height:38px;}

	.resumeTable tbody td			{height:auto; padding:12px 10px;}
	.resumeTable .sub_btn02			{line-height:36px; margin-top:10px;}
	.resumeTable .btit				{margin:0 0 5px 0;}
	.resumeTable .visa				{justify-content:unset;}
}

@media screen and (max-width:768px) { 
	.resumelistSch .box				{width:100%; line-height:1; text-align:right;}
}




/* 어플리케이션 개인정보처리방침  ================================================================================== */
#app_privacywrap			{width: 100%;max-width: 785px;padding:55px 0px;position: relative;}
#app_privacywrap .tits		{font-size:1.5em;font-weight:bold;letter-spacing:0px;text-align:center;padding:20px 0px;line-height:1.4;}
#app_privacywrap .cont		{padding:20px 10px 40px 10px;line-height:1.4;}
#app_privacywrap .cont b	{font-weight:bold;}