정수빈
04-22
관리자페이지 기본 스타일 수정
@bfbbc9998af50f356bc253507162acc09ac496b9
--- src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovGnrlUserSelectUpdt.jsp
+++ src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovGnrlUserSelectUpdt.jsp
... | ... | @@ -32,10 +32,12 @@ |
| 32 | 32 |
<head> |
| 33 | 33 |
<meta http-equiv="Content-Language" content="ko" > |
| 34 | 34 |
<title>사용자 수정</title> |
| 35 |
+<link rel="stylesheet" href="/pb/css/style.css"> |
|
| 35 | 36 |
<link rel="stylesheet" href="/publish/testcss/css/reset.css"> |
| 36 | 37 |
<link rel="stylesheet" href="/publish/testcss/css/font.css"> |
| 37 | 38 |
<link rel="stylesheet" href="/publish/testcss/css/sample.css"> |
| 38 | 39 |
|
| 40 |
+ |
|
| 39 | 41 |
<style> |
| 40 | 42 |
tbody tr td.sms_detail {overflow:inherit;text-overflow:inherit;position:relative;}
|
| 41 | 43 |
tbody tr td.sms_detail p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
--- src/main/webapp/WEB-INF/jsp/layout/adminLayout.jsp
+++ src/main/webapp/WEB-INF/jsp/layout/adminLayout.jsp
... | ... | @@ -12,6 +12,7 @@ |
| 12 | 12 |
<link rel="stylesheet" href="/pb/css/common.css"> |
| 13 | 13 |
<link rel="stylesheet" href="/pb/css/content.css?date=202301160001"> |
| 14 | 14 |
<link rel="stylesheet" href="/pb/css/popup.css"> |
| 15 |
+ <!-- <link rel="stylesheet" href="/pb/css/popup.css"> --> |
|
| 15 | 16 |
<script src="/pb/js/jquery-3.5.0.js"></script> |
| 16 | 17 |
<script src="/pb/js/common.js"></script> |
| 17 | 18 |
<link rel="icon" href="data:;base64,iVBORw0KGgo="> |
--- src/main/webapp/WEB-INF/jsp/layout/popLayout.jsp
+++ src/main/webapp/WEB-INF/jsp/layout/popLayout.jsp
... | ... | @@ -14,6 +14,7 @@ |
| 14 | 14 |
<link rel="stylesheet" href="/pb/css/popup.css"> |
| 15 | 15 |
<script src="/publish/js/jquery-3.5.0.js"></script> |
| 16 | 16 |
<script src="/publish/js/common.js"></script> |
| 17 |
+ |
|
| 17 | 18 |
</head> |
| 18 | 19 |
<script type="text/javascript" src="<c:url value='/js/EgovCmmUtl.js'/>" ></script> |
| 19 | 20 |
<script src="/js/ncms_common.js"></script> |
--- src/main/webapp/WEB-INF/jsp/main/EgovMainView.jsp
+++ src/main/webapp/WEB-INF/jsp/main/EgovMainView.jsp
... | ... | @@ -27,6 +27,9 @@ |
| 27 | 27 |
|
| 28 | 28 |
<title>N-CMS</title> |
| 29 | 29 |
|
| 30 |
+ |
|
| 31 |
+ <link rel="stylesheet" href="/pb/css/dashboard.css"> |
|
| 32 |
+ |
|
| 30 | 33 |
<script src="<c:url value='/js/jquery.js' />"></script> |
| 31 | 34 |
<script src="<c:url value='/js/Chart.js' />"></script> |
| 32 | 35 |
<script src="<c:url value='/js/new_main.js' />"></script> |
--- src/main/webapp/WEB-INF/jsp/uat/uia/EgovLoginUsr.jsp
+++ src/main/webapp/WEB-INF/jsp/uat/uia/EgovLoginUsr.jsp
... | ... | @@ -24,6 +24,7 @@ |
| 24 | 24 |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| 25 | 25 |
<title>로그인</title> |
| 26 | 26 |
<link href="/css/post.css?ver=1" rel="stylesheet" > |
| 27 |
+<link rel="stylesheet" href="/pb/css/reset.css" /> |
|
| 27 | 28 |
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> |
| 28 | 29 |
<script type="text/javascript" src="/js/new_login.js"></script> |
| 29 | 30 |
<!-- 암화화 순서에 유의 --> |
... | ... | @@ -361,7 +362,7 @@ |
| 361 | 362 |
<input type="checkbox" id="checkId" name="checkId"><label for="checkId">아이디저장</label> 아이디저장 |
| 362 | 363 |
</div> |
| 363 | 364 |
<div class="submit_box"><input type="submit" value="로그인" class="submit" id="login_submit" onclick="javascript:actionLogin();return false;" ></div> |
| 364 |
- <div class="copyright"><span class="copy_text">Copyright 문자온 Co.,Ltd. All Rights Reserved.</span></div> |
|
| 365 |
+ <div class="copyright"><span class="copy_text">Copyright 문자고 Co.,Ltd. All Rights Reserved.</span></div> |
|
| 365 | 366 |
</div> |
| 366 | 367 |
</div> |
| 367 | 368 |
</div> |
--- src/main/webapp/WEB-INF/jsp/uss/ion/msg/SendMsgList.jsp
+++ src/main/webapp/WEB-INF/jsp/uss/ion/msg/SendMsgList.jsp
... | ... | @@ -733,7 +733,7 @@ |
| 733 | 733 |
<td <c:if test="${result.smishingYn eq 'Y'}">class="smishing"</c:if><c:if test="${result.smishingYn eq 'N'}"></c:if>><!-- 발신번호 -->
|
| 734 | 734 |
<c:choose> |
| 735 | 735 |
<c:when test="${result.adminSmsNoticeYn eq 'Y'}">
|
| 736 |
- <input type="button" style="margin-left:3px;margin-right:0;vertical-align:top;color:#ffffff !important;" class="btnType1" onclick="setSmsNoticeUpdate('<c:out value="${result.userId}"/>', 'N'); return false;" value="온" />
|
|
| 736 |
+ <input type="button" style="min-width:30px;margin:0;color:#ffffff !important;" class="btnType1" onclick="setSmsNoticeUpdate('<c:out value="${result.userId}"/>', 'N'); return false;" value="온" />
|
|
| 737 | 737 |
</c:when> |
| 738 | 738 |
<c:when test="${result.adminSmsNoticeYn eq 'N'}">
|
| 739 | 739 |
오프 |
--- src/main/webapp/css/post.css
+++ src/main/webapp/css/post.css
... | ... | @@ -1012,17 +1012,17 @@ |
| 1012 | 1012 |
|
| 1013 | 1013 |
/* 새 로그인 */ |
| 1014 | 1014 |
|
| 1015 |
-.login_all_wrap {max-width:1920px;width:100%;height:100vh;padding:0 23%;font-family:'NanumSquare',sans-serif;background: url(/img/post/main_bg01.jpg) no-repeat center center;background-size:cover;box-sizing:border-box;}
|
|
| 1015 |
+.login_all_wrap {max-width:1920px;width:100%;height:100vh;padding:0 23%;background:#EDF0F5;box-sizing:border-box;}
|
|
| 1016 | 1016 |
.login_wrap {overflow:hidden;position:relative;top:50%;left:50%;display:flex;min-width:900px;height:625px;background-color: #fff;border-radius:50px;box-shadow:2px 3px 20px 0px rgba(0, 0, 0, 0.3);transform:translate(-50%,-50%);}
|
| 1017 | 1017 |
.login_left_box {overflow:hidden;position:relative;width:50%;height:100%;background:url(/img/post/login_left_bg2.png) no-repeat;background-size:cover;}
|
| 1018 |
-.login_left_box img {position:absolute;top:36%;left:29%;}
|
|
| 1018 |
+.login_left_box img {position:absolute;top:50%;left:29%;transform:translateY(-50%);}
|
|
| 1019 | 1019 |
.login_right_box {position:relative;display:flex;width:50%;height:100%;padding:0 8.5%;align-items:center;background-color:#fff;box-sizing:border-box;}
|
| 1020 | 1020 |
.login_right_box .content {width:100%;margin:-10% 0 0;}
|
| 1021 | 1021 |
.login_right_box .title {padding:0 0 28px;font-size:32px;font-weight:800;color:#000;}
|
| 1022 |
-.id_box p , .pw_box p {margin:18px 0 5px;font-size:16px;font-weight:700;color:#999;}
|
|
| 1022 |
+.id_box p , .pw_box p {margin:18px 0 5px;font-size:16px;font-weight:700;color:#999;;}
|
|
| 1023 | 1023 |
.id_box input , .pw_box input {width:100%;height:45px;padding:0 15px;font-size:14px;border:1px solid #e5e5e5;background:#f4f4f4;border-radius:5px;box-sizing:border-box;}
|
| 1024 |
-.saveId {margin:30px 0 35px;font-size:16px;color:#000;}
|
|
| 1025 |
-.submit_box input {display:block;width:180px;height:50px;font-size:20px;font-weight:bold;color:#fff;border:0 none;background:#345de0;border-radius:5px;cursor:pointer;}
|
|
| 1024 |
+.saveId {display:flex;margin:30px 0 35px;font-size:16px;color:#444;align-items:center;gap:8px;}
|
|
| 1025 |
+.submit_box input {display:block;width:100%;height:50px;font-size:20px;font-weight:bold;color:#fff;border:0 none;background:#179ADB;border-radius:5px;cursor:pointer;}
|
|
| 1026 | 1026 |
.copyright{position:absolute;left:17%;bottom:40px;font-family:'Noto Sans KR', sans-serif;font-size:13px;color:#666;}
|
| 1027 | 1027 |
|
| 1028 | 1028 |
.sign_box{
|
--- src/main/webapp/img/adminLogo2.png
+++ src/main/webapp/img/adminLogo2.png
| Binary file is not shown |
--- src/main/webapp/img/adminLogo3.png
+++ src/main/webapp/img/adminLogo3.png
| Binary file is not shown |
--- src/main/webapp/img/post/login_left_bg2.png
+++ src/main/webapp/img/post/login_left_bg2.png
| Binary file is not shown |
--- src/main/webapp/pb/css/common.css
+++ src/main/webapp/pb/css/common.css
... | ... | @@ -1,14 +1,14 @@ |
| 1 |
-@import url('/css/font-sans.css');
|
|
| 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:#e7ebf1;}
|
|
| 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;}
|
|
| 5 | 5 |
|
| 6 | 6 |
.inline li{float: left;}
|
| 7 | 7 |
#wrap {position:relative;padding:70px 0 0;}
|
| 8 | 8 |
/* header */ |
| 9 | 9 |
header{width: 100%;height: 70px;vertical-align: middle;box-shadow: 0 1px 4px 2px rgba(0,0,0,0.1);position: absolute;top: 0;left: 0;z-index: 2;background-color:#fff;}
|
| 10 | 10 |
header h1,.topRight{float: left;vertical-align: top;}
|
| 11 |
-header h1{background-color: #456ded;max-width: 240px; width: 100%; height: 100%; text-align: center;}
|
|
| 11 |
+header h1{background-color: #fff;display:flex;max-width: 240px; width: 100%; height: 100%; text-align: center;justify-content:center;align-items:center;}
|
|
| 12 | 12 |
header h1 img{margin: 10px;}
|
| 13 | 13 |
|
| 14 | 14 |
header input[type="button"]{background-repeat: no-repeat;border: none;background-color: transparent;}
|
... | ... | @@ -28,7 +28,7 @@ |
| 28 | 28 |
.favoriteBtn:hover,.favoriteBtn:active{background-image: url(/pb/img/common/topFavoriteColor.png)}
|
| 29 | 29 |
|
| 30 | 30 |
header .infoWrap{position: absolute;right: 0;}
|
| 31 |
-.infoWrap>ul{background-color: #f3f4f7;box-shadow: inset 0.5px 0.9px 3px 0 rgba(0,0,0,0.1);border-radius: 17px;width: 280px;margin: 15px 30px 15px 0;padding: 9px 0;text-align: center;}
|
|
| 31 |
+.infoWrap>ul{background-color: #f3f4f7;box-shadow: inset 0.5px 0.9px 3px 0 rgba(0,0,0,0.1);border-radius: 17px;width: 275px;margin: 15px 30px 15px 0;padding: 9px 0;text-align: center;}
|
|
| 32 | 32 |
.infoWrap>ul>li{margin-left: 15px;}
|
| 33 | 33 |
.infoWrap>ul>li:first-child{margin-left: 25px;}
|
| 34 | 34 |
.infoWrap>ul>li>*{vertical-align: middle;display: inline-block;font-size: 0.8125em;color: #666;}
|
... | ... | @@ -44,22 +44,20 @@ |
| 44 | 44 |
/* //header */ |
| 45 | 45 |
|
| 46 | 46 |
/* leftMenu */ |
| 47 |
-.leftMenu{max-width: 240px;width: 100%;/*height: 100vh;*/min-height: 986px; background-color: #343742;display: inline-block;position: absolute;top: 70px;left: 0;z-index:1;}
|
|
| 48 |
-.leftMenu>ul>li{color: #9b9da7;display: table;height: 50px;line-height: 50px;padding-left: 39px; position: relative;width: 100%;font-size: 15px;border-bottom: 1px solid #3c3f49;cursor:pointer;position:relative;}
|
|
| 49 |
-.leftMenu>ul>li:hover{background-color: #2e3037;color: #afbeee;}
|
|
| 50 |
-.leftMenu>ul>li *{display: inline-block;vertical-align: middle;font-size: 15px;font-weight: 500;}
|
|
| 51 |
-.leftMenu>ul>li>img{position:absolute;left:10px;top:19px;}
|
|
| 52 |
-.leftMenu ul>li>input[type="button"]{border: none;background-color: transparent;background-image: url(/pb/img/common/leftMenuGo.png);background-repeat: no-repeat;float: right;margin: 20px 10px 0 0}
|
|
| 53 |
-.leftMenu ul li.menuOn{background-color: #2e3037;}
|
|
| 54 |
-.leftMenu ul li.menuOn p{color: #afbeee;}
|
|
| 55 |
-.leftMenu ul li.menuOn input[type="button"]{background-image: url(/pb/img/common/leftMenuDown.png);margin-top: 23px}
|
|
| 56 |
-.leftMenu ul li.menuOn:hover ul.subMenu li{color: #9b9da7}
|
|
| 47 |
+.leftMenu{max-width: 240px;width: 100%;/*height: 100vh;*/min-height: 986px; background-color: #0D488B;display: inline-block;position: absolute;top: 70px;left: 0;z-index:1;}
|
|
| 48 |
+.leftMenu>ul>li{color: #BFC0C6;display: table;height: 50px;line-height: 50px;padding:0 0 0 20px; position: relative;width: 100%;font-size: 15px;border-bottom: 1px solid #405C9E;cursor:pointer;position:relative;}
|
|
| 49 |
+.leftMenu>ul>li:hover,.leftMenu ul li.menuOn{background:#043E7F;}
|
|
| 50 |
+.leftMenu>ul>li:hover p{color: #66B8D5;}
|
|
| 51 |
+.leftMenu>ul .menu_title{display:flex;padding:0 15px 0 0;justify-content:space-between;align-items:center;}
|
|
| 52 |
+.leftMenu>ul .menu_title i{display:inline-block;width:24px;height:24px;background:url(/pb/img/common/leftMenuGo.png) no-repeat center;}
|
|
| 53 |
+.leftMenu ul li.menuOn p{color: #66B8D5;}
|
|
| 54 |
+.leftMenu>ul li.menuOn .menu_title i{background:url(/pb/img/common/leftMenuDown.png) no-repeat center;}
|
|
| 57 | 55 |
.leftMenu .subMenu{display: none;padding: 0 0 10px 0;width: 100%;margin-left: -10px;}
|
| 58 | 56 |
.leftMenu ul li.menuOn .subMenu{display: block;}
|
| 59 |
-.leftMenu .subMenu li{display: block;padding-left: 10px;height: auto;height: 32px;line-height: 31px;width: 105%}
|
|
| 60 |
-.leftMenu .subMenu li:hover{background-color: #292b31;}
|
|
| 57 |
+.leftMenu .subMenu li{display: block;width:100%;padding-left: 10px;height: auto;height: 32px;line-height: 31px;}
|
|
| 58 |
+.leftMenu .subMenu li:hover{background-color: #04356C;}
|
|
| 61 | 59 |
.leftMenu .subMenu li a{font-size: 14px;}
|
| 62 |
-.leftMenu .subMenu li:hover a{color: #afbeee;}
|
|
| 60 |
+.leftMenu .subMenu li:hover a{color: #66B8D5;}
|
|
| 63 | 61 |
.leftMenu .btnWrap{margin: 25px 0 0 10px;}
|
| 64 | 62 |
.leftMenu .btnWrap ul li{margin-bottom: 8px;}
|
| 65 | 63 |
.leftMenu .btnWrap button{background-color: #fff;border: none;width: 210px;height: 50px;text-align: left;border-radius: 5px;padding-left: 15px;cursor: pointer;}
|
... | ... | @@ -75,12 +73,12 @@ |
| 75 | 73 |
input[type="radio"]{display: none;}
|
| 76 | 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;}
|
| 77 | 75 |
input[type="radio"]+label+label{vertical-align: middle;margin-right: 15px;}
|
| 78 |
-input[type="radio"]:checked+label{border: 1px solid #456ded;position: relative;}
|
|
| 79 |
-input[type="radio"]:checked+label::after{position: absolute;content: "";width: 10px;height: 10px;background-color: #456ded;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%);}
|
|
| 80 | 78 |
|
| 81 | 79 |
input[type="checkbox"]{display: none;}
|
| 82 | 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;}
|
| 83 |
-input[type="checkbox"]:checked+label{border: 1px solid #456ded;background-color: #456ded;position: relative;}
|
|
| 81 |
+input[type="checkbox"]:checked+label{border: 1px solid --var(--primary-color);background-color: --var(--primary-color);position: relative;}
|
|
| 84 | 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%)}
|
| 85 | 83 |
|
| 86 | 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}
|
... | ... | @@ -103,6 +101,99 @@ |
| 103 | 101 |
.calendar_wrap .calendar_box .calBtn{position:absolute;right:5px;top:7px;width:25px;height:25px;margin:0;border:none;background-color:transparent !important;background-image:url(/pb/img/common/calendarIcon.png);background-repeat:no-repeat;vertical-align:middle;cursor:pointer;}
|
| 104 | 102 |
.calendar_wrap .line {display:inline-block;letter-spacing:0;}
|
| 105 | 103 |
|
| 104 |
+ |
|
| 105 |
+/* @media screen and (max-width:1400px){
|
|
| 106 |
+ header h1{max-width: 200px;}
|
|
| 107 |
+ header .topRight{width: 78%;}
|
|
| 108 |
+ .leftMenu{max-width: 200px;}
|
|
| 109 |
+ div.contWrap{left: 200px;}
|
|
| 110 |
+ .leftMenu .btnWrap{margin: 25px 0 0 8px;}
|
|
| 111 |
+ .leftMenu .btnWrap button{width: 180px;padding-left: 9px}
|
|
| 112 |
+ .leftMenu .btnWrap button *{letter-spacing: -1px;}
|
|
| 113 |
+ .leftMenu .btnWrap button img{padding-right: 3px}
|
|
| 114 |
+} |
|
| 115 |
+ |
|
| 116 |
+@media screen and (max-width:1280px){
|
|
| 117 |
+ header .infoWrap{right:-8%;}
|
|
| 118 |
+} |
|
| 119 |
+ |
|
| 120 |
+@media screen and (max-width:1100px){
|
|
| 121 |
+ header{background-color: --var(--primary-color);}
|
|
| 122 |
+ header h1,header .topRight{background-color: transparent;}
|
|
| 123 |
+ header h1{max-width: 10%;}
|
|
| 124 |
+ header .topRight{width: 87%;}
|
|
| 125 |
+ header .allMenu.mMenuClose{background-image: url(/pb/img/common/leftMenuClose.png);margin: 21px 0;}
|
|
| 126 |
+ header .topRight ul:nth-child(2) li:first-child,header .topRight ul:nth-child(2) li:nth-child(2),header .topRight .infoWrap ul:first-child{display: none;}
|
|
| 127 |
+ header .allMenu{background-image: url(/pb/img/common/mTopMenuIcon.png);width: 38px;height: 27px;right: 0;left: auto}
|
|
| 128 |
+ .topRight>ul:nth-child(2){left: auto;right: 11%;}
|
|
| 129 |
+ .topRight>ul:nth-child(2) li{background-color: #6a8af1;}
|
|
| 130 |
+ .topRight>ul:nth-child(2) li input[type="button"]{width: 22px;height:
|
|
| 131 |
+ 22px;background-size: 22px;left: 21%;} |
|
| 132 |
+ .quickSiteBtn{background-image: url(/pb/img/common/topPcWhite.png);}
|
|
| 133 |
+ .favoriteBtn{background-image: url(/pb/img/common/topFavoriteWhite.png);}
|
|
| 134 |
+ header .infoWrap{right: 4%;}
|
|
| 135 |
+ .pfImg{position: absolute;right: 5%;float: none;}
|
|
| 136 |
+ .leftMenu{display: none;}
|
|
| 137 |
+ .leftMenu.mMenuOn{display: block;right: 0;left: auto;z-index: 1;max-width: 243px;}
|
|
| 138 |
+} |
|
| 139 |
+ |
|
| 140 |
+@media screen and (max-width: 787px){
|
|
| 141 |
+ header{z-index: 2;}
|
|
| 142 |
+ header h1{max-width: 17%;}
|
|
| 143 |
+ header .topRight{width: 78%;}
|
|
| 144 |
+ .topRight>ul:nth-child(2){left: auto;right: 12%}
|
|
| 145 |
+ header .infoWrap{right: 7%;}
|
|
| 146 |
+ .topRight>ul:nth-child(2){left: auto;right: 19.5%;}
|
|
| 147 |
+ |
|
| 148 |
+ .leftMenu .btnWrap button{width: 96%;height: 70px;}
|
|
| 149 |
+ .leftMenu .btnWrap button *{font-size: 1.125em;}
|
|
| 150 |
+ .leftMenu>ul{overflow-y: scroll;height: 66%;overflow-x: hidden;}
|
|
| 151 |
+ .leftMenu>ul>li{height: 70px;line-height: 70px;}
|
|
| 152 |
+ .leftMenu>ul>li *{font-size: 1.250em;letter-spacing: -0.5px;}
|
|
| 153 |
+ .leftMenu ul>li>input[type="button"]{background-image: url(/pb/img/common/tLeftMenuGo.png);margin: 25px 10px 0 0}
|
|
| 154 |
+ .leftMenu .subMenu>li{height: 60px;line-height: 55px;}
|
|
| 155 |
+ .leftMenu .subMenu>li>a{font-size: 0.768em;}
|
|
| 156 |
+ |
|
| 157 |
+ input[type="text"],input[type="number"],input[type="password"],select{height: 60px;border: 1px solid #dbdcdf;vertical-align: middle;min-width: 160px;font-size: 1.375em;color: #555;font-weight: 500;padding: 0 0 0 20px;border-radius: 3px;}
|
|
| 158 |
+ select{background-image: url(/pb/img/common/selectIcon.png);background-repeat: no-repeat;background-position: 93% center;}
|
|
| 159 |
+ input[type="radio"]{display: none;}
|
|
| 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 |
+ 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%);}
|
|
| 164 |
+ |
|
| 165 |
+ input[type="checkbox"]+label{width: 25px;height: 25px;display: inline-block;border: 1px solid #999;border-radius: 3px;vertical-align: middle;}
|
|
| 166 |
+ input[type="checkbox"]+label+label{font-size: 1.250em}
|
|
| 167 |
+ input[type="checkbox"]:checked+label::after{background-image: url(/pb/img/common/tCheck.png);background-repeat: no-repeat;background-position: center;position: absolute;content: " ";display: inline-block;width: 28px;height: 20px;top: 50%;left: 50%;transform: translate(-50%,-50%)}
|
|
| 168 |
+} |
|
| 169 |
+ |
|
| 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%);}
|
|
| 172 |
+ |
|
| 173 |
+ header{height: 90px;}
|
|
| 174 |
+ header h1{margin-top: 11px;}
|
|
| 175 |
+ header .allMenu{top: 5%}
|
|
| 176 |
+ header .allMenu.mMenuClose{margin: 30px 0;}
|
|
| 177 |
+ .topRight>ul:nth-child(2){right: 20%;}
|
|
| 178 |
+ .leftMenu{display: block;top: 90px;right: 0;left: auto;}
|
|
| 179 |
+ |
|
| 180 |
+ div.contWrap{padding: 20px 13px;}
|
|
| 181 |
+ .rightWrap select{min-width: 120px;}
|
|
| 182 |
+ .pfImg{margin-top: 24px;}
|
|
| 183 |
+} |
|
| 184 |
+ |
|
| 185 |
+@media screen and (max-width:500px){
|
|
| 186 |
+ .topRight>ul:nth-child(2){right:25%;}
|
|
| 187 |
+} |
|
| 188 |
+ |
|
| 189 |
+@media screen and (max-width:400px){
|
|
| 190 |
+ header h1{width: 15%}
|
|
| 191 |
+ header h1 img{width: 220%}
|
|
| 192 |
+ header .allMenu{top: 10%;right: -2%;}
|
|
| 193 |
+ .topRight>ul:nth-child(2){right: 31%}
|
|
| 194 |
+ .topRight>ul:nth-child(2) li{margin: 0 3px;}
|
|
| 195 |
+} */ |
|
| 196 |
+ |
|
| 106 | 197 |
/*개인정보 레이어팝업*/ |
| 107 | 198 |
.setDiv {padding-top: 100px;text-align: center;}
|
| 108 | 199 |
.mask {position:absolute;left:0;top:0;z-index:9999;background-color:#000;display:none;}
|
--- src/main/webapp/pb/css/content.css
+++ src/main/webapp/pb/css/content.css
... | ... | @@ -1,180 +1,16 @@ |
| 1 |
-@import url('/css/font-sans.css');
|
|
| 1 |
+@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); |
|
| 2 |
+@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
|
|
| 3 |
+@import url(/pb/css/style.css); |
|
| 2 | 4 |
|
| 3 |
-/* 怨듯�� */ |
|
| 4 |
-@media print{
|
|
| 5 |
- @page {size: landscape}
|
|
| 6 |
-} |
|
| 7 |
-.titType1{font-size: 1.375em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 22px;*/
|
|
| 8 |
-.titType2{font-size: 1.125em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 18px;*/
|
|
| 9 |
- |
|
| 10 |
-/*.bgTitType1*/ |
|
| 11 |
-.tType1{font-size: 2.750em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 44px;*/
|
|
| 12 |
-.tType2{font-size: 1.500em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 24px;*/
|
|
| 13 |
-.tType3{font-size: 1.188em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 19px;*/
|
|
| 14 |
-.tType4{font-size: 1.125em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 18px;*/
|
|
| 15 |
-.tType5{font-size: 1em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 16px;*/
|
|
| 16 |
-.tType6{font-size: 0.875em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 14px;*/
|
|
| 17 |
-.tType7{font-size: 0.813em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 13px;*/
|
|
| 18 |
- |
|
| 19 |
-.cfText{font-size:0.875em;font-weight: 500;}/* �ㅻ����ㅽ�명�대����(鍮④����쇨꼍�� �대���� c_ed4555 �대���� 異�媛�) */
|
|
| 20 |
- |
|
| 21 |
-.fwMd{font-weight: 500;}
|
|
| 22 |
-.fwBold{font-weight: 600;}
|
|
| 23 |
-.fwExtBold{font-weight: 700;}
|
|
| 24 |
- |
|
| 25 |
-.c_222222{color: #222}
|
|
| 26 |
-.c_333333{color: #333}
|
|
| 27 |
-.c_999999{color: #999}
|
|
| 28 |
-.c_b4b4b4{color: #b4b4b4}
|
|
| 29 |
-.c_456ded{color: #456ded}
|
|
| 30 |
-.c_e40000{color: #e40000;}
|
|
| 31 |
-.c_ed4555{color: #ed4555}
|
|
| 32 |
- |
|
| 33 |
-.bg_888888{background-color: #888 !important;color: #fff !important;}
|
|
| 34 |
-.bg_888888:hover{background-color:#555 !important}
|
|
| 35 |
-.bg_ed4545{background-color: #ed4545 !important;color: #fff !important;}
|
|
| 36 |
-.bg_ed4545:hover{background-color:#e82323 !important;}
|
|
| 37 |
-.bg_456ded{background-color: #456ded !important;color: #fff !important;}
|
|
| 38 |
-.bg_456ded:hover{background-color: #1c4ce7 !important}
|
|
| 39 |
- |
|
| 40 |
-.center{text-align: center !important;margin: 0 auto;}
|
|
| 41 |
-.left{text-align: left !important;}
|
|
| 42 |
-.right{text-align: right !important;}
|
|
| 43 |
-.block{display: block;width: 100%;}
|
|
| 44 |
- |
|
| 45 |
-.listType1 li{list-style: url(/pb/img/common/listType1.png);text-align: left;vertical-align: middle;}
|
|
| 46 |
-.listType2 li{list-style: url(/pb/img/common/listType2.png);text-align: left;}
|
|
| 47 |
- |
|
| 48 |
-.reqArea{position: relative;}
|
|
| 49 |
-.reqArea::after{position: absolute;content: "*";color: #e40000;left: -10px;top: 50%;transform: translateY(-30%);}
|
|
| 50 |
- |
|
| 51 |
-.btnType{min-width: 70px; height: 45px; background-color: #888; color: #fff; font-size: 16px; border-radius: 5px; margin: 0 2px;}
|
|
| 52 |
-.btnType:last-child{margin: 0 0 0 2px;}
|
|
| 53 |
-.btnType:first-child{margin: 0 2px 0 0;}
|
|
| 54 |
-.btnType.bluefill{background-color: #456ded;}
|
|
| 55 |
-.btnType.bluebor{background-color: #fff; border: 1px solid #456ede; color: #456ede;}
|
|
| 56 |
-.btnType.redfill{background-color: #e40000;}
|
|
| 57 |
-.btnType.redbor{background-color: #fff; border: 1px solid #e40000; color: #e40000;}
|
|
| 58 |
- |
|
| 59 |
-/* 硫��� ����蹂대�� */ |
|
| 60 |
-.contWrap{width: calc(100% - 240px);background-color: #e7ebf1;position: absolute;top: 70px;left: 240px;padding: 30px 40px;min-height: 986px;}
|
|
| 61 |
-.contWrap:after {content:'';position:absolute;left:-240px;top:0;width:240px;height:100%;background:#343742;}
|
|
| 62 |
-.cont{/* width: 85%; */margin: 30px auto 0 0;}
|
|
| 63 |
-.dashBoard .cont{/* width: 88%; */display: flex;flex-flow: row wrap;;}
|
|
| 64 |
-.box{flex-basis: 31%; height: 300px;background-color: #fff;box-shadow: 0.5px 0.9px 7px 0 rgba(0,0,0,0.1);border-radius: 5px;overflow: hidden;display: inline-block;margin: 0 13.5px 27px 0;}
|
|
| 65 |
-.box:nth-child(3n) {flex-basis:34%;}
|
|
| 66 |
-.boxTitle{width: 100%;background: linear-gradient(to bottom, rgba(248,249,252,1) 0%, rgba(243,244,247,1) 100%);border-bottom: 1px solid #f1f4fa; line-height: 50px;height: 50px;}
|
|
| 67 |
-.boxTitle h3{padding-left: 25px;color: #222;display: inline-block;}
|
|
| 68 |
-.boxTitle input[type="button"]{border: none;background-color: transparent;width: 20px;height: 20px;float: right;background-image: url(/pb/img/common/plusBtn.png);background-repeat: no-repeat;margin: 15px;cursor: pointer;}
|
|
| 69 |
-.boxCont{padding: 25px 20px;text-align: center;margin: 0 auto;width: 100%;}
|
|
| 70 |
- |
|
| 71 |
-.todayStatus{height: 320px;}
|
|
| 72 |
-.todayStatus .boxCont{padding: 25px 5px;}
|
|
| 73 |
-.todayStatus ul{height: 100%;width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;}
|
|
| 74 |
-.todayStatus ul li{border-right: 1px dashed #e5e5e5;height: 100%;width: calc((100% - 3px)/3);}
|
|
| 75 |
-.todayStatus ul li:last-child{border: none;}
|
|
| 76 |
-.todayStatus .icon{width: 60px;height: 60px;border-radius: 100%;text-align: center;line-height: 75px;margin: 0 auto;margin-bottom: 15px;}
|
|
| 77 |
-.todayStatus ul li:first-child .icon{background-color: #fbf4e4;}
|
|
| 78 |
-.todayStatus ul li:nth-child(2) .icon{background-color: #ffecf5;}
|
|
| 79 |
-.todayStatus ul li:nth-child(3) .icon{background-color: #ebeeff;}
|
|
| 80 |
-/* .todayStatus ul li p:nth-child(2){padding-bottom: 15px;}
|
|
| 81 |
-.todayStatus ul li p:nth-child(3){padding-bottom: 5px;} */
|
|
| 82 |
-.todayStatus.todayStatus02 ul li:first-child .icon {background-color: #ffecf5;}
|
|
| 83 |
-.todayStatus.todayStatus02 ul li:nth-child(2) .icon {background-color: #ffe8db;}
|
|
| 84 |
-.todayStatus.todayStatus02 ul li:nth-child(3) .icon {background-color: #e2f1f1;}
|
|
| 85 |
-.todayStatus.todayStatus03 ul li .icon {line-height:86px;}
|
|
| 86 |
-.todayStatus.todayStatus03 ul li:first-child .icon {background-color: #ecf3ff;}
|
|
| 87 |
-.todayStatus.todayStatus03 ul li:nth-child(2) .icon {background-color: #e2f1f1;}
|
|
| 88 |
-.todayStatus.todayStatus03 ul li:nth-child(3) .icon {background-color: #ffe7e7;}
|
|
| 89 |
- |
|
| 90 |
-.dashBoard .todayStatus .boxCont{height: calc(100% - 50px);}
|
|
| 91 |
-.dashBoard .todayStatus02 .boxCont{height: auto;}
|
|
| 92 |
-.dashBoard .todayStatus .small_text{font-size: 0.875em; color: #b6b6b6;}
|
|
| 93 |
-.dashBoard .todayStatus01 .small_text{margin: 0 0 11px 0;}
|
|
| 94 |
-.dashBoard .todayStatus .middle_text{font-size: 1em; color: #222222; font-weight: 400; margin: 0 0 11px 0;}
|
|
| 95 |
-.dashBoard .todayStatus .large_text{font-size: 2.2em; color: #222222; font-weight: 700; margin: 0 0 14px 0;}
|
|
| 96 |
-.dashBoard .todayStatus01 .large_text{font-size: 1.875em;}
|
|
| 97 |
-.dashBoard .todayStatus .total_box_wrap{width: calc(100% - 20px); border: 1px solid #e5e5e5; border-radius: 5px;margin: 15px auto 0 auto; padding: 2.5px 13px; font-size: 0.813em; color: #666; font-weight: 400; flex-wrap: wrap;}
|
|
| 98 |
-.dashBoard .todayStatus .total_box_wrap li{display: inline-block; width: auto; text-align: left; padding: 2.5px 4px 2.5px 0; border: 0; letter-spacing: -0.5px;}
|
|
| 5 |
+/* 공통 레이아웃 */ |
|
| 6 |
+.contWrap{position:absolute;width:calc(100% - 240px);min-height:986px;padding:30px 40px;background:#F2F2F2;top:70px;left:240px;}
|
|
| 7 |
+.contWrap:after{position:absolute;content:'';width:240px;height:100%;background:#0D488B;left:-240px;top:0;}
|
|
| 8 |
+.cont{margin:30px auto 0 0;}
|
|
| 99 | 9 |
|
| 100 | 10 |
|
| 101 |
-.boxCont table{width: 100%;text-align: left;font-size: 1em;color: #555;table-layout: fixed;margin: 0 auto;}
|
|
| 102 |
-.boxCont table.tbType1 tr{border-bottom: 1px solid #e5e5e5;cursor: pointer;}
|
|
| 103 |
-.boxCont table.tbType1 tr td{padding: 16px 2px 10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;letter-spacing: -1px;}
|
|
| 104 |
-.boxCont table.tbType1 tr:first-child td{padding-top: 0}
|
|
| 105 |
-.boxCont table.tbType1 tr td:first-child{padding-right: 20px;}
|
|
| 106 |
-.boxCont02 table.tbType1 tbody tr td {padding:9px 2px 8px;font-size:15px;vertical-align:middle;}
|
|
| 107 |
-.boxCont02 table.tbType1 tbody tr:first-child td {padding:0 2px 10px 0;font-size:16px;}
|
|
| 108 |
-.boxCont02 table.tbType1 tbody tr td:first-child {padding-right:10px;font-size:16px;}
|
|
| 109 |
- |
|
| 110 |
-.boxCont table.tbType2{border-left: 3px solid #e5e5e5;font-size: 0.875em;overflow: visible}
|
|
| 111 |
-.boxCont table.tbType2 tr td{text-align: center;padding: 10px 0;letter-spacing: -0.5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
|
|
| 112 |
-.boxCont table.tbType2 tr td:first-child{padding-left: 10px;}
|
|
| 113 |
- |
|
| 114 |
-.chartBox .boxCont{padding:15px;}
|
|
| 115 |
-.chartInfo{float: right;color: #222;}
|
|
| 116 |
-.chartInfo ul li{position: relative;margin-left: 20px;padding-left: 18px;}
|
|
| 117 |
-.chartInfo ul.inline li::after{position: absolute;content: " ";width: 13px;height: 13px;background-color: #aaa;border-radius: 3px;top: 50%;transform: translateY(-50%);left: 0;}
|
|
| 118 |
-.chartInfo ul li:nth-child(1)::after{background-color: #fd3c97;}
|
|
| 119 |
-.chartInfo ul li:nth-child(2)::after{background-color: #6d81f5;}
|
|
| 120 |
-.chartType1 .chartArea{width: 100%;background-color: #fff;height: 200px;margin-top: 20px;overflow: hidden;}
|
|
| 121 |
- |
|
| 122 |
-.chartType2 .boxCont{padding: 25px 0}
|
|
| 123 |
-.chartType2 .chartArea,.chartType2 .chartInfo{display: inline-block;vertical-align: middle;}
|
|
| 124 |
-.chartType2 .chartArea{margin-left: -9%;}
|
|
| 125 |
-.chartType2 .chartArea canvas{margin-top: 17px;margin-left: 8%;}
|
|
| 126 |
-.chartType2 .chartInfo{width: 50%;margin-top:-25px}
|
|
| 127 |
-.chartType2 .chartInfo ul.inline{background-color: #fff;display: block;height: 30px;margin: 20px 0 15px 0}
|
|
| 128 |
-.chartType2 .chartInfo ul.inline li{padding-left: 18px;border: none;margin-left: 20px;width: 28%;text-align: left;}
|
|
| 129 |
-.chartType2 .chartInfo ul{background-color: #eff2f6;border-radius: 5px;display: block;width: 90%;}
|
|
| 130 |
-.chartType2 .chartInfo ul li{padding: 20px 0;border-bottom: 1px solid #dee1e6;margin-left: 0;width: 80%;text-align: center;margin: 0 auto}
|
|
| 131 |
-.chartType2 .chartInfo ul li:last-child{border: none;}
|
|
| 132 |
-.chartType2 .chartInfo ul li span.tType2{margin-left: 20px;vertical-align: text-bottom;}
|
|
| 133 |
-.chartType2 .chartInfo ul li:nth-child(1)::after{background-color: #6d81f5;}
|
|
| 134 |
-.chartType2 .chartInfo ul li:nth-child(2)::after{background-color: #1ccab8;}
|
|
| 135 |
- |
|
| 136 |
-.manageCont .boxCont{padding: 20px}
|
|
| 137 |
-.manageCont ul li{width: 48%;height: 100px;border: 1px solid #e5e5e5;box-shadow: 1.5px 2.6px 5px 0 rgba(0,0,0,0.1);border-radius: 8px;margin:0 10px 10px 0;cursor: pointer;}
|
|
| 138 |
-.manageCont ul li:nth-child(2n){margin-right: 0;}
|
|
| 139 |
-.manageCont .iconWrap{float: left;width: 66px;height: 100%;background-color: #f6f6f6;line-height: 120px;border-radius: 5px 0 0 5px;}
|
|
| 140 |
-.manageCont ul li p{text-align: right;padding-right: 15px;}
|
|
| 141 |
-.manageCont ul li p.tType4{margin-top: 22px;margin-bottom: 5px;}
|
|
| 142 |
-.manageCont ul li p.tType7{width: 86%;word-break: keep-all;padding-right: 0;margin: 0 auto;}
|
|
| 143 |
- |
|
| 144 |
-.box .listType2 li{margin-right: 20px;}
|
|
| 145 |
-.box .listType2 li:first-child{background-image: url(/pb/img/dashBoardImg8.png);background-repeat: no-repeat;list-style: none;padding-left: 25px}
|
|
| 146 |
- |
|
| 147 |
-.box .tbInfo{display: block;height: 20px;}
|
|
| 148 |
-.box .tbType3{margin-top: 8px;text-align: center;}
|
|
| 149 |
-.box .tbType3 thead tr{background-color: #f6f7f9;border-top: 1px solid #dddee0;border-bottom: 1px solid #dddee0;}
|
|
| 150 |
-.box .tbType3 thead tr th{font-size: 1em;padding: 10px 0;font-weight: 500;color: #000;}
|
|
| 151 |
-.box .tbType3 tbody tr{border-bottom: 1px solid #e5e5e5;}
|
|
| 152 |
-.box .tbType3 tbody tr td{padding: 9px 0;font-size: 0.938em;color: #666;}
|
|
| 153 |
- |
|
| 154 |
-.box.boxType2{background-color: transparent;box-shadow: none;border-radius: 0;}
|
|
| 155 |
-.box.boxType2 ul{width: 100%;}
|
|
| 156 |
-.box.boxType2 ul li{text-align: center;width: 48.5%;background-color: #fff;height: 145px;margin: 0 15px 10px 0;padding: 20px 10px;word-break: keep-all;border-radius: 8px;border-top: 4px solid #aaa;letter-spacing: -0.3px;box-shadow: 0.5px 0.9px 7px 0 rgba(0,0,0,0.1);cursor: pointer;}
|
|
| 157 |
-.box.boxType2 ul li:nth-child(1){border-top: 4px solid #eab74a;}
|
|
| 158 |
-.box.boxType2 ul li:nth-child(2){border-top: 4px solid #f43a92;}
|
|
| 159 |
-.box.boxType2 ul li:nth-child(3){border-top: 4px solid #6d81f5;}
|
|
| 160 |
-.box.boxType2 ul li:nth-child(4){border-top: 4px solid #1db5a4;}
|
|
| 161 |
-.box.boxType2 ul li:nth-child(2n){margin-right: 0;}
|
|
| 162 |
-.box.boxType2 ul li h3{margin: 15px 0 8px 0;font-weight: 500;}
|
|
| 163 |
- |
|
| 164 |
-.box.surveyCont .boxCont{padding: 15px 20px;font-size: 1em;}
|
|
| 165 |
-.box.surveyCont table{table-layout: fixed;}
|
|
| 166 |
-.box.surveyCont table tr{border-bottom: 1px solid #e5e5e5;}
|
|
| 167 |
-.box.surveyCont table tr td{font-size: 1em;font-weight: 500;color: #555;letter-spacing: -0.5px;word-break: keep-all;vertical-align: middle;padding: 15px 0;}
|
|
| 168 |
-.box.surveyCont table tr td p{overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical;line-height: 20px;}
|
|
| 169 |
-.box.surveyCont table tr td input[type="button"]{width: 100px;height: 35px;border: none;background-color: #6d81f5;border-radius: 5px;color: #fff;font-weight: 500;cursor: pointer}
|
|
| 170 |
-.box.surveyCont table tr td input[type="button"]:hover{background-color: #5568dc;}
|
|
| 171 |
-.box.surveyCont table tr td input[type="button"]:active{box-shadow: inset 0.5px 1px 3px 0 rgba(0,0,0,0.3)}
|
|
| 172 |
-/* //硫��� ����蹂대�� */ |
|
| 173 |
- |
|
| 174 |
-/* ��釉����댁� */ |
|
| 175 | 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;}
|
| 176 | 12 |
.pageIcon img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
|
| 177 |
-.pageTitle h2{padding: 5px 0 10px 0;}
|
|
| 13 |
+.pageTitle h2{font-weight:700;padding: 5px 0 10px 0;}
|
|
| 178 | 14 |
.pageTitle p{font-weight: 300;}
|
| 179 | 15 |
.pageTitle02 {display:flex;margin:35px 0 0;justify-content:space-between;align-items:center;}
|
| 180 | 16 |
.pageTitle02.type01 {margin:0;}
|
... | ... | @@ -188,21 +24,20 @@ |
| 188 | 24 |
.pageCont{/* width: 85%; */min-height: 650px;background-color: #fff;box-shadow: 0.5px 0.9px 7px 0 rgba(0,0,0,0.1);margin: 0 auto 0 0;border-radius: 5px;margin-top: 26px;padding: 40px 30px;}
|
| 189 | 25 |
.listSerch{margin-bottom: 35px;letter-spacing:6px;}
|
| 190 | 26 |
.listSerch h3{display:inline-block;font-size: 1em;margin-right: 8px;}
|
| 191 |
-.listSerch input[type="button"]{background-color: #456ded;/* border-radius: 0 3px 3px 0;margin-left: -20px; */margin-left:3px;height: 42px;}
|
|
| 192 |
-.listSerch input[type="button"].btnType2{border: 1px solid #456ded; background-color: #fff; color: #456ded;}
|
|
| 193 |
-.listSerch input[type="button"].btnType2:hover{background-color: #f0f4fe;}
|
|
| 27 |
+.listSerch input[type="button"]{background-color: var(--primary-color);/* border-radius: 0 3px 3px 0;margin-left: -20px; */margin-left:3px;height: 42px;}
|
|
| 28 |
+.listSerch input[type="button"].btnType2{border: 1px solid var(--primary-color); background-color: #fff; color: var(--primary-color);}
|
|
| 29 |
+.listSerch input[type="button"].btnType2:hover{background-color: var(--primary-color-hover);}
|
|
| 194 | 30 |
.listSerch input[type="button"].btnType3{margin-left: 0;border:none;color:#fff;border-radius: 3px;vertical-align:middle;}
|
| 195 |
-.listSerch input[type="button"]:hover{background-color:#1c4ce7;}
|
|
| 31 |
+.listSerch input[type="button"]:hover{background-color:var(--primary-color-hover);}
|
|
| 32 |
+ |
|
| 196 | 33 |
.listTop p{display: inline-block;vertical-align: middle;margin-bottom: 8px;}
|
| 197 | 34 |
.listTop .rightWrap{float: right;vertical-align: middle;margin-top: -25px;margin-bottom: 00px;}
|
| 198 |
-.listTop input[type="button"].btn {background-color: #456ded;height: 42px;}
|
|
| 199 |
-.listTop input[type="button"].btn:hover {background-color: #1c4ce7;}
|
|
| 200 | 35 |
.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;}
|
| 201 |
-input[type="button"].readBtn{border:1px solid #456ded;color:#456ded;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;}
|
|
| 36 |
+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;}
|
|
| 202 | 37 |
input[type="button"].readBtn:hover{background-color:#f2f4f7;}
|
| 203 | 38 |
input[type="button"].excelBtn{border: 1px solid #207245;background-image: url(/pb/img/excelIcon.png);}
|
| 204 | 39 |
input[type="button"].printBtn{border: 1px solid #686b72;background-image: url(/pb/img/printIcon.png)}
|
| 205 |
-.pageCont .tbType1{border-top: 2px solid #456ded;text-align: center;width: 100%;table-layout: fixed;}
|
|
| 40 |
+.pageCont .tbType1{border-top: 2px solid var(--primary-color);text-align: center;width: 100%;table-layout: fixed;}
|
|
| 206 | 41 |
.pageCont .tbType1 thead tr{border-bottom: 2px solid #e6e6e6}
|
| 207 | 42 |
.pageCont .tbType1 thead tr th{padding: 15px 0; font-size: 1em;font-weight: 500;color: #555;white-space: nowrap;}
|
| 208 | 43 |
.sort{padding-left:8px;cursor:pointer;}
|
... | ... | @@ -212,20 +47,20 @@ |
| 212 | 47 |
.pageCont .tbType1 tbody tr{border-bottom: 1px solid #e6e6e6;}
|
| 213 | 48 |
.pageCont .tbType1 tbody tr td{padding: 5px 0;color: #555;font-weight: 400;height:40px;vertical-align:middle;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
|
| 214 | 49 |
.pageCont .tbType1 tbody tr td input[type="button"]{height: 30px;font-size: 0.813em;width: auto;padding: 0 8px;vertical-align: middle;margin-right: 2px;letter-spacing: -1px;}
|
| 215 |
-.pageCont .tbType1 tbody tr td input[type="button"].btnType1{background-color: #8595b0;}
|
|
| 216 |
-.pageCont .tbType1 tbody tr td input[type="button"].btnType1:hover{background-color: #5d7091}
|
|
| 50 |
+.pageCont .tbType1 tbody tr td input[type="button"].btnType1{background-color: var(--gray-color);}
|
|
| 51 |
+.pageCont .tbType1 tbody tr td input[type="button"].btnType1:hover{background-color: var(--gray-color-hover);}
|
|
| 217 | 52 |
.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;}
|
| 218 |
-.pageCont .tbType1 tbody tr td input[type="button"].btnType2{border: 1px solid #8595b0;color: #8595b0;}
|
|
| 53 |
+.pageCont .tbType1 tbody tr td input[type="button"].btnType2{border: 1px solid var(--gray-color);color: var(--gray-color);}
|
|
| 219 | 54 |
.pageCont .tbType1 tbody tr td input[type="button"].btnType2:hover{background-color: #f2f4f7;}
|
| 220 | 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;}
|
| 221 |
-.pageCont .tbType1 tbody tr td button.btnType20{background-color:#456ded;}
|
|
| 222 |
-.pageCont .tbType1 tbody tr td button.btnType20:last-child {color:#8595b0;border:1px solid #8595b0;background:#fff;}
|
|
| 223 |
-.pageCont .tbType1 tbody tr td button.btnType20:hover{background-color:#2454ef}
|
|
| 224 |
-.pageCont .tbType1 tbody tr td button.btnType20:last-child {color:#8595b0;border:1px solid #8595b0;background:#fff;}
|
|
| 56 |
+.pageCont .tbType1 tbody tr td button.btnType20{background-color:var(--primary-color);}
|
|
| 57 |
+.pageCont .tbType1 tbody tr td button.btnType20:last-child {color:var(--gray-color);border:1px solid var(--gray-color);background:#fff;}
|
|
| 58 |
+.pageCont .tbType1 tbody tr td button.btnType20:hover{background-color:var(--primary-color-hover)}
|
|
| 59 |
+.pageCont .tbType1 tbody tr td button.btnType20:last-child {color:var(--gray-color);border:1px solid var(--gray-color);background:#fff;}
|
|
| 225 | 60 |
.pageCont .tbType1 tbody tr td button.btnType20:last-child:hover{background-color:#f2f4f7}
|
| 226 |
-.pageCont .tbType1 tbody tr td button.btnType21{background-color:#456ded;}
|
|
| 61 |
+.pageCont .tbType1 tbody tr td button.btnType21{background-color:var(--primary-color);}
|
|
| 227 | 62 |
.pageCont .tbType1 tbody tr td button.btnType21:last-child {color:#d57b7b;border:1px solid #fb0f0f;background:#fff;}
|
| 228 |
-.pageCont .tbType1 tbody tr td button.btnType21:hover{background-color:#2454ef}
|
|
| 63 |
+.pageCont .tbType1 tbody tr td button.btnType21:hover{background-color:var(--primary-color-hover)}
|
|
| 229 | 64 |
.pageCont .tbType1 tbody tr td button.btnType21:last-child {color: #d57b7b;border: 1px solid #fb0f0f;background:#fff;}
|
| 230 | 65 |
.pageCont .tbType1 tbody tr td button.btnType21:last-child:hover{background-color:#f7f2f4}
|
| 231 | 66 |
.pageCont .tbType1 tbody tr td .id_box {height:30px;line-height:30px;text-align:left;}
|
... | ... | @@ -249,7 +84,7 @@ |
| 249 | 84 |
.pageCont .tbType1+.btnWrap{margin-top: -30px;}
|
| 250 | 85 |
.pageCont .tbType1+.page{margin-top: 20px;}
|
| 251 | 86 |
|
| 252 |
-.pageCont .tbType2{border-top: 2px solid #456ded;width: 100%;table-layout: fixed;text-align: left;}
|
|
| 87 |
+.pageCont .tbType2{border-top: 2px solid var(--primary-color);width: 100%;table-layout: fixed;text-align: left;}
|
|
| 253 | 88 |
.pageCont .tbType2:last-child{margin-bottom: 0;}
|
| 254 | 89 |
.pageCont .tbType2 tbody tr{border-bottom: 1px solid #e5e5e5;}
|
| 255 | 90 |
.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}
|
... | ... | @@ -257,7 +92,7 @@ |
| 257 | 92 |
.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;}
|
| 258 | 93 |
.pageCont .tbType2 tbody tr td input[type="text"]{width: 80%;}
|
| 259 | 94 |
.pageCont .tbType2 tbody tr td input[type="text"].dateInput{width: 8% !important;min-width:5%;margin: 0 3px;}
|
| 260 |
-.pageCont .tbType2 tbody tr td select{width: 15%;padding-right:20px;}/* select 湲���蹂�濡� �ш린 ���대��寃� ��寃� */
|
|
| 95 |
+.pageCont .tbType2 tbody tr td select{width: 15%;padding-right:20px;}/* select 湲 蹂 濡 ш린 대 寃 寃 */
|
|
| 261 | 96 |
.pageCont .tbType2 tbody tr td select.date_format{width:8% !important;min-width:5%;margin: 0 3px 0 10px;}
|
| 262 | 97 |
.pageCont .tbType2 tbody tr td .refund_cehck {display:inline-block;line-height:40px;vertical-align:top;}
|
| 263 | 98 |
.pageCont .tbType2 tbody tr td .refund_cehck input[type=radio]+label+label {display:inline-block;}
|
... | ... | @@ -272,7 +107,7 @@ |
| 272 | 107 |
.pageCont .tbType2+.btnWrap{margin-bottom: 80px;}
|
| 273 | 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;}
|
| 274 | 109 |
|
| 275 |
-.pageCont .tbType3{border-top: 2px solid #456ded;width: 100%;text-align: center;}
|
|
| 110 |
+.pageCont .tbType3{border-top: 2px solid var(--primary-color);width: 100%;text-align: center;}
|
|
| 276 | 111 |
.pageCont .tbType3 thead tr{background-color: #edf0f5;border-bottom: 2px solid #e6e6e6;}
|
| 277 | 112 |
.pageCont .tbType3 thead tr th{color: #555;font-size: 1em;font-weight: 500; height: 45px;vertical-align: middle;letter-spacing: -1px;}
|
| 278 | 113 |
.pageCont .tbType3 tbody tr{border-bottom: 1px solid #e6e6e6;}
|
... | ... | @@ -281,9 +116,9 @@ |
| 281 | 116 |
|
| 282 | 117 |
|
| 283 | 118 |
.pageCont .tbType4{text-align: center; width: 100%; table-layout: fixed; margin:0 0 50px 0;}
|
| 284 |
-.pageCont .tbType4 thead tr th{border-top:2px solid #456ded; border-bottom:3px double #e6e6e6; padding: 13px 0; font-size: 1em; font-weight: 500;color: #555; white-space: nowrap; border-left:1px solid #d5d5d5; text-align:center;}
|
|
| 119 |
+.pageCont .tbType4 thead tr th{border-top:2px solid var(--primary-color); border-bottom:3px double #e6e6e6; padding: 13px 0; font-size: 1em; font-weight: 500;color: #555; white-space: nowrap; border-left:1px solid #d5d5d5; text-align:center;}
|
|
| 285 | 120 |
.pageCont .tbType4 thead tr th:first-child {border-left:none;}
|
| 286 |
-.pageCont .tbType4{border-top: 2px solid #456ded;width: 100%;table-layout: fixed;text-align: left;}
|
|
| 121 |
+.pageCont .tbType4{border-top: 2px solid var(--primary-color);width: 100%;table-layout: fixed;text-align: left;}
|
|
| 287 | 122 |
.pageCont .tbType4 tbody tr{border-bottom: 2px solid #e5e5e5;}
|
| 288 | 123 |
.pageCont .tbType4 tbody tr td{vertical-align: middle;font-size: 1em;font-weight: 400;color: #555;padding: 12px 0; border-left:1px solid #d5d5d5; text-align:center;}
|
| 289 | 124 |
.pageCont .tbType4 tbody tr td:first-child {border-left:none;}
|
... | ... | @@ -297,27 +132,27 @@ |
| 297 | 132 |
.ipStatus .tableWrap{margin-top: 15px;}
|
| 298 | 133 |
.ipStatus .tbWrap{width: 100%;}
|
| 299 | 134 |
.ipStatus .chartArea{background-color: #efefef;width: 100%;height: 340px;overflow: hidden}
|
| 300 |
-.ipStatus .chartArea img{width: 100%;height: auto;}/* img �ъ�댁� ���� 李⑦�� �ㅼ�닿�硫� ���� */
|
|
| 135 |
+.ipStatus .chartArea img{width: 100%;height: auto;}/* img ъ 댁 李⑦ ㅼ 닿 硫 */
|
|
| 301 | 136 |
.chartBg{width: 14px;height: 14px;border-radius: 3px;background-color: #1ccab8;display: inline-block;vertical-align: bottom;margin-right: 5px;}
|
| 302 | 137 |
.chartColor{color: #1ccab8;font-size: 18px;font-weight: 600;}
|
| 303 | 138 |
|
| 304 | 139 |
/*.pageCont .tableWrap+.btnWrap{margin-top: -20px;}*/
|
| 305 |
-.pageCont .btnWrap{margin-top: 10px;height: 45px;}
|
|
| 140 |
+.pageCont .btnWrap{margin:40px 0 0 0;height: 45px;}
|
|
| 306 | 141 |
.pageCont .btnWrap input[type="button"]{margin-left: 5px;padding: 14.5px 20px;height: auto;font-weight: 500;font-size: 1em;}
|
| 307 |
-.pageCont .btnWrap .btnType1{background-color: #456ded !important; float: right;}
|
|
| 308 |
-.pageCont .btnWrap .btnType1:hover{background-color: #1c4ce7;}
|
|
| 309 |
-.pageCont .btnWrap .btnType2{border: 1px solid #456ded;color: #456ded;}
|
|
| 142 |
+.pageCont .btnWrap .btnType1{background-color: var(--primary-color); float: right;}
|
|
| 143 |
+.pageCont .btnWrap .btnType1:hover{background-color: var(--primary-color-hover);}
|
|
| 144 |
+.pageCont .btnWrap .btnType2{border: 1px solid var(--primary-color);color: var(--primary-color);}
|
|
| 310 | 145 |
.pageCont .btnWrap .btnType2:hover{background-color: #f2f4f7;}
|
| 311 | 146 |
.pageCont .btnWrap1 {text-align:center; padding:20px 0 0 0;} /* 미니팝업 버튼 영역 추가*/
|
| 312 |
-.pageCont .btnWrap1 .btnType3 {background-color:#456ded; color:#fff; height:45px; border-radius:5px; min-width:70px; margin:0 5px 0 0;} /* 미니팝업 버튼 영역 추가*/
|
|
| 147 |
+.pageCont .btnWrap1 .btnType3 {background-color:var(--primary-color); color:#fff; height:45px; border-radius:5px; min-width:70px; margin:0 5px 0 0;} /* 미니팝업 버튼 영역 추가*/
|
|
| 313 | 148 |
|
| 314 | 149 |
.tbType2 tbody tr td input[type="radio"]+label+label{font-size: 1.125em;font-weight: 400;margin-left: 5px;}
|
| 315 | 150 |
|
| 316 | 151 |
.page{margin: 0 auto 20px auto;width: 100%;text-align: center;position: relative;}
|
| 317 | 152 |
.page ul{position: absolute;left: 50%;transform: translateX(-50%);}
|
| 318 | 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;}
|
| 319 |
-.page ul li strong {display:block;width:100%;height:100%;color:#fff;border:1px solid #456ded;background-color:#456dfd}
|
|
| 320 |
-.page ul li:hover{background-color: #456ded;color: #fff;border-color:#456ded;}
|
|
| 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);}
|
|
| 321 | 156 |
.page ul li:first-child{margin-left: 0;border-radius: 5px 0 0 5px;}
|
| 322 | 157 |
.page ul li:last-child{border-radius: 0 5px 5px 0;}
|
| 323 | 158 |
.page ul li:only-child{border-radius: 5px 5px 5px 5px;}
|
... | ... | @@ -334,22 +169,22 @@ |
| 334 | 169 |
.orgWrap{width: 20%;display: inline-block;margin-right: 2%;vertical-align: top;margin-top: 30px;}
|
| 335 | 170 |
.orgWrap .btnWrap{margin-top: 0;height: 30px}
|
| 336 | 171 |
.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;}
|
| 337 |
-.orgWrap .btnWrap .btnType1{background-color: #8595b0;}
|
|
| 338 |
-.orgWrap .btnWrap .btnType1:hover{background-color:#5d7091;}
|
|
| 339 |
-.orgWrap .btnWrap .btnType2{background-color: #fff;border: 1px solid #8595b0;color: #8595b0;}
|
|
| 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);}
|
|
| 340 | 175 |
.orgWrap .btnWrap .btnType2:hover{background-color:#f2f4f7;}
|
| 341 | 176 |
.orgCont{width: 100%;min-height: 300px;border: 1px solid #d5d5d5;margin-top: 10px;border-radius: 5px;overflow:auto;}
|
| 342 | 177 |
.tbWrap{width: 77%;display: inline-block;margin-top: 36px;vertical-align: top;}
|
| 343 | 178 |
.tbWrap table tbody input[type="text"]{width: 80%;}
|
| 344 | 179 |
.tbTit{position: relative;font-size: 20px;color: #222;letter-spacing: -0.5px;padding-left: 15px;font-weight: 800;}
|
| 345 |
-.tbTit::before{position: absolute;content: " ";width: 5px;height: 18px;border-radius: 2px;background-color: #456ded;left: 0;top: 50%;transform: translateY(-49%)}
|
|
| 180 |
+.tbTit::before{position: absolute;content: " ";width: 5px;height: 18px;border-radius: 2px;background-color: var(--primary-color);left: 0;top: 50%;transform: translateY(-49%)}
|
|
| 346 | 181 |
.tbTit+table,p.right.fwMd+table{margin-top: 15px;margin-bottom: 40px;}
|
| 347 |
-.pageCont .tbType1 tbody tr td input[type="button"].editBtn{width: 32px;height: 32px;border-radius: 3px; background-color: #8595b0;background-image: url(/pb/img/common/editIcon.png);background-repeat: no-repeat;background-position: center;border: none;padding: 5px;}
|
|
| 182 |
+.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;}
|
|
| 348 | 183 |
.tbTit+p.right.fwMd{margin-bottom: 15px;margin-top: -15px;}
|
| 349 | 184 |
.tbWrap+.btnWrap{text-align: right;}
|
| 350 | 185 |
.tbWrap+.btnWrap input[type="button"]{float: none;padding: 10px 20px;}
|
| 351 | 186 |
|
| 352 |
-.galleryListWrap{border-top: 2px solid #456ded;border-bottom: 1px solid #e6e6e6;padding: 40px 0 20px 0;width: 100%;margin: 0 auto;}
|
|
| 187 |
+.galleryListWrap{border-top: 2px solid var(--primary-color);border-bottom: 1px solid #e6e6e6;padding: 40px 0 20px 0;width: 100%;margin: 0 auto;}
|
|
| 353 | 188 |
.galleryListWrap::before,.galleryListWrap::after,.galleryListWrap+.btnWrap::after,.galleryListWrap ul{clear: both;overflow: hidden}
|
| 354 | 189 |
.galleryListWrap ul li{position: relative;width: 24%;height: 330px;overflow: hidden;margin-right: 1.3%;margin-bottom: 1.3%;}
|
| 355 | 190 |
.galleryListWrap ul li:nth-child(4n){margin-right: 0;}
|
... | ... | @@ -358,7 +193,7 @@ |
| 358 | 193 |
.galleryListWrap ul li .imgBox img[src*="noImg"]{width:55%;height:auto;}
|
| 359 | 194 |
.galleryListWrap .check{position: absolute;z-index: 2;left: 3%;top: 3%;}
|
| 360 | 195 |
.galleryListWrap .check input[type="checkbox"]+label{background-color: #fff;width: 20px;height: 20px;border:1px solid #555;}
|
| 361 |
-.galleryListWrap .check input[type="checkbox"]:checked+label{border: 1px solid #456ded;background-color: #456ded;position: relative;}
|
|
| 196 |
+.galleryListWrap .check input[type="checkbox"]:checked+label{border: 1px solid var(--primary-color);background-color: var(--primary-color);position: relative;}
|
|
| 362 | 197 |
.galleryListWrap .check 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%)}
|
| 363 | 198 |
.galleryListWrap .listCategory{position: absolute;right: 0;top: 0; z-index: 2;width: 50%;height: 30px;background-color: #ddd;font-size: 0.875em;color: #fff;}
|
| 364 | 199 |
.galleryListWrap .listCategory li{display: table-cell;width: 60%;height: 100%;text-align: center;vertical-align: middle;padding: 7.4px 5px;background-color: #1db5a4;margin-right: 0;font-weight: 600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
|
... | ... | @@ -384,15 +219,13 @@ |
| 384 | 219 |
.fileWrap+.fileInfo ul{float: right;width: 60%;}
|
| 385 | 220 |
.fileWrap+.fileInfo ul li{width: 50%;}
|
| 386 | 221 |
|
| 387 |
-/* �댁��湲�/�ㅼ��湲� */ |
|
| 222 |
+ |
|
| 388 | 223 |
.listView{margin-top: 50px;}
|
| 389 | 224 |
.listView table.tbType1{text-align: left;}
|
| 390 | 225 |
.listView table.tbType1 tr th{vertical-align: middle;padding-left: 30px;background-color: #f7f7f7;font-size: 1.125em;font-weight: 500;padding: 20px 5px 20px 30px;}
|
| 391 | 226 |
.listView table.tbType1 tr td{padding-left: 30px;font-size: 1em;}
|
| 392 |
-/* //�댁��湲�/�ㅼ��湲� */ |
|
| 393 | 227 |
|
| 394 | 228 |
|
| 395 |
-/* ��湲� */ |
|
| 396 | 229 |
.cmmt_wrap2{margin-top: 30px;}
|
| 397 | 230 |
.cmmt_tit2{display: flex; align-items: center;}
|
| 398 | 231 |
.cmmt_tit2 img{margin-right: 6px;}
|
... | ... | @@ -407,10 +240,9 @@ |
| 407 | 240 |
.cmmt_detail2 .btn_wrap button{font-size: 16px; min-width: 60px; height: 36px; vertical-align: middle;}
|
| 408 | 241 |
.cmmt_input2{width: 100%; margin-top: 30px;}
|
| 409 | 242 |
.cmmt_input2 textarea{height: 80px; width: calc(100% - 90px); vertical-align: middle; border: 2px solid #e5e5e5; border-radius: 5px; padding: 15px; box-sizing: border-box;}
|
| 410 |
-.cmmt_input2 .cmmt_add2{width: 80px; height: 80px; border-radius: 5px; background-color: #456ded; border: 0; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 18px; transition: background-color 0.2s linear;}
|
|
| 411 |
-/* //��湲� */ |
|
| 243 |
+.cmmt_input2 .cmmt_add2{width: 80px; height: 80px; border-radius: 5px; background-color: var(--primary-color); border: 0; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 18px; transition: background-color 0.2s linear;}
|
|
| 412 | 244 |
|
| 413 |
-/* ��湲� */ |
|
| 245 |
+ |
|
| 414 | 246 |
.cmtWrap{margin-top: 35px;}
|
| 415 | 247 |
.cmtTop{border-bottom: 1px solid #e6e6e6;padding-bottom: 16px;}
|
| 416 | 248 |
.cmtTop *{display: inline-block;}
|
... | ... | @@ -426,13 +258,11 @@ |
| 426 | 258 |
.cmtBtm{margin-top: 30px;}
|
| 427 | 259 |
.cmtBtm textarea{width: 92.6%;height: 70px;border: 2px solid #e5e5e5;border-radius: 3px;}
|
| 428 | 260 |
.cmtBtm input[type="button"]{width: 80px;height: 80px;margin-left: 10px;}
|
| 429 |
-/* //��湲� */ |
|
| 430 | 261 |
|
| 431 | 262 |
|
| 432 | 263 |
/* #menuType{margin-top:8px;} */
|
| 433 | 264 |
#showUrl{display: block; margin-top: -12px;margin-bottom:8px;}
|
| 434 | 265 |
|
| 435 |
-/* //��釉����댁� */ |
|
| 436 | 266 |
|
| 437 | 267 |
/* jstree */ |
| 438 | 268 |
.jstree-default .jstree-themeicon{background-image:url(/pb/img/common/folderClose.png);background-position:center center !important}
|
... | ... | @@ -460,3 +290,9 @@ |
| 460 | 290 |
.listSerch input[type="checkbox"]+label{margin: 6px 0 0 0;}
|
| 461 | 291 |
.listSerch input[type="checkbox"]+label+label{vertical-align: sub;}
|
| 462 | 292 |
} |
| 293 |
+ |
|
| 294 |
+ |
|
| 295 |
+ |
|
| 296 |
+@media print{
|
|
| 297 |
+ @page {size: landscape}
|
|
| 298 |
+}(No newline at end of file) |
+++ src/main/webapp/pb/css/content_bak.css
... | ... | @@ -0,0 +1,462 @@ |
| 1 | +@import url('/css/font-sans.css'); | |
| 2 | + | |
| 3 | +/* 怨듯�� */ | |
| 4 | +@media print{ | |
| 5 | + @page {size: landscape} | |
| 6 | +} | |
| 7 | +.titType1{font-size: 1.375em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 22px;*/ | |
| 8 | +.titType2{font-size: 1.125em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 18px;*/ | |
| 9 | + | |
| 10 | +/*.bgTitType1*/ | |
| 11 | +.tType1{font-size: 2.750em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 44px;*/ | |
| 12 | +.tType2{font-size: 1.500em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 24px;*/ | |
| 13 | +.tType3{font-size: 1.188em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 19px;*/ | |
| 14 | +.tType4{font-size: 1.125em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 18px;*/ | |
| 15 | +.tType5{font-size: 1em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 16px;*/ | |
| 16 | +.tType6{font-size: 0.875em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 14px;*/ | |
| 17 | +.tType7{font-size: 0.813em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 13px;*/ | |
| 18 | + | |
| 19 | +.cfText{font-size:0.875em;font-weight: 500;}/* �ㅻ����ㅽ�명�대����(鍮④����쇨꼍�� �대���� c_ed4555 �대���� 異�媛�) */ | |
| 20 | + | |
| 21 | +.fwMd{font-weight: 500;} | |
| 22 | +.fwBold{font-weight: 600;} | |
| 23 | +.fwExtBold{font-weight: 700;} | |
| 24 | + | |
| 25 | +.c_222222{color: #222} | |
| 26 | +.c_333333{color: #333} | |
| 27 | +.c_999999{color: #999} | |
| 28 | +.c_b4b4b4{color: #b4b4b4} | |
| 29 | +.c_456ded{color: #456ded} | |
| 30 | +.c_e40000{color: #e40000;} | |
| 31 | +.c_ed4555{color: #ed4555} | |
| 32 | + | |
| 33 | +.bg_888888{background-color: #888 !important;color: #fff !important;} | |
| 34 | +.bg_888888:hover{background-color:#555 !important} | |
| 35 | +.bg_ed4545{background-color: #ed4545 !important;color: #fff !important;} | |
| 36 | +.bg_ed4545:hover{background-color:#e82323 !important;} | |
| 37 | +.bg_456ded{background-color: #456ded !important;color: #fff !important;} | |
| 38 | +.bg_456ded:hover{background-color: #1c4ce7 !important} | |
| 39 | + | |
| 40 | +.center{text-align: center !important;margin: 0 auto;} | |
| 41 | +.left{text-align: left !important;} | |
| 42 | +.right{text-align: right !important;} | |
| 43 | +.block{display: block;width: 100%;} | |
| 44 | + | |
| 45 | +.listType1 li{list-style: url(/pb/img/common/listType1.png);text-align: left;vertical-align: middle;} | |
| 46 | +.listType2 li{list-style: url(/pb/img/common/listType2.png);text-align: left;} | |
| 47 | + | |
| 48 | +.reqArea{position: relative;} | |
| 49 | +.reqArea::after{position: absolute;content: "*";color: #e40000;left: -10px;top: 50%;transform: translateY(-30%);} | |
| 50 | + | |
| 51 | +.btnType{min-width: 70px; height: 45px; background-color: #888; color: #fff; font-size: 16px; border-radius: 5px; margin: 0 2px;} | |
| 52 | +.btnType:last-child{margin: 0 0 0 2px;} | |
| 53 | +.btnType:first-child{margin: 0 2px 0 0;} | |
| 54 | +.btnType.bluefill{background-color: #456ded;} | |
| 55 | +.btnType.bluebor{background-color: #fff; border: 1px solid #456ede; color: #456ede;} | |
| 56 | +.btnType.redfill{background-color: #e40000;} | |
| 57 | +.btnType.redbor{background-color: #fff; border: 1px solid #e40000; color: #e40000;} | |
| 58 | + | |
| 59 | +/* 硫��� ����蹂대�� */ | |
| 60 | +.contWrap{width: calc(100% - 240px);background-color: #e7ebf1;position: absolute;top: 70px;left: 240px;padding: 30px 40px;min-height: 986px;} | |
| 61 | +.contWrap:after {content:'';position:absolute;left:-240px;top:0;width:240px;height:100%;background:#343742;} | |
| 62 | +.cont{/* width: 85%; */margin: 30px auto 0 0;} | |
| 63 | +.dashBoard .cont{/* width: 88%; */display: flex;flex-flow: row wrap;;} | |
| 64 | +.box{flex-basis: 31%; height: 300px;background-color: #fff;box-shadow: 0.5px 0.9px 7px 0 rgba(0,0,0,0.1);border-radius: 5px;overflow: hidden;display: inline-block;margin: 0 13.5px 27px 0;} | |
| 65 | +.box:nth-child(3n) {flex-basis:34%;} | |
| 66 | +.boxTitle{width: 100%;background: linear-gradient(to bottom, rgba(248,249,252,1) 0%, rgba(243,244,247,1) 100%);border-bottom: 1px solid #f1f4fa; line-height: 50px;height: 50px;} | |
| 67 | +.boxTitle h3{padding-left: 25px;color: #222;display: inline-block;} | |
| 68 | +.boxTitle input[type="button"]{border: none;background-color: transparent;width: 20px;height: 20px;float: right;background-image: url(/pb/img/common/plusBtn.png);background-repeat: no-repeat;margin: 15px;cursor: pointer;} | |
| 69 | +.boxCont{padding: 25px 20px;text-align: center;margin: 0 auto;width: 100%;} | |
| 70 | + | |
| 71 | +.todayStatus{height: 320px;} | |
| 72 | +.todayStatus .boxCont{padding: 25px 5px;} | |
| 73 | +.todayStatus ul{height: 100%;width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;} | |
| 74 | +.todayStatus ul li{border-right: 1px dashed #e5e5e5;height: 100%;width: calc((100% - 3px)/3);} | |
| 75 | +.todayStatus ul li:last-child{border: none;} | |
| 76 | +.todayStatus .icon{width: 60px;height: 60px;border-radius: 100%;text-align: center;line-height: 75px;margin: 0 auto;margin-bottom: 15px;} | |
| 77 | +.todayStatus ul li:first-child .icon{background-color: #fbf4e4;} | |
| 78 | +.todayStatus ul li:nth-child(2) .icon{background-color: #ffecf5;} | |
| 79 | +.todayStatus ul li:nth-child(3) .icon{background-color: #ebeeff;} | |
| 80 | +/* .todayStatus ul li p:nth-child(2){padding-bottom: 15px;} | |
| 81 | +.todayStatus ul li p:nth-child(3){padding-bottom: 5px;} */ | |
| 82 | +.todayStatus.todayStatus02 ul li:first-child .icon {background-color: #ffecf5;} | |
| 83 | +.todayStatus.todayStatus02 ul li:nth-child(2) .icon {background-color: #ffe8db;} | |
| 84 | +.todayStatus.todayStatus02 ul li:nth-child(3) .icon {background-color: #e2f1f1;} | |
| 85 | +.todayStatus.todayStatus03 ul li .icon {line-height:86px;} | |
| 86 | +.todayStatus.todayStatus03 ul li:first-child .icon {background-color: #ecf3ff;} | |
| 87 | +.todayStatus.todayStatus03 ul li:nth-child(2) .icon {background-color: #e2f1f1;} | |
| 88 | +.todayStatus.todayStatus03 ul li:nth-child(3) .icon {background-color: #ffe7e7;} | |
| 89 | + | |
| 90 | +.dashBoard .todayStatus .boxCont{height: calc(100% - 50px);} | |
| 91 | +.dashBoard .todayStatus02 .boxCont{height: auto;} | |
| 92 | +.dashBoard .todayStatus .small_text{font-size: 0.875em; color: #b6b6b6;} | |
| 93 | +.dashBoard .todayStatus01 .small_text{margin: 0 0 11px 0;} | |
| 94 | +.dashBoard .todayStatus .middle_text{font-size: 1em; color: #222222; font-weight: 400; margin: 0 0 11px 0;} | |
| 95 | +.dashBoard .todayStatus .large_text{font-size: 2.2em; color: #222222; font-weight: 700; margin: 0 0 14px 0;} | |
| 96 | +.dashBoard .todayStatus01 .large_text{font-size: 1.875em;} | |
| 97 | +.dashBoard .todayStatus .total_box_wrap{width: calc(100% - 20px); border: 1px solid #e5e5e5; border-radius: 5px;margin: 15px auto 0 auto; padding: 2.5px 13px; font-size: 0.813em; color: #666; font-weight: 400; flex-wrap: wrap;} | |
| 98 | +.dashBoard .todayStatus .total_box_wrap li{display: inline-block; width: auto; text-align: left; padding: 2.5px 4px 2.5px 0; border: 0; letter-spacing: -0.5px;} | |
| 99 | + | |
| 100 | + | |
| 101 | +.boxCont table{width: 100%;text-align: left;font-size: 1em;color: #555;table-layout: fixed;margin: 0 auto;} | |
| 102 | +.boxCont table.tbType1 tr{border-bottom: 1px solid #e5e5e5;cursor: pointer;} | |
| 103 | +.boxCont table.tbType1 tr td{padding: 16px 2px 10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;letter-spacing: -1px;} | |
| 104 | +.boxCont table.tbType1 tr:first-child td{padding-top: 0} | |
| 105 | +.boxCont table.tbType1 tr td:first-child{padding-right: 20px;} | |
| 106 | +.boxCont02 table.tbType1 tbody tr td {padding:9px 2px 8px;font-size:15px;vertical-align:middle;} | |
| 107 | +.boxCont02 table.tbType1 tbody tr:first-child td {padding:0 2px 10px 0;font-size:16px;} | |
| 108 | +.boxCont02 table.tbType1 tbody tr td:first-child {padding-right:10px;font-size:16px;} | |
| 109 | + | |
| 110 | +.boxCont table.tbType2{border-left: 3px solid #e5e5e5;font-size: 0.875em;overflow: visible} | |
| 111 | +.boxCont table.tbType2 tr td{text-align: center;padding: 10px 0;letter-spacing: -0.5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} | |
| 112 | +.boxCont table.tbType2 tr td:first-child{padding-left: 10px;} | |
| 113 | + | |
| 114 | +.chartBox .boxCont{padding:15px;} | |
| 115 | +.chartInfo{float: right;color: #222;} | |
| 116 | +.chartInfo ul li{position: relative;margin-left: 20px;padding-left: 18px;} | |
| 117 | +.chartInfo ul.inline li::after{position: absolute;content: " ";width: 13px;height: 13px;background-color: #aaa;border-radius: 3px;top: 50%;transform: translateY(-50%);left: 0;} | |
| 118 | +.chartInfo ul li:nth-child(1)::after{background-color: #fd3c97;} | |
| 119 | +.chartInfo ul li:nth-child(2)::after{background-color: #6d81f5;} | |
| 120 | +.chartType1 .chartArea{width: 100%;background-color: #fff;height: 200px;margin-top: 20px;overflow: hidden;} | |
| 121 | + | |
| 122 | +.chartType2 .boxCont{padding: 25px 0} | |
| 123 | +.chartType2 .chartArea,.chartType2 .chartInfo{display: inline-block;vertical-align: middle;} | |
| 124 | +.chartType2 .chartArea{margin-left: -9%;} | |
| 125 | +.chartType2 .chartArea canvas{margin-top: 17px;margin-left: 8%;} | |
| 126 | +.chartType2 .chartInfo{width: 50%;margin-top:-25px} | |
| 127 | +.chartType2 .chartInfo ul.inline{background-color: #fff;display: block;height: 30px;margin: 20px 0 15px 0} | |
| 128 | +.chartType2 .chartInfo ul.inline li{padding-left: 18px;border: none;margin-left: 20px;width: 28%;text-align: left;} | |
| 129 | +.chartType2 .chartInfo ul{background-color: #eff2f6;border-radius: 5px;display: block;width: 90%;} | |
| 130 | +.chartType2 .chartInfo ul li{padding: 20px 0;border-bottom: 1px solid #dee1e6;margin-left: 0;width: 80%;text-align: center;margin: 0 auto} | |
| 131 | +.chartType2 .chartInfo ul li:last-child{border: none;} | |
| 132 | +.chartType2 .chartInfo ul li span.tType2{margin-left: 20px;vertical-align: text-bottom;} | |
| 133 | +.chartType2 .chartInfo ul li:nth-child(1)::after{background-color: #6d81f5;} | |
| 134 | +.chartType2 .chartInfo ul li:nth-child(2)::after{background-color: #1ccab8;} | |
| 135 | + | |
| 136 | +.manageCont .boxCont{padding: 20px} | |
| 137 | +.manageCont ul li{width: 48%;height: 100px;border: 1px solid #e5e5e5;box-shadow: 1.5px 2.6px 5px 0 rgba(0,0,0,0.1);border-radius: 8px;margin:0 10px 10px 0;cursor: pointer;} | |
| 138 | +.manageCont ul li:nth-child(2n){margin-right: 0;} | |
| 139 | +.manageCont .iconWrap{float: left;width: 66px;height: 100%;background-color: #f6f6f6;line-height: 120px;border-radius: 5px 0 0 5px;} | |
| 140 | +.manageCont ul li p{text-align: right;padding-right: 15px;} | |
| 141 | +.manageCont ul li p.tType4{margin-top: 22px;margin-bottom: 5px;} | |
| 142 | +.manageCont ul li p.tType7{width: 86%;word-break: keep-all;padding-right: 0;margin: 0 auto;} | |
| 143 | + | |
| 144 | +.box .listType2 li{margin-right: 20px;} | |
| 145 | +.box .listType2 li:first-child{background-image: url(/pb/img/dashBoardImg8.png);background-repeat: no-repeat;list-style: none;padding-left: 25px} | |
| 146 | + | |
| 147 | +.box .tbInfo{display: block;height: 20px;} | |
| 148 | +.box .tbType3{margin-top: 8px;text-align: center;} | |
| 149 | +.box .tbType3 thead tr{background-color: #f6f7f9;border-top: 1px solid #dddee0;border-bottom: 1px solid #dddee0;} | |
| 150 | +.box .tbType3 thead tr th{font-size: 1em;padding: 10px 0;font-weight: 500;color: #000;} | |
| 151 | +.box .tbType3 tbody tr{border-bottom: 1px solid #e5e5e5;} | |
| 152 | +.box .tbType3 tbody tr td{padding: 9px 0;font-size: 0.938em;color: #666;} | |
| 153 | + | |
| 154 | +.box.boxType2{background-color: transparent;box-shadow: none;border-radius: 0;} | |
| 155 | +.box.boxType2 ul{width: 100%;} | |
| 156 | +.box.boxType2 ul li{text-align: center;width: 48.5%;background-color: #fff;height: 145px;margin: 0 15px 10px 0;padding: 20px 10px;word-break: keep-all;border-radius: 8px;border-top: 4px solid #aaa;letter-spacing: -0.3px;box-shadow: 0.5px 0.9px 7px 0 rgba(0,0,0,0.1);cursor: pointer;} | |
| 157 | +.box.boxType2 ul li:nth-child(1){border-top: 4px solid #eab74a;} | |
| 158 | +.box.boxType2 ul li:nth-child(2){border-top: 4px solid #f43a92;} | |
| 159 | +.box.boxType2 ul li:nth-child(3){border-top: 4px solid #6d81f5;} | |
| 160 | +.box.boxType2 ul li:nth-child(4){border-top: 4px solid #1db5a4;} | |
| 161 | +.box.boxType2 ul li:nth-child(2n){margin-right: 0;} | |
| 162 | +.box.boxType2 ul li h3{margin: 15px 0 8px 0;font-weight: 500;} | |
| 163 | + | |
| 164 | +.box.surveyCont .boxCont{padding: 15px 20px;font-size: 1em;} | |
| 165 | +.box.surveyCont table{table-layout: fixed;} | |
| 166 | +.box.surveyCont table tr{border-bottom: 1px solid #e5e5e5;} | |
| 167 | +.box.surveyCont table tr td{font-size: 1em;font-weight: 500;color: #555;letter-spacing: -0.5px;word-break: keep-all;vertical-align: middle;padding: 15px 0;} | |
| 168 | +.box.surveyCont table tr td p{overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical;line-height: 20px;} | |
| 169 | +.box.surveyCont table tr td input[type="button"]{width: 100px;height: 35px;border: none;background-color: #6d81f5;border-radius: 5px;color: #fff;font-weight: 500;cursor: pointer} | |
| 170 | +.box.surveyCont table tr td input[type="button"]:hover{background-color: #5568dc;} | |
| 171 | +.box.surveyCont table tr td input[type="button"]:active{box-shadow: inset 0.5px 1px 3px 0 rgba(0,0,0,0.3)} | |
| 172 | +/* //硫��� ����蹂대�� */ | |
| 173 | + | |
| 174 | +/* ��釉����댁� */ | |
| 175 | +.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;} | |
| 176 | +.pageIcon img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} | |
| 177 | +.pageTitle h2{padding: 5px 0 10px 0;} | |
| 178 | +.pageTitle p{font-weight: 300;} | |
| 179 | +.pageTitle02 {display:flex;margin:35px 0 0;justify-content:space-between;align-items:center;} | |
| 180 | +.pageTitle02.type01 {margin:0;} | |
| 181 | +.pageTitle02 h3 {padding:5px 0 10px;font-family:'Noto Sans KR', sans-serif;font-size:20px;font-weight:500;} | |
| 182 | +.pageTitle02 p {font-family:'Noto Sans KR', sans-serif;font-size:14px;font-weight:300;} | |
| 183 | + | |
| 184 | +.pageNav{text-align: right;width: 85%;color: #888;margin-top: -15px;} | |
| 185 | +.pageNav *{display: inline-block;font-size: 14px;vertical-align: bottom;} | |
| 186 | +.pageNav .subDepth{color: #234dd5;} | |
| 187 | + | |
| 188 | +.pageCont{/* width: 85%; */min-height: 650px;background-color: #fff;box-shadow: 0.5px 0.9px 7px 0 rgba(0,0,0,0.1);margin: 0 auto 0 0;border-radius: 5px;margin-top: 26px;padding: 40px 30px;} | |
| 189 | +.listSerch{margin-bottom: 35px;letter-spacing:6px;} | |
| 190 | +.listSerch h3{display:inline-block;font-size: 1em;margin-right: 8px;} | |
| 191 | +.listSerch input[type="button"]{background-color: #456ded;/* border-radius: 0 3px 3px 0;margin-left: -20px; */margin-left:3px;height: 42px;} | |
| 192 | +.listSerch input[type="button"].btnType2{border: 1px solid #456ded; background-color: #fff; color: #456ded;} | |
| 193 | +.listSerch input[type="button"].btnType2:hover{background-color: #f0f4fe;} | |
| 194 | +.listSerch input[type="button"].btnType3{margin-left: 0;border:none;color:#fff;border-radius: 3px;vertical-align:middle;} | |
| 195 | +.listSerch input[type="button"]:hover{background-color:#1c4ce7;} | |
| 196 | +.listTop p{display: inline-block;vertical-align: middle;margin-bottom: 8px;} | |
| 197 | +.listTop .rightWrap{float: right;vertical-align: middle;margin-top: -25px;margin-bottom: 00px;} | |
| 198 | +.listTop input[type="button"].btn {background-color: #456ded;height: 42px;} | |
| 199 | +.listTop input[type="button"].btn:hover {background-color: #1c4ce7;} | |
| 200 | +.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;} | |
| 201 | +input[type="button"].readBtn{border:1px solid #456ded;color:#456ded;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;} | |
| 202 | +input[type="button"].readBtn:hover{background-color:#f2f4f7;} | |
| 203 | +input[type="button"].excelBtn{border: 1px solid #207245;background-image: url(/pb/img/excelIcon.png);} | |
| 204 | +input[type="button"].printBtn{border: 1px solid #686b72;background-image: url(/pb/img/printIcon.png)} | |
| 205 | +.pageCont .tbType1{border-top: 2px solid #456ded;text-align: center;width: 100%;table-layout: fixed;} | |
| 206 | +.pageCont .tbType1 thead tr{border-bottom: 2px solid #e6e6e6} | |
| 207 | +.pageCont .tbType1 thead tr th{padding: 15px 0; font-size: 1em;font-weight: 500;color: #555;white-space: nowrap;} | |
| 208 | +.sort{padding-left:8px;cursor:pointer;} | |
| 209 | +.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;} | |
| 210 | +.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;} | |
| 211 | +.sortBtnDesc{background-image: url(/pb/img/common/sortImgdownon.png);border: none;background-color: transparent;background-repeat: no-repeat;background-position: center center;height: 14px;cursor:pointer;} | |
| 212 | +.pageCont .tbType1 tbody tr{border-bottom: 1px solid #e6e6e6;} | |
| 213 | +.pageCont .tbType1 tbody tr td{padding: 5px 0;color: #555;font-weight: 400;height:40px;vertical-align:middle;text-overflow: ellipsis;overflow: hidden;white-space: nowrap} | |
| 214 | +.pageCont .tbType1 tbody tr td input[type="button"]{height: 30px;font-size: 0.813em;width: auto;padding: 0 8px;vertical-align: middle;margin-right: 2px;letter-spacing: -1px;} | |
| 215 | +.pageCont .tbType1 tbody tr td input[type="button"].btnType1{background-color: #8595b0;} | |
| 216 | +.pageCont .tbType1 tbody tr td input[type="button"].btnType1:hover{background-color: #5d7091} | |
| 217 | +.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;} | |
| 218 | +.pageCont .tbType1 tbody tr td input[type="button"].btnType2{border: 1px solid #8595b0;color: #8595b0;} | |
| 219 | +.pageCont .tbType1 tbody tr td input[type="button"].btnType2:hover{background-color: #f2f4f7;} | |
| 220 | +.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;} | |
| 221 | +.pageCont .tbType1 tbody tr td button.btnType20{background-color:#456ded;} | |
| 222 | +.pageCont .tbType1 tbody tr td button.btnType20:last-child {color:#8595b0;border:1px solid #8595b0;background:#fff;} | |
| 223 | +.pageCont .tbType1 tbody tr td button.btnType20:hover{background-color:#2454ef} | |
| 224 | +.pageCont .tbType1 tbody tr td button.btnType20:last-child {color:#8595b0;border:1px solid #8595b0;background:#fff;} | |
| 225 | +.pageCont .tbType1 tbody tr td button.btnType20:last-child:hover{background-color:#f2f4f7} | |
| 226 | +.pageCont .tbType1 tbody tr td button.btnType21{background-color:#456ded;} | |
| 227 | +.pageCont .tbType1 tbody tr td button.btnType21:last-child {color:#d57b7b;border:1px solid #fb0f0f;background:#fff;} | |
| 228 | +.pageCont .tbType1 tbody tr td button.btnType21:hover{background-color:#2454ef} | |
| 229 | +.pageCont .tbType1 tbody tr td button.btnType21:last-child {color: #d57b7b;border: 1px solid #fb0f0f;background:#fff;} | |
| 230 | +.pageCont .tbType1 tbody tr td button.btnType21:last-child:hover{background-color:#f7f2f4} | |
| 231 | +.pageCont .tbType1 tbody tr td .id_box {height:30px;line-height:30px;text-align:left;} | |
| 232 | +.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;} | |
| 233 | +.pageCont .tbType1 tbody tr td .id_box:before {content:'';display:inline-block;width:20px;height:20px;margin:6px 3px 0 0;vertical-align:top;} | |
| 234 | +.pageCont .tbType1 tbody tr td .id_box.vip:before {background:url(/pb/img/icon_vip.png) no-repeat left top;} | |
| 235 | +.pageCont .tbType1 tbody tr td .id_box.bMark:before {background:url(/pb/img/icon_bmark.png) no-repeat left top;} | |
| 236 | +.pageCont .tbType1 tbody tr td .id_box.vip.bMark:before{width: 45px; background: url(/pb/img/icon_vip.png),url(/pb/img/icon_bmark.png); background-position: left top, 24px top; background-repeat: no-repeat;} | |
| 237 | +.pageCont .tbType1 tbody tr.biz_hover_wrap {border:0 none;} | |
| 238 | +.pageCont .tbType1 tbody tr.biz_hover_wrap td {overflow:inherit;position:relative;height:0;padding:0;border:0 none;} | |
| 239 | +.pageCont .tbType1 tbody tr.biz_hover_wrap td .biz_hover_content {display:none;position:fixed;left:0;top:0;padding:20px;border:1px solid #e5e5e5;background:#fff;border-radius:5px;box-shadow:0px 3px 10px 0px rgba(0 0 0 / 0.2);z-index:1;} | |
| 240 | +.pageCont .tbType1 tbody tr.biz_hover_wrap td .biz_hover_content dl {line-height:24px;border-bottom:1px solid #e5e5e5;} | |
| 241 | +.pageCont .tbType1 tbody tr.biz_hover_wrap td .biz_hover_content dl:after {content:'';display:block;clear:both;} | |
| 242 | +.pageCont .tbType1 tbody tr.biz_hover_wrap td .biz_hover_content dl dt {float:left;margin:0 5px 0 0;text-align:left;} | |
| 243 | +.pageCont .tbType1 tbody tr.biz_hover_wrap td .biz_hover_content dl dt:after {content:' : ';} | |
| 244 | +.pageCont .tbType1 tbody tr.biz_hover_wrap td .biz_hover_content dl dd {float:left;text-align:left;white-space:nowrap;} | |
| 245 | +.pageCont .tbType1 tbody tr:hover + tr.biz_hover_wrap td .biz_hover_content {display:block;} | |
| 246 | +.pageCont .tbType1 tbody tr td.smishing, | |
| 247 | +.pageCont .tbType1 tbody tr td.smishing *, | |
| 248 | +.pageCont .tbType1 tbody tr td .smishing {color:#ff6a00 !important;} | |
| 249 | +.pageCont .tbType1+.btnWrap{margin-top: -30px;} | |
| 250 | +.pageCont .tbType1+.page{margin-top: 20px;} | |
| 251 | + | |
| 252 | +.pageCont .tbType2{border-top: 2px solid #456ded;width: 100%;table-layout: fixed;text-align: left;} | |
| 253 | +.pageCont .tbType2:last-child{margin-bottom: 0;} | |
| 254 | +.pageCont .tbType2 tbody tr{border-bottom: 1px solid #e5e5e5;} | |
| 255 | +.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} | |
| 256 | +.pageCont .tbType2 tbody tr td{vertical-align: middle;font-size: 1em;font-weight: 400;color: #555;padding: 8px 0 8px 20px;} | |
| 257 | +.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;} | |
| 258 | +.pageCont .tbType2 tbody tr td input[type="text"]{width: 80%;} | |
| 259 | +.pageCont .tbType2 tbody tr td input[type="text"].dateInput{width: 8% !important;min-width:5%;margin: 0 3px;} | |
| 260 | +.pageCont .tbType2 tbody tr td select{width: 15%;padding-right:20px;}/* select 湲���蹂�濡� �ш린 ���대��寃� ��寃� */ | |
| 261 | +.pageCont .tbType2 tbody tr td select.date_format{width:8% !important;min-width:5%;margin: 0 3px 0 10px;} | |
| 262 | +.pageCont .tbType2 tbody tr td .refund_cehck {display:inline-block;line-height:40px;vertical-align:top;} | |
| 263 | +.pageCont .tbType2 tbody tr td .refund_cehck input[type=radio]+label+label {display:inline-block;} | |
| 264 | +.pageCont .tbType2 tbody tr td .refund_confirm {display:inline-block;margin:2px 0 0;vertical-align:top;} | |
| 265 | +.pageCont .tbType2 tbody tr td .refund_confirm li {display:none;} | |
| 266 | +.pageCont .tbType2 tbody tr td .refund_confirm li select {width:200px;margin:0 8px 0 0;} | |
| 267 | +.pageCont .tbType2.tbType2_refund {margin:30px 0 0;} | |
| 268 | +.pageCont .tbType2.tbType2_refund tbody tr td textarea.refund_memo {width:calc(100% - 155px);height:100px;margin:0 10px 0 0;padding:5px 10px;resize:none;box-sizing:border-box;} | |
| 269 | +.pageCont .tbType2.tbType2_refund tbody tr td .btnType1 {height:100px;padding:0 27px;font-size:18px;} | |
| 270 | + | |
| 271 | +.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} | |
| 272 | +.pageCont .tbType2+.btnWrap{margin-bottom: 80px;} | |
| 273 | +.pageCont .tbType2+.btnWrap input[type="button"]{margin-left: 5px;min-width: 90px;padding: 14.5px 20px; font-size: 1.125em;word-break:keep-all;} | |
| 274 | + | |
| 275 | +.pageCont .tbType3{border-top: 2px solid #456ded;width: 100%;text-align: center;} | |
| 276 | +.pageCont .tbType3 thead tr{background-color: #edf0f5;border-bottom: 2px solid #e6e6e6;} | |
| 277 | +.pageCont .tbType3 thead tr th{color: #555;font-size: 1em;font-weight: 500; height: 45px;vertical-align: middle;letter-spacing: -1px;} | |
| 278 | +.pageCont .tbType3 tbody tr{border-bottom: 1px solid #e6e6e6;} | |
| 279 | +.pageCont .tbType3 tbody tr th{background-color: #f3f6fa;color: #222;vertical-align: middle;letter-spacing: -1px;} | |
| 280 | +.pageCont .tbType3 tbody tr td{color: #222;height: 45px;vertical-align: middle;} | |
| 281 | + | |
| 282 | + | |
| 283 | +.pageCont .tbType4{text-align: center; width: 100%; table-layout: fixed; margin:0 0 50px 0;} | |
| 284 | +.pageCont .tbType4 thead tr th{border-top:2px solid #456ded; border-bottom:3px double #e6e6e6; padding: 13px 0; font-size: 1em; font-weight: 500;color: #555; white-space: nowrap; border-left:1px solid #d5d5d5; text-align:center;} | |
| 285 | +.pageCont .tbType4 thead tr th:first-child {border-left:none;} | |
| 286 | +.pageCont .tbType4{border-top: 2px solid #456ded;width: 100%;table-layout: fixed;text-align: left;} | |
| 287 | +.pageCont .tbType4 tbody tr{border-bottom: 2px solid #e5e5e5;} | |
| 288 | +.pageCont .tbType4 tbody tr td{vertical-align: middle;font-size: 1em;font-weight: 400;color: #555;padding: 12px 0; border-left:1px solid #d5d5d5; text-align:center;} | |
| 289 | +.pageCont .tbType4 tbody tr td:first-child {border-left:none;} | |
| 290 | + | |
| 291 | + | |
| 292 | +.ipStatus .contBox{margin-right: 30px;margin-bottom: 50px;flex-grow: 2 1;width: auto;float: left;} | |
| 293 | +.ipStatus .contBox:nth-child(1){width: 65%;} | |
| 294 | +.ipStatus .contBox:nth-child(2){width: 30%;} | |
| 295 | +.ipStatus .contBox .boxWrap{border: 1px solid #e5e5e5;border-radius: 5px;padding: 60px 50px;text-align: center;margin: 0 auto;margin-top: 15px;width: 100%;} | |
| 296 | +.ipStatus .contBox.lastBox{margin-right: 0;} | |
| 297 | +.ipStatus .tableWrap{margin-top: 15px;} | |
| 298 | +.ipStatus .tbWrap{width: 100%;} | |
| 299 | +.ipStatus .chartArea{background-color: #efefef;width: 100%;height: 340px;overflow: hidden} | |
| 300 | +.ipStatus .chartArea img{width: 100%;height: auto;}/* img �ъ�댁� ���� 李⑦�� �ㅼ�닿�硫� ���� */ | |
| 301 | +.chartBg{width: 14px;height: 14px;border-radius: 3px;background-color: #1ccab8;display: inline-block;vertical-align: bottom;margin-right: 5px;} | |
| 302 | +.chartColor{color: #1ccab8;font-size: 18px;font-weight: 600;} | |
| 303 | + | |
| 304 | +/*.pageCont .tableWrap+.btnWrap{margin-top: -20px;}*/ | |
| 305 | +.pageCont .btnWrap{margin-top: 10px;height: 45px;} | |
| 306 | +.pageCont .btnWrap input[type="button"]{margin-left: 5px;padding: 14.5px 20px;height: auto;font-weight: 500;font-size: 1em;} | |
| 307 | +.pageCont .btnWrap .btnType1{background-color: #456ded !important; float: right;} | |
| 308 | +.pageCont .btnWrap .btnType1:hover{background-color: #1c4ce7;} | |
| 309 | +.pageCont .btnWrap .btnType2{border: 1px solid #456ded;color: #456ded;} | |
| 310 | +.pageCont .btnWrap .btnType2:hover{background-color: #f2f4f7;} | |
| 311 | +.pageCont .btnWrap1 {text-align:center; padding:20px 0 0 0;} /* 미니팝업 버튼 영역 추가*/ | |
| 312 | +.pageCont .btnWrap1 .btnType3 {background-color:#456ded; color:#fff; height:45px; border-radius:5px; min-width:70px; margin:0 5px 0 0;} /* 미니팝업 버튼 영역 추가*/ | |
| 313 | + | |
| 314 | +.tbType2 tbody tr td input[type="radio"]+label+label{font-size: 1.125em;font-weight: 400;margin-left: 5px;} | |
| 315 | + | |
| 316 | +.page{margin: 0 auto 20px auto;width: 100%;text-align: center;position: relative;} | |
| 317 | +.page ul{position: absolute;left: 50%;transform: translateX(-50%);} | |
| 318 | +.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;} | |
| 319 | +.page ul li strong {display:block;width:100%;height:100%;color:#fff;border:1px solid #456ded;background-color:#456dfd} | |
| 320 | +.page ul li:hover{background-color: #456ded;color: #fff;border-color:#456ded;} | |
| 321 | +.page ul li:first-child{margin-left: 0;border-radius: 5px 0 0 5px;} | |
| 322 | +.page ul li:last-child{border-radius: 0 5px 5px 0;} | |
| 323 | +.page ul li:only-child{border-radius: 5px 5px 5px 5px;} | |
| 324 | +.page ul li input[type="button"]{border: none;height: 33px;width: 33px;background-color: transparent;background-position: center;background-repeat: no-repeat;} | |
| 325 | +.pageFirst{background-image: url(/pb/img/common/pageFirst.png)} | |
| 326 | +.page ul li:hover .pageFirst{background-image: url(/pb/img/common/pageFirstHover.png)} | |
| 327 | +.pageBefore{background-image: url(/pb/img/common/pageBefore.png)} | |
| 328 | +.page ul li:hover .pageBefore{background-image: url(/pb/img/common/pageBeforeHover.png)} | |
| 329 | +.pageNext{background-image: url(/pb/img/common/pageNext.png)} | |
| 330 | +.page ul li:hover .pageNext{background-image: url(/pb/img/common/pageNextHover.png)} | |
| 331 | +.pageLast{background-image: url(/pb/img/common/pageLast.png)} | |
| 332 | +.page ul li:hover .pageLast{background-image: url(/pb/img/common/pageLastHover.png)} | |
| 333 | + | |
| 334 | +.orgWrap{width: 20%;display: inline-block;margin-right: 2%;vertical-align: top;margin-top: 30px;} | |
| 335 | +.orgWrap .btnWrap{margin-top: 0;height: 30px} | |
| 336 | +.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;} | |
| 337 | +.orgWrap .btnWrap .btnType1{background-color: #8595b0;} | |
| 338 | +.orgWrap .btnWrap .btnType1:hover{background-color:#5d7091;} | |
| 339 | +.orgWrap .btnWrap .btnType2{background-color: #fff;border: 1px solid #8595b0;color: #8595b0;} | |
| 340 | +.orgWrap .btnWrap .btnType2:hover{background-color:#f2f4f7;} | |
| 341 | +.orgCont{width: 100%;min-height: 300px;border: 1px solid #d5d5d5;margin-top: 10px;border-radius: 5px;overflow:auto;} | |
| 342 | +.tbWrap{width: 77%;display: inline-block;margin-top: 36px;vertical-align: top;} | |
| 343 | +.tbWrap table tbody input[type="text"]{width: 80%;} | |
| 344 | +.tbTit{position: relative;font-size: 20px;color: #222;letter-spacing: -0.5px;padding-left: 15px;font-weight: 800;} | |
| 345 | +.tbTit::before{position: absolute;content: " ";width: 5px;height: 18px;border-radius: 2px;background-color: #456ded;left: 0;top: 50%;transform: translateY(-49%)} | |
| 346 | +.tbTit+table,p.right.fwMd+table{margin-top: 15px;margin-bottom: 40px;} | |
| 347 | +.pageCont .tbType1 tbody tr td input[type="button"].editBtn{width: 32px;height: 32px;border-radius: 3px; background-color: #8595b0;background-image: url(/pb/img/common/editIcon.png);background-repeat: no-repeat;background-position: center;border: none;padding: 5px;} | |
| 348 | +.tbTit+p.right.fwMd{margin-bottom: 15px;margin-top: -15px;} | |
| 349 | +.tbWrap+.btnWrap{text-align: right;} | |
| 350 | +.tbWrap+.btnWrap input[type="button"]{float: none;padding: 10px 20px;} | |
| 351 | + | |
| 352 | +.galleryListWrap{border-top: 2px solid #456ded;border-bottom: 1px solid #e6e6e6;padding: 40px 0 20px 0;width: 100%;margin: 0 auto;} | |
| 353 | +.galleryListWrap::before,.galleryListWrap::after,.galleryListWrap+.btnWrap::after,.galleryListWrap ul{clear: both;overflow: hidden} | |
| 354 | +.galleryListWrap ul li{position: relative;width: 24%;height: 330px;overflow: hidden;margin-right: 1.3%;margin-bottom: 1.3%;} | |
| 355 | +.galleryListWrap ul li:nth-child(4n){margin-right: 0;} | |
| 356 | +.galleryListWrap ul li .imgBox{position:relative;text-align: center;width:100%;height:100%;overflow:hidden;background-color:#f7f7f7;} | |
| 357 | +.galleryListWrap ul li .imgBox img{width:100%;height: 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} | |
| 358 | +.galleryListWrap ul li .imgBox img[src*="noImg"]{width:55%;height:auto;} | |
| 359 | +.galleryListWrap .check{position: absolute;z-index: 2;left: 3%;top: 3%;} | |
| 360 | +.galleryListWrap .check input[type="checkbox"]+label{background-color: #fff;width: 20px;height: 20px;border:1px solid #555;} | |
| 361 | +.galleryListWrap .check input[type="checkbox"]:checked+label{border: 1px solid #456ded;background-color: #456ded;position: relative;} | |
| 362 | +.galleryListWrap .check 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%)} | |
| 363 | +.galleryListWrap .listCategory{position: absolute;right: 0;top: 0; z-index: 2;width: 50%;height: 30px;background-color: #ddd;font-size: 0.875em;color: #fff;} | |
| 364 | +.galleryListWrap .listCategory li{display: table-cell;width: 60%;height: 100%;text-align: center;vertical-align: middle;padding: 7.4px 5px;background-color: #1db5a4;margin-right: 0;font-weight: 600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} | |
| 365 | +.galleryListWrap .listCategory li.useCg{width: 40%;background-color: #f9844b} | |
| 366 | +.galleryListWrap .listCategory li.unUseCg{width: 40%;background-color: #888} | |
| 367 | +.galleryListWrap ul li .listInfo{position: absolute;z-index: 2;background-color: rgba(0,0,0,0.5);width: 100%;bottom: 0;color: #fff;padding: 23px 22px;} | |
| 368 | +.galleryListWrap ul li .listInfo h3{font-size: 18px;text-align: center;padding-bottom: 20px;font-weight: 500;color: #dbdbdb;} | |
| 369 | +.galleryListWrap ul li table{width: 100%;font-size: 0.875em;letter-spacing: 0px;color: #dbdbdb;font-weight: 400;} | |
| 370 | +.galleryListWrap ul li table tr:first-child td{padding-bottom: 10px;} | |
| 371 | + | |
| 372 | +.fileWrap{width: 81%;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%} | |
| 373 | +.fileWrap.fileAfter{background-image: none;} | |
| 374 | +.fileWrap table{width: 100%;text-align: center;} | |
| 375 | +.tbType2 .fileWrap table thead tr th{font-size: 1em;height: 40px;padding: 0;vertical-align: middle;} | |
| 376 | +.tbType2 .fileWrap table thead tr th:first-child{padding-left: 20px;text-align: left} | |
| 377 | +.tbType2 .fileWrap table tbody tr td{height: 40px;padding-left: 0;text-align:left} | |
| 378 | + | |
| 379 | +.tbType2 .fileWrap table tbody tr td.file_name{text-align: left;padding-left: 20px;} | |
| 380 | +.tbType2 .fileWrap table tbody tr td.file_name img{margin-right: 5px;vertical-align: middle;} | |
| 381 | +.fileWrap .delBtn{border: 1px solid #ccc;width: 28px;height: 28px;border-radius: 3px;background-image: url(/pb/img/common/delBtn.png);background-repeat: no-repeat;background-position: center;background-color: #fff;} | |
| 382 | +.fileWrap .delBtn:hover{background-image: url(/pb/img/common/delBtnHover.png);background-color: #e40000;border: 1px solid #e40000;transition: all 0.5s;} | |
| 383 | +.fileWrap+.fileInfo{width: 81%;text-align: right;height: 30px;} | |
| 384 | +.fileWrap+.fileInfo ul{float: right;width: 60%;} | |
| 385 | +.fileWrap+.fileInfo ul li{width: 50%;} | |
| 386 | + | |
| 387 | +/* �댁��湲�/�ㅼ��湲� */ | |
| 388 | +.listView{margin-top: 50px;} | |
| 389 | +.listView table.tbType1{text-align: left;} | |
| 390 | +.listView table.tbType1 tr th{vertical-align: middle;padding-left: 30px;background-color: #f7f7f7;font-size: 1.125em;font-weight: 500;padding: 20px 5px 20px 30px;} | |
| 391 | +.listView table.tbType1 tr td{padding-left: 30px;font-size: 1em;} | |
| 392 | +/* //�댁��湲�/�ㅼ��湲� */ | |
| 393 | + | |
| 394 | + | |
| 395 | +/* ��湲� */ | |
| 396 | +.cmmt_wrap2{margin-top: 30px;} | |
| 397 | +.cmmt_tit2{display: flex; align-items: center;} | |
| 398 | +.cmmt_tit2 img{margin-right: 6px;} | |
| 399 | +.cmmt_tit2 span{color: #ea5404; font-weight: bold; font-size: 20px;} | |
| 400 | +.cmmt_list2{width: 100%; border-top: 1px solid #d5d5d5; margin-top: 10px;} | |
| 401 | +.cmmt_list2 li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 24px 0;} | |
| 402 | +.cmmt_person2{min-width: 70px; position: relative; font-size: 18px; font-weight: 500; margin-right: 10px; padding-left: 20px;} | |
| 403 | +.cmmt_person2::before{position: absolute; content: " "; width: 1px; height: 15px; background-color: #d5d5d5; right: 0; top: 4px;} | |
| 404 | +.cmmt_detail2{font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: -0.5px; color: #222; padding-left: 20px;} | |
| 405 | +.cmmt_date2{display: inline-block; margin-top: 20px; font-weight: 400; font-size: 16px; color: #999;} | |
| 406 | +.cmmt_detail2 .btn_wrap{float: right; margin-top: 15px;} | |
| 407 | +.cmmt_detail2 .btn_wrap button{font-size: 16px; min-width: 60px; height: 36px; vertical-align: middle;} | |
| 408 | +.cmmt_input2{width: 100%; margin-top: 30px;} | |
| 409 | +.cmmt_input2 textarea{height: 80px; width: calc(100% - 90px); vertical-align: middle; border: 2px solid #e5e5e5; border-radius: 5px; padding: 15px; box-sizing: border-box;} | |
| 410 | +.cmmt_input2 .cmmt_add2{width: 80px; height: 80px; border-radius: 5px; background-color: #456ded; border: 0; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 18px; transition: background-color 0.2s linear;} | |
| 411 | +/* //��湲� */ | |
| 412 | + | |
| 413 | +/* ��湲� */ | |
| 414 | +.cmtWrap{margin-top: 35px;} | |
| 415 | +.cmtTop{border-bottom: 1px solid #e6e6e6;padding-bottom: 16px;} | |
| 416 | +.cmtTop *{display: inline-block;} | |
| 417 | +.cmtTop img{margin-bottom: -6px;} | |
| 418 | +.cmtTop p{font-size: 1em;margin-left: 8px;font-weight: 500;} | |
| 419 | +.cmtTop p span{font-size: 1.250em;} | |
| 420 | +.cmtBox{padding: 20px 15px;border-bottom: 1px solid #e6e6e6;} | |
| 421 | +.cmtBox h3{font-size: 1.125em;font-weight: 500;position: relative;width: 8%;display: inline-block;} | |
| 422 | +.cmtBox h3::after{position: absolute;content: " ";width: 1px;height: 13px;background-color: #b2b2b2;right: 0;top: 50%;transform: translateY(-50%);} | |
| 423 | +.cmtArea{display: inline-block;width: 91%;vertical-align: top;padding-left: 30px;margin-top: -0.5em;} | |
| 424 | +.cmtTxt.tType4{font-weight: 300;line-height: 1.625em;-webkit-line-clamp:2;-webkit-box-orient:vertical;display: -webkit-box;word-wrap: break-word;height: 3.25em;overflow-y: hidden;} | |
| 425 | +.cmtDate.tType5{font-size: 1em;font-weight: 300;margin-top: 20px;} | |
| 426 | +.cmtBtm{margin-top: 30px;} | |
| 427 | +.cmtBtm textarea{width: 92.6%;height: 70px;border: 2px solid #e5e5e5;border-radius: 3px;} | |
| 428 | +.cmtBtm input[type="button"]{width: 80px;height: 80px;margin-left: 10px;} | |
| 429 | +/* //��湲� */ | |
| 430 | + | |
| 431 | + | |
| 432 | +/* #menuType{margin-top:8px;} */ | |
| 433 | +#showUrl{display: block; margin-top: -12px;margin-bottom:8px;} | |
| 434 | + | |
| 435 | +/* //��釉����댁� */ | |
| 436 | + | |
| 437 | +/* jstree */ | |
| 438 | +.jstree-default .jstree-themeicon{background-image:url(/pb/img/common/folderClose.png);background-position:center center !important} | |
| 439 | +.jstree-default .jstree-closed a.jstree-anchor i.jstree-icon.jstree-themeicon{background-image:url(/pb/img/common/folderClose.png)} | |
| 440 | +.jstree-default .jstree-open a.jstree-anchor i.jstree-themeicon{background-image:url(/pb/img/common/folderOpen.png)} | |
| 441 | + | |
| 442 | +.stats_table tr{border-bottom: 1px solid #e5e5e5 !important;} | |
| 443 | +.stats_table th{vertical-align: middle; border-right: 1px solid #e5e5e5} | |
| 444 | +.stats_table th:last-child[rowspan]{border-right: 0;} | |
| 445 | +.stats_table td{border-right: 1px solid #e5e5e5;} | |
| 446 | +.stats_table td:last-child{border: 0;} | |
| 447 | + | |
| 448 | +/*운영관리 > 게시글관리 수정*/ | |
| 449 | +.pageTitle .post_tit{padding: 20px 0 9px 0;} | |
| 450 | + | |
| 451 | +@media screen and (max-width:1570px){ | |
| 452 | + /* .listSerch .calendar_wrap{margin-bottom: 8px;} */ | |
| 453 | + .listSerch{margin: -8px 0 35px 0;} | |
| 454 | + .listSerch>*{margin: 8px 0 0 0; vertical-align: middle;} | |
| 455 | + .listSerch>a .date_format, .listSerch>a.date_select_btn input{margin: 8px 0 0 0;} | |
| 456 | + .listSerch>a .calBtn{margin: 6px 0 0 -41px !important;} | |
| 457 | + .listSerch>a+a{margin: 0 0 0 10px !important; vertical-align: sub;} | |
| 458 | + .listSerch span{vertical-align: sub;} | |
| 459 | + .listSerch br{display: none;} | |
| 460 | + .listSerch input[type="checkbox"]+label{margin: 6px 0 0 0;} | |
| 461 | + .listSerch input[type="checkbox"]+label+label{vertical-align: sub;} | |
| 462 | +} |
--- src/main/webapp/pb/css/dashboard.css
+++ src/main/webapp/pb/css/dashboard.css
... | ... | @@ -1,126 +1,65 @@ |
| 1 |
-@import url('/css/font-sans.css');
|
|
| 1 |
+@charset "utf-8"; |
|
| 2 |
+@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');
|
|
| 2 | 3 |
|
| 3 |
-/* 공통 */ |
|
| 4 |
-@media print{
|
|
| 5 |
- @page {size: landscape}
|
|
| 6 |
-} |
|
| 4 |
+.dashBoard .cont{display:flex;flex-wrap:wrap;gap:30px;}
|
|
| 5 |
+.box{display:inline-block;width:calc((100%/3) - 20px);height:300px;background-color: #fff;box-shadow: 0.5px 0.9px 7px 0 rgba(0,0,0,0.1);border-radius: 5px;overflow: hidden;}
|
|
| 6 |
+.boxTitle{width:100%;height:50px;font-family: 'Gmarket Sans';line-height:50px;background:#fff;border-bottom: 1px solid #f2f2f2;}
|
|
| 7 |
+.boxTitle *:not(h3){font-family: 'Gmarket Sans';font-weight:500;}
|
|
| 8 |
+.boxTitle h3{display:inline-block;padding:0 0 0 25px;font-size:19px;font-weight:700;color:#222;line-height:54px;}
|
|
| 9 |
+.boxTitle input[type="button"]{float:right;width:20px;height:20px;border:none;background-color:transparent;background-image: url(/pb/img/common/plusBtn.png);background-repeat:no-repeat;margin:15px;cursor:pointer;}
|
|
| 10 |
+.boxCont{width:100%;padding:25px 20px;text-align:center;margin:0 auto;}
|
|
| 7 | 11 |
|
| 8 |
-.fwMd{font-weight: 500;}
|
|
| 9 |
-.fwBold{font-weight: 600;}
|
|
| 10 |
-.fwExtBold{font-weight: 700;}
|
|
| 12 |
+/* 대시보드 현황 및 통계 */ |
|
| 13 |
+.todayStatus{height:320px;}
|
|
| 14 |
+.todayStatus .boxCont{padding:25px 5px;}
|
|
| 15 |
+.todayStatus ul{display:flex;flex-flow:row wrap;justify-content:space-between;width:100%;height:100%;}
|
|
| 16 |
+.todayStatus ul li{width:calc((100% - 3px)/3);height:100%;border-right:1px dashed #e5e5e5;}
|
|
| 17 |
+.todayStatus ul li:last-child{border:none;}
|
|
| 18 |
+.todayStatus .icon{width:60px;height:60px;margin:0 auto 15px auto;line-height:75px;text-align:center;border-radius:100%;}
|
|
| 11 | 19 |
|
| 12 |
-.c_222222{color: #222}
|
|
| 13 |
-.c_333333{color: #333}
|
|
| 14 |
-.c_999999{color: #999}
|
|
| 15 |
-.c_b4b4b4{color: #b4b4b4}
|
|
| 16 |
-.c_456ded{color: #456ded}
|
|
| 17 |
-.c_e40000{color: #e40000;}
|
|
| 18 |
-.c_ed4555{color: #ed4555}
|
|
| 20 |
+.todayStatus .boxCont{height:calc(100% - 50px);}
|
|
| 21 |
+.todayStatus02 .boxCont{height:auto;}
|
|
| 22 |
+.todayStatus .small_text{font-size:0.875em;color:#b6b6b6;}
|
|
| 23 |
+.todayStatus01 .small_text{margin:0 0 11px 0;}
|
|
| 24 |
+.todayStatus .middle_text{margin:0 0 11px 0;font-size:1em;font-weight:400;color:#222222;}
|
|
| 25 |
+.todayStatus .large_text{padding:4px 0 12px 0;font-family: 'Gmarket Sans';font-weight:bold;font-size:2.2em;font-weight:700;color:#222222;}
|
|
| 26 |
+.todayStatus .large_text *{font-family: 'Gmarket Sans';font-weight:bold;}
|
|
| 27 |
+.todayStatus01 .large_text{font-size:1.875em;}
|
|
| 19 | 28 |
|
| 20 |
-.contWrap{width: calc(100% - 240px);background-color: #e7ebf1;position: absolute;top: 70px;left: 240px;padding: 30px 40px;min-height: 986px;}
|
|
| 21 |
-.cont{/* width: 85%; */margin: 30px auto 0 0;}
|
|
| 22 |
-.dashBoard .cont{/* width: 88%; */display: flex;flex-flow: row wrap;}
|
|
| 23 |
-.box{flex-basis: 32%; background-color: #fff;box-shadow: 0.5px 0.9px 7px 0 rgba(0,0,0,0.1);border-radius: 5px;display: inline-block;margin: 0 13.5px 27px 0;}
|
|
| 24 |
-.boxTitle{width: 100%;background: linear-gradient(to bottom, rgba(248,249,252,1) 0%, rgba(243,244,247,1) 100%);border-bottom: 1px solid #f1f4fa; line-height: 50px;height: 50px;}
|
|
| 25 |
-.boxTitle h3{padding-left: 25px;color: #222;display: inline-block;}
|
|
| 26 |
-.boxTitle h3 span{font-size: 14px;}
|
|
| 27 |
-.boxTitle input[type="button"]{border: none;background-color: transparent;width: 20px;height: 20px;float: right;background-image: url(/pb/img/common/plusBtn.png);background-repeat: no-repeat;margin: 15px;cursor: pointer;}
|
|
| 28 |
-.boxCont{padding: 25px 20px;text-align: center;margin: 0 auto;width: 100%;}
|
|
| 29 |
+.todayStatus .total_box_wrap{display:flex;flex-wrap:wrap;width:calc(100% - 20px);margin:10px auto 0 auto;padding:2.5px 13px;font-size:0.813em;font-weight:400;color:#666;border:1px solid #e5e5e5;border-radius:5px;}
|
|
| 30 |
+.todayStatus .total_box_wrap li{display:inline-block;width:auto;padding:2.5px 4px 2.5px 0;font-size:inherit;text-align:left;letter-spacing:-0.5px;border:0;}
|
|
| 31 |
+/* //대시보드 현황 및 통계 */ |
|
| 29 | 32 |
|
| 30 |
-/* 메인대시보드_2022 */ |
|
| 31 |
-.dashBoard .tab_wrap{float: right; background-color: #dfe2e7; border: 1px solid #d2dae3; border-radius: 500px; margin-top: -25px; box-shadow: inset 3px 4px 8px rgba(0,0,0,0.2);}
|
|
| 32 |
-.dashBoard .tab_wrap .btn_tab{width: 105px; height: 35px; font-size: 17px; color: #777;}
|
|
| 33 |
-.dashBoard .tab_wrap .btn_tab.on{background: linear-gradient(180deg, rgba(67,107,235,1) 20%, rgba(37,79,213,1) 100%); border-radius: 500px; color: #fff;}
|
|
| 33 |
+/* table */ |
|
| 34 |
+.boxCont table{width:100%;margin:0 auto;font-size:1em;color:#555;text-align:left;table-layout:fixed;}
|
|
| 35 |
+.boxCont table.tbType1 tr{border-bottom:1px solid #e5e5e5;cursor:pointer;}
|
|
| 36 |
+.boxCont table.tbType1 tr td{padding:16px 2px 10px 0;font-size:inherit;text-align:center;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
| 37 |
+.boxCont table.tbType1 tr:first-child td{padding-top:0;}
|
|
| 38 |
+.boxCont table.tbType1 tr td:first-child{padding-right:20px;}
|
|
| 34 | 39 |
|
| 35 |
-.box{min-height: 380px; margin: 0 30px 30px 0;}
|
|
| 40 |
+.boxCont02 table.tbType1 tbody tr td{padding:9px 2px 8px;font-size:15px;vertical-align:middle;}
|
|
| 41 |
+.boxCont02 table.tbType1 tbody tr:first-child td{padding:0 2px 10px 0;font-size:16px;}
|
|
| 42 |
+.boxCont02 table.tbType1 tbody tr td:first-child{padding-right:10px;font-size:16px;}
|
|
| 36 | 43 |
|
| 37 |
-.today_business_status,.user_status,.inquiry_status,.connection_statistics,.company_user_status,.call_number_status,.refund_status,.adrs_status,.tax_status,.cash_receipt_status,.custom_made,.switch_point_status{width: calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2);}
|
|
| 38 |
-.sales_status,.message_send_status{flex-basis: 100%; margin: 0 0 30px 0;}
|
|
| 39 |
-.new_user_status{flex-basis: calc(55% - 30px); margin: 0 0 30px 0;}
|
|
| 40 |
-.hacking_ip_status{flex-basis: 45%; margin: 0 0 30px 30px;}
|
|
| 41 |
-.user_status,.connection_statistics,.company_user_status,.refund_status,.adrs_status,.cash_receipt_status,.switch_point_status{margin: 0 0 30px 0;}
|
|
| 44 |
+.boxCont table.tbType2{width:auto;font-size:0.875em;border-left:3px solid #e5e5e5;overflow:visible;}
|
|
| 45 |
+.boxCont table.tbType2 tr td{padding:10px 0;font-size:inherit;text-align:center;letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
| 46 |
+.boxCont table.tbType2 tr td:first-child{padding-left:10px;}
|
|
| 42 | 47 |
|
| 43 |
-.tb_status{display: inline-block; width: calc(100% - 20px); height: 26px; font-size: 14px; font-weight: 400; border-radius: 500px; padding: 4.2px 2px;}
|
|
| 44 |
-.tb_status_01{border: 1px solid #436beb; color: #436beb;}
|
|
| 45 |
-.tb_status_02{border: 1px solid #e40000; color: #e40000;}
|
|
| 46 |
-.tb_status_03{border: 1px solid #666; color: #666;}
|
|
| 47 |
-.send_type_mms,.tb_status_04{border: 1px solid #002c9a; color: #002c9a;}
|
|
| 48 |
-.send_type_sms,.tb_status_05{border: 1px solid #009da8; color: #009da8;}
|
|
| 49 |
-.send_type_lms,.tb_status_06{border: 1px solid #9030a8; color: #9030a8;}
|
|
| 48 |
+/* chart */ |
|
| 49 |
+.chartBox .boxCont{padding:15px;}
|
|
| 50 |
+.chartInfo{display:block;float:right;color:#222;}
|
|
| 51 |
+.chartInfo ul li{position:relative;margin-left:20px;padding-left:18px;}
|
|
| 52 |
+.chartInfo ul.inline li::after{position:absolute;top:50%;left:0;transform:translateY(-50%);width:13px;height:13px;content:" ";background-color:#aaa;border-radius:3px;}
|
|
| 53 |
+.chartInfo ul li:nth-child(1)::after{background-color:#fd3c97;}
|
|
| 54 |
+.chartInfo ul li:nth-child(2)::after{background-color:#6d81f5;}
|
|
| 55 |
+.chartType1 .chartArea{width:100%;height:200px;margin-top:20px;background-color:#fff;overflow:hidden;}
|
|
| 50 | 56 |
|
| 51 |
-.calendar_wrap{display: flex; justify-content: center; align-items: center; margin: 0 0 24px 0;}
|
|
| 52 |
-.calendar_wrap button{display: inline-flex; min-width: 30px; height: 30px; border-radius: 5px; border: 1px solid #d5d5d5; justify-content: center; align-items: center; margin: 0 4px;}
|
|
| 53 |
-.calendar_wrap .btn_prev{margin-left: 50px;}
|
|
| 54 |
-.calendar_wrap p{font-size: 20px; font-weight: 600; margin: 0 27px;}
|
|
| 55 |
-.calendar_wrap .btn_today,.calendar_wrap .btn_calendar{border: 1px solid #436beb; font-size: 14px; font-weight: 600; color: #436beb;}
|
|
| 56 |
-.calendar_wrap .btn_today{width: 50px;}
|
|
| 57 |
+/* 관리 컨텐츠 */ |
|
| 58 |
+.manageCont .boxCont{padding:20px;}
|
|
| 59 |
+.manageCont ul li{display:block;width:48%;height:100px;margin:0 10px 10px 0;border:1px solid #e5e5e5;border-radius:8px;box-shadow:1.5px 2.6px 5px 0 rgba(0,0,0,0.1);cursor:pointer;}
|
|
| 60 |
+.manageCont ul li:nth-child(2n){margin-right:0;}
|
|
| 61 |
+.manageCont .iconWrap{float:left;width:66px;height:100%;line-height:120px;border-radius:5px 0 0 5px;background-color:#f6f6f6;}
|
|
| 62 |
+.manageCont ul li p{padding-right:15px;text-align:right;}
|
|
| 63 |
+.manageCont ul li p.tType4{margin-top:22px;margin-bottom:5px;}
|
|
| 64 |
+.manageCont ul li p.tType7{width:86%;margin:0 auto;padding-right:0;word-break:keep-all;}
|
|
| 57 | 65 |
|
| 58 |
-.today_business_ul{border-top: 1px dashed #e5e5e5; border-bottom: 1px dashed #e5e5e5; display: flex; flex-wrap: wrap;}
|
|
| 59 |
-.today_business_ul li{display: flex; width: 50%; padding: 16px 20px 16px 0; align-items: center; border-bottom: 1px dashed #e5e5e5;}
|
|
| 60 |
-.today_business_ul .today_business_li09{border-bottom: 0;}
|
|
| 61 |
-.today_business_ul i{display: inline-block; width: 26px; height: 26px; border-radius: 5px; background-color: #e7ebf1; background-repeat: no-repeat; background-position: center; margin: 0 8px 0 0;}
|
|
| 62 |
-.today_business_li01 i{background-image: url(/pb/img/icon_today_business_status01.png);}
|
|
| 63 |
-.today_business_li02 i{background-image: url(/pb/img/icon_today_business_status02.png);}
|
|
| 64 |
-.today_business_li03 i{background-image: url(/pb/img/icon_today_business_status03.png);}
|
|
| 65 |
-.today_business_li04 i{background-image: url(/pb/img/icon_today_business_status04.png);}
|
|
| 66 |
-.today_business_li05 i{background-image: url(/pb/img/icon_today_business_status05.png);}
|
|
| 67 |
-.today_business_li06 i{background-image: url(/pb/img/icon_today_business_status06.png);}
|
|
| 68 |
-.today_business_li07 i{background-image: url(/pb/img/icon_today_business_status07.png);}
|
|
| 69 |
-.today_business_li08 i{background-image: url(/pb/img/icon_today_business_status08.png);}
|
|
| 70 |
-.today_business_li09 i{background-image: url(/pb/img/icon_today_business_status09.png);}
|
|
| 71 |
-.today_business_ul .today_business_title{width: 160px; font-size: 17px; font-weight: 400; text-align: left;}
|
|
| 72 |
-.today_business_ul .today_business_num{width: calc(100% - 140px); text-align: right; justify-self: flex-end; font-size: 16px; font-weight: 300;}
|
|
| 73 |
-.today_business_ul .today_business_num span{font-size: 18px; font-weight: bold;}
|
|
| 74 |
- |
|
| 75 |
-.tbType4{width: 100%; table-layout: fixed; font-size: 15px; color: #222;}
|
|
| 76 |
-.tbType4 thead th{position: relative; height: 45px; background-color: #f2f2f4; vertical-align: middle; font-weight: 500; text-align: center;}
|
|
| 77 |
-.tbType4 thead th::after{position: absolute; content: " "; width: 1px; height: 18px; background-color: #d5d5d5; right: 0;}
|
|
| 78 |
-.tbType4 thead th:last-child:after{display: none;}
|
|
| 79 |
-.tbType4 thead th:first-child{border-radius: 5px 0 0 5px;}
|
|
| 80 |
-.tbType4 thead th:last-child{border-radius: 0 5px 5px 0;}
|
|
| 81 |
-.tbType4 tbody tr{border-bottom: 1px solid #e5e5e5;}
|
|
| 82 |
-.tbType4 tbody th{position: relative; height: 45px; vertical-align: middle; text-align: center; font-weight: 500;}
|
|
| 83 |
-.tbType4 tbody td{position: relative; height: 45px; vertical-align: middle; text-align: right; font-weight: 300; letter-spacing: -0.5px; padding: 0 10px 0 0;}
|
|
| 84 |
-.tbType4 tbody th::after,.tbType4 tbody td::after{position: absolute; content: " "; width: 1px; height: 18px; background-color: #E5E5E5; right: 0; top: 50%; transform: translateY(-50%);}
|
|
| 85 |
-.tbType4 tbody th[rowspan]::after{height: 100%; top: 0; transform: none;}
|
|
| 86 |
-.tbType4 tbody td:last-child:after{display: none;}
|
|
| 87 |
- |
|
| 88 |
-.new_user_status tbody td,.hacking_ip_status tbody td,.inquiry_status tbody td,.adrs_status tbody td,.custom_made tbody td{text-align: center; padding: 0; font-size: 14px; font-weight: 400;}
|
|
| 89 |
-.tbType4 .tb_subj{position: relative; display: block; text-align: left; width: calc(100% - 10px); padding: 0 0 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
|
|
| 90 |
-.tbType4 .hover_cont{position: absolute; width: 100%; background-color: #fff; top: 38px; left: 1px; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 10px; text-align: left; border-radius: 5px; z-index: 10; line-height: 1.3; font-size: 14px;}
|
|
| 91 |
- |
|
| 92 |
-.company_user_ul{display: flex; flex-wrap: wrap;}
|
|
| 93 |
-.company_user_ul li{width: calc((100% - 40px)/3); padding: 17px 5px 22px 5px; border-radius: 5px; background-color: #eff2f6; margin: 0 20px 20px 0;}
|
|
| 94 |
-.company_user_ul li:nth-child(3n){margin: 0 0 20px 0;}
|
|
| 95 |
-.company_user_ul i{display: block; width: 48px; height: 48px; border-radius: 100%; background-color: #fff; background-repeat: no-repeat; background-position: center; margin: 0 auto 13px;}
|
|
| 96 |
-.company_user_li01 i{background-image: url(/pb/img/icon_company_user_01.png);}
|
|
| 97 |
-.company_user_li02 i{background-image: url(/pb/img/icon_company_user_02.png);}
|
|
| 98 |
-.company_user_li03 i{background-image: url(/pb/img/icon_company_user_03.png);}
|
|
| 99 |
-.company_user_li04 i{background-image: url(/pb/img/icon_company_user_04.png);}
|
|
| 100 |
-.company_user_li05 i{background-image: url(/pb/img/icon_company_user_05.png);}
|
|
| 101 |
-.company_user_li06 i{background-image: url(/pb/img/icon_company_user_06.png);}
|
|
| 102 |
-.company_user_ul .company_user_title{font-size: 16px; font-weight: 400; margin: 0 0 8px 0;}
|
|
| 103 |
-.company_user_title br{display:none;}
|
|
| 104 |
-.company_user_ul .company_user_num{font-size: 25px; font-weight: 600; letter-spacing: -1px;}
|
|
| 105 |
- |
|
| 106 |
-/* //메인대시보드_2022 */ |
|
| 107 |
- |
|
| 108 |
-@media screen and (max-width:1680px){
|
|
| 109 |
- .user_status tbody td{font-size: 13px; padding: 0 5px 0 0;}
|
|
| 110 |
-} |
|
| 111 |
- |
|
| 112 |
-@media screen and (max-width:1610px){
|
|
| 113 |
- .today_business_ul li{padding: 16px 10px 16px 0;}
|
|
| 114 |
- .today_business_ul .today_business_title{width: 100px; font-size: 15px;}
|
|
| 115 |
- .today_business_ul .today_business_num{width: calc(100% - 100px);}
|
|
| 116 |
- .today_business_ul .today_business_num span{font-size: 16px; letter-spacing: -1.2px;}
|
|
| 117 |
- |
|
| 118 |
- .company_user_ul .company_user_num{font-size: 20px;}
|
|
| 119 |
- |
|
| 120 |
- .tb_status{width: calc(100% - 15px); height: auto; padding: 6px 2px; border-radius: 5px; letter-spacing: -1.5px}
|
|
| 121 |
- .new_user_status tbody td, .hacking_ip_status tbody td, .inquiry_status tbody td, .adrs_status tbody td, .custom_made tbody td, .call_number_status tbody td, .refund_status tbody td,.message_send_status tbody td{font-size: 13px; letter-spacing: -1px;}
|
|
| 122 |
-} |
|
| 123 |
- |
|
| 124 |
-@media screen and (max-width:1520px){
|
|
| 125 |
- .company_user_title br{display:block;}
|
|
| 126 |
-}(No newline at end of file) |
--- src/main/webapp/pb/css/popup.css
+++ src/main/webapp/pb/css/popup.css
... | ... | @@ -1,9 +1,11 @@ |
| 1 |
+@import url(/pb/css/style.css); |
|
| 2 |
+ |
|
| 1 | 3 |
.popOpen{display: block !important;}
|
| 2 | 4 |
.popWrap{display: none; position: relative;width: 100%;max-width: 1920px;height: 100%;min-height: 986px;}
|
| 3 | 5 |
/* .mask{width: 100%;height: 100vh;min-height: 986px;position: absolute;z-index: 10;background-color: rgba(0,0,0,0.5);} */
|
| 4 | 6 |
.popLayer{position: absolute;z-index: 11;background-color: #fff;box-shadow: 0 4px 30px 0px rgba(49,49,49,0.5);top: 50%;left: 50%;transform: translate(-50%,-50%);width: 35%;min-width: 600px;}
|
| 5 | 7 |
.popLayer.commonPop{width: 180px;min-width: 100px;border-radius: 5px;}
|
| 6 |
-.popTit{background-color: #456ded;color: #fff;padding: 15px 20px;font-size: 20px;font-weight: 400;position: relative;}
|
|
| 8 |
+.popTit{background-color: var(--primary-color);color: #fff;padding: 15px 20px;font-size: 20px;font-weight: 400;position: relative;}
|
|
| 7 | 9 |
.popLayer.commonPop .popTit{font-size: 0.875em;padding: 7px 15px;height: 30px;border-radius: 5px 5px 0 0;}
|
| 8 | 10 |
.popTit .setBtn{background-image: url(/pb/img/common/topSetIcon.png);border: none;background-color: transparent;background-repeat: no-repeat; width: 18px;height: 18px;vertical-align: middle;position: absolute;right: 28px;top: 6px;}
|
| 9 | 11 |
.popTit .closeBtnType2{background-image: url(/pb/img/common/closeType1.png);background-repeat: no-repeat;border: none;background-color: transparent;width: 18px;height: 18px;vertical-align: middle;position: absolute;right: 5px;top: 8px;cursor:pointer;}
|
... | ... | @@ -15,7 +17,7 @@ |
| 15 | 17 |
.scrollWrap{overflow-y: scroll;max-height: 712px;}
|
| 16 | 18 |
.bgTitType1{width: 100%;padding: 25px 55px;background-color: #f5f5f5;border: 1px solid #e5e5e5;border-radius: 5px;font-weight: 500;margin: 0 auto}
|
| 17 | 19 |
.titBtm{text-align: right;margin: 12px 0 36px 0;}
|
| 18 |
-.svWrap{border-top: 2px solid #456ded;border-bottom: 1px dashed #c9c9ca;}
|
|
| 20 |
+.svWrap{border-top: 2px solid var(--primary-color);border-bottom: 1px dashed #c9c9ca;}
|
|
| 19 | 21 |
.svList{padding: 20px 0;width: 100%;text-align: left;font-size: 1em;border-bottom: 1px dashed #c9c9ca;}
|
| 20 | 22 |
.svList:last-child{border-bottom: none;}
|
| 21 | 23 |
.svList p{margin-bottom: 15px;font-weight: 400;}
|
--- src/main/webapp/pb/css/reset.css
+++ src/main/webapp/pb/css/reset.css
... | ... | @@ -1,57 +1,71 @@ |
| 1 |
-html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre, |
|
| 2 |
-a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small, |
|
| 3 |
-strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form, |
|
| 4 |
-label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas, |
|
| 5 |
-details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby, |
|
| 6 |
-section,summary,time,mark,audio,video {
|
|
| 7 |
- margin: 0; |
|
| 8 |
- padding: 0; |
|
| 9 |
- border: 0; |
|
| 10 |
- font-size: 100%; |
|
| 11 |
- font: inherit; |
|
| 12 |
- vertical-align: baseline; |
|
| 13 |
- box-sizing: border-box; |
|
| 1 |
+/* 1. Global Reset & Box Sizing */ |
|
| 2 |
+html, body, div, span, applet, object, iframe, |
|
| 3 |
+h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
| 4 |
+a, abbr, acronym, address, big, cite, code, |
|
| 5 |
+del, dfn, em, img, ins, kbd, q, s, samp, |
|
| 6 |
+small, strike, strong, sub, sup, tt, var, |
|
| 7 |
+b, u, i, center, |
|
| 8 |
+dl, dt, dd, ol, ul, li, |
|
| 9 |
+fieldset, form, label, legend, |
|
| 10 |
+table, caption, tbody, tfoot, thead, tr, th, td, |
|
| 11 |
+article, aside, canvas, details, embed, |
|
| 12 |
+figure, figcaption, footer, header, hgroup, |
|
| 13 |
+menu, nav, output, ruby, section, summary, |
|
| 14 |
+time, mark, audio, video {
|
|
| 15 |
+ margin: 0; |
|
| 16 |
+ padding: 0; |
|
| 17 |
+ border: 0; |
|
| 18 |
+ font-size: 100%; |
|
| 19 |
+ font: inherit; |
|
| 20 |
+ vertical-align: baseline; |
|
| 21 |
+ box-sizing: border-box; |
|
| 22 |
+ font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, |
|
| 23 |
+ system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", |
|
| 24 |
+ "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", |
|
| 25 |
+ "Segoe UI Symbol", sans-serif; |
|
| 14 | 26 |
} |
| 15 | 27 |
|
| 16 |
-article,aside,details,figcaption,figure,footer, |
|
| 17 |
-header,hgroup,menu,nav,section {
|
|
| 18 |
- display: block; |
|
| 28 |
+/* 2. HTML5 display-role reset for older browsers */ |
|
| 29 |
+article, aside, details, figcaption, figure, |
|
| 30 |
+footer, header, hgroup, menu, nav, section {
|
|
| 31 |
+ display: block; |
|
| 19 | 32 |
} |
| 20 | 33 |
|
| 21 |
-body {
|
|
| 22 |
- line-height: 1; |
|
| 23 |
-} |
|
| 24 |
- |
|
| 25 |
-ol,ul,li {
|
|
| 26 |
- list-style: none; |
|
| 27 |
-} |
|
| 28 |
- |
|
| 29 |
-blockquote,q {
|
|
| 30 |
- quotes: none; |
|
| 31 |
-} |
|
| 32 |
- |
|
| 33 |
-blockquote:before,blockquote:after,q:before,q:after {
|
|
| 34 |
- content: ''; |
|
| 35 |
- content: none; |
|
| 36 |
-} |
|
| 37 |
- |
|
| 38 |
-table {
|
|
| 39 |
- border-collapse: collapse; |
|
| 40 |
- border-spacing: 0; |
|
| 41 |
-} |
|
| 42 |
- |
|
| 43 |
-:focus {
|
|
| 44 |
- outline: 0; |
|
| 45 |
-} |
|
| 46 |
- |
|
| 47 |
-[hidden] {
|
|
| 48 |
- display: none; |
|
| 49 |
-} |
|
| 50 |
- |
|
| 34 |
+/* 3. HTML & Body Basic */ |
|
| 51 | 35 |
html {
|
| 52 | 36 |
font-size: 100%; |
| 53 | 37 |
-webkit-text-size-adjust: 100%; |
| 54 | 38 |
-ms-text-size-adjust: 100%; |
| 39 |
+} |
|
| 40 |
+ |
|
| 41 |
+body {
|
|
| 42 |
+ line-height: 1; |
|
| 43 |
+} |
|
| 44 |
+ |
|
| 45 |
+/* 4. List & Quote Style */ |
|
| 46 |
+ol, ul, li {
|
|
| 47 |
+ list-style: none; |
|
| 48 |
+} |
|
| 49 |
+ |
|
| 50 |
+blockquote, q {
|
|
| 51 |
+ quotes: none; |
|
| 52 |
+} |
|
| 53 |
+ |
|
| 54 |
+blockquote:before, blockquote:after, |
|
| 55 |
+q:before, q:after {
|
|
| 56 |
+ content: ''; |
|
| 57 |
+ content: none; |
|
| 58 |
+} |
|
| 59 |
+ |
|
| 60 |
+/* 5. Table Reset */ |
|
| 61 |
+table {
|
|
| 62 |
+ border-collapse: collapse; |
|
| 63 |
+ border-spacing: 0; |
|
| 64 |
+} |
|
| 65 |
+ |
|
| 66 |
+/* 6. Interaction & Links */ |
|
| 67 |
+:focus {
|
|
| 68 |
+ outline: 0; |
|
| 55 | 69 |
} |
| 56 | 70 |
|
| 57 | 71 |
a {
|
... | ... | @@ -63,42 +77,42 @@ |
| 63 | 77 |
outline: thin dotted; |
| 64 | 78 |
} |
| 65 | 79 |
|
| 66 |
-a:active,a:hover {
|
|
| 80 |
+a:active, a:hover {
|
|
| 67 | 81 |
outline: 0; |
| 68 | 82 |
} |
| 69 | 83 |
|
| 84 |
+/* 7. Media elements */ |
|
| 70 | 85 |
img {
|
| 86 |
+ max-width: 100%; /* 유동형 레이아웃 대응을 위해 추가 권장 */ |
|
| 71 | 87 |
border: 0; |
| 72 | 88 |
-ms-interpolation-mode: bicubic; |
| 73 | 89 |
} |
| 74 | 90 |
|
| 75 |
-figure {
|
|
| 76 |
- margin: 0; |
|
| 77 |
-} |
|
| 78 |
- |
|
| 79 |
-form {
|
|
| 80 |
- margin: 0; |
|
| 81 |
-} |
|
| 82 |
- |
|
| 83 |
-button,input,select,textarea {
|
|
| 91 |
+/* 8. Form Elements Common */ |
|
| 92 |
+button, input, select, textarea {
|
|
| 93 |
+ font-family: "Pretendard Variable", sans-serif; |
|
| 84 | 94 |
font-size: 100%; |
| 95 |
+ font-weight: 400; |
|
| 85 | 96 |
margin: 0; |
| 86 | 97 |
vertical-align: baseline; |
| 87 |
- *vertical-align: middle; |
|
| 88 |
- font-weight: 400 |
|
| 89 | 98 |
} |
| 90 | 99 |
|
| 91 |
-button,input {
|
|
| 100 |
+button, input {
|
|
| 92 | 101 |
line-height: normal; |
| 93 |
- font-weight: 400 |
|
| 94 | 102 |
} |
| 95 | 103 |
|
| 96 |
-button,select {
|
|
| 104 |
+button, select {
|
|
| 97 | 105 |
text-transform: none; |
| 98 |
- font-weight: 400 |
|
| 99 | 106 |
} |
| 100 |
-button {border:0;background:none;cursor:pointer;letter-spacing:-0.25px;}
|
|
| 101 | 107 |
|
| 108 |
+button {
|
|
| 109 |
+ border: 0; |
|
| 110 |
+ background: none; |
|
| 111 |
+ cursor: pointer; |
|
| 112 |
+ letter-spacing: -0.25px; |
|
| 113 |
+} |
|
| 114 |
+ |
|
| 115 |
+/* 9. Input & Select Specifics */ |
|
| 102 | 116 |
select {
|
| 103 | 117 |
background-color: #fff; |
| 104 | 118 |
appearance: none; |
... | ... | @@ -106,63 +120,57 @@ |
| 106 | 120 |
-moz-appearance: none; |
| 107 | 121 |
} |
| 108 | 122 |
|
| 109 |
- |
|
| 110 |
-select::-ms-expand{
|
|
| 111 |
- display:none;/*for IE10,11*/ |
|
| 112 |
- /*display:hidden;영역유지하고 싶을땐*/ |
|
| 123 |
+select::-ms-expand {
|
|
| 124 |
+ display: none; /* IE10, 11 */ |
|
| 113 | 125 |
} |
| 114 | 126 |
|
| 115 |
-select::-ms-value{
|
|
| 116 |
- background: none; |
|
| 117 |
- color: #555; |
|
| 127 |
+select::-ms-value {
|
|
| 128 |
+ background: none; |
|
| 129 |
+ color: #555; |
|
| 118 | 130 |
} |
| 119 | 131 |
|
| 120 |
-select:focus::-ms-value{
|
|
| 121 |
- background: none; |
|
| 122 |
- color: #555; |
|
| 123 |
-} |
|
| 124 |
- |
|
| 125 |
-button[disabled],html input[disabled] {
|
|
| 126 |
- cursor: default; |
|
| 127 |
- background-color:#f5f7fa; |
|
| 128 |
- color: #aaa; |
|
| 129 |
- text-align: center; |
|
| 130 |
-} |
|
| 131 |
- |
|
| 132 |
-input[type="checkbox"],input[type="radio"] {
|
|
| 132 |
+input[type="checkbox"], |
|
| 133 |
+input[type="radio"] {
|
|
| 133 | 134 |
box-sizing: border-box; |
| 134 | 135 |
padding: 0; |
| 135 | 136 |
} |
| 136 | 137 |
|
| 137 | 138 |
input[type="search"] {
|
| 138 | 139 |
-webkit-appearance: textfield; |
| 139 |
- -moz-box-sizing: content-box; |
|
| 140 |
- -webkit-box-sizing: content-box; |
|
| 141 | 140 |
box-sizing: content-box; |
| 142 | 141 |
} |
| 143 | 142 |
|
| 144 |
-button::-moz-focus-inner,input::-moz-focus-inner {
|
|
| 145 |
- border: 0; |
|
| 146 |
- padding: 0; |
|
| 147 |
-} |
|
| 148 |
- |
|
| 143 |
+/* 10. Textarea Style */ |
|
| 149 | 144 |
textarea {
|
| 150 | 145 |
overflow: auto; |
| 151 | 146 |
vertical-align: top; |
| 152 |
- resize: vertical; |
|
| 147 |
+ resize: vertical; |
|
| 153 | 148 |
border: 1px solid #ccc; |
| 154 | 149 |
border-radius: 5px; |
| 155 |
- font-size: 1em; |
|
| 156 | 150 |
padding: 5px; |
| 157 |
- overflow: visible; |
|
| 158 | 151 |
min-height: 20px; |
| 159 |
- font-family: 'Noto Sans KR', sans-serif; |
|
| 160 | 152 |
} |
| 161 | 153 |
|
| 162 | 154 |
textarea:focus {
|
| 163 | 155 |
border: 1px solid #0388d2; |
| 164 | 156 |
} |
| 165 | 157 |
|
| 166 |
-input:disabled {
|
|
| 167 |
- |
|
| 158 |
+/* 11. Disabled State */ |
|
| 159 |
+button[disabled], |
|
| 160 |
+html input[disabled] {
|
|
| 161 |
+ cursor: default; |
|
| 162 |
+ background-color: #f5f7fa; |
|
| 163 |
+ color: #aaa; |
|
| 164 |
+ text-align: center; |
|
| 165 |
+} |
|
| 166 |
+ |
|
| 167 |
+/* 12. Misc */ |
|
| 168 |
+[hidden] {
|
|
| 169 |
+ display: none; |
|
| 170 |
+} |
|
| 171 |
+ |
|
| 172 |
+button::-moz-focus-inner, |
|
| 173 |
+input::-moz-focus-inner {
|
|
| 174 |
+ border: 0; |
|
| 175 |
+ padding: 0; |
|
| 168 | 176 |
}(No newline at end of file) |
+++ src/main/webapp/pb/css/style.css
... | ... | @@ -0,0 +1,134 @@ |
| 1 | +@charset "utf-8"; | |
| 2 | + | |
| 3 | +:root{
| |
| 4 | +--primary-color:#3EB5F1; | |
| 5 | +--primary-color-hover:#179ADB; | |
| 6 | + | |
| 7 | +--secondary-color:#F86A3C; | |
| 8 | +--secondary-color-hover:#DF5F36; | |
| 9 | + | |
| 10 | +--accent-color:#F86A3C; | |
| 11 | +--accent-color-hover:#DF5F36; | |
| 12 | + | |
| 13 | +--red-color:#e81717; | |
| 14 | +--red-color-hover:#d11515; | |
| 15 | + | |
| 16 | +--green-color:#289C77; | |
| 17 | +--green-color-hover:#067b14; | |
| 18 | + | |
| 19 | +--gray-color:#939EA7; | |
| 20 | +--gray-color-hover:#7B868F; | |
| 21 | + | |
| 22 | +--disable-fill-bg-color:#EAEBEF; | |
| 23 | +--disable-fill-line-color:#D3D7DE; | |
| 24 | +--disable-fill-text-color:#8D9098; | |
| 25 | + | |
| 26 | +--default-line-color:#d3d7de; | |
| 27 | +--disable-line-bg-color:#F5F6F7; | |
| 28 | +--disable-line-border-color:#eaebef; | |
| 29 | +--disable-line-text-color:#bcc0ca; | |
| 30 | + | |
| 31 | +/* Font Families */ | |
| 32 | +--primary-title-font:"Pretendard Variable",sans-serif; | |
| 33 | +--secondary-title-font:'Gmarket Sans TTF'; | |
| 34 | + | |
| 35 | +/* Font Sizes */ | |
| 36 | +--fs-44:2.750em; | |
| 37 | +--fs-24:1.500em; | |
| 38 | +--fs-22:1.375em; | |
| 39 | +--fs-19:1.188em; | |
| 40 | +--fs-18:1.125em; | |
| 41 | +--fs-16:1em; | |
| 42 | +--fs-14:0.875em; | |
| 43 | +--fs-13:0.813em; | |
| 44 | +} | |
| 45 | + | |
| 46 | +/* ========================================================================== | |
| 47 | + 폰트 | |
| 48 | + ========================================================================== */ | |
| 49 | + | |
| 50 | +/* 서체 설정 */ | |
| 51 | +[class*="titType"],[class*="tType"],.cfText{font-family:var(--font-main);}
| |
| 52 | + | |
| 53 | +/* 폰트 크기 */ | |
| 54 | +.tType1{font-size:var(--fs-44);} /* 44px */
| |
| 55 | +.tType2{font-size:var(--fs-24);} /* 24px */
| |
| 56 | +.titType1{font-size:var(--fs-22);} /* 22px */
| |
| 57 | +.tType3{font-size:var(--fs-19);} /* 19px */
| |
| 58 | +.tType4{font-size:var(--fs-18);} /* 18px */
| |
| 59 | +.titType2{font-size:var(--fs-18);} /* 18px */
| |
| 60 | +.tType5{font-size:var(--fs-16);} /* 16px */
| |
| 61 | +.tType6{font-size:var(--fs-14);} /* 14px */
| |
| 62 | +.cfText{font-size:var(--fs-14);font-weight:500;} /* 14px / 강조형 */
| |
| 63 | +.tType7{font-size:var(--fs-13);} /* 13px */
| |
| 64 | + | |
| 65 | +/* 폰트 굵기 */ | |
| 66 | +.fwMd{font-weight:500;}
| |
| 67 | +.fwBold{font-weight:600;}
| |
| 68 | +.fwExtBold{font-weight:700;}
| |
| 69 | + | |
| 70 | +/* 텍스트 컬러 */ | |
| 71 | +.c_222222{color:#222222;}
| |
| 72 | +.c_333333{color:#333333;}
| |
| 73 | +.c_999999{color:#999999;}
| |
| 74 | +.c_b4b4b4{color:#b4b4b4;}
| |
| 75 | +.c_456ded{color:var(--primary-color);}
| |
| 76 | +.c_e40000{color:var(--red-color);}
| |
| 77 | +.c_ed4555{color:#ed4555;}
| |
| 78 | + | |
| 79 | +/* ========================================================================== | |
| 80 | + 버튼 및 유틸리티 | |
| 81 | + ========================================================================== */ | |
| 82 | + | |
| 83 | +/* 기본 버튼 스타일 */ | |
| 84 | +.btnType{min-width:70px;height:42px;background:#888;color:#fff;font-size:16px;border-radius:5px;margin:0 2px;transition:all 0.3s;}
| |
| 85 | +.btnType:first-child{margin:0 2px 0 0;}
| |
| 86 | +.btnType:last-child{margin:0 0 0 2px;}
| |
| 87 | + | |
| 88 | +/* 버튼 색상 변형 */ | |
| 89 | +.btnType.bluefill{background-color:var(--primary-color);}
| |
| 90 | +.btnType.bluebor{background-color:#fff;border:1px solid var(--primary-color);color:var(--primary-color);}
| |
| 91 | +.btnType.redfill{background-color:var(--red-color);}
| |
| 92 | +.btnType.redbor{background-color:#fff;border:1px solid var(--red-color);color:var(--red-color);}
| |
| 93 | + | |
| 94 | +.btnType.fill.primary{background:var(--primary-color);color:#fff;}
| |
| 95 | +.btnType.fill.secondary{background:var(--secondary-color);color:#fff;}
| |
| 96 | +.btnType.fill.accent{background:var(--accent-color);color:#fff;}
| |
| 97 | +.btnType.fill.gray{background:var(--gray-color);color:#fff;}
| |
| 98 | +.btnType.fill.red{background:var(--red-color);color:#fff;}
| |
| 99 | + | |
| 100 | +.btnType.line.primary{border:1px solid var(--primary-color);color:var(--primary-color);}
| |
| 101 | +.btnType.line.secondary{border:1px solid var(--secondary-color);color:var(--secondary-color);}
| |
| 102 | +.btnType.line.accent{border:1px solid var(--accent-color);color:var(--accent-color);}
| |
| 103 | +.btnType.line.gray{border:1px solid var(--gray-color);color:var(--gray-color);}
| |
| 104 | +.btnType.line.red{border:1px solid var(--red-color);color:var(--red-color);}
| |
| 105 | + | |
| 106 | +.btnType.tiny{height:26px;}
| |
| 107 | +.btnType.small{height:32px;}
| |
| 108 | +.btnType.regular{height:40px;}
| |
| 109 | +.btnType.medium{height:44px;}
| |
| 110 | +.btnType.large{height:48px;}
| |
| 111 | +.btnType.xlarge{height:56px;}
| |
| 112 | + | |
| 113 | +/* 배경색 유틸리티 */ | |
| 114 | +.bg_888888{background-color:#888!important;color:#fff!important;}
| |
| 115 | +.bg_888888:hover{background-color:#555!important;}
| |
| 116 | +.bg_ed4545{background-color:#ed4545!important;color:#fff!important;}
| |
| 117 | +.bg_ed4545:hover{background-color:#e82323!important;}
| |
| 118 | +.bg_456ded{background-color:var(--primary-color)!important;color:#fff!important;}
| |
| 119 | +.bg_456ded:hover{background-color:var(--primary-color-hover)!important;}
| |
| 120 | + | |
| 121 | +/* 정렬 및 배치 */ | |
| 122 | +.center{text-align:center!important;margin:0 auto;}
| |
| 123 | +.left{text-align:left!important;}
| |
| 124 | +.right{text-align:right!important;}
| |
| 125 | +.block{display:block;width:100%;}
| |
| 126 | + | |
| 127 | +/* 기타 요소 (필수 표시 및 리스트) */ | |
| 128 | +.reqArea{position:relative;}
| |
| 129 | +.reqArea::after{content:"*";position:absolute;color:var(--red-color);left:-10px;top:50%;transform:translateY(-30%);}
| |
| 130 | +.listType1 li{list-style:url(/pb/img/common/listType1.png);text-align:left;vertical-align:middle;}
| |
| 131 | +.listType2 li{list-style:url(/pb/img/common/listType2.png);text-align:left;}
| |
| 132 | + | |
| 133 | +/* 비활성화 상태 */ | |
| 134 | +button[disabled],html input[disabled]{cursor:default;background-color:var(--disable-fill-bg-color);color:var(--disable-fill-text-color);text-align:center;}(No newline at end of file) |
--- src/main/webapp/pb/img/common/leftMenuDown.png
+++ src/main/webapp/pb/img/common/leftMenuDown.png
| Binary file is not shown |
--- src/main/webapp/pb/img/common/leftMenuGo.png
+++ src/main/webapp/pb/img/common/leftMenuGo.png
| Binary file is not shown |
--- src/main/webapp/pb/img/common/selectIcon.png
+++ src/main/webapp/pb/img/common/selectIcon.png
| Binary file is not shown |
--- src/main/webapp/pb/img/dashBoardImg1.png
+++ src/main/webapp/pb/img/dashBoardImg1.png
| Binary file is not shown |
--- src/main/webapp/pb/img/dashBoardImg2.png
+++ src/main/webapp/pb/img/dashBoardImg2.png
| Binary file is not shown |
--- src/main/webapp/pb/img/dashBoardImg3.png
+++ src/main/webapp/pb/img/dashBoardImg3.png
| Binary file is not shown |
--- src/main/webapp/pb/img/dashBoardImg4.png
+++ src/main/webapp/pb/img/dashBoardImg4.png
| Binary file is not shown |
--- src/main/webapp/pb/img/dashBoardImg5.png
+++ src/main/webapp/pb/img/dashBoardImg5.png
| Binary file is not shown |
--- src/main/webapp/pb/img/dashBoardImg6.png
+++ src/main/webapp/pb/img/dashBoardImg6.png
| Binary file is not shown |
--- src/main/webapp/pb/img/dashBoardImg7.png
+++ src/main/webapp/pb/img/dashBoardImg7.png
| Binary file is not shown |
--- src/main/webapp/pb/img/dashBoardImg8.png
+++ src/main/webapp/pb/img/dashBoardImg8.png
| Binary file is not shown |
--- src/main/webapp/pb/img/dashBoardImg9.png
+++ src/main/webapp/pb/img/dashBoardImg9.png
| Binary file is not shown |
--- src/main/webapp/publish/testcss/css/sample.css
+++ src/main/webapp/publish/testcss/css/sample.css
... | ... | @@ -9,26 +9,26 @@ |
| 9 | 9 |
.pop_wrap .area_cont .area_left {width:calc(100% - 225px);min-width:620px;padding:30px 15px 0 20px;box-sizing:border-box;}
|
| 10 | 10 |
.pop_wrap .area_cont .area_left .area_top {display:flex;margin:0 0 20px;padding:14px 20px;border:1px solid #d5d5d5;background:#f5f5f5;border-radius:5px;}
|
| 11 | 11 |
.pop_wrap .area_cont .area_left .area_top p {font-size:16px;line-height:30px;}
|
| 12 |
-.pop_wrap .area_cont .area_left .area_top p span {font-weight:700;color:#456ded;}
|
|
| 12 |
+.pop_wrap .area_cont .area_left .area_top p span {font-weight:700;color:var(--primary-color);}
|
|
| 13 | 13 |
.pop_wrap .area_cont .area_left .area_top .area_search {display:flex;padding:0 0 0 15px;}
|
| 14 | 14 |
.pop_wrap .area_cont .area_left .area_top .area_search select {width:120px;margin:0 5px;}
|
| 15 | 15 |
.pop_wrap .area_cont .area_left .area_top .area_search input {width:180px;}
|
| 16 |
-.pop_wrap .area_cont .area_left .area_top .area_search button {width:60px;height:30px;margin:0 0 0 5px;font-size:15px;text-align:center;color:#fff;background:#456ded;border-radius:3px;}
|
|
| 17 |
-.pop_wrap .area_cont .user_table {table-layout:fixed;width:100%;border-top:2px solid #456ded;}
|
|
| 16 |
+.pop_wrap .area_cont .area_left .area_top .area_search button {width:60px;height:30px;margin:0 0 0 5px;font-size:15px;text-align:center;color:#fff;background:var(--primary-color);border-radius:3px;}
|
|
| 17 |
+.pop_wrap .area_cont .user_table {table-layout:fixed;width:100%;border-top:2px solid var(--primary-color);}
|
|
| 18 | 18 |
.pop_wrap .area_cont .user_table tbody tr th {padding:7px 0 7px 10px;font-size:14px;line-height:25px;text-align:left;vertical-align:middle;color:#222;border-bottom:1px solid #d5d5d5;background:#f7f7f7;}
|
| 19 |
-.pop_wrap .area_cont .user_table tbody tr th button {display:inline-block;height:25px;margin:0 0 0 5px;padding:0 5px;font-size:13px;text-align:center;vertical-align:top;color:#456ded;border:1px solid #456ded;border-radius:3px;}
|
|
| 19 |
+.pop_wrap .area_cont .user_table tbody tr th button {display:inline-block;height:25px;margin:0 0 0 5px;padding:0 5px;font-size:13px;text-align:center;vertical-align:top;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:3px;}
|
|
| 20 | 20 |
.pop_wrap .area_cont .user_table tbody tr td {padding:5px 10px;font-size:14px;text-align:left;vertical-align:middle;color:#555;border-bottom:1px solid #d5d5d5;}
|
| 21 | 21 |
.pop_wrap .area_cont .user_table tbody tr td .button_box {display:flex;margin:8px 0 0;justify-content:space-between;}
|
| 22 |
-.pop_wrap .area_cont .user_table tbody tr td .button_box button {width:60px;height:25px;font-size:13px;text-align:center;color:#8595b0;border:1px solid #8595b0;border-radius:3px;}
|
|
| 23 |
-.pop_wrap .area_cont .user_table tbody tr td .button_box button.fill {width:100px;height:25px;color:#fff;border-color:#8595b0;background:#8595b0;}
|
|
| 24 |
-.pop_wrap .area_cont .user_table tbody tr td .button_box button.thinfill {width:60px;height:25px;margin:-6px 0 0;color:#fff;border-color:#8595b0;background:#8595b0;}
|
|
| 25 |
-.pop_wrap .area_cont .user_table_col tbody tr td .button_box button.thinfill {width:60px;height:25px;margin:-6px 0 0;color:#fff;border-color:#8595b0;background:#8595b0;border-radius:3px;}
|
|
| 22 |
+.pop_wrap .area_cont .user_table tbody tr td .button_box button {width:60px;height:25px;font-size:13px;text-align:center;color:var(--gray-color);border:1px solid var(--gray-color);border-radius:3px;}
|
|
| 23 |
+.pop_wrap .area_cont .user_table tbody tr td .button_box button.fill {width:100px;height:25px;color:#fff;border-color:var(--gray-color);background:var(--gray-color);}
|
|
| 24 |
+.pop_wrap .area_cont .user_table tbody tr td .button_box button.thinfill {width:60px;height:25px;margin:-6px 0 0;color:#fff;border-color:var(--gray-color);background:var(--gray-color);}
|
|
| 25 |
+.pop_wrap .area_cont .user_table_col tbody tr td .button_box button.thinfill {width:60px;height:25px;margin:-6px 0 0;color:#fff;border-color:var(--gray-color);background:var(--gray-color);border-radius:3px;}
|
|
| 26 | 26 |
.pop_wrap .area_cont .button_rightbox {margin:10px 0 0;text-align:right;}
|
| 27 |
-.pop_wrap .area_cont .button_rightbox button {display:inline-block;height:32px;padding:0 18px;font-size:15px;line-height:30px;text-align:center;color:#456ded;border:1px solid #456ded;background:#fff;border-radius:3px;}
|
|
| 27 |
+.pop_wrap .area_cont .button_rightbox button {display:inline-block;height:32px;padding:0 18px;font-size:15px;line-height:30px;text-align:center;color:var(--primary-color);border:1px solid var(--primary-color);background:#fff;border-radius:3px;}
|
|
| 28 | 28 |
.pop_wrap .area_cont .title_box {display:flex;margin:30px 0 7px;justify-content:space-between;}
|
| 29 | 29 |
.pop_wrap .area_cont .title_box p {padding:10px 0 0;font-size:16px;font-weight:500;}
|
| 30 |
-.pop_wrap .area_cont .title_box button {height:32px;padding:0 18px;font-size:15px;line-height:30px;text-align:center;color:#fff;background:#456ded;border-radius:3px;}
|
|
| 31 |
-.pop_wrap .area_cont .title_box .button_box .fillBlue {height:32px;padding:0 18px;font-size:15px;line-height:30px;text-align:center;color:#fff;background:#456ded;border-radius:3px;}
|
|
| 30 |
+.pop_wrap .area_cont .title_box button {height:32px;padding:0 18px;font-size:15px;line-height:30px;text-align:center;color:#fff;background:var(--primary-color);border-radius:3px;}
|
|
| 31 |
+.pop_wrap .area_cont .title_box .button_box .fillBlue {height:32px;padding:0 18px;font-size:15px;line-height:30px;text-align:center;color:#fff;background:var(--primary-color);border-radius:3px;}
|
|
| 32 | 32 |
.pop_wrap .area_cont .title_box .button_box .fillRed {height:32px;padding:0 18px;font-size:15px;line-height:30px;text-align:center;color:#fff;background:#e40000;border-radius:3px;}
|
| 33 | 33 |
.pop_wrap .area_cont .user_table tbody tr td .button_box2 {
|
| 34 | 34 |
display: inline-flex; |
... | ... | @@ -40,37 +40,37 @@ |
| 40 | 40 |
height: 25px; |
| 41 | 41 |
font-size: 13px; |
| 42 | 42 |
text-align: center; |
| 43 |
- color: #8595b0;border: 1px solid #8595b0;border-radius: 3px; |
|
| 43 |
+ color: var(--gray-color);border: 1px solid var(--gray-color);border-radius: 3px; |
|
| 44 | 44 |
} |
| 45 | 45 |
|
| 46 |
-.pop_wrap .area_cont .user_table_col {table-layout:fixed;width:100%;border-top:2px solid #456ded;}
|
|
| 46 |
+.pop_wrap .area_cont .user_table_col {table-layout:fixed;width:100%;border-top:2px solid var(--primary-color);}
|
|
| 47 | 47 |
.pop_wrap .area_cont .user_table_col thead tr th {height:30px;font-size:14px;vertical-align:middle;color:#222;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;background:#f7f7f7;}
|
| 48 | 48 |
.pop_wrap .area_cont .user_table_col thead tr th:first-child {border-left:0 none;}
|
| 49 | 49 |
.pop_wrap .area_cont .user_table_col tbody tr td {padding:10px 5px;font-size:14px;text-align:center;vertical-align:middle;color:#555;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;word-wrap:break-word;line-height:18px;}
|
| 50 | 50 |
.pop_wrap .area_cont .user_table_col tbody tr td:first-child {border-left:0 none;}
|
| 51 | 51 |
.pop_wrap .area_cont .user_table_col tbody tr td .state {display:inline-block;height:25px;padding:0 11px;font-size:14px;font-weight:500;line-height:23px;text-align:center;color:#e40000;border:1px solid #e40000;border-radius:25px;box-sizing:border-box;}
|
| 52 |
-.pop_wrap .area_cont .user_table_col tbody tr td .state.complete {color:#456ded;border-color:#456ded;}
|
|
| 52 |
+.pop_wrap .area_cont .user_table_col tbody tr td .state.complete {color:var(--primary-color);border-color:var(--primary-color);}
|
|
| 53 | 53 |
|
| 54 | 54 |
.pop_wrap .area_cont .area_right {position:absolute;right:0;top:0;width:225px;height:100%;padding:30px 15px;background:#eee;box-sizing:border-box;}
|
| 55 | 55 |
.pop_wrap .area_cont .area_right .area_top {position:relative;font-size:16px;font-weight:500;color:#222;}
|
| 56 | 56 |
.pop_wrap .area_cont .area_right .area_top:before {content:'';display:inline-block;width:5px;height:14px;margin:3px 6px 0 0;vertical-align:top;background:#2453ea;border-radius:5px;}
|
| 57 | 57 |
.pop_wrap .area_cont .area_right .search_box {display:flex;margin:13px 0 10px;justify-content:space-between;}
|
| 58 | 58 |
.pop_wrap .area_cont .area_right .search_box input {width:calc(100% - 50px);}
|
| 59 |
-.pop_wrap .area_cont .area_right .search_box button {width:45px;height:30px;margin:0 0 0 5px;font-size:15px;text-align:center;color:#fff;background:#456ded;border-radius:3px;}
|
|
| 59 |
+.pop_wrap .area_cont .area_right .search_box button {width:45px;height:30px;margin:0 0 0 5px;font-size:15px;text-align:center;color:#fff;background:var(--primary-color);border-radius:3px;}
|
|
| 60 | 60 |
.pop_wrap .area_cont .area_right .memo_area {padding:0 10px;border:1px solid #d5d5d5;background:#fff;border-radius:5px;}
|
| 61 | 61 |
.pop_wrap .area_cont .area_right .memo_area ul li {position:relative;padding:8px 0 7px;font-size:14px;line-height:19px;color:#555;border-top:1px solid #e5e5e5;}
|
| 62 | 62 |
.pop_wrap .area_cont .area_right .memo_area ul li:first-child {border-top:0 none;}
|
| 63 |
-.pop_wrap .area_cont .area_right .memo_area ul li span {margin:0 3px 0 0;font-weight:500;color:#456ded;}
|
|
| 63 |
+.pop_wrap .area_cont .area_right .memo_area ul li span {margin:0 3px 0 0;font-weight:500;color:var(--primary-color);}
|
|
| 64 | 64 |
.pop_wrap .area_cont .area_right .memo_area ul li button {position:absolute;right:0;top:8px;width:19px;height:19px;background:url(/publish/images/popup/pop_memo_deleteicon.png) no-repeat left top;}
|
| 65 | 65 |
|
| 66 | 66 |
.popup_mask {position:fixed;left:-9999em;top:-9999em;width:100%;height:100%;background:#000;opacity:0;transition:opacity 0.4s;}
|
| 67 | 67 |
.popup_mask.active {left:0;top:0;opacity:0.5;}
|
| 68 | 68 |
.layer_popup {position:fixed;left:-9999em;top:-9999em;width:400px;background:#fff;transform:translate(-50%,-50%);opacity:0;transition:opacity 0.4s;}
|
| 69 | 69 |
.layer_popup.active {left:50%;top:50%;opacity:1;}
|
| 70 |
-.layer_popup .title_box {position:relative;height:40px;padding:0 20px;font-size:18px;font-weight:500;line-height:40px;color:#fff;background:#456ded;}
|
|
| 70 |
+.layer_popup .title_box {position:relative;height:40px;padding:0 20px;font-size:18px;font-weight:500;line-height:40px;color:#fff;background:var(--primary-color);}
|
|
| 71 | 71 |
.layer_popup .title_box .close_btn {position:absolute;right:10px;top:0;width:40px;height:40px;background:url(/publish/images/popup/popup_layer_closebtn.png) no-repeat center center;}
|
| 72 | 72 |
.layer_popup .layer_content {padding:30px 20px;}
|
| 73 |
-.layer_popup .layer_content table {table-layout:fixed;width:100%;border-top:2px solid #456ded;}
|
|
| 73 |
+.layer_popup .layer_content table {table-layout:fixed;width:100%;border-top:2px solid var(--primary-color);}
|
|
| 74 | 74 |
.layer_popup .layer_content table tbody tr th {padding:11px 0 11px 10px;font-size:14px;text-align:left;vertical-align:top;color:#222;border-bottom:1px solid #d5d5d5;background:#f7f7f7;}
|
| 75 | 75 |
.layer_popup .layer_content table tbody tr td {padding:5px 20px 5px 10px;font-size:14px;text-align:left;vertical-align:middle;color:#555;border-bottom:1px solid #d5d5d5;}
|
| 76 | 76 |
.layer_popup .layer_content table tbody tr td input[type=text], |
... | ... | @@ -89,7 +89,7 @@ |
| 89 | 89 |
.layer_popup .layer_content table tbody tr td.rev_pop_in_block .spamBlockMemoPopLoad .rev_cont {line-height:18px;}
|
| 90 | 90 |
|
| 91 | 91 |
.layer_popup .layer_content .button_box {margin:20px 0 0;text-align:center;}
|
| 92 |
-.layer_popup .layer_content .button_box button {height:35px;padding:0 20px;font-size:16px;line-height:35px;text-align:center;color:#fff;background:#456ded;border-radius:5px;}
|
|
| 92 |
+.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 | 93 |
|
| 94 | 94 |
.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 | 95 |
.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;}
|
... | ... | @@ -110,7 +110,7 @@ |
| 110 | 110 |
.pop_wrap .area_cont.area_cont2 {padding:10px 20px;}
|
| 111 | 111 |
.pop_wrap .area_cont.area_cont2 .area_top {display:flex;margin:0 0 20px;padding:14px 20px;border:1px solid #d5d5d5;background:#f5f5f5;border-radius:5px;}
|
| 112 | 112 |
.pop_wrap .area_cont.area_cont2 .area_top p {font-size:16px;line-height:30px;}
|
| 113 |
-.pop_wrap .area_cont.area_cont2 .area_top p span {font-weight:700;color:#456ded;}
|
|
| 113 |
+.pop_wrap .area_cont.area_cont2 .area_top p span {font-weight:700;color:var(--primary-color);}
|
|
| 114 | 114 |
.pop_wrap .area_cont.area_cont2 .title_box {margin-top:15px;}
|
| 115 | 115 |
|
| 116 | 116 |
/* 로딩바 */ |
... | ... | @@ -123,10 +123,10 @@ |
| 123 | 123 |
|
| 124 | 124 |
.pop_wrap .send_message_wrap .title_box {margin-top:10px;margin-bottom:10px;}
|
| 125 | 125 |
.pop_wrap .send_message_wrap .title_box .tab_box {position:relative;display:flex;}
|
| 126 |
-.pop_wrap .send_message_wrap .title_box .tab_box:after {content:'';position:absolute;left:50%;top:0;width:1px;height:100%;margin-left:-1px;background:#456ded;}
|
|
| 126 |
+.pop_wrap .send_message_wrap .title_box .tab_box:after {content:'';position:absolute;left:50%;top:0;width:1px;height:100%;margin-left:-1px;background:var(--primary-color);}
|
|
| 127 | 127 |
.pop_wrap .send_message_wrap .title_box .tab_box li button {border:1px solid #d5d5d5;color:#555;background:#fff;border-radius:0 5px 5px 0;}
|
| 128 | 128 |
.pop_wrap .send_message_wrap .title_box .tab_box li:first-child button {border-right:0 none;border-radius:5px 0 0 5px;}
|
| 129 |
-.pop_wrap .send_message_wrap .title_box .tab_box li.active button {color:#456ded;border-color:#456ded;}
|
|
| 129 |
+.pop_wrap .send_message_wrap .title_box .tab_box li.active button {color:var(--primary-color);border-color:var(--primary-color);}
|
|
| 130 | 130 |
.pop_wrap .send_message_wrap .send_message_box {display:none;}
|
| 131 | 131 |
.pop_wrap .send_message_wrap .send_message_box.active {display:block;}
|
| 132 | 132 |
.pop_wrap .send_message_wrap .send_message_box .title_box {display:block;margin-top:-42px;text-align:right;}
|
... | ... | @@ -134,10 +134,10 @@ |
| 134 | 134 |
/* 카카오톡 발송 내역 */ |
| 135 | 135 |
.pop_wrap .send_kakao_wrap .title_box {margin-top:10px;margin-bottom:10px;}
|
| 136 | 136 |
.pop_wrap .send_kakao_wrap .title_box .tab_box {position:relative;display:flex;}
|
| 137 |
-.pop_wrap .send_kakao_wrap .title_box .tab_box:after {content:'';position:absolute;left:50%;top:0;width:1px;height:100%;margin-left:-1px;background:#456ded;}
|
|
| 137 |
+.pop_wrap .send_kakao_wrap .title_box .tab_box:after {content:'';position:absolute;left:50%;top:0;width:1px;height:100%;margin-left:-1px;background:var(--primary-color);}
|
|
| 138 | 138 |
.pop_wrap .send_kakao_wrap .title_box .tab_box li button {border:1px solid #d5d5d5;color:#555;background:#fff;border-radius:0 5px 5px 0;}
|
| 139 | 139 |
.pop_wrap .send_kakao_wrap .title_box .tab_box li:first-child button {border-right:0 none;border-radius:5px 0 0 5px;}
|
| 140 |
-.pop_wrap .send_kakao_wrap .title_box .tab_box li.active button {color:#456ded;border-color:#456ded;}
|
|
| 140 |
+.pop_wrap .send_kakao_wrap .title_box .tab_box li.active button {color:var(--primary-color);border-color:var(--primary-color);}
|
|
| 141 | 141 |
.pop_wrap .send_kakao_wrap .send_kakao_box {display:none;}
|
| 142 | 142 |
.pop_wrap .send_kakao_wrap .send_kakao_box.active {display:block;}
|
| 143 | 143 |
.pop_wrap .send_kakao_wrap .send_kakao_box .title_box {display:block;margin-top:-42px;text-align:right;}
|
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?