Commit @c3800be65841d9d53d901621f30d9ead71e30fc9

kimgkdud898 2023-11-16

231116김하영 반응형 수정

@c3800be65841d9d53d901621f30d9ead71e30fc9

141f166

c3800be

client/resources/css/Main.css

--- client/resources/css/Main.css

+++ client/resources/css/Main.css


   min-height: inherit;
 }
 
-/* 메뉴 */
-
 /* 메인 */
 .main-box {
   width: 100%;

 
 .main-grid-name {
   width: 100%;
-  height: 7rem;
+  height: 6rem;
   display: flex;
   font-family: SBaggroM;
   background: url(../jpg/notice-banner.png) no-repeat center center;

   width: 77%;
   /* height: 7rem; */
   padding-left: 1rem;
-  line-height: 7rem;
+  line-height: 6rem;
   font-size: 2rem;
   color: white;
   background-size: cover;

   background-color: #33333300;
   text-align: center;
   width: 100%;
-  /* padding-bottom: 2.8rem; */
+  padding-bottom: 1.5rem;
 }
 
 .main-wrap-grid-4 div img {

   text-align: center;
   margin: 0 auto;
   padding-top: 4rem;
-  padding-bottom: 2.5rem;
+  padding-bottom: 1.5rem;
 }
 
 .main-wrap-grid-3 {

 
 .mat-sec1 {
   display: grid;
-  grid-template-columns: 85% 15%;
+  grid-template-columns: 80% 20%;
   padding: 2rem 3rem 1rem 3rem;
   background-color: #f4f4f4;
   border-top: 1px solid rgb(199, 199, 199);

 }
 
 .mat-sec1 div {
-  padding: 1rem;
+  padding: 1rem 0.5rem;
   border-radius: 0.5rem;
   margin-top: 3rem;
   /* text-align: right; */

 
 .guide-logo-bt i,
 .guide-logo-bt a {
-  color: #c26400;
+  color: #ffffff;
+  text-align: center;
 }
 
 .guide-sec {
   padding: 3rem;
 }
+.guide-sec img {
+  width: 100%;
+}
 .guide-logo-bt {
-  font-size: 3rem;
-  width: 70%;
+  background-color: #00335a;
   padding-right: 3rem;
   font-family: SBaggroM;
   text-align: right;
   margin: 0 auto;
-  color: #c26400;
+  color: #ffffff;
   padding: 1.5rem;
   border-radius: 2rem;
   cursor: pointer;

   width: 300px;
   height: 175px;
   margin: 0 0 2rem;
+  overflow: hidden;
   background-color: #f9f9f9;
   border-radius: 1rem;
 }

   transform: translate(-50%, -50%);
 }
 .pwchange-div p {
+  font-size: 1.5rem;
   padding: 1rem 0;
+  font-weight: 700;
+}
+.pwchange-div ul > li {
+  padding: 0.5rem 0;
 }
 .pwchang-div > div:nth-child(1) {
   padding: 1rem 0;

   display: flex;
   flex-wrap: nowrap;
   padding: 1rem 0;
-}
-.pwchange2-button button,
-.pwchange-div button {
-  width: 48%;
 }
 
 .pwchange2-button .dark-gray-btn {

141f166

c3800be

client/resources/css/admin.css

--- client/resources/css/admin.css

+++ client/resources/css/admin.css


   cursor: pointer;
   padding: 0 10px;
   font-size: 1.4rem;
-  color: #ccc;
+  color: #888;
 }
 
-.category-bar input:checked+label.category,
-.category-bar input:checked+label.category {
+.category-bar input:checked + label.category,
+.category-bar input:checked + label.category {
   background: #c8e3ff;
   color: #007aff;
   border: 0;
 }
-
 
 /* 메인 */
 .admin-wrap,

 
 .menu-grid li.green {
   border: 2px solid #6eb484;
-
 }
 
 .menu-grid li.yellow {

   font-size: 1.8rem;
 }
 
-.menu-grid .main-sub-title{
+.menu-grid .main-sub-title {
   padding-bottom: 10px;
   color: #aaa;
   margin-bottom: 10px;

   margin-right: 10px;
 }
 
-input:checked+label.category,
-input:checked+label.category {
+input:checked + label.category,
+input:checked + label.category {
   background: #535353;
   color: #fff;
 }

   flex: 0 0 20%;
 }
 
-
 .search-zone {
   padding: 10px 0;
 }

   gap: 20px;
 }
 
-.list-zone>div>p {
+.list-zone > div > p {
   padding: 10px 0;
   font-size: 1.4rem;
   color: #aaa;

   color: #aaa;
 }
 
-
 .views,
 .writer {
   color: #3f87f7;

   margin-right: 5px;
 }
 
-
 /* 기술문서 */
 .tech-wrap,
 .content-box {

   height: 100%;
   font-size: 1.3rem;
 }
-
-
-
 
 /* 사용자관리 */
 .user-wrap,

   padding: 15px;
 }
 
-.modal-content-monthly>div {
+.modal-content-monthly > div {
   margin-bottom: 10px;
 }
 

   color: rgb(1, 176, 77);
 }
 
-
 .grid {
   display: grid;
   grid-template-columns: 1fr 1fr;

 
 .period span {
   text-align: center;
-}
+}

141f166

c3800be

client/resources/css/common.css

--- client/resources/css/common.css

+++ client/resources/css/common.css


   padding: 1.5rem;
   border-top: 1px solid rgb(187, 187, 187);
   text-align: center;
-  font-size: 1.5rem;
+  font-size: 1.2rem;
   font-weight: 500;
   color: #333;
   cursor: pointer;

   border-radius: 6px;
   background-color: #007aff;
   color: #fff;
-  font-size: 1.5rem;
+  font-size: 1.3rem;
+
   cursor: pointer;
   transition: background-color 0.3s ease-in-out;
 }

   width: 60px;
 }
 .page-logo h1 {
-  font-size: 3.5rem;
+  font-size: 3rem;
   font-family: SBaggroM;
   font-weight: 500;
   color: #0e0077;

   color: #fff;
   border-radius: 5px 5px 0 0;
 }
+
+.option-btn {
+  width: 100%;
+}

141f166

c3800be

client/resources/css/footer.css

--- client/resources/css/footer.css

+++ client/resources/css/footer.css


   margin: 0 auto;
 }
 .footer h1 {
-  font-size: 2rem;
+  font-size: 1.2rem;
   padding-bottom: 1rem;
 }
 .email,

 }
 .email p {
   flex: 0 0 99%;
-  font-size: 1.5rem;
+  font-size: 1.2rem;
 }
 .call p {
   flex: 0 0 70%;

141f166

c3800be

client/resources/css/header.css

--- client/resources/css/header.css

+++ client/resources/css/header.css


 }
 .header ul li a,
 .header ul li p {
-  font-size: 1.2rem;
+  font-size: 1rem;
   color: #fff;
 }
 

 ul.main-menu > li > a {
   display: block;
   padding: 1.5rem 2.5rem;
-  font-size: 1.6rem;
   font-weight: 500;
   font-family: "Pretendard-Regular";
 }

 ul.sub-menu > li > a {
   display: block;
   padding: 10px;
-  font-size: 1.5rem !important;
+  font-size: 1.2rem !important;
   font-weight: 500;
   font-family: "Pretendard-Regular";
   padding-bottom: 2rem;

141f166

c3800be

client/resources/css/responsive.css

--- client/resources/css/responsive.css

+++ client/resources/css/responsive.css


     flex-direction: column;
   }
   .page-logo h1 {
-    padding: 0 3rem;
-    font-size: 3rem;
+    padding: 3rem 3rem 2rem;
+    font-size: 3.2rem;
   }
   table,
   thead,

   .data-table-tr td:nth-child(2) {
     text-align: right;
   }
-  .title-zone .flex {
-    flex-direction: column;
-  }
-  .title-zone .flex-end {
-    flex-direction: column;
-  }
+
   /* 햄버거(서브메뉴) */
   .sub-nav,
   .toggle {
-    opacity: 1;
+    display: block;
   }
   .sub-nav {
     position: relative;

   /* 메인 */
   .main-box-wrap {
     width: 93%;
+    min-height: 275px;
     padding: 1rem;
     grid-template-columns: 0;
   }
   .main-text p {
     font-size: 0.8rem;
-    transform: translateY(-45px);
+    transform: translateY(-38px);
   }
   .main-text span {
     font-size: 1.5rem;

     grid-template-columns: 1fr;
   }
   .data-banner h2 {
+    font-size: 2.5rem;
+    justify-content: center;
+    align-items: center !important;
     transform: translateY(0px);
+  }
+  .data-banner h2 > span {
+    font-size: 1rem;
   }
   .data-banner button p {
     transform: translateY(0px);

   .insert-table td:before {
     display: none;
   }
+  .data-banner {
+    gap: 2rem;
+  }
+  .data-banner button {
+    width: 56%;
+    height: 15rem;
+  }
   /* 기업홍보관 */
   .matching-text {
     font-size: 1.5rem;

   }
   /* 홍보/뉴스 */
   .news-bos {
+    width: 80%;
+    margin: 0 auto;
     grid-template-columns: 1fr;
   }
   .modal-content {

     font-size: 1.7rem;
     background-color: #33333300;
   }
+
   /* 전문가 협의체 */
   .wg-search-bos {
     padding: 2rem;

   .wg-title2 p {
     text-align: left;
   }
+  .wg-grid-1 .blue-btn {
+    margin-left: 0px;
+  }
   /* 전문가 협의체 테이블 */
   .wg-table td:nth-of-type(2):before {
     content: "워킹그룹";

     text-align: right;
   }
   .data-btn-wrap select {
-    width: 86%;
+    width: 53%;
+    margin-right: 10rem;
+    margin-left: 9px;
   }
+
   .data-btn-wrap .input-group input {
     margin-bottom: 0.5rem;
+    width: 200px;
+    margin-right: 0px;
   }
   .noti-bos .btn-wrap,
   .noti-bos .input-group {

     padding: 1rem;
     margin: 2rem;
   }
+  .matDtail-sec {
+    padding: 0px;
+  }
+  .matchingbox-img {
+    width: 100%;
+  }
   /* 회원가입 */
   .join-b-button {
     grid-template-columns: 1fr;

     padding: 0px;
   }
   .pwchange-div {
-    width: 50%;
+    width: 80%;
     padding: 1rem;
   }
   .pwchange2-button {

   }
   .mat-sec2-bt button {
     width: 100%;
+  }
+  /* 가이드라인 */
+  .guide-logo {
+    grid-template-columns: 1fr;
+  }
+  .guide-sec img {
+    width: 100%;
+  }
+  .guide-logo-bt {
+    margin: 0 auto;
+  }
+  .guide-logo-bt a {
+    color: white;
+    padding: 1rem;
   }
 }
 

   /* 햄버거(서브메뉴) */
   .sub-nav,
   .toggle {
-    opacity: 1;
+    display: block;
   }
   .sub-nav {
     position: relative;

   .logo-toggle {
     width: 100%;
     display: flex;
+    justify-content: space-around;
     padding: 1rem 0;
   }
 

   .wg-title2 p {
     text-align: left;
   }
+
   /* 전문가 협의체 테이블 */
   .wg-table td:nth-of-type(2):before {
     content: "워킹그룹";

     width: 100%;
     display: flex;
     padding: 1rem 0;
+    justify-content: space-around;
   }
 
   .logo {

     width: 93%;
     padding: 1rem;
     margin: 0 auto;
+    height: 50rem;
     grid-template-columns: 0;
   }
   .main-text p {

   }
 }
 /* 노트북 */
-@media all and (min-width:1024px) and (max-width:1366px) { 
-  .w1400{
+@media all and (min-width: 1024px) and (max-width: 1366px) {
+  .w1400 {
     width: 100%;
- 
   }
-  .main-box-wrap{
+  .main-box-wrap {
     width: 90%;
     margin: 0 auto;
   }
-  .main-wrap-news{
+  .main-wrap-news {
     width: 90%;
   }
-  .main-content-wrap{
+  .main-content-wrap {
     width: 90%;
     margin: 0 auto;
   }
-  .main-partner-logo{
+  .main-partner-logo {
     width: 90%;
     margin: 0 auto;
   }

141f166

c3800be

client/views/pages/admin/databook/DataInsert.vue

--- client/views/pages/admin/databook/DataInsert.vue

+++ client/views/pages/admin/databook/DataInsert.vue


                                 <div class="flex-start">
                                     <div>
                                         <input type="radio" name="category" id="policy" value="policy" style="display:none"
-                                            checked v-model="post.ctgry_nm">
+                                            v-model="post.ctgry_nm">
                                         <label for="policy" class="category">정책자료</label>
                                     </div>
                                     <div>

141f166

c3800be

client/views/pages/admin/technology/TechInsert.vue

--- client/views/pages/admin/technology/TechInsert.vue

+++ client/views/pages/admin/technology/TechInsert.vue


                             <td>
                                 <div class="flex-start">
                                     <div>
-                                        <input type="radio" name="category" id="api"  value="api" style="display:none" checked
+                                        <input type="radio" name="category" id="api" value="api" style="display:none"
                                             v-model="post.ctgry_nm">
                                         <label for="api" class="category">API</label>
                                     </div>

                 post_content: null,
                 link_url: null,
                 // 카테고리가 없는 게시판에서는 null로 설정 부탁합니다!
-                ctgry_nm: 'api',
+                ctgry_nm: null,
             },
             fileList: [],
             filecount: 0,

                 alert("카테고리를 선택해주세요.");
                 return false;
             }
-            
+
             if (COMMON_UTIL.isEmpty(this.post.post_content) === false || this.post.post_content === "<p><br></p>") {
                 alert("내용을 입력해주세요.");
                 return false;

141f166

c3800be

client/views/pages/admin/technology/TechSelectList.vue

--- client/views/pages/admin/technology/TechSelectList.vue

+++ client/views/pages/admin/technology/TechSelectList.vue


                     <div class="flex">
                         <div class="category-bar flex-start">
                             <div>
-                                <input type="radio" name="category" id="all" :value= null style="display:none" checked @click="ctgry($event)">
+                                <input type="radio" name="category" id="all" :value=null style="display:none" checked
+                                    @click="ctgry($event)">
                                 <label for="all" class="category">전체</label>
                             </div>
                             <div>
-                                <input type="radio" name="category" id="policy" value="api" style="display:none" @click="ctgry($event)">
+                                <input type="radio" name="category" id="policy" value="api" style="display:none"
+                                    @click="ctgry($event)">
                                 <label for="policy" class="category">API</label>
                             </div>
                             <div>
-                                <input type="radio" name="category" id="research" value="tech" style="display:none" @click="ctgry($event)">
+                                <input type="radio" name="category" id="research" value="tech" style="display:none"
+                                    @click="ctgry($event)">
                                 <label for="research" class="category">기술리포트</label>
                             </div>
                             <div>
-                                <input type="radio" name="category" id="guide" value="standard" style="display:none" @click="ctgry($event)">
+                                <input type="radio" name="category" id="guide" value="standard" style="display:none"
+                                    @click="ctgry($event)">
                                 <label for="guide" class="category">기술규격문서</label>
                             </div>
                         </div>

                     </tbody>
                 </table>
                 <div class="btn-wrap">
-                    <button class="blue-btn"  @click="postInsertPage()">글쓰기</button>
+                    <button class="blue-btn" @click="postInsertPage()">글쓰기</button>
                 </div>
                 <div class="bottom-wrap">
                     <PaginationButton v-model:currentPage="postListSearch.currentPage" :perpage="postListSearch.perPage"

             this.$router.push({ path: '/adm/techInsert.page', query: {} })
         },
 
-        ctgry: function(e) {
+        ctgry: function (e) {
             this.postListSearch.ctgry_nm = e.target.value;
-            if(this.postListSearch.ctgry_nm === 'on') {
+            if (this.postListSearch.ctgry_nm === 'on') {
                 this.postListSearch.ctgry_nm = null
             }
             this.postSelectList();

141f166

c3800be

client/views/pages/user/Data/Data.vue

--- client/views/pages/user/Data/Data.vue

+++ client/views/pages/user/Data/Data.vue


                                 <div class="input-group">
                                     <input type="text" class="input" placeholder="검색어를 입력해주세요."
                                         v-model="postListSearch.searchText" @keyup.enter="postSelectList()">
-                                    <input class="button--submit" value="검색" type="submit" @click="postSelectList()">
+                                    <button class="button--submit" value="검색" type="submit"
+                                        @click="postSelectList()"></button>
                                 </div>
                             </div>
                         </div>

                     <div class="data-table-tr">
                         <table>
                             <th style="width:5%">no</th>
-                            <th style="width:10%">카테고리</th>
-                            <th style="width:55%">제목</th>
+                            <th style="width:15%">카테고리</th>
+                            <th style="width:45%">제목</th>
                             <th style="width:10%">작성자</th>
-                            <th style="width:10%">작성일자</th>
-                            <th style="width:10%">조회수</th>
+                            <th style="width:15%">작성일자</th>
+                            <th style="width:20%">조회수</th>
 
                             <tr v-for="(item, idx) in postList" :key="idx" @click="postSelectOnePage(item)">
                                 <td>{{ postIdx - idx }}</td>

141f166

c3800be

client/views/pages/user/Data/Guide.vue

--- client/views/pages/user/Data/Guide.vue

+++ client/views/pages/user/Data/Guide.vue


                 <section class="guide-logo page-logo">
                     <h1>AI 디지털교과서 개발 가이드라인</h1>
                     <div class="guide-logo-bt">
-                        <a style="font-size: 15px;" class="down-btn-1"
-                            href="https://webst.edunet.net/AIDT/AI 디지털교과서 개발 가이드라인.pdf" target='_blank' download>
+                        <a class="down-btn-1" href="https://webst.edunet.net/AIDT/AI 디지털교과서 개발 가이드라인.pdf" target='_blank'
+                            download>
                             <i class="fa-solid fa-circle-down guide_i"
-                                style="font-size: 20px; margin-right: 10px;"></i>가이드라인 다운받기</a>
+                                style="font-size: 14px; margin-right: 10px;"></i>가이드라인 다운받기</a>
                     </div>
                 </section>
 

141f166

c3800be

client/views/pages/user/community/Notice.vue

--- client/views/pages/user/community/Notice.vue

+++ client/views/pages/user/community/Notice.vue

...	...	@@ -37,7 +37,7 @@
37	37	<td>{{ item.view_cnt }}</td>
38	38	</tr>
39	39	<tr v-if="postListCount == 0">
40		- <td style="font-size: 20px;" colspan="5">검색조건에 해당하는 데이터가 없습니다.</td>
	40	+ <td colspan="5">검색조건에 해당하는 데이터가 없습니다.</td>
41	41	</tr>
42	42	</table>
43	43	</div>

141f166

c3800be

client/views/pages/user/community/Wgcommunity.vue

--- client/views/pages/user/community/Wgcommunity.vue

+++ client/views/pages/user/community/Wgcommunity.vue


                                 <div class="wg-title">
                                     <label for="authorSearch">워킹그룹</label>
                                     <select id="groupSelect" v-model="postListSearch.ctgry_nm">
-                                        <option value=null >워킹그룹</option>
+                                        <option value=null>워킹그룹</option>
                                         <option value="WG1">교육과정 표준체계</option>
                                         <option value="WG2">맞춤학습지원 기능</option>
                                         <option value="WG3">접근성/UDL</option>

                                         <option value="WG9">학교 인프라</option>
                                         <option value="WG10">서비스 품질관리</option>
                                         <option value="WG11">서비스 정책</option>
-                                        </select>
+                                    </select>
                                 </div>
                                 <div>
-                                    <select v-model="postListSearch.searchType" name="data-table-sild" id="data-table-sild">
-                                        <option :value=null selected>전체</option>
+                                    <select v-model="postListSearch.searchType" name="data-table-sild" class="option-btn"
+                                        id="data-table-sild">
+                                        <option :value=null selected class="option-btn">전체</option>
                                         <option value="title">제목</option>
                                         <option value="content">내용</option>
                                         <option value="writer">작성자</option>

                                 </div>
                                 <div>
                                     <input id="titleSearch" type="text" placeholder="검색어를 입력해주세요."
-                                            v-model="postListSearch.searchText" @keyup.enter="postSelectList()">
+                                        v-model="postListSearch.searchText" @keyup.enter="postSelectList()">
                                 </div>
                                 <button class="blue-btn" @click="postSelectList()"> 검색</button>
 

                         </div>
                     </div>
                     <div class="sort-wrap">
-                        <ul class="flex-end">
+                        <ul class="flex-end sort-wrap-flex">
                             <li>최신순</li>
                             <li>등록순</li>
                             <li>조회수순</li>

                                     <th style="width:5%">no</th>
                                     <th style="width:23%">워킹그룹</th>
                                     <th style="width:45%">제목</th>
-                                    <th style="width:10%">작성자</th>
-                                    <th style="width:10%">작성일자</th>
-                                    <th style="width:7%">조회수</th>
+                                    <th style="width:5%">작성자</th>
+                                    <th style="width:15%">작성일자</th>
+                                    <th style="width:17%">조회수</th>
                                 </tr>
                             </thead>
                             <tbody>
                                 <tr v-for="(item, idx) in postList" :key="idx" @click="postSelectOnePage(item)">
                                     <td>{{ postIdx - idx }}</td>
-                                    <td v-if="item.ctgry_nm === 'WG1'"><span class="category-zone">(WG1)교육과정 표준체계</span></td>
-                                    <td v-else-if="item.ctgry_nm === 'WG2'"><span class="category-zone">(WG2)맞춤학습지원 기능</span></td>
-                                    <td v-else-if="item.ctgry_nm === 'WG3'"><span class="category-zone">(WG3)접근성/UDL</span></td>
-                                    <td v-else-if="item.ctgry_nm === 'WG4'"><span class="category-zone">(WG4)클라우드 보안인증</span></td>
-                                    <td v-else-if="item.ctgry_nm === 'WG5'"><span class="category-zone">(WG5)통합인증체계</span></td>
-                                    <td v-else-if="item.ctgry_nm === 'WG6'"><span class="category-zone">(WG6)학습이력데이터/통합대시보드</span></td>
-                                    <td v-else-if="item.ctgry_nm === 'WG7'"><span class="category-zone">(WG7)AI 트레이닝 데이터</span></td>
-                                    <td v-else-if="item.ctgry_nm === 'WG8'"><span class="category-zone">(WG8)국가수준 학습분석</span></td>
-                                    <td v-else-if="item.ctgry_nm === 'WG9'"><span class="category-zone">(WG9)학교 인프라</span></td>
-                                    <td v-else-if="item.ctgry_nm === 'WG10'"><span class="category-zone">(WG10)서비스 품질관리</span></td>
+                                    <td v-if="item.ctgry_nm === 'WG1'"><span class="category-zone">(WG1)교육과정 표준체계</span>
+                                    </td>
+                                    <td v-else-if="item.ctgry_nm === 'WG2'"><span class="category-zone">(WG2)맞춤학습지원
+                                            기능</span></td>
+                                    <td v-else-if="item.ctgry_nm === 'WG3'"><span class="category-zone">(WG3)접근성/UDL</span>
+                                    </td>
+                                    <td v-else-if="item.ctgry_nm === 'WG4'"><span class="category-zone">(WG4)클라우드
+                                            보안인증</span></td>
+                                    <td v-else-if="item.ctgry_nm === 'WG5'"><span class="category-zone">(WG5)통합인증체계</span>
+                                    </td>
+                                    <td v-else-if="item.ctgry_nm === 'WG6'"><span
+                                            class="category-zone">(WG6)학습이력데이터/통합대시보드</span></td>
+                                    <td v-else-if="item.ctgry_nm === 'WG7'"><span class="category-zone">(WG7)AI 트레이닝
+                                            데이터</span></td>
+                                    <td v-else-if="item.ctgry_nm === 'WG8'"><span class="category-zone">(WG8)국가수준
+                                            학습분석</span></td>
+                                    <td v-else-if="item.ctgry_nm === 'WG9'"><span class="category-zone">(WG9)학교 인프라</span>
+                                    </td>
+                                    <td v-else-if="item.ctgry_nm === 'WG10'"><span class="category-zone">(WG10)서비스
+                                            품질관리</span></td>
                                     <td v-else><span class="category-zone">(WG11)서비스 정책</span></td>
                                     <td>{{ item.post_title }}</td>
                                     <td>{{ item.rgtr_id }}</td>

         postSelectList: function () {
             const vm = this;
 
-            if(vm.postListSearch.ctgry_nm === 'null') {
+            if (vm.postListSearch.ctgry_nm === 'null') {
                 vm.postListSearch.ctgry_nm = null
             }
-            
+
             axios({
                 url: '/post/postSelectList.json',
                 method: 'post',

Add a comment

Open 0
Closed 0

List

...	...	@@ -17,8 +17,6 @@
17	17	min-height: inherit;
18	18	}
19	19
20		-/* 메뉴 */
21		-
22	20	/* 메인 */
23	21	.main-box {
24	22	width: 100%;
...	...	@@ -109,7 +107,7 @@
109	107
110	108	.main-grid-name {
111	109	width: 100%;
112		- height: 7rem;
	110	+ height: 6rem;
113	111	display: flex;
114	112	font-family: SBaggroM;
115	113	background: url(../jpg/notice-banner.png) no-repeat center center;
...	...	@@ -133,7 +131,7 @@
133	131	width: 77%;
134	132	/* height: 7rem; */
135	133	padding-left: 1rem;
136		- line-height: 7rem;
	134	+ line-height: 6rem;
137	135	font-size: 2rem;
138	136	color: white;
139	137	background-size: cover;
...	...	@@ -212,7 +210,7 @@
212	210	background-color: #33333300;
213	211	text-align: center;
214	212	width: 100%;
215		- /* padding-bottom: 2.8rem; */
	213	+ padding-bottom: 1.5rem;
216	214	}
217	215
218	216	.main-wrap-grid-4 div img {
...	...	@@ -231,7 +229,7 @@
231	229	text-align: center;
232	230	margin: 0 auto;
233	231	padding-top: 4rem;
234		- padding-bottom: 2.5rem;
	232	+ padding-bottom: 1.5rem;
235	233	}
236	234
237	235	.main-wrap-grid-3 {
...	...	@@ -660,7 +658,7 @@
660	658
661	659	.mat-sec1 {
662	660	display: grid;
663		- grid-template-columns: 85% 15%;
	661	+ grid-template-columns: 80% 20%;
664	662	padding: 2rem 3rem 1rem 3rem;
665	663	background-color: #f4f4f4;
666	664	border-top: 1px solid rgb(199, 199, 199);
...	...	@@ -677,7 +675,7 @@
677	675	}
678	676
679	677	.mat-sec1 div {
680		- padding: 1rem;
	678	+ padding: 1rem 0.5rem;
681	679	border-radius: 0.5rem;
682	680	margin-top: 3rem;
683	681	/* text-align: right; */
...	...	@@ -1146,20 +1144,23 @@
1146	1144
1147	1145	.guide-logo-bt i,
1148	1146	.guide-logo-bt a {
1149		- color: #c26400;
	1147	+ color: #ffffff;
	1148	+ text-align: center;
1150	1149	}
1151	1150
1152	1151	.guide-sec {
1153	1152	padding: 3rem;
1154	1153	}
	1154	+.guide-sec img {
	1155	+ width: 100%;
	1156	+}
1155	1157	.guide-logo-bt {
1156		- font-size: 3rem;
1157		- width: 70%;
	1158	+ background-color: #00335a;
1158	1159	padding-right: 3rem;
1159	1160	font-family: SBaggroM;
1160	1161	text-align: right;
1161	1162	margin: 0 auto;
1162		- color: #c26400;
	1163	+ color: #ffffff;
1163	1164	padding: 1.5rem;
1164	1165	border-radius: 2rem;
1165	1166	cursor: pointer;
...	...	@@ -1698,6 +1699,7 @@
1698	1699	width: 300px;
1699	1700	height: 175px;
1700	1701	margin: 0 0 2rem;
	1702	+ overflow: hidden;
1701	1703	background-color: #f9f9f9;
1702	1704	border-radius: 1rem;
1703	1705	}
...	...	@@ -2570,7 +2572,12 @@
2570	2572	transform: translate(-50%, -50%);
2571	2573	}
2572	2574	.pwchange-div p {
	2575	+ font-size: 1.5rem;
2573	2576	padding: 1rem 0;
	2577	+ font-weight: 700;
	2578	+}
	2579	+.pwchange-div ul > li {
	2580	+ padding: 0.5rem 0;
2574	2581	}
2575	2582	.pwchang-div > div:nth-child(1) {
2576	2583	padding: 1rem 0;
...	...	@@ -2585,10 +2592,6 @@
2585	2592	display: flex;
2586	2593	flex-wrap: nowrap;
2587	2594	padding: 1rem 0;
2588		-}
2589		-.pwchange2-button button,
2590		-.pwchange-div button {
2591		- width: 48%;
2592	2595	}
2593	2596
2594	2597	.pwchange2-button .dark-gray-btn {

...	...	@@ -20,16 +20,15 @@
20	20	cursor: pointer;
21	21	padding: 0 10px;
22	22	font-size: 1.4rem;
23		- color: #ccc;
	23	+ color: #888;
24	24	}
25	25
26		-.category-bar input:checked+label.category,
27		-.category-bar input:checked+label.category {
	26	+.category-bar input:checked + label.category,
	27	+.category-bar input:checked + label.category {
28	28	background: #c8e3ff;
29	29	color: #007aff;
30	30	border: 0;
31	31	}
32		-
33	32
34	33	/* 메인 */
35	34	.admin-wrap,
...	...	@@ -90,7 +89,6 @@
90	89
91	90	.menu-grid li.green {
92	91	border: 2px solid #6eb484;
93		-
94	92	}
95	93
96	94	.menu-grid li.yellow {
...	...	@@ -109,7 +107,7 @@
109	107	font-size: 1.8rem;
110	108	}
111	109
112		-.menu-grid .main-sub-title{
	110	+.menu-grid .main-sub-title {
113	111	padding-bottom: 10px;
114	112	color: #aaa;
115	113	margin-bottom: 10px;
...	...	@@ -202,8 +200,8 @@
202	200	margin-right: 10px;
203	201	}
204	202
205		-input:checked+label.category,
206		-input:checked+label.category {
	203	+input:checked + label.category,
	204	+input:checked + label.category {
207	205	background: #535353;
208	206	color: #fff;
209	207	}
...	...	@@ -250,7 +248,6 @@
250	248	flex: 0 0 20%;
251	249	}
252	250
253		-
254	251	.search-zone {
255	252	padding: 10px 0;
256	253	}
...	...	@@ -269,7 +266,7 @@
269	266	gap: 20px;
270	267	}
271	268
272		-.list-zone>div>p {
	269	+.list-zone > div > p {
273	270	padding: 10px 0;
274	271	font-size: 1.4rem;
275	272	color: #aaa;
...	...	@@ -368,7 +365,6 @@
368	365	color: #aaa;
369	366	}
370	367
371		-
372	368	.views,
373	369	.writer {
374	370	color: #3f87f7;
...	...	@@ -387,7 +383,6 @@
387	383	margin-right: 5px;
388	384	}
389	385
390		-
391	386	/* 기술문서 */
392	387	.tech-wrap,
393	388	.content-box {
...	...	@@ -395,9 +390,6 @@
395	390	height: 100%;
396	391	font-size: 1.3rem;
397	392	}
398		-
399		-
400		-
401	393
402	394	/* 사용자관리 */
403	395	.user-wrap,
...	...	@@ -438,7 +430,7 @@
438	430	padding: 15px;
439	431	}
440	432
441		-.modal-content-monthly>div {
	433	+.modal-content-monthly > div {
442	434	margin-bottom: 10px;
443	435	}
444	436
...	...	@@ -465,7 +457,6 @@
465	457	color: rgb(1, 176, 77);
466	458	}
467	459
468		-
469	460	.grid {
470	461	display: grid;
471	462	grid-template-columns: 1fr 1fr;
...	...	@@ -488,4 +479,4 @@
488	479
489	480	.period span {
490	481	text-align: center;
491		-} (No newline at end of file)
	482	+}

...	...	@@ -79,7 +79,7 @@
79	79	padding: 1.5rem;
80	80	border-top: 1px solid rgb(187, 187, 187);
81	81	text-align: center;
82		- font-size: 1.5rem;
	82	+ font-size: 1.2rem;
83	83	font-weight: 500;
84	84	color: #333;
85	85	cursor: pointer;
...	...	@@ -230,7 +230,8 @@
230	230	border-radius: 6px;
231	231	background-color: #007aff;
232	232	color: #fff;
233		- font-size: 1.5rem;
	233	+ font-size: 1.3rem;
	234	+
234	235	cursor: pointer;
235	236	transition: background-color 0.3s ease-in-out;
236	237	}
...	...	@@ -259,7 +260,7 @@
259	260	width: 60px;
260	261	}
261	262	.page-logo h1 {
262		- font-size: 3.5rem;
	263	+ font-size: 3rem;
263	264	font-family: SBaggroM;
264	265	font-weight: 500;
265	266	color: #0e0077;
...	...	@@ -383,3 +384,7 @@
383	384	color: #fff;
384	385	border-radius: 5px 5px 0 0;
385	386	}
	387	+
	388	+.option-btn {
	389	+ width: 100%;
	390	+}

...	...	@@ -6,8 +6,8 @@
6	6	flex-direction: column;
7	7	}
8	8	.page-logo h1 {
9		- padding: 0 3rem;
10		- font-size: 3rem;
	9	+ padding: 3rem 3rem 2rem;
	10	+ font-size: 3.2rem;
11	11	}
12	12	table,
13	13	thead,
...	...	@@ -74,16 +74,11 @@
74	74	.data-table-tr td:nth-child(2) {
75	75	text-align: right;
76	76	}
77		- .title-zone .flex {
78		- flex-direction: column;
79		- }
80		- .title-zone .flex-end {
81		- flex-direction: column;
82		- }
	77	+
83	78	/* 햄버거(서브메뉴) */
84	79	.sub-nav,
85	80	.toggle {
86		- opacity: 1;
	81	+ display: block;
87	82	}
88	83	.sub-nav {
89	84	position: relative;
...	...	@@ -166,12 +161,13 @@
166	161	/* 메인 */
167	162	.main-box-wrap {
168	163	width: 93%;
	164	+ min-height: 275px;
169	165	padding: 1rem;
170	166	grid-template-columns: 0;
171	167	}
172	168	.main-text p {
173	169	font-size: 0.8rem;
174		- transform: translateY(-45px);
	170	+ transform: translateY(-38px);
175	171	}
176	172	.main-text span {
177	173	font-size: 1.5rem;
...	...	@@ -254,7 +250,13 @@
254	250	grid-template-columns: 1fr;
255	251	}
256	252	.data-banner h2 {
	253	+ font-size: 2.5rem;
	254	+ justify-content: center;
	255	+ align-items: center !important;
257	256	transform: translateY(0px);
	257	+ }
	258	+ .data-banner h2 > span {
	259	+ font-size: 1rem;
258	260	}
259	261	.data-banner button p {
260	262	transform: translateY(0px);
...	...	@@ -290,6 +292,13 @@
290	292	.insert-table td:before {
291	293	display: none;
292	294	}
	295	+ .data-banner {
	296	+ gap: 2rem;
	297	+ }
	298	+ .data-banner button {
	299	+ width: 56%;
	300	+ height: 15rem;
	301	+ }
293	302	/* 기업홍보관 */
294	303	.matching-text {
295	304	font-size: 1.5rem;
...	...	@@ -299,6 +308,8 @@
299	308	}
300	309	/* 홍보/뉴스 */
301	310	.news-bos {
	311	+ width: 80%;
	312	+ margin: 0 auto;
302	313	grid-template-columns: 1fr;
303	314	}
304	315	.modal-content {
...	...	@@ -312,6 +323,7 @@
312	323	font-size: 1.7rem;
313	324	background-color: #33333300;
314	325	}
	326	+
315	327	/* 전문가 협의체 */
316	328	.wg-search-bos {
317	329	padding: 2rem;
...	...	@@ -335,6 +347,9 @@
335	347	.wg-title2 p {
336	348	text-align: left;
337	349	}
	350	+ .wg-grid-1 .blue-btn {
	351	+ margin-left: 0px;
	352	+ }
338	353	/* 전문가 협의체 테이블 */
339	354	.wg-table td:nth-of-type(2):before {
340	355	content: "워킹그룹";
...	...	@@ -356,10 +371,15 @@
356	371	text-align: right;
357	372	}
358	373	.data-btn-wrap select {
359		- width: 86%;
	374	+ width: 53%;
	375	+ margin-right: 10rem;
	376	+ margin-left: 9px;
360	377	}
	378	+
361	379	.data-btn-wrap .input-group input {
362	380	margin-bottom: 0.5rem;
	381	+ width: 200px;
	382	+ margin-right: 0px;
363	383	}
364	384	.noti-bos .btn-wrap,
365	385	.noti-bos .input-group {
...	...	@@ -452,6 +472,12 @@
452	472	padding: 1rem;
453	473	margin: 2rem;
454	474	}
	475	+ .matDtail-sec {
	476	+ padding: 0px;
	477	+ }
	478	+ .matchingbox-img {
	479	+ width: 100%;
	480	+ }
455	481	/* 회원가입 */
456	482	.join-b-button {
457	483	grid-template-columns: 1fr;
...	...	@@ -522,7 +548,7 @@
522	548	padding: 0px;
523	549	}
524	550	.pwchange-div {
525		- width: 50%;
	551	+ width: 80%;
526	552	padding: 1rem;
527	553	}
528	554	.pwchange2-button {
...	...	@@ -552,6 +578,20 @@
552	578	}
553	579	.mat-sec2-bt button {
554	580	width: 100%;
	581	+ }
	582	+ /* 가이드라인 */
	583	+ .guide-logo {
	584	+ grid-template-columns: 1fr;
	585	+ }
	586	+ .guide-sec img {
	587	+ width: 100%;
	588	+ }
	589	+ .guide-logo-bt {
	590	+ margin: 0 auto;
	591	+ }
	592	+ .guide-logo-bt a {
	593	+ color: white;
	594	+ padding: 1rem;
555	595	}
556	596	}
557	597
...	...	@@ -640,7 +680,7 @@
640	680	/* 햄버거(서브메뉴) */
641	681	.sub-nav,
642	682	.toggle {
643		- opacity: 1;
	683	+ display: block;
644	684	}
645	685	.sub-nav {
646	686	position: relative;
...	...	@@ -652,6 +692,7 @@
652	692	.logo-toggle {
653	693	width: 100%;
654	694	display: flex;
	695	+ justify-content: space-around;
655	696	padding: 1rem 0;
656	697	}
657	698
...	...	@@ -801,6 +842,7 @@
801	842	.wg-title2 p {
802	843	text-align: left;
803	844	}
	845	+
804	846	/* 전문가 협의체 테이블 */
805	847	.wg-table td:nth-of-type(2):before {
806	848	content: "워킹그룹";
...	...	@@ -1020,6 +1062,7 @@
1020	1062	width: 100%;
1021	1063	display: flex;
1022	1064	padding: 1rem 0;
	1065	+ justify-content: space-around;
1023	1066	}
1024	1067
1025	1068	.logo {
...	...	@@ -1088,6 +1131,7 @@
1088	1131	width: 93%;
1089	1132	padding: 1rem;
1090	1133	margin: 0 auto;
	1134	+ height: 50rem;
1091	1135	grid-template-columns: 0;
1092	1136	}
1093	1137	.main-text p {
...	...	@@ -1162,23 +1206,22 @@
1162	1206	}
1163	1207	}
1164	1208	/* 노트북 */
1165		-@media all and (min-width:1024px) and (max-width:1366px) {
1166		- .w1400{
	1209	+@media all and (min-width: 1024px) and (max-width: 1366px) {
	1210	+ .w1400 {
1167	1211	width: 100%;
1168		-
1169	1212	}
1170		- .main-box-wrap{
	1213	+ .main-box-wrap {
1171	1214	width: 90%;
1172	1215	margin: 0 auto;
1173	1216	}
1174		- .main-wrap-news{
	1217	+ .main-wrap-news {
1175	1218	width: 90%;
1176	1219	}
1177		- .main-content-wrap{
	1220	+ .main-content-wrap {
1178	1221	width: 90%;
1179	1222	margin: 0 auto;
1180	1223	}
1181		- .main-partner-logo{
	1224	+ .main-partner-logo {
1182	1225	width: 90%;
1183	1226	margin: 0 auto;
1184	1227	}

...	...	@@ -20,7 +20,7 @@
20	20	<div class="flex-start">
21	21	<div>
22	22	<input type="radio" name="category" id="policy" value="policy" style="display:none"
23		- checked v-model="post.ctgry_nm">
	23	+ v-model="post.ctgry_nm">
24	24	<label for="policy" class="category">정책자료</label>
25	25	</div>
26	26	<div>

...	...	@@ -19,7 +19,7 @@
19	19	<td>
20	20	<div class="flex-start">
21	21	<div>
22		- <input type="radio" name="category" id="api" value="api" style="display:none" checked
	22	+ <input type="radio" name="category" id="api" value="api" style="display:none"
23	23	v-model="post.ctgry_nm">
24	24	<label for="api" class="category">API</label>
25	25	</div>
...	...	@@ -74,7 +74,7 @@
74	74	post_content: null,
75	75	link_url: null,
76	76	// 카테고리가 없는 게시판에서는 null로 설정 부탁합니다!
77		- ctgry_nm: 'api',
	77	+ ctgry_nm: null,
78	78	},
79	79	fileList: [],
80	80	filecount: 0,
...	...	@@ -159,7 +159,7 @@
159	159	alert("카테고리를 선택해주세요.");
160	160	return false;
161	161	}
162		-
	162	+
163	163	if (COMMON_UTIL.isEmpty(this.post.post_content) === false \|\| this.post.post_content === "<p><br></p>") {
164	164	alert("내용을 입력해주세요.");
165	165	return false;

...	...	@@ -12,19 +12,23 @@
12	12	<div class="flex">
13	13	<div class="category-bar flex-start">
14	14	<div>
15		- <input type="radio" name="category" id="all" :value= null style="display:none" checked @click="ctgry($event)">
	15	+ <input type="radio" name="category" id="all" :value=null style="display:none" checked
	16	+ @click="ctgry($event)">
16	17	<label for="all" class="category">전체</label>
17	18	</div>
18	19	<div>
19		- <input type="radio" name="category" id="policy" value="api" style="display:none" @click="ctgry($event)">
	20	+ <input type="radio" name="category" id="policy" value="api" style="display:none"
	21	+ @click="ctgry($event)">
20	22	<label for="policy" class="category">API</label>
21	23	</div>
22	24	<div>
23		- <input type="radio" name="category" id="research" value="tech" style="display:none" @click="ctgry($event)">
	25	+ <input type="radio" name="category" id="research" value="tech" style="display:none"
	26	+ @click="ctgry($event)">
24	27	<label for="research" class="category">기술리포트</label>
25	28	</div>
26	29	<div>
27		- <input type="radio" name="category" id="guide" value="standard" style="display:none" @click="ctgry($event)">
	30	+ <input type="radio" name="category" id="guide" value="standard" style="display:none"
	31	+ @click="ctgry($event)">
28	32	<label for="guide" class="category">기술규격문서</label>
29	33	</div>
30	34	</div>
...	...	@@ -78,7 +82,7 @@
78	82	</tbody>
79	83	</table>
80	84	<div class="btn-wrap">
81		- <button class="blue-btn" @click="postInsertPage()">글쓰기</button>
	85	+ <button class="blue-btn" @click="postInsertPage()">글쓰기</button>
82	86	</div>
83	87	<div class="bottom-wrap">
84	88	<PaginationButton v-model:currentPage="postListSearch.currentPage" :perpage="postListSearch.perPage"
...	...	@@ -144,9 +148,9 @@
144	148	this.$router.push({ path: '/adm/techInsert.page', query: {} })
145	149	},
146	150
147		- ctgry: function(e) {
	151	+ ctgry: function (e) {
148	152	this.postListSearch.ctgry_nm = e.target.value;
149		- if(this.postListSearch.ctgry_nm === 'on') {
	153	+ if (this.postListSearch.ctgry_nm === 'on') {
150	154	this.postListSearch.ctgry_nm = null
151	155	}
152	156	this.postSelectList();

...	...	@@ -54,7 +54,8 @@
54	54	<div class="input-group">
55	55	<input type="text" class="input" placeholder="검색어를 입력해주세요."
56	56	v-model="postListSearch.searchText" @keyup.enter="postSelectList()">
57		- <input class="button--submit" value="검색" type="submit" @click="postSelectList()">
	57	+ <button class="button--submit" value="검색" type="submit"
	58	+ @click="postSelectList()"></button>
58	59	</div>
59	60	</div>
60	61	</div>
...	...	@@ -62,11 +63,11 @@
62	63	<div class="data-table-tr">
63	64	<table>
64	65	<th style="width:5%">no</th>
65		- <th style="width:10%">카테고리</th>
66		- <th style="width:55%">제목</th>
	66	+ <th style="width:15%">카테고리</th>
	67	+ <th style="width:45%">제목</th>
67	68	<th style="width:10%">작성자</th>
68		- <th style="width:10%">작성일자</th>
69		- <th style="width:10%">조회수</th>
	69	+ <th style="width:15%">작성일자</th>
	70	+ <th style="width:20%">조회수</th>
70	71
71	72	<tr v-for="(item, idx) in postList" :key="idx" @click="postSelectOnePage(item)">
72	73	<td>{{ postIdx - idx }}</td>

...	...	@@ -5,10 +5,10 @@
5	5	<section class="guide-logo page-logo">
6	6	<h1>AI 디지털교과서 개발 가이드라인</h1>
7	7	<div class="guide-logo-bt">
8		- <a style="font-size: 15px;" class="down-btn-1"
9		- href="https://webst.edunet.net/AIDT/AI 디지털교과서 개발 가이드라인.pdf" target='_blank' download>
	8	+ <a class="down-btn-1" href="https://webst.edunet.net/AIDT/AI 디지털교과서 개발 가이드라인.pdf" target='_blank'
	9	+ download>
10	10	<i class="fa-solid fa-circle-down guide_i"
11		- style="font-size: 20px; margin-right: 10px;"></i>가이드라인 다운받기</a>
	11	+ style="font-size: 14px; margin-right: 10px;"></i>가이드라인 다운받기</a>
12	12	</div>
13	13	</section>
14	14

...	...	@@ -19,7 +19,7 @@
19	19	<div class="wg-title">
20	20	<label for="authorSearch">워킹그룹</label>
21	21	<select id="groupSelect" v-model="postListSearch.ctgry_nm">
22		- <option value=null >워킹그룹</option>
	22	+ <option value=null>워킹그룹</option>
23	23	<option value="WG1">교육과정 표준체계</option>
24	24	<option value="WG2">맞춤학습지원 기능</option>
25	25	<option value="WG3">접근성/UDL</option>
...	...	@@ -31,11 +31,12 @@
31	31	<option value="WG9">학교 인프라</option>
32	32	<option value="WG10">서비스 품질관리</option>
33	33	<option value="WG11">서비스 정책</option>
34		- </select>
	34	+ </select>
35	35	</div>
36	36	<div>
37		- <select v-model="postListSearch.searchType" name="data-table-sild" id="data-table-sild">
38		- <option :value=null selected>전체</option>
	37	+ <select v-model="postListSearch.searchType" name="data-table-sild" class="option-btn"
	38	+ id="data-table-sild">
	39	+ <option :value=null selected class="option-btn">전체</option>
39	40	<option value="title">제목</option>
40	41	<option value="content">내용</option>
41	42	<option value="writer">작성자</option>
...	...	@@ -43,7 +44,7 @@
43	44	</div>
44	45	<div>
45	46	<input id="titleSearch" type="text" placeholder="검색어를 입력해주세요."
46		- v-model="postListSearch.searchText" @keyup.enter="postSelectList()">
	47	+ v-model="postListSearch.searchText" @keyup.enter="postSelectList()">
47	48	</div>
48	49	<button class="blue-btn" @click="postSelectList()"> 검색</button>
49	50
...	...	@@ -51,7 +52,7 @@
51	52	</div>
52	53	</div>
53	54	<div class="sort-wrap">
54		- <ul class="flex-end">
	55	+ <ul class="flex-end sort-wrap-flex">
55	56	<li>최신순</li>
56	57	<li>등록순</li>
57	58	<li>조회수순</li>
...	...	@@ -64,24 +65,34 @@
64	65	<th style="width:5%">no</th>
65	66	<th style="width:23%">워킹그룹</th>
66	67	<th style="width:45%">제목</th>
67		- <th style="width:10%">작성자</th>
68		- <th style="width:10%">작성일자</th>
69		- <th style="width:7%">조회수</th>
	68	+ <th style="width:5%">작성자</th>
	69	+ <th style="width:15%">작성일자</th>
	70	+ <th style="width:17%">조회수</th>
70	71	</tr>
71	72	</thead>
72	73	<tbody>
73	74	<tr v-for="(item, idx) in postList" :key="idx" @click="postSelectOnePage(item)">
74	75	<td>{{ postIdx - idx }}</td>
75		- <td v-if="item.ctgry_nm === 'WG1'"><span class="category-zone">(WG1)교육과정 표준체계</span></td>
76		- <td v-else-if="item.ctgry_nm === 'WG2'"><span class="category-zone">(WG2)맞춤학습지원 기능</span></td>
77		- <td v-else-if="item.ctgry_nm === 'WG3'"><span class="category-zone">(WG3)접근성/UDL</span></td>
78		- <td v-else-if="item.ctgry_nm === 'WG4'"><span class="category-zone">(WG4)클라우드 보안인증</span></td>
79		- <td v-else-if="item.ctgry_nm === 'WG5'"><span class="category-zone">(WG5)통합인증체계</span></td>
80		- <td v-else-if="item.ctgry_nm === 'WG6'"><span class="category-zone">(WG6)학습이력데이터/통합대시보드</span></td>
81		- <td v-else-if="item.ctgry_nm === 'WG7'"><span class="category-zone">(WG7)AI 트레이닝 데이터</span></td>
82		- <td v-else-if="item.ctgry_nm === 'WG8'"><span class="category-zone">(WG8)국가수준 학습분석</span></td>
83		- <td v-else-if="item.ctgry_nm === 'WG9'"><span class="category-zone">(WG9)학교 인프라</span></td>
84		- <td v-else-if="item.ctgry_nm === 'WG10'"><span class="category-zone">(WG10)서비스 품질관리</span></td>
	76	+ <td v-if="item.ctgry_nm === 'WG1'"><span class="category-zone">(WG1)교육과정 표준체계</span>
	77	+ </td>
	78	+ <td v-else-if="item.ctgry_nm === 'WG2'"><span class="category-zone">(WG2)맞춤학습지원
	79	+ 기능</span></td>
	80	+ <td v-else-if="item.ctgry_nm === 'WG3'"><span class="category-zone">(WG3)접근성/UDL</span>
	81	+ </td>
	82	+ <td v-else-if="item.ctgry_nm === 'WG4'"><span class="category-zone">(WG4)클라우드
	83	+ 보안인증</span></td>
	84	+ <td v-else-if="item.ctgry_nm === 'WG5'"><span class="category-zone">(WG5)통합인증체계</span>
	85	+ </td>
	86	+ <td v-else-if="item.ctgry_nm === 'WG6'"><span
	87	+ class="category-zone">(WG6)학습이력데이터/통합대시보드</span></td>
	88	+ <td v-else-if="item.ctgry_nm === 'WG7'"><span class="category-zone">(WG7)AI 트레이닝
	89	+ 데이터</span></td>
	90	+ <td v-else-if="item.ctgry_nm === 'WG8'"><span class="category-zone">(WG8)국가수준
	91	+ 학습분석</span></td>
	92	+ <td v-else-if="item.ctgry_nm === 'WG9'"><span class="category-zone">(WG9)학교 인프라</span>
	93	+ </td>
	94	+ <td v-else-if="item.ctgry_nm === 'WG10'"><span class="category-zone">(WG10)서비스
	95	+ 품질관리</span></td>
85	96	<td v-else><span class="category-zone">(WG11)서비스 정책</span></td>
86	97	<td>{{ item.post_title }}</td>
87	98	<td>{{ item.rgtr_id }}</td>
...	...	@@ -128,10 +139,10 @@
128	139	postSelectList: function () {
129	140	const vm = this;
130	141
131		- if(vm.postListSearch.ctgry_nm === 'null') {
	142	+ if (vm.postListSearch.ctgry_nm === 'null') {
132	143	vm.postListSearch.ctgry_nm = null
133	144	}
134		-
	145	+
135	146	axios({
136	147	url: '/post/postSelectList.json',
137	148	method: 'post',

Delete comment