djb-eapim/elink-test-master
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

경남은행 요청 사항 반영

Browse Source
This commit is contained in:
현성필
2023-08-22 13:57:18 +09:00
parent 38d088cce0
commit 32a5719a12
13 changed files with 490 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/static/css/custom.css
+307 -231
View File
@@ -1,6 +1,9 @@
/* 이 파일은 커스텀 파일입니다*/
body {
font-family: 'NotoSansKR', sans-serif;
font-family: 'NotoSansKR', sans-serif !important;
/*font-family: 'Nanum Gothic', sans-serif !important;*/
/*font-family: 'NanumBarunGothic', sans-serif !important;*/
font-weight: bold;
}
a {
@@ -8,6 +11,10 @@ a {
text-decoration: none !important;
}
h1 {
font-weight: bold;
}
.mt70 {
margin-top: 70px;
}
@@ -20,9 +27,8 @@ ul li {
display: block;
position: relative;
float: left;
width: 160px;
height: 50px;
background: url(/img/logo.png) no-repeat center;
width: 215px;
height: 30px;
text-indent: -99999px;
}
@@ -44,107 +50,31 @@ ul li {
border-top: 1px solid #ccc;
}
a.btn.btn-primary {
color: #fff !important;
text-decoration: none !important;
}
.btn-primary {
background-color: #f57e0e;
border-color: #f57e0e;
background-color: #39077A;
border-color: #39077A;
}
.list-group-item.active {
background-color: #39077A !important;
border-color: #39077A !important;
}
.list-group-item.active > a {
color : #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background-color: #f57e0e;
background-color: #39077A;
}
.btn-primary:disabled {
background-color: #f5c08d;
border-color: #f5c08d;
}
/*사이트소개*/
.portal_main_head {
position: relative;
min-width: 1550px;
height: 440px;
background: url(../img/bg_company_main_head.jpg) repeat-x;
}
.portal_main_head::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 50%;
height: 440px;
background: url(../img/bg_company_main_head2.jpg) repeat-x;
}
.portal_main_head .portal_main_section {
height: 440px;
background: url(../img/v_company_main.jpg) 100% 0 no-repeat;
}
.portal_main_section {
position: relative;
width: 1100px;
margin: 0 auto;
}
.portal_main_head .txt_box {
position: absolute;
top: 190px;
left: 0;
width: 530px;
height: 320px;
padding: 50px 60px;
background-color: #3942af;
border-radius: 60px 10px;
}
.portal_main_head h2 {
line-height: 52px;
font-weight: 700;
font-size: 46px;
color: #fff;
}
.portal_main_head p {
font-size: 15px;
line-height: 24px;
margin-top: 15px;
color: #d4d7fd;
}
.portal_main_body {
min-width: 1550px;
padding: 100px 0 130px;
background-color: #f8f9fb;
}
.portal_content_wrap {
margin: 0 auto;
display: block;
position: relative;
width: 1110px;
}
.dna {
width: 1110px;
text-align: center;
margin-top: 20px;
padding: 0;
}
.dna li {
display: inline-block;
width: 31%;
height: 240px;
margin-right: 32px;
padding: 40px 40px 50px;
vertical-align: top;
border-radius: 8px;
background-color: #fff;
box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05);
background-color: #766d81;
border-color: #766d81;
}
.info_img {
@@ -173,10 +103,10 @@ ul li {
.panel,
.panel-group .panel,
.panel-heading {
border-radius: 0px; /*background: url(../img/faq_arrow.png)no-repeat 1060px;*/
border-radius: 0px; /*background: url(/developer/img/faq_arrow.png)no-repeat 1060px;*/
}
/*.panel-heading.on {background: url(../img/faq_arrow_on.png)no-repeat 1060px;}*/
/*.panel-heading.on {background: url(./developer/img/faq_arrow_on.png)no-repeat 1060px;}*/
.panel-default {
border: none;
}
@@ -211,36 +141,6 @@ ul li {
}
/*메인페이지의 FAQ*/
/*.panel-group_s {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}*/
.panel-group_s .panel-default_s {
border: none;
}
.panel-group_s .panel-default_s > .panel-heading {
padding: 19px 30px;
border-top: 1px solid #ddd;
background-color: #fff;
}
.panel-group_s .panel-default_s:first-child > .panel-heading {
border-top: 0;
}
/*.panel-group_s .panel-default_s > .panel-heading:last-child {border-bottom: 2px solid red;}*/
.panel-group_s .panel-default_s > .panel-heading + .panel-collapse .panel-body {
padding-left: 30px;
font-size: 16px;
}
.panel-group_s .panel {
margin-bottom: 0;
}
.panel-group_s .panel + .panel {
margin-top: 0;
}
.f-g-l fieldset {
display: block;
float: left;
@@ -248,15 +148,6 @@ ul li {
width: 440px;
}
.calen {
display: block;
position: relative;
float: left;
width: 130px;
margin-right: 10px;
}
.signup .idsave {
margin: 10px 0 0 95px;
}
@@ -271,6 +162,26 @@ ul li {
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.btn-toggle {
display: inline-flex;
align-items: center;
width: 100%;
padding: 20px; /*margin: 10px 0 5px 0;*/
height: 30px;
background-color: /*transparent*/ #fff8eb;
border-radius: 4px;
border: 0;
font-weight: 500;
font-size: 16px;
color: #222;
}
.btn-toggle:hover,
.btn-toggle:focus {
color: rgba(0, 0, 0, .85);
background-color: #fff8eb;
}
/* 화면 스크롤 해도 nav_bar를 상단에 고정 */
.fixed_top {
position: fixed;
@@ -282,6 +193,10 @@ ul li {
animation: appear 0.5s ease-in-out;
}
.dropdown-menu {
min-width: 7rem !important;
}
.fixed_menu {
position: fixed;
top: 50px;
@@ -290,14 +205,97 @@ ul li {
display: block;
}
.btn-toggle[aria-expanded="true"] {
width: 100%;
color: #fff;
font-size: 16px;
font-weight: 500;
background-color: #fd9b00;
}
.btn-toggle[aria-expanded="true"]::before {
transform: rotate(90deg);
}
.btn-toggle-nav a {
display: inline-flex;
width: 100%;
padding: .1875rem .5rem;
margin-top: .125rem;
margin-left: 1.25rem;
text-decoration: none;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #222;
}
.scrollarea {
overflow-y: auto;
}
.admin_content {
display: block;
position: relative;
margin: 0 auto;
}
.has-error .form-control {
border-color: #dc312d;
}
.explan.error {
color: #dc312d;
}
/*테스트 등록*/
.testregister_wrap {
width: 100%;
padding: 0;
border-radius: 10px;
border: 1px solid #ddd;
margin: 20px 0 40px 0;
}
.testregister_top {
padding: 40px 60px 40px 60px;
}
.testregister_left, .testregister_right {
display: inline-block;
width: 49.8%;
padding: 40px 60px 60px 60px;
vertical-align: top;
}
.testregister_left {
border-right: 1px solid #e6e6e6;
}
.testregister_wrap h3 {
display: block;
float: left;
margin-top: 10px;
font-weight: 600;
margin-bottom: 20px;
}
.jg-regist {
display: block;
position: relative;
float: left;
width: 100%;
}
.jg-regist table tr {
height: 40px;
font-size: 14px;
border-bottom: 1px solid #ddd;
}
.jsgrid-table {
position: relative;
margin-left: 15px;
@@ -307,6 +305,103 @@ ul li {
width: 150px;
}
.testregister_wrap h3 span {
display: inline-block;
position: relative;
width: 26px;
height: 26px;
margin-right: 10px;
top: -2px;
background-color: #222;
border-radius: 50%;
text-align: center;
color: #fff;
font-weight: 400;
font-size: 16px;
line-height: 1.6;
}
.testregister_wrap hr {
display: block;
width: 100%;
margin: 0;
border-color: #ddd;
}
.testregister_result {
width: 100%;
border: 1px solid #ddd;
border-radius: 6px;
padding: 10px 0 10px 20px;
line-height: 1.7;
list-style: none;
}
.testregister_select_tit {
float: left;
width: 100%;
border: 1px solid #ddd;
border-radius: 6px;
padding: 15px 0 15px 20px;
line-height: 1.7;
list-style: none;
}
.testregister_select_tit li {
text-align: center;
}
.testregister_select {
float: left;
width: 100%;
border: 1px solid #ddd;
border-radius: 6px;
padding: 10px 20px;
background-color: #fafafa;
line-height: 1.7;
list-style: none;
}
.testregister_select li {
display: inline-block;
width: 100%;
height: 46px;
line-height: 2.8;
text-indent: 20px;
}
.testregister_select li:first-child {
border-bottom: 1px solid #ddd;
}
.testregister_select li:hover {
display: inline-block;
width: 100%;
background-color: #f1f1f1;
}
.testregister_result a, .testregister_select a {
color: #222;
}
.testregister_left .pagination {
margin-top: 15px;
}
.testregister_left .pagination ul li a,
.testregister_left .pagination ul li.on a,
.testregister_left .pagination ul li:hover a {
border-radius: 4px;
}
.testregister_detail {
padding: 40px 60px 40px 60px;
}
.testregister_detail label {
font-size: 20px;
}
.board_content {
padding: 10px;
line-height: 1.5;
@@ -327,22 +422,6 @@ ul li {
grid-area: list
}
.search_field {
display: grid;
grid-template-columns: 1fr auto;
column-gap: 10px;
grid-template-areas: "input button";
}
.search_field_input {
grid-area: input
}
.search_field_button {
grid-area: button;
}
/*기타 css*/
.CodeMirror {
@@ -382,34 +461,6 @@ ul li {
height: 1rem
}
.pt-subnavbar {
position: relative;
z-index: 1020;
background-color: rgba(255, 255, 255, 0.95);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.15)
}
.pt-subnavbar .dropdown-menu {
font-size: .875rem;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05)
}
.pt-subnavbar .dropdown-item.current {
font-weight: 600;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 1rem top 0.6rem;
background-size: .75rem .75rem
}
@media (min-width: 768px) {
.pt-subnavbar {
position: -webkit-sticky;
position: sticky;
top: 0
}
}
.pt-search {
position: relative
}
@@ -552,6 +603,11 @@ ul li {
}
@media (max-width: 991.98px) {
.logo_only {
display: none;
}
.pt-content > .table {
display: block;
overflow-x: auto
@@ -584,6 +640,18 @@ ul li {
}
}
@media (max-width: 849px){
.hide {
display: none !important;
}
}
@media (min-width: 850px){
.main_menu {
display: none !important;
}
}
.pt-lead {
font-size: calc(1.275rem + .3vw);
font-weight: 300
@@ -695,6 +763,7 @@ ul li {
@media (min-width: 768px) {
.pt-layout {
display: grid;
gap: 1.5rem;
grid-template-areas:"sidebar main";
grid-template-columns:1fr 3fr
}
@@ -845,7 +914,14 @@ ul li {
font-weight: 600;
color: #fff;
background-color: #7952b3;
border-color: #7952b3
border-color: #7952b3;
}
.nav-pills .nav-link.active {
font-weight: 600 !important;
color: #fff !important;
background-color: #39077A !important;
border-color: #39077A !important;
}
.btn-pt-primary:hover, .btn-pt-primary:active {
@@ -1322,14 +1398,10 @@ ul li {
.pt-table thead tr th {
background-color: #f6f6f6;
font-size: .9rem;
font-weight: 500;
letter-spacing: 0;
}
.pt-table tbody tr td {
font-size: .9rem;
font-weight: 400;
letter-spacing: 0;
}
@@ -1352,6 +1424,11 @@ ul li {
padding: 9px 0;
}
ul.api_tab > li > a > .active {
color: #ffffff !important;
font-weight: bold;
}
footer {
display: block;
position: relative;
@@ -1364,7 +1441,7 @@ footer {
right: 15px;
width: 34px;
height: 34px;
background: #666 url(/img/footer_top_arrow.png) no-repeat center 3px;
background: #666 url(/developer/img/footer_top_arrow.png) no-repeat center 3px;
}
footer div.foot_info {
@@ -1381,41 +1458,46 @@ footer div.foot_info span {
letter-spacing: .2px;
}
.figure_img {
/*width: 100%;*/
width: 1000px;
height: 527px;
margin: 0 auto;
object-fit: fill;
background: url(/img/figure.jpg);
@media(max-width: 1459px){
.header{
max-width: 100% !important;
}
}
@media(min-width: 1460px){
.header{
max-width: 1460px !important;
}
}
figure div p {
display: block;
position: relative;
padding-top: 50px;
font-size: 1.7rem;
color: #474747;
font-weight: 400;
text-align: center;
.cut-sides {
overflow: hidden;
}
figure div span {
display: block;
position: relative;
font-size: 2.5rem;
color: #f74140;
font-weight: 500;
text-align: center;
@media(max-width: 1919px){
.figure_img {
width: 100%;
display: block;
margin: 0 auto;
object-fit: cover;
object-position: center;
}
}
@media(min-width: 1920px){
.figure_img {
width: 1900px;
display: block;
margin: 0 auto;
object-fit: contain;
object-position: center;
}
}
.api_banner {
display: block;
width: 220px;
height: 50px;
background: url(/img/api_mainban.png);
background: url(/developer/img/api_mainban.png);
}
.api_banner a {
@@ -1479,7 +1561,7 @@ figure div span {
position: relative;
padding-left: 150px;
height: 120px;
background: url(/img/api_info_a.png) no-repeat;
background: url(/developer/img/api_info_a.png) no-repeat;
}
.api_info ul .api_info_b {
@@ -1487,7 +1569,7 @@ figure div span {
position: relative;
padding-left: 150px;
height: 120px;
background: url(/img/api_info_b.png) no-repeat;
background: url(/developer/img/api_info_b.png) no-repeat;
}
.api_info ul .api_info_c {
@@ -1495,7 +1577,7 @@ figure div span {
position: relative;
padding-left: 150px;
height: 120px;
background: url(/img/api_info_c.png) no-repeat;
background: url(/developer/img/api_info_c.png) no-repeat;
}
.api_info ul .api_info_d {
@@ -1503,13 +1585,13 @@ figure div span {
position: relative;
padding-left: 150px;
height: 120px;
background: url(/img/api_info_d.png) no-repeat;
background: url(/developer/img/api_info_d.png) no-repeat;
}
/*.CodeMirror {*/
/* margin-bottom: 0.1rem !important;*/
/*}*/
.CodeMirror {
margin-bottom: 0.1rem !important;
}
.CodeMirror-fullscreen {
position: fixed !important;
@@ -1538,7 +1620,6 @@ figure div span {
background-color: lightgrey;
}
.dev {
background-color : #f74140 !important;
color : white !important;
@@ -1549,6 +1630,10 @@ figure div span {
color : white !important;
}
.current {
color : #39077A !important;
}
.reset-button {
/* Reset button styles */
background: none;
@@ -1562,13 +1647,4 @@ figure div span {
/* Style the icon */
display: inline-block;
margin-right: 5px; /* Adjust this value as per your requirement */
}
.nav-link {
color: #AAAAAA;
}
.nav-link.active{
font-weight: bold;
color: #000000;
}