@charset "utf-8";

.txt_right          				{ text-align:right}

/* input */
input[type=text], 
input[type=number], 
input[type=password] 				{ position:relative; width:100%; padding:0 .7em; height:40px; line-height:38px; color:#181818; 
										font-family:'Noto Sans KR','Spoqa Han Sans',"돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic, sans-serif; border:1px solid #ccc; }
textarea 							{ position:relative; padding:1em; width:100%; line-height:1.6; color:#181818; border:1px solid #ccc;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button 	{ -webkit-appearance:none;}
input[type=number] 								{ -moz-appearance:textfield;}
textarea::placeholder,
input::placeholder 								{ color:#999;}
input:focus 									{ border-color:#181818;}
input:disabled 									{ background-color:#f9f9f9;color:#555;}
textarea:focus 									{ border-color:#181818;}
input[type=text]:focus::placeholder, 
input[type=number]:focus::placeholder, 
input[type=password]:focus::placeholder 		{ font-size:0 !important;}

/* select */
select                   { border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none}
select::-ms-expand       { display:none}
select                   { height:40px; padding:0 2em 0 1em; line-height:38px; color:inherit; background:#fff url(/assets/site/LET/img/board/bg_join_more.png) no-repeat top 50% right .7em; background-size:14px;}



/************************** 사용자페이지 *******************************/
p.txt_info															{ margin-top:1.5em; font-weight:500; color:#ff7d35; font-size:1.2em; letter-spacing:-.075em}

/* 검색 */
.work_search														{ position:relative; margin-top:1em }
.work_search .form 													{ position:relative; background:#fff; border:1px solid #3e3e3e; margin-bottom:2.667em;  }
.work_search .form:before,
.work_search .form:after 											{ content:''; display:table; clear:both;}
.work_search .form>div 												{ float:left; width:33.3%; }
.work_search .form .input											{ padding:0 1.5em;}
.work_search .form input[type="checkbox"]							{ display:inline-block; width:16px; height:16px; margin-right:5px; margin-top:-3px; }
.work_search .form .input .input_text 								{ display:block; width:calc(100% - 4em); height:4.213em; padding:0; border:0; font-size:1.1em; color:#333; 
																		background-color:transparent;  line-height:4.213em }
.work_search .form .input .input_text:placeholder 					{ color:rgba(59,62,69,0.5); font-size:1.133em; font-weight:400; letter-spacing:-.075em   }
.work_search .form .input .input_text:-ms-input-placeholder 		{ color:#d1d1d2; font-size:0 }
.work_search .form .input .input_text:-ms-input-placeholder 		{ color:#d1d1d2; font-size:0 }

.work_search .form .btn_event 										{ display:block; position:relative; width:100%; height:4.6em; margin:0; padding:0 1.5em; text-align:left;  border:0; 
																		border-right:1px solid #e4e4e4; background:#fff}
.work_search .form .on .btn_event									{ background-color:#fff;}
.work_search .form span.txt 							        	{ font-size:1.133em; color:#000; font-family:'Spoqa Han Sans'; font-weight:300; }
.work_search .form .btn_event span.ico_se_arr						{ position:absolute; right:2.5em; top:50%; transform:translateY(-50%); font-size:.5em; color:#000 }
.work_search .form .btn_event em 									{ color:rgba(0,0,0,0.5); font-size:1.1em; font-style:normal}
.work_search .form .btn_search										{ position:absolute; right:-1px; top:-1px; width:3.632em; height:3.632em; margin:0; padding:0; border:0; font-size:1.3em; 
																		color:#fff; font-weight:700; background:#3e3e3e; cursor:pointer; line-height:3.632em; text-align:center}

.work_search .form .layer_toggle .layer 							{ display:none; position:absolute; top:70px; left:-1px; z-index:10; width:calc(100% + 2px); letter-spacing:-.05em; 
																		border:1px solid #c3c3c3;}
.work_search .form .layer_toggle .layer .btn_event.layer_close 		{ display:none; position:absolute; top:-70px; width:347px; height:70px; color:#333; font-weight:700;}
.work_search .form .layer_toggle .layer .btn_area 					{ padding:15px 0; display:table; margin:0 auto}
.work_search .form .layer_toggle .layer .btn_area li				{ float:left; display:inline-block }
.work_search .form .layer_toggle.on .layer 							{ display:block; background:#fff;}
.work_search .form .layer_toggle.on .layer .btn_event.layer_close 	{ display:block;}
.work_search .form .layer_toggle.on .layer .txt						{ font-size:1.1em; padding:15px; border-bottom:1px solid #c3c3c3}
.work_search .form .layer_toggle.on .layer .select_area				{ padding:15px; border-bottom:1px solid #c3c3c3; overflow:hidden}
.work_search .form .layer_toggle.on .layer .select_area ul li		{ float:left; width:25%; margin:.3em 0; font-size:1.05em}
.work_search .form li .btn											{ height:40px; line-height:38px; font-size:14px; padding:0 20px}


/* 목록 */
.job_list>section										{ margin:3em 0}
.job_list>section>div                           		{ text-align:right}
.job_list_con table.type01 tr                      	{ cursor:pointer}
table.type01 strong.t_impor						{ display:block; font-size:1em; font-weight:500; color:#f45d12; }
.color_orange											{ color:#f45d12 !important }
.job_detail span						{ position:relative; display:inline-block; *display:inline;}
.job_detail span+span				{ margin-left:6px; padding-left:7px; }
.job_detail span+span:after			{ position:absolute; top:.4em; left:0; width:1px; height:.7em; background:#ccc; content:""}
table.type01 strong					{ font-size:1.1em; font-weight:500; color:#181818}



/* 상세페이지 */
button.scrap											{ position:absolute; text-align:center; line-height:1; outline:none; background:none; border:1px solid; border-radius:50%; color:#eaeaea }
button.scrap.on										{ color:#ff7c34 }

.work_detail												{ position:relative; margin:3em auto; letter-spacing:-.05em; }
.work_detail button.scrap							{ top:1.6em; right:0; padding:.5em 1em .7em 1em; border-radius:25px; background: #fff }
.work_detail button.scrap span					{  color:#999; letter-spacing:-.05em}
.work_detail button.scrap *							{ vertical-align:middle}
.work_detail button.scrap span.ico_scrap-on,
.work_detail button.scrap.on span				{ color:#f45d12 }
.work_detail>h3										{ word-break:keep-all}
.work_detail>h3 span									{ display:block; font-size:1.2em; font-weight:500; opacity:.5 }
.work_detail>h3 strong									{ display:block; color:#283648; font-weight:600; font-size:1.9em; letter-spacing: -.045em}
.work_detail .detail_con								{ position:relative; margin:.5em 0 2em; border:1px solid #eaeaea; border-top-color:#ff7d35; border-radius:0 0 15px 15px; background: #fff; 
															border-top-width: 2px;}
.work_detail h4											{ display:block; margin-bottom:1em; padding:0 0 .5em; font-size:1.6em; font-weight:700; color:#283648; border-bottom: 1px solid rgba(0,0,0,0.1); }
.work_detail .detail_con dd a							{ text-decoration:underline; word-break:break-all}
.work_detail .detail_con>section						{ float:left; padding:3em 3.5em; }
.work_detail .detail_con .left							{ width:35%; }
.work_detail .detail_con .left:after						{ position: absolute; width: 1px; height: 100%; background:rgba(0,0,0,0.05); content:'' ; top:0;}
.work_detail .detail_con .left:first-child:after			{ left:35%; }
.work_detail .detail_con .left:nth-child(2):after		{ left:70%; }
.work_detail .detail_con .left ul						{ width:100%; font-size:16.5px}
.work_detail .detail_con .left ul li					{ float: none; position: relative; color:#444; line-height:1.3; padding-left:5em; margin:1em 0 }
.work_detail .detail_con .left ul li p					{ display:block; margin:.2em 0 1em; color:#555; word-break:keep-all}
.work_detail .detail_con .left ul li strong 			{ position: absolute; left: 0; top:0; font-weight:700; color:#444; }
.work_detail .detail_con .left ul li p span 			{ margin-left:.3em; font-size:.8em; color:#999}
.work_detail .detail_con .left ul .special				{ padding:1.7em 0 0;}
.work_detail .detail_con .left ul li p.after				{ padding-left:5em; position:relative; margin:.25em 0}
.work_detail .detail_con .left ul li p.after span		{ position:absolute; left:0; top:0; margin-left:0;}
.work_detail .detail_con .right							{ width:30%; }
.work_detail .detail_con .logo							{ height:60px; overflow:hidden; margin-bottom:.5em;  line-height:60px; font-size:1.3em; font-weight:700; color:#999; text-align:center; 
															text-overflow:ellipsis; white-space:nowrap; background:#f9f9f9}
.work_detail .detail_con .logo img						{ max-width:100%; max-height:50px; margin-top:5px;}
.work_detail .detail_con .right dt						{ position:relative; float:left; width:5em; padding:.3em 0 .3em .6em; font-weight:500; color:#000; }
.work_detail .detail_con .right dt:after				{ position:absolute; top:.95em; left:0; width:3px; height:3px; background:#ff7d35; content:""}
.work_detail .detail_con .right dd						{ float:left; width:-webkit-calc(100% - 5em); width:-moz-calc(100% - 5em); width:calc(100% - 5em); padding:.3em 0; color:#555;}

.work_detail .detail_period								{ position:relative; margin-bottom:2em; padding:3.5em 4em; border:1px solid #eaeaea; border-top-color:#333; border-radius:0 0 15px 15px; background: #fff}
.work_detail .detail_period ul							{ padding-bottom:1.5em; border-bottom:1px solid rgba(0,0,0,0.1) }
.work_detail .detail_period ul>li						{ float:left; }
.work_detail .detail_period ul>li.time					{ width:20%; background:rgba(0,0,0,0.03); padding:1.5em;  }
.work_detail .detail_period ul>li.time span				{ display:block; opacity:.4; font-size:1.05em; letter-spacing:-.045em }
.work_detail .detail_period ul>li.time strong			{ display:block; font-size:2.25em; font-weight:bold; color:#ff7d35; line-height:1; margin-top:.25em}
.work_detail .detail_period ul>li.time dl				{ display:block; margin-top:1.25em }
.work_detail .detail_period ul>li.time dt,
.work_detail .detail_period ul>li.time dd				{ float:none; display:block; font-size:1.05em;}
.work_detail .detail_period ul>li.time dt				{ opacity:.4; letter-spacing:-.045em }
.work_detail .detail_period ul>li.personnel				{ float:right; width:77%; }
.work_detail .detail_period ul>li.personnel ul			{ font-size:1.5em; margin-bottom:.5em; padding-bottom:1em; border-bottom:1px solid rgba(0,0,0,0.1) }
.work_detail .detail_period ul>li.personnel ul>li		{ float:left; width:50%; letter-spacing:-.045em; font-weight:300}
.work_detail .detail_period ul>li.personnel ul>li strong{ font-weight:bold; margin-left:1em; }

.work_detail .detail_period ul>li.personnel .keyword	{ display:block; margin-top:.3em; padding-right:10em; }
.work_detail .detail_period ul>li.personnel .keyword dt	{ float:left; width:9em; padding:.3em 0; opacity:.4; font-size:1.05em; letter-spacing:-.045em }
.work_detail .detail_period ul>li.personnel .keyword dd	{ float:left; width:-webkit-calc(100% - 11em); width:-moz-calc(100% - 11em); width:calc(100% - 11em); padding:.35em 0; color:#555;}
.work_detail .detail_period ul>li.personnel .down a		{ color:#ff7d35; text-decoration:underline}

.work_detail .detail_period .btn						{ position:absolute; top:50%; right:0; width:10em; transform:translateY(-35%); -ms-transform:translateY(-35%); -webkit-transform:translateY(-35%); -moz-transform:translateY(-35%);  }
.work_detail .detail_period .btn button + button		{ margin-top:.5em;}
.work_detail .detail_period .btn button					{ width:100%; padding:.7em 2em; font-size:1.05em; border-radius:1.5em }
.work_detail .detail_period .btn [class^="ico_"]		{ margin-right:5px; }
.work_detail .detail_period .btn .ico_scrap-on			{ color:#ee7700 }
.work_detail .detail_period .btn .interest				{ border:1px solid rgba(0,0,0,0.1); background:#fff; margin-right:.5em }
.work_detail .detail_period .btn .interest.on			{ color:#ee7700}
.work_detail .detail_period .info						{ background:none; color:#000; font-weight:500; background:#f2f2f2; margin-top:.5em }


.work_detail .detail_free								{ margin-bottom:2em; padding:3.5em 4em; border:1px solid #eaeaea; border-top-color:#333; border-radius:0 0 15px 15px; background: #fff}


.work_detail .detail_resemblance								{ margin-bottom:2em; padding:3.5em 4em; border:1px solid #eaeaea; border-top-color:#333; border-radius:0 0 15px 15px; background: #fff}
.work_detail .detail_resemblance .list							{ display:flex; flex-wrap:wrap}
.work_detail .detail_resemblance .list>li						{ float:left; width:49.5%; margin-bottom:1em; border:1px solid rgba(0,0,0,.1); padding:1.5em }
.work_detail .detail_resemblance .list>li:nth-child(2n)			{ margin-left:1%;}
.work_detail .detail_resemblance .list>li .left					{ float:left; width:45%; background:rgba(0,0,0,0.03); padding:1em;}
.work_detail .detail_resemblance .list>li .left .logo			{ display:block; text-align:center; font-size:1.25em; font-weight:500; color:#999; height:60px; overflow:hidden; line-height:60px; text-overflow:ellipsis; white-space:nowrap;}
.work_detail .detail_resemblance .list>li .left .logo img		{ max-height:60px; margin:0 auto; }
.work_detail .detail_resemblance .list>li .left .time			{ display:block; text-align:center; font-size:1em; font-weight:300; color:#999; margin-top:1em; letter-spacing:-.045em }
.work_detail .detail_resemblance .list>li .left .time strong	{ display:inline-block; margin-left:.7em; font-weight:700; color:#222; }
.work_detail .detail_resemblance .list>li .right				{ float:right; width:50%; }
.work_detail .detail_resemblance .list>li .right strong			{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; font-size:1.25em; color:#222; font-weight:500; line-height:1.3 }
.work_detail .detail_resemblance .list>li .right dl				{ margin-top:1em }
.work_detail .detail_resemblance .list>li .right dt,
.work_detail .detail_resemblance .list>li .right dd				{ float:none; display:block ;}
.work_detail .detail_resemblance .list>li .right dt				{ padding:.2em 0; opacity:.4; font-size:1.05em; letter-spacing:-.045em; border-bottom:1px solid rgba(0,0,0,0.1); margin-bottom:.3em }
.work_detail .detail_resemblance .list>li .right dd				{ padding:.2em 0; color:#555;}
.work_detail .detail_resemblance .list>.list_none				{ width:100%; text-align:center; font-size:1.2em; border:0}

.work_detail.human button.scrap 								{ top:0 }
.work_detail .detail_con .left dl.full							{ float:none; width:100%; }


@media screen and (max-width:1367px){
	.work_detail .detail_period ul>li.personnel .area		{ width:100%}
}
@media screen and (max-width:1267px){
	/* 상세페이지 */
	.work_detail .detail_con>section,
	.work_detail .detail_free,
	.work_detail .detail_resemblance,
	.work_detail .detail_period			{ padding:2em; }

	.work_detail .detail_resemblance .list>li .left .time span		{ display:none}
}

@media screen and (max-width:1024px){
	/* 상세페이지 */
	.work_detail .detail_con .left dl,
	.work_detail .detail_con .right dl { font-size:1em}

	.work_detail .detail_period ul>li.time,
	.work_detail .detail_period ul>li.personnel			{ float:none; width:100%; }
	.work_detail .detail_period ul.after>li.time			{ padding:1.2em}
	.work_detail .detail_period ul.after>li.time *		{ display:inline-block; vertical-align:middle}
	.work_detail .detail_period ul>li.time strong		{ margin:0 10% 0 .4em;}
	.work_detail .detail_period ul>li.time dl				{ margin-top:-.2em;}
	.work_detail .detail_period ul>li.time dd				{ margin-left:1em;}
	.work_detail .detail_period ul>li.personnel ul		{ margin-top:1.5em; padding-bottom:.6em;}
	.work_detail .detail_period ul>li.personnel .keyword	{ padding-right:0;}

	.work_detail .detail_period .btn							{ position:relative; top:auto; left:auto; width:100%; transform:translateY(0); margin-top:1em;}
	.work_detail .detail_period .btn button					{ width:48%}
	.work_detail .detail_period .btn button + button		{ margin-top:0;}

	.work_detail .detail_resemblance .list>li					{ padding:1.2em }
	.work_detail .detail_resemblance .list>li .right dt		{ display:none}
}
@media screen and (max-width:867px){
	/*  검색 */
	.work_search .form>div												{ float:none; position:relative; width:calc(100% - 7.4em);}
	.work_search .form .btn_search									{ width:6em; height:calc(100% + 2px); top:-1px; }
	.work_search .form .layer_toggle .layer 							{ top:49px; width:calc(100% - 4px) }
	.work_search .form .btn_event										{ height:3.3em; border-bottom:1px solid #e4e4e4; border-right:none;  }
	.work_search .form .input .input_text								{ width:100%; height:3.213em; line-height:3.213em; font-size:1.02em; letter-spacing:-.03em;}
	.work_search .form .btn_event span.txt							{ font-size:1.03em; letter-spacing:-.03em; }
	.work_search .form .layer_toggle.on .layer .txt					{ font-size:1em; padding:10px; }
	.work_search .form .layer_toggle.on .layer .select_area		{ padding:10px; }
	.work_search .form .layer_toggle.on .layer .select_area ul li		{ width:50%; font-size:0.9em }

	/* 상세페이지 */
	.work_detail .detail_con .left										{ width:50%}
	.work_detail .detail_con .right										{ width:100%; border-top:1px solid #eaeaea}
	.work_detail .detail_period ul.after>li.time span,
	.work_detail .detail_con .left:after									{ display:none}
	.work_detail .detail_period ul>li.time strong					{ margin-left:0;}

	.work_detail .detail_resemblance .list>li .left					{ width:35%; padding:.7em; font-size:13.5px;}
	.work_detail .detail_resemblance .list>li .right					{ width:60%}
	.work_detail .detail_resemblance .list>li .left .time,
	.work_detail .detail_resemblance .list>li .right dl				{ margin-top:.7em;}
}
@media screen and (max-width:767px){
	/* 목록 */
	.job_list table.type01					{ text-align:left; border-right:1px solid #e5e5e5 }
	.job_list tbody,
	.job_list tr,
	.job_list th,
	.job_list td								{ display:block;}
	.job_list tr								{ padding:1em; border-bottom:1px solid #e5e5e5; box-sizing:border-box }
	.job_list table.type01 td				{ font-size:1.05em; border:0}
	.job_list table.type01 strong		{ font-weight:400; font-size:1em; }
	.job_list table.type01 .tit				{ padding-top:0}
	.job_list table.type01 .tit strong	{ font-size:1.2em; color:#000; font-weight:700 }
	.job_list table.type01 td, 
	.job_list table.type01 th				{ padding:0}
	.job_list table.type01 td.inline		{ display:inline-block;} 
	.job_list table.type01 td.inline + .inline		{ position:relative; margin-left:6px; padding-left:7px;}
	.job_list table.type01 td.inline + .inline:after			{ position:absolute; top:.4em; left:0; width:1px; height:.7em; background:#ccc; content:""}
	
	table .t_box											{ width:30px}
	table .job_detail span.t_salary					{ display:block; margin-left:0; padding-left:0;}
	table .job_detail span.t_salary:after		{ display:none}
	table .job_detail span.t_salary+span	{ margin-left:0; padding-left:0; }
	table .job_detail span.t_salary+span:after		{ display:none}

	/* 상세페이지 */
	.work_detail .detail_period ul>li.personnel .keyword dt,
	.work_detail .detail_period ul>li.personnel .keyword dd		{ float:none; width:100%}
	.work_detail .detail_period ul>li.personnel .keyword dt		{ padding-bottom:0;}
	.work_detail .detail_period ul>li.personnel .keyword dd		{ padding-top:0;}
	.work_detail .detail_resemblance .list>li .right dl				{ margin-top:0;}
}
@media screen and (min-width:367px) and (max-width:767px){	
	/* 상세페이지 */
	.work_detail .detail_resemblance .list>li .left,
	.work_detail .detail_resemblance .list>li .right					{ float:none; width:100%}
	.work_detail .detail_resemblance .list>li .right					{ margin-top:.5em;}
	.work_detail .detail_resemblance .list>li .left .time				{ margin-top:.5em; font-size:1.1em;}
}
@media all and (max-width:567px){
	/* 검색 */
	.work_search .form .btn_event						{ padding:0 10px; height:46px; }
	.work_search .form span.txt							{ line-height:46px; }
	.work_search .form .input							{ padding:7px 10px; }
	.work_search .form .input .input_text				{ font-size:1em }
	.work_search .form .layer_toggle .layer 			{ top:45px;}
	.work_search .form .input .input_text				{ height:2.213em; line-height:2.213em; font-size:1em }

	/* 상세페이지 */
	.work_detail>h3 strong								{ font-size:1.5em}
	.work_detail .detail_con>section					{ float:none; width:100% !important; }
	.work_detail .detail_con .left						{ border-bottom:1px solid #eaeaea;}
	.work_detail .detail_con .right						{ border-top:0}
	.work_detail h4											{ margin-bottom:.5em; padding-bottom:.3em; font-size:1.4em;}
	.work_detail .detail_period ul>li.personnel ul	{ font-size:1.25em;}
	.work_detail .detail_period ul>li.personnel ul>li	{ float:none; width:100%}

	.work_detail .detail_period ul>li.time strong			{ margin-right:0; font-size:1.7em;}
	.work_detail .detail_period ul.after>li.time dt			{ display:none}
	.work_detail .detail_period .btn button					{ font-size:1.02em; letter-spacing:-.05em;}

	.work_detail .detail_resemblance .list>li					{ padding:.7em}
	.work_detail .detail_resemblance .list>li .right strong	{ font-size:1.1em;}
}
@media screen and (max-width:467px){
	/* 검색 */
	.work_search .form							{ margin-bottom:1.25em}
	.work_search .form>div						{ width:calc(100% - 5em) }
	.work_search .form .btn_search			{ width:4em; }
	.work_search .form .layer_toggle .layer 	{ width: calc(100% - 1px);}

	/* 목록 */
	.job_detail span + span,
	.job_list table.type01 td.inline + .inline		{ margin-left:3px; padding-left:4px;}
	.job_detail, .job_list table.type01 td.inline	{ font-size:15px; }

	/* 상세페이지 */
	.work_detail .detail_con>section,
	.work_detail .detail_free,
	.work_detail .detail_resemblance,
	.work_detail .detail_period			{ padding:1.2em; }
	.work_detail h4							{ font-size:1.3em;}
	.work_detail .detail_con .left ul		{ font-size:15.5px;}
	.work_detail .detail_con .left ul li	{ margin:.5em 0}
	.work_detail .detail_con .left ul li p{ margin-bottom:.5em;}
	.work_detail .detail_resemblance .list>li							{ margin-bottom:.5em;}
	.work_detail .detail_resemblance .list>li .left .logo			{ height:50px; line-height:50px;}
	.work_detail .detail_resemblance .list>li .left .logo img		{ max-height:50px; }
}
@media screen and (max-width:400px){
	/* 상세페이지 */
	.work_detail .detail_con .left dl	    { float:none; width:100%; }
	.work_detail .detail_con .left dl+dl	{ margin-left:0}
}
@media screen and (max-width:367px){
	/* 상세페이지 */
	.work_detail .detail_resemblance .list>li							{ float:none; width:100%; }
	.work_detail .detail_resemblance .list>li:nth-child(2n)			{ margin-left:0;}
}




/************************** 마이페이지 *******************************/
/* 구인신청서 약관동의 */
.workagree												{ margin-bottom:3em; padding:4%; background:#f9f9f9; border-top:1px solid #ff7d35;}
.workagree .allcheck											{ color:#181818; font-weight:500; letter-spacing:-.05em; word-break:keep-all}
.workagree .input_check input[type="checkbox"] + label:before { margin-top:2px}
.workagree .input_check.allcheck input[type="checkbox"] + label { font-size:1.25em; }
.workagree .agree_area								{ margin-top:1em; border-top:1px solid #333 }
.workagree	.txt										{ margin-bottom:4em; padding-bottom:4em; letter-spacing:-.03em; word-break:keep-all; border-bottom:1px solid #e6e6e6; }
.workagree	.txt>ul									{ float:left; padding-top:1em}
.workagree	.txt>ul li									{ display:inline-block; position:relative; width:200px; height:200px; margin-right:20px; text-align:center; font-size:1.2em; font-weight:500; background-repeat:no-repeat; background-position:50% 30%; border-radius:50%}
.workagree	.txt>ul li	span							{ position:absolute; width:60%; left:50%; bottom:17%; margin-left:-30%;}
.workagree	.txt>ul li:first-child					{ background-image:url(/assets/site/LET/img/board/bg_job_icon01.png)}
.workagree	.txt>ul li:last-child					{ background-image:url(/assets/site/LET/img/board/bg_job_icon02.png)}
.workagree	.txt>div									{ float:left; width:50%; width:-webkit-calc(100% - 460px); width:-moz-calc(100% - 460px); width:calc(100% - 460px); margin-left:10px; }
.workagree	.txt .big									{ margin-bottom:.5em; font-size:1.5em; font-weight:400;  line-height:1.4; color:#333; letter-spacing:-.05em}
.workagree	.txt .big strong							{ font-size:1.15em; color:#181818; font-weight:500;  }
.workagree	.txt p										{ font-size:1.2em; font-weight:300; color:#676767; line-height:1.6;}
.workagree	.txt p span								{ display:block; margin-top:5px; font-weight:400; font-size:.9em; color:#ff7d35; }
.workagree .agree_area                              { background:#fff; }
.workagree .agree_area>li							{ position:relative; float:left; width:50%; padding:1em 2em;}
.workagree .agree_area>li label						{ font-size:1.15em; letter-spacing:-.05em; line-height:55px;}
.workagree .agree_cont						{ line-height:1.6; font-weight:400}
.workagree .agree_cont table				{ width:100%; margin-bottom:.8em; border:0}
.workagree .agree_cont table th			{ color:#181818; font-weight:500; word-break:keep-all; background:#eaeaea; border:1px solid #bdbdbd; border-left:0}
.workagree .agree_cont table th,
.workagree .agree_cont table td			{ font-size:1.02em; text-align:center; padding:.8em; border-collapse:collapse; line-height:1.3}
.workagree .agree_cont table td			{ color:#636363; border:1px solid #bdbdbd; border-width:1px 0; }
.workagree .agree_cont table tr			{ border:1px solid #fff}
.workagree .argree_info						{ margin-top:1.5em; font-size:1.05em;}
.workagree .argree_info	li					{ position:relative; margin-bottom:.3em; padding-left:.5em; font-size:.95em; color:#333; letter-spacing:-.05em}
.workagree .argree_info	li:before			{ position:absolute; top:.5em; left:0; width:3px; height:3px; background:#ff7d35; content:""}
.workagree .btn_area							{ margin-top:3%}
.workagree .btn_area li .btn					{ min-width:140px}
.workagree .job_btn li						{ width:450px; overflow:hidden; font-size:15px; letter-spacing:-.05em; background:#fff; border:2px solid #ff7d35; border-radius:15px; }	
.workagree .job_btn li+li						{ margin-left:8px}
.workagree .job_btn li a						{ display:block; padding:1.5em 1em 1.5em 100px; text-align:left; background-repeat:no-repeat; background-position:1.5em 55%; }
.workagree .job_btn strong					{ display:inline-block; *display:block; padding-right:1.5em; font-size:1.41em; color:#ff7d35; background:url(/assets/site/LET/img/board/bg_job_more.png) no-repeat 100% 50%}
.workagree .job_btn span					{ display:block; margin-top:.2em; color:#646566}	
.workagree .job_btn .company				{ background-image:url(/assets/site/LET/img/board/bg_job_btn01.png)}
.workagree .job_btn .work					{ background-image:url(/assets/site/LET/img/board/bg_job_btn02.png)}
.workagree .job_btn li a:hover				{ background-color:#ff7d35}
.workagree .job_btn a:hover strong					{ color:#fff;}
.workagree .job_btn a:hover span					{ color:#fff}	


/* 구인신청서 */
div.work                                      { margin-top:0; margin-bottom:3em; }
.work .state_area							{ margin-bottom:3em; padding:1.3em 0; font-size:1.1em; text-align:center; background:#fffce6}
.work .state_area li							{ display:inline-block; margin:0 1em}
.workform>section							{ position:relative; margin:1em 0 4em}
.workform h3								{ margin-bottom:.5em; font-size:1.35em}
.workform h3 span							{ display:inline-block; *display:inline; margin-left:12px; font-weight:400; color:#999; font-size:.8em; letter-spacing:-.075em; }
.workform .tit_input input					{ height:50px; line-height:50px; font-size:1.12em; border-color:#ff7d35}
.work .workform .txt_need				{ color:#666; font-size:1.05em; letter-spacing:-.075em; }
.work .workform .bl_need					{ display:inline-block; margin-top:3px; vertical-align:middle; font-style:normal; font-weight:400; color:#ed1c24}
.work .workform .info_area				{ margin-top:5px; padding:1em 0; border-top:1px solid #181818; border-bottom:1px solid #e4e4e4;}
.work .workform .info_area > li			{ position:relative; float:left; width:100%; padding:7px 0 7px 9em;}
.work .workform .info_area > .half		{ float:left; width:45%}
.work .workform .info_area > .half.margin	{ margin-left:10%}
.work .workform .info_area > li strong {position:absolute;top:0; left:0; width:8em;line-height:55px;color:#333;font-size:1.1em;font-weight:400;}
.work .workform .info_area > li strong em {display:inline-block;margin-left:3px;font-weight:normal;}
.work .workform .info_area > li .small {width:344px; width:-webkit-calc(100% - 140px); width:-moz-calc(100% - 140px); width:calc(100% - 140px);}
.work .workform .info_area > li button {position:absolute; top:7px; right:0; width:100px; height:40px; background:#fff; border:1px solid #181818; border-radius:5px; vertical-align:top}
.work .workform .info_area > li .infotxt {margin:.5em 0 .2em; color:#666; font-size:.95em; line-height:1.5; letter-spacing:-.04em}
.work .workform .info_area > li label { line-height:40px;}
.work .workform .info_area > li label span {color:#555;font-size:1em;}
.work .workform .info_area .full			{ width:100%; }
.work .workform .info_area label.check	{ display:inline-block; font-size:1.1em}
.work .workform .info_area .input_list li	{ display:inline-block; margin-right:.6em }
.work .workform .info_area .input_list li:last-child									{ margin-right:0}
.work .workform .info_area .input_list li label								{ margin-left:0;}
.work .workform .info_area  .business_num strong						{ top:7px; font-size:1em; line-height:1.3}
.work .workform .info_area > li input.middle								{ width:38.5%; margin-right:10px}
.work .workform .inline		{ display:inline-block; }
.work textarea					{ border-top-color:#181818}
.work .file						{ padding-bottom:1.5em; border-bottom:1px solid #e4e4e4; border-top:1px solid #181818; padding-top:1em }
.work .file label						{ display: inline-block; min-width: 100px; height:40px; line-height:40px; color:#fff; text-align:center; background:#303a3c; cursor:pointer; vertical-align:top }
.work .file .btn					 { height:30px; margin:0 2px; font-size:14px; line-height:30px; letter-spacing:-.05em;}
.work .file li         				{ position:relative; margin-top:.2em}
.work .file .file_name			{ width:40%; background:#fff; text-indent:5px; border:1px solid #e4e4e4; vertical-align:top}
.work .file .file_add		{ position:absolute; right:0; top:0; min-width:100px; height:35px; line-height:33px; color:#fff; text-align:center; background:#303a3c; cursor:pointer; border-radius:2em; border:none; font-size:14px}	
.work .file .file_sub			{ display:inline-block; margin-left:3px; min-width:100px; height:40px; line-height:36px; text-align:center; background:rgba(0,0,0,0.1); border:none; color:#303a3c; vertical-align:top; }											
.work .info						{ margin-top:5em; padding:2em; font-size:1.03em; font-weight:500; letter-spacing:-.02em; line-height:1.6; color:#000; background:#f2f2f2;  }
.work .info strong				{ font-weight:500; color:#ff7d35}
.work .info a					{ display:inline-block; *display:inline; padding:.3em .6em; font-size:.85em; color:#333; background:#fff; border:1px solid #eaeaea; border-radius:3px;}

.work .workform .info_area li.address .zonecode					{ float:left; width:120px; height:40px; margin-right:1%; text-align:center; background:rgba(0,0,0,0.8); color:#fff; border:none; margin-bottom:3px; }
.work .workform .info_area li.address	#adres,
.work .workform .info_area li.address	#entprAddr1					{ float:left; width:-webkit-calc(48% - 120px); width:-moz-calc(48% - 120px); width:calc(48% - 120px) }
.work .workform .info_area li.address #detailAdres,
.work .workform .info_area li.address #entprAddr2					{ float:right; width:50%; }
.work .workform .info_area .special .keyword_con	{ margin-right:110px; min-height:40px; line-height:38px; color:#181818; border-bottom:1px solid #ddd; }
.keyword_con								{ min-height:30px}
.keyword_con span					{ display:inline-block; *display:inline; }
.keyword_con .tag						{ position:relative; margin:1px; padding:0 1.7em 0 1em; line-height:2; background:#f3f3f3; border-radius:40px;}
.keyword_con span .delete				{ position:absolute; top:4px !important; right:4px !important; width:auto !important; height:auto !important; font-family:"굴림",Gulim; font-weight:700; color:#b5b5b5; border:0 !important; background:none !important;}

.work .workform .info_area > li .con_fix      { font-size:1.05em; line-height:40px; color:#000; font-weight:500 }
.work .workform .btn_company				{ position:absolute; top:0; right:0; padding:.2em .5em; }
.work .workform .btn_area							{ margin:5% auto 0}
.work .workform .btn_area li						{ display:inline-block; margin:0 2px}
.work .workform .btn_area li .btn					{ display:inline-block; width:160px; line-height:3; text-align:center;}

.work .workform .output > li strong				{ line-height:40px;}
.work .workform .output > li .con_fix				{ line-height:25px;}


/* 우대조건 모달 */
.modal												{ display:none; background:#fff; }
.modal h4											{ padding:.6em 1rem; font-size:1.25em; font-weight:500; color:#fff; background:#333; }
.modal#specialModal							{ width:94%; max-width:1200px}
.modal#specialModal .cate_tab li,
.modal#specialModal .tab_con				{ float:left; width:20%; max-height:60vh; overflow-y:auto}
.modal#specialModal .cate_tab li a			{ display:block; padding:.5em 1rem; background:#f2f2f2; }
.modal#specialModal .cate_tab li .arr		{ display:none}
.modal#specialModal .tab_con				{ padding:.6rem 1rem}
.modal#specialModal .select_box				{ position:relative; padding:.8rem 1rem .8rem 6rem; border:solid #ddd; border-width:1px 0;}
.modal#specialModal .select_box strong	{ position:absolute; top:1rem; left:1.2rem; font-weight:500; color:#000}

.modal .btn_area								{ text-align:center; margin:1rem}
.modal .btn_area li							{ display:inline-block; margin:0 2px; width:47%; max-width:160px; }
.modal .btn_area li .btn						{ width:100%; padding:.6em; text-align:center;}

@media all and (max-width:1200px){
	/* 구인신청서 약관동의 */
	.workagree .txt>ul								{ float:none; margin-bottom:1.5em; padding-top:0; text-align:center}
	.workagree .txt>div							{ float:none; width:100%; margin-left:0}
}
@media all and (max-width:1465px){
	/* 구인신청서 약관동의 */
	.workagree .job_btn li						{ width:48%; font-size:13px}
	.workagree .job_btn li a						{ padding:1.3em 1em 1.3em 80px; background-size:50px}
	.workagree .job_btn strong					{ background-size:20px}
}

@media all and (min-width:1025px){
	/* 우대조건 모달 */
	.modal#specialModal .tab_box			{ display:flex; flex-wrap:wrap; }
	.modal#specialModal .tab_con + .tab_con,
	.modal#specialModal .cate_tab li + li a		{ border-left:1px solid #ddd}
}
@media all and (max-width:1024px){
	/* 구인신청서 약관동의 */
	.workagree										{ padding:3.5em 3em;}
	.workagree .txt>ul								{ float:none; margin-bottom:1.5em; }

	/* 구인신청서 */
	.work .workform .info_area > li.place .address  { margin:5px 0 0 0; width:100%}

	/* 우대조건 모달 */
	.modal#specialModal .tab_con						{ display:none; max-height:30vh}
	.modal#specialModal .tab_con.on					{ display:block; }
	.modal#specialModal .cate_tab li						{ width:33.33%; text-align:center;}
	.modal#specialModal .cate_tab .on a				{ color:#fff; font-weight:700; background:#ff8522}
	.modal#specialModal .tab_con						{ float:none; width:100%; border-top:1px solid #ddd}
	.modal#specialModal .tab_con li						{ float:left; width:50%}
	.modal#specialModal .cate_tab .on .arr				{ position:relative; display:inline-block; width:15px; height:15px; vertical-align:middle; border:1px solid rgba(255,255,255,.7); border-radius:50%; }
	.modal#specialModal .cate_tab .arr::before,
	.modal#specialModal .cate_tab .arr::after			{ position:absolute; top:6px; width:6px; height:1px; background:#fff; content:"" }
	.modal#specialModal .cate_tab .arr::before			{ left:11%; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);}
	.modal#specialModal .cate_tab .arr::after			{ right:11%; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);}
}
@media all and (max-width:1070px){
	/* 구인신청서 */
	.work .workform .info_area .work_type			{ width:30%}
	.work .workform .info_area .work_time		{ width:100%; margin-left:0 !important}
	.work .file .btn_area								{ top:-75px; }	
}
@media all and (max-width:1024px){
	.work .info											{ padding:1.2em; }
}
@media all and (max-width:950px){
	/* 구인신청서 약관동의 */
	.workagree .job_btn li						{ width:100%; margin:3px 0; }
	.workagree .job_btn li+li						{ margin-left:0}
	.workagree .job_btn li a						{ padding:1em 1em 1em 80px; }
	.workagree .job_btn strong					{ background-size:20px}
}
@media all and (max-width:800px){
	/* 구인신청서 약관동의 */
	.workagree .agree_area>li					{ float:none; width:100%; }
	.workagree .agree_area>li + li				{ border-top:1px solid #ddd}

	/* 구인신청서 */
	.work .workform .info_area > .half		{ float:left; width:100%}
	.work .workform .info_area > .half.margin	{ margin-left:0}
	.work .info											{ padding:1.1em; font-size:.9em; line-height:1.5; letter-spacing:-.05em }
	.work .workform .register_how label,
	.work .workform .salary label			{ display:block; margin-left:0 !important}
	.work .workform .salary .inline label			{ display:inline-block; }
	.work .workform .info_area li.address .zonecode				{ width:100px }
	.work .workform .info_area > li.address #detailAdres	{ margin-top:2px; width:100% }
	.work .workform .info_area > li.address #adres			{ width:-webkit-calc(99% - 100px); width:-moz-calc(99% - 100px); width:calc(99% - 100px) }

	.workform h3 span						{ display:block; margin:.5em 0 0}
}
@media all and (max-width:700px){
	/* 구인신청서 약관동의 */
	.workagree .agree_area li label				{ line-height:50px}
	.workagree .txt>ul li							{ width:150px; height:150px; margin:0; background-size:58%}
	.workagree .txt>ul li+li						{ margin-left:5px}
	.workagree .txt>ul li span						{ bottom:12%}
}
@media all and (max-width:500px){
	/* input */
	input[type=text], input[type=number], input[type=password] {padding:0 .7em;}
	select { padding:0 2em 0 .7em;  }
	textarea {padding:1em .7em; }

	/* 구인신청서 약관동의 */
	.workagree										{ padding:2.5em 1.5em;}
	.workagree .txt									{ margin-bottom:2.5em; padding-bottom:2.5em}
	.workagree .txt>ul li							{ width:130px; height:130px; font-size:1em }
	.workagree .txt .big							{ font-size:1.25em;}
	.workagree .txt .big strong					{ font-size:1.1em}
	.workagree .input_check.allcheck input[type="checkbox"] + label { font-size:1.18em; }
	.workagree .agree_area>li					{ padding:1.5em}
	.workagree .agree_area li label			{ line-height:1.6}
	.workagree .agree_cont table,
	.workagree .agree_cont table th,
	.workagree .agree_cont table td			{ padding:.5em .3em; font-size:1em; line-height:1.3}
	.workagree .btn_area							{ margin:6% 0 5%}
	.workagree .job_btn li a						{ padding:1em; background-image:none !important}
	.workagree .job_btn li strong				{ font-weight:500; font-size:1.2em}	

	/* 구인신청서 */
	.work .state_area li						{ margin:0 .5em}
	.work .workform .info_area > li				{ padding:.4em 0}
	.work .workform .info_area > li strong		{ position:relative; display:block; width:100%; top: 0 !important; line-height:1.5;}
	.work .workform .info_area > li .small	    { width:35%; width:-webkit-calc(100% - 110px); width:-moz-calc(100% - 110px); width:calc(100% - 110px);}
	.work .workform .info_area > li .delete		{ top:2.6em; width:100px}
    .work .workform .info_area label.check	    { font-size:1em}
	.work .workform .info_area > li input.middle					{ width:60%; margin-right:0}
	.work .workform .info_area .business_num strong br		{ display:none; width:100%}
	.work .workform .info_area > .salary input[type='text'],
	.work .workform .info_area > .salary input[type='number']{ width:35% !important}
	.work .workform .info_area .register_date label				{ display:block; margin-left:0}
	.work .workform .info_area > li label								{ line-height:30px}
	.work .workform .info_area .special .keyword_con			{ margin-right:0;}
	.work .workform .info_area > li .btn_white							{ position:relative; margin-top:.5em; top:auto; width:100%}	
	.work .file .file_add               { position:relative; top:auto; width:100%; margin:.7em 0 0;}

	.work_list>section>div				{ position:relative}
	
	.work .file .btn_area				{ top:-80px; }
	.work .file label,
	.work .file .file_del,
	.work .file .file_sub					{ min-width:80px; }

	.work .workform .btn_area li								{ width:49%; margin:0;}
	.work .workform .btn_area li+li							{ margin-left:2%}
	.work .workform .btn_area li .btn							{ width:100%}

	/* 우대조건 모달 */
	.modal#specialModal .cate_tab li				{ width:50%;}
	.modal#specialModal .select_box				{ padding:.5rem .9rem}
	.modal#specialModal .select_box strong	{ position:relative; display:block; top:auto; left:auto; margin:0 0 .3em 1px}
}
@media all and (max-width:370px){
	/* 구인신청서 약관동의 */
	.workagree								{ padding:0; border:0; background:#fff}
	.workagree .txt>ul li:last-child		{ background-color:#f9f9f9 !important}
	.workagree .agree_area>li			{ padding:1.5em 0}

	/* 구인신청서 */
	.work .state_area							{ font-size:1.05em;}
	.work .state_area li						{ margin:0 .3em}

	/* 우대조건 모달 */
	.modal#specialModal .tab_con li				{ float:none; width:100%;}
}