Commit @b07fbc2db256727ee4aad772d3071092c87c44e6

yanghyo 10-23

챗봇, 나의강의실, 루브릭만들기, sms, 인쇄 추가

@b07fbc2db256727ee4aad772d3071092c87c44e6

8c1cf64

b07fbc2

html/onSejong/common/main/main.html

--- html/onSejong/common/main/main.html

+++ html/onSejong/common/main/main.html

...	...	@@ -430,6 +430,120 @@
430	430	</section>
431	431	</div>
432	432	</div>
	433	+ <ul class="site-float-area">
	434	+ <li class="float-chatbot">
	435	+ <button type="button" class="btn-float-chatbot">챗봇</button>
	436	+ <div class="pupup-chatbot">
	437	+ <div class="pop-header">
	438	+ <h1>챗봇</h1>
	439	+ </div>
	440	+ <div class="pop-body msg-cont-body">
	441	+ <p class="msg-time">2025년 10월 22일 10:33</p>
	442	+ <div class="item my">
	443	+ <div class="txt">문의</div>
	444	+ <span class="time">2024-09-26 19:24</span>
	445	+ </div>
	446	+ <div class="item">
	447	+ <div class="profile sm">
	448	+ <div class="img-area">
	449	+ <figure>
	450	+ <img src="../../../../resources/front/site/SITE_00000/images/common/profile/profile-chatbot.svg" alt="챗봇">
	451	+ </figure>
	452	+ </div>
	453	+ <div class="txt-area">
	454	+ <strong class="profile-tit">챗봇</strong>
	455	+ </div>
	456	+ </div>
	457	+ <div class="txt-guide">
	458	+ <div class="txt">
	459	+ <p>
	460	+ 잘 이해하지 못했어요.<br>
	461	+ 온라인학교 과정, 캠퍼스공동교육과정 중에 궁금한 부분의 버튼을 눌러주시면 잘 이해할 수 있어요.
	462	+ </p>
	463	+ <div class="btn-group dir-col">
	464	+ <a href="#none" class="btn secondary sm">세종온라인학교</a>
	465	+ <a href="#none" class="btn secondary sm">캠퍼스공동교육과정</a>
	466	+ <a href="#none" class="btn secondary sm">로그인/회원가입</a>
	467	+ <a href="#none" class="btn secondary sm">기타</a>
	468	+ </div>
	469	+ </div>
	470	+ </div>
	471	+ <span class="time">2024-09-26 19:24</span>
	472	+ </div>
	473	+ <div class="item my">
	474	+ <div class="txt">로그인/회원가입</div>
	475	+ <span class="time">2024-09-26 19:24</span>
	476	+ </div>
	477	+ <div class="item">
	478	+ <div class="profile sm">
	479	+ <div class="img-area">
	480	+ <figure>
	481	+ <img src="../../../../resources/front/site/SITE_00000/images/common/profile/profile-chatbot.svg" alt="챗봇">
	482	+ </figure>
	483	+ </div>
	484	+ <div class="txt-area">
	485	+ <strong class="profile-tit">챗봇</strong>
	486	+ </div>
	487	+ </div>
	488	+ <div class="txt-guide">
	489	+ <div class="guide-tit-area"><span class="label round">로그인/회원가입</span></div>
	490	+ <ul class="accordion-list">
	491	+ <li class="accordion-item">
	492	+ <div class="accordion-tit-area">
	493	+ <button type="button" class="btn-accordion-toggle">열기 닫기</button>
	494	+ <span class="label">Q</span>
	495	+ <div class="accordion-tit">로그인은 어떻게 하나요?</div>
	496	+ </div>
	497	+ <div class="accordion-txt-area">상단에 있는 로그인 선택 후 가입하신 "디지털원패스" 아이디 / 비번을 입력하시면 로그인 하실 수 있습니다.</div>
	498	+ </li>
	499	+ <li class="accordion-item">
	500	+ <div class="accordion-tit-area">
	501	+ <button type="button" class="btn-accordion-toggle">열기 닫기</button>
	502	+ <span class="label">Q</span>
	503	+ <div class="accordion-tit">회원가입은 어떻게 하나요?</div>
	504	+ </div>
	505	+ <div class="accordion-txt-area">상단에 있는 로그인 선택 후 가입하신 "디지털원패스" 아이디 / 비번을 입력하시면 로그인 하실 수 있습니다.</div>
	506	+ </li>
	507	+ </ul>
	508	+ </div>
	509	+ <span class="time">2024-09-26 19:24</span>
	510	+ </div>
	511	+ <div class="item">
	512	+ <div class="profile sm">
	513	+ <div class="img-area">
	514	+ <figure>
	515	+ <img src="../../../../resources/front/site/SITE_00000/images/common/profile/profile-chatbot.svg" alt="chatbot" />
	516	+ </figure>
	517	+ </div>
	518	+ <div class="txt-area">
	519	+ <strong class="profile-tit">챗봇</strong>
	520	+ </div>
	521	+ </div>
	522	+ <div class="txt">테스트</div>
	523	+ <span class="time">2024-09-26 19:24</span>
	524	+ </div>
	525	+ <div class="msg-fnc">
	526	+ <button class="btn sm ico-arrow-left">이전으로</button>
	527	+ </div>
	528	+ </div>
	529	+ <div class="pop-footer msg-cont-footer">
	530	+ <div class="footer-fnc"><button type="button" class="btn circle ico-home">홈</button></div>
	531	+ <div class="write">
	532	+ <input type="text" title="메시지를 입력하세요." placeholder="메시지를 입력하세요." />
	533	+ <div class="write-fnc-area">
	534	+ <div class="r-area">
	535	+ <button type="submit" class="btn circle sm ico-send primary">전송</button>
	536	+ </div>
	537	+ </div>
	538	+ </div>
	539	+ </div>
	540	+ <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
	541	+ </div>
	542	+ </li>
	543	+ <li>
	544	+ <a href="#" class="btn-float-top">TOP</a>
	545	+ </li>
	546	+ </ul>
433	547	</div>
434	548	<footer class="site-footer"></footer>
435	549	</div>
...	...	@@ -439,5 +553,14 @@
439	553
440	554	<!--popup-->
441	555	<div class="dim"></div>
	556	+
	557	+ <script>
	558	+ $(document).on('click', '.btn-float-chatbot',function() {
	559	+ $('.float-chatbot').toggleClass('is-active');
	560	+ });
	561	+ $(document).on('click', '.pupup-chatbot .pop-close',function() {
	562	+ $('.float-chatbot').removeClass('is-active');
	563	+ });
	564	+ </script>
442	565	</body>
443	566	</html>

8c1cf64

b07fbc2

html/onSejong/index.html

--- html/onSejong/index.html

+++ html/onSejong/index.html

...	...	@@ -418,7 +418,7 @@
418	418	<li>
419	419	common
420	420	<ul>
421		- <li>메인,common/main/main.html</li>
	421	+ <li class="mod">메인,common/main/main.html</li>
422	422	<li>
423	423	회원계
424	424	<ul>
...	...	@@ -695,10 +695,11 @@
695	695	<li>
696	696	나의 강의실
697	697	<ul>
698		- <li class="working">
	698	+ <li>
699	699	목록
700	700	<ul>
701		- <li>진행중/진행예정/진행완료,manager/myclass/classList.html</li>
	701	+ <li class="design">진행중/진행완료,manager/myclass/myclass.html</li>
	702	+ <li class="design">진행중/진행예정/진행완료,manager/myclass/classList.html</li>
702	703	<li>[팝업]일정등록,manager/myclass/pop_scheduleWrite.html</li>
703	704	<li>[팝업]일정보기,manager/myclass/pop_schedule.html</li>
704	705	<li>
...	...	@@ -738,7 +739,7 @@
738	739	<li class="working">성적직접관리,manager/myclass/gradeInput.html</li>
739	740	<li class="working">[팝업]환산 기준 관리,manager/myclass/pop_homeworkScoreView.html</li>
740	741	<li class="working">[팝업]과제 제출 리스트,manager/myclass/pop_homeworkSubmitList.html</li>
741		- <li class="before">[팝업]성적 분포도</li>
	742	+ <li>[팝업]성적 분포도,manager/myclass/pop_gradeChart.html</li>
742	743	</ul>
743	744	</li>
744	745	<li class="working">
...	...	@@ -753,7 +754,7 @@
753	754	루브릭 평가관리
754	755	<ul>
755	756	<li>루브릭 평가관리,manager/myclass/rubricManage.html</li>
756		- <li>루브릭 만들기 </li>
	757	+ <li>루브릭 만들기,manager/myclass/rubricWrite.html</li>
757	758	</ul>
758	759	</li>
759	760	<li>
...	...	@@ -794,7 +795,7 @@
794	795	</ul>
795	796	</li>
796	797	<li class="working">학습활동 보고서,manager/myclass/activityReport.html</li>
797		- <li class="before">SMS 보내기 </li>
	798	+ <li>SMS 보내기,manager/myclass/sms.html</li>
798	799	</ul>
799	800	</li>
800	801	<li>
...	...	@@ -802,7 +803,13 @@
802	803	<ul class="before">
803	804	<li>마이 프로필</li>
804	805	<li>강사 카드관리</li>
805		- <li>강사 확인증</li>
	806	+ <li>
	807	+ 강사 확인증
	808	+ <ul>
	809	+ <li>강사확인증</li>
	810	+ <li>[인쇄]강사확인증,manager/mypage/print_career.html</li>
	811	+ </ul>
	812	+ </li>
806	813	</ul>
807	814	</li>
808	815	</ul>
...	...	@@ -907,7 +914,12 @@
907	914	</li>
908	915	</ul>
909	916	</li>
910		- <li class="before">마이페이지</li>
	917	+ <li class="before">
	918	+ 마이페이지
	919	+ <ul>
	920	+ <li>[인쇄]이수증,member/mypage/print_certificate.html</li>
	921	+ </ul>
	922	+ </li>
911	923	<li class="before">
912	924	util
913	925	<ul>

b07fbc2

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

+++ html/onSejong/manager/myclass/myclass.html

...	...	@@ -0,0 +1,814 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
	35	+
	36	+ <body>
	37	+ <div class="accessibility">
	38	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	39	+ </div>
	40	+ <!-- for-teacher / for-student -->
	41	+ <div class="container">
	42	+ <!-- 통합 헤더 및 네비게이션 -->
	43	+ <header class="site-header"></header>
	44	+ <div class="site-body" id="skipToContents">
	45	+ <div class="wrap">
	46	+ <div class="site-cont">
	47	+ <ul class="breadcrumb">
	48	+ <li><a href="#none" class="home">홈</a></li>
	49	+ <li><a href="#none">1depth</a></li>
	50	+ <li><a href="#none">2depth</a></li>
	51	+ </ul>
	52	+ <div class="page-tit-area">
	53	+ <div class="l-area">
	54	+ <h2 class="title-xlg">나의 강의실</h2>
	55	+ </div>
	56	+ <div class="r-area"><a href="#none" class="btn lg cta ico-plus back">과정 개설하기</a></div>
	57	+ </div>
	58	+ <section class="section sm">
	59	+ <h3 class="txt-hide">나의 강의</h3>
	60	+ <ul class="tabs-nav">
	61	+ <li><a href="#none" class="is-active">진행중</a></li>
	62	+ <li><a href="#none">진행예정</a></li>
	63	+ <li><a href="#none">진행완료</a></li>
	64	+ </ul>
	65	+ <div class="fnc-area">
	66	+ <div class="l-area">
	67	+ <p>
	68	+ 총
	69	+ <em>156</em>
	70	+ 건
	71	+ </p>
	72	+ </div>
	73	+ <div class="r-area">
	74	+ <fieldset class="search-area">
	75	+ <legend>검색</legend>
	76	+ <div class="search">
	77	+ <input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요." />
	78	+ <button class="btn ico-search">검색</button>
	79	+ </div>
	80	+ </fieldset>
	81	+ </div>
	82	+ </div>
	83	+ <div class="list-type">
	84	+ <table>
	85	+ <caption>강의 목록</caption>
	86	+ <colgroup>
	87	+ <col style="width: 80px" />
	88	+ <col />
	89	+ <col style="width: 400px" />
	90	+ <col />
	91	+ <col />
	92	+ <col style="width: 200px" />
	93	+ <col style="width: 160px" />
	94	+ </colgroup>
	95	+ <thead>
	96	+ <tr>
	97	+ <th scope="col">번호</th>
	98	+ <th scope="col">수강구분</th>
	99	+ <th scope="col">과정명</th>
	100	+ <th scope="col">대상학년</th>
	101	+ <th scope="col">과목/전공</th>
	102	+ <th scope="col">수업시간</th>
	103	+ <th scope="col">수강인원(청강인원)/총인원</th>
	104	+ <th scope="col">
	105	+ 관리
	106	+ <div class="tooltip dir-r">
	107	+ <button type="button" class="btn-tooltip"><i class="ico-help primary">설명</i></button>
	108	+ <div class="txt-area">학사관리 아이콘을 선택하시면 해당 페이지에서 출석, 성적, 진도, 수강생 등 해당 강좌에 관련된 항목들을 관리할 수 있습니다.</div>
	109	+ </div>
	110	+ </th>
	111	+ </tr>
	112	+ </thead>
	113	+ <tbody>
	114	+ <tr>
	115	+ <td>1</td>
	116	+ <td>온세종학교</td>
	117	+ <td class="align-left">
	118	+ <a href="#none" class="table-title">2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개 2025학년도 온세종학교회계 본예산서 공개</a>
	119	+ </td>
	120	+ <td data-tit="대상학년">관리자</td>
	121	+ <td data-tit="과목/전공">수학</td>
	122	+ <td data-tit="수업시간">
	123	+ (수) 18:00 ~ 19:40
	124	+ <br />
	125	+ (목) 18:00 ~ 19:40
	126	+ </td>
	127	+ <td data-tit="수강인원(청강인원)/총인원">-(-) / 25</td>
	128	+ <td>
	129	+ <div class="btn-tbl-cont">
	130	+ <a href="#none" class="btn sm circle ico-mortarboard">학사관리</a>
	131	+ <button type="button" class="btn sm circle danger ico-delete">삭제</button>
	132	+ </div>
	133	+ </td>
	134	+ </tr>
	135	+ </tbody>
	136	+ </table>
	137	+ </div>
	138	+ <ul class="pagenation">
	139	+ <li class="ppv">
	140	+ <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
	141	+ </li>
	142	+ <li class="pv">
	143	+ <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
	144	+ </li>
	145	+ <li class="current">
	146	+ <a href="#none" title="1번째 목록으로 이동합니다">1</a>
	147	+ </li>
	148	+ <li>
	149	+ <a href="#none" title="2번째 목록으로 이동합니다">2</a>
	150	+ </li>
	151	+ <li>
	152	+ <a href="#none" title="3번째 목록으로 이동합니다">3</a>
	153	+ </li>
	154	+ <li>
	155	+ <a href="#none" title="4번째 목록으로 이동합니다">4</a>
	156	+ </li>
	157	+ <li>
	158	+ <a href="#none" title="5번째 목록으로 이동합니다">5</a>
	159	+ </li>
	160	+ <li class="fw">
	161	+ <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
	162	+ </li>
	163	+ <li class="ffw">
	164	+ <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
	165	+ </li>
	166	+ </ul>
	167	+ </section>
	168	+ <section class="calendar-area section">
	169	+ <header class="calendar-header">
	170	+ <div class="l-area">
	171	+ <h3 class="calendar-tit">2025.09</h3>
	172	+ <div class="fnc">
	173	+ <button type="button" class="btn-calendar-pv">이전</button>
	174	+ <button type="button" class="btn-calendar-fw">다음</button>
	175	+ </div>
	176	+ </div>
	177	+ <div class="r-area">
	178	+ <div class="btn-group">
	179	+ <button type="button" class="btn ico-plus">일정등록하기</button>
	180	+ <button type="button" class="btn ico-upload">내보내기</button>
	181	+ </div>
	182	+ </div>
	183	+ </header>
	184	+ <div class="calendar-tbl">
	185	+ <table>
	186	+ <caption>달력 테이블로 일, 월, 화, 수, 목, 금, 토로 구성되어 있습니다.</caption>
	187	+ <thead>
	188	+ <tr>
	189	+ <th scope="col">일</th>
	190	+ <th scope="col">월</th>
	191	+ <th scope="col">화</th>
	192	+ <th scope="col">수</th>
	193	+ <th scope="col">목</th>
	194	+ <th scope="col">금</th>
	195	+ <th scope="col">토</th>
	196	+ </tr>
	197	+ </thead>
	198	+ <tbody>
	199	+ <tr>
	200	+ <td>
	201	+ <button type="button" class="lnk-full">선택</button>
	202	+ <div class="cont">
	203	+ <strong class="date">1</strong>
	204	+ <div class="txt-area">
	205	+ <div class="label-area">
	206	+ <span class="label primary">수업</span>
	207	+ <span class="label secondary">과제</span>
	208	+ <span class="label accent">평가</span>
	209	+ <span class="label">개인일정</span>
	210	+ </div>
	211	+ </div>
	212	+ </div>
	213	+ </td>
	214	+ <td>
	215	+ <button type="button" class="lnk-full">선택</button>
	216	+ <div class="cont">
	217	+ <strong class="date">2</strong>
	218	+ <div class="txt-area"></div>
	219	+ </div>
	220	+ </td>
	221	+ <td class="is-today">
	222	+ <button type="button" class="lnk-full">선택</button>
	223	+ <div class="cont">
	224	+ <strong class="date">3</strong>
	225	+ <span class="date-txt">개천절</span>
	226	+ <div class="txt-area">
	227	+ <div class="label-area">
	228	+ <span class="label primary">수업</span>
	229	+ <span class="label secondary">과제</span>
	230	+ <span class="label accent">평가</span>
	231	+ <span class="label">개인일정</span>
	232	+ </div>
	233	+ </div>
	234	+ </div>
	235	+ </td>
	236	+ <td>
	237	+ <button type="button" class="lnk-full" disabled="">선택</button>
	238	+ <div class="cont">
	239	+ <strong class="date">4</strong>
	240	+ <div class="txt-area"></div>
	241	+ </div>
	242	+ </td>
	243	+ <td>
	244	+ <button type="button" class="lnk-full" disabled="">선택</button>
	245	+ <div class="cont">
	246	+ <strong class="date">5</strong>
	247	+ <div class="txt-area"></div>
	248	+ </div>
	249	+ </td>
	250	+ <td>
	251	+ <button type="button" class="lnk-full" disabled="">선택</button>
	252	+ <div class="cont">
	253	+ <strong class="date">6</strong>
	254	+ <div class="txt-area"></div>
	255	+ </div>
	256	+ </td>
	257	+ <td>
	258	+ <button type="button" class="lnk-full" disabled="">선택</button>
	259	+ <div class="cont">
	260	+ <strong class="date">7</strong>
	261	+ <div class="txt-area"></div>
	262	+ </div>
	263	+ </td>
	264	+ </tr>
	265	+ <tr>
	266	+ <td>
	267	+ <button type="button" class="lnk-full">선택</button>
	268	+ <div class="cont">
	269	+ <strong class="date">8</strong>
	270	+ <div class="txt-area">
	271	+ <div class="label-area">
	272	+ <span class="label primary">수업</span>
	273	+ <span class="label secondary">과제</span>
	274	+ <span class="label accent">평가</span>
	275	+ <span class="label">개인일정</span>
	276	+ </div>
	277	+ </div>
	278	+ </div>
	279	+ </td>
	280	+ <td>
	281	+ <button type="button" class="lnk-full" disabled="">선택</button>
	282	+ <div class="cont">
	283	+ <strong class="date">9</strong>
	284	+ <div class="txt-area"></div>
	285	+ </div>
	286	+ </td>
	287	+ <td>
	288	+ <button type="button" class="lnk-full">선택</button>
	289	+ <div class="cont">
	290	+ <strong class="date">10</strong>
	291	+ <div class="txt-area">
	292	+ <div class="label-area">
	293	+ <span class="label primary">수업</span>
	294	+ <span class="label secondary">과제</span>
	295	+ <span class="label accent">평가</span>
	296	+ <span class="label">개인일정</span>
	297	+ </div>
	298	+ </div>
	299	+ </div>
	300	+ </td>
	301	+ <td>
	302	+ <button type="button" class="lnk-full">선택</button>
	303	+ <div class="cont">
	304	+ <strong class="date">11</strong>
	305	+ <div class="txt-area">
	306	+ <div class="label-area">
	307	+ <span class="label primary">수업</span>
	308	+ <span class="label secondary">과제</span>
	309	+ <span class="label accent">평가</span>
	310	+ <span class="label">개인일정</span>
	311	+ </div>
	312	+ </div>
	313	+ </div>
	314	+ </td>
	315	+ <td>
	316	+ <button type="button" class="lnk-full">선택</button>
	317	+ <div class="cont">
	318	+ <strong class="date">12</strong>
	319	+ <div class="txt-area">
	320	+ <div class="label-area">
	321	+ <span class="label primary">수업</span>
	322	+ <span class="label secondary">과제</span>
	323	+ <span class="label accent">평가</span>
	324	+ <span class="label">개인일정</span>
	325	+ </div>
	326	+ </div>
	327	+ </div>
	328	+ </td>
	329	+ <td>
	330	+ <button type="button" class="lnk-full">선택</button>
	331	+ <div class="cont">
	332	+ <strong class="date">13</strong>
	333	+ <div class="txt-area">
	334	+ <div class="label-area">
	335	+ <span class="label primary">수업</span>
	336	+ <span class="label secondary">과제</span>
	337	+ <span class="label accent">평가</span>
	338	+ <span class="label">개인일정</span>
	339	+ </div>
	340	+ </div>
	341	+ </div>
	342	+ </td>
	343	+ <td>
	344	+ <button type="button" class="lnk-full">선택</button>
	345	+ <div class="cont">
	346	+ <strong class="date">14</strong>
	347	+ <div class="txt-area">
	348	+ <div class="label-area">
	349	+ <span class="label primary">수업</span>
	350	+ <span class="label secondary">과제</span>
	351	+ <span class="label accent">평가</span>
	352	+ <span class="label">개인일정</span>
	353	+ </div>
	354	+ </div>
	355	+ </div>
	356	+ </td>
	357	+ </tr>
	358	+ <tr>
	359	+ <td>
	360	+ <button type="button" class="lnk-full">선택</button>
	361	+ <div class="cont">
	362	+ <strong class="date">15</strong>
	363	+ <div class="txt-area">
	364	+ <div class="label-area">
	365	+ <span class="label primary">수업</span>
	366	+ <span class="label secondary">과제</span>
	367	+ <span class="label accent">평가</span>
	368	+ <span class="label">개인일정</span>
	369	+ </div>
	370	+ </div>
	371	+ </div>
	372	+ </td>
	373	+ <td>
	374	+ <button type="button" class="lnk-full">선택</button>
	375	+ <div class="cont">
	376	+ <strong class="date">16</strong>
	377	+ <div class="txt-area">
	378	+ <div class="label-area">
	379	+ <span class="label primary">수업</span>
	380	+ <span class="label secondary">과제</span>
	381	+ <span class="label accent">평가</span>
	382	+ <span class="label">개인일정</span>
	383	+ </div>
	384	+ </div>
	385	+ </div>
	386	+ </td>
	387	+ <td>
	388	+ <button type="button" class="lnk-full">선택</button>
	389	+ <div class="cont">
	390	+ <strong class="date">17</strong>
	391	+ <div class="txt-area">
	392	+ <div class="label-area">
	393	+ <span class="label primary">수업</span>
	394	+ <span class="label secondary">과제</span>
	395	+ <span class="label accent">평가</span>
	396	+ <span class="label">개인일정</span>
	397	+ </div>
	398	+ </div>
	399	+ </div>
	400	+ </td>
	401	+ <td>
	402	+ <button type="button" class="lnk-full">선택</button>
	403	+ <div class="cont">
	404	+ <strong class="date">18</strong>
	405	+ <div class="txt-area">
	406	+ <div class="label-area">
	407	+ <span class="label primary">수업</span>
	408	+ <span class="label secondary">과제</span>
	409	+ <span class="label accent">평가</span>
	410	+ <span class="label">개인일정</span>
	411	+ </div>
	412	+ </div>
	413	+ </div>
	414	+ </td>
	415	+ <td>
	416	+ <button type="button" class="lnk-full">선택</button>
	417	+ <div class="cont">
	418	+ <strong class="date">19</strong>
	419	+ <div class="txt-area">
	420	+ <div class="label-area">
	421	+ <span class="label primary">수업</span>
	422	+ <span class="label secondary">과제</span>
	423	+ <span class="label accent">평가</span>
	424	+ <span class="label">개인일정</span>
	425	+ </div>
	426	+ </div>
	427	+ </div>
	428	+ </td>
	429	+ <td>
	430	+ <button type="button" class="lnk-full">선택</button>
	431	+ <div class="cont">
	432	+ <strong class="date">20</strong>
	433	+ <div class="txt-area">
	434	+ <div class="label-area">
	435	+ <span class="label primary">수업</span>
	436	+ <span class="label secondary">과제</span>
	437	+ <span class="label accent">평가</span>
	438	+ <span class="label">개인일정</span>
	439	+ </div>
	440	+ </div>
	441	+ </div>
	442	+ </td>
	443	+ <td>
	444	+ <button type="button" class="lnk-full">선택</button>
	445	+ <div class="cont">
	446	+ <strong class="date">21</strong>
	447	+ <div class="txt-area">
	448	+ <div class="label-area">
	449	+ <span class="label primary">수업</span>
	450	+ <span class="label secondary">과제</span>
	451	+ <span class="label accent">평가</span>
	452	+ <span class="label">개인일정</span>
	453	+ </div>
	454	+ </div>
	455	+ </div>
	456	+ </td>
	457	+ </tr>
	458	+ <tr>
	459	+ <td>
	460	+ <button type="button" class="lnk-full">선택</button>
	461	+ <div class="cont">
	462	+ <strong class="date">22</strong>
	463	+ <div class="txt-area">
	464	+ <div class="label-area">
	465	+ <span class="label primary">수업</span>
	466	+ <span class="label secondary">과제</span>
	467	+ <span class="label accent">평가</span>
	468	+ <span class="label">개인일정</span>
	469	+ </div>
	470	+ </div>
	471	+ </div>
	472	+ </td>
	473	+ <td>
	474	+ <button type="button" class="lnk-full">선택</button>
	475	+ <div class="cont">
	476	+ <strong class="date">23</strong>
	477	+ <div class="txt-area">
	478	+ <div class="label-area">
	479	+ <span class="label primary">수업</span>
	480	+ <span class="label secondary">과제</span>
	481	+ <span class="label accent">평가</span>
	482	+ <span class="label">개인일정</span>
	483	+ </div>
	484	+ </div>
	485	+ </div>
	486	+ </td>
	487	+ <td>
	488	+ <button type="button" class="lnk-full">선택</button>
	489	+ <div class="cont">
	490	+ <strong class="date">24</strong>
	491	+ <div class="txt-area">
	492	+ <div class="label-area">
	493	+ <span class="label primary">수업</span>
	494	+ <span class="label secondary">과제</span>
	495	+ <span class="label accent">평가</span>
	496	+ <span class="label">개인일정</span>
	497	+ </div>
	498	+ </div>
	499	+ </div>
	500	+ </td>
	501	+ <td>
	502	+ <button type="button" class="lnk-full">선택</button>
	503	+ <div class="cont">
	504	+ <strong class="date">25</strong>
	505	+ <div class="txt-area">
	506	+ <div class="label-area">
	507	+ <span class="label primary">수업</span>
	508	+ <span class="label secondary">과제</span>
	509	+ <span class="label accent">평가</span>
	510	+ <span class="label">개인일정</span>
	511	+ </div>
	512	+ </div>
	513	+ </div>
	514	+ </td>
	515	+ <td>
	516	+ <button type="button" class="lnk-full">선택</button>
	517	+ <div class="cont">
	518	+ <strong class="date">26</strong>
	519	+ <div class="txt-area">
	520	+ <div class="label-area">
	521	+ <span class="label primary">수업</span>
	522	+ <span class="label secondary">과제</span>
	523	+ <span class="label accent">평가</span>
	524	+ <span class="label">개인일정</span>
	525	+ </div>
	526	+ </div>
	527	+ </div>
	528	+ </td>
	529	+ <td>
	530	+ <button type="button" class="lnk-full">선택</button>
	531	+ <div class="cont">
	532	+ <strong class="date">27</strong>
	533	+ <div class="txt-area">
	534	+ <div class="label-area">
	535	+ <span class="label primary">수업</span>
	536	+ <span class="label secondary">과제</span>
	537	+ <span class="label accent">평가</span>
	538	+ <span class="label">개인일정</span>
	539	+ </div>
	540	+ </div>
	541	+ </div>
	542	+ </td>
	543	+ <td>
	544	+ <button type="button" class="lnk-full">선택</button>
	545	+ <div class="cont">
	546	+ <strong class="date">28</strong>
	547	+ <div class="txt-area">
	548	+ <div class="label-area">
	549	+ <span class="label primary">수업</span>
	550	+ <span class="label secondary">과제</span>
	551	+ <span class="label accent">평가</span>
	552	+ <span class="label">개인일정</span>
	553	+ </div>
	554	+ </div>
	555	+ </div>
	556	+ </td>
	557	+ </tr>
	558	+ <tr>
	559	+ <td>
	560	+ <button type="button" class="lnk-full">선택</button>
	561	+ <div class="cont">
	562	+ <strong class="date">29</strong>
	563	+ <div class="txt-area">
	564	+ <div class="label-area">
	565	+ <span class="label primary">수업</span>
	566	+ <span class="label secondary">과제</span>
	567	+ <span class="label accent">평가</span>
	568	+ <span class="label">개인일정</span>
	569	+ </div>
	570	+ </div>
	571	+ </div>
	572	+ </td>
	573	+ <td>
	574	+ <button type="button" class="lnk-full">선택</button>
	575	+ <div class="cont">
	576	+ <strong class="date">30</strong>
	577	+ <div class="txt-area">
	578	+ <div class="label-area">
	579	+ <span class="label primary">수업</span>
	580	+ <span class="label secondary">과제</span>
	581	+ <span class="label accent">평가</span>
	582	+ <span class="label">개인일정</span>
	583	+ </div>
	584	+ </div>
	585	+ </div>
	586	+ </td>
	587	+ <td>
	588	+ <button type="button" class="lnk-full">선택</button>
	589	+ <div class="cont">
	590	+ <strong class="date">1</strong>
	591	+ <div class="txt-area">
	592	+ <div class="label-area">
	593	+ <span class="label primary">수업</span>
	594	+ <span class="label secondary">과제</span>
	595	+ <span class="label accent">평가</span>
	596	+ <span class="label">개인일정</span>
	597	+ </div>
	598	+ </div>
	599	+ </div>
	600	+ </td>
	601	+ <td>
	602	+ <button type="button" class="lnk-full">선택</button>
	603	+ <div class="cont">
	604	+ <strong class="date">2</strong>
	605	+ <div class="txt-area">
	606	+ <div class="label-area">
	607	+ <span class="label primary">수업</span>
	608	+ <span class="label secondary">과제</span>
	609	+ <span class="label accent">평가</span>
	610	+ <span class="label">개인일정</span>
	611	+ </div>
	612	+ </div>
	613	+ </div>
	614	+ </td>
	615	+ <td>
	616	+ <button type="button" class="lnk-full">선택</button>
	617	+ <div class="cont">
	618	+ <strong class="date">3</strong>
	619	+ <div class="txt-area">
	620	+ <div class="label-area">
	621	+ <span class="label primary">수업</span>
	622	+ <span class="label secondary">과제</span>
	623	+ <span class="label accent">평가</span>
	624	+ <span class="label">개인일정</span>
	625	+ </div>
	626	+ </div>
	627	+ </div>
	628	+ </td>
	629	+ <td>
	630	+ <button type="button" class="lnk-full">선택</button>
	631	+ <div class="cont">
	632	+ <strong class="date">4</strong>
	633	+ <div class="txt-area">
	634	+ <div class="label-area">
	635	+ <span class="label primary">수업</span>
	636	+ <span class="label secondary">과제</span>
	637	+ <span class="label accent">평가</span>
	638	+ <span class="label">개인일정</span>
	639	+ </div>
	640	+ </div>
	641	+ </div>
	642	+ </td>
	643	+ <td>
	644	+ <button type="button" class="lnk-full">선택</button>
	645	+ <div class="cont">
	646	+ <strong class="date">5</strong>
	647	+ <div class="txt-area">
	648	+ <div class="label-area">
	649	+ <span class="label primary">수업</span>
	650	+ <span class="label secondary">과제</span>
	651	+ <span class="label accent">평가</span>
	652	+ <span class="label">개인일정</span>
	653	+ </div>
	654	+ </div>
	655	+ </div>
	656	+ </td>
	657	+ </tr>
	658	+ </tbody>
	659	+ </table>
	660	+ </div>
	661	+ </section>
	662	+ <div class="section-row">
	663	+ <section class="section">
	664	+ <div class="section-tit-area">
	665	+ <div class="l-area">
	666	+ <h3 class="title-lg">수업 통계</h3>
	667	+ </div>
	668	+ </div>
	669	+ <section class="section-box">
	670	+ <header class="box-header">
	671	+ <div class="l-area">
	672	+ <h4 class="section-box-tit">학습 참여율</h4>
	673	+ </div>
	674	+ </header>
	675	+ <div class="box-body">
	676	+ <div class="chart-box">
	677	+ <div class="chart-area sm">
	678	+ <canvas id="classAttend"></canvas>
	679	+ </div>
	680	+ <div class="cont">
	681	+ <ul class="chart-info-list">
	682	+ <li>
	683	+ <div class="l-area">
	684	+ <span class="legend lg">
	685	+ <i class="positive"></i>
	686	+ 참여
	687	+ </span>
	688	+ </div>
	689	+ <div class="r-area">
	690	+ <span class="label">40%</span>
	691	+ <span>
	692	+ <strong class="data">40</strong>
	693	+ 명
	694	+ </span>
	695	+ </div>
	696	+ </li>
	697	+ <li>
	698	+ <div class="l-area">
	699	+ <span class="legend lg">
	700	+ <i></i>
	701	+ 미참여
	702	+ </span>
	703	+ </div>
	704	+ <div class="r-area">
	705	+ <span class="label">60%</span>
	706	+ <span>
	707	+ <strong class="data">60</strong>
	708	+ 명
	709	+ </span>
	710	+ </div>
	711	+ </li>
	712	+ </ul>
	713	+ </div>
	714	+ <div class="fnc">
	715	+ <div class="bg-info-area">
	716	+ <span>총</span>
	717	+ <strong class="data">100명</strong>
	718	+ </div>
	719	+ </div>
	720	+ </div>
	721	+ </div>
	722	+ </section>
	723	+ </section>
	724	+ <section class="section">
	725	+ <div class="section-tit-area">
	726	+ <div class="l-area">
	727	+ <h3 class="title-lg">설문 관리</h3>
	728	+ </div>
	729	+ </div>
	730	+ <div class="section-box">
	731	+ <div class="box-body">
	732	+ <ul class="item-txt-list">
	733	+ <li>
	734	+ <a href="#none" class="lnk-full">상세보기</a>
	735	+ <span class="label num">1</span>
	736	+ <div class="txt-area">
	737	+ <p>다음주부터 신나는 여름방학이 시작된다.</p>
	738	+ <ul class="info-inline-list no-style sm">
	739	+ <li>
	740	+ <i class="ico-profile" aria-hidden="true" title="작성자"></i>
	741	+ <div class="txt-area">홍길동</div>
	742	+ </li>
	743	+ <li>
	744	+ <i class="ico-calendar" aria-hidden="true" title="작성일"></i>
	745	+ <div class="txt-area">2025. 07. 01</div>
	746	+ </li>
	747	+ <li>
	748	+ <div class="txt-area">25년1학년3반</div>
	749	+ </li>
	750	+ </ul>
	751	+ </div>
	752	+ </li>
	753	+ <li>
	754	+ <a href="#none" class="lnk-full">상세보기</a>
	755	+ <span class="label num">2</span>
	756	+ <div class="txt-area">
	757	+ <p>다음주부터 신나는 여름방학이 시작된다.</p>
	758	+ <ul class="info-inline-list no-style sm">
	759	+ <li>
	760	+ <i class="ico-profile" aria-hidden="true" title="작성자"></i>
	761	+ <div class="txt-area">홍길동</div>
	762	+ </li>
	763	+ <li>
	764	+ <i class="ico-calendar" aria-hidden="true" title="작성일"></i>
	765	+ <div class="txt-area">2025. 07. 01</div>
	766	+ </li>
	767	+ <li>
	768	+ <div class="txt-area">25년1학년3반</div>
	769	+ </li>
	770	+ </ul>
	771	+ </div>
	772	+ </li>
	773	+ <li>
	774	+ <a href="#none" class="lnk-full">상세보기</a>
	775	+ <span class="label num">3</span>
	776	+ <div class="txt-area">
	777	+ <p>다음주부터 신나는 여름방학이 시작된다.</p>
	778	+ <ul class="info-inline-list no-style sm">
	779	+ <li>
	780	+ <i class="ico-profile" aria-hidden="true" title="작성자"></i>
	781	+ <div class="txt-area">홍길동</div>
	782	+ </li>
	783	+ <li>
	784	+ <i class="ico-calendar" aria-hidden="true" title="작성일"></i>
	785	+ <div class="txt-area">2025. 07. 01</div>
	786	+ </li>
	787	+ <li>
	788	+ <div class="txt-area">25년1학년3반</div>
	789	+ </li>
	790	+ </ul>
	791	+ </div>
	792	+ </li>
	793	+ </ul>
	794	+ </div>
	795	+ </div>
	796	+ </section>
	797	+ </div>
	798	+ </div>
	799	+ </div>
	800	+ </div>
	801	+ <footer class="site-footer"></footer>
	802	+ </div>
	803	+ <!-- toast -->
	804	+ <div class="toast"></div>
	805	+ <!--popup-->
	806	+ <div class="dim"></div>
	807	+
	808	+ <script>
	809	+ $(document).ready(function () {
	810	+ createChartDoughnut('classAttend', [40, 60], [gradientColorPositive, defaltBg]);
	811	+ });
	812	+ </script>
	813	+ </body>
	814	+</html>

b07fbc2

html/onSejong/manager/myclass/pop_gradeChart.html (added)

+++ html/onSejong/manager/myclass/pop_gradeChart.html

...	...	@@ -0,0 +1,128 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+
	6	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	7	+ <meta name="Author" content="" />
	8	+ <meta name="Keywords" content="" />
	9	+ <meta name="Description" content="" />
	10	+ <meta name="format-detection" content="telephone=no" />
	11	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	12	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	13	+
	14	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	15	+
	16	+ <!-- 공통 plugin -->
	17	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	18	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	19	+ <!-- //공통 plugin -->
	20	+
	21	+ <!-- 페이지 plugin-->
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	23	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	24	+ <!-- chart -->
	25	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	26	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	27	+ <!-- //chart -->
	28	+ <!-- //페이지 plugin-->
	29	+
	30	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	31	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	32	+ <!--//퍼블 layout-->
	33	+
	34	+ <!-- 공통 메뉴 js-->
	35	+ <!-- //공통 메뉴 js -->
	36	+
	37	+ <!--공통 퍼블 js-->
	38	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	39	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	40	+ <!--//공통 퍼블 js-->
	41	+ </head>
	42	+
	43	+ <body>
	44	+ <div class="popup-modal" data-popuppub="popupmodal">
	45	+ <div class="pop-header">
	46	+ <h1>성적 분포도</h1>
	47	+ </div>
	48	+ <div class="pop-body">
	49	+ <div class="summary">
	50	+ <i class="ico-info"></i>
	51	+ <div class="txt-area">
	52	+ <p>
	53	+ 분포도별 학생들을 대상으로 문자 메시지를 전송할 수 있습니다.
	54	+ <br />
	55	+ (점수구간 선택 후 SMS 전송하기를 선택하시면 해당 페이지로 이동합니다.)
	56	+ </p>
	57	+ </div>
	58	+ </div>
	59	+ <div class="border-box">
	60	+ <ul class="chart-bar-list">
	61	+ <li>
	62	+ <div class="chart-tit-area">
	63	+ <div class="checkradio">
	64	+ <input type="checkbox" id="chk1">
	65	+ <label for="chk1">
	66	+ <div class="chart-tit">90~100(점)</div>
	67	+ </label>
	68	+ </div>
	69	+ </div>
	70	+ <div class="bar-area">
	71	+ <button type="button" class="bar" style="width: 50%">50%</button>
	72	+ <small class="chart-label">50%</small>
	73	+ </div>
	74	+ </li>
	75	+ <li>
	76	+ <div class="chart-tit-area">
	77	+ <div class="checkradio">
	78	+ <input type="checkbox" id="chk2">
	79	+ <label for="chk2">
	80	+ <div class="chart-tit">80~90(점)</div>
	81	+ </label>
	82	+ </div>
	83	+ </div>
	84	+ <div class="bar-area">
	85	+ <button type="button" class="bar" style="width: 10%">10%</button>
	86	+ <small class="chart-label">10%</small>
	87	+ </div>
	88	+ </li>
	89	+ <li>
	90	+ <div class="chart-tit-area">
	91	+ <div class="checkradio">
	92	+ <input type="checkbox" id="chk3">
	93	+ <label for="chk3">
	94	+ <div class="chart-tit">70~80(점)</div>
	95	+ </label>
	96	+ </div>
	97	+ </div>
	98	+ <div class="bar-area">
	99	+ <button type="button" class="bar" style="width: 100%">100%</button>
	100	+ <small class="chart-label">100%</small>
	101	+ </div>
	102	+ </li>
	103	+ </ul>
	104	+ </div>
	105	+ </div>
	106	+
	107	+ <div class="pop-footer">
	108	+ <div class="pop-btn-cont">
	109	+ <button type="button" class="btn" onclick="popupClosePub('popupmodal')">닫기</button>
	110	+ <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">SMS 전송으로 이동</button>
	111	+ </div>
	112	+ </div>
	113	+ <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
	114	+ </div>
	115	+
	116	+ <!-- toast -->
	117	+ <div class="toast"></div>
	118	+
	119	+ <!--popup-->
	120	+ <div class="dim"></div>
	121	+
	122	+ <script>
	123	+ $(document).ready(function () {
	124	+ popupOpenPub('popupmodal');
	125	+ });
	126	+ </script>
	127	+ </body>
	128	+</html>

b07fbc2

html/onSejong/manager/myclass/print_certificate.html (added)

+++ html/onSejong/manager/myclass/print_certificate.html

...	...	@@ -0,0 +1,84 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+
	6	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	7	+ <meta name="Author" content="" />
	8	+ <meta name="Keywords" content="" />
	9	+ <meta name="Description" content="" />
	10	+ <meta name="format-detection" content="telephone=no" />
	11	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	12	+ <link href="/resources/front/site/SITE_00000/css/print/print.css" rel="stylesheet">
	13	+ </head>
	14	+ <body>
	15	+ <div class="print-page">
	16	+ <section class="print-certificate">
	17	+ <img src="/resources/front/site/SITE_00000/images/print/bg-certificate.jpg" alt="" class="print-bg">
	18	+ <img src="/resources/front/site/SITE_00000/images/print/bg-certificate-symbol.jpg" alt="온세종학교" class="certificate-symbol">
	19	+ <header class="certificate-header">
	20	+ <h1>이 수 증</h1>
	21	+ </header>
	22	+ <div class="certificate-body">
	23	+ <ul class="certificate-info-list">
	24	+ <li>
	25	+ <strong>과정명</strong>
	26	+ <div class="txt">인공지능수학</div>
	27	+ </li>
	28	+ <li>
	29	+ <strong>성명</strong>
	30	+ <div class="txt">홍길동</div>
	31	+ </li>
	32	+ <li>
	33	+ <strong>생년월일</strong>
	34	+ <div class="txt">2008년 6월 5일</div>
	35	+ </li>
	36	+ <li>
	37	+ <strong>교육과정</strong>
	38	+ <div class="txt">캠퍼스공동교육과정</div>
	39	+ </li>
	40	+ <li>
	41	+ <strong>교육기간</strong>
	42	+ <div class="txt">2025.10.01 ~ 2025.10.30</div>
	43	+ </li>
	44	+ <li>
	45	+ <strong>이수시간</strong>
	46	+ <div class="txt">40시간</div>
	47	+ </li>
	48	+ <li>
	49	+ <strong></strong>
	50	+ <div class="txt"></div>
	51	+ </li>
	52	+ </ul>
	53	+ <div class="certificate-txt">
	54	+ <p>위 사람은 상기 교육과정을 수료하였으므로<br>이 증서를 드립니다.</p>
	55	+ </div>
	56	+ </div>
	57	+ <div class="certificate-footer">
	58	+ <div class="sign-area">
	59	+ <div class="txt">
	60	+ <span class="date">2025. 10. 01</span>
	61	+ </div>
	62	+ <div class="sign">
	63	+ <strong>세종특별자치시교육감</strong>
	64	+ <img src="/resources/front/site/SITE_00000/images/print/img-sign.png" alt="직인">
	65	+ </div>
	66	+ </div>
	67	+ </div>
	68	+ </section>
	69	+ </div>
	70	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	71	+ <script>
	72	+ $(document).ready(function () {
	73	+ //프린트 열기
	74	+ window.print();
	75	+
	76	+ //프린트 화면 닫기
	77	+ window.onafterprint = function () {
	78	+ self.opener = self;
	79	+ window.close();
	80	+ }
	81	+ });
	82	+ </script>
	83	+</body>
	84	+</html>

b07fbc2

html/onSejong/manager/myclass/rubricWrite.html (added)

+++ html/onSejong/manager/myclass/rubricWrite.html

...	...	@@ -0,0 +1,428 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <!-- //페이지 plugin-->
	19	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	20	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	21	+ <!--//퍼블 layout-->
	22	+ <!-- 공통 메뉴 js-->
	23	+ <!-- //공통 메뉴 js -->
	24	+ <!--공통 퍼블 js-->
	25	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	26	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	27	+ <!--//공통 퍼블 js-->
	28	+ </head>
	29	+
	30	+ <body>
	31	+ <div class="accessibility">
	32	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	33	+ </div>
	34	+ <!-- for-teacher / for-student -->
	35	+ <div class="container">
	36	+ <!-- 통합 헤더 및 네비게이션 -->
	37	+ <header class="site-header"></header>
	38	+ <div class="site-body" id="skipToContents">
	39	+ <div class="wrap">
	40	+ <aside class="lnb"></aside>
	41	+ <div class="site-cont">
	42	+ <ul class="breadcrumb">
	43	+ <li><a href="#none" class="home">홈</a></li>
	44	+ <li><a href="#none">1depth</a></li>
	45	+ <li><a href="#none">2depth</a></li>
	46	+ </ul>
	47	+ <div class="page-tit-area">
	48	+ <div class="l-area">
	49	+ <h2 class="title-xlg">루브릭 만들기</h2>
	50	+ </div>
	51	+ </div>
	52	+ <section class="section">
	53	+ <h3 class="txt-hide">루브릭 정보 입력</h3>
	54	+ <div class="write-type">
	55	+ <table>
	56	+ <caption>루브릭 정보 입력</caption>
	57	+ <colgroup>
	58	+ <col style="width: 160px">
	59	+ <col>
	60	+ </colgroup>
	61	+ <tbody>
	62	+ <tr>
	63	+ <th scope="row">
	64	+ 유형
	65	+ <i class="required">필수</i>
	66	+ </th>
	67	+ <td>
	68	+ <select title="유형 선택">
	69	+ <option>3x3</option>
	70	+ <option>4x4</option>
	71	+ <option>5x5</option>
	72	+ </select>
	73	+ </td>
	74	+ </tr>
	75	+ <tr>
	76	+ <th scope="row">
	77	+ 제목
	78	+ <i class="required">필수</i>
	79	+ </th>
	80	+ <td>
	81	+ <input type="text" class="q4" placeholder="제목을 입력하세요" title="제목 입력" />
	82	+ </td>
	83	+ </tr>
	84	+ <tr>
	85	+ <th scope="row">설명</th>
	86	+ <td>-에디터-</td>
	87	+ </tr>
	88	+ </tbody>
	89	+ </table>
	90	+ </div>
	91	+ </section>
	92	+ <section class="section">
	93	+ <header class="section-tit-area">
	94	+ <div class="l-area">
	95	+ <h3 class="title-lg">루브릭</h3>
	96	+ </div>
	97	+ </header>
	98	+ <div class="rubric-write-area">
	99	+ <div class="cont">
	100	+ <ul class="rubric-write-list">
	101	+ <li class="item">
	102	+ <div class="item-fnc">
	103	+ <div class="t-area">
	104	+ <i class="ico-move">이동</i>
	105	+ </div>
	106	+ <div class="b-area">
	107	+ <button type="button" class="btn sm circle ico-copy">복사</button>
	108	+ <button type="button" class="btn sm circle danger ico-delete">삭제</button>
	109	+ </div>
	110	+ </div>
	111	+ <div class="item-cont">
	112	+ <div class="item-tit">
	113	+ <textarea title="제목입력" placeholder="제목을 입력하세요."></textarea>
	114	+ </div>
	115	+ <div class="item-col-area">
	116	+ <div class="item-col">
	117	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	118	+ <div class="fnc">
	119	+ <div class="l-area">
	120	+ <div class="num-area">
	121	+ <input type="number" title="점수 입력" value="0" />
	122	+ <span>점</span>
	123	+ </div>
	124	+ </div>
	125	+ <div class="r-area">
	126	+ <button class="ico-close">삭제</button>
	127	+ </div>
	128	+ </div>
	129	+ </div>
	130	+ <div class="item-col">
	131	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	132	+ <div class="fnc">
	133	+ <div class="l-area">
	134	+ <div class="num-area">
	135	+ <input type="number" title="점수 입력" value="0" />
	136	+ <span>점</span>
	137	+ </div>
	138	+ </div>
	139	+ <div class="r-area">
	140	+ <button class="ico-close">삭제</button>
	141	+ </div>
	142	+ </div>
	143	+ </div>
	144	+ <div class="item-col">
	145	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	146	+ <div class="fnc">
	147	+ <div class="l-area">
	148	+ <div class="num-area">
	149	+ <input type="number" title="점수 입력" value="0" />
	150	+ <span>점</span>
	151	+ </div>
	152	+ </div>
	153	+ <div class="r-area">
	154	+ <button class="ico-close">삭제</button>
	155	+ </div>
	156	+ </div>
	157	+ </div>
	158	+ <div class="item-col">
	159	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	160	+ <div class="fnc">
	161	+ <div class="l-area">
	162	+ <div class="num-area">
	163	+ <input type="number" title="점수 입력" value="0" />
	164	+ <span>점</span>
	165	+ </div>
	166	+ </div>
	167	+ <div class="r-area">
	168	+ <button class="ico-close">삭제</button>
	169	+ </div>
	170	+ </div>
	171	+ </div>
	172	+ <div class="item-col">
	173	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	174	+ <div class="fnc">
	175	+ <div class="l-area">
	176	+ <div class="num-area">
	177	+ <input type="number" title="점수 입력" value="0" />
	178	+ <span>점</span>
	179	+ </div>
	180	+ </div>
	181	+ <div class="r-area">
	182	+ <button class="ico-close">삭제</button>
	183	+ </div>
	184	+ </div>
	185	+ </div>
	186	+ </div>
	187	+ </div>
	188	+ <div class="item-btn">
	189	+ <button type="button" class="btn-add dir-col">수준추가</button>
	190	+ </div>
	191	+ </li>
	192	+ <li class="item">
	193	+ <div class="item-fnc">
	194	+ <div class="t-area">
	195	+ <i class="ico-move">이동</i>
	196	+ </div>
	197	+ <div class="b-area">
	198	+ <button type="button" class="btn sm circle ico-copy">복사</button>
	199	+ <button type="button" class="btn sm circle danger ico-delete">삭제</button>
	200	+ </div>
	201	+ </div>
	202	+ <div class="item-cont">
	203	+ <div class="item-tit">
	204	+ <textarea title="제목입력" placeholder="제목을 입력하세요."></textarea>
	205	+ </div>
	206	+ <div class="item-col-area">
	207	+ <div class="item-col">
	208	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	209	+ <div class="fnc">
	210	+ <div class="l-area">
	211	+ <div class="num-area">
	212	+ <input type="number" title="점수 입력" value="0" />
	213	+ <span>점</span>
	214	+ </div>
	215	+ </div>
	216	+ <div class="r-area">
	217	+ <button class="ico-close">삭제</button>
	218	+ </div>
	219	+ </div>
	220	+ </div>
	221	+ <div class="item-col">
	222	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	223	+ <div class="fnc">
	224	+ <div class="l-area">
	225	+ <div class="num-area">
	226	+ <input type="number" title="점수 입력" value="0" />
	227	+ <span>점</span>
	228	+ </div>
	229	+ </div>
	230	+ <div class="r-area">
	231	+ <button class="ico-close">삭제</button>
	232	+ </div>
	233	+ </div>
	234	+ </div>
	235	+ <div class="item-col">
	236	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	237	+ <div class="fnc">
	238	+ <div class="l-area">
	239	+ <div class="num-area">
	240	+ <input type="number" title="점수 입력" value="0" />
	241	+ <span>점</span>
	242	+ </div>
	243	+ </div>
	244	+ <div class="r-area">
	245	+ <button class="ico-close">삭제</button>
	246	+ </div>
	247	+ </div>
	248	+ </div>
	249	+ <div class="item-col">
	250	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	251	+ <div class="fnc">
	252	+ <div class="l-area">
	253	+ <div class="num-area">
	254	+ <input type="number" title="점수 입력" value="0" />
	255	+ <span>점</span>
	256	+ </div>
	257	+ </div>
	258	+ <div class="r-area">
	259	+ <button class="ico-close">삭제</button>
	260	+ </div>
	261	+ </div>
	262	+ </div>
	263	+ <div class="item-col">
	264	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	265	+ <div class="fnc">
	266	+ <div class="l-area">
	267	+ <div class="num-area">
	268	+ <input type="number" title="점수 입력" value="0" />
	269	+ <span>점</span>
	270	+ </div>
	271	+ </div>
	272	+ <div class="r-area">
	273	+ <button class="ico-close">삭제</button>
	274	+ </div>
	275	+ </div>
	276	+ </div>
	277	+ </div>
	278	+ </div>
	279	+ <div class="item-btn">
	280	+ <button type="button" class="btn-add dir-col">수준추가</button>
	281	+ </div>
	282	+ </li>
	283	+ <li class="item">
	284	+ <div class="item-fnc">
	285	+ <div class="t-area">
	286	+ <i class="ico-move">이동</i>
	287	+ </div>
	288	+ <div class="b-area">
	289	+ <button type="button" class="btn sm circle ico-copy">복사</button>
	290	+ <button type="button" class="btn sm circle danger ico-delete">삭제</button>
	291	+ </div>
	292	+ </div>
	293	+ <div class="item-cont">
	294	+ <div class="item-tit">
	295	+ <textarea title="제목입력" placeholder="제목을 입력하세요."></textarea>
	296	+ </div>
	297	+ <div class="item-col-area">
	298	+ <div class="item-col">
	299	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	300	+ <div class="fnc">
	301	+ <div class="l-area">
	302	+ <div class="num-area">
	303	+ <input type="number" title="점수 입력" value="0" />
	304	+ <span>점</span>
	305	+ </div>
	306	+ </div>
	307	+ <div class="r-area">
	308	+ <button class="ico-close">삭제</button>
	309	+ </div>
	310	+ </div>
	311	+ </div>
	312	+ <div class="item-col">
	313	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	314	+ <div class="fnc">
	315	+ <div class="l-area">
	316	+ <div class="num-area">
	317	+ <input type="number" title="점수 입력" value="0" />
	318	+ <span>점</span>
	319	+ </div>
	320	+ </div>
	321	+ <div class="r-area">
	322	+ <button class="ico-close">삭제</button>
	323	+ </div>
	324	+ </div>
	325	+ </div>
	326	+ <div class="item-col">
	327	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	328	+ <div class="fnc">
	329	+ <div class="l-area">
	330	+ <div class="num-area">
	331	+ <input type="number" title="점수 입력" value="0" />
	332	+ <span>점</span>
	333	+ </div>
	334	+ </div>
	335	+ <div class="r-area">
	336	+ <button class="ico-close">삭제</button>
	337	+ </div>
	338	+ </div>
	339	+ </div>
	340	+ <div class="item-col">
	341	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	342	+ <div class="fnc">
	343	+ <div class="l-area">
	344	+ <div class="num-area">
	345	+ <input type="number" title="점수 입력" value="0" />
	346	+ <span>점</span>
	347	+ </div>
	348	+ </div>
	349	+ <div class="r-area">
	350	+ <button class="ico-close">삭제</button>
	351	+ </div>
	352	+ </div>
	353	+ </div>
	354	+ <div class="item-col">
	355	+ <textarea title="내용입력" placeholder="내용을 입력하세요."></textarea>
	356	+ <div class="fnc">
	357	+ <div class="l-area">
	358	+ <div class="num-area">
	359	+ <input type="number" title="점수 입력" value="0" />
	360	+ <span>점</span>
	361	+ </div>
	362	+ </div>
	363	+ <div class="r-area">
	364	+ <button class="ico-close">삭제</button>
	365	+ </div>
	366	+ </div>
	367	+ </div>
	368	+ </div>
	369	+ </div>
	370	+ <div class="item-btn">
	371	+ <button type="button" class="btn-add dir-col">수준추가</button>
	372	+ </div>
	373	+ </li>
	374	+ </ul>
	375	+ <div class="item-total-area">
	376	+ <strong class="total-tit">총점</strong>
	377	+ <div class="total-col-area">
	378	+ <div class="total-col">
	379	+ <strong>0</strong>
	380	+ <span>점</span>
	381	+ </div>
	382	+ <div class="total-col">
	383	+ <strong>0</strong>
	384	+ <span>점</span>
	385	+ </div>
	386	+ <div class="total-col">
	387	+ <strong>0</strong>
	388	+ <span>점</span>
	389	+ </div>
	390	+ <div class="total-col">
	391	+ <strong>0</strong>
	392	+ <span>점</span>
	393	+ </div>
	394	+ <div class="total-col">
	395	+ <strong>0</strong>
	396	+ <span>점</span>
	397	+ </div>
	398	+ </div>
	399	+ </div>
	400	+ <div class="item-btn-area">
	401	+ <button class="btn-add">기준추가</button>
	402	+ </div>
	403	+ </div>
	404	+ </div>
	405	+ </section>
	406	+ <div class="btn-cont">
	407	+ <button class="btn lg">취소</button>
	408	+ <button class="btn lg primary">저장</button>
	409	+ </div>
	410	+ </div>
	411	+ </div>
	412	+ </div>
	413	+ <footer class="site-footer"></footer>
	414	+ </div>
	415	+ <!-- toast -->
	416	+ <div class="toast"></div>
	417	+ <!--popup-->
	418	+ <div class="dim"></div>
	419	+ <script>
	420	+ $(document).ready(function () {
	421	+ $('.rubric-write-list').sortable({
	422	+ handle: $('.rubric-write-list .item').find('.ico-move'),
	423	+ containment: 'parent',
	424	+ });
	425	+ });
	426	+ </script>
	427	+ </body>
	428	+</html>

b07fbc2

html/onSejong/manager/myclass/sms.html (added)

+++ html/onSejong/manager/myclass/sms.html

...	...	@@ -0,0 +1,424 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <!-- //페이지 plugin-->
	19	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	20	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	21	+ <!--//퍼블 layout-->
	22	+ <!-- 공통 메뉴 js-->
	23	+ <!-- //공통 메뉴 js -->
	24	+ <!--공통 퍼블 js-->
	25	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	26	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	27	+ <!--//공통 퍼블 js-->
	28	+ </head>
	29	+
	30	+ <body>
	31	+ <div class="accessibility">
	32	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	33	+ </div>
	34	+ <!-- for-teacher / for-student -->
	35	+ <div class="container">
	36	+ <!-- 통합 헤더 및 네비게이션 -->
	37	+ <header class="site-header"></header>
	38	+ <div class="site-body" id="skipToContents">
	39	+ <div class="wrap">
	40	+ <aside class="lnb"></aside>
	41	+ <div class="site-cont">
	42	+ <ul class="breadcrumb">
	43	+ <li><a href="#none" class="home">홈</a></li>
	44	+ <li><a href="#none">1depth</a></li>
	45	+ <li><a href="#none">2depth</a></li>
	46	+ </ul>
	47	+ <div class="page-tit-area">
	48	+ <div class="l-area">
	49	+ <h2 class="title-xlg">SMS 보내기</h2>
	50	+ </div>
	51	+ </div>
	52	+ <div class="bg-box">
	53	+ <strong class="box-tit">이용 가이드</strong>
	54	+ <ul class="bullet">
	55	+ <li>해당 과정에 등록된 멤버들에게 SMS를 전송할 수 있습니다.</li>
	56	+ <li>학부모는 자동으로 리스트에 표시 됩니다. (학생들이 회원정보에 등록)</li>
	57	+ <li>최종적으로 SMS 보내기 버튼을 누르면 선택된 멤버들에게 메시지가 전송됩니다.</li>
	58	+ <li>SMS 발송은 여러가지 원인(수신거부, 통신오류, 전화번호 오류 등)으로 인해 수신 되지 않을 수 있습니다.</li>
	59	+ </ul>
	60	+ </div>
	61	+ <section class="section">
	62	+ <h3 class="txt-hide">송신 정보 입력</h3>
	63	+ <div class="write-type">
	64	+ <table>
	65	+ <caption>송신 정보 입력</caption>
	66	+ <colgroup>
	67	+ <col style="width: 160px" />
	68	+ <col />
	69	+ </colgroup>
	70	+ <tbody>
	71	+ <tr>
	72	+ <th scope="row">송신번호</th>
	73	+ <td><input type="text" title="송신번호 입력" placeholder="예)010-1234-5678" /></td>
	74	+ </tr>
	75	+ <tr>
	76	+ <th scope="row">예약시간</th>
	77	+ <td>
	78	+ <div class="checkradio">
	79	+ <input type="checkbox" id="time" name="time" />
	80	+ <label for="time">사용하기</label>
	81	+ <fieldset class="checkradio-option">
	82	+ <legend>예약시간 입력</legend>
	83	+ <input type="date" title="날짜 입력" />
	84	+ <div class="input-flex-area">
	85	+ <div class="input-box flex1">
	86	+ <input type="number" class="input q0" title="시 입력" />
	87	+ <span>시</span>
	88	+ </div>
	89	+ <div class="input-box flex1">
	90	+ <input type="number" class="input q0" title="분 입력" />
	91	+ <span>분</span>
	92	+ </div>
	93	+ </div>
	94	+ </fieldset>
	95	+ </div>
	96	+ </td>
	97	+ </tr>
	98	+ </tbody>
	99	+ </table>
	100	+ </div>
	101	+ </section>
	102	+ <section class="section sms-write-area">
	103	+ <h3 class="txt-hide">수신인 및 내용 입력</h3>
	104	+ <div class="user-area">
	105	+ <div class="fnc-area">
	106	+ <div class="l-area">
	107	+ <fieldset class="checkradio-area">
	108	+ <legend>수신인 선택</legend>
	109	+ <div class="checkradio">
	110	+ <input type="checkbox" id="userAll" />
	111	+ <label for="userAll">전체(52)</label>
	112	+ </div>
	113	+ <div class="checkradio">
	114	+ <input type="checkbox" id="user1" />
	115	+ <label for="user1">수강생(52)</label>
	116	+ </div>
	117	+ <div class="checkradio">
	118	+ <input type="checkbox" id="user2" />
	119	+ <label for="user2">청강생(52)</label>
	120	+ </div>
	121	+ <div class="checkradio">
	122	+ <input type="checkbox" id="user3" />
	123	+ <label for="user3">학부모(52)</label>
	124	+ </div>
	125	+ <div class="checkradio">
	126	+ <input type="checkbox" id="user4" />
	127	+ <label for="user4">팀티쳐(3)</label>
	128	+ </div>
	129	+ </fieldset>
	130	+ </div>
	131	+ </div>
	132	+ <div class="user-box">
	133	+ <section>
	134	+ <header>
	135	+ <div class="l-area">
	136	+ <div class="checkradio">
	137	+ <input type="checkbox" id="type1UserAll" />
	138	+ <label for="type1UserAll">
	139	+ <h4>공지능과 수학</h4>
	140	+ <span>(25명)</span>
	141	+ </label>
	142	+ </div>
	143	+ </div>
	144	+ </header>
	145	+ <div class="box-body">
	146	+ <ul class="item-txt-list">
	147	+ <li>
	148	+ <div class="checkradio">
	149	+ <input type="checkbox" id="type1User1" />
	150	+ <label for="type1User1">
	151	+ <div class="profile">
	152	+ <div class="img-area">
	153	+ <figure>
	154	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	155	+ </figure>
	156	+ </div>
	157	+ <div class="txt-area">
	158	+ <strong class="profile-tit">학생명</strong>
	159	+ <span>세종미래고등학교 2학년1반 3번</span>
	160	+ </div>
	161	+ </div>
	162	+ </label>
	163	+ </div>
	164	+ <div class="fnc">
	165	+ <span class="label">학생(수강생)</span>
	166	+ </div>
	167	+ </li>
	168	+ <li>
	169	+ <div class="checkradio">
	170	+ <input type="checkbox" id="type1User2" />
	171	+ <label for="type1User2">
	172	+ <div class="profile">
	173	+ <div class="img-area">
	174	+ <figure>
	175	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	176	+ </figure>
	177	+ </div>
	178	+ <div class="txt-area">
	179	+ <strong class="profile-tit">나부모</strong>
	180	+ <span>홍길동</span>
	181	+ </div>
	182	+ </div>
	183	+ </label>
	184	+ </div>
	185	+ <div class="fnc">
	186	+ <span class="label">학부모</span>
	187	+ </div>
	188	+ </li>
	189	+ <li>
	190	+ <div class="checkradio">
	191	+ <input type="checkbox" id="type1User3" />
	192	+ <label for="type1User3">
	193	+ <div class="profile">
	194	+ <div class="img-area">
	195	+ <figure>
	196	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	197	+ </figure>
	198	+ </div>
	199	+ <div class="txt-area">
	200	+ <strong class="profile-tit">나선생</strong>
	201	+ <span>세종미래고등학학교</span>
	202	+ </div>
	203	+ </div>
	204	+ </label>
	205	+ </div>
	206	+ <div class="fnc">
	207	+ <span class="label">팀티쳐</span>
	208	+ </div>
	209	+ </li>
	210	+ </ul>
	211	+ </div>
	212	+ </section>
	213	+ <section>
	214	+ <header>
	215	+ <div class="l-area">
	216	+ <div class="checkradio">
	217	+ <input type="checkbox" id="type1UserAll" />
	218	+ <label for="type1UserAll">
	219	+ <h4>공지능과 수학</h4>
	220	+ <span>(25명)</span>
	221	+ </label>
	222	+ </div>
	223	+ </div>
	224	+ </header>
	225	+ <div class="box-body">
	226	+ <ul class="item-txt-list">
	227	+ <li>
	228	+ <div class="checkradio">
	229	+ <input type="checkbox" id="type1User1" />
	230	+ <label for="type1User1">
	231	+ <div class="profile">
	232	+ <div class="img-area">
	233	+ <figure>
	234	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	235	+ </figure>
	236	+ </div>
	237	+ <div class="txt-area">
	238	+ <strong class="profile-tit">학생명</strong>
	239	+ <span>세종미래고등학교 2학년1반 3번</span>
	240	+ </div>
	241	+ </div>
	242	+ </label>
	243	+ </div>
	244	+ <div class="fnc">
	245	+ <span class="label">학생(수강생)</span>
	246	+ </div>
	247	+ </li>
	248	+ <li>
	249	+ <div class="checkradio">
	250	+ <input type="checkbox" id="type1User2" />
	251	+ <label for="type1User2">
	252	+ <div class="profile">
	253	+ <div class="img-area">
	254	+ <figure>
	255	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	256	+ </figure>
	257	+ </div>
	258	+ <div class="txt-area">
	259	+ <strong class="profile-tit">나부모</strong>
	260	+ <span>홍길동</span>
	261	+ </div>
	262	+ </div>
	263	+ </label>
	264	+ </div>
	265	+ <div class="fnc">
	266	+ <span class="label">학부모</span>
	267	+ </div>
	268	+ </li>
	269	+ <li>
	270	+ <div class="checkradio">
	271	+ <input type="checkbox" id="type1User3" />
	272	+ <label for="type1User3">
	273	+ <div class="profile">
	274	+ <div class="img-area">
	275	+ <figure>
	276	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	277	+ </figure>
	278	+ </div>
	279	+ <div class="txt-area">
	280	+ <strong class="profile-tit">나선생</strong>
	281	+ <span>세종미래고등학학교</span>
	282	+ </div>
	283	+ </div>
	284	+ </label>
	285	+ </div>
	286	+ <div class="fnc">
	287	+ <span class="label">팀티쳐</span>
	288	+ </div>
	289	+ </li>
	290	+ </ul>
	291	+ </div>
	292	+ </section>
	293	+ <section>
	294	+ <header>
	295	+ <div class="l-area">
	296	+ <div class="checkradio">
	297	+ <input type="checkbox" id="type1UserAll" />
	298	+ <label for="type1UserAll">
	299	+ <h4>공지능과 수학</h4>
	300	+ <span>(25명)</span>
	301	+ </label>
	302	+ </div>
	303	+ </div>
	304	+ </header>
	305	+ <div class="box-body">
	306	+ <ul class="item-txt-list">
	307	+ <li>
	308	+ <div class="checkradio">
	309	+ <input type="checkbox" id="type1User1" />
	310	+ <label for="type1User1">
	311	+ <div class="profile">
	312	+ <div class="img-area">
	313	+ <figure>
	314	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	315	+ </figure>
	316	+ </div>
	317	+ <div class="txt-area">
	318	+ <strong class="profile-tit">학생명</strong>
	319	+ <span>세종미래고등학교 2학년1반 3번</span>
	320	+ </div>
	321	+ </div>
	322	+ </label>
	323	+ </div>
	324	+ <div class="fnc">
	325	+ <span class="label">학생(수강생)</span>
	326	+ </div>
	327	+ </li>
	328	+ <li>
	329	+ <div class="checkradio">
	330	+ <input type="checkbox" id="type1User2" />
	331	+ <label for="type1User2">
	332	+ <div class="profile">
	333	+ <div class="img-area">
	334	+ <figure>
	335	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	336	+ </figure>
	337	+ </div>
	338	+ <div class="txt-area">
	339	+ <strong class="profile-tit">나부모</strong>
	340	+ <span>홍길동</span>
	341	+ </div>
	342	+ </div>
	343	+ </label>
	344	+ </div>
	345	+ <div class="fnc">
	346	+ <span class="label">학부모</span>
	347	+ </div>
	348	+ </li>
	349	+ <li>
	350	+ <div class="checkradio">
	351	+ <input type="checkbox" id="type1User3" />
	352	+ <label for="type1User3">
	353	+ <div class="profile">
	354	+ <div class="img-area">
	355	+ <figure>
	356	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	357	+ </figure>
	358	+ </div>
	359	+ <div class="txt-area">
	360	+ <strong class="profile-tit">나선생</strong>
	361	+ <span>세종미래고등학학교</span>
	362	+ </div>
	363	+ </div>
	364	+ </label>
	365	+ </div>
	366	+ <div class="fnc">
	367	+ <span class="label">팀티쳐</span>
	368	+ </div>
	369	+ </li>
	370	+ </ul>
	371	+ </div>
	372	+ </section>
	373	+ </div>
	374	+ </div>
	375	+ <div class="sms-area">
	376	+ <div class="sms-box">
	377	+ <div class="sms-txt-count-area">
	378	+ <textarea placeholder="전송할 내용을 입력하세요." title="내용 입력"></textarea>
	379	+ <div class="fnc">
	380	+ <div class="l-area">
	381	+ <div class="txt-count">
	382	+ <strong>0</strong>/<span>19990</span>Byte
	383	+ </div>
	384	+ </div>
	385	+ <div class="r-area">
	386	+ <button type="button" class="btn-text">
	387	+ 다시쓰기
	388	+ <i class="ico-refresh"></i>
	389	+ </button>
	390	+ </div>
	391	+ </div>
	392	+ </div>
	393	+ <div class="bg-box">
	394	+ <h4 class="tit-xsm margin-bottom-sm">이용 가이드</h4>
	395	+ <ul class="bullet font-size-sm">
	396	+ <li>80자 이상은 LMS문자로 전송됩니다.</li>
	397	+ <li>1990Byte 이상은 입력하지 못합니다.</li>
	398	+ </ul>
	399	+ </div>
	400	+ </div>
	401	+ </div>
	402	+ </section>
	403	+ <div class="btn-cont">
	404	+ <button class="btn lg primary">SMS보내기</button>
	405	+ </div>
	406	+ </div>
	407	+ </div>
	408	+ </div>
	409	+ <footer class="site-footer"></footer>
	410	+ </div>
	411	+ <!-- toast -->
	412	+ <div class="toast"></div>
	413	+ <!--popup-->
	414	+ <div class="dim"></div>
	415	+ <script>
	416	+ $(document).ready(function () {
	417	+ $('.rubric-write-list').sortable({
	418	+ handle: $('.rubric-write-list .item').find('.ico-move'),
	419	+ containment: 'parent',
	420	+ });
	421	+ });
	422	+ </script>
	423	+ </body>
	424	+</html>

b07fbc2

html/onSejong/manager/mypage/print_career.html (added)

+++ html/onSejong/manager/mypage/print_career.html

...	...	@@ -0,0 +1,204 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+
	6	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	7	+ <meta name="Author" content="" />
	8	+ <meta name="Keywords" content="" />
	9	+ <meta name="Description" content="" />
	10	+ <meta name="format-detection" content="telephone=no" />
	11	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	12	+ <link href="/resources/front/site/SITE_00000/css/print/print.css" rel="stylesheet">
	13	+ </head>
	14	+ <body>
	15	+ <div class="print-page">
	16	+ <div class="print-box print-full">
	17	+ <div class="print-header">
	18	+ <div class="print-page-tit-area">
	19	+ <div class="c-area dir-col">
	20	+ <h1 class="print-title-xlg">세종 캠퍼스형 공동교육과정 강사 경력 증명서</h1>
	21	+ <p class="ar" style="width: 100%;">제 (2025-OOOOOOO) 호</p>
	22	+ </div>
	23	+ <!-- <div class="r-area">
	24	+ <p class="print-time">출력일: 2022.10.30.</p>
	25	+ </div> -->
	26	+ </div>
	27	+ </div>
	28	+ <div class="print-body">
	29	+ <section class="print-section">
	30	+ <div class="print-tit-area">
	31	+ <div class="l-area">
	32	+ <h2 class="print-title">인적사항</h2>
	33	+ </div>
	34	+ </div>
	35	+ <div class="write-type">
	36	+ <table>
	37	+ <caption>인적사항 정보</caption>
	38	+ <colgroup>
	39	+ <col style="width:16%">
	40	+ <col>
	41	+ <col style="width:16%">
	42	+ <col>
	43	+ </colgroup>
	44	+ <tbody>
	45	+ <tr>
	46	+ <th scope="row">지도교사(이름)</th>
	47	+ <td>홍길동</td>
	48	+ <th scope="row">생년월일</th>
	49	+ <td>1988년 10월 01일</td>
	50	+ </tr>
	51	+ <tr>
	52	+ <th scope="row">주소</th>
	53	+ <td colspan="3">(13155) 경기도 성남시 분당구 운중로 194, 이래빌딩 301호</td>
	54	+ </tr>
	55	+ </tbody>
	56	+ </table>
	57	+ </div>
	58	+ </section>
	59	+ <section class="print-section">
	60	+ <div class="print-tit-area">
	61	+ <div class="l-area">
	62	+ <h2 class="print-title">경력사항</h2>
	63	+ </div>
	64	+ </div>
	65	+ <div class="info-type">
	66	+ <table>
	67	+ <caption>경력사항 목록</caption>
	68	+ <colgroup>
	69	+ <col>
	70	+ <col style="width: 20%;">
	71	+ <col>
	72	+ <col>
	73	+ </colgroup>
	74	+ <thead>
	75	+ <tr>
	76	+ <th scope="col">구분</th>
	77	+ <th scope="col">과목/전공</th>
	78	+ <th scope="col">강좌명</th>
	79	+ <th scope="col">운영기간</th>
	80	+ </tr>
	81	+ </thead>
	82	+ <tbody>
	83	+ <tr>
	84	+ <td>캠공 Ⅱ 영역(학생맞춤형 진로전공 탐구)</td>
	85	+ <td>수학</td>
	86	+ <td>인공지능 수학</td>
	87	+ <td>2025-09-01 ~ 2025-09-30</td>
	88	+ </tr>
	89	+ <tr>
	90	+ <td>캠공 Ⅱ 영역(학생맞춤형 진로전공 탐구)</td>
	91	+ <td>수학</td>
	92	+ <td>인공지능 수학</td>
	93	+ <td>2025-09-01 ~ 2025-09-30</td>
	94	+ </tr>
	95	+ <tr>
	96	+ <td>캠공 Ⅱ 영역(학생맞춤형 진로전공 탐구)</td>
	97	+ <td>수학</td>
	98	+ <td>인공지능 수학</td>
	99	+ <td>2025-09-01 ~ 2025-09-30</td>
	100	+ </tr>
	101	+ <tr>
	102	+ <td>캠공 Ⅱ 영역(학생맞춤형 진로전공 탐구)</td>
	103	+ <td>수학</td>
	104	+ <td>인공지능 수학</td>
	105	+ <td>2025-09-01 ~ 2025-09-30</td>
	106	+ </tr>
	107	+ <tr>
	108	+ <td>캠공 Ⅱ 영역(학생맞춤형 진로전공 탐구)</td>
	109	+ <td>수학</td>
	110	+ <td>인공지능 수학</td>
	111	+ <td>2025-09-01 ~ 2025-09-30</td>
	112	+ </tr>
	113	+ <tr>
	114	+ <td>캠공 Ⅱ 영역(학생맞춤형 진로전공 탐구)</td>
	115	+ <td>수학</td>
	116	+ <td>인공지능 수학</td>
	117	+ <td>2025-09-01 ~ 2025-09-30</td>
	118	+ </tr>
	119	+ <tr>
	120	+ <td>캠공 Ⅱ 영역(학생맞춤형 진로전공 탐구)</td>
	121	+ <td>수학</td>
	122	+ <td>인공지능 수학</td>
	123	+ <td>2025-09-01 ~ 2025-09-30</td>
	124	+ </tr>
	125	+ <tr>
	126	+ <td>캠공 Ⅱ 영역(학생맞춤형 진로전공 탐구)</td>
	127	+ <td>수학</td>
	128	+ <td>인공지능 수학</td>
	129	+ <td>2025-09-01 ~ 2025-09-30</td>
	130	+ </tr>
	131	+ <tr>
	132	+ <td>캠공 Ⅱ 영역(학생맞춤형 진로전공 탐구)</td>
	133	+ <td>수학</td>
	134	+ <td>인공지능 수학</td>
	135	+ <td>2025-09-01 ~ 2025-09-30</td>
	136	+ </tr>
	137	+ <tr>
	138	+ <td>캠공 Ⅱ 영역(학생맞춤형 진로전공 탐구)</td>
	139	+ <td>수학</td>
	140	+ <td>인공지능 수학</td>
	141	+ <td>2025-09-01 ~ 2025-09-30</td>
	142	+ </tr>
	143	+ </tbody>
	144	+ </table>
	145	+ </div>
	146	+ </section>
	147	+ <div class="print-sign">
	148	+ <div class="txt">
	149	+ <p>위와 같이 확인합니다.</p>
	150	+ <span class="date">2025. 10. 01</span>
	151	+ </div>
	152	+ <div class="sign">
	153	+ <strong>세종특별자치시교육감</strong>
	154	+ <img src="/resources/front/site/SITE_00000/images/print/img-sign.png" alt="직인">
	155	+ </div>
	156	+ </div>
	157	+ </div>
	158	+ <div class="print-footer">
	159	+ <div class="write-type">
	160	+ <table>
	161	+ <caption>인적사항 정보</caption>
	162	+ <colgroup>
	163	+ <col style="width:16%">
	164	+ <col>
	165	+ <col style="width:16%">
	166	+ <col>
	167	+ <col style="width:16%">
	168	+ <col>
	169	+ </colgroup>
	170	+ <tbody>
	171	+ <tr>
	172	+ <th scope="row">담당부서</th>
	173	+ <td>중등교육과</td>
	174	+ <th scope="row">직급</th>
	175	+ <td>장학사</td>
	176	+ <th scope="row">확인자</th>
	177	+ <td>
	178	+ <div class="flex-box">
	179	+ <span class="flex1">김담당</span>
	180	+ <span>(인)</span>
	181	+ </div>
	182	+ </td>
	183	+ </tr>
	184	+ </tbody>
	185	+ </table>
	186	+ </div>
	187	+ </div>
	188	+ </div>
	189	+ </div>
	190	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	191	+ <script>
	192	+ $(document).ready(function () {
	193	+ //프린트 열기
	194	+ window.print();
	195	+
	196	+ //프린트 화면 닫기
	197	+ window.onafterprint = function () {
	198	+ self.opener = self;
	199	+ window.close();
	200	+ }
	201	+ });
	202	+ </script>
	203	+</body>
	204	+</html>

b07fbc2

html/onSejong/member/mypage/print_certificate.html (added)

+++ html/onSejong/member/mypage/print_certificate.html

...	...	@@ -0,0 +1,84 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+
	6	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	7	+ <meta name="Author" content="" />
	8	+ <meta name="Keywords" content="" />
	9	+ <meta name="Description" content="" />
	10	+ <meta name="format-detection" content="telephone=no" />
	11	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	12	+ <link href="/resources/front/site/SITE_00000/css/print/print.css" rel="stylesheet">
	13	+ </head>
	14	+ <body>
	15	+ <div class="print-page">
	16	+ <section class="print-certificate">
	17	+ <img src="/resources/front/site/SITE_00000/images/print/bg-certificate.jpg" alt="" class="print-bg">
	18	+ <img src="/resources/front/site/SITE_00000/images/print/bg-certificate-symbol.jpg" alt="온세종학교" class="certificate-symbol">
	19	+ <header class="certificate-header">
	20	+ <h1>이 수 증</h1>
	21	+ </header>
	22	+ <div class="certificate-body">
	23	+ <ul class="certificate-info-list">
	24	+ <li>
	25	+ <strong>과정명</strong>
	26	+ <div class="txt">인공지능수학</div>
	27	+ </li>
	28	+ <li>
	29	+ <strong>성명</strong>
	30	+ <div class="txt">홍길동</div>
	31	+ </li>
	32	+ <li>
	33	+ <strong>생년월일</strong>
	34	+ <div class="txt">2008년 6월 5일</div>
	35	+ </li>
	36	+ <li>
	37	+ <strong>교육과정</strong>
	38	+ <div class="txt">캠퍼스공동교육과정</div>
	39	+ </li>
	40	+ <li>
	41	+ <strong>교육기간</strong>
	42	+ <div class="txt">2025.10.01 ~ 2025.10.30</div>
	43	+ </li>
	44	+ <li>
	45	+ <strong>이수시간</strong>
	46	+ <div class="txt">40시간</div>
	47	+ </li>
	48	+ <li>
	49	+ <strong></strong>
	50	+ <div class="txt"></div>
	51	+ </li>
	52	+ </ul>
	53	+ <div class="certificate-txt">
	54	+ <p>위 사람은 상기 교육과정을 수료하였으므로<br>이 증서를 드립니다.</p>
	55	+ </div>
	56	+ </div>
	57	+ <div class="certificate-footer">
	58	+ <div class="sign-area">
	59	+ <div class="txt">
	60	+ <span class="date">2025. 10. 01</span>
	61	+ </div>
	62	+ <div class="sign">
	63	+ <strong>세종특별자치시교육감</strong>
	64	+ <img src="/resources/front/site/SITE_00000/images/print/img-sign.png" alt="직인">
	65	+ </div>
	66	+ </div>
	67	+ </div>
	68	+ </section>
	69	+ </div>
	70	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	71	+ <script>
	72	+ $(document).ready(function () {
	73	+ //프린트 열기
	74	+ window.print();
	75	+
	76	+ //프린트 화면 닫기
	77	+ window.onafterprint = function () {
	78	+ self.opener = self;
	79	+ window.close();
	80	+ }
	81	+ });
	82	+ </script>
	83	+</body>
	84	+</html>

8c1cf64

b07fbc2

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

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

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


 			padding:$spacing-md;
 			transition: transform 0.3s ease, opacity 0.3s ease;
 			margin-top: $spacing-sm;
+			background: $color-background-default-secondary;
 		}
 	}
 	> li {
 		border:$stroke-secondary;
 		padding: $spacing-md $spacing-lg;
 		border-radius: $radius-sm;
+		background-color: $color-background-default-primary;
 		&:has(.etc-fnc-area.is-active) {
 			position:relative;
 			z-index: 2;

8c1cf64

b07fbc2

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


 			display: none;
 		}
     }
+	.c-area {
+		justify-content: center;
+	}
     .r-area  {
         justify-content: flex-end;
     }

8c1cf64

b07fbc2

resources/front/site/SITE_00000/css/common/layout/_layout.scss

--- resources/front/site/SITE_00000/css/common/layout/_layout.scss

+++ resources/front/site/SITE_00000/css/common/layout/_layout.scss


     z-index: 99;
     [class^=btn-float] {
         display: block;
-        width: 5.6rem;
+        width: 8rem;
         aspect-ratio: 1;
         background-size: contain;
         background-repeat: no-repeat;
         background-position: center center;
         font-size:0;
+        border-radius: $radius-full;
+        border:$stroke-secondary;
+        box-shadow: $shadow-sm;
+        background-color: $color-background-default-primary;
     }
     .btn-float {
         @each $type, $file in (
             top : "top",
-            chatbot: "chatbot", //챗봇
-            control: "control", //제어수업
+            chatbot: "chatbot"
         ){
             &-#{$type} {
                 background-image: url($url-img + 'common/btn-float/btn-float-#{$file}.svg');
+                @if $type == chatbot {
+                   border: $size-stroke-sm solid $color-stroke-brand-primary;
+                }
             }
+           
         }
     } 
 }

8c1cf64

b07fbc2

resources/front/site/SITE_00000/css/common/module/_message.scss

--- resources/front/site/SITE_00000/css/common/module/_message.scss

+++ resources/front/site/SITE_00000/css/common/module/_message.scss


         margin-bottom: $spacing-2xsm;
         text-align: left;
         position: relative;
-        white-space: wrap;
-       
+        white-space: wrap;   
     }
 }
 .msg-cont-body {

             border-radius:$radius-sm;
             border: $size-stroke-xsm solid $color-stroke-default-tertiary;
             background:$color-background-default-primary;
-            max-width: 48rem;
             width: fit-content;
             word-break: break-all;
             padding:$spacing-sm $spacing-md;
+            max-width: 32rem;
+        }
+        .txt-guide{
+            display: flex;
+            flex-direction: column;
+            gap:$spacing-md;
+            width: 100%;
+            max-width: 32rem;
+            .guide-tit-area {
+                width: 100%;
+                display: flex;
+                justify-content: center;;
+            }
+            .txt {
+                width: 100%;
+                .btn-group {
+                    display: flex;
+                    width: 100%;
+                    margin-top:$spacing-md;
+                }
+            }
         }
         &.my {
             align-items: flex-end;

             }
         }
     }
+    .msg-time {
+        text-align: center;
+        @include typo("label-sm");
+        color: $color-font-default-tertiary;
+    }
+    .msg-fnc {
+        position: fixed;
+        bottom:11.2rem;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        gap:$spacing-xsm;
+    }
 }
 .msg-cont-footer {
     padding: $spacing-lg;
     display: flex;
-    flex-direction: column;
-    gap: $spacing-md;
+    align-items: center;
+    // flex-direction: column;
+    gap: $spacing-xsm;
     align-items: flex-start;
     .write {
         display: flex;

         &:has(input[type=text]) {
             padding-top:0;
             padding-bottom:0;
+            border-radius: 3rem;
             flex-direction: row;
+            border:none;
+            box-shadow: $shadow-md;
             input[type=text] {
                 flex:1;
             }

     display: none;
     position: absolute;
     flex-direction: column;
-	background-color: $color-background-default-primary;
+    background: $color-background-default-secondary;
     padding:0;
     box-shadow: $shadow-md;
     border-radius: $radius-md;
     overflow: hidden;
-    width: 36rem;
+    width: 44rem;
     height: 64rem;
     max-height: calc(100vh - 8rem);
-    border: $size-stroke-sm solid $color-stroke-default-primary;
+    border: $size-stroke-xsm solid $color-stroke-default-primary;
     .pop-header {
         padding:$spacing-md $spacing-lg;
-        background: $color-background-default-primary-inverse;
         h1 {
             @include typo('tit-md');
-            color: $color-font-default-primary-inverse;
         }
     }
     .msg-cont-body {
-        background: $color-background-default-secondary;
         padding:$spacing-lg;
         flex-grow: 1;
 		overflow-y: auto;
     }
     .pop-footer {
-        padding:$spacing-sm $spacing-lg;
-        box-shadow: $shadow-md;
+        padding:0 $spacing-lg $spacing-2xlg;
     }
     .pop-close {
-        top: $spacing-xsm;
-        right:$spacing-xsm;
-        &::before {
-            background:$color-icon-default-primary-inverse;
-        }
+        top: $spacing-sm;
+        right:$spacing-md;
+        // &::before {
+        //     background:$color-icon-default-primary-inverse;
+        // }
     }
 }
 .site-float-area {

8c1cf64

b07fbc2

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

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

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


 
 // 루브릭
 .rubric-write-area {
-	width: 100%;
-	.cont {
-		width: 108rem;
-	}
 	overflow-x: auto;
+	.cont {
+		min-width: 108rem;
+	}
 	.item {
 		display: grid;
 		grid-template-columns: 6rem 1fr 10.8rem;

 			justify-content: space-between;
 			>.t-area,
 			>.b-area {
+				padding: $spacing-sm 0;
 				display: flex;
 				flex-direction: column;
 				gap:$spacing-2xsm;

 				min-width: 0;
 			}
 		}
+		&~ .item {
+			margin-top:-.1rem;
+		}
 	}
 	.item-total-area {
 		display: grid;

 	}
 }
 
+//sms 
+.sms-write-area {
+	display: grid;
+	grid-template-columns: 1fr 40rem;
+	gap:$size-gutter-lg;
+	.user-box {
+		display: grid;
+		gap:$spacing-md;
+		padding:$spacing-lg;
+		border-radius: $radius-md;
+		background: $color-background-default-tertiary;
+		max-height: 80rem;
+		overflow-y: auto;
+		section {
+			border-radius: inherit;
+			overflow: hidden;
+			background: $color-background-default-primary;
+			border:$stroke-tertiary;
+			header {
+				padding: $spacing-md $spacing-lg;
+				background-color:$color-background-default-secondary;
+			}
+			.box-body {
+				padding:0 $spacing-lg;
+			}
+		}
+	}
+	.sms-box {
+		position: relative;
+		display: grid;
+		padding: $spacing-3xlg $spacing-2xlg $spacing-2xlg;
+		flex-direction: column;
+		align-items: flex-start;
+		gap: $spacing-lg;
+		border-radius: $radius-xlg;
+		border: 1.6rem solid $color-gray5;
+		background: $color-background-default-primary;
+		box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.10);
+		&::before {
+			content: "";
+			position: absolute;
+			width: 8rem;
+			height: 1.6rem;
+			left: 16rem;
+			top: 4rem;
+			border-radius: .8rem;
+			background: $color-gray5;
+		}
+	}
+	.sms-txt-count-area {
+		width: 100%;
+		textarea{
+			border:none;
+			border-radius: 0;
+			width: 100%;
+			height: 40rem;
+		}
+		.txt-count {
+			@include typo('label-md');
+			color: $color-font-default-tertiary;
+			strong {
+				@include typo('label-md', 'strong');
+				color: $color-font-default-primary;
+			}
+		}
+		.fnc {
+			@extend %flexArea;
+		}
+	}
+}
+
 @include responsive(mobile) {
 	.reference-list {
 		grid-template-columns: initial;

8c1cf64

b07fbc2

resources/front/site/SITE_00000/css/print/print.css

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

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


 */
 /* reference size */
 @font-face {
-  font-family: "Pretendard";
+  font-family: "KakaoBigSans";
   font-style: normal;
-  font-weight: 300;
-  src: url("../font/Pretendard-Light.woff2") format("woff2"), url("../font/Pretendard-Light.woff") format("woff");
+  font-display: swap;
+  font-weight: 800;
+  src: local("KakaoBigSans ExtraBold"), url("../common/font/KakaoBigSans-ExtraBold.woff2") format("woff2");
 }
 @font-face {
-  font-family: "Pretendard";
+  font-family: "KakaoBigSans";
   font-style: normal;
-  font-weight: 400;
-  src: url("../font/Pretendard-Regular.woff2") format("woff2"), url("../font/Pretendard-Regular.woff") format("woff");
-}
-@font-face {
-  font-family: "Pretendard";
-  font-style: normal;
-  font-weight: 500;
-  src: url("../font/Pretendard-Medium.woff2") format("woff2"), url("../font/Pretendard-Medium.woff") format("woff");
-}
-@font-face {
-  font-family: "Pretendard";
-  font-style: normal;
+  font-display: swap;
   font-weight: 700;
-  src: url("../font/Pretendard-Bold.woff2") format("woff2"), url("../font/Pretendard-Bold.woff") format("woff");
+  src: local("KakaoBigSans Bold"), url("../common/font/KakaoBigSans-Bold.woff2") format("woff2");
 }
 @font-face {
-  font-family: "Pretendard";
+  font-family: "KakaoBigSans";
   font-style: normal;
-  font-weight: 900;
-  src: url("../font/Pretendard-Black.woff2") format("woff2"), url("../font/Pretendard-Black.woff") format("woff");
+  font-display: swap;
+  font-weight: 400;
+  src: local("KakaoBigSans Regular"), url("../common/font/KakaoBigSans-Regular.woff2") format("woff2");
 }
 html, body {
   height: 100%;

 
 body {
   line-height: 1.5;
-  font-family: "Pretendard", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
+  font-family: "KakaoBigSans", KakaoBigSans, "Pretendard", Pretendard, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
   background-color: transparent;
   color: #111;
   font-weight: 400;

 }
 
 h1, h2, h3, h4, h5, h6 {
-  font-weight: 500;
+  font-weight: 700;
   line-height: 1em;
 }
 

   vertical-align: top;
   padding: 0 15px;
   height: 36px;
-  border: 1px solid #C1BFC8;
+  border: 1px solid #B1B8BE;
   width: 260px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

 }
 
 textarea {
-  border: 1px solid #C1BFC8;
+  border: 1px solid #B1B8BE;
 }
 
 input:hover,
 textarea:hover {
-  border: 1px solid #C1BFC8;
+  border: 1px solid #B1B8BE;
 }
 
 input[type=file]:hover {

 
 input:focus,
 textarea:focus {
-  border: 1px solid #C1BFC8;
+  border: 1px solid #B1B8BE;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
           box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 }

 input[readonly]:not(.datepicker), input[readonly]:not(.datepicker):hover, input[readonly]:not(.datepicker):focus,
 input[disabled]:not(.datepicker), input[disabled]:not(.datepicker):hover, input[disabled]:not(.datepicker):focus {
   background: #f9f9f9;
-  border: 1px solid #C1BFC8;
+  border: 1px solid #B1B8BE;
   font-weight: 300;
   -webkit-box-shadow: none;
           box-shadow: none;

   clip-path: polygon(0 0, 0 0, 0 0);
 }
 
+.dir-col {
+  -webkit-box-orient: vertical !important;
+  -webkit-box-direction: normal !important;
+      -ms-flex-direction: column !important;
+          flex-direction: column !important;
+}
+
 .print-tit-area, .print-page-tit-area {
   display: -webkit-box;
   display: -ms-flexbox;

 .print-page-tit-area .r-area .checkradio {
   margin-right: 0;
 }
+.print-tit-area .c-area, .print-page-tit-area .c-area {
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.print-tit-area .c-area.dir-col, .print-page-tit-area .c-area.dir-col {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
 .print-tit-area .r-area, .print-page-tit-area .r-area {
   -webkit-box-pack: end;
       -ms-flex-pack: end;

 }
 
 .print-page {
-  font-size: 9pt;
+  font-size: 1.4rem;
   width: 210mm;
   width: 100%;
   -webkit-box-sizing: border-box;

 }
 
 .print-page-tit-area {
-  margin-bottom: 1.6rem;
+  margin-bottom: 2.4rem;
 }
 
 .print-tit-area {

 }
 
 .print-border-box {
-  border: 1px solid #DDDAE3;
+  border: 1px solid #CDD1D5;
   padding: 1.6rem;
 }
 .print-border-box img {

 
 /* table */
 table th {
-  font-weight: 500;
-  background-color: #EFEEF3;
-  color: #5A585E;
+  font-weight: 800;
+  background-color: #F7F7F8;
+  color: #464C53;
 }
 
 .write-type,

   border-top: 0.1rem solid #111;
   word-break: keep-all;
   word-wrap: break-word;
-  font-size: 9pt;
+  font-size: 1.4rem;
   margin-bottom: 2.4rem;
 }
 .write-type.border-top-none,

 .write-type td,
 .info-type th,
 .info-type td {
-  border: 1px solid #DDDAE3;
+  border: 1px solid #CDD1D5;
   padding: 0.4rem 0.8rem;
 }
 .write-type th:first-child,

 }
 
 .print-time {
-  color: #5A585E;
+  color: #464C53;
 }
 
 .counsel-header {
-  border-left: 1px solid #C1BFC8;
-  border-right: 1px solid #C1BFC8;
-  border-radius: 1px solid #C1BFC8;
+  border-left: 1px solid #B1B8BE;
+  border-right: 1px solid #B1B8BE;
+  border-radius: 1px solid #B1B8BE;
   margin-bottom: 1.2rem;
 }
 .counsel-header .counsel-tit-area {

   width: 0.4rem;
   height: 0.4rem;
   border-radius: 50%;
-  background-color: #333333;
+  background-color: #33363D;
 }
 
 .bullet-dash > li:before {
   top: 0.8rem;
   width: 0.6rem;
   height: 0.1rem;
-  background-color: #5A585E;
+  background-color: #464C53;
 }
 
 .bullet-tit > li {

 .bullet-tit > li cite {
   position: absolute;
   left: 2rem;
-  font-weight: 700;
+  font-weight: 800;
 }
 
 .bullet-hangul li {

   content: "㉭";
 }
 
+.flex-box {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 0.8rem;
+}
+
+.flex1 {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+
+.print-page:has(.print-full, .print-certificate) {
+  height: 100%;
+}
+
+.print-page:has(.print-bg) {
+  position: relative;
+}
+.print-page:has(.print-bg) .print-bg {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  inset: 0;
+  z-index: -1;
+}
+
+.print-full {
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  height: 100%;
+}
+
+.print-sign {
+  display: grid;
+  gap: 2.4rem;
+}
+.print-sign .txt {
+  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.4rem;
+  text-align: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.print-sign .date {
+  font-weight: 800;
+}
+.print-sign .sign {
+  position: relative;
+  text-align: center;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  margin: 0 auto;
+  font-size: 1.6rem;
+  font-weight: 800;
+}
+.print-sign .sign img {
+  position: absolute;
+  vertical-align: middle;
+  top: 50%;
+  -webkit-transform: translate(-20%, -50%);
+          transform: translate(-20%, -50%);
+  z-index: -1;
+}
+
+.print-certificate {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+  padding: 1.4cm;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.print-certificate .certificate-symbol {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  z-index: -1;
+}
+.print-certificate .certificate-header,
+.print-certificate .certificate-body,
+.print-certificate .certificate-footer {
+  padding-left: 4rem;
+  padding-right: 4rem;
+}
+.print-certificate .certificate-header {
+  padding: 8rem 0;
+  text-align: center;
+}
+.print-certificate .certificate-header h1 {
+  font-size: 4.8rem;
+  font-weight: 800;
+}
+.print-certificate .certificate-body {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.print-certificate .certificate-footer {
+  padding: 8rem 0;
+}
+.print-certificate .certificate-info-list {
+  display: grid;
+  gap: 1.2rem;
+  font-size: 1.6rem;
+}
+.print-certificate .certificate-info-list > li {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.print-certificate .certificate-info-list > li strong {
+  width: 10rem;
+  font-weight: 700;
+}
+.print-certificate .certificate-txt {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+.print-certificate .certificate-txt p {
+  text-align: center;
+  font-size: 2rem;
+  font-weight: 800;
+}
+.print-certificate .sign-area {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -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;
+  gap: 1.6rem;
+}
+.print-certificate .sign-area .date {
+  display: block;
+  text-align: center;
+  font-weight: 800;
+}
+.print-certificate .sign-area .sign {
+  position: relative;
+  text-align: center;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  margin: 0 auto;
+  font-size: 1.6rem;
+  font-weight: 800;
+}
+.print-certificate .sign-area .sign strong {
+  font-size: 2.4rem;
+}
+.print-certificate .sign-area .sign img {
+  position: absolute;
+  vertical-align: middle;
+  top: 50%;
+  -webkit-transform: translate(-20%, -50%);
+          transform: translate(-20%, -50%);
+  z-index: -1;
+}
+
 @page {
   size: A4;
   margin: 0;

8c1cf64

b07fbc2

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

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

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

@@ -1,1 +1,1 @@

-{"version":3,"sources":["print.css","print.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;;;;CAAA;AA+BA,mBAAA;AA6BA;EACI,yBAAA;EACA,kBAAA;EACA,gBAAA;EACA,+GAAA;ADrDJ;ACuDA;EACI,yBAAA;EACA,kBAAA;EACA,gBAAA;EACA,mHAAA;ADrDJ;ACuDA;EACI,yBAAA;EACA,kBAAA;EACA,gBAAA;EACA,iHAAA;ADrDJ;ACuDA;EACI,yBAAA;EACA,kBAAA;EACA,gBAAA;EACA,6GAAA;ADrDJ;ACuDA;EACI,yBAAA;EACA,kBAAA;EACA,gBAAA;EACA,+GAAA;ADrDJ;ACuDA;EACC,YAAA;EACA,iCAAA;ADrDD;;ACuDA;EACC,SAAA;EACA,UAAA;EACA,gBAAA;ADpDD;;ACsDA;EACC,gBAAA;EACA,uPAAA;EAEA,6BAAA;EACA,WA/Fa;EAgGb,gBAAA;EACA,wBAAA;EACA,mCAAA;EACA,8BAAA;EACA,sBAAA;EACA,WAAA;EACA,UAAA;EACA,SAAA;ADpDD;;ACsDA;EACC,WAAA;EACA,sBA3Ga;ADwDd;;ACiDA;EACC,WAAA;EACA,sBA3Ga;ADwDd;;ACqDA;EACC,WAAA;EACA,sBA/Ga;AD6Dd;;ACoDA;EACC,WAAA;EACA,yBAAA;EACA,iBAAA;EACA,iBAAA;EACA,mBAAA;ADjDD;;ACmDA;EACC,SAAA;EACA,gBAAA;EACA,WAAA;EACA,UAAA;EACA,wBAAA;ADhDD;;ACkDA;;;;EAIC,SAAA;EACA,UAAA;AD/CD;;ACiDA;EACC,gBAAA;EACA,gBAAA;AD9CD;;ACgDA;EACC,SAAA;EACA,YAAA;AD7CD;;AC+CA;EACC,gBAAA;AD5CD;;AC8CA;EACC,kBAAA;AD3CD;;AC6CA;EACC,gBAAA;AD1CD;;AC4CA;EACC,YAAA;EACA,UAAA;ADzCD;;AC2CA;EACC,eAAA;ADxCD;;AC0CA;EACC,qBAAA;EACA,WAhKa;ADyHd;;ACyCA;;EAEC,qBAAA;ADtCD;;ACwCA;;;EAGC,cAAA;ADrCD;;ACuCA;EACC,YAAA;EACA,kBAAA;EACA,YAAA;ADpCD;;ACsCA;EACC,SAAA;EACA,SAAA;EACA,UAAA;EACA,cAAA;ADnCD;;ACqCA;EACC,UAAA;EACA,wBAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,gBAAA;EACA,YAAA;EACA,cAAA;ADlCD;;ACoCA;EACC,kBAAA;EACA,eAAA;ADjCD;;ACmCA;EACC,wBAAA;EACA,wBAAA;EACA,sBAAA;EACG,uBAAA;EACH,aAAA;EACA,YAAA;EACA,6BAAA;EACA,eAAA;ADhCD;;ACkCA;;;EAGC,eAAA;EACA,mBAAA;EACA,eAAA;EACA,YAAA;EACA,yBA3MgB;EA4MhB,YAAA;EACA,8BAAA;UAAA,sBAAA;EACA,4BAAA;EAGA,oBAAA;AD/BD;;ACiCA;EACC,UAAA;EACA,kBAAA;AD9BD;;ACgCA;;EAEC,UAAA;EACA,YAAA;AD7BD;;AC+BA;EACC,mBAAA;AD5BD;;AC8BA;EACC,yBAhOgB;ADqMjB;;AC6BA;;EAEC,yBApOgB;AD0MjB;;AC4BA;EACC,YAAA;ADzBD;;AC2BA;;EAEC,yBA3OgB;EA4OhB,+CAAA;UAAA,uCAAA;ADxBD;;AC0BA;EACC,YAAA;ADvBD;;ACyBA;EACC,wBAAA;UAAA,gBAAA;ADtBD;;ACwBA;;EAEC,SAAA;EACA,YAAA;EACA,wBAAA;UAAA,gBAAA;EACA,eAAA;EACA,sBAAA;ADrBD;;ACuBA;EACC,WAAA;EACA,YAAA;EACA,gBAAA;ADpBD;;ACsBA;;EAEC,mBAAA;EACA,yBApQgB;EAqQhB,gBAAA;EACA,wBAAA;UAAA,gBAAA;ADnBD;;ACqBA;EACC,2BAAA;ADlBD;;ACoBA;EACC,4BAAA;ADjBD;;ACmBA;EACC,6BAAA;ADhBD;;ACkBA;EACC,eAAA;ADfD;;ACiBA;EACC,eAAA;ADdD;;ACgBA;EACC,cAAA;ADbD;;ACeA;EACC,gBAAA;ADZD;;ACcA;EACC,mBAAA;ADXD;;ACaA;EACC,iBAAA;ADVD;;ACYA;EACC,mBAAA;ADTD;;ACWA;EACC,iBAAA;ADRD;;ACUA;EACC,oBAAA;ADPD;;ACSA;EACC,kBAAA;ADND;;ACQA;EACC,oBAAA;ADLD;;ACOA;EACC,kBAAA;ADJD;;ACMA;EACC,kBAAA;EACG,aAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EACA,iCAAA;ADHJ;;ACKA;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,WA1SU;ADwSd;ACGI;EACF,kBAAA;ADDF;ACGC;EACC,WAhTa;AD+Sf;ACGG;;;;;EAGI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,mBAAA;MAAA,eAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,kBAAA;ADCP;ACAO;;;;;EACK,gBAAA;ADMZ;ACJQ;;;;;EACI,mBAAA;MAAA,WAAA;UAAA,OAAA;ADUZ;ACRE;;;;;EACC,eAAA;ADcH;ACXI;EACI,qBAAA;MAAA,kBAAA;UAAA,yBAAA;ADaR;ACXI;EACF,wBAAA;MAAA,qBAAA;UAAA,uBAAA;ADaF;ACXC;EACC,yBAAA;MAAA,sBAAA;UAAA,mBAAA;ADaF;ACXI;EACI,wBAAA;MAAA,qBAAA;UAAA,uBAAA;ADaR;;ACVA;EACC,cAAA;EACA,YAAA;EACA,WAAA;EACA,8BAAA;UAAA,sBAAA;EACA,iBAAA;EACA,cAAA;ADaD;ACZC;EACC,eAAA;ADcF;;ACXA;EACC,yBAAA;ADcD;;ACZA;EACC,qBA3VY;AD0Wb;;ACZA;EAEC,qBAjWY;AD+Wb;;ACZA;EAEC,qBAvWa;ADqXd;;ACZA;EACC,iBAAA;EACA,gBAAA;ADeD;;ACbA;EACC,iBAAA;EACA,gBAAA;ADgBD;;ACdA;EACC,iBAAA;EACA,gBAAA;ADiBD;;ACdA;EACC,yBA5YiB;EA6YjB,eAtXY;ADuYb;AChBC;EACC,eAAA;ADkBF;;ACfA,UAAA;AAEC;EACC,gBAAA;EACA,yBA/ZY;EAgaZ,cA3ZY;AD4ad;;ACdA;;EAEC,6BAAA;EACA,oBAAA;EACA,qBAAA;EACA,cA3Xa;EA4Xb,qBAxYY;ADyZb;AChBC;;EACC,gBAAA;ADmBF;ACjBC;;EACC,kBAAA;ADoBF;AClBC;;EACC,wBAAA;EACA,sBAAA;ADqBF;ACnBC;;EACC,UAAA;ADsBF;ACpBC;;;;EAEC,yBAhbgB;EAibhB,sBAAA;ADwBF;ACvBE;;;;EACC,iBAAA;AD4BH;AC1BE;;;;EACC,kBAAA;AD+BH;;ACzBE;;EAEC,gBAAA;AD4BH;;ACvBA;EACC,cAxca;ADked;;ACtBA;EACC,8BA1cgB;EA2chB,+BA3cgB;EA4chB,gCA5cgB;EA6chB,qBAtbY;AD+cb;ACxBC;EACC,eAvbW;ADidb;ACxBC;EACC,eAAA;AD0BF;ACxBC;EACC,gBAAA;EACA,eAAA;AD0BF;;ACvBA;;;;;EAKC,qBAtcY;ADgeb;ACzBC;;;;;EACC,gBAAA;AD+BF;AC7BC;;;;;EACC,kBAAA;EACA,oBA5cW;AD+eb;AClCE;;;;;EACC,kBAjdY;ADyff;ACtCE;;;;;EACC,WAAA;EACA,kBAAA;EACA,WAAA;EACA,OAAA;AD4CH;;ACvCC;EACC,eAAA;AD0CF;;ACvCA;;EAEC,aAAA;EACA,cAAA;EACA,kBAAA;EACA,yBA5fa;ADsiBd;;ACxCA;EACC,WAAA;EACA,aAAA;EACA,cAAA;EACA,yBAngBa;AD8iBd;;ACzCA;EACC,mBAAA;AD4CD;AC3CC;EACC,kBAAA;EACA,UAAA;EACA,gBAreqB;ADkhBvB;;ACzCC;EACC,kBAAA;AD4CF;AC3CE;EACC,WAAA;AD6CH;AC3CE;EACC,YAAA;AD6CH;AC3CE;EACC,YAAA;AD6CH;AC3CE;EACC,YAAA;AD6CH;AC3CE;EACC,YAAA;AD6CH;AC3CE;EACC,YAAA;AD6CH;AC3CE;EACC,YAAA;AD6CH;AC3CE;EACC,YAAA;AD6CH;AC3CE;EACC,YAAA;AD6CH;AC3CE;EACC,YAAA;AD6CH;AC3CE;EACC,YAAA;AD6CH;AC3CE;EACC,YAAA;AD6CH;AC3CE;EACC,YAAA;AD6CH;AC3CE;EACC,YAAA;AD6CH;AC3CE;EACC,YAAA;AD6CH;;AC/BA;EACI,QAAA;EACA,SAAA;EACH,YAAA;EACA,WAAA;EAEA;IACC,yBAAA;IACC,gCAAA;IACA,oBAAA;IAAA,oBAAA;IAAA,aAAA;IACA,sBAAA;QAAA,mBAAA;YAAA,qBAAA;IACA,eAAA;IACA,aAAA;EDiCD;EC/BA;IACA,gBAAA;IACA,8BAAA;YAAA,sBAAA;EDiCA;AACF","file":"print.css"}

(파일 끝에 줄바꿈 문자 없음)

+{"version":3,"sources":["print.css","print.scss"],"names":[],"mappings":"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","file":"print.css"}

(파일 끝에 줄바꿈 문자 없음)

8c1cf64

b07fbc2

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

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

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

@@ -1,1 +1,1 @@

-@font-face{font-family:"Pretendard";font-style:normal;font-weight:300;src:url("../font/Pretendard-Light.woff2") format("woff2"),url("../font/Pretendard-Light.woff") format("woff")}@font-face{font-family:"Pretendard";font-style:normal;font-weight:400;src:url("../font/Pretendard-Regular.woff2") format("woff2"),url("../font/Pretendard-Regular.woff") format("woff")}@font-face{font-family:"Pretendard";font-style:normal;font-weight:500;src:url("../font/Pretendard-Medium.woff2") format("woff2"),url("../font/Pretendard-Medium.woff") format("woff")}@font-face{font-family:"Pretendard";font-style:normal;font-weight:700;src:url("../font/Pretendard-Bold.woff2") format("woff2"),url("../font/Pretendard-Bold.woff") format("woff")}@font-face{font-family:"Pretendard";font-style:normal;font-weight:900;src:url("../font/Pretendard-Black.woff2") format("woff2"),url("../font/Pretendard-Black.woff") format("woff")}html,body{height:100%;-webkit-print-color-adjust:exact}html{border:0;outline:0;font-size:62.5%}body{line-height:1.5;font-family:"Pretendard",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;background-color:rgba(0,0,0,0);color:#111;font-weight:400;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;width:100%;padding:0;margin:0}::-moz-selection{color:#fff;background-color:#111}::selection{color:#fff;background-color:#111}::-moz-selection{color:#fff;background-color:#111}table{width:100%;border-collapse:collapse;border-spacing:0;border-spacing:0;table-layout:fixed}table caption{height:0;font-size:.1em;color:#fff;opacity:0;filter:alpha(opacity=0)}html,body,nav,section,article,figure,figcaption,h1,h2,h3,h4,h5,h6,menu,ul,ol,dl,li,dt,dd,p,form{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1em}img{margin:0;border:none}ul,ol,dl,li{list-style:none}cite,em,address{font-style:normal}b,strong{font-weight:700}iframe{border:none;outline:0}a>span{cursor:pointer}a{text-decoration:none;color:#111}a:hover,a:focus{text-decoration:none}a:before{content:" ";position:absolute;font-size:0}fieldset{border:0;margin:0;padding:0;display:block}fieldset legend{opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;font-size:0;line-height:0}fieldset label{margin-right:17px;font-size:16px}button{-webkit-appearance:none;-webkit-border-radius:0;vertical-align:middle;letter-spacing:-0.01em;outline:none;border:none;background-color:rgba(0,0,0,0);cursor:pointer}input[type=text],input[type=password],input[type=number]{font-size:16px;vertical-align:top;padding:0 15px;height:36px;border:1px solid #c1bfc8;width:260px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s}input[type=number]{padding:0;text-align:center}input[type=file],input[type=file]:hover{padding:0;border:none}td input{vertical-align:top}textarea{border:1px solid #c1bfc8}input:hover,textarea:hover{border:1px solid #c1bfc8}input[type=file]:hover{border:none}input:focus,textarea:focus{border:1px solid #c1bfc8;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}textarea[disabled=disabled]{border:none}textarea:focus[disabled=disabled]{-webkit-box-shadow:none;box-shadow:none}input[type=ratio],input[type=checkbox]{border:0;height:auto;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;vertical-align:middle}input[type=checkbox]{width:20px;height:20px;background:none}input[readonly]:not(.datepicker),input[readonly]:not(.datepicker):hover,input[readonly]:not(.datepicker):focus,input[disabled]:not(.datepicker),input[disabled]:not(.datepicker):hover,input[disabled]:not(.datepicker):focus{background:#f9f9f9;border:1px solid #c1bfc8;font-weight:300;-webkit-box-shadow:none;box-shadow:none}.al{text-align:left !important}.ar{text-align:right !important}.ac{text-align:center !important}.fs-xlg{font-size:14pt}.fs-lg{font-size:12pt}.fs-sm{font-size:8pt}em{font-weight:700}.mr5{margin-right:.5cm}.mr10{margin-right:1cm}.mr15{margin-right:1.5cm}.mr20{margin-right:2cm}.mb5{margin-bottom:.5cm}.mb10{margin-bottom:1cm}.mb15{margin-bottom:1.5cm}.mb20{margin-bottom:2cm}.txt-hide{position:absolute;width:.1rem;height:.1rem;margin:-0.1rem;overflow:hidden;clip-path:polygon(0 0, 0 0, 0 0)}.print-tit-area,.print-page-tit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.8rem}.lg.print-tit-area,.lg.print-page-tit-area{gap:.8rem 1.6rem}.sm.print-tit-area,.sm.print-page-tit-area{gap:.4rem}.print-tit-area .l-area,.print-page-tit-area .l-area,.print-tit-area .c-area,.print-page-tit-area .c-area,.print-tit-area .r-area,.print-page-tit-area .r-area{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.4rem .8rem}.print-tit-area .l-area>*,.print-page-tit-area .l-area>*,.print-tit-area .c-area>*,.print-page-tit-area .c-area>*,.print-tit-area .r-area>*,.print-page-tit-area .r-area>*{margin-bottom:0}.print-tit-area .l-area:only-child,.print-page-tit-area .l-area:only-child,.print-tit-area .c-area:only-child,.print-page-tit-area .c-area:only-child,.print-tit-area .r-area:only-child,.print-page-tit-area .r-area:only-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.print-tit-area .l-area .checkradio,.print-page-tit-area .l-area .checkradio,.print-tit-area .c-area .checkradio,.print-page-tit-area .c-area .checkradio,.print-tit-area .r-area .checkradio,.print-page-tit-area .r-area .checkradio{margin-right:0}.print-tit-area .r-area,.print-page-tit-area .r-area{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.center.print-tit-area,.center.print-page-tit-area{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vcenter.print-tit-area,.vcenter.print-page-tit-area{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.print-tit-area .dir-col,.print-page-tit-area .dir-col{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.print-page{font-size:9pt;width:210mm;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:21.7cm;margin:0 auto}.print-page img{max-width:100%}.print-box{page-break-before:always}.print-section{margin-bottom:2.4rem}.print-page-tit-area{margin-bottom:1.6rem}.print-tit-area{margin-bottom:.8rem}.print-title-xlg{font-size:2.8rem;font-weight:700}.print-title-lg{font-size:1.8rem;font-weight:700}.print-title{font-size:1.4rem;font-weight:700}.print-border-box{border:1px solid #dddae3;padding:1.6rem}.print-border-box img{max-width:100%}table th{font-weight:500;background-color:#efeef3;color:#5a585e}.write-type,.info-type{border-top:.1rem solid #111;word-break:keep-all;word-wrap:break-word;font-size:9pt;margin-bottom:2.4rem}.write-type.border-top-none,.info-type.border-top-none{border-top:none}.write-type table,.info-type table{text-align:center}.write-type tr,.info-type tr{page-break-inside:avoid;page-break-after:auto}.write-type .tbl-col-area,.info-type .tbl-col-area{padding:0}.write-type th,.write-type td,.info-type th,.info-type td{border:1px solid #dddae3;padding:.4rem .8rem}.write-type th:first-child,.write-type td:first-child,.info-type th:first-child,.info-type td:first-child{border-left:none}.write-type th:last-child,.write-type td:last-child,.info-type th:last-child,.info-type td:last-child{border-right:none}.write-type tbody th,.write-type tbody td{text-align:left}.print-time{color:#5a585e}.counsel-header{border-left:1px solid #c1bfc8;border-right:1px solid #c1bfc8;border-radius:1px solid #c1bfc8;margin-bottom:1.2rem}.counsel-header .counsel-tit-area{padding:1.6rem}.counsel-header cite{font-size:16pt}.counsel-header h1{font-weight:700;font-size:30px}.bullet,.bullet-tit,.bullet-dash,.bullet-none,.bullet-hangul{margin-bottom:1.6rem}.bullet:last-child,.bullet-tit:last-child,.bullet-dash:last-child,.bullet-none:last-child,.bullet-hangul:last-child{margin-bottom:0}.bullet>li,.bullet-tit>li,.bullet-dash>li,.bullet-none>li,.bullet-hangul>li{position:relative;padding-left:1.6rem}.bullet>li~li,.bullet-tit>li~li,.bullet-dash>li~li,.bullet-none>li~li,.bullet-hangul>li~li{margin-top:.4rem}.bullet>li:before,.bullet-tit>li:before,.bullet-dash>li:before,.bullet-none>li:before,.bullet-hangul>li:before{content:"";position:absolute;top:.8rem;left:0}.bullet-none li{padding-left:0}.bullet>li:before,.bullet-tit>li:before{width:.4rem;height:.4rem;border-radius:50%;background-color:#333}.bullet-dash>li:before{top:.8rem;width:.6rem;height:.1rem;background-color:#5a585e}.bullet-tit>li{padding-left:12rem}.bullet-tit>li cite{position:absolute;left:2rem;font-weight:700}.bullet-hangul li{padding-left:2rem}.bullet-hangul li::before{top:.1rem}.bullet-hangul li:nth-child(1)::before{content:"㉠"}.bullet-hangul li:nth-child(2)::before{content:"㉡"}.bullet-hangul li:nth-child(3)::before{content:"㉢"}.bullet-hangul li:nth-child(4)::before{content:"㉣"}.bullet-hangul li:nth-child(5)::before{content:"㉤"}.bullet-hangul li:nth-child(6)::before{content:"㉥"}.bullet-hangul li:nth-child(7)::before{content:"㉦"}.bullet-hangul li:nth-child(8)::before{content:"㉧"}.bullet-hangul li:nth-child(9)::before{content:"㉨"}.bullet-hangul li:nth-child(10)::before{content:"㉩"}.bullet-hangul li:nth-child(11)::before{content:"㉪"}.bullet-hangul li:nth-child(12)::before{content:"㉫"}.bullet-hangul li :nth-child(13)::before{content:"㉬"}.bullet-hangul li :nth-child(14)::before{content:"㉭"}@page{size:A4;margin:0;padding:1cm;marks:none;@bottom-center{counter-increment:page/2;content:"- " counter(page) " -";display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-size:12px;height:.8cm}.pdf-page{padding:0 .5cm;-webkit-box-sizing:border-box;box-sizing:border-box}}/*# sourceMappingURL=print.min.css.map */

(파일 끝에 줄바꿈 문자 없음)

+@font-face{font-family:"KakaoBigSans";font-style:normal;font-display:swap;font-weight:800;src:local("KakaoBigSans ExtraBold"),url("../common/font/KakaoBigSans-ExtraBold.woff2") format("woff2")}@font-face{font-family:"KakaoBigSans";font-style:normal;font-display:swap;font-weight:700;src:local("KakaoBigSans Bold"),url("../common/font/KakaoBigSans-Bold.woff2") format("woff2")}@font-face{font-family:"KakaoBigSans";font-style:normal;font-display:swap;font-weight:400;src:local("KakaoBigSans Regular"),url("../common/font/KakaoBigSans-Regular.woff2") format("woff2")}html,body{height:100%;-webkit-print-color-adjust:exact}html{border:0;outline:0;font-size:62.5%}body{line-height:1.5;font-family:"KakaoBigSans",KakaoBigSans,"Pretendard",Pretendard,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;background-color:rgba(0,0,0,0);color:#111;font-weight:400;letter-spacing:-0.025em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;width:100%;padding:0;margin:0}::-moz-selection{color:#fff;background-color:#111}::selection{color:#fff;background-color:#111}::-moz-selection{color:#fff;background-color:#111}table{width:100%;border-collapse:collapse;border-spacing:0;border-spacing:0;table-layout:fixed}table caption{height:0;font-size:.1em;color:#fff;opacity:0;filter:alpha(opacity=0)}html,body,nav,section,article,figure,figcaption,h1,h2,h3,h4,h5,h6,menu,ul,ol,dl,li,dt,dd,p,form{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1em}img{margin:0;border:none}ul,ol,dl,li{list-style:none}cite,em,address{font-style:normal}b,strong{font-weight:700}iframe{border:none;outline:0}a>span{cursor:pointer}a{text-decoration:none;color:#111}a:hover,a:focus{text-decoration:none}a:before{content:" ";position:absolute;font-size:0}fieldset{border:0;margin:0;padding:0;display:block}fieldset legend{opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;font-size:0;line-height:0}fieldset label{margin-right:17px;font-size:16px}button{-webkit-appearance:none;-webkit-border-radius:0;vertical-align:middle;letter-spacing:-0.01em;outline:none;border:none;background-color:rgba(0,0,0,0);cursor:pointer}input[type=text],input[type=password],input[type=number]{font-size:16px;vertical-align:top;padding:0 15px;height:36px;border:1px solid #b1b8be;width:260px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s}input[type=number]{padding:0;text-align:center}input[type=file],input[type=file]:hover{padding:0;border:none}td input{vertical-align:top}textarea{border:1px solid #b1b8be}input:hover,textarea:hover{border:1px solid #b1b8be}input[type=file]:hover{border:none}input:focus,textarea:focus{border:1px solid #b1b8be;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}textarea[disabled=disabled]{border:none}textarea:focus[disabled=disabled]{-webkit-box-shadow:none;box-shadow:none}input[type=ratio],input[type=checkbox]{border:0;height:auto;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;vertical-align:middle}input[type=checkbox]{width:20px;height:20px;background:none}input[readonly]:not(.datepicker),input[readonly]:not(.datepicker):hover,input[readonly]:not(.datepicker):focus,input[disabled]:not(.datepicker),input[disabled]:not(.datepicker):hover,input[disabled]:not(.datepicker):focus{background:#f9f9f9;border:1px solid #b1b8be;font-weight:300;-webkit-box-shadow:none;box-shadow:none}.al{text-align:left !important}.ar{text-align:right !important}.ac{text-align:center !important}.fs-xlg{font-size:14pt}.fs-lg{font-size:12pt}.fs-sm{font-size:8pt}em{font-weight:700}.mr5{margin-right:.5cm}.mr10{margin-right:1cm}.mr15{margin-right:1.5cm}.mr20{margin-right:2cm}.mb5{margin-bottom:.5cm}.mb10{margin-bottom:1cm}.mb15{margin-bottom:1.5cm}.mb20{margin-bottom:2cm}.txt-hide{position:absolute;width:.1rem;height:.1rem;margin:-0.1rem;overflow:hidden;clip-path:polygon(0 0, 0 0, 0 0)}.dir-col{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important}.print-tit-area,.print-page-tit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.8rem}.lg.print-tit-area,.lg.print-page-tit-area{gap:.8rem 1.6rem}.sm.print-tit-area,.sm.print-page-tit-area{gap:.4rem}.print-tit-area .l-area,.print-page-tit-area .l-area,.print-tit-area .c-area,.print-page-tit-area .c-area,.print-tit-area .r-area,.print-page-tit-area .r-area{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.4rem .8rem}.print-tit-area .l-area>*,.print-page-tit-area .l-area>*,.print-tit-area .c-area>*,.print-page-tit-area .c-area>*,.print-tit-area .r-area>*,.print-page-tit-area .r-area>*{margin-bottom:0}.print-tit-area .l-area:only-child,.print-page-tit-area .l-area:only-child,.print-tit-area .c-area:only-child,.print-page-tit-area .c-area:only-child,.print-tit-area .r-area:only-child,.print-page-tit-area .r-area:only-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.print-tit-area .l-area .checkradio,.print-page-tit-area .l-area .checkradio,.print-tit-area .c-area .checkradio,.print-page-tit-area .c-area .checkradio,.print-tit-area .r-area .checkradio,.print-page-tit-area .r-area .checkradio{margin-right:0}.print-tit-area .c-area,.print-page-tit-area .c-area{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.print-tit-area .c-area.dir-col,.print-page-tit-area .c-area.dir-col{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.print-tit-area .r-area,.print-page-tit-area .r-area{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.center.print-tit-area,.center.print-page-tit-area{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vcenter.print-tit-area,.vcenter.print-page-tit-area{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.print-tit-area .dir-col,.print-page-tit-area .dir-col{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.print-page{font-size:1.4rem;width:210mm;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:21.7cm;margin:0 auto}.print-page img{max-width:100%}.print-box{page-break-before:always}.print-section{margin-bottom:2.4rem}.print-page-tit-area{margin-bottom:2.4rem}.print-tit-area{margin-bottom:.8rem}.print-title-xlg{font-size:2.8rem;font-weight:700}.print-title-lg{font-size:1.8rem;font-weight:700}.print-title{font-size:1.4rem;font-weight:700}.print-border-box{border:1px solid #cdd1d5;padding:1.6rem}.print-border-box img{max-width:100%}table th{font-weight:800;background-color:#f7f7f8;color:#464c53}.write-type,.info-type{border-top:.1rem solid #111;word-break:keep-all;word-wrap:break-word;font-size:1.4rem;margin-bottom:2.4rem}.write-type.border-top-none,.info-type.border-top-none{border-top:none}.write-type table,.info-type table{text-align:center}.write-type tr,.info-type tr{page-break-inside:avoid;page-break-after:auto}.write-type .tbl-col-area,.info-type .tbl-col-area{padding:0}.write-type th,.write-type td,.info-type th,.info-type td{border:1px solid #cdd1d5;padding:.4rem .8rem}.write-type th:first-child,.write-type td:first-child,.info-type th:first-child,.info-type td:first-child{border-left:none}.write-type th:last-child,.write-type td:last-child,.info-type th:last-child,.info-type td:last-child{border-right:none}.write-type tbody th,.write-type tbody td{text-align:left}.print-time{color:#464c53}.counsel-header{border-left:1px solid #b1b8be;border-right:1px solid #b1b8be;border-radius:1px solid #b1b8be;margin-bottom:1.2rem}.counsel-header .counsel-tit-area{padding:1.6rem}.counsel-header cite{font-size:16pt}.counsel-header h1{font-weight:700;font-size:30px}.bullet,.bullet-tit,.bullet-dash,.bullet-none,.bullet-hangul{margin-bottom:1.6rem}.bullet:last-child,.bullet-tit:last-child,.bullet-dash:last-child,.bullet-none:last-child,.bullet-hangul:last-child{margin-bottom:0}.bullet>li,.bullet-tit>li,.bullet-dash>li,.bullet-none>li,.bullet-hangul>li{position:relative;padding-left:1.6rem}.bullet>li~li,.bullet-tit>li~li,.bullet-dash>li~li,.bullet-none>li~li,.bullet-hangul>li~li{margin-top:.4rem}.bullet>li:before,.bullet-tit>li:before,.bullet-dash>li:before,.bullet-none>li:before,.bullet-hangul>li:before{content:"";position:absolute;top:.8rem;left:0}.bullet-none li{padding-left:0}.bullet>li:before,.bullet-tit>li:before{width:.4rem;height:.4rem;border-radius:50%;background-color:#33363d}.bullet-dash>li:before{top:.8rem;width:.6rem;height:.1rem;background-color:#464c53}.bullet-tit>li{padding-left:12rem}.bullet-tit>li cite{position:absolute;left:2rem;font-weight:800}.bullet-hangul li{padding-left:2rem}.bullet-hangul li::before{top:.1rem}.bullet-hangul li:nth-child(1)::before{content:"㉠"}.bullet-hangul li:nth-child(2)::before{content:"㉡"}.bullet-hangul li:nth-child(3)::before{content:"㉢"}.bullet-hangul li:nth-child(4)::before{content:"㉣"}.bullet-hangul li:nth-child(5)::before{content:"㉤"}.bullet-hangul li:nth-child(6)::before{content:"㉥"}.bullet-hangul li:nth-child(7)::before{content:"㉦"}.bullet-hangul li:nth-child(8)::before{content:"㉧"}.bullet-hangul li:nth-child(9)::before{content:"㉨"}.bullet-hangul li:nth-child(10)::before{content:"㉩"}.bullet-hangul li:nth-child(11)::before{content:"㉪"}.bullet-hangul li:nth-child(12)::before{content:"㉫"}.bullet-hangul li :nth-child(13)::before{content:"㉬"}.bullet-hangul li :nth-child(14)::before{content:"㉭"}.flex-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.8rem}.flex1{-webkit-box-flex:1;-ms-flex:1;flex:1}.print-page:has(.print-full,.print-certificate){height:100%}.print-page:has(.print-bg){position:relative}.print-page:has(.print-bg) .print-bg{position:absolute;width:100%;height:100%;inset:0;z-index:-1}.print-full{display:grid;grid-template-rows:auto 1fr auto;height:100%}.print-sign{display:grid;gap:2.4rem}.print-sign .txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.4rem;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.print-sign .date{font-weight:800}.print-sign .sign{position:relative;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;font-size:1.6rem;font-weight:800}.print-sign .sign img{position:absolute;vertical-align:middle;top:50%;-webkit-transform:translate(-20%, -50%);transform:translate(-20%, -50%);z-index:-1}.print-certificate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;padding:1.4cm;-webkit-box-sizing:border-box;box-sizing:border-box}.print-certificate .certificate-symbol{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:-1}.print-certificate .certificate-header,.print-certificate .certificate-body,.print-certificate .certificate-footer{padding-left:4rem;padding-right:4rem}.print-certificate .certificate-header{padding:8rem 0;text-align:center}.print-certificate .certificate-header h1{font-size:4.8rem;font-weight:800}.print-certificate .certificate-body{-webkit-box-flex:1;-ms-flex:1;flex:1}.print-certificate .certificate-footer{padding:8rem 0}.print-certificate .certificate-info-list{display:grid;gap:1.2rem;font-size:1.6rem}.print-certificate .certificate-info-list>li{display:-webkit-box;display:-ms-flexbox;display:flex}.print-certificate .certificate-info-list>li strong{width:10rem;font-weight:700}.print-certificate .certificate-txt{padding-top:4rem;padding-bottom:4rem}.print-certificate .certificate-txt p{text-align:center;font-size:2rem;font-weight:800}.print-certificate .sign-area{display:-webkit-box;display:-ms-flexbox;display:flex;-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;gap:1.6rem}.print-certificate .sign-area .date{display:block;text-align:center;font-weight:800}.print-certificate .sign-area .sign{position:relative;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;font-size:1.6rem;font-weight:800}.print-certificate .sign-area .sign strong{font-size:2.4rem}.print-certificate .sign-area .sign img{position:absolute;vertical-align:middle;top:50%;-webkit-transform:translate(-20%, -50%);transform:translate(-20%, -50%);z-index:-1}@page{size:A4;margin:0;padding:1cm;marks:none;@bottom-center{counter-increment:page/2;content:"- " counter(page) " -";display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-size:12px;height:.8cm}.pdf-page{padding:0 .5cm;-webkit-box-sizing:border-box;box-sizing:border-box}}/*# sourceMappingURL=print.min.css.map */

(파일 끝에 줄바꿈 문자 없음)

8c1cf64

b07fbc2

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

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

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

@@ -1,1 +1,1 @@

-{"version":3,"sources":["print.min.css","print.scss"],"names":[],"mappings":"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","file":"print.min.css"}

(파일 끝에 줄바꿈 문자 없음)

+{"version":3,"sources":["print.min.css","print.scss"],"names":[],"mappings":"AAAA,WCgEA,0BACI,CAAA,iBACA,CAAA,iBACA,CAAA,eACA,CAAA,sGACA,CAAA,WAEJ,0BACI,CAAA,iBACA,CAAA,iBACA,CAAA,eACA,CAAA,4FACA,CAAA,WAEJ,0BACI,CAAA,iBACA,CAAA,iBACA,CAAA,eACA,CAAA,kGACA,CAAA,UAKJ,WACC,CAAA,gCACA,CAAA,KAED,QACC,CAAA,SACA,CAAA,eACA,CAAA,KAED,eACC,CAAA,mMAba,CAAA,8BAeb,CAAA,UA1Fa,CAAA,eA4Fb,CAAA,uBACA,CAAA,kCACA,CAAA,6BACA,CAAA,UAEA,CAAA,SACA,CAAA,QACA,CAAA,iBAED,UACC,CAAA,qBAtGa,CAmGb,YAED,UACC,CAAA,qBAtGa,CAAA,iBAyGd,UACC,CAAA,qBA1Ga,CAAA,MA6Gd,UACC,CAAA,wBACA,CAAA,gBACA,CAAA,gBACA,CAAA,kBACA,CAAA,cAED,QACC,CAAA,cACA,CAAA,UACA,CAAA,SACA,CAAA,uBACA,CAAA,gGAED,QAIC,CAAA,SACA,CAAA,kBAED,eAhFsB,CAAA,eAkFrB,CAAA,IAED,QACC,CAAA,WACA,CAAA,YAED,eACC,CAAA,gBAED,iBACC,CAAA,SAED,eACC,CAAA,OAED,WACC,CAAA,SACA,CAAA,OAED,cACC,CAAA,EAED,oBACC,CAAA,UA3Ja,CAAA,gBA8Jd,oBAEC,CAAA,SAOD,WACC,CAAA,iBACA,CAAA,WACA,CAAA,SAED,QACC,CAAA,QACA,CAAA,SACA,CAAA,aACA,CAAA,gBAED,SACC,CAAA,uBACA,CAAA,iBACA,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,eACA,CAAA,WACA,CAAA,aACA,CAAA,eAED,iBACC,CAAA,cACA,CAAA,OAED,uBACC,CAAA,uBACA,CAAA,qBACA,CAAA,sBACG,CAAA,YACH,CAAA,WACA,CAAA,8BACA,CAAA,cACA,CAAA,yDAED,cAGC,CAAA,kBACA,CAAA,cACA,CAAA,WACA,CAAA,wBAtMgB,CAAA,WAwMhB,CAAA,6BACA,CADA,qBACA,CAAA,0BACA,CAEA,kBACA,CAAA,mBAED,SACC,CAAA,iBACA,CAAA,wCAED,SAEC,CAAA,WACA,CAAA,SAED,kBACC,CAAA,SAED,wBA3NiB,CAAA,2BA8NjB,wBA9NiB,CAAA,uBAkOjB,WACC,CAAA,2BAED,wBArOiB,CAAA,0CAwOhB,CAxOgB,kCAwOhB,CAAA,4BAED,WACC,CAAA,kCAED,uBACC,CADD,eACC,CAAA,uCAED,QAEC,CAAA,WACA,CAAA,uBACA,CADA,eACA,CAAA,cACA,CAAA,qBACA,CAAA,qBAED,UACC,CAAA,WACA,CAAA,eACA,CAAA,8NAED,kBAEC,CAAA,wBA/PgB,CAAA,eAiQhB,CAAA,uBACA,CADA,eACA,CAAA,IAED,0BACC,CAAA,IAED,2BACC,CAAA,IAED,4BACC,CAAA,QAED,cACC,CAAA,OAED,cACC,CAAA,OAED,aACC,CAAA,GAED,eACC,CAAA,KAED,iBACC,CAAA,MAED,gBACC,CAAA,MAED,kBACC,CAAA,MAED,gBACC,CAAA,KAED,kBACC,CAAA,MAED,iBACC,CAAA,MAED,mBACC,CAAA,MAED,iBACC,CAAA,UAED,iBACC,CAAA,WACG,CAAA,YACA,CAAA,cACA,CAAA,eACA,CAAA,gCACA,CAAA,SAEJ,sCACC,CADD,uCACC,CADD,oCACC,CADD,gCACC,CAAA,qCAED,mBACI,CADJ,mBACI,CADJ,YACI,CAAA,wBACA,CADA,qBACA,CADA,6BACA,CAAA,SAxSU,CAAA,2CA0SV,gBACF,CAAA,2CAED,SA9Sc,CAAA,+JAiTZ,mBAGI,CAHJ,mBAGI,CAHJ,YAGI,CAAA,kBACA,CADA,cACA,CAAA,wBACA,CADA,qBACA,CADA,kBACA,CAAA,eACA,CAAA,2KACA,eACK,CAAA,iOAEJ,kBACI,CADJ,UACI,CADJ,MACI,CAAA,uOAEV,cACC,CAAA,qDAGF,uBACC,CADD,oBACC,CADD,sBACC,CAAA,qEACA,wBACC,CADD,qBACC,CADD,kBACC,CAAA,qDAGC,oBACI,CADJ,iBACI,CADJ,wBACI,CAAA,mDAEJ,uBACF,CADE,oBACF,CADE,sBACF,CAAA,qDAED,wBACC,CADD,qBACC,CADD,kBACC,CAAA,uDAEE,uBACI,CADJ,oBACI,CADJ,sBACI,CAAA,YAGR,gBACC,CAAA,WACA,CAAA,UACA,CAAA,6BACA,CADA,qBACA,CAAA,gBACA,CAAA,aACA,CAAA,gBACA,cACC,CAAA,WAGF,wBACC,CAAA,eAED,oBA/Va,CAAA,qBAmWb,oBAnWa,CAAA,gBAuWb,mBA1Wc,CAAA,iBA8Wd,gBACC,CAAA,eACA,CAAA,gBAED,gBACC,CAAA,eACA,CAAA,aAED,gBACC,CAAA,eACA,CAAA,kBAGD,wBAhZkB,CAAA,cAuBL,CAAA,sBA4XZ,cACC,CAAA,SAKD,eArXsB,CAAA,wBA/CT,CAAA,aAOC,CAAA,uBAmaf,2BAEC,CAAA,mBACA,CAAA,oBACA,CAAA,gBA5Xa,CAAA,oBAfD,CAAA,uDA8YZ,eACC,CAAA,mCAED,iBACC,CAAA,6BAED,uBACC,CAAA,qBACA,CAAA,mDAED,SACC,CAAA,0DAED,wBAnbiB,CAAA,mBAsbhB,CAAA,0GACA,gBACC,CAAA,sGAED,iBACC,CAAA,0CAMD,eAEC,CAAA,YAKH,aA5ce,CAAA,gBAidf,6BA9ciB,CAAA,8BAAA,CAAA,+BAAA,CAAA,oBAuBJ,CAAA,kCA4bZ,cA3bY,CAAA,qBA8bZ,cACC,CAAA,mBAED,eACC,CAAA,cACA,CAAA,6DAGF,oBAtca,CAAA,oHA4cZ,eACC,CAAA,4EAED,iBACC,CAAA,mBAhdW,CAAA,2FAkdX,gBArda,CAAA,+GAwdb,UACC,CAAA,iBACA,CAAA,SACA,CAAA,MACA,CAAA,gBAKF,cACC,CAAA,wCAGF,WAEC,CAAA,YACA,CAAA,iBACA,CAAA,wBAhgBc,CAAA,uBAmgBf,SACC,CAAA,WACA,CAAA,YACA,CAAA,wBAvgBc,CAAA,eA0gBf,kBACC,CAAA,oBACA,iBACC,CAAA,SACA,CAAA,eAteqB,CAAA,kBA2etB,iBACC,CAAA,0BACA,SACC,CAAA,uCAED,WACC,CAAA,uCAED,WACC,CAAA,uCAED,WACC,CAAA,uCAED,WACC,CAAA,uCAED,WACC,CAAA,uCAED,WACC,CAAA,uCAED,WACC,CAAA,uCAED,WACC,CAAA,uCAED,WACC,CAAA,wCAED,WACC,CAAA,wCAED,WACC,CAAA,wCAED,WACC,CAAA,yCAED,WACC,CAAA,yCAED,WACC,CAAA,UAIH,mBACC,CADD,mBACC,CADD,YACC,CAAA,kBACA,CADA,cACA,CAAA,wBACG,CADH,qBACG,CADH,kBACG,CAAA,SA9iBU,CAAA,OAijBd,kBACC,CADD,UACC,CADD,MACC,CAAA,gDAED,WACC,CAAA,2BAED,iBACC,CAAA,qCACA,iBACC,CAAA,UACA,CAAA,WACA,CAAA,OACA,CAAA,UACA,CAAA,YAGF,YACC,CAAA,gCACA,CAAA,WACA,CAAA,YAED,YACC,CAAA,UApkBY,CAAA,iBAskBZ,mBACC,CADD,mBACC,CADD,YACC,CAAA,2BACA,CADA,4BACA,CADA,yBACA,CADA,qBACA,CAAA,SA5kBa,CAAA,iBA8kBb,CAAA,uBACA,CADA,oBACA,CADA,sBACA,CAAA,wBACA,CADA,qBACA,CADA,kBACA,CAAA,kBAED,eAlkBsB,CAAA,kBAqkBtB,iBACC,CAAA,iBACA,CAAA,yBACA,CADA,sBACA,CADA,iBACA,CAAA,aACA,CAAA,gBACA,CAAA,eA1kBqB,CAAA,sBA4kBrB,iBACC,CAAA,qBACA,CAAA,OACA,CAAA,uCACA,CADA,+BACA,CAAA,UACA,CAAA,mBAKH,mBACC,CADD,mBACC,CADD,YACC,CAAA,2BACA,CADA,4BACA,CADA,yBACA,CADA,qBACA,CAAA,WACA,CAAA,aACA,CAAA,6BACA,CADA,qBACA,CAAA,uCACA,iBACC,CAAA,OACA,CAAA,QACA,CAAA,uCACA,CADA,+BACA,CAAA,UACA,CAAA,mHAED,iBA7mBc,CAAA,kBAAA,CAAA,uCAmnBd,cACC,CAAA,iBACA,CAAA,0CACA,gBACC,CAAA,eA7mBoB,CAAA,qCAinBtB,kBACC,CADD,UACC,CADD,MACC,CAAA,uCAED,cACC,CAAA,0CAED,YACC,CAAA,UAtoBW,CAAA,gBAwoBX,CAAA,6CACA,mBACC,CADD,mBACC,CADD,YACC,CAAA,oDACA,WACC,CAAA,eA7nBkB,CAAA,oCAkoBrB,gBA7oBc,CAAA,mBAAA,CAAA,sCAgpBb,iBACC,CAAA,cACA,CAAA,eAxoBoB,CAAA,8BA4oBtB,mBACC,CADD,mBACC,CADD,YACC,CAAA,2BACA,CADA,4BACA,CADA,yBACA,CADA,qBACA,CAAA,wBACA,CADA,qBACA,CADA,kBACA,CAAA,UA5pBW,CAAA,oCA8pBX,aACC,CAAA,iBACA,CAAA,eACA,CAAA,oCAED,iBACC,CAAA,iBACA,CAAA,yBACA,CADA,sBACA,CADA,iBACA,CAAA,aACA,CAAA,gBACA,CAAA,eA3pBoB,CAAA,2CA6pBpB,gBACC,CAAA,wCAED,iBACC,CAAA,qBACA,CAAA,OACA,CAAA,uCACA,CADA,+BACA,CAAA,UACA,CAAA,MAKJ,OACI,CAAA,QACA,CAAA,WACH,CAAA,UACA,CAAA,eAEA,wBACC,CAAA,+BACC,CAAA,mBACA,CADA,mBACA,CADA,YACA,CAAA,qBACA,CADA,kBACA,CADA,oBACA,CAAA,cACA,CAAA,WACA,CAAA,UAED,cACA,CAAA,6BACA,CADA,qBACA,CAAA","file":"print.min.css"}

(파일 끝에 줄바꿈 문자 없음)

8c1cf64

b07fbc2

resources/front/site/SITE_00000/css/print/print.scss

--- resources/front/site/SITE_00000/css/print/print.scss

+++ resources/front/site/SITE_00000/css/print/print.scss


 // color
 $color-black: #111;
 $color-white: #fff; 
-$color-gray5:#F8F8FB;
-$color-gray10:#F0F0F5;
-$color-gray20:#EFEEF3;
-$color-gray30:#DDDAE3;
-$color-gray40:#C1BFC8;
-$color-gray50:#918F97;
-$color-gray60:#727077;
-$color-gray70:#5A585E;
-$color-gray80:#333333;
-$color-gray90:#202020;
-$stroke-primary: 1px solid $color-gray40;
-$stroke-secondary:1px solid $color-gray30;
+$color-gray5: #F7F7F8;
+$color-gray10: #E6E8EA;
+$color-gray20: #CDD1D5;
+$color-gray30: #B1B8BE;
+$color-gray40: #8A949E;
+$color-gray50: #6D7882;
+$color-gray60: #58616A;
+$color-gray70: #464C53;
+$color-gray80: #33363D;
+$color-gray90: #1E2124;
+$stroke-primary: 1px solid $color-gray30;
+$stroke-secondary:1px solid $color-gray20;
 $color-background-default-primary: $color-white;
 $color-background-default-secondary: $color-gray5;
-$color-background-default-tertiary: $color-gray20;
-$color-background-default-quaternary: $color-gray30;
+$color-background-default-tertiary: $color-gray10;
+$color-background-default-quaternary: $color-gray20;
 $color-font-default-primary: $color-gray80;
 $color-font-default-secondary: $color-gray70;
 $color-font-default-tertiary: $color-gray60;

 $spacing-none: 0;
 $spacing-3xsm: 0.2rem;
 $spacing-2xsm: 0.4rem;
-$spacing-xsm: 0.8rem; 
+$spacing-xsm: 0.8rem;
 $spacing-sm: 1.2rem;
 $spacing-md: 1.6rem;
 $spacing-lg: 2.4rem;
 $spacing-xlg: 3.2rem;
 $spacing-2xlg: 4rem;
+$spacing-2xlg-2: 4.8rem;
+$spacing-2xlg-4: 5.6rem;
+$spacing-2xlg-6: 6.4rem;
 $spacing-3xlg: 8rem;
 $size-stroke-none: 0;
 $size-stroke-xsm: 0.1rem;
 $size-stroke-sm: 0.2rem;
 $size-stroke-md: 0.4rem;
 $size-stroke-lg: 0.8rem;
-$size-font-weight-xlg: 700;
-$size-font-weight-lg: 500;
+$size-font-weight-xlg: 800;
+$size-font-weight-lg: 700;
 $size-font-weight-md: 400;
-$size-font-md:9pt;
+$size-font-md:1.4rem;
 $ratio:1;
 @font-face {
-    font-family: 'Pretendard';
+    font-family: "KakaoBigSans";
     font-style: normal;
-    font-weight: 300;
-    src: url('../font/Pretendard-Light.woff2') format('woff2'), url('../font/Pretendard-Light.woff') format('woff');
+    font-display: swap;
+    font-weight: 800;
+    src: local("KakaoBigSans ExtraBold"), url("../common/font/KakaoBigSans-ExtraBold.woff2") format("woff2");
 }
 @font-face {
-    font-family: 'Pretendard';
+    font-family: "KakaoBigSans";
     font-style: normal;
-    font-weight: 400;
-    src: url('../font/Pretendard-Regular.woff2') format('woff2'), url('../font/Pretendard-Regular.woff') format('woff');
-}
-@font-face {
-    font-family: 'Pretendard';
-    font-style: normal;
-    font-weight: 500;
-    src: url('../font/Pretendard-Medium.woff2') format('woff2'), url('../font/Pretendard-Medium.woff') format('woff');
-}
-@font-face {
-    font-family: 'Pretendard';
-    font-style: normal;
+    font-display: swap;
     font-weight: 700;
-    src: url('../font/Pretendard-Bold.woff2') format('woff2'), url('../font/Pretendard-Bold.woff') format('woff');
+    src: local("KakaoBigSans Bold"), url("../common/font/KakaoBigSans-Bold.woff2") format("woff2");
 }
 @font-face {
-    font-family: 'Pretendard';
+    font-family: "KakaoBigSans";
     font-style: normal;
-    font-weight: 900;
-    src: url('../font/Pretendard-Black.woff2') format('woff2'), url('../font/Pretendard-Black.woff') format('woff');
+    font-display: swap;
+    font-weight: 400;
+    src: local("KakaoBigSans Regular"), url("../common/font/KakaoBigSans-Regular.woff2") format("woff2");
 }
+$font-family: "KakaoBigSans", KakaoBigSans, "Pretendard", Pretendard, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", 
+"Malgun Gothic", sans-serif;
+
 html, body {
 	height: 100%;
 	-webkit-print-color-adjust:exact; 

 }
 body {
 	line-height: 1.5;
-	font-family: "Pretendard", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", 
-	"Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
+	font-family: $font-family;
 	background-color: transparent;
 	color: $color-black;
 	font-weight: 400;

 	padding: 0;
 }
 h1, h2, h3, h4, h5, h6 {
-	font-weight: 500;
+	font-weight: $size-font-weight-lg;
 	line-height: 1em;
 }
 img {

     overflow: hidden;
     clip-path: polygon(0 0, 0 0, 0 0);
 }
+.dir-col {
+	flex-direction: column !important;
+}
 %flexArea {
     display: flex;
     justify-content: space-between;

 			margin-right: 0;
 		}
     }
+	.c-area {
+		justify-content: center;
+		&.dir-col {
+			align-items: center;
+		}
+	}
     .r-area  {
         justify-content: flex-end;
     }

     }
 }
 .print-page {
-	font-size: calc(9pt*$ratio);
+	font-size: calc($size-font-md*$ratio);
 	width:calc(210mm*$ratio);
 	width: 100%;
 	box-sizing: border-box;

 // title
 .print-page-tit-area {
 	@extend %flexArea;
-	margin-bottom: $spacing-md;
+	margin-bottom: $spacing-lg;
 }
 .print-tit-area {
 	@extend %flexArea;

 /* table */
 table {
 	th {
-		font-weight: 500;
-		background-color: $color-background-default-tertiary;
+		font-weight: $size-font-weight-xlg;
+		background-color: $color-background-default-secondary;
 		color:$color-font-default-secondary;
 	}
 }

 		}
 	}
 }
-// .pdf-page{
-// 	@include pdf(1);
-// 	display: flex;
-// 	flex-direction: column;
-// 	gap:calc(5mm*$ratio) 0;
-// 	margin:0 auto;
-// 	&.view {
-// 		padding:0.5cm;
-// 	}
-//  }
+.flex-box {
+	display: flex;
+	flex-wrap: wrap;
+    align-items: center;
+	gap: $spacing-xsm;
+}
+.flex1 {
+	flex:1;
+}
+.print-page:has(.print-full, .print-certificate) {
+	height: 100%;
+}
+.print-page:has(.print-bg) {
+	position: relative;
+	.print-bg {
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		inset: 0;
+		z-index: -1;
+	}
+}
+.print-full {
+	display: grid;
+	grid-template-rows:auto 1fr auto;
+	height: 100%;
+}
+.print-sign {
+	display: grid;
+	gap:$spacing-lg;
+	.txt {
+		display: flex;
+		flex-direction: column;
+		gap:$spacing-2xsm;
+		text-align: center;
+		justify-content: center;
+		align-items: center;
+	}
+	.date {
+		font-weight: $size-font-weight-xlg;
+	}
+	.sign {
+		position: relative;
+		text-align: center;
+		width:fit-content;
+		margin:0 auto;
+		font-size:1.6rem;
+		font-weight: $size-font-weight-xlg;
+		img {
+			position: absolute;
+			vertical-align: middle;
+			top:50%;
+			transform: translate(-20%, -50%);
+			z-index: -1;
+		}
+	}
+}
+//이수증
+.print-certificate {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	padding:1.4cm;
+	box-sizing: border-box;
+	.certificate-symbol {
+		position: absolute;
+		top: 50%;
+		left:50%;
+		transform: translate(-50%, -50%);
+		z-index: -1;
+	}
+	.certificate-header,
+	.certificate-body,
+	.certificate-footer {
+		padding-left:$spacing-2xlg;
+		padding-right: $spacing-2xlg;
+	}
+	.certificate-header {
+		padding:$spacing-3xlg 0;
+		text-align: center;
+		h1 {
+			font-size:4.8rem;
+			font-weight: $size-font-weight-xlg;
+		}
+	}
+	.certificate-body {
+		flex:1;
+	}
+	.certificate-footer {
+		padding:$spacing-3xlg 0;
+	}
+	.certificate-info-list {
+		display: grid;
+		gap:$spacing-sm;
+		font-size:1.6rem;
+		> li {
+			display: flex;
+			strong {
+				width: 10rem;
+				font-weight: $size-font-weight-lg;
+			}
+		}
+	}
+	.certificate-txt {
+		padding-top:$spacing-2xlg;
+		padding-bottom: $spacing-2xlg;
+		p {
+			text-align: center;
+			font-size:2rem;
+			font-weight: $size-font-weight-xlg;
+		}
+	}
+	.sign-area {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap:$spacing-md;
+		.date {
+			display: block;
+			text-align: center;
+			font-weight: 800;
+		}
+		.sign {
+			position: relative;
+			text-align: center;
+			width:fit-content;
+			margin:0 auto;
+			font-size:1.6rem;
+			font-weight: $size-font-weight-xlg;
+			strong {
+				font-size:2.4rem;
+			}
+			img {
+				position: absolute;
+				vertical-align: middle;
+				top:50%;
+				transform: translate(-20%, -50%);
+				z-index: -1;
+			}
+		}
+	}
+}
 @page {
     size: A4; 
     margin:0;

8c1cf64

b07fbc2

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

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

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


   transition: transform 0.3s ease, opacity 0.3s ease;
   transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
   margin-top: 1.2rem;
+  background: var(--color-background-default-secondary);
 }
 .accordion-list > li {
   border: 0.1rem solid var(--color-stroke-default-tertiary);
   padding: 1.6rem 2.4rem;
   border-radius: 1.2rem;
+  background-color: var(--color-background-default-primary);
 }
 .accordion-list > li:has(.etc-fnc-area.is-active) {
   position: relative;

   font-size: var(--size-font-xlg) !important;
 }
 
-.student-mn .student-mn-today .box .box-header, .article-box .box-header, .section-box .box-header, .chart-legend, .class-viewer .viewer-header, .rubric-write-area .item .item-col .fnc, .border-list > li, .container .site-header .site-menu-area .menu-info, .container .site-header .wrap, .agree-area .agree-header, .form-list .form-tit-area, .agendar-view-area .agendar-tit-area, .form-view .form-section-header, .form-view-result .a-area .a-fnc,
+.student-mn .student-mn-today .box .box-header, .article-box .box-header, .section-box .box-header, .chart-legend, .class-viewer .viewer-header, .sms-write-area .sms-txt-count-area .fnc, .rubric-write-area .item .item-col .fnc, .border-list > li, .container .site-header .site-menu-area .menu-info, .container .site-header .wrap, .agree-area .agree-header, .form-list .form-tit-area, .agendar-view-area .agendar-tit-area, .form-view .form-section-header, .form-view-result .a-area .a-fnc,
 .form-view .a-area .a-fnc, .form-write .form-item .form-item-fnc, .form-write .form-section-footer,
 .form-view-result .form-section-footer,
 .form-view .form-section-footer, .org-cont .org-cont-header, .msg-cont-footer .write-fnc-area, .msg-nav .msg-nav-body > li, .reply-area .reply-write-area .write-fnc-area, .board-view-area .view-cont-tit-area, .board-view-area .view-cont-fnc-area, .board-view-area .view-header, .view-area .view-header, .info-block-list .info-fnc-area, .summary-box, .fnc-extend-area .extend-default-area,

           justify-content: space-between;
   gap: 0.8rem;
 }
-.student-mn .student-mn-today .box .lg.box-header, .article-box .lg.box-header, .section-box .lg.box-header, .lg.chart-legend, .class-viewer .lg.viewer-header, .rubric-write-area .item .item-col .lg.fnc, .border-list > li.lg, .container .site-header .site-menu-area .lg.menu-info, .container .site-header .lg.wrap, .agree-area .lg.agree-header, .form-list .lg.form-tit-area, .agendar-view-area .lg.agendar-tit-area, .form-view .lg.form-section-header, .form-view-result .a-area .lg.a-fnc,
+.student-mn .student-mn-today .box .lg.box-header, .article-box .lg.box-header, .section-box .lg.box-header, .lg.chart-legend, .class-viewer .lg.viewer-header, .sms-write-area .sms-txt-count-area .lg.fnc, .rubric-write-area .item .item-col .lg.fnc, .border-list > li.lg, .container .site-header .site-menu-area .lg.menu-info, .container .site-header .lg.wrap, .agree-area .lg.agree-header, .form-list .lg.form-tit-area, .agendar-view-area .lg.agendar-tit-area, .form-view .lg.form-section-header, .form-view-result .a-area .lg.a-fnc,
 .form-view .a-area .lg.a-fnc, .form-write .form-item .lg.form-item-fnc, .form-write .lg.form-section-footer,
 .form-view-result .lg.form-section-footer,
 .form-view .lg.form-section-footer, .org-cont .lg.org-cont-header, .msg-cont-footer .lg.write-fnc-area, .msg-nav .msg-nav-body > li.lg, .reply-area .reply-write-area .lg.write-fnc-area, .board-view-area .lg.view-cont-tit-area, .board-view-area .lg.view-cont-fnc-area, .board-view-area .lg.view-header, .view-area .lg.view-header, .info-block-list .lg.info-fnc-area, .lg.summary-box, .fnc-extend-area .lg.extend-default-area,

 .lg.btn-flex-area, .lg.btn-area, .calendar-area .lg.calendar-header {
   gap: 0.8rem 1.6rem;
 }
-.student-mn .student-mn-today .box .sm.box-header, .article-box .sm.box-header, .section-box .sm.box-header, .sm.chart-legend, .class-viewer .sm.viewer-header, .rubric-write-area .item .item-col .sm.fnc, .border-list > li.sm, .container .site-header .site-menu-area .sm.menu-info, .container .site-header .sm.wrap, .agree-area .sm.agree-header, .form-list .sm.form-tit-area, .agendar-view-area .sm.agendar-tit-area, .form-view .sm.form-section-header, .form-view-result .a-area .sm.a-fnc,
+.student-mn .student-mn-today .box .sm.box-header, .article-box .sm.box-header, .section-box .sm.box-header, .sm.chart-legend, .class-viewer .sm.viewer-header, .sms-write-area .sms-txt-count-area .sm.fnc, .rubric-write-area .item .item-col .sm.fnc, .border-list > li.sm, .container .site-header .site-menu-area .sm.menu-info, .container .site-header .sm.wrap, .agree-area .sm.agree-header, .form-list .sm.form-tit-area, .agendar-view-area .sm.agendar-tit-area, .form-view .sm.form-section-header, .form-view-result .a-area .sm.a-fnc,
 .form-view .a-area .sm.a-fnc, .form-write .form-item .sm.form-item-fnc, .form-write .sm.form-section-footer,
 .form-view-result .sm.form-section-footer,
 .form-view .sm.form-section-footer, .org-cont .sm.org-cont-header, .msg-cont-footer .sm.write-fnc-area, .msg-nav .msg-nav-body > li.sm, .reply-area .reply-write-area .sm.write-fnc-area, .board-view-area .sm.view-cont-tit-area, .board-view-area .sm.view-cont-fnc-area, .board-view-area .sm.view-header, .view-area .sm.view-header, .info-block-list .sm.info-fnc-area, .sm.summary-box, .fnc-extend-area .sm.extend-default-area,

 .sm.btn-flex-area, .sm.btn-area, .calendar-area .sm.calendar-header {
   gap: 0.4rem;
 }
-.student-mn .student-mn-today .box .box-header .l-area, .article-box .box-header .l-area, .section-box .box-header .l-area, .chart-legend .l-area, .class-viewer .viewer-header .l-area, .rubric-write-area .item .item-col .fnc .l-area, .border-list > li .l-area, .container .site-header .site-menu-area .menu-info .l-area, .container .site-header .wrap .l-area, .agree-area .agree-header .l-area, .form-list .form-tit-area .l-area, .agendar-view-area .agendar-tit-area .l-area, .form-view .form-section-header .l-area, .form-view-result .a-area .a-fnc .l-area,
+.student-mn .student-mn-today .box .box-header .l-area, .article-box .box-header .l-area, .section-box .box-header .l-area, .chart-legend .l-area, .class-viewer .viewer-header .l-area, .sms-write-area .sms-txt-count-area .fnc .l-area, .rubric-write-area .item .item-col .fnc .l-area, .border-list > li .l-area, .container .site-header .site-menu-area .menu-info .l-area, .container .site-header .wrap .l-area, .agree-area .agree-header .l-area, .form-list .form-tit-area .l-area, .agendar-view-area .agendar-tit-area .l-area, .form-view .form-section-header .l-area, .form-view-result .a-area .a-fnc .l-area,
 .form-view .a-area .a-fnc .l-area, .form-write .form-item .form-item-fnc .l-area, .form-write .form-section-footer .l-area,
 .form-view-result .form-section-footer .l-area,
 .form-view .form-section-footer .l-area, .org-cont .org-cont-header .l-area, .msg-cont-footer .write-fnc-area .l-area, .msg-nav .msg-nav-body > li .l-area, .reply-area .reply-write-area .write-fnc-area .l-area, .board-view-area .view-cont-tit-area .l-area, .board-view-area .view-cont-fnc-area .l-area, .board-view-area .view-header .l-area, .view-area .view-header .l-area, .info-block-list .info-fnc-area .l-area, .summary-box .l-area, .fnc-extend-area .extend-default-area .l-area,

 .section-box .box-header .c-area,
 .chart-legend .c-area,
 .class-viewer .viewer-header .c-area,
+.sms-write-area .sms-txt-count-area .fnc .c-area,
 .rubric-write-area .item .item-col .fnc .c-area,
 .border-list > li .c-area,
 .container .site-header .site-menu-area .menu-info .c-area,

 .section-box .box-header .r-area,
 .chart-legend .r-area,
 .class-viewer .viewer-header .r-area,
+.sms-write-area .sms-txt-count-area .fnc .r-area,
 .rubric-write-area .item .item-col .fnc .r-area,
 .border-list > li .r-area,
 .container .site-header .site-menu-area .menu-info .r-area,

           align-items: center;
   gap: 0.4rem var(--flexarea-spacing);
 }
-.student-mn .student-mn-today .box .box-header .l-area > *, .article-box .box-header .l-area > *, .section-box .box-header .l-area > *, .chart-legend .l-area > *, .class-viewer .viewer-header .l-area > *, .rubric-write-area .item .item-col .fnc .l-area > *, .border-list > li .l-area > *, .container .site-header .site-menu-area .menu-info .l-area > *, .container .site-header .wrap .l-area > *, .agree-area .agree-header .l-area > *, .form-list .form-tit-area .l-area > *, .agendar-view-area .agendar-tit-area .l-area > *, .form-view .form-section-header .l-area > *, .form-view-result .a-area .a-fnc .l-area > *,
+.student-mn .student-mn-today .box .box-header .l-area > *, .article-box .box-header .l-area > *, .section-box .box-header .l-area > *, .chart-legend .l-area > *, .class-viewer .viewer-header .l-area > *, .sms-write-area .sms-txt-count-area .fnc .l-area > *, .rubric-write-area .item .item-col .fnc .l-area > *, .border-list > li .l-area > *, .container .site-header .site-menu-area .menu-info .l-area > *, .container .site-header .wrap .l-area > *, .agree-area .agree-header .l-area > *, .form-list .form-tit-area .l-area > *, .agendar-view-area .agendar-tit-area .l-area > *, .form-view .form-section-header .l-area > *, .form-view-result .a-area .a-fnc .l-area > *,
 .form-view .a-area .a-fnc .l-area > *, .form-write .form-item .form-item-fnc .l-area > *, .form-write .form-section-footer .l-area > *,
 .form-view-result .form-section-footer .l-area > *,
 .form-view .form-section-footer .l-area > *, .org-cont .org-cont-header .l-area > *, .msg-cont-footer .write-fnc-area .l-area > *, .msg-nav .msg-nav-body > li .l-area > *, .reply-area .reply-write-area .write-fnc-area .l-area > *, .board-view-area .view-cont-tit-area .l-area > *, .board-view-area .view-cont-fnc-area .l-area > *, .board-view-area .view-header .l-area > *, .view-area .view-header .l-area > *, .info-block-list .info-fnc-area .l-area > *, .summary-box .l-area > *, .fnc-extend-area .extend-default-area .l-area > *,

 .section-box .box-header .c-area > *,
 .chart-legend .c-area > *,
 .class-viewer .viewer-header .c-area > *,
+.sms-write-area .sms-txt-count-area .fnc .c-area > *,
 .rubric-write-area .item .item-col .fnc .c-area > *,
 .border-list > li .c-area > *,
 .container .site-header .site-menu-area .menu-info .c-area > *,

 .section-box .box-header .r-area > *,
 .chart-legend .r-area > *,
 .class-viewer .viewer-header .r-area > *,
+.sms-write-area .sms-txt-count-area .fnc .r-area > *,
 .rubric-write-area .item .item-col .fnc .r-area > *,
 .border-list > li .r-area > *,
 .container .site-header .site-menu-area .menu-info .r-area > *,

 .calendar-area .calendar-header .r-area > * {
   margin-bottom: 0;
 }
-.student-mn .student-mn-today .box .box-header .l-area:only-child, .article-box .box-header .l-area:only-child, .section-box .box-header .l-area:only-child, .chart-legend .l-area:only-child, .class-viewer .viewer-header .l-area:only-child, .rubric-write-area .item .item-col .fnc .l-area:only-child, .border-list > li .l-area:only-child, .container .site-header .site-menu-area .menu-info .l-area:only-child, .container .site-header .wrap .l-area:only-child, .agree-area .agree-header .l-area:only-child, .form-list .form-tit-area .l-area:only-child, .agendar-view-area .agendar-tit-area .l-area:only-child, .form-view .form-section-header .l-area:only-child, .form-view-result .a-area .a-fnc .l-area:only-child,
+.student-mn .student-mn-today .box .box-header .l-area:only-child, .article-box .box-header .l-area:only-child, .section-box .box-header .l-area:only-child, .chart-legend .l-area:only-child, .class-viewer .viewer-header .l-area:only-child, .sms-write-area .sms-txt-count-area .fnc .l-area:only-child, .rubric-write-area .item .item-col .fnc .l-area:only-child, .border-list > li .l-area:only-child, .container .site-header .site-menu-area .menu-info .l-area:only-child, .container .site-header .wrap .l-area:only-child, .agree-area .agree-header .l-area:only-child, .form-list .form-tit-area .l-area:only-child, .agendar-view-area .agendar-tit-area .l-area:only-child, .form-view .form-section-header .l-area:only-child, .form-view-result .a-area .a-fnc .l-area:only-child,
 .form-view .a-area .a-fnc .l-area:only-child, .form-write .form-item .form-item-fnc .l-area:only-child, .form-write .form-section-footer .l-area:only-child,
 .form-view-result .form-section-footer .l-area:only-child,
 .form-view .form-section-footer .l-area:only-child, .org-cont .org-cont-header .l-area:only-child, .msg-cont-footer .write-fnc-area .l-area:only-child, .msg-nav .msg-nav-body > li .l-area:only-child, .reply-area .reply-write-area .write-fnc-area .l-area:only-child, .board-view-area .view-cont-tit-area .l-area:only-child, .board-view-area .view-cont-fnc-area .l-area:only-child, .board-view-area .view-header .l-area:only-child, .view-area .view-header .l-area:only-child, .info-block-list .info-fnc-area .l-area:only-child, .summary-box .l-area:only-child, .fnc-extend-area .extend-default-area .l-area:only-child,

 .section-box .box-header .c-area:only-child,
 .chart-legend .c-area:only-child,
 .class-viewer .viewer-header .c-area:only-child,
+.sms-write-area .sms-txt-count-area .fnc .c-area:only-child,
 .rubric-write-area .item .item-col .fnc .c-area:only-child,
 .border-list > li .c-area:only-child,
 .container .site-header .site-menu-area .menu-info .c-area:only-child,

 .section-box .box-header .r-area:only-child,
 .chart-legend .r-area:only-child,
 .class-viewer .viewer-header .r-area:only-child,
+.sms-write-area .sms-txt-count-area .fnc .r-area:only-child,
 .rubric-write-area .item .item-col .fnc .r-area:only-child,
 .border-list > li .r-area:only-child,
 .container .site-header .site-menu-area .menu-info .r-area:only-child,

       -ms-flex: 1;
           flex: 1;
 }
-.student-mn .student-mn-today .box .box-header .l-area .checkradio, .article-box .box-header .l-area .checkradio, .section-box .box-header .l-area .checkradio, .chart-legend .l-area .checkradio, .class-viewer .viewer-header .l-area .checkradio, .rubric-write-area .item .item-col .fnc .l-area .checkradio, .border-list > li .l-area .checkradio, .container .site-header .site-menu-area .menu-info .l-area .checkradio, .container .site-header .wrap .l-area .checkradio, .agree-area .agree-header .l-area .checkradio, .form-list .form-tit-area .l-area .checkradio, .agendar-view-area .agendar-tit-area .l-area .checkradio, .form-view .form-section-header .l-area .checkradio, .form-view-result .a-area .a-fnc .l-area .checkradio,
+.student-mn .student-mn-today .box .box-header .l-area .checkradio, .article-box .box-header .l-area .checkradio, .section-box .box-header .l-area .checkradio, .chart-legend .l-area .checkradio, .class-viewer .viewer-header .l-area .checkradio, .sms-write-area .sms-txt-count-area .fnc .l-area .checkradio, .rubric-write-area .item .item-col .fnc .l-area .checkradio, .border-list > li .l-area .checkradio, .container .site-header .site-menu-area .menu-info .l-area .checkradio, .container .site-header .wrap .l-area .checkradio, .agree-area .agree-header .l-area .checkradio, .form-list .form-tit-area .l-area .checkradio, .agendar-view-area .agendar-tit-area .l-area .checkradio, .form-view .form-section-header .l-area .checkradio, .form-view-result .a-area .a-fnc .l-area .checkradio,
 .form-view .a-area .a-fnc .l-area .checkradio, .form-write .form-item .form-item-fnc .l-area .checkradio, .form-write .form-section-footer .l-area .checkradio,
 .form-view-result .form-section-footer .l-area .checkradio,
 .form-view .form-section-footer .l-area .checkradio, .org-cont .org-cont-header .l-area .checkradio, .msg-cont-footer .write-fnc-area .l-area .checkradio, .msg-nav .msg-nav-body > li .l-area .checkradio, .reply-area .reply-write-area .write-fnc-area .l-area .checkradio, .board-view-area .view-cont-tit-area .l-area .checkradio, .board-view-area .view-cont-fnc-area .l-area .checkradio, .board-view-area .view-header .l-area .checkradio, .view-area .view-header .l-area .checkradio, .info-block-list .info-fnc-area .l-area .checkradio, .summary-box .l-area .checkradio, .fnc-extend-area .extend-default-area .l-area .checkradio,

 .section-box .box-header .c-area .checkradio,
 .chart-legend .c-area .checkradio,
 .class-viewer .viewer-header .c-area .checkradio,
+.sms-write-area .sms-txt-count-area .fnc .c-area .checkradio,
 .rubric-write-area .item .item-col .fnc .c-area .checkradio,
 .border-list > li .c-area .checkradio,
 .container .site-header .site-menu-area .menu-info .c-area .checkradio,

 .section-box .box-header .r-area .checkradio,
 .chart-legend .r-area .checkradio,
 .class-viewer .viewer-header .r-area .checkradio,
+.sms-write-area .sms-txt-count-area .fnc .r-area .checkradio,
 .rubric-write-area .item .item-col .fnc .r-area .checkradio,
 .border-list > li .r-area .checkradio,
 .container .site-header .site-menu-area .menu-info .r-area .checkradio,

 .calendar-area .calendar-header .r-area .checkradio {
   margin-right: 0;
 }
-.student-mn .student-mn-today .box .box-header .l-area:empty, .article-box .box-header .l-area:empty, .section-box .box-header .l-area:empty, .chart-legend .l-area:empty, .class-viewer .viewer-header .l-area:empty, .rubric-write-area .item .item-col .fnc .l-area:empty, .border-list > li .l-area:empty, .container .site-header .site-menu-area .menu-info .l-area:empty, .container .site-header .wrap .l-area:empty, .agree-area .agree-header .l-area:empty, .form-list .form-tit-area .l-area:empty, .agendar-view-area .agendar-tit-area .l-area:empty, .form-view .form-section-header .l-area:empty, .form-view-result .a-area .a-fnc .l-area:empty,
+.student-mn .student-mn-today .box .box-header .l-area:empty, .article-box .box-header .l-area:empty, .section-box .box-header .l-area:empty, .chart-legend .l-area:empty, .class-viewer .viewer-header .l-area:empty, .sms-write-area .sms-txt-count-area .fnc .l-area:empty, .rubric-write-area .item .item-col .fnc .l-area:empty, .border-list > li .l-area:empty, .container .site-header .site-menu-area .menu-info .l-area:empty, .container .site-header .wrap .l-area:empty, .agree-area .agree-header .l-area:empty, .form-list .form-tit-area .l-area:empty, .agendar-view-area .agendar-tit-area .l-area:empty, .form-view .form-section-header .l-area:empty, .form-view-result .a-area .a-fnc .l-area:empty,
 .form-view .a-area .a-fnc .l-area:empty, .form-write .form-item .form-item-fnc .l-area:empty, .form-write .form-section-footer .l-area:empty,
 .form-view-result .form-section-footer .l-area:empty,
 .form-view .form-section-footer .l-area:empty, .org-cont .org-cont-header .l-area:empty, .msg-cont-footer .write-fnc-area .l-area:empty, .msg-nav .msg-nav-body > li .l-area:empty, .reply-area .reply-write-area .write-fnc-area .l-area:empty, .board-view-area .view-cont-tit-area .l-area:empty, .board-view-area .view-cont-fnc-area .l-area:empty, .board-view-area .view-header .l-area:empty, .view-area .view-header .l-area:empty, .info-block-list .info-fnc-area .l-area:empty, .summary-box .l-area:empty, .fnc-extend-area .extend-default-area .l-area:empty,

 .section-box .box-header .c-area:empty,
 .chart-legend .c-area:empty,
 .class-viewer .viewer-header .c-area:empty,
+.sms-write-area .sms-txt-count-area .fnc .c-area:empty,
 .rubric-write-area .item .item-col .fnc .c-area:empty,
 .border-list > li .c-area:empty,
 .container .site-header .site-menu-area .menu-info .c-area:empty,

 .section-box .box-header .r-area:empty,
 .chart-legend .r-area:empty,
 .class-viewer .viewer-header .r-area:empty,
+.sms-write-area .sms-txt-count-area .fnc .r-area:empty,
 .rubric-write-area .item .item-col .fnc .r-area:empty,
 .border-list > li .r-area:empty,
 .container .site-header .site-menu-area .menu-info .r-area:empty,

 .calendar-area .calendar-header .r-area:empty {
   display: none;
 }
-.student-mn .student-mn-today .box .box-header .r-area, .article-box .box-header .r-area, .section-box .box-header .r-area, .chart-legend .r-area, .class-viewer .viewer-header .r-area, .rubric-write-area .item .item-col .fnc .r-area, .border-list > li .r-area, .container .site-header .site-menu-area .menu-info .r-area, .container .site-header .wrap .r-area, .agree-area .agree-header .r-area, .form-list .form-tit-area .r-area, .agendar-view-area .agendar-tit-area .r-area, .form-view .form-section-header .r-area, .form-view-result .a-area .a-fnc .r-area,
+.student-mn .student-mn-today .box .box-header .c-area, .article-box .box-header .c-area, .section-box .box-header .c-area, .chart-legend .c-area, .class-viewer .viewer-header .c-area, .sms-write-area .sms-txt-count-area .fnc .c-area, .rubric-write-area .item .item-col .fnc .c-area, .border-list > li .c-area, .container .site-header .site-menu-area .menu-info .c-area, .container .site-header .wrap .c-area, .agree-area .agree-header .c-area, .form-list .form-tit-area .c-area, .agendar-view-area .agendar-tit-area .c-area, .form-view .form-section-header .c-area, .form-view-result .a-area .a-fnc .c-area,
+.form-view .a-area .a-fnc .c-area, .form-write .form-item .form-item-fnc .c-area, .form-write .form-section-footer .c-area,
+.form-view-result .form-section-footer .c-area,
+.form-view .form-section-footer .c-area, .org-cont .org-cont-header .c-area, .msg-cont-footer .write-fnc-area .c-area, .msg-nav .msg-nav-body > li .c-area, .reply-area .reply-write-area .write-fnc-area .c-area, .board-view-area .view-cont-tit-area .c-area, .board-view-area .view-cont-fnc-area .c-area, .board-view-area .view-header .c-area, .view-area .view-header .c-area, .info-block-list .info-fnc-area .c-area, .summary-box .c-area, .fnc-extend-area .extend-default-area .c-area,
+.fnc-extend-area .extend-filter-area .c-area,
+.fnc-extend-area .extend-fnc-area .c-area, .page-tit-area .c-area,
+.page-fnc-area .c-area,
+.section-tit-area .c-area,
+.tit-area .c-area,
+.tit-box-area .c-area,
+.tit-border-area .c-area,
+.fnc-area .c-area,
+.flex-area .c-area, .btn-flex-cont .c-area,
+.btn-flex-area .c-area, .btn-area .c-area, .calendar-area .calendar-header .c-area {
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.student-mn .student-mn-today .box .box-header .r-area, .article-box .box-header .r-area, .section-box .box-header .r-area, .chart-legend .r-area, .class-viewer .viewer-header .r-area, .sms-write-area .sms-txt-count-area .fnc .r-area, .rubric-write-area .item .item-col .fnc .r-area, .border-list > li .r-area, .container .site-header .site-menu-area .menu-info .r-area, .container .site-header .wrap .r-area, .agree-area .agree-header .r-area, .form-list .form-tit-area .r-area, .agendar-view-area .agendar-tit-area .r-area, .form-view .form-section-header .r-area, .form-view-result .a-area .a-fnc .r-area,
 .form-view .a-area .a-fnc .r-area, .form-write .form-item .form-item-fnc .r-area, .form-write .form-section-footer .r-area,
 .form-view-result .form-section-footer .r-area,
 .form-view .form-section-footer .r-area, .org-cont .org-cont-header .r-area, .msg-cont-footer .write-fnc-area .r-area, .msg-nav .msg-nav-body > li .r-area, .reply-area .reply-write-area .write-fnc-area .r-area, .board-view-area .view-cont-tit-area .r-area, .board-view-area .view-cont-fnc-area .r-area, .board-view-area .view-header .r-area, .view-area .view-header .r-area, .info-block-list .info-fnc-area .r-area, .summary-box .r-area, .fnc-extend-area .extend-default-area .r-area,

       -ms-flex-pack: end;
           justify-content: flex-end;
 }
-.student-mn .student-mn-today .box .center.box-header, .article-box .center.box-header, .section-box .center.box-header, .center.chart-legend, .class-viewer .center.viewer-header, .rubric-write-area .item .item-col .center.fnc, .border-list > li.center, .container .site-header .site-menu-area .center.menu-info, .container .site-header .center.wrap, .agree-area .center.agree-header, .form-list .center.form-tit-area, .agendar-view-area .center.agendar-tit-area, .form-view .center.form-section-header, .form-view-result .a-area .center.a-fnc,
+.student-mn .student-mn-today .box .center.box-header, .article-box .center.box-header, .section-box .center.box-header, .center.chart-legend, .class-viewer .center.viewer-header, .sms-write-area .sms-txt-count-area .center.fnc, .rubric-write-area .item .item-col .center.fnc, .border-list > li.center, .container .site-header .site-menu-area .center.menu-info, .container .site-header .center.wrap, .agree-area .center.agree-header, .form-list .center.form-tit-area, .agendar-view-area .center.agendar-tit-area, .form-view .center.form-section-header, .form-view-result .a-area .center.a-fnc,
 .form-view .a-area .center.a-fnc, .form-write .form-item .center.form-item-fnc, .form-write .center.form-section-footer,
 .form-view-result .center.form-section-footer,
 .form-view .center.form-section-footer, .org-cont .center.org-cont-header, .msg-cont-footer .center.write-fnc-area, .msg-nav .msg-nav-body > li.center, .reply-area .reply-write-area .center.write-fnc-area, .board-view-area .center.view-cont-tit-area, .board-view-area .center.view-cont-fnc-area, .board-view-area .center.view-header, .view-area .center.view-header, .info-block-list .center.info-fnc-area, .center.summary-box, .fnc-extend-area .center.extend-default-area,

       -ms-flex-pack: center;
           justify-content: center;
 }
-.student-mn .student-mn-today .box .vcenter.box-header, .article-box .vcenter.box-header, .section-box .vcenter.box-header, .vcenter.chart-legend, .class-viewer .vcenter.viewer-header, .rubric-write-area .item .item-col .vcenter.fnc, .border-list > li.vcenter, .container .site-header .site-menu-area .vcenter.menu-info, .container .site-header .vcenter.wrap, .agree-area .vcenter.agree-header, .form-list .vcenter.form-tit-area, .agendar-view-area .vcenter.agendar-tit-area, .form-view .vcenter.form-section-header, .form-view-result .a-area .vcenter.a-fnc,
+.student-mn .student-mn-today .box .vcenter.box-header, .article-box .vcenter.box-header, .section-box .vcenter.box-header, .vcenter.chart-legend, .class-viewer .vcenter.viewer-header, .sms-write-area .sms-txt-count-area .vcenter.fnc, .rubric-write-area .item .item-col .vcenter.fnc, .border-list > li.vcenter, .container .site-header .site-menu-area .vcenter.menu-info, .container .site-header .vcenter.wrap, .agree-area .vcenter.agree-header, .form-list .vcenter.form-tit-area, .agendar-view-area .vcenter.agendar-tit-area, .form-view .vcenter.form-section-header, .form-view-result .a-area .vcenter.a-fnc,
 .form-view .a-area .vcenter.a-fnc, .form-write .form-item .vcenter.form-item-fnc, .form-write .vcenter.form-section-footer,
 .form-view-result .vcenter.form-section-footer,
 .form-view .vcenter.form-section-footer, .org-cont .vcenter.org-cont-header, .msg-cont-footer .vcenter.write-fnc-area, .msg-nav .msg-nav-body > li.vcenter, .reply-area .reply-write-area .vcenter.write-fnc-area, .board-view-area .vcenter.view-cont-tit-area, .board-view-area .vcenter.view-cont-fnc-area, .board-view-area .vcenter.view-header, .view-area .vcenter.view-header, .info-block-list .vcenter.info-fnc-area, .vcenter.summary-box, .fnc-extend-area .vcenter.extend-default-area,

       -ms-flex-align: center;
           align-items: center;
 }
-.student-mn .student-mn-today .box .box-header .dir-col, .article-box .box-header .dir-col, .section-box .box-header .dir-col, .chart-legend .dir-col, .class-viewer .viewer-header .dir-col, .rubric-write-area .item .item-col .fnc .dir-col, .border-list > li .dir-col, .container .site-header .site-menu-area .menu-info .dir-col, .container .site-header .wrap .dir-col, .agree-area .agree-header .dir-col, .form-list .form-tit-area .dir-col, .agendar-view-area .agendar-tit-area .dir-col, .form-view .form-section-header .dir-col, .form-view-result .a-area .a-fnc .dir-col,
+.student-mn .student-mn-today .box .box-header .dir-col, .article-box .box-header .dir-col, .section-box .box-header .dir-col, .chart-legend .dir-col, .class-viewer .viewer-header .dir-col, .sms-write-area .sms-txt-count-area .fnc .dir-col, .rubric-write-area .item .item-col .fnc .dir-col, .border-list > li .dir-col, .container .site-header .site-menu-area .menu-info .dir-col, .container .site-header .wrap .dir-col, .agree-area .agree-header .dir-col, .form-list .form-tit-area .dir-col, .agendar-view-area .agendar-tit-area .dir-col, .form-view .form-section-header .dir-col, .form-view-result .a-area .a-fnc .dir-col,
 .form-view .a-area .a-fnc .dir-col, .form-write .form-item .form-item-fnc .dir-col, .form-write .form-section-footer .dir-col,
 .form-view-result .form-section-footer .dir-col,
 .form-view .form-section-footer .dir-col, .org-cont .org-cont-header .dir-col, .msg-cont-footer .write-fnc-area .dir-col, .msg-nav .msg-nav-body > li .dir-col, .reply-area .reply-write-area .write-fnc-area .dir-col, .board-view-area .view-cont-tit-area .dir-col, .board-view-area .view-cont-fnc-area .dir-col, .board-view-area .view-header .dir-col, .view-area .view-header .dir-col, .info-block-list .info-fnc-area .dir-col, .summary-box .dir-col, .fnc-extend-area .extend-default-area .dir-col,

   border-radius: 1.2rem;
   border: 0.1rem solid var(--color-stroke-default-tertiary);
   background: var(--color-background-default-primary);
-  max-width: 48rem;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   word-break: break-all;
   padding: 1.2rem 1.6rem;
+  max-width: 32rem;
+}
+.msg-cont-body .item .txt-guide {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 1.6rem;
+  width: 100%;
+  max-width: 32rem;
+}
+.msg-cont-body .item .txt-guide .guide-tit-area {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.msg-cont-body .item .txt-guide .txt {
+  width: 100%;
+}
+.msg-cont-body .item .txt-guide .txt .btn-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  margin-top: 1.6rem;
 }
 .msg-cont-body .item.my {
   -webkit-box-align: end;

   border: none;
   background-color: var(--color-primary10);
 }
+.msg-cont-body .msg-time {
+  text-align: center;
+  font-size: var(--font-label-sm);
+  font-weight: var(--size-font-weight-md);
+  line-height: var(--size-font-lineheight-xsm);
+  color: var(--color-font-default-tertiary);
+}
+.msg-cont-body .msg-fnc {
+  position: fixed;
+  bottom: 11.2rem;
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  gap: 0.8rem;
+}
 
 .msg-cont-footer {
   padding: 2.4rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  gap: 1.6rem;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 0.8rem;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;

 .msg-cont-footer .write:has(input[type=text]) {
   padding-top: 0;
   padding-bottom: 0;
+  border-radius: 3rem;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
+  border: none;
+  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
+          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
 }
 .msg-cont-footer .write:has(input[type=text]) input[type=text] {
   -webkit-box-flex: 1;

   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  background-color: var(--color-background-default-primary);
+  background: var(--color-background-default-secondary);
   padding: 0;
   -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
           box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
   border-radius: 2.4rem;
   overflow: hidden;
-  width: 36rem;
+  width: 44rem;
   height: 64rem;
   max-height: calc(100vh - 8rem);
-  border: 0.2rem solid var(--color-stroke-default-primary);
+  border: 0.1rem solid var(--color-stroke-default-primary);
 }
 .pupup-chatbot .pop-header {
   padding: 1.6rem 2.4rem;
-  background: var(--color-background-default-primary-inverse);
 }
 .pupup-chatbot .pop-header h1 {
   font-size: var(--font-tit-md);
   font-weight: var(--size-font-weight-xlg);
   line-height: var(--size-font-lineheight-sm);
-  color: var(--color-font-default-primary-inverse);
 }
 .pupup-chatbot .msg-cont-body {
-  background: var(--color-background-default-secondary);
   padding: 2.4rem;
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;

   overflow-y: auto;
 }
 .pupup-chatbot .pop-footer {
-  padding: 1.2rem 2.4rem;
-  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
-          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
+  padding: 0 2.4rem 4rem;
 }
 .pupup-chatbot .pop-close {
-  top: 0.8rem;
-  right: 0.8rem;
-}
-.pupup-chatbot .pop-close::before {
-  background: var(--color-icon-default-primary-inverse);
+  top: 1.2rem;
+  right: 1.6rem;
 }
 
 .site-float-area .float-chatbot.is-active .pupup-chatbot {

 }
 .site-float-area [class^=btn-float] {
   display: block;
-  width: 5.6rem;
+  width: 8rem;
   aspect-ratio: 1;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center center;
   font-size: 0;
+  border-radius: 100%;
+  border: 0.1rem solid var(--color-stroke-default-tertiary);
+  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
+          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
+  background-color: var(--color-background-default-primary);
 }
 .site-float-area .btn-float-top {
   background-image: url("../images/common/btn-float/btn-float-top.svg");
 }
 .site-float-area .btn-float-chatbot {
   background-image: url("../images/common/btn-float/btn-float-chatbot.svg");
-}
-.site-float-area .btn-float-control {
-  background-image: url("../images/common/btn-float/btn-float-control.svg");
+  border: 0.2rem solid var(--color-stroke-brand-primary);
 }
 
 /* lnb */

 }
 
 .rubric-write-area {
-  width: 100%;
   overflow-x: auto;
 }
 .rubric-write-area .cont {
-  width: 108rem;
+  min-width: 108rem;
 }
 .rubric-write-area .item {
   display: grid;

 }
 .rubric-write-area .item .item-fnc > .t-area,
 .rubric-write-area .item .item-fnc > .b-area {
+  padding: 1.2rem 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;

   width: 100%;
   min-width: 0;
 }
+.rubric-write-area .item ~ .item {
+  margin-top: -0.1rem;
+}
 .rubric-write-area .item-total-area {
   display: grid;
   grid-template-columns: 22rem 1fr;

           flex: 1;
 }
 
+.sms-write-area {
+  display: grid;
+  grid-template-columns: 1fr 40rem;
+  gap: var(--size-gutter-lg);
+}
+.sms-write-area .user-box {
+  display: grid;
+  gap: 1.6rem;
+  padding: 2.4rem;
+  border-radius: 2.4rem;
+  background: var(--color-background-default-tertiary);
+  max-height: 80rem;
+  overflow-y: auto;
+}
+.sms-write-area .user-box section {
+  border-radius: inherit;
+  overflow: hidden;
+  background: var(--color-background-default-primary);
+  border: 0.1rem solid var(--color-stroke-default-quaternary);
+}
+.sms-write-area .user-box section header {
+  padding: 1.6rem 2.4rem;
+  background-color: var(--color-background-default-secondary);
+}
+.sms-write-area .user-box section .box-body {
+  padding: 0 2.4rem;
+}
+.sms-write-area .sms-box {
+  position: relative;
+  display: grid;
+  padding: 8rem 4rem 4rem;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  gap: 2.4rem;
+  border-radius: 4rem;
+  border: 1.6rem solid #F7F7F8;
+  background: var(--color-background-default-primary);
+  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1);
+          box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1);
+}
+.sms-write-area .sms-box::before {
+  content: "";
+  position: absolute;
+  width: 8rem;
+  height: 1.6rem;
+  left: 16rem;
+  top: 4rem;
+  border-radius: 0.8rem;
+  background: #F7F7F8;
+}
+.sms-write-area .sms-txt-count-area {
+  width: 100%;
+}
+.sms-write-area .sms-txt-count-area textarea {
+  border: none;
+  border-radius: 0;
+  width: 100%;
+  height: 40rem;
+}
+.sms-write-area .sms-txt-count-area .txt-count {
+  font-size: var(--font-label-md);
+  font-weight: var(--size-font-weight-md);
+  line-height: var(--size-font-lineheight-xsm);
+  color: var(--color-font-default-tertiary);
+}
+.sms-write-area .sms-txt-count-area .txt-count strong {
+  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-lg);
+  color: var(--color-font-default-primary);
+}
 @media (max-width: 767px) {
   .reference-list {
     grid-template-columns: initial;

8c1cf64

b07fbc2

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.

8c1cf64

b07fbc2

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.

8c1cf64

b07fbc2

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.

8c1cf64

b07fbc2

resources/front/site/SITE_00000/images/common/btn-float/btn-float-chatbot.svg

--- resources/front/site/SITE_00000/images/common/btn-float/btn-float-chatbot.svg

+++ resources/front/site/SITE_00000/images/common/btn-float/btn-float-chatbot.svg

...	...	@@ -1,81 +1,17 @@
1		-<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
2		-<path d="M0 28C0 12.536 12.536 0 28 0V0C43.464 0 56 12.536 56 28V28C56 43.464 43.464 56 28 56V56C12.536 56 0 43.464 0 28V28Z" fill="url(#paint0_linear_2694_49503)"/>
3		-<g clip-path="url(#clip0_2694_49503)">
4		-<path d="M44.1417 29.6731C44.1417 36.8614 38.3142 42.6889 31.1259 42.6889H24.8718C17.6844 42.6889 11.856 36.8614 11.856 29.6731C11.856 22.4839 17.6835 16.6573 24.8718 16.6573H31.1259C38.3142 16.6573 44.1417 22.4839 44.1417 29.6731Z" fill="url(#paint1_radial_2694_49503)"/>
5		-<path d="M20.4196 22.6846H35.5774C37.9678 22.6846 39.9091 24.6259 39.9091 27.0163V32.3317C39.9091 34.7221 37.9687 36.6625 35.5783 36.6625H20.4187C18.0283 36.6625 16.0879 34.7221 16.0879 32.3317V27.0163C16.0879 24.6259 18.0292 22.6846 20.4196 22.6846Z" fill="url(#paint2_radial_2694_49503)"/>
6		-<path opacity="0.2" d="M39.91 27.0145C39.91 24.6232 37.9705 22.6837 35.5783 22.6837H20.4196C18.0274 22.6837 16.0879 24.6223 16.0879 27.0145V28.7209C31.8019 25.5871 39.9091 28.7209 39.9091 28.7209V27.0145H39.91Z" fill="white"/>
7		-<path d="M24.6172 29.305C24.6172 30.2518 23.8495 31.0186 22.9036 31.0186C21.9577 31.0186 21.1909 30.2518 21.1909 29.305C21.1909 28.3582 21.9577 27.5923 22.9036 27.5923C23.8495 27.5923 24.6172 28.3591 24.6172 29.305Z" fill="url(#paint3_linear_2694_49503)"/>
8		-<path d="M35.2993 29.305C35.2993 30.2518 34.5325 31.0186 33.5857 31.0186C32.6389 31.0186 31.8721 30.2518 31.8721 29.305C31.8721 28.3582 32.6389 27.5923 33.5857 27.5923C34.5325 27.5923 35.2993 28.3591 35.2993 29.305Z" fill="url(#paint4_linear_2694_49503)"/>
9		-<path style="mix-blend-mode:screen" d="M17.1243 20.3806L17.2935 21.6649C17.2935 21.6649 16.0875 22.0411 15.2847 22.9492C15.2847 22.9492 15.1614 21.4138 17.1243 20.3806Z" fill="url(#paint5_linear_2694_49503)"/>
10		-<path style="mix-blend-mode:screen" d="M21.1908 18.7597C21.1908 18.7597 22.4706 17.884 24.447 18.0802H31.2141C31.2141 18.0802 33.3129 18.343 33.7728 19.1305L21.1899 18.7588L21.1908 18.7597Z" fill="url(#paint6_linear_2694_49503)"/>
11		-<path d="M29.0406 14.4073H28.1406V16.6573H29.0406V14.4073Z" fill="url(#paint7_linear_2694_49503)"/>
12		-<path d="M30.1798 13.1005C30.1798 13.978 29.4688 14.6899 28.5913 14.6899C27.7138 14.6899 27.001 13.9789 27.001 13.1005C27.001 12.2221 27.7129 11.5111 28.5913 11.5111C29.4697 11.5111 30.1798 12.2212 30.1798 13.1005Z" fill="url(#paint8_radial_2694_49503)"/>
13		-<path d="M12.7316 24.0796H11.4383C11.4383 24.0796 9.78774 25.8058 10.0235 29.44C10.0235 29.44 9.93984 32.698 11.3663 34.3279H12.6695L12.7316 24.0805V24.0796Z" fill="url(#paint9_linear_2694_49503)"/>
14		-<path d="M13.1437 24.0796H12.2437V34.327H13.1437V24.0796Z" fill="url(#paint10_linear_2694_49503)"/>
15		-<path d="M43.2686 24.0796H44.5637C44.5637 24.0796 46.2125 25.8058 45.9776 29.44C45.9776 29.44 46.0613 32.698 44.6348 34.3279H43.3316L43.2695 24.0805L43.2686 24.0796Z" fill="url(#paint11_linear_2694_49503)"/>
16		-<path d="M43.7555 24.0796H42.8555V34.327H43.7555V24.0796Z" fill="url(#paint12_linear_2694_49503)"/>
	1	+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
	2	+<path d="M53.9873 31.1289H39.3454C36.0245 31.1289 33.3328 33.8206 33.3328 37.1415V43.0333C33.3328 46.3542 36.0245 49.0459 39.3454 49.0459H54.4215L57.7566 54.6627C58.4691 55.6277 59.9999 55.1236 59.9999 53.9244V37.1415C59.9999 33.8206 57.3082 31.1289 53.9873 31.1289Z" fill="#4AD8D8"/>
	3	+<path d="M46.6655 31.0126V36.9044C46.6655 40.2236 43.9746 42.917 40.6529 42.917H25.5776L22.2434 48.533C21.53 49.498 20 48.9955 20 47.7946V31.0126C20 27.6909 22.6909 25 26.0126 25H40.6537C43.9755 25 46.6655 27.6909 46.6655 31.0126Z" fill="#0F78EF"/>
	4	+<g filter="url(#filter0_f_8866_2889)">
	5	+<path d="M46.6655 32.5073V36.7507C46.6655 40.07 43.9746 42.7634 40.6529 42.7634H33.3311V38.5199C33.3311 35.1982 36.0244 32.5073 39.3462 32.5073H46.6655Z" fill="#0058AF"/>
17	6	</g>
	7	+<path d="M39.9997 36.4184C40.9202 36.4184 41.6664 35.6722 41.6664 34.7517C41.6664 33.8312 40.9202 33.085 39.9997 33.085C39.0792 33.085 38.333 33.8312 38.333 34.7517C38.333 35.6722 39.0792 36.4184 39.9997 36.4184Z" fill="white"/>
	8	+<path d="M33.3327 36.4184C34.2532 36.4184 34.9994 35.6722 34.9994 34.7517C34.9994 33.8312 34.2532 33.085 33.3327 33.085C32.4122 33.085 31.666 33.8312 31.666 34.7517C31.666 35.6722 32.4122 36.4184 33.3327 36.4184Z" fill="white"/>
	9	+<path d="M26.666 36.4184C27.5865 36.4184 28.3327 35.6722 28.3327 34.7517C28.3327 33.8312 27.5865 33.085 26.666 33.085C25.7455 33.085 24.9993 33.8312 24.9993 34.7517C24.9993 35.6722 25.7455 36.4184 26.666 36.4184Z" fill="white"/>
18	10	<defs>
19		-<linearGradient id="paint0_linear_2694_49503" x1="0" y1="0" x2="56" y2="56" gradientUnits="userSpaceOnUse">
20		-<stop stop-color="#1E90FF"/>
21		-<stop offset="1" stop-color="#002E62"/>
22		-</linearGradient>
23		-<radialGradient id="paint1_radial_2694_49503" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27.9984 29.6731) scale(14.6628)">
24		-<stop stop-color="#FBFBFF"/>
25		-<stop offset="0.551" stop-color="#F7F4FF"/>
26		-<stop offset="1" stop-color="#E3E3F5"/>
27		-</radialGradient>
28		-<radialGradient id="paint2_radial_2694_49503" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27.9985 29.6686) scale(9.765 9.07169)">
29		-<stop stop-color="#504C58"/>
30		-<stop offset="0.551" stop-color="#1F1E22"/>
31		-<stop offset="1"/>
32		-</radialGradient>
33		-<linearGradient id="paint3_linear_2694_49503" x1="21.6922" y1="28.0945" x2="24.115" y2="30.5173" gradientUnits="userSpaceOnUse">
34		-<stop stop-color="#00E5FF"/>
35		-<stop offset="1" stop-color="#0079E8"/>
36		-</linearGradient>
37		-<linearGradient id="paint4_linear_2694_49503" x1="31.8721" y1="29.3059" x2="35.2993" y2="29.3059" gradientUnits="userSpaceOnUse">
38		-<stop stop-color="#00E5FF"/>
39		-<stop offset="1" stop-color="#0079E8"/>
40		-</linearGradient>
41		-<linearGradient id="paint5_linear_2694_49503" x1="15.2838" y1="21.6649" x2="18.0522" y2="21.6649" gradientUnits="userSpaceOnUse">
42		-<stop stop-color="white"/>
43		-<stop offset="1"/>
44		-</linearGradient>
45		-<linearGradient id="paint6_linear_2694_49503" x1="21.1908" y1="18.5914" x2="38.5185" y2="18.5914" gradientUnits="userSpaceOnUse">
46		-<stop stop-color="white"/>
47		-<stop offset="1"/>
48		-</linearGradient>
49		-<linearGradient id="paint7_linear_2694_49503" x1="28.1406" y1="15.5323" x2="29.0406" y2="15.5323" gradientUnits="userSpaceOnUse">
50		-<stop stop-color="#FBFBFF"/>
51		-<stop offset="0.551" stop-color="#F7F4FF"/>
52		-<stop offset="1" stop-color="#E3E3F5"/>
53		-</linearGradient>
54		-<radialGradient id="paint8_radial_2694_49503" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.5904 13.1005) scale(1.5894)">
55		-<stop stop-color="#FBFBFF"/>
56		-<stop offset="0.551" stop-color="#F7F4FF"/>
57		-<stop offset="1" stop-color="#E3E3F5"/>
58		-</radialGradient>
59		-<linearGradient id="paint9_linear_2694_49503" x1="11.3654" y1="24.3019" x2="11.3654" y2="33.9355" gradientUnits="userSpaceOnUse">
60		-<stop stop-color="#FBFBFF"/>
61		-<stop offset="0.515" stop-color="#ECE4EF"/>
62		-<stop offset="1" stop-color="#CFCFE1"/>
63		-</linearGradient>
64		-<linearGradient id="paint10_linear_2694_49503" x1="12.6937" y1="34.327" x2="12.6937" y2="24.0796" gradientUnits="userSpaceOnUse">
65		-<stop stop-color="#0079E8"/>
66		-<stop offset="1" stop-color="#00E5FF"/>
67		-</linearGradient>
68		-<linearGradient id="paint11_linear_2694_49503" x1="44.6339" y1="9.99999" x2="44.6339" y2="33.9355" gradientUnits="userSpaceOnUse">
69		-<stop stop-color="#FBFBFF"/>
70		-<stop offset="0.515" stop-color="#ECE4EF"/>
71		-<stop offset="1" stop-color="#CFCFE1"/>
72		-</linearGradient>
73		-<linearGradient id="paint12_linear_2694_49503" x1="43.3055" y1="9.99999" x2="43.3055" y2="9.99999" gradientUnits="userSpaceOnUse">
74		-<stop stop-color="#0079E8"/>
75		-<stop offset="1" stop-color="#00E5FF"/>
76		-</linearGradient>
77		-<clipPath id="clip0_2694_49503">
78		-<rect width="36" height="36" fill="white" transform="translate(10 10)"/>
79		-</clipPath>
	11	+<filter id="filter0_f_8866_2889" x="29.3311" y="28.5073" width="21.3345" height="18.2559" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
	12	+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
	13	+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
	14	+<feGaussianBlur stdDeviation="0" result="effect1_foregroundBlur_8866_2889"/>
	15	+</filter>
80	16	</defs>
81	17	</svg>

8c1cf64

b07fbc2

resources/front/site/SITE_00000/images/common/btn-float/btn-float-top.svg

--- resources/front/site/SITE_00000/images/common/btn-float/btn-float-top.svg

+++ resources/front/site/SITE_00000/images/common/btn-float/btn-float-top.svg

...	...	@@ -1,11 +1,3 @@
1		-<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
2		-<path d="M0 28C0 12.536 12.536 0 28 0V0C43.464 0 56 12.536 56 28V28C56 43.464 43.464 56 28 56V56C12.536 56 0 43.464 0 28V28Z" fill="#333333"/>
3		-<g clip-path="url(#clip0_2694_49521)">
4		-<path d="M29 36.9999V22.4189L34.582 28.0189L36 26.6049L28.708 19.2919C28.517 19.1105 28.2635 19.0093 28 19.0093C27.7365 19.0093 27.483 19.1105 27.292 19.2919L20 26.6049L21.416 28.0169L27 22.4139V36.9999H29Z" fill="white"/>
5		-</g>
6		-<defs>
7		-<clipPath id="clip0_2694_49521">
8		-<rect width="24" height="24" fill="white" transform="translate(16 16)"/>
9		-</clipPath>
10		-</defs>
	1	+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
	2	+<path d="M41.3333 51.9998V32.5584L48.7759 40.0251L50.6666 38.1398L40.9439 28.3891C40.6892 28.1471 40.3513 28.0122 39.9999 28.0122C39.6486 28.0122 39.3107 28.1471 39.0559 28.3891L29.3333 38.1398L31.2213 40.0224L38.6666 32.5518V51.9998H41.3333Z" fill="#58616A"/>
11	3	</svg>

b07fbc2

resources/front/site/SITE_00000/images/print/bg-certificate-symbol.jpg (Binary) (added)

+++ resources/front/site/SITE_00000/images/print/bg-certificate-symbol.jpg

Binary file is not shown

b07fbc2

resources/front/site/SITE_00000/images/print/bg-certificate.jpg (Binary) (added)

...	...	@@ -2832,11 +2832,10 @@
2832	2832
2833	2833	// 루브릭
2834	2834	.rubric-write-area {
2835		- width: 100%;
2836		- .cont {
2837		- width: 108rem;
2838		- }
2839	2835	overflow-x: auto;
	2836	+ .cont {
	2837	+ min-width: 108rem;
	2838	+ }
2840	2839	.item {
2841	2840	display: grid;
2842	2841	grid-template-columns: 6rem 1fr 10.8rem;
...	...	@@ -2847,6 +2846,7 @@
2847	2846	justify-content: space-between;
2848	2847	>.t-area,
2849	2848	>.b-area {
	2849	+ padding: $spacing-sm 0;
2850	2850	display: flex;
2851	2851	flex-direction: column;
2852	2852	gap:$spacing-2xsm;
...	...	@@ -2898,6 +2898,9 @@
2898	2898	min-width: 0;
2899	2899	}
2900	2900	}
	2901	+ &~ .item {
	2902	+ margin-top:-.1rem;
	2903	+ }
2901	2904	}
2902	2905	.item-total-area {
2903	2906	display: grid;
...	...	@@ -2933,6 +2936,77 @@
2933	2936	}
2934	2937	}
2935	2938
	2939	+//sms
	2940	+.sms-write-area {
	2941	+ display: grid;
	2942	+ grid-template-columns: 1fr 40rem;
	2943	+ gap:$size-gutter-lg;
	2944	+ .user-box {
	2945	+ display: grid;
	2946	+ gap:$spacing-md;
	2947	+ padding:$spacing-lg;
	2948	+ border-radius: $radius-md;
	2949	+ background: $color-background-default-tertiary;
	2950	+ max-height: 80rem;
	2951	+ overflow-y: auto;
	2952	+ section {
	2953	+ border-radius: inherit;
	2954	+ overflow: hidden;
	2955	+ background: $color-background-default-primary;
	2956	+ border:$stroke-tertiary;
	2957	+ header {
	2958	+ padding: $spacing-md $spacing-lg;
	2959	+ background-color:$color-background-default-secondary;
	2960	+ }
	2961	+ .box-body {
	2962	+ padding:0 $spacing-lg;
	2963	+ }
	2964	+ }
	2965	+ }
	2966	+ .sms-box {
	2967	+ position: relative;
	2968	+ display: grid;
	2969	+ padding: $spacing-3xlg $spacing-2xlg $spacing-2xlg;
	2970	+ flex-direction: column;
	2971	+ align-items: flex-start;
	2972	+ gap: $spacing-lg;
	2973	+ border-radius: $radius-xlg;
	2974	+ border: 1.6rem solid $color-gray5;
	2975	+ background: $color-background-default-primary;
	2976	+ box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.10);
	2977	+ &::before {
	2978	+ content: "";
	2979	+ position: absolute;
	2980	+ width: 8rem;
	2981	+ height: 1.6rem;
	2982	+ left: 16rem;
	2983	+ top: 4rem;
	2984	+ border-radius: .8rem;
	2985	+ background: $color-gray5;
	2986	+ }
	2987	+ }
	2988	+ .sms-txt-count-area {
	2989	+ width: 100%;
	2990	+ textarea{
	2991	+ border:none;
	2992	+ border-radius: 0;
	2993	+ width: 100%;
	2994	+ height: 40rem;
	2995	+ }
	2996	+ .txt-count {
	2997	+ @include typo('label-md');
	2998	+ color: $color-font-default-tertiary;
	2999	+ strong {
	3000	+ @include typo('label-md', 'strong');
	3001	+ color: $color-font-default-primary;
	3002	+ }
	3003	+ }
	3004	+ .fnc {
	3005	+ @extend %flexArea;
	3006	+ }
	3007	+ }
	3008	+}
	3009	+
2936	3010	@include responsive(mobile) {
2937	3011	.reference-list {
2938	3012	grid-template-columns: initial;

...	...	@@ -88,12 +88,14 @@
88	88	padding:$spacing-md;
89	89	transition: transform 0.3s ease, opacity 0.3s ease;
90	90	margin-top: $spacing-sm;
	91	+ background: $color-background-default-secondary;
91	92	}
92	93	}
93	94	> li {
94	95	border:$stroke-secondary;
95	96	padding: $spacing-md $spacing-lg;
96	97	border-radius: $radius-sm;
	98	+ background-color: $color-background-default-primary;
97	99	&:has(.etc-fnc-area.is-active) {
98	100	position:relative;
99	101	z-index: 2;

...	...	@@ -548,6 +548,9 @@
548	548	display: none;
549	549	}
550	550	}
	551	+ .c-area {
	552	+ justify-content: center;
	553	+ }
551	554	.r-area {
552	555	justify-content: flex-end;
553	556	}

...	...	@@ -764,22 +764,29 @@
764	764	z-index: 99;
765	765	[class^=btn-float] {
766	766	display: block;
767		- width: 5.6rem;
	767	+ width: 8rem;
768	768	aspect-ratio: 1;
769	769	background-size: contain;
770	770	background-repeat: no-repeat;
771	771	background-position: center center;
772	772	font-size:0;
	773	+ border-radius: $radius-full;
	774	+ border:$stroke-secondary;
	775	+ box-shadow: $shadow-sm;
	776	+ background-color: $color-background-default-primary;
773	777	}
774	778	.btn-float {
775	779	@each $type, $file in (
776	780	top : "top",
777		- chatbot: "chatbot", //챗봇
778		- control: "control", //제어수업
	781	+ chatbot: "chatbot"
779	782	){
780	783	&-#{$type} {
781	784	background-image: url($url-img + 'common/btn-float/btn-float-#{$file}.svg');
	785	+ @if $type == chatbot {
	786	+ border: $size-stroke-sm solid $color-stroke-brand-primary;
	787	+ }
782	788	}
	789	+
783	790	}
784	791	}
785	792	}

...	...	@@ -106,8 +106,7 @@
106	106	margin-bottom: $spacing-2xsm;
107	107	text-align: left;
108	108	position: relative;
109		- white-space: wrap;
110		-
	109	+ white-space: wrap;
111	110	}
112	111	}
113	112	.msg-cont-body {
...	...	@@ -130,10 +129,30 @@
130	129	border-radius:$radius-sm;
131	130	border: $size-stroke-xsm solid $color-stroke-default-tertiary;
132	131	background:$color-background-default-primary;
133		- max-width: 48rem;
134	132	width: fit-content;
135	133	word-break: break-all;
136	134	padding:$spacing-sm $spacing-md;
	135	+ max-width: 32rem;
	136	+ }
	137	+ .txt-guide{
	138	+ display: flex;
	139	+ flex-direction: column;
	140	+ gap:$spacing-md;
	141	+ width: 100%;
	142	+ max-width: 32rem;
	143	+ .guide-tit-area {
	144	+ width: 100%;
	145	+ display: flex;
	146	+ justify-content: center;;
	147	+ }
	148	+ .txt {
	149	+ width: 100%;
	150	+ .btn-group {
	151	+ display: flex;
	152	+ width: 100%;
	153	+ margin-top:$spacing-md;
	154	+ }
	155	+ }
137	156	}
138	157	&.my {
139	158	align-items: flex-end;
...	...	@@ -143,12 +162,26 @@
143	162	}
144	163	}
145	164	}
	165	+ .msg-time {
	166	+ text-align: center;
	167	+ @include typo("label-sm");
	168	+ color: $color-font-default-tertiary;
	169	+ }
	170	+ .msg-fnc {
	171	+ position: fixed;
	172	+ bottom:11.2rem;
	173	+ width: 100%;
	174	+ display: flex;
	175	+ justify-content: center;
	176	+ gap:$spacing-xsm;
	177	+ }
146	178	}
147	179	.msg-cont-footer {
148	180	padding: $spacing-lg;
149	181	display: flex;
150		- flex-direction: column;
151		- gap: $spacing-md;
	182	+ align-items: center;
	183	+ // flex-direction: column;
	184	+ gap: $spacing-xsm;
152	185	align-items: flex-start;
153	186	.write {
154	187	display: flex;
...	...	@@ -175,7 +208,10 @@
175	208	&:has(input[type=text]) {
176	209	padding-top:0;
177	210	padding-bottom:0;
	211	+ border-radius: 3rem;
178	212	flex-direction: row;
	213	+ border:none;
	214	+ box-shadow: $shadow-md;
179	215	input[type=text] {
180	216	flex:1;
181	217	}
...	...	@@ -225,39 +261,35 @@
225	261	display: none;
226	262	position: absolute;
227	263	flex-direction: column;
228		- background-color: $color-background-default-primary;
	264	+ background: $color-background-default-secondary;
229	265	padding:0;
230	266	box-shadow: $shadow-md;
231	267	border-radius: $radius-md;
232	268	overflow: hidden;
233		- width: 36rem;
	269	+ width: 44rem;
234	270	height: 64rem;
235	271	max-height: calc(100vh - 8rem);
236		- border: $size-stroke-sm solid $color-stroke-default-primary;
	272	+ border: $size-stroke-xsm solid $color-stroke-default-primary;
237	273	.pop-header {
238	274	padding:$spacing-md $spacing-lg;
239		- background: $color-background-default-primary-inverse;
240	275	h1 {
241	276	@include typo('tit-md');
242		- color: $color-font-default-primary-inverse;
243	277	}
244	278	}
245	279	.msg-cont-body {
246		- background: $color-background-default-secondary;
247	280	padding:$spacing-lg;
248	281	flex-grow: 1;
249	282	overflow-y: auto;
250	283	}
251	284	.pop-footer {
252		- padding:$spacing-sm $spacing-lg;
253		- box-shadow: $shadow-md;
	285	+ padding:0 $spacing-lg $spacing-2xlg;
254	286	}
255	287	.pop-close {
256		- top: $spacing-xsm;
257		- right:$spacing-xsm;
258		- &::before {
259		- background:$color-icon-default-primary-inverse;
260		- }
	288	+ top: $spacing-sm;
	289	+ right:$spacing-md;
	290	+ // &::before {
	291	+ // background:$color-icon-default-primary-inverse;
	292	+ // }
261	293	}
262	294	}
263	295	.site-float-area {

...	...	@@ -6,34 +6,25 @@
6	6	*/
7	7	/* reference size */
8	8	@font-face {
9		- font-family: "Pretendard";
	9	+ font-family: "KakaoBigSans";
10	10	font-style: normal;
11		- font-weight: 300;
12		- src: url("../font/Pretendard-Light.woff2") format("woff2"), url("../font/Pretendard-Light.woff") format("woff");
	11	+ font-display: swap;
	12	+ font-weight: 800;
	13	+ src: local("KakaoBigSans ExtraBold"), url("../common/font/KakaoBigSans-ExtraBold.woff2") format("woff2");
13	14	}
14	15	@font-face {
15		- font-family: "Pretendard";
	16	+ font-family: "KakaoBigSans";
16	17	font-style: normal;
17		- font-weight: 400;
18		- src: url("../font/Pretendard-Regular.woff2") format("woff2"), url("../font/Pretendard-Regular.woff") format("woff");
19		-}
20		-@font-face {
21		- font-family: "Pretendard";
22		- font-style: normal;
23		- font-weight: 500;
24		- src: url("../font/Pretendard-Medium.woff2") format("woff2"), url("../font/Pretendard-Medium.woff") format("woff");
25		-}
26		-@font-face {
27		- font-family: "Pretendard";
28		- font-style: normal;
	18	+ font-display: swap;
29	19	font-weight: 700;
30		- src: url("../font/Pretendard-Bold.woff2") format("woff2"), url("../font/Pretendard-Bold.woff") format("woff");
	20	+ src: local("KakaoBigSans Bold"), url("../common/font/KakaoBigSans-Bold.woff2") format("woff2");
31	21	}
32	22	@font-face {
33		- font-family: "Pretendard";
	23	+ font-family: "KakaoBigSans";
34	24	font-style: normal;
35		- font-weight: 900;
36		- src: url("../font/Pretendard-Black.woff2") format("woff2"), url("../font/Pretendard-Black.woff") format("woff");
	25	+ font-display: swap;
	26	+ font-weight: 400;
	27	+ src: local("KakaoBigSans Regular"), url("../common/font/KakaoBigSans-Regular.woff2") format("woff2");
37	28	}
38	29	html, body {
39	30	height: 100%;
...	...	@@ -48,7 +39,7 @@
48	39
49	40	body {
50	41	line-height: 1.5;
51		- font-family: "Pretendard", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	42	+ font-family: "KakaoBigSans", KakaoBigSans, "Pretendard", Pretendard, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
52	43	background-color: transparent;
53	44	color: #111;
54	45	font-weight: 400;
...	...	@@ -101,7 +92,7 @@
101	92	}
102	93
103	94	h1, h2, h3, h4, h5, h6 {
104		- font-weight: 500;
	95	+ font-weight: 700;
105	96	line-height: 1em;
106	97	}
107	98
...	...	@@ -196,7 +187,7 @@
196	187	vertical-align: top;
197	188	padding: 0 15px;
198	189	height: 36px;
199		- border: 1px solid #C1BFC8;
	190	+ border: 1px solid #B1B8BE;
200	191	width: 260px;
201	192	-webkit-box-sizing: border-box;
202	193	box-sizing: border-box;
...	...	@@ -220,12 +211,12 @@
220	211	}
221	212
222	213	textarea {
223		- border: 1px solid #C1BFC8;
	214	+ border: 1px solid #B1B8BE;
224	215	}
225	216
226	217	input:hover,
227	218	textarea:hover {
228		- border: 1px solid #C1BFC8;
	219	+ border: 1px solid #B1B8BE;
229	220	}
230	221
231	222	input[type=file]:hover {
...	...	@@ -234,7 +225,7 @@
234	225
235	226	input:focus,
236	227	textarea:focus {
237		- border: 1px solid #C1BFC8;
	228	+ border: 1px solid #B1B8BE;
238	229	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
239	230	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
240	231	}
...	...	@@ -267,7 +258,7 @@
267	258	input[readonly]:not(.datepicker), input[readonly]:not(.datepicker):hover, input[readonly]:not(.datepicker):focus,
268	259	input[disabled]:not(.datepicker), input[disabled]:not(.datepicker):hover, input[disabled]:not(.datepicker):focus {
269	260	background: #f9f9f9;
270		- border: 1px solid #C1BFC8;
	261	+ border: 1px solid #B1B8BE;
271	262	font-weight: 300;
272	263	-webkit-box-shadow: none;
273	264	box-shadow: none;
...	...	@@ -342,6 +333,13 @@
342	333	clip-path: polygon(0 0, 0 0, 0 0);
343	334	}
344	335
	336	+.dir-col {
	337	+ -webkit-box-orient: vertical !important;
	338	+ -webkit-box-direction: normal !important;
	339	+ -ms-flex-direction: column !important;
	340	+ flex-direction: column !important;
	341	+}
	342	+
345	343	.print-tit-area, .print-page-tit-area {
346	344	display: -webkit-box;
347	345	display: -ms-flexbox;
...	...	@@ -395,6 +393,16 @@
395	393	.print-page-tit-area .r-area .checkradio {
396	394	margin-right: 0;
397	395	}
	396	+.print-tit-area .c-area, .print-page-tit-area .c-area {
	397	+ -webkit-box-pack: center;
	398	+ -ms-flex-pack: center;
	399	+ justify-content: center;
	400	+}
	401	+.print-tit-area .c-area.dir-col, .print-page-tit-area .c-area.dir-col {
	402	+ -webkit-box-align: center;
	403	+ -ms-flex-align: center;
	404	+ align-items: center;
	405	+}
398	406	.print-tit-area .r-area, .print-page-tit-area .r-area {
399	407	-webkit-box-pack: end;
400	408	-ms-flex-pack: end;
...	...	@@ -417,7 +425,7 @@
417	425	}
418	426
419	427	.print-page {
420		- font-size: 9pt;
	428	+ font-size: 1.4rem;
421	429	width: 210mm;
422	430	width: 100%;
423	431	-webkit-box-sizing: border-box;
...	...	@@ -438,7 +446,7 @@
438	446	}
439	447
440	448	.print-page-tit-area {
441		- margin-bottom: 1.6rem;
	449	+ margin-bottom: 2.4rem;
442	450	}
443	451
444	452	.print-tit-area {
...	...	@@ -461,7 +469,7 @@
461	469	}
462	470
463	471	.print-border-box {
464		- border: 1px solid #DDDAE3;
	472	+ border: 1px solid #CDD1D5;
465	473	padding: 1.6rem;
466	474	}
467	475	.print-border-box img {
...	...	@@ -470,9 +478,9 @@
470	478
471	479	/* table */
472	480	table th {
473		- font-weight: 500;
474		- background-color: #EFEEF3;
475		- color: #5A585E;
	481	+ font-weight: 800;
	482	+ background-color: #F7F7F8;
	483	+ color: #464C53;
476	484	}
477	485
478	486	.write-type,
...	...	@@ -480,7 +488,7 @@
480	488	border-top: 0.1rem solid #111;
481	489	word-break: keep-all;
482	490	word-wrap: break-word;
483		- font-size: 9pt;
	491	+ font-size: 1.4rem;
484	492	margin-bottom: 2.4rem;
485	493	}
486	494	.write-type.border-top-none,
...	...	@@ -504,7 +512,7 @@
504	512	.write-type td,
505	513	.info-type th,
506	514	.info-type td {
507		- border: 1px solid #DDDAE3;
	515	+ border: 1px solid #CDD1D5;
508	516	padding: 0.4rem 0.8rem;
509	517	}
510	518	.write-type th:first-child,
...	...	@@ -526,13 +534,13 @@
526	534	}
527	535
528	536	.print-time {
529		- color: #5A585E;
	537	+ color: #464C53;
530	538	}
531	539
532	540	.counsel-header {
533		- border-left: 1px solid #C1BFC8;
534		- border-right: 1px solid #C1BFC8;
535		- border-radius: 1px solid #C1BFC8;
	541	+ border-left: 1px solid #B1B8BE;
	542	+ border-right: 1px solid #B1B8BE;
	543	+ border-radius: 1px solid #B1B8BE;
536	544	margin-bottom: 1.2rem;
537	545	}
538	546	.counsel-header .counsel-tit-area {
...	...	@@ -595,14 +603,14 @@
595	603	width: 0.4rem;
596	604	height: 0.4rem;
597	605	border-radius: 50%;
598		- background-color: #333333;
	606	+ background-color: #33363D;
599	607	}
600	608
601	609	.bullet-dash > li:before {
602	610	top: 0.8rem;
603	611	width: 0.6rem;
604	612	height: 0.1rem;
605		- background-color: #5A585E;
	613	+ background-color: #464C53;
606	614	}
607	615
608	616	.bullet-tit > li {
...	...	@@ -611,7 +619,7 @@
611	619	.bullet-tit > li cite {
612	620	position: absolute;
613	621	left: 2rem;
614		- font-weight: 700;
	622	+ font-weight: 800;
615	623	}
616	624
617	625	.bullet-hangul li {
...	...	@@ -663,6 +671,194 @@
663	671	content: "㉭";
664	672	}
665	673
	674	+.flex-box {
	675	+ display: -webkit-box;
	676	+ display: -ms-flexbox;
	677	+ display: flex;
	678	+ -ms-flex-wrap: wrap;
	679	+ flex-wrap: wrap;
	680	+ -webkit-box-align: center;
	681	+ -ms-flex-align: center;
	682	+ align-items: center;
	683	+ gap: 0.8rem;
	684	+}
	685	+
	686	+.flex1 {
	687	+ -webkit-box-flex: 1;
	688	+ -ms-flex: 1;
	689	+ flex: 1;
	690	+}
	691	+
	692	+.print-page:has(.print-full, .print-certificate) {
	693	+ height: 100%;
	694	+}
	695	+
	696	+.print-page:has(.print-bg) {
	697	+ position: relative;
	698	+}
	699	+.print-page:has(.print-bg) .print-bg {
	700	+ position: absolute;
	701	+ width: 100%;
	702	+ height: 100%;
	703	+ inset: 0;
	704	+ z-index: -1;
	705	+}
	706	+
	707	+.print-full {
	708	+ display: grid;
	709	+ grid-template-rows: auto 1fr auto;
	710	+ height: 100%;
	711	+}
	712	+
	713	+.print-sign {
	714	+ display: grid;
	715	+ gap: 2.4rem;
	716	+}
	717	+.print-sign .txt {
	718	+ display: -webkit-box;
	719	+ display: -ms-flexbox;
	720	+ display: flex;
	721	+ -webkit-box-orient: vertical;
	722	+ -webkit-box-direction: normal;
	723	+ -ms-flex-direction: column;
	724	+ flex-direction: column;
	725	+ gap: 0.4rem;
	726	+ text-align: center;
	727	+ -webkit-box-pack: center;
	728	+ -ms-flex-pack: center;
	729	+ justify-content: center;
	730	+ -webkit-box-align: center;
	731	+ -ms-flex-align: center;
	732	+ align-items: center;
	733	+}
	734	+.print-sign .date {
	735	+ font-weight: 800;
	736	+}
	737	+.print-sign .sign {
	738	+ position: relative;
	739	+ text-align: center;
	740	+ width: -webkit-fit-content;
	741	+ width: -moz-fit-content;
	742	+ width: fit-content;
	743	+ margin: 0 auto;
	744	+ font-size: 1.6rem;
	745	+ font-weight: 800;
	746	+}
	747	+.print-sign .sign img {
	748	+ position: absolute;
	749	+ vertical-align: middle;
	750	+ top: 50%;
	751	+ -webkit-transform: translate(-20%, -50%);
	752	+ transform: translate(-20%, -50%);
	753	+ z-index: -1;
	754	+}
	755	+
	756	+.print-certificate {
	757	+ display: -webkit-box;
	758	+ display: -ms-flexbox;
	759	+ display: flex;
	760	+ -webkit-box-orient: vertical;
	761	+ -webkit-box-direction: normal;
	762	+ -ms-flex-direction: column;
	763	+ flex-direction: column;
	764	+ height: 100%;
	765	+ padding: 1.4cm;
	766	+ -webkit-box-sizing: border-box;
	767	+ box-sizing: border-box;
	768	+}
	769	+.print-certificate .certificate-symbol {
	770	+ position: absolute;
	771	+ top: 50%;
	772	+ left: 50%;
	773	+ -webkit-transform: translate(-50%, -50%);
	774	+ transform: translate(-50%, -50%);
	775	+ z-index: -1;
	776	+}
	777	+.print-certificate .certificate-header,
	778	+.print-certificate .certificate-body,
	779	+.print-certificate .certificate-footer {
	780	+ padding-left: 4rem;
	781	+ padding-right: 4rem;
	782	+}
	783	+.print-certificate .certificate-header {
	784	+ padding: 8rem 0;
	785	+ text-align: center;
	786	+}
	787	+.print-certificate .certificate-header h1 {
	788	+ font-size: 4.8rem;
	789	+ font-weight: 800;
	790	+}
	791	+.print-certificate .certificate-body {
	792	+ -webkit-box-flex: 1;
	793	+ -ms-flex: 1;
	794	+ flex: 1;
	795	+}
	796	+.print-certificate .certificate-footer {
	797	+ padding: 8rem 0;
	798	+}
	799	+.print-certificate .certificate-info-list {
	800	+ display: grid;
	801	+ gap: 1.2rem;
	802	+ font-size: 1.6rem;
	803	+}
	804	+.print-certificate .certificate-info-list > li {
	805	+ display: -webkit-box;
	806	+ display: -ms-flexbox;
	807	+ display: flex;
	808	+}
	809	+.print-certificate .certificate-info-list > li strong {
	810	+ width: 10rem;
	811	+ font-weight: 700;
	812	+}
	813	+.print-certificate .certificate-txt {
	814	+ padding-top: 4rem;
	815	+ padding-bottom: 4rem;
	816	+}
	817	+.print-certificate .certificate-txt p {
	818	+ text-align: center;
	819	+ font-size: 2rem;
	820	+ font-weight: 800;
	821	+}
	822	+.print-certificate .sign-area {
	823	+ display: -webkit-box;
	824	+ display: -ms-flexbox;
	825	+ display: flex;
	826	+ -webkit-box-orient: vertical;
	827	+ -webkit-box-direction: normal;
	828	+ -ms-flex-direction: column;
	829	+ flex-direction: column;
	830	+ -webkit-box-align: center;
	831	+ -ms-flex-align: center;
	832	+ align-items: center;
	833	+ gap: 1.6rem;
	834	+}
	835	+.print-certificate .sign-area .date {
	836	+ display: block;
	837	+ text-align: center;
	838	+ font-weight: 800;
	839	+}
	840	+.print-certificate .sign-area .sign {
	841	+ position: relative;
	842	+ text-align: center;
	843	+ width: -webkit-fit-content;
	844	+ width: -moz-fit-content;
	845	+ width: fit-content;
	846	+ margin: 0 auto;
	847	+ font-size: 1.6rem;
	848	+ font-weight: 800;
	849	+}
	850	+.print-certificate .sign-area .sign strong {
	851	+ font-size: 2.4rem;
	852	+}
	853	+.print-certificate .sign-area .sign img {
	854	+ position: absolute;
	855	+ vertical-align: middle;
	856	+ top: 50%;
	857	+ -webkit-transform: translate(-20%, -50%);
	858	+ transform: translate(-20%, -50%);
	859	+ z-index: -1;
	860	+}
	861	+
666	862	@page {
667	863	size: A4;
668	864	margin: 0;

...	...	@@ -10,22 +10,22 @@
10	10	// color
11	11	$color-black: #111;
12	12	$color-white: #fff;
13		-$color-gray5:#F8F8FB;
14		-$color-gray10:#F0F0F5;
15		-$color-gray20:#EFEEF3;
16		-$color-gray30:#DDDAE3;
17		-$color-gray40:#C1BFC8;
18		-$color-gray50:#918F97;
19		-$color-gray60:#727077;
20		-$color-gray70:#5A585E;
21		-$color-gray80:#333333;
22		-$color-gray90:#202020;
23		-$stroke-primary: 1px solid $color-gray40;
24		-$stroke-secondary:1px solid $color-gray30;
	13	+$color-gray5: #F7F7F8;
	14	+$color-gray10: #E6E8EA;
	15	+$color-gray20: #CDD1D5;
	16	+$color-gray30: #B1B8BE;
	17	+$color-gray40: #8A949E;
	18	+$color-gray50: #6D7882;
	19	+$color-gray60: #58616A;
	20	+$color-gray70: #464C53;
	21	+$color-gray80: #33363D;
	22	+$color-gray90: #1E2124;
	23	+$stroke-primary: 1px solid $color-gray30;
	24	+$stroke-secondary:1px solid $color-gray20;
25	25	$color-background-default-primary: $color-white;
26	26	$color-background-default-secondary: $color-gray5;
27		-$color-background-default-tertiary: $color-gray20;
28		-$color-background-default-quaternary: $color-gray30;
	27	+$color-background-default-tertiary: $color-gray10;
	28	+$color-background-default-quaternary: $color-gray20;
29	29	$color-font-default-primary: $color-gray80;
30	30	$color-font-default-secondary: $color-gray70;
31	31	$color-font-default-tertiary: $color-gray60;
...	...	@@ -42,53 +42,50 @@
42	42	$spacing-none: 0;
43	43	$spacing-3xsm: 0.2rem;
44	44	$spacing-2xsm: 0.4rem;
45		-$spacing-xsm: 0.8rem;
	45	+$spacing-xsm: 0.8rem;
46	46	$spacing-sm: 1.2rem;
47	47	$spacing-md: 1.6rem;
48	48	$spacing-lg: 2.4rem;
49	49	$spacing-xlg: 3.2rem;
50	50	$spacing-2xlg: 4rem;
	51	+$spacing-2xlg-2: 4.8rem;
	52	+$spacing-2xlg-4: 5.6rem;
	53	+$spacing-2xlg-6: 6.4rem;
51	54	$spacing-3xlg: 8rem;
52	55	$size-stroke-none: 0;
53	56	$size-stroke-xsm: 0.1rem;
54	57	$size-stroke-sm: 0.2rem;
55	58	$size-stroke-md: 0.4rem;
56	59	$size-stroke-lg: 0.8rem;
57		-$size-font-weight-xlg: 700;
58		-$size-font-weight-lg: 500;
	60	+$size-font-weight-xlg: 800;
	61	+$size-font-weight-lg: 700;
59	62	$size-font-weight-md: 400;
60		-$size-font-md:9pt;
	63	+$size-font-md:1.4rem;
61	64	$ratio:1;
62	65	@font-face {
63		- font-family: 'Pretendard';
	66	+ font-family: "KakaoBigSans";
64	67	font-style: normal;
65		- font-weight: 300;
66		- src: url('../font/Pretendard-Light.woff2') format('woff2'), url('../font/Pretendard-Light.woff') format('woff');
	68	+ font-display: swap;
	69	+ font-weight: 800;
	70	+ src: local("KakaoBigSans ExtraBold"), url("../common/font/KakaoBigSans-ExtraBold.woff2") format("woff2");
67	71	}
68	72	@font-face {
69		- font-family: 'Pretendard';
	73	+ font-family: "KakaoBigSans";
70	74	font-style: normal;
71		- font-weight: 400;
72		- src: url('../font/Pretendard-Regular.woff2') format('woff2'), url('../font/Pretendard-Regular.woff') format('woff');
73		-}
74		-@font-face {
75		- font-family: 'Pretendard';
76		- font-style: normal;
77		- font-weight: 500;
78		- src: url('../font/Pretendard-Medium.woff2') format('woff2'), url('../font/Pretendard-Medium.woff') format('woff');
79		-}
80		-@font-face {
81		- font-family: 'Pretendard';
82		- font-style: normal;
	75	+ font-display: swap;
83	76	font-weight: 700;
84		- src: url('../font/Pretendard-Bold.woff2') format('woff2'), url('../font/Pretendard-Bold.woff') format('woff');
	77	+ src: local("KakaoBigSans Bold"), url("../common/font/KakaoBigSans-Bold.woff2") format("woff2");
85	78	}
86	79	@font-face {
87		- font-family: 'Pretendard';
	80	+ font-family: "KakaoBigSans";
88	81	font-style: normal;
89		- font-weight: 900;
90		- src: url('../font/Pretendard-Black.woff2') format('woff2'), url('../font/Pretendard-Black.woff') format('woff');
	82	+ font-display: swap;
	83	+ font-weight: 400;
	84	+ src: local("KakaoBigSans Regular"), url("../common/font/KakaoBigSans-Regular.woff2") format("woff2");
91	85	}
	86	+$font-family: "KakaoBigSans", KakaoBigSans, "Pretendard", Pretendard, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR",
	87	+"Malgun Gothic", sans-serif;
	88	+
92	89	html, body {
93	90	height: 100%;
94	91	-webkit-print-color-adjust:exact;
...	...	@@ -100,8 +97,7 @@
100	97	}
101	98	body {
102	99	line-height: 1.5;
103		- font-family: "Pretendard", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR",
104		- "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	100	+ font-family: $font-family;
105	101	background-color: transparent;
106	102	color: $color-black;
107	103	font-weight: 400;
...	...	@@ -143,7 +139,7 @@
143	139	padding: 0;
144	140	}
145	141	h1, h2, h3, h4, h5, h6 {
146		- font-weight: 500;
	142	+ font-weight: $size-font-weight-lg;
147	143	line-height: 1em;
148	144	}
149	145	img {
...	...	@@ -337,6 +333,9 @@
337	333	overflow: hidden;
338	334	clip-path: polygon(0 0, 0 0, 0 0);
339	335	}
	336	+.dir-col {
	337	+ flex-direction: column !important;
	338	+}
340	339	%flexArea {
341	340	display: flex;
342	341	justify-content: space-between;
...	...	@@ -364,6 +363,12 @@
364	363	margin-right: 0;
365	364	}
366	365	}
	366	+ .c-area {
	367	+ justify-content: center;
	368	+ &.dir-col {
	369	+ align-items: center;
	370	+ }
	371	+ }
367	372	.r-area {
368	373	justify-content: flex-end;
369	374	}
...	...	@@ -378,7 +383,7 @@
378	383	}
379	384	}
380	385	.print-page {
381		- font-size: calc(9pt*$ratio);
	386	+ font-size: calc($size-font-md*$ratio);
382	387	width:calc(210mm*$ratio);
383	388	width: 100%;
384	389	box-sizing: border-box;
...	...	@@ -397,7 +402,7 @@
397	402	// title
398	403	.print-page-tit-area {
399	404	@extend %flexArea;
400		- margin-bottom: $spacing-md;
	405	+ margin-bottom: $spacing-lg;
401	406	}
402	407	.print-tit-area {
403	408	@extend %flexArea;
...	...	@@ -426,8 +431,8 @@
426	431	/* table */
427	432	table {
428	433	th {
429		- font-weight: 500;
430		- background-color: $color-background-default-tertiary;
	434	+ font-weight: $size-font-weight-xlg;
	435	+ background-color: $color-background-default-secondary;
431	436	color:$color-font-default-secondary;
432	437	}
433	438	}
...	...	@@ -592,16 +597,148 @@
592	597	}
593	598	}
594	599	}
595		-// .pdf-page{
596		-// @include pdf(1);
597		-// display: flex;
598		-// flex-direction: column;
599		-// gap:calc(5mm*$ratio) 0;
600		-// margin:0 auto;
601		-// &.view {
602		-// padding:0.5cm;
603		-// }
604		-// }
	600	+.flex-box {
	601	+ display: flex;
	602	+ flex-wrap: wrap;
	603	+ align-items: center;
	604	+ gap: $spacing-xsm;
	605	+}
	606	+.flex1 {
	607	+ flex:1;
	608	+}
	609	+.print-page:has(.print-full, .print-certificate) {
	610	+ height: 100%;
	611	+}
	612	+.print-page:has(.print-bg) {
	613	+ position: relative;
	614	+ .print-bg {
	615	+ position: absolute;
	616	+ width: 100%;
	617	+ height: 100%;
	618	+ inset: 0;
	619	+ z-index: -1;
	620	+ }
	621	+}
	622	+.print-full {
	623	+ display: grid;
	624	+ grid-template-rows:auto 1fr auto;
	625	+ height: 100%;
	626	+}
	627	+.print-sign {
	628	+ display: grid;
	629	+ gap:$spacing-lg;
	630	+ .txt {
	631	+ display: flex;
	632	+ flex-direction: column;
	633	+ gap:$spacing-2xsm;
	634	+ text-align: center;
	635	+ justify-content: center;
	636	+ align-items: center;
	637	+ }
	638	+ .date {
	639	+ font-weight: $size-font-weight-xlg;
	640	+ }
	641	+ .sign {
	642	+ position: relative;
	643	+ text-align: center;
	644	+ width:fit-content;
	645	+ margin:0 auto;
	646	+ font-size:1.6rem;
	647	+ font-weight: $size-font-weight-xlg;
	648	+ img {
	649	+ position: absolute;
	650	+ vertical-align: middle;
	651	+ top:50%;
	652	+ transform: translate(-20%, -50%);
	653	+ z-index: -1;
	654	+ }
	655	+ }
	656	+}
	657	+//이수증
	658	+.print-certificate {
	659	+ display: flex;
	660	+ flex-direction: column;
	661	+ height: 100%;
	662	+ padding:1.4cm;
	663	+ box-sizing: border-box;
	664	+ .certificate-symbol {
	665	+ position: absolute;
	666	+ top: 50%;
	667	+ left:50%;
	668	+ transform: translate(-50%, -50%);
	669	+ z-index: -1;
	670	+ }
	671	+ .certificate-header,
	672	+ .certificate-body,
	673	+ .certificate-footer {
	674	+ padding-left:$spacing-2xlg;
	675	+ padding-right: $spacing-2xlg;
	676	+ }
	677	+ .certificate-header {
	678	+ padding:$spacing-3xlg 0;
	679	+ text-align: center;
	680	+ h1 {
	681	+ font-size:4.8rem;
	682	+ font-weight: $size-font-weight-xlg;
	683	+ }
	684	+ }
	685	+ .certificate-body {
	686	+ flex:1;
	687	+ }
	688	+ .certificate-footer {
	689	+ padding:$spacing-3xlg 0;
	690	+ }
	691	+ .certificate-info-list {
	692	+ display: grid;
	693	+ gap:$spacing-sm;
	694	+ font-size:1.6rem;
	695	+ > li {
	696	+ display: flex;
	697	+ strong {
	698	+ width: 10rem;
	699	+ font-weight: $size-font-weight-lg;
	700	+ }
	701	+ }
	702	+ }
	703	+ .certificate-txt {
	704	+ padding-top:$spacing-2xlg;
	705	+ padding-bottom: $spacing-2xlg;
	706	+ p {
	707	+ text-align: center;
	708	+ font-size:2rem;
	709	+ font-weight: $size-font-weight-xlg;
	710	+ }
	711	+ }
	712	+ .sign-area {
	713	+ display: flex;
	714	+ flex-direction: column;
	715	+ align-items: center;
	716	+ gap:$spacing-md;
	717	+ .date {
	718	+ display: block;
	719	+ text-align: center;
	720	+ font-weight: 800;
	721	+ }
	722	+ .sign {
	723	+ position: relative;
	724	+ text-align: center;
	725	+ width:fit-content;
	726	+ margin:0 auto;
	727	+ font-size:1.6rem;
	728	+ font-weight: $size-font-weight-xlg;
	729	+ strong {
	730	+ font-size:2.4rem;
	731	+ }
	732	+ img {
	733	+ position: absolute;
	734	+ vertical-align: middle;
	735	+ top:50%;
	736	+ transform: translate(-20%, -50%);
	737	+ z-index: -1;
	738	+ }
	739	+ }
	740	+ }
	741	+}
605	742	@page {
606	743	size: A4;
607	744	margin:0;

Delete comment