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


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

.program_list_date1			{color:#333333; }
.program_list_date2			{color:#666666;}
.program_list_jogun			{color:#999999; }

.tooltip					{position:absolute;top:0;left:0;display:none;font-size:11px;font-weight:bold;letter-spacing:0;text-align:left;color:white;background-color:#f87b16;line-height:18px;padding:6px 10px;z-index:999999999;}


/* 검색 상단 
.program_searchtop						{overflow:hidden; margin:0 0 20px 0;}
.program_searchtop .count_stxt				{float:left; padding:20px 0 0 0; }
.program_searchtop dl					{float:right; width:45%; overflow:hidden;}
.program_searchtop dl dt					{float:left; width:23%; position:relative;}
.program_searchtop select				{width:100%; padding:0 10px; height:46px; vertical-align:top;border:1px solid #d4d4d4;cursor:pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.program_searchtop dl dt:after			{position: absolute; content: ''; display: block; z-index:1; top:17px; right:10px; width: 5px; height: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom: 2px solid #7d7d7d; border-right: 2px solid #7d7d7d;}
.program_searchtop dl dd					{float:right; width:calc(77% - 5px);height:48px;color:#333;line-height:48px;vertical-align:top !important;}
.program_searchtop .input_form			{box-sizing:border-box; width:calc(100% - 70px); height:46px;color:#666; vertical-align:top;border:1px solid #d4d4d4; padding:0 10px; letter-spacing:-0.75px;margin:0;}
.program_searchtop .btn					{float:right; border:1px solid #3f4247; background:#3f4247; height:46px; line-height:40px; width:70px; text-align:center; color:#fff; letter-spacing:-1px;}
.program_searchtop .btn:hover			{background:#333;}
*/ 

/* 서치박스 */
.program_searchtop					{overflow:hidden; margin-bottom:20px;}
.program_searchtop .count_stxt				{float:left; padding:0 0 8px 0; }
.program_searchbox					{float:right; width:40%;}
.program_searchbox select			{float:left;padding-left:5px;width:25%;height:42px;font-size:0.9em; vertical-align:top;border:1px solid #ddd;cursor:pointer;}
.program_searchbox span				{position:relative;float:right;margin-left:5px;width:calc(75% - 5px);height:42px;color:#333;line-height:42px;vertical-align:top;}
.program_searchbox .search_input	{box-sizing:border-box; width:calc(100% - 62px); height:42px;color:#333; font-size:0.9em;vertical-align:top;border:1px solid #ddd; padding:0 10px; letter-spacing:-0.75px;}
.program_searchbox .search_btn		{float:right; border:1px solid #3f4247; background:#3f4247; height:42px; line-height:40px; width:56px; text-align:center; color:#fff; letter-spacing:-1px; font-size:0.9em;}
.program_searchbox .search_btn:hover	{background:#333;}



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

	.program_searchtop .count_stxt			{float:none; padding:0 0 10px 0;}
	.program_searchtop dl				{float:none; width:100%;}

}

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

	.program_searchtop dl dt				{float:none; width:100%; margin-bottom:5px;}
	.program_searchtop dl dd				{float:none; width:100%;}

}




/* 리스트*/
.program_count_stxt							{padding:10px   0; font-size:0.95em;}

/*.program_listbox01							 {position:relative; display: flex; flex-flow:wrap;justify-content:space-between ;   }*/
.program_listbox01							 {position:relative; display: flex; flex-flow:wrap;}
.program_listbox01:after					{content:""; display:block; clear:both;}
/*.program_listbox01 li						{position:relative;width: 32%;box-sizing:border-box;  border:1px solid #ddd; margin:0 0 30px 0;  } */
.program_listbox01 li						{position:relative;width: calc(33.33% - 20px);box-sizing:border-box;  border:1px solid #ddd; margin:0 30px 30px 0;  } 
.program_listbox01 li:nth-child(3n)			{margin:0 0 30px 0;} 
.program_listbox01 .tag					{z-index:1; position:absolute; left:0; top:20px; width:100px; height:40px; line-height:39px; color:#fff; text-align:center; font-size:0.95em; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.program_listbox01 .ing					{background:#1fb5ac;}
.program_listbox01 .acc					{background:#f36d6a;}
.program_listbox01 .end					{background:#7e7e7e;}
.program_listbox01 .img					{position:relative; height:200px; text-align:center; overflow:hidden;   }
.program_listbox01 .img img				{object-fit: cover; }
.program_listbox01 dl						{padding:30px 25px;}
.program_listbox01 dl dt					{font-weight:500; margin-bottom:10px; letter-spacing:-1px; font-size:1.2em; color:#333; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.program_listbox01 dl dd					{color:#666;  font-size:0.95em; line-height:140%;padding:4px 0;}
.program_listbox01 dl dd span				{color:#666; font-weight:300;}
.program_listbox01 dl dd .fcrimson		{color:#f36d6a; font-weight:300;}
.program_listbox01 li .layer				{position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.15) 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_listbox01 li:hover .layer		{display:block;}

.program_listbox01 .btns					{text-align:center; }
.program_listbox01 .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;}
.program_listbox01 .btns .btn01:hover		{border:1px solid #444; background:#555; color:#fff; }
.program_listbox01 .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;}
.program_listbox01 .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;}
.program_listbox01 .btns .btn02:hover		{border:1px solid #444; background:#555; color:#fff; }
.program_listbox01 .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;}
.program_listbox01 .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;}
.program_listbox01 .btns .btn03:hover		{border-color:#a72030; background:#ad2938;}
.program_listbox01 .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;}

.program_listbox01 .listnot				{width:100% !important;padding:70px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}


#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_view_line			{padding:5px 0;overflow:hidden;}
.program_view_line:last-child			{border-bottom:none;}



 

/* 뷰 */

.online_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					{padding:  30px; border:1px solid #ddd;  }
.program_viewbox .tit					{font-weight:700; line-height:140%; font-size:1.5em; color:#333; letter-spacing:-1px; padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #ddd;}
.program_viewbox .infos .stat2			{width:80px;display:inline-block;margin-right:10px;height:35px; line-height:35px; color:#fff; text-align:center; font-size:14px}
.program_viewbox .infos  .ing			{background:#1fb5ac;}
.program_viewbox .infos .acc			{background:#f36d6a;}
.program_viewbox .infos .end			{background:#7e7e7e;}

.program_viewbox .inf					{position:relative; }
.program_viewbox .inf .subinfo			{display:inline-block;}
.program_viewbox dl						{overflow:hidden;  padding:3px 0;}
.program_viewbox .inf dl:last-child		{padding-bottom:0;}
.program_viewbox dl dt					{position:relative; padding:0 0 0 10px; float:left; min-width:95px; font-weight:500; color:#222; }
.program_viewbox dl dt:after			{position:absolute; content:''; display:block; left:0; top:10px; width:3px; height:3px; background:#008f91;}
.program_viewbox dl dd					{padding-left:85px; color:#444;}

.program_viewbox .cont					{padding:30px 0px;min-height:200px;}
.program_viewbox .cont img				{width:100%;text-align:center;}

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

.content1_col .textarea_form			{border-color:#ccc;}


#program_sinform_box					{background:#fafafa; padding:20px 30px; margin:40px 0; border:1px solid #ddd; border-top:2px solid #333;}
#program_sinform_box .form_privacy_wrap	{background:#fff;padding:15px;}

.program_user_textarea		{height:100px;background-color:#ffffff; padding:10px ;border: 1px solid #bbb; overflow-x:hidden;overflow:auto;}

.program_color999			{color:#999999;}

.program_form_btn			{display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#a0a0a0;border:1px solid #a0a0a0;margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;} 

.program_form_btn02			{display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#d92a34;border:1px solid #d92a34; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;}

.program_form_btn03			{display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#fa7000;border:1px solid #fa7000; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;}

.program_form_btn04			{display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#d23f45;border:1px solid #d23f45; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;}
.program_form_btn04:focus	{display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#d23f45;border:1px solid #d23f45;margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;}

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

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

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

.program_list_box			{overflow:hidden;color:#333;line-height:35px;background:#fff;border-top:2px solid #555;border-bottom:1px solid #ddd;}

.program_list_box div.title			{box-sizing:border-box;float:left;width:13%;font-weight:bold;text-align:center;background:#f9f9f9;}
.program_list_box div.content		{box-sizing:border-box;float:left;width:87%;border-left:1px solid #ddd;padding-left:10px;background:#f9f9f9;}
.program_list_box div.title1		{box-sizing:border-box;float:left;width:13%;font-weight:bold;text-align:center;border-top:1px solid #ddd;}
.program_list_box div.content1		{box-sizing:border-box;float:left;width:37%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.program_list_box div.content1_col	{box-sizing:border-box;float:left;width:87%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.program_list_box div.title2		{box-sizing:border-box;float:left;width:13%;font-weight:bold;text-align:center;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.program_list_box div.content2		{box-sizing:border-box;float:left;width:37%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}

.program_view_box					{overflow:hidden;color:#333; line-height:42px; border-top:1px solid #ddd;border-bottom:1px solid #ddd; padding:10px 0;}
.program_view_box .input_form		{border-color:#ccc;height:35px; line-height:35px;padding:5px;}	 
.program_view_box div.title			{box-sizing:border-box;float:left;width:13%;font-weight:bold;text-align:center;background:#F3F3F3;}
.program_view_box div.content		{box-sizing:border-box;float:left;width:87%; padding-left:10px;background:#F3F3F3;}
.program_view_box div.title0		{box-sizing:border-box;float:left;width:15%;font-weight:bold; text-indent:10px;}
.program_view_box div.content0		{box-sizing:border-box;float:left;width:85%; padding-left:10px;}
.program_view_box div.title1		{box-sizing:border-box;float:left;width:15%; }
.program_view_box div.content1		{box-sizing:border-box;float:left;width:37%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.program_view_box div.content1_col	{box-sizing:border-box;float:left;width:85%; padding-left:10px;}
.program_view_box div.title2		{box-sizing:border-box;float:left;width:13%;font-weight:bold;text-align:center;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.program_view_box div.content2		{box-sizing:border-box;float:left;width:37%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.program_view_box div.content2_col	{box-sizing:border-box;float:left;width:100%;border-top:1px solid #ddd;padding:10px 0px 0px 10px;}

.program_view_box .input_form_w1			{width:50%;}

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

/*.program_listbox01 li					{ margin:0 0 20px 0; }*/
.program_listbox01 li					{width: calc(33.33% - 14px);margin:0 21px 20px 0;  } 
.program_listbox01 li:nth-child(3n)		{margin:0 0 20px 0;} 
.program_listbox01 .tag				{font-size:0.9em;}
.program_listbox01 dl						{padding:25px;}
.program_listbox01 dl dt				{font-size:1.1em; margin-bottom:7px;}
.program_listbox01 dl dd				{font-size:0.95em; margin:0;}

.program_viewbox .infos				{padding:20px;}
.program_viewbox .tit				{font-size:1.2em; margin-bottom:10px;}
.program_viewbox .inf				{padding:5px 0;}
.program_viewbox dl					{font-size:0.95em;}
.program_viewbox .cont				{padding:20px 0;}
#program_sinform_box				{padding:20px; margin:20px 0;}


.program_view_box .input_form_w1			{width:70%;}
}

/* screen 950px */
@media screen and (max-width:950px) {
.program_listbox01 li					{width: calc(50% - 10px);margin:0 20px 20px 0;  } 
.program_listbox01 li:nth-child(3n)		{margin:0 20px 20px 0;} 
.program_listbox01 li:nth-child(2n)		{margin:0 0 20px 0;} 

.program_listbox01 dl						{padding:20px;}
 
}

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

.program_view_box .input_form_w1			{width:100%;} 
 

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

.program_view_box					{line-height:36px;}
.program_view_box div.title0,
.program_view_box div.content0,
.program_view_box div.title1,
.program_view_box div.content1_col	{float:none; width:100%; padding:0; text-indent:0;}

}



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

.program_listbox01 li					{width: 100%;margin:0 0 20px 0;  } 
.program_listbox01 li:nth-child(3n),
.program_listbox01 li:nth-child(2n)		{margin:0 0 20px 0;} 

.program_listbox01 .img			{ height:220px;     } 

}