Commit @fbb97e9ded1f1e3009f82f7bc0b57a760e2c076d

류윤주 2024-04-15

240415 류윤주 css 수정

@fbb97e9ded1f1e3009f82f7bc0b57a760e2c076d

f2bf275

fbb97e9

client/resources/css/Main.css

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

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


   padding: 60px;
 }
 
+.swiper-slide .modal-img img {
+  width: 100%;
+}
+
 .main-puzzle-container {
   margin: 0 auto;
   display: grid;

   height: auto;
   object-fit: cover;
 }
-.news-slide{
-  width: 100%;
-  height: 186px;
 
-}
-.news-slide img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.news-slide>p {
+.modal-img>p {
   padding: 10px 0;
   font-size: 1.6rem;
   text-align: center;

 .data-bos {
   width: 100%;
   display: grid;
-  grid-template-columns: 70% 1fr;
+  grid-template-columns: 30% 1fr;
 }
 
 .data-text img {

   margin-bottom: 10px;
 }
 
-.modal-img {
-  width: 100%;
-  height: 173px;
-  margin-bottom: 3rem;
-}
-
-.modal-img  img {
+.news-bos-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;

   color: #2b6fa9;
 }
 
+.modal-img {
+  margin-bottom: 3rem;
+}
+
 .main-notice-top2 {
   width: 975px;
   white-space: nowrap;

   text-align: center;
   font-size: 1.6rem;
 
+}
+
+.attachment{
+  width: 10%;
 }

f2bf275

fbb97e9

client/resources/css/admin.css

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

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


 .admin-wrap,
 .content-box {
   width: 100%;
-  height: 100vh;
+  height: 100%;
   font-size: 1.3rem;
 }
 

   height: 450px;
 }
 
-.statistics-view-table,
-.statistics-down-table,
-.statistics-table,
-.sum-table,
 .selectone-table,
 .select-table,
 .statistics-table {

f2bf275

fbb97e9

client/resources/css/common.css

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

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


   margin-bottom: 10px;
 }
 
-/* .title-zone > div > p {
-  margin-left: 10px;
-} */
-
 .post-title {
   font-size: 2rem;
   font-weight: 700;
   color: #007aff;
-  margin-bottom: 10px;
   text-align: left;
 }
 

 .import,
 .keword {
   color: #007aff;
-  /* padding: 10px; */
 }
 
 .article-list {

f2bf275

fbb97e9

client/resources/css/header.css

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

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

...	...	@@ -193,3 +193,31 @@
193	193	text-align: right;
194	194	font-weight: 600;
195	195	}
	196	+
	197	+
	198	+.admin-wrap {
	199	+ width: 100%;
	200	+ height: 100%;
	201	+}
	202	+
	203	+.layout-wrap {
	204	+ width: 100%;
	205	+ height: 100%;
	206	+ display: grid;
	207	+ grid-template-columns: 270px minmax(1234px, 1fr);
	208	+ grid-template-rows: auto 1fr;
	209	+ grid-template-areas:
	210	+ "nav header "
	211	+ "nav main "
	212	+ "nav main "
	213	+}
	214	+
	215	+.layout-wrap .main-warp {
	216	+ padding: 30px;
	217	+ grid-area: main;
	218	+ background: #f8f8f8;
	219	+}
	220	+
	221	+.user-wrap .main-warp {
	222	+ min-height: 70rem;
	223	+}

f2bf275

fbb97e9

client/resources/css/reset.css

--- client/resources/css/reset.css

+++ client/resources/css/reset.css


 
 @font-face {
   font-family: "SBAggroB";
-  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/SBAggroB.woff") format("woff");
+  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/SBAggroB.woff")
+    format("woff");
   /* font-weight: normal; */
   font-style: normal;
 }
 
 @font-face {
   font-family: "Pretendard-Regular";
-  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Regular.woff") format("woff");
+  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Regular.woff")
+    format("woff");
   font-weight: 400;
   font-style: normal;
 }

 html {
   font-size: 10px;
   width: 100%;
-  min-height: 100vh;
+  height: 100%;
   font-family: "Pretendard-Regular";
   -ms-user-select: none;
   -moz-user-select: -moz-none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   user-select: none;
+
 }
 
 body,
 #root {
   width: 100%;
-  min-height: 100vh;
-  position: relative;
+  height: 100%;
 }
 
 ul,

 
 input[type="text"],
 input[type="password"],
-input[type="date"],
+input[type="date"], 
 input[type="month"] {
   width: 100%;
   padding: 10px;

   border-radius: 5px;
   margin-bottom: 10px;
 }
-
-details>div {
+details > div {
   padding: 10px;
 }
-
 summary {
   padding: 10px;
   font-size: 1.4rem;

 input[type='date']:focus::before,
 input[type='date']:valid::before {
   display: none;
-}
+}
+

f2bf275

fbb97e9

client/resources/css/responsive.css

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

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


 @media all and (min-width: 220px) and (max-width: 480px) {
+  html {
+    font-size: 8px
+  }
+
   .w1400 {
     width: 100%;
   }
+
+.page{
+  padding-left: 1rem;
+  padding-right: 1rem;
+  }
+
   .flex-start {
     flex-direction: column;
   }
+
   .page-logo h1 {
     padding: 3rem 3rem 2rem;
-    font-size: 3.2rem;
   }
 
-  .user-table-list thead,.user-table-list tbody,.user-table-list th,.user-table-list td,.user-table-list tr{
+  .user-table-list thead,
+  .user-table-list tbody,
+  .user-table-list th,
+  .user-table-list td,
+  .user-table-list tr {
     display: block;
     text-align: center;
   }

   .user-table-list th {
     display: none;
   }
+
   .user-table-list table {
     width: 100%;
   }

     border: 1px solid #ccc;
   }
 
+  .attachment {
+    width: 23%;
+  }
+
   .user-table-list td {
     border: none;
     border-bottom: 1px solid #eee;
     position: relative;
     text-align: right;
-    padding-left: 8rem;
 
     /* padding-left: 5/0%; */
   }
 
+  .list-table {
+    display: block;
+  }
+
   .list-table td:before {
     position: absolute;
-    top: 6px;
-    left: 6px;
-    width: 100%;
+    top: 50%;
+    left: 0;
     text-align: left;
-    padding: 1.5rem 0;
+    padding: 0 1rem;
     padding-right: 10px;
     white-space: nowrap;
+    transform: translateY(-50%);
   }
 
   .list-table td:nth-of-type(1):before {
     content: "NO";
   }
+
   .list-table td:nth-of-type(2):before {
     content: "카테고리";
   }
+
   .list-table td:nth-of-type(3):before {
     content: "제목";
   }
+
   .list-table td:nth-of-type(4):before {
     content: "작성자";
   }
+
   .list-table td:nth-of-type(5):before {
     content: "작성일자";
   }
+
   .list-table td:nth-of-type(6):before {
     content: "조회수";
   }
+
   .data-table-tr td:nth-child(2) {
     text-align: right;
   }

   .toggle {
     display: block;
   }
+
   .sub-nav {
     position: relative;
     height: 100%;

   .logo-toggle {
     width: 100%;
     display: flex;
+    align-items: center;
     justify-content: space-between;
     align-items: center;
     padding: 1rem;

     font-family: "Pretendard-Regular";
     width: 80%;
     text-align: center;
-    font-size: 1.5rem;
     flex: 0 0 90%;
     /* border: 1px solid red; */
   }

   .main-menu-1 {
     display: none !important;
   }
+
   .main-sub-menu {
     flex: 0 0 100% !important;
     flex-direction: column;

     display: none;
     margin: 0 auto;
   }
-  .main-sub-menu > li > div {
+
+  .main-sub-menu>li>div {
     padding: 1rem 0;
   }
-  .main-sub-menu > li > ul > li {
+
+  .main-sub-menu>li>ul>li {
     padding: 1rem 0;
     background-color: #f9f9f9;
     /* box-shadow: inset 0 0 5px #b5b5b5; */
   }
+
   .main-sub-menu.open {
     display: block;
     padding: 1px 0;
     text-align: center;
   }
+
   .mobile1 {
     flex: 0 0 10%;
     text-align: center;
-    font-size: 3rem;
     color: #2c407f;
   }
+
   /* 햄버거메뉴 (서브) and------- */
 
   /* 메인 */

     padding: 1rem;
     grid-template-columns: 0;
   }
+.main-notice-top2{
+  line-height: 21px;
+}
   .main-text p {
-    width: 20rem;
-    font-size: 0.8rem;
     transform: translateY(-38px);
   }
-  .main-text span {
-    font-size: 1.5rem;
-  }
+
+
   .main-notice {
     width: 100%;
   }
+
   .main-benner-sw {
     width: 40%;
   }
+
   .main-benner-img {
     height: 100% !important;
   }
+
   .main-benner-img img {
     max-width: 100%;
     height: auto;
   }
+
   .main-benner .swiper {
     width: 260px;
   }
 
-  .main-notice h2 {
-    font-size: 0.9rem;
-  }
 
   .main-content-wrap {
     padding: 6rem 0;
   }
+
   .m-p-table td::before {
     display: none;
   }
+
   .main-content {
     padding: 0;
   }
+
   .main-puzzle-container {
     grid-template-columns: 1fr;
   }
+
   .main-grid-name button {
     padding: 1rem 0;
   }
+
   .main-grid-name h3 {
     width: 77%;
   }
+
   .main-grid-name::after {
     z-index: -1;
   }
+
   .main-partner-logo {
     grid-template-columns: 1fr;
     height: 450px;
   }
-  .swiper-2 .swiper-slide{
+
+  .swiper-2 .swiper-slide {
     height: 70px;
   }
+
   .main-content-news {
     width: 100%;
     padding: 6rem 3rem;
   }
+
   .main-wrap-news {
     padding: 0rem;
   }
+
   .swiper {
     width: 100%;
-    
+
   }
+
   .swiper-button-prev:after,
   .swiper-rtl .swiper-button-next:after {
     display: none;
   }
+
   .swiper-button-next:after,
   .swiper-rtl .swiper-button-prev:after {
     display: none;
   }
+
   .email,
   .call {
     padding: 0.5rem;
   }
+
   .notice-search {
     width: 100%;
     flex-direction: column;
   }
+
   .notice-search input {
     width: 100%;
   }
+
   .notice-search input:nth-child(2) {
     width: 100%;
   }
 
-  .main-history-box{
-    grid-template-columns: 1fr;
-  }
   /* 기술문서 */
   .tech-report {
     flex-direction: column;
   }
+
   .tech-report h2 {
-    font-size: 2rem;
     text-align: center;
     margin: 2rem;
   }
+
   .tech-bos {
     grid-template-columns: 100%;
     padding: 1rem;
   }
-  .tech-box-sec-h3 h3 {
-    font-size: 1.5rem;
-  }
+
+
   .tech-category .category-bar {
     flex-direction: row;
     flex-wrap: wrap;
     margin: 0 auto;
     justify-content: center;
   }
-  .tech-category .category-bar div{
+
+  .tech-category .category-bar div {
     padding: 1.5rem 0;
   }
-  .tech-box-category{
+
+  .tech-box-category {
     grid-template-columns: 1fr;
   }
-  .tech-box-category .category-bar label.category,.tech-box-category .category-bar label.category{
+
+  .tech-box-category .category-bar label.category,
+  .tech-box-category .category-bar label.category {
     margin-right: 0px;
     margin: 0.5rem;
   }
-  .data-btn-wrap{
+
+  .data-btn-wrap {
     flex-direction: column;
   }
 

   .data-banner {
     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);
   }
+
   .data-bos-btn1,
   .data-bos-btn2,
   .data-bos-btn3 {
     padding: 1rem;
     background: none;
   }
+
   .data-bos-btn1 p {
     text-align: center;
   }
+
   .data-bos-btn1::after,
   .data-bos-btn2::after,
   .data-bos-btn2::before,
   .data-bos-btn3::after {
     display: none;
   }
+
   .data-banner button p {
     width: 100%;
   }
+
   .data-bos-btn1 h2,
   .data-bos-btn3 h2 {
     text-align: center;
   }
+
   .data-bos {
     grid-row: 2;
     grid-template-columns: 1fr;
   }
+
   .data-wrap-search {
     width: 100%;
     grid-row: 1;
     grid-template-columns: 1fr;
   }
-  .post-title {
-    font-size: 1.5rem;
-  }
   .insert-table td:before {
     display: none;
   }
+
   .data-banner {
     gap: 2rem;
   }
+
   .data-bos-btn1,
   .data-bos-btn3 {
     transform: translateX(0px);
   }
+
   .data-banner button {
     width: 56%;
     height: 15rem;
   }
+
   /* 기업홍보관 */
-  .matching-text {
-    font-size: 1.5rem;
-  }
+
   .matching-box-grid-two {
     grid-template-columns: 1fr !important;
   }
-  .matching-box-wrap-one #data-table-sild{
+
+  .matching-box-wrap-one #data-table-sild {
     margin-right: 0px !important;
   }
+
   .matching-box-wrap-one select {
     margin-left: 0px !important;
     margin-bottom: 1rem;
   }
-  .matching-box-wrap-one .data-select{
+
+  .matching-box-wrap-one .data-select {
     flex-direction: column;
     width: 100%;
 
   }
+
   /* 홍보/뉴스 */
   .news-bos {
     width: 100%;

     margin: 0 auto;
     grid-template-columns: 1fr;
   }
-  .news-bos-box{
+
+  .news-bos-box {
     padding: 2rem;
     width: 100%;
   }
+
   .modal-content {
     width: 100%;
     background-color: rgb(255, 255, 255);
     padding: 2rem;
   }
 
-  .modal-content > div {
+  .modal-content>div {
     margin-bottom: 10px;
   }
+
   .modal-content iframe {
     height: 250px;
   }
+
   .modal-content button {
     padding: 0.5rem 3rem;
     font-size: 1.7rem;

   .wg-search-bos {
     padding: 2rem;
   }
+
   .wg-grid-1 {
     grid-template-columns: 1fr;
   }
+
   .wg-grid-2 {
     grid-template-columns: 1fr;
   }
+
   .wg-grid-2 div:nth-child(1),
   .wg-grid-2 div:nth-child(2) {
     grid-template-columns: 1fr;
   }
+
   .wg-title2 {
     margin-bottom: 2rem;
   }
+
   .wg-title2 label {
     text-align: left;
   }
+
   .wg-title2 p {
     text-align: left;
   }
+
   .wg-grid-1 .blue-btn {
     margin-left: 0px;
   }
+
   /* 전문가 협의체 테이블 */
   .wg-table td:nth-of-type(2):before {
     content: "워킹그룹";
   }
+
   .wg-table td:nth-of-type(3):before {
     content: "제목";
   }
+
   .wg-table td:nth-of-type(4):before {
     content: "작성자";
   }
+
   .wg-table td:nth-of-type(5):before {
     content: "날짜";
   }
+
   .wg-table td:nth-of-type(6):before {
     content: "조회수";
   }
+
   /* 공지사항 */
   /* .noti-sec-table td {
     text-align: center;

   /* .noti-sec-table td::before {
     display: none;
   } */
- 
-  .list-table .notice-box:nth-of-type(1):before{
+
+  .list-table .notice-box:nth-of-type(1):before {
     display: none;
   }
+
   .data-btn-wrap select {
     width: 100%;
     min-width: 275px;
     margin-right: 0rem !important;
     margin-left: 10px;
   }
+
   .notice-table-sec {
     width: 375px;
     margin-left: 0px !important;
   }
+
   .input-group {
     flex-direction: column;
     width: 100%;
   }
+
   .data-button-sum {
     width: 100%;
   }
+
   .data-table-search {
     margin-left: 1px !important;
     margin-bottom: 1rem;
   }
+
   .data-btn-wrap .input-group input {
     margin-bottom: 0.5rem;
     /* min-width: 375px; */
     margin-right: 0px;
   }
+
   .noti-bos .btn-wrap,
   .noti-bos .input-group {
     flex-direction: column;
     margin: 1rem 0;
+    width: 100%;
   }
+
   .title-zone p:nth-child(1) {
-    text-align: center;
     font-size: 1.2rem;
   }
+
   /* 통합지원센터 */
   .intro {
     padding: 1rem;
   }
+
   .intro-logo {
     padding: 3rem 0;
   }
+
   .intro-logo h1 {
     font-size: 2.5rem;
   }
+
   .intro-text {
     padding: 0;
   }
+
   .intro-img {
     padding: 0;
     gap: 1rem;

   .list-table td:nth-of-type(1):before {
     content: "NO";
   }
+
   .list-table td:nth-of-type(2):before {
     content: "제목";
   }
+
   .list-table td:nth-of-type(3):before {
     content: "작성자";
   }
+
   .list-table td:nth-of-type(4):before {
     content: "작성일자";
   }
+
   .list-table td:nth-of-type(5):before {
     content: "조회수";
   }
+
   /* 회원정보 */
   .info-sec,
   .info-sec-1 {

     padding: 2rem 0;
     margin: 0;
   }
+
   .info-sec-bt {
     width: 100%;
     padding: 0;
   }
+
   .info-sec-bt button {
     padding: 2rem 0;
     margin: 3rem 0;

     text-align: center;
     font-weight: 600;
   }
+
   .info-pw {
     grid-template-columns: 1fr;
   }
+
   .info-keword {
     width: 100%;
     grid-template-columns: 1fr !important;
     text-align: center !important;
   }
+
   .info-sec-summary {
     width: 100%;
   }
+
   .info-keword-far {
     text-align: left;
   }
+
   .downbtn-none {
     display: none;
   }
+
   .address-sec .flex-start {
     flex-direction: column;
   }
+
   .address-sec button {
     width: 50%;
   }
+
   /* 매칭관리 */
   .inbox-sub,
   .outbox-sub {
 
     grid-template-columns: 1fr;
   }
+
   .matching-wrap {
     grid-template-columns: 1fr 40% 1fr;
   }
+
   .matching-box-button div {
     flex-direction: column;
   }
+
   .matching-box-button div label {
     padding: 1.5rem 3rem;
   }
+
   .matching-modal-box {
     padding: 0;
     margin: 10rem 0;
     width: 100%;
   }
+
   .matching-modal-box h1 {
     padding: 1.5rem;
   }
+
   .matching-modal-box img {
     width: 100%;
     padding: 0;
     object-fit: contain;
   }
+
   .matching-modal-box button {
     border-radius: 2rem;
     padding: 1rem;
     margin: 2rem 0;
   }
+
   .matDtail-sec {
     padding: 0px;
   }
+
   .matchingbox-img {
     width: 100%;
     /* height: 79%; */
     margin: 2rem 0;
   }
-  .img-wrap{
+
+  .img-wrap {
     height: 200px;
   }
-  .img-wrap img{
+
+  .img-wrap img {
     object-fit: contain;
   }
 

   .join-b-button {
     grid-template-columns: 1fr;
   }
+
   .t1,
   .t2 {
     gap: 0rem;
     padding: 4rem 1rem;
     text-align: center;
   }
+
   .join-b {
     width: 100%;
     padding: 0.5rem;
   }
+
   .joinsub0,
   .joinsub,
   .join-sec5-1,

   .join-b span {
     font-size: 1rem;
   }
-  .join-blue-btn{
+
+  .join-blue-btn {
     margin-left: 0px;
   }
-  .tell-sec select{
+
+  .tell-sec select {
     margin-left: 0px !important;
   }
+
   /* 로그인 */
   .login-logo-d h1 {
     font-size: 1.5rem;
     text-align: center;
   }
+
   .login-checkbox-i {
     text-align: center;
   }
+
   .login-sec {
     width: 100%;
     padding: 3rem 1rem;
   }
-  #email_sel{
+
+  #email_sel {
     width: 100%;
     margin-left: 0px !important;
     text-align: center;
   }
+
   .login-checkbox-b button {
     font-size: 1.2rem;
   }
+
   .login-bu-after::after,
   .login-bu-after::after,
   .login-checkbox-b button:nth-child(1) {
     margin-left: 0;
   }
+
   .login-checkbox-b {
     grid-template-columns: 1fr;
   }
+
   .login-checkbox-b a {
     text-align: center;
   }
+
   .login-bu-after::after {
     display: none;
   }
+
   /* 기업홍보관 */
   .matching-box-bos {
     grid-template-columns: 1fr;
   }
+
   /*아이디/비밀번호 찾기 */
   .login-sec .content-box {
     padding: 0px;
   }
+
   .pwchange-div {
     width: 80%;
     padding: 1rem;
   }
+
   .pwchange2-button {
     display: flex;
     flex-wrap: nowrap;
   }
+
   .IDsearch-logo {
     font-size: 1.2rem;
   }

   .tech-info {
     flex-direction: column;
   }
+
   .tech-info-img {
-    width: 90%;
+    width: 100%;
+    margin-bottom: 3rem;
   }
+
   .tech-txt-wrap {
     margin: 0px;
   }
+
   .tech-table td:before {
     display: block;
     position: absolute;

   .tech-table tr:nth-of-type(1) td:before {
     content: "기술문서명";
   }
+
   .tech-table tr:nth-of-type(2) td:before {
     content: "버전";
   }
+
   .tech-table tr:nth-of-type(3) td:before {
     content: "배포날짜";
   }
+
   .tech-table tr:nth-of-type(4) td:before {
     content: "주요내용";
   }
+
   .tech-table tr:nth-of-type(5) td:before {
     content: "키워드";
   }
-.tech-txt-wrap  .tech-table td::before{
-  display: none;
-}
+
+  .tech-txt-wrap .tech-table td::before {
+    display: none;
+  }
+
   /* 네트워킹 */
   .mat-sec1 {
     grid-template-columns: 1fr;
   }
+
   .mat-sec2-end {
     grid-template-columns: 1fr;
   }
+
   .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;
   }
+
   .guide-h1 {
     text-align: center;
     font-size: 2rem !important;
   }
+
   .board-title {
     width: 100%;
     text-align: right;

     /* padding: 1rem; */
     padding: 1rem;
   }
-  
-  .slide1 p{
+
+  .slide1 p {
     padding: 0px;
     margin: 0px;
   }
+
   .main-wrap-grid-3::after {
     display: none;
   }

   .news-bos-box li {
     width: 100%;
   }
+
   .news-bos-box div h3 {
     width: 240px;
   }
+
   .tech-search-box {
     grid-template-columns: 90%;
     justify-content: center;
   }
+
   .input-group .input {
-    margin-right: 0px;
+    margin-right: 0rem;
     margin-bottom: 1rem;
   }
+
   .data-wrap-search .data-table-search {
     margin-right: 0px !important;
   }
 }
 
 @media all and (min-width: 480px) and (max-width: 767px) {
+  html {
+    font-size: 9px
+  }
+
   .w1400 {
     width: 100%;
   }
+
+  .page{
+    padding-left: 1rem;
+    padding-right: 1rem;
+    }
+
+
   .flex-start {
     flex-direction: column;
   }
+
   .page-logo h1 {
     padding: 0 3rem;
-    font-size: 3rem;
+  }
+
+  table,
+  thead,
+  tbody,
+  th,
+  td,
+  tr {
+    display: block;
+    text-align: center;
   }
 
   th {
     display: none;
   }
+
   table {
     width: 100%;
   }

     border-bottom: 1px solid #eee;
     position: relative;
     text-align: right;
-    padding-left: 8rem;
-
     /* padding-left: 5/0%; */
+  }
+
+  .list-table {
+    display: block;
+  }
+
+  th.attachment {
+    display: block;
+    width: 23%;
+    text-align: left;
+    padding: 1rem 1.5rem;
   }
 
   .list-table td:before {
     position: absolute;
-    top: 6px;
-    left: 6px;
-    width: 100%;
+    top: 50%;
+    left: 0;
     text-align: left;
-    padding: 1.5rem 0;
+    padding: 0 1rem;
     padding-right: 10px;
     white-space: nowrap;
+    transform: translateY(-50%);
+
   }
 
   .list-table td:nth-of-type(1):before {
     content: "NO";
   }
+
   .list-table td:nth-of-type(2):before {
     content: "제목";
   }
+
   .list-table td:nth-of-type(3):before {
     content: "작성자";
   }
+
   .list-table td:nth-of-type(4):before {
     content: "작성일자";
   }
+
   .list-table td:nth-of-type(5):before {
     content: "조회수";
   }
+
   .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 {
     display: block;
   }
+
   .sub-nav {
     position: relative;
     height: 100%;

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

     font-family: "Pretendard-Regular";
     width: 80%;
     text-align: center;
-    font-size: 1.5rem;
     flex: 0 0 90%;
     /* border: 1px solid red; */
   }

   .main-sub-menu.open {
     display: block;
   }
+
   .main-benner .swiper {
     width: 45rem;
   }

   .main-menu-1 {
     display: none !important;
   }
+
   .main-sub-menu {
     flex: 0 0 100% !important;
     flex-direction: column;

     display: none;
     margin: 0 auto;
   }
-  .main-sub-menu > li {
+
+  .main-sub-menu>li {
     padding: 1rem 0;
   }
-  .main-sub-menu > li > ul > li {
+
+  .main-sub-menu>li>ul>li {
     padding: 1rem 0;
+    background-color: #f9f9f9;
   }
+
   .main-sub-menu.open {
     display: block;
     padding: 1rem;
     text-align: center;
   }
+
   .mobile1 {
     flex: 0 0 10%;
     text-align: center;
-    font-size: 3rem;
     color: #2c407f;
   }
+
   /* 햄버거메뉴 (서브) and------- */
   /* 메인 */
   .main-box-wrap {

     padding: 1rem;
     grid-template-columns: 0;
   }
+
   .main-text p {
     padding: 0 2rem;
     transform: translateY(-50px);
-    font-size: 1.2rem;
   }
-  .main-text span {
-    font-size: 1.5rem;
-  }
+
   .main-notice {
     width: 100%;
   }
 
-  .main-notice h2 {
-    font-size: 0.9rem;
-  }
 
   .main-content-wrap {
     padding: 6rem 0;
   }
+
   .main-puzzle-container {
     grid-template-columns: 1fr;
   }
+
   .m-p-table td:before {
     display: none;
   }
+
   .tech-bos {
     grid-template-columns: 1fr;
   }
+
   .tech-info {
     text-align: center;
   }
+
   .main-positon {
     position: static;
   }
-  .main-positon > a {
+
+  .main-positon>a {
     position: static;
   }
-  /* 자료실 */
-  .data-banner {
-    grid-template-columns: 1fr;
-    gap: 2rem;
-  }
-  .data-bos-btn1,
-  .data-bos-btn3 {
-    transform: translateX(0px);
-  }
-  .data-bos {
-    grid-template-columns: 1fr;
-  }
-  /* 기업홍보관 */
-  .matching-box-bos,
-  .matching-box-grid-two {
-    grid-template-columns: 1fr;
-  }
-  .matDtail-sec {
-    padding: 1rem;
-  }
-  .mat-sec1 {
-    grid-template-columns: 1fr;
-  }
-  /* 뉴스 */
-  .news-bos {
-    grid-template-columns: 1fr;
-  }
-  .modal-content {
-    width: 100%;
-    /* height: 50%; */
-  }
 
-  /* 전문가 협의체 */
-  .wg-search-bos {
-    padding: 2rem;
-  }
-  .wg-grid-1 {
-    grid-template-columns: 1fr;
-  }
-  .wg-grid-2 {
-    grid-template-columns: 1fr;
-  }
-  .wg-grid-2 div:nth-child(1),
-  .wg-grid-2 div:nth-child(2) {
-    grid-template-columns: 1fr;
-  }
-  .wg-title2 {
-    margin-bottom: 2rem;
-  }
-  .wg-title2 label {
-    text-align: left;
-  }
-  .wg-title2 p {
-    text-align: left;
-  }
-
-  /* 전문가 협의체 테이블 */
-  .wg-table td:nth-of-type(2):before {
-    content: "워킹그룹";
-  }
-  .wg-table td:nth-of-type(3):before {
-    content: "제목";
-  }
-  .wg-table td:nth-of-type(4):before {
-    content: "작성자";
-  }
-  .wg-table td:nth-of-type(5):before {
-    content: "날짜";
-  }
-  .wg-table td:nth-of-type(6):before {
-    content: "조회수";
-  }
-  .wg-wrap-h2 h2 {
-    padding: 2rem;
-    text-align: center;
-  }
-  /* 통합지원센터 */
-  .intro {
-    padding: 1rem;
-  }
-  .intro-img {
-    grid-template-columns: 1fr;
-  }
-  .info-sec,
-  .info-sec-1 {
-    padding: 1rem;
-    width: 90%;
-  }
-  .info-sec-1 section {
-    margin: 0;
-    width: 100%;
-  }
-  .info-sec-bt button {
-    padding: 2rem 0;
-    margin: 3rem 0;
-    width: 100%;
-    text-align: center;
-    font-weight: 600;
-  }
-  /* 매칭관리 */
-
-  .matching-box-grid > h3 {
-    font-size: 2rem;
-  }
-  .inbox-sub,
-  .outbox-sub {
-    grid-template-columns: 1fr;
-  }
-  .matching-modal-box {
-    padding: 0;
-    margin: 10rem 0;
-    width: 100%;
-  }
-  .matching-modal-box h1 {
-    padding: 1.5rem;
-  }
-  .matching-modal-box img {
-    width: 100%;
-    padding: 0;
-    object-fit: contain;
-  }
-  .matching-modal-box button {
-    border-radius: 2rem;
-    padding: 1rem;
-    margin: 2rem 0;
-  }
-  .img-wrap{
-    height: 250px;
-  }
-  .img-wrap img{
-    object-fit: contain;
-  }
-  
-  /* 회원가입 */
-  .join-b-button {
-    grid-template-columns: 1fr;
-  }
-
-  .joinsub0,
-  .joinsub,
-  .join-sec5-1,
-  .join-sec6,
-  .email-sec,
-  .login-info-grid,
-  .joinsub0-1,
-  .join-end-bt {
-    grid-template-columns: 1fr;
-  }
-  .join-imgbox {
-    width: 15rem;
-  }
-  .email-sec {
-    width: 100%;
-  }
-  #email_sel{
-    width: 100%;
-    margin-left: 0px;
-  }
-  .join-blue-btn{
-    margin-left: 0px;
-  }
-  .tell-sec select {
-    margin-left: 0px;
-  }
-  .join-b span {
-    font-size: 1rem;
-  }
-  /* 로그인 */
-  .login-logo-d h1 {
-    font-size: 1.5rem;
-    text-align: center;
-  }
-  .login-checkbox-i {
-    text-align: center;
-  }
-  .login-sec {
-    width: 100%;
-    padding: 3rem 0;
-  }
-  .login-checkbox-b button {
-    font-size: 1.2rem;
-  }
-  .login-bu-after::after,
-  .login-bu-after::after,
-  .login-checkbox-b button:nth-child(1) {
-    margin-left: 0;
-  }
-  .login-checkbox-b {
-    grid-template-columns: 1fr;
-  }
-  .login-checkbox-b a {
-    text-align: center;
-  }
-  .login-bu-after::after {
-    display: none;
-  }
-  /* 매칭서비스 */
-
-  .main-wrap-grid-3::after {
-    display: none;
-  }
-  .main-notice-top2 {
-    width: 200px;
-  }
-
-  .board-title {
-    width: 100%;
-    text-align: right;
-  }
-  .news-bos-box div h3 {
-    width: 410px;
-  }
-  .tech-search-box {
-    grid-template-columns: 90%;
-    justify-content: center;
-  }
-  .input-group .input {
-    margin-right: 0px;
-  }
-  .data-wrap-search .data-table-search {
-    margin-right: 0px !important;
-  }
   /* 기술문서 상세 */
-  .tech-table td:before {
-    display: block;
-    position: absolute;
-    top: 6px;
-    left: 6px;
-    width: 100%;
-    text-align: left;
-    padding: 1.5rem 0;
-    padding-right: 10px;
-    font-weight: 600;
-    white-space: nowrap;
-  }
 
-  .tech-table tr:nth-of-type(1) td:before {
-    content: "기술문서명";
-  }
-  .tech-table tr:nth-of-type(2) td:before {
-    content: "버전";
-  }
-  .tech-table tr:nth-of-type(3) td:before {
-    content: "배포날짜";
-  }
-  .tech-table tr:nth-of-type(4) td:before {
-    content: "주요내용";
-  }
-  .tech-table tr:nth-of-type(5) td:before {
-    content: "키워드";
-  }
-  .tech-box-category{
-    grid-template-columns: 1fr;
-    gap: 1rem;
-  }
-  .tech-box-category .flex-start{
-    flex-direction: row;
-  }
-  .tech-category{
-    margin: 0 auto;
-  }
-  .btn-wrap{
+  .tech-info {
     flex-direction: column;
   }
-  #data-table-sild{
+
+  .tech-info-img {
     width: 100%;
+    margin-bottom: 3rem;
   }
-  .tech-search-box .input-group{
-    width: 97%;
-    gap: 1rem;
+
+  .tech-txt-wrap {
+    margin: 0px;
   }
-  
-  /* 공지사항 */
-  .list-table .notice-box:nth-of-type(1):before{
-    display: none;
+    /* 자료실 */
+    .data-banner {
+      grid-template-columns: 1fr;
+      gap: 2rem;
+    }
+
+    .data-bos-btn1,
+    .data-bos-btn3 {
+      transform: translateX(0px);
+    }
+
+    .data-bos {
+      grid-template-columns: 1fr;
+    }
+
+    /* 기업홍보관 */
+    .matching-box-bos,
+    .matching-box-grid-two {
+      grid-template-columns: 1fr;
+    }
+
+    .matDtail-sec {
+      padding: 1rem;
+    }
+
+    .mat-sec1 {
+      grid-template-columns: 1fr;
+    }
+
+    /* 뉴스 */
+    .news-bos {
+      grid-template-columns: 1fr;
+    }
+
+    .modal-content {
+      width: 100%;
+      /* height: 50%; */
+    }
+
+    /* 전문가 협의체 */
+    .wg-search-bos {
+      padding: 2rem;
+    }
+
+    .wg-grid-1 {
+      grid-template-columns: 1fr;
+    }
+
+    .wg-grid-2 {
+      grid-template-columns: 1fr;
+    }
+
+    .wg-grid-2 div:nth-child(1),
+    .wg-grid-2 div:nth-child(2) {
+      grid-template-columns: 1fr;
+    }
+
+    .wg-title2 {
+      margin-bottom: 2rem;
+    }
+
+    .wg-title2 label {
+      text-align: left;
+    }
+
+    .wg-title2 p {
+      text-align: left;
+    }
+
+    /* 전문가 협의체 테이블 */
+    .wg-table td:nth-of-type(2):before {
+      content: "워킹그룹";
+    }
+
+    .wg-table td:nth-of-type(3):before {
+      content: "제목";
+    }
+
+    .wg-table td:nth-of-type(4):before {
+      content: "작성자";
+    }
+
+    .wg-table td:nth-of-type(5):before {
+      content: "날짜";
+    }
+
+    .wg-table td:nth-of-type(6):before {
+      content: "조회수";
+    }
+
+    .wg-wrap-h2 h2 {
+      padding: 2rem;
+      text-align: center;
+    }
+
+    /* 통합지원센터 */
+    .intro {
+      padding: 1rem;
+    }
+
+    .intro-img {
+      grid-template-columns: 1fr;
+    }
+
+    .info-sec,
+    .info-sec-1 {
+      padding: 1rem;
+      width: 90%;
+    }
+
+    .info-sec-1 section {
+      margin: 0;
+      width: 100%;
+    }
+
+    .info-sec-bt button {
+      padding: 2rem 0;
+      margin: 3rem 0;
+      width: 100%;
+      text-align: center;
+      font-weight: 600;
+    }
+
+    /* 매칭관리 */
+
+    .inbox-sub,
+    .outbox-sub {
+      grid-template-columns: 1fr;
+    }
+
+    .matching-modal-box {
+      padding: 0;
+      margin: 10rem 0;
+      width: 100%;
+    }
+
+    .matching-modal-box h1 {
+      padding: 1.5rem;
+    }
+
+    .matching-modal-box img {
+      width: 100%;
+      padding: 0;
+      object-fit: contain;
+    }
+
+    .matching-modal-box button {
+      border-radius: 2rem;
+      padding: 1rem;
+      margin: 2rem 0;
+    }
+
+    .img-wrap {
+      height: 250px;
+    }
+
+    .img-wrap img {
+      object-fit: contain;
+    }
+
+    /* 회원가입 */
+    .join-b-button {
+      grid-template-columns: 1fr;
+    }
+
+    .joinsub0,
+    .joinsub,
+    .join-sec5-1,
+    .join-sec6,
+    .email-sec,
+    .login-info-grid,
+    .joinsub0-1,
+    .join-end-bt {
+      grid-template-columns: 1fr;
+    }
+
+    .join-imgbox {
+      width: 15rem;
+    }
+
+    .email-sec {
+      width: 100%;
+    }
+
+    #email_sel {
+      width: 100%;
+      margin-left: 0px;
+    }
+
+    .join-blue-btn {
+      margin-left: 0px;
+    }
+
+    .tell-sec select {
+      margin-left: 0px;
+    }
+
+    /* 로그인 */
+    .login-logo-d h1 {
+      text-align: center;
+    }
+
+    .login-checkbox-i {
+      text-align: center;
+    }
+
+    .login-sec {
+      width: 100%;
+      padding: 3rem 0;
+    }
+
+    .login-bu-after::after,
+    .login-bu-after::after,
+    .login-checkbox-b button:nth-child(1) {
+      margin-left: 0;
+    }
+
+    .login-checkbox-b {
+      grid-template-columns: 1fr;
+    }
+
+    .login-checkbox-b a {
+      text-align: center;
+    }
+
+    .login-bu-after::after {
+      display: none;
+    }
+
+    /* 매칭서비스 */
+
+    .main-wrap-grid-3::after {
+      display: none;
+    }
+
+    .main-notice-top2 {
+      width: 200px;
+    }
+
+    .board-title {
+      width: 100%;
+      text-align: right;
+    }
+
+    .news-bos-box div h3 {
+      width: 410px;
+    }
+
+    .tech-search-box {
+      grid-template-columns: 90%;
+      justify-content: center;
+    }
+    .input-group,
+    .notice-search,
+    .data-wrap-search{
+      width: 100%;
+    }
+    .input-group .input {
+      margin-right: 1rem;
+      width: 80%;
+    }
+
+    .input-group .button--submit{
+      width: 20%;
+    }
+
+    .data-wrap-search .data-table-search {
+      margin-right: 0px !important;
+    }
+
+    .tech-table td:before {
+      display: block;
+      position: absolute;
+      top: 50%;
+      text-align: left;
+      padding: 1.5rem 0;
+      padding-right: 10px;
+      font-weight: 600;
+      white-space: nowrap;
+      transform: translateY(-50%);
+    }
+
+    .tech-table tr:nth-of-type(1) td:before {
+      content: "기술문서명";
+    }
+
+    .tech-table tr:nth-of-type(2) td:before {
+      content: "버전";
+    }
+
+    .tech-table tr:nth-of-type(3) td:before {
+      content: "배포날짜";
+    }
+
+    .tech-table tr:nth-of-type(4) td:before {
+      content: "주요내용";
+    }
+
+    .tech-table tr:nth-of-type(5) td:before {
+      content: "키워드";
+    }
+
+    .tech-box-category {
+      grid-template-columns: 1fr;
+      gap: 1rem;
+    }
+
+    .tech-box-category .flex-start {
+      flex-direction: row;
+    }
+
+    .tech-category {
+      margin: 0 auto;
+    }
+
+    .btn-wrap {
+      flex-direction: column;
+    }
+
+    #data-table-sild {
+      width: 100%;
+      margin: 0;
+      margin-bottom: 1rem;
+    }
+
+    .tech-search-box .input-group {
+      width: 100%;
+      gap: 1rem;
+    }
+
+    .tech-table td {
+      text-align: right;
+    }
+
+    /* 공지사항 */
+    .list-table .notice-box:nth-of-type(1):before {
+      display: none;
+    }
+
+    .data-wrap-search{
+      grid-template-columns: 1fr;
+    }
   }
-}
 
 @media all and (min-width: 767px) and (max-width: 1023px) {
   .w1400 {
     width: 100%;
   }
+
   .flex-start {
     flex-direction: column;
   }
+
   .page-logo h1 {
     padding: 0 3rem;
     font-size: 3rem;
   }
-  .user-table-list thead,.user-table-list tbody,.user-table-list th,.user-table-list td,.user-table-list tr{
+
+  .user-table-list thead,
+  .user-table-list tbody,
+  .user-table-list th,
+  .user-table-list td,
+  .user-table-list tr {
     display: block;
     text-align: center;
   }

   .user-table-list th {
     display: none;
   }
+
   .user-table-list table {
     width: 100%;
   }

     border-bottom: 1px solid #eee;
     position: relative;
     text-align: right;
-    padding-left: 8rem;
+  }
+
+  .list-table {
+    display: block;
   }
 
   .list-table td:before {
     position: absolute;
-    top: 6px;
-    left: 6px;
-    width: 100%;
+    top: 50%;
+    left: 0;
     text-align: left;
-    padding: 1.5rem 0;
+    padding: 0 1rem;
     padding-right: 10px;
     white-space: nowrap;
+    transform: translateY(-50%);
   }
 
   .list-table td:nth-of-type(1):before {
     content: "NO";
   }
+
   .list-table td:nth-of-type(2):before {
     content: "제목";
   }
+
   .list-table td:nth-of-type(3):before {
     content: "작성자";
   }
+
   .list-table td:nth-of-type(4):before {
     content: "작성일자";
   }
+
   .list-table td:nth-of-type(5):before {
     content: "조회수";
   }
+
   .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 {
     display: block;
   }
+
   .sub-nav {
     position: relative;
     height: 100%;

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

   .main-menu-1 {
     display: none !important;
   }
+
   .main-sub-menu {
     flex: 0 0 100% !important;
     flex-direction: column;

     display: none;
     margin: 0 auto;
   }
-  .main-sub-menu > li {
+
+  .main-sub-menu>li {
     padding: 1rem 0;
   }
-  .main-sub-menu > li > ul > li {
-    padding: 1rem 0;
+
+  .main-sub-menu>li>ul>li {
+    padding: 1rem 0;    
+    background-color: #f9f9f9;
   }
+
   .main-sub-menu.open {
     display: block;
     padding: 1rem;
     text-align: center;
   }
+
   .mobile1 {
     flex: 0 0 10%;
     text-align: center;
     font-size: 3rem;
     color: #2c407f;
   }
+
   /* 햄버거메뉴 (서브) and------- */
   .main-box-wrap {
     width: 93%;

     height: 50rem;
     grid-template-columns: 0;
   }
+
   .main-text p {
     font-size: 1.2rem;
   }
+
   .main-text span {
     font-size: 1.5rem;
   }
+
   .main-notice {
     width: 100%;
   }
+
   .main-text {
     transform: translateY(-49px);
   }

   .main-content-wrap {
     padding: 6rem 0;
   }
+
   .main-puzzle-container {
     grid-template-columns: 1fr 1fr;
   }
+
   .m-p-table td:before {
     display: none;
   }
+
   .tech-bos {
     grid-template-columns: 1fr 1fr;
   }
+
   .tech-info {
     text-align: center;
   }
+
   /* 자료집 */
   .data-banner {
     width: 62%;

     gap: 5rem;
     margin: 0 auto;
   }
+
   .data-bos {
-    grid-template-columns: 50% 1fr;
+    grid-template-columns: 30% 1fr;
   }
+
   /* 기업홍보관 */
   .matching-box-bos,
   .matching-box-grid-two {
     grid-template-columns: 1fr 1fr;
   }
+
   /* 뉴스 */
   .news-bos {
     grid-template-columns: 1fr 1fr;
   }
+
   /* 전문가 협의체 */
   .wg-wrap-h2 {
     text-align: center;
   }
+
   /* 회원정보 */
   .info-sec,
   .info-sec-1 {
     padding: 1rem;
     width: 90%;
   }
+
   .info-sec-bt {
     text-align: center;
   }
+
   /* 매칭관리 */
   .inbox-sub,
   .outbox-sub {
     grid-template-columns: 1fr 1fr;
   }
+
   .data-banner {
     grid-template-columns: 1fr;
     gap: 2rem;
   }
+
   .data-bos-btn1,
   .data-bos-btn3 {
     transform: translateX(0px);
   }
+
   .main-notice-top2 {
     width: 200px;
   }
+
   .board-title {
     width: 100%;
     text-align: right;
   }
-  .matching-modal-box{
+
+  .matching-modal-box {
     width: 100%;
   }
+
   .matching-modal-box img {
     object-fit: contain;
   }
+
   /* 기술문서 상세 */
   .tech-table td:before {
     display: block;

   .tech-table tr:nth-of-type(1) td:before {
     content: "기술문서명";
   }
+
   .tech-table tr:nth-of-type(2) td:before {
     content: "버전";
   }
+
   .tech-table tr:nth-of-type(3) td:before {
     content: "배포날짜";
   }
+
   .tech-table tr:nth-of-type(4) td:before {
     content: "주요내용";
   }
+
   .tech-table tr:nth-of-type(5) td:before {
     content: "키워드";
   }
-  .tech-box-category{
+
+  .tech-box-category {
     grid-template-columns: 1fr 1fr;
   }
-  .tech-box-category .flex-start{
+
+  .tech-box-category .flex-start {
     flex-direction: row;
   }
-  .input-group{
+
+  .input-group {
     width: 100%;
   }
-  .img-wrap{
+
+  .img-wrap {
     height: 250px;
   }
-  .img-wrap img{
+
+  .img-wrap img {
     object-fit: contain;
   }
 }
+
 /* 노트북 */
 @media all and (min-width: 1024px) and (max-width: 1366px) {
   .w1400 {
     width: 100%;
   }
+
   .main-box-wrap {
     width: 90%;
     margin: 0 auto;
   }
+
   .main-wrap-news {
     width: 90%;
   }
+
   .main-content-wrap {
     width: 90%;
     margin: 0 auto;
   }
+
   .main-partner-logo {
     width: 90%;
     margin: 0 auto;
   }
-  .matching-modal-box img{
+
+  .matching-modal-box img {
     object-fit: contain;
   }
-  .img-wrap{
+
+  .img-wrap {
     height: 250px;
   }
-  .img-wrap img{
+
+  .img-wrap img {
     object-fit: contain;
   }
-}
+}

f2bf275

fbb97e9

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

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

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

...	...	@@ -28,7 +28,7 @@
28	28	</td>
29	29	</tr>
30	30	<tr>
31		- <th style="width: 10%;">첨부파일명</th>
	31	+ <th class="attachment">첨부파일명</th>
32	32	<td>
33	33	<div v-if="fileList.length == 0">
34	34	<label>첨부된 파일이 없습니다.</label>

f2bf275

fbb97e9

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

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

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


 <template>
     <div class="w1400">
-        <div class="notice-detail-page">
+        <div class="notice-detail-page page">
             <div class="page-logo flex-start">
                 <img src="../../../../resources/jpg/notic-logo-img.png" alt="공지사항">
                 <h1>공지사항</h1>

                             </td>
                         </tr>
                         <tr>
-                            <th style="width: 10%;">첨부파일명</th>
+                            <th class="attachment">첨부파일명</th>
                             <td>
                                 <div v-if="fileList.length == 0">
                                     <label>첨부된 파일이 없습니다.</label>

f2bf275

fbb97e9

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

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

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

...	...	@@ -46,7 +46,7 @@
46	46	</td>
47	47	</tr>
48	48	<tr>
49		- <th style="width: 10%;">첨부파일명</th>
	49	+ <th class="attachment">첨부파일명</th>
50	50	<td>
51	51	<div v-if="fileList.length == 0">
52	52	<label>첨부된 파일이 없습니다.</label>

fbb97e9

client/views/pages/user/customerServiceCenter/service/ServiceSelectList.vue (added)

+++ client/views/pages/user/customerServiceCenter/service/ServiceSelectList.vue

...	...	@@ -0,0 +1,25 @@
	1	+<template>
	2	+
	3	+</template>
	4	+
	5	+<script>
	6	+
	7	+
	8	+export default {
	9	+ data() {
	10	+ return {
	11	+
	12	+ };
	13	+ },
	14	+ methods: {
	15	+ },
	16	+ watch: {
	17	+
	18	+ },
	19	+ computed: {
	20	+
	21	+ },
	22	+ mounted() {
	23	+ }
	24	+}
	25	+</script>

Add a comment

Open 0
Closed 0

List

...	...	@@ -153,6 +153,10 @@
153	153	padding: 60px;
154	154	}
155	155
	156	+.swiper-slide .modal-img img {
	157	+ width: 100%;
	158	+}
	159	+
156	160	.main-puzzle-container {
157	161	margin: 0 auto;
158	162	display: grid;
...	...	@@ -958,18 +962,8 @@
958	962	height: auto;
959	963	object-fit: cover;
960	964	}
961		-.news-slide{
962		- width: 100%;
963		- height: 186px;
964	965
965		-}
966		-.news-slide img {
967		- width: 100%;
968		- height: 100%;
969		- object-fit: cover;
970		-}
971		-
972		-.news-slide>p {
	966	+.modal-img>p {
973	967	padding: 10px 0;
974	968	font-size: 1.6rem;
975	969	text-align: center;
...	...	@@ -1034,7 +1028,7 @@
1034	1028	.data-bos {
1035	1029	width: 100%;
1036	1030	display: grid;
1037		- grid-template-columns: 70% 1fr;
	1031	+ grid-template-columns: 30% 1fr;
1038	1032	}
1039	1033
1040	1034	.data-text img {
...	...	@@ -1321,13 +1315,7 @@
1321	1315	margin-bottom: 10px;
1322	1316	}
1323	1317
1324		-.modal-img {
1325		- width: 100%;
1326		- height: 173px;
1327		- margin-bottom: 3rem;
1328		-}
1329		-
1330		-.modal-img img {
	1318	+.news-bos-box img {
1331	1319	width: 100%;
1332	1320	height: 100%;
1333	1321	object-fit: cover;
...	...	@@ -3144,6 +3132,10 @@
3144	3132	color: #2b6fa9;
3145	3133	}
3146	3134
	3135	+.modal-img {
	3136	+ margin-bottom: 3rem;
	3137	+}
	3138	+
3147	3139	.main-notice-top2 {
3148	3140	width: 975px;
3149	3141	white-space: nowrap;
...	...	@@ -3199,4 +3191,8 @@
3199	3191	text-align: center;
3200	3192	font-size: 1.6rem;
3201	3193
	3194	+}
	3195	+
	3196	+.attachment{
	3197	+ width: 10%;
3202	3198	} (No newline at end of file)

...	...	@@ -154,7 +154,7 @@
154	154	.admin-wrap,
155	155	.content-box {
156	156	width: 100%;
157		- height: 100vh;
	157	+ height: 100%;
158	158	font-size: 1.3rem;
159	159	}
160	160
...	...	@@ -320,10 +320,6 @@
320	320	height: 450px;
321	321	}
322	322
323		-.statistics-view-table,
324		-.statistics-down-table,
325		-.statistics-table,
326		-.sum-table,
327	323	.selectone-table,
328	324	.select-table,
329	325	.statistics-table {

...	...	@@ -124,15 +124,10 @@
124	124	margin-bottom: 10px;
125	125	}
126	126
127		-/* .title-zone > div > p {
128		- margin-left: 10px;
129		-} */
130		-
131	127	.post-title {
132	128	font-size: 2rem;
133	129	font-weight: 700;
134	130	color: #007aff;
135		- margin-bottom: 10px;
136	131	text-align: left;
137	132	}
138	133
...	...	@@ -148,7 +143,6 @@
148	143	.import,
149	144	.keword {
150	145	color: #007aff;
151		- /* padding: 10px; */
152	146	}
153	147
154	148	.article-list {

...	...	@@ -2,14 +2,16 @@
2	2
3	3	@font-face {
4	4	font-family: "SBAggroB";
5		- src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/SBAggroB.woff") format("woff");
	5	+ src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/SBAggroB.woff")
	6	+ format("woff");
6	7	/* font-weight: normal; */
7	8	font-style: normal;
8	9	}
9	10
10	11	@font-face {
11	12	font-family: "Pretendard-Regular";
12		- src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Regular.woff") format("woff");
	13	+ src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Regular.woff")
	14	+ format("woff");
13	15	font-weight: 400;
14	16	font-style: normal;
15	17	}
...	...	@@ -33,20 +35,20 @@
33	35	html {
34	36	font-size: 10px;
35	37	width: 100%;
36		- min-height: 100vh;
	38	+ height: 100%;
37	39	font-family: "Pretendard-Regular";
38	40	-ms-user-select: none;
39	41	-moz-user-select: -moz-none;
40	42	-webkit-user-select: none;
41	43	-khtml-user-select: none;
42	44	user-select: none;
	45	+
43	46	}
44	47
45	48	body,
46	49	#root {
47	50	width: 100%;
48		- min-height: 100vh;
49		- position: relative;
	51	+ height: 100%;
50	52	}
51	53
52	54	ul,
...	...	@@ -80,7 +82,7 @@
80	82
81	83	input[type="text"],
82	84	input[type="password"],
83		-input[type="date"],
	85	+input[type="date"],
84	86	input[type="month"] {
85	87	width: 100%;
86	88	padding: 10px;
...	...	@@ -100,11 +102,9 @@
100	102	border-radius: 5px;
101	103	margin-bottom: 10px;
102	104	}
103		-
104		-details>div {
	105	+details > div {
105	106	padding: 10px;
106	107	}
107		-
108	108	summary {
109	109	padding: 10px;
110	110	font-size: 1.4rem;
...	...	@@ -118,4 +118,5 @@
118	118	input[type='date']:focus::before,
119	119	input[type='date']:valid::before {
120	120	display: none;
121		-} (No newline at end of file)
	121	+}
	122	+

...	...	@@ -1,6 +1,6 @@
1	1	<template>
2	2	<div class="w1400">
3		- <div class="notice-detail-page">
	3	+ <div class="notice-detail-page page">
4	4	<div class="page-logo flex-start">
5	5	<img src="../../../../resources/jpg/notic-logo-img.png" alt="공지사항">
6	6	<h1>공지사항</h1>
...	...	@@ -25,7 +25,7 @@
25	25	</td>
26	26	</tr>
27	27	<tr>
28		- <th style="width: 10%;">첨부파일명</th>
	28	+ <th class="attachment">첨부파일명</th>
29	29	<td>
30	30	<div v-if="fileList.length == 0">
31	31	<label>첨부된 파일이 없습니다.</label>

...	...	@@ -1,16 +1,30 @@
1	1	@media all and (min-width: 220px) and (max-width: 480px) {
	2	+ html {
	3	+ font-size: 8px
	4	+ }
	5	+
2	6	.w1400 {
3	7	width: 100%;
4	8	}
	9	+
	10	+.page{
	11	+ padding-left: 1rem;
	12	+ padding-right: 1rem;
	13	+ }
	14	+
5	15	.flex-start {
6	16	flex-direction: column;
7	17	}
	18	+
8	19	.page-logo h1 {
9	20	padding: 3rem 3rem 2rem;
10		- font-size: 3.2rem;
11	21	}
12	22
13		- .user-table-list thead,.user-table-list tbody,.user-table-list th,.user-table-list td,.user-table-list tr{
	23	+ .user-table-list thead,
	24	+ .user-table-list tbody,
	25	+ .user-table-list th,
	26	+ .user-table-list td,
	27	+ .user-table-list tr {
14	28	display: block;
15	29	text-align: center;
16	30	}
...	...	@@ -18,6 +32,7 @@
18	32	.user-table-list th {
19	33	display: none;
20	34	}
	35	+
21	36	.user-table-list table {
22	37	width: 100%;

Delete comment