diff --git a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx
index 89064a6d..7f39fbf1 100644
--- a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx
+++ b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx
@@ -78,7 +78,13 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => {
{mentorName} 멘토
- {studyTime}
+
+ {studyTime}
+
{totalWeek}주 코스
@@ -136,21 +142,36 @@ const dateStyle = css({
textOverflow: "ellipsis",
width: "38px",
},
+ "@media (max-width: 959px)": {
+ display: "none",
+ },
});
-const timeCellStyle = css({
- width: "162px",
- display: "flex",
- paddingLeft: "28px",
- textAlign: "center",
- "@media (max-width: 1439px)": {
- overflow: "hidden",
- whiteSpace: "nowrap",
- textOverflow: "ellipsis",
- padding: "0",
+const timeCellStyle = cva({
+ base: {
+ width: "162px",
+ display: "flex",
+ paddingLeft: "28px",
+ textAlign: "center",
+ "@media (min-width: 1200px) and (max-width: 1400px)": {
+ overflow: "hidden",
+ whiteSpace: "nowrap",
+ textOverflow: "ellipsis",
+ padding: "0 !important",
+ justifyContent: "center",
+ },
+ "@media (max-width: 1199px)": {
+ display: "none !important",
+ },
},
- "@media (max-width: 1199px)": {
- display: "none",
+ variants: {
+ type: {
+ empty: {
+ paddingLeft: "0 !important",
+ justifyContent: "center",
+ },
+ default: {},
+ },
},
});
const textCellStyle = cva({