From 18b8d130478e0fb5d77272a51c4f96beb5493abc Mon Sep 17 00:00:00 2001
From: KimHanJin <grips76@kakao.com>
Date: Mon, 29 Dec 2025 18:41:24 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B6=94=EA=B0=9C=EA=B0=9C=EB=B0=9C1229=5F3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FO/Views/Course/SmartSearch.cshtml | 402 +++++++++++++++++++++++------
 1 file changed, 322 insertions(+), 80 deletions(-)

diff --git a/FO/Views/Course/SmartSearch.cshtml b/FO/Views/Course/SmartSearch.cshtml
index 9943891..b024a17 100644
--- a/FO/Views/Course/SmartSearch.cshtml
+++ b/FO/Views/Course/SmartSearch.cshtml
@@ -9,88 +9,328 @@
 
 }
 <style>
-.clsPopWrap { max-width: 655px; }
-/* --- 교육신청 주의사항 팝업 CSS 시작 --- */
+	.clsPopWrap {
+		max-width: 655px;
+	}
+	/* --- 교육신청 주의사항 팝업 CSS 시작 --- */
 
-.edu-popup-container, .edu-popup-container button, .edu-popup-container input {font-family: 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
+	.edu-popup-container, .edu-popup-container button, .edu-popup-container input {
+		font-family: 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;
+	}
 
-#edu-modal-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);display: none;z-index: 9999;opacity: 0;transition: opacity 0.3s ease;}
-#edu-layer-popup {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.95);width: 90%;max-width: 780px;background-color: #fff;border-radius: 12px;display: none;z-index: 10000;box-shadow: 0 5px 20px rgba(0,0,0,0.2);box-sizing: border-box;overflow: hidden;opacity: 0;transition: opacity 0.3s ease, transform 0.3s ease;border : 3px solid #0047A7;}
-#edu-modal-overlay.active, #edu-layer-popup.active {display: block;opacity: 1;}
-#edu-layer-popup.active {transform: translate(-50%, -50%) scale(1);}
-.edu-popup-header {background-color: #2c3e50;color: #fff;padding: 18px;text-align: center;}
-.edu-popup-header h2 {margin: 0;font-size: 26px;font-weight: 700;color: #fff;}
-.edu-popup-content {padding: 35px 50px;line-height: 1.8;}
-.edu-popup-content h3 {color: #d90429;text-align: center;font-size: 26px;font-weight: 700;margin-top: 0;margin-bottom: 30px;}
-/* ★[수정] 중앙 정렬을 위한 컨테이너 */
-.edu-popup-content .text-center {text-align: center;}
-/* ★[수정] 리스트 기본 스타일 제거 */
-.edu-popup-content .text-center ol {padding-left: 0;list-style-type: none;
-display: inline-block; /* 컨텐츠 크기에 맞게 중앙 정렬 */
-text-align: left; /* 리스트 내용은 다시 좌측 정렬 */
-}
-/* ★[수정] 리스트 아이템 스타일 (글자 크기 증가 및 중앙 정렬) */
-.edu-popup-content .text-center li {
-text-align: center; /* 텍스트 중앙 정렬 */
-font-size: 18px; /* 글자 크기 증가 */
-font-weight: 500;
-line-height: 1.7;
-margin-bottom: 20px;
-}
-/* ★[수정] 중요(빨간색) 텍스트 스타일 */
-.edu-popup-content .text-center > .text-red {
-font-size: 20px; /* 글자 크기 증가 */
-font-weight: 600;
-margin-top: 10px;
-}
+	#edu-modal-overlay {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		background-color: rgba(0, 0, 0, 0.6);
+		display: none;
+		z-index: 9999;
+		opacity: 0;
+		transition: opacity 0.3s ease;
+	}
 
-.text-red {color: #d90429;font-weight: 600;}
-.text-blue {color: #1A5276;font-weight: 600;}
-.edu-details-btn {display: block;width: 220px;margin: 30px auto;padding: 10px;font-size: 16px;font-weight: 600;color: #555;background-color: #fff;border: 1px solid #ccc;border-radius: 5px;cursor: pointer;text-align: center;transition: background-color 0.2s, border-color 0.2s;}
-.edu-details-btn:hover {background-color: #f5f5f5;border-color: #bbb;}
-.edu-popup-content .info {font-size: 18px;margin-top: 30px;color: #333;font-weight: 600;text-align: center;}
-.edu-consent-check {margin-top: 10px;text-align: center;font-size: 18px;}
-.edu-consent-check input[type="checkbox"] {display: none;}
-.edu-consent-check label {position: relative;padding-left: 35px;cursor: pointer;line-height: 28px;display: inline-block;user-select: none;}
-.edu-consent-check label::before {content: '';position: absolute;left: 0;
-top: 1px; /* [수정] 수직 정렬 */
-width: 25px;height: 25px;border: 2px solid #aaa;background-color: #fff;border-radius: 5px;transition: all 0.2s;}
-.edu-consent-check input[type="checkbox"]:checked + label::before {background-color: #2c3e50;border-color: #2c3e50;}
-.edu-consent-check label::after {content: '';position: absolute;left: 9px;
-top: 5px; /* [수정] 수직 정렬 */
-width: 8px;height: 15px;border: solid white;border-width: 0 3px 3px 0;transform: rotate(45deg);opacity: 0;transition: opacity 0.2s;}
-.edu-consent-check input[type="checkbox"]:checked + label::after {opacity: 1;}
-.edu-popup-footer {text-align: center;padding: 25px;background-color: #f9f9f9;border-top: 1px solid #eee;}
-.edu-popup-footer button {width: 130px;padding: 12px 0;font-size: 19px;font-weight: 600;cursor: pointer;border: 1px solid #aaa;background-color: #fff;margin: 0 10px;border-radius: 6px;transition: all 0.2s;color: #333;}
-#edu-confirm-btn {background-color: #2c3e50;color: #fff;border-color: #2c3e50;}
-#edu-confirm-btn:hover {background-color: #34495e;}
-#edu-cancel-btn:hover {background-color: #f0f0f0;}
+	#edu-layer-popup {
+		position: fixed;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%) scale(0.95);
+		width: 90%;
+		max-width: 780px;
+		background-color: #fff;
+		border-radius: 12px;
+		display: none;
+		z-index: 10000;
+		box-shadow: 0 5px 20px rgba(0,0,0,0.2);
+		box-sizing: border-box;
+		overflow: hidden;
+		opacity: 0;
+		transition: opacity 0.3s ease, transform 0.3s ease;
+		border: 3px solid #0047A7;
+	}
 
-@@media (max-width: 768px) {
-    .edu-popup-header h2 {font-size: 22px;}
-    .edu-popup-content {padding: 30px 35px;}
-    .edu-popup-content h3 {font-size: 22px;}
-    .edu-popup-content .text-center li, .edu-popup-content .text-center > .text-red {font-size: 18px;}
-    .edu-popup-content .info, .edu-consent-check {font-size: 14px;}
-    .edu-popup-footer button {width: 120px;font-size: 17px;}
-}
+		#edu-modal-overlay.active, #edu-layer-popup.active {
+			display: block;
+			opacity: 1;
+		}
 
-@@media (max-width: 480px) {
-    .edu-popup-header h2 {font-size: 19px;}
-    .edu-popup-content {padding: 25px 20px;}
-    .edu-popup-content h3 {font-size: 19px;margin-bottom: 25px;}
-    .edu-popup-content .text-center li, .edu-popup-content .text-center > .text-red {font-size: 18px;line-height: 1.6;}
-    .edu-details-btn {width: 180px;font-size: 14px;}
-    .edu-popup-content .info {font-size: 18px;}
-    .edu-consent-check {font-size: 18px;}
-    .edu-consent-check label {padding-left: 30px;}
-    .edu-consent-check label::before {width: 22px;height: 22px;}
-    .edu-consent-check label::after {left: 8px;top: 4px;width: 6px;height: 12px;}
-    .edu-popup-footer {padding: 20px;}
-    .edu-popup-footer button {width: 100%;margin: 0;padding: 13px 0;}
-    .edu-popup-footer button:first-child {margin-bottom: 10px;}
-}
-/* --- 교육신청 주의사항 팝업 CSS 끝 --- */
+		#edu-layer-popup.active {
+			transform: translate(-50%, -50%) scale(1);
+		}
+
+	.edu-popup-header {
+		background-color: #2c3e50;
+		color: #fff;
+		padding: 18px;
+		text-align: center;
+	}
+
+		.edu-popup-header h2 {
+			margin: 0;
+			font-size: 26px;
+			font-weight: 700;
+			color: #fff;
+		}
+
+	.edu-popup-content {
+		padding: 35px 50px;
+		line-height: 1.8;
+	}
+
+		.edu-popup-content h3 {
+			color: #d90429;
+			text-align: center;
+			font-size: 26px;
+			font-weight: 700;
+			margin-top: 0;
+			margin-bottom: 30px;
+		}
+		/* ★[수정] 중앙 정렬을 위한 컨테이너 */
+		.edu-popup-content .text-center {
+			text-align: center;
+		}
+			/* ★[수정] 리스트 기본 스타일 제거 */
+			.edu-popup-content .text-center ol {
+				padding-left: 0;
+				list-style-type: none;
+				display: inline-block; /* 컨텐츠 크기에 맞게 중앙 정렬 */
+				text-align: left; /* 리스트 내용은 다시 좌측 정렬 */
+			}
+			/* ★[수정] 리스트 아이템 스타일 (글자 크기 증가 및 중앙 정렬) */
+			.edu-popup-content .text-center li {
+				text-align: center; /* 텍스트 중앙 정렬 */
+				font-size: 18px; /* 글자 크기 증가 */
+				font-weight: 500;
+				line-height: 1.7;
+				margin-bottom: 20px;
+			}
+			/* ★[수정] 중요(빨간색) 텍스트 스타일 */
+			.edu-popup-content .text-center > .text-red {
+				font-size: 20px; /* 글자 크기 증가 */
+				font-weight: 600;
+				margin-top: 10px;
+			}
+
+	.text-red {
+		color: #d90429;
+		font-weight: 600;
+	}
+
+	.text-blue {
+		color: #1A5276;
+		font-weight: 600;
+	}
+
+	.edu-details-btn {
+		display: block;
+		width: 220px;
+		margin: 30px auto;
+		padding: 10px;
+		font-size: 16px;
+		font-weight: 600;
+		color: #555;
+		background-color: #fff;
+		border: 1px solid #ccc;
+		border-radius: 5px;
+		cursor: pointer;
+		text-align: center;
+		transition: background-color 0.2s, border-color 0.2s;
+	}
+
+		.edu-details-btn:hover {
+			background-color: #f5f5f5;
+			border-color: #bbb;
+		}
+
+	.edu-popup-content .info {
+		font-size: 18px;
+		margin-top: 30px;
+		color: #333;
+		font-weight: 600;
+		text-align: center;
+	}
+
+	.edu-consent-check {
+		margin-top: 10px;
+		text-align: center;
+		font-size: 18px;
+	}
+
+		.edu-consent-check input[type="checkbox"] {
+			display: none;
+		}
+
+		.edu-consent-check label {
+			position: relative;
+			padding-left: 35px;
+			cursor: pointer;
+			line-height: 28px;
+			display: inline-block;
+			user-select: none;
+		}
+
+			.edu-consent-check label::before {
+				content: '';
+				position: absolute;
+				left: 0;
+				top: 1px; /* [수정] 수직 정렬 */
+				width: 25px;
+				height: 25px;
+				border: 2px solid #aaa;
+				background-color: #fff;
+				border-radius: 5px;
+				transition: all 0.2s;
+			}
+
+		.edu-consent-check input[type="checkbox"]:checked + label::before {
+			background-color: #2c3e50;
+			border-color: #2c3e50;
+		}
+
+		.edu-consent-check label::after {
+			content: '';
+			position: absolute;
+			left: 9px;
+			top: 5px; /* [수정] 수직 정렬 */
+			width: 8px;
+			height: 15px;
+			border: solid white;
+			border-width: 0 3px 3px 0;
+			transform: rotate(45deg);
+			opacity: 0;
+			transition: opacity 0.2s;
+		}
+
+		.edu-consent-check input[type="checkbox"]:checked + label::after {
+			opacity: 1;
+		}
+
+	.edu-popup-footer {
+		text-align: center;
+		padding: 25px;
+		background-color: #f9f9f9;
+		border-top: 1px solid #eee;
+	}
+
+		.edu-popup-footer button {
+			width: 130px;
+			padding: 12px 0;
+			font-size: 19px;
+			font-weight: 600;
+			cursor: pointer;
+			border: 1px solid #aaa;
+			background-color: #fff;
+			margin: 0 10px;
+			border-radius: 6px;
+			transition: all 0.2s;
+			color: #333;
+		}
+
+	#edu-confirm-btn {
+		background-color: #2c3e50;
+		color: #fff;
+		border-color: #2c3e50;
+	}
+
+		#edu-confirm-btn:hover {
+			background-color: #34495e;
+		}
+
+	#edu-cancel-btn:hover {
+		background-color: #f0f0f0;
+	}
+
+	@@media (max-width: 768px) {
+		.edu-popup-header h2 {
+			font-size: 22px;
+		}
+
+		.edu-popup-content {
+			padding: 30px 35px;
+		}
+
+			.edu-popup-content h3 {
+				font-size: 22px;
+			}
+
+			.edu-popup-content .text-center li, .edu-popup-content .text-center > .text-red {
+				font-size: 18px;
+			}
+
+			.edu-popup-content .info, .edu-consent-check {
+				font-size: 14px;
+			}
+
+		.edu-popup-footer button {
+			width: 120px;
+			font-size: 17px;
+		}
+	}
+
+	@@media (max-width: 480px) {
+		.edu-popup-header h2 {
+			font-size: 19px;
+		}
+
+		.edu-popup-content {
+			padding: 25px 20px;
+		}
+
+			.edu-popup-content h3 {
+				font-size: 19px;
+				margin-bottom: 25px;
+			}
+
+			.edu-popup-content .text-center li, .edu-popup-content .text-center > .text-red {
+				font-size: 18px;
+				line-height: 1.6;
+			}
+
+		.edu-details-btn {
+			width: 180px;
+			font-size: 14px;
+		}
+
+		.edu-popup-content .info {
+			font-size: 18px;
+		}
+
+		.edu-consent-check {
+			font-size: 18px;
+		}
+
+			.edu-consent-check label {
+				padding-left: 30px;
+			}
+
+				.edu-consent-check label::before {
+					width: 22px;
+					height: 22px;
+				}
+
+				.edu-consent-check label::after {
+					left: 8px;
+					top: 4px;
+					width: 6px;
+					height: 12px;
+				}
+
+		.edu-popup-footer {
+			padding: 20px;
+		}
+
+			.edu-popup-footer button {
+				width: 100%;
+				margin: 0;
+				padding: 13px 0;
+			}
+
+				.edu-popup-footer button:first-child {
+					margin-bottom: 10px;
+				}
+	}
+	/* --- 교육신청 주의사항 팝업 CSS 끝 --- */
 </style>
 
 <div class="container">
@@ -168,7 +408,7 @@ width: 8px;height: 15px;border: solid white;border-width: 0 3px 3px 0;transform:
 		</form>
 	</div>
 	<br />
-	@if (Model.stringval2 == "2" && (Model.stringval4 == "32" || Model.stringval4 == "108")) {
+	@if (Model.stringval2 == "2" && Model.stringval4 == "32") {
 		<p class='' style="font-weight: bold; font-size: 14pt;">※ 현재 신청중인 교육은 <span style='color: red; font-weight: bold'>집체교육 참석없이</span> 교육종료일까지 수료조건을 만족하시면 됩니다.</p>
 	} else if (Model.stringval2 == "2") {
 		<p class='' style="font-weight: bold; font-size: 14pt;">※ 현재 신청중인 교육은 <span style='color: red; font-weight: bold'>온라인교육(동영상강의28시간 + 집체참석7시간)</span> 교육입니다.</p>
@@ -841,8 +1081,10 @@ width: 8px;height: 15px;border: solid white;border-width: 0 3px 3px 0;transform:
 			$("#strVal21").val($("#pcmno_" + pcmno + "_cgcode").val());
 
 			if (str3 == 28 && str4 == 31 && ($("#pcmno_" + pcmno + "_cgcode").val() == 103 || $("#pcmno_" + pcmno + "_cgcode").val() == 104)) {
-				$('#edu-layer-popup').addClass('active');
-				return;
+				if (str5 == "38" || str5 == "39") {	//고급/특급
+					$('#edu-layer-popup').addClass('active');
+					return;
+				}
 			}