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

#pcategory_sub_add_box		{position:absolute;z-index:20;background-color:#ffffff;}

.program_list_date1			{color:#333333;font-weight:bold;}
.program_list_date2			{color:#666666;font-weight:bold;}
.program_list_jogun			{color:#999999;font-weight:bold;}

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

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

.program_typelist_boxs				{padding:10px;border-bottom:1px solid #798291;}

#program_typegroup_add_txt,
.program_typelist_add_txts			{color:#ff0000;padding-left:10px;}

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

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

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

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

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




/* 홈페이지 *****/

.program_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;}

.program_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;}

.program_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;}

.program_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;}

.program_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;}

.program_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;}


.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;}


.program_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;} /* 녹색 */
.program_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;} /* 회색 */
.program_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;} /* 블랙 */
.program_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;} /* 오렌지 */


.program_notice01			{border-top:1px solid #6e789c;border-bottom:1px solid #f9f9f9;background-color:#f9f9f9;padding:10px 15px;margin-bottom:20px;}
.program_notice01_title		{font-weight:bold;color:#222;font-size:13px;background:url('../image/join_title_icon.png') no-repeat 0 1px;padding:0 0 5px 22px;} 
.program_notice01 ul li		{padding-bottom:2px;}
.program_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;}

.program_finishbox			{background-color:#f3f3f4;padding:20px 30px;margin-bottom:15px;}





.program_tabmenu01					{width:100%;min-height:36px;overflow:hidden;}
.program_tabmenu01 li				{float:left;margin-left:-1px;}
.program_tabmenu01 li:first-child	{margin-left:0;}
.program_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;}
.program_tabmenu01 li a:hover		{color:#0062ac;}
.program_tabmenu01 li.on a			{background:#5e626e;border:1px solid #5e626e;color:#fff;}

.program_tabmenu02_box				{border-bottom:1px solid #ccc;background:#f8f8f8;padding:10px 15px 7px 15px;overflow:hidden;}
.program_tabmenu02					{min-height:30px;overflow:hidden;}
.program_tabmenu02 li				{float:left;font-weight:bold;}
.program_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;}
.program_tabmenu02 li a:hover		{color:#0062ac;}
.program_tabmenu02 li a.on 			{color:#0062ac;}


.program_tab2 li					{width:50%;}
.program_tab3 li					{width:33%;}
.program_tab3 li:last-child			{width:34%;}
.program_tab4 li					{width:25%;}
.program_tab5 li					{width:20%;}
.program_tab6 li					{width:16.67%;}
.program_tab6 li:last-child			{width:17%;}


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

.program_sinbox dl				{overflow:hidden;border-bottom:1px solid #d5d5d5; padding:12px;}
.program_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;}
.program_sinbox dl dt label		{color:#333;}
.program_sinbox dl dd			{margin:0 0 0 20%;padding-top:9px;}
.program_sinbox dl dd p			{font-size:0.8em;}

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

.program_sinbox .program_inputs		{border:1px solid #bbb; background:#fff; padding:0 5px; min-height:34px; }
.program_sinbox .program_textareas	{width:100%; min-height:50px; background:#fff; padding:5px; border:1px solid #bbb; overflow-x:hidden; }
.program_sinbox select			{height:26px;}


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

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

}

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

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

}

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

	.program_sinbox dl dt			{float:none;width:100%;padding:10px 0 0 4px;} 
	.program_sinbox dl dd			{margin:0 0 0 0;padding:8px 4px;}  

}

/* mobie screen 420 */
@media screen and (max-width:420px) {
	.program_form_btn			{line-height:35px;padding:0 25px;}

	.program_form_btn02			{line-height:35px;padding:0 25px;}

	.program_form_btn03			{line-height:35px;padding:0 25px;}

	.program_form_btn04			{line-height:35px;padding:0 25px;}
}



.program_h1						{margin:0 0 10px 0; line-height:28px; color:#000; font-size:1.25em; letter-spacing:-1px; font-family:'NotoKrB',sans-serif; }
.program_h2						{margin:0 0 12px 0; padding:0 0 0 25px; line-height:26px; color:#981937; font-size:17px; letter-spacing:-0.5px; font-family:'NotoKrM',sans-serif; background:url("../image/program_h.png") no-repeat 2px 6px; background-size:17px auto;}
.program_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-family:'NotoKrM',sans-serif; }



/* 프로그램 선정 */
.program_sunbalbox					{margin-top:40px;}

.program_sunbalbox dl				{overflow:hidden;min-height:40px;}
.program_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;}
.program_sunbalbox dl dd			{margin:0 0 0 20%;padding-top:9px;font-size:0.8em;}



/* 프로그램 신청조회리스트 */
.program_topline								{border-top:1px solid #ddd;}
.program_searchbox .lists							{padding:15px 0px;overflow:hidden;border-bottom:1px solid #ddd;}
.program_searchbox .listnot						{padding:50px 0;text-align:center;border-bottom:1px solid #ddd;}

.program_searchbox .lists .stat2					{padding:0px 8px;width:80px;display:inline-block;margin-right:10px;font-size:0.8em;text-align:center;}
.program_searchbox .lists .infos					{float:left;width:calc(100% - 350px);}
.program_searchbox .lists .infos .tit				{text-align:left;font-size:1.2em;line-height:29px;color:#666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.program_searchbox .lists .infos .inf				{text-align:left;font-size:0.85em;position:relative;}
.program_searchbox .lists .infos .inf .subinfo	{display:inline-block;}
.program_searchbox .lists .btn					{float:right;}
.program_searchbox .lists .end					{background:#444444;color:#fff;}
.program_searchbox .lists .sin					{background:#ff1641;color:#fff; border:1px solid #f50934;}



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




/* 프로그램 리스트 */
.program_listbox:after					{content:""; display:block; clear:both;}
.program_listbox li						{position:relative; box-sizing:border-box;float:left; width:32%;margin-right:2%;margin-bottom:40px; }
.program_listbox li:nth-child(3n)		{margin-right:0px;float:right;}
.program_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;}
.program_listbox .ing					{background:#318ab8;}
.program_listbox .acc					{background:#44a389;}
.program_listbox .end					{background:#575757;}
.program_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;}
.program_listbox .img img			{max-width:100%; max-height:100%; flex:0 0 auto;}
.program_listbox dl						{margin-top:25px;}
.program_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;}
.program_listbox dl dd					{font-size:0.9em;color:#444; margin-top:2px;}
.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;}
.program_listbox li:hover .layer		{display:block;}

.program_listbox .btns					{margin-top:20px;text-align:center; }
.program_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 1px;cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;}
.program_listbox .btns .btn01:hover		{border:1px solid #444; background:#555; color:#fff; }
.program_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 1px;cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;opacity:.5;}
.program_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;cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;}
.program_listbox .btns .btn02:hover		{border:1px solid #444; background:#555; color:#fff; }
.program_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 1px;font-size: 0.95em;min-width: 90px;vertical-align: middle;opacity:.5;}
.program_listbox .btns .btn03			{display: inline-block;text-align: center;border: 1px solid #0a95a4; background:#0a95a4;color: #fff;padding: 0 15px;line-height: 37px;margin: 0 1px;cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;}
.program_listbox .btns .btn03:hover		{border-color:#41464a; background:#41464a;}
.program_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 1px;cursor: pointer;font-size: 0.95em;min-width: 90px;vertical-align: middle;}

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


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

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

/* screen 785 */
@media screen and (max-width:785px) {
	.program_listbox li,
	.program_listbox li:nth-child(3n),
	.program_listbox li:nth-child(4n) {
		width:calc(50% - 10px);
		margin-right:10px;
	}

	.program_listbox li:nth-child(2n) {
		margin-right:0px;
	}
}

/* screen 480 */
@media screen and (max-width:480px) {
	.program_listbox li,
	.program_listbox li:nth-child(2n),
	.program_listbox li:nth-child(3n),
	.program_listbox li:nth-child(4n) {
		width:100%;
		margin-right:0px;
	}

	.program_listbox .img			{height:100%;}

}




/* 프로그램 뷰 */

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

.program_viewbox						{border-bottom:1px solid #dfdfdf;}
.program_viewbox .infos					{border-top:1px solid #5e5e5e; overflow:hidden;}
.program_viewbox .tit					{font-family:"NotoKrB", sans-serif; line-height:140%; padding:25px 0 0 0;  font-size:1.5em; color:#333; letter-spacing:-1px;}
.program_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;}
.program_viewbox .infos  .ing			{background:#318ab8;}
.program_viewbox .infos .acc			{background:#44a389;}
.program_viewbox .infos .end			{background:#575757;}

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

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

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

.program_viewbox .files .tit			{float:left;width:140px; padding:5px 0 0 0;}
.program_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;}
.program_viewbox .files .txt			{float:right;width:calc(100% - 140px);line-height:180%;}


#program_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;}


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


	.program_h1							{font-size:1.1em;}
	.program_h2							{font-size:0.95em;}
	.program_viewbox .tit				{font-size:1.2em; padding:15px 0 0 0;}
	.program_viewbox .inf				{padding:5px 0;}
	.program_viewbox dl					{font-size:0.85em; padding:3px 0;}

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

}



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

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

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

}



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