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

.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_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_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_ptlist_title				{font-weight:bold;}
.online_ptlist_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_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-family:"NotoKrM", sans-serif; 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-family:"NotoKrM", sans-serif; font-size:0.95em; letter-spacing:-1px;vertical-align:middle;}

.online_form_btn03			{display:inline-block;line-height:40px;padding:0 30px;color:#fff;background:#c42047;border:1px solid #c42047;margin:0 3px;cursor:pointer;font-family:"NotoKrM", sans-serif; font-size:0.95em; letter-spacing:-1px;vertical-align:middle;}

.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-family:"NotoKrM", sans-serif; 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:middle;}



.online_finishbox			{background-color:#f3f3f4;padding:20px 30px;margin-bottom:15px;}
.online_finishbox p			{background: url("../image/icon01.gif") no-repeat 0 8px; padding: 0 0 4px 10px;}





.online_tabmenu01					{width:100%;min-height:36px;overflow:hidden;}
.online_tabmenu01 li				{float:left;margin-left:-1px;}
.online_tabmenu01 li:first-child	{margin-left:0;}
.online_tabmenu01 li a				{display:inline-block;zoom:1;*display:inline;width:100%;line-height:36px;text-align:center;background:#f5f5f5;color:#333;font-weight:bold;border:1px solid #d0d0d0;}
.online_tabmenu01 li a:hover		{color:#0062ac;}
.online_tabmenu01 li.on a			{background:#5e626e;border:1px solid #5e626e;color:#fff;}

.online_tabmenu02_box				{border-bottom:1px solid #ccc;background:#f8f8f8;padding:10px 15px 7px 15px;overflow:hidden;}
.online_tabmenu02					{min-height:30px;overflow:hidden;}
.online_tabmenu02 li				{float:left;font-weight:bold;}
.online_tabmenu02 li a				{display:inline-block;zoom:1;*display:inline;line-height:30px;color:#333;background:url("../image/common/icon04.png") no-repeat 0 9px;padding:0 20px 3px 15px;}
.online_tabmenu02 li a:hover		{color:#0062ac;}
.online_tabmenu02 li a.on 			{color:#0062ac;}


.online_tab2 li					{width:50%;}
.online_tab3 li					{width:33%;}
.online_tab3 li:last-child			{width:34%;}
.online_tab4 li					{width:25%;}
.online_tab5 li					{width:20%;}
.online_tab6 li					{width:16.67%;}
.online_tab6 li:last-child			{width:17%;}


.online_sinbox					{width:100%;border-top:2px solid #666;}

.online_sinbox dl				{overflow:hidden;border-bottom:1px solid #d5d5d5; padding:12px;}
.online_sinbox dl dt			{float:left;font-family:"NotoKrM", sans-serif; color:#333;text-align:left;padding:9px 0 0 10px;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%;padding-top:9px;}
.online_sinbox dl dd p			{font-size:0.8em;}
.online_sinbox dl dd .osin_code_txt	{font-size:1.2em;padding-top:9px;}

.online_sinbox dl.sin_form dt	{line-height:36px; padding:0;}
.online_sinbox dl.sin_form dd	{padding:0; font-size:0.9em;}

.online_sinbox .online_inputs		{border:1px solid #bbb; background:#fff; padding:0 5px; min-height:34px; }
.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;}


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

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

}

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

	.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%;padding:10px 0 0 4px;} 
	.online_sinbox dl dd			{margin:0 0 0 0;padding:8px 4px;}  

}

/* mobie screen 420 */
@media screen and (max-width:420px) {
	.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_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;}



/* mobie screen 690 */
@media screen and (max-width:690px) {
	.online_searchbox .lists .infos					{float:left;width:100%;}
}




/* 프로그램 리스트 */
.online_listbox:after					{content:""; display:block; clear:both;}
.online_listbox li						{position:relative; box-sizing:border-box;float:left; width:32%;margin-right:2%;margin-bottom:40px; }
.online_listbox li:nth-child(3n)		{margin-right:0px;float:right;}
.online_listbox .tag					{z-index:1; position:absolute; left:0; top:0; padding:0 15px; height:35px; line-height:35px; color:#fff; text-align:center; font-size:0.85em;}
.online_listbox .ing					{background:#318ab8;}
.online_listbox .acc					{background:#44a389;}
.online_listbox .end					{background:#575757;}
.online_listbox .img					{position:relative; height:370px; text-align:center; border-top:1px solid #eaeaea; -webkit-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center;}
.online_listbox .img img			{max-width:100%; max-height:100%; flex:0 0 auto;}
.online_listbox dl						{margin-top:25px; text-align:center;}
.online_listbox dl dt					{font-family:"NotoKrM", sans-serif; margin-bottom:12px; letter-spacing:-1px; font-size:1.25em; color:#333; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.online_listbox dl dd					{font-size:0.9em;color:#444; margin-top:2px;}
.online_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;}
.online_listbox li:hover .layer		{display:block;}

.online_listbox .btns					{margin-top:20px;text-align:center; }
.online_listbox .btns .btn01			{display: inline-block;text-align: center;border: 1px solid #0a95a4; background:#0a95a4;color: #fff;padding: 0 15px;line-height: 27px;margin: 0 1px;font-size: 0.95em;min-width: 90px;vertical-align: middle; border-radius:15px;}
.online_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 1px;font-size: 0.95em;min-width: 90px;vertical-align: middle; border-radius:15px;}

.online_listbox .listnot				{width:100% !important;padding:50px 0;text-align:center;}


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

	.online_listbox .tag				{font-size:0.85em;}
	.online_listbox dl					{margin-top:20px;}
	.online_listbox dl dt				{font-size:1.1em; margin-bottom:7px;}
	.online_listbox dl dd				{font-size:0.85em; margin:0;}
}

/* screen 785 */
@media screen and (max-width:785px) {
	.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(2n) {
		margin-right:0px;
	}
}

/* screen 480 */
@media screen and (max-width:480px) {
	.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;
	}

	.online_listbox .img			{height:100%;}

}




/* 프로그램 뷰 */

.online_viewbox						{border-bottom:1px solid #dfdfdf;}

.online_view_top						{position:relative; overflow:hidden; margin-bottom:60px;}
.online_view_top .lt					{float:left; width:55%;}
.online_view_top .lt figure				{border:1px solid #eaeaea; }
.online_view_top .lt figure img			{width:100%;height:100%; object-fit:cover;}
.online_view_top .lt ul					{position:relative; margin:10px 0 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 10px; }
.online_view_top .lt ul li				{position:relative; height:100px; border:1px solid #eaeaea; }
.online_view_top .lt ul li img			{width:100%;height:100%; object-fit:cover;}
.online_view_top .rt					{float:right; width:40%; padding:10px 0 0 0;}
.online_view_top .rt em					{display:inline-block; font-style:normal; color:#74c500; margin-bottom:7px; font-size:1.1em; letter-spacing:-1px; font-weight:500; }
.online_view_top .rt .tits				{font-size:1.8em; font-weight:700; color:#222; padding-bottom:20px; letter-spacing:-2px; line-height:120%; }
.online_view_top .rt .cons				{padding-bottom:20px; font-weight: 300; font-size: 1.3em; line-height: 1.4; letter-spacing:-2px;}
.online_view_top .info dl				{overflow:hidden; letter-spacing:-1px; margin:5px 0; font-size:1.2em;}
.online_view_top .info dl dt			{float:left; width:60px; color:#000; font-weight:700; }
.online_view_top .info dl dd			{padding-left:60px; color:#4d4d4d;line-height:140%;}
.online_view_top .sins					{position:relative;}
.online_view_top .sins button			{width: 100%; margin-top:20px; padding: 15px; background-image: url("../image/arrow.png"); background-position: right 23px center; background-repeat: no-repeat; border: 1px solid #dcdcdc; font-weight: 300; font-size: 1.1em; color: #0000e8; text-align: left;}
.online_view_top .sins button.on		{background-image: url("../image/arrow_on.png");}
.online_view_top .sins ul				{left:0px; width:100%; border: 1px solid #dcdcdc;  border-top: none;}
.online_view_top .sins ul li			{padding: 12px 15px; background-color: #fff; cursor:pointer;}
.online_view_top .sins ul li:hover		{background:#f7f7f7;}
.online_view_top .sins .online_sel_choice {width: 100%; padding: 15px; background:#f7f7f7; border: 1px solid #dcdcdc; border-top:none; font-size: 1.1em; color: #000; text-align: left;}
.online_view_top .btns button			{float:left; width:50%; background:#fff; border:1px solid #a7a7a7; padding:18px 0; text-align:center; font-size:1.2em; letter-spacing:-1px; font-weight:500; margin-top:20px;}
.online_view_top .btns button:last-child {border-left:0;}
.online_view_top .btns button:hover		{background:#ff5544; border:1px solid #ff5544; color:#fff;}


.online_view_btm						{padding-bottom:60px;}
.online_view_btm .cont_box				{margin-bottom:60px; text-align:center;}
.online_view_btm h4,
.online_h4								{position:relative; text-align:left;margin-bottom:40px;padding:20px 0 5px 14px; font-size:1.8em; color:#000; letter-spacing:-2.5px; line-height:140%;  border-top:1px solid #ddd;}
.online_view_btm h4:before,
.online_h4:before						{position:absolute; left:0px; top:0; content:''; display:block; width:12%; height:2px; background:#2d2d85;}
.online_view_btm h4:after,
.online_h4:after						{display:none;}


.online_viewbox .files 				{padding:10px;border-top:1px solid #ddd;overflow:hidden;}
.online_viewbox .files li			{font-size:1em;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_searchform_box,
#online_sinform_box				{padding-bottom:60px;}



/* screen 1024 */
@media screen and (max-width:1024px) {
	
	.online_view_top					{margin-bottom:40px;}
	.online_view_top .lt				{width:48%;}
	.online_view_top .lt ul				{margin:5px 0 0 0; gap: 5px 5px; }
	.online_view_top .lt ul li			{height:85px;}
	.online_view_top .rt				{width:48%;}
	.online_view_top .rt .tits			{font-size:1.6em;}
	.online_view_top .rt .cons			{font-size:1.2em;}
	.online_view_top .info				{font-size:0.95em;}
	.online_view_top .btn				{padding:15px 10px; font-size:1em;}
	.online_view_btm h4					{font-size:1.4em; margin-bottom:20px; padding-top:15px;}

	.online_view_btm					{padding-bottom:20px;}
	.online_view_btm .cont_box			{margin-bottom:40px;}

}

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

	.online_view_top .lt				{float:none; width:100%;}
	.online_view_top .lt figure			{height:320px;}	
	.online_view_top .rt				{float:none; width:100%; margin:20px 0 0 0;}
	.online_view_top .rt .tits			{text-align:center; padding-bottom:10px;}
	.online_view_top .rt .cons			{padding-bottom:10px;}
	.online_view_top .sins button		{padding:12px; font-size: 1em;}
	.online_view_top .btns button		{padding:12px 0; font-size:1em;}


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

}



/*
.online_view_btn						{margin-top:20px;padding-top:20px;border-top:1px solid #dfdfdf;text-align:center;}

.online_viewbox						{border-bottom:1px solid #dfdfdf;}
.online_viewbox .infos					{border-top:1px solid #5e5e5e; overflow:hidden;}
.online_viewbox .tit					{font-family:"NotoKrB", sans-serif; line-height:140%; padding:25px 0 0 0;  font-size:1.5em; color:#333; letter-spacing:-1px;}
.online_viewbox .infos .stat2			{width:80px;display:inline-block;margin-right:10px;height:35px; line-height:35px; color:#fff; text-align:center; font-size:0.65em;}
.online_viewbox .infos  .ing			{background:#318ab8;}
.online_viewbox .infos .acc			{background:#44a389;}
.online_viewbox .infos .end			{background:#575757;}

.online_viewbox .inf					{position:relative; border-bottom:1px solid #ddd; padding:15px 0 20px 0;}
.online_viewbox .inf .subinfo			{display:inline-block;}
.online_viewbox dl						{overflow:hidden;  padding:5px 0;}
.online_viewbox dl dt					{float:left; font-family:"NotoKrB", sans-serif; color:#222;}
.online_viewbox dl dd					{padding-left:90px; color:#444;}

.online_viewbox .cont					{padding:30px 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_sinform_box					{background:#fafafa; padding:30px; margin-top:20px;}
.form_privacy_wrap						{border:1px solid #e6e6e6; padding:15px; background:#fff;}
.form_privacy_wrap .textarea_form		{border-color:#fff; padding:0;}
.form_privacy_wrap .bottom				{background:#f9f9f9; padding:10px 15px; margin-top:10px;}


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


	.online_h1							{font-size:1.1em;}
	.online_h2							{font-size:0.95em;}
	.online_viewbox .tit				{font-size:1.2em; padding:15px 0 0 0;}
	.online_viewbox .inf				{padding:5px 0;}
	.online_viewbox dl					{font-size:0.85em; padding:3px 0;}

	#online_sinform_box				{padding:15px;}
	.online_sinbox dl					{padding:12px 0;}
	.online_sinbox .online_inputs		{min-height:31px; }
	.online_sinbox dl.sin_form dt		{line-height:33px; font-size:0.85em;}

}


@media screen and (max-width:785px) {
	.online_viewbox .files li			{font-size:12px;}
	.online_viewbox .files .tit		{display:none;}
	.online_viewbox .files .txt		{float:none;width:100%;}
}

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

	.online_sinbox dl.sin_form dt		{line-height:100%; margin-bottom:7px;}

}

@media screen and (max-width:380px) {
	.online_viewbox dl dt:after		{left:80px;}
	.online_viewbox dl dd				{padding-left:100px;}
}
*/