2022.11.01 박소영

- 임의로 정한 폰트 삭제, 원래 폰트로 굵기로 차이만 줌
- 버튼모양과 크기 통일하게 수정
- 개별총정보팝업창 테이블 그리드 깨진 부분 수정
- 단속관리 조회 시 결과 부분 색깔 수정
- 관리자부분 이미지삭제, 디자인 수정
main
psy 2 years ago
parent 6ad73d8464
commit 2cdb812380

@ -33,11 +33,11 @@
<table class="basics_F mTB_01"> <table class="basics_F mTB_01">
<colgroup> <colgroup>
<col style="width: 5%;"/> <col style="width: 5%;"/>
<col style="width: 12%;"/>
<col style="width: 4%;"/> <col style="width: 4%;"/>
<col style="width: 13%;"/>
<col style="width: 4%;"/> <col style="width: 4%;"/>
<col style="width: 8%;"/> <col style="width: 13%;"/>
<col style="width: 8%;"/>
<col style="width: 18%;"/>
</colgroup> </colgroup>
<tr> <tr>
<td colspan="6"></td> <td colspan="6"></td>
@ -48,7 +48,7 @@
</td> </td>
<td>자료출처</td> <td>자료출처</td>
<td><input type="text" id="" name="" value=""></td> <td><input type="text" id="" name="" value=""></td>
<td colspan="2"><label><input type="checkbox" value="의견진술">의견진술</label></td> <td colspan="0"><label><input type="checkbox" value="의견진술">의견진술</label></td>
</tr> </tr>
<tr> <tr>
<td>위반일시</td> <td>위반일시</td>
@ -72,11 +72,11 @@
<table class="basics_F mTB_01"> <table class="basics_F mTB_01">
<colgroup> <colgroup>
<col style="width: 5%;"/> <col style="width: 5%;"/>
<col style="width: 12%;"/>
<col style="width: 4%;"/> <col style="width: 4%;"/>
<col style="width: 4%;"/> <col style="width: 13%;"/>
<col style="width: 8%;"/>
<col style="width: 3%;"/> <col style="width: 3%;"/>
<col style="width: 22%;"/> <col style="width: 15%;"/>
</colgroup> </colgroup>
<tr> <tr>
<td colspan="6"></td> <td colspan="6"></td>
@ -116,11 +116,11 @@
<table class="basics_F mTB_01 mT_02"> <table class="basics_F mTB_01 mT_02">
<colgroup> <colgroup>
<col style="width: 5%;"/> <col style="width: 5%;"/>
<col style="width: 12%;"/>
<col style="width: 4%;"/> <col style="width: 4%;"/>
<col style="width: 4%;"/> <col style="width: 13%;"/>
<col style="width: 8%;"/>
<col style="width: 3%;"/> <col style="width: 3%;"/>
<col style="width: 22%;"/> <col style="width: 15%;"/>
</colgroup> </colgroup>
<tr> <tr>
<td>소유주</td> <td>소유주</td>
@ -270,7 +270,7 @@
<p class="title deco_01">감경처리</p> <p class="title deco_01">감경처리</p>
<table class="basics_F mTB_02"> <table class="basics_F mTB_02">
<colgroup> <colgroup>
<col style="width: 8%;"/> <col style="width: 21%;"/>
<col style="width: 8%;"/> <col style="width: 8%;"/>
<col style="width: 11%;"/> <col style="width: 11%;"/>
</colgroup> </colgroup>
@ -304,7 +304,7 @@
<p class="title deco_01">서손처리</p> <p class="title deco_01">서손처리</p>
<table class="basics_F mTB_02"> <table class="basics_F mTB_02">
<colgroup> <colgroup>
<col style="width: 8%;"/> <col style="width: 21%;"/>
<col style="width: 8%;"/> <col style="width: 8%;"/>
<col style="width: 11%;"/> <col style="width: 11%;"/>
</colgroup> </colgroup>

@ -8,7 +8,7 @@
<!-- [JS/CSS] tui Grid --> <!-- [JS/CSS] tui Grid -->
<%-- TODO: jquery-ui theme 업무별 적용 --%> <%-- TODO: jquery-ui theme 업무별 적용 --%>
<link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/jquery-ui/1.13.2/themes/humanity/jquery-ui.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/jquery-ui/1.13.2/themes/redmond/jquery-ui.css" />
<!-- jquery datepicker custom --> <!-- jquery datepicker custom -->
<link rel="stylesheet" type="text/css" href="${ctx}/resources/framework/datepicker/datepicker.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/framework/datepicker/datepicker.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/tui/grid/4.21.5/tui-pagination/tui-pagination.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/tui/grid/4.21.5/tui-pagination/tui-pagination.css" />

@ -26,7 +26,8 @@
<div class="nav-box"> <div class="nav-box">
<div class="personalArea"> <div class="personalArea">
<div class="infoArea"> <div class="infoArea">
<span class="faceArea"><img src="${ctx}/resources/biz/common/images/common/etc/sampleFace.jpg" alt="<c:out value="${sessionScope.XitLoginSession.name }" />"></span> <%--2022.11.01 박소영 이미지 삭제--%>
<%-- <span class="faceArea"><img src="${ctx}/resources/biz/common/images/common/etc/sampleFace.jpg" alt="<c:out value="${sessionScope.XitLoginSession.name }" />"></span>--%>
<div class="txtArea"> <div class="txtArea">
<strong><c:out value="${sessionScope.XitLoginSession.name }" />[<sec:authentication property="principal.Username"/>]</strong> <strong><c:out value="${sessionScope.XitLoginSession.name }" />[<sec:authentication property="principal.Username"/>]</strong>
<em><c:out value="${sessionScope.XitLoginSession.orgnztNm }" /></em> <em><c:out value="${sessionScope.XitLoginSession.orgnztNm }" /></em>

@ -4,7 +4,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<c:if test="${!empty pageTitle}"> <c:if test="${!empty pageTitle}">
<title>${pageTitle}</title> <title>${pageTitle}</title>
</c:if> </c:if>

@ -1,43 +1,75 @@
@charset "UTF-8"; @charset "UTF-8";
/*웹폰트*/ /*
!**!
@font-face { @font-face {
font-family: 'notokr-bold'; font-family: 'notokr-bold';
src: url("../webfonts/font/notoKR-Bold/notokr-bold.eot"); src: url('../webfonts/font/notoKR-Bold/notokr-bold.eot');
src: url("../webfonts/font/notokr-bold/notokr-bold.eot?#iefix") format("embedded-opentype"), url("../webfonts/font/notoKR-Bold/notokr-bold.woff2") format("woff2"), url("../webfonts/font/notoKR-Bold/notokr-bold.woff") format("woff"), url("../webfonts/font/notoKR-Bold/notokr-bold.ttf") format("truetype"); src: url('../webfonts/font/notokr-bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
font-weight: normal; url('../webfonts/font/notoKR-Bold/notokr-bold.woff2') format('woff2'),
font-style: normal; } url('../webfonts/font/notoKR-Bold/notokr-bold.woff') format('woff'),
url('../webfonts/font/notoKR-Bold/notokr-bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face { @font-face {
font-family: 'notokr-medium'; font-family: 'notokr-medium';
src: url("../webfonts/font/notoKR-Medium/notokr-medium.eot"); src: url('../webfonts/font/notoKR-Medium/notokr-medium.eot');
src: url("../webfonts/font/notoKR-Medium/notokr-medium.eot?#iefix") format("embedded-opentype"), url("../webfonts/font/notoKR-Medium/notokr-medium.woff2") format("woff2"), url("../webfonts/font/notoKR-Medium/notokr-medium.woff") format("woff"), url("../webfonts/font/notoKR-Medium/notokr-medium.ttf") format("truetype"); src: url('../webfonts/font/notoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
font-weight: normal; url('../webfonts/font/notoKR-Medium/notokr-medium.woff2') format('woff2'),
font-style: normal; } url('../webfonts/font/notoKR-Medium/notokr-medium.woff') format('woff'),
url('../webfonts/font/notoKR-Medium/notokr-medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face { @font-face {
font-family: 'notokr-regular'; font-family: 'notokr-regular';
src: url("../webfonts/font/notoKR-Regular/notokr-regular.eot"); src: url('../webfonts/font/notoKR-Regular/notokr-regular.eot');
src: url("../webfonts/font/notoKR-Regular/notokr-regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/font/notoKR-Regular/notokr-regular.woff2") format("woff2"), url("../webfonts/font/notoKR-Regular/notokr-regular.woff") format("woff"), url("../webfonts/font/notoKR-Regular/notokr-regular.ttf") format("truetype"); src: url('../webfonts/font/notoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'),
font-weight: normal; url('../webfonts/font/notoKR-Regular/notokr-regular.woff2') format('woff2'),
font-style: normal; } url('../webfonts/font/notoKR-Regular/notokr-regular.woff') format('woff'),
url('../webfonts/font/notoKR-Regular/notokr-regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face { @font-face {
font-family: "Nanumsquare_L"; font-family: "Nanumsquare_L";
src: url("../webfonts/font/nanumsquare/NanumSquare_acL.eot?") format("eot"), url("../webfonts/font/nanumsquare/NanumSquare_acL.woff") format("woff"), url("../webfonts/font/nanumsquare/NanumSquare_acL.ttf") format("truetype"); src: url("../webfonts/font/nanumsquare/NanumSquare_acL.eot?") format("eot"),
font-weight: normal; url("../webfonts/font/nanumsquare/NanumSquare_acL.woff") format("woff"),
font-style: normal; } url("../webfonts/font/nanumsquare/NanumSquare_acL.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face { @font-face {
font-family: "Nanumsquare_B"; font-family: "Nanumsquare_B";
src: url("../webfonts/font/nanumsquare/NanumSquare_acB.eot?") format("eot"), url("../webfonts/font/nanumsquare/NanumSquare_acB.woff") format("woff"), url("../webfonts/font/nanumsquare/NanumSquare_acB.ttf") format("truetype"); src: url("../webfonts/font/nanumsquare/NanumSquare_acB.eot?") format("eot"),
font-weight: normal; url("../webfonts/font/nanumsquare/NanumSquare_acB.woff") format("woff"),
font-style: normal; } url("../webfonts/font/nanumsquare/NanumSquare_acB.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face { @font-face {
font-family: "S-CoreDream-3Light"; font-family: "S-CoreDream-3Light";
src: url("../webfonts/font/S-CoreDream-3Light/S-CoreDream-3Light.eot?") format("eot"), url("../webfonts/font/S-CoreDream-3Light/S-CoreDream-3Light.woff") format("woff"), url("../webfonts/font/S-CoreDream-3Light/S-CoreDream-3Light.ttf") format("truetype"); src: url("../webfonts/font/S-CoreDream-3Light/S-CoreDream-3Light.eot?") format("eot"),
font-weight: normal; url("../webfonts/font/S-CoreDream-3Light/S-CoreDream-3Light.woff") format("woff"),
font-style: normal; } url("../webfonts/font/S-CoreDream-3Light/S-CoreDream-3Light.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face { @font-face {
font-family: "S-CoreDream-5Medium"; font-family: "S-CoreDream-5Medium";
src: url("../webfonts/font/S-CoreDream-5Medium/S-CoreDream-5Medium.eot?") format("eot"), url("../webfonts/font/S-CoreDream-5Medium/S-CoreDream-5Medium.woff") format("woff"), url("../webfonts/font/S-CoreDream-5Medium/S-CoreDream-5Medium.ttf") format("truetype"); src: url("../webfonts/font/S-CoreDream-5Medium/S-CoreDream-5Medium.eot?") format("eot"),
font-weight: normal; url("../webfonts/font/S-CoreDream-5Medium/S-CoreDream-5Medium.woff") format("woff"),
font-style: normal; } url("../webfonts/font/S-CoreDream-5Medium/S-CoreDream-5Medium.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}*/
/* 기본 폰트 색상 설정 */ /* 기본 폰트 색상 설정 */
/* default */ /* default */
/* white */ /* white */
@ -509,7 +541,10 @@ label {
.main-banner .main_inner .mainVisual_text { .main-banner .main_inner .mainVisual_text {
position: absolute; position: absolute;
top: 245px; top: 245px;
left: 181px; } left: 181px;
font-weight: bold;
letter-spacing: -2.6px;
}
.main-banner .main_inner .mainVisual_text .mainVisual_tit { .main-banner .main_inner .mainVisual_text .mainVisual_tit {
font-family: "S-CoreDream-5Medium"; font-family: "S-CoreDream-5Medium";
font-size: 48px; font-size: 48px;
@ -819,11 +854,13 @@ header {
border-radius: 7px; } border-radius: 7px; }
.title { .title {
font-family: "S-CoreDream-5Medium"; /*font-family: "S-CoreDream-5Medium";*/
border: 0px solid green; border: 0px solid green;
border-bottom: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;
font-size: 15px; font-size: 15px;
font-weight: bold; } font-weight: bold;
letter-spacing: -1.6px;
}
.conttitle .title { .conttitle .title {
font-size: 20px !important; } font-size: 20px !important; }
@ -863,11 +900,13 @@ header {
border: none; border: none;
height: auto; height: auto;
width: 98%; width: 98%;
font-weight: 600;
letter-spacing: -2.5px;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
border-bottom: 2px solid #222328; border-bottom: 2px solid #222328;
font-size: 20px; font-size: 20px;
font-family: 'notokr-bold'; } /*font-family: 'notokr-bold'; */ }
.tab-list-ui .detailList dd { .tab-list-ui .detailList dd {
position: relative; position: relative;
z-index: 10; z-index: 10;
@ -915,7 +954,7 @@ header {
cursor: default; cursor: default;
border-bottom: 2px solid #222328; border-bottom: 2px solid #222328;
font-size: 20px; font-size: 20px;
font-family: 'notokr-bold'; } /*font-family: 'notokr-bold'; */ }
.tab-list-ui .detailList.sel dd { .tab-list-ui .detailList.sel dd {
display: block; } display: block; }
@ -1012,7 +1051,8 @@ header {
font-size: 23px; font-size: 23px;
/* font-family: 'notokr-medium'; */ /* font-family: 'notokr-medium'; */
padding: 12px 0px; padding: 12px 0px;
padding-left: 23px; } padding-left: 23px;
}
.conttitle .popup_01 { .conttitle .popup_01 {
font-size: 20px; font-size: 20px;
border-bottom: 2px solid #ccc; } border-bottom: 2px solid #ccc; }
@ -1039,7 +1079,7 @@ header {
.shipmentInfo .titleBox_02 { .shipmentInfo .titleBox_02 {
border: 0px solid red; border: 0px solid red;
font-size: 16px; font-size: 16px;
font-family: 'notokr-bold'; /*font-family: 'notokr-bold'; */
color: #000; color: #000;
padding: 6px 0px; } padding: 6px 0px; }
@ -1097,7 +1137,7 @@ header {
float:left; float:left;
padding:0 5px 0 0; padding:0 5px 0 0;
} }
} }
.newField{ .newField{
.btnSearch{ .btnSearch{
position:static; position:static;
@ -1131,7 +1171,9 @@ header {
background: #44539e; background: #44539e;
line-height: 24px; line-height: 24px;
font-size: 11px; font-size: 11px;
color: #fff; } color: #fff;
border-radius: 4px;
}
.search .btnOpen { .search .btnOpen {
position: relative; position: relative;
display: inline-block; display: inline-block;
@ -1158,10 +1200,13 @@ header {
transform: translateY(-50%) rotate(-45deg); } transform: translateY(-50%) rotate(-45deg); }
.search .defalt, .search .detail_02, .search .defalt_03 { .search .defalt, .search .detail_02, .search .defalt_03 {
position: relative; position: relative;
text-align: left; } text-align: left;
top:6px;
}
.search > .detailGroup_02 { .search > .detailGroup_02 {
display: none; display: none;
border-top: 1px solid #d0d0d0; } border-top: 1px solid #d0d0d0;
}
.search > .detail .detailGroup_02 > li { .search > .detail .detailGroup_02 > li {
float: left; float: left;
padding: 0 15px 5px 0; } padding: 0 15px 5px 0; }
@ -1191,7 +1236,7 @@ header {
padding: 0 15px 0 0; } padding: 0 15px 0 0; }
.search .detailGroup_02 > li span { .search .detailGroup_02 > li span {
border: 0px solid red; border: 0px solid red;
font-family: 'notokr-bold'; /*font-family: 'notokr-bold'; */
font-size: 14px; } font-size: 14px; }
.search_02 { .search_02 {
@ -1248,7 +1293,9 @@ header {
transform: translateY(-50%) rotate(-45deg); } transform: translateY(-50%) rotate(-45deg); }
.search_02 .defalt, .search_02 .detail_02 { .search_02 .defalt, .search_02 .detail_02 {
position: relative; position: relative;
text-align: left; } text-align: left;
top:6px;
}
.search .defalt_03 { .search .defalt_03 {
position: relative; position: relative;
@ -1259,7 +1306,8 @@ header {
border-top: 1px solid #d0d0d0; } border-top: 1px solid #d0d0d0; }
.search_02 > .detail .detailGroup_02 > li { .search_02 > .detail .detailGroup_02 > li {
float: left; float: left;
padding: 0 15px 5px 0; } padding: 0 15px 5px 0;
}
.search_02 > .detail .detailGroup_02 > li.width100 { .search_02 > .detail .detailGroup_02 > li.width100 {
width: 100%; } width: 100%; }
.search_02 > .detail .detailGroup_02 > li.last { .search_02 > .detail .detailGroup_02 > li.last {
@ -1286,7 +1334,7 @@ header {
padding: 0 15px 0 0; } padding: 0 15px 0 0; }
.search_02 .detailGroup_02 > li span { .search_02 .detailGroup_02 > li span {
border: 0px solid red; border: 0px solid red;
font-family: 'notokr-bold'; /*font-family: 'notokr-bold'; */
font-size: 14px; } font-size: 14px; }
/* ** 컨텐츠 기본 가이드 ** */ /* ** 컨텐츠 기본 가이드 ** */
@ -1407,7 +1455,7 @@ header {
/* background: #eee; */ /* background: #eee; */
background: #f0f5ff; background: #f0f5ff;
font-size: 13px; font-size: 13px;
font-family: 'notokr-bold'; /*font-family: 'notokr-bold'; */
color: #101010; color: #101010;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
@ -1462,7 +1510,7 @@ header {
/* background: #eee; */ /* background: #eee; */
background: #f0f5ff; background: #f0f5ff;
font-size: 13px; font-size: 13px;
font-family: 'notokr-bold'; /*font-family: 'notokr-bold'; */
color: #101010; color: #101010;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
@ -1513,13 +1561,14 @@ header {
display: block; display: block;
padding: 10px 0; padding: 10px 0;
text-align: right; text-align: right;
padding-top:35px;
/*2021.09.24 박소영 새로추가*/ } /*2021.09.24 박소영 새로추가*/ }
.bottomBtnArea > .list, .bottomBtnArea > .list,
.topBtnArea > .list { .topBtnArea > .list {
float: left; float: left;
font-size: 12px; font-size: 12px;
padding-top: 18px; padding-top: 18px;
font-family: 'notokr-bold'; } /*font-family: 'notokr-bold'; */ }
.centerBtnArea { .centerBtnArea {
display: block; display: block;
@ -1634,7 +1683,7 @@ button {
float: left; float: left;
font-size: 12px; font-size: 12px;
padding-top: 18px; padding-top: 18px;
font-family: 'notokr-bold'; } /*font-family: 'notokr-bold'; */ }
.conttitle .bottom_Btn { .conttitle .bottom_Btn {
border: 0px solid red; border: 0px solid red;
@ -1677,7 +1726,7 @@ button {
padding: 15px 0px 15px 17px; padding: 15px 0px 15px 17px;
font-size: 12px; font-size: 12px;
cursor: default; cursor: default;
font-family: 'notokr-bold'; } /*font-family: 'notokr-bold'; */}
.lnb > li > span.active > a { .lnb > li > span.active > a {
color: #fff; } color: #fff; }
.lnb > li.sel > .toggle::after { .lnb > li.sel > .toggle::after {
@ -1719,9 +1768,11 @@ button {
transform: translate(-50%, -50%) rotate(90deg); } transform: translate(-50%, -50%) rotate(90deg); }
.lnb li a, .lnb li.active a, .lnb li.sel a { .lnb li a, .lnb li.active a, .lnb li.sel a {
font-size: 16px; font-size: 16px;
letter-spacing: -0.6px; letter-spacing: -1.6px;
color: #222; color: #222;
text-decoration: none; } text-decoration: none;
font-weight: bolder;
}
.lnb li a:hover, .lnb li a.focus { .lnb li a:hover, .lnb li a.focus {
/*color: #ea002c;*/ } /*color: #ea002c;*/ }
.lnb li.active a:hover, .lnb li.active a.focus { .lnb li.active a:hover, .lnb li.active a.focus {
@ -1820,16 +1871,16 @@ button {
padding: 0 10px; padding: 0 10px;
background-color: #edf4ff; background-color: #edf4ff;
line-height: 15px; line-height: 15px;
/* .depth_04::before{ /* .depth_04::before{
content:''; content:'';
display:inline-block; display:inline-block;
width:4px; width:4px;
height:4px; height:4px;
margin:-5px 8px 0 0; margin:-5px 8px 0 0;
vertical-align:middle; vertical-align:middle;
background:#868686; background:#868686;
border-radius:50% border-radius:50%
}*/ } }*/ }
.lnb .dep4 > li > span { .lnb .dep4 > li > span {
display: block; display: block;
padding: 13px 5px 11px; padding: 13px 5px 11px;
@ -1944,15 +1995,15 @@ button {
/* ** 개인화 영역 가이드 ** */ /* ** 개인화 영역 가이드 ** */
.personalArea { .personalArea {
background: #ede9e7; background: #ffffff;
margin: 0; margin: 0;
overflow: hidden; } overflow: hidden; }
.personalArea .infoArea { .personalArea .infoArea {
display: inline-block; /*display: inline-block;*/
width: 100%; width: 100%;
height: 80px; /*height: 80px;*/
margin: 0 10px; /*margin: 0 10px;*/
padding: 36px 0 10px; } padding: 36px 0 25px; }
.personalArea .infoArea .faceArea { .personalArea .infoArea .faceArea {
float: left; float: left;
position: relative; position: relative;
@ -1971,12 +2022,17 @@ button {
-webkit-box-shadow: 0 5px #d5d1cf; -webkit-box-shadow: 0 5px #d5d1cf;
box-shadow: 0 5px #d5d1cf; } box-shadow: 0 5px #d5d1cf; }
.personalArea .infoArea .txtArea { .personalArea .infoArea .txtArea {
padding: 7px 0; /*padding: 7px 0;*/
color: #666; } color: #666;
text-align: center;
}
.personalArea .infoArea .txtArea strong { .personalArea .infoArea .txtArea strong {
color: #666; color: #666;
font-size: 14px; font-size: 14px;
font-weight: bold; } font-weight: bold;
display: block;
padding-bottom: 15px;
}
.personalArea .infoArea .txtArea em { .personalArea .infoArea .txtArea em {
display: block; display: block;
font-style: normal; font-style: normal;
@ -1988,20 +2044,23 @@ button {
float: left; float: left;
padding: 0 3px; } padding: 0 3px; }
.personalArea .infoArea .txtArea .btnArea > li a { .personalArea .infoArea .txtArea .btnArea > li a {
padding: 4px 3px; /*padding: 4px 3px;*/
border-radius: 2px; /*border-radius: 2px;*/
background: #444; background: #636b97;
padding:6px;
font-size: 11px; font-size: 11px;
color: #fff; color: #fff;
text-decoration: none; } text-decoration: none;
border-radius: 4px;
}
.personalArea .workArea { .personalArea .workArea {
background: #d0d0d0; } background: #f5f6f7; }
.personalArea .workArea button { .personalArea .workArea button {
position: relative; position: relative;
display: block; display: block;
width: 100%; width: 100%;
border: none; border: none;
background: #7f7f7f; background: #4b84c1;
color: #fff; } color: #fff; }
.personalArea .workArea button::before, .personalArea .workArea button::after { .personalArea .workArea button::before, .personalArea .workArea button::after {
content: "\f0d7"; content: "\f0d7";
@ -2013,7 +2072,7 @@ button {
.personalArea .workArea dl { .personalArea .workArea dl {
display: none; display: none;
padding: 10px 10px; padding: 10px 10px;
color: #555; color: #000;
font-size: 12px; } font-size: 12px; }
.personalArea .workArea dl dt { .personalArea .workArea dl dt {
font-weight: 700; font-weight: 700;

@ -1,4 +1,5 @@
/*웹폰트*/ /*
!**!
@font-face { @font-face {
font-family: 'notokr-bold'; font-family: 'notokr-bold';
src: url('../webfonts/font/notoKR-Bold/notokr-bold.eot'); src: url('../webfonts/font/notoKR-Bold/notokr-bold.eot');
@ -67,4 +68,4 @@
url("../webfonts/font/S-CoreDream-5Medium/S-CoreDream-5Medium.ttf") format("truetype"); url("../webfonts/font/S-CoreDream-5Medium/S-CoreDream-5Medium.ttf") format("truetype");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }*/

@ -466,7 +466,6 @@ label, label * {vertical-align: middle;}
padding: 13px 15px; padding: 13px 15px;
background-color: #f2f2f2; background-color: #f2f2f2;
} }
.search td{ .search td{
font-size: 12px; font-size: 12px;
line-height: 1.3; line-height: 1.3;
@ -518,10 +517,13 @@ label, label * {vertical-align: middle;}
.search.r2 .btn_search { .search.r2 .btn_search {
border:0px solid red; border:0px solid red;
width:60px; width:60px;
height: 45px; height: 30px;
border-radius:4px; border-radius:4px;
cursor: pointer; cursor: pointer;
vertical-align: middle; line-height: 24px;
background:#44539e;
font-weight: 600;
} }
@ -1305,14 +1307,18 @@ input:read-only {
.btn { .btn {
display: inline-block; display: inline-block;
margin-right: 4px; margin-right: 4px;
padding: 10px 20px; /*padding: 10px 20px;*/
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
font-weight: bold; /* font-weight: bold;
color: #474747; color: #474747;*/
/*vertical-align: top;*/ /*vertical-align: top;*/
cursor: pointer; cursor: pointer;
border-radius: 4px; border-radius: 4px;
height:30px;
padding:0 15px;
line-height: 30px;
font-width: 600;
} }
.btn.sm { .btn.sm {
padding: 8px 14px; padding: 8px 14px;
@ -1701,30 +1707,34 @@ span.attachfile_btnRemove {
margin: 0px 1px 0px 1px; margin: 0px 1px 0px 1px;
} }
/*2022.11.01 박소영 테이블 여백 수정*/
.ui-tabs .ui-tabs-panel{
padding: 1em 0em;
}
/*======================= /*=======================
datepicker custom Style datepicker custom Style
=======================*/ =======================*/
.datepicker_wrap { /*.datepicker_wrap {
position: absolute; position: absolute;
top: 240px; top: 240px;
left: 345px; left: 345px;
width: 490px; width: 490px;
height: 275px; height: 275px;
padding: 10px; padding: 10px;
border:1px solid #CCC; border:1px solid #CCC;
overflow-x:hidden; overflow-x:hidden;
overflow-y: auto; overflow-y: auto;
background-color: white; background-color: white;
z-index: 1; z-index: 1;
border-radius: 5px; border-radius: 5px;
} }
.datepicker_wrap .ui-datepicker-calendar > tbody td a{ .datepicker_wrap .ui-datepicker-calendar > tbody td a{
margin-left: 10px; margin-left: 10px;
} }
.datepicker_wrap .datepicker_header { .datepicker_wrap .datepicker_header {
/* float: right; */ !* float: right; *!
float: left; float: left;
text-align: right; text-align: right;
word-spacing: -5px; word-spacing: -5px;
@ -1752,7 +1762,7 @@ datepicker custom Style
cursor: pointer; cursor: pointer;
vertical-align: middle; vertical-align: middle;
} }
/** Datepicker style 변경 */ !** Datepicker style *!
.ui-datepicker-header.ui-widget-header { .ui-datepicker-header.ui-widget-header {
border: 0px; border: 0px;
background: #4d5769; background: #4d5769;
@ -1777,54 +1787,54 @@ select.ui-datepicker-year, select.ui-datepicker-year > option, select.ui-datepic
color: white; color: white;
} }
.ui-datepicker .ui-datepicker-header { .ui-datepicker .ui-datepicker-header {
/*head-배경색*/ !*head-*!
background-color: #4d5769; background-color: #4d5769;
} }
.ui-datepicker th { .ui-datepicker th {
/*head-평일*/ !*head-*!
background-color: #4d5769; background-color: #4d5769;
color: white; color: white;
} }
.ui-datepicker th:first-child { .ui-datepicker th:first-child {
/*head-주말*/ !*head-*!
color: red; color: red;
} }
.ui-datepicker th:last-child { .ui-datepicker th:last-child {
/*head-주말*/ !*head-*!
color: blue; color: blue;
} }
.ui-datepicker-calendar > tbody td:not(.ui-datepicker-week-end) a:not(.ui-state-active):not(.ui-state-hover):not(.ui-state-highlight) { .ui-datepicker-calendar > tbody td:not(.ui-datepicker-week-end) a:not(.ui-state-active):not(.ui-state-hover):not(.ui-state-highlight) {
/*body-평일*/ !*body-*!
color: black; color: black;
background: white; background: white;
background-color: white; background-color: white;
} }
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a:not(.ui-state-active):not(.ui-state-hover):not(.ui-state-highligh) { .ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a:not(.ui-state-active):not(.ui-state-hover):not(.ui-state-highligh) {
/*body-주말*/ !*body-*!
color: red; color: red;
background: white; background: white;
background-color: white; background-color: white;
} }
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a:not(.ui-state-active):not(.ui-state-hover):not(.ui-state-highligh) { .ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a:not(.ui-state-active):not(.ui-state-hover):not(.ui-state-highligh) {
/*body-주말*/ !*body-*!
color: blue; color: blue;
background: white; background: white;
background-color: white; background-color: white;
} }
.ui-datepicker-calendar > tbody td a.ui-state-highlight:not(.ui-state-active):not(.ui-state-hover){ .ui-datepicker-calendar > tbody td a.ui-state-highlight:not(.ui-state-active):not(.ui-state-hover){
/*body-오늘 날짜 */ !*body- *!
color: #e78f08; color: #e78f08;
background: white; background: white;
background-color: white; background-color: white;
} }
a.ui-state-active, .ui-widget-content a.ui-state-active, .ui-widget-header a.ui-state-active { a.ui-state-active, .ui-widget-content a.ui-state-active, .ui-widget-header a.ui-state-active {
/*body-선택한 날짜 */ !*body- *!
color: white; color: white;
background: #4d5769; background: #4d5769;
background-color: #4d5769; background-color: #4d5769;
border-radius: 10px; border-radius: 10px;
margin-left: 21px; margin-left: 21px;
} }*/
/** //Datepicker style 변경 */ /** //Datepicker style 변경 */

@ -45,7 +45,7 @@ const customTheme = {
}, },
row: { row: {
even: { even: {
background: '#f3ffe3' background: '#f2f4ff'
}, },
hover: { hover: {
background: '#ccc' background: '#ccc'

Loading…
Cancel
Save