Commit @4ccf28a8ed193a3264014bcded07de9c949d260b

yanghyo 10-21

과목선택, 모달팝업 > 팝업으로 수정

@4ccf28a8ed193a3264014bcded07de9c949d260b

e230bf1

4ccf28a

html/onSejong/_module/achievecode.html

--- html/onSejong/_module/achievecode.html

+++ html/onSejong/_module/achievecode.html


 ﻿<fieldset class="achievecod-section achievecode-type checkradio-area">
 	<legend>교육과정, 테마 선택</legend>
 	<div class="checkradio">
-		<input type="radio" name="achievecodeType" id="achievecodeType-curriculum" checked />
+		<input type="radio" name="achievecodeType" id="achievecodeType-curriculum" checked>
 		<label for="achievecodeType-curriculum">교육과정</label>
 	</div>
 	<div class="checkradio">
-		<input type="radio" name="achievecodeType" id="achievecodeType-theme" />
-		<label for="achievecodeType-theme">테마</label>
+		<input type="radio" name="achievecodeType" id="achievecodeType-theme">
+		<label for="achievecodeType-major">전공학부</label>
+	</div>
+	<div class="checkradio">
+		<input type="radio" name="achievecodeType" id="achievecodeType-etc">
+		<label for="achievecodeType-etc">고시 외</label>
 	</div>
 </fieldset>
 <ul class="achievecod-section achievecode-sch">

 		</select>
 	</li>
 	<li class="is-disabled">
-		<input type="text" placeholder="과목" class="subject-sch" disabled />
+		<input type="text" placeholder="과목" title="과목 입력" class="subject-sch" disabled>
 		<button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button>
 	</li>
-	<li class="is-disabled">
-		<input type="text" placeholder="성취기준, 코드검색" class="achievecode-sch" disabled />
-		<button type="button" class="btn-sch" onclick="popupOpenPub('popup-achievecode')" disabled>과목 검색</button>
-	</li>
-</ul>
-<div class="achievecod-section achievecode-keyword">
-	<strong>최근 선택한 과목</strong>
-	<div class="txt-area">
-		<button type="button">과목1</button>
-		<button type="button">과목2</button>
-		<button type="button">과목3</button>
-		<button type="button">과목4</button>
-		<button type="button">과목5</button>
-	</div>
-</div>
+</ul>

e230bf1

4ccf28a

html/onSejong/common/sub/achievecode.html

--- html/onSejong/common/sub/achievecode.html

+++ html/onSejong/common/sub/achievecode.html


 <html lang="ko">
 	<head>
 		<title>온세종학교</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<meta name="Author" content="" />
-		<meta name="Keywords" content="" />
-		<meta name="Description" content="" />
-		<meta name="format-detection" content="telephone=no" />
-		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
-		<link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+		<meta name="Author" content="">
+		<meta name="Keywords" content="">
+		<meta name="Description" content="">
+		<meta name="format-detection" content="telephone=no">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+		<link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
 		<!-- 공통 plugin -->
 		<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
 		<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>

 				<div class="wrap">
 					<div class="page-tit-area">
 						<div class="l-area">
-							<h2 class="title-xlg">성취기준 검색(공통)</h2>
+							<h2 class="title-xlg">교육과정 검색(공통)</h2>
 						</div>
 					</div>
 					<section class="section">
 						<header class="section-tit-area">
 							<div class="l-area">
-								<h3 class="title-lg">성취기준 코드 검색 disabled</h3>
+								<h3 class="title-lg">교육과정 검색 disabled</h3>
 							</div>
 						</header>
 						<div class="achievecode-sch-area">
 							<fieldset class="achievecod-section achievecode-type checkradio-area">
 								<legend>교육과정, 테마 선택</legend>
 								<div class="checkradio">
-									<input type="radio" name="achievecodeType" id="achievecodeType-curriculum" checked />
+									<input type="radio" name="achievecodeType" id="achievecodeType-curriculum" checked>
 									<label for="achievecodeType-curriculum">교육과정</label>
 								</div>
 								<div class="checkradio">
-									<input type="radio" name="achievecodeType" id="achievecodeType-theme" />
-									<label for="achievecodeType-theme">테마</label>
+									<input type="radio" name="achievecodeType" id="achievecodeType-theme">
+									<label for="achievecodeType-major">전공학부</label>
+								</div>
+								<div class="checkradio">
+									<input type="radio" name="achievecodeType" id="achievecodeType-etc">
+									<label for="achievecodeType-etc">고시 외</label>
 								</div>
 							</fieldset>
 							<ul class="achievecod-section achievecode-sch">

 									</select>
 								</li>
 								<li class="is-disabled">
-									<input type="text" placeholder="과목" class="subject-sch" disabled />
+									<input type="text" placeholder="과목" title="과목 입력" class="subject-sch" disabled>
 									<button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button>
 								</li>
-								<li class="is-disabled">
-									<input type="text" placeholder="성취기준, 코드검색" class="achievecode-sch" disabled />
-									<button type="button" class="btn-sch" onclick="popupOpenPub('popup-achievecode')" disabled>과목 검색</button>
-								</li>
 							</ul>
-							<div class="achievecod-section achievecode-keyword">
-								<strong>최근 선택한 과목</strong>
-								<div class="txt-area">
-									<button type="button">과목1</button>
-									<button type="button">과목2</button>
-									<button type="button">과목3</button>
-									<button type="button">과목4</button>
-									<button type="button">과목5</button>
-								</div>
-							</div>
 						</div>
 					</section>
+
 					<section class="section">
 						<header class="section-tit-area">
 							<div class="l-area">
-								<h3 class="title-lg">성취기준 코드 검색(테마) disabled</h3>
+								<h3 class="title-lg">교육과정 검색</h3>
 							</div>
 						</header>
 						<div class="achievecode-sch-area">
 							<fieldset class="achievecod-section achievecode-type checkradio-area">
 								<legend>교육과정, 테마 선택</legend>
 								<div class="checkradio">
-									<input type="radio" name="achievecodeType-disabled2" id="achievecodeType-disabled-curriculum" />
-									<label
-										for="achievecodeType-disabled-
-                                curriculum"
-									>
-										교육과정
-									</label>
+									<input type="radio" name="achievecodeType" id="achievecodeType-curriculum" checked>
+									<label for="achievecodeType-curriculum">교육과정</label>
 								</div>
 								<div class="checkradio">
-									<input type="radio" name="achievecodeType-disabled2" id="achievecodeType-disabled-theme" checked />
-									<label
-										for="achievecodeType-disabled-
-                                them"
-									>
-										테마
-									</label>
+									<input type="radio" name="achievecodeType" id="achievecodeType-theme">
+									<label for="achievecodeType-major">전공학부</label>
+								</div>
+								<div class="checkradio">
+									<input type="radio" name="achievecodeType" id="achievecodeType-etc">
+									<label for="achievecodeType-etc">고시 외</label>
 								</div>
 							</fieldset>
 							<ul class="achievecod-section achievecode-sch">

 										<option>초등학교</option>
 										<option>중학교</option>
 										<option>고등학교</option>
-									</select>
-								</li>
-								<li class="is-disabled">
-									<select title="학년 선택" disabled>
-										<option>학년</option>
-										<option>1학년</option>
-										<option>2학년</option>
-										<option>3학년</option>
-									</select>
-								</li>
-								<li class="is-disabled">
-									<input type="text" placeholder="과목" class="subject-sch" disabled />
-									<button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button>
-								</li>
-							</ul>
-							<div class="achievecod-section achievecode-keyword">
-								<strong>최근 선택한 과목</strong>
-								<div class="txt-area">
-									<button type="button">과목1</button>
-									<button type="button">과목2</button>
-									<button type="button">과목3</button>
-									<button type="button">과목4</button>
-									<button type="button">과목5</button>
-								</div>
-							</div>
-						</div>
-					</section>
-					<section class="section">
-						<header class="section-tit-area">
-							<div class="l-area">
-								<h3 class="title-lg">성취기준 코드 검색(테마) disabled</h3>
-							</div>
-						</header>
-						<div class="achievecode-sch-area">
-							<fieldset class="achievecod-section achievecode-type checkradio-area">
-								<legend>교육과정, 테마 선택</legend>
-								<div class="checkradio">
-									<input type="radio" name="achievecodeType-disabled2" id="achievecodeType-disabled-curriculum" />
-									<label
-										for="achievecodeType-disabled-
-                                curriculum"
-									>
-										교육과정
-									</label>
-								</div>
-								<div class="checkradio">
-									<input type="radio" name="achievecodeType-disabled2" id="achievecodeType-disabled-theme" checked />
-									<label for="achievecodeType-disabled-them">테마</label>
-								</div>
-							</fieldset>
-							<ul class="achievecod-section achievecode-sch">
-								<li>
-									<select title="학교급 선택">
-										<option>학교급</option>
-										<option>초등학교</option>
-										<option>중학교</option>
-										<option>고등학교</option>
-									</select>
-								</li>
-								<li class="is-disabled">
-									<select title="학년 선택" disabled>
-										<option>학년</option>
-										<option>1학년</option>
-										<option>2학년</option>
-										<option>3학년</option>
-									</select>
-								</li>
-								<li class="is-disabled">
-									<input type="text" placeholder="과목" class="subject-sch" disabled />
-									<button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button>
-								</li>
-								<li class="is-disabled">
-									<select title="학년 선택" disabled>
-										<option>학년</option>
-										<option>1학년</option>
-										<option>2학년</option>
-										<option>3학년</option>
-									</select>
-								</li>
-								<li class="is-disabled">
-									<input type="text" placeholder="과목" class="subject-sch" disabled />
-									<button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button>
-								</li>
-							</ul>
-							<div class="achievecod-section achievecode-keyword">
-								<strong>최근 선택한 과목</strong>
-								<div class="txt-area">
-									<button type="button">과목1</button>
-									<button type="button">과목2</button>
-									<button type="button">과목3</button>
-									<button type="button">과목4</button>
-									<button type="button">과목5</button>
-								</div>
-							</div>
-						</div>
-					</section>
-					<section class="section">
-						<header class="section-tit-area">
-							<div class="l-area">
-								<h3 class="title-lg">성취기준 코드 검색</h3>
-							</div>
-						</header>
-						<div class="achievecode-sch-area">
-							<fieldset class="achievecod-section achievecode-type checkradio-area">
-								<legend>교육과정, 테마 선택</legend>
-								<div class="checkradio">
-									<input
-										type="radio"
-										name="achievecodeType2"
-										id="achievecodeType2-
-                                curriculum"
-										checked
-									/>
-									<label
-										for="achievecodeType2-
-                                curriculum"
-									>
-										교육과정
-									</label>
-								</div>
-								<div class="checkradio">
-									<input
-										type="radio"
-										name="achievecodeType2"
-										id="achievecodeType2-
-                                theme"
-									/>
-									<label
-										for="achievecodeType2-
-                                theme"
-									>
-										테마
-									</label>
-								</div>
-							</fieldset>
-							<ul class="achievecod-section achievecode-sch">
-								<li>
-									<select title="학교급 선택">
-										<option>학교급</option>
 									</select>
 								</li>
 								<li>
 									<select title="학년 선택">
 										<option>학년</option>
+										<option>1학년</option>
+										<option>2학년</option>
+										<option>3학년</option>
 									</select>
 								</li>
 								<li>
-									<input type="text" placeholder="과목" class="subject-sch" />
+									<input type="text" placeholder="과목" class="subject-sch">
 									<button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')">과목 검색</button>
 								</li>
+							</ul>
+						</div>
+					</section>
+
+					<section class="section">
+						<header class="section-tit-area">
+							<div class="l-area">
+								<h3 class="title-lg">전공학부 선택</h3>
+							</div>
+						</header>
+						<div class="achievecode-sch-area">
+							<fieldset class="achievecod-section achievecode-type checkradio-area">
+								<legend>교육과정, 테마 선택</legend>
+								<div class="checkradio">
+									<input type="radio" name="achievecodeType" id="achievecodeType-curriculum" checked>
+									<label for="achievecodeType-curriculum">교육과정</label>
+								</div>
+								<div class="checkradio">
+									<input type="radio" name="achievecodeType" id="achievecodeType-theme">
+									<label for="achievecodeType-major">전공학부</label>
+								</div>
+								<div class="checkradio">
+									<input type="radio" name="achievecodeType" id="achievecodeType-etc">
+									<label for="achievecodeType-etc">고시 외</label>
+								</div>
+							</fieldset>
+							<ul class="achievecod-section achievecode-sch">
 								<li>
-									<input type="text" placeholder="성취기준, 코드검색" class="achievecode-sch" />
-									<button type="button" class="btn-sch" onclick="popupOpenPub('popup-achievecode')">과목 검색</button>
+									<select title="전공학부 선택">
+										<option>선택</option>
+										<option>인문(어문)학부</option>
+										<option>사회과학부</option>
+									</select>
 								</li>
 							</ul>
-							<div class="achievecod-section achievecode-item-list-box">
-								<div class="item">
-									<div class="txt-area">
-										<ul class="info-inline-list">
-											<li>
-												<strong class="info-tit">영역</strong>
-												<div class="txt-area">수와연산</div>
-											</li>
-											<li>
-												<strong class="info-tit">성취기준</strong>
-												<div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
-											</li>
-											<li>
-												<strong class="info-tit">내용요소1</strong>
-												<div class="txt-area">소인수분해</div>
-											</li>
-											<li>
-												<strong class="info-tit">내용요소2</strong>
-												<div class="txt-area">소인수분해의 뜻</div>
-											</li>
-										</ul>
-									</div>
-									<div class="item-fnc-area">
-										<a href="#none" class="ico-delete">삭제</a>
-									</div>
-								</div>
-								<div class="item">
-									<div class="txt-area">
-										<ul class="info-inline-list">
-											<li>
-												<strong class="info-tit">영역</strong>
-												<div class="txt-area">수와연산</div>
-											</li>
-											<li>
-												<strong class="info-tit">성취기준</strong>
-												<div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
-											</li>
-											<li>
-												<strong class="info-tit">내용요소1</strong>
-												<div class="txt-area">소인수분해</div>
-											</li>
-											<li>
-												<strong class="info-tit">내용요소2</strong>
-												<div class="txt-area">소인수분해의 뜻</div>
-											</li>
-										</ul>
-									</div>
-									<div class="item-fnc-area">
-										<a href="#none" class="ico-delete">삭제</a>
-									</div>
-								</div>
-								<div class="item">
-									<div class="txt-area">
-										<ul class="info-inline-list">
-											<li>
-												<strong class="info-tit">영역</strong>
-												<div class="txt-area">수와연산</div>
-											</li>
-											<li>
-												<strong class="info-tit">성취기준</strong>
-												<div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
-											</li>
-											<li>
-												<strong class="info-tit">내용요소1</strong>
-												<div class="txt-area">소인수분해</div>
-											</li>
-											<li>
-												<strong class="info-tit">내용요소2</strong>
-												<div class="txt-area">소인수분해의 뜻</div>
-											</li>
-										</ul>
-									</div>
-									<div class="item-fnc-area">
-										<a href="#none" class="ico-delete">삭제</a>
-									</div>
-								</div>
-								<div class="item">
-									<div class="txt-area">
-										<ul class="info-inline-list">
-											<li>
-												<strong class="info-tit">영역</strong>
-												<div class="txt-area">수와연산</div>
-											</li>
-											<li>
-												<strong class="info-tit">성취기준</strong>
-												<div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
-											</li>
-											<li>
-												<strong class="info-tit">내용요소1</strong>
-												<div class="txt-area">소인수분해</div>
-											</li>
-											<li>
-												<strong class="info-tit">내용요소2</strong>
-												<div class="txt-area">소인수분해의 뜻</div>
-											</li>
-										</ul>
-									</div>
-									<div class="item-fnc-area">
-										<a href="#none" class="ico-delete">삭제</a>
-									</div>
-								</div>
-								<div class="item">
-									<div class="txt-area">
-										<ul class="info-inline-list">
-											<li>
-												<strong class="info-tit">영역</strong>
-												<div class="txt-area">수와연산</div>
-											</li>
-											<li>
-												<strong class="info-tit">성취기준</strong>
-												<div class="txt-area">수인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다.</div>
-											</li>
-											<li>
-												<strong class="info-tit">내용요소1</strong>
-												<div class="txt-area">소인수분해</div>
-											</li>
-											<li>
-												<strong class="info-tit">내용요소2</strong>
-												<div class="txt-area">소인수분해의 뜻</div>
-											</li>
-										</ul>
-									</div>
-									<div class="item-fnc-area">
-										<a href="#none" class="ico-delete">삭제</a>
-									</div>
-								</div>
-							</div>
-							<div class="achievecod-section achievecode-keyword">
-								<strong>최근 선택한 과목</strong>
-								<div class="txt-area">
-									<button type="button">과목1</button>
-									<button type="button">과목2</button>
-									<button type="button">과목3</button>
-									<button type="button">과목4</button>
-									<button type="button">과목5</button>
-								</div>
-							</div>
 						</div>
 					</section>
 				</div>

 					<fieldset class="search-area">
 						<legend>검색</legend>
 						<div class="search">
-							<input type="text" placeholder="과목명으로 검색하세요." title="과목명 입력" class="subject-sch" />
+							<input type="text" placeholder="과목명으로 검색하세요." title="과목명 입력" class="subject-sch">
 							<button class="btn ico-search">검색</button>
 						</div>
 					</fieldset>

 						<fieldset class="checkradio-custom-area">
 							<legend>공통 과목</legend>
 							<div class="checkradio round">
-								<input type="radio" name="subject" id="subject1-1" />
+								<input type="radio" name="subject" id="subject1-1">
 								<label for="subject1-1" onclick="popupClosePub('popup-subject')">수학1</label>
 							</div>
 							<div class="checkradio round">
-								<input type="radio" name="subject" id="subject1-2" />
+								<input type="radio" name="subject" id="subject1-2">
 								<label for="subject1-2" onclick="popupClosePub('popup-subject')">수학2</label>
 							</div>
 							<div class="checkradio round">
-								<input type="radio" name="subject" id="subject1-3" />
+								<input type="radio" name="subject" id="subject1-3">
 								<label for="subject1-3" onclick="popupClosePub('popup-subject')">미적분</label>
 							</div>
 							<div class="checkradio round">
-								<input type="radio" name="subject" id="subject1-4" />
+								<input type="radio" name="subject" id="subject1-4">
 								<label for="subject1-4" onclick="popupClosePub('popup-subject')">확률과 통계</label>
 							</div>
 							<div class="checkradio round">
-								<input type="radio" name="subject" id="subject1-5" />
+								<input type="radio" name="subject" id="subject1-5">
 								<label for="subject1-5" onclick="popupClosePub('popup-subject')">수학과제 탐구</label>
 							</div>
 							<div class="checkradio round">
-								<input type="radio" name="subject" id="subject1-6" />
+								<input type="radio" name="subject" id="subject1-6">
 								<label for="subject1-6" onclick="popupClosePub('popup-subject')">경제수학</label>
 							</div>
 						</fieldset>

 						<fieldset class="checkradio-custom-area">
 							<legend>공통 과목</legend>
 							<div class="checkradio round">
-								<input type="radio" name="subject" id="subject1-1" />
+								<input type="radio" name="subject" id="subject1-1">
 								<label for="subject1-1" onclick="popupClosePub('popup-subject')">수학1</label>
 							</div>
 							<div class="checkradio round">
-								<input type="radio" name="subject" id="subject1-2" />
+								<input type="radio" name="subject" id="subject1-2">
 								<label for="subject1-2" onclick="popupClosePub('popup-subject')">수학2</label>
 							</div>
 							<div class="checkradio round">
-								<input type="radio" name="subject" id="subject1-3" />
+								<input type="radio" name="subject" id="subject1-3">
 								<label for="subject1-3" onclick="popupClosePub('popup-subject')">미적분</label>
 							</div>
 							<div class="checkradio round">
-								<input type="radio" name="subject" id="subject1-4" />
+								<input type="radio" name="subject" id="subject1-4">
 								<label for="subject1-4" onclick="popupClosePub('popup-subject')">확률과 통계</label>
 							</div>
 							<div class="checkradio round">
-								<input type="radio" name="subject" id="subject1-5" />
+								<input type="radio" name="subject" id="subject1-5">
 								<label for="subject1-5" onclick="popupClosePub('popup-subject')">수학과제 탐구</label>
 							</div>
 							<div class="checkradio round">
-								<input type="radio" name="subject" id="subject1-6" />
+								<input type="radio" name="subject" id="subject1-6">
 								<label for="subject1-6" onclick="popupClosePub('popup-subject')">경제수학</label>
 							</div>
 						</fieldset>

 									</select>
 								</div>
 								<div class="search">
-									<input type="text" placeholder="성취기준코드, 성취기준으로 검색" title="성취기준코드, 성취기준으로 검색해주세요." class="achievecode-sch" />
+									<input type="text" placeholder="성취기준코드, 성취기준으로 검색" title="성취기준코드, 성취기준으로 검색해주세요." class="achievecode-sch">
 									<button class="btn ico-search">검색</button>
 								</div>
 							</fieldset>

 					<div class="extend-fnc-area">
 						<div class="l-area">
 							<div class="checkradio">
-								<input type="checkbox" id="check-all" />
+								<input type="checkbox" id="check-all">
 								<label for="check-all">전체 선택</label>
 							</div>
 							<button class="btn xsm secondary">선택 추가</button>

 					<table>
 						<caption>성취기준 선택</caption>
 						<colgroup>
-							<col style="width: 36px" />
-							<col />
-							<col />
-							<col style="width: 36%" />
-							<col />
-							<col />
-							<col style="width: 100px" />
+							<col style="width: 36px">
+							<col>
+							<col>
+							<col style="width: 36%">
+							<col>
+							<col>
+							<col style="width: 100px">
 						</colgroup>
 						<thead>
 							<tr>

 							<tr>
 								<td>
 									<label class="checkbox icon-only">
-										<input type="checkbox" />
+										<input type="checkbox">
 										<span>선택</span>
 									</label>
 								</td>

 							<tr>
 								<td>
 									<label class="checkbox icon-only">
-										<input type="checkbox" />
+										<input type="checkbox">
 										<span>선택</span>
 									</label>
 								</td>

 							<tr>
 								<td>
 									<label class="checkbox icon-only">
-										<input type="checkbox" />
+										<input type="checkbox">
 										<span>선택</span>
 									</label>
 								</td>

 							<tr>
 								<td>
 									<label class="checkbox icon-only">
-										<input type="checkbox" />
+										<input type="checkbox">
 										<span>선택</span>
 									</label>
 								</td>

 							<tr>
 								<td>
 									<label class="checkbox icon-only">
-										<input type="checkbox" />
+										<input type="checkbox">
 										<span>선택</span>
 									</label>
 								</td>

 							<tr>
 								<td>
 									<label class="checkbox icon-only">
-										<input type="checkbox" />
+										<input type="checkbox">
 										<span>선택</span>
 									</label>
 								</td>

 							<tr>
 								<td>
 									<label class="checkbox icon-only">
-										<input type="checkbox" />
+										<input type="checkbox">
 										<span>선택</span>
 									</label>
 								</td>

 							<tr>
 								<td>
 									<label class="checkbox icon-only">
-										<input type="checkbox" />
+										<input type="checkbox">
 										<span>선택</span>
 									</label>
 								</td>

 							<tr>
 								<td>
 									<label class="checkbox icon-only">
-										<input type="checkbox" />
+										<input type="checkbox">
 										<span>선택</span>
 									</label>
 								</td>

 							<tr>
 								<td>
 									<label class="checkbox icon-only">
-										<input type="checkbox" />
+										<input type="checkbox">
 										<span>선택</span>
 									</label>
 								</td>

e230bf1

4ccf28a

resources/front/site/SITE_00000/css/common/component/_component.scss

--- resources/front/site/SITE_00000/css/common/component/_component.scss

+++ resources/front/site/SITE_00000/css/common/component/_component.scss


 	background: $color-white-alpha60;
 	font-size: 0;
 	text-align: center;
-	z-index: 101;
+	z-index: 1000;
 	backdrop-filter:blur(8px);
 	gap: $spacing-2xsm;
 	figure {

e230bf1

4ccf28a

resources/front/site/SITE_00000/css/common/component/_popup.scss

--- resources/front/site/SITE_00000/css/common/component/_popup.scss

+++ resources/front/site/SITE_00000/css/common/component/_popup.scss


 	}
 }
 .popup,
-.popup-alert {
+.popup-alert,
+.popup-modal {
 	border: 1px solid $color-gray30;
 	max-width: calc(100% - $size-wrap-spacing * 2);
 	left: 50%;

 // }
 .popup,
 .popup-modal {	
+	display: none;
+	max-height: calc(100vh - $size-wrap-spacing * 2);
 	max-width: calc(100% - $pop-gap*2);
 	width: $size-popup-md;
 	z-index: 100;

 	}
 }
 .popup {
-	display: none;
-	max-height: calc(100vh - $size-wrap-spacing * 2);
+	
 }
 .pop-close {
 	position: absolute;

         }
     }
 }
-.popup-modal-area {
-	display: none;
-	position: fixed;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	z-index: 100;
-	overflow: hidden;
-	.dim-modal {
-		position: fixed;
-		inset: 0;
-		background-color: rgba(0, 0, 0, 0.2);
-		backdrop-filter: blur(4px);
-		z-index: -1;
-	}
-	&.is-active {
-		display: flex;
-		.popup-modal {
-			display: flex;
-			animation: modalShow 0.5s forwards;
-		}
-	}
-}
-.popup-modal {
-	position: fixed;
-	right:0;
-	top:0;
-	bottom:0;
-	display: none;
-	transform: translateX(100%);
-	&.is-active {
-		display: flex;
-		animation: modalShow 0.5s forwards;
-	}
-}
+// .popup-modal-area {
+// 	display: none;
+// 	position: fixed;
+// 	flex-direction: column;
+// 	align-items: center;
+// 	justify-content: center;
+// 	top: 0;
+// 	left: 0;
+// 	right: 0;
+// 	bottom: 0;
+// 	z-index: 100;
+// 	overflow: hidden;
+// 	.dim-modal {
+// 		position: fixed;
+// 		inset: 0;
+// 		background-color: rgba(0, 0, 0, 0.2);
+// 		backdrop-filter: blur(4px);
+// 		z-index: -1;
+// 	}
+// 	&.is-active {
+// 		display: flex;
+// 		.popup-modal {
+// 			display: flex;
+// 			animation: modalShow 0.5s forwards;
+// 		}
+// 	}
+// }
+// .popup-modal {
+// 	position: fixed;
+// 	right:0;
+// 	top:0;
+// 	bottom:0;
+// 	display: none;
+// 	transform: translateX(100%);
+// 	&.is-active {
+// 		display: flex;
+// 		animation: modalShow 0.5s forwards;
+// 	}
+// }
 .pop-msg-area {
 	display: flex;
 	flex-direction: column;

e230bf1

4ccf28a

resources/front/site/SITE_00000/css/custom/page/_chart.scss

--- resources/front/site/SITE_00000/css/custom/page/_chart.scss

+++ resources/front/site/SITE_00000/css/custom/page/_chart.scss


 		background: $color-background-default-secondary;
 		border:none;
 	}
-	@at-root .row .section-box {
+	@at-root .row .section-box, .section-row .section-box{
 		margin-bottom: 0;
 	}
 }

e230bf1

4ccf28a

resources/front/site/SITE_00000/css/style.css

--- resources/front/site/SITE_00000/css/style.css

+++ resources/front/site/SITE_00000/css/style.css


 }
 
 .popup,
-.popup-alert {
+.popup-alert,
+.popup-modal {
   border: 1px solid #B1B8BE;
   max-width: calc(100% - var(--size-wrap-spacing) * 2);
   left: 50%;

 
 .popup,
 .popup-modal {
+  display: none;
+  max-height: calc(100vh - var(--size-wrap-spacing) * 2);
   max-width: calc(100% - var(--pop-gap) * 2);
   width: var(--size-popup-md);
   z-index: 100;

 .popup-modal .pop-close {
   top: calc(var(--pop-gap) - 0.4rem);
   right: var(--pop-gap);
-}
-
-.popup {
-  display: none;
-  max-height: calc(100vh - var(--size-wrap-spacing) * 2);
 }
 
 .pop-close {

 }
 .popup-overlay-area .thumb-list .thumb-txt-area .label {
   background-color: #464C53;
-}
-
-.popup-modal-area {
-  display: none;
-  position: fixed;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 100;
-  overflow: hidden;
-}
-.popup-modal-area .dim-modal {
-  position: fixed;
-  inset: 0;
-  background-color: rgba(0, 0, 0, 0.2);
-  backdrop-filter: blur(4px);
-  z-index: -1;
-}
-.popup-modal-area.is-active {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.popup-modal-area.is-active .popup-modal {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-animation: modalShow 0.5s forwards;
-          animation: modalShow 0.5s forwards;
-}
-
-.popup-modal {
-  position: fixed;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  display: none;
-  -webkit-transform: translateX(100%);
-          transform: translateX(100%);
-}
-.popup-modal.is-active {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-animation: modalShow 0.5s forwards;
-          animation: modalShow 0.5s forwards;
 }
 
 .pop-msg-area {

   background: rgba(255, 255, 255, 0.75);
   font-size: 0;
   text-align: center;
-  z-index: 101;
+  z-index: 1000;
   backdrop-filter: blur(8px);
   gap: 0.4rem;
 }

   background: var(--color-background-default-secondary);
   border: none;
 }
-.row .section-box {
+.row .section-box, .section-row .section-box {
   margin-bottom: 0;
 }
 

e230bf1

4ccf28a

resources/front/site/SITE_00000/css/style.css.map

--- resources/front/site/SITE_00000/css/style.css.map

+++ resources/front/site/SITE_00000/css/style.css.map

This diff is too big to display.

e230bf1

4ccf28a

resources/front/site/SITE_00000/css/style.min.css

--- resources/front/site/SITE_00000/css/style.min.css

+++ resources/front/site/SITE_00000/css/style.min.css

This diff is too big to display.

e230bf1

4ccf28a

resources/front/site/SITE_00000/css/style.min.css.map

--- resources/front/site/SITE_00000/css/style.min.css.map

+++ resources/front/site/SITE_00000/css/style.min.css.map

This diff is too big to display.

Add a comment

Open 0
Closed 0

List

...	...	@@ -1424,7 +1424,7 @@
1424	1424	background: $color-white-alpha60;
1425	1425	font-size: 0;
1426	1426	text-align: center;
1427		- z-index: 101;
	1427	+ z-index: 1000;
1428	1428	backdrop-filter:blur(8px);
1429	1429	gap: $spacing-2xsm;
1430	1430	figure {

...	...	@@ -52,7 +52,8 @@
52	52	}
53	53	}
54	54	.popup,
55		-.popup-alert {
	55	+.popup-alert,
	56	+.popup-modal {
56	57	border: 1px solid $color-gray30;
57	58	max-width: calc(100% - $size-wrap-spacing * 2);
58	59	left: 50%;
...	...	@@ -102,6 +103,8 @@
102	103	// }
103	104	.popup,
104	105	.popup-modal {
	106	+ display: none;
	107	+ max-height: calc(100vh - $size-wrap-spacing * 2);
105	108	max-width: calc(100% - $pop-gap*2);
106	109	width: $size-popup-md;
107	110	z-index: 100;
...	...	@@ -163,8 +166,7 @@
163	166	}
164	167	}
165	168	.popup {
166		- display: none;
167		- max-height: calc(100vh - $size-wrap-spacing * 2);
	169	+
168	170	}
169	171	.pop-close {
170	172	position: absolute;
...	...	@@ -328,45 +330,45 @@
328	330	}
329	331	}
330	332	}
331		-.popup-modal-area {
332		- display: none;
333		- position: fixed;
334		- flex-direction: column;
335		- align-items: center;
336		- justify-content: center;
337		- top: 0;
338		- left: 0;
339		- right: 0;
340		- bottom: 0;
341		- z-index: 100;
342		- overflow: hidden;
343		- .dim-modal {
344		- position: fixed;
345		- inset: 0;
346		- background-color: rgba(0, 0, 0, 0.2);
347		- backdrop-filter: blur(4px);
348		- z-index: -1;
349		- }
350		- &.is-active {
351		- display: flex;
352		- .popup-modal {
353		- display: flex;
354		- animation: modalShow 0.5s forwards;
355		- }
356		- }
357		-}
358		-.popup-modal {
359		- position: fixed;
360		- right:0;
361		- top:0;
362		- bottom:0;
363		- display: none;
364		- transform: translateX(100%);
365		- &.is-active {
366		- display: flex;
367		- animation: modalShow 0.5s forwards;
368		- }
369		-}
	333	+// .popup-modal-area {
	334	+// display: none;
	335	+// position: fixed;
	336	+// flex-direction: column;
	337	+// align-items: center;
	338	+// justify-content: center;
	339	+// top: 0;
	340	+// left: 0;
	341	+// right: 0;
	342	+// bottom: 0;
	343	+// z-index: 100;
	344	+// overflow: hidden;
	345	+// .dim-modal {
	346	+// position: fixed;
	347	+// inset: 0;
	348	+// background-color: rgba(0, 0, 0, 0.2);
	349	+// backdrop-filter: blur(4px);
	350	+// z-index: -1;
	351	+// }
	352	+// &.is-active {
	353	+// display: flex;
	354	+// .popup-modal {
	355	+// display: flex;
	356	+// animation: modalShow 0.5s forwards;
	357	+// }
	358	+// }
	359	+// }
	360	+// .popup-modal {
	361	+// position: fixed;
	362	+// right:0;
	363	+// top:0;
	364	+// bottom:0;
	365	+// display: none;
	366	+// transform: translateX(100%);
	367	+// &.is-active {
	368	+// display: flex;
	369	+// animation: modalShow 0.5s forwards;
	370	+// }
	371	+// }
370	372	.pop-msg-area {
371	373	display: flex;
372	374	flex-direction: column;

...	...	@@ -339,7 +339,7 @@
339	339	background: $color-background-default-secondary;
340	340	border:none;
341	341	}
342		- @at-root .row .section-box {
	342	+ @at-root .row .section-box, .section-row .section-box{
343	343	margin-bottom: 0;
344	344	}
345	345	}

...	...	@@ -8341,7 +8341,8 @@
8341	8341	}
8342	8342
8343	8343	.popup,
8344		-.popup-alert {
	8344	+.popup-alert,
	8345	+.popup-modal {
8345	8346	border: 1px solid #B1B8BE;
8346	8347	max-width: calc(100% - var(--size-wrap-spacing) * 2);
8347	8348	left: 50%;
...	...	@@ -8355,6 +8356,8 @@
8355	8356
8356	8357	.popup,
8357	8358	.popup-modal {
	8359	+ display: none;
	8360	+ max-height: calc(100vh - var(--size-wrap-spacing) * 2);
8358	8361	max-width: calc(100% - var(--pop-gap) * 2);
8359	8362	width: var(--size-popup-md);
8360	8363	z-index: 100;
...	...	@@ -8434,11 +8437,6 @@
8434	8437	.popup-modal .pop-close {
8435	8438	top: calc(var(--pop-gap) - 0.4rem);
8436	8439	right: var(--pop-gap);
8437		-}
8438		-
8439		-.popup {
8440		- display: none;
8441		- max-height: calc(100vh - var(--size-wrap-spacing) * 2);
8442	8440	}
8443	8441
8444	8442	.pop-close {
...	...	@@ -8646,63 +8644,6 @@
8646	8644	}
8647	8645	.popup-overlay-area .thumb-list .thumb-txt-area .label {
8648	8646	background-color: #464C53;
8649		-}
8650		-
8651		-.popup-modal-area {
8652		- display: none;
8653		- position: fixed;
8654		- -webkit-box-orient: vertical;
8655		- -webkit-box-direction: normal;
8656		- -ms-flex-direction: column;
8657		- flex-direction: column;
8658		- -webkit-box-align: center;
8659		- -ms-flex-align: center;
8660		- align-items: center;
8661		- -webkit-box-pack: center;
8662		- -ms-flex-pack: center;
8663		- justify-content: center;
8664		- top: 0;
8665		- left: 0;
8666		- right: 0;
8667		- bottom: 0;
8668		- z-index: 100;
8669		- overflow: hidden;
8670		-}
8671		-.popup-modal-area .dim-modal {
8672		- position: fixed;
8673		- inset: 0;
8674		- background-color: rgba(0, 0, 0, 0.2);
8675		- backdrop-filter: blur(4px);
8676		- z-index: -1;
8677		-}
8678		-.popup-modal-area.is-active {
8679		- display: -webkit-box;
8680		- display: -ms-flexbox;
8681		- display: flex;
8682		-}
8683		-.popup-modal-area.is-active .popup-modal {
8684		- display: -webkit-box;
8685		- display: -ms-flexbox;
8686		- display: flex;
8687		- -webkit-animation: modalShow 0.5s forwards;
8688		- animation: modalShow 0.5s forwards;
8689		-}
8690		-
8691		-.popup-modal {
8692		- position: fixed;
8693		- right: 0;
8694		- top: 0;
8695		- bottom: 0;
8696		- display: none;
8697		- -webkit-transform: translateX(100%);
8698		- transform: translateX(100%);
8699		-}
8700		-.popup-modal.is-active {
8701		- display: -webkit-box;
8702		- display: -ms-flexbox;
8703		- display: flex;
8704		- -webkit-animation: modalShow 0.5s forwards;
8705		- animation: modalShow 0.5s forwards;
8706	8647	}
8707	8648
8708	8649	.pop-msg-area {
...	...	@@ -13215,7 +13156,7 @@
13215	13156	background: rgba(255, 255, 255, 0.75);
13216	13157	font-size: 0;
13217	13158	text-align: center;
13218		- z-index: 101;
	13159	+ z-index: 1000;
13219	13160	backdrop-filter: blur(8px);
13220	13161	gap: 0.4rem;
13221	13162	}
...	...	@@ -30884,7 +30825,7 @@
30884	30825	background: var(--color-background-default-secondary);
30885	30826	border: none;
30886	30827	}
30887		-.row .section-box {
	30828	+.row .section-box, .section-row .section-box {
30888	30829	margin-bottom: 0;
30889	30830	}
30890	30831

...	...	@@ -1,12 +1,16 @@
1	1	<fieldset class="achievecod-section achievecode-type checkradio-area">
2	2	<legend>교육과정, 테마 선택</legend>
3	3	<div class="checkradio">
4		- <input type="radio" name="achievecodeType" id="achievecodeType-curriculum" checked />
	4	+ <input type="radio" name="achievecodeType" id="achievecodeType-curriculum" checked>
5	5	<label for="achievecodeType-curriculum">교육과정</label>
6	6	</div>
7	7	<div class="checkradio">
8		- <input type="radio" name="achievecodeType" id="achievecodeType-theme" />
9		- <label for="achievecodeType-theme">테마</label>
	8	+ <input type="radio" name="achievecodeType" id="achievecodeType-theme">
	9	+ <label for="achievecodeType-major">전공학부</label>
	10	+ </div>
	11	+ <div class="checkradio">
	12	+ <input type="radio" name="achievecodeType" id="achievecodeType-etc">
	13	+ <label for="achievecodeType-etc">고시 외</label>
10	14	</div>
11	15	</fieldset>
12	16	<ul class="achievecod-section achievecode-sch">
...	...	@@ -27,21 +31,7 @@
27	31	</select>
28	32	</li>
29	33	<li class="is-disabled">
30		- <input type="text" placeholder="과목" class="subject-sch" disabled />
	34	+ <input type="text" placeholder="과목" title="과목 입력" class="subject-sch" disabled>
31	35	<button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button>
32	36	</li>
33		- <li class="is-disabled">
34		- <input type="text" placeholder="성취기준, 코드검색" class="achievecode-sch" disabled />
35		- <button type="button" class="btn-sch" onclick="popupOpenPub('popup-achievecode')" disabled>과목 검색</button>
36		- </li>
37		-</ul>
38		-<div class="achievecod-section achievecode-keyword">
39		- <strong>최근 선택한 과목</strong>
40		- <div class="txt-area">
41		- <button type="button">과목1</button>
42		- <button type="button">과목2</button>
43		- <button type="button">과목3</button>
44		- <button type="button">과목4</button>
45		- <button type="button">과목5</button>
46		- </div>
47		-</div>
	37	+</ul> (파일 끝에 줄바꿈 문자 없음)

Delete comment