2025_PROJECT / mjgo_git star
정수빈 정수빈 08-31
컬러 추가 및 전송자격인증제 수정
@590ee6774fc11e0961dafda887715cf50abf546f
8db4ff1
590ee67
src/main/webapp/publish/css/style.css
--- src/main/webapp/publish/css/style.css
+++ src/main/webapp/publish/css/style.css
@@ -19,6 +19,9 @@
 
   --green-color:#15983A;
 
   --green-color-hover:#0E9A1F;
 
   
+  --blue-color:#176EE5;
 
+  --blue-color-hover:#1956B4;
 
+  
   --gray-color:#888888;
 
   --gray-color-hover:#666666;
 
   --lightgray-color:#999999;
@@ -41,6 +44,10 @@
 
 .fwMd{font-weight:500!important;}
 
 .fwBold{font-weight:700!important;}
 
 
+.fs_18{font-size:18px;font-weight:bold;}
 
+.fs_16{font-size:16px;font-weight:bold;}
 
+.fs_14{font-size:14px;}
 
+
 
 .c_white{color:#fff!important;}
 
 .c_002c9a{color:var(--primary-color)!important;}
 
 .c_e40000{color:#e40000!important;}
@@ -51,7 +58,10 @@
 
 .c_222{color:#222!important;}
 
 .c_666{color:#666!important;}
 
 
-.color_red{color:#F43131;}
 
+.color_red{color:var(--red-color);}
 
+.color_blue{color:var(--blue-color);}
 
+.color_green{color:var(--green-color);}
 
+.color_yellow{color:#eea301;}
 
 
 /* =============================================
 
    폰트 강조(GmarketSans Bold)
@@ -84,6 +94,8 @@
 
 .text_deco3::after{position:absolute;top:50%;left:0;content:"";width:5px;height:17px;border-radius:2.5px;background-color:var(--secondary-light-color);transform:translateY(-50%);}
 
 .font_ellipsis>p{display:-webkit-inline-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:300;line-break:anywhere;text-align:left;}
 
 .font_ellipsis>a>p{display:-webkit-inline-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:400;line-break:anywhere;text-align:left;}
 
+.desc_text{font-size:14px;color:#666;}
 
+
 
 
 /* ===================== SORT BUTTON / CASE COUNT ===================== */
 
 .sort_wrap{display:inline-block;}
@@ -110,6 +122,9 @@
 
 
 .form_area.column{flex-direction:column;}
 
 
+.form_row{display:flex;gap:8px;}
 
+.form_row *{margin:0;}
 
+
 
 select{border:1px solid #e5e5e5;vertical-align:middle;font-family:'Pretendard';font-weight:300;font-size:16px;}
 
 select.selType1{padding:0 25px 0 10px;height:34px;border:1px solid #d5d5d5;border-radius:3px;background-image:url(/publish/images/select_search2.png);background-repeat:no-repeat;background-position:right 5px top 50%;color:#777;}
 
 select.selType2{margin-left:2px;align-self:center;padding-left:12px;width:125px;height:36px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;background-image:url(/publish/images/select_search.png);background-repeat:no-repeat;background-position:92% center;font-size:16px;color:#666;}
@@ -122,6 +137,7 @@
 
 input::placeholder{font-family:'Pretendard';font-weight:300;color:#a6a6a6!important;}
 
 input:-ms-input-placeholder{font-family:'Pretendard';font-weight:300;color:#a6a6a6!important;}
 
 input[type="text"]{padding:0 10px;border-radius:3px;font-size:16px;}
 
+input[type="text"]:active{border:1px solid var(--blue-color);}
 
 input[type="text"].readonly::placeholder{color:#222!important;}
 
 input[type="text"].readonly:-ms-input-placeholder{color:#222!important;}
 
 input[type="text"].inputLight::placeholder{color:#a6a6a6!important;}
@@ -162,7 +178,33 @@
 
 .w100{width:100%;}
 
 .h100{height:100%;}
 
 
+/* ==========================================================================
 
+   배지 및 상태 표시 박스 (Badges & Boxes)
 
+   ========================================================================== */
 
+.badge_wrap{padding:10px;border-radius:5px;}
 
+.badge_wrap.red{background:#ffeaea;}
 
+.badge_wrap .badge{padding:0;}
 
 
+.badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;font-size:14px;font-weight:400;border-radius:5px;box-sizing:border-box;gap:8px;}
 
+.badge.blue{color:#002c9a;background:#e6eaf5;}
 
+.badge.yellow{color:#FF8800;background:#FFF4E6;}
 
+.badge.red{color:#E40000;background:#FFEAEA;}
 
+.badge.green{color:#18BB59;background:#e8f9ef;}
 
+
 
+.badge i{display:inline-block;width:6px;height:6px;border-radius:100%;}
 
+.badge.blue i{background:#002c9a;}
 
+.badge.yellow i{background:#FF8800;}
 
+.badge.red i{background:#E40000;}
 
+.badge .icon{width:16px;height:16px;border-radius:0;}
 
+.badge.red .error{background:transparent url(/publish/images/content/icon_error.png) no-repeat center;}
 
+.badge.yellow .warning{background:transparent url(/publish/images/content/icon_warning.png) no-repeat center;}
 
+.badge.green .success{background:transparent url(/publish/images/content/icon_success.png) no-repeat center;}
 
+
 
+/* 박스 유형별 스타일 */
 
+.gray_box{padding:20px 25px;font-size:14px;font-weight:400;line-height:1.4;color:#666;}
 
+.gray_box.fill{background:#f5f5f5;border-radius:5px;}
 
+.white_box{padding:12px 16px;margin:8px 0 0 0;font-size:14px;line-height:1.4;color:#333;background:#fff;border-radius:5px;}
 
+.lightred_box.fill{padding:20px 12px;font-size:16px;font-weight:400;line-height:1.4;color:#222;text-align:center;background:#FFEAEA;border-radius:5px;}
 
 
 /* =============================================
 
    테이블 타입
@@ -198,6 +240,8 @@
 
 .tType1 tbody tr td.putText .put_left.long textarea {height: 380px;}
 
 .tType1 tbody tr td.putText .put_left.long.on {border: 1px solid #12bec9;border-radius: 5px;background-color: #eef5f9 !important;}
 
 .tType1 tbody tr td.putText .put_left.photo.on {border: 1px solid #e26ba9;border-radius: 5px;background-color: #f8f1f5 !important;}
 
+.tType1 tbody tr td.put_num .badge{margin:0 0 0 8px;}
 
+.tType1 tbody tr td.put_num .badge.yellow{cursor:pointer;}
 
 .tType1 tbody tr.msg_title {display:none;}
 
 .tType1 tbody tr.msg_title.active {display:table-row;}
 
 .tType1 tbody tr.msg_title td .title_wrap .textbox {display:none;margin:10px 0 0;}
Add a comment
List