정수빈
04-22
회원관리, 문자관리 하위메뉴 레이아웃 수정
@cab3919b8c8267be0f88d6b44ac859cad3640a71
--- src/main/webapp/WEB-INF/jsp/cmm/sym/ccm/CateCodeTree.jsp
+++ src/main/webapp/WEB-INF/jsp/cmm/sym/ccm/CateCodeTree.jsp
... | ... | @@ -565,8 +565,8 @@ |
| 565 | 565 |
</tbody> |
| 566 | 566 |
</table> |
| 567 | 567 |
</div> |
| 568 |
- <div class="btnWrap"> |
|
| 569 |
- <input type="button" class="btnType1 bg_456ded main1_save_btn" value="저 장" onClick="fn_save_menuInfo(); return false;"> |
|
| 568 |
+ <div class="btnWrap right"> |
|
| 569 |
+ <input type="button" class="btnType fill large primary bg_456ded main1_save_btn" value="저 장" onClick="fn_save_menuInfo(); return false;"> |
|
| 570 | 570 |
<!-- 삭제 기능 제거 - 아래의 경우를 방지하기 위해 미사용/사용처리로 제어 |
| 571 | 571 |
1. 기존 카테고리 삭제 |
| 572 | 572 |
2. 신규 카테고리 등록 |
--- src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovDelUserManage.jsp
+++ src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovDelUserManage.jsp
... | ... | @@ -134,7 +134,7 @@ |
| 134 | 134 |
</select> |
| 135 | 135 |
<input type="text" id="searchKeyword" name="searchKeyword" class="recentSearch" value="<c:out value='${userSearchVO.searchKeyword}'/>" size="40" title="검색" />
|
| 136 | 136 |
<input type="button" class="btnType1" onclick="fn_search2(); return false;" value="검색"> |
| 137 |
- <input type="button" class="btnType1" onclick="fn_searchReset2(); return false;" value="초기화"> |
|
| 137 |
+ <input type="button" class="btnType fill gray" onclick="fn_searchReset2(); return false;" value="초기화"> |
|
| 138 | 138 |
</div> |
| 139 | 139 |
|
| 140 | 140 |
<div class="tableWrap"> |
--- src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovGnrlUserManage.jsp
+++ src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovGnrlUserManage.jsp
... | ... | @@ -483,7 +483,7 @@ |
| 483 | 483 |
|
| 484 | 484 |
<input type="text" id="searchKeyword" name="searchKeyword" class="recentSearch" value="<c:out value='${userSearchVO.searchKeyword}'/>" size="10" title="검색" />
|
| 485 | 485 |
<input type="button" class="btnType1" onclick="fn_search(); return false;" value="검색"> |
| 486 |
- <input type="button" class="btnType1" onclick="fn_searchReset(); return false;" value="초기화"> |
|
| 486 |
+ <input type="button" class="btnType fill gray" onclick="fn_searchReset(); return false;" value="초기화"> |
|
| 487 | 487 |
</div> |
| 488 | 488 |
<div class="listTop"> |
| 489 | 489 |
<p class="tType5"> |
--- src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovGnrlUserSelectCondidateDetailPop.jsp
+++ src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovGnrlUserSelectCondidateDetailPop.jsp
... | ... | @@ -26,6 +26,9 @@ |
| 26 | 26 |
<title>사용자 수정</title> |
| 27 | 27 |
|
| 28 | 28 |
</script> |
| 29 |
+<style> |
|
| 30 |
+ html,body,.pop_wrap .area_cont{min-width:0;}
|
|
| 31 |
+</style> |
|
| 29 | 32 |
</head> |
| 30 | 33 |
<body> |
| 31 | 34 |
<div class="wrap pop_wrap"> |
--- src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovGnrlUserSelectUpdt.jsp
+++ src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovGnrlUserSelectUpdt.jsp
... | ... | @@ -3582,7 +3582,7 @@ |
| 3582 | 3582 |
<th>후불제 여부</th> |
| 3583 | 3583 |
<td> |
| 3584 | 3584 |
<c:if test="${mberManageVO.prePaymentYn == 'Y'}">
|
| 3585 |
- <div class="button_box"> |
|
| 3585 |
+ <div class="button_box" style="margin:0;"> |
|
| 3586 | 3586 |
<button type="button" class="fill" onclick="fnMberPrePaymentYn('N'); return false;">후불제로 변경</button>
|
| 3587 | 3587 |
</div> |
| 3588 | 3588 |
</c:if> |
... | ... | @@ -3596,7 +3596,7 @@ |
| 3596 | 3596 |
- |
| 3597 | 3597 |
</c:if> |
| 3598 | 3598 |
<c:if test="${mberManageVO.prePaymentYn == 'N'}">
|
| 3599 |
- <div class="button_box"> |
|
| 3599 |
+ <div class="button_box" style="margin:0;"> |
|
| 3600 | 3600 |
<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberManageVO.autoCash}" var="commaAutoCash" />
|
| 3601 | 3601 |
<input type="text" id="autoCash" name="autoCash" value='<c:out value="${commaAutoCash}"/>' style="width: 100px;" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');" onkeyup="inputNumberFormat(this)">
|
| 3602 | 3602 |
<button type="button" class="thinfill" style="margin-top: 3px;" onclick="fnMberAutoCash(); return false;">변경</button> |
... | ... | @@ -3608,7 +3608,7 @@ |
| 3608 | 3608 |
<tr> |
| 3609 | 3609 |
<th>후보자 정보</th> |
| 3610 | 3610 |
<td colspan="3"> |
| 3611 |
- <div class="button_box"> |
|
| 3611 |
+ <div class="button_box" style="margin:0;"> |
|
| 3612 | 3612 |
<button type="button" class="fill" onclick="fnCondidateDetailPop('<c:out value="${mberManageVO.mberId}"/>'); return false;">상세보기</button>
|
| 3613 | 3613 |
</div> |
| 3614 | 3614 |
</td> |
--- src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovMberCmpHstList.jsp
+++ src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovMberCmpHstList.jsp
... | ... | @@ -154,7 +154,7 @@ |
| 154 | 154 |
<input type="hidden" name="atchFileId" id="atchFileId" /> |
| 155 | 155 |
<input type="hidden" name="workAtchFileId" id="workAtchFileId" /> |
| 156 | 156 |
|
| 157 |
- <div class="contWrap" style="position:relative;left:inherit;top:inherit;min-height:auto;padding:40px;"> |
|
| 157 |
+ <div class="contWrap company_info_popup"> |
|
| 158 | 158 |
<div class="pageTitle"> |
| 159 | 159 |
<!-- <div class="pageIcon"><img src="/pb/img/pageTitIcon4.png" alt=""></div> --> |
| 160 | 160 |
<h2 class="titType1 c_222222 fwBold">'<c:out value="${searchVO.mberId}' 기업회원 신청 정보" /></h2>
|
... | ... | @@ -195,15 +195,15 @@ |
| 195 | 195 |
<div class="tableWrap"> |
| 196 | 196 |
<table class="tbType1"> |
| 197 | 197 |
<colgroup> |
| 198 |
- <col style="width: 50px"> |
|
| 198 |
+ <col style="width: 80px;"> |
|
| 199 |
+ <col style="width: 10%"> |
|
| 200 |
+ <col style="width: 5%"> |
|
| 199 | 201 |
<col style="width: auto"> |
| 200 | 202 |
<col style="width: 7%"> |
| 201 |
- <col style="width: 12%"> |
|
| 202 |
- <col style="width: 8%"> |
|
| 203 | 203 |
<col style="width: 7%"> |
| 204 | 204 |
<col style="width: 7%"> |
| 205 |
- <col style="width: 8%"> |
|
| 206 |
- <col style="width: 8%"> |
|
| 205 |
+ <col style="width: 7%"> |
|
| 206 |
+ <col style="width: 7%"> |
|
| 207 | 207 |
<col style="width: 8%"> |
| 208 | 208 |
<col style="width: 5%"> |
| 209 | 209 |
<col style="width: 4%"> |
... | ... | @@ -287,7 +287,7 @@ |
| 287 | 287 |
<c:if test="${result.hstSttus eq '01'}">
|
| 288 | 288 |
<button class="btnType btnType20" onclick="setMberCmpHstStatusSave('02','<c:out value="${result.cmphstId}"/>','<c:out value="${result.hstType}"/>','<c:out value="${result.mberId}"/>' ,'<c:out value="${result.managerNm}"/>' ,'<c:out value="${result.mbtlNum}"/>'); return false;">승인</button>
|
| 289 | 289 |
<%-- <button class="btnType btnType20" onclick="setMberCmpHstStatusSave('03','<c:out value="${result.cmphstId}"/>','<c:out value="${result.hstType}"/>','<c:out value="${result.mberId}"/>' ,'<c:out value="${result.managerNm}"/>' ,'<c:out value="${result.mbtlNum}"/>'); return false;">반려</button> --%>
|
| 290 |
- <button class="btnType btnType20" onclick="returnPop('<c:out value="${result.cmphstId}"/>'); return false;">반려</button>
|
|
| 290 |
+ <button class="btnType red line" onclick="returnPop('<c:out value="${result.cmphstId}"/>'); return false;">반려</button>
|
|
| 291 | 291 |
</c:if> |
| 292 | 292 |
<c:if test="${result.hstSttus eq '03'}">
|
| 293 | 293 |
<button class="btnType btnType20" onclick="returnPop('<c:out value="${result.cmphstId}"/>'); return false;">반려 사유</button>
|
--- src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovMberCmpHstListByType.jsp
+++ src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovMberCmpHstListByType.jsp
... | ... | @@ -382,7 +382,7 @@ |
| 382 | 382 |
</select> |
| 383 | 383 |
<span>아이디 : </span><input id="searchKeyword" name="searchKeyword" class="recentSearch" type="text" value="<c:out value='${searchVO.searchKeyword}'/>" size="10" title="검색" maxlength="100" />
|
| 384 | 384 |
<input type="button" class="btnType1" value="검색" onclick="fn_search(); return false;"> |
| 385 |
- <input type="button" class="btnType1" onclick="fn_searchReset(); return false;" value="초기화"> |
|
| 385 |
+ <input type="button" class="btnType fill gray" onclick="fn_searchReset(); return false;" value="초기화"> |
|
| 386 | 386 |
</div> |
| 387 | 387 |
<div class="listTop"> |
| 388 | 388 |
<p class="tType5">총 <span class="tType4 c_456ded fwBold"><fmt:formatNumber value="${paginationInfo.totalRecordCount}" pattern="#,###" /></span>건</p>
|
... | ... | @@ -539,9 +539,9 @@ |
| 539 | 539 |
<td> |
| 540 | 540 |
<c:forEach var="item" items="${hstSttusList}" varStatus="status">
|
| 541 | 541 |
<c:if test="${result.hstSttus == item.code}">
|
| 542 |
- <c:if test="${result.hstSttus == 01}"><span class="c_ed4555"><c:out value="${item.codeNm}"/></span></c:if>
|
|
| 543 |
- <c:if test="${result.hstSttus == 02}"><span class="c_456ded"><c:out value="${item.codeNm}"/></span></c:if>
|
|
| 544 |
- <c:if test="${result.hstSttus == 03}"><span class="c_b4b4b4"><c:out value="${item.codeNm}"/></span></c:if>
|
|
| 542 |
+ <c:if test="${result.hstSttus == 01}"><span class="c_ed4555 fwBold"><c:out value="${item.codeNm}"/></span></c:if>
|
|
| 543 |
+ <c:if test="${result.hstSttus == 02}"><span class="c_456ded fwBold"><c:out value="${item.codeNm}"/></span></c:if>
|
|
| 544 |
+ <c:if test="${result.hstSttus == 03}"><span class="c_b4b4b4 fwBold"><c:out value="${item.codeNm}"/></span></c:if>
|
|
| 545 | 545 |
</c:if> |
| 546 | 546 |
</c:forEach> |
| 547 | 547 |
</td> |
... | ... | @@ -553,7 +553,7 @@ |
| 553 | 553 |
<c:if test="${result.hstSttus eq '01'}">
|
| 554 | 554 |
<button class="btnType btnType20" onclick="setMberCmpHstStatusSave('02','<c:out value="${result.cmphstId}"/>','<c:out value="${result.hstType}"/>','<c:out value="${result.mberId}"/>' ,'<c:out value="${result.managerNm}"/>' ,'<c:out value="${result.mbtlNum}"/>' ,'<c:out value="${result.mberNm}"/>' ,'<c:out value="${result.ceoNm}"/>' ,'<c:out value="${result.bizNo}"/>'); return false;">승인</button>
|
| 555 | 555 |
<%-- <button class="btnType btnType20" onclick="setMberCmpHstStatusSave('03','<c:out value="${result.cmphstId}"/>','<c:out value="${result.hstType}"/>','<c:out value="${result.mberId}"/>' ,'<c:out value="${result.managerNm}"/>' ,'<c:out value="${result.mbtlNum}"/>'); return false;">반려</button> --%>
|
| 556 |
- <button class="btnType btnType20" onclick="returnPop('<c:out value="${result.cmphstId}"/>'); return false;">반려</button>
|
|
| 556 |
+ <button class="btnType btnType20 red line" onclick="returnPop('<c:out value="${result.cmphstId}"/>'); return false;">반려</button>
|
|
| 557 | 557 |
</c:if> |
| 558 | 558 |
<c:if test="${result.hstSttus eq '03'}">
|
| 559 | 559 |
<button class="btnType btnType20" onclick="returnPop('<c:out value="${result.cmphstId}"/>'); return false;">반려 사유</button>
|
--- src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovMberCmpHstReturnPop.jsp
+++ src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovMberCmpHstReturnPop.jsp
... | ... | @@ -162,11 +162,11 @@ |
| 162 | 162 |
</tr> |
| 163 | 163 |
</tbody> |
| 164 | 164 |
</table> |
| 165 |
- <div class="button_box"> |
|
| 165 |
+ <div class="btn_wrap"> |
|
| 166 | 166 |
<c:if test="${mberCmpHstVO.returnCn eq '' || empty mberCmpHstVO.returnCn }">
|
| 167 |
- <button type="button" onClick="fn_Update(); return false;">반려</button> |
|
| 167 |
+ <button type="button" class="btnType fill red" onClick="fn_Update(); return false;">반려</button> |
|
| 168 | 168 |
</c:if> |
| 169 |
- <button type="button" style="color: #8595b0;border: 1px solid #8595b0;background: #fff; " onClick="self.close()">취소</button> |
|
| 169 |
+ <button type="button" class="btnType fill gray" onClick="self.close()">취소</button> |
|
| 170 | 170 |
</div> |
| 171 | 171 |
</div> |
| 172 | 172 |
</div> |
--- src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovMberCmpHstTaxList.jsp
+++ src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovMberCmpHstTaxList.jsp
... | ... | @@ -142,7 +142,7 @@ |
| 142 | 142 |
.pageCont .tbType1 tbody tr td {font-size:14px;}
|
| 143 | 143 |
</style> |
| 144 | 144 |
</head> |
| 145 |
-<body> |
|
| 145 |
+<body class="window_popup"> |
|
| 146 | 146 |
|
| 147 | 147 |
|
| 148 | 148 |
<form name="listForm" action="<c:url value='/uss/umt/user/EgovMberCmpHstList.do'/>" method="post"> |
... | ... | @@ -159,13 +159,13 @@ |
| 159 | 159 |
<input type="hidden" name="atchFileId" id="atchFileId" /> |
| 160 | 160 |
<input type="hidden" name="workAtchFileId" id="workAtchFileId" /> |
| 161 | 161 |
|
| 162 |
- <div class="contWrap" style="position:relative;left:inherit;top:inherit;min-height:auto;padding:40px;"> |
|
| 162 |
+ <div class="contWrap company_info_popup"> |
|
| 163 | 163 |
<div class="pageTitle"> |
| 164 | 164 |
<!-- <div class="pageIcon"><img src="/pb/img/pageTitIcon4.png" alt=""></div> --> |
| 165 | 165 |
<h2 class="titType1 c_222222 fwBold">'<c:out value="${searchVO.mberId}' 기업회원 신청 정보" /></h2>
|
| 166 | 166 |
<!-- <p class="tType6 c_999999">기업회원 신청 정보를 파악할 수 있습니다.</p> --> |
| 167 | 167 |
</div> |
| 168 |
- <div class="pageCont" style="width:115%;"> |
|
| 168 |
+ <div class="pageCont"> |
|
| 169 | 169 |
<%-- <div class="listSerch"> |
| 170 | 170 |
아이디 : <input id="searchKeyword" name="searchKeyword" class="recentSearch" type="text" value="<c:out value='${searchVO.searchKeyword}'/>" size="25" title="검색" maxlength="100" />
|
| 171 | 171 |
<input type="button" class="btnType1" value="검색" onclick="fn_search(); return false;"> |
... | ... | @@ -200,17 +200,17 @@ |
| 200 | 200 |
<div class="tableWrap"> |
| 201 | 201 |
<table class="tbType1"> |
| 202 | 202 |
<colgroup> |
| 203 |
- <col style="width: 30px"> |
|
| 204 |
- <col style="width: 100px"> |
|
| 205 |
- <col style="width: 5%"> |
|
| 206 |
- <col style="width: 7%"> |
|
| 207 |
- <col style="width: 7%"> |
|
| 208 |
- <col style="width: 7%"> |
|
| 209 |
- <col style="width: 60px"> |
|
| 210 |
- <col style="width: 60px"> |
|
| 211 |
- <col style="width: 180px"> |
|
| 212 |
- <col style="width: 330px"> |
|
| 213 |
- <col style="width: 500px"> |
|
| 203 |
+ <col style="width: 80px;"> |
|
| 204 |
+ <col style="width: 10%;"> |
|
| 205 |
+ <col style="width: 5%;"> |
|
| 206 |
+ <col style="width: 7%;"> |
|
| 207 |
+ <col style="width: 7%;"> |
|
| 208 |
+ <col style="width: 7%;"> |
|
| 209 |
+ <col style="width: 4%;"> |
|
| 210 |
+ <col style="width: 4%;"> |
|
| 211 |
+ <col style="width: 180px;"> |
|
| 212 |
+ <col style="width: 15%;"> |
|
| 213 |
+ <col style="width: 32%;"> |
|
| 214 | 214 |
</colgroup> |
| 215 | 215 |
<thead> |
| 216 | 216 |
<tr> |
... | ... | @@ -273,12 +273,14 @@ |
| 273 | 273 |
</td> |
| 274 | 274 |
|
| 275 | 275 |
<c:if test="${status.index eq 0}">
|
| 276 |
- <input type="text" name="mberNmC" id="mberNmC" value="${result.mberNm}"/> <!-- 회사명 -->
|
|
| 277 |
- <input type="text" name="ceoNm" id="ceoNm" value="${result.ceoNm}"/> <!-- 대표자명 -->
|
|
| 278 |
- <input type="text" name="bizNo" id="bizNo" value="${result.bizNo}"/> <!-- 사업자등록번호 -->
|
|
| 276 |
+ <div class="form_wrap"> |
|
| 277 |
+ <input type="text" name="mberNmC" id="mberNmC" value="${result.mberNm}"/> <!-- 회사명 -->
|
|
| 278 |
+ <input type="text" name="ceoNm" id="ceoNm" value="${result.ceoNm}"/> <!-- 대표자명 -->
|
|
| 279 |
+ <input type="text" name="bizNo" id="bizNo" value="${result.bizNo}"/> <!-- 사업자등록번호 -->
|
|
| 280 |
+ </div> |
|
| 279 | 281 |
</c:if> |
| 280 | 282 |
|
| 281 |
- <td class="left"> |
|
| 283 |
+ <td> |
|
| 282 | 284 |
<%-- <c:if test="${result.hstSttus eq '01'}">--%>
|
| 283 | 285 |
<button class="btnType btnType20" onclick="biznoPop();return false;">머니핀 페이지호출</button> |
| 284 | 286 |
<button class="btnType btnType20" onclick="setMberCmpHstStatusSave('${status.index}'); return false;">국세청 API호출</button>
|
... | ... | @@ -287,7 +289,7 @@ |
| 287 | 289 |
<button class="btnType btnType20" onclick="returnPop('<c:out value="${result.cmphstId}"/>'); return false;">반려 사유</button>
|
| 288 | 290 |
</c:if> |
| 289 | 291 |
</td> |
| 290 |
- <td style="width:500px;"> |
|
| 292 |
+ <td> |
|
| 291 | 293 |
<input type="text" id="result_${status.index}" name="result_${status.index}" value="" size="80"/>
|
| 292 | 294 |
</td> |
| 293 | 295 |
</tr> |
--- src/main/webapp/WEB-INF/jsp/letter/cateconf/CateConfDetail.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/cateconf/CateConfDetail.jsp
... | ... | @@ -221,10 +221,14 @@ |
| 221 | 221 |
</tr> |
| 222 | 222 |
</tbody> |
| 223 | 223 |
</table> |
| 224 |
- <div class="btnWrap"> |
|
| 225 |
- <input type="button" class="btnType1" value="수정" onclick="fnUpdate(); return false;"> |
|
| 226 |
- <input type="button" class="btnType1" value="삭제" onclick="fnDelete(); return false;"> |
|
| 227 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="fnListPage(); return false;"> |
|
| 224 |
+ <div class="btnWrap form_wrap"> |
|
| 225 |
+ <div class="left"> |
|
| 226 |
+ <input type="button" class="btnType line red" value="삭제" onclick="fnDelete(); return false;"> |
|
| 227 |
+ </div> |
|
| 228 |
+ <div class="right"> |
|
| 229 |
+ <input type="button" class="btnType fill primary" value="수정" onclick="fnUpdate(); return false;"> |
|
| 230 |
+ <input type="button" class="btnType fill gray" value="목 록" onclick="fnListPage(); return false;"> |
|
| 231 |
+ </div> |
|
| 228 | 232 |
</div> |
| 229 | 233 |
</div> |
| 230 | 234 |
</div> |
--- src/main/webapp/WEB-INF/jsp/letter/cateconf/CateConfList.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/cateconf/CateConfList.jsp
... | ... | @@ -311,10 +311,13 @@ |
| 311 | 311 |
</tbody> |
| 312 | 312 |
</table> |
| 313 | 313 |
</div> |
| 314 |
- 선택한 그림문자의 우선순위를 <input type="text" id="chgNum" name="chgNum" value="" maxlength="9">번으로 <button type="button" onclick="fnSortChange();" class="btnType1">변경</button> |
|
| 315 |
- <div class="btnWrap"> |
|
| 316 |
- <input type="button" class="btnType2" onclick="fnDeleteCateConf(); return false;" value="삭제"> |
|
| 317 |
- <input type="button" class="btnType1" onclick="fnAddCateConfView(); return false;" value="등록"> |
|
| 314 |
+ <div class="change_number"> |
|
| 315 |
+ 선택한 그림문자의 우선순위를 <input type="text" id="chgNum" name="chgNum" value="" maxlength="9"> 번으로 <button type="button" onclick="fnSortChange();" class="btnType fill gray">변경</button> |
|
| 316 |
+ </div> |
|
| 317 |
+ |
|
| 318 |
+ <div class="btnWrap form_wrap"> |
|
| 319 |
+ <input type="button" class="btnType line red" onclick="fnDeleteCateConf(); return false;" value="삭제"> |
|
| 320 |
+ <input type="button" class="btnType fill primary" onclick="fnAddCateConfView(); return false;" value="등록"> |
|
| 318 | 321 |
</div> |
| 319 | 322 |
<!-- 페이지 네비게이션 시작 --> |
| 320 | 323 |
<c:if test="${!empty resultList}">
|
--- src/main/webapp/WEB-INF/jsp/letter/cateconf/CateConfRegist.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/cateconf/CateConfRegist.jsp
... | ... | @@ -176,9 +176,9 @@ |
| 176 | 176 |
</tr> |
| 177 | 177 |
</tbody> |
| 178 | 178 |
</table> |
| 179 |
- <div class="btnWrap"> |
|
| 180 |
- <input type="button" class="btnType1" value="저장" onclick="fnRegist(); return false;"> |
|
| 181 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="fnListPage(); return false;"> |
|
| 179 |
+ <div class="btnWrap right"> |
|
| 180 |
+ <input type="button" class="btnType fill primary" value="저장" onclick="fnRegist(); return false;"> |
|
| 181 |
+ <input type="button" class="btnType fill gray" value="목 록" onclick="fnListPage(); return false;"> |
|
| 182 | 182 |
</div> |
| 183 | 183 |
</div> |
| 184 | 184 |
</div> |
--- src/main/webapp/WEB-INF/jsp/letter/hashconf/HashConfList.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/hashconf/HashConfList.jsp
... | ... | @@ -251,9 +251,9 @@ |
| 251 | 251 |
</tbody> |
| 252 | 252 |
</table> |
| 253 | 253 |
</div> |
| 254 |
- <div class="btnWrap"> |
|
| 255 |
- <input type="button" class="btnType2" onclick="fnDeleteHashConf(); return false;" value="삭제"> |
|
| 256 |
- <input type="button" class="btnType1" onclick="fnAddHashConfView(); return false;" value="등록"> |
|
| 254 |
+ <div class="btnWrap form_wrap"> |
|
| 255 |
+ <input type="button" class="btnType line red" onclick="fnDeleteHashConf(); return false;" value="삭제"> |
|
| 256 |
+ <input type="button" class="btnType fill primary" onclick="fnAddHashConfView(); return false;" value="등록"> |
|
| 257 | 257 |
</div> |
| 258 | 258 |
<!-- 페이지 네비게이션 시작 --> |
| 259 | 259 |
<c:if test="${!empty resultList}">
|
--- src/main/webapp/WEB-INF/jsp/letter/hashconf/HashConfRegist.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/hashconf/HashConfRegist.jsp
... | ... | @@ -119,9 +119,9 @@ |
| 119 | 119 |
</tr> |
| 120 | 120 |
</tbody> |
| 121 | 121 |
</table> |
| 122 |
- <div class="btnWrap"> |
|
| 123 |
- <input type="button" class="btnType1" value="저장" onclick="fnRegist(); return false;"> |
|
| 124 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="fnListPage(); return false;"> |
|
| 122 |
+ <div class="btnWrap right"> |
|
| 123 |
+ <input type="button" class="btnType fill primary" value="저장" onclick="fnRegist(); return false;"> |
|
| 124 |
+ <input type="button" class="btnType fill gray" value="목 록" onclick="fnListPage(); return false;"> |
|
| 125 | 125 |
</div> |
| 126 | 126 |
</div> |
| 127 | 127 |
</div> |
--- src/main/webapp/WEB-INF/jsp/letter/messages/BastMsgTagInfo.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/messages/BastMsgTagInfo.jsp
... | ... | @@ -211,9 +211,9 @@ |
| 211 | 211 |
</tr> |
| 212 | 212 |
</tbody> |
| 213 | 213 |
</table> |
| 214 |
- <div class="btnWrap"> |
|
| 215 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="location.href='/letter/messages/selectBastMsgTagList.do'"> |
|
| 216 |
- <input type="button" class="btnType1" value="저 장" onclick="setDataSave('${searchVO.getMainSearchTagNo()}'); return false;">
|
|
| 214 |
+ <div class="btnWrap right"> |
|
| 215 |
+ <input type="button" class="btnType fill primary" value="저 장" onclick="setDataSave('${searchVO.getMainSearchTagNo()}'); return false;">
|
|
| 216 |
+ <input type="button" class="btnType fill gray" value="목 록" onclick="location.href='/letter/messages/selectBastMsgTagList.do'"> |
|
| 217 | 217 |
</div> |
| 218 | 218 |
</div> |
| 219 | 219 |
</div> |
--- src/main/webapp/WEB-INF/jsp/letter/messages/BastMsgTagList.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/messages/BastMsgTagList.jsp
... | ... | @@ -252,11 +252,11 @@ |
| 252 | 252 |
</tbody> |
| 253 | 253 |
</table> |
| 254 | 254 |
</div> |
| 255 |
- <div> |
|
| 256 |
- 선택한 그림문자의 우선순위를 <input type="text" id="chgNum" name="chgNum" value="" maxlength="9">번으로 <button type="button" onclick="fnSortChange();" class="btnType1">변경</button> |
|
| 255 |
+ <div class="change_number"> |
|
| 256 |
+ 선택한 그림문자의 우선순위를 <input type="text" id="chgNum" name="chgNum" value="" maxlength="9">번으로 <button type="button" onclick="fnSortChange();" class="btnType fill gray">변경</button> |
|
| 257 | 257 |
</div> |
| 258 |
- <div class="btnWrap"> |
|
| 259 |
- <input type="button" class="btnType1" value="등록" onclick="infoPage(''); return false;" value="등록" >
|
|
| 258 |
+ <div class="btnWrap right"> |
|
| 259 |
+ <input type="button" class="btnType fill primary" value="등록" onclick="infoPage(''); return false;" value="등록" >
|
|
| 260 | 260 |
</div> |
| 261 | 261 |
<!-- 페이지 네비게이션 시작 --> |
| 262 | 262 |
<c:if test="${!empty resultList}">
|
--- src/main/webapp/WEB-INF/jsp/letter/messages/LetterMessageDetail.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/messages/LetterMessageDetail.jsp
... | ... | @@ -324,10 +324,15 @@ |
| 324 | 324 |
</tr> |
| 325 | 325 |
</tbody> |
| 326 | 326 |
</table> |
| 327 |
- <div class="btnWrap"> |
|
| 328 |
- <input type="button" class="btnType1" value="수정" onclick="fnUpdate(); return false;"> |
|
| 329 |
- <input type="button" class="btnType1" value="삭제" onclick="fnDelete(); return false;"> |
|
| 330 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="fnListPage(); return false;"> |
|
| 327 |
+ <div class="btnWrap form_wrap"> |
|
| 328 |
+ <div class="left"> |
|
| 329 |
+ <input type="button" class="btnType line red" value="삭제" onclick="fnDelete(); return false;"> |
|
| 330 |
+ </div> |
|
| 331 |
+ <div class="right"> |
|
| 332 |
+ <input type="button" class="btnType fill primary" value="수정" onclick="fnUpdate(); return false;"> |
|
| 333 |
+ <input type="button" class="btnType fill gray" value="목 록" onclick="fnListPage(); return false;"> |
|
| 334 |
+ </div> |
|
| 335 |
+ |
|
| 331 | 336 |
</div> |
| 332 | 337 |
</div> |
| 333 | 338 |
</div> |
--- src/main/webapp/WEB-INF/jsp/letter/messages/LetterMessageList.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/messages/LetterMessageList.jsp
... | ... | @@ -402,10 +402,12 @@ |
| 402 | 402 |
</tbody> |
| 403 | 403 |
</table> |
| 404 | 404 |
</div> |
| 405 |
- 선택한 그림문자의 우선순위를 <input type="text" id="chgNum" name="chgNum" value="" maxlength="9">번으로 <button type="button" onclick="fnPriChange();" class="btnType1">변경</button> |
|
| 406 |
- <div class="btnWrap"> |
|
| 407 |
- <input type="button" class="btnType2" onclick="fnDeleteLetter(); return false;" value="삭제"> |
|
| 408 |
- <input type="button" class="btnType1" onclick="fnAddLetterView(); return false;" value="등록"> |
|
| 405 |
+ <div class="change_number"> |
|
| 406 |
+ 선택한 그림문자의 우선순위를 <input type="text" id="chgNum" name="chgNum" value="" maxlength="9"> 번으로 <button type="button" class="btnType fill gray" onclick="fnPriChange();">변경</button> |
|
| 407 |
+ </div> |
|
| 408 |
+ <div class="btnWrap form_wrap"> |
|
| 409 |
+ <div class="left"><input type="button" class="btnType line red large" onclick="fnDeleteLetter(); return false;" value="삭제"></div> |
|
| 410 |
+ <div class="right"><input type="button" class="btnType fill primary large" onclick="fnAddLetterView(); return false;" value="등록"></div> |
|
| 409 | 411 |
</div> |
| 410 | 412 |
<!-- 페이지 네비게이션 시작 --> |
| 411 | 413 |
<c:if test="${!empty resultList}">
|
--- src/main/webapp/WEB-INF/jsp/letter/messages/LetterMessageRegist.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/messages/LetterMessageRegist.jsp
... | ... | @@ -257,9 +257,9 @@ |
| 257 | 257 |
</tr> |
| 258 | 258 |
</tbody> |
| 259 | 259 |
</table> |
| 260 |
- <div class="btnWrap"> |
|
| 261 |
- <input type="button" class="btnType1" value="저장" onclick="fnRegist(); return false;"> |
|
| 262 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="fnListPage(); return false;"> |
|
| 260 |
+ <div class="btnWrap right"> |
|
| 261 |
+ <input type="button" class="btnType fill primary" value="저장" onclick="fnRegist(); return false;"> |
|
| 262 |
+ <input type="button" class="btnType fill gray" value="목 록" onclick="fnListPage(); return false;"> |
|
| 263 | 263 |
</div> |
| 264 | 264 |
</div> |
| 265 | 265 |
</div> |
--- src/main/webapp/WEB-INF/jsp/letter/messages/MainTagList.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/messages/MainTagList.jsp
... | ... | @@ -241,9 +241,12 @@ |
| 241 | 241 |
</tbody> |
| 242 | 242 |
</table> |
| 243 | 243 |
</div> |
| 244 |
- 선택한 그림문자의 우선순위를 <input type="text" id="chgNum" name="chgNum" value="" maxlength="9">번으로 <button type="button" onclick="fnSortChange();" class="btnType1">변경</button> |
|
| 245 |
- <div class="btnWrap"> |
|
| 246 |
- <input type="button" class="btnType1" value="등록" onclick="location.href='/letter/messages/insertMainTagView.do?crudMode=C&mainTagNo=0'; return false;" value="등록" > |
|
| 244 |
+ <div class="change_number"> |
|
| 245 |
+ 선택한 그림문자의 우선순위를 <input type="text" id="chgNum" name="chgNum" value="" maxlength="9">번으로 <button type="button" onclick="fnSortChange();" class="btnType fill gray">변경</button> |
|
| 246 |
+ </div> |
|
| 247 |
+ |
|
| 248 |
+ <div class="btnWrap right"> |
|
| 249 |
+ <input type="button" class="btnType fill primary" value="등록" onclick="location.href='/letter/messages/insertMainTagView.do?crudMode=C&mainTagNo=0'; return false;" value="등록" > |
|
| 247 | 250 |
</div> |
| 248 | 251 |
<!-- 페이지 네비게이션 시작 --> |
| 249 | 252 |
<c:if test="${!empty resultList}">
|
--- src/main/webapp/WEB-INF/jsp/letter/messages/MainTagRegist.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/messages/MainTagRegist.jsp
... | ... | @@ -267,9 +267,9 @@ |
| 267 | 267 |
</tr> |
| 268 | 268 |
</tbody> |
| 269 | 269 |
</table> |
| 270 |
- <div class="btnWrap"> |
|
| 271 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="location.href='/letter/messages/selectMainTagList.do'"> |
|
| 272 |
- <input type="button" class="btnType1" value="저 장" onclick="setDataSave(); return false;"> |
|
| 270 |
+ <div class="btnWrap right"> |
|
| 271 |
+ <input type="button" class="btnType fill primary" value="저 장" onclick="setDataSave(); return false;"> |
|
| 272 |
+ <input type="button" class="btnType fill gray" value="목 록" onclick="location.href='/letter/messages/selectMainTagList.do'"> |
|
| 273 | 273 |
</div> |
| 274 | 274 |
</div> |
| 275 | 275 |
</div> |
--- src/main/webapp/WEB-INF/jsp/letter/photo/LetterPhotoDetail.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/photo/LetterPhotoDetail.jsp
... | ... | @@ -370,9 +370,9 @@ |
| 370 | 370 |
</tr> |
| 371 | 371 |
</tbody> |
| 372 | 372 |
</table> |
| 373 |
- <div class="btnWrap"> |
|
| 374 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="fn_photoList(); return false;"> |
|
| 375 |
- <input type="button" class="btnType1" value="수 정" onclick="fn_photo_update(); return false;"> |
|
| 373 |
+ <div class="btnWrap right"> |
|
| 374 |
+ <input type="button" class="btnType fill primary" value="수정" onclick="fn_photo_update(); return false;"> |
|
| 375 |
+ <input type="button" class="btnType fill gray" value="목록" onclick="fn_photoList(); return false;"> |
|
| 376 | 376 |
</div> |
| 377 | 377 |
</div> |
| 378 | 378 |
</div> |
--- src/main/webapp/WEB-INF/jsp/letter/photo/LetterPhotoList.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/photo/LetterPhotoList.jsp
... | ... | @@ -26,8 +26,10 @@ |
| 26 | 26 |
<meta name="viewport" content="user-scalable=no, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0, width=device-width" /> |
| 27 | 27 |
<title>그림 문자 목록</title> |
| 28 | 28 |
<style> |
| 29 |
+.listTop{margin:0 0 12px 0;}
|
|
| 30 |
+.listTop .rightWrap{margin:-38px 0 0 0;}
|
|
| 29 | 31 |
.btnTypeSubTitle {
|
| 30 |
- font-size: 1em;height: 22px;vertical-align: middle;color: #333;background-color: #fff;border: 1px solid #aaa;border-radius: 3px;cursor: pointer;padding: 0 10px |
|
| 32 |
+ display:flex;font-size: 1em;height: 22px;vertical-align: middle;color: #333;background-color: #fff;border: 1px solid #aaa;border-radius: 3px;cursor: pointer;padding: 0 10px;justify-content:center;align-items:center; |
|
| 31 | 33 |
} |
| 32 | 34 |
.my_img {
|
| 33 | 35 |
display: none; |
... | ... | @@ -384,12 +386,13 @@ |
| 384 | 386 |
<label for="searchBestCategory">BEST</label> |
| 385 | 387 |
</div> |
| 386 | 388 |
<div class="listTop"> |
| 387 |
- <p class="tType5"> |
|
| 388 |
- 총 <span class="tType4 c_456ded fwBold"><fmt:formatNumber value="${paginationInfo.totalRecordCount}" pattern="#,###" /></span>건
|
|
| 389 |
- |
|
| 390 |
- <a href="#" onclick="setEditMode('Y'); return false;" class="btnTypeSubTitle">수정모드</a>
|
|
| 391 |
- <a href="#" onclick="setEditMode('N'); return false;" class="btnTypeSubTitle">일반모드</a>
|
|
| 392 |
- </p> |
|
| 389 |
+ <div class="form_wrap left"> |
|
| 390 |
+ <p class="tType5" style="margin:0;"> |
|
| 391 |
+ 총 <span class="tType4 c_456ded fwBold"><fmt:formatNumber value="${paginationInfo.totalRecordCount}" pattern="#,###" /></span>건
|
|
| 392 |
+ </p> |
|
| 393 |
+ <a href="#" onclick="setEditMode('Y'); return false;" class="btnTypeSubTitle btnType fill gray small">수정모드</a>
|
|
| 394 |
+ <a href="#" onclick="setEditMode('N'); return false;" class="btnTypeSubTitle btnType fill gray small">일반모드</a>
|
|
| 395 |
+ </div> |
|
| 393 | 396 |
<div class="rightWrap"> |
| 394 | 397 |
<!-- <input type="button" class="excelBtn" onclick="javascript:userListExcelDownload();"> --> |
| 395 | 398 |
<!-- <input type="button" class="printBtn" > --> |
... | ... | @@ -510,19 +513,23 @@ |
| 510 | 513 |
</tbody> |
| 511 | 514 |
</table> |
| 512 | 515 |
</div> |
| 513 |
- <div style="width: 100%; height: 10px;"></div> |
|
| 514 |
- 선택한 그림문자의 우선순위를 <input type="text" id="chgNum" name="chgNum" value="" maxlength="9">번으로 <button type="button" onclick="fnPriChange();" class="btnType1">변경</button> |
|
| 515 |
- <div style="width: 100%; height: 10px;"></div> |
|
| 516 |
- <div class="btnWrap"> |
|
| 517 |
- <input type="button" class="btnType2" onclick="fnDeleteLetter(); return false;" value="삭제"> |
|
| 516 |
+ <div class="change_number"> |
|
| 517 |
+ 선택한 그림문자의 우선순위를 <input type="text" id="chgNum" name="chgNum" value="" maxlength="9"> 번으로 <button type="button" onclick="fnPriChange();" class="btnType fill gray">변경</button> |
|
| 518 |
+ </div> |
|
| 519 |
+ <div class="btnWrap form_wrap"> |
|
| 520 |
+ <div class="left"> |
|
| 521 |
+ <input type="button" class="btnType line red" onclick="fnDeleteLetter(); return false;" value="삭제"> |
|
| 522 |
+ </div> |
|
| 523 |
+ <div class="right"> |
|
| 524 |
+ <c:if test="${userSearchVO.editMode == 'Y'}">
|
|
| 525 |
+ <input type="button" class="btnType line primary" onclick="setMassEdit(); return false;" value="해쉬태그 일괄변경"> |
|
| 526 |
+ </c:if> |
|
| 527 |
+ <input type="button" class="btnType fill primary" onclick="fnAddLetterView(); return false;" value="등록"> |
|
| 528 |
+ </div> |
|
| 529 |
+ |
|
| 518 | 530 |
<!-- <input type="button" class="btnType1" onclick="fnIdgenUpdate('letterId'); return false;" value="그림문자 일련번호 업데이트">
|
| 519 | 531 |
<input type="button" class="btnType1" onclick="fnIdgenUpdate('atchId'); return false;" value="첨부파일 일련번호 업데이트"> -->
|
| 520 | 532 |
|
| 521 |
- <c:if test="${userSearchVO.editMode == 'Y'}">
|
|
| 522 |
- <input type="button" class="btnType2" onclick="setMassEdit(); return false;" value="해쉬태그 일괄변경"> |
|
| 523 |
- </c:if> |
|
| 524 |
- |
|
| 525 |
- <input type="button" class="btnType1" onclick="fnAddLetterView(); return false;" value="등록"> |
|
| 526 | 533 |
</div> |
| 527 | 534 |
<!-- 페이지 네비게이션 시작 --> |
| 528 | 535 |
<c:if test="${!empty resultList}">
|
--- src/main/webapp/WEB-INF/jsp/letter/photo/LetterPhotoRegist.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/photo/LetterPhotoRegist.jsp
... | ... | @@ -371,9 +371,9 @@ |
| 371 | 371 |
</c:if> |
| 372 | 372 |
</tbody> |
| 373 | 373 |
</table> |
| 374 |
- <div class="btnWrap"> |
|
| 375 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="fn_photoList(); return false;"> |
|
| 376 |
- <input type="button" class="btnType1" value="저 장" onclick="fn_photo_insert(); return false;"> |
|
| 374 |
+ <div class="btnWrap right"> |
|
| 375 |
+ <input type="button" class="btnType fill primary" value="저 장" onclick="fn_photo_insert(); return false;"> |
|
| 376 |
+ <input type="button" class="btnType fill gray" value="목 록" onclick="fn_photoList(); return false;"> |
|
| 377 | 377 |
</div> |
| 378 | 378 |
</div> |
| 379 | 379 |
</div> |
--- src/main/webapp/WEB-INF/jsp/letter/photo/custom/LetterPhotoCustomDetail.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/photo/custom/LetterPhotoCustomDetail.jsp
... | ... | @@ -366,9 +366,9 @@ |
| 366 | 366 |
</tr> |
| 367 | 367 |
</tbody> |
| 368 | 368 |
</table> |
| 369 |
- <div class="btnWrap"> |
|
| 370 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="fn_photoList(); return false;"> |
|
| 371 |
- <input type="button" class="btnType1" value="수 정" onclick="fn_photo_update(); return false;"> |
|
| 369 |
+ <div class="btnWrap right"> |
|
| 370 |
+ <input type="button" class="btnType fill primary" value="수 정" onclick="fn_photo_update(); return false;"> |
|
| 371 |
+ <input type="button" class="btnType fill gray" value="목 록" onclick="fn_photoList(); return false;"> |
|
| 372 | 372 |
</div> |
| 373 | 373 |
</div> |
| 374 | 374 |
</div> |
--- src/main/webapp/WEB-INF/jsp/letter/photo/custom/LetterPhotoCustomList.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/photo/custom/LetterPhotoCustomList.jsp
... | ... | @@ -329,10 +329,14 @@ |
| 329 | 329 |
</tbody> |
| 330 | 330 |
</table> |
| 331 | 331 |
</div> |
| 332 |
- 선택한 그림문자의 우선순위를 <input type="text" id="chgNum" name="chgNum" value="" maxlength="9">번으로 <button type="button" onclick="fnPriChange();" class="btnType1">변경</button> |
|
| 333 |
- <div class="btnWrap"> |
|
| 334 |
- <input type="button" class="btnType2" onclick="fnDeleteLetter(); return false;" value="삭제"> |
|
| 335 |
- <input type="button" class="btnType1" onclick="fnAddLetterView(); return false;" value="등록"> |
|
| 332 |
+ |
|
| 333 |
+ <div class="change_number"> |
|
| 334 |
+ 선택한 그림문자의 우선순위를 <input type="text" id="chgNum" name="chgNum" value="" maxlength="9"> 번으로 <button type="button" onclick="fnPriChange();" class="btnType fill gray">변경</button> |
|
| 335 |
+ </div> |
|
| 336 |
+ |
|
| 337 |
+ <div class="btnWrap form_wrap"> |
|
| 338 |
+ <input type="button" class="btnType line red" onclick="fnDeleteLetter(); return false;" value="삭제"> |
|
| 339 |
+ <input type="button" class="btnType fill primary" onclick="fnAddLetterView(); return false;" value="등록"> |
|
| 336 | 340 |
</div> |
| 337 | 341 |
<!-- 페이지 네비게이션 시작 --> |
| 338 | 342 |
<c:if test="${!empty resultList}">
|
--- src/main/webapp/WEB-INF/jsp/letter/photo/custom/LetterPhotoCustomRegist.jsp
+++ src/main/webapp/WEB-INF/jsp/letter/photo/custom/LetterPhotoCustomRegist.jsp
... | ... | @@ -368,9 +368,9 @@ |
| 368 | 368 |
</c:if> |
| 369 | 369 |
</tbody> |
| 370 | 370 |
</table> |
| 371 |
- <div class="btnWrap"> |
|
| 372 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="fn_photoList(); return false;"> |
|
| 373 |
- <input type="button" class="btnType1" value="저 장" onclick="fn_photo_insert(); return false;"> |
|
| 371 |
+ <div class="btnWrap right"> |
|
| 372 |
+ <input type="button" class="btnType fill primary" value="저 장" onclick="fn_photo_insert(); return false;"> |
|
| 373 |
+ <input type="button" class="btnType fill gray" value="목 록" onclick="fn_photoList(); return false;"> |
|
| 374 | 374 |
</div> |
| 375 | 375 |
</div> |
| 376 | 376 |
</div> |
--- src/main/webapp/WEB-INF/jsp/sym/log/user/SelectUserLogList.jsp
+++ src/main/webapp/WEB-INF/jsp/sym/log/user/SelectUserLogList.jsp
... | ... | @@ -86,7 +86,7 @@ |
| 86 | 86 |
</select> |
| 87 | 87 |
<input id="searchKeyword" name="searchKeyword" class="recentSearch" type="text" value="<c:out value='${searchVO.searchKeyword}'/>" size="25" title="검색" maxlength="50"/>
|
| 88 | 88 |
<input type="button" class="btnType1" onclick="fn_search(); return false;" value="검색"> |
| 89 |
- <input type="button" class="btnType1" onclick="fn_searchReset(); return false;" value="초기화"> |
|
| 89 |
+ <input type="button" class="btnType fill gray" onclick="fn_searchReset(); return false;" value="초기화"> |
|
| 90 | 90 |
</div> |
| 91 | 91 |
|
| 92 | 92 |
<div class="listTop"> |
--- src/main/webapp/WEB-INF/jsp/uss/ion/apikey/UserAPIKEYList.jsp
+++ src/main/webapp/WEB-INF/jsp/uss/ion/apikey/UserAPIKEYList.jsp
... | ... | @@ -212,7 +212,7 @@ |
| 212 | 212 |
|
| 213 | 213 |
<input id="searchKeyword" name="searchKeyword" class="recentSearch" type="text" value="<c:out value='${searchVO.searchKeyword}'/>" size="25" title="검색" maxlength="100" />
|
| 214 | 214 |
<input type="button" class="btnType1" value="검색" onclick="fn_search(); return false;"> |
| 215 |
- <input type="button" class="btnType1" onclick="fn_searchReset(); return false;" value="초기화"> |
|
| 215 |
+ <input type="button" class="btnType fill gray" onclick="fn_searchReset(); return false;" value="초기화"> |
|
| 216 | 216 |
</div> |
| 217 | 217 |
<div class="listTop"> |
| 218 | 218 |
<p class="tType5">총 <span class="tType4 c_456ded fwBold"><fmt:formatNumber value="${paginationInfo.totalRecordCount}" pattern="#,###" /></span>건</p>
|
... | ... | @@ -334,7 +334,7 @@ |
| 334 | 334 |
<div class="listSerch"> |
| 335 | 335 |
<!-- <input type="button" class="btnType2" value="삭제" onclick="fn_delete(); return false;"> --> |
| 336 | 336 |
사용자아이디:<input type="text" name="userId" id="userId" value="" style="width:200px;" maxlength="100"/> |
| 337 |
- <input type="button" class="btnType1 bg_888888" value="API KEY 사용자 등 록" |
|
| 337 |
+ <input type="button" class="btnType fill primary" value="API KEY 사용자 등록" |
|
| 338 | 338 |
onclick="fn_reg_user_4_apikey(); return false;"> |
| 339 | 339 |
|
| 340 | 340 |
<!-- |
--- src/main/webapp/WEB-INF/jsp/uss/ion/apikey/UserAPIKEYModify.jsp
+++ src/main/webapp/WEB-INF/jsp/uss/ion/apikey/UserAPIKEYModify.jsp
... | ... | @@ -495,10 +495,10 @@ |
| 495 | 495 |
<%-- <ec:code codeId="ITN019" code="${mjonMsgVO.agentCode}" /> --%>
|
| 496 | 496 |
<c:out value="${apiKeyVO.accessKey}"/>
|
| 497 | 497 |
|
| 498 |
- |
|
| 499 | 498 |
|
| 500 |
- <input type="button" class="btnType2 bg_888888" value="api key 변경" |
|
| 501 |
- onclick="fn_update_apikey(); return false;"> |
|
| 499 |
+ |
|
| 500 |
+ <input type="button" class="btnType line primary" value="api key 변경" |
|
| 501 |
+ onclick="fn_update_apikey(); return false;" style="padding:0 20px;"> |
|
| 502 | 502 |
</td> |
| 503 | 503 |
</tr> |
| 504 | 504 |
<tr> |
--- src/main/webapp/WEB-INF/jsp/uss/ion/cnf/spamKeywordList.jsp
+++ src/main/webapp/WEB-INF/jsp/uss/ion/cnf/spamKeywordList.jsp
... | ... | @@ -195,9 +195,13 @@ |
| 195 | 195 |
</c:if> |
| 196 | 196 |
</table> |
| 197 | 197 |
</div> |
| 198 |
- <div class="btnWrap"> |
|
| 199 |
- <input type="button" class="btnType2" onclick="fn_delete(); return false;" value="삭제"> |
|
| 200 |
- <input type="button" class="btnType1" onclick="fn_insert(); return false;" value="등록"> |
|
| 198 |
+ <div class="btnWrap form_wrap"> |
|
| 199 |
+ <div class="left"> |
|
| 200 |
+ <input type="button" class="btnType red line" onclick="fn_delete(); return false;" value="삭제"> |
|
| 201 |
+ </div> |
|
| 202 |
+ <div class="right"> |
|
| 203 |
+ <input type="button" class="btnType primary fill" onclick="fn_insert(); return false;" value="등록"> |
|
| 204 |
+ </div> |
|
| 201 | 205 |
</div> |
| 202 | 206 |
<!-- 페이지 네비게이션 시작 --> |
| 203 | 207 |
<c:if test="${!empty spamKeywordList}">
|
--- src/main/webapp/WEB-INF/jsp/uss/ion/cnf/spamKeywordModifyView.jsp
+++ src/main/webapp/WEB-INF/jsp/uss/ion/cnf/spamKeywordModifyView.jsp
... | ... | @@ -166,15 +166,24 @@ |
| 166 | 166 |
</tr> |
| 167 | 167 |
|
| 168 | 168 |
</table> |
| 169 |
- <div class="btnWrap"> |
|
| 170 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="fn_goList(); return false;"> |
|
| 171 |
- <c:if test="${empty spamKeywordVO.spamCn}">
|
|
| 172 |
- <input type="button" class="btnType1" value="등 록" onclick="fn_insert(); return false;"> |
|
| 173 |
- </c:if> |
|
| 174 |
- <c:if test="${!empty spamKeywordVO.spamCn}">
|
|
| 175 |
- <input type="button" class="btnType1 bg_ed4545" value="삭 제 " onclick="fn_delete(); return false;"> |
|
| 176 |
- <input type="button" class="btnType1" value="수 정 " onclick="fn_update(); return false;"> |
|
| 177 |
- </c:if> |
|
| 169 |
+ <div class="btnWrap form_wrap"> |
|
| 170 |
+ <div class="left"> |
|
| 171 |
+ <c:if test="${!empty spamKeywordVO.spamCn}">
|
|
| 172 |
+ <input type="button" class="btnType red line" value="삭 제" onclick="fn_delete(); return false;"> |
|
| 173 |
+ </c:if> |
|
| 174 |
+ </div> |
|
| 175 |
+ <div class="right"> |
|
| 176 |
+ <c:if test="${empty spamKeywordVO.spamCn}">
|
|
| 177 |
+ <input type="button" class="btnType fill primary" value="등 록" onclick="fn_insert(); return false;"> |
|
| 178 |
+ </c:if> |
|
| 179 |
+ <c:if test="${!empty spamKeywordVO.spamCn}">
|
|
| 180 |
+ <input type="button" class="btnType fill primary" value="수 정" onclick="fn_update(); return false;"> |
|
| 181 |
+ </c:if> |
|
| 182 |
+ <input type="button" class="btnType fill gray" value="목 록" onclick="fn_goList(); return false;"> |
|
| 183 |
+ </div> |
|
| 184 |
+ |
|
| 185 |
+ |
|
| 186 |
+ |
|
| 178 | 187 |
</div> |
| 179 | 188 |
</div> |
| 180 | 189 |
</div> |
--- src/main/webapp/WEB-INF/jsp/uss/ion/custom/MsgCustomInfo.jsp
+++ src/main/webapp/WEB-INF/jsp/uss/ion/custom/MsgCustomInfo.jsp
... | ... | @@ -568,15 +568,26 @@ |
| 568 | 568 |
</c:if> |
| 569 | 569 |
</tbody> |
| 570 | 570 |
</table> |
| 571 |
- <div class="btnWrap"> |
|
| 572 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="goList(); return false;"> |
|
| 573 |
- <c:if test="${mjonMsgCustomInfo.customPaymentYn ne '06'}">
|
|
| 574 |
- <input type="button" class="btnType1" value="수 정" onclick="fn_update(); return false;"> |
|
| 575 |
- <c:if test="${mjonMsgCustomInfo.customPaymentYn ne '05'}">
|
|
| 576 |
- <input type="button" class="btnType2 bg_888888" value="주문취소" onclick="fn_delete(); return false;"> |
|
| 571 |
+ <div class="btnWrap form_wrap"> |
|
| 572 |
+ <div class="left"> |
|
| 573 |
+ <c:if test="${mjonMsgCustomInfo.customPaymentYn ne '06'}">
|
|
| 574 |
+ <c:if test="${mjonMsgCustomInfo.customPaymentYn ne '05'}">
|
|
| 575 |
+ <input type="button" class="btnType line red" value="주문취소" onclick="fn_delete(); return false;"> |
|
| 576 |
+ </c:if> |
|
| 577 | 577 |
</c:if> |
| 578 |
- </c:if> |
|
| 579 |
- <input type="button" class="btnType1 bg_888888" value="안 내" onclick="fnInputSmsTxt(); return false;"> |
|
| 578 |
+ </div> |
|
| 579 |
+ <div class="right"> |
|
| 580 |
+ <c:if test="${mjonMsgCustomInfo.customPaymentYn ne '06'}">
|
|
| 581 |
+ <input type="button" class="btnType fill primary" value="수정" onclick="fn_update(); return false;"> |
|
| 582 |
+ <c:if test="${mjonMsgCustomInfo.customPaymentYn ne '05'}">
|
|
| 583 |
+ </c:if> |
|
| 584 |
+ </c:if> |
|
| 585 |
+ <input type="button" class="btnType fill secondary" value="안내" onclick="fnInputSmsTxt(); return false;"> |
|
| 586 |
+ <input type="button" class="btnType fill gray" value="목록" onclick="goList(); return false;"> |
|
| 587 |
+ </div> |
|
| 588 |
+ |
|
| 589 |
+ |
|
| 590 |
+ |
|
| 580 | 591 |
</div> |
| 581 | 592 |
</div> |
| 582 | 593 |
</div> |
--- src/main/webapp/WEB-INF/jsp/uss/ion/msg/MsgResultCodeList.jsp
+++ src/main/webapp/WEB-INF/jsp/uss/ion/msg/MsgResultCodeList.jsp
... | ... | @@ -189,7 +189,7 @@ |
| 189 | 189 |
</tbody> |
| 190 | 190 |
</table> |
| 191 | 191 |
</div> |
| 192 |
- <div class="btnWrap"> |
|
| 192 |
+ <div class="btnWrap right"> |
|
| 193 | 193 |
<!-- <input type="button" class="btnType2" value="삭제" onclick="fn_delete(); return false;"> --> |
| 194 | 194 |
<input type="button" class="btnType1" value="등록" onclick="location.href='/uss/ion/msg/addMsgResultCode.do'; return false;"> |
| 195 | 195 |
</div> |
--- src/main/webapp/WEB-INF/jsp/uss/ion/msg/MsgResultCodeModify.jsp
+++ src/main/webapp/WEB-INF/jsp/uss/ion/msg/MsgResultCodeModify.jsp
... | ... | @@ -167,10 +167,15 @@ |
| 167 | 167 |
</tr> |
| 168 | 168 |
</tbody> |
| 169 | 169 |
</table> |
| 170 |
- <div class="btnWrap"> |
|
| 171 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="goList(); return false;"> |
|
| 172 |
- <input type="button" class="btnType1" value="삭 제" onclick="fn_delete(); return false;"> |
|
| 173 |
- <input type="button" class="btnType1" value="저 장" onclick="fn_modify(); return false;"> |
|
| 170 |
+ <div class="btnWrap form_wrap"> |
|
| 171 |
+ <div class="left"> |
|
| 172 |
+ <input type="button" class="btnType line red" value="삭 제" onclick="fn_delete(); return false;"> |
|
| 173 |
+ </div> |
|
| 174 |
+ <div class="right"> |
|
| 175 |
+ <input type="button" class="btnType fill primary" value="저 장" onclick="fn_modify(); return false;"> |
|
| 176 |
+ <input type="button" class="btnType fill gray" value="목 록" onclick="goList(); return false;"> |
|
| 177 |
+ </div> |
|
| 178 |
+ |
|
| 174 | 179 |
</div> |
| 175 | 180 |
</div> |
| 176 | 181 |
</div> |
--- src/main/webapp/WEB-INF/jsp/uss/ion/msg/MsgResultCodeRegist.jsp
+++ src/main/webapp/WEB-INF/jsp/uss/ion/msg/MsgResultCodeRegist.jsp
... | ... | @@ -113,9 +113,9 @@ |
| 113 | 113 |
</tr> |
| 114 | 114 |
</tbody> |
| 115 | 115 |
</table> |
| 116 |
- <div class="btnWrap"> |
|
| 117 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="location.href='/uss/ion/msg/MsgResultCodeList.do'"> |
|
| 118 |
- <input type="button" class="btnType1" value="저 장" onclick="fn_Regist(); return false;"> |
|
| 116 |
+ <div class="btnWrap right"> |
|
| 117 |
+ <input type="button" class="btnType fill primary" value="저 장" onclick="fn_Regist(); return false;"> |
|
| 118 |
+ <input type="button" class="btnType fill gray" value="목 록" onclick="location.href='/uss/ion/msg/MsgResultCodeList.do'"> |
|
| 119 | 119 |
</div> |
| 120 | 120 |
</div> |
| 121 | 121 |
</div> |
--- src/main/webapp/WEB-INF/jsp/uss/ion/msg/SendMsgDetailList.jsp
+++ src/main/webapp/WEB-INF/jsp/uss/ion/msg/SendMsgDetailList.jsp
... | ... | @@ -175,13 +175,13 @@ |
| 175 | 175 |
<div class="tableWrap"> |
| 176 | 176 |
<table class="tbType1"> |
| 177 | 177 |
<colgroup> |
| 178 |
- <col style="width: 3%"> |
|
| 179 |
- <col style="width: 4%"> |
|
| 178 |
+ <col style="width: 40px;"> |
|
| 179 |
+ <col style="width: 80px;"> |
|
| 180 | 180 |
<col style="width: 7%"> |
| 181 | 181 |
<col style="width: 10%"> |
| 182 | 182 |
<col style="width: 10%"> |
| 183 | 183 |
<col style="width: 9%"> |
| 184 |
- <col style="width: *%"> |
|
| 184 |
+ <col style="width: auto"> |
|
| 185 | 185 |
<col style="width: 6%"> |
| 186 | 186 |
<col style="width: 6%"> |
| 187 | 187 |
<col style="width: 6%"> |
... | ... | @@ -313,10 +313,12 @@ |
| 313 | 313 |
</tbody> |
| 314 | 314 |
</table> |
| 315 | 315 |
</div> |
| 316 |
- <div class="btnWrap"> |
|
| 317 |
- <input type="button" class="btnType2" value="삭제" onclick="fn_delete(); return false;"> |
|
| 316 |
+ <div class="btnWrap form_wrap"> |
|
| 317 |
+ <div class="left"><input type="button" class="btnType red line" value="삭제" onclick="fn_delete(); return false;"></div> |
|
| 318 |
+ <div class="right"><input type="button" class="btnType fill gray" value="목록" onclick="goList(); return false;" value="목록" ></div> |
|
| 319 |
+ |
|
| 318 | 320 |
<!-- <input type="button" class="btnType1" value="등록" onclick="location.href='/uss/ion/msg/SendMsgModify.do'; return false;" value="등록" > --> |
| 319 |
- <input type="button" class="btnType1" value="목록" onclick="goList(); return false;" value="목록" > |
|
| 321 |
+ |
|
| 320 | 322 |
</div> |
| 321 | 323 |
<!-- 페이지 네비게이션 시작 --> |
| 322 | 324 |
<c:if test="${!empty resultList}">
|
--- src/main/webapp/WEB-INF/jsp/uss/ion/msg/SendMsgModify.jsp
+++ src/main/webapp/WEB-INF/jsp/uss/ion/msg/SendMsgModify.jsp
... | ... | @@ -555,20 +555,28 @@ |
| 555 | 555 |
</tr> |
| 556 | 556 |
</tbody> |
| 557 | 557 |
</table> |
| 558 |
- <div class="btnWrap"> |
|
| 559 |
- |
|
| 560 |
- |
|
| 561 |
- <c:if test="${ 'ReceiveNumberList' eq mjonMsgVO.beforeUrl }">
|
|
| 562 |
- <input type="button" class="btnType1 bg_888888" value="목 록" |
|
| 558 |
+ <div class="btnWrap form_wrap"> |
|
| 559 |
+ <div class="left"> |
|
| 560 |
+ <input type="button" class="btnType line primary" value="스팸회원 처리" |
|
| 561 |
+ onclick="fn_spamUserChk('<c:out value="${mjonMsgVO.userId}"/>', '<c:out value="${mjonMsgVO.callFrom}"/>'); return false;">
|
|
| 562 |
+ </div> |
|
| 563 |
+ <div class="right"> |
|
| 564 |
+ <c:if test="${empty mjonMsgVO.msgId }">
|
|
| 565 |
+ <input type="button" class="btnType fill primary" value="저 장" onclick="fn_insert(); return false;"> |
|
| 566 |
+ </c:if> |
|
| 567 |
+ <c:if test="${ 'ReceiveNumberList' eq mjonMsgVO.beforeUrl }">
|
|
| 568 |
+ <input type="button" class="btnType fill gray" value="목 록" |
|
| 563 | 569 |
onclick="location.href='/uss/ion/msg/ReceiveNumberList.do'"> |
| 564 |
- </c:if> |
|
| 565 |
- <c:if test="${ 'ReceiveNumberList' ne mjonMsgVO.beforeUrl }">
|
|
| 566 |
- <input type="button" class="btnType1 bg_888888" value="목 록" |
|
| 567 |
- onclick="goList(); return false;"> |
|
| 568 |
- </c:if> |
|
| 570 |
+ </c:if> |
|
| 571 |
+ <c:if test="${ 'ReceiveNumberList' ne mjonMsgVO.beforeUrl }">
|
|
| 572 |
+ <input type="button" class="btnType fill gray" value="목 록" |
|
| 573 |
+ onclick="goList(); return false;"> |
|
| 574 |
+ </c:if> |
|
| 575 |
+ </div> |
|
| 569 | 576 |
|
| 570 |
- <input type="button" class="btnType1 bg_888888" value="스팸회원 처리" |
|
| 571 |
- onclick="fn_spamUserChk('<c:out value="${mjonMsgVO.userId}"/>', '<c:out value="${mjonMsgVO.callFrom}"/>'); return false;">
|
|
| 577 |
+ |
|
| 578 |
+ |
|
| 579 |
+ |
|
| 572 | 580 |
|
| 573 | 581 |
<!-- |
| 574 | 582 |
<c:if test="${!empty mjonMsgVO.msgId }">
|
... | ... | @@ -582,9 +590,7 @@ |
| 582 | 590 |
<input type="button" class="btnType1" value="수 정" onclick="fn_modify(); return false;"> |
| 583 | 591 |
</c:if> |
| 584 | 592 |
--> |
| 585 |
- <c:if test="${empty mjonMsgVO.msgId }">
|
|
| 586 |
- <input type="button" class="btnType1" value="저 장" onclick="fn_insert(); return false;"> |
|
| 587 |
- </c:if> |
|
| 593 |
+ |
|
| 588 | 594 |
</div> |
| 589 | 595 |
</div> |
| 590 | 596 |
</div> |
--- src/main/webapp/WEB-INF/jsp/uss/ion/msg/admSys/AdmSystemSendMsgModify.jsp
+++ src/main/webapp/WEB-INF/jsp/uss/ion/msg/admSys/AdmSystemSendMsgModify.jsp
... | ... | @@ -406,7 +406,6 @@ |
| 406 | 406 |
<td colspan="3"> |
| 407 | 407 |
<%-- <textarea name="smsTxt" class="textarea" cols="75" rows="5" title="내용" style="width:84%;"><c:out value="${mjonMsgVO.smsTxt}" /></textarea> --%>
|
| 408 | 408 |
<c:out value="${fn:replace(fn:replace(mjonMsgVO.smsTxt, newLineChar, '<br/>'), newLineChar2, '<br/>')}" escapeXml="false"/>
|
| 409 |
- <br><br> |
|
| 410 | 409 |
|
| 411 | 410 |
<!-- <span class="byte" style="vertical-align: bottom;"> |
| 412 | 411 |
(<span style="color: red;">0</span>byte) |
... | ... | @@ -519,8 +518,8 @@ |
| 519 | 518 |
</tr> |
| 520 | 519 |
</tbody> |
| 521 | 520 |
</table> |
| 522 |
- <div class="btnWrap"> |
|
| 523 |
- <input type="button" class="btnType1 bg_888888" value="목 록" onclick="location.href='/uss/ion/msg/admSystemSendMsgList.do'"> |
|
| 521 |
+ <div class="btnWrap right"> |
|
| 522 |
+ <input type="button" class="btnType fill gray" value="목 록" onclick="location.href='/uss/ion/msg/admSystemSendMsgList.do'"> |
|
| 524 | 523 |
</div> |
| 525 | 524 |
</div> |
| 526 | 525 |
</div> |
--- src/main/webapp/WEB-INF/jsp/uss/ion/symbol/MsgSymbolList.jsp
+++ src/main/webapp/WEB-INF/jsp/uss/ion/symbol/MsgSymbolList.jsp
... | ... | @@ -120,7 +120,7 @@ |
| 120 | 120 |
</div> |
| 121 | 121 |
|
| 122 | 122 |
<div class="btnWrap"> |
| 123 |
- <input type="button" class="btnType2" value="선택삭제" onclick="javascript:doDelete(); return false;"> |
|
| 123 |
+ <input type="button" class="btnType line red" value="선택삭제" onclick="javascript:doDelete(); return false;"> |
|
| 124 | 124 |
</div> |
| 125 | 125 |
</div> |
| 126 | 126 |
</div> |
--- src/main/webapp/pb/css/common.css
+++ src/main/webapp/pb/css/common.css
... | ... | @@ -1,7 +1,7 @@ |
| 1 | 1 |
@import url(/pb/css/style.css); |
| 2 | 2 |
|
| 3 | 3 |
html{width: 100%;min-width:1480px;box-sizing: border-box;}
|
| 4 |
-body{font-family: 'Noto Sans KR', sans-serif;width: 100%;max-width: 1920px;min-width:1480px;height: 100%;box-sizing: border-box;background-color:#fff;}
|
|
| 4 |
+body{font-family: 'Noto Sans KR', sans-serif;width: 100%;max-width: 1920px;min-width:1480px;height: 100%;box-sizing: border-box;background-color:#F2F2F2;}
|
|
| 5 | 5 |
|
| 6 | 6 |
.inline li{float: left;}
|
| 7 | 7 |
#wrap {position:relative;padding:70px 0 0;}
|
... | ... | @@ -73,12 +73,12 @@ |
| 73 | 73 |
input[type="radio"]{display: none;}
|
| 74 | 74 |
input[type="radio"]+label{width: 18px;height: 18px;display: inline-block;border: 1px solid #999;border-radius: 100%;vertical-align: middle;margin-right: 0px;}
|
| 75 | 75 |
input[type="radio"]+label+label{vertical-align: middle;margin-right: 15px;}
|
| 76 |
-input[type="radio"]:checked+label{border: 1px solid --var(--primary-color);position: relative;}
|
|
| 77 |
-input[type="radio"]:checked+label::after{position: absolute;content: "";width: 10px;height: 10px;background-color: --var(--primary-color);border-radius: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
|
|
| 76 |
+input[type="radio"]:checked+label{border: 1px solid var(--primary-color);position: relative;}
|
|
| 77 |
+input[type="radio"]:checked+label::after{position: absolute;content: "";width: 10px;height: 10px;background-color: var(--primary-color);border-radius: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
|
|
| 78 | 78 |
|
| 79 | 79 |
input[type="checkbox"]{display: none;}
|
| 80 | 80 |
input[type="checkbox"]+label{width: 18px;height: 18px;display: inline-block;border: 1px solid #999;border-radius: 3px;vertical-align: middle;margin-top: -2px;}
|
| 81 |
-input[type="checkbox"]:checked+label{border: 1px solid --var(--primary-color);background-color: --var(--primary-color);position: relative;}
|
|
| 81 |
+input[type="checkbox"]:checked+label{border: 1px solid var(--primary-color);background-color: var(--primary-color);position: relative;}
|
|
| 82 | 82 |
input[type="checkbox"]:checked+label::after{background-image: url(/pb/img/common/check.png);background-repeat: no-repeat;background-position: center;position: absolute;content: " ";display: inline-block;width: 12px;height: 10px;top: 50%;left: 50%;transform: translate(-50%,-50%)}
|
| 83 | 83 |
|
| 84 | 84 |
.btnType1{font-size: 1em;height: 40px;vertical-align: middle;color: #fff;background-color: #aaa;border: none;border-radius: 3px;cursor: pointer;padding: 0 10px}
|
... | ... | @@ -118,7 +118,7 @@ |
| 118 | 118 |
} |
| 119 | 119 |
|
| 120 | 120 |
@media screen and (max-width:1100px){
|
| 121 |
- header{background-color: --var(--primary-color);}
|
|
| 121 |
+ header{background-color: var(--primary-color);}
|
|
| 122 | 122 |
header h1,header .topRight{background-color: transparent;}
|
| 123 | 123 |
header h1{max-width: 10%;}
|
| 124 | 124 |
header .topRight{width: 87%;}
|
... | ... | @@ -159,8 +159,8 @@ |
| 159 | 159 |
input[type="radio"]{display: none;}
|
| 160 | 160 |
input[type="radio"]+label{width: 25px;height: 25px;display: inline-block;border: 1px solid #999;border-radius: 100%;vertical-align: middle;margin-right: 0px;}
|
| 161 | 161 |
input[type="radio"]+label+label{vertical-align: middle;margin-right: 15px;font-size: 1.250em}
|
| 162 |
- input[type="radio"]:checked+label{border: 1px solid --var(--primary-color);position: relative;}
|
|
| 163 |
- input[type="radio"]:checked+label::after{position: absolute;content: "";width: 16px;height: 16px;background-color: --var(--primary-color);border-radius: 100%;top: 50%;left: 50%;transform: translate(-48%,-52%);}
|
|
| 162 |
+ input[type="radio"]:checked+label{border: 1px solid var(--primary-color);position: relative;}
|
|
| 163 |
+ input[type="radio"]:checked+label::after{position: absolute;content: "";width: 16px;height: 16px;background-color: var(--primary-color);border-radius: 100%;top: 50%;left: 50%;transform: translate(-48%,-52%);}
|
|
| 164 | 164 |
|
| 165 | 165 |
input[type="checkbox"]+label{width: 25px;height: 25px;display: inline-block;border: 1px solid #999;border-radius: 3px;vertical-align: middle;}
|
| 166 | 166 |
input[type="checkbox"]+label+label{font-size: 1.250em}
|
... | ... | @@ -168,7 +168,7 @@ |
| 168 | 168 |
} |
| 169 | 169 |
|
| 170 | 170 |
@media screen and (max-width:640px){
|
| 171 |
- input[type="radio"]:checked+label::after{position: absolute;content: "";width: 16px;height: 16px;background-color: --var(--primary-color);border-radius: 100%;top: 50%;left: 50%;transform: translate(-53%,-53%);}
|
|
| 171 |
+ input[type="radio"]:checked+label::after{position: absolute;content: "";width: 16px;height: 16px;background-color: var(--primary-color);border-radius: 100%;top: 50%;left: 50%;transform: translate(-53%,-53%);}
|
|
| 172 | 172 |
|
| 173 | 173 |
header{height: 90px;}
|
| 174 | 174 |
header h1{margin-top: 11px;}
|
--- src/main/webapp/pb/css/content.css
+++ src/main/webapp/pb/css/content.css
... | ... | @@ -7,7 +7,7 @@ |
| 7 | 7 |
.contWrap:after{position:absolute;content:'';width:240px;height:100%;background:#0D488B;left:-240px;top:0;}
|
| 8 | 8 |
.cont{margin:30px auto 0 0;}
|
| 9 | 9 |
|
| 10 |
- |
|
| 10 |
+.pageTitle{min-height:62px;}
|
|
| 11 | 11 |
.pageIcon{width: 62px;height: 62px;background-color: #fff;text-align: center;position: relative;box-shadow: 1.5px 2.6px 5px 0 rgba(0,0,0,0.1);border-radius: 5px;float: left;margin: 0 20px 0 0;}
|
| 12 | 12 |
.pageIcon img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
|
| 13 | 13 |
.pageTitle h2{font-weight:700;padding: 5px 0 10px 0;}
|
... | ... | @@ -30,16 +30,18 @@ |
| 30 | 30 |
.listSerch input[type="button"].btnType3{margin-left: 0;border:none;color:#fff;border-radius: 3px;vertical-align:middle;}
|
| 31 | 31 |
.listSerch input[type="button"]:hover{background-color:var(--primary-color-hover);}
|
| 32 | 32 |
|
| 33 |
+ |
|
| 33 | 34 |
.listTop p{display: inline-block;vertical-align: middle;margin-bottom: 8px;}
|
| 34 | 35 |
.listTop .rightWrap{float: right;vertical-align: middle;margin-top: -25px;margin-bottom: 00px;}
|
| 35 | 36 |
.listTop input[type="button"]{border: 1px solid #aaa;border-radius: 3px;background-color: #fff;min-width: 40px;height: 40px;vertical-align: middle;background-position: center center;background-repeat: no-repeat;margin-right: 3px;}
|
| 37 |
+input[type="button"]{cursor:pointer;}
|
|
| 36 | 38 |
input[type="button"].readBtn{border:1px solid var(--primary-color);color:var(--primary-color);font-weight: 600;border-radius: 3px;background-color: #fff;min-width: 40px;height: 40px;vertical-align: middle;background-position: center center;background-repeat: no-repeat;margin-right: 3px;}
|
| 37 | 39 |
input[type="button"].readBtn:hover{background-color:#f2f4f7;}
|
| 38 | 40 |
input[type="button"].excelBtn{border: 1px solid #207245;background-image: url(/pb/img/excelIcon.png);}
|
| 39 | 41 |
input[type="button"].printBtn{border: 1px solid #686b72;background-image: url(/pb/img/printIcon.png)}
|
| 40 | 42 |
.pageCont .tbType1{border-top: 2px solid var(--primary-color);text-align: center;width: 100%;table-layout: fixed;}
|
| 41 | 43 |
.pageCont .tbType1 thead tr{border-bottom: 2px solid #e6e6e6}
|
| 42 |
-.pageCont .tbType1 thead tr th{padding: 15px 0; font-size: 1em;font-weight: 500;color: #555;white-space: nowrap;}
|
|
| 44 |
+.pageCont .tbType1 thead tr th{height:42px;padding: 5px 0; font-size: 1em;font-weight: 500;color: #555;white-space: nowrap;vertical-align:middle;}
|
|
| 43 | 45 |
.sort{padding-left:8px;cursor:pointer;}
|
| 44 | 46 |
.sortBtn{background-image: url(/pb/img/common/sortImg1.png);border: none;background-color: transparent;background-repeat: no-repeat;background-position: center center;height: 14px;cursor:pointer;}
|
| 45 | 47 |
.sortBtnAsc{background-image: url(/pb/img/common/sortImgupon.png);border: none;background-color: transparent;background-repeat: no-repeat;background-position: center center;height: 14px;cursor:pointer;}
|
... | ... | @@ -52,7 +54,7 @@ |
| 52 | 54 |
.pageCont .tbType1 tbody tr td input[type="button"].serchBtn{background-image: url(/pb/img/common/serchBtn.png);background-repeat: no-repeat;background-position: center;width: 32px;height: 32px;}
|
| 53 | 55 |
.pageCont .tbType1 tbody tr td input[type="button"].btnType2{border: 1px solid var(--gray-color);color: var(--gray-color);}
|
| 54 | 56 |
.pageCont .tbType1 tbody tr td input[type="button"].btnType2:hover{background-color: #f2f4f7;}
|
| 55 |
-.pageCont .tbType1 tbody tr td button.btnType{min-width: 0; height:30px;font-size:14px;width:auto;padding:0 8px;vertical-align:middle;margin:0 2px;letter-spacing:-1px;font-weight:500;color:#fff;border-radius:3px;}
|
|
| 57 |
+.pageCont .tbType1 tbody tr td button.btnType{min-width: 0; height:30px;font-size:14px;width:auto;padding:0 8px;vertical-align:middle;margin:0 2px;letter-spacing:-1px;font-weight:500;border-radius:3px;}
|
|
| 56 | 58 |
.pageCont .tbType1 tbody tr td button.btnType20{background-color:var(--primary-color);}
|
| 57 | 59 |
.pageCont .tbType1 tbody tr td button.btnType20:last-child {color:var(--gray-color);border:1px solid var(--gray-color);background:#fff;}
|
| 58 | 60 |
.pageCont .tbType1 tbody tr td button.btnType20:hover{background-color:var(--primary-color-hover)}
|
... | ... | @@ -63,6 +65,8 @@ |
| 63 | 65 |
.pageCont .tbType1 tbody tr td button.btnType21:hover{background-color:var(--primary-color-hover)}
|
| 64 | 66 |
.pageCont .tbType1 tbody tr td button.btnType21:last-child {color: #d57b7b;border: 1px solid #fb0f0f;background:#fff;}
|
| 65 | 67 |
.pageCont .tbType1 tbody tr td button.btnType21:last-child:hover{background-color:#f7f2f4}
|
| 68 |
+.pageCont .tbType1 tbody tr td button.btnType.red.line{border:1px solid var(--red-color);color:var(--red-color);}
|
|
| 69 |
+.pageCont .tbType1 tbody tr td button.btnType.red.line:hover{background:var(--red-light-color);}
|
|
| 66 | 70 |
.pageCont .tbType1 tbody tr td .id_box {height:30px;line-height:30px;text-align:left;}
|
| 67 | 71 |
.pageCont .tbType1 tbody tr td .id_box a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:calc(100% - 23px);vertical-align:top;}
|
| 68 | 72 |
.pageCont .tbType1 tbody tr td .id_box:before {content:'';display:inline-block;width:20px;height:20px;margin:6px 3px 0 0;vertical-align:top;}
|
... | ... | @@ -84,11 +88,13 @@ |
| 84 | 88 |
.pageCont .tbType1+.btnWrap{margin-top: -30px;}
|
| 85 | 89 |
.pageCont .tbType1+.page{margin-top: 20px;}
|
| 86 | 90 |
|
| 91 |
+.pageCont .tableWrap:has(>.tbType1)+.btnWrap input[type="button"]{min-width:90px;height:50px;font-size:1.125em;}
|
|
| 92 |
+ |
|
| 87 | 93 |
.pageCont .tbType2{border-top: 2px solid var(--primary-color);width: 100%;table-layout: fixed;text-align: left;}
|
| 88 | 94 |
.pageCont .tbType2:last-child{margin-bottom: 0;}
|
| 89 | 95 |
.pageCont .tbType2 tbody tr{border-bottom: 1px solid #e5e5e5;}
|
| 90 | 96 |
.pageCont .tbType2 tbody tr th{background-color: #f7f7f7;font-size: 1.125em;padding: 20px 10px 20px 25px;color: #222;font-weight: 500;text-align:left}
|
| 91 |
-.pageCont .tbType2 tbody tr td{vertical-align: middle;font-size: 1em;font-weight: 400;color: #555;padding: 8px 0 8px 20px;}
|
|
| 97 |
+.pageCont .tbType2 tbody tr td{vertical-align: middle;font-size: 1em;font-weight: 400;color: #555;line-height:1.4;padding: 8px 0 8px 20px;}
|
|
| 92 | 98 |
.pageCont .tbType2 tbody tr td .imgBox{width: 81%;height: 180px;overflow: hidden;text-align: center;border: 2px dashed #dbdcdf;border-radius: 3px;margin: 10px 0;vertical-align: middle;background-image: url(/pb/img/noImg.png);background-repeat: no-repeat;background-position: center;}
|
| 93 | 99 |
.pageCont .tbType2 tbody tr td input[type="text"]{width: 80%;}
|
| 94 | 100 |
.pageCont .tbType2 tbody tr td input[type="text"].dateInput{width: 8% !important;min-width:5%;margin: 0 3px;}
|
... | ... | @@ -105,7 +111,7 @@ |
| 105 | 111 |
|
| 106 | 112 |
.calBtn{border: none;background-color: transparent;background-image: url(/pb/img/common/calendarIcon.png);background-repeat: no-repeat; width: 25px;height: 25px;vertical-align: middle;margin-left: -38px;margin-top: -2px;cursor: pointer}
|
| 107 | 113 |
.pageCont .tbType2+.btnWrap{margin-bottom: 80px;}
|
| 108 |
-.pageCont .tbType2+.btnWrap input[type="button"]{margin-left: 5px;min-width: 90px;padding: 14.5px 20px; font-size: 1.125em;word-break:keep-all;}
|
|
| 114 |
+.pageCont .tbType2+.btnWrap input[type="button"]{min-width: 90px;min-height:50px;font-size: 1.125em;word-break:keep-all;}
|
|
| 109 | 115 |
|
| 110 | 116 |
.pageCont .tbType3{border-top: 2px solid var(--primary-color);width: 100%;text-align: center;}
|
| 111 | 117 |
.pageCont .tbType3 thead tr{background-color: #edf0f5;border-bottom: 2px solid #e6e6e6;}
|
... | ... | @@ -137,25 +143,25 @@ |
| 137 | 143 |
.chartColor{color: #1ccab8;font-size: 18px;font-weight: 600;}
|
| 138 | 144 |
|
| 139 | 145 |
/*.pageCont .tableWrap+.btnWrap{margin-top: -20px;}*/
|
| 140 |
-.pageCont .btnWrap{margin:40px 0 0 0;height: 45px;}
|
|
| 141 |
-.pageCont .btnWrap input[type="button"]{margin-left: 5px;padding: 14.5px 20px;height: auto;font-weight: 500;font-size: 1em;}
|
|
| 146 |
+.pageCont .btnWrap{display:flex;margin:40px 0 0 0;;gap:8px;}
|
|
| 147 |
+.pageCont .btnWrap.left{justify-content:flex-start;}
|
|
| 148 |
+.pageCont .btnWrap.right{justify-content:flex-end;}
|
|
| 149 |
+.pageCont .btnWrap.center{justify-content:center;}
|
|
| 150 |
+.pageCont .btnWrap input[type="button"]{display:flex;padding: 0 20px;font-weight: 500;font-size: 1em;align-items:center;justify-content:center;}
|
|
| 142 | 151 |
.pageCont .btnWrap .btnType1{background-color: var(--primary-color); float: right;}
|
| 143 | 152 |
.pageCont .btnWrap .btnType1:hover{background-color: var(--primary-color-hover);}
|
| 144 | 153 |
.pageCont .btnWrap .btnType2{border: 1px solid var(--primary-color);color: var(--primary-color);}
|
| 145 |
-.pageCont .btnWrap .btnType2:hover{background-color: #f2f4f7;}
|
|
| 154 |
+.pageCont .btnWrap .btnType2:hover{background-color:var(--primary-light-color);}
|
|
| 146 | 155 |
.pageCont .btnWrap1 {text-align:center; padding:20px 0 0 0;} /* 미니팝업 버튼 영역 추가*/
|
| 147 | 156 |
.pageCont .btnWrap1 .btnType3 {background-color:var(--primary-color); color:#fff; height:45px; border-radius:5px; min-width:70px; margin:0 5px 0 0;} /* 미니팝업 버튼 영역 추가*/
|
| 148 | 157 |
|
| 149 | 158 |
.tbType2 tbody tr td input[type="radio"]+label+label{font-size: 1.125em;font-weight: 400;margin-left: 5px;}
|
| 150 | 159 |
|
| 151 |
-.page{margin: 0 auto 20px auto;width: 100%;text-align: center;position: relative;}
|
|
| 152 |
-.page ul{position: absolute;left: 50%;transform: translateX(-50%);}
|
|
| 153 |
-.page ul li{border: 1px solid #e6e6e6;font-size: 0.875em;color: #555;width: 34px;height: 34px;line-height: 33px;margin-left: -1px;cursor: pointer;}
|
|
| 154 |
-.page ul li strong {display:block;width:100%;height:100%;color:#fff;border:1px solid var(--primary-color);background-color:var(--primary-color)}
|
|
| 155 |
-.page ul li:hover{background-color: var(--primary-color);color: #fff;border-color:var(--primary-color);}
|
|
| 156 |
-.page ul li:first-child{margin-left: 0;border-radius: 5px 0 0 5px;}
|
|
| 157 |
-.page ul li:last-child{border-radius: 0 5px 5px 0;}
|
|
| 158 |
-.page ul li:only-child{border-radius: 5px 5px 5px 5px;}
|
|
| 160 |
+.page{display:flex;margin: 0 auto 20px auto;width: 100%;text-align: center;position: relative;justify-content:center;}
|
|
| 161 |
+.page ul{display:flex;gap:8px;}
|
|
| 162 |
+.page ul li{display:flex;border:0;font-size:1em;color:#444;width: 36px;height: 36px;border-radius:3px;cursor: pointer;align-items:center;justify-content:center;}
|
|
| 163 |
+.page ul li strong {display:flex;width:100%;height:100%;border-radius:3px;color:#fff;border:1px solid var(--primary-color);background-color:var(--primary-color);justify-content:center;align-items:center;}
|
|
| 164 |
+.page ul li:hover{background-color: var(--primary-light-color);color:var(--primary-color);}
|
|
| 159 | 165 |
.page ul li input[type="button"]{border: none;height: 33px;width: 33px;background-color: transparent;background-position: center;background-repeat: no-repeat;}
|
| 160 | 166 |
.pageFirst{background-image: url(/pb/img/common/pageFirst.png)}
|
| 161 | 167 |
.page ul li:hover .pageFirst{background-image: url(/pb/img/common/pageFirstHover.png)}
|
... | ... | @@ -169,10 +175,9 @@ |
| 169 | 175 |
.orgWrap{width: 20%;display: inline-block;margin-right: 2%;vertical-align: top;margin-top: 30px;}
|
| 170 | 176 |
.orgWrap .btnWrap{margin-top: 0;height: 30px}
|
| 171 | 177 |
.orgWrap .btnWrap input[type="button"]{padding: 5px 8px; font-size: 14px;text-align: center;letter-spacing: -1px; float: none;height: auto;width: auto;box-sizing: border-box;}
|
| 172 |
-.orgWrap .btnWrap .btnType1{background-color: var(--gray-color);}
|
|
| 173 |
-.orgWrap .btnWrap .btnType1:hover{background-color:var(--gray-color-hover);;}
|
|
| 174 |
-.orgWrap .btnWrap .btnType2{background-color: #fff;border: 1px solid var(--gray-color);color: var(--gray-color);}
|
|
| 175 |
-.orgWrap .btnWrap .btnType2:hover{background-color:#f2f4f7;}
|
|
| 178 |
+.orgWrap .btnWrap .btnType1{background-color: var(--secondary-color);}
|
|
| 179 |
+.orgWrap .btnWrap .btnType1:hover{background-color:var(--secondary-color-hover);;}
|
|
| 180 |
+.orgWrap .btnWrap .btnType2{background-color: #fff;border: 1px solid var(--secondary-color);color: var(--secondary-color);}
|
|
| 176 | 181 |
.orgCont{width: 100%;min-height: 300px;border: 1px solid #d5d5d5;margin-top: 10px;border-radius: 5px;overflow:auto;}
|
| 177 | 182 |
.tbWrap{width: 77%;display: inline-block;margin-top: 36px;vertical-align: top;}
|
| 178 | 183 |
.tbWrap table tbody input[type="text"]{width: 80%;}
|
... | ... | @@ -182,7 +187,7 @@ |
| 182 | 187 |
.pageCont .tbType1 tbody tr td input[type="button"].editBtn{width: 32px;height: 32px;border-radius: 3px; background-color: var(--gray-color);background-image: url(/pb/img/common/editIcon.png);background-repeat: no-repeat;background-position: center;border: none;padding: 5px;}
|
| 183 | 188 |
.tbTit+p.right.fwMd{margin-bottom: 15px;margin-top: -15px;}
|
| 184 | 189 |
.tbWrap+.btnWrap{text-align: right;}
|
| 185 |
-.tbWrap+.btnWrap input[type="button"]{float: none;padding: 10px 20px;}
|
|
| 190 |
+.tbWrap+.btnWrap input[type="button"]{float: none;padding: 10px 20px;font-size:1.125em;}
|
|
| 186 | 191 |
|
| 187 | 192 |
.galleryListWrap{border-top: 2px solid var(--primary-color);border-bottom: 1px solid #e6e6e6;padding: 40px 0 20px 0;width: 100%;margin: 0 auto;}
|
| 188 | 193 |
.galleryListWrap::before,.galleryListWrap::after,.galleryListWrap+.btnWrap::after,.galleryListWrap ul{clear: both;overflow: hidden}
|
... | ... | @@ -278,6 +283,11 @@ |
| 278 | 283 |
/*운영관리 > 게시글관리 수정*/ |
| 279 | 284 |
.pageTitle .post_tit{padding: 20px 0 9px 0;}
|
| 280 | 285 |
|
| 286 |
+.change_number{margin:20px 0 0 0;}
|
|
| 287 |
+.change_number input{height:32px;}
|
|
| 288 |
+ |
|
| 289 |
+.change_number+.btnWrap input{min-width:90px;height:50px;font-size:1.125em !important;}
|
|
| 290 |
+ |
|
| 281 | 291 |
@media screen and (max-width:1570px){
|
| 282 | 292 |
/* .listSerch .calendar_wrap{margin-bottom: 8px;} */
|
| 283 | 293 |
.listSerch{margin: -8px 0 35px 0;}
|
--- src/main/webapp/pb/css/popup.css
+++ src/main/webapp/pb/css/popup.css
... | ... | @@ -26,10 +26,16 @@ |
| 26 | 26 |
.svList input[type="radio"]+label+label{margin-left: 5px;vertical-align:unset;}
|
| 27 | 27 |
.svList textarea{width: 100%;height: 70px;border-radius: 0;}
|
| 28 | 28 |
.svList input[type="checkbox"]+label+label{margin-left: 5px;vertical-align:unset;}
|
| 29 |
-/* .chartType1{width: 100%;height: 200px;background-color: #aaa;}
|
|
| 30 |
-.chartType2{width: 80%;height: 15px;display: inline-block;background-color: #e8e8e8;border-radius: 8px;vertical-align: middle;margin-top: -20px;overflow: hidden;}
|
|
| 31 |
-.chartType2+p{display: inline-block;vertical-align: middle;margin-top: -10px}
|
|
| 32 |
-.rsuValue{width: 80%;height: 100%;background-color: #ffa632} */
|
|
| 29 |
+ |
|
| 30 |
+.window_popup .tableWrap input[type="text"]{height:30px;}
|
|
| 31 |
+ |
|
| 32 |
+ |
|
| 33 |
+/* 기업회원 신청 정보 */ |
|
| 34 |
+.company_info_popup{position:relative;width:100%;top:0;left:0;}
|
|
| 35 |
+.company_info_popup::after{display:none;}
|
|
| 36 |
+ |
|
| 37 |
+.company_info_popup .tbType1{margin:16px 0 0 0;}
|
|
| 38 |
+.company_info_popup .tbType1 input[type="text"]{width:100%;box-sizing:border-box;}
|
|
| 33 | 39 |
|
| 34 | 40 |
|
| 35 | 41 |
/* 반응형 */ |
--- src/main/webapp/pb/css/style.css
+++ src/main/webapp/pb/css/style.css
... | ... | @@ -3,15 +3,17 @@ |
| 3 | 3 |
:root{
|
| 4 | 4 |
--primary-color:#3EB5F1; |
| 5 | 5 |
--primary-color-hover:#179ADB; |
| 6 |
+--primary-light-color:#EFFAFF; |
|
| 6 | 7 |
|
| 7 |
---secondary-color:#F86A3C; |
|
| 8 |
---secondary-color-hover:#DF5F36; |
|
| 8 |
+--secondary-color:#517AFF; |
|
| 9 |
+--secondary-color-hover:#3B61DB; |
|
| 9 | 10 |
|
| 10 | 11 |
--accent-color:#F86A3C; |
| 11 | 12 |
--accent-color-hover:#DF5F36; |
| 12 | 13 |
|
| 13 | 14 |
--red-color:#e81717; |
| 14 | 15 |
--red-color-hover:#d11515; |
| 16 |
+--red-light-color:#FFF0F0; |
|
| 15 | 17 |
|
| 16 | 18 |
--green-color:#289C77; |
| 17 | 19 |
--green-color-hover:#067b14; |
... | ... | @@ -79,9 +81,14 @@ |
| 79 | 81 |
/* ========================================================================== |
| 80 | 82 |
버튼 및 유틸리티 |
| 81 | 83 |
========================================================================== */ |
| 84 |
+ |
|
| 85 |
+.form_wrap,.form_wrap .left,.form_wrap .right,.form_wrap .center{display:flex;justify-content:space-between;align-items:center;gap:8px;}
|
|
| 86 |
+.form_wrap.left,.form_wrap .left{justify-content:flex-start;}
|
|
| 87 |
+.form_wrap.center,.form_wrap .center{justify-content:center;}
|
|
| 88 |
+.form_wrap.right,.form_wrap .right{justify-content:flex-end;}
|
|
| 82 | 89 |
|
| 83 | 90 |
/* 기본 버튼 스타일 */ |
| 84 |
-.btnType{min-width:70px;height:42px;background:#888;color:#fff;font-size:16px;border-radius:5px;margin:0 2px;transition:all 0.3s;}
|
|
| 91 |
+.btnType{min-width:70px;height:42px;background:#888;color:#fff;font-size:16px;border-radius:3px;margin:0 2px;transition:all 0.3s;}
|
|
| 85 | 92 |
.btnType:first-child{margin:0 2px 0 0;}
|
| 86 | 93 |
.btnType:last-child{margin:0 0 0 2px;}
|
| 87 | 94 |
|
... | ... | @@ -91,23 +98,37 @@ |
| 91 | 98 |
.btnType.redfill{background-color:var(--red-color);}
|
| 92 | 99 |
.btnType.redbor{background-color:#fff;border:1px solid var(--red-color);color:var(--red-color);}
|
| 93 | 100 |
|
| 101 |
+.btnType.fill{border:0;}
|
|
| 94 | 102 |
.btnType.fill.primary{background:var(--primary-color);color:#fff;}
|
| 95 | 103 |
.btnType.fill.secondary{background:var(--secondary-color);color:#fff;}
|
| 96 | 104 |
.btnType.fill.accent{background:var(--accent-color);color:#fff;}
|
| 97 | 105 |
.btnType.fill.gray{background:var(--gray-color);color:#fff;}
|
| 98 | 106 |
.btnType.fill.red{background:var(--red-color);color:#fff;}
|
| 99 | 107 |
|
| 108 |
+.btnType.fill.primary:hover{background:var(--primary-color-hover);color:#fff;}
|
|
| 109 |
+.btnType.fill.secondary:hover{background:var(--secondary-color-hover);color:#fff;}
|
|
| 110 |
+.btnType.fill.accent:hover{background:var(--accent-color-hover);color:#fff;}
|
|
| 111 |
+.btnType.fill.gray:hover{background:var(--gray-color-hover);color:#fff;}
|
|
| 112 |
+.btnType.fill.red:hover{background:var(--red-color-hover);color:#fff;}
|
|
| 113 |
+ |
|
| 114 |
+.btnType.line{background:#fff;}
|
|
| 100 | 115 |
.btnType.line.primary{border:1px solid var(--primary-color);color:var(--primary-color);}
|
| 101 | 116 |
.btnType.line.secondary{border:1px solid var(--secondary-color);color:var(--secondary-color);}
|
| 102 | 117 |
.btnType.line.accent{border:1px solid var(--accent-color);color:var(--accent-color);}
|
| 103 | 118 |
.btnType.line.gray{border:1px solid var(--gray-color);color:var(--gray-color);}
|
| 104 | 119 |
.btnType.line.red{border:1px solid var(--red-color);color:var(--red-color);}
|
| 105 | 120 |
|
| 121 |
+.btnType.line.primary:hover{border:1px solid var(--primary-light-color);color:var(--primary-color);}
|
|
| 122 |
+.btnType.line.secondary:hover{border:1px solid var(--secondary-light-color);color:var(--secondary-color);}
|
|
| 123 |
+.btnType.line.accent:hover{border:1px solid var(--accent-light-color);color:var(--accent-color);}
|
|
| 124 |
+.btnType.line.gray:hover{border:1px solid var(--gray-light-color);color:var(--gray-color);}
|
|
| 125 |
+.btnType.line.red:hover{border:1px solid var(--red-light-color);color:var(--red-color);}
|
|
| 126 |
+ |
|
| 106 | 127 |
.btnType.tiny{height:26px;}
|
| 107 | 128 |
.btnType.small{height:32px;}
|
| 108 | 129 |
.btnType.regular{height:40px;}
|
| 109 | 130 |
.btnType.medium{height:44px;}
|
| 110 |
-.btnType.large{height:48px;}
|
|
| 131 |
+.btnType.large{height:50px;}
|
|
| 111 | 132 |
.btnType.xlarge{height:56px;}
|
| 112 | 133 |
|
| 113 | 134 |
/* 배경색 유틸리티 */ |
--- src/main/webapp/publish/testcss/css/sample.css
+++ src/main/webapp/publish/testcss/css/sample.css
... | ... | @@ -1,3 +1,89 @@ |
| 1 |
+@charset "utf-8"; |
|
| 2 |
+ |
|
| 3 |
+:root{
|
|
| 4 |
+--primary-color:#3EB5F1; |
|
| 5 |
+--primary-color-hover:#179ADB; |
|
| 6 |
+--primary-light-color:#EFFAFF; |
|
| 7 |
+ |
|
| 8 |
+--secondary-color:#F86A3C; |
|
| 9 |
+--secondary-color-hover:#DF5F36; |
|
| 10 |
+ |
|
| 11 |
+--accent-color:#F86A3C; |
|
| 12 |
+--accent-color-hover:#DF5F36; |
|
| 13 |
+ |
|
| 14 |
+--red-color:#e81717; |
|
| 15 |
+--red-color-hover:#d11515; |
|
| 16 |
+--red-light-color:#FFF0F0; |
|
| 17 |
+ |
|
| 18 |
+--green-color:#289C77; |
|
| 19 |
+--green-color-hover:#067b14; |
|
| 20 |
+ |
|
| 21 |
+--gray-color:#939EA7; |
|
| 22 |
+--gray-color-hover:#7B868F; |
|
| 23 |
+ |
|
| 24 |
+--disable-fill-bg-color:#EAEBEF; |
|
| 25 |
+--disable-fill-line-color:#D3D7DE; |
|
| 26 |
+--disable-fill-text-color:#8D9098; |
|
| 27 |
+ |
|
| 28 |
+--default-line-color:#d3d7de; |
|
| 29 |
+--disable-line-bg-color:#F5F6F7; |
|
| 30 |
+--disable-line-border-color:#eaebef; |
|
| 31 |
+--disable-line-text-color:#bcc0ca; |
|
| 32 |
+ |
|
| 33 |
+/* Font Families */ |
|
| 34 |
+--primary-title-font:"Pretendard Variable",sans-serif; |
|
| 35 |
+--secondary-title-font:'Gmarket Sans TTF'; |
|
| 36 |
+ |
|
| 37 |
+/* Font Sizes */ |
|
| 38 |
+--fs-44:2.750em; |
|
| 39 |
+--fs-24:1.500em; |
|
| 40 |
+--fs-22:1.375em; |
|
| 41 |
+--fs-19:1.188em; |
|
| 42 |
+--fs-18:1.125em; |
|
| 43 |
+--fs-16:1em; |
|
| 44 |
+--fs-14:0.875em; |
|
| 45 |
+--fs-13:0.813em; |
|
| 46 |
+} |
|
| 47 |
+ |
|
| 48 |
+ |
|
| 49 |
+/* 버튼 */ |
|
| 50 |
+ |
|
| 51 |
+.btn_wrap{display:flex;margin:20px 0 0 0;justify-content:center;align-items:center;gap:8px;}
|
|
| 52 |
+.btn_wrap button {height:35px;padding:0 20px;font-size:16px;line-height:35px;text-align:center;color:#fff;background:var(--primary-color);border-radius:5px;}
|
|
| 53 |
+ |
|
| 54 |
+.btnType.bluefill{background-color:var(--primary-color);}
|
|
| 55 |
+.btnType.bluebor{background-color:#fff;border:1px solid var(--primary-color);color:var(--primary-color);}
|
|
| 56 |
+.btnType.redfill{background-color:var(--red-color);}
|
|
| 57 |
+.btnType.redbor{background-color:#fff;border:1px solid var(--red-color);color:var(--red-color);}
|
|
| 58 |
+ |
|
| 59 |
+.btnType.fill{border:0;}
|
|
| 60 |
+.btnType.fill.primary{background:var(--primary-color);color:#fff;}
|
|
| 61 |
+.btnType.fill.secondary{background:var(--secondary-color);color:#fff;}
|
|
| 62 |
+.btnType.fill.accent{background:var(--accent-color);color:#fff;}
|
|
| 63 |
+.btnType.fill.gray{background:var(--gray-color);color:#fff;}
|
|
| 64 |
+.btnType.fill.red{background:var(--red-color);color:#fff;}
|
|
| 65 |
+ |
|
| 66 |
+.btnType.fill.primary:hover{background:var(--primary-color-hover);color:#fff;}
|
|
| 67 |
+.btnType.fill.secondary:hover{background:var(--secondary-color-hover);color:#fff;}
|
|
| 68 |
+.btnType.fill.accent:hover{background:var(--accent-color-hover);color:#fff;}
|
|
| 69 |
+.btnType.fill.gray:hover{background:var(--gray-color-hover);color:#fff;}
|
|
| 70 |
+.btnType.fill.red:hover{background:var(--red-color-hover);color:#fff;}
|
|
| 71 |
+ |
|
| 72 |
+.btnType.line{background:#fff;}
|
|
| 73 |
+.btnType.line.primary{border:1px solid var(--primary-color);color:var(--primary-color);}
|
|
| 74 |
+.btnType.line.secondary{border:1px solid var(--secondary-color);color:var(--secondary-color);}
|
|
| 75 |
+.btnType.line.accent{border:1px solid var(--accent-color);color:var(--accent-color);}
|
|
| 76 |
+.btnType.line.gray{border:1px solid var(--gray-color);color:var(--gray-color);}
|
|
| 77 |
+.btnType.line.red{border:1px solid var(--red-color);color:var(--red-color);}
|
|
| 78 |
+ |
|
| 79 |
+.btnType.tiny{height:26px;}
|
|
| 80 |
+.btnType.small{height:32px;}
|
|
| 81 |
+.btnType.regular{height:40px;}
|
|
| 82 |
+.btnType.medium{height:44px;}
|
|
| 83 |
+.btnType.large{height:48px;}
|
|
| 84 |
+.btnType.xlarge{height:56px;}
|
|
| 85 |
+ |
|
| 86 |
+ |
|
| 1 | 87 |
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],select{height:30px;border:1px solid #dbdcdf;vertical-align:middle;color:#555;font-weight:500;padding:0 20px 0 9px;border-radius:3px;box-sizing:border-box;}
|
| 2 | 88 |
input[type="text"]:read-only,input[type="number"]:read-only,input[type="tel"]:read-only,input[type="email"]:read-only,input[type="password"]:read-only{background:#f5f5f5;}
|
| 3 | 89 |
select{width:100%;padding-right:40px;background-image: url(/pb/img/common/selectIcon.png);background-repeat:no-repeat;background-position:93% center;}
|
... | ... | @@ -91,6 +177,7 @@ |
| 91 | 177 |
.layer_popup .layer_content .button_box {margin:20px 0 0;text-align:center;}
|
| 92 | 178 |
.layer_popup .layer_content .button_box button {height:35px;padding:0 20px;font-size:16px;line-height:35px;text-align:center;color:#fff;background:var(--primary-color);border-radius:5px;}
|
| 93 | 179 |
|
| 180 |
+ |
|
| 94 | 181 |
.layer_popup .layer_content .fileWrap table thead tr th{background-color: #f7f7f7;font-size: 1.125em;padding: 20px 10px 20px 25px;color: #222;font-weight: 500;text-align:left}
|
| 95 | 182 |
.layer_popup .layer_content .fileWrap table tbody tr td{vertical-align: middle;font-size: 1em;font-weight: 400;color: #555;padding: 8px 0 8px 20px;}
|
| 96 | 183 |
.layer_popup .layer_content .fileWrap{width:100%;border: 1px solid #dbdcdf;border-radius: 3px;overflow: hidden;margin: 10px 0 5px 0;min-height: 160px;background-image: url(/pb/img/fileBg.png);background-repeat: no-repeat;background-position: center 62%}
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?