@charset "utf-8";

.small.mint												{ background-color:#45b1a5; color:#fff}
.mt0													{ margin-top:0 !important; }


/*******************************************************************************

							나의강의실 : 교육현황

********************************************************************************/	
.myclassroom_area										{ clear:both; width:100%; margin:0 auto; padding:0; overflow:hidden; }
.classroom_tit											{ clear: both; width: 100%; margin: 0; padding: 0; overflow: hidden; border-top: 1px solid #2e2e2e; border-bottom: 1px solid #2e2e2e; }
.classroom_tit											{ clear:both; width:100%; margin:0; padding:0; overflow:hidden; border-top:1px solid #2e2e2e; border-bottom:1px solid #2e2e2e}
.classroom_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 }
.classroom_list											{ clear:both; width:100%; margin:0; padding:0; overflow:hidden; border-bottom:1px solid #dedede}
.classroom_list:nth-child(even)							{ background:rgba(0,0,0,0.02) }
.classroom_list *										{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; }
.classroom_tit *,
.classroom_list *										{ letter-spacing:-1px; }
.classroom_list li										{ float:left; display:table; margin:0; padding:15px 0; font-size:15px; color:#777;  text-align:center; height:66px  }
.classroom_list li p									{ display:table-cell; vertical-align:middle; }
.classroom_list .label									{ margin:0 }
.classroom_list li strong								{ display:none }
.classroom_list .name a.title							{ float:left; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:225px; text-align:left }
.classroom_list .name 									{ padding-left:10px; padding-right:10px; }	
.classroom_list .name a.online					 		{ float:left; margin-left:10px; }			
.classroom_list .situ span						  		{ display:table; margin:0 auto; }

.classroom_tit .name, .classroom_list .name				{ width:34% }
.classroom_tit .peri, .classroom_list .peri				{ width:18% }
.classroom_tit .sort, .classroom_list .sort				{ width:9% }
.classroom_tit .situ, .classroom_list .situ				{ width:9% }
.classroom_tit .regi, .classroom_list .regi				{ width:10% }
.classroom_tit .atte, .classroom_list .atte				{ width:10% }

.classroom_list .online span							{ display:inline-block; margin-left:3px; }
@media all and (max-width:1167px){
.classroom_list .name a.title							{ max-width:195px; }
}
@media all and (max-width:1067px){
.classroom_tit li										{ font-size:15px; letter-spacing:-1.5px; }
.classroom_list .atte .button 							{ padding: 10px 15px;}
.classroom_list .name a.title							{ max-width:122px; }
.classroom_tit .name, .classroom_list .name				{ width:28% }
.classroom_tit .peri, .classroom_list .peri				{ width:22% }
.classroom_tit .sort, .classroom_list .sort				{ width:9% }
.classroom_tit .situ, .classroom_list .situ				{ width:12% }
.classroom_tit .regi, .classroom_list .regi				{ width:9% }
.classroom_tit .atte, .classroom_list .atte				{ width:10% }
.classroom_list .atte .button							{ font-size:14px; }
}
@media all and (max-width:967px){
.classroom_tit											{ display:none }
.classroom_list:nth-child(even)							{ background:none }
.classroom_list											{ position:relative; border:1px solid rgba(0,0,0,0.15); margin-bottom:1.2em; overflow:hidden; padding:65px 0 0 0; border-radius:15px; }
.classroom_list .name									{ width:100%; padding:0 20px; }
.classroom_list li p									{ display:block }
.classroom_list li										{ height:inherit; font-family: 'Spoqa Han Sans'; display:inherit}
.classroom_list .name a.title							{ max-width:65%; font-size:20px }
.classroom_list .name a.online							{ margin-top:0; font-size:15px; line-height:29px; height:30px; }
.classroom_list .peri									{ width:100%; font-size:20px; color:rgba(0,0,0,0.5); text-align:left; padding:5px 20px 25px 20px }
.classroom_list .sort									{ position:absolute; width:100px; left:105px; top:20px; padding:0 10px; border:1px solid rgba(0,0,0,0.8); border-radius:15px; font-size:15px; line-height:30px;}
.classroom_list .situ 									{ position:absolute; width:80px; top:20px; padding:0; left:20px }
.classroom_list .situ span								{ width:80px; font-size:15px; line-height:30px;}

.classroom_list .regi									{ background:#ff7c34; width:50%; margin:0 0 -1px 0; padding:0; height:60px;}
.classroom_list .atte									{ width:auto; }
.classroom_list .regi .small.mint						{ border-radius:0; margin:0;  background:none; font-size:17px;  padding:0 0 0 50px;
    background: url(/assets/site/LET/img/member/icon_01.png) left center no-repeat; line-height:60px; height:inherit}
.classroom_list .atte									{ position:absolute; top:20px; right:20px;  padding:0; font-size:17px !important}
.classroom_list .atte .white							{ border-radius:15px; font-size:15px; padding:0 15px; line-height:30px;}
.classroom_list .atte .gray								{ font-size:17px; padding: 0 0 0 50px; background: url(/assets/site/LET/img/member/icon_02.png) left center no-repeat; border:none; line-height:60px; height:inherit }
.classroom_list .atte:last-child						{ position:inherit; top:inherit; right:inherit;  padding:0; width:50%; height:60px; background:rgba(0,0,0,0.8); margin-bottom:-1px}

.classroom_list .regi strong							{ display:inline-block; font-weight:400; }				
.classroom_list .situ span.sky							{ background:#ff7c34; color:#fff; border-radius:15px; line-height:30px;}
.classroom_list .situ span.label.black					{ border:1px solid #52ca8b; color:#52ca8b; border-radius:15px; line-height:30px;}
.classroom_list .situ span.label.small.black			{ background:#262626; color:#fff; border:none }
}
@media all and (max-width:867px){
.classroom_list .situ span,
.classroom_list .sort,
.classroom_list .atte .white,
.classroom_list .name a.online,
.classroom_list .situ span.label.black,
.classroom_list .situ span.sky								{ font-size:14.5px; line-height:28px; }
.classroom_list .name a.online								{ height:inherit }
.classroom_list .name a.title,
.classroom_list .peri										{ font-size:19px; }
.classroom_list .regi .small.mint,
.classroom_list .atte .gray									{ font-size:16.5px !important; }
}
@media all and (max-width:767px){
.classroom_list .situ span,
.classroom_list .sort,
.classroom_list .atte .white,
.classroom_list .name a.online,
.classroom_list .situ span.label.black,
.classroom_list .situ span.sky								{ font-size:14px; line-height:26px; }
.classroom_list .name a.title,
.classroom_list .peri										{ font-size:18px; }
.classroom_list .regi .small.mint,
.classroom_list .atte .gray									{ font-size:16px !important; }
}
@media all and (max-width:667px){
.classroom_list												{ padding-top:60px; }
.classroom_list .situ span,
.classroom_list .sort,
.classroom_list .atte .white,
.classroom_list .name a.online,
.classroom_list .situ span.label.black,
.classroom_list .situ span.sky								{ font-size:14px; line-height:25px; height:26px; }
.classroom_list .name a.title,
.classroom_list .peri										{ font-size:18px; }
.classroom_list .regi .small.mint,
.classroom_list .atte .gray									{ font-size:16px !important; }
.classroom_list .regi .small.mint,
.classroom_list .atte .gray									{ padding:0 0 0 45px; line-height:56px; }
.classroom_list .atte:last-child,
.classroom_list .regi										{ height:56px; }
}
@media all and (max-width:567px){
.classroom_list .situ span,
.classroom_list .sort,
.classroom_list .atte .white,
.classroom_list .name a.online,
.classroom_list .situ span.label.black,
.classroom_list .situ span.sky								{ font-size:13px; line-height:25px; height:26px; }
.classroom_list .name a.title,
.classroom_list .peri										{ font-size:17px; }
.classroom_list .regi .small.mint,
.classroom_list .atte .gray									{ font-size:15px !important; }
.classroom_list .regi .small.mint,
.classroom_list .atte .gray									{ padding:0 0 0 45px; line-height:56px; }
.classroom_list .atte:last-child,
.classroom_list .regi										{ height:56px; }
}
@media all and (max-width:467px){
.classroom_list												{ padding-top:55px; }
.classroom_list .situ span,
.classroom_list .sort,
.classroom_list .atte .white,
.classroom_list .name a.online,
.classroom_list .situ span.label.black,
.classroom_list .situ span.sky								{ font-size:13px; line-height:25px; height:26px; }
.classroom_list .name a.title								{ max-width:inherit }
.classroom_list .situ span									{ width:70px; margin:0; }
.classroom_list .sort										{ width:90px; left:95px; }
.classroom_list .name a.title,
.classroom_list .peri										{ font-size:17px; }
.classroom_list .name a.title								{ display:block; float:inherit; width:100%; }
.classroom_list .name a.online								{ float:inherit; margin-left:0; display:table; margin-top:3px; }
.classroom_list .regi .small.mint,
.classroom_list .atte .gray									{ font-size:14px !important; }
.classroom_list .regi .small.mint,
.classroom_list .atte .gray									{ padding:0 0 0 35px; line-height:56px; background-size:auto 27px; }
.classroom_list .atte:last-child,
.classroom_list .regi										{ height:56px; }
}
@media all and (max-width:367px){
.classroom_list .situ span,
.classroom_list .sort,
.classroom_list .atte .white,
.classroom_list .name a.online,
.classroom_list .situ span.label.black,
.classroom_list .situ span.sky								{ font-size:12.5px; line-height:25px; height:26px; }
.classroom_list .sort										{ width:80px; }
.classroom_list .peri										{ padding-bottom:15px; }

.classroom_list .name a.title,
.classroom_list .peri										{ font-size:16.5px; }
.classroom_list .regi .small.mint,
.classroom_list .atte .gray									{ font-size:13.5px !important; }
.classroom_list .regi .small.mint,
.classroom_list .atte .gray									{ padding:0 0 0 30px; line-height:52px; background-size:auto 21px; }
.classroom_list .atte:last-child,
.classroom_list .regi										{ height:52px; }
}



/*******************************************************************************

					나의강의실 : 교육현황 : 출결관리

********************************************************************************/	
/* 출결관리 달력부분 */
.attendance_area .perf_calendar .days>li						{ height:60px; padding:0; border:none; border-bottom:1px solid rgba(0,0,0,0.08); }
.attendance_area .perf_calendar .days>li.edu_day                { background:#fffdf1}
.attendance_area .perf_calendar .days>li a						{ display:block; width:100%; height:100%; }
.attendance_area .perf_calendar .days>li .date.check:before     { position:absolute; top:.1em; left:50%; width:1.2em; height:1.2em; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); border:2px solid #ff7c34; border-radius:50%; content:"" }       
.attendance_area .line_box										{ clear:both; width:100%; margin:15px 0 0 0; padding:1em; background:rgba(0,0,0,0.01); overflow:hidden; border-top:2px solid rgba(0,0,0,0.8);
																 font-size:1.15em; color:rgba(0,0,0,0.54); }
.attendance_area .line_box small								{ float:right; color:rgba(255,0,0,0.7); font-size:13px; padding-top:4px; }																 
.attendance_area .perf_calendar									{ margin-top:0;  }
.attendance_area .perf_calendar	 ul.weekdays li					{ border-top-width:1px }
.attendance_area .dt_list										{ clear:both; margin:0 auto; width:100%; padding:0; overflow:hidden; font-size:1.15em; }
.attendance_area .dt_list li									{ float:none; width:100%; font-size:1em; line-height:1.3; color:rgba(0,0,0,0.74); padding-bottom:8px; position:relative; padding-left:12px; overflow:hidden }
.attendance_area .dt_list li:before								{ position:absolute; left:0; top:8px; width:4px; height:4px; background:#ff8522; border-radius:100%; content:''}
.attendance_area .dt_list li strong								{ float:left; width:5em;  }
.attendance_area .dt_list li p									{ float:left; }
.attendance_area .line_box span									{ font-size:14px; color:#FF0000 }


/* 출결관리 통계부분 */
.attendance_area												{ clear:both; position:relative; width:100%; margin:0 auto; padding:0; }
.attendance_area .table_title									{ clear:both; position:relative; width:100%; margin:0 auto; padding:0 8px 0 0}
.attendance_area .table_title table								{ display:table; width:100%; margin:0 auto; padding:0; border-top:2px solid rgba(0,0,0,1); border-bottom:1px solid rgba(0,0,0,0.1); }
.attendance_area .table_list									{ clear:both; position:relative; width:100%; margin:0 auto; padding:0; overflow-y:scroll; max-height:300px; 
																	scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#fafafa; scrollbar-track-color:#fafafa; scrollbar-darkshadow-color:#cccccc;
																	scrollbar-face-color:#cccccc; scrollbar-highlight-color:#cccccc; scrollbar-shadow-color:#cccccc;}
.attendance_area .table_list::-webkit-scrollbar 				{ -webkit-appearance:none; width:3px; } 
.attendance_area .table_list::-webkit-scrollbar:vertical  		{ width:8px; } 
.attendance_area .table_list::-webkit-scrollbar:horizontal		{ height:8px; } 
.attendance_area .table_list::-webkit-scrollbar-thumb 			{ background-color:rgba(0, 0, 0, .3); border-radius:10px; border:2px solid #ffffff; } 
.attendance_area .table_list::-webkit-scrollbar-track 			{ border-radius: 10px; background-color: #ffffff; }

.attendance_area .table_list table								{ border-top:none }
.attendance_area  table th										{ padding:15px; font-size:16px; background:rgba(0,0,0,0.05); }
.attendance_area .table_list table td							{ padding:15px; font-size:15px; text-align:center; border-bottom:1px solid rgba(0,0,0,0.1); }
.attendance_area .table_list table tr:nth-child(even)			{ background:#fafafa}	

.attendance_area .table_fix .table_list table					{ width:auto; border-top:2px solid rgba(0,0,0,1);}
.attendance_area .table_fix .table_list table th				{ border-bottom:1px solid rgba(0,0,0,0.1);}


.attendance_area .btnBottom										{ text-align: center; margin-top:1.5em}
@media all and (max-width:967px) {
.attendance_area table th,
.attendance_area .table_list table td							{ padding:10px; }
.attendance_area table th										{ font-size:15px; }
.attendance_area .table_list table td							{ font-size:14.5px; }
}
@media all and (max-width:867px) {
.attendance_area table th,
.attendance_area .table_list table td							{ padding:10px 7px; }
.attendance_area table th										{ font-size:14.5px; }
.attendance_area .table_list table td							{ font-size:14px; }
}
@media all and (max-width:768px) {
.attendance_area .line_box										{ padding:.75em; font-size:1.1em }
.attendance_area .perf_calendar .weekdays, 
.attendance_area .perf_calendar .other-month 					{ display:block; }
.attendance_area .perf_calendar>ul>li							{ width:14.4%; }
.attendance_area .perf_calendar .date							{ font-size:.95em }
.attendance_area .perf_calendar ul.weekdays li					{ padding:10px 15px; font-size:1em }
.attendance_area .perf_calendar									{ border-top:none }
.attendance_area .perf_calendar .days>li                        { min-height:2em}
.attendance_area .perf_calendar .days>li .date                  { display:inline-block;}
.attendance_area .perf_calendar .days>li a                      { padding:.2em .7em}
}
@media all and (max-width:767px) {
.attendance_area .line_box small								{ float:inherit; display:block}


.attendance_area .table_title									{ padding:0; }
.attendance_area .table_list									{ overflow:hidden; max-height:inherit }
.attendance_area .table_list select								{ font-size:14px; }

.attendance_area .mobile_table									{ margin:0 auto; clear:both; overflow-y:scroll; width:100%; overflow-x:scroll; max-height:300px;}
.attendance_area .mobile_table .table_title,
.attendance_area .mobile_table .table_list						{ width:140%; }
.attendance_area .mobile_table::-webkit-scrollbar 				{ -webkit-appearance:none; width:3px; } 
.attendance_area .mobile_table::-webkit-scrollbar:vertical  	{ width:8px; } 
.attendance_area .mobile_table::-webkit-scrollbar:horizontal	{ height:8px; } 
.attendance_area .mobile_table::-webkit-scrollbar-thumb 		{ background-color:rgba(0, 0, 0, .3); border-radius:10px; border:2px solid #ffffff; } 
.attendance_area .mobile_table::-webkit-scrollbar-track 		{ border-radius: 10px; background-color: #ffffff; }

}
@media all and (max-width:567px) {
.attendance_area .mobile_table .table_title,
.attendance_area .mobile_table .table_list						{ width:170%; }
.attendance_area table th,
.attendance_area .table_list table td							{ padding:10px; }
.attendance_area table th										{ font-size:14px; }
.attendance_area .table_list table td							{ font-size:13.5px; }
.attendance_area .table_list select								{ font-size:13.5px; }
}
@media all and (max-width:467px) {
.attendance_area .line_box										{ margin:0; }
.attendance_area .mobile_table .table_title,
.attendance_area .mobile_table .table_list						{ width:210%; }
}
@media all and (max-width:367px) {
.attendance_area .mobile_table .table_title,
.attendance_area .mobile_table .table_list						{ width:250%; }
}

/* 출결관리 팝업 */
.attenPop_area													{ position:relative; }

.attenPop_area .btn_top											{ position:absolute; right:3%; top:22px; }
.attenPop_area .btn_bottom										{ position:absolute; right:3%; top:177px; }

.attenPop_area .attendance_batch								{ clear:both; width:100%; margin:0; padding:15px; border:1px solid rgba(0,0,0,0.1); overflow:hidden; }
.attenPop_area .attendance_batch li								{ float:left; display:inline-block; position:relative; margin:0; padding:0; overflow:hidden; }
.attenPop_area .attendance_batch li.state						{ float:right; }

.attenPop_area .scroll											{ clear:both; position:relative; padding:15px 0; overflow-y:scroll; width:100%; height:320px; border-top:2px solid rgba(0,0,0,0.6); }
.attenPop_area .scroll::-webkit-scrollbar 						{ -webkit-appearance: none; width:3px;} 
.attenPop_area .scroll::-webkit-scrollbar:vertical  			{ width:8px; } 
.attenPop_area .scroll::-webkit-scrollbar:horizontal			{ height:8px; } 
.attenPop_area .scroll::-webkit-scrollbar-thumb 				{ background-color:rgba(0, 0, 0, .3); border-radius:10px; border:2px solid #ffffff; } 
.attenPop_area .scroll::-webkit-scrollbar-track 				{ border-radius: 10px; background-color: #ffffff; }


.attenPop_area .scroll .attendance_list							{ clear:both; width:100%; margin:0 auto; padding:0; overflow:hidden; }
.attenPop_area .scroll .attendance_list li						{ float:left; width:49.5%; margin-bottom:1%; padding:2%; border:1px solid rgba(0,0,0,0.1); border-radius:10px; }
.attenPop_area .scroll .attendance_list li:nth-child(even)		{ margin-left:1%; }
.attenPop_area .scroll .attendance_list li .chk					{ display:block; position:relative; margin:0; padding:0 0 10px 0; border-bottom:1px dotted rgba(0,0,0,0.1); }
.attenPop_area .scroll .attendance_list li .state				{ display:block; margin:10px 0 0 0; padding:0; }
.attenPop_area .scroll .attendance_list li .state span:first-child	{ margin-left:0; }
.attenPop_area .scroll .attendance_list li .state span label 	{ font-size:15px; }
.state															{ position:relative; }
.state span														{ position:relative; float:left; display:inline-block; padding:0; margin:0 0 0 20px }


.attenPop_area input[type="checkbox"] + label 					{ display: inline-block; font-size: 16px;}
.attenPop_area input[type="checkbox"] + label:before 			{ display: inline-block; content:''; width:23px; height:23px; background:url(/assets/site/LET/img/board/checkbox.png)no-repeat;
																	background-size: 23px; vertical-align:text-bottom; margin:3px 5px 0 0; }
.attenPop_area input[type="checkbox"]:checked + label:before 	{ background-image: url(/assets/site/LET/img/board/checkbox_on.png);}
.attenPop_area input[type="checkbox"] 							{ position:absolute; overflow:hidden; width:100%; height:31px; top:0; margin: -1px; opacity:0; z-index:1 }
.attenPop_area input[type="radio"] + label 						{ display:inline-block; font-size: 16px;  }
.attenPop_area input[type="radio"] + label:before 				{ display:inline-block; content:''; width:23px; height:23px; background:url(/assets/site/LET/img/board/radio.png) no-repeat;
																	background-size:23px; vertical-align:text-bottom; margin:3px 3px 0 0 }
.attenPop_area input[type="radio"]:checked + label:before 		{ background-image: url(/assets/site/LET/img/board/radio_on.png); }
.attenPop_area input[type="radio"] 								{ position:absolute; overflow:hidden; width:100%; height:31px; top:0; margin:-1px; opacity:0; z-index:1 }
@media all and (max-width:767px) {
.inst_pop.w100													{ width:100%; }
.attenPop_area .btn_top											{ top:16px; }
.attenPop_area .btn_bottom										{ top:147px }
.attenPop_area .scroll .attendance_list li .state span:nth-child(3)	{ clear:both; margin-left:0; }	
}
@media all and (max-width:567px) {
.attenPop_area .btn_top											{ top:12px; }
.attenPop_area .btn_bottom										{ top:191px }
.inst_pop.w100 .inst_pop_con h3 small							{ display:inline-block; }
.attenPop_area .attendance_batch li								{ float:inherit }
.attenPop_area .attendance_batch li.state						{ float:inherit; width:100%; margin-top:.5em; border-top:1px dashed rgba(0,0,0,0.2); padding-top:.5em }
.attenPop_area .attendance_batch li.state span:first-child		{ margin-left:0; }
}
@media all and (max-width:467px) {
.inst_pop.w100>.b-close											{ top:47px; }
.attenPop_area .btn_top											{ top:8px; }
.attenPop_area .btn_bottom										{ top:172px }
.inst_pop.w100 .inst_pop_con h3 small							{ margin-left:7px;}
.attenPop_area .attendance_batch								{ padding:10px; }
.attenPop_area .scroll											{ height:230px; }
.state span														{ margin-left:12px; }
.attenPop_area .attendance_batch li								{ float:inherit }
.attenPop_area .attendance_batch li.state						{ float:inherit; width:100%; margin-top:.5em; border-top:1px dashed rgba(0,0,0,0.2); padding-top:.5em }
.attenPop_area .attendance_batch li.state span:first-child		{ margin-left:0; }
.attenPop_area input[type="radio"] + label,
.attenPop_area input[type="checkbox"] + label 					{ font-size:14.5px; vertical-align: middle; }
.attenPop_area .scroll .attendance_list li .state span label	{ font-size:14.5px; }
}
@media all and (max-width:367px) {
.attenPop_area .btn_top											{ top:6px; }
.attenPop_area .btn_bottom										{ top:162px }
.inst_pop.w100 .inst_pop_con h3 small							{ margin-left:5px;}
.attenPop_area .scroll											{ height:210px; }
.state span														{ margin-left:10px; }
.attenPop_area input[type="radio"] + label,
.attenPop_area input[type="checkbox"] + label 					{ font-size:14px; }
.attenPop_area .scroll .attendance_list li .state span label	{ font-size:14px; }
}
/*******************************************************************************

					나의강의실 : 교육현황 : 접수&수강생 팝업

********************************************************************************/	
.pop_tableArea												{ clear:both; position:relative; width:100%; margin:0 auto; padding:0; }
.pop_tableArea .table_title									{ clear:both; position:relative; width:100%; margin:0 auto; padding:0 8px 0 0}
.pop_tableArea .table_title table							{ display:table; width:100%; margin:0 auto; padding:0; border-top:2px solid rgba(0,0,0,1); border-bottom:1px solid rgba(0,0,0,0.1); }
.pop_tableArea .table_list									{ clear:both; position:relative; width:100%; margin:0 auto; padding:0; overflow:scroll; max-height:600px;}
.pop_tableArea .table_list::-webkit-scrollbar 				{ -webkit-appearance: none; width:3px;} 
.pop_tableArea .table_list::-webkit-scrollbar:vertical  	{ width:8px; } 
.pop_tableArea .table_list::-webkit-scrollbar:horizontal	{ height:8px; } 
.pop_tableArea .table_list::-webkit-scrollbar-thumb 		{ background-color:rgba(0, 0, 0, .2); border-radius:10px; border:2px solid #ffffff; } 
.pop_tableArea .table_list::-webkit-scrollbar-track 		{ border-radius: 10px; background-color: #ffffff; }

.pop_tableArea .table_list table th							{ padding:10px; font-size:14px; border-top:2px solid rgba(0,0,0,1); border-bottom:1px solid rgba(0,0,0,0.1);}
.pop_tableArea .table_list table td							{ padding:7px 10px; font-size:14px; }								
@media all and (max-width:767px) {
.pop_tableArea .table_list									{ overflow:scroll; max-height:500px;}
.pop_tableArea .table_list table							{ width:130% }
}
@media all and (max-width:567px) {
.pop_tableArea .table_list									{ overflow:scroll; max-height:400px;}
.pop_tableArea .table_list table							{ width:180% }
}
@media all and (max-width:467px) {
.pop_tableArea .table_list									{ overflow:scroll; max-height:350px;}
.pop_tableArea .table_list table							{ width:220% }
.pop_tableArea .table_list table th							{ padding:8px; font-size:13.5px; }
.pop_tableArea .table_list table td							{ padding:5px 7px; font-size:13.5px; line-height:130% }
}
@media all and (max-width:367px) {
.pop_tableArea .table_list									{ overflow:scroll; max-height:320px;}
.pop_tableArea .table_list table							{ width:250% }
}



/******************************************************************* 

			마이페이지 :: 교육현황 :: 교육현황

*******************************************************************/
.ul_tit.SR .name,
.ul_list.SR .name											{ width:40% }
.ul_tit.SR .btn,
.ul_list.SR .btn											{ width:13% }
.ul_list.SR li.name a.title									{ float:left; display:inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width:340px; text-align: left; width:auto; 
																padding:0 10px; }
.ul_list.SR li.name a.online 								{ float:left; margin-left:10px; display:inline-block; width:auto; margin-top:7px }
@media all and (max-width:1167px) {
.ul_list.SR li.name a.title									{ max-width:320px; }
}
@media all and (max-width:1067px) {
.ul_list.SR li.name a.title									{ max-width:270px; }
}
@media all and (max-width:967px) {
.ul_list.SR li.name a.title									{ max-width:220px; }
}
@media all and (max-width:867px) {
.ul_list.SR .btn											{ width:50%; }
.ul_list.SR .name											{ width:100%; }		
.ul_list.SR li.name a.title									{ max-width:inherit; width:80%; padding:0; }
.ul_list.SR li:nth-child(4) a								{ padding:0 0 0 50px; background:url(/assets/site/LET/img/member/icon_04.png) left center no-repeat !important; overflow:hidden}
.ul_list.SR li:nth-child(5)									{ background:rgba(0,0,0,0.8) }
.ul_list.SR li:nth-child(5) a								{ padding:0 0 0 50px; background:url(/assets/site/LET/img/member/icon_02.png) left center no-repeat !important; overflow:hidden}
}
@media all and (max-width:667px) {
.ul_list.SR li.name a.title									{ width:70%; }
.ul_list.SR .btn a											{ padding:0 0 0 40px !important; font-size:16px!important; }
}
@media all and (max-width:567px) {
.ul_list.SR li.name a.title									{ width:70%; }
.ul_list.SR .btn a											{ padding:0 0 0 35px !important; font-size:15px!important;  }
.ul_list.SR li:nth-child(4) a,
.ul_list.SR li:nth-child(5) a								{ background-size:auto 27px !important;}
}
@media all and (max-width:467px) {
.ul_list.SR li.name a.title									{ width:100%; }
.ul_list.SR li.name a.online								{ float:inherit; margin-left:0; margin-top:4px; }
.ul_list.SR .btn a											{ padding:0 0 0 30px !important; font-size:14px!important;  }
.ul_list.SR li:nth-child(4) a,
.ul_list.SR li:nth-child(5) a								{ background-size:auto 21px !important;}
}
@media all and (max-width:367px) {
.ul_list.SR .btn a											{ padding:0 0 0 25px !important; font-size:13px!important; letter-spacing:-1.5px; }
.ul_list.SR li:nth-child(4) a,
.ul_list.SR li:nth-child(5) a								{ background:auto 20px !important;}
}
/******************************************************************* 

		마이페이지 :: 교육현황 :: 교육평가 :: 설문지

*******************************************************************/
.survey_area										{ clear:both; width:100%; margin:0; padding:3em; background:#fff; }

/* 하단 버튼 */
.survey_area .btn									{ border-top:1px solid rgba(0,0,0,0.1); margin-top:20px; padding-top:20px; }
.survey_area .btn>a									{ width:49.5% }
.survey_area .btn .orange							{ float:right; }
.survey_area .btn .button.b-close					{ position:inherit; padding:0 30px; }

/* 타이틀 */
#pop_evaluate.inst_pop>.b-close			{ background:#a8a8a8;}
.survey_area div.tit								{ position:relative; margin:0 0 1.5em 0; padding:0 5% 25px 5%; overflow:hidden;  }
.survey_area h3										{ width:90%; max-height:3.6em; margin:0 auto;  font-size:28px; font-weight:bold; line-height:1.3; text-align:center; background:#ff7c34;
													 color:#fff; overflow-x:hidden; overflow-y:auto; padding:15px; z-index:2; position:relative; }
.survey_area div.tit .left 							{ background:#d16123; display:inline-block; height:70px; position:relative; width:150px; position:absolute; left:0; bottom:0; z-index:1;}
.survey_area div.tit .left:before 					{ border-left:35px solid #fff; border-top:35px solid transparent; border-bottom:35px solid transparent; content:""; height:0; left:0; position:absolute; top:0; width:0;}	
.survey_area div.tit .left:after 					{ border-top:26px solid #b94c10; border-left:85px solid transparent; border-bottom:36px solid transparent; content:""; height:0; left:65px; position:absolute; 
													bottom:-36px; width:0;}														
.survey_area div.tit .right 						{ background: #d16123; display:inline-block; height:70px; position:relative; width:150px; position:absolute; right:0; bottom:0; z-index:1;}
.survey_area div.tit .right:before 					{ border-right:35px solid #fff; border-top:35px solid transparent; border-bottom:35px solid transparent; content:""; height:0; right:0; position:absolute; top:0; width:0;}
.survey_area div.tit .right:after 					{ border-top:26px solid #b94c10; border-right:85px solid transparent; border-bottom:36px solid transparent; content:""; height:0; right:64px; position:absolute; 
													bottom:-36px; width:0;}														 
													 
/* 설문지 본문 */												 
.survey_area .survey								{ clear:both; width:100%; margin:0 auto; padding:0 0 1em 0; overflow-y:scroll; overflow-x:hidden; max-height:500px; }
.survey_area .survey .text							{ display:block; width:100%; margin:0 auto; padding:20px; background:rgba(0,0,0,0.04); overflow:hidden; font-size:1.15em; line-height:160%; color:rgba(0,0,0,0.84); border-top:1px solid rgba(0,0,0,0.6) }
.survey_area .survey .import					{ margin:.5em 0; font-size:1.1em; color:#ff3737; letter-spacing:-.05em;}

/* 설문지 서브 타이틀 */
.survey_area h4										{ display:block; position:relative; margin:1.5em 0 .45em 0; font-size:1.45em; font-weight:500; color:#ff7d35; line-height:100%; padding-left:25px; }
.survey_area h4:before								{ position:absolute; left:0; top:50%; width:10px; height:10px; border:2px solid #ff7d35; content: ''; margin-top:-6px; border-radius:100%; }

/* 설문지 연수생 현황 */
.survey_area .table_list							{ clear:both; width:100%; margin:0; padding:0; overflow:hidden; border:1px solid rgba(0,0,0,0.1); border-top-width:2px; border-top-color:rgba(0,0,0,0.6);}
.survey_area .table_list li							{ float:none; margin:0; padding:0; overflow:hidden  }
.survey_area .table_list li strong					{ float:left; display:inline-block; width:20%; font-size:16px; font-weight:bold; padding:10px; text-align:center; line-height:30px;}
.survey_area .table_list li:first-child				{ border-bottom:1px solid rgba(0,0,0,0.1); }
.survey_area .table_list li .title					{ width:100%; }
.survey_area .table_list li p						{ float:left; display:inline-block; width:80%; font-size:15px; color:rgba(0,0,0,0.64); }
.survey_area .table_list li p span				{ padding:15px; float:left; display:inline-block; padding:10px; line-height:30px; }
.survey_area .table_list li .day					{ width:50%; }
.survey_area .table_list li span					{ width:25%; border-left:1px solid rgba(0,0,0,0.1); }
.survey_area .table_list li .inst					{ font-size:16px; font-weight:bold }

/* 설문지 리스트 */
.survey_list										{ clear:both; width:100%; margin:0 auto; padding:0; border-top:1px solid rgba(0,0,0,0.6); }
.survey_list li										{ width:100%; padding:20px 0; font-size:16px; line-height:160%; font-weight:400; position:relative; border-bottom:1px dotted #ccc; color:rgba(0,0,0,0.74); }
.survey_list li span								{ display:block }
.survey_list li span:first-child					{ padding-bottom:6px; font-weight:normal !important; color:#000 !important; font-size:17.5px;}
.survey_list li span i								{ margin-right:22px; display:inline-block; font-style:inherit; margin-bottom:6px; }
.survey_list li span i:last-child					{ margin-left:0;}
.survey_list input[type='button']					{ display:inline-block; width:23px; height:23px; text-align:center; border-radius:100%; border:1px solid rgba(0,0,0,0.1); background:#fff; font-size:12px; 
													vertical-align:baseline; margin-right:3px; }
.survey_list input:focus,
.survey_list input.chk								{ background:#ff7c34; color:#fff; border:1px solid #ff7c34 }
.survey_list li .other								{ display:block; width:100%; margin:0; padding:0; overflow:hidden }	
.survey_list li .other textarea						{ width:100%; background:#fff; padding:7px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
													min-height:50px; border:1px solid rgba(0,0,0,0.2) }

#surveyForm										{ padding:3% 0}

/* 설문지 별점 */
.survey_area .bg									{ clear:both; width:100%; margin:2.5em 0 0 0; padding:20px; overflow:hidden; background:#fafafa; border:1px solid rgba(0,0,0,0.1); }
.survey_area .type_inner							{ clear:both; margin:0; width:100%; padding:15px 0; overflow:hidden; border-top:1px solid rgba(0,0,0,0.3);  }
.survey_area .type_inner li							{ float:none; margin:0; padding:5px 0; overflow:hidden; line-height:24px; font-size:1.15em;}
.survey_area .type_inner .tit						{ float:left; width:100px; margin:0; padding:0 0 0 12px; position:relative; font-weight:500; }
.survey_area .type_inner .tit:before				{ position:absolute; left:0; top:11px; width:4px; height:4px; background:#ff8522; border-radius:100%; content:''}
.survey_area .type_inner .txt						{ float:left; width:auto; color:rgba(0,0,0,0.54); }
.survey_area .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;  }
.survey_area .type_inner li:last-child .txt			{ padding:0; margin-top:8px; background:none; font-size:.9em;  }
.survey_area .type_inner .txt textarea				{ width:100%; background:#fff; 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) }
.survey_area textarea:focus::placeholder			{ font-size:0 !important;}


.survey_area .dt_list								{ clear:both; margin:0 auto; width:100%; padding:5px 0; overflow:hidden; font-size:1.15em }
.survey_area .dt_list 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 }
.survey_area .dt_list li:first-child				{ float:inherit; font-weight:400  }
.survey_area .dt_list li:before						{ position:absolute; left:0; top:8px; width:4px; height:4px; background:#ff8522; border-radius:100%; content:''}
.survey_area .dt_list li:last-child					{ float:inherit;  }


@media all and (max-width:767px) {
.survey_area div.tit								{ padding-bottom:20px; }
.survey_area h3										{ font-size:24px; width:100%; }
.survey_area div.tit .left							{ height:60px; width:100px; }
.survey_area div.tit .left:before					{ border-left:20px solid #fff; border-top:30px solid transparent; border-bottom:30px solid transparent; }
.survey_area div.tit .left:after					{ left:25px; border-left:75px solid transparent; border-top: 27px solid #b94c10;}
.survey_area div.tit .right							{ height:60px; width:100px; }
.survey_area div.tit .right:before					{ border-right:20px solid #fff; border-top:30px solid transparent; border-bottom:30px solid transparent; }
.survey_area div.tit .right:after					{ right:25px; border-right:75px solid transparent; border-top: 27px solid #b94c10;}
.survey_area .survey								{ max-height:400px; }
.survey_area h4										{ font-size:1.35em; padding-left:20px; margin-top:1.2em }
.survey_area .survey .text							{ padding:15px; font-size:1.05em; line-height:150% }

}
@media all and (max-width:667px) {
.survey_area										{ padding:1.75em }
.survey_area h3										{ font-size:22px; }
.survey_area .survey								{ max-height:380px; }
.survey_area h4										{ font-size:1.3em; padding-left:20px; margin-top:1.1em }
.survey_area .survey .text							{ padding:15px; font-size:1em; line-height:150% }
.survey_area .table_list li							{ line-height:86% }
.survey_area .table_list li strong					{ float:inherit; width:100%; padding:5px; border-bottom:1px solid rgba(0,0,0,0.1); background:#fafafa }
.survey_area .table_list li p						{ float:inherit; width:100%; }
.survey_area .table_list li:first-child p span		{ border-left:none;  }
.survey_area .table_list li p span					{ padding:5px }
.survey_area .table_list li .day					{ width:100%; display:block; border-bottom:1px solid rgba(0,0,0,0.1); border-left:none; }
.survey_area .table_list li .inst					{ border-left:none; background:#fafafa }
.survey_area .table_list li .inst,
.survey_area .table_list li .name					{ width:50% }
.survey_list li span:first-child					{ font-size:17px; }
.survey_list li span i								{ margin-right:17px; font-size:15px; }
.survey_list li .other textarea,
.survey_area .type_inner .txt textarea				{ font-size:14.5px; }
.survey_area .type_inner li							{ font-size:1em }
.survey_area .dt_list li							{ font-size:.85em }
}
@media all and (max-width:567px) {
.survey_area										{ padding:1.25em }
.survey_area h3										{ font-size:20px; }
.survey_area .survey								{ max-height:350px; }
.survey_area h4										{ font-size:1.25em; padding-left:20px; margin-top:1em }
.survey_area .survey .text							{ padding:10px; font-size:.95em; line-height:140% }
.survey_area .survey .import					{ font-size:.9em; }

.survey_area .table_list li							{ line-height:86% }
.survey_list li span:first-child					{ font-size:16px; }
.survey_list li span i								{ margin-right:17px; font-size:14px; }
.survey_list li .other textarea,
.survey_area .type_inner .txt textarea				{ font-size:14px; }
.survey_area .type_inner li							{ font-size:.97em }
.survey_area .dt_list li							{ font-size:.82em }
}
@media all and (max-width:467px) {
.survey_area										{ padding:1em }
.survey_area h3										{ font-size:19px; }
.survey_area .survey								{ max-height:320px; }
.survey_area h4										{ font-size:1.2em; padding-left:15px; margin-top:1em }
.survey_area .survey .text							{ padding:10px; font-size:.95em; line-height:140% }
.survey_area .table_list li							{ line-height:86% }
.survey_list li span:first-child					{ font-size:15px; }
.survey_list li span i								{ margin-right:17px; font-size:13.5px; margin-bottom:4px; }
.survey_list li .other textarea,
.survey_area .type_inner .txt textarea				{ font-size:13.5px; }
.survey_area .type_inner							{ padding:10px 0; }
.survey_area .type_inner li							{ font-size:.97em }
.survey_area .dt_list li							{ font-size:.82em }
.survey_area .table_list li strong,
.survey_area .table_list li .inst					{ font-size:15px; }
.survey_area div.tit .left,
.survey_area div.tit .right							{ width:65px; }
.survey_area div.tit .left:after 					{ left:15px; border-left:50px solid transparent; }
.survey_area div.tit .right:after 					{ right:15px; border-right:50px solid transparent; }
.survey_area .bg									{ padding:15px; }
}
@media all and (max-width:367px) {
.survey_area h3										{ font-size:18px; }
.survey_area .survey								{ max-height:250px; }
}




/* =================================================================================
							              교육신청하기 모달
====================================================================================== */
#popup, #popup2, .bMulti 						{ display:none; width:96% !important; max-width:980px; padding:0; overflow:inherit !important; transform: translate(-50%,-50%);}
#popup, .bMulti 								{ min-height:500px; }

/* 닫기 버튼 */
.button.b-close, .button.bClose 				{ position:absolute; right:2%; top:2%; z-index:999; padding:0;}

.calender_pop									{ margin:0 auto; padding:0; width:100%; overflow:hidden }
.calender_pop .con								{ clear:both; width:100%; margin:50px auto 0; padding:2%; background:#fff;  }
.calender_pop .con .year_box					{ clear:both; width:100%; margin:0 auto 20px; text-align:center; color:#3b3b3c; font-weight:bold }
.calender_pop .con .year_box small				{ font-size:x-large; font-weight:200 }
.calender_pop .con .calender_list				{ clear:both; width:100%; margin:0 auto; padding:0; overflow:hidden; overflow-y:scroll; overflow-x:hidden; max-height:300px }
.calender_pop .con .calender_list li			{ float:none; margin:0; padding:12px 2%; line-height:130%; border-bottom:1px dashed rgba(0,0,0,0.1); }
.calender_pop .con .calender_list li a			{ font-size:105%; color:rgba(0,0,0,0.84); font-weight:400 }


/* 2023-02-14 교육신청하기 모달 css 추가 */
.application_modal											{ position:relative; width:100%; min-width:980px; background:#fff; border-radius:1.5em; padding:2.5em}
.application_modal .loading									{ display:table; width:100%; height:25em; text-align:center }
.application_modal .loading	.con							{ display:table-cell; vertical-align:middle; height:100% }
.application_modal .loading .con p 							{ margin-top:1em; font-size:1.5em; color:#353d49; letter-spacing:-.065em; line-height:1.4; }
.application_modal .loading .con p strong					{ color:#ff7c34 }
.application_modal .small.online                            { background-color:#ff7c34;  }
.application_modal .application_con							{ overflow-y:auto; min-height:60vh; max-height:70vh; padding-right:.1em }
.application_modal .application_con.modify                  { max-height:55vh; }	
.application_modal .application_con	 .modal_stit:first-child{ margin-top:0; }
.application_modal .b-close									{ width:45px; height:45px; top:-20px; right:-20px;  border-radius:100%; background:#000; }
.application_modal .b-close span							{ position:relative; display:block; width:45px; height:45px; font-size:0;  }
.application_modal .b-close span:after						{ position:absolute; left:50%; top:50%; width:1px; height:20px; background:#fff; content:''; transform:translate(-50%, -50%) rotate(45deg); }
.application_modal .b-close span:before						{ position:absolute; left:50%; top:50%; width:1px; height:20px; background:#fff; content:''; transform:translate(-50%, -50%) rotate(-45deg); }
.application_modal input[type="text"]						{ display:inline-block; vertical-align:middle; height:37px; line-height:37px; text-align:left; border-radius:1.5em; font-size:15px; text-align:center }
.application_modal .full input[type="text"]					{ text-align:left; text-indent:.75em }
.application_modal .ex										{ font-size:.95em; font-weight:300; color:rgba(0,0,0,.64); }
.application_modal .red										{ color:red }
.application_modal div.left									{ float:left; width:55%; }
.application_modal div.right								{ float:right; width:43%; }
.application_modal .clabel									{ position:relative; margin:1em 0 .5em 0; }
.application_modal .clabel .temporary						{ position:absolute; right:0; bottom:.6em; font-size:.75em; letter-spacing:0; color:rgba(0,0,0,.54); }
.application_modal .clabel .temporary>i						{ display:inline-block; vertical-align:baseline; margin-right:5px; font-weight:bold; color:rgba(0,0,0,.34); } 
.application_modal .offline									{ letter-spacing:0; }
.application_modal .offline i								{ display:inline-block; vertical-align:top; font-weight:bold; color:rgba(0,0,0,.44); margin-right:5px; letter-spacing:0; }
.application_modal .modal_tit								{ font-size:1.5em; font-weight:400; color:rgba(0,0,0,.64); letter-spacing:-.085em; line-height:1.1; border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:.5em; margin-bottom:1.5em; }
.application_modal .modal_stit								{ position:relative; font-size:1.35em; font-family:"Luxury Gothic"; font-weight:600; color:#222; letter-spacing:-.06em; padding-left:1em; line-height:1; margin-top:1.5em; margin-bottom:.5em }
.application_modal .modal_stit:before						{ position:absolute;  width:.75em; height:2px; left:0; top:50%; background:#ff7d35; content:'';  transform:translateY(-50%);}
.application_modal .bg_box									{ position:relative; background:#fafafa; border:1px solid rgba(0,0,0,0.1); border-radius:1em; padding:1.5em; }
.application_modal .bg_box .img								{ float:left; position:relative; width:8.125rem; height:0; padding-top:10.75rem; border-radius:1em; overflow:hidden; }
.application_modal .bg_box .img img							{ position:absolute; width:100%; min-width:100%; min-height:100%; left:50%; top:50%; object-fit:fill; -o-object-fit:fill; transform:translate(-50%, -50%); }
.application_modal .bg_box .my_info							{ float:right; width:calc(100% - 11em); margin-top:.5em}
.application_modal .bg_box .my_info>li						{ float:left; position:relative; width:50%; padding-left:5.5em; font-weight:500; color:#000; margin-bottom:.5em; min-height:1.6em }
.application_modal .bg_box .my_info>li:nth-child(2n+1)		{ clear:both; }
.application_modal .bg_box .my_info>li:before				{ position:absolute; width:5px; height:5px; left:0; top:.48em; border:2px solid #ff7d35; border-radius:100%; content:''; }
.application_modal .bg_box .my_info>li strong				{ position:absolute; width:4.5em; left:15px; top:0; font-size:1em; font-weight:300; color:rgba(0,0,0,.44); }
.application_modal .bg_box .modify							{ position:absolute; left:14em; bottom:2em;  padding:.5em 1.5em; background:#ff7d35; color:#fff; border-radius:1.5em; font-size:.9em; line-height:1;}			
.application_modal div.right .my_info						{ float:inherit; width:100%; }
.application_modal div.right .my_info+.my_info				{ margin-top:.5em; padding-top:.5em; border-top:1px dashed rgba(0,0,0,.15); } 
.application_modal div.right .bg_box						{ min-height:14.4em; }
.application_modal .form ul>li								{ float:left; }
.application_modal .form ul>li.after						{ width:48% }
.application_modal .form ul>li.after:nth-child(even)		{ float:right; }
.application_modal .form ul>li strong						{ float:left; width:10em; font-size:1.033em; font-weight:500; color:rgba(0,0,0,1); line-height:37px; }
.application_modal .form ul>li.after strong					{ width:5em; }
.application_modal .form ul>li .field						{ float:right; width:calc(100% - 12em); }
.application_modal .form ul>li.after .field					{ width:calc(100% - 7em); }
.application_modal .form ul>li.full							{ position:relative; width:100%; padding-left:0; padding-top:.75em; margin-top:.75em; border-top:1px dashed rgba(0,0,0,.15); }
.application_modal .form ul>li.full:after					{ display:block; clear:both; content:''; }
.application_modal .form  .bl_need							{ display:inline-block; margin-left:2px; color:red; }
.application_modal .form .input_inline						{ display:inline-block; margin-right:.75em }
.application_modal .form ul>li select						{ width:100%; border:1px solid #ccc; border-radius:1.5em; height:37px; line-height:35px; padding:0; font-size:15px; text-align:center }
.application_modal .form ul>li textarea.apply_con			{ width:100%; min-height:40px; border:1px solid #ccc; border-radius:6px; padding:0; font-size:15px;}
.application_modal .form ul>li.after+.after input			{ width:100%; height:37px; vertical-align:middle; line-height:37px; margin:.2em 0 0 1%; text-align:left; border-radius:1.5em; font-size:15px; text-align:center }
.application_modal .form ul>li input.file_input_textbox		{ text-align:left; }
.application_modal .form ul>li .field input[type="radio"],
.application_modal .form ul>li .field input[type="checkbox"]{ width:20px; height:20px; display:inline-block; vertical-align:middle; margin-top:-3px; }
.application_modal .form ul>li .field label					{ line-height:37px; }
.application_modal .form ul>li .field label+label			{ margin-left:.75em; }
.application_modal .form ul>li.full:first-child				{ border-top:none; margin-top:0; padding-top:0 }
.application_modal .form ul>li.full.border_top				{ padding-top:.75em; margin-top:.75em; border-top:1px dashed rgba(0,0,0,.15); }
.application_modal .form ul>li .file_in strong				{ width:10em; font-weight:300; color:rgba(0,0,0,.54); }
.application_modal .form ul>li .file_in .ico_download		{ margin-left:.5em }
.application_modal .form ul>li .field .file_in+.file_in		{ margin-top:.25em }
.application_modal .file_in.after .file_input_textbox		{ width:calc(80% - 6em); }
.application_modal .file_in .file_input_textbox				{ width:83%; }
.application_modal .file_in .file_input_div					{ width:21%; height:37px; top:2px; border-radius:0 1.5em 1.5em 0 }
.application_modal .form ul>li .down						{ float:right; padding:.5em 1.5em .6em 1.5em; border-radius:1.5em; line-height:1; font-size:1.033em; border:1px solid #489c4d; color:#489c4d }
.application_modal .form ul>li.full .ex						{ float:left; padding-top:.3em }
.application_modal table.type01 thead th					{ font-size:1em }
.application_modal table th									{ font-size:.98em; border-bottom:1px solid #e5e5e5 }
.application_modal table.type01 td							{ font-size:.98em; }
.application_modal table.type01 td.bL						{ border-left:1px solid #e5e5e5 }
.application_modal .agree_box								{ border-top:1px solid #000; margin-top:1.5em; }
.application_modal .agree_box>li							{ float:none; position:relative; font-size:1.033em; font-weight:300; padding:1em; border-bottom:1px solid rgba(0,0,0,.1); }
.application_modal .agree_box>li input[type="checkbox"]		{ display:inline-block; vertical-align:sub; width:20px; height:20px; margin-right:5px; }
.application_modal .agree_box>li label strong				{ font-weight:300; color:red; font-size:.95em }
.application_modal .agree_box>li label strong.c_blue		{ color:blue; }
.application_modal .agree_box>li .arr						{ position:absolute; width:3.5em; height:3.5em; right:1em; top:0; cursor:pointer }
.application_modal .agree_box>li .arr:before 				{ position:absolute; display:inline-block; width:10px; height:10px; top:50%; left:50%; border-width:1px 1px 0 0; border-color:#666;  border-style:solid; content:""; transition:all 0.3s; 
																transform:translate(0%, -80%) rotate(135deg); }
.application_modal .agree_box>li .arr.on:before 			{ transform:translate(0%, -30%) rotate(315deg); }
.application_modal .privacy_cont,
.application_modal .evaluation_cont							{ display:none; position:relative; background:#fafafa; border:1px solid rgba(0,0,0,0.1); 
																border-radius:1em; padding:1em 1.5em; margin-top:1em }
.application_modal .privacy_cont.on,
.application_modal .evaluation_cont.on						{ display:block; }
.application_modal .info_btn								{ margin-top:2em; text-align:center }
.application_modal ::-webkit-scrollbar 						{ -webkit-appearance:none; width:3px;} 
.application_modal ::-webkit-scrollbar:vertical 			{ width:7px; } 
.application_modal ::-webkit-scrollbar:horizontal 			{ height:8px; } 
.application_modal ::-webkit-scrollbar-thumb 				{ background-color:#666; border-radius:10px; border:2px solid #666; } 
.application_modal ::-webkit-scrollbar-track 				{ border-radius:10px; background-color:#e5e5e5; }

/* 마이페이지 */
.application_modal .app_info .form ul>li.after								{ width:50% }
.application_modal .app_info .form ul>li.after+.after						{ width:50%; }
.application_modal .app_info .form ul>li.after strong,
.application_modal .app_info .form ul>li strong								{ position:relative; width:10em; color:rgba(0,0,0,.44); padding-left:.75em; font-weight:300 }
.application_modal .app_info .form ul>li.after strong::before, 
.application_modal .app_info .form ul>li strong::before						{ position:absolute; width:4px; height:4px; left:0; top:1.05em; border-radius:100%; content:''; background:#ff7d35; }
.application_modal .app_info .form ul>li.after .field,
.application_modal .app_info .form ul>li .field								{ width:calc(100% - 11em); line-height:37px;  }
.application_modal .app_info .form ul>li .file_in span						{ display:inline-block; line-height:37px; }
.application_modal .app_info .form ul>li .down								{ float:inherit; display:inline-block; vertical-align:middle; margin-top:-3.5px; padding:0; border-radius:0; line-height:1; font-size:1.033em; border:none; color:#666 }
.application_modal .app_info .form ul>li .down span							{ display:inline-block; vertical-align:middle; font-size:.8em; padding:.5em 1em; background:rgba(0,0,0,.6); color:#fff; line-height:inherit; margin-left:.5em; border-radius:1em } 
.application_modal .modify_wrap .bg_box .my_info							{ margin-top:.5em }
.application_modal .modify_wrap .bg_box .my_info>li							{ min-height:2.6em; line-height:1.2; margin-bottom:0; padding-top:.5em; padding-bottom:.5em }
.application_modal .modify_wrap .bg_box .my_info>li:before					{ top:.8em; }
.application_modal .modify_wrap .bg_box .my_info>li input[type="text"]		{ width:93%; margin-top:-.5em }
.application_modal .modify_wrap .bg_box .my_info>li strong					{ top:.5em }

@media all and (max-width:1067px){
	/* 2023-02-14 교육신청하기 모달 css 추가 */
	.application_modal														{ min-width:inherit; margin:0 auto; }
	.application_modal .bg_box .modify										{ bottom:1.5em; }
}			
@media all and (max-width:967px){
	/* 2023-02-14 교육신청하기 모달 css 추가 */
	.application_modal														{ width:96%;  }
	.application_modal .modal_tit											{ font-size:1.45em; }
	.application_modal .bg_box .modify										{ left:inherit; right:1.5em; }
	.application_modal .form ul>li.after									{ width:100%; }
	.application_modal .form ul>li.after select								{ width:40%; }
	.application_modal .form ul>li.after+.after								{ width:100%; margin-top:.75em; padding-top:.75em; border-top:1px dashed rgba(0,0,0,.15) }
	
	/* 마이페이지 */
	.application_modal.mypage .form ul>li.after								{ width:50%; }		
	.application_modal.mypage .form ul>li.after+.after						{ width:50%; margin-top:0; padding-top:0; border-top:none }	
	.application_modal.mypage .modify_wrap .form ul>li.after select			{ width:100%; }
	.application_modal.mypage .modify_wrap .form ul>li.after				{ width:48%; }
	.application_modal.mypage .modify_wrap .form ul>li.after+.after			{ float:right; width:48%; }
}
@media all and (max-width:867px){
	/* 2023-02-14 교육신청하기 모달 css 추가 */
	.application_modal .bg_box .my_info>li									{ font-size:.98em; }
	.application_modal .bg_box .my_info>li strong							{ font-size:.95em; top:1.5px; }
	.application_modal .bg_box .modify										{ bottom:1em; }
	
	/* 마이페이지 */
	.application_modal.mypage .bg_box .img									{ display:none; }
	.application_modal.mypage .bg_box .my_info								{ float:none; width:100%; }
	.application_modal .form ul>li.full strong::before						{ top:.65em; }
	.application_modal .app_info .form ul>li .down							{ margin-top:0; margin-left:.75em }
}
@media all and (max-width:767px){
	/* 2023-02-14 교육신청하기 모달 css 추가 */
	.application_modal														{ padding:2em; }	
	.application_modal .modal_tit											{ font-size:1.4em; }												
	.application_modal .bg_box												{ padding:1em 1.5em; }
	.application_modal .bg_box .img											{ display:none; }
	.application_modal .bg_box .my_info										{ float:none; width:100%; }
	.application_modal .bg_box .modify										{ top:-2.6em; right:0; bottom:inherit; font-size:.75em }
	.application_modal .form ul>li.after strong,
	.application_modal .form ul>li strong									{ font-size:1em; }
	.application_modal .form ul>li select,
	.application_modal .form ul>li.after+.after input						{ font-size:16px; }
	.application_modal .form ul>li.full strong								{ float:none; width:100%; }
	.application_modal .form ul>li .field									{ width:100%; }
	.application_modal .form ul>li .file_in strong							{ float:left; width:10em; }
	.application_modal table.type01 thead th								{ font-size:.95em; }
	.application_modal table th,
	.application_modal table.type01 td										{ font-size:.9em; }
	.application_modal .agree_box>li,
	.application_modal .form ul>li .down									{ font-size:1em; }
	.application_modal select												{ background-position:90% 50%; }
	
	/* 마이페이지 */
	.application_modal.mypage .app_info .form ul>li strong							{ float:none; width:100%; }
	.application_modal.mypage .app_info .form ul>li .field							{ float:none; width:100%; line-height:1.1; padding-left:.75em }
	.application_modal.mypage .modify_wrap .form ul>li.after						{ float:none; width:100%; }
	.application_modal.mypage .modify_wrap .form ul>li.after+.after					{ float:none; width:100%; }
	.application_modal.mypage .modify_wrap .form ul>li.after select					{ width:50%; }
}
@media all and (max-width:667px){
	/* 2023-02-14 교육신청하기 모달 css 추가 */
	.application_modal .b-close												{ width:35px; height:35px; right:-10px; top:-10px; }
	.application_modal .b-close span										{ width:35px; height:35px; }
	.application_modal .modal_stit											{ font-size:1.3em; }
	.application_modal .form ul>li .down									{ font-size:.95em; }
	.application_modal .form ul>li.after select								{ width:60%; }
	.application_modal .clabel												{ margin-top:0; }
	.application_modal .clabel .temporary									{ right:inherit; left:0; bottom:inherit; top:-1.7em; }
	
	/* 마이페이지 */
	.application_modal.mypage .modify_wrap .form ul>li.after select					{ width:60%; }
}
@media all and (max-width:567px){
	/* 2023-02-14 교육신청하기 모달 css 추가 */
	.application_modal .form ul>li.after strong								{ width:5em; }
	.application_modal .form ul>li.after .field								{ width:calc(100% - 5.5em); }
	.application_modal .bg_box .my_info>li									{ float:none; width:100%; }
	.application_modal .form ul>li .down									{ float:none; padding:.25em 1em; font-size:.9em }
	.application_modal .form ul>li.full .ex									{ float:none; width:100%; padding-top:.5em }
	.application_modal .form ul>li .file_in strong							{ width:9em; }
	.application_modal .file_in.after .file_input_textbox					{ width:calc(85% - 6em); }
	.application_modal .file_in .file_input_button							{ font-size:.9em; }
}
@media all and (max-width:467px){
	/* 2023-02-14 교육신청하기 모달 css 추가 */
	.application_modal														{ padding:2em 1em; }
	.application_modal .modal_tit											{ font-size:1.35em }
	.application_modal .bg_box												{ padding:1em; }
	.application_modal .form ul>li.after select								{ width:100%; }
	.application_modal .form ul>li .file_in strong							{ float:inherit; display:block; width:100%; line-height:27px; }
	.application_modal .file_in.after .file_input_textbox					{ width:100%; }
	.application_modal .file_in .file_input_div								{ width:30%; top:inherit; bottom:0 }
	.application_modal .agree_box>li .arr									{ right:.5em; }
	.application_modal .agree_box>li label									{ display:block; padding-right:3em; }
	
	/* 마이페이지 */
	.application_modal.mypage .form ul>li.after								{ float:none; width:100%; }
	.application_modal.mypage .form ul>li.after+.after						{ float:none; width:100%; }
	.application_modal .app_info .form ul>li.after strong::before			{ top:.65em; }
	.application_modal .app_info .form ul>li .down span						{ display:table; margin-top:.25em; margin-left:0; }
	.application_modal.mypage .modify_wrap .form ul>li.after select			{ width:100%; }
}
@media all and (max-width:367px){
	/* 2023-02-14 교육신청하기 모달 css 추가 */
	.application_modal .modal_tit											{ font-size:1.3em; line-height:1.2 }
	.application_modal .modal_stit											{ font-size:1.25em; }
	.application_modal .bg_box .modify										{ top:-2.5em; }
	.application_modal .button.medium										{ padding:0 15px; }
}