Commit @51122c6d56184e18ebe721345bb8ea4ca6c1691b

이화경 10-24

유틸 퍼블 진행중

@51122c6d56184e18ebe721345bb8ea4ca6c1691b

e96482b

51122c6

html/onSejong/manager/myclass/memberManage_student.html

--- html/onSejong/manager/myclass/memberManage_student.html

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


                                         <tr>
                                             <td>
                                                 <div class="checkradio">
-                                                    <input type="checkbox" class="icon-only" id="chk1_1" />
-                                                    <label for="chk1_1">선택</label>
+                                                    <input type="checkbox" class="icon-only" id="chk1_2" />
+                                                    <label for="chk1_2">선택</label>
                                                 </div>
                                             </td>
                                             <td>

                                         <tr>
                                             <td>
                                                 <div class="checkradio">
-                                                    <input type="checkbox" class="icon-only" id="chk1_1" />
-                                                    <label for="chk1_1">선택</label>
+                                                    <input type="checkbox" class="icon-only" id="chk1_3" />
+                                                    <label for="chk1_3">선택</label>
                                                 </div>
                                             </td>
                                             <td>

e96482b

51122c6

html/onSejong/manager/myclass/myclass.html

--- html/onSejong/manager/myclass/myclass.html

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

...	...	@@ -80,6 +80,7 @@
80	80	</fieldset>
81	81	</div>
82	82	</div>
	83	+ <!-- 진행중 -->
83	84	<div class="list-type">
84	85	<table>
85	86	<caption>강의 목록</caption>
...	...	@@ -135,6 +136,126 @@
135	136	</tbody>
136	137	</table>
137	138	</div>
	139	+ <!-- 진행예정 -->
	140	+ <div class="list-type">
	141	+ <table>
	142	+ <caption>과제 목록</caption>
	143	+ <colgroup>
	144	+ <col style="width: 64px" />
	145	+ <col/>
	146	+ <col style="width: 260px" />
	147	+ <col/>
	148	+ <col/>
	149	+ <col style="width: 200px" />
	150	+ <col/>
	151	+ <col/>
	152	+ <col/>
	153	+ </colgroup>
	154	+ <thead>
	155	+ <tr>
	156	+ <th scope="col">번호</th>
	157	+ <th scope="col">수강구분</th>
	158	+ <th scope="col">과정명</th>
	159	+ <th scope="col">대상학년</th>
	160	+ <th scope="col">과목/전공</th>
	161	+ <th scope="col">수업기간</th>
	162	+ <th scope="col">신청 가능인원</th>
	163	+ <th scope="col">상태</th>
	164	+ <th scope="col">관리</th>
	165	+ </tr>
	166	+ </thead>
	167	+ <tbody>
	168	+ <tr>
	169	+ <td>2</td>
	170	+ <td>온세종학교</td>
	171	+ <td>
	172	+ <a href="#none" class="table-title">인공지능 수학 1</a>
	173	+ </td>
	174	+ <td data-tit="대상학년">중3</td>
	175	+ <td data-tit="과목/전공">수학</td>
	176	+ <td data-tit="수업기간">2025-08-01~2025-12-31</td>
	177	+ <td data-tit="신청 가능인원">5~20명</td>
	178	+ <td>
	179	+ <span class="label-state blue">신청중</span>
	180	+ </td>
	181	+ <td>
	182	+ <div class="tbl-btn-cont">
	183	+ <a href="#none" class="btn sm circle ico-edit">수정</a>
	184	+ <button type="button" class="btn sm circle danger ico-delete">삭제</button>
	185	+ </div>
	186	+ </td>
	187	+ </tr>
	188	+ <tr>
	189	+ <td>1</td>
	190	+ <td>캠공Ⅰ</td>
	191	+ <td>
	192	+ <a href="#none" class="table-title">경제와 수학</a>
	193	+ </td>
	194	+ <td data-tit="대상학년">고1</td>
	195	+ <td data-tit="과목/전공">과학</td>
	196	+ <td data-tit="수업기간">2025-08-01~2025-12-31</td>
	197	+ <td data-tit="신청 가능인원">20명</td>
	198	+ <td>
	199	+ <span class="label-state yellow">임시저장</span>
	200	+ </td>
	201	+ <td>
	202	+ <div class="tbl-btn-cont">
	203	+ <a href="#none" class="btn sm circle ico-edit">수정</a>
	204	+ <button type="button" class="btn sm circle danger ico-delete">삭제</button>
	205	+ </div>
	206	+ </td>
	207	+ </tr>
	208	+ </tbody>
	209	+ </table>
	210	+ </div>
	211	+ <!-- 진행완료 -->
	212	+ <div class="list-type">
	213	+ <table>
	214	+ <caption>과제 목록</caption>
	215	+ <colgroup>
	216	+ <col style="width: 64px" />
	217	+ <col />
	218	+ <col style="width: 360px" />
	219	+ <col />
	220	+ <col />
	221	+ <col style="width: 200px" />
	222	+ <col />
	223	+ <col />
	224	+ </colgroup>
	225	+ <thead>
	226	+ <tr>
	227	+ <th scope="col">번호</th>
	228	+ <th scope="col">수강구분</th>
	229	+ <th scope="col">과정명</th>
	230	+ <th scope="col">대상학년</th>
	231	+ <th scope="col">과목/전공</th>
	232	+ <th scope="col">수업기간</th>
	233	+ <th scope="col">
	234	+ 총 수강인원
	235	+ <br />
	236	+ <small class="txt-option block">(청강인원)/총인원</small>
	237	+ </th>
	238	+ <th scope="col">상태</th>
	239	+ </tr>
	240	+ </thead>
	241	+ <tbody>
	242	+ <tr>
	243	+ <td>1</td>
	244	+ <td>온세종학교</td>
	245	+ <td>
	246	+ <a href="#none" class="table-title">인공지능 수학 1</a>
	247	+ </td>
	248	+ <td data-tit="대상학년">고등/1학년</td>
	249	+ <td data-tit="과목／전공">수학</td>
	250	+ <td data-tit="수업기간">2025-08-01~2025-12-31</td>
	251	+ <td data-tit="총 수강인원">10(3)/25</td>
	252	+ <td>
	253	+ <span class="label-state red">운영종료</span>
	254	+ </td>
	255	+ </tr>
	256	+ </tbody>
	257	+ </table>
	258	+ </div>
138	259	<ul class="pagenation">
139	260	<li class="ppv">
140	261	<a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>

e96482b

51122c6

html/onSejong/manager/mypage/profile.html

--- html/onSejong/manager/mypage/profile.html

+++ html/onSejong/manager/mypage/profile.html


 							<h2 class="title-xlg">마이 프로필</h2>
 						</div>
 					</div>
-					<section class="section">
-						<h3 class="txt-hide">회원 정보</h3>
-                        <div class="profile xlg">
-                            <div class="img-area">
-                                <figure>
-                                    <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
-                                </figure>
-                            </div>
-                        </div>
-                        <div class="input-flex-area file-add-area">
-                            <div class="file-custom">
-                                <input type="file" class="input-file" title="파일찾기" />
-                                <span class="btn secondary ico-upload">파일 찾기</span>
-                            </div>
-                            <div class="fnc">
-                                <button type="button" class="btn circle danger ico-delete"><span class="txt-hide">삭제</span></button>
-                            </div>
-                        </div>
-                        <h3 class="title">김세종님</h3>
-					</section>
                     <section class="section">
 						<h3 class="txt-hide">프로필 상세</h3>
                         <div class="write-type">

 									<col>
 								</colgroup>
 								<tbody>
+                                    <tr>
+										<th scope="row">프로필 이미지</th>
+										<td>
+											<div class="profile xlg">
+												<div class="img-area">
+													<figure>
+														<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
+													</figure>
+												</div>
+											</div>
+											<div class="input-flex-area file-add-area">
+												<div class="file-custom">
+													<input type="file" class="input-file" title="파일찾기" />
+													<span class="btn secondary ico-upload">파일 찾기</span>
+												</div>
+												<div class="fnc">
+													<button type="button" class="btn circle danger ico-delete"><span class="txt-hide">삭제</span></button>
+												</div>
+											</div>
+										</td>
+									</tr>
 									<tr>
 										<th scope="col">이름<i class="required">필수</i></th>
 										<td>김세종</td>

e96482b

51122c6

html/onSejong/member/myclass/classList.html

--- html/onSejong/member/myclass/classList.html

+++ html/onSejong/member/myclass/classList.html

...	...	@@ -104,13 +104,7 @@
104	104	<small class="txt-option block">(수강/청강)</small>
105	105	</th>
106	106	<th>상태</th>
107		- <th scope="col">
108		- 관리
109		- <div class="tooltip">
110		- <button type="button" class="btn-tooltip"><i class="ico-info">툴팁</i></button>
111		- <div class="txt-area">학사관리 아이콘을 선택하시면 해당 페이지에서 출석, 성적, 진도, 수강생 등 해당 강좌에 관련된 항목들을 관리할 수 있습니다.</div>
112		- </div>
113		- </th>
	107	+ <th scope="col">관리</th>
114	108	</tr>
115	109	</thead>
116	110	<tbody>
...	...	@@ -171,7 +165,7 @@
171	165	</td>
172	166	<td>
173	167	<div class="tbl-btn-cont">
174		- <button type="button" class="btn sm ico-delete circle">삭제</button>
	168	+ <button type="button" class="btn sm ico-delete circle danger">삭제</button>
175	169	</div>
176	170	</td>
177	171	</tr>
...	...	@@ -207,18 +201,12 @@
207	201	<small class="txt-option block">(수강/청강)</small>
208	202	</th>
209	203	<th>상태</th>
210		- <th scope="col">
211		- 관리
212		- <div class="tooltip">
213		- <button type="button" class="btn-tooltip"><i class="ico-info"></i></button>
214		- <div class="txt-area">학사관리 아이콘을 선택하시면 해당 페이지에서 출석, 성적, 진도, 수강생 등 해당 강좌에 관련된 항목들을 관리할 수 있습니다.</div>
215		- </div>
216		- </th>
	204	+ <th scope="col">관리</th>
217	205	</tr>
218	206	</thead>
219	207	<tbody>
220	208	<tr>
221		- <td>3</td>
	209	+ <td>2</td>
222	210	<td data-tit="과목">온세종학교</td>
223	211	<td>
224	212	<a href="#none" class="table-title">인공지능 수학 1</a>
...	...	@@ -239,25 +227,7 @@
239	227	</div>
240	228	</td>
241	229	</tr>
242		- <tr>
243		- <td>2</td>
244		- <td data-tit="과목">캠공Ⅰ</td>
245		- <td>
246		- <a href="#none" class="table-title">경제와 수학</a>
247		- </td>
248		- <td>중3</td>
249		- <td>과학</td>
250		- <td data-tit="수업시간">
251		- (수) 18:00~19:40 <br>
252		- (목) 18:00~19:40
253		- </td>
254		- <td data-tit="등록일">청강생</td>
255		- <td>
256		- <span class="label-state red">운영종료</span>
257		- </td>
258		- <td>-</td>
259		- </tr>
260		- <tr>
	230	+ <tr class="disabled">
261	231	<td>1</td>
262	232	<td data-tit="과목">온세종학교</td>
263	233	<td>

e96482b

51122c6

html/onSejong/member/mypage/profile.html

--- html/onSejong/member/mypage/profile.html

+++ html/onSejong/member/mypage/profile.html


 							<h2 class="title-xlg">마이 프로필</h2>
 						</div>
 					</div>
-					<section class="section">
-						<h3 class="txt-hide">회원 정보</h3>
-                        <div class="profile xlg">
-                            <div class="img-area">
-                                <figure>
-                                    <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
-                                </figure>
-                            </div>
-                        </div>
-                        <div class="input-flex-area file-add-area">
-                            <div class="file-custom">
-                                <input type="file" class="input-file" title="파일찾기" />
-                                <span class="btn secondary ico-upload">파일 찾기</span>
-                            </div>
-                            <div class="fnc">
-                                <button type="button" class="btn circle danger ico-delete"><span class="txt-hide">삭제</span></button>
-                            </div>
-                        </div>
-                        <h3 class="title">김세종님</h3>
-					</section>
                     <section class="section">
 						<h3 class="txt-hide">프로필 상세</h3>
                         <div class="write-type">

 									<col>
 								</colgroup>
 								<tbody>
+                                    <tr>
+										<th scope="row">프로필 이미지</th>
+										<td>
+											<div class="profile xlg">
+												<div class="img-area">
+													<figure>
+														<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
+													</figure>
+												</div>
+											</div>
+											<div class="input-flex-area file-add-area">
+												<div class="file-custom">
+													<input type="file" class="input-file" title="파일찾기" />
+													<span class="btn secondary ico-upload">파일 찾기</span>
+												</div>
+												<div class="fnc">
+													<button type="button" class="btn circle danger ico-delete"><span class="txt-hide">삭제</span></button>
+												</div>
+											</div>
+										</td>
+									</tr>
 									<tr>
 										<th scope="col">이름<i class="required">필수</i></th>
 										<td>김세종</td>

e96482b

51122c6

html/onSejong/member/util/badgeList.html

--- html/onSejong/member/util/badgeList.html

+++ html/onSejong/member/util/badgeList.html


 								<h2 class="title-xlg">나의 배지</h2>
 							</div>
 						</div>
-                        <section class="section">
-                            <div class="summary-grid">
-                                <article class="profile-card">
-                                    <figure>
-                                        <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="홍길동 프로필 사진">
-                                    </figure>
-                                    <div class="profile-info">
-                                        <div class="txt-area">
-                                            <p class="profile-name"><em>홍길동</em>님</p>
-                                            <p>세종캠퍼스고등학교 1학년 6반 7번</p>
-                                        </div>
-                                        <button type="button" class="btn xsm ico-refresh">배지 적용 해제</button>
+                        <section class="section summary-grid">
+                            <div class="profile-card">
+                                <figure>
+                                <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 사진">
+                                </figure>
+                                <div class="profile-info">
+                                    <div class="txt-area">
+                                        <strong><em>홍길동</em>님</strong>
+                                        <p>세종캠퍼스고등학교 1학년 6반 7번</p>
                                     </div>
-                                </article>
-                                <article class="point-card">
-                                    <h3 class="txt-hide">포인트 정보</h3>
-                                    <dl class="point-list">
-                                        <div class="point-avail">
-                                            <dt>사용 가능 포인트</dt>
-                                            <dd>2,100</dd>
-                                        </div>
-                                        <div class="point-total">
-                                            <dt>누적 포인트</dt>
-                                            <dd>16,370P</dd>
-                                        </div>
-                                    </dl>
-                                </article>
+                                    <button type="button" class="btn xsm ico-refresh">배지 적용 해제</button>
+                                </div>
+                            </div>
+                            <div class="point-card">
+                                <h3 id="pointInfoTitle" class="txt-hide">포인트 정보</h3>
+                                <dl class="point-list">
+                                <div class="point-avail">
+                                    <dt>사용 가능 포인트</dt>
+                                    <dd>2,100P</dd>
+                                </div>
+                                <div class="point-total">
+                                    <dt>누적 포인트</dt>
+                                    <dd>16,370P</dd>
+                                </div>
+                                </dl>
                             </div>
                         </section>
                         <ul class="tabs-nav-lg">

 						</ul>
                         <section class="section">
                             <h3 class="txt-hide">보유 배지 목록</h3>
-                            <ul>
-                                <li>
-                                    <article>
+                            <ul class="badge-set">
+                                <li class="badge-card">
+                                    <div class="badge-info">
                                         <figure>
                                             <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
                                         </figure>
-                                        <h3>배지 ID 01</h3>
-                                        <p>
-                                            <span>100P</span>
-                                        </p>
-                                        <footer>
-                                            <button type="button" class="btn">교환하기</button>
-                                        </footer>
-                                    </article>
+                                        <div class="txt-area">
+                                            <p>배지 ID 01</p>
+                                            <strong>100P</strong>
+                                        </div>
+                                    </div>
+                                    <button type="button" class="btn">교환하기</button>
                                 </li>
-                                <li>
-                                    <article>
+                                <li class="badge-card">
+                                    <div class="badge-info">
                                         <figure>
-                                            <img src="badge01.png" alt="축하 배지">
+                                            <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
                                         </figure>
-                                        <h3>배지 ID 01</h3>
-                                        <p>
-                                            <span>100P</span>
-                                        </p>
-                                        <footer>
-                                            <button type="button" class="btn primary">장착하기</button>
-                                        </footer>
-                                    </article>
+                                        <div class="txt-area">
+                                            <p>배지 ID 01</p>
+                                            <strong>100P</strong>
+                                        </div>
+                                    </div>
+                                    <button type="button" class="btn primary">장착하기</button>
                                 </li>
-                                <li>
-                                    <article>
+                                <li class="badge-card">
+                                    <div class="badge-info">
                                         <figure>
-                                            <img src="badge01.png" alt="축하 배지">
+                                            <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
                                         </figure>
-                                        <h3>배지 ID 01</h3>
-                                        <p>
-                                            <span>100P</span>
-                                        </p>
-                                        <footer>
-                                            <button type="button" class="btn" disabled>장착중</button>
-                                        </footer>
-                                    </article>
+                                        <div class="txt-area">
+                                            <p>배지 ID 01</p>
+                                            <strong>100P</strong>
+                                        </div>
+                                    </div>
+                                    <button type="button" class="btn" disabled>장착중</button>
+                                </li>
+                                <li class="badge-card">
+                                    <div class="badge-info">
+                                        <figure>
+                                            <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
+                                        </figure>
+                                        <div class="txt-area">
+                                            <p>배지 ID 01</p>
+                                            <strong>100P</strong>
+                                        </div>
+                                    </div>
+                                    <button type="button" class="btn">교환하기</button>
+                                </li>
+                                <li class="badge-card">
+                                    <div class="badge-info">
+                                        <figure>
+                                            <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
+                                        </figure>
+                                        <div class="txt-area">
+                                            <p>배지 ID 01</p>
+                                            <strong>100P</strong>
+                                        </div>
+                                    </div>
+                                    <button type="button" class="btn primary">장착하기</button>
+                                </li>
+                                <li class="badge-card">
+                                    <div class="badge-info">
+                                        <figure>
+                                            <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
+                                        </figure>
+                                        <div class="txt-area">
+                                            <p>배지 ID 01</p>
+                                            <strong>100P</strong>
+                                        </div>
+                                    </div>
+                                    <button type="button" class="btn" disabled>장착중</button>
+                                </li>
+                                <li class="badge-card">
+                                    <div class="badge-info">
+                                        <figure>
+                                            <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
+                                        </figure>
+                                        <div class="txt-area">
+                                            <p>배지 ID 01</p>
+                                            <strong>100P</strong>
+                                        </div>
+                                    </div>
+                                    <button type="button" class="btn">교환하기</button>
+                                </li>
+                                <li class="badge-card">
+                                    <div class="badge-info">
+                                        <figure>
+                                            <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
+                                        </figure>
+                                        <div class="txt-area">
+                                            <p>배지 ID 01</p>
+                                            <strong>100P</strong>
+                                        </div>
+                                    </div>
+                                    <button type="button" class="btn primary">장착하기</button>
+                                </li>
+                                <li class="badge-card">
+                                    <div class="badge-info">
+                                        <figure>
+                                            <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
+                                        </figure>
+                                        <div class="txt-area">
+                                            <p>배지 ID 01</p>
+                                            <strong>100P</strong>
+                                        </div>
+                                    </div>
+                                    <button type="button" class="btn" disabled>장착중</button>
                                 </li>
                             </ul>
                         </section>
-
 					</div>
 				</div>
 			</div>

e96482b

51122c6

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

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

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


         img {
             width: 12rem;
             height: 12rem;
-            aspect-ratio: 1/1;
             border-radius: $radius-full;
             border: $size-stroke-xsm solid $color-stroke-default-secondary;
             background: url(<path-to-image>) lightgray -128.286px -25.307px / 318% 212% no-repeat;

             flex-direction: column;
             align-items: flex-start;
             gap: $spacing-lg;
-            .profile-name {
+            strong {
                 font-size: $size-font-xlg;
+            }
+            p {
+                color: $color-font-default-secondary;
             }
         }
     }

         display: flex;
         padding: $spacing-xlg $spacing-2xlg;
         align-items: center;
-        flex: 1 0 0;
-        align-self: stretch;
+        flex: 1;
         border-radius: $radius-lg;
         border: $size-stroke-xsm solid $color-stroke-default-tertiary;
         background: $color-background-default-primary;

             bottom: 0;
             width: 18.7rem;
             height: 8rem;
-            aspect-ratio: 187/80;
             background: url('/resources/front/site/SITE_00000/images/custom/common/img-obj.svg')
-                        no-repeat right bottom / contain;
+            no-repeat right bottom / contain;
         }
         .point-list {
             display: flex;

             display: flex;
             align-items: center;
             gap: $spacing-xsm;
+            dt {
+                color: $color-font-default-tertiary;
+            }
             dd {
                 min-width: $form-width-sm;
                 font-size: $size-font-3xlg;

             }
             &::after {
                 content: '';
-                display: inline-block;
-                width: 40px;
-                height: 40px;
-                flex-shrink: 0;
-                background: url('/resources/front/site/SITE_00000/images/common/common/ico-img-point.svg') no-repeat center / contain;
-                vertical-align: middle;
+                width: 4rem;
+                height: 4rem;
+                background: url('/resources/front/site/SITE_00000/images/custom/common/ico-img-point.svg')no-repeat center / contain;
             }
         }
         .point-total {

             gap: $spacing-2xsm;
             border-radius: $radius-md;
             background: $color-background-default-tertiary;
+            color: $color-font-default-secondary;
             dd {
                 font-weight: bold;
             }
         }
-        
+    }
+}
+.badge-set {
+    display: grid;
+    grid-template-columns: repeat(6, 1fr);
+    column-gap: $spacing-lg;
+    row-gap: $spacing-2xlg-4;
+    .badge-card {
+        display: flex;
+        flex-direction: column;
+        gap: $spacing-sm;
+        .badge-info {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: $spacing-lg;
+            padding: $spacing-lg $spacing-md;
+            border-radius: $radius-md;
+            border: $size-stroke-xsm solid $color-stroke-default-tertiary;
+            background: $color-background-default-primary;
+            flex: 1;
+            text-align: center;
+            figure {
+                display: flex;
+                width: 8rem;
+                height: 8rem;
+                justify-content: center;
+                align-items: center;
+                aspect-ratio: 1/1;
+                img { 
+                    width: 100%; 
+                    height: 100%; 
+                }
+            }
+            p {
+                color: $color-font-default-secondary;
+            }
+            strong {
+                display: flex;
+                align-items: center;
+                font-size: $size-font-xlg;
+                gap: $spacing-2xsm;
+                color: $color-font-default-secondary;
+                &::before {
+                    content: "";
+                    display: inline-block;
+                    width: 2.4rem;
+                    height: 2.4rem;
+                    background: url("/resources/front/site/SITE_00000/images/custom/common/ico-img-point.svg") no-repeat center / contain;
+                }
+            }
+        }
     }
 }

e96482b

51122c6

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


   height: 36px;
   border: 1px solid #B1B8BE;
   width: 260px;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  -webkit-transition: all 0.3s;
+  box-sizing: border-box;
   transition: all 0.3s;
 }
 

 input:focus,
 textarea:focus {
   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);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 }
 
 textarea[disabled=disabled] {

 }
 
 textarea:focus[disabled=disabled] {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 
 input[type=ratio],
 input[type=checkbox] {
   border: 0;
   height: auto;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   cursor: pointer;
   vertical-align: middle;
 }

   background: #f9f9f9;
   border: 1px solid #B1B8BE;
   font-weight: 300;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 
 .al {

 }
 
 .dir-col {
-  -webkit-box-orient: vertical !important;
-  -webkit-box-direction: normal !important;
-      -ms-flex-direction: column !important;
-          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;
+  justify-content: space-between;
   gap: 0.8rem;
 }
 .lg.print-tit-area, .lg.print-page-tit-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;
+  flex-wrap: wrap;
+  align-items: center;
   gap: 0.4rem 0.8rem;
 }
 .print-tit-area .l-area > *, .print-page-tit-area .l-area > *,

 .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;
+  flex: 1;
 }
 .print-tit-area .l-area .checkradio, .print-page-tit-area .l-area .checkradio,
 .print-tit-area .c-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;
+  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;
+  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;
+  justify-content: flex-end;
 }
 .center.print-tit-area, .center.print-page-tit-area {
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  justify-content: center;
 }
 .vcenter.print-tit-area, .vcenter.print-page-tit-area {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: 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;
+  align-items: flex-start;
 }
 
 .print-page {
   font-size: 1.4rem;
   width: 210mm;
   width: 100%;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
   max-width: 21.7cm;
   margin: 0 auto;
 }

 }
 
 .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;
+  flex-wrap: wrap;
+  align-items: center;
   gap: 0.8rem;
 }
 
 .flex1 {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  flex: 1;
 }
 
 .print-page:has(.print-full, .print-certificate) {

   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;
+  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;
+  justify-content: 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;

   position: absolute;
   vertical-align: middle;
   top: 50%;
-  -webkit-transform: translate(-20%, -50%);
-          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;
+  flex-direction: column;
   height: 100%;
   padding: 1.4cm;
-  -webkit-box-sizing: border-box;
-          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%);
+  transform: translate(-50%, -50%);
   z-index: -1;
 }
 .print-certificate .certificate-header,

   font-weight: 800;
 }
 .print-certificate .certificate-body {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  flex: 1;
 }
 .print-certificate .certificate-footer {
   padding: 8rem 0;

   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 {

   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;
+  flex-direction: column;
+  align-items: center;
   gap: 1.6rem;
 }
 .print-certificate .sign-area .date {

 .print-certificate .sign-area .sign {
   position: relative;
   text-align: center;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin: 0 auto;

   position: absolute;
   vertical-align: middle;
   top: 50%;
-  -webkit-transform: translate(-20%, -50%);
-          transform: translate(-20%, -50%);
+  transform: translate(-20%, -50%);
   z-index: -1;
 }
 

   @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;
+    align-items: flex-end;
     font-size: 12px;
     height: 0.8cm;
   }
   .pdf-page {
     padding: 0 0.5cm;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
+    box-sizing: border-box;
   }
 }/*# sourceMappingURL=print.css.map */

e96482b

51122c6

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":"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","file":"print.css"}

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

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

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

e96482b

51122c6

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

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

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

This diff is too big to display.

e96482b

51122c6

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.

e96482b

51122c6

resources/front/site/SITE_00000/css/styleGuide.css

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

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


 body {
   -webkit-user-select: initial;
      -moz-user-select: initial;
-      -ms-user-select: initial;
           user-select: initial;
 }
 

   padding-bottom: 8rem;
 }
 section.g-section > header {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   height: 5rem;
   max-width: var(--size-wrap);
   padding: 0 var(--size-wrap-spacing);
   margin: 0 auto;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
+  align-items: center;
+  justify-content: flex-start;
   background-color: #F7F7F8;
 }
 section.g-section > header h1 {

   line-height: var(--size-font-lineheight-sm);
 }
 section.g-section > article ul.button {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+  flex-wrap: wrap;
   gap: 1.6rem;
 }
 section.g-section > article ul.button li {
-  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;
+  flex-direction: column;
+  align-items: center;
   gap: 0.8rem;
 }
 section.g-section > article ul.button.size {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
 }
 section.g-section > article ul.button.size li {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+  flex-direction: row;
+  flex-wrap: wrap;
 }
 section.g-section > article ul.button.size li h5 {
   width: 6rem;

   content: "Inactive";
 }
 section.g-section > article ul.input {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+  flex-wrap: wrap;
   gap: 1.6rem;
 }
 section.g-section > article ul.badge-ul {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+  flex-wrap: wrap;
   gap: 0.8rem;
 }
 section.g-section > article ul.icon-wrap {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+  flex-wrap: wrap;
   gap: 1.6rem;
 }
 section.g-section > article ul.icon-wrap li {
-  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;
+  flex-direction: column;
+  align-items: center;
   gap: 0.8rem;
 }
 section.g-section > article ul.profile-wrap {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+  flex-wrap: wrap;
   gap: 1.6rem;
 }
 section.g-section > article .paint-target {

e96482b

51122c6

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

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

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

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

-{"version":3,"sources":["common/abstracts/_variables.scss","styleGuide.css","common/abstracts/_mixins.scss","styleGuide.scss"],"names":[],"mappings":"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","file":"styleGuide.css"}

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

+{"version":3,"sources":["common/abstracts/_variables.scss","styleGuide.css","common/abstracts/_mixins.scss","styleGuide.scss"],"names":[],"mappings":"AAgMA,mBAAA;AA+BA;EACI,UAAA;EACA,yBAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,2BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,wBAAA;EACA,yBAAA;EACA,yBAAA;EACA,yBAAA;EACA,yBAAA;EACA,yBAAA;EACA,yBAAA;EACA,yBAAA;EACA,yBAAA;EACA,yBAAA;EAEA,UAAA;EACA,6BAAA;EACA,wCAAA;EACA,6CAAA;EACA,4CAAA;EACA,8CAAA;EACA,mDAAA;EACA,qDAAA;EACA,oDAAA;EACA,sDAAA;EACA,0DAAA;EACA,gEAAA;EACA,2CAAA;EACA,mDAAA;EACA,2CAAA;EACA,mDAAA;EACA,wCAAA;EACA,gDAAA;EACA,0CAAA;EACA,kDAAA;EACA,uDAAA;EACA,2DAAA;EACA,qDAAA;EACA,gEAAA;EACA,oEAAA;EACA,8DAAA;EACA,sEAAA;EACA,0EAAA;EACA,oEAAA;EACA,4CAAA;EACA,8CAAA;EAEA,qCAAA;EACA,uCAAA;EACA,sCAAA;EACA,wCAAA;EACA,0CAAA;EACA,gEAAA;EACA,+DAAA;EACA,kEAAA;EACA,qCAAA;EACA,6CAAA;EACA,qCAAA;EACA,6CAAA;EACA,kCAAA;EACA,0CAAA;EACA,oCAAA;EACA,4CAAA;EACA,kDAAA;EACA,sDAAA;EACA,gDAAA;EACA,uDAAA;EACA,qDAAA;EACA,2DAAA;EACA,qDAAA;EACA,yDAAA;EACA,6DAAA;EACA,uDAAA;EACA,sCAAA;EACA,wCAAA;EAEA,uCAAA;EACA,yCAAA;EACA,wCAAA;EACA,0CAAA;EACA,4CAAA;EACA,iDAAA;EACA,gDAAA;EACA,kDAAA;EAEA,uCAAA;EACA,+CAAA;EACA,uCAAA;EACA,+CAAA;EACA,oCAAA;EACA,4CAAA;EACA,sCAAA;EACA,8CAAA;EACA,oDAAA;EACA,4DAAA;EACA,wDAAA;EACA,gEAAA;EACA,kDAAA;EACA,0DAAA;EACA,wCAAA;EACA,0CAAA;EAEA,qCAAA;EACA,uCAAA;EACA,sCAAA;EACA,0CAAA;EACA,iEAAA;EACA,gEAAA;EACA,qCAAA;EACA,6CAAA;EACA,qCAAA;EACA,6CAAA;EACA,kCAAA;EACA,0CAAA;EACA,oCAAA;EACA,4CAAA;EACA,kDAAA;EACA,sDAAA;EACA,gDAAA;EACA,yDAAA;EACA,6DAAA;EACA,uDAAA;EACA,sCAAA;EACA,wCAAA;EAEA,SAAA;EACA,gBAAA;EACA,oBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,iBAAA;EACA,sBAAA;EACA,sBAAA;EACA,qBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,qBAAA;EACA,oBAAA;EACA,oBAAA;EAEA,qBAAA;EACA,yBAAA;EACA,wBAAA;EACA,wBAAA;EACA,wBAAA;EAEA,wBAAA;EACA,sBAAA;EACA,wBAAA;EACA,uBAAA;EACA,oBAAA;EACA,sBAAA;EACA,sBAAA;EACA,uBAAA;EACA,wBAAA;EACA,2BAAA;EACA,0BAAA;EACA,0BAAA;EAEA,6BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,+BAAA;EAEA,sBAAA;EACA,sBAAA;EACA,sBAAA;EAEA,yCAAA;EACA,yCAAA;EACA,2BAAA;EAEA,mBAAA;EACA,wBAAA;EACA,qBAAA;EACA,sBAAA;EACA,uBAAA;EACA,wBAAA;EACA,yBAAA;EAEA,uBAAA;EACA,qBAAA;EACA,uBAAA;EACA,sBAAA;EAEA,uBAAA;EACA,sBAAA;EACA,sBAAA;EACA,sBAAA;EACA,kCAAA;EAEA,2CAAA;EACA,iDAAA;EAEA,sBAAA;EACA,sBAAA;EACA,sBAAA;EACA,sBAAA;EAEA,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,yBAAA;AC/OJ;;ADmPA,UAAA;AAkCA,UAAA;AA4GA,SAAA;AAwBA,QAAA;AE5mBA;EACI,yBAAA;EACA,wCAAA;EACA,wCAAA;EAEA,qCAAA;EACA,oCAAA;EACA,mCAAA;EACA,kCAAA;EACA,mCAAA;EAEA,mCAAA;EACA,mCAAA;EACA,oCAAA;EACA,sCAAA;EAEA,oCAAA;EACA,oCAAA;EACA,qCAAA;EACA,uCAAA;EAEA,qCAAA;ADsNJ;;ACrBQ;EAwEJ;IACI,yBAAA;IACA,wCAAA;IACA,wCAAA;IAEA,sBAAA;IACA,qBAAA;IACA,kCAAA;IACA,kCAAA;IACA,oCAAA;IAEA,mCAAA;IACA,oCAAA;IACA,qCAAA;IACA,qBAAA;IAEA,oCAAA;IACA,qCAAA;IACA,sCAAA;IACA,sBAAA;IAEA,sCAAA;IAEA,yCAAA;IACA,yCAAA;IACA,2BAAA;IAEA,2BAAA;EDrDN;AACF;AC/CQ;EAwGJ;IACI,yBAAA;IACA,wCAAA;IACA,wCAAA;IAEA,sBAAA;IACA,qBAAA;IACA,kCAAA;IACA,kCAAA;IACA,oCAAA;IAEA,mCAAA;IACA,oCAAA;IACA,qCAAA;IACA,qBAAA;IAEA,oCAAA;IACA,qCAAA;IACA,sCAAA;IACA,sBAAA;IAEA,sCAAA;IAEA,2BAAA;IAEA,2BAAA;IAEA,wBAAA;IACA,sBAAA;IACA,wBAAA;IACA,yBAAA;IACA,iBAAA;ED7DN;AACF;AEnRA;EACK,4BAAA;KAAA,yBAAA;UAAA,oBAAA;AFqRL;;AEnRA;EACI,oBAAA;AFsRJ;AErRI;EACI,aAAA;EACA,YAAA;EAXJ,2BHumBQ;EGtmBR,mCAAA;EACA,cAAA;EAWI,mBAAA;EACA,2BAAA;EACA,yBHEM;ACuRd;AEvRQ;EDwBA,6BAAA;EACA,wCAAA;EAGI,2CAAA;ADgQZ;AExRQ;EDoBA,8BAAA;EACA,uCAAA;ADuQR;AEzRY;EACI,WAAA;EACA,qBAAA;EACA,aAAA;EACA,YAAA;EACA,wBAAA;EACA,oDHkec;EGjed,cAAA;AF2RhB;AEvRQ;;EAEI,yCH2dkB;AClM9B;AEtRQ;EACI,kBAAA;EACA,iBAAA;AFwRZ;AEpRI;EA9CA,2BHumBQ;EGtmBR,mCAAA;EACA,cAAA;EA8CI,gBAAA;AFwRR;AEtRQ;EDTA,6BAAA;EACA,wCAAA;EAGI,2CAAA;ADgSZ;AExRY;EACI,kBAAA;EACA,cHjCD;AC2Tf;AEtRQ;EACI,kBAAA;EDnBJ,6BAAA;EACA,wCAAA;EAGI,2CAAA;AD0SZ;AEvRQ;EACI,kBAAA;EDxBJ,6BAAA;EACA,wCAAA;EAGI,2CAAA;ADgTZ;AExRQ;EACI,kBAAA;AF0RZ;AEzRY;EACI,kBAAA;AF2RhB;AEvRQ;EACI,aAAA;AFyRZ;AExRY;EACI,2BAAA;EACA,qBAAA;AF0RhB;AEzRgB;EAEI,cAAA;AF0RpB;AExRgB;EACI,YAAA;AF0RpB;AEtRY;EACI,0DAAA;AFwRhB;AEtRgB;EACI,cHrEL;AC6Vf;AEtRoB;EACI,WHxGX;ACgYb;AEnQwB;EACI,sBAjBM;AFsRlC;AEnQ4B;EACI,iBAAA;AFqQhC;AElQ4B;EACI,eAAA;AFoQhC;AE5QwB;EACI,yBAjBM;AF+RlC;AE5Q4B;EACI,sBAAA;AF8QhC;AE3Q4B;EACI,kBAAA;AF6QhC;AErRwB;EACI,yBAjBM;AFwSlC;AErR4B;EACI,sBAAA;AFuRhC;AEpR4B;EACI,kBAAA;AFsRhC;AE9RwB;EACI,yBAjBM;AFiTlC;AE9R4B;EACI,sBAAA;AFgShC;AE7R4B;EACI,kBAAA;AF+RhC;AEvSwB;EACI,yBAjBM;AF0TlC;AEvS4B;EACI,sBAAA;AFyShC;AEtS4B;EACI,kBAAA;AFwShC;AEhTwB;EACI,yBAjBM;AFmUlC;AEhT4B;EACI,sBAAA;AFkThC;AE/S4B;EACI,kBAAA;AFiThC;AEzTwB;EACI,yBAjBM;AF4UlC;AEzT4B;EACI,sBAAA;AF2ThC;AExT4B;EACI,kBAAA;AF0ThC;AElUwB;EACI,yBAjBM;AFqVlC;AElU4B;EACI,sBAAA;AFoUhC;AEjU4B;EACI,kBAAA;AFmUhC;AE3UwB;EACI,yBAjBM;AF8VlC;AE3U4B;EACI,sBAAA;AF6UhC;AE1U4B;EACI,kBAAA;AF4UhC;AEpVwB;EACI,sBAjBM;AFuWlC;AEpV4B;EACI,iBAAA;AFsVhC;AEnV4B;EACI,eAAA;AFqVhC;AE7PY;EACI,sBAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;AF+PhB;AE9PgB;EACI,kCAAA;EACA,gBAAA;AFgQpB;AE9PgB;EACI,gCAAA;EACA,gBAAA;AFgQpB;AE7PY;EACI,yBH9MD;EG+MC,WH/OH;AC8eb;AE9PgB;EACI,YAAA;AFgQpB;AE5PgB;EACI,yBH9NN;AC4dd;AEtP4B;ED9MpB,8BAAA;EACA,wCAAA;EAGI,2CAAA;ADqcZ;AE3P4B;ED9MpB,6BAAA;EACA,wCAAA;EAGI,2CAAA;AD0cZ;AEhQ4B;ED9MpB,6BAAA;EACA,wCAAA;EAGI,2CAAA;AD+cZ;AErQ4B;ED9MpB,6BAAA;EACA,wCAAA;EAGI,2CAAA;ADodZ;AE1Q4B;ED9MpB,8BAAA;EACA,wCAAA;EAGI,2CAAA;ADydZ;AE1PQ;EACI,aAAA;EACA,eAAA;EACA,WAAA;AF4PZ;AE3PY;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,WAAA;AF6PhB;AE3PY;EACI,sBAAA;AF6PhB;AE5PgB;EACI,mBAAA;EACA,eAAA;AF8PpB;AE7PoB;EACI,WAAA;AF+PxB;AE1PgB;EACI,iBAAA;AF4PpB;AE1PgB;EACI,gBAAA;AF4PpB;AE1PgB;EACI,mBAAA;AF4PpB;AEvPQ;EACI,aAAA;EACA,eAAA;EACA,WAAA;AFyPZ;AEtPQ;EACI,aAAA;EACA,eAAA;EACA,WAAA;AFwPZ;AErPQ;EACI,aAAA;EACA,eAAA;EACA,WAAA;AFuPZ;AErPY;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,WAAA;AFuPhB;AEnPQ;EACI,aAAA;EACA,eAAA;EACA,WAAA;AFqPZ;AE5OQ;EACI,kBAAA;AF8OZ","file":"styleGuide.css"}

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

51122c6

resources/front/site/SITE_00000/images/common/profile/img-profile.svg (added)

+++ resources/front/site/SITE_00000/images/common/profile/img-profile.svg

This file is too big to display.

51122c6

resources/front/site/SITE_00000/images/custom/common/img-profile.svg (added)

+++ resources/front/site/SITE_00000/images/custom/common/img-profile.svg

This file is too big to display.

Add a comment

Open 0
Closed 0

List

...	...	@@ -291,7 +291,6 @@
291	291	body {
292	292	-webkit-user-select: initial;
293	293	-moz-user-select: initial;
294		- -ms-user-select: initial;
295	294	user-select: initial;
296	295	}
297	296
...	...	@@ -299,19 +298,13 @@
299	298	padding-bottom: 8rem;
300	299	}
301	300	section.g-section > header {
302		- display: -webkit-box;
303		- display: -ms-flexbox;
304	301	display: flex;
305	302	height: 5rem;
306	303	max-width: var(--size-wrap);
307	304	padding: 0 var(--size-wrap-spacing);
308	305	margin: 0 auto;
309		- -webkit-box-align: center;
310		- -ms-flex-align: center;
311		- align-items: center;
312		- -webkit-box-pack: start;
313		- -ms-flex-pack: start;
314		- justify-content: flex-start;
	306	+ align-items: center;
	307	+ justify-content: flex-start;
315	308	background-color: #F7F7F8;
316	309	}
317	310	section.g-section > header h1 {
...	...	@@ -537,39 +530,22 @@
537	530	line-height: var(--size-font-lineheight-sm);
538	531	}
539	532	section.g-section > article ul.button {
540		- display: -webkit-box;
541		- display: -ms-flexbox;
542	533	display: flex;
543		- -ms-flex-wrap: wrap;
544		- flex-wrap: wrap;
	534	+ flex-wrap: wrap;
545	535	gap: 1.6rem;
546	536	}
547	537	section.g-section > article ul.button li {
548		- display: -webkit-box;
549		- display: -ms-flexbox;
550	538	display: flex;
551		- -webkit-box-orient: vertical;
552		- -webkit-box-direction: normal;
553		- -ms-flex-direction: column;
554		- flex-direction: column;
555		- -webkit-box-align: center;
556		- -ms-flex-align: center;
557		- align-items: center;
	539	+ flex-direction: column;
	540	+ align-items: center;
558	541	gap: 0.8rem;
559	542	}
560	543	section.g-section > article ul.button.size {
561		- -webkit-box-orient: vertical;
562		- -webkit-box-direction: normal;
563		- -ms-flex-direction: column;
564		- flex-direction: column;
	544	+ flex-direction: column;
565	545	}
566	546	section.g-section > article ul.button.size li {
567		- -webkit-box-orient: horizontal;
568		- -webkit-box-direction: normal;
569		- -ms-flex-direction: row;
570		- flex-direction: row;
571		- -ms-flex-wrap: wrap;
572		- flex-wrap: wrap;
	547	+ flex-direction: row;
	548	+ flex-wrap: wrap;
573	549	}
574	550	section.g-section > article ul.button.size li h5 {
575	551	width: 6rem;
...	...	@@ -584,48 +560,29 @@
584	560	content: "Inactive";
585	561	}
586	562	section.g-section > article ul.input {
587		- display: -webkit-box;
588		- display: -ms-flexbox;
589	563	display: flex;
590		- -ms-flex-wrap: wrap;
591		- flex-wrap: wrap;
	564	+ flex-wrap: wrap;
592	565	gap: 1.6rem;
593	566	}
594	567	section.g-section > article ul.badge-ul {
595		- display: -webkit-box;
596		- display: -ms-flexbox;
597	568	display: flex;
598		- -ms-flex-wrap: wrap;
599		- flex-wrap: wrap;
	569	+ flex-wrap: wrap;
600	570	gap: 0.8rem;
601	571	}
602	572	section.g-section > article ul.icon-wrap {
603		- display: -webkit-box;
604		- display: -ms-flexbox;
605	573	display: flex;
606		- -ms-flex-wrap: wrap;
607		- flex-wrap: wrap;
	574	+ flex-wrap: wrap;
608	575	gap: 1.6rem;
609	576	}
610	577	section.g-section > article ul.icon-wrap li {
611		- display: -webkit-box;
612		- display: -ms-flexbox;
613	578	display: flex;
614		- -webkit-box-orient: vertical;
615		- -webkit-box-direction: normal;
616		- -ms-flex-direction: column;
617		- flex-direction: column;
618		- -webkit-box-align: center;
619		- -ms-flex-align: center;
620		- align-items: center;
	579	+ flex-direction: column;
	580	+ align-items: center;
621	581	gap: 0.8rem;
622	582	}
623	583	section.g-section > article ul.profile-wrap {
624		- display: -webkit-box;
625		- display: -ms-flexbox;
626	584	display: flex;
627		- -ms-flex-wrap: wrap;
628		- flex-wrap: wrap;
	585	+ flex-wrap: wrap;
629	586	gap: 1.6rem;
630	587	}
631	588	section.g-section > article .paint-target {

...	...	@@ -198,8 +198,8 @@
198	198	<tr>
199	199	<td>
200	200	<div class="checkradio">
201		- <input type="checkbox" class="icon-only" id="chk1_1" />
202		- <label for="chk1_1">선택</label>
	201	+ <input type="checkbox" class="icon-only" id="chk1_2" />
	202	+ <label for="chk1_2">선택</label>
203	203	</div>
204	204	</td>
205	205	<td>
...	...	@@ -233,8 +233,8 @@
233	233	<tr>
234	234	<td>
235	235	<div class="checkradio">
236		- <input type="checkbox" class="icon-only" id="chk1_1" />
237		- <label for="chk1_1">선택</label>
	236	+ <input type="checkbox" class="icon-only" id="chk1_3" />
	237	+ <label for="chk1_3">선택</label>
238	238	</div>
239	239	</td>
240	240	<td>

...	...	@@ -56,26 +56,6 @@
56	56	<h2 class="title-xlg">마이 프로필</h2>
57	57	</div>
58	58	</div>
59		- <section class="section">
60		- <h3 class="txt-hide">회원 정보</h3>
61		- <div class="profile xlg">
62		- <div class="img-area">
63		- <figure>
64		- <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
65		- </figure>
66		- </div>
67		- </div>
68		- <div class="input-flex-area file-add-area">
69		- <div class="file-custom">
70		- <input type="file" class="input-file" title="파일찾기" />
71		- <span class="btn secondary ico-upload">파일 찾기</span>
72		- </div>
73		- <div class="fnc">
74		- <button type="button" class="btn circle danger ico-delete"><span class="txt-hide">삭제</span></button>
75		- </div>
76		- </div>
77		- <h3 class="title">김세종님</h3>
78		- </section>
79	59	<section class="section">
80	60	<h3 class="txt-hide">프로필 상세</h3>
81	61	<div class="write-type">
...	...	@@ -86,6 +66,27 @@
86	66	<col>
87	67	</colgroup>
88	68	<tbody>
	69	+ <tr>
	70	+ <th scope="row">프로필 이미지</th>
	71	+ <td>
	72	+ <div class="profile xlg">
	73	+ <div class="img-area">
	74	+ <figure>
	75	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	76	+ </figure>
	77	+ </div>
	78	+ </div>
	79	+ <div class="input-flex-area file-add-area">
	80	+ <div class="file-custom">
	81	+ <input type="file" class="input-file" title="파일찾기" />
	82	+ <span class="btn secondary ico-upload">파일 찾기</span>
	83	+ </div>
	84	+ <div class="fnc">
	85	+ <button type="button" class="btn circle danger ico-delete"><span class="txt-hide">삭제</span></button>
	86	+ </div>
	87	+ </div>
	88	+ </td>
	89	+ </tr>
89	90	<tr>
90	91	<th scope="col">이름<i class="required">필수</i></th>
91	92	<td>김세종</td>

...	...	@@ -54,33 +54,31 @@
54	54	<h2 class="title-xlg">나의 배지</h2>
55	55	</div>
56	56	</div>
57		- <section class="section">
58		- <div class="summary-grid">
59		- <article class="profile-card">
60		- <figure>
61		- <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="홍길동 프로필 사진">
62		- </figure>
63		- <div class="profile-info">
64		- <div class="txt-area">
65		- <p class="profile-name"><em>홍길동</em>님</p>
66		- <p>세종캠퍼스고등학교 1학년 6반 7번</p>
67		- </div>
68		- <button type="button" class="btn xsm ico-refresh">배지 적용 해제</button>
	57	+ <section class="section summary-grid">
	58	+ <div class="profile-card">
	59	+ <figure>
	60	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 사진">
	61	+ </figure>
	62	+ <div class="profile-info">
	63	+ <div class="txt-area">
	64	+ <strong><em>홍길동</em>님</strong>
	65	+ <p>세종캠퍼스고등학교 1학년 6반 7번</p>
69	66	</div>
70		- </article>
71		- <article class="point-card">
72		- <h3 class="txt-hide">포인트 정보</h3>
73		- <dl class="point-list">
74		- <div class="point-avail">
75		- <dt>사용 가능 포인트</dt>
76		- <dd>2,100</dd>
77		- </div>
78		- <div class="point-total">
79		- <dt>누적 포인트</dt>
80		- <dd>16,370P</dd>
81		- </div>
82		- </dl>
83		- </article>
	67	+ <button type="button" class="btn xsm ico-refresh">배지 적용 해제</button>
	68	+ </div>
	69	+ </div>
	70	+ <div class="point-card">
	71	+ <h3 id="pointInfoTitle" class="txt-hide">포인트 정보</h3>
	72	+ <dl class="point-list">
	73	+ <div class="point-avail">
	74	+ <dt>사용 가능 포인트</dt>
	75	+ <dd>2,100P</dd>
	76	+ </div>
	77	+ <div class="point-total">
	78	+ <dt>누적 포인트</dt>
	79	+ <dd>16,370P</dd>
	80	+ </div>
	81	+ </dl>
84	82	</div>
85	83	</section>
86	84	<ul class="tabs-nav-lg">
...	...	@@ -90,52 +88,117 @@
90	88	</ul>
91	89	<section class="section">
92	90	<h3 class="txt-hide">보유 배지 목록</h3>
93		- <ul>
94		- <li>
95		- <article>
	91	+ <ul class="badge-set">
	92	+ <li class="badge-card">
	93	+ <div class="badge-info">
96	94	<figure>
97	95	<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
98	96	</figure>
99		- <h3>배지 ID 01</h3>
100		- <p>
101		- <span>100P</span>
102		- </p>
103		- <footer>
104		- <button type="button" class="btn">교환하기</button>
105		- </footer>
106		- </article>
	97	+ <div class="txt-area">
	98	+ <p>배지 ID 01</p>
	99	+ <strong>100P</strong>
	100	+ </div>
	101	+ </div>
	102	+ <button type="button" class="btn">교환하기</button>
107	103	</li>
108		- <li>
109		- <article>
	104	+ <li class="badge-card">
	105	+ <div class="badge-info">
110	106	<figure>
111		- <img src="badge01.png" alt="축하 배지">
	107	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
112	108	</figure>
113		- <h3>배지 ID 01</h3>
114		- <p>
115		- <span>100P</span>
116		- </p>
117		- <footer>
118		- <button type="button" class="btn primary">장착하기</button>
119		- </footer>
120		- </article>
	109	+ <div class="txt-area">
	110	+ <p>배지 ID 01</p>
	111	+ <strong>100P</strong>
	112	+ </div>
	113	+ </div>
	114	+ <button type="button" class="btn primary">장착하기</button>
121	115	</li>
122		- <li>
123		- <article>
	116	+ <li class="badge-card">
	117	+ <div class="badge-info">
124	118	<figure>
125		- <img src="badge01.png" alt="축하 배지">
	119	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
126	120	</figure>
127		- <h3>배지 ID 01</h3>
128		- <p>
129		- <span>100P</span>
130		- </p>
131		- <footer>
132		- <button type="button" class="btn" disabled>장착중</button>
133		- </footer>
134		- </article>
	121	+ <div class="txt-area">
	122	+ <p>배지 ID 01</p>
	123	+ <strong>100P</strong>
	124	+ </div>
	125	+ </div>
	126	+ <button type="button" class="btn" disabled>장착중</button>
	127	+ </li>
	128	+ <li class="badge-card">
	129	+ <div class="badge-info">
	130	+ <figure>
	131	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
	132	+ </figure>
	133	+ <div class="txt-area">
	134	+ <p>배지 ID 01</p>
	135	+ <strong>100P</strong>
	136	+ </div>
	137	+ </div>
	138	+ <button type="button" class="btn">교환하기</button>
	139	+ </li>
	140	+ <li class="badge-card">
	141	+ <div class="badge-info">
	142	+ <figure>
	143	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
	144	+ </figure>
	145	+ <div class="txt-area">
	146	+ <p>배지 ID 01</p>
	147	+ <strong>100P</strong>
	148	+ </div>
	149	+ </div>
	150	+ <button type="button" class="btn primary">장착하기</button>
	151	+ </li>
	152	+ <li class="badge-card">
	153	+ <div class="badge-info">
	154	+ <figure>
	155	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
	156	+ </figure>
	157	+ <div class="txt-area">
	158	+ <p>배지 ID 01</p>
	159	+ <strong>100P</strong>
	160	+ </div>
	161	+ </div>
	162	+ <button type="button" class="btn" disabled>장착중</button>
	163	+ </li>
	164	+ <li class="badge-card">
	165	+ <div class="badge-info">
	166	+ <figure>
	167	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
	168	+ </figure>
	169	+ <div class="txt-area">
	170	+ <p>배지 ID 01</p>
	171	+ <strong>100P</strong>
	172	+ </div>
	173	+ </div>
	174	+ <button type="button" class="btn">교환하기</button>
	175	+ </li>
	176	+ <li class="badge-card">
	177	+ <div class="badge-info">
	178	+ <figure>
	179	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
	180	+ </figure>
	181	+ <div class="txt-area">
	182	+ <p>배지 ID 01</p>
	183	+ <strong>100P</strong>
	184	+ </div>
	185	+ </div>
	186	+ <button type="button" class="btn primary">장착하기</button>
	187	+ </li>
	188	+ <li class="badge-card">
	189	+ <div class="badge-info">
	190	+ <figure>
	191	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
	192	+ </figure>
	193	+ <div class="txt-area">
	194	+ <p>배지 ID 01</p>
	195	+ <strong>100P</strong>
	196	+ </div>
	197	+ </div>
	198	+ <button type="button" class="btn" disabled>장착중</button>
135	199	</li>
136	200	</ul>
137	201	</section>
138		-
139	202	</div>
140	203	</div>
141	204	</div>

...	...	@@ -11,7 +11,6 @@
11	11	img {
12	12	width: 12rem;
13	13	height: 12rem;
14		- aspect-ratio: 1/1;
15	14	border-radius: $radius-full;
16	15	border: $size-stroke-xsm solid $color-stroke-default-secondary;
17	16	background: url(<path-to-image>) lightgray -128.286px -25.307px / 318% 212% no-repeat;
...	...	@@ -22,8 +21,11 @@
22	21	flex-direction: column;
23	22	align-items: flex-start;
24	23	gap: $spacing-lg;
25		- .profile-name {
	24	+ strong {
26	25	font-size: $size-font-xlg;
	26	+ }
	27	+ p {
	28	+ color: $color-font-default-secondary;
27	29	}
28	30	}
29	31	}
...	...	@@ -31,8 +33,7 @@
31	33	display: flex;
32	34	padding: $spacing-xlg $spacing-2xlg;
33	35	align-items: center;
34		- flex: 1 0 0;
35		- align-self: stretch;
	36	+ flex: 1;
36	37	border-radius: $radius-lg;
37	38	border: $size-stroke-xsm solid $color-stroke-default-tertiary;
38	39	background: $color-background-default-primary;
...	...	@@ -44,9 +45,8 @@
44	45	bottom: 0;
45	46	width: 18.7rem;
46	47	height: 8rem;
47		- aspect-ratio: 187/80;
48	48	background: url('/resources/front/site/SITE_00000/images/custom/common/img-obj.svg')
49		- no-repeat right bottom / contain;
	49	+ no-repeat right bottom / contain;
50	50	}
51	51	.point-list {
52	52	display: flex;
...	...	@@ -57,6 +57,9 @@
57	57	display: flex;
58	58	align-items: center;
59	59	gap: $spacing-xsm;
	60	+ dt {
	61	+ color: $color-font-default-tertiary;
	62	+ }
60	63	dd {
61	64	min-width: $form-width-sm;
62	65	font-size: $size-font-3xlg;
...	...	@@ -65,12 +68,9 @@
65	68	}
66	69	&::after {
67	70	content: '';
68		- display: inline-block;
69		- width: 40px;
70		- height: 40px;
71		- flex-shrink: 0;
72		- background: url('/resources/front/site/SITE_00000/images/common/common/ico-img-point.svg') no-repeat center / contain;
73		- vertical-align: middle;
	71	+ width: 4rem;
	72	+ height: 4rem;
	73	+ background: url('/resources/front/site/SITE_00000/images/custom/common/ico-img-point.svg')no-repeat center / contain;
74	74	}
75	75	}
76	76	.point-total {
...	...	@@ -81,10 +81,62 @@
81	81	gap: $spacing-2xsm;
82	82	border-radius: $radius-md;
83	83	background: $color-background-default-tertiary;
	84	+ color: $color-font-default-secondary;
84	85	dd {
85	86	font-weight: bold;
86	87	}
87	88	}
88		-
	89	+ }
	90	+}
	91	+.badge-set {
	92	+ display: grid;
	93	+ grid-template-columns: repeat(6, 1fr);
	94	+ column-gap: $spacing-lg;
	95	+ row-gap: $spacing-2xlg-4;
	96	+ .badge-card {
	97	+ display: flex;
	98	+ flex-direction: column;
	99	+ gap: $spacing-sm;
	100	+ .badge-info {
	101	+ display: flex;
	102	+ flex-direction: column;
	103	+ align-items: center;
	104	+ gap: $spacing-lg;
	105	+ padding: $spacing-lg $spacing-md;
	106	+ border-radius: $radius-md;
	107	+ border: $size-stroke-xsm solid $color-stroke-default-tertiary;
	108	+ background: $color-background-default-primary;
	109	+ flex: 1;
	110	+ text-align: center;
	111	+ figure {
	112	+ display: flex;
	113	+ width: 8rem;
	114	+ height: 8rem;
	115	+ justify-content: center;
	116	+ align-items: center;
	117	+ aspect-ratio: 1/1;
	118	+ img {
	119	+ width: 100%;
	120	+ height: 100%;
	121	+ }
	122	+ }
	123	+ p {
	124	+ color: $color-font-default-secondary;
	125	+ }
	126	+ strong {
	127	+ display: flex;
	128	+ align-items: center;
	129	+ font-size: $size-font-xlg;
	130	+ gap: $spacing-2xsm;
	131	+ color: $color-font-default-secondary;
	132	+ &::before {
	133	+ content: "";
	134	+ display: inline-block;
	135	+ width: 2.4rem;
	136	+ height: 2.4rem;
	137	+ background: url("/resources/front/site/SITE_00000/images/custom/common/ico-img-point.svg") no-repeat center / contain;
	138	+ }
	139	+ }
	140	+ }
89	141	}
90	142	} (파일 끝에 줄바꿈 문자 없음)

...	...	@@ -189,9 +189,7 @@
189	189	height: 36px;
190	190	border: 1px solid #B1B8BE;
191	191	width: 260px;
192		- -webkit-box-sizing: border-box;
193		- box-sizing: border-box;
194		- -webkit-transition: all 0.3s;
	192	+ box-sizing: border-box;
195	193	transition: all 0.3s;
196	194	}
197	195
...	...	@@ -226,8 +224,7 @@
226	224	input:focus,
227	225	textarea:focus {
228	226	border: 1px solid #B1B8BE;
229		- -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
230		- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	227	+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
231	228	}
232	229
233	230	textarea[disabled=disabled] {
...	...	@@ -235,16 +232,14 @@
235	232	}
236	233
237	234	textarea:focus[disabled=disabled] {
238		- -webkit-box-shadow: none;
239		- box-shadow: none;
	235	+ box-shadow: none;
240	236	}
241	237
242	238	input[type=ratio],
243	239	input[type=checkbox] {
244	240	border: 0;
245	241	height: auto;
246		- -webkit-box-shadow: none;
247		- box-shadow: none;
	242	+ box-shadow: none;
248	243	cursor: pointer;
249	244	vertical-align: middle;
250	245	}
...	...	@@ -260,8 +255,7 @@
260	255	background: #f9f9f9;
261	256	border: 1px solid #B1B8BE;
262	257	font-weight: 300;
263		- -webkit-box-shadow: none;
264		- box-shadow: none;
	258	+ box-shadow: none;
265	259	}
266	260
267	261	.al {
...	...	@@ -334,19 +328,12 @@
334	328	}
335	329
336	330	.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;
	331	+ flex-direction: column !important;
341	332	}
342	333
343	334	.print-tit-area, .print-page-tit-area {
344		- display: -webkit-box;
345		- display: -ms-flexbox;
346	335	display: flex;
347		- -webkit-box-pack: justify;
348		- -ms-flex-pack: justify;
349		- justify-content: space-between;
	336	+ justify-content: space-between;
350	337	gap: 0.8rem;
351	338	}
352	339	.lg.print-tit-area, .lg.print-page-tit-area {
...	...	@@ -360,14 +347,9 @@
360	347	.print-page-tit-area .c-area,
361	348	.print-tit-area .r-area,
362	349	.print-page-tit-area .r-area {
363		- display: -webkit-box;
364		- display: -ms-flexbox;
365	350	display: flex;
366		- -ms-flex-wrap: wrap;
367		- flex-wrap: wrap;
368		- -webkit-box-align: center;
369		- -ms-flex-align: center;
370		- align-items: center;
	351	+ flex-wrap: wrap;
	352	+ align-items: center;
371	353	gap: 0.4rem 0.8rem;
372	354	}
373	355	.print-tit-area .l-area > , .print-page-tit-area .l-area > ,
...	...	@@ -382,9 +364,7 @@
382	364	.print-page-tit-area .c-area:only-child,
383	365	.print-tit-area .r-area:only-child,
384	366	.print-page-tit-area .r-area:only-child {
385		- -webkit-box-flex: 1;
386		- -ms-flex: 1;
387		- flex: 1;
	367	+ flex: 1;
388	368	}
389	369	.print-tit-area .l-area .checkradio, .print-page-tit-area .l-area .checkradio,
390	370	.print-tit-area .c-area .checkradio,
...	...	@@ -394,42 +374,29 @@
394	374	margin-right: 0;
395	375	}
396	376	.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;
	377	+ justify-content: center;
400	378	}
401	379	.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;
	380	+ align-items: center;
405	381	}
406	382	.print-tit-area .r-area, .print-page-tit-area .r-area {
407		- -webkit-box-pack: end;
408		- -ms-flex-pack: end;
409		- justify-content: flex-end;
	383	+ justify-content: flex-end;
410	384	}
411	385	.center.print-tit-area, .center.print-page-tit-area {
412		- -webkit-box-pack: center;
413		- -ms-flex-pack: center;
414		- justify-content: center;
	386	+ justify-content: center;
415	387	}
416	388	.vcenter.print-tit-area, .vcenter.print-page-tit-area {
417		- -webkit-box-align: center;
418		- -ms-flex-align: center;
419		- align-items: center;
	389	+ align-items: center;
420	390	}
421	391	.print-tit-area .dir-col, .print-page-tit-area .dir-col {
422		- -webkit-box-align: start;
423		- -ms-flex-align: start;
424		- align-items: flex-start;
	392	+ align-items: flex-start;
425	393	}
426	394
427	395	.print-page {
428	396	font-size: 1.4rem;
429	397	width: 210mm;
430	398	width: 100%;
431		- -webkit-box-sizing: border-box;
432		- box-sizing: border-box;
	399	+ box-sizing: border-box;
433	400	max-width: 21.7cm;
434	401	margin: 0 auto;
435	402	}
...	...	@@ -672,21 +639,14 @@
672	639	}
673	640
674	641	.flex-box {
675		- display: -webkit-box;
676		- display: -ms-flexbox;
677	642	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;
	643	+ flex-wrap: wrap;
	644	+ align-items: center;
683	645	gap: 0.8rem;
684	646	}
685	647
686	648	.flex1 {
687		- -webkit-box-flex: 1;
688		- -ms-flex: 1;
689		- flex: 1;
	649	+ flex: 1;
690	650	}
691	651
692	652	.print-page:has(.print-full, .print-certificate) {
...	...	@@ -715,21 +675,12 @@
715	675	gap: 2.4rem;
716	676	}
717	677	.print-sign .txt {
718		- display: -webkit-box;
719		- display: -ms-flexbox;
720	678	display: flex;
721		- -webkit-box-orient: vertical;
722		- -webkit-box-direction: normal;
723		- -ms-flex-direction: column;
724		- flex-direction: column;
	679	+ flex-direction: column;
725	680	gap: 0.4rem;
726	681	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;
	682	+ justify-content: center;
	683	+ align-items: center;
733	684	}
734	685	.print-sign .date {
735	686	font-weight: 800;
...	...	@@ -737,7 +688,6 @@
737	688	.print-sign .sign {
738	689	position: relative;
739	690	text-align: center;
740		- width: -webkit-fit-content;
741	691	width: -moz-fit-content;
742	692	width: fit-content;
743	693	margin: 0 auto;
...	...	@@ -748,30 +698,22 @@
748	698	position: absolute;
749	699	vertical-align: middle;
750	700	top: 50%;
751		- -webkit-transform: translate(-20%, -50%);
752		- transform: translate(-20%, -50%);
	701	+ transform: translate(-20%, -50%);
753	702	z-index: -1;
754	703	}
755	704
756	705	.print-certificate {
757		- display: -webkit-box;
758		- display: -ms-flexbox;
759	706	display: flex;
760		- -webkit-box-orient: vertical;
761		- -webkit-box-direction: normal;
762		- -ms-flex-direction: column;
763		- flex-direction: column;
	707	+ flex-direction: column;
764	708	height: 100%;
765	709	padding: 1.4cm;
766		- -webkit-box-sizing: border-box;
767		- box-sizing: border-box;
	710	+ box-sizing: border-box;
768	711	}
769	712	.print-certificate .certificate-symbol {
770	713	position: absolute;
771	714	top: 50%;
772	715	left: 50%;
773		- -webkit-transform: translate(-50%, -50%);
774		- transform: translate(-50%, -50%);
	716	+ transform: translate(-50%, -50%);
775	717	z-index: -1;
776	718	}
777	719	.print-certificate .certificate-header,
...	...	@@ -789,9 +731,7 @@
789	731	font-weight: 800;
790	732	}
791	733	.print-certificate .certificate-body {
792		- -webkit-box-flex: 1;
793		- -ms-flex: 1;
794		- flex: 1;
	734	+ flex: 1;
795	735	}
796	736	.print-certificate .certificate-footer {
797	737	padding: 8rem 0;
...	...	@@ -802,8 +742,6 @@
802	742	font-size: 1.6rem;
803	743	}
804	744	.print-certificate .certificate-info-list > li {
805		- display: -webkit-box;
806		- display: -ms-flexbox;
807	745	display: flex;
808	746	}
809	747	.print-certificate .certificate-info-list > li strong {
...	...	@@ -820,16 +758,9 @@
820	758	font-weight: 800;
821	759	}
822	760	.print-certificate .sign-area {
823		- display: -webkit-box;
824		- display: -ms-flexbox;
825	761	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;
	762	+ flex-direction: column;
	763	+ align-items: center;
833	764	gap: 1.6rem;
834	765	}
835	766	.print-certificate .sign-area .date {
...	...	@@ -840,7 +771,6 @@
840	771	.print-certificate .sign-area .sign {
841	772	position: relative;
842	773	text-align: center;
843		- width: -webkit-fit-content;
844	774	width: -moz-fit-content;
845	775	width: fit-content;
846	776	margin: 0 auto;
...	...	@@ -854,8 +784,7 @@
854	784	position: absolute;
855	785	vertical-align: middle;
856	786	top: 50%;
857		- -webkit-transform: translate(-20%, -50%);
858		- transform: translate(-20%, -50%);
	787	+ transform: translate(-20%, -50%);
859	788	z-index: -1;
860	789	}
861	790
...	...	@@ -867,18 +796,13 @@
867	796	@bottom-center {
868	797	counter-increment: page/2;
869	798	content: "- " counter(page) " -";
870		- display: -webkit-box;
871		- display: -ms-flexbox;
872	799	display: flex;
873		- -webkit-box-align: end;
874		- -ms-flex-align: end;
875		- align-items: flex-end;
	800	+ align-items: flex-end;
876	801	font-size: 12px;
877	802	height: 0.8cm;
878	803	}
879	804	.pdf-page {
880	805	padding: 0 0.5cm;
881		- -webkit-box-sizing: border-box;
882		- box-sizing: border-box;
	806	+ box-sizing: border-box;
883	807	}
884	808	}/# sourceMappingURL=print.css.map / (파일 끝에 줄바꿈 문자 없음)

Delete comment