Commit @6900e0aaf3749931fb3ccb37a1a77a1e67b794ba

yanghyo 09-27

수강신청 리스트 추가

@6900e0aaf3749931fb3ccb37a1a77a1e67b794ba

69609a0

6900e0a

html/onSejong/index.html

--- html/onSejong/index.html

+++ html/onSejong/index.html

...	...	@@ -1,4 +1,5 @@
1		-<html>
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
2	3	<head>
3	4	<title>publish list</title>
4	5	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
...	...	@@ -347,7 +348,8 @@
347	348	<li>메인,common/main/main.html</li>
348	349	<li>회원계 <ul>
349	350	<li>로그인,common/member/login.html</li>
350		- <li> 회원가입 <ul>
	351	+ <li> 회원가입
	352	+ <ul>
351	353	<li>회원유형,common/member/join.html</li>
352	354	<li>회원가입1,common/member/join1.html</li>
353	355	<li>회원가입2,common/member/join2.html</li>
...	...	@@ -355,7 +357,8 @@
355	357	<li>[팝업]학적정보 갱신,common/member/pop_stuRecordInfo.html</li>
356	358	</ul>
357	359	</li>
358		- <li>아이디/비밀호 찾기<ul>
	360	+ <li>아이디/비밀호 찾기
	361	+ <ul>
359	362	<li>아이디 찾기1,common/member/idFind1.html</li>
360	363	<li>아이디 찾기2,common/member/idFind2.html</li>
361	364	<li>[팝업]비밀번호 재설정,common/member/pop_pw.html</li>
...	...	@@ -397,7 +400,7 @@
397	400	<ul>
398	401	<li>수강신청
399	402	<ul>
400		- <li class="before">수강신청</li>
	403	+ <li class="working">수강신청,manager/class/class.html</li>
401	404	<li>과정 개설하기,manager/class/courseAdd.html</li>
402	405	<li>[팝업]선생님 찾기,manager/class/pop_teacherFind.html</li>
403	406	<li>[팝업]수업시간 선택,manager/class/pop_classTimeSet.html</li>
...	...	@@ -433,7 +436,7 @@
433	436	<li class="before">수업</li>
434	437	<li>상세보기,manager/class/classView.html</li>
435	438	<li>[팝업]수업완료 리스트,manager/class/pop_classSubmit.html</li>
436		- <li>수업 만들기,manager/class/classkWrite.html</li>
	439	+ <li>수업 만들기,manager/class/classWrite.html</li>
437	440	<li>[팝업]수업 설계안 가져오기,manager/class/pop_loadClass.html</li>
438	441	<li>[뷰어]수업설계
439	442	<ul>
...	...	@@ -508,19 +511,17 @@
508	511	<li class="before">마이페이지</li>
509	512	</ul>
510	513	</li>
511		- <li class="before">학생
512		- <ul>
513		- <li>과정신청</li>
514		- <li>나의보관함</li>
515		- <li>마이페이지</li>
516		- <!-- <li>
517		- util
518		- <ul>
519		- <li>배지</li>
520		- </ul>
521		- </li> -->
522		- </ul>
523		- </li>
	514	+ <li> 학생
	515	+ <ul class="before">
	516	+ <li>과정신청</li>
	517	+ <li>나의보관함</li>
	518	+ <li>마이페이지</li>
	519	+ <li> util <ul>
	520	+ <li>배지</li>
	521	+ </ul>
	522	+ </li>
	523	+ </ul>
	524	+ </li>
524	525	</ul>
525	526	</div>
526	527	<div class="iframe-wrap">

6900e0a

html/onSejong/manager/class/class.html (added)

+++ html/onSejong/manager/class/class.html

...	...	@@ -0,0 +1,467 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <title>온세종학교</title>
	6	+
	7	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	+ <meta name="Author" content="">
	9	+ <meta name="Keywords" content="">
	10	+ <meta name="Description" content="">
	11	+ <meta name="format-detection" content="telephone=no">
	12	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	+
	15	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	16	+
	17	+ <!-- 공통 plugin -->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	20	+ <!-- //공통 plugin -->
	21	+
	22	+ <!-- 페이지 plugin-->
	23	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	24	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	25	+ <!-- chart -->
	26	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	27	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	28	+ <!-- //chart -->
	29	+ <!-- //페이지 plugin-->
	30	+
	31	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	32	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	33	+ <!--//퍼블 layout-->
	34	+
	35	+ <!-- 공통 메뉴 js-->
	36	+ <!-- //공통 메뉴 js -->
	37	+
	38	+ <!--공통 퍼블 js-->
	39	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	40	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	41	+ <!--//공통 퍼블 js-->
	42	+</head>
	43	+
	44	+<body>
	45	+ <div class="accessibility">
	46	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	47	+ </div>
	48	+ <!-- for-teacher / for-student -->
	49	+ <div class="container">
	50	+ <!-- 통합 헤더 및 네비게이션 -->
	51	+ <header class="site-header"></header>
	52	+ <div class="site-body" id="skipToContents">
	53	+ <div class="wrap">
	54	+ <ul class="breadcrumb">
	55	+ <li><a href="#none" class="home">홈</a></li>
	56	+ <li><a href="#none">1depth</a></li>
	57	+ <li><a href="#none">2depth</a></li>
	58	+ </ul>
	59	+ <div class="page-tit-area">
	60	+ <div class="l-area">
	61	+ <h2 class="title-xlg">수강신청</h2>
	62	+ </div>
	63	+ <div class="r-area">
	64	+ <a href="#none" class="btn lg cta ico-plus">과정 개설하기</a>
	65	+ </div>
	66	+ </div>
	67	+ <div class="search-box">
	68	+ <div class="search-box-write">
	69	+ <table>
	70	+ <caption>상세검색</caption>
	71	+ <colgroup>
	72	+ <col style="width:100px">
	73	+ <col>
	74	+ </colgroup>
	75	+ <tbody>
	76	+ <tr>
	77	+ <th scope="row">문항 난이도</th>
	78	+ <td>
	79	+ <fieldset class="checkradio-area">
	80	+ <legend>문항 난이도 선택</legend>
	81	+ <div class="checkradio">
	82	+ <input type="checkbox" id="sch1_5_1">
	83	+ <label for="sch1_5_1">매우 쉬움</label>
	84	+ </div>
	85	+ <div class="checkradio">
	86	+ <input type="checkbox" id="sch1_5_2">
	87	+ <label for="sch1_5_2">쉬움</label>
	88	+ </div>
	89	+ <div class="checkradio">
	90	+ <input type="checkbox" id="sch1_5_3">
	91	+ <label for="sch1_5_3">보통</label>
	92	+ </div>
	93	+ <div class="checkradio">
	94	+ <input type="checkbox" id="sch1_5_4">
	95	+ <label for="sch1_5_4">어려움</label>
	96	+ </div>
	97	+ <div class="checkradio">
	98	+ <input type="checkbox" id="sch1_5_5">
	99	+ <label for="sch1_5_5">매우 어려움</label>
	100	+ </div>
	101	+ </fieldset>
	102	+ </td>
	103	+ </tr>
	104	+ <tr>
	105	+ <th scope="row">문항 유형</th>
	106	+ <td>
	107	+ <fieldset class="checkradio-area">
	108	+ <legend>문항 유형 선택</legend>
	109	+ <div class="checkradio">
	110	+ <input type="checkbox" id="sch1_6_1">
	111	+ <label for="sch1_6_1">객관식(단일선택)</label>
	112	+ </div>
	113	+ <div class="checkradio">
	114	+ <input type="checkbox" id="sch1_6_2">
	115	+ <label for="sch1_6_2">객관식(다중선택)</label>
	116	+ </div>
	117	+ <div class="checkradio">
	118	+ <input type="checkbox" id="sch1_6_3">
	119	+ <label for="sch1_6_3">주관식(단답형)</label>
	120	+ </div>
	121	+ <div class="checkradio">
	122	+ <input type="checkbox" id="sch1_6_4">
	123	+ <label for="sch1_6_4">주관식(서술형)</label>
	124	+ </div>
	125	+ </fieldset>
	126	+ </td>
	127	+ </tr>
	128	+ <tr>
	129	+ <th scope="row">문항ID</th>
	130	+ <td>
	131	+ <input type="text" class="q1" placeholder="문항ID를 입력해주세요." title="문항 id 입력">
	132	+ </td>
	133	+ </tr>
	134	+ <tr>
	135	+ <th scope="row">검색어</th>
	136	+ <td>
	137	+ <input type="text" class="q2" placeholder="과정명, 선생님명으로 검색하세요." title="과정명, 선생님명 입력">
	138	+ </td>
	139	+ </tr>
	140	+ </tbody>
	141	+ </table>
	142	+ </div>
	143	+ <div class="search-btn-cont">
	144	+ <button type="submit" class="btn-search-box">검색</button>
	145	+ </div>
	146	+ </div>
	147	+ <div class="fnc-extend-area">
	148	+ <div class="extend-default-area">
	149	+ <div class="l-area">
	150	+ <p class="total">총 <em>156</em>건</p>
	151	+ </div>
	152	+ <div class="r-area">
	153	+ <select class="select-sort border-none" title="정렬 선택">
	154	+ <option>최신 등록일 순</option>
	155	+ </select>
	156	+ <select class="border-none" title="보기 개수 선택">
	157	+ <option>24개씩 보기</option>
	158	+ </select>
	159	+ <fieldset class="search-area">
	160	+ <legend>검색</legend>
	161	+ <div class="search">
	162	+ <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요">
	163	+ <button class="btn ico-search">검색</button>
	164	+ </div>
	165	+ </fieldset>
	166	+ <fieldset class="checkradio-custom-row-area item-type-checkradio-area">
	167	+ <legend>리스트형 선택</legend>
	168	+ <div class="checkradio item-type-checkradio">
	169	+ <input type="radio" title="피드형 선택" name="itemtype" checked id="item-type-feed">
	170	+ <label for="item-type-feed"><i class="ico-thumblist"></i><span class="txt-hide">썸네일형</span></label>
	171	+ </div>
	172	+ <div class="checkradio item-type-checkradio">
	173	+ <input type="radio" title="썸네일형 선택" name="itemtype" id="item-type-thumb">
	174	+ <label for="item-type-thumb"><i class="ico-thumbnail"></i><span class="txt-hide">피드형</span></label>
	175	+ </div>
	176	+ </fieldset>
	177	+ </div>
	178	+ </div>
	179	+ <div class="extend-filter-area">
	180	+ <div class="l-area">
	181	+ <fieldset class="filter-group">
	182	+ <legend>필터 선택</legend>
	183	+ <div class="checkradio">
	184	+ <input type="radio" name="extend-filter" id="extend-filter0" checked>
	185	+ <label for="extend-filter0">전체</label>
	186	+ </div>
	187	+ <div class="checkradio">
	188	+ <input type="radio" name="extend-filter" id="extend-filter1">
	189	+ <label for="extend-filter1">임시저장</label>
	190	+ </div>
	191	+ <div class="checkradio">
	192	+ <input type="radio" name="extend-filter" id="extend-filter2">
	193	+ <label for="extend-filter2">비공개</label>
	194	+ </div>
	195	+ <div class="checkradio">
	196	+ <input type="radio" name="extend-filter" id="extend-filter3">
	197	+ <label for="extend-filter3">진행중</label>
	198	+ </div>
	199	+ </fieldset>
	200	+ </div>
	201	+ </div>
	202	+ </div>
	203	+ <div class="txt-none">
	204	+ <figure>
	205	+ <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	206	+ </figure>
	207	+ <p>수업 목록이 비어있습니다.</p>
	208	+ </div>
	209	+ <ul class="item-type-list item-type-feed">
	210	+ <li>
	211	+ <!-- <a href="#none" class="lnk-full">상세보기</a> -->
	212	+ <div class="item-checkradio checkradio order-front">
	213	+ <input type="checkbox" id="itemchk1" class="icon-only">
	214	+ <label for="itemchk1">선택</label>
	215	+ </div>
	216	+ <div class="img-area">
	217	+ <figure>
	218	+ <img src="/resources/front/site/SITE_00000/images/custom/common/img-thumb-cont-none.svg" alt="이미지">
	219	+ </figure>
	220	+ </div>
	221	+ <div class="cont">
	222	+ <div class="txt-area">
	223	+ <div class="label-area">
	224	+ <span class="label primary">온세종학교</span>
	225	+ <span class="label">고1,고2</span>
	226	+ <span class="label">수학</span>
	227	+ </div>
	228	+ <h4 class="item-title">인공지능수학</h4>
	229	+ <ul class="info-inline-list u-block">
	230	+ <li>
	231	+ <strong class="info-tit">운영시간</strong>
	232	+ <div class="txt-area">(화) 7교시 18:30~21:00<br>(목) 7교시 18:30~21:00</div>
	233	+ </li>
	234	+ <li>
	235	+ <strong class="info-tit">지도교사</strong>
	236	+ <div class="txt-area">강민설, 홍길동</div>
	237	+ </li>
	238	+ <li>
	239	+ <strong class="info-tit">모집인원/신청자(명)</strong>
	240	+ <div class="txt-area"><em>15</em>/3</div>
	241	+ </li>
	242	+ <li>
	243	+ <strong class="info-tit">거점학교(장소):</strong>
	244	+ <div class="txt-area">온세종학교</div>
	245	+ </li>
	246	+ </ul>
	247	+ </div>
	248	+ <div class="item-btn-area order-front">
	249	+ <a href="#none" class="btn primary">수업 시작하기</a>
	250	+ <a href="#none" class="btn accent">화상수업하기</a>
	251	+ <a href="#none" class="btn">문제풀이 결과 보기</a>
	252	+ </div>
	253	+ </div>
	254	+ <div class="etc-fnc-area">
	255	+ <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
	256	+ <ul class="etc-fnc">
	257	+ <li><a href="#none">수정</a></li>
	258	+ <li><button type="button">삭제</button></li>
	259	+ </ul>
	260	+ </div>
	261	+ </li>
	262	+ <li>
	263	+ <!-- <a href="#none" class="lnk-full">상세보기</a> -->
	264	+ <div class="item-checkradio checkradio order-front">
	265	+ <input type="checkbox" id="itemchk2" class="icon-only">
	266	+ <label for="itemchk2">선택</label>
	267	+ </div>
	268	+ <div class="img-area">
	269	+ <figure>
	270	+ <img src="/resources/front/site/SITE_00000/images/custom/common/img-thumb-cont-none.svg" alt="이미지">
	271	+ </figure>
	272	+ </div>
	273	+ <div class="cont">
	274	+ <div class="txt-area">
	275	+ <div class="label-area">
	276	+ <span class="label primary">온세종학교</span>
	277	+ <span class="label">고1,고2</span>
	278	+ <span class="label">수학</span>
	279	+ </div>
	280	+ <h4 class="item-title">인공지능수학</h4>
	281	+ <ul class="info-inline-list u-block">
	282	+ <li>
	283	+ <strong class="info-tit">운영시간</strong>
	284	+ <div class="txt-area">(화) 7교시 18:30~21:00<br>(목) 7교시 18:30~21:00</div>
	285	+ </li>
	286	+ <li>
	287	+ <strong class="info-tit">지도교사</strong>
	288	+ <div class="txt-area">강민설, 홍길동</div>
	289	+ </li>
	290	+ <li>
	291	+ <strong class="info-tit">모집인원/신청자(명)</strong>
	292	+ <div class="txt-area"><em>15</em>/3</div>
	293	+ </li>
	294	+ <li>
	295	+ <strong class="info-tit">거점학교(장소):</strong>
	296	+ <div class="txt-area">온세종학교</div>
	297	+ </li>
	298	+ </ul>
	299	+ </div>
	300	+ <div class="item-btn-area order-front">
	301	+ <a href="#none" class="btn primary">수업 시작하기</a>
	302	+ <a href="#none" class="btn accent">화상수업하기</a>
	303	+ <a href="#none" class="btn">문제풀이 결과 보기</a>
	304	+ </div>
	305	+ </div>
	306	+ <div class="etc-fnc-area">
	307	+ <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
	308	+ <ul class="etc-fnc">
	309	+ <li><a href="#none">수정</a></li>
	310	+ <li><button type="button">삭제</button></li>
	311	+ </ul>
	312	+ </div>
	313	+ </li>
	314	+ <!-- <li>
	315	+ <a href="#none" class="lnk-full">상세보기</a>
	316	+ <div class="item-checkradio checkradio order-front">
	317	+ <input type="checkbox" id="itemchk1" class="icon-only">
	318	+ <label for="itemchk1">선택</label>
	319	+ </div>
	320	+ <div class="img-area">
	321	+ <figure>
	322	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지">
	323	+ </figure>
	324	+ <div class="img-info-area">
	325	+ <ul class="item-info-list">
	326	+ <li>
	327	+ <strong>학습기간 : </strong>
	328	+ <div class="txt-area">25.01.01 ~ 25.01.01</div>
	329	+ </li>
	330	+ </ul>
	331	+ </div>
	332	+ </div>
	333	+ <div class="txt-area">
	334	+ <div class="label-area">
	335	+ <span class="label-state blue">진행중</span>
	336	+ </div>
	337	+ <h4 class="item-title">[국어] 수업 제목을 표시합니다.</h4>
	338	+ <ul class="info-inline-list">
	339	+ <li>
	340	+ <i class="ico-profile" title="작성자"></i>
	341	+ <div class="txt-area">
	342	+ 양효정
	343	+ </div>
	344	+ </li>
	345	+ <li>
	346	+ <i class="ico-calendar" title="작성일"></i>
	347	+ <div class="txt-area">
	348	+ 25.01.01
	349	+ </div>
	350	+ </li>
	351	+ </ul>
	352	+ <div class="txt editor-cont">
	353	+ 소리가 조음기관에 의해 부분적으로 또는 전체적으로 막혀서 나는 소리이다.
	354	+ </div>
	355	+ <a href="#none" class="btn-text order-front">참여현황: <em>5</em>/10 <i class="ico-fw"></i></a>
	356	+ </div>
	357	+ <div class="item-btn-area order-front">
	358	+ <a href="#none" class="btn primary">수업 시작하기</a>
	359	+ <a href="#none" class="btn">문제풀이 결과 보기</a>
	360	+ </div>
	361	+ <div class="etc-fnc-area">
	362	+ <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
	363	+ <ul class="etc-fnc">
	364	+ <li><a href="#none">수정</a></li>
	365	+ <li><button type="button">삭제</button></li>
	366	+ </ul>
	367	+ </div>
	368	+ </li>
	369	+ <li>
	370	+ <a href="#none" class="lnk-full">상세보기</a>
	371	+ <div class="item-checkradio checkradio order-front">
	372	+ <input type="checkbox" id="itemchk1" class="icon-only">
	373	+ <label for="itemchk1">선택</label>
	374	+ </div>
	375	+ <div class="img-area">
	376	+ <figure>
	377	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지">
	378	+ </figure>
	379	+ <div class="img-info-area">
	380	+ <ul class="item-info-list">
	381	+ <li>
	382	+ <strong>학습기간 : </strong>
	383	+ <div class="txt-area">25.01.01 ~ 25.01.01</div>
	384	+ </li>
	385	+ </ul>
	386	+ </div>
	387	+ </div>
	388	+ <div class="txt-area">
	389	+ <div class="label-area">
	390	+ <span class="label-state blue">진행중</span>
	391	+ </div>
	392	+ <h4 class="item-title">[국어] 수업 제목을 표시합니다.</h4>
	393	+ <ul class="info-inline-list">
	394	+ <li>
	395	+ <i class="ico-profile" title="작성자"></i>
	396	+ <div class="txt-area">
	397	+ 양효정
	398	+ </div>
	399	+ </li>
	400	+ <li>
	401	+ <i class="ico-calendar" title="작성일"></i>
	402	+ <div class="txt-area">
	403	+ 25.01.01
	404	+ </div>
	405	+ </li>
	406	+ </ul>
	407	+ <div class="txt editor-cont">
	408	+ 소리가 조음기관에 의해 부분적으로 또는 전체적으로 막혀서 나는 소리이다.
	409	+ </div>
	410	+ <a href="#none" class="btn-text order-front">참여현황: <em>5</em>/10 <i class="ico-fw"></i></a>
	411	+ </div>
	412	+ <div class="item-btn-area order-front">
	413	+ <a href="#none" class="btn primary">수업 시작하기</a>
	414	+ <a href="#none" class="btn">문제풀이 결과 보기</a>
	415	+ </div>
	416	+ <div class="etc-fnc-area">
	417	+ <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
	418	+ <ul class="etc-fnc">
	419	+ <li><a href="#none">수정</a></li>
	420	+ <li><button type="button">삭제</button></li>
	421	+ </ul>
	422	+ </div>
	423	+ </li> -->
	424	+ </ul>
	425	+ <ul class="pagenation">
	426	+ <li class="ppv">
	427	+ <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
	428	+ </li>
	429	+ <li class="pv">
	430	+ <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
	431	+ </li>
	432	+ <li class="current">
	433	+ <a href="#none" title="1번째 목록으로 이동합니다">1</a>
	434	+ </li>
	435	+ <li>
	436	+ <a href="#none" title="2번째 목록으로 이동합니다">2</a>
	437	+ </li>
	438	+ <li>
	439	+ <a href="#none" title="3번째 목록으로 이동합니다">3</a>
	440	+ </li>
	441	+ <li>
	442	+ <a href="#none" title="4번째 목록으로 이동합니다">4</a>
	443	+ </li>
	444	+ <li>
	445	+ <a href="#none" title="5번째 목록으로 이동합니다">5</a>
	446	+ </li>
	447	+ <li class="fw">
	448	+ <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
	449	+ </li>
	450	+ <li class="ffw">
	451	+ <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
	452	+ </li>
	453	+ </ul>
	454	+ </div>
	455	+ </div>
	456	+
	457	+ <footer class="site-footer"></footer>
	458	+ </div>
	459	+
	460	+ <!-- toast -->
	461	+ <div class="toast"></div>
	462	+
	463	+ <!--popup-->
	464	+ <div class="dim"></div>
	465	+</body>
	466	+
	467	+</html>(파일 끝에 줄바꿈 문자 없음)

69609a0

6900e0a

html/onSejong/manager/class/classWrite.html (Renamed from html/onSejong/manager/class/classkWrite.html)

--- html/onSejong/manager/class/classkWrite.html

+++ html/onSejong/manager/class/classWrite.html

No changes

69609a0

6900e0a

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


 .search-box {
 	position: relative;
 	margin-bottom: $spacing-3xlg;
+	display: flex;
+	gap:$spacing-2xlg;
+	background-color: $color-background-default-secondary;
+	padding: $spacing-xlg $spacing-2xlg;
+	border: $stroke-secondary;
+	border-radius: $radius-md;
+	min-width:0;
     .search-box-write {
-        border: $stroke-secondary;
-        border-radius: $radius-md $radius-md 0 $radius-md;
-        // background: url($url-img + 'common/common/bg-schbox.svg') right top no-repeat $color-background-default-secondary;
-		background-color: $color-background-default-secondary;
-		padding: $spacing-lg 0;
+		flex:1;
     }
-    .write-type2 {
-		padding:0 $spacing-lg;
-        &:first-of-type {
-            border-top:none;
-			padding-bottom: 1.2rem;
-			margin-bottom: 1.2rem;
-			border-bottom:$stroke-secondary;
-        }
-		&:only-of-type {
-			border-bottom-width: 0;
-			padding-bottom: 0;
-			margin-bottom: 0;
+    table {
+		th {
+			color: $color-font-default-tertiary;
+			@include typo('label-md', 'em');
+			padding-right:$spacing-md;
+			text-align: left;
 		}
-        table {
-            padding:5rem;
-        }
+		th,
+		td {
+			text-align: left;
+			height: 4.4rem;
+			border-bottom: $stroke-tertiary;
+			padding-top:$spacing-xsm;
+			padding-bottom: $spacing-xsm;
+		}
+		td {
+			> * {
+				margin-top: $spacing-2xsm;
+				margin-bottom: $spacing-2xsm;
+			}
+			> :not(.block),
+			> :not(.datepicker-box) {
+				margin-right: $spacing-2xsm;
+			}
+			> :last-child {
+				margin-right: 0;
+			}
+		}
+		.q0,
+		input[type='number'].q0 {
+			width: 20rem;
+			min-width: 20rem;
+		}
+		.q1 {
+			width: calc((100% - 2.4rem) / 4);
+		}
+		.q2 {
+			width: calc((100% - 0.8rem) / 2);
+		}
+		.q3 {
+			width: calc((100% - 2.4rem) / 3 * 2);
+		}
+		.q4 {
+			width: 100%;
+		}
     }
 	.search-btn-cont {
+		flex:none;
         display: flex;
 		flex-wrap: wrap;
 		justify-content: flex-end;

 	}
     .btn-search-box {
         display: inline-flex;
-        height: 5.6rem;
+        height: 8rem;
         align-items: center;
         justify-content: center;
-        min-width: 16rem;
+        min-width: 12rem;
         padding-left: $spacing-lg;
         padding-right: $spacing-lg;
-		@include typo ('label-lg','em');
+		@include typo ('label-lg','strong');
         color:$color-font-default-primary-inverse;
         // background: linear-gradient(-90deg, $color-background-brand-secondary-inverse 0%, $color-background-brand-primary-inverse 100%);
 		background-color: $color-background-brand-primary-inverse;
-        border-radius:  0 0 $radius-sm $radius-sm;
+        border-radius: $radius-md;
+		gap:$spacing-xsm;
         transition: all .4s;
 		&::before {
 			content: "";
-			display: inline-block;
-			width: 2.4rem;
-			height: 2.4rem;
-			margin-right: $spacing-2xsm;
-			background-image: url(pathIcon(map-get($icons,"ico-search"), $color-white));
+			display: block;
+			width: 4rem;
+			height: 4rem;
+			aspect-ratio: 1;
+			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M29.479 26.631L26.6325 29.4775L21.6505 24.4955L24.497 21.649L29.479 26.631Z" fill="%23C1BFC8"/><path d="M36.821 31.128L30.904 25.211C30.118 24.425 28.8435 24.425 28.0575 25.211L25.211 28.0575C24.425 28.8435 24.425 30.118 25.211 30.904L31.128 36.821C32.7 38.394 35.2505 38.394 36.8225 36.821C38.3925 35.25 38.3915 32.7005 36.8205 31.1285L36.821 31.128Z" fill="%23727077"/><path d="M15.5875 29.1745C23.0917 29.1745 29.175 23.0912 29.175 15.587C29.175 8.08284 23.0917 1.99951 15.5875 1.99951C8.08333 1.99951 2 8.08284 2 15.587C2 23.0912 8.08333 29.1745 15.5875 29.1745Z" fill="%23918F97"/><path d="M15.5875 25.1485C20.8682 25.1485 25.149 20.8677 25.149 15.587C25.149 10.3063 20.8682 6.02551 15.5875 6.02551C10.3068 6.02551 6.026 10.3063 6.026 15.587C6.026 20.8677 10.3068 25.1485 15.5875 25.1485Z" fill="%23C7E3FF"/></svg>');
+			background-size: contain;
+			background-repeat: no-repeat;
 		}
         &:hover {
             box-shadow: $shadow-md;

 		flex-direction: column;
 		gap: $spacing-xsm;
 		li {
+			align-items: flex-start;
 			&::after {
 				display: none;
 			}

         display: none;
         border: $stroke-secondary;
         border-radius: $radius-xsm;
+		background-color: $color-background-default-primary;
         li {
-            background-color: $color-background-default-primary;
             &:hover {
                 background-color: $color-background-default-secondary;
             }

69609a0

6900e0a

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

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

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


     }
 }
 .item-type-list {
+    display: grid;
+    gap:$spacing-md;
     &.border-top {
         border-top:$stroke-secondary;
     }
     > li {
         display: flex;
-        gap:$spacing-md;
-        padding:$spacing-lg 0;
         border-bottom: $stroke-secondary;
         position: relative;
+        border-radius: $radius-md;
+        border: $stroke-secondary;
+        background: $color-background-default-primary;
+        min-width: 0;
     }
     .item-checkradio {
         align-self: flex-start;
         margin-right: 0;
+        position: absolute;
+        left:$spacing-xsm;
+        top:$spacing-xsm;
     }
     .etc-fnc-area {
         position: absolute;
-        top:$spacing-lg;
-        right:0;
+        top:$spacing-sm;
+        right:$spacing-sm;
         z-index: 4;
         &.is-active {
             z-index: 4;
         }
     }  
     .img-area {
-        width: 32rem;
+        width: 48rem;
         flex:none;
+        border-top-left-radius: inherit;
+        border-bottom-left-radius: inherit;
+        overflow: hidden;
         &.sm {
             width: 24rem;
         }
         figure {
-            border-radius: $radius-sm;
-            border:$stroke-secondary;
             overflow:hidden;
             width: 100%;
             aspect-ratio: 16/9;
+            overflow: hidden;
             img {
                 display:block;
                 object-fit:cover;

             }
         }
     }
-    .img-info-area {
+    .cont {
         display: flex;
-        flex-direction: column;
-        gap:$spacing-xsm;
-        margin-top:$spacing-xsm;
-    }
-    .txt-area {
+        min-width: 0;
+        padding: $spacing-lg $spacing-2xlg;
+        gap:$spacing-xlg;
         flex:1;
-        display: flex;
-        flex-direction: column;
-        gap:$spacing-sm;
+        >.txt-area {
+            flex:1;
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            gap:$spacing-sm;
+        }
     }
     .item-btn-area {
         flex:none;

         gap:$spacing-xsm;
         justify-content: center;
         .btn {
-            min-width: 12.8rem;
+            min-width: 20rem;
             width: 100%;
             transition: none;
             // white-space: nowrap;

     &.item-type-thumb {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
-        gap:6.4rem $spacing-md;
+        gap:$spacing-2xlg $spacing-md;
         >li {
             flex-direction: column;
             padding:0;

         }
         .img-area {
             width: 100%;
+            border-bottom-left-radius: initial;
+            border-top-right-radius: inherit;
+            figure {
+                
+            }
+        }
+        .cont {
+            padding:$spacing-lg;
+            flex-direction: column;
         }
         .item-btn-area {
             flex-direction: row;
             flex-wrap: wrap;
             .btn {
-                // min-width: 0;
+                min-width: 0;
                 flex:1;
                 padding:0 $spacing-xsm;
                 &.primary {

69609a0

6900e0a

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

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

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


   cursor: move;
 }
 
+.item-type-list {
+  display: grid;
+  gap: 1.6rem;
+}
 .item-type-list.border-top {
   border-top: 0.1rem solid var(--color-stroke-default-tertiary);
 }

   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  gap: 1.6rem;
-  padding: 2.4rem 0;
   border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
   position: relative;
+  border-radius: 2.4rem;
+  border: 0.1rem solid var(--color-stroke-default-tertiary);
+  background: var(--color-background-default-primary);
+  min-width: 0;
 }
 .item-type-list .item-checkradio {
   -ms-flex-item-align: start;
       align-self: flex-start;
   margin-right: 0;
+  position: absolute;
+  left: 0.8rem;
+  top: 0.8rem;
 }
 .item-type-list .etc-fnc-area {
   position: absolute;
-  top: 2.4rem;
-  right: 0;
+  top: 1.2rem;
+  right: 1.2rem;
   z-index: 4;
 }
 .item-type-list .etc-fnc-area.is-active {
   z-index: 4;
 }
 .item-type-list .img-area {
-  width: 32rem;
+  width: 48rem;
   -webkit-box-flex: 0;
       -ms-flex: none;
           flex: none;
+  border-top-left-radius: inherit;
+  border-bottom-left-radius: inherit;
+  overflow: hidden;
 }
 .item-type-list .img-area.sm {
   width: 24rem;
 }
 .item-type-list .img-area figure {
-  border-radius: 1.2rem;
-  border: 0.1rem solid var(--color-stroke-default-tertiary);
   overflow: hidden;
   width: 100%;
   aspect-ratio: 16/9;
+  overflow: hidden;
 }
 .item-type-list .img-area figure img {
   display: block;

   width: 100%;
   height: 100%;
 }
-.item-type-list .img-info-area {
+.item-type-list .cont {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  gap: 0.8rem;
-  margin-top: 0.8rem;
-}
-.item-type-list .txt-area {
+  min-width: 0;
+  padding: 2.4rem 4rem;
+  gap: 3.2rem;
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1;
+}
+.item-type-list .cont > .txt-area {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;

           justify-content: center;
 }
 .item-type-list .item-btn-area .btn {
-  min-width: 12.8rem;
+  min-width: 20rem;
   width: 100%;
   -webkit-transition: none;
   transition: none;

 .item-type-list.item-type-thumb {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
-  gap: 6.4rem 1.6rem;
+  gap: 4rem 1.6rem;
 }
 .item-type-list.item-type-thumb > li {
   -webkit-box-orient: vertical;

 }
 .item-type-list.item-type-thumb .img-area {
   width: 100%;
+  border-bottom-left-radius: initial;
+  border-top-right-radius: inherit;
+}
+.item-type-list.item-type-thumb .cont {
+  padding: 2.4rem;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 .item-type-list.item-type-thumb .item-btn-area {
   -webkit-box-orient: horizontal;

       flex-wrap: wrap;
 }
 .item-type-list.item-type-thumb .item-btn-area .btn {
+  min-width: 0;
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1;

 .search-box {
   position: relative;
   margin-bottom: 8rem;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 4rem;
+  background-color: var(--color-background-default-secondary);
+  padding: 3.2rem 4rem;
+  border: 0.1rem solid var(--color-stroke-default-tertiary);
+  border-radius: 2.4rem;
+  min-width: 0;
 }
 .search-box .search-box-write {
-  border: 0.1rem solid var(--color-stroke-default-tertiary);
-  border-radius: 2.4rem 2.4rem 0 2.4rem;
-  background-color: var(--color-background-default-secondary);
-  padding: 2.4rem 0;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
 }
-.search-box .write-type2 {
-  padding: 0 2.4rem;
+.search-box table th {
+  color: var(--color-font-default-tertiary);
+  font-size: var(--font-label-md);
+  font-weight: var(--size-font-weight-md);
+  line-height: var(--size-font-lineheight-xsm);
+  font-weight: var(--size-font-weight-xlg);
+  padding-right: 1.6rem;
+  text-align: left;
 }
-.search-box .write-type2:first-of-type {
-  border-top: none;
-  padding-bottom: 1.2rem;
-  margin-bottom: 1.2rem;
-  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
+.search-box table th,
+.search-box table td {
+  text-align: left;
+  height: 4.4rem;
+  border-bottom: 0.1rem solid var(--color-stroke-default-quaternary);
+  padding-top: 0.8rem;
+  padding-bottom: 0.8rem;
 }
-.search-box .write-type2:only-of-type {
-  border-bottom-width: 0;
-  padding-bottom: 0;
-  margin-bottom: 0;
+.search-box table td > * {
+  margin-top: 0.4rem;
+  margin-bottom: 0.4rem;
 }
-.search-box .write-type2 table {
-  padding: 5rem;
+.search-box table td > :not(.block),
+.search-box table td > :not(.datepicker-box) {
+  margin-right: 0.4rem;
+}
+.search-box table td > :last-child {
+  margin-right: 0;
+}
+.search-box table .q0,
+.search-box table input[type=number].q0 {
+  width: 20rem;
+  min-width: 20rem;
+}
+.search-box table .q1 {
+  width: calc((100% - 2.4rem) / 4);
+}
+.search-box table .q2 {
+  width: calc((100% - 0.8rem) / 2);
+}
+.search-box table .q3 {
+  width: calc((100% - 2.4rem) / 3 * 2);
+}
+.search-box table .q4 {
+  width: 100%;
 }
 .search-box .search-btn-cont {
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;

   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 5.6rem;
+  height: 8rem;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  min-width: 16rem;
+  min-width: 12rem;
   padding-left: 2.4rem;
   padding-right: 2.4rem;
   font-size: var(--font-label-lg);
   font-weight: var(--size-font-weight-md);
   line-height: var(--size-font-lineheight-xsm);
-  font-weight: var(--size-font-weight-xlg);
+  font-weight: var(--size-font-weight-lg);
   color: var(--color-font-default-primary-inverse);
   background-color: var(--color-background-brand-primary-inverse);
-  border-radius: 0 0 1.2rem 1.2rem;
+  border-radius: 2.4rem;
+  gap: 0.8rem;
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
 }
 .search-box .btn-search-box::before {
   content: "";
-  display: inline-block;
-  width: 2.4rem;
-  height: 2.4rem;
-  margin-right: 0.4rem;
-  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23fff'%3E%3Cpath d='M21.7,20.3l-5.4-5.4c1.1-1.4,1.7-3.1,1.7-4.9c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.8,0,3.5-0.6,4.9-1.7 l5.4,5.4L21.7,20.3z M10,16c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S13.3,16,10,16z'/%3E%3C/g%3E%3C/svg%3E");
+  display: block;
+  width: 4rem;
+  height: 4rem;
+  aspect-ratio: 1;
+  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M29.479 26.631L26.6325 29.4775L21.6505 24.4955L24.497 21.649L29.479 26.631Z" fill="%23C1BFC8"/><path d="M36.821 31.128L30.904 25.211C30.118 24.425 28.8435 24.425 28.0575 25.211L25.211 28.0575C24.425 28.8435 24.425 30.118 25.211 30.904L31.128 36.821C32.7 38.394 35.2505 38.394 36.8225 36.821C38.3925 35.25 38.3915 32.7005 36.8205 31.1285L36.821 31.128Z" fill="%23727077"/><path d="M15.5875 29.1745C23.0917 29.1745 29.175 23.0912 29.175 15.587C29.175 8.08284 23.0917 1.99951 15.5875 1.99951C8.08333 1.99951 2 8.08284 2 15.587C2 23.0912 8.08333 29.1745 15.5875 29.1745Z" fill="%23918F97"/><path d="M15.5875 25.1485C20.8682 25.1485 25.149 20.8677 25.149 15.587C25.149 10.3063 20.8682 6.02551 15.5875 6.02551C10.3068 6.02551 6.026 10.3063 6.026 15.587C6.026 20.8677 10.3068 25.1485 15.5875 25.1485Z" fill="%23C7E3FF"/></svg>');
+  background-size: contain;
+  background-repeat: no-repeat;
 }
 .search-box .btn-search-box:hover {
   -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);

       -ms-flex-direction: column;
           flex-direction: column;
   gap: 0.8rem;
+}
+.info-inline-list.u-block li {
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
 }
 .info-inline-list.u-block li::after {
   display: none;

   display: none;
   border: 0.1rem solid var(--color-stroke-default-tertiary);
   border-radius: 0.8rem;
-}
-.etc-fnc-area .etc-fnc li {
   background-color: var(--color-background-default-primary);
 }
 .etc-fnc-area .etc-fnc li:hover {

69609a0

6900e0a

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.

69609a0

6900e0a

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.

69609a0

6900e0a

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

...	...	@@ -2137,31 +2137,64 @@
2137	2137	.search-box {
2138	2138	position: relative;
2139	2139	margin-bottom: $spacing-3xlg;
	2140	+ display: flex;
	2141	+ gap:$spacing-2xlg;
	2142	+ background-color: $color-background-default-secondary;
	2143	+ padding: $spacing-xlg $spacing-2xlg;
	2144	+ border: $stroke-secondary;
	2145	+ border-radius: $radius-md;
	2146	+ min-width:0;
2140	2147	.search-box-write {
2141		- border: $stroke-secondary;
2142		- border-radius: $radius-md $radius-md 0 $radius-md;
2143		- // background: url($url-img + 'common/common/bg-schbox.svg') right top no-repeat $color-background-default-secondary;
2144		- background-color: $color-background-default-secondary;
2145		- padding: $spacing-lg 0;
	2148	+ flex:1;
2146	2149	}
2147		- .write-type2 {
2148		- padding:0 $spacing-lg;
2149		- &:first-of-type {
2150		- border-top:none;
2151		- padding-bottom: 1.2rem;
2152		- margin-bottom: 1.2rem;
2153		- border-bottom:$stroke-secondary;
2154		- }
2155		- &:only-of-type {
2156		- border-bottom-width: 0;
2157		- padding-bottom: 0;
2158		- margin-bottom: 0;
	2150	+ table {
	2151	+ th {
	2152	+ color: $color-font-default-tertiary;
	2153	+ @include typo('label-md', 'em');
	2154	+ padding-right:$spacing-md;
	2155	+ text-align: left;
2159	2156	}
2160		- table {
2161		- padding:5rem;
2162		- }
	2157	+ th,
	2158	+ td {
	2159	+ text-align: left;
	2160	+ height: 4.4rem;
	2161	+ border-bottom: $stroke-tertiary;
	2162	+ padding-top:$spacing-xsm;
	2163	+ padding-bottom: $spacing-xsm;
	2164	+ }
	2165	+ td {
	2166	+ > * {
	2167	+ margin-top: $spacing-2xsm;
	2168	+ margin-bottom: $spacing-2xsm;
	2169	+ }
	2170	+ > :not(.block),
	2171	+ > :not(.datepicker-box) {
	2172	+ margin-right: $spacing-2xsm;
	2173	+ }
	2174	+ > :last-child {
	2175	+ margin-right: 0;
	2176	+ }
	2177	+ }
	2178	+ .q0,
	2179	+ input[type='number'].q0 {
	2180	+ width: 20rem;
	2181	+ min-width: 20rem;
	2182	+ }
	2183	+ .q1 {
	2184	+ width: calc((100% - 2.4rem) / 4);
	2185	+ }
	2186	+ .q2 {
	2187	+ width: calc((100% - 0.8rem) / 2);
	2188	+ }
	2189	+ .q3 {
	2190	+ width: calc((100% - 2.4rem) / 3 * 2);
	2191	+ }
	2192	+ .q4 {
	2193	+ width: 100%;
	2194	+ }
2163	2195	}
2164	2196	.search-btn-cont {
	2197	+ flex:none;
2165	2198	display: flex;
2166	2199	flex-wrap: wrap;
2167	2200	justify-content: flex-end;
...	...	@@ -2173,25 +2206,28 @@
2173	2206	}
2174	2207	.btn-search-box {
2175	2208	display: inline-flex;
2176		- height: 5.6rem;
	2209	+ height: 8rem;
2177	2210	align-items: center;
2178	2211	justify-content: center;
2179		- min-width: 16rem;
	2212	+ min-width: 12rem;
2180	2213	padding-left: $spacing-lg;
2181	2214	padding-right: $spacing-lg;
2182		- @include typo ('label-lg','em');
	2215	+ @include typo ('label-lg','strong');
2183	2216	color:$color-font-default-primary-inverse;
2184	2217	// background: linear-gradient(-90deg, $color-background-brand-secondary-inverse 0%, $color-background-brand-primary-inverse 100%);
2185	2218	background-color: $color-background-brand-primary-inverse;
2186		- border-radius: 0 0 $radius-sm $radius-sm;
	2219	+ border-radius: $radius-md;
	2220	+ gap:$spacing-xsm;
2187	2221	transition: all .4s;
2188	2222	&::before {
2189	2223	content: "";
2190		- display: inline-block;
2191		- width: 2.4rem;
2192		- height: 2.4rem;
2193		- margin-right: $spacing-2xsm;
2194		- background-image: url(pathIcon(map-get($icons,"ico-search"), $color-white));
	2224	+ display: block;
	2225	+ width: 4rem;
	2226	+ height: 4rem;
	2227	+ aspect-ratio: 1;
	2228	+ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M29.479 26.631L26.6325 29.4775L21.6505 24.4955L24.497 21.649L29.479 26.631Z" fill="%23C1BFC8"/><path d="M36.821 31.128L30.904 25.211C30.118 24.425 28.8435 24.425 28.0575 25.211L25.211 28.0575C24.425 28.8435 24.425 30.118 25.211 30.904L31.128 36.821C32.7 38.394 35.2505 38.394 36.8225 36.821C38.3925 35.25 38.3915 32.7005 36.8205 31.1285L36.821 31.128Z" fill="%23727077"/><path d="M15.5875 29.1745C23.0917 29.1745 29.175 23.0912 29.175 15.587C29.175 8.08284 23.0917 1.99951 15.5875 1.99951C8.08333 1.99951 2 8.08284 2 15.587C2 23.0912 8.08333 29.1745 15.5875 29.1745Z" fill="%23918F97"/><path d="M15.5875 25.1485C20.8682 25.1485 25.149 20.8677 25.149 15.587C25.149 10.3063 20.8682 6.02551 15.5875 6.02551C10.3068 6.02551 6.026 10.3063 6.026 15.587C6.026 20.8677 10.3068 25.1485 15.5875 25.1485Z" fill="%23C7E3FF"/></svg>');
	2229	+ background-size: contain;
	2230	+ background-repeat: no-repeat;
2195	2231	}
2196	2232	&:hover {
2197	2233	box-shadow: $shadow-md;
...	...	@@ -2572,6 +2608,7 @@
2572	2608	flex-direction: column;
2573	2609	gap: $spacing-xsm;
2574	2610	li {
	2611	+ align-items: flex-start;
2575	2612	&::after {
2576	2613	display: none;
2577	2614	}
...	...	@@ -3387,8 +3424,8 @@
3387	3424	display: none;
3388	3425	border: $stroke-secondary;
3389	3426	border-radius: $radius-xsm;
	3427	+ background-color: $color-background-default-primary;
3390	3428	li {
3391		- background-color: $color-background-default-primary;
3392	3429	&:hover {
3393	3430	background-color: $color-background-default-secondary;
3394	3431	}

...	...	@@ -548,41 +548,50 @@
548	548	}
549	549	}
550	550	.item-type-list {
	551	+ display: grid;
	552	+ gap:$spacing-md;
551	553	&.border-top {
552	554	border-top:$stroke-secondary;
553	555	}
554	556	> li {
555	557	display: flex;
556		- gap:$spacing-md;
557		- padding:$spacing-lg 0;
558	558	border-bottom: $stroke-secondary;
559	559	position: relative;
	560	+ border-radius: $radius-md;
	561	+ border: $stroke-secondary;
	562	+ background: $color-background-default-primary;
	563	+ min-width: 0;
560	564	}
561	565	.item-checkradio {
562	566	align-self: flex-start;
563	567	margin-right: 0;
	568	+ position: absolute;
	569	+ left:$spacing-xsm;
	570	+ top:$spacing-xsm;
564	571	}
565	572	.etc-fnc-area {
566	573	position: absolute;
567		- top:$spacing-lg;
568		- right:0;
	574	+ top:$spacing-sm;
	575	+ right:$spacing-sm;
569	576	z-index: 4;
570	577	&.is-active {
571	578	z-index: 4;
572	579	}
573	580	}
574	581	.img-area {
575		- width: 32rem;
	582	+ width: 48rem;
576	583	flex:none;
	584	+ border-top-left-radius: inherit;
	585	+ border-bottom-left-radius: inherit;
	586	+ overflow: hidden;
577	587	&.sm {
578	588	width: 24rem;
579	589	}
580	590	figure {
581		- border-radius: $radius-sm;
582		- border:$stroke-secondary;
583	591	overflow:hidden;
584	592	width: 100%;
585	593	aspect-ratio: 16/9;
	594	+ overflow: hidden;
586	595	img {
587	596	display:block;
588	597	object-fit:cover;
...	...	@@ -591,17 +600,19 @@
591	600	}
592	601	}
593	602	}
594		- .img-info-area {
	603	+ .cont {
595	604	display: flex;
596		- flex-direction: column;
597		- gap:$spacing-xsm;
598		- margin-top:$spacing-xsm;
599		- }
600		- .txt-area {
	605	+ min-width: 0;
	606	+ padding: $spacing-lg $spacing-2xlg;
	607	+ gap:$spacing-xlg;
601	608	flex:1;
602		- display: flex;
603		- flex-direction: column;
604		- gap:$spacing-sm;
	609	+ >.txt-area {
	610	+ flex:1;
	611	+ width: 100%;
	612	+ display: flex;
	613	+ flex-direction: column;
	614	+ gap:$spacing-sm;
	615	+ }
605	616	}
606	617	.item-btn-area {
607	618	flex:none;
...	...	@@ -610,7 +621,7 @@
610	621	gap:$spacing-xsm;
611	622	justify-content: center;
612	623	.btn {
613		- min-width: 12.8rem;
	624	+ min-width: 20rem;
614	625	width: 100%;
615	626	transition: none;
616	627	// white-space: nowrap;
...	...	@@ -651,7 +662,7 @@
651	662	&.item-type-thumb {
652	663	display: grid;
653	664	grid-template-columns: repeat(4, 1fr);
654		- gap:6.4rem $spacing-md;
	665	+ gap:$spacing-2xlg $spacing-md;
655	666	>li {
656	667	flex-direction: column;
657	668	padding:0;
...	...	@@ -668,12 +679,21 @@
668	679	}
669	680	.img-area {
670	681	width: 100%;
	682	+ border-bottom-left-radius: initial;
	683	+ border-top-right-radius: inherit;
	684	+ figure {
	685	+
	686	+ }
	687	+ }
	688	+ .cont {
	689	+ padding:$spacing-lg;
	690	+ flex-direction: column;
671	691	}
672	692	.item-btn-area {
673	693	flex-direction: row;
674	694	flex-wrap: wrap;
675	695	.btn {
676		- // min-width: 0;
	696	+ min-width: 0;
677	697	flex:1;
678	698	padding:0 $spacing-xsm;
679	699	&.primary {

...	...	@@ -9642,6 +9642,10 @@
9642	9642	cursor: move;
9643	9643	}
9644	9644
	9645	+.item-type-list {
	9646	+ display: grid;
	9647	+ gap: 1.6rem;
	9648	+}
9645	9649	.item-type-list.border-top {
9646	9650	border-top: 0.1rem solid var(--color-stroke-default-tertiary);
9647	9651	}
...	...	@@ -9649,40 +9653,47 @@
9649	9653	display: -webkit-box;
9650	9654	display: -ms-flexbox;
9651	9655	display: flex;
9652		- gap: 1.6rem;
9653		- padding: 2.4rem 0;
9654	9656	border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
9655	9657	position: relative;
	9658	+ border-radius: 2.4rem;
	9659	+ border: 0.1rem solid var(--color-stroke-default-tertiary);
	9660	+ background: var(--color-background-default-primary);
	9661	+ min-width: 0;
9656	9662	}
9657	9663	.item-type-list .item-checkradio {
9658	9664	-ms-flex-item-align: start;
9659	9665	align-self: flex-start;
9660	9666	margin-right: 0;
	9667	+ position: absolute;
	9668	+ left: 0.8rem;
	9669	+ top: 0.8rem;
9661	9670	}
9662	9671	.item-type-list .etc-fnc-area {
9663	9672	position: absolute;
9664		- top: 2.4rem;
9665		- right: 0;
	9673	+ top: 1.2rem;
	9674	+ right: 1.2rem;
9666	9675	z-index: 4;
9667	9676	}
9668	9677	.item-type-list .etc-fnc-area.is-active {
9669	9678	z-index: 4;
9670	9679	}
9671	9680	.item-type-list .img-area {
9672		- width: 32rem;
	9681	+ width: 48rem;
9673	9682	-webkit-box-flex: 0;
9674	9683	-ms-flex: none;
9675	9684	flex: none;
	9685	+ border-top-left-radius: inherit;
	9686	+ border-bottom-left-radius: inherit;
	9687	+ overflow: hidden;
9676	9688	}
9677	9689	.item-type-list .img-area.sm {
9678	9690	width: 24rem;
9679	9691	}
9680	9692	.item-type-list .img-area figure {
9681		- border-radius: 1.2rem;
9682		- border: 0.1rem solid var(--color-stroke-default-tertiary);
9683	9693	overflow: hidden;
9684	9694	width: 100%;
9685	9695	aspect-ratio: 16/9;
	9696	+ overflow: hidden;
9686	9697	}
9687	9698	.item-type-list .img-area figure img {
9688	9699	display: block;
...	...	@@ -9691,21 +9702,22 @@
9691	9702	width: 100%;
9692	9703	height: 100%;
9693	9704	}
9694		-.item-type-list .img-info-area {
	9705	+.item-type-list .cont {
9695	9706	display: -webkit-box;
9696	9707	display: -ms-flexbox;
9697	9708	display: flex;
9698		- -webkit-box-orient: vertical;
9699		- -webkit-box-direction: normal;
9700		- -ms-flex-direction: column;
9701		- flex-direction: column;
9702		- gap: 0.8rem;
9703		- margin-top: 0.8rem;
9704		-}
9705		-.item-type-list .txt-area {
	9709	+ min-width: 0;
	9710	+ padding: 2.4rem 4rem;
	9711	+ gap: 3.2rem;
9706	9712	-webkit-box-flex: 1;
9707	9713	-ms-flex: 1;
9708	9714	flex: 1;
	9715	+}
	9716	+.item-type-list .cont > .txt-area {
	9717	+ -webkit-box-flex: 1;
	9718	+ -ms-flex: 1;
	9719	+ flex: 1;
	9720	+ width: 100%;
9709	9721	display: -webkit-box;
9710	9722	display: -ms-flexbox;
9711	9723	display: flex;
...	...	@@ -9732,7 +9744,7 @@
9732	9744	justify-content: center;
9733	9745	}
9734	9746	.item-type-list .item-btn-area .btn {
9735		- min-width: 12.8rem;
	9747	+ min-width: 20rem;
9736	9748	width: 100%;
9737	9749	-webkit-transition: none;
9738	9750	transition: none;
...	...	@@ -9789,7 +9801,7 @@
9789	9801	.item-type-list.item-type-thumb {
9790	9802	display: grid;
9791	9803	grid-template-columns: repeat(4, 1fr);
9792		- gap: 6.4rem 1.6rem;
	9804	+ gap: 4rem 1.6rem;
9793	9805	}
9794	9806	.item-type-list.item-type-thumb > li {
9795	9807	-webkit-box-orient: vertical;
...	...	@@ -9810,6 +9822,15 @@
9810	9822	}
9811	9823	.item-type-list.item-type-thumb .img-area {
9812	9824	width: 100%;
	9825	+ border-bottom-left-radius: initial;
	9826	+ border-top-right-radius: inherit;
	9827	+}
	9828	+.item-type-list.item-type-thumb .cont {
	9829	+ padding: 2.4rem;
	9830	+ -webkit-box-orient: vertical;
	9831	+ -webkit-box-direction: normal;
	9832	+ -ms-flex-direction: column;
	9833	+ flex-direction: column;
9813	9834	}
9814	9835	.item-type-list.item-type-thumb .item-btn-area {
9815	9836	-webkit-box-orient: horizontal;
...	...	@@ -9820,6 +9841,7 @@
9820	9841	flex-wrap: wrap;
9821	9842	}
9822	9843	.item-type-list.item-type-thumb .item-btn-area .btn {
	9844	+ min-width: 0;
9823	9845	-webkit-box-flex: 1;
9824	9846	-ms-flex: 1;
9825	9847	flex: 1;
...	...	@@ -14020,31 +14042,70 @@
14020	14042	.search-box {
14021	14043	position: relative;
14022	14044	margin-bottom: 8rem;
	14045	+ display: -webkit-box;
	14046	+ display: -ms-flexbox;
	14047	+ display: flex;
	14048	+ gap: 4rem;
	14049	+ background-color: var(--color-background-default-secondary);
	14050	+ padding: 3.2rem 4rem;
	14051	+ border: 0.1rem solid var(--color-stroke-default-tertiary);
	14052	+ border-radius: 2.4rem;
	14053	+ min-width: 0;
14023	14054	}
14024	14055	.search-box .search-box-write {
14025		- border: 0.1rem solid var(--color-stroke-default-tertiary);
14026		- border-radius: 2.4rem 2.4rem 0 2.4rem;
14027		- background-color: var(--color-background-default-secondary);
14028		- padding: 2.4rem 0;
	14056	+ -webkit-box-flex: 1;
	14057	+ -ms-flex: 1;
	14058	+ flex: 1;
14029	14059	}
14030		-.search-box .write-type2 {
14031		- padding: 0 2.4rem;
	14060	+.search-box table th {
	14061	+ color: var(--color-font-default-tertiary);
	14062	+ font-size: var(--font-label-md);
	14063	+ font-weight: var(--size-font-weight-md);
	14064	+ line-height: var(--size-font-lineheight-xsm);
	14065	+ font-weight: var(--size-font-weight-xlg);
	14066	+ padding-right: 1.6rem;
	14067	+ text-align: left;
14032	14068	}
14033		-.search-box .write-type2:first-of-type {
14034		- border-top: none;
14035		- padding-bottom: 1.2rem;
14036		- margin-bottom: 1.2rem;
14037		- border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
	14069	+.search-box table th,
	14070	+.search-box table td {
	14071	+ text-align: left;
	14072	+ height: 4.4rem;
	14073	+ border-bottom: 0.1rem solid var(--color-stroke-default-quaternary);
	14074	+ padding-top: 0.8rem;
	14075	+ padding-bottom: 0.8rem;
14038	14076	}
14039		-.search-box .write-type2:only-of-type {
14040		- border-bottom-width: 0;
14041		- padding-bottom: 0;
14042		- margin-bottom: 0;
	14077	+.search-box table td > * {
	14078	+ margin-top: 0.4rem;
	14079	+ margin-bottom: 0.4rem;
14043	14080	}
14044		-.search-box .write-type2 table {
14045		- padding: 5rem;
	14081	+.search-box table td > :not(.block),
	14082	+.search-box table td > :not(.datepicker-box) {
	14083	+ margin-right: 0.4rem;
	14084	+}
	14085	+.search-box table td > :last-child {
	14086	+ margin-right: 0;
	14087	+}
	14088	+.search-box table .q0,
	14089	+.search-box table input[type=number].q0 {
	14090	+ width: 20rem;
	14091	+ min-width: 20rem;
	14092	+}
	14093	+.search-box table .q1 {
	14094	+ width: calc((100% - 2.4rem) / 4);
	14095	+}
	14096	+.search-box table .q2 {
	14097	+ width: calc((100% - 0.8rem) / 2);
	14098	+}
	14099	+.search-box table .q3 {
	14100	+ width: calc((100% - 2.4rem) / 3 * 2);
	14101	+}
	14102	+.search-box table .q4 {
	14103	+ width: 100%;
14046	14104	}
14047	14105	.search-box .search-btn-cont {
	14106	+ -webkit-box-flex: 0;
	14107	+ -ms-flex: none;
	14108	+ flex: none;
14048	14109	display: -webkit-box;
14049	14110	display: -ms-flexbox;
14050	14111	display: flex;
...	...	@@ -14065,33 +14126,36 @@
14065	14126	display: -webkit-inline-box;
14066	14127	display: -ms-inline-flexbox;
14067	14128	display: inline-flex;
14068		- height: 5.6rem;
	14129	+ height: 8rem;
14069	14130	-webkit-box-align: center;
14070	14131	-ms-flex-align: center;
14071	14132	align-items: center;
14072	14133	-webkit-box-pack: center;
14073	14134	-ms-flex-pack: center;
14074	14135	justify-content: center;
14075		- min-width: 16rem;
	14136	+ min-width: 12rem;
14076	14137	padding-left: 2.4rem;
14077	14138	padding-right: 2.4rem;
14078	14139	font-size: var(--font-label-lg);
14079	14140	font-weight: var(--size-font-weight-md);
14080	14141	line-height: var(--size-font-lineheight-xsm);
14081		- font-weight: var(--size-font-weight-xlg);
	14142	+ font-weight: var(--size-font-weight-lg);
14082	14143	color: var(--color-font-default-primary-inverse);
14083	14144	background-color: var(--color-background-brand-primary-inverse);
14084		- border-radius: 0 0 1.2rem 1.2rem;
	14145	+ border-radius: 2.4rem;
	14146	+ gap: 0.8rem;
14085	14147	-webkit-transition: all 0.4s;
14086	14148	transition: all 0.4s;
14087	14149	}
14088	14150	.search-box .btn-search-box::before {
14089	14151	content: "";
14090		- display: inline-block;
14091		- width: 2.4rem;
14092		- height: 2.4rem;
14093		- margin-right: 0.4rem;
14094		- background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23fff'%3E%3Cpath d='M21.7,20.3l-5.4-5.4c1.1-1.4,1.7-3.1,1.7-4.9c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.8,0,3.5-0.6,4.9-1.7 l5.4,5.4L21.7,20.3z M10,16c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S13.3,16,10,16z'/%3E%3C/g%3E%3C/svg%3E");
	14152	+ display: block;
	14153	+ width: 4rem;
	14154	+ height: 4rem;
	14155	+ aspect-ratio: 1;
	14156	+ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M29.479 26.631L26.6325 29.4775L21.6505 24.4955L24.497 21.649L29.479 26.631Z" fill="%23C1BFC8"/><path d="M36.821 31.128L30.904 25.211C30.118 24.425 28.8435 24.425 28.0575 25.211L25.211 28.0575C24.425 28.8435 24.425 30.118 25.211 30.904L31.128 36.821C32.7 38.394 35.2505 38.394 36.8225 36.821C38.3925 35.25 38.3915 32.7005 36.8205 31.1285L36.821 31.128Z" fill="%23727077"/><path d="M15.5875 29.1745C23.0917 29.1745 29.175 23.0912 29.175 15.587C29.175 8.08284 23.0917 1.99951 15.5875 1.99951C8.08333 1.99951 2 8.08284 2 15.587C2 23.0912 8.08333 29.1745 15.5875 29.1745Z" fill="%23918F97"/><path d="M15.5875 25.1485C20.8682 25.1485 25.149 20.8677 25.149 15.587C25.149 10.3063 20.8682 6.02551 15.5875 6.02551C10.3068 6.02551 6.026 10.3063 6.026 15.587C6.026 20.8677 10.3068 25.1485 15.5875 25.1485Z" fill="%23C7E3FF"/></svg>');
	14157	+ background-size: contain;
	14158	+ background-repeat: no-repeat;
14095	14159	}
14096	14160	.search-box .btn-search-box:hover {
14097	14161	-webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
...	...	@@ -14513,6 +14577,11 @@
14513	14577	-ms-flex-direction: column;
14514	14578	flex-direction: column;
14515	14579	gap: 0.8rem;
	14580	+}
	14581	+.info-inline-list.u-block li {
	14582	+ -webkit-box-align: start;
	14583	+ -ms-flex-align: start;
	14584	+ align-items: flex-start;
14516	14585	}
14517	14586	.info-inline-list.u-block li::after {
14518	14587	display: none;
...	...	@@ -15586,8 +15655,6 @@
15586	15655	display: none;
15587	15656	border: 0.1rem solid var(--color-stroke-default-tertiary);
15588	15657	border-radius: 0.8rem;
15589		-}
15590		-.etc-fnc-area .etc-fnc li {
15591	15658	background-color: var(--color-background-default-primary);
15592	15659	}
15593	15660	.etc-fnc-area .etc-fnc li:hover {

Delete comment