/* 교육 리스트 ================================================================================== */
.state							{position:relative; display: inline-block; text-align:center; vertical-align:middle; min-width:65px; padding:0 3px; line-height:26px; border:1px solid rgba(0,0,0,0.1); font-size:0.9em; color:#fff;}
.state_ing						{background:#64c9ce;} /* 민트색 : 접수중 */
.state_acc						{background:#2a89e1;} /* 파란색 : 접수완료 */
.state_wait						{background:#c3cb0f;} /* 연두색 : 대기 */
.state_end						{background:#c3c2c2;} /* 회색 : 완료 */
.state_finish					{background:#e9ba6d;} /* 재승인대기 */
.state_return					{background:#e77987;} /* 적색 : 반려 */

.program_list_wrap				{border-top:1px solid #44465c; margin-bottom:20px;}
.program_list_wrap li 			{position:relative; display:table; table-layout:fixed; text-align:center; width:100%; border-bottom:1px solid #dfdfdf;}
.program_list_wrap li:hover		{background:#f4f5f8;}
.program_list_wrap li p			{position:relative; display:table-cell; vertical-align:middle; padding:0 10px;}
.program_list_wrap .head		{text-align:center;  background:#f9f9f9; line-height:56px;}
.program_list_wrap .head:hover	{background:#f9f9f9;}
.program_list_wrap .head p		{font-family: 'GmarketSansMedium'; color:#111; text-align:center;}
.program_list_wrap .wrap		{padding:15px 0;}
.program_list_wrap .wrap a		{display:table-row;}
.program_list_wrap .wrap p		{color:#888;}
.program_list_wrap .tit			{text-align:left; padding:0 20px;}
.program_list_wrap .people		{width:12%;}
.program_list_wrap .btn			{width:12%;}
.program_list_wrap .wrap .tit	{color:#333; font-weight:500; font-size:1.1em; letter-spacing:-1px;}
.program_list_wrap .tit	em		{display:block; font-style:normal; font-size:16px; letter-spacing:-0.75px; color:#888;}
.program_list_wrap .date		{width:20%;}
.program_list_wrap .stit		{display:none;}
.program_list_wrap .sub_list02	{padding:1px 0 1px 12px;}


@media screen and (max-width:1024px) {
	.program_list_wrap .head		{display:none;}	
	.program_list_wrap li p			{display:block; padding:0; text-align:left;}
	.program_list_wrap .wrap		{padding:15px 10px;}
	.program_list_wrap .btn			{position:absolute; right:10px; top:15px; width:auto;}
	.program_list_wrap .tit,
	.program_list_wrap .people,
	.program_list_wrap .date		{width:100%;font-size:0.9em;line-height:1.4;}
	.program_list_wrap .tit			{padding:0px 85px 0px 0px;}
	.program_list_wrap .stit		{display:inline-block; margin-right:3px;}
}


/* 교육 뷰 ================================================================================== */
.program_view_info				{position:relative; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:40px; line-height:180%;}
.program_view_info .cate		{color:#0d57b8; line-height:1.2; font-size:1.05em;}
.program_view_info .cate span	{font-weight:500;}
.program_view_info .cate span:first-child	{position:relative; padding-right:20px;}
.program_view_info .cate span:first-child:after		{position:absolute; content:''; top:9px; right:8px; border: solid #ccc; border-width:2px 2px 0 0; padding:3px; transform: rotate(45deg);}
.program_view_info .tit			{line-height:140%; font-size:1.4em; font-weight:700; color:#333; letter-spacing:-1px; padding:15px 0;}
.program_view_info .tit span	{min-width:80px; padding:0px 5px; line-height: 36px; font-size:16px; margin-right:20px;}
.program_view_info dl			{overflow:hidden; letter-spacing:-0.75px; padding:2px 0;}
.program_view_info dl dt		{position:relative; float:left; width:80px; border:1px solid #dfdfdf; text-align:center; font-weight:500; font-size:0.95em;}
.program_view_info dl dd		{padding-left:100px; color:#555;}
.program_view_info .fname		{font-size:0.95em; color:#666;}
.program_view_info .file		{background:#f9f9f9; padding:15px 20px; margin-top:20px; font-size:0.9em;}

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

.program_formbox				{background:#fafafa; padding:40px 25px 20px 25px; border:1px solid #eaeaea; border-top:1px solid #333;}
.program_formbox .tit			{font-size:1.3em; font-weight:500; padding:15px 0; text-align:center; background:#f5f5f5; border:1px solid #eaeaea; letter-spacing:-1px; }
.program_formbox .wrap			{border:1px solid #eaeaea; padding:30px; border-top:1px solid #44465c;}
.program_formbox .sub_table		{border-top:1px solid #ddd;}
.program_formbox .textarea_form	{border-color:#ddd;}
.program_formbox .input_form	{border-color:#ddd; line-height:36px;}
.program_formbox h4				{font-size:1.25em; text-indent:20px;}
.program_formbox h4:after		{width:5px;}
.program_formbox h4:before		{display:none;}
.program_formbox .gtable tbody th	{font-family: 'GmarketSansMedium'; text-align:left; font-weight:500; background:#fafafa; }
.program_formbox .ghelp			{color:#15afb5; margin-top:5px;}

.program_formbox .notibox		{overflow:hidden; margin-bottom:30px; padding-bottom:20px; border-bottom:1px dotted #ccc;}
.program_formbox .notibox dt	{font-family: 'GmarketSansMedium'; float:left;  color:#333; font-size:1.1em;}
.program_formbox .notibox dt i	{color:#f8a519; margin-right:10px;}
.program_formbox .notibox dd	{padding-left:200px;}
.program_formbox .notibox .sub_list01:first-child	{padding-top:0;}

.program_agree_box				{margin-top:30px;}
.program_agree_box h5			{margin-bottom:10px;}
.program_agree_box .box			{border:1px solid #eaeaea; padding:20px; background:#fff;}
.program_agree_box .textarea_form		{border-color:#fff; font-size:0.9em; padding:0; height:150px;}
.program_agree_box .bottom				{background:#f5f5f5; text-align:center; font-size:0.9em; padding:10px; margin-top:20px;}

.program_view_list				{border-top:2px solid #179fa5; margin-bottom:40px;}
.program_view_list li			{position:relative; border-bottom:1px solid #ddd; padding:23px 20px;}
.program_view_list li:hover		{background:#fafafa;}
.program_view_list dl dt		{font-weight:500; font-size:1.1em; color:#333; letter-spacing:-1px; margin-bottom:10px;}
.program_view_list dl dd		{overflow:hidden; font-size:0.95em;}
.program_view_list dl dd p		{float:left; width:33.3%; color:#888;}
.program_view_list dl dd strong	{position:relative; display:inline-block; font-weight:500; padding-right:25px; color:#555;}
.program_view_list dl dd strong:after	{content:''; position:absolute; top:2px; right:12px; bottom:0; width:1px; height:0.9em; margin:auto; background:#d1d1d2;}
.program_view_list .btn			{position:absolute; top:35px; right:20px;}
.program_view_list .btn .state	{line-height:36px; min-width:100px; border-radius:20px;}
.program_view_list li:hover .state	{background:#179fa5; color:#fff; border-color:#179fa5;}
.program_view_list .state_ing		{border:1px solid #64c9ce; color: #64c9ce; background:#fff;} /* 민트색 : 접수중 */
.program_view_list .state_acc		{border:1px solid #2a89e1; color:#2a89e1; background:#fff;} /* 파란색 : 접수완료 */
.program_view_list .state_wait		{border:1px solid #c3cb0f; color:#c3cb0f; background:#fff;} /* 연두색 : 대기 */
.program_view_list .state_end		{border:1px solid #c3c2c2; color:#c3c2c2; background:#fff;} /* 회색 : 완료 */
.program_view_list .state_finish	{border:1px solid #e9ba6d; color:#e9ba6d; background:#fff;} /* 재승인대기 */
.program_view_list .state_return	{border:1px solid #e77987; color:#e77987; background:#fff;} /* 적색 : 반려 */


@media screen and (max-width:1024px) {
	.program_view_info .cate		{font-size:0.85em;}
	.program_view_info .tit			{font-size:1.25em; padding:12px 0 15px 0;}
	.program_view_info .tit span	{font-size:15px; margin-right:12px;}
	.program_view_info dl			{font-size:0.95em;}
	.program_view_info .file		{padding:15px;}

	.program_view_list				{margin-bottom:20px;}
	.program_view_list li			{padding:20px 10px;}
	.program_view_list dl dt		{font-size:1.1em;}
	.program_view_list dl dd p		{float:none; width:100%;}
	.program_view_list .btn			{top:20px;}
	.program_view_list .btn .state	{line-height:32px; min-width:80px;}

	.program_formbox				{padding:20px 25px; padding-bottom:0;}
	.program_formbox .notibox dt	{float:none; margin-bottom:10px;}
	.program_formbox .notibox dd	{padding:0;}
	.program_agree_box				{margin-top:20px;}

}

@media screen and (max-width:768px) {
	.program_view_info .tit span	{display:block; margin:0 0 15px 0;}

	.program_view_list .btn			{position:relative; top:0; right:0; margin-top:20px;}
	.program_view_list .btn .state	{min-width:100%;}

}



/* 접수 뷰페이지 상단  ================================================================================== */
.program_sinviewbox								{ position:relative; border-top:2px solid #4b5267;padding:30px; margin-bottom:20px; border-bottom:1px solid #d5d5d5; background:#fff; background:#f5f5f5;}
.program_sinviewbox .tit						{position:relative;color:#333; font-weight:600; font-size:1.4em;padding:0 0 25px 0; letter-spacing:-1px; border-bottom:1px solid #d5d5d5; text-indent:85px;} 
.program_sinviewbox .cont						{position:relative;padding:15px 0 0 0 ;}
.program_sinviewbox .cont dl					{position:relative;overflow:hidden;margin:7px 0 0 0; display:flex;}
.program_sinviewbox .cont dl dt					{position:relative; width:100px; padding:0 0 0 15px;letter-spacing:-1px; } 
.program_sinviewbox .cont dl dt:before			{position:absolute; content:''; top:10px; left:3px; width:3px; height:3px; background:#999;}
.program_sinviewbox .cont dl dt:after			{position:absolute;content:'';top:4px;right:0;width:1px;height:18px; background:#ccc; z-index:1;}
.program_sinviewbox .cont dl dd					{position:relative;padding:0 0 0 15px; }
.program_sinviewbox .cont dl dd b				{color:#1475dc;}

.program_sinviewbox .btn						{position:absolute;display:block; right:30px;top:18px; letter-spacing:-1px;line-height:45px;padding:0 12px 0 15px; font-size:1.05em; border-radius:3px; z-index:1;transition:all 0.25s ease;}
.program_sinviewbox .btn i						{margin:0 5px 0 5px;transition:all 0.25s ease;}
.program_sinviewbox .btn:hover i				{margin:0 0 0 10px; transition:all 0.25s ease;}
.program_sinviewbox .btn01						{color:#fff;background:#01315c;border:1px solid #002444;cursor:pointer;} 
.program_sinviewbox .btn02						{color:#989da4;background:#fff;border:1px solid #aaa;}

.program_sinviewbox em							{position:absolute;display:block; left:30px;top:25px;font-style:normal;color:#fff; letter-spacing:-1px;padding:4px 10px;font-size:0.9em;border-radius:2px;z-index:1;}
.program_sinviewbox .ing						{background:#01315c;}
.program_sinviewbox .acc						{background:#01315c;}
.program_sinviewbox .end,
.program_sinviewbox .wait						{background:#989da4;}