/* 愿�由ъ옄紐⑤뱶 *****/

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

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

.online_list_date1			{color:#333333;font-weight:bold;}
.online_list_date2			{color:#666666;font-weight:bold;}
.online_list_jogun			{color:#999999;font-weight:bold;}

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

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

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

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

#online_typegroup_add_txt,
.online_typelist_add_txts			{color:#ff0000;padding-left:10px;}

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

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

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

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

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

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


/* �덊럹�댁� *****/

.online_download_btn		{display: inline-block;cursor: pointer;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border-radius: 2px;box-shadow: 0 1px 0 #d9d9d9;padding: 0 5px;letter-spacing: 1px;line-height: 24px; font-size: 0.9rem;border: 1px solid #5a6370;background: #646e7d;color: #fff;}

.online_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;}
.online_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;}
.online_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;}
.online_form_btn03:hover	{border-color:#000; background:#000;}
.online_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;}
.online_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;}
.online_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;}
.online_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; }
.online_form_btn07: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;}

.online_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;} /* �뱀깋 */
.online_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;} /* �뚯깋 */
.online_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;} /* 釉붾옓 */
.online_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;} /* �ㅻ젋吏� */

.online_notice01			{border-top:1px solid #6e789c;border-bottom:1px solid #f9f9f9;background-color:#f9f9f9;padding:10px 15px;margin-bottom:20px;}
.online_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;} 
.online_notice01 ul li		{padding-bottom:2px;}
.online_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;}



/*  �⑤씪�몄떊泥� LIST */
.online_listbox:after				{content:""; display:block; clear:both;}
.online_listbox li					{position:relative; float: left; width:32%; margin-right:2%; margin-bottom:20px;  border: 1px solid #ddd; border-radius: 10px;}
.online_listbox li:nth-child(3n)	{margin-right:0px; float:right;}
.online_listbox .img				{position:relative; height: 160px; overflow: hidden; border-top-left-radius: 7px; border-top-right-radius: 7px;  border-top: 1px solid #ddd; box-sizing: border-box; }
.online_listbox .img img			{width:100%; height:100%; object-fit:cover;}
.online_listbox dl					{padding: 25px 20px;}
.online_listbox dt					{margin-bottom:15px; font-size: 1.2em; font-weight: 700; letter-spacing: -2px;  color: #333; line-height: 1.4; display: block; overflow:hidden; text-overflow: ellipsis;white-space:nowrap;word-wrap: break-word;}
.online_listbox dd					{padding:2px 0;}
.online_listbox .btn01				{position:relative;padding-left: 12px; margin: 0 auto 25px auto; border: 1px solid #007ff4;  width: 105px; height: 34px; line-height: 30px;}
.online_listbox .btn01:hover		{background:#007ff4 ;color:#fff;}
.online_listbox .btn01				{  color: #5284df; font-weight:500; font-size:0.93em;}
.online_listbox .btns:hover a		{  color: #fff;}
.online_listbox .more				{display:block; position:absolute; right:10px; top:9px; width:13px; height:13px; cursor:pointer;}
.online_listbox .more:after			{position:absolute; content:''; left:40%; top:50%; transform:translate(-50%, -50%); width:13px; height:1px; background:#00b8f7;}
.online_listbox .more:before		{position:absolute; content:''; left:40%; top:50%; transform:translate(-50%, -50%); width:1px; height:13px; background:#00b8f7;}
.online_listbox .tag				{position:absolute; top: 14px;left: -14px; background:#7e7e7e; width: 63px; height: 30px; font-size:0.85em; text-align: center; line-height: 30px;color:#fff; z-index:2;}
.online_listbox li .layer			{display:none;  position:absolute; top:0; left:0;background:rgba(0,0,0,0.3) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1; width:100%; height:100%; transition:0.5s; text-align:center;}
.online_listbox li:hover .layer		{display:block;}
.online_listbox .listnot			{width:100% !important;padding:70px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}


.online_listbox .ing				{background:#3f8af9;}
.online_listbox .acc, .online_listbox .end	{background:#7e7e7e;}

.onlineclass_listbox .btns					{text-align:center; }
.onlineclass_listbox .btns .btn01			{display: inline-block;text-align: center;border: 1px solid #c8c8c8;background: #fff;color: #333;padding: 0 15px;line-height: 37px;margin: 0 3px;cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;}
.onlineclass_listbox .btns .btn01:hover		{border:1px solid #444; background:#555; color:#fff; }
.onlineclass_listbox .btns .btn01_h			{display: inline-block;text-align: center;border: 1px solid #aaa;background: #fff;color: #333;padding: 0 15px;line-height: 37px;margin: 0 3px;cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;opacity:.5;}
.onlineclass_listbox .btns .btn02			{display: inline-block;text-align: center;border: 1px solid #aaa;background: #fff;color: #333;padding: 0 15px;line-height: 27px;margin: 0 3px;cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;}
.onlineclass_listbox .btns .btn02:hover		{border:1px solid #444; background:#555; color:#fff; }
.onlineclass_listbox .btns .btn02_h			{display: inline-block;text-align: center;border: 1px solid #aaa;background: #fff;color: #333;padding: 0 15px;line-height: 27px;margin: 0 3px;font-size: 0.95em;min-width: 90px;vertical-align: middle;opacity:.5;}
.onlineclass_listbox .btns .btn03			{display: inline-block;text-align: center;border: 1px solid #a72030; background:#ad2938;color: #fff;padding: 0 15px;line-height: 37px;margin: 0 3px;cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;}
.onlineclass_listbox .btns .btn03:hover		{border-color:#a72030; background:#ad2938;}
.onlineclass_listbox .btns .btn03_h			{display: inline-block;text-align: center;border: 1px solid #ccc;background: #eee;color: #999;padding: 0 15px;line-height: 37px;margin:0 3px; cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;}


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

	.online_listbox .tag				{font-size:0.85em;}
	.online_listbox dl					{padding:20px;}
	.online_listbox dl dt				{font-size:1.1em; margin-bottom:10px;}
	.online_listbox dl dd				{font-size:0.85em; padding:0;}
	.online_listbox .btn01				{font-size:0.85em; margin:0 auto 20px auto;}
}

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

	.online_listbox li,
	.online_listbox li:nth-child(3n),
	.online_listbox li:nth-child(4n) {width:calc(50% - 10px); margin-right:10px;}
	.online_listbox li:nth-child(3n) {float:left;}
	.online_listbox li:nth-child(2n) {margin-right:0px; float:right;}

}


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

	.online_listbox li,
	.online_listbox li:nth-child(2n),
	.online_listbox li:nth-child(3n),
	.online_listbox li:nth-child(4n) {width:100%; margin-right:0px; float:none !important;}

	.online_listbox .img						{height:100%;}

}


/* �꾨줈洹몃옩 酉� */

.online_view_btn						{margin-top:20px;padding-top:20px;border-top:1px solid #dfdfdf;text-align:center;}
.online_viewbox1						{border-bottom:1px solid #dfdfdf;}
.online_viewbox1_bottom					{border-top:1px solid #dfdfdf;}
.online_viewbox .infos					{padding:35px 40px; border:1px solid #ddd; border-bottom:5px solid #f0f0f0; margin-bottom:40px; overflow:hidden;}
.online_viewbox .infos .tit				{font-weight:700; line-height:140%; font-size:1.5em; color:#333; letter-spacing:-1px; margin-bottom:12px;}
.online_viewbox .infos .stat2			{float:left; width:80px; background:#7e7e7e; display:inline-block;margin-right:10px;height:35px; line-height:35px; color:#fff; text-align:center; font-size:14px}
.online_viewbox .infos  .ing			{background:#3f8af9;}
.online_viewbox .infos .acc,
.online_viewbox .infos .end				{background:#7e7e7e;}
.online_viewbox dl						{overflow:hidden;  padding:5px 0;}
.online_viewbox dl dt					{float:left; min-width:75px; /*font-weight:700;*/ color:#222; background:url("../image/list_line.png") no-repeat right 50%; }
.online_viewbox dl dd					{padding-left:85px; color:#444;}

.online_viewbox .cont					{padding:40px 0px;min-height:300px;}
.online_viewbox .cont img				{max-width:100%;}

.online_viewbox .files 					{padding:10px;border-top:1px solid #ddd;overflow:hidden;}
.online_viewbox .files li				{font-size:0.95em;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.online_viewbox .files .tit			{float:left;width:140px; padding:5px 0 0 0;}
.online_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;}
.online_viewbox .files .txt			{float:right;width:calc(100% - 140px);line-height:180%;}


#online_search_box					{border:3px solid #66575a;border-radius:5px;padding:20px;}
#online_sinform_box					{margin:40px 0;}
#online_sinform_box .online_sin		{padding:50px 0;}

.online_sinbox					{width:100%;border-top:2px solid #aaa;}
.online_sinbox dl				{overflow:hidden;border-bottom:1px solid #eee; padding:12px;}
.online_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;}
.online_sinbox dl dt label		{color:#333;}
.online_sinbox dl dd			{margin:0 0 0 20%;}
.online_sinbox dl dd p			{font-size:0.8em;}

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

.online_finishbox				{background-color:#f3f3f4;padding:20px 30px;margin-bottom:15px;}
.online_nolist					{padding:70px 0;text-align:center;border-top:1px solid #ddd;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;}

.online_h1						{margin:0 0 10px 0; line-height:28px; color:#000; font-size:1.25em; letter-spacing:-1px; font-weight:700; }
.online_h2						{margin:0 0 12px 0;  line-height:26px; color: #af005f;font-size:1.25em; letter-spacing:-0.5px; font-weight:700; /*background:url("../image/online_h.png") no-repeat 2px 6px; background-size:17px auto;*/}
.online_h3						{display:table;margin:0 0 7px 0; padding:0 3px; line-height:23px; color:#222; letter-spacing:-0.5px; box-shadow:inset 0 -11px 0 #eaeaea; transition:box-shadow .2s, color .2s; font-weight:500; }




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

	.online_h1							{font-size:1.1em;}
	
	.online_viewbox .infos				{padding:20px; margin-bottom:20px;}
	.online_viewbox .infos .tit			{font-size:1.2em; }
	.online_viewbox dl					{font-size:0.95em; padding:3px 0;}

	#online_sinform_box					{margin:20px 0;}
	.online_sinbox dl					{padding:12px 0;}
	.online_sinbox .online_inputs		{min-height:31px; }
	.online_form_btn06					{line-height:33px;height:33px;}

}

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

	.online_viewbox .files li		{font-size:12px;}
	.online_viewbox .files .tit		{display:none;}
	.online_viewbox .files .txt		{float:none;width:100%;}

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

}

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

	.online_sinbox dl dt			{float:none;width:100%; line-height:100%; padding:3px 0 0 0;} 
	.online_sinbox dl dd			{margin:0 0 0 0;padding:8px 0 0 0;}
	.otlist_downs					{display:inline-block;padding-left:20px;}

	.online_form_btn				{line-height:35px;padding:0 25px;}
	.online_form_btn02				{line-height:35px;padding:0 25px;}
	.online_form_btn03				{line-height:35px;padding:0 25px;}
	.online_form_btn04				{line-height:35px;padding:0 25px;}

	.online_h2							{font-size:1.1em;}

}




/* �꾨줈洹몃옩 �좎껌議고쉶由ъ뒪�� */
.online_topline									{border-top:1px solid #ddd;}
.online_searchbox .lists						{padding:15px 0px;overflow:hidden;border-bottom:1px solid #ddd;}
.online_searchbox .listnot						{padding:50px 0;text-align:center;border-bottom:1px solid #ddd;}
.online_searchbox .lists .stat2					{padding:0px 8px;width:80px;display:inline-block;margin-right:10px;font-size:0.8em;text-align:center;}
.online_searchbox .lists .infos					{float:left;width:calc(100% - 350px);}
.online_searchbox .lists .infos .tit			{text-align:left;font-size:1.2em;line-height:29px;color:#666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.online_searchbox .lists .infos .inf			{text-align:left;font-size:0.85em;position:relative;}
.online_searchbox .lists .infos .inf .subinfo	{display:inline-block;}
.online_searchbox .lists .btn					{float:right;}
.online_searchbox .lists .end					{background:#444444;color:#fff;}
.online_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) {

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

}



/* MY PAGE �⑤씪�멸컯醫� LIST */
.online_program_listbox					{position:relative; border-top:1px solid #e0e0e0;}
.online_program_listbox li				{position:relative; overflow:hidden; padding:20px 0; border-bottom:1px solid #e0e0e0; }
.online_program_listbox li:hover .layer			{display:block;}
.online_program_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;}
.op_list_img					{position:relative; float:left; width:330px; height:220px; border:1px solid #eaeaea;}
.op_list_img img				{width:100%; height:100%; object-fit:cover;}
.op_list_img .state				{position:absolute; left:0; top:0;  font-style:normal; text-align:center; z-index:1;  overflow:hidden;}
.op_list_img .state span		{display:inline-block; zoom:1; *display:inline; padding:0 15px; height:40px; line-height:40px; font-size:0.9em; font-weight:500; color:#fff; background:#347ef4;}
.op_list_img .state .finish		{background:#808080;}
.op_list_info					{position:relative; padding:5px 0 0 360px;}
.op_list_info .wrap				{position:relative; min-height:220px; padding-right:45px; }
.op_list_info .title			{padding:10px 0; line-height:140%; font-size:1.4em; letter-spacing:-1.0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.op_list_info .title a			{font-weight:600; color:#333;}
.op_list_info .txt				{margin-bottom:40px;color: #7e7e7e; height: 45px;letter-spacing: -1.0px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;} 
.op_list_info dl				{overflow:hidden; margin:7px 0; }
.op_list_info dl dt				{float:left; color:#333; font-weight:600;}
.op_list_info dl dd				{padding:0 0 0 135px; color:#555;}
.op_list_info .date				{font-size:1.1em; color:#555; margin:10px 0;}
.op_list_btm					{overflow:hidden;}
.op_list_btm .per				{float:left;line-height:13px;}

.op_btn							{position:absolute; left:18%; bottom:8px; display: inline-block;text-align: center;border: 1px solid #aaa;background: #fff;color: #333;padding: 0 55px;line-height: 37px;margin: 0 1px;cursor: pointer;}
.op_btn:hover					{border:1px solid #444; background:#555; color:#fff; }
.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) {

	.op_list_img					{width:260px; height:160px;}
	.op_list_img .state span		{height:32px; line-height:32px;}
	.op_list_info					{padding:0 0 0 290px;}
	.op_list_info .wrap				{min-height:160px;}
	.op_list_info .title			{font-size:1.2em; padding:0 0 10px 0;}
	.op_list_info .date				{font-size:0.9em;}
	.op_list_info .txt				{margin:0;}	
	.op_list_info dl				{font-size:0.95em; margin:5px 0;}
	.op_btn							{position:static; left:calc( 50% - 165px);}

}


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

	.op_list_img					{float:none; width:100%; height:100%;}
	.op_list_info					{padding:15px 0 0 0;}
	.op_list_info .wrap				{min-height:100%;padding-right:0; }	
	.op_list_btm					{position:relative; margin:0 auto;}

}


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

	.op_list_info dl dt				{float:none; width:100%; margin-bottom:2px;}
	.op_list_info dl dd				{padding:0; }
	.op_list_info dl				{margin:0 0 5px 0;}

}



/* MY PAGE �⑤씪�멸컯醫� VIEW */
.online_view_tit_wrap		{padding:8px; border-top:1px solid #333; border-bottom:1px solid #ccc; background:#f4f4f4; overflow:hidden; font-size:17px; } 
.online_view_tit			{line-height:180%; color:#333; font-weight:bold; padding:2px 0; }
.online_view_ctit			{display:inline-block; padding:2px 10px; color:#ff6600; border:1px solid #ff6600; margin-right:5px; font-size:13px; line-height:160%; background-color:#fff; }
.online_view_name			{text-align:right; color:#888; padding:4px 0 0 0; font-size:0.9em; }
 
.online_view_content		{padding:30px 0; border-bottom:1px solid #ddd; word-break:break-all; min-height:300px; margin-bottom:20px; }
.online_view_content img	{max-width:100%; }
.online_view_content .tit	{font-size:22px; font-weight:500; margin-bottom:10px;}


.online_view_file 			{padding:10px;margin-top:40px; border-top:1px solid #ddd; overflow:hidden; }
.online_view_file li		{font-size:0.95em overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; }

.online_view_file .online_view_file_tit		{float:left; width:140px; }
.online_view_file .online_view_file_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; }
.online_view_file .online_view_file_txt		{float:right; width:calc(100% - 140px); line-height:180%; }

.video_container			{position:relative; overflow:hidden; }
.video_container img		{width:100%; height:100%;}

.online_youtube_wrap				{ position:relative;width:100%; margin:0 auto; } 
.online_youtube_content				{ position:relative; height:400px; width:100%; background:#111; } 
.online_youtube_content iframe			{ position:absolute; top:0; left:0; width:100%; height:100%; }

.video_list_box .close										{pointer-events:none;opacity:40%; }




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

	.online_view_file .online_view_file_tit		{display:none;}
	.online_view_file .online_view_file_txt		{float:left;}

}