@charset "utf-8";

/* input */
input[type=text],
input[type=number],
input[type=password] 							{ position:relative; padding:0 .7em; width:100%; 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;}
input[type=date]                                { position:relative; height:40px; line-height:38px; color:#181818; border:1px solid #ccc;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=submit]                              { -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0}
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;}
textarea:focus::placeholder,
input[type=text]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder 		{ font-size:0 !important;}

@media all and (max-width:967px){
	input[type=text],
	input[type=number],
	input[type=password] 							{ padding:0 10px; height:38px; line-height:36px; font-size:14.5px;}
}
@media all and (max-width:467px){
	input[type=text],
	input[type=number],
	input[type=password] 							{  font-size:14px;}
}


/* 로그인페이지 */
.login_area					{ margin-bottom:5%; border:1px solid #e6e6e6; border-top-color:#333; background:#fff; position:relative; overflow:hidden}
.login_area:after			{ position:absolute; left:50%; top:0; width:1px; height:100%; content:''; background:#e6e6e6 }
.login_area	h3				{ font-weight:500; font-size:1.8em; color:#181818; letter-spacing:-.05em}
.login_form					{ float:left; width:50%; padding:60px 70px;}
.login_form	h3				{ padding-bottom:1em; }
.login_form>div				{ position:relative; width:100%; margin:0 auto 1em}
.login_form>div>form			{ float:left; margin-right:2%; width:63%}
.login_form .login_input input	{ display:inline-block; *display:inline; width:100%; height:40px; margin-bottom:.5em; padding:0 10px; color:#333; border:1px solid #ccc; border-radius:0}
.login_form>div>.btn			{ float:right; width:35%; height:88px; padding:0 1em; font-size:1.15em; outline:none; border:0; cursor:pointer; background:#ff7c34}
.login_form .login_check		{ margin-top:.3em}
.login_form .login_check *		{ vertical-align:middle}
.login_form .login_check input	{ width:1.5em; height:1.5em}
.login_form .btn_area			{ margin-top:15px; padding-top:25px; border-top:1px solid #e6e6e6}
.login_form .login_btn li		{ float:left; width:49%; }
.login_form .login_btn li *		{ vertical-align:middle}
.login_form .login_btn li+li	{ margin-left:2%}
.login_form .login_btn li i		{ font-size:1.2em;}
.login_form .login_btn li a		{ display:block;  width:100%; height:47px; padding:0; line-height:45px; text-align:center; border:1px solid #bbb}
.login_form .join_btn			{ position:absolute; bottom:.2em; right:0}
.login_form .join_btn li		{ position:relative; display:inline-block; *display:inline; }
.login_form .join_btn li+li		{ margin-left:.5em; padding-left:.5em;}
.login_form .join_btn li+li:after{ position:absolute; left:0; top:.3em; width:1px; height:.8em; background:#797979; content:""}
.login_form .join_btn li a	{ color:#797979}
.login_form .btn_area .small { margin-top:1em; font-size:14.5px; color:#797979; text-align:left }

.join_area						{ float:left; width:50%; }
.join_area h3					{ padding-bottom:.2em; font-size:1.35em}
.join_area p					{ margin-bottom:.75em; font-size:1.13em; letter-spacing:-.05em}
.join_area>ul>li				{ padding:15px 60px}
.join_area>ul>li:first-child	{ padding-top:45px; padding-bottom:10px;}
.join_area>ul>li:last-child		{ padding-bottom:45px; }
.join_area>ul>li .img			{ float:left; width:120px; height:120px; text-align:center; background:#f9f9f9; border-radius:50%}
.join_area>ul>li .img img		{ margin:30px 0 0 0; }
.join_area>ul>li .txt			{ float:left; width:70%; width:-webkit-calc(95% - 130px); width:-moz-calc(95% - 130px); width:calc(95% - 130px); margin-left:5%}
.join_area .txt .btn			{ display:inline-block; text-align:center; min-width:200px;line-height:38px; height:38px;}


/* 아이디 비밀번호 찾기 */
.find .login_form							{ position:relative;}
.find .login_form .join_btn					{ position:relative; bottom:auto; right:auto}
.find .login_form							{ padding-left:60px; padding-right:60px; }
.find .login_input							{ float:inherit; width:100%; margin-right:0 }
.find .login_form>div>.btn					{ float:inherit; width:100%; height:inherit; line-height:3;}
.find .join_btn								{ clear:both; width:100%; margin-top:2em; padding-top:.7em; border-top:1px solid #e3e3e3; overflow:hidden }
.find .join_btn a							{ display:block; width:100%; line-height:3; background:#262626; color:#fff; text-align:center }
.find .c_main								{ width:100%; padding:1em 0 }


/* 회원가입 */
.join_step								{ margin-top:2em; text-align:center; }
.join_step li							{ position:relative; display:inline-block; *display:inline; padding:0 2em; font-size:1.3em; font-weight:400; color:#666; letter-spacing:-.05em; counter-increment:number; }
.join_step li:before					{ content:counter(number); padding:0 .5em; background:#efefef; border-radius:50%; margin-right:.3em;}
.join_step li.active					{ color:#000; font-weight:700}
.join_step li.active:before				{ background:#f45d12; color:#fff;}


/* 수강생, 강사 선택 */
.join_select							{ text-align:center; }
.join_select .info					{ font-size:1.2em; letter-spacing:-.05em;}
.join_select .info strong			{ font-size:1.05em; color:#ff8522; font-weight:500;}
.join_type li							{ float:left; width:32%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-top:2em; padding:2em; background:#fff; border-radius:1em; -webkit-box-shadow:0 0 20px rgba(0,0,0,.03); -moz-box-shadow:0 0 20px rgba(0,0,0,.03); box-shadow:0 0 20px rgba(0,0,0,.03)}
.join_type li + li					{ margin-left:2%}
.join_type li .icon					{ display:block; width:100px; height:100px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin:1em auto; padding-top:27px; border:3px solid #ff8522; border-radius:50%}	
.join_type li .icon img				{ width:55%}
.join_type li .tit						{ font-size:1.55em; color:#181818}
.join_type li p						{ height:4.5em; margin:.5em auto}
.join_type li p strong				{ display:block; color:#ff8522; font-weight:500;}
.join_type .btn						{ display:inline-block; *display:block; width:160px; margin:.5em auto; padding:.5em}


/* 회원가입 step01 */
.joinagree												{ padding:6% 7%; background:#fff; border-top:1px solid #ff8522;}
.join .allcheck											{ display:flex; align-items:center; margin-left:.5em; color:#181818; font-size:1.25em; font-weight:500; letter-spacing:-.05em}
.join label *											{ vertical-align:middle}
.join input[type=checkbox]								{ width:1.3em; height:1.3em; margin-right:8px }
.joinagree .agree_area									{ margin-top:1em; border-top:1px solid #333 }
.joinagree .agree_area>li								{ position:relative; background:#fff; border:1px solid #e6e6e6; border-top:0; overflow:hidden; }
.joinagree .agree_area>li.agree2						{ margin-top:40px; border-top:1px solid #333}
.joinagree .agree_area li label							{ padding-left:2em; font-size:1.15em; letter-spacing:-.05em; line-height:60px;}
.joinagree .agree_area li label strong					{ font-weight:400; color:#ed1c24; vertical-align:top;}
.joinagree .agree_area li .btn_more						{ position:absolute; top:1.8em; right:2em; width:23px; height:12px; text-align:left; text-indent:-9999px; outline:none; border:0; cursor:pointer}
.joinagree .agree_area li .btn_more:before				{ position:absolute; display:inline-block; *display:inline; top:0; left:0; width:23px; height:12px;
														background:#fff url(/assets/site/LET/img/board/bg_join_more.png) no-repeat 0 0; content:""}
.joinagree .agree_area li.active .btn_more:before 		{transform: rotate(180deg);}
.joinagree .agree_cont									{ max-height:220px; overflow-y:auto; line-height:1.6; border-top:1px solid #e6e6e6; font-weight:400}
.joinagree .agree_cont>div								{ padding:.5em 2em}
.joinagree .agree_cont>div section						{ margin:1.5em 0; line-height:1.5; letter-spacing:-.04em}
.joinagree .agree_cont>div section p					{ margin:.5em 0; color:#333}
.joinagree .agree_cont>div section strong				{ display:block; font-weight:500; font-size:1.1em}
.joinagree .agree_cont>div table						{ width:100%; margin:.5em 0 .8em; line-height:1.3; border:0}
.joinagree .agree_cont>div table	th					{ color:#181818; font-weight:500; background:#eaeaea; border:1px solid #fff; }
.joinagree .agree_cont>div table,
.joinagree .agree_cont>div table th,
.joinagree .agree_cont>div table td,
.joinagree .agree_cont>div table.tstyle th              { font-size:.85rem; text-align:center; padding:.4rem; border-collapse:collapse}
.joinagree .agree_cont>div table.tstyle td              { font-size:.85rem; text-align:center; border-collapse:collapse}
.joinagree .agree_cont>div table td.text_left			{ text-align:left; }
.joinagree .agree_cont>div table td						{ color:#636363; border:1px solid #bdbdbd; border-width:1px 0; }
.joinagree .agree_cont>div table tr						{ border:1px solid #fff}
.joinagree .agree_area li.active .agree_cont 			{ display:block; background:#fdfdfd}
.joinagree .agree_area li .agree_cont 					{ display:none; }
.joinagree .agree_area li .agree_cont .box              { font-size:.9rem; line-height:1.5; }
.join .btn_area											{ display:table; margin:5% auto 0 auto}
.join .btn_area li										{ float:left; display:inline-block; margin:0 2px}
.join .btn_area li .btn									{ display:inline-block; width:160px; line-height:3; text-align:center;}

.join .box strong										{ color:#333; font-weight: 400; }
.join .box												{ margin-bottom:10px;  }
.join .box h5											{ font-weight: 500; color:#ff8522; font-size: 16px; margin-bottom: 10px; }
.join .box p,
.box .stipul_con ul										{ margin-bottom: 20px; }
.join .box dt											{ font-weight: 500; }
.join .box ul>li										{ margin-bottom: 25px; }
.join .box ul>li ul li									{ margin-bottom: 5px; text-indent: -15px; padding-left: 20px; }
.join .box ul>li ul li p								{ margin-bottom: 5px; text-indent: -8px; padding-left: 10px; }
.join .box ul>li ol li									{ margin-bottom: 0; }
.join .box ul>li ul.indno p								{ text-indent: 0; padding-left: 0; }
.join .box .tstyle th									{ clear: both; padding: 10px 3px 10px 15px; }
.join .box .tstyle td									{ clear: both; padding: 10px 3px 10px 15px; }
.join .box .btn_previous								{ display:inline-block; position:relative; background:rgb(255,133,34, .7); border:none; padding:.5rem 2.25rem .5rem 1rem; line-height:1; font-size:.95rem; color:#fff; border-radius:2rem; 
															}
.join .box .btn_previous::before						{ position:absolute; content:''; width:7px; height:7px; border-style:solid; border-width:2px 2px 0 0; border-color:#fff; right:1rem; top:50%; transform:translateY(-70%) rotate(135deg); }
.join .box .btn_previous.on::before						{ transform:translateY(-30%) rotate(315deg); transition:all ease 0.2s}
.join .box .previous									{ display:none; margin-top:.75rem; border:1px solid rgba(0,0,0,.1); font-size:95%; background:rgba(0,0,0,.02); padding:1.25rem; }
.join .box .previous.on									{ display:block; }

/* 회원가입 step02 */
/* selectbox 초기화 */
.join .joinform .info_area select                   { border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.join .joinform .info_area select::-ms-expand       { display:none}
.join .joinform .info_area select                   { background:url(/assets/site/LET/img/board/bg_join_more.png) no-repeat calc(100% - 1em) 55%; background-size:14px;}

.joinform											{ background:#f9f9f9; }
.join .joinform .txt_need							{ color:#666; font-size:1.05em; letter-spacing:-.075em; }
.join .joinform .txt_need.text_right				{ position: absolute; right: 0; margin-top: -2.5em}
.join .joinform .bl_need							{ display:inline-block; margin-top:3px; vertical-align:middle; font-style:normal; font-weight:400; color:#ed1c24}
.join .joinform .info_area							{ display:flex; flex-wrap:wrap; margin-top:5px; padding:1.3em 0; border-top:1px solid #181818; border-bottom:1px solid #e4e4e4;}
.join .joinform .info_area > li						{ float:none; width:100%; position:relative; padding:7px 0 7px 7em; font-size:1.05em; }
.join .joinform .info_area > li.left				{ width:48% }
.join .joinform .info_area > li.right				{ width:48%; margin-left:4% }
.join .joinform .info_area > li.w33		    		{ width:31.6% }
.join .joinform .info_area > li.w33 + .w33          { margin-left:2.5%}

.join .joinform .info_area > li.short               { min-height:auto}
.join .joinform .info_area > li.mtm03 .infotxt      { margin-top:-0.7em }
.join .joinform .info_area > li.mailservice,
.join .joinform .info_area > li.smsservice			{ padding:10px 0; width:50%; float:left; border-top:1px solid #e4e4e4; margin-top:19px; color:rgba(0,0,0,0.54)}
.join .joinform .info_area > li.mailservice strong,
.join .joinform .info_area > li.smsservice strong	{ position:inherit; display:inline-block; margin-right:20px; width:auto; top:inherit; color:rgba(0,0,0,0.54) }
.join .joinform .info_area > li.bar 				{ margin-top:24px;padding-top:29px;border-top:1px solid #ccc;}
.join .joinform .info_area > li.bar strong 			{ top:30px;}
.join .joinform .info_area > li strong 				{ position:absolute;top:5px;left:0;width:7em;line-height:40px;color:#333;font-weight:400;}
.join .joinform .info_area > li strong em 			{ display:inline-block;margin-left:3px;font-weight:normal;}
.join .joinform .info_area > li input.small 		{ width:344px; width:-webkit-calc(100% - 45%); width:-moz-calc(100% - 45%); width:calc(100% - 45%); border-radius:0; margin:0; font-size:inherit; text-align:left}
.join .joinform .info_area > li .btn_white 	        { float:right; margin:2px 0 0 0; width:43%; line-height:36px; background:#fff; border:1px solid #181818; cursor:pointer;}
.join .joinform .info_area > li .btn_grey 	        { float:right; margin:2px 0 0 0; width:43%; line-height:36px; background:#dddddd; border:0px; cursor:pointer;}
.join .joinform .info_area > li .infotxt 			{ margin:.2em 0; color:rgba(0,0,0,0.54); font-size:.9em; line-height:1.5; letter-spacing:-.04em}
.join .joinform .info_area > li label 				{ line-height:40px;}
.join .joinform .info_area > li label span 			{ color:#555;font-size:1em;}
.join .joinform .info_area > li.email input 		{ width:60%; }
.join .joinform .info_area select 					{ width:100%; height:40px; padding:0 15px; line-height:38px; border:1px solid rgba(0,0,0,0.2); color:#333 }
.join .joinform .info_area textarea					{ width:100%; background:rgba(0,0,0,0.02); padding:7px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
													min-height:80px; border:1px solid rgba(0,0,0,0.2) }
.join .joinform .info_area > li input[type='radio']	{ width:14px; height:14px; margin-right:5px; vertical-align:revert }
.join .joinform .info_area > li #mbtlnum,
.join .joinform .info_area > li #authCode			{ font-size:90%; margin:0; text-align:left; }
.join .joinform .info_area > li .btn_white			{ font-size:90%;  }


/* 회원정보 수정 */
.join .joinform .file_in .file_input_div							{ height:40px; top:2px }
.join .joinform .info_area.addition > li							{ padding:5px 0 5px 9em; }
.join .joinform .info_area.addition > li strong 					{ width:10em }
.join .joinform .info_area.addition > li.left,
.join .joinform .info_area.addition > li.right						{ height:50px; }
.join .joinform .info_area > li.right.pl_none						{ padding-left:0; }
.join .joinform .info_area > li.right .name_box.flex						{ position:relative; padding-left:9.4em }
.join .joinform .info_area > li.right.pl_none .name_box.flex+.name_box.flex	{ margin-top:.5rem; }
.join .joinform .info_area > li.photo								{ position:relative; height:100px !important; }
.join .joinform .info_area > li.photo .img							{ position:absolute; left:0; top:0; width:75px; height:100px; margin:0; padding:0; background:rgba(0,0,0,0.02); border-radius:10px; overflow:hidden }
.join .joinform .info_area > li.photo .img img						{ position:absolute; left:0; top:0; width:100%; height:100%; }
.join .joinform .info_area > li.photo strong 						{ position:relative; display:block; width:100%; top:auto; }
.join .joinform .info_area > li.photo .img_size						{ display:inline-block; *display:inline; vertical-align:top; font-size:.85em;}
.join .joinform .info_area > li.photo .file_in							{ margin-top:.5em;}
.join .joinform .info_area > li.address	#zip,
.join .joinform .info_area > li.address	#entprZipcode				{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:polygon(0 0, 0 0, 0 0);}
.join .joinform .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; }
.join .joinform .info_area > li.address	#adres,
.join .joinform .info_area > li.address	#entprAddr1					{ float:left; width:-webkit-calc(58% - 120px); width:-moz-calc(58% - 120px); width:calc(58% - 120px) }
.join .joinform .info_area > li.address #detailAdres,
.join .joinform .info_area > li.address #entprAddr2					{ float:right; width:40%; }
.join .joinform .info_area.addition > li.editor						{ padding:5px 0; }
.join .joinform .info_area.addition > li.editor strong				{ position:inherit; width:100%; padding:0; margin:0; }
.join .joinform .info_area.addition ul									{ display:inline-block; *display:inline; }
.join .joinform .info_area.addition ul li								{ display:inline-block; *display:inline; line-height:1.5; *zoom:1}
.join .joinform .info_area.addition ul li + li							{ margin-left:1em}
.join .joinform .info_area > li .btn_career								{ width:5em; margin-top:.5em; line-height:28px; border-radius:3em;}
.join .joinform .info_area .career_box									{ width:100%; overflow-x:auto}
.join .joinform .info_area .career_box table							{ min-width:500px; overflow:hidden; border-collapse:separate; border-left:0; word-break:break-all}
.join .joinform .info_area .career_box table th						{ background:#ededed}
.join .joinform .info_area .career_box table td						{ text-align:left;}
.join .joinform .info_area .career_box table label					{ line-height:1.5;}
.join .joinform .info_area .career_box table .period				{ text-align:center;}
.join .joinform .info_area .btn_file_add								{ float:none; width:18px; height:18px; margin:0 0 0 2px; padding:0; line-height:1; color:#fff; background:#989898; border:0; border-radius:50%}
.join .joinform .portfolio .file_in input[type='text']					{ float:left; width:50%;padding:0 10px !important}
.join .joinform .portfolio .file_in + .file_in							{ margin-top:5px}
.join .joinform .portfolio .file_in .file_input_div						{ position:relative; float:left; top:0; width:20%;  }
.join .joinform .portfolio .file_in .btn_down,		
.join .joinform .portfolio .file_in .btn_delete							{ float:left; width:4.5em; height:38px; margin:0 2px; padding:.2em}
.join .joinform .portfolio .file_in .btn_down							{ margin-left:1em}

/* 수강생 추가입력 */
.join .state_area							    { margin-bottom:3em; padding:1.3em 0; font-size:1.1em; text-align:center; background:#fffce6}
.join .state_area li							{ display:inline-block; margin:0 1em}
.join .joinform .info_area .input_list li   	{ display:inline-block; margin-right:.6em}
.join .joinform .info_area .input_list li:last-child 	{ margin-right:0;}
.join .joinform .info_area .input_list li label	{ margin-left:0;}
.join .joinform .info_area li.resume            { float:left; width:100%; margin-top:1.5em; padding:.7em 0; text-align:center; background:#eff9ff }
.join .joinform .info_area li.resume .tit>p     { display:inline-block; margin-right:.7em; font-weight:500; font-size:1.15em; }
.join .joinform .info_area li.resume .infotxt   { margin-top:0}


/* 회원가입 step03 */
.join_final											{ padding:6%; text-align:center; letter-spacing:-.05em; line-height:1.4; background:#f9f9f9; border-top:1px solid #ff8522;}
.join_final>.tit p									{ margin-bottom:.5em; font-size:1.2em; font-weight:300; color:#616161;}
.join_final>.tit .big								{ font-size:2em; font-weight:500; color:#181818; letter-spacing:-.075em; }
.join_final>.tit .big strong						{ font-weight:500}
.applicant_info										{ max-width:850px; margin:3% auto 0; padding:2em 5em; text-align:left; background:#fff; border-bottom:2px solid #e3e3e3;}
.applicant_info h4									{ margin-top:0.5em; font-size:1.65em; padding-bottom:.5em; margin-bottom:.5em; border-bottom:1px solid #eaeaea }
.applicant_info dl									{ margin:.3em 0; font-size:1.15em; zoom:1}
.applicant_info dl:after							{ display:block; clear:both; content:""}
.applicant_info dt									{ float:left; width:6em; margin-right:1em; padding:.3em 1em; color:#898f9b; text-align:center; border:1px solid #eaeaea; border-radius:30px}
.applicant_info dd									{ float:left; width:80%; width:-webkit-calc(100% - 7em); width:-moz-calc(100% - 7em); width:calc(100% - 7em); padding:.3em 0; font-weight:700; color:#323d52}


@media all and (max-width:1267px) {
	.login_form											{ padding:50px 60px;}
}

@media all and (max-width:1167px) {
	.join .joinform .info_area > li button 				{ margin:1px 0 0 0; }
}
@media all and (max-width:1067px) {
	.login_form							{ padding:40px 50px;}
	.join_area>ul>li					{ padding:15px 50px}
	.join_area h3						{ padding-bottom:.15em; font-size:1.25em}
	.join_area p						{ margin-bottom:.55em; font-size:1.1em; letter-spacing:-.05em}
	.join_area>ul>li .img				{ width:110px; height:110px; }
	.join_area>ul>li .img img			{ margin:25px 0 0 0; }
}
@media all and (max-width:1024px){
	/* 회원가입 step03 */
	.join_final							{ padding:3.5em 2em;}
}
@media all and (max-width:967px) {
	.login_form							{ padding:40px 40px;}
	.login_area h3						{ font-size:1.7em; padding-bottom:.85em }
	.join_area>ul>li					{ padding:15px 40px}
	.join_area h3						{ padding-bottom:.15em; font-size:1.25em}
	.join_area p						{ margin-bottom:.55em; font-size:1.1em; letter-spacing:-.05em}
	.join_area>ul>li .img				{ width:110px; height:110px; }
	.join_area>ul>li .img img			{ margin:25px 0 0 0; }

	.join .joinform .info_area select 					{ height:38px; padding:0 10px; line-height:36px; font-size:14.5px;}
	.join .joinform .info_area > li .btn_white				{ line-height:34px;}
	.join .joinform .info_area > li.address .zonecode	{ height:38px; }
	.find .login_form							{ padding-left:40px; padding-right:40px;}

	.join .joinform .info_area > li.mailservice,
	.join .joinform .info_area > li.smsservice			{ float:inherit; width:100%; }
	.join .joinform .info_area > li.smsservice			{ border-top:none; margin-top:-10px; padding-top:0 }
	.join .joinform .info_area > li.mailservice strong,
	.join .joinform .info_area > li.smsservice strong	{ width:14em }

	.join .joinform .info_area.addition > li.left,
	.join .joinform .info_area.addition > li.right,
	.join .joinform .info_area > li.left,
	.join .joinform .info_area > li.right				{ float:none; width:100%; height:auto; margin-left:0 }
	.join .joinform .info_area > li.right .name_box.flex{ padding-left:9em }
	.join.minh83 .joinform .info_area > li.left, 
	.join.minh83 .joinform .info_area > li.right		{ min-height: inherit; margin-left:0; }
	.join .joinform .info_area > li.w33 + .w33		{ margin-left:0;}
	.join .joinform .info_area > li						{ min-height:auto; font-size:1em}
	.join .joinform .info_area > li .btn_white 				{ margin:3px 0 0 0; }
	.join .joinform .info_area > li.address #adres, 
	.join .joinform .info_area > li.address #entprAddr1			{ width:-webkit-calc(99% - 120px); width:-moz-calc(99% - 120px); width:calc(99% - 120px) }
	.join .joinform .info_area > li.address #detailAdres, 
	.join .joinform .info_area > li.address #entprAddr2			{ margin-top:2px; width:100%; }

	.join .joinform .info_area > li.photo .file_in					{ margin-top:0}
	.join .joinform .file_in .file_input_div							{ height:38px}
	.join .joinform .portfolio .file_in .btn_down, 
	.join .joinform .portfolio .file_in .btn_delete						{ height:38px; }

}
@media all and (max-width:867px) {
	.login_area:after					{ display:none }
	.login_form							{ float:inherit; width:100%; border-bottom:1px solid #e6e6e6 }
	.join_area							{ float:inherit; width:100%; }
	/* 회원가입 완료 */
	.join_final>.tit .big				{ font-size:1.95em }
	.applicant_info						{ padding:2em 4em }
	.join_final>.tit p					{ font-size:1.1em }

	
}
@media all and (max-width:767px){
	/* 회원가입 약관 */
	.join .allcheck						{ font-size:1.15em }
	.joinagree .agree_area li label		{ padding-left:1.5em; font-size:1.12em; line-height:56px; }
	.joinagree .agree_area li .btn_more	{ top:1.6em; right:1.5em }
	.join .box h5						{ font-size:15px; }
	.join .box strong,
	.join .box							{ font-size:14.5px; }

	/* 회원가입 완료 */
	.join_final>.tit .big				{ font-size:1.85em }
	.applicant_info						{ padding:2em 3em }
	.join_final>.tit p					{ font-size:1.05em }
	.applicant_info dl					{ font-size:1.1em }

	.join .joinform .info_area > li .btn_white 				{ margin:2.5px 0 0 0; }
}
@media all and (max-width:700px){
	/* 회원가입 약관 */
	.joinagree .agree_area li label				{ line-height:50px}
	.joinagree .agree_area li .btn_more			{ top:1.35em; right:1.5em }
	.joinagree .agree_cont>div					{ padding: .5em 1.5em; }
	/* 회원가입 step02 */
	.join .joinform .info_area					{ padding:7px 0 5px }

	/* 회원가입 step03 */
	.join_final>.tit p								{ margin:0 auto .3em; word-break:keep-all; padding-bottom:.25em}
	.join_final>.tit p br							{ display:none}
	

	.join .joinform .info_area.addition > li strong	{ display:block; position:relative; top:auto; width:100%}
	.join .joinform .info_area.addition > li	{ padding:5px 0}
	.join .joinform .info_area .career_box table			{ margin-top:0;}
	.join .joinform .info_area > li.left.photo				{ padding-left:100px; }
	.join .joinform .info_area > li.right .name_box.flex	{ padding-left:0; }
	.join .joinform .portfolio .file_in input[type='text']	{ width:calc(100% - 12.9em) }

}
@media all and (max-width:667px){
	/* 수강생, 강사 선택 */
	.join_select .info			{ padding-top:.5em; font-size:1.05em }
	.join_type li					{ float:none; position:relative; width:100%; padding:1.5em 1em 1.5em 110px; text-align:left;}
	.join_type li	+ li			{ margin:1em 0 0}
	.join_type li	.icon			{ position:absolute; top:.5em; left:1em; width:80px; height:80px; padding-top:20px; text-align:center;}
	.join_type li .tit				{ font-size:1.3em;}
	.join_type li p				{ height:auto; }
	.join_type li p br			{ display:none}
	.join_type .btn				{ text-align:center;}
	
	/* 회원가입 */
	.join .joinform .txt_need.text_right		{ position: inherit; right: inherit; margin-top: 0; }
	
	/* 회원가입 완료 */
	.join_final>.tit .big			{ font-size:1.75em }
	.applicant_info				{ padding:2em 2em }
	.join_final>.tit p			{ font-size:1em }
	.applicant_info dl			{ font-size:1.05em }
}

@media all and (max-width:567px){
	.join fieldset									{ display: inline-grid}
	.join .btn_area li								{ width:49%; margin:0;}
	.join .btn_area li+li							{ margin-left:2%}
	.join .btn_area li .btn							{ width:100%}

	/* 회원가입 약관 */
	.join .allcheck								{ font-size:1.1em }
	.joinagree .agree_area li label				{ padding-left:1.5em; font-size:1.1em; line-height:56px; }
	.joinagree .agree_area li .btn_more			{ top:1.6em; right:1.5em }
	.join .box h5								{ font-size:14.5px; }
	.join .box strong							{ font-size:14px; }
	.join .box									{ font-size:14px; }

	/* 회원가입 step02 */
	.join .joinform .txt_need						{ margin:1em 0 .5em; text-align:left;}
	.join .joinform .info_area > li					{ padding:.3em 0; }
	.join .joinform .info_area > li.mtm03			{ padding: .5em 0;}
	.join .joinform .info_area > li strong,
	.join .joinform .info_area.addition > li strong			{ position:relative; display:block; width:100%; top: 0 !important; line-height:1.5}
	.join .joinform .info_area > li input.small		{ width:35%; width:-webkit-calc(100% - 110px); width:-moz-calc(100% - 110px); width:calc(100% - 110px);}
	.join .joinform .info_area > li button,
	.join .joinform .info_area > li .btn_white		{ top:auto; bottom:.65em; width:100px; padding:1px 0; font-size:12px;}
	.join .btn_area	 .btn							{ min-width:120px; }

	.join .joinform .info_area > li.left,
	.join .joinform .info_area > li.right,
	.join .joinform .info_area.addition > li			{ padding:.3em 0 }
	.join .joinform .portfolio .file_in .file_input_button	{ font-size:.85rem }
	.join .joinform .portfolio .file_in .btn_delete			{ font-size:.85rem; height:38px; }

	/* 회원정보수정 */
	.join .joinform .info_area > li.photo				{ padding-left:85px}
	.join .joinform .info_area > li.photo strong		{ margin-top:10px}
	.join .joinform .info_area > li a					{ display:block ;line-height:150% }
	.join .joinform .info_area > li.address #zip					{ width:100px }
	.join .joinform .info_area > li.address .zonecode				{ width:100px }
	.join .joinform .info_area > li.address #adres,
	.join .joinform .info_area > li.address #entprAddr1	{ width:-webkit-calc(99% - 100px); width:-moz-calc(99% - 100px); width:calc(99% - 100px) }
	.join .joinform .info_area > li.address #zip,
	.join .joinform .info_area > li.address .zonecode,
	.join .joinform .info_area > li.address #entprAddr2	{ margin-bottom:0 }
	.join .joinform .info_area > li.address #entprAddr2	{ margin-top:2px;}

	.join .state_area li					{ margin:0 .3em}
}

@media all and (max-width:467px) {
	.login_form							{ padding:30px;}
	.login_area h3						{ font-size:1.6em; padding-bottom:.75em }
	.join_area>ul>li					{ padding:15px 25px}
	.join_area h3						{ font-size:1.15em}
	.join_area p						{ font-size:1.05em; }
	.join_area>ul>li .img				{ width:100px; height:100px; }
	.join_area>ul>li .img img			{ margin:20px 0 0 0; }
	.join_area p						{ font-size:1em }
	.join_area .txt .btn				{ min-width:160px; height:36px; line-height:34px; font-size:14px; }

	.find .login_form							{ padding-left:30px; padding-right:30px;}
	.find .join_btn								{ margin-top:1em; }

	.join .joinform .info_area select 			{ font-size:14px;  }

	/* 수강생, 강사 선택 */
	.join_type li					{ padding-left:85px; }
	.join_type li	.icon			{ width:60px; height:60px; padding-top:13px; }
	.join_type li .icon img		{ width:60%}
	.join_type .btn				{ width:90%; }

	/* 회원가입 완료 */
	.join_final>.tit .big				{ font-size:1.65em }
	.applicant_info						{ padding:1.5em }
	.join_final>.tit p					{ font-size:1em }
	.applicant_info dl					{ font-size:1em }

	/* 회원정보수정 */
	.join .joinform .info_area > li.photo .file_in .file_input_div	{ width:100% }

	.join .joinform .info_area > li.mailservice strong,
	.join .joinform .info_area > li.smsservice strong				{ position:inherit; width:100%; top:0; }
	.join .joinform .portfolio .file_in input[type='text']			{ width:calc(100% - 10.9em) }
}
@media all and (max-width:367px) {
	.login_form							{ padding:30px;}
	.join_area>ul>li					{ padding:15px 20px}
	.join_area h3						{ font-size:1.12em; padding-bottom:0}
	.join_area p						{ font-size:1.05em; }
	.join_area>ul>li:first-child		{ padding-top:40px; }
	.join_area>ul>li .img				{ width:90px; height:90px; }
	.join_area>ul>li .txt				{ margin-left:3%; width: -webkit-calc(95% - 90px); width: -moz-calc(95% - 90px); width: calc(95% - 90px); }
	.join_area>ul>li .img img			{ margin:20px 0 0 0; max-height:50px }
	.join_area p						{ font-size:1em }
	.join_area .txt .btn				{ min-width:150px; height:32px; line-height:30px; font-size:13px; }

	.find .login_form							{ padding-left:20px; padding-right:20px;}

	/* 회원가입 약관 */
	.join .allcheck								{ font-size:1em }
	.joinagree .agree_area li label				{ padding-left:1em; font-size:1em; line-height:56px; }
	.joinagree .agree_area li .btn_more			{ top:1.6em; right:1em }
	.join .box h5								{ font-size:14px; }
	.join .box strong							{ font-size:13px; }
	.join .box									{ font-size:13px; }

	/* 회원가입 완료 */
	.join_final							{ padding:3.5em 1.5em }
	.join_final>.tit .big				{ font-size:1.55em }
	.applicant_info h4					{ font-size:1.45em }
	.applicant_info						{ padding:1.2em }
	.join_final>.tit p					{ font-size:1em }
	.applicant_info dl					{ font-size:0.9em }
	.applicant_info dt					{ width:5.7em }
	.applicant_info dd 					{ width: -webkit-calc(100% - 6.7em);width: -moz-calc(100% - 6.7em); width: calc(100% - 6.7em);}
	
	.join .joinform .portfolio .file_in input[type='text']			{ width:calc(100% - 9.9em) }
}

@media all and (max-width:330px) {
	/* 수강생, 강사 선택 */
	.join_type li					{ padding-left:1em; text-align:center;}
	.join_type li	.icon			{ display:none;}

	/* 회원가입 수정 */
	.join .joinform .info_area.addition ul li + li { margin-left:.4em;}
}




/* 상단검색 */
.board_inner .total	{ float:left; color:#666; font-size:1.03em; line-height:40px;}
.search_area		{ float:right; position:relative; overflow:hidden; text-align:right; font-size:0;}
.search_area select	{ width:100px; height:40px; padding: 0 0 0 10px; color:#666; background:#fff url(/assets/site/LET/img/sub/bg_lnb_dep.gif) no-repeat 87% 50%; background-size:8px; border:1px solid #dbdee1; border-radius: 0; /* iOS 둥근모서리 제거 */ -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.search_area select::-ms-expand	{ display:none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
.search_area select+select			{ margin-left:5px;}
.search_area .textarea			{ position:relative; display:inline-block; width:250px; height:40px; margin-left:5px; padding-right:39px; vertical-align:middle; background:#fff; }
.search_area .textarea input		{ width:100%; height:40px; padding:0 5px; color:#666; line-height:38px; -webkit-appearance:none; appearance:none; border:1px solid #dbdee1}
.search_area .textarea button		{ position:absolute; display:inline-block; right:0; top:0; width:40px; height:40px; overflow:hidden; font-size:18px; color:#fff; background:#192125; border:0; cursor:pointer}

@media screen and (max-width:500px){
	.board_inner .total	{ float:none;}
	.search_area			{ float:none; padding:3% 0; text-align:center; background:#f9f9f9; }

	.search_area select		{ width:auto; height:35px; padding-right:25px}
	.search_area .textarea		{ width:49%; height:35px; padding-right:35px; margin-left:0}
	.search_area .textarea input	{ height:35px; line-height:33px; }
	.search_area .textarea button	{ width:35px; height:35px; }
}


/* 1vs1문의 (교육) */
.edu_question .q_title						{ font-size:1.2em; font-weight:700}
.edu_question .q_title span				{ color:#f45d12}
.edu_question .q_body					{ margin-top:.3em;}

.edu_question								{ margin-top:16px; border-top:1px solid #2e2e2e;}
.edu_question.list>li						{ padding:2em 0; overflow:hidden; line-height:1.6; border-bottom:1px solid #dedede; }
.edu_question.list .q_body				{ max-height:8em; overflow:hidden; }
.edu_question.list .edu_thum			{ float:left; display:block; width:15%;}
.edu_question.list .edu_thum span       { display:block; overflow:hidden; font-size:.9em; line-height:1.5; color:#878787; text-overflow:ellipsis; white-space:nowrap;}
.edu_question.list .edu_thum .img_area  { position:relative; display:block; padding-top:63%; overflow:hidden;}
.edu_question.list .edu_thum img		{ position:absolute; top:0; left:0; width:100%; min-height:100%;}
.edu_question.list .q_link					{ float:left; position:relative; margin-left:3%; width:82%; padding-right:7em; overflow:hidden}
.edu_question.list .reply					{ position:absolute; display:block; right:1em; top:0; width:52px; height:52px; line-height:50px; font-weight:500; font-size:1.03em; color:#f45d12; text-align:center; border:1px solid; border-radius:50%}
.edu_question.list .reply.none			{ color:#979797}

.edu_question.view										{ border-bottom:1px solid #dedede; }
.edu_question.view .q_title								{ padding:1em 0; font-size:1.5em; text-align:center}
.edu_question.view .q_title a                           { display:block; color:#878787; font-weight:400; font-size:.75em;}
.edu_question.view .q_view								{ padding:2em 3em; background:#f9f9f9; border-top:1px solid #dadada}
.edu_question.view .q_body							{ position:relative; }
.edu_question.view .q_body .date						{ display:block; margin-top:.2em; font-family:'Spoqa Han Sans','Sans-serif'; font-size:.9em; color:#979797; letter-spacing:0}
.edu_question.view .q_body>div						{ padding:2em; border:1px solid #dedede; border-radius:5px }
.edu_question.view .q_body .question				{ margin-left:2.5em; background:#fff; }
.edu_question.view .q_body .question:before		{ position:absolute; left:.0; top:0; font-size:1.8em; font-weight:700; color:#262626; content:"Q"}
.edu_question.view .q_body .question+.date		{ text-align:right}
.edu_question.view .q_body .answer					{ margin:2em 2.5em 0 0; background:#fff; border-color:#f45d12}
.edu_question.view .q_body .answer:before		{ position:absolute; right:.0; top:0; font-size:1.8em; font-weight:700; color:#f45d12; content:"A"}
.edu_question.view .reply_area							{ margin:2em 0; text-align:right}
.edu_question.view .reply_area>div					{ text-align:inherit}
.content .btn_area											{ margin:2em 0; text-align:center}
.board_inner .btn		{ display:inline-block; *display:block; height:40px; line-height:40px; padding:0 2em; font-size:14px; text-align:center; border:0; outline:none; cursor:pointer;}
.board_inner .right		{ text-align:right; }
.content .join .btn_area						{ margin-left:auto; margin-right:auto; }
@media all and (max-width:667px) {
	.edu_question, 	.edu_question body, .edu_question div				{ font-size:14px;}
	.edu_question .q_title						{ font-size:1.15em; line-height:1.4}
	.edu_question.list .q_link					{ padding-right:4.5em; overflow:hidden}
	.edu_question.list .reply					{ width:45px; height:45px; line-height:43px; }
	.edu_question.list>li						{ padding:1.5em 0}

	.edu_question.view .q_view				{ padding:2em 1.5em}
}

@media all and (max-width:500px) {
    .edu_question.list .edu_thum span               { display:none;}
    
	.edu_question.view .q_view								{ padding:1.5em 1.3em}
	.edu_question.view .q_title								{ font-size:1.3em}
	.edu_question.view .q_body .question:before,
	.edu_question.view .q_body .answer:before		{ position:relative; margin-bottom:.2em; font-size:1.4em; display:block;}
	.edu_question.view .q_body>div						{ padding:1em; }
	.edu_question.view .q_body .question				{ margin-left:0}
	.edu_question.view .q_body .question+.date		{ text-align:left}
	.edu_question.view .q_body .answer					{ margin-right:0}
}

/* 수강현황 tab 메뉴 */
.tab_wrap .tab_idx								{ clear:both; width:100%; margin:0 auto 20px auto; padding:0; overflow:hidden; position:relative }
.tab_wrap .tab_idx li							{ float:left; display:inline-block; margin:0 0 0 2em; padding:0; position:relative; text-align:center }
.tab_wrap .tab_idx li:first-child				{ margin-left:0 }
.tab_wrap .tab_idx li a							{ display:block; font-size:20px; position:relative }
.tab_wrap .tab_idx li a:before					{ display:inline-block; margin-right:5px; content:'#'; }
.tab_wrap .tab_idx li.on a						{ color:#ff7c34}
.tab_con_wrap:after								{ clear:both; display:block; content:''}
.tab_con_wrap .detail.idx						{ position:relative; clear:both; display:block; width:100%; margin:0; padding:0;}


/* 수강현황&수료증발급 리스트 */
.ul_tit								{ clear:both; width:100%; margin:0; padding:0; overflow:hidden; border-top:1px solid #2e2e2e; border-bottom:1px solid #2e2e2e}
.ul_tit li							{ float:left; display:inline-block; margin:0; padding:15px 0; font-size:16px; color:rgba(0,0,0,0.84);  text-align:center }
.ul_list								{ clear:both; width:100%; margin:0; padding:0; overflow:hidden; border-bottom:1px solid #dedede}
.ul_list:nth-child(2)				{ background:rgba(0,0,0,0.02) }
.ul_list:hover						{ background:rgba(0,0,0,0.05) }
.ul_list li							{ float:left; display:inline-block; margin:0; padding:15px 0; font-size:15px; color:#777;  text-align:center; line-height:36px; }
.ul_list li .label					{ margin:0 }
.ul_list li strong					{ display:none }
.ul_list li.name a					{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:-webkit-calc(100% - 10%); width:-moz-calc(100% - 10%); width:calc(100% - 10%); margin:0 auto; text-align:left }
.ul_list li a font					{ display:none }
.tab_con_wrap .detail.idx .ico							{ display:inline-block; width:30px; height:30px; vertical-align:middle; border-radius:100%!important; font-size:1em; text-align:center; line-height:30px; padding:0; margin:-3px 5px 0 0 !important }
.tab_con_wrap .detail.idx .app_method					{ position:absolute; right:0; top:-3em; letter-spacing:-.06em; font-size:.9em; font-weight:300; color:rgba(0,0,0,.74); }
.tab_con_wrap .detail.idx .app_method .ico				{ width:25px; height:25px; line-height:25px;  } 
.tab_con_wrap .detail.idx .app_method .ico:last-child	{ margin-left:1em !important; }
.tab_con_wrap .detail.idx .app_method .ico .ico_online	{ display:inline-block; vertical-align:middle; margin-top:-4px; }


/* 리스트 출력 4개 */
.ul_tit .name, .ul_list .name,
.ul_tit.li5 .name, .ul_list.li5 .name	{ width:40% }
.ul_tit .peri, .ul_list	.peri,
.ul_tit.li5 .peri, .ul_list.li5	.peri		{ width:20% }
.ul_tit .situ, .ul_list	.situ				{ width:20% }
.ul_tit .btn, .ul_list .btn				{ width:20% }

/* 리스트 출력 5개 */
.ul_tit.li5 .situ, .ul_list.li5	.situ			{ width:14% }
.ul_tit.li5 .inst, .ul_list.li5 .inst			{ width:12.5% }
.ul_tit.li5 .btn, .ul_list.li5 .btn				{ width:13.5% }

/* 리스트 출력 6개 */
.ul_tit.li6 .name, .ul_list.li6 .name		{ width:35% }
.ul_tit.li6 .peri, .ul_list.li6	.peri			{ width:18% }
.ul_tit.li6 .situ, .ul_list.li6	.situ			{ width:10.5% }
.ul_tit.li6 .inst, .ul_list.li6 .inst				{ width:10.5% }
.ul_tit.li6 .btn, .ul_list.li6 .btn				{ width:13% }


@media all and (max-width:1440px){
	/* 수강현황 tab 메뉴 */
	.tab_wrap .tab_idx								{ margin:30px auto 20px; }
	.tab_wrap .tab_idx li a							{ font-size:16.5px;}

	/* 수강현황&수료증발급 리스트 */
	.ul_tit li										{ padding:12px 0; font-size:16px; }
	.ul_list li										{ padding:12px 0; font-size:15px; line-height:36px; }
	.tab_con_wrap .detail.idx .app_method			{ top:-2.5em }
}
@media all and (max-width:1067px){
	/* 수강현황 tab 메뉴 */
	.tab_wrap .tab_idx								{ margin:30px auto 15px; }
	.tab_wrap .tab_idx li a							{ font-size:16px; }

	/* 수강현황&수료증발급 리스트 */
	.ul_tit li										{ padding:10px 0; font-size:15.5px; }
	.ul_list li										{ padding:10px 0; font-size:14.5px; line-height:34px; }
}
@media all and (max-width:867px){
	/* 수강현황 tab 메뉴 */
	.tab_wrap .tab_idx								{ margin:20px auto 10px; }
	.tab_wrap .tab_idx li a							{ font-size:15.5px;}

	/* 수강현황&수료증발급 리스트 */
	.ul_tit											{ display:none }
	.ul_list:nth-child(2)							{ background:none }
	.ul_list li										{ padding:10px 0; font-size:17px; line-height:34px; font-family:'Spoqa Han Sans' ;}
	.ul_list li strong								{ display:block;  font-size:20px; color:#000000; font-weight:500; text-align:left; line-height:110%; padding:0 0 0 12px; position:relative;
														font-family:'Noto Sans KR'; margin-left:-12px}
	.ul_list li strong:before						{ position:absolute; width:4px; height:4px; left:0; top:50%; margin-top:-2px; background:#999999; content:'' }
	.ul_list li.name a								{ margin:0; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px);}
	.ul_list li.name								{ font-size:20px; font-family:'Spoqa Han Sans' ; font-weight:100; }
	.ul_list li a font								{ display: inline-block; padding:0 5px 0 0; }
	.tab_con_wrap .detail.idx .app_method			{ top:-2.2em; font-size:.85em }
	.tab_con_wrap .detail.idx .ico .ico_online				{ display:inline-block; vertical-align:middle; margin-top:-3px; }
	.tab_con_wrap .detail.idx .app_method .ico .ico_online	{ margin-top:-3px; }

	/* 리스트 출력 4개 */
	.ul_list										{ position:relative; border:1px solid rgba(0,0,0,0.15); margin-bottom:1.2em; overflow:hidden; padding-top:10px; border-radius:15px; }
	.ul_list .name									{ width:100%; text-align:left; padding:10px 20px 10px 42px; }
	.ul_list .peri									{ width:100%; text-align:left; padding:5px 32px 10px 42px}
	.ul_list .situ									{ position:absolute; width:auto; left:105px; top:1%; }
	.ul_list .btn									{ width:100%; border-top:none; background:rgba(0,0,0,0.07); padding:5px 0}
	.ul_list .situ .small							{ padding:0 15px; line-height:100%;  height:28px; line-height:28px; text-align:center; font-size:15px;  font-weight:500; border-radius:0 !important }
	.ul_list .situ .small.black						{ background-color:rgba(38,38,38,0.7);color:#fff}
	.ul_list .button.white							{ background:none; color:#262626; border:none }

	/* 리스트 출력 5개 */
	.ul_list:nth-child(2)							{ background:none }
	.ul_list.li5									{ position:relative; padding-top:15px }
	.ul_list.li5 .name								{ width:100%; text-align:left; padding:10px 20px 5px 42px; }
	.ul_list.li5 .peri								{ width:200%; text-align:left; padding:5px 32px 10px 42px; }
	.ul_list.li5 .situ								{ position:absolute; width:auto; left:105px; top:7px; }
	.ul_list.li5 .situ .label						{ padding:0 15px; line-height:100%;  height:28px; line-height:28px; text-align:center; font-size:15px; font-weight:500; border-radius:0 !important  }
	.ul_list.li5 .situ .red							{ background-color:rgba(210,17,17,0.7); color:#fff}
	.ul_list.li5 .situ .gray						{ background-color:rgba(153,153,153,0.7); color:#fff}
	.ul_list.li5 .situ .black						{ background-color:rgba(38,38,38,0.7);color:#fff}

	.ul_list.li5 .inst								{ width:50%; padding:9.5px 0; border-top:none; border-right:none }
	.ul_list.li5 .btn								{ width:50%; padding:5px 0; border-top:none;}

	.ul_list.li5 .button.white,
	.ul_list.li5 .button.red,
	.ul_list.li5 .small.black						{ background:none; color:#262626; border:none; font-size:14px; }
	.ul_list.li5 .inst a,
	.ul_list.li5 .btn a								{ display: table; margin:0 auto }

	.ul_list .inst,
	.ul_list.li5 .inst,
	.ul_list.li6 .inst								{ background:#2e2e2e; padding:0; }
	.ul_list .inst *,
	.ul_list.li5 .inst *,
	.ul_list.li6 .inst *							{ display:block; height:60px; margin:0; padding:0; line-height:60px; font-size:17px !important; color:#fff!important }

	.ul_list .btn,
	.ul_list.li5 .btn,
	.ul_list.li6 .btn								{ background:#ff7c34; padding:0; }
	.ul_list .btn *,
	.ul_list.li5 .btn *,
	.ul_list.li6 .btn *								{ display:table; height:60px; margin:0 auto; padding:0; line-height:60px; font-size:17px !important; color:#fff!important }

	.ul_list.li5 font,
	.ul_list.li6 font,
	.ul_list font									{ display:inline-block !important; }

	.ul_list.li5 .small.black.icon_map,
	.ul_list.li6 .small.black.icon_map				{ padding:0 0 0 50px; background:url(/assets/site/LET/img/member/icon_map.png) left center no-repeat; }
	.ul_list.li5 .button.white.icon_time,
	.ul_list.li6 .button.white.icon_time			{ padding:0 0 0 50px; background:url(/assets/site/LET/img/member/icon_time.png) left center no-repeat; }
	.ul_list.li5 .button.white.icon_person			{ padding:0 0 0 50px; background:url(/assets/site/LET/img/member/icon_01.png) left center no-repeat; }
	.ul_list.li5 .button.red.icon_cancell			{ padding:0 0 0 50px; background:url(/assets/site/LET/img/member/icon_02.png) left center no-repeat; }
	.ul_list.li5 .button.gray						{ padding:0 0 0 50px; background:url(/assets/site/LET/img/member/icon_02.png) left center no-repeat; border:none}

	.ul_list .button.white.icon_evalu				{ padding:0 0 0 50px; background:url(/assets/site/LET/img/member/icon_03.png) left center no-repeat; }
	.ul_list li.black								{ background:#2e2e2e; }
	.ul_list li.black .button.icon_evalu			{ padding:0 0 0 50px; background:url(/assets/site/LET/img/member/icon_03.png) left center no-repeat; }


	/* 리스트 출력 6개 */
	.ul_list.li6									{ position:relative; padding-top:15px }
	.ul_list.li6 .name								{ width:100%; text-align:left; padding:10px 4.4em 5px 30px; }
	.ul_list.li6 .peri								{ width:200%; text-align:left; padding:5px 32px 10px 30px; }
	.ul_list.li6 .situ								{ position:absolute; width:auto; left:90px; top:7px; }
	.ul_list.li6 .situ .label						{ padding:0; line-height:100%; height:28px; line-height:28px; text-align:center; font-size:13px; font-weight:500; border-radius:15px !important  }
	.ul_list.li6 .situ .red							{ background-color:rgba(210,17,17,0.7); color:#fff; padding:0 5px; }
	.ul_list.li6 .situ .gray						{ background-color:rgba(153,153,153,0.7); color:#fff}
	.ul_list.li6 .situ .sky							{ background-color:rgba(29,137,228,0.7); color:#fff; padding:0 5px; }
	.ul_list.li6 .situ .black						{ background-color:rgba(38,38,38,0.7);color:#fff}

	.ul_list.li6 .inst								{ width:50%; border-top:none; border-right:none }
	.ul_list.li6 .btn								{ width:50%; border-top:none;}
	.ul_list.li6 .btn.apply						{ background:#8b8b8b}
	.ul_list.li6 .btn.apply,
	.ul_list.li6 .btn.apply + .inst,
	.ul_list.li6 .btn.apply + .inst + .btn		{ width:33.33%}

	.ul_list.li6 .button.white,
	.ul_list.li6 .button.red,
	.ul_list.li6 .small.black									{ background:none; color:#262626; border:none; font-size:14px; }
	.ul_list.li6 .inst a,
	.ul_list.li6 .btn a										{ display: table; margin:0 auto }
	.ul_list.li6 .qna_btn										{ position:absolute; top:23px; right:20px; width:auto; color:#ff7c34; background:none;padding:0; border-radius:40px; border:1px solid}
	.ul_list.li6 .qna_btn a									{ line-height:1.3; height:inherit; padding:.2em .7em !important; color:#ff7c34 !important;}
	.ul_list.li6 .qna_btn .button.white.icon_time		{ background:none; padding:0; }
}
@media all and (max-width:567px){
	/* 수강현황 tab 메뉴 */
	.tab_wrap .tab_idx li a							{ font-size:15px;}

	.ul_list .name,
	.ul_list.li5 .name									{ padding:10px 20px 10px 32px;}
	.ul_list .peri,
	.ul_list.li5 .peri									{ padding:5px 32px 10px 32px;}
	.ul_list li strong								{ font-size:18px; }
	.ul_list li.name								{ font-size:18px; }
	.ul_list li										{ font-size:16px; }
	.ul_list.li5 .situ                              { left:95px; top:5px}
	.ul_list .situ									{ left:95px; top:0 }
	.ul_list.li5 .situ .label,
	.ul_list .situ .label							{ padding:0; font-size:14px; height:26px; line-height:25px; }

	.ul_list .inst *,
	.ul_list.li5 .inst *							{ font-size:15px !important; color:#fff!important }

	.ul_list .btn *,
	.ul_list.li5 .btn *								{ font-size:15px !important; color:#fff!important }

	.ul_list.li5 font,
	.ul_list font									{ display:inline-block !important; margin-right:5px !important; }

	.ul_list.li5 .small.black.icon_map				{ padding:0 0 0 40px; background-size:auto 27px; }
	.ul_list.li5 .button.white.icon_time			{ padding:0 0 0 40px; background-size:auto 27px;}
	.ul_list.li5 .button.white.icon_person			{ padding:0 0 0 40px; background-size:auto 27px;}
	.ul_list.li5 .button.red.icon_cancell			{ padding:0 0 0 40px; background-size:auto 27px;}
	.ul_list.li5 .button.gray						{ padding:0 0 0 40px; background-size:auto 27px;}

	.ul_list .button.white.icon_evalu				{ padding:0 0 0 40px; background-size:auto 27px;}
	.ul_list li.black .button.icon_evalu			{ padding:0 0 0 40px; background-size:auto 27px;}

	.ul_list.li6 .qna_btn							{ right:10px; }
	
	.tab_con_wrap .detail.idx .app_method			{ position:inherit; top:inherit; margin-bottom:.75em }
}
@media all and (max-width:467px){
	/* 수강현황 tab 메뉴 */
	.tab_wrap .tab_idx li a							{ font-size:14px; }

	.ul_list li strong								{ font-size:16px; }

	.ul_list.li5 font,
	.ul_list font									{ margin-right:3px !important; }

	.ul_list.li5 .situ,
	.ul_list .situ									{ left:85px;}
	.ul_list.li6 .situ                              { top:5px}

	.ul_list.li5 .small.black.icon_map				{ padding:0 0 0 28px; background-size:auto 20px; }
	.ul_list.li5 .button.white.icon_time			{ padding:0 0 0 28px; background-size:auto 20px;}
	.ul_list.li5 .button.white.icon_person			{ padding:0 0 0 28px; background-size:auto 20px;}
	.ul_list.li5 .button.red.icon_cancell			{ padding:0 0 0 28px; background-size:auto 20px;}
	.ul_list.li5 .button.gray						{ padding:0 0 0 28px; background-size:auto 20px;}

	.ul_list .button.white.icon_evalu				{ padding:0 0 0 28px; background-size:auto 20px;}
	.ul_list li.black .button.icon_evalu			{ padding:0 0 0 28px; background-size:auto 20px;}

	.ul_list .inst *,
	.ul_list.li5 .inst *,
	.ul_list.li6 .inst *							{ font-size:14px !important;  }

	.ul_list .btn *,
	.ul_list.li5 .btn *,
	.ul_list.li6 .btn *								{ font-size:14px !important; }
}





/* 수료증 발급 */
.certificate .tit					{ clear:both; width:100%; margin:0; padding:0; overflow:hidden; border-top:1px solid #2e2e2e; border-bottom:1px solid #2e2e2e}
.certificate .tit li				{ float:left; display:inline-block; margin:0; padding:15px 0; font-size:16px; color:rgba(0,0,0,0.84);  text-align:center }
.certificate .list					{ clear:both; width:100%; margin:0; padding:0; overflow:hidden; border-bottom:1px solid #dedede}
.certificate .list:nth-child(2)	{ background:rgba(0,0,0,0.02) }
.certificate .list:hover			{ background:rgba(0,0,0,0.05) }
.certificate .list li				{ float:left; display:inline-block; margin:0; padding:15px 0; font-size:15px; color:#777;  text-align:center; line-height:36px; }
.certificate .list li .label		{ margin:0 }
.certificate .list li strong		{ display:none }
.certificate .list li.name a		{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:-webkit-calc(100% - 10%); width:-moz-calc(100% - 0%); width:calc(100% - 10%);
												 margin:0 auto; }
.certificate .name					{ width:40% }
.certificate .peri					{ width:20% }
.certificate .situ					{ width:12.5% }
.certificate .inst					{ width:12.5% }
.certificate .btn					{ width:15% }

.certificate .button.black			{ background:none !important; color:#262626 !important}
.certificate .button.black font			{ display:none }
.certificate  p.red						{ display:none; color:red }

@media all and (max-width:867px){
    .certificate .ul_list.li5 .btn								{ display:none }
	.certificate .ul_list.li5 .inst								{ width:100% }
	.certificate  p.red											{ display: block; color:red }
	.ul_list.li5 .btn.bg										{ background:rgba(0,0,0,0.5); }
	.certificate .button.black font								{ display: inline-block; padding:0 5px 0 0; }
	.certificate .button.red font								{ display: inline-block; padding:0 5px 0 0; }

	.certificate .button.black,
	.certificate .button.white			{ display:table; margin:0 auto; color:#fff !important; border:none; padding:0 0 0 40px; background:url(/assets/site/LET/img/member/icon_04.png) left center no-repeat !important; }

	.ul_list.li5 .button.red			{ display:table; margin:0 auto; color:#fff !important; border:none; padding:0 0 0 40px; background:url(/assets/site/LET/img/member/icon_05.png) left center no-repeat !important; }
}
@media all and (max-width:567px){
	.certificate .button.black,
	.certificate .button.white			{ padding:0 0 0 35px; background-size:auto 27px !important; }
	.ul_list.li5 .button.red			{ padding:0 0 0 35px; background-size:auto 27px!important;}
}
@media all and (max-width:467px){
	.certificate .button.black font								{ padding:0 3px 0 0; }
	.certificate .button.red font								{ padding:0 3px 0 0; }
	.certificate .button.black,
	.certificate .button.white			{ padding:0 0 0 28px; background-size:auto 20px !important; }
	.ul_list.li5 .button.red			{ padding:0 0 0 28px; background-size:auto 20px !important;}
}


/* 팝업 */
.inst_pop									{ clear:both; width:760px; overflow:hidden; position:relative; margin:0 auto; transform:translate(-50%, -50%); }
.inst_pop>.b-close							{ position:absolute; right:15px; top:14px; float:right; width:50px; height:50px; text-indent:-9999px; font-size:0; }
.inst_pop>.b-close span						{ position:relative; display:block; width:50px; height:50px; overflow:hidden; }
.inst_pop>.b-close span:before		 		{ position:absolute; left:50%; top:50%; width:1px; height:35px; margin-top:-17.5px; background-color:#fff; content:''; transform:rotate(45deg); transition:transform .2s ease;}
.inst_pop>.b-close span:after 				{ position:absolute; left:50%; top:50%; width:1px; height:35px; margin-top:-17.5px; background-color:#fff; content:''; transform:rotate(-45deg); transition:transform .2s ease;}
.inst_pop>.b-close:hover  span:before,
.inst_pop>.b-close:focus  span:before,
.inst_pop>.b-close:active  span:before				{ transform:rotate(225deg);}
.inst_pop>.b-close:hover  span:after,
.inst_pop>.b-close:focus  span:after,
.inst_pop>.b-close:active  span:after 				{ transform:rotate(135deg);}
.inst_pop_con										{ clear:both; width:100%; min-height:320px; margin:0 auto; padding:0; background:#fff;
													overflow:hidden; background-position:95% 90%; background-size:33% auto }
.inst_pop_con h3									{ clear:both; width:100%; padding:2.5%; background:#ff8522; color:#FFFFFF; font-size:1.75em; font-weight:400}
.inst_pop_con h3 small								{ display:inline-block; margin-left:15px; font-size:0.7em; font-weight:300; }
.inst_pop_con div									{ clear:both; width:100%; margin:0; padding:3% }
.inst_pop_con .dt_list								{ clear:both; margin:0 auto; width:100%; padding:5px 0; overflow:hidden; font-size:1.15em }
.inst_pop_con .dt_list li:first-child				{ float:left; width:100px; margin:0; padding:0 0 0 12px; position:relative; font-weight:500; color:rgba(0,0,0,0.54) }
.inst_pop_con .dt_list li:first-child:before		{ position:absolute; left:0; top:9px; width:4px; height:4px; background:#ff8522; border-radius:100%; content:''}
.inst_pop_con .dt_list li:last-child				{ float:left; width:auto;  }
.inst_pop_con .dt_list.inherit li					{ width:100%; font-size:.9em; line-height:1.3; color:rgba(0,0,0,0.74); padding-bottom:8px; position:relative; padding-left:12px }
.inst_pop_con .dt_list.inherit li:first-child		{ float:inherit; font-weight:400  }
.inst_pop_con .dt_list.inherit li:before			{ position:absolute; left:0; top:8px; width:4px; height:4px; background:#ff8522; border-radius:100%; content:''}
.inst_pop_con .dt_list.inherit li:last-child		{ float:inherit;  }
.inst_pop_con h4									{ clear:both; font-size:1.65em; margin:2em 0 10px; color:#262626; font-weight:400}
.inst_pop_con div.time_table						{ padding:4%; max-height:450px; overflow-y:scroll; overflow-x:hidden}
.inst_pop_con div.time_table td span				{ display: inline-block }
.inst_pop_con div.time_table td a					{ display:table; margin:0 auto }
.inst_pop_con .mobile_table							{ padding:0 }
/* 세로스크롤 보이도록 설정 */
.inst_pop_con div.time_table::-webkit-scrollbar { -webkit-appearance: none; width:3px;}
.inst_pop_con div.time_table::-webkit-scrollbar:vertical { width:8px; }
.inst_pop_con div.time_table::-webkit-scrollbar:horizontal { height:12px; }
.inst_pop_con div.time_table::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .5); border-radius:10px; border:2px solid #ffffff; }
.inst_pop_con div.time_table::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }

.inst_pop_con h4.mtnone								{ margin:0 0 10px }
.inst_pop_con h4.mt1								{ margin:.5em 0 10px }
.inst_pop_con div.btn								{ padding-left:0; padding-right:0; }

.inst_pop_con .type_inner						{ clear:both; margin:0 ; width:100%; padding:0; overflow:hidden;  border-top:1px solid #dedede; }
.inst_pop_con .type_inner li					{ float:none; margin:0; padding:5px 0; overflow:hidden; line-height:24px; font-size:1.15em;}
.inst_pop_con .type_inner .tit					{ float:left; width:100px; margin:0; padding:0 0 0 12px; position:relative; font-weight:500; }
.inst_pop_con .type_inner .tit:before			{ position:absolute; left:0; top:11px; width:4px; height:4px; background:#ff8522; border-radius:100%; content:''}
.inst_pop_con .type_inner .txt					{ float:left; width:auto; color:rgba(0,0,0,0.54); }
.inst_pop_con .type_inner li:last-child .txt	{ display:block; width:100%; padding:15px; margin-top:8px; background:rgba(0,0,0,0.02); font-size:.9em;  }
.inst_pop_con .type_inner.w100					{ width:100% }
.inst_pop_con .type_inner.w100 li:last-child .txt{ padding:0; margin-top:8px; background:none; font-size:.9em;  }
.inst_pop_con .type_inner.w100 .txt textarea	{ width:100%; background:#fafafa; padding:7px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
												min-height:80px; border:1px solid rgba(0,0,0,0.1) }

.inst_pop_con .round_list						{ clear:both; width:96%; margin:0 auto; padding:5px 0; overflow:hidden }
.inst_pop_con .round_list li					{ float:left; display:inline-block; margin:0; padding:5px 0; font-size:1em; }
.inst_pop_con .round_list li:first-child		{ width:130px; text-align:center;  border-radius:25px; background:#ff8522; color:#fff; margin-right:15px; }

.inst_pop_con .type_inner.w100 .txt textarea:focus::placeholder{ font-size:0 !important;}
#applyLayer .type_inner                          { position:relative; width:94%; margin:1em auto; border:0;}
#applyLayer .file_in,
#applyLayer .file_input_div                      { padding:0}
#applyLayer .file_in                            { width:79%}
#applyLayer .file_input_div                     { height:40px}
#applyLayer .btn_down                           { position:absolute; top:5px; right:0; width:20%; height:40px; line-height:40px; text-align:center }
#applyLayer .inst_pop_con                       { min-height:auto}
#applyLayer>.b-close                             { position:absolute; top:15px;}
#applyLayer .button.orange                      { display:block; width:50%; margin:0 auto 2em}



/* 테이블 */
.inst_pop_con table							{ margin:0 auto; padding:0; border-top:1px solid #ff8522; display:table; width:100%;}
.inst_pop_con table th,
.inst_pop_con table td						{ transition:all ease 0.3s; padding:12px 10px; border-bottom:1px solid #e6e6e6; border-left:1px solid rgba(0,0,0,0.1); box-sizing:border-box;
											-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; word-wrap:break-word; word-break:keep-all; text-align:center}
.inst_pop_con table th						{ background:#f7f7f7; font-weight:400; text-align:center;}
.inst_pop_con table tr th:first-child,
.inst_pop_con table tr td:first-child		{ border-left:none;}
.inst_pop_con table td						{ color:#969696; background:#fff}
.inst_pop_con table td a					{ color:#969696;}
.inst_pop_con table td span					{ display:block;}
.inst_pop_con table tr						{ transition:all ease 0.3s;}
.inst_pop_con table tr:hover				{ background:#eff9fe;}
.inst_pop_con table th.borderL				{ border-left:1px solid rgba(0,0,0,0.1) !important; }
.inst_pop_con table .text_left				{ text-align:left!important; }
.inst_pop_con table td textarea				{ display:block; width:100%; padding:7px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; min-height:70px; }
.inst_pop_con div.map_pop           { max-height:65vh; overflow-y:scroll}
#staticMap                          { position:relative; height:400px; width:100% !important; overflow:hidden }
.place_img img                      { width:100%}


/* 별점 */
.star-input>.input,
.star-input>.input>label:hover,
.star-input>.input>input:focus+label,
.star-input>.input>input:checked+label						{ display: inline-block; vertical-align:middle; background:url('/assets/site/LET/img/member/grade_img.png') no-repeat;}
.star-input													{ display:inline-block; white-space:nowrap; width:88px }
.star-input>.input											{ display:inline-block;width:88px;background-size:88px;height:17px;white-space:nowrap;overflow:hidden;position: relative;}
.star-input>.input>input									{ position:absolute;width:1px;height:1px;opacity:0;}
.star-input>.input.focus										{ outline:1px dotted #ddd;}
.star-input>.input>label									{ width:17px;height:0;padding:17px 0 0 0;overflow: hidden;float:left;cursor: pointer;position: absolute;top: 0;left: 0;}
.star-input>.input>label:hover,
.star-input>.input>input:focus+label,
.star-input>.input>input:checked+label						{ background-size:88px;background-position: 0 bottom;}
.star-input>.input>label:hover~label						{ background-image: none;}
.star-input>.input>label[for="p1"]							{ width:17px;z-index:5;}
.star-input>.input>label[for="p2"]							{ width:34px;z-index:4;}
.star-input>.input>label[for="p3"]							{ width:51px;z-index:3;}
.star-input>.input>label[for="p4"]							{ width:68px;z-index:2;}
.star-input>.input>label[for="p5"]							{ width:88px;z-index:1;}
.star-input>output											{ display:none;width:60px; font-size:0;text-align:right; vertical-align:middle;}

.star1-input>.input,
.star1-input>.input>label:hover,
.star1-input>.input>input:focus+label,
.star1-input>.input>input:checked+label						{ display: inline-block; vertical-align:middle; background:url('/assets/site/LET/img/member/grade_img.png') no-repeat;}
.star1-input												{ display:inline-block; white-space:nowrap; width:88px }
.star1-input>.input											{ display:inline-block;width:88px;background-size:88px;height:17px;white-space:nowrap;overflow:hidden;position: relative;}
.star1-input>.input>input									{ position:absolute;width:1px;height:1px;opacity:0;}
.star1-input>.input.focus									{ outline:1px dotted #ddd;}
.star1-input>.input>label									{ width:17px;height:0;padding:17px 0 0 0;overflow: hidden;float:left;cursor: pointer;position: absolute;top: 0;left: 0;}
.star1-input>.input>label:hover,
.star1-input>.input>input:focus+label,
.star1-input>.input>input:checked+label						{ background-size:88px;background-position: 0 bottom;}
.star1-input>.input>label:hover~label						{ background-image: none;}
.star1-input>.input>label[for="n1"]							{ width:17px;z-index:5;}
.star1-input>.input>label[for="n2"]							{ width:34px;z-index:4;}
.star1-input>.input>label[for="n3"]							{ width:51px;z-index:3;}
.star1-input>.input>label[for="n4"]							{ width:68px;z-index:2;}
.star1-input>.input>label[for="n5"]							{ width:88px;z-index:1;}
.star1-input>output											{ display:none;width:60px; font-size:0;text-align:right; vertical-align:middle;}


@media all and (max-width:967px) {
    #applyLayer .btn_down       { height:38px; line-height:36px}
}

@media all and (max-width:767px) {
	.inst_pop									{ width:96%;}
	.inst_pop_con h3							{ font-size:1.55em; }
	.inst_pop_con h4							{ font-size:1.45em; margin:1.4em 0 10px }
	.inst_pop>.b-close							{ top:10px; right:10px }
	.inst_pop_con dl							{ font-size:1.1em }
	.inst_pop_con dl dt							{  width:120px; }
	.inst_pop_con table th						{ font-size:1em }
	.inst_pop_con .type_inner li				{ font-size:1em }
	.inst_pop_con div.evaluation				{ padding:4%; max-height:450px; overflow-y:scroll; overflow-x:hidden}
	.inst_pop_con div.map_pop					{ padding:4%; max-height:450px; overflow-y:scroll; overflow-x:hidden}

	/*  세로스크롤 보이도록 설정 */
	.inst_pop_con div.evaluation::-webkit-scrollbar 			{ -webkit-appearance: none; width:6px;}
	.inst_pop_con div.evaluation::-webkit-scrollbar:vertical 	{ width:6px; }
	.inst_pop_con div.evaluation::-webkit-scrollbar:horizontal 	{ height:12px; }
	.inst_pop_con div.evaluation::-webkit-scrollbar-thumb 		{ background-color:rgba(0, 0, 0, .5); border-radius:10px; border:2px solid #ffffff; }
	.inst_pop_con div.evaluation::-webkit-scrollbar-track 		{ border-radius: 10px; background-color: #ffffff; }

	.inst_pop_con .map_box										{ width:100%; overflow-y:hidden; overflow-x:scroll }
	/* 세로스크롤 보이도록 설정 */
	.inst_pop_con div.map_pop::-webkit-scrollbar 			{ -webkit-appearance: none; width:6px;}
	.inst_pop_con div.map_pop::-webkit-scrollbar:vertical 	{ width:6px; }
	.inst_pop_con div.map_pop::-webkit-scrollbar:horizontal 	{ height:12px; }
	.inst_pop_con div.map_pop::-webkit-scrollbar-thumb 		{ background-color:rgba(0, 0, 0, .5); border-radius:10px; border:2px solid #ffffff; }
	.inst_pop_con div.map_pop::-webkit-scrollbar-track 		{ border-radius: 10px; background-color: #ffffff; }

	.inst_pop_con .round_list li								{ width:100%; font-size:0.95em; }
	.inst_pop_con .round_list li:first-child					{ width:110px; margin-right:10px;}

	#applyLayer>.b-close						{ top:3%}
}
@media all and (max-width:567px) {
	.inst_pop_con h3 small						{ display:none}
	.inst_pop_con h3							{ font-size:1.45em; }
	.inst_pop_con h4							{ font-size:1.35em; margin:1.4em 0 10px }
	.inst_pop>.b-close							{ top:4px; right:5px }

	.inst_pop_con dl							{ font-size:1em }
	.inst_pop_con dl dt							{  width:100px; }

	.inst_pop_con .mobile_table					{ margin:0 auto; clear:both; overflow-y:hidden; width:100%; overflow-x:scroll}
	.inst_pop_con .mobile_table table			{ width:130% }

	.inst_pop_con div.map_box						{ margin:0 auto; clear:both; overflow-y:hidden; width:100%; overflow-x:scroll }


	/* 가로스크롤 보이도록 설정 */
	.inst_pop_con div.mobile_table::-webkit-scrollbar { -webkit-appearance: none; width:12px;}
	.inst_pop_con div.mobile_table::-webkit-scrollbar:vertical { width:12px; }
	.inst_pop_con div.mobile_table::-webkit-scrollbar:horizontal { height:6px; }
	.inst_pop_con div.mobile_table::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .5); border-radius:10px; border:2px solid #ffffff; }
	.inst_pop_con div.mobile_table::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }

	/* 가로스크롤 보이도록 설정 */
	.inst_pop_con div.map_box::-webkit-scrollbar { -webkit-appearance: none; width:12px;}
	.inst_pop_con div.map_box::-webkit-scrollbar:vertical { width:12px; }
	.inst_pop_con div.map_box::-webkit-scrollbar:horizontal { height:6px; }
	.inst_pop_con div.map_box::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .5); border-radius:10px; border:2px solid #ffffff; }
	.inst_pop_con div.map_box::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }

	/* 테이블 */
	.inst_pop_con table th,
	.inst_pop_con table td						{ padding:7px; }
	.inst_pop_con table th						{ background:#f7f7f7; font-weight:400; text-align:center;}

	.inst_pop_con								{ background-image:none }
	.inst_pop_con .type_inner					{ width:100% }
	.inst_pop_con .dt_list.inherit li			{ width:100%; font-size:0.85em }

	#applyLayer>.b-close						{ top:1.5%}
}
@media all and (max-width:467px) {
	.inst_pop>.b-close							{ top:1px; right:0 }
	.inst_pop_con h3							{ font-size:1.35em; }
	.inst_pop_con h4							{ font-size:1.25em; margin:1.4em 0 10px }

	#applyLayer>.b-close						{ top:0}
}
@media all and (max-width:367px) {
	.inst_pop_con h3							{ font-size:1.3em; }
	.inst_pop_con h4							{ font-size:1.2em; margin:1.4em 0 5px }
}



/*********** 채용관련 ***********/
/* 기업회원 > 채용정보 */
.recuit_top												{ margin-bottom:2em; padding:1.2em 1.5em; font-size:1.1em; text-align:center; background:#fff; border:1px solid #eee; border-radius:.7em; }
.recuit_top a											{ display:block; }
.recuit_top ul, .recuit_top li, .recuit_top .btn	{ float:left; }
.recuit_top ul											{ width:70%;}
.recuit_top li											{ width:31%; margin:.1em 2% .1em 0; font-size:1.1em; }
.recuit_top li + li										{ border-left:1px solid #eee}
.recuit_top li .icon										{ vertical-align:middle}
.recuit_top li .tit										{ display:inline; letter-spacing:-.05em;}
.recuit_top li strong									{ font-weight:500; font-size:1.3em;}
.recuit_top .btn											{ width:30%; padding:.4em; font-weight:700; }
.recuit_top + .snb_area								{ margin-bottom:1.5em;}

.inquiry													{ margin-bottom:1em;}
.inquiry .order											{ float:left; margin-top:.8em;}
.inquiry .order li										{ position:relative; display:inline-block; }
.inquiry .order li + li									{ margin-left:.3em; padding-left:.5em;}
.inquiry .order li + li::before							{ position:absolute; left:0; top:45%; width:3px; height:3px; border-radius:50%; background:#ddd; content:""}
.inquiry .order li a										{ color:#737373}
.inquiry .order .on a									{ color:#000}
.inquiry .search											{ float:right; }

.table_recuit												{ width:100%; text-align:center; border-top:2px solid #343d48}
.table_recuit thead th									{ color:#343d48; padding:.7em .5em; font-size:1.1em; letter-spacing:-.045em; background:#f3f4f5; }
.table_recuit tbody td								{ padding:1em; font-size:1.12em; font-weight:300; border-bottom:1px solid #eaebec}
.table_recuit .info										{ text-align:left;}
.table_recuit .title										{ display:block; color:#000; font-weight:500; font-size:1.1em;}
.table_recuit .summary								{ margin-bottom:.2em; font-weight:300; font-size:.9em;}
.table_recuit .summary span						{ display:inline-block;}
.table_recuit .summary span + span				{ position:relative; margin-left:.2em; padding-left:.3em;}
.table_recuit .summary span + span::before	{ position:absolute; top:25%; left:0; width:1px; height:50%; background:#ddd; content:""}
.table_recuit .summary span:first-child			{ color:#ff7c34}
.table_recuit .new										{ font-weight:700; color:#000; text-decoration:underline;}
.table_recuit .btn_white								{ display:block; padding:.2em; border:1px solid #b5b5b5}
.table_recuit .btn_area								{ margin:0}
.table_recuit .btn_area li + li						{ margin-top:.1em;}
.table_recuit .icon_new								{ width:20px; height:20px; padding:0; line-height:20px; }

/* 기업회원 > 지원자보기 */
.applicant_top											{ position:relative; padding:1.5em 19em 1.5em 1.5em; background:#fff; border:1px solid #eee; border-radius:.7em; }
.applicant_top .btn_area								{ position:absolute; right:1.5em; top:50%; margin:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.applicant_top .btn_white							{ display:block; padding:.5em; border:1px solid #b5b5b5}
.applicant_top .btn_area li							{ float:left; width:8em;}
.applicant_top .btn_area li + li						{ margin-left:.3em;}

/* 기업회원 > 인재정보 */
.human_list>li											{ position:relative; margin-bottom:2em; padding:1.5em 0; border-top:1px solid #b0b0b0; }
.human_list>li .work_name							{ padding-right:3em;}
.human_list .human_con								{ display:none; margin-top:1.5em;}
.human_list .btn_view									{ position:absolute; top:2em; right:0; width:40px; height:40px; border:none; border-radius:50%; background:#ddd; }
.human_list .btn_view::before						{ position:absolute; top:20%; left:30%; width:35%; height:35%; border:solid #333; border-width:0 0 2px 2px; transform: rotate(-45deg); -webkit-transition: all .3s ease; transition: all .3s ease; content:""}
.human_list .btn_view.on::before					{ top:38%; transform: rotate(135deg);  }
.human_list .btn_more								{ display:block; width:100%; max-width:200px; margin:1em auto 0; padding:.6em; font-size:1.15em; letter-spacing:-.07em; background:#fff; border:0; border-radius:2em; -webkit-box-shadow:0 5px 8px rgba(0,0,0,.03); -moz-box-shadow:0 5px 8px rgba(0,0,0,.03); box-shadow:0 5px 8px rgba(0,0,0,.03)}

.work_name .tit											{ color:#283648; font-weight:500; font-size:1.7em; letter-spacing:-.045em; }
.work_name .tit	 .small								{ vertical-align:middle; margin-top:0;}
.work_name dd span									{ display:inline-block; font-size:1.1em;}
.work_name dd span:first-child					{ color:#ff7c34}
.work_name dd span + span						{ position:relative; margin-left:.2em; padding-left:.3em;}
.work_name dd span + span::before				{ position:absolute; top:25%; left:0; width:1px; height:50%; background:#ddd; content:""}

/* 수강생 > 구직지원현황 검색 */
.app_search_area								{ margin-bottom:2em; padding:1.2em; background:#f6f6f6; border-radius:1em; text-align:center; }
.app_search_area .form_title				{ display:inline-block; *display:inline; margin:.4em .5em 0 0; font-size:1.13em; font-weight:500; color:#000; letter-spacing:-.08em;}
.app_search_area .inline,
.app_search_area .form_group	,
.app_search_area .btn_wrap,
.app_search_area .form_input,
.app_search_area .form_select				{ display:inline-block; *display:inline; *zoom:1}
.app_search_area .inline + .inline			{ margin-left:1em;}
.app_search_area .form_input .date		{ position:relative; }
.app_search_area .form_select				{ padding:.3em .8em; border:1px solid #e5e5e5; border-radius:2em; }
.app_search_area .date_btn					{ display:inline-block; *display:inline; padding:.3em .8em; font-size:1.06em; color:#010101; background:#fff; border:1px solid #e5e5e5; border-radius:2em; *zoom:1}
.app_search_area .date_btn + .date_btn { margin-left:.1em }
.app_search_area .date_btn.on				{ color:#fff; background:#3f3f3f; border-color:#3f3f3f;}
.app_search_area .form_input				{ margin-left:1em;}
.app_search_area .date_input				{ display:inline-block; *display:inline; width:9em; padding:0 1em; background:#fff; border:1px solid #d2d2d2; border-radius:2em; *zoom:1}
.app_search_area .btn_search				{ display:inline-block; *display:inline; margin-left:.1em; padding:.35em 1em .45em; font-size:1.13em; font-weight:500; letter-spacing:-.08em; border-radius:2em; *zoom:1}

/* 수강생 > 구직정보 목록 */
.table_recuit tbody .com_name			{ display:block; margin-bottom:.1em; line-height:1; font-size:.85em; font-weight:400; color:#888}
.table_recuit tbody .info .inline				{ display:inline-block; *display:inline; }
.table_recuit tbody .info .inline	 + .inline	{ margin-left:1em;}
.table_recuit tbody .state 					{ font-weight:400; }
.table_recuit tbody .state .red				{ color:#e92a2a}
.table_recuit tbody .state .purple			{ color:#8376ff }
.table_recuit tbody .state .black			{ color:#192125 }
.table_recuit tbody .state .grey				{ color:#888}
.recuit_list .notice								{ margin-bottom:.3em; font-size:1.08em; letter-spacing:-.05em; color:#333}
.recuit_list .notice strong						{ font-weight:500;}

@media all and (max-width:1200px) {
	/* 기업회원 채용현황 */
	.recuit_top li .tit span						{ display:none}
}
@media all and (min-width:1025px) {
	.mobile										{ display:none !important}
}
@media all and (max-width:1024px) {
	.pc												{ display:none !important}

	.table_recuit									{ text-align:left;} 
	.table_recuit,
	.table_recuit tbody,
	.table_recuit tr,
	.table_recuit td								{ display:block; }
	.table_recuit tbody td					{ padding:0; border-bottom:0; }
	.table_recuit tr								{ position:relative; padding:.9em 0 0}
	.table_recuit tr + tr						{ margin-top:1.2em; border-top:1px solid #ddd}
	.table_recuit .date							{ display:inline-block; font-size:.95em; color:#888}
	.table_recuit tbody .app					{ display:inline-block; line-height:1;}
	.table_recuit tbody .app + .app		{ margin-left:1em;}
	.table_recuit tbody .app	.number		{ font-size:1.2em; color:#000}
	.table_recuit .btn_area li					{ float:left; width:49.5%; margin-top:.5em}
	.table_recuit .btn_area li:first-child:last-child { width:100%}
	.table_recuit .btn_area li + li			{ margin-left:1%; margin-top:.5em}

	.table_recuit .career .summary				{ display:inline-block; vertical-align:top; margin:0; color:#888} 
	.table_recuit .career .summary::before	{ content:"("}
	.table_recuit .career .summary::after		{ content:")"}

	/* 기업회원 > 지원자보기 */
	.work_name .tit									{ font-size:1.5em;}
	.applicant_top .period						{ display:block;}
	.applicant_top .period + span				{ margin-left:0; padding-left:0;}
	.applicant_top .period + span::before	{ display:none}

	/* 기업회원 > 인재정보 */
	.human_list>li									{ padding:1.2em 0; margin-bottom:1em;}
	.human_list .human_con						{ margin-top:1em;}

	/* 수강생 > 구직정보 목록 */
	.table_recuit tbody .com_name			{ margin-top:.3em;}
	.table_recuit tbody .state br				{ display:none}
	.table_recuit tbody .state .red,
	.table_recuit tbody .state .purple,
	.table_recuit tbody .state .black			{ display:inline-block; padding:.1em .7em; border:1px solid; border-radius:1em; color:#fff; }
	.table_recuit tbody .state .red				{ background:#e92a2a}
	.table_recuit tbody .state .purple			{ background:#8376ff }
	.table_recuit tbody .state .black			{ background:#192125 }
	.table_recuit tbody td.inline					{ display:inline-block; }
	.table_recuit tbody td.inline	 + .inline		{ margin-left:1em;}
	
	/* 수강생 > 구직지원현황 검색 */
	.app_search_area							{ text-align:left; }
	.app_search_area .inline					{ display:block;}
	.app_search_area .inline	+ .inline		{ margin:.5em 0 0}
	.app_search_area .form_title			{ width:3.7em; vertical-align:top; margin-top:0; line-height:36px;}
	.app_search_area .form_group			{ position:relative; margin-top:.1em; width:-webkit-calc(100% - 5.5em); width:-moz-calc(100% - 5.5em); width:calc(100% - 5.5em); }
	.app_search_area .form_input			{ display:block; margin-left:0; padding-right:7.5em;  }
	.app_search_area .btn_search			{ position:absolute; width:6.5em; height:40px; right:0; bottom:0; }
	.app_search_area .btn_wrap			{ width:100%; text-align:center;}
	.app_search_area .date_btn				{ float:left; width:24.25%}
	.app_search_area .date_btn + .date_btn { margin-left:1%}
	.app_search_area .date_input			{ width:48%}
}
@media all and (max-width:867px) {
	/* 기업회원 채용현황 */
	.recuit_top										{ padding:1em; font-size:1em;}
}
@media all and (max-width:767px) {
	/* 기업회원 > 지원자보기 */
	.applicant_top									{ padding:1.2em; margin-bottom:1em;}
	.work_name .tit									{ font-size:1.3em;}
	.applicant_top .btn_area						{ position:relative; top:auto; right:auto; transform:translateY(0); margin-top:.3em; }
	.applicant_top .btn_area::after				{ display:block; clear:both; content:""}
	.applicant_top .btn_area li					{ float:left; width:49.5%; margin-top:.5em}
	.applicant_top .btn_area li:first-child:last-child { width:100%}
	.applicant_top .btn_area li + li				{ margin-left:1%;}
	.applicant_top .btn_white					{ padding:.3em}
}
@media all and (max-width:620px) {
	/* 수강생 > 구직지원현황 검색 */
	.app_search_area .date_input				{ width:47.5%}
}
@media all and (max-width:567px) {
	/* 기업회원 채용현황 */
	.recuit_top ul,
	.recuit_top .btn									{ float:none; width:100%; margin-top:.3em;}

	/* 기업회원 > 인재정보 */
	.human_list .btn_view							{ top:1.5em; width:36px; height:36px}

	/* 수강생 > 구직지원현황 검색 */
	.app_search_area .inline:last-child .form_title			{ display:none }
	.app_search_area .inline:last-child .form_group	{ width:100%}
	.app_search_area .date_btn								{ font-size:1em; padding:.3em }
}
@media all and (max-width:500px) {
	.inquiry .search_area .textarea				{ width:100%;}
	.inquiry .order									{ float:none; margin-top:.2em; line-height:1;}
	.inquiry .search									{ float:none; }
}
@media all and (max-width:467px) {
	/* 기업회원 채용현황 */
	.recuit_top li									{ font-size:1em;}
	.recuit_top li .icon								{ display:inline-block; width:20px}

	.work_name .tit									{ font-size:1.2em; line-height:1.2;}
	.work_name dd span							{ font-size:1em;}

	.table_recuit tbody td						{ font-size:1.07em;}
	.table_recuit .career .summary				{ margin-top:.1em;}

	/* 기업회원 > 인재정보 */
	.human_list>li									{ padding:1em 0;}
	.human_list>li dd span						{ display:block; margin-left:0; padding-left:0}
	.human_list>li dd span::before				{ display:none}

	/* 수강생 > 구직지원현황 검색 */
	.app_search_area								{ margin-bottom:1.5em; padding:1em}
	.app_search_area .form_title				{ font-size:1em;}
	.app_search_area .form_input				{ padding-right:0;}
	.app_search_area .date_input				{ height:36px; }
	.app_search_area .btn_search				{ position:relative; top:auto; right:auto; width:100%; height:36px; margin-top:.5em; font-size:1.05em;}

	/* 수강생 > 구직정보 목록 */
	.table_recuit tbody td.inline.people		{ display:none; }
}
@media all and (max-width:400px) {
	/* 기업회원 > 지원자보기 */
	.applicant_top dd span:last-child			{ display:none}
}
@media all and (max-width:345px) {
	/* 기업회원 채용현황 */
	.recuit_top li .icon								{ display:none}
	.table_recuit .date								{ margin-right:.5em;}
	.table_recuit .info								{ display:inline }
	.table_recuit .title strong						{ display:block; line-height:1.3;}
	.table_recuit .info .summary				{ display:none}

	/* 수강생 > 구직지원현황 검색 */
	.app_search_area .date_btn,
	.app_search_area .date_input				{ font-size:.9em; }
}