/* 검색박스	==================================================================================== */ 
.program_sch						{margin-bottom:20px; background:#f0f2f8; padding:20px 30px;}
.program_sch dl						{overflow:hidden; padding:2px 0;}
.program_sch dl dt					{float:left; width:80px; color:#111; font-weight:500; line-height:40px;}
.program_sch dl dd					{overflow:hidden; float:right; text-align:left;width:calc(100% - 80px);color:#555; line-height:34px;}
.program_sch .label li				{display:inline-block; padding-right:20px;}
.program_sch .label li:last-child	{padding:0;}
.program_sch .lt					{position:relative; float:left; }
.program_sch select					{height:40px; width:160px; padding:0 10px; border-color:#d8d8d8; appearance: none; -moz-appearance: none; -webkit-appearance: none; margin:0;}
.program_sch .arr:after				{position: absolute; content: ''; display: block; z-index:1; top:43%; right:10px; width: 5px; height: 5px;  transform: rotate(45deg); border-bottom: 2px solid #7d7d7d; border-right: 2px solid #7d7d7d;}
.program_sch .rt					{float:right; width:calc(100% - 165px); overflow:hidden;}
.program_sch .input_form			{line-height:38px; width:calc(100% - 90px); margin:0; padding:0 10px;}
.program_sch .btns input			{float:right; width:62px; line-height:38px; background:#676a74; border:1px solid #676a74; color:#fff; cursor:pointer; transition: all 0.3s ease;}
.program_sch .btns input:hover		{background-color:#000; border-color:#000;}


@media screen and (max-width:1024px) {
	.program_sch					{padding:15px 20px;}
	.program_sch select				{width:100px;}
	.program_sch .rt				{width:calc(100% - 105px);}
}

@media screen and (max-width:768px) {
	.program_sch .label li			{padding-right:10px; font-size:0.95em;}
	.program_sch dl					{padding:0;}
	.program_sch dl:last-child dt	{display:none;}
	.program_sch dl:last-child dd	{float:none; width:100%;}
}

@media screen and (max-width:580px) {
	.program_sch select				{width:100%;}
	.program_sch .lt				{float:none; margin-bottom:5px;}			
	.program_sch .rt				{float:none; width:100%;}
}


/* 교육과정 리스트 =======================================================================================*/
.process_list_box			{border-top:1px solid #333;}
.process_list_box li		{position:relative; border-bottom:1px solid #e5e5e5; padding:18px 20px; overflow:hidden;}
.process_list_box li:nth-child(even)	{background:#fafafa;}
.process_list_box .tit		{color:#333; font-size:1.1em; font-weight:500; letter-spacing:-1px; margin-bottom:10px;}
.process_list_box .tag		{padding:2px 15px; line-height:20px; font-size:14px; margin-right:7px; letter-spacing:-0.5px; background:#fff; border-radius:20px;}
.process_list_box dl		{font-size:0.95em; float:left; width:50%;}
.process_list_box dl dt		{float:left;}
.process_list_box dl dd		{padding-left:70px;}
.process_list_box .oneline	{float:none; width:100%;}

.process_list_box .more 		{position:absolute; right:10px; top:20px; background:#5c666f; color:#fff; font-size:0.85em; padding:2px 10px; letter-spacing:-1px;}
.process_list_box li:hover .more,
.process_list_box .more:hover	{background:#333;}

.process_sin .tag.sin			{display:inline-block; padding:7px 20px; background:#1F3FAA; color:#fff; vertical-align:top;}
.process_sin .tag.sin:hover		{background:#333; }

/* 교육타입 */
.tag.filsu1		{border:1px solid #004bb8; color:#004bb8;} /* 공통 */
.tag.filsu2		{border:1px solid #ee2e2e; color:#ee2e2e;} /* 필수 */
.tag.filsu3		{border:1px solid #34a9a9; color:#34a9a9;} /* 선택 */


@media screen and (max-width:1024px) {
	.process_list_box li			{padding:15px 10px;}
	.process_list_box .tit			{margin-bottom:5px;}
	.process_list_box dl			{float:none; width:100%;}

	.process_list_box .more			{position:relative; right:0; top:0; float:right;}
}


/* 교육과정 뷰 ====================================================================================================================*/
.process_view_cont .tit				{padding:15px 10px; text-align:center; font-size:1.4em; letter-spacing:-1px; font-weight:700; color:#333;}
.process_view_cont .tit .tag		{display:inline-block; vertical-align:top; padding:0 12px; height:26px; line-height:22px; font-size:14px; margin-right:10px; letter-spacing:-0.5px; border-radius:20px;}

.process_view_cont .infobox			{margin-bottom:40px; border-top:1px solid #333;}
.process_view_cont .infobox li		{overflow:hidden; }
.process_view_cont .infobox dl		{position:relative; display:grid; grid-template-columns:120px auto; float:left; width:50%; border-bottom:1px solid #e5e5e5;}
.process_view_cont .infobox dl dt	{padding:12px 10px; color:#111; background:#fafafa; border-right:1px solid #e5e5e5; text-align:center;}
.process_view_cont .infobox dl dd	{padding:12px 10px; border-right:1px solid #e5e5e5;}
.process_view_cont .infobox dl:last-child dd	{border-right:0;}
.process_view_cont .infobox .oneline	{float:none; width:100%; } 

.process_view_cont figure			{margin-bottom:40px; }
.process_view_cont figure img		{width:100%; border:1px solid #eaeaea;}

.process_view_cont .cont			{padding-bottom:40px; border-bottom:1px solid #ddd;}


@media screen and (max-width:1024px) {
	.process_view_cont .infobox,
	.process_view_cont figure			{margin-bottom:20px;}
	.process_view_cont .tit				{font-size:1.1em; padding:0 10px 15px 10px;}
	.process_view_cont .tag				{height:24px; line-height:22px;}
	.process_view_cont .infobox dl		{float:none; width:100%; grid-template-columns:100px auto; }
	.process_view_cont .infobox dl dt,
	.process_view_cont .infobox dl dd	{padding:10px 8px;}
}