/* 관리자모드 *****/

#sys_admin_lecture_category_subbox	{display:none;position:absolute;z-index:2;background-color:#fff;}

#lecture_copy_list			{height:100px;overflow-x:hidden;border:1px solid #dddddd;width:700px;padding:5px;display:none;}

.lecture_list_date1			{color:#333333;font-weight:bold;}
.lecture_list_date2			{color:#666666;font-weight:bold;}
.lecture_list_jogun			{color:#999999;font-weight:bold;}

.lecture_class_finish		{padding:2px 3px; line-height:25px; color:#fff; background:#0075ff; text-align:center; font-size:0.85em;}

.lecture_placeholders::-webkit-input-placeholder	{color:#ff6464;}
.lecture_placeholders::-moz-placeholder			{color:#ff6464;}
.lecture_placeholders:-ms-input-placeholder		{color:#ff6464;}
.lecture_placeholders:-moz-placeholder			{color:#ff6464;}

.lecture_help				{color:#0066ff;font-size:0.95em;}

.lecture_typegroup_boxs				{border:3px solid #798291;padding:0;margin:0 0 30px 0;}
.lecture_typegroup_top				{padding:8px 10px;background:#798291;}
.lecture_typegroup_top td			{color:#fff;font-weight:bold;font-size:16px;}
.lecture_typegroup_body select		{height:22px;}
.lecture_typegroup_body				{padding:10px;border-bottom:2px solid #798291;}

.lecture_typelist_boxs				{padding:10px;border-bottom:1px solid #798291;}
.lecture_typelist_boxs input			{margin:2px 0px;}

#lecture_typegroup_add_txt,
.lecture_typelist_add_txts			{color:#ff0000;padding-left:10px;}

#lecture_exelbox						{border:2px solid #f78d30;background:#fff;width:250px;z-index:20;}
.lecture_exelbox_title				{background:#f78d30;padding:5px 10px;color:#fff;font-weight:bold;}
.lecture_exelbox_content				{padding:5px 10px;}

.lecture_typegroup_sort				{margin:5px 0px;border:2px dashed #000;height:200px;}
.lecture_typelist_sort				{border:2px dashed #000;height:100px;}

.lecture_ltlist_title				{font-weight:bold;}
.lecture_ltlist_textarea				{width:96%;min-height:30px;background-color:#ffffff;padding:5px;border:1px solid #bbb;overflow-x:hidden;}

.lecture_preview_padding				{padding:0px 10px;}
.lecture_preview_bar					{height:100%;display:flex;justify-content:center;}
.lecture_preview_bar .bar_line		{width:1px;height:100%;background:#ddd;}

.lecture_nolist						{padding:70px 0;text-align:center;border-bottom:1px solid #ddd;}

.lecture_admin_youtube_wrap			{ width:60%; padding:20px 0; margin:0 auto; } 
.lecture_admin_youtube_content		{ position:relative; padding-top:56%; width:100%; } 
.lecture_admin_youtube_content iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }

.table_scroll_wrap					{width:100%;overflow:auto;}
.table_scroll_wrap table{white-space:nowrap;border-collapse:collapse}

.vimeo_thumbnail						{background:#000;}



/*  교육 버튼 리스트 ==================================================================================== */ 

.lecture_form_btn			{display:inline-block;line-height:40px;padding:0 30px;color:#fff;background:#a0a0a0;border:1px solid #a0a0a0;;margin:0 3px;cursor:pointer;font-weight:500; font-size:0.95em; letter-spacing:-1px;vertical-align:middle;}
.lecture_form_btn02			{display:inline-block;line-height:40px;padding:0 30px;color:#fff;background:#d92a34;border:1px solid #d92a34;;margin:0 3px;cursor:pointer;font-weight:500; font-size:0.95em; letter-spacing:-1px;vertical-align:middle;}
.lecture_form_btn03			{display:inline-block;line-height:42px;padding:0 30px;color:#fff;background:#005bac;border:1px solid #005bac;margin:0 3px;cursor:pointer;font-weight:500; font-size:0.95em; letter-spacing:-1px;vertical-align:middle;}
.lecture_form_btn03:hover	{border-color:#000; background:#000;}
.lecture_form_btn04			{display:inline-block;line-height:40px;padding:0 30px;color:#c42047;background:#fff;border:1px solid #c42047;margin:0 3px;cursor:pointer;font-weight:500; font-size:0.95em; letter-spacing:-1px;vertical-align:middle;}
.lecture_form_btn05			{display:inline-block;line-height:20px;padding:0 10px;color:#333;background:#fff;border:1px solid #a0a0a0;margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;vertical-align:middle;}
.lecture_form_btn06			{display:inline-block;text-align:center;line-height:36px;height:36px;padding:0 11px;color:#fff;font-size:0.85em;background:#555;border:1px solid #333;cursor:pointer;vertical-align:top;}
.lecture_form_btn07			{display:inline-block;text-align:center; background:#41464a; color:#fff; padding:0 30px; line-height:42px; margin:0 1px; cursor:pointer; font-size:0.95em; min-width:90px;vertical-align:middle; }
.lecture_form_btn07:hover	{background:#000;}
.lecture_form_btn08			{display:inline-block;text-align:center; background:#005bab; color:#fff; padding:0 30px; line-height:42px; margin:0 1px; cursor:pointer; font-size:0.95em; min-width:90px;vertical-align:middle; }
.lecture_form_btn08:hover	{background:#000;}
.sng_clipboard_btns			{display:inline-block;line-height:18px;padding:0 5px;color:#ff3366;background:#eee;border:1px solid #eee;border-radius:3px;margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;font-size:0.8em;}

.lecture_enable_gn			{display:inline-block;line-height:20px;padding:0 8px;font-size:12px;color:#fff;background:#73be3d;border:1px solid #6dab17;font-weight:normal;letter-spacing:0;border-radius:2px;} /* 녹색 */
.lecture_enable_gr			{display:inline-block;line-height:20px;padding:0 8px;font-size:12px;color:#fff;background:#bbb;border:1px solid #a9a9a9;font-weight:normal;letter-spacing:0;border-radius:2px;} /* 회색 */
.lecture_enable_b			{display:inline-block;line-height:20px;padding:0 8px;font-size:12px;color:#fff;background:#777;border:1px solid #666;font-weight:normal;letter-spacing:0;border-radius:2px;} /* 블랙 */
.lecture_enable_or			{display:inline-block;line-height:20px;padding:0 8px;font-size:12px;color:#fff;background:#f78d30;border:1px solid #f78d30;font-weight:normal;letter-spacing:0;border-radius:2px;} /* 오렌지 */

.lecture_notice01			{border-top:1px solid #6e789c;border-bottom:1px solid #f9f9f9;background-color:#f9f9f9;padding:10px 15px;margin-bottom:20px;}
.lecture_notice01_title		{font-weight:bold;color:#222;font-size:13px;background:url('../image/title_icon.png') no-repeat 0 1px;padding:0 0 5px 22px;} 
.lecture_notice01 ul li		{padding-bottom:2px;}
.lecture_notice_btn			{display:inline-block;line-height:20px;padding:3px 15px;color:#fff;background:#00b6c6;font-size:13px;border:1px solid #02afbf;border-radius:2px;cursor:pointer;}


/*  교육 VIEW ==================================================================================== */ 
.lecture_viewbox						{border-bottom:1px solid #dfdfdf; margin-bottom:40px;}
.lecture_viewbox .infos					{padding:40px; border:1px solid #ddd; border-bottom:5px solid #f0f0f0; margin-bottom:40px; overflow:hidden;}
.lecture_viewbox .infos h2				{font-family: 'GmarketSansMedium'; line-height:140%; font-size:1.6em; color:#222; letter-spacing:-1px; margin-bottom:20px; }
.lecture_viewbox .stat2					{float:left; width:80px; background:#318ab8; display:inline-block;margin-right:15px;height:35px; line-height:35px; color:#fff; text-align:center; font-size:14px}
.lecture_viewbox .ing					{background:#e93e2e;}
.lecture_viewbox .acc,
.lecture_viewbox .end					{background:#7e7e7e;}
.lecture_viewbox .lt					{float:left;width:calc(100% - 420px);}
.lecture_viewbox .lt dl					{overflow:hidden;  padding:4px 0;}
.lecture_viewbox .lt dl dt				{float:left; min-width:80px; font-weight:500; color:#000; background:url("../image/list_line.png") no-repeat right 50%; }
.lecture_viewbox .lt dl dd				{padding-left:90px;}

.lecture_viewbox .rt					{float:right; width:35%; }
.lecture_viewbox .rt ul	li				{border:1px solid #eaeaea; overflow:hidden;margin-bottom:10px;}
.lecture_viewbox .rt ul	li:last-child	{margin:0;}
.lecture_viewbox .rt figure				{position:relative;width: 95px; height:80px;line-height:80px; background:#000;float:left;}
.lecture_viewbox .rt figure img			{width: 100%; height:100%; object-fit: cover;}
.lecture_viewbox .rt dl					{background:#f7f7f7; padding:10px 10px 10px 110px;}
.lecture_viewbox .rt dl dt				{color:#333; letter-spacing:-2px; font-weight:500; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; margin-bottom:3px;}
.lecture_viewbox .rt dl dd				{color:#9a9a9a; font-size:0.85em; line-height:1.4;}
.lecture_viewbox .rt dl dd strong		{font-weight:500; margin-right:7px;}

.lecture_viewbox .cont					{padding:0 0 40px 0px;min-height:300px; text-align:center;}
.lecture_viewbox .cont img				{max-width:100%;}

.lecture_viewbox .files 				{padding:10px;border-top:1px solid #ddd;overflow:hidden;}
.lecture_viewbox .files li				{font-size:0.95em;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lecture_viewbox .files .tit			{float:left;width:140px; padding:5px 0 0 0;}
.lecture_viewbox .files .tit span		{display:inline-block;margin-left:10px;width:120px;font-size:15px;font-weight:bold;text-align:center;line-height:40px;border:1px solid #ccc;}
.lecture_viewbox .files .txt			{float:right;width:calc(100% - 160px);line-height:180%; font-size:0.95em;}

#lecture_sinform_box					{margin:40px 0; background:#f9f9f9; padding:40px;}

.lecture_sinbox							{width:100%;border-top:2px solid #666;}
.lecture_sinbox dl						{overflow:hidden;border-bottom:1px solid #d5d5d5; padding:12px 10px;}
.lecture_sinbox dl dt					{float:left;font-weight:500; color:#333;text-align:left; line-height:36px; padding:0; font-size:1em;letter-spacing:-1px;width:20%;vertical-align:top;}
.lecture_sinbox dl dt label				{color:#333;}
.lecture_sinbox dl dd					{margin:0 0 0 20%; padding:5px 0 0 0;}
.lecture_sinbox dl dd p					{font-size:0.8em;}

.lecture_sinbox .lecture_inputs			{border:1px solid #bbb; background:#fff; padding:0 5px; min-height:34px; margin-bottom:2px; }
.lecture_sinbox .lecture_textareas		{width:100%; min-height:50px; background:#fff; padding:5px; border:1px solid #bbb; overflow-x:hidden; }
.lecture_sinbox select					{height:26px;}

.lecture_finishbox						{background-color:#f3f3f4;padding:20px 30px;margin-bottom:15px;}
.lecture_nolist							{padding:70px 0;text-align:center;border-bottom:1px solid #ddd;}

.form_privacy_wrap						{border:1px solid #ddd; padding:15px; background:#fff; }
.form_privacy_wrap .textarea_form		{border-color:#fff; padding:0; font-size:0.95em;}
.form_privacy_wrap .bottom				{background:#f9f9f9; padding:10px 15px; margin-top:10px;}



/* screen 1024 */
@media screen and (max-width:1024px) {

	.lecture_viewbox .infos				{padding:20px; margin-bottom:20px;}
	.lecture_viewbox .infos h2			{font-size:1.4em; }
	.lecture_viewbox .lt				{float:none; width:100%;}
	.lecture_viewbox .lt dl				{font-size:0.95em; padding:3px 0;}
	.lecture_viewbox .rt				{float:none; width:100%; margin:20px 0 0 0;}

	#lecture_sinform_box				{margin:20px 0; padding:20px;}
	.lecture_sinbox dl					{padding:10px;}

}

/* screen 768 */
@media screen and (max-width: 768px) {

	.lecture_viewbox .files li			{font-size:0.9em;}
	.lecture_viewbox .files .tit		{display:none;}
	.lecture_viewbox .files .txt		{float:none;width:100%;}

	.lecture_sinbox dl dt				{width:30%;} 
	.lecture_sinbox dl dd				{margin:0 0 0 30%;}  

}

/* mobie screen 580 */
@media screen and (max-width:580px) { 

	.lecture_sinbox dl dt			{float:none;width:100%; line-height:100%; padding:3px 0 0 0;} 
	.lecture_sinbox dl dd			{margin:0 0 0 0;padding:8px 0 0 0;}  

	.lecture_form_btn				{line-height:35px;padding:0 25px;}
	.lecture_form_btn02				{line-height:35px;padding:0 25px;}
	.lecture_form_btn03				{line-height:35px;padding:0 25px;}
	.lecture_form_btn04				{line-height:35px;padding:0 25px;}

}



/* MY PAGE 온라인강좌 LIST ==================================================================================== */ 
.lecture_mpage_listbox				{position:relative; border-top:1px solid #e0e0e0;}
.lecture_mpage_listbox li			{position:relative; overflow:hidden; padding:20px 0; border-bottom:1px solid #e0e0e0; }
.lecture_mpage_listbox .tag			{position:absolute; top:0; left:0; background:#7e7e7e; width: 63px; height: 32px; font-size:0.85em; text-align: center; line-height: 32px;color:#fff; z-index:2;}
.lecture_mpage_listbox .ing			{background:#ff5544;}
.lecture_mpage_listbox .end			{background:#005bac;}
.lecture_mpage_listbox li:hover .layer	{display:block;}
.lecture_mpage_listbox li .layer			{position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1;width:100%; height:100%; transition:0.5s; opacity:.7; text-align:center;}
.lecture_mpage_listbox figure				{position:relative; float:left; width:330px; height:220px; border:1px solid #eaeaea;}
.lecture_mpage_listbox figure img			{width:100%; height:100%; object-fit:cover;}

.lecture_mpage_listbox .info		{position:relative; padding:0 0 0 360px;}
.lecture_mpage_listbox h2			{padding:10px 0; line-height:140%; font-size:1.4em; letter-spacing:-1.0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; font-weight:700; }
.lecture_mpage_listbox dl			{overflow:hidden; margin:7px 0; }
.lecture_mpage_listbox dl dt		{float:left; color:#333; font-weight:500;}
.lecture_mpage_listbox dl dd		{padding:0 0 0 160px; color:#777;}
.lecture_mpage_listbox .graph		{margin:7px 0 0 0;}
.lecture_mpage_listbox .graph strong	{font-weight:500; color:#ff5544;}

.op_count_graph_group			{float:left; width:76%;margin:0 1%;height:13px;line-height:13px;background:url("../image/graph02.gif") repeat-x 0 0px #eee;} /* 진행율 그래프 배경 */
.op_count_graph_group img		{height:13px;vertical-align:top;}


/* screen 1024 */
@media screen and (max-width:1024px) {

	.lecture_mpage_listbox figure	{width:260px; height:180px;}
	.lecture_mpage_listbox .info	{padding:0 0 0 290px;}
	.lecture_mpage_listbox h2		{font-size:1.2em; padding:0 0 10px 0;}
	.lecture_mpage_listbox dl		{margin:4px 0; font-size:0.95em;}

}


/* screen 768 */
@media screen and (max-width: 768px) {

	.lecture_mpage_listbox figure	{float:none; width:100%; height:100%;}
	.lecture_mpage_listbox .info	{padding:20px 0 0 0;}

}



/* MY PAGE 온라인강좌 VIEW ==================================================================================== */ 
.lecture_class_list_box							{height:422px;box-sizing:border-box; background:#f7f7f7; border:1px solid #DDD;}
.lecture_class_list_box .video_main				{float:left;width:calc(70% - 64px);}
.lecture_youtube_wrap							{position:relative;width:100%; margin:0 auto; } 
.lecture_youtube_content						{position: relative; width: 100%; height: 420px; padding-top:50%;}
.lecture_youtube_content.no_youtube			{background:#000;}
.lecture_youtube_content .no_list					{position:absolute; top:50%; left:50%;transform:translate(-50%, -50%);color:#fff;}
.lecture_youtube_content iframe					{margin: 0; padding: 0;  width: 100%; height: 100%; position: absolute;  top: 0; left: 0; }

.lecture_class_list_box .video_list_box					{float:right;width:35%;height:420px;background:#f9f9f9;padding:15px; padding-bottom:0; overflow-y:scroll;}
.lecture_class_list_box .video_list_box li				{border:1px solid #eaeaea; overflow:hidden;margin-bottom:10px; background-color:#fff;}
.lecture_class_list_box .video_list_box li:hover,
.lecture_class_list_box .video_list_box li.on				{border-color:#d91a23;}
.lecture_class_list_box .video_list_box li:hover .layer		{display:block;}
.lecture_class_list_box .video_list_box .layer				{position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1;width:100%; height:100%; transition:0.5s; opacity:.7; text-align:center;}
.lecture_class_list_box .video_list_box figure				{position:relative;width: 95px; height:85px;line-height:85px; background:#000;float:left;}
.lecture_class_list_box .video_list_box figure img			{width: 100%; height:100%; object-fit: cover;}
.lecture_class_list_box .video_list_box dl					{padding:10px 10px 10px 110px;}
.lecture_class_list_box .video_list_box dl dt				{color:#333; letter-spacing:-2px; font-weight:500; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; margin-bottom:3px;}
.lecture_class_list_box .video_list_box dl dd				{color:#9a9a9a; font-size:0.85em; line-height:1.4;}
.lecture_class_list_box .video_list_box dl dd strong		{font-weight:500; margin-right:7px;}
.lecture_class_list_box .lecture_play						{z-index:1; position:absolute; left:0; top:0; padding:0 15px; width:80px; height:25px; line-height:25px; color:#fff; background:#7e7e7e; text-align:center; font-size:0.85em;}
.lecture_class_list_box .lecture_ing						{z-index:1; position:absolute; left:0; top:0; padding:0 15px; width:80px; height:25px; line-height:25px; color:#fff; background:#da3b13; text-align:center; font-size:0.85em;}
.lecture_no_class											{padding:100px 0 135px 0; text-align:center; font-weight:600; border-bottom:1px solid #ccc;}
.video_list_box .close										{pointer-events:none;opacity:40%; }

.lclass_player_btns											{display:inline-block;margin:5px 5px 5px 0px; background: #be1b2b; color: #fff; min-width: 80px; height: 30px; line-height: 30px; text-align: center; cursor: pointer;}


/* screen 1024 */
@media screen and (max-width:1024px) {

	.lecture_class_list_box							{height:100%;}
	.lecture_class_list_box .video_main				{float:none; width:100%; height:100%;}
	.lecture_youtube_content						{height:100%;}
	.lecture_class_list_box .video_list_box			{float:none; width:100%; height:210px;}
}



/* 프로그램 선정 */
.lecture_sunbalbox					{margin-top:40px;}
.lecture_sunbalbox dl				{overflow:hidden;min-height:40px;}
.lecture_sunbalbox dl dt				{float:left;color:#333;text-align:left;padding:9px 0 0 10px;font-size:17px;letter-spacing:-1px;width:20%;vertical-align:top;}
.lecture_sunbalbox dl dd				{margin:0 0 0 20%;padding-top:9px;font-size:0.8em;}


/* 프로그램 신청조회리스트 */
.lecture_topline									{border-top:1px solid #ddd;}
.lecture_searchbox .lists						{padding:15px 0px;overflow:hidden;border-bottom:1px solid #ddd;}
.lecture_searchbox .listnot						{padding:50px 0;text-align:center;border-bottom:1px solid #ddd;}
.lecture_searchbox .lists .stat2					{padding:0px 8px;width:80px;display:inline-block;margin-right:10px;font-size:0.8em;text-align:center;}
.lecture_searchbox .lists .infos					{float:left;width:calc(100% - 350px);}
.lecture_searchbox .lists .infos .tit			{text-align:left;font-size:1.2em;line-height:29px;color:#666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lecture_searchbox .lists .infos .inf			{text-align:left;font-size:0.85em;position:relative;}
.lecture_searchbox .lists .infos .inf .subinfo	{display:inline-block;}
.lecture_searchbox .lists .btn					{float:right;}
.lecture_searchbox .lists .end					{background:#444444;color:#fff;}
.lecture_searchbox .lists .sin					{background:#ff1641;color:#fff; border:1px solid #f50934;}

.page_nolist						{padding:30px 0 60px 0; border-bottom:1px solid #bbb;}

/* mobie screen 768 */
@media screen and (max-width:768px) {

	.lecture_searchbox .lists .infos					{float:left;width:100%;}

}