Commit @015428eecdbdfb480025095f37e171da6111dcc7

kimgkdud898 2023-11-10

231110김하영 css정리중

@015428eecdbdfb480025095f37e171da6111dcc7

ea970ee

015428e

client/resources/css/Main.css

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

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


   margin-right: 1rem;
 }
 
-.main-notice ul li {
-  color: white;
-  font-size: 1.5rem;
-  padding: 0.5rem;
-}
-
-.main-notice ul li:nth-child(1) {
-  border-bottom: 1px dotted white;
-}
-
 /* 퍼즐 */
 .main-content-wrap {
   width: 100%;

 .main-wrap-grid-2 {
   background: url(../jpg/main-pu.png) no-repeat;
   background-size: cover;
-
   z-index: 1;
 }
 

 .main-wrap-grid-5 div {
   width: 100%;
   height: 100%;
-
   background-size: 123px 123px;
   margin: 0 auto;
 }

 
 .main-wrap-grid-1 div img,
 .main-wrap-grid-2 div img,
-/* .m-p-c-4 d/iv jpg, */
 .main-wrap-grid-3 div img,
 .main-wrap-grid-5 div img {
   width: 80px !important;

   background-size: cover;
 }
 
-.mmain-wrap-news {
+.main-wrap-news {
   width: 100%;
   height: 100%;
   padding: 30px;

   width: 100%;
   font-family: SBaggroM;
   font-weight: 500;
-
   padding: 0 1rem;
   margin-bottom: 3rem;
   font-size: 2.5rem;

   text-align: center;
 }
 
-.main-partner-wrap h3,
 .main-partner-wrap h1 {
   text-align: center;
   font-size: 3rem;
-}
-
-.main-partner-wrap h1 {
   font-family: SBaggroM;
-
   color: #3f87f7;
 }
 

   padding: 30px 30px;
   display: grid;
   width: 100%;
-  /* border: 1px solid red; */
   justify-content: center;
   grid-template-columns: 1fr 1fr 1fr;
 }
 
 .matching-wrap div {
-  /* width: 40%; */
   width: 100%;
-  /* border: 1px solid red; */
 }
 
 .matching-wrap img {
   width: 100%;
   margin: 0 auto;
-  /* text-align: center; */
   justify-content: center;
 }
 

   margin: 0 auto;
   text-align: center;
   font-size: 5rem;
-  /* padding-bottom: 50px; */
   font-family: SBaggroM;
   margin-top: 25%;
   color: white;

   width: 25%;
 }
 
-.mat-bos {
-  padding: 6rem 6rem 1rem 6rem;
-  width: 100%;
-}
-
 .mat-bos img {
   width: 50px !important;
   /* transform: translateY(10px);/ */

   font-family: "Pretendard-Regular";
 }
 
-.join-modal2 {
+.matching-modal2 {
   position: fixed;
   top: 50%;
   left: 50%;

   grid-template-columns: 80% 1fr;
 }
 
-.join-modal2 h2 {
+.matching-modal2 h2 {
   padding: 1rem 0;
   text-align: center;
 }

   color: #007aff;
 }
 
-.data-bos {
-  width: 100%;
-  display: grid;
-  grid-template-columns: 70% 1fr;
-}
-
 .data-wrap-search {
   width: 100%;
   float: right;

 
 .data-btn-wrap {
   padding: 3rem 0rem !important;
-}
-
-.data-box {
-  border: 1px solid red;
-  padding: 3rem;
-}
-
-.data-main {
-  width: 100%;
 }
 
 .data-b {

   grid-template-columns: 1fr 1fr 1fr;
 }
 
-.data-table {
-  width: 100%;
-}
-
-.da1 {
-  max-width: 100%;
-  height: auto;
-  margin: 0 auto;
-  position: relative;
-  top: 0;
-  left: 0;
-}
-
-.data-da1-1 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.da1 img {
-  width: 100%;
-}
-
-.da1 h2 {
-  font-family: SBaggroM;
-  font-weight: 500;
-  font-size: 2rem;
-}
-
-.da1 h2 span {
-  font-size: 4rem;
-}
-
-.data-b-1 h2 {
-  text-align: left;
-  padding: 3rem;
-  color: #014099;
-}
-
-.data-b-1 p {
-  font-size: 2rem;
-  padding: 3rem;
-  padding-top: 5rem;
-  width: 100%;
-  font-family: SBaggroM;
-  font-weight: 400;
-  text-align: left;
-  color: #014099;
-  cursor: pointer;
-}
-
-.data-b-2 h2 {
-  text-align: center;
-  padding: 3rem;
-  color: #0e5e2e;
-}
-
-.data-b-2 p {
-  font-size: 2rem;
-  padding: 3rem;
-
-  padding-top: 5rem;
-  font-family: SBaggroM;
-  text-align: center;
-  color: #1a8445;
-}
-
-.data-b-2 p span {
-  font-size: 3.5rem;
-  color: #0e5e2e;
-}
-
-.data-b-3 h2 {
-  text-align: right;
-  padding: 3rem;
-  color: #c26400;
-}
-
-.data-b-3 p {
-  font-size: 2rem;
-  padding: 3rem;
-  padding-top: 5rem;
-  width: 100%;
-
-  font-family: SBaggroM;
-  text-align: right;
-  color: #e07e27;
-}
-
-.data-b-3 p span {
-  font-size: 3.5rem;
-  color: #c26400;
-}
-
 .data-table-tr {
   width: 100%;
 }

   border-color: #3898ec;
   outline: none;
 }
-
-.data-t p {
-  width: 80%;
-  padding: 0rem 0rem 1rem 3rem !important;
+.dtail-navigation-in {
+  display: flex;
+  justify-content: end;
 }
-
-.data-t2 p {
-  padding: 0rem 0rem 0rem 0rem !important;
-  margin: 0 auto;
+.dtail-navigation-in button {
+  padding: 0.5rem 2rem;
+  background-color: #007aff;
+  color: white;
+  border-radius: 0.5rem;
 }
-
-.guide-logo-bt {
-  float: right;
-  /* margin: 0 auto; */
-  font-size: 3rem;
-  width: 70%;
-  padding-right: 3rem;
-  font-family: SBaggroM;
-  text-align: right;
-
-  cursor: pointer;
-}
-
-.guide-logo-bt a {
-  color: #e07e27;
+.data-detail-page {
+  padding: 0 0 6rem 0;
 }
 
 .data-banner button {

   width: 80%;
   height: 37rem;
   border-radius: 2rem;
+  margin: 0 auto;
 }
 
 .data-bos-btn1::after {

 }
 .data-banner {
   width: 100%;
-
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 5rem;
-}
-.data-banner button {
-  margin: 0 auto;
-  /* justify-content: space-between; */
 }
 
 .data-bos-btn1 {

 /* --------------------------------------------------------------------------------------------------------- */
 
 /* News css */
-.new-logo img {
-  width: 50px;
-  height: 50px;
-  z-index: -1;
-  /* transform: translateY(-40px); */
-}
 
 /* 모달 */
 .modal {

   left: 50%;
   position: fixed;
   z-index: 9999;
-  /* bottom: auto; */
   padding: 4rem;
   border-radius: 2rem;
   background-color: #f9f9f9;
   transform: translate(-50%, -50%);
-  /* margin: 0 auto; */
   box-shadow: 2px 2px 5px #86868644;
   width: 70%;
   margin: 0 auto;

 
 .modal-content button {
   position: relative;
-  /* margin: 50%; */
   transform: translate(-52%, 0);
   top: 10%;
   left: 50%;
   padding: 2rem 6rem 2rem;
   background-color: #007aff;
   border-radius: 2rem;
-
   color: white;
   font-family: "Pretendard-Regular";
 }

 
 .news-box-sed p {
   font-size: 1.5rem;
-  /* padding: 1rem; */
-  /* background-color: aquamarine; */
 }
 
 .news-box-end p {
   font-size: 1.5rem;
   color: #3f87f7;
-  /* padding: 1rem; */
 }
 
 .news-box-end p span {

 }
 
 .guide-logo-bt {
-  margin: 0 auto;
-  color: #c26400;
-  padding: 1.5rem;
-  border-radius: 2rem;
-  text-align: center;
 }
 
 .guide-logo-bt i,

 .guide-sec {
   padding: 3rem;
 }
+.guide-logo-bt {
+  font-size: 3rem;
+  width: 70%;
+  padding-right: 3rem;
+  font-family: SBaggroM;
+  text-align: right;
+  margin: 0 auto;
+  color: #c26400;
+  padding: 1.5rem;
+  border-radius: 2rem;
+  cursor: pointer;
+}
 
 /* ------------------------------------------------------------------------------ */
 /* Technology css */
-
-.tech-logo {
-  padding: 6rem 0;
-  width: 100%;
-}
-
-.tech-logo h1 {
-  font-size: 4rem;
-  font-family: SBaggroM;
-  font-weight: 500;
-  color: #0e0077;
-}
-
-.tech-logo img {
-  width: 10rem;
-}
 
 .tech-bos {
   width: 100%;

   font-size: 1.5rem;
   font-family: "Pretendard-Regular";
   text-align: left;
-}
-
-p.date {
-  color: #aaa;
-  font-size: 1.3rem;
-  text-align: left;
-  font-family: "Pretendard-Regular";
-  padding: 1rem 0;
-}
-.tech-sec1 {
-  padding: 2rem;
-  border-top: 1px solid gray;
-  border-bottom: 1px solid gray;
-  display: grid;
-  grid-template-columns: 80% 1fr;
-}
-.tech-sec1 button {
-  font-size: 2.5rem;
-  padding: 1rem;
-}
-.tech-sec1 h2 {
-  font-size: 2.5rem;
-  padding: 1rem;
-}
-.tech-sec-div {
-  width: 100%;
-  border: 1px solid red;
-  display: grid;
-  padding: 3rem;
-  grid-template-columns: 1fr 1fr;
 }
 
 .tech-box-sec div button {

   border-radius: 0.5rem;
   font-weight: 700;
 }
+.date {
+  text-align: left;
+  padding: 1rem 0;
+}
 /* --------------------------------------------------------------------------- */
 /* lnfo css */
-.info-box-button {
-  width: 60%;
-  margin: 0 auto;
-  display: grid;
-  padding: 0 0 6rem 0;
-  grid-template-columns: 1fr 1fr;
-}
-
-.info-sec-bt {
-  /* border: 1px solid red; */
-  width: 60%;
-  margin: 0 auto;
-  padding: 6rem;
-  text-align: right;
-}
-
-.info-sec-bt button {
-  width: 30%;
-  padding: 2rem;
-  color: white;
-  border-radius: 1.5rem;
-  background-color: #3f87f7;
-}
-
-.info-box-button button {
-  padding: 3rem 2rem 3rem 2rem;
-  margin-right: 3rem;
-  color: white;
-  border-radius: 2rem;
-}
 
 .info-sec,
 .info-sec-1 {

 
 .info-sec-1 section {
   padding: 3rem;
+  margin: 0 auto;
+  width: 30%;
+  text-align: center;
 }
 
 .info-sec-1 section img {

   color: white;
 }
 
-.info-box-button {
-  width: 60%;
-  margin: 0 auto;
-  display: grid;
-  padding: 0 0 6rem 0;
-  grid-template-columns: 1fr 1fr;
-}
-
 .info-sec-bt {
   /* border: 1px solid red; */
   width: 60%;

   border-radius: 2rem;
 }
 
-.info-sec,
-.info-sec-1 {
-  padding: 6rem;
-  margin: 0 auto;
-  border: 1px soli/d #333;
-  width: 60%;
-}
-
-.info-sec div,
-.info-sec-1 div {
-  display: grid;
-
-  border-bottom: 1px solid #333;
-  grid-template-columns: 30% 2fr;
-}
-
-.info-sec div p {
-  /* border-bottom: 1px solid #333; */
-  padding: 3rem;
-  font-size: 1.5rem;
-}
-
-.info-sec-1 div p {
-  padding: 3rem;
-  font-size: 1.5rem;
-}
-
-.info-sec-1 section {
-  margin: 0 auto;
-  width: 30%;
-  text-align: center;
-}
-
-.info-sec-1 section img {
-  width: 100%;
-  margin: 0 auto;
-}
-
 .info-td {
   /* border: 1px solid red; */
   height: 250px;
-}
-
-.info-input {
-  width: 100%;
-  padding: 2rem;
-  border-radius: 0.5rem;
 }
 
 .info-td input {

 .selected-keyword span:nth-child(2) {
   cursor: pointer;
 }
+/* 로그인 모달창 css */
+.login-modal {
+  width: 100%;
+  height: 100%;
+  background-color: #33333324;
+  margin: 0 auto;
+  text-align: center;
+  padding: 3rem;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+
+.login-wrap {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  padding: 4rem;
+  border-radius: 2rem;
+  background-color: #f9f9f9;
+  transform: translate(-50%, -50%);
+  /* margin: 0 auto; */
+  box-shadow: 2px 2px 5px #86868644;
+
+  width: 25%;
+}
+
+.login-wrap p {
+  font-size: 1.7rem;
+  font-family: "Pretendard-Regular";
+  padding: 3rem;
+}
+
+.login-wrap button {
+  padding: 1rem 3rem 1rem 3rem;
+  border-radius: 1rem;
+  background-color: #3f87f7;
+  color: white;
+  font-family: "Pretendard-Regular";
+}
+
+/* ----------------------------------- */
+
+.login-sec {
+  width: 35%;
+  margin: 0 auto;
+  padding: 15rem 0;
+}
+
+.login-logo {
+  width: 100%;
+}
+
+.login-logo-d img {
+  width: 300px;
+  text-align: center;
+  /* border: 1px solid red; */
+  margin: 0 auto;
+  padding: 3rem;
+}
+
+.login-logo-d h1 {
+  /* border: 1px solid red; */
+  font-family: SBaggroM;
+  font-weight: 500;
+  color: #063a6d;
+  padding: 3rem 0;
+  font-size: 3rem;
+}
+
+.login-input {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.login-input-d div {
+  width: 100%;
+  padding: 1rem;
+}
+
+.ID input,
+.PW input {
+  height: 6rem;
+  border: 1px solid #9a9a9a;
+  border-radius: 1.2rem;
+  padding: 1rem;
+  color: #9a9a9a;
+}
+
+.login-checkbox {
+  width: 100%;
+}
+
+.login-checkbox-i {
+  text-align: left;
+  margin: 0 auto;
+}
+
+.login-checkbox-i input[type="checkbox"] {
+  text-align: left;
+  margin: 1rem;
+  transform: scale(1.5);
+}
+
+.login-checkbox-i span {
+  font-size: 1.5rem;
+  font-family: "Pretendard-Regular";
+}
+
+.login-checkbox-b {
+  padding: 2rem 0;
+}
+
+.login-checkbox-b button {
+  padding: 1rem;
+  color: #333;
+  font-family: "Pretendard-Regular";
+  font-weight: 500;
+  font-size: 1.5rem;
+  cursor: pointer;
+  background-color: #06396d00;
+}
+
+.login-checkbox-b button:nth-child(1) {
+  position: relative;
+}
+
+.login-bu-after::after,
+.login-bu-after::after {
+  content: "ㅣ";
+  float: right;
+  display: block;
+  margin-left: 20px;
+}
+
+.login-button {
+  width: 100%;
+}
+
+.login-button button {
+  width: 100%;
+  padding: 2rem;
+  background-color: #3f87f7;
+  color: white;
+  font-size: 1.7rem;
+  font-family: "Pretendard-Regular";
+  border-radius: 1.2rem;
+  cursor: pointer;
+}
+/* 스와이퍼--------------------------------------- */
+.swiper-button-prev:after,
+.swiper-button-next:after {
+  color: aliceblue;
+}
+
+.swiper-button-next,
+.swiper-button-prev {
+  margin-top: -50px !important;
+  color: aliceblue;
+}
+
+.swiper {
+  height: 260px;
+  padding: 0px 50px 50px 50px;
+}
+
+.swiper-2 {
+  height: 200px;
+  padding: 10rem;
+  border-bottom: 1px solid rgb(209, 209, 209);
+  /* box-shadow: 0px 0px 5px rgb(209, 209, 209);/ */
+}
+
+.swiper-div {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
+
+.swiper-div embed {
+  height: 230px;
+  width: 350px;
+}
+
+.swiper-div p {
+  padding: 1rem;
+  font-size: 1.7rem;
+  color: white;
+}
+
+.swiper-slide img {
+  width: 40%;
+}
+
+.swiper-notice {
+  border-radius: 0.5rem;
+  border: 1px solid white;
+  background-color: #00000034;
+  padding: 0.5rem;
+  height: 40px;
+}
+
+.slide1 {
+  height: 32px;
+  width: 98%;
+  padding: 0.5rem 1rem;
+  color: white;
+  font-size: 1.3rem;
+  /* border-bottom: 0.5px dotted white; */
+}
+
+.swiper-2 {
+  height: 100px;
+  transition-timing-function: linear;
+}
+
+/*--------------------------------------- */

ea970ee

015428e

client/resources/css/responsive.css

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

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

...	...	@@ -340,6 +340,33 @@
340	340	flex-direction: column;
341	341	margin: 1rem 0;
342	342	}
	343	+ /* 통합지원센터 */
	344	+ .intro {
	345	+ padding: 1rem;
	346	+ }
	347	+ .intro-logo {
	348	+ padding: 3rem 0;
	349	+ }
	350	+ .intro-logo h1 {
	351	+ font-size: 2.5rem;
	352	+ }
	353	+ .intro-text {
	354	+ padding: 0;
	355	+ }
	356	+ .intro-img {
	357	+ padding: 0;
	358	+ gap: 1rem;
	359	+ grid-template-columns: 1fr;
	360	+ }
	361	+ /* 회원정보 */
	362	+ .info-sec {
	363	+ width: 100%;
	364	+ padding: 0;
	365	+ }
	366	+ .info-sec div,
	367	+ .info-sec-1 div {
	368	+ grid-template-columns: 1fr;
	369	+ }
343	370	}
344	371
345	372	@media all and (min-width: 480px) and (max-width: 767px) {

ea970ee

015428e

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

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

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


             </div>
             <div class="data-dtail">
                 <table class="insert-table">
-                    <tbody>
+                    <tbody>d
                         <tr>
                             <td class="title-zone" colspan="2">
                                 <p class="flex"><span class="post-title">{{ post.post_title }}</span><span

ea970ee

015428e

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

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

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

...	...	@@ -62,4 +62,3 @@
62	62	}
63	63	</script>
64	64
65		-<style scoped></style> (No newline at end of file)

ea970ee

015428e

client/views/pages/user/join/Join.vue

--- client/views/pages/user/join/Join.vue

+++ client/views/pages/user/join/Join.vue


                             <p v-show="validateId != null" class="item-style err-text">{{ validateId }}</p>
                         </div>
                         <div>
-                            <button class="blue-btn join-blue-btn" @click="userIdCheck">중복확인</button>
+                            <button class="blue-btn " @click="userIdCheck">중복확인</button>
                         </div>
                     </div>
                     <div class="join-sec3 joinsub">

 }
 </script>
 
-<style scoped>
-@media all and (min-width: 767px) and (max-width: 1023px) {}
-
-@media all and (min-width: 1023px) and (max-width: 1268px) {
-    .email-sec {
-        width: 100%;
-        display: grid;
-        /* border: 1px solid red; */
-
-        grid-template-columns: 1fr 30px 1fr 1fr;
-    }
-
-    .email-sec div {
-        /* padding: 2rem; */
-        padding: 1rem 0;
-        font-size: 1.5rem;
-        font-family: "Pretendard-Regular";
-        /* border: 1px solid red; */
-        text-align: center;
-        gap: 1rem;
-    }
-
-    .email-sec div:nth-child(2) {
-        padding: 2rem 0;
-    }
-
-    .login-info2 {
-        width: 50%;
-    }
-}
-
-@media all and (min-width: 250px) and (max-width: 479px) {
-
-    .t1 img {
-        width: 60%;
-    }
-
-    .t2 img {
-        width: 40%;
-    }
-
-    .join-logo {
-        padding: 5rem 1rem;
-        font-size: 2rem;
-        text-align: center;
-    }
-
-    .join-b-button {
-        width: 100%;
-        grid-template-columns: 1fr;
-    }
-
-    .login-info2 {
-        width: 100%;
-    }
-
-    .login-info {
-        width: 100%;
-    }
-
-    .login-info-grid {
-        grid-template-columns: 1fr;
-    }
-
-    .joinsub0 {
-        grid-template-columns: 1fr;
-
-    }
-
-    .joinsub0-1 {
-
-        grid-template-columns: 1fr;
-    }
-
-    .joinsub {
-
-        grid-template-columns: 1fr;
-    }
-
-    .join-sec5-1 {
-        width: 100%;
-        grid-template-columns: 1fr;
-
-    }
-
-    .join-sec6 {
-        grid-template-columns: 1fr;
-
-    }
-
-    .join-imgbox {
-        width: 100%;
-    }
-
-    .btn-upload-join {
-        width: 100%;
-    }
-
-    .uploaded-box-radius {
-        margin: 0 auto;
-        width: 35%;
-    }
-
-    /* 공통요소 */
-    div div span {
-        padding: 0;
-    }
-}
-
-@media all and (min-width: 480px) and (max-width: 767px) {
-    .join-b-button {
-        width: 100%;
-        grid-template-columns: 1fr;
-        row-gap: 6rem;
-    }
-
-    .login-info {
-        width: 100%;
-    }
-
-    .login-info2 {
-        width: 100%;
-    }
-
-    .login-info-grid {
-        grid-template-columns: 1fr;
-    }
-
-    .t1 img {
-        width: 247px;
-    }
-
-    .t2 img {
-        width: 120px;
-    }
-
-    .joinsub0 {
-        grid-template-columns: 1fr;
-    }
-
-    .joinsub {
-
-        grid-template-columns: 1fr;
-    }
-
-    .joinsub0-1 {
-        grid-template-columns: 1fr;
-
-    }
-
-    .join-imgbox {
-        width: 100%;
-    }
-
-    .btn-upload-join {
-        width: 100%;
-    }
-
-    .uploaded-box-radius {
-        width: 35%;
-        margin: 0 auto;
-    }
-
-    .join-sec5-1 {
-        width: 100%;
-        grid-template-columns: 1fr;
-    }
-
-    .join-sec6 {
-        grid-template-columns: 1fr;
-    }
-
-    /* 공통요소 */
-    div div span {
-        padding: 0;
-    }
-}
-</style>

ea970ee

015428e

client/views/pages/user/login/Login.vue

--- client/views/pages/user/login/Login.vue

+++ client/views/pages/user/login/Login.vue


 </script>
 
 
-<style scoped>
-/* 모달창 css */
-.login-modal {
-    width: 100%;
-    height: 100%;
-    background-color: #33333324;
-    margin: 0 auto;
-    text-align: center;
-    padding: 3rem;
-    position: fixed;
-    top: 0;
-    left: 0;
-}
-
-.login-wrap {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    padding: 4rem;
-    border-radius: 2rem;
-    background-color: #f9f9f9;
-    transform: translate(-50%, -50%);
-    /* margin: 0 auto; */
-    box-shadow: 2px 2px 5px #86868644;
-
-    width: 25%;
-}
-
-.login-wrap p {
-    font-size: 1.7rem;
-    font-family: "Pretendard-Regular";
-    padding: 3rem;
-}
-
-.login-wrap button {
-    padding: 1rem 3rem 1rem 3rem;
-    border-radius: 1rem;
-    background-color: #3f87f7;
-    color: white;
-    font-family: "Pretendard-Regular";
-
-}
-
-/* ----------------------------------- */
-.w1400 {
-    overflow-y: hidden;
-    margin: 0 auto;
-    text-align: center;
-}
-
-.login-sec {
-    width: 35%;
-    margin: 0 auto;
-    padding: 15rem 0;
-}
-
-.login-logo {
-    width: 100%;
-}
-
-.login-logo-d img {
-    width: 300px;
-    text-align: center;
-    /* border: 1px solid red; */
-    margin: 0 auto;
-    padding: 3rem;
-}
-
-.login-logo-d h1 {
-    /* border: 1px solid red; */
-    font-family: SBaggroM;
-    font-weight: 500;
-    color: #063a6d;
-    padding: 3rem 0;
-    font-size: 3rem;
-}
-
-.login-input {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-
-
-}
-
-.login-input-d div {
-    width: 100%;
-    padding: 1rem;
-}
-
-.ID input,
-.PW input {
-    height: 6rem;
-    border: 1px solid #9a9a9a;
-    border-radius: 1.2rem;
-    padding: 1rem;
-    color: #9a9a9a;
-}
-
-.login-checkbox {
-    width: 100%;
-}
-
-.login-checkbox-i {
-    text-align: left;
-    margin: 0 auto;
-}
-
-.login-checkbox-i input[type=checkbox] {
-    text-align: left;
-    margin: 1rem;
-    transform: scale(1.5);
-}
-
-.login-checkbox-i span {
-    font-size: 1.5rem;
-    font-family: "Pretendard-Regular";
-}
-
-.login-checkbox-b {
-    padding: 2rem 0;
-}
-
-.login-checkbox-b button {
-    padding: 1rem;
-    color: #333;
-    font-family: "Pretendard-Regular";
-    font-weight: 500;
-    font-size: 1.5rem;
-    cursor: pointer;
-    background-color: #06396d00;
-}
-
-.login-checkbox-b button:nth-child(1) {
-    position: relative;
-}
-
-.login-bu-after::after,
-.login-bu-after::after {
-    content: 'ㅣ';
-    float: right;
-    display: block;
-    margin-left: 20px;
-}
-
-.login-button {
-    width: 100%;
-}
-
-.login-button button {
-    width: 100%;
-    padding: 2rem;
-    background-color: #3f87f7;
-    color: white;
-    font-size: 1.7rem;
-    font-family: "Pretendard-Regular";
-    border-radius: 1.2rem;
-    cursor: pointer;
-}
-
-@media all and (max-width:479px) {
-    .login-logo {
-        margin: 0 auto;
-        width: 90%;
-    }
-
-    .login-input-d div {
-        width: 90%;
-        margin: 0 auto;
-    }
-
-    .ID input,
-    .PW input {
-        width: 100%;
-    }
-
-    .login-checkbox-i {
-        width: 90%;
-        margin: 0 auto;
-    }
-
-    .login-checkbox-b {
-        padding: 2rem;
-    }
-
-    .login-button {
-        width: 90%;
-        margin: 0 auto;
-    }
-
-    .login-button button {
-        width: 100%;
-    }
-}
-</style>

ea970ee

015428e

client/views/pages/user/main/Main.vue

--- client/views/pages/user/main/Main.vue

+++ client/views/pages/user/main/Main.vue


                                     }" :navigation="false" :modules="modules" class="mySwiper swiper-notice">
                                     <swiper-slide class="slide1">[공유]AI디지털교과서 개발 가이드라인 설명회 발표자료</swiper-slide>
                                     <swiper-slide class="slide1">[공유]AI디지털교과서 개발 가이드라인 설명회 발표자료</swiper-slide>
-                                    <!-- <swiper-slide class="slide1">[공유]AI디지털교과서 개발 가이드라인 설명회 발표자료</swiper-slide>
-                                    <swiper-slide class="slide1">[공유]AI디지털교과서 개발 가이드라인 설명회 발표자료</swiper-slide> -->
+
                                 </swiper>
                             </div>
                             <!-- 메인 텍스트 -->

     }
 }
 </script>
-
-<style scoped>
-/* 스와이퍼--------------------------------------- */
-.swiper-button-prev:after,
-.swiper-button-next:after {
-    color: aliceblue;
-}
-
-.swiper-button-next,
-.swiper-button-prev {
-    margin-top: -50px !important;
-    color: aliceblue;
-}
-
-.swiper {
-    height: 260px;
-    padding: 0px 50px 50px 50px;
-}
-
-.swiper-2 {
-    height: 200px;
-    padding: 10rem;
-    border-bottom: 1px solid rgb(209, 209, 209);
-    /* box-shadow: 0px 0px 5px rgb(209, 209, 209);/ */
-}
-
-
-
-.swiper-div {
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-}
-
-.swiper-div embed {
-    height: 230px;
-    width: 350px;
-}
-
-.swiper-div p {
-    padding: 1rem;
-    font-size: 1.7rem;
-    color: white;
-}
-
-.swiper-slide img {
-    width: 40%;
-}
-
-.swiper-notice {
-    border-radius: 0.5rem;
-    border: 1px solid white;
-    background-color: #00000034;
-    padding: 0.5rem;
-    height: 40px;
-}
-
-
-
-.slide1 {
-    height: 32px;
-    width: 98%;
-    padding: 0.5rem 1rem;
-    color: white;
-    font-size: 1.3rem;
-    /* border-bottom: 0.5px dotted white; */
-
-}
-
-.swiper-2 {
-    height: 100px;
-    transition-timing-function: linear;
-}
-
-/*--------------------------------------- */
-</style>

ea970ee

015428e

client/views/pages/user/mypage/MatchingManager.vue

--- client/views/pages/user/mypage/MatchingManager.vue

+++ client/views/pages/user/mypage/MatchingManager.vue

...	...	@@ -337,4 +337,3 @@
337	337	}
338	338	</script>
339	339
340		-<style scoped></style> (No newline at end of file)

ea970ee

015428e

client/views/pages/user/networking/MatchingOne.vue

--- client/views/pages/user/networking/MatchingOne.vue

+++ client/views/pages/user/networking/MatchingOne.vue


                 <div class="mat-sec2-end">
                     <p>
 
-                        <i v-if="!company.pick_yn" class="fa-regular fa-heart fa-lg" style="color: #3f87f7;" @click="pickConfirm()"></i>
+                        <i v-if="!company.pick_yn" class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"
+                            @click="pickConfirm()"></i>
                         <i v-else class="fa fa-heart fa-lg" style="color: #d41515;" @click="pickCancelModal()"></i>
                         <span id="pickBtn" @click="openPickListMadal">{{ company.company_pick_cnt }}개</span>의 기업이 pick했습니다!
                     </p>

     </div>
 
 
-    <div v-show="pickModal" class="join-modal2">
+    <div v-show="pickModal" class="matching-modal2">
         <div class="mat-modal">
 
             <h2>우리기업을 PICK한 기업</h2>
             <button class="join-text-bt3" @click="closePickListMadal">X</button>
         </div>
         <table class="mat-modal-img" v-for="(item, idx) in pickSelectList" :key="idx">
-            <td><img :src="'http://localhost:8080'+item.file_path +'\\' + item.file_nm + '.' + item.file_extn_nm"></td>
-            <td >
+            <td><img :src="'http://localhost:8080' + item.file_path + '\\' + item.file_nm + '.' + item.file_extn_nm"></td>
+            <td>
                 {{ item.company_nm }}
             </td>
             <td>

                 file_nm: null,
                 file_extn_nm: null,
                 pick_yn: null,
-                userCompanyId:null
+                userCompanyId: null
             },
 
-            pickSelectList:[],
+            pickSelectList: [],
             pickModal: false,
             isAccepted: false,
             buttonText: '수락',

     },
     methods: {
 
-        companySelectOne: function() {
+        companySelectOne: function () {
             const vm = this;
 
             axios({

                 hearder: {
                     'Content-Type': "application/json; charset=UTF-8",
                 },
-                data: { 'company_id': vm.route.query.company_id}
+                data: { 'company_id': vm.route.query.company_id }
             }).then(function (response) {
                 vm.company = response.data;
                 vm.userCompanyId = response.data.userCompanyId;

 
         openPickListMadal() {
             const vm = this;
-            if(this.company.company_id === this.userCompanyId) {
+            if (this.company.company_id === this.userCompanyId) {
                 this.pickModal = true;
 
                 axios({

             }
         },
 
-        pickConfirm: function() {
-        
-        if(this.company.userCompanyId != this.company.company_id) {
-            if(confirm(this.company.company_nm + "에 PICK 신청을 하시겠습니까?")) {
-            this.pick()
+        pickConfirm: function () {
+
+            if (this.company.userCompanyId != this.company.company_id) {
+                if (confirm(this.company.company_nm + "에 PICK 신청을 하시겠습니까?")) {
+                    this.pick()
+                }
+            } else {
+                alert("자신의 기업에는 PICK을 할 수 없습니다.")
             }
-        } else {
-            alert("자신의 기업에는 PICK을 할 수 없습니다.")
-        }
-        
+
         },
 
-        pickCancelModal: function() {
-            if(confirm(this.company.company_nm + "에게 신청한 PICK을 취소 하시겠습니까?")) {
+        pickCancelModal: function () {
+            if (confirm(this.company.company_nm + "에게 신청한 PICK을 취소 하시겠습니까?")) {
                 this.pickCancel()
             }
         },
 
-        pick: function() {
+        pick: function () {
             const vm = this;
-            
+
             axios({
                 url: '/matching/pick.json',
                 method: 'post',

                     'Content-Type': "application/json; charset=UTF-8",
                 },
                 data: vm.company
-            }).then(function(response) {
+            }).then(function (response) {
                 alert(response.data);
                 vm.companySelectOne();
-            }).catch(function(error) {
+            }).catch(function (error) {
                 console.log('error - ', error)
                 alert('기업 목록 조회 오류, 관리자에게 문의하세요.');
             })
         },
 
-        pickCancel: function() {
+        pickCancel: function () {
             const vm = this;
 
             axios({

                     'Content-Type': "application/json; charset=UTF-8",
                 },
                 data: vm.company
-            }).then(function(response) {
-            alert(response.data);
-            vm.companySelectOne();
-            }).catch(function(error) {
+            }).then(function (response) {
+                alert(response.data);
+                vm.companySelectOne();
+            }).catch(function (error) {
                 console.log('error - ', error)
                 alert('기업 목록 조회 오류, 관리자에게 문의하세요.');
             })
         },
 
-        modalPick: function(item) {
+        modalPick: function (item) {
             const vm = this;
 
             axios({

                     'Content-Type': "application/json; charset=UTF-8",
                 },
                 data: item
-            }).then(function(response) {
+            }).then(function (response) {
                 alert(response.data);
                 vm.openPickListMadal();
-            }).catch(function(error) {
+            }).catch(function (error) {
                 console.log('error - ', error)
                 alert('기업 목록 조회 오류, 관리자에게 문의하세요.');
             })

Add a comment

Open 0
Closed 0

List

...	...	@@ -229,7 +229,7 @@
229	229	<p v-show="validateId != null" class="item-style err-text">{{ validateId }}</p>
230	230	</div>
231	231	<div>
232		- <button class="blue-btn join-blue-btn" @click="userIdCheck">중복확인</button>
	232	+ <button class="blue-btn " @click="userIdCheck">중복확인</button>
233	233	</div>
234	234	</div>
235	235	<div class="join-sec3 joinsub">
...	...	@@ -745,181 +745,3 @@
745	745	}
746	746	</script>
747	747
748		-<style scoped>
749		-@media all and (min-width: 767px) and (max-width: 1023px) {}
750		-
751		-@media all and (min-width: 1023px) and (max-width: 1268px) {
752		- .email-sec {
753		- width: 100%;
754		- display: grid;
755		- /* border: 1px solid red; */
756		-
757		- grid-template-columns: 1fr 30px 1fr 1fr;
758		- }
759		-
760		- .email-sec div {
761		- /* padding: 2rem; */
762		- padding: 1rem 0;
763		- font-size: 1.5rem;
764		- font-family: "Pretendard-Regular";
765		- /* border: 1px solid red; */
766		- text-align: center;
767		- gap: 1rem;
768		- }
769		-
770		- .email-sec div:nth-child(2) {
771		- padding: 2rem 0;
772		- }
773		-
774		- .login-info2 {
775		- width: 50%;
776		- }
777		-}
778		-
779		-@media all and (min-width: 250px) and (max-width: 479px) {
780		-
781		- .t1 img {
782		- width: 60%;
783		- }
784		-
785		- .t2 img {
786		- width: 40%;
787		- }
788		-
789		- .join-logo {
790		- padding: 5rem 1rem;
791		- font-size: 2rem;
792		- text-align: center;
793		- }
794		-
795		- .join-b-button {
796		- width: 100%;
797		- grid-template-columns: 1fr;
798		- }
799		-
800		- .login-info2 {
801		- width: 100%;
802		- }
803		-
804		- .login-info {
805		- width: 100%;
806		- }
807		-
808		- .login-info-grid {
809		- grid-template-columns: 1fr;
810		- }
811		-
812		- .joinsub0 {
813		- grid-template-columns: 1fr;
814		-
815		- }
816		-
817		- .joinsub0-1 {
818		-
819		- grid-template-columns: 1fr;
820		- }
821		-
822		- .joinsub {
823		-
824		- grid-template-columns: 1fr;
825		- }
826		-
827		- .join-sec5-1 {
828		- width: 100%;
829		- grid-template-columns: 1fr;
830		-
831		- }
832		-
833		- .join-sec6 {
834		- grid-template-columns: 1fr;
835		-
836		- }
837		-
838		- .join-imgbox {
839		- width: 100%;
840		- }
841		-
842		- .btn-upload-join {
843		- width: 100%;
844		- }
845		-
846		- .uploaded-box-radius {
847		- margin: 0 auto;
848		- width: 35%;
849		- }
850		-
851		- /* 공통요소 */
852		- div div span {
853		- padding: 0;
854		- }
855		-}
856		-
857		-@media all and (min-width: 480px) and (max-width: 767px) {
858		- .join-b-button {
859		- width: 100%;
860		- grid-template-columns: 1fr;
861		- row-gap: 6rem;
862		- }
863		-
864		- .login-info {
865		- width: 100%;
866		- }
867		-
868		- .login-info2 {
869		- width: 100%;
870		- }
871		-
872		- .login-info-grid {
873		- grid-template-columns: 1fr;
874		- }
875		-
876		- .t1 img {
877		- width: 247px;
878		- }
879		-
880		- .t2 img {
881		- width: 120px;
882		- }
883		-
884		- .joinsub0 {
885		- grid-template-columns: 1fr;
886		- }
887		-
888		- .joinsub {
889		-
890		- grid-template-columns: 1fr;
891		- }
892		-
893		- .joinsub0-1 {
894		- grid-template-columns: 1fr;
895		-
896		- }
897		-
898		- .join-imgbox {
899		- width: 100%;
900		- }
901		-
902		- .btn-upload-join {
903		- width: 100%;
904		- }
905		-
906		- .uploaded-box-radius {
907		- width: 35%;
908		- margin: 0 auto;
909		- }
910		-
911		- .join-sec5-1 {
912		- width: 100%;
913		- grid-template-columns: 1fr;
914		- }
915		-
916		- .join-sec6 {
917		- grid-template-columns: 1fr;
918		- }
919		-
920		- /* 공통요소 */
921		- div div span {
922		- padding: 0;
923		- }
924		-}
925		-</style> (No newline at end of file)

...	...	@@ -17,8 +17,7 @@
17	17	}" :navigation="false" :modules="modules" class="mySwiper swiper-notice">
18	18	<swiper-slide class="slide1">[공유]AI디지털교과서 개발 가이드라인 설명회 발표자료</swiper-slide>
19	19	<swiper-slide class="slide1">[공유]AI디지털교과서 개발 가이드라인 설명회 발표자료</swiper-slide>
20		- <!-- <swiper-slide class="slide1">[공유]AI디지털교과서 개발 가이드라인 설명회 발표자료</swiper-slide>
21		- <swiper-slide class="slide1">[공유]AI디지털교과서 개발 가이드라인 설명회 발표자료</swiper-slide> -->
	20	+
22	21	</swiper>
23	22	</div>
24	23	<!-- 메인 텍스트 -->
...	...	@@ -404,79 +403,3 @@
404	403	}
405	404	}
406	405	</script>
407		-
408		-<style scoped>
409		-/* 스와이퍼--------------------------------------- */
410		-.swiper-button-prev:after,
411		-.swiper-button-next:after {
412		- color: aliceblue;
413		-}
414		-
415		-.swiper-button-next,
416		-.swiper-button-prev {
417		- margin-top: -50px !important;
418		- color: aliceblue;
419		-}
420		-
421		-.swiper {
422		- height: 260px;
423		- padding: 0px 50px 50px 50px;
424		-}
425		-
426		-.swiper-2 {
427		- height: 200px;
428		- padding: 10rem;
429		- border-bottom: 1px solid rgb(209, 209, 209);
430		- /* box-shadow: 0px 0px 5px rgb(209, 209, 209);/ */
431		-}
432		-
433		-
434		-
435		-.swiper-div {
436		- display: flex;
437		- align-items: center;
438		- flex-direction: column;
439		-}
440		-
441		-.swiper-div embed {
442		- height: 230px;
443		- width: 350px;
444		-}
445		-
446		-.swiper-div p {
447		- padding: 1rem;
448		- font-size: 1.7rem;
449		- color: white;
450		-}
451		-
452		-.swiper-slide img {
453		- width: 40%;
454		-}
455		-
456		-.swiper-notice {
457		- border-radius: 0.5rem;
458		- border: 1px solid white;
459		- background-color: #00000034;
460		- padding: 0.5rem;
461		- height: 40px;
462		-}
463		-
464		-
465		-
466		-.slide1 {
467		- height: 32px;
468		- width: 98%;
469		- padding: 0.5rem 1rem;
470		- color: white;
471		- font-size: 1.3rem;
472		- /* border-bottom: 0.5px dotted white; */
473		-
474		-}
475		-
476		-.swiper-2 {
477		- height: 100px;
478		- transition-timing-function: linear;
479		-}
480		-
481		-/--------------------------------------- /
482		-</style>

...	...	@@ -73,16 +73,6 @@
73	73	margin-right: 1rem;
74	74	}
75	75
76		-.main-notice ul li {
77		- color: white;
78		- font-size: 1.5rem;
79		- padding: 0.5rem;
80		-}
81		-
82		-.main-notice ul li:nth-child(1) {
83		- border-bottom: 1px dotted white;
84		-}
85		-
86	76	/* 퍼즐 */
87	77	.main-content-wrap {
88	78	width: 100%;
...	...	@@ -192,7 +182,6 @@
192	182	.main-wrap-grid-2 {
193	183	background: url(../jpg/main-pu.png) no-repeat;
194	184	background-size: cover;
195		-
196	185	z-index: 1;
197	186	}
198	187
...	...	@@ -202,7 +191,6 @@
202	191	.main-wrap-grid-5 div {
203	192	width: 100%;
204	193	height: 100%;
205		-
206	194	background-size: 123px 123px;
207	195	margin: 0 auto;
208	196	}
...	...	@@ -234,7 +222,6 @@
234	222
235	223	.main-wrap-grid-1 div img,
236	224	.main-wrap-grid-2 div img,
237		-/* .m-p-c-4 d/iv jpg, */
238	225	.main-wrap-grid-3 div img,
239	226	.main-wrap-grid-5 div img {
240	227	width: 80px !important;
...	...	@@ -267,7 +254,7 @@
267	254	background-size: cover;
268	255	}
269	256
270		-.mmain-wrap-news {
	257	+.main-wrap-news {
271	258	width: 100%;
272	259	height: 100%;
273	260	padding: 30px;
...	...	@@ -282,7 +269,6 @@
282	269	width: 100%;
283	270	font-family: SBaggroM;
284	271	font-weight: 500;
285		-
286	272	padding: 0 1rem;
287	273	margin-bottom: 3rem;
288	274	font-size: 2.5rem;
...	...	@@ -403,15 +389,10 @@
403	389	text-align: center;
404	390	}
405	391
406		-.main-partner-wrap h3,
407	392	.main-partner-wrap h1 {
408	393	text-align: center;
409	394	font-size: 3rem;
410		-}
411		-
412		-.main-partner-wrap h1 {
413	395	font-family: SBaggroM;
414		-
415	396	color: #3f87f7;
416	397	}
417	398
...	...	@@ -473,21 +454,17 @@
473	454	padding: 30px 30px;
474	455	display: grid;
475	456	width: 100%;
476		- /* border: 1px solid red; */
477	457	justify-content: center;
478	458	grid-template-columns: 1fr 1fr 1fr;
479	459	}
480	460
481	461	.matching-wrap div {
482		- /* width: 40%; */
483	462	width: 100%;
484		- /* border: 1px solid red; */
485	463	}
486	464
487	465	.matching-wrap img {
488	466	width: 100%;
489	467	margin: 0 auto;
490		- /* text-align: center; */
491	468	justify-content: center;
492	469	}
493	470
...	...	@@ -495,7 +472,6 @@
495	472	margin: 0 auto;
496	473	text-align: center;
497	474	font-size: 5rem;
498		- /* padding-bottom: 50px; */
499	475	font-family: SBaggroM;
500	476	margin-top: 25%;
501	477	color: white;
...	...	@@ -664,11 +640,6 @@
664	640	width: 25%;
665	641	}
666	642
667		-.mat-bos {
668		- padding: 6rem 6rem 1rem 6rem;
669		- width: 100%;
670		-}
671		-
672	643	.mat-bos img {
673	644	width: 50px !important;
674	645	/* transform: translateY(10px);/ */
...	...	@@ -771,7 +742,7 @@
771	742	font-family: "Pretendard-Regular";
772	743	}
773	744
774		-.join-modal2 {
	745	+.matching-modal2 {
775	746	position: fixed;
776	747	top: 50%;
777	748	left: 50%;
...	...	@@ -791,7 +762,7 @@
791	762	grid-template-columns: 80% 1fr;
792	763	}
793	764
794		-.join-modal2 h2 {
	765	+.matching-modal2 h2 {
795	766	padding: 1rem 0;
796	767	text-align: center;
797	768	}
...	...	@@ -837,12 +808,6 @@
837	808	color: #007aff;
838	809	}
839	810
840		-.data-bos {
841		- width: 100%;
842		- display: grid;
843		- grid-template-columns: 70% 1fr;
844		-}
845		-
846	811	.data-wrap-search {
847	812	width: 100%;
848	813	float: right;
...	...	@@ -852,15 +817,6 @@
852	817
853	818	.data-btn-wrap {
854	819	padding: 3rem 0rem !important;
855		-}
856		-
857		-.data-box {
858		- border: 1px solid red;
859		- padding: 3rem;
860		-}
861		-
862		-.data-main {
863		- width: 100%;
864	820	}
865	821
866	822	.data-b {
...	...	@@ -904,100 +860,6 @@
904	860	grid-template-columns: 1fr 1fr 1fr;
905	861	}
906	862
907		-.data-table {
908		- width: 100%;
909		-}
910		-
911		-.da1 {
912		- max-width: 100%;
913		- height: auto;
914		- margin: 0 auto;
915		- position: relative;
916		- top: 0;
917		- left: 0;
918		-}
919		-
920		-.data-da1-1 {
921		- position: absolute;
922		- top: 0;
923		- left: 0;
924		-}
925		-
926		-.da1 img {
927		- width: 100%;
928		-}
929		-
930		-.da1 h2 {
931		- font-family: SBaggroM;
932		- font-weight: 500;
933		- font-size: 2rem;
934		-}
935		-
936		-.da1 h2 span {
937		- font-size: 4rem;
938		-}
939		-
940		-.data-b-1 h2 {
941		- text-align: left;
942		- padding: 3rem;
943		- color: #014099;
944		-}
945		-
946		-.data-b-1 p {
947		- font-size: 2rem;
948		- padding: 3rem;
949		- padding-top: 5rem;
950		- width: 100%;
951		- font-family: SBaggroM;
952		- font-weight: 400;
953		- text-align: left;
954		- color: #014099;
955		- cursor: pointer;
956		-}
957		-
958		-.data-b-2 h2 {
959		- text-align: center;
960		- padding: 3rem;
961		- color: #0e5e2e;
962		-}
963		-
964		-.data-b-2 p {
965		- font-size: 2rem;
966		- padding: 3rem;
967		-
968		- padding-top: 5rem;
969		- font-family: SBaggroM;
970		- text-align: center;
971		- color: #1a8445;
972		-}
973		-
974		-.data-b-2 p span {
975		- font-size: 3.5rem;
976		- color: #0e5e2e;
977		-}
978		-
979		-.data-b-3 h2 {
980		- text-align: right;
981		- padding: 3rem;
982		- color: #c26400;
983		-}
984		-
985		-.data-b-3 p {
986		- font-size: 2rem;
987		- padding: 3rem;
988		- padding-top: 5rem;
989		- width: 100%;
990		-
991		- font-family: SBaggroM;
992		- text-align: right;
993		- color: #e07e27;
994		-}
995		-
996		-.data-b-3 p span {
997		- font-size: 3.5rem;
998		- color: #c26400;
999		-}
1000		-
1001	863	.data-table-tr {
1002	864	width: 100%;
1003	865	}
...	...	@@ -1011,31 +873,18 @@
1011	873	border-color: #3898ec;
1012	874	outline: none;
1013	875	}
1014		-
1015		-.data-t p {
1016		- width: 80%;
1017		- padding: 0rem 0rem 1rem 3rem !important;
	876	+.dtail-navigation-in {
	877	+ display: flex;
	878	+ justify-content: end;
1018	879	}
1019		-
1020		-.data-t2 p {
1021		- padding: 0rem 0rem 0rem 0rem !important;
1022		- margin: 0 auto;
	880	+.dtail-navigation-in button {
	881	+ padding: 0.5rem 2rem;
	882	+ background-color: #007aff;
	883	+ color: white;
	884	+ border-radius: 0.5rem;
1023	885	}
1024		-
1025		-.guide-logo-bt {
1026		- float: right;
1027		- /* margin: 0 auto; */
1028		- font-size: 3rem;
1029		- width: 70%;
1030		- padding-right: 3rem;
1031		- font-family: SBaggroM;
1032		- text-align: right;
1033		-
1034		- cursor: pointer;
1035		-}
1036		-
1037		-.guide-logo-bt a {
1038		- color: #e07e27;
	886	+.data-detail-page {
	887	+ padding: 0 0 6rem 0;
1039	888	}
1040	889
1041	890	.data-banner button {
...	...	@@ -1043,6 +892,7 @@
1043	892	width: 80%;
1044	893	height: 37rem;
1045	894	border-radius: 2rem;
	895	+ margin: 0 auto;
1046	896	}
1047	897
1048	898	.data-bos-btn1::after {
...	...	@@ -1099,14 +949,9 @@
1099	949	}
1100	950	.data-banner {
1101	951	width: 100%;
1102		-
1103	952	display: grid;
1104	953	grid-template-columns: 1fr 1fr 1fr;
1105	954	gap: 5rem;
1106		-}
1107		-.data-banner button {
1108		- margin: 0 auto;
1109		- /* justify-content: space-between; */
1110	955	}
1111	956
1112	957	.data-bos-btn1 {
...	...	@@ -1186,12 +1031,6 @@
1186	1031	/* --------------------------------------------------------------------------------------------------------- */
1187	1032
1188	1033	/* News css */
1189		-.new-logo img {
1190		- width: 50px;
1191		- height: 50px;
1192		- z-index: -1;
1193		- /* transform: translateY(-40px); */
1194		-}
1195	1034
1196	1035	/* 모달 */
1197	1036	.modal {
...	...	@@ -1209,12 +1048,10 @@
1209	1048	left: 50%;
1210	1049	position: fixed;
1211	1050	z-index: 9999;
1212		- /* bottom: auto; */
1213	1051	padding: 4rem;
1214	1052	border-radius: 2rem;
1215	1053	background-color: #f9f9f9;
1216	1054	transform: translate(-50%, -50%);
1217		- /* margin: 0 auto; */
1218	1055	box-shadow: 2px 2px 5px #86868644;
1219	1056	width: 70%;
1220	1057	margin: 0 auto;
...	...	@@ -1224,14 +1061,12 @@
1224	1061
1225	1062	.modal-content button {
1226	1063	position: relative;
1227		- /* margin: 50%; */
1228	1064	transform: translate(-52%, 0);
1229	1065	top: 10%;
1230	1066	left: 50%;
1231	1067	padding: 2rem 6rem 2rem;
1232	1068	background-color: #007aff;
1233	1069	border-radius: 2rem;
1234		-
1235	1070	color: white;
1236	1071	font-family: "Pretendard-Regular";
1237	1072	}
...	...	@@ -1283,14 +1118,11 @@
1283	1118
1284	1119	.news-box-sed p {
1285	1120	font-size: 1.5rem;
1286		- /* padding: 1rem; */
1287		- /* background-color: aquamarine; */
1288	1121	}
1289	1122
1290	1123	.news-box-end p {
1291	1124	font-size: 1.5rem;
1292	1125	color: #3f87f7;
1293		- /* padding: 1rem; */
1294	1126	}
1295	1127
1296	1128	.news-box-end p span {
...	...	@@ -1345,11 +1177,6 @@
1345	1177	}
1346	1178
1347	1179	.guide-logo-bt {
1348		- margin: 0 auto;
1349		- color: #c26400;
1350		- padding: 1.5rem;
1351		- border-radius: 2rem;
1352		- text-align: center;
1353	1180	}
1354	1181
1355	1182	.guide-logo-bt i,
...	...	@@ -1360,25 +1187,21 @@
1360	1187	.guide-sec {
1361	1188	padding: 3rem;
1362	1189	}
	1190	+.guide-logo-bt {
	1191	+ font-size: 3rem;
	1192	+ width: 70%;
	1193	+ padding-right: 3rem;
	1194	+ font-family: SBaggroM;
	1195	+ text-align: right;
	1196	+ margin: 0 auto;
	1197	+ color: #c26400;
	1198	+ padding: 1.5rem;
	1199	+ border-radius: 2rem;
	1200	+ cursor: pointer;
	1201	+}
1363	1202
1364	1203	/* ------------------------------------------------------------------------------ */
1365	1204	/* Technology css */
1366		-
1367		-.tech-logo {
1368		- padding: 6rem 0;
1369		- width: 100%;
1370		-}
1371		-
1372		-.tech-logo h1 {
1373		- font-size: 4rem;
1374		- font-family: SBaggroM;
1375		- font-weight: 500;
1376		- color: #0e0077;
1377		-}
1378		-
1379		-.tech-logo img {
1380		- width: 10rem;
1381		-}
1382	1205
1383	1206	.tech-bos {
1384	1207	width: 100%;
...	...	@@ -1422,36 +1245,6 @@
1422	1245	font-size: 1.5rem;
1423	1246	font-family: "Pretendard-Regular";
1424	1247	text-align: left;
1425		-}
1426		-
1427		-p.date {
1428		- color: #aaa;
1429		- font-size: 1.3rem;
1430		- text-align: left;
1431		- font-family: "Pretendard-Regular";
1432		- padding: 1rem 0;
1433		-}
1434		-.tech-sec1 {
1435		- padding: 2rem;
1436		- border-top: 1px solid gray;
1437		- border-bottom: 1px solid gray;
1438		- display: grid;
1439		- grid-template-columns: 80% 1fr;
1440		-}
1441		-.tech-sec1 button {
1442		- font-size: 2.5rem;
1443		- padding: 1rem;
1444		-}
1445		-.tech-sec1 h2 {
1446		- font-size: 2.5rem;
1447		- padding: 1rem;
1448		-}
1449		-.tech-sec-div {
1450		- width: 100%;
1451		- border: 1px solid red;
1452		- display: grid;
1453		- padding: 3rem;
1454		- grid-template-columns: 1fr 1fr;
1455	1248	}
1456	1249
1457	1250	.tech-box-sec div button {
...	...	@@ -1556,38 +1349,12 @@
1556	1349	border-radius: 0.5rem;
1557	1350	font-weight: 700;
1558	1351	}
	1352	+.date {
	1353	+ text-align: left;
	1354	+ padding: 1rem 0;
	1355	+}
1559	1356	/* --------------------------------------------------------------------------- */
1560	1357	/* lnfo css */
1561		-.info-box-button {
1562		- width: 60%;
1563		- margin: 0 auto;
1564		- display: grid;
1565		- padding: 0 0 6rem 0;
1566		- grid-template-columns: 1fr 1fr;
1567		-}
1568		-
1569		-.info-sec-bt {
1570		- /* border: 1px solid red; */
1571		- width: 60%;
1572		- margin: 0 auto;
1573		- padding: 6rem;
1574		- text-align: right;
1575		-}
1576		-
1577		-.info-sec-bt button {
1578		- width: 30%;
1579		- padding: 2rem;
1580		- color: white;
1581		- border-radius: 1.5rem;
1582		- background-color: #3f87f7;
1583		-}
1584		-
1585		-.info-box-button button {
1586		- padding: 3rem 2rem 3rem 2rem;
1587		- margin-right: 3rem;
1588		- color: white;
1589		- border-radius: 2rem;
1590		-}
1591	1358
1592	1359	.info-sec,
1593	1360	.info-sec-1 {
...	...	@@ -1623,6 +1390,9 @@
1623	1390
1624	1391	.info-sec-1 section {
1625	1392	padding: 3rem;
	1393	+ margin: 0 auto;
	1394	+ width: 30%;
	1395	+ text-align: center;
1626	1396	}
1627	1397
1628	1398	.info-sec-1 section img {
...	...	@@ -1651,14 +1421,6 @@
1651	1421	color: white;
1652	1422	}
1653	1423
1654		-.info-box-button {
1655		- width: 60%;
1656		- margin: 0 auto;
1657		- display: grid;
1658		- padding: 0 0 6rem 0;
1659		- grid-template-columns: 1fr 1fr;
1660		-}
1661		-
1662	1424	.info-sec-bt {
1663	1425	/* border: 1px solid red; */
1664	1426	width: 60%;
...	...	@@ -1682,53 +1444,9 @@
1682	1444	border-radius: 2rem;
1683	1445	}
1684	1446
1685		-.info-sec,
1686		-.info-sec-1 {
1687		- padding: 6rem;
1688		- margin: 0 auto;
1689		- border: 1px soli/d #333;
1690		- width: 60%;
1691		-}
1692		-
1693		-.info-sec div,
1694		-.info-sec-1 div {
1695		- display: grid;
1696		-
1697		- border-bottom: 1px solid #333;
1698		- grid-template-columns: 30% 2fr;
1699		-}
1700		-
1701		-.info-sec div p {
1702		- /* border-bottom: 1px solid #333; */
1703		- padding: 3rem;
1704		- font-size: 1.5rem;
1705		-}
1706		-
1707		-.info-sec-1 div p {
1708		- padding: 3rem;
1709		- font-size: 1.5rem;
1710		-}
1711		-
1712		-.info-sec-1 section {
1713		- margin: 0 auto;
1714		- width: 30%;
1715		- text-align: center;
1716		-}
1717		-
1718		-.info-sec-1 section img {
1719		- width: 100%;
1720		- margin: 0 auto;
1721		-}
1722		-
1723	1447	.info-td {
1724	1448	/* border: 1px solid red; */
1725	1449	height: 250px;
1726		-}
1727		-
1728		-.info-input {
1729		- width: 100%;
1730		- padding: 2rem;
1731		- border-radius: 0.5rem;
1732	1450	}
1733	1451
1734	1452	.info-td input {
...	...	@@ -2573,3 +2291,221 @@
2573	2291	.selected-keyword span:nth-child(2) {
2574	2292	cursor: pointer;
2575	2293	}
	2294	+/* 로그인 모달창 css */
	2295	+.login-modal {
	2296	+ width: 100%;
	2297	+ height: 100%;
	2298	+ background-color: #33333324;
	2299	+ margin: 0 auto;
	2300	+ text-align: center;
	2301	+ padding: 3rem;
	2302	+ position: fixed;
	2303	+ top: 0;
	2304	+ left: 0;
	2305	+}
	2306	+
	2307	+.login-wrap {
	2308	+ position: fixed;
	2309	+ top: 50%;
	2310	+ left: 50%;
	2311	+ padding: 4rem;
	2312	+ border-radius: 2rem;
	2313	+ background-color: #f9f9f9;
	2314	+ transform: translate(-50%, -50%);
	2315	+ /* margin: 0 auto; */
	2316	+ box-shadow: 2px 2px 5px #86868644;
	2317	+
	2318	+ width: 25%;
	2319	+}
	2320	+
	2321	+.login-wrap p {
	2322	+ font-size: 1.7rem;
	2323	+ font-family: "Pretendard-Regular";
	2324	+ padding: 3rem;
	2325	+}
	2326	+
	2327	+.login-wrap button {
	2328	+ padding: 1rem 3rem 1rem 3rem;
	2329	+ border-radius: 1rem;
	2330	+ background-color: #3f87f7;
	2331	+ color: white;
	2332	+ font-family: "Pretendard-Regular";
	2333	+}
	2334	+
	2335	+/* ----------------------------------- */
	2336	+
	2337	+.login-sec {
	2338	+ width: 35%;
	2339	+ margin: 0 auto;
	2340	+ padding: 15rem 0;
	2341	+}
	2342	+
	2343	+.login-logo {
	2344	+ width: 100%;
	2345	+}
	2346	+
	2347	+.login-logo-d img {
	2348	+ width: 300px;
	2349	+ text-align: center;
	2350	+ /* border: 1px solid red; */
	2351	+ margin: 0 auto;
	2352	+ padding: 3rem;
	2353	+}
	2354	+
	2355	+.login-logo-d h1 {
	2356	+ /* border: 1px solid red; */
	2357	+ font-family: SBaggroM;
	2358	+ font-weight: 500;
	2359	+ color: #063a6d;
	2360	+ padding: 3rem 0;
	2361	+ font-size: 3rem;
	2362	+}
	2363	+
	2364	+.login-input {
	2365	+ width: 100%;
	2366	+ display: flex;
	2367	+ flex-direction: column;
	2368	+}
	2369	+
	2370	+.login-input-d div {
	2371	+ width: 100%;
	2372	+ padding: 1rem;
	2373	+}
	2374	+
	2375	+.ID input,
	2376	+.PW input {
	2377	+ height: 6rem;
	2378	+ border: 1px solid #9a9a9a;
	2379	+ border-radius: 1.2rem;
	2380	+ padding: 1rem;
	2381	+ color: #9a9a9a;
	2382	+}
	2383	+
	2384	+.login-checkbox {
	2385	+ width: 100%;
	2386	+}
	2387	+
	2388	+.login-checkbox-i {
	2389	+ text-align: left;
	2390	+ margin: 0 auto;
	2391	+}
	2392	+
	2393	+.login-checkbox-i input[type="checkbox"] {
	2394	+ text-align: left;
	2395	+ margin: 1rem;
	2396	+ transform: scale(1.5);
	2397	+}
	2398	+
	2399	+.login-checkbox-i span {
	2400	+ font-size: 1.5rem;
	2401	+ font-family: "Pretendard-Regular";
	2402	+}
	2403	+
	2404	+.login-checkbox-b {
	2405	+ padding: 2rem 0;
	2406	+}
	2407	+
	2408	+.login-checkbox-b button {
	2409	+ padding: 1rem;
	2410	+ color: #333;
	2411	+ font-family: "Pretendard-Regular";
	2412	+ font-weight: 500;
	2413	+ font-size: 1.5rem;
	2414	+ cursor: pointer;
	2415	+ background-color: #06396d00;
	2416	+}
	2417	+
	2418	+.login-checkbox-b button:nth-child(1) {
	2419	+ position: relative;
	2420	+}
	2421	+
	2422	+.login-bu-after::after,
	2423	+.login-bu-after::after {
	2424	+ content: "ㅣ";
	2425	+ float: right;
	2426	+ display: block;
	2427	+ margin-left: 20px;
	2428	+}
	2429	+
	2430	+.login-button {
	2431	+ width: 100%;
	2432	+}
	2433	+
	2434	+.login-button button {
	2435	+ width: 100%;
	2436	+ padding: 2rem;
	2437	+ background-color: #3f87f7;
	2438	+ color: white;
	2439	+ font-size: 1.7rem;
	2440	+ font-family: "Pretendard-Regular";
	2441	+ border-radius: 1.2rem;
	2442	+ cursor: pointer;
	2443	+}
	2444	+/* 스와이퍼--------------------------------------- */
	2445	+.swiper-button-prev:after,
	2446	+.swiper-button-next:after {
	2447	+ color: aliceblue;
	2448	+}
	2449	+
	2450	+.swiper-button-next,
	2451	+.swiper-button-prev {
	2452	+ margin-top: -50px !important;
	2453	+ color: aliceblue;
	2454	+}
	2455	+
	2456	+.swiper {
	2457	+ height: 260px;
	2458	+ padding: 0px 50px 50px 50px;
	2459	+}
	2460	+
	2461	+.swiper-2 {
	2462	+ height: 200px;
	2463	+ padding: 10rem;
	2464	+ border-bottom: 1px solid rgb(209, 209, 209);
	2465	+ /* box-shadow: 0px 0px 5px rgb(209, 209, 209);/ */
	2466	+}
	2467	+
	2468	+.swiper-div {
	2469	+ display: flex;
	2470	+ align-items: center;
	2471	+ flex-direction: column;
	2472	+}
	2473	+
	2474	+.swiper-div embed {
	2475	+ height: 230px;
	2476	+ width: 350px;
	2477	+}
	2478	+
	2479	+.swiper-div p {
	2480	+ padding: 1rem;
	2481	+ font-size: 1.7rem;
	2482	+ color: white;
	2483	+}
	2484	+
	2485	+.swiper-slide img {
	2486	+ width: 40%;
	2487	+}
	2488	+
	2489	+.swiper-notice {
	2490	+ border-radius: 0.5rem;
	2491	+ border: 1px solid white;
	2492	+ background-color: #00000034;
	2493	+ padding: 0.5rem;
	2494	+ height: 40px;
	2495	+}
	2496	+
	2497	+.slide1 {
	2498	+ height: 32px;
	2499	+ width: 98%;
	2500	+ padding: 0.5rem 1rem;
	2501	+ color: white;
	2502	+ font-size: 1.3rem;
	2503	+ /* border-bottom: 0.5px dotted white; */
	2504	+}
	2505	+
	2506	+.swiper-2 {
	2507	+ height: 100px;
	2508	+ transition-timing-function: linear;
	2509	+}
	2510	+
	2511	+/--------------------------------------- /

...	...	@@ -7,7 +7,7 @@
7	7	</div>
8	8	<div class="data-dtail">
9	9	<table class="insert-table">
10		- <tbody>
	10	+ <tbody>d
11	11	<tr>
12	12	<td class="title-zone" colspan="2">
13	13	<p class="flex"><span class="post-title">{{ post.post_title }}</span><span

...	...	@@ -114,198 +114,3 @@
114	114	</script>
115	115
116	116
117		-<style scoped>
118		-/* 모달창 css */
119		-.login-modal {
120		- width: 100%;
121		- height: 100%;
122		- background-color: #33333324;
123		- margin: 0 auto;
124		- text-align: center;
125		- padding: 3rem;
126		- position: fixed;
127		- top: 0;
128		- left: 0;
129		-}
130		-
131		-.login-wrap {
132		- position: fixed;
133		- top: 50%;
134		- left: 50%;
135		- padding: 4rem;
136		- border-radius: 2rem;
137		- background-color: #f9f9f9;
138		- transform: translate(-50%, -50%);
139		- /* margin: 0 auto; */
140		- box-shadow: 2px 2px 5px #86868644;
141		-
142		- width: 25%;
143		-}
144		-
145		-.login-wrap p {
146		- font-size: 1.7rem;
147		- font-family: "Pretendard-Regular";
148		- padding: 3rem;
149		-}
150		-
151		-.login-wrap button {
152		- padding: 1rem 3rem 1rem 3rem;
153		- border-radius: 1rem;
154		- background-color: #3f87f7;
155		- color: white;
156		- font-family: "Pretendard-Regular";
157		-
158		-}
159		-
160		-/* ----------------------------------- */
161		-.w1400 {
162		- overflow-y: hidden;
163		- margin: 0 auto;
164		- text-align: center;
165		-}
166		-
167		-.login-sec {
168		- width: 35%;
169		- margin: 0 auto;
170		- padding: 15rem 0;
171		-}
172		-
173		-.login-logo {
174		- width: 100%;
175		-}
176		-
177		-.login-logo-d img {
178		- width: 300px;
179		- text-align: center;
180		- /* border: 1px solid red; */
181		- margin: 0 auto;
182		- padding: 3rem;
183		-}
184		-
185		-.login-logo-d h1 {
186		- /* border: 1px solid red; */
187		- font-family: SBaggroM;
188		- font-weight: 500;
189		- color: #063a6d;
190		- padding: 3rem 0;
191		- font-size: 3rem;
192		-}
193		-
194		-.login-input {
195		- width: 100%;
196		- display: flex;
197		- flex-direction: column;
198		-
199		-
200		-}
201		-
202		-.login-input-d div {
203		- width: 100%;
204		- padding: 1rem;
205		-}
206		-
207		-.ID input,
208		-.PW input {
209		- height: 6rem;
210		- border: 1px solid #9a9a9a;
211		- border-radius: 1.2rem;
212		- padding: 1rem;
213		- color: #9a9a9a;
214		-}
215		-
216		-.login-checkbox {
217		- width: 100%;
218		-}
219		-
220		-.login-checkbox-i {
221		- text-align: left;
222		- margin: 0 auto;
223		-}
224		-
225		-.login-checkbox-i input[type=checkbox] {
226		- text-align: left;
227		- margin: 1rem;
228		- transform: scale(1.5);
229		-}
230		-
231		-.login-checkbox-i span {
232		- font-size: 1.5rem;
233		- font-family: "Pretendard-Regular";
234		-}
235		-
236		-.login-checkbox-b {
237		- padding: 2rem 0;
238		-}
239		-
240		-.login-checkbox-b button {
241		- padding: 1rem;
242		- color: #333;
243		- font-family: "Pretendard-Regular";
244		- font-weight: 500;
245		- font-size: 1.5rem;
246		- cursor: pointer;
247		- background-color: #06396d00;
248		-}
249		-
250		-.login-checkbox-b button:nth-child(1) {
251		- position: relative;
252		-}
253		-
254		-.login-bu-after::after,
255		-.login-bu-after::after {
256		- content: 'ㅣ';
257		- float: right;
258		- display: block;
259		- margin-left: 20px;
260		-}
261		-
262		-.login-button {
263		- width: 100%;
264		-}
265		-
266		-.login-button button {
267		- width: 100%;
268		- padding: 2rem;
269		- background-color: #3f87f7;
270		- color: white;
271		- font-size: 1.7rem;
272		- font-family: "Pretendard-Regular";
273		- border-radius: 1.2rem;
274		- cursor: pointer;
275		-}
276		-
277		-@media all and (max-width:479px) {
278		- .login-logo {
279		- margin: 0 auto;
280		- width: 90%;
281		- }
282		-
283		- .login-input-d div {
284		- width: 90%;
285		- margin: 0 auto;
286		- }
287		-
288		- .ID input,
289		- .PW input {
290		- width: 100%;
291		- }
292		-
293		- .login-checkbox-i {
294		- width: 90%;
295		- margin: 0 auto;
296		- }
297		-
298		- .login-checkbox-b {
299		- padding: 2rem;
300		- }
301		-
302		- .login-button {
303		- width: 90%;
304		- margin: 0 auto;
305		- }
306		-
307		- .login-button button {
308		- width: 100%;
309		- }
310		-}
311		-</style> (No newline at end of file)

...	...	@@ -47,7 +47,8 @@
47	47	<div class="mat-sec2-end">
48	48	<p>
49	49
50		- <i v-if="!company.pick_yn" class="fa-regular fa-heart fa-lg" style="color: #3f87f7;" @click="pickConfirm()"></i>
	50	+ <i v-if="!company.pick_yn" class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"
	51	+ @click="pickConfirm()"></i>
51	52	<i v-else class="fa fa-heart fa-lg" style="color: #d41515;" @click="pickCancelModal()"></i>
52	53	<span id="pickBtn" @click="openPickListMadal">{{ company.company_pick_cnt }}개</span>의 기업이 pick했습니다!
53	54	</p>
...	...	@@ -63,15 +64,15 @@
63	64	</div>
64	65
65	66
66		- <div v-show="pickModal" class="join-modal2">
	67	+ <div v-show="pickModal" class="matching-modal2">
67	68	<div class="mat-modal">
68	69
69	70	<h2>우리기업을 PICK한 기업</h2>
70	71	<button class="join-text-bt3" @click="closePickListMadal">X</button>
71	72	</div>
72	73	<table class="mat-modal-img" v-for="(item, idx) in pickSelectList" :key="idx">
73		- <td><img :src="'http://localhost:8080'+item.file_path +'\\' + item.file_nm + '.' + item.file_extn_nm"></td>
74		- <td >
	74	+ <td><img :src="'http://localhost:8080' + item.file_path + '\\' + item.file_nm + '.' + item.file_extn_nm"></td>
	75	+ <td>
75	76	{{ item.company_nm }}
76	77	</td>
77	78	<td>
...	...	@@ -110,10 +111,10 @@
110	111	file_nm: null,
111	112	file_extn_nm: null,
112	113	pick_yn: null,
113		- userCompanyId:null
	114	+ userCompanyId: null
114	115	},
115	116
116		- pickSelectList:[],
	117	+ pickSelectList: [],
117	118	pickModal: false,
118	119	isAccepted: false,
119	120	buttonText: '수락',
...	...	@@ -128,7 +129,7 @@
128	129	},
129	130	methods: {
130	131
131		- companySelectOne: function() {
	132	+ companySelectOne: function () {
132	133	const vm = this;
133	134
134	135	axios({
...	...	@@ -137,7 +138,7 @@
137	138	hearder: {
138	139	'Content-Type': "application/json; charset=UTF-8",
139	140	},
140		- data: { 'company_id': vm.route.query.company_id}
	141	+ data: { 'company_id': vm.route.query.company_id }
141	142	}).then(function (response) {
142	143	vm.company = response.data;
143	144	vm.userCompanyId = response.data.userCompanyId;
...	...	@@ -207,7 +208,7 @@
207	208
208	209	openPickListMadal() {
209	210	const vm = this;
210		- if(this.company.company_id === this.userCompanyId) {
	211	+ if (this.company.company_id === this.userCompanyId) {
211	212	this.pickModal = true;
212	213
213	214	axios({
...	...	@@ -226,27 +227,27 @@
226	227	}
227	228	},
228	229
229		- pickConfirm: function() {
230		-
231		- if(this.company.userCompanyId != this.company.company_id) {
232		- if(confirm(this.company.company_nm + "에 PICK 신청을 하시겠습니까?")) {
233		- this.pick()
	230	+ pickConfirm: function () {
	231	+
	232	+ if (this.company.userCompanyId != this.company.company_id) {
	233	+ if (confirm(this.company.company_nm + "에 PICK 신청을 하시겠습니까?")) {
	234	+ this.pick()
	235	+ }
	236	+ } else {
	237	+ alert("자신의 기업에는 PICK을 할 수 없습니다.")
234	238	}
235		- } else {
236		- alert("자신의 기업에는 PICK을 할 수 없습니다.")
237		- }
238		-
	239	+
239	240	},
240	241
241		- pickCancelModal: function() {
242		- if(confirm(this.company.company_nm + "에게 신청한 PICK을 취소 하시겠습니까?")) {
	242	+ pickCancelModal: function () {
	243	+ if (confirm(this.company.company_nm + "에게 신청한 PICK을 취소 하시겠습니까?")) {
243	244	this.pickCancel()
244	245	}
245	246	},
246	247
247		- pick: function() {
	248	+ pick: function () {
248	249	const vm = this;
249		-
	250	+
250	251	axios({
251	252	url: '/matching/pick.json',
252	253	method: 'post',
...	...	@@ -254,16 +255,16 @@
254	255	'Content-Type': "application/json; charset=UTF-8",
255	256	},
256	257	data: vm.company
257		- }).then(function(response) {
	258	+ }).then(function (response) {
258	259	alert(response.data);
259	260	vm.companySelectOne();
260		- }).catch(function(error) {
	261	+ }).catch(function (error) {
261	262	console.log('error - ', error)
262	263	alert('기업 목록 조회 오류, 관리자에게 문의하세요.');
263	264	})
264	265	},
265	266
266		- pickCancel: function() {
	267	+ pickCancel: function () {
267	268	const vm = this;
268	269
269	270	axios({
...	...	@@ -273,16 +274,16 @@
273	274	'Content-Type': "application/json; charset=UTF-8",
274	275	},
275	276	data: vm.company
276		- }).then(function(response) {
277		- alert(response.data);
278		- vm.companySelectOne();
279		- }).catch(function(error) {
	277	+ }).then(function (response) {
	278	+ alert(response.data);
	279	+ vm.companySelectOne();
	280	+ }).catch(function (error) {
280	281	console.log('error - ', error)
281	282	alert('기업 목록 조회 오류, 관리자에게 문의하세요.');
282	283	})
283	284	},
284	285
285		- modalPick: function(item) {
	286	+ modalPick: function (item) {
286	287	const vm = this;
287	288
288	289	axios({
...	...	@@ -292,10 +293,10 @@
292	293	'Content-Type': "application/json; charset=UTF-8",
293	294	},
294	295	data: item
295		- }).then(function(response) {
	296	+ }).then(function (response) {
296	297	alert(response.data);
297	298	vm.openPickListMadal();
298		- }).catch(function(error) {
	299	+ }).catch(function (error) {
299	300	console.log('error - ', error)
300	301	alert('기업 목록 조회 오류, 관리자에게 문의하세요.');
301	302	})

Delete comment