From 09e36560dcfc1f0e6caffe11d36727c630e1c554 Mon Sep 17 00:00:00 2001
From: jhynsoo <jhynsoo@gmail.com>
Date: Tue, 16 Jul 2024 12:59:22 +0900
Subject: [PATCH] =?UTF-8?q?design:=20classInfo=EC=97=90=20border=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/ClassInfo/ClassInfo.jsx     |  4 +---
 .../src/components/ClassInfo/ClassInfo.module.css   | 13 +++++--------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/ClassInfo/ClassInfo.jsx b/frontend/src/components/ClassInfo/ClassInfo.jsx
index 2882889..b0778ed 100644
--- a/frontend/src/components/ClassInfo/ClassInfo.jsx
+++ b/frontend/src/components/ClassInfo/ClassInfo.jsx
@@ -14,9 +14,7 @@ export default function ClassInfo({ classTerm, classTime }) {
           <div className={styles.content}>{classTime}</div>
         </div>
       </div>
-      <button className={styles.button}>
-        <div className={styles.buttonText}>수강신청</div>
-      </button>
+      <button className={styles.button}>수강신청</button>
     </div>
   );
 }
diff --git a/frontend/src/components/ClassInfo/ClassInfo.module.css b/frontend/src/components/ClassInfo/ClassInfo.module.css
index 9170dfe..f49988c 100644
--- a/frontend/src/components/ClassInfo/ClassInfo.module.css
+++ b/frontend/src/components/ClassInfo/ClassInfo.module.css
@@ -1,13 +1,13 @@
 .classInfo {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
   width: 100%;
   padding: 20px;
   border-radius: 20px;
   background-color: var(--background);
+  border: 1px solid var(--border-color);
   box-sizing: border-box;
-
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
 }
 
 .title {
@@ -45,12 +45,9 @@
 .button {
   border: 0;
   border-radius: 8px;
-  background-color: var(--greyOpacity900);
+  background-color: var(--primary-color);
   text-align: center;
   padding: 12px;
-}
-
-.buttonText {
   font-size: 16px;
   font-weight: 700;
   line-height: 1.4;