no message
parent
8e3ea290ce
commit
a6275c07ab
@ -1,147 +0,0 @@
|
||||
.hamberger {
|
||||
display: inline-block;
|
||||
overflow: visible;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
height: 24px;
|
||||
cursor: pointer;
|
||||
-webkit-transition-timing-function: linear;
|
||||
transition-timing-function: linear;
|
||||
-webkit-transition-duration: .15s;
|
||||
transition-duration: .15s;
|
||||
-webkit-transition-property: opacity,-webkit-filter;
|
||||
transition-property: opacity,-webkit-filter;
|
||||
transition-property: opacity,filter;
|
||||
transition-property: opacity,filter,-webkit-filter;
|
||||
text-transform: none;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
background-color: transparent; }
|
||||
.hamberger .hamburger-box {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 24px;
|
||||
left: -20px; }
|
||||
.hamberger .hamburger-box .hamburger-inner {
|
||||
position: absolute;
|
||||
width: 30px;
|
||||
height: 4px;
|
||||
-webkit-transition-timing-function: ease;
|
||||
transition-timing-function: ease;
|
||||
-webkit-transition-duration: .15s;
|
||||
transition-duration: .15s;
|
||||
-webkit-transition-property: -webkit-transform;
|
||||
transition-property: -webkit-transform;
|
||||
transition-property: transform;
|
||||
transition-property: transform, -webkit-transform;
|
||||
border-radius: 4px;
|
||||
background-color: #898989; }
|
||||
.hamberger .hamburger-box .hamburger-inner::before, .hamberger .hamburger-box .hamburger-inner::after {
|
||||
content: '';
|
||||
display: block; }
|
||||
.hamberger .hamburger-box .hamburger-inner::before {
|
||||
position: absolute;
|
||||
width: 30px;
|
||||
height: 4px;
|
||||
-webkit-transition-timing-function: ease;
|
||||
transition-timing-function: ease;
|
||||
-webkit-transition-duration: .15s;
|
||||
transition-duration: .15s;
|
||||
-webkit-transition-property: -webkit-transform;
|
||||
transition-property: -webkit-transform;
|
||||
transition-property: transform;
|
||||
transition-property: transform, -webkit-transform;
|
||||
border-radius: 4px;
|
||||
background-color: #898989;
|
||||
top: -10px; }
|
||||
.hamberger .hamburger-box .hamburger-inner::after {
|
||||
position: absolute;
|
||||
width: 30px;
|
||||
height: 4px;
|
||||
-webkit-transition-timing-function: ease;
|
||||
transition-timing-function: ease;
|
||||
-webkit-transition-duration: .15s;
|
||||
transition-duration: .15s;
|
||||
-webkit-transition-property: -webkit-transform;
|
||||
transition-property: -webkit-transform;
|
||||
transition-property: transform;
|
||||
transition-property: transform, -webkit-transform;
|
||||
border-radius: 4px;
|
||||
background-color: #898989;
|
||||
bottom: -10px; }
|
||||
.hamberger.active .hamburger-box .hamburger-inner {
|
||||
-webkit-transition-delay: .12s;
|
||||
transition-delay: .12s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
-webkit-transform: rotate(225deg);
|
||||
transform: rotate(225deg); }
|
||||
.hamberger.active .hamburger-box .hamburger-inner::before {
|
||||
top: 0;
|
||||
-webkit-transition: top .1s ease-out,opacity .1s ease-out .12s;
|
||||
transition: top .1s ease-out,opacity .1s ease-out .12s;
|
||||
opacity: 0; }
|
||||
.hamberger.active .hamburger-box .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
|
||||
transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
|
||||
transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
|
||||
transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
|
||||
-webkit-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg); }
|
||||
|
||||
|
||||
|
||||
/* ** 개인화 영역 가이드 ** */
|
||||
.personalArea {
|
||||
background: lightgray;
|
||||
overflow: hidden;
|
||||
|
||||
padding: 10px 10px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.personalArea .txtArea {
|
||||
color: #666;
|
||||
text-align: center;
|
||||
}
|
||||
.personalArea .txtArea strong {
|
||||
color:#0b2d8b;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
padding-bottom: 5px;
|
||||
letter-spacing: -0.7px;
|
||||
}
|
||||
.personalArea .txtArea em {
|
||||
display: block;
|
||||
font-style: normal;
|
||||
font-size: 12px;
|
||||
letter-spacing: -0.6px;
|
||||
}
|
||||
.personalArea .btnArea {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.personalArea .btnArea a {
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
border-radius: 20px;
|
||||
letter-spacing: -0.6px;
|
||||
padding: 6px 10px 5px 10px;
|
||||
}
|
||||
|
||||
|
||||
.fastmenu-close {
|
||||
width: 3rem;
|
||||
}
|
||||
|
||||
.fastmenu-open {
|
||||
width: 16.25rem;
|
||||
height: 40rem;
|
||||
}
|
||||
@ -1,249 +0,0 @@
|
||||
|
||||
#skipnavigation li {
|
||||
line-height: 0; }
|
||||
#skipnavigation li a {
|
||||
position: absolute;
|
||||
left: -3000%;
|
||||
line-height: 0; }
|
||||
#skipnavigation li a:focus {
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 10000000000;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
background: #e0002a;
|
||||
line-height: 30px;
|
||||
color: #fff;
|
||||
text-align: center; }
|
||||
|
||||
/* ** history 영역 가이드 ** */
|
||||
.history {
|
||||
font-size: 11px;
|
||||
color: #333;
|
||||
text-align: right;
|
||||
}
|
||||
.history span {
|
||||
display: inline-block;
|
||||
width: 25px;
|
||||
font-weight: bold;
|
||||
color: #999;
|
||||
text-align: center; }
|
||||
.history > a {
|
||||
display: inline-block;
|
||||
color: #999; }
|
||||
.history > a:hover {
|
||||
color: #ff5a20; }
|
||||
|
||||
.bind-contents {
|
||||
margin: 0 auto;
|
||||
padding: 0px 10px 30px 0px;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 760px) {
|
||||
.bind-contents {
|
||||
min-height: 90vh;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.main-banner {
|
||||
position: relative;
|
||||
min-width: 1100px;
|
||||
min-height: 400px;
|
||||
height: 60vh;
|
||||
/*background: $border-color;*/
|
||||
/*border-left:1px solid #e1e1e1;*/
|
||||
/*margin-bottom:15px;*/ }
|
||||
.main-banner .main_inner {
|
||||
border: 0px solid red; }
|
||||
.main-banner .main_inner .mainVisual_text {
|
||||
position: absolute;
|
||||
top: 245px;
|
||||
left: 20px;
|
||||
font-weight: bold;
|
||||
letter-spacing: -2.6px;
|
||||
}
|
||||
.main-banner .main_inner .mainVisual_text .mainVisual_tit {
|
||||
font-family: "S-CoreDream-5Medium";
|
||||
font-size: 48px;
|
||||
color: #1e2f4d; }
|
||||
.main-banner .main_inner .mainVisual_text .mainVisual_subtit {
|
||||
font-family: "S-CoreDream-3Light";
|
||||
font-size: 20px; }
|
||||
.main-banner .main_inner .mainVisual_img01 {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 211px;
|
||||
width: 350px;
|
||||
top: 50px;
|
||||
/*animation: test_01 3s infinite linear 0s alternate;*/ }
|
||||
.main-banner .main_inner .mainVisual_img03 {
|
||||
position: absolute;
|
||||
right: 55px;
|
||||
z-index: 1; }
|
||||
.main-banner .main_inner .mainVisual_img04 {
|
||||
position: absolute;
|
||||
top: 21px;
|
||||
width: 100%; }
|
||||
.main-banner .main_inner .mainVisual_img05 {
|
||||
position: absolute;
|
||||
bottom: -16px;
|
||||
width: 100%; }
|
||||
.main-banner ul {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
display: none; }
|
||||
.main-banner ul li {
|
||||
float: left;
|
||||
width: calc(100% / 3); }
|
||||
.main-banner ul li a {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
padding: 20px 15px;
|
||||
text-align: center;
|
||||
border: 1px solid #d0d0d0;
|
||||
background: #999;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
letter-spacing: -0.6px; }
|
||||
|
||||
.cont {
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
.cont .cont_container {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.btnList {
|
||||
display: inline-block;}
|
||||
.btnList > li {
|
||||
float: left;
|
||||
padding-left: 5px;
|
||||
/*padding-left:0;*/
|
||||
/*padding-right:5px;*/ }
|
||||
.btnList > li .style_btn {
|
||||
padding: 5px;
|
||||
width: 70px;
|
||||
height: 35px;
|
||||
border-radius: 8px;
|
||||
font-size: 13px;
|
||||
font-family: 'notokr-medium';
|
||||
line-height: 24px;
|
||||
cursor: pointer; }
|
||||
.btnList > li .registration {
|
||||
background: #6d7b96;
|
||||
color: #fff; }
|
||||
.btnList > li .modify {
|
||||
background: #c7cfd1;
|
||||
color: #3c4f4d; }
|
||||
.btnList > li .cancel {
|
||||
background: #e0002a;
|
||||
color: #fff; }
|
||||
|
||||
.btnList li button {
|
||||
height: 30px;
|
||||
font-size: 12px;
|
||||
letter-spacing: -0.6px;
|
||||
padding: 0 8px;
|
||||
border: 1px solid #e6e6e6;
|
||||
background: #fff;
|
||||
line-height: 24px;
|
||||
cursor: pointer; }
|
||||
|
||||
.topBtnArea {
|
||||
line-height: 0;
|
||||
/*display: block;*/
|
||||
padding: 10px 0;
|
||||
text-align: right;
|
||||
border: 0px solid red;
|
||||
/* padding-top:35px;*/
|
||||
/*2021.09.24 박소영 새로추가*/ }
|
||||
.topBtnArea > .list {
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
padding-top: 18px;
|
||||
/*font-family: 'notokr-bold'; */ }
|
||||
|
||||
.topBtnArea-a {
|
||||
line-height: 0;
|
||||
/*display: block;*/
|
||||
/*padding: 10px 0;*/
|
||||
text-align: right;
|
||||
border: 0px solid red;
|
||||
/* padding-top:35px;*/
|
||||
/*2021.09.24 박소영 새로추가*/ }
|
||||
|
||||
.topBtnArea-a > .list {
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
padding-top: 18px;
|
||||
/*font-family: 'notokr-bold'; */ }
|
||||
|
||||
/* ** 컨텐츠 기본 가이드 ** */
|
||||
.contents {
|
||||
padding-bottom: 35px; }
|
||||
.contents .title {
|
||||
padding: 20px 0 4px;
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
text-align: left; }
|
||||
|
||||
/*버튼*/
|
||||
.btn img {
|
||||
display: inline-block;
|
||||
margin-right: 7px;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
|
||||
/* 버튼 */
|
||||
button .ico {
|
||||
display: inline-block;
|
||||
margin-top: -2px;
|
||||
vertical-align: middle; }
|
||||
button .ico::before {
|
||||
font-size: 15px; }
|
||||
button .ico.fa-file-excel {
|
||||
color: green; }
|
||||
button .ico.fa-file-pdf {
|
||||
color: red; }
|
||||
|
||||
|
||||
.list{cursor: pointer;}
|
||||
|
||||
.title {
|
||||
border: 0px solid green;
|
||||
border-bottom: 1px solid #c3c3c3;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
letter-spacing: -1.6px;
|
||||
}
|
||||
|
||||
|
||||
/*=======================
|
||||
* 안내문구 영역 Style
|
||||
=======================*/
|
||||
div.guide{
|
||||
background-color: #f6f6f6;
|
||||
padding: 7px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
div.guide ul:not(:first-child){
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.guide ul:first-child > li{
|
||||
color: blue;
|
||||
font-weight: bold;
|
||||
}
|
||||
div.guide ul li{
|
||||
margin-top: 5px;
|
||||
}
|
||||
@ -1,6 +0,0 @@
|
||||
.dragDiv {
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
background-color: #b5c1dc57;
|
||||
border-radius: 8px;
|
||||
}
|
||||
@ -1,95 +0,0 @@
|
||||
|
||||
caption {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 필수 항목 캡션 */
|
||||
label.required:after {
|
||||
content: '*';
|
||||
color: red;
|
||||
}
|
||||
|
||||
input[type=file] {
|
||||
height: 24px;
|
||||
padding: 0 5px; }
|
||||
|
||||
input[type=text]:disabled, input[type=text]:read-only {
|
||||
background-color: #eceef1;
|
||||
}
|
||||
|
||||
/*2023.01.26 dataset css 추가*/
|
||||
input[data-fmt-type=number] {
|
||||
text-align: right;
|
||||
padding-right: 10px;
|
||||
}
|
||||
input[data-fmt-type=time], input[data-fmt-type=day] {
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*팝업*/
|
||||
.popup {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
min-width: 1440px;
|
||||
}
|
||||
|
||||
/*---- 모달 ----*/
|
||||
.modal-wrap {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: none;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
z-index: 1000; }
|
||||
.modal-wrap .modal-cell {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
overflow-y: scroll; }
|
||||
.modal-wrap .modal-cell .cont-box {
|
||||
display: none;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
width: 500px;
|
||||
padding: 40px 30px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
.modal-wrap .modal-cell .cont-box .btn-box {
|
||||
padding-top: 10px;
|
||||
margin-bottom: -10px; }
|
||||
.modal-wrap .modal-cell .cont-box .btn-close {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
font-size: 30px; }
|
||||
.modal-wrap .modal-cell .cont-box .btn-close::after {
|
||||
content: "\f00d"; }
|
||||
|
||||
|
||||
@media screen and (max-width: 760px) {
|
||||
.modal-wrap .modal-cell .cont-box {
|
||||
width: 90%; }
|
||||
}
|
||||
button.btnDark {
|
||||
border: 1px solid #564a44;
|
||||
background: #564a44;
|
||||
color: #fff; }
|
||||
button.btnDark .ico {
|
||||
font-weight: normal;
|
||||
margin-right: 5px;
|
||||
color: #fff; }
|
||||
button.btnDark .ico.fa-file-excel {
|
||||
font-weight: bold; }
|
||||
button.btnDark .ico.fa-file-pdf {
|
||||
font-weight: bold; }
|
||||
|
||||
|
||||
|
||||
@ -1,574 +0,0 @@
|
||||
/* 최상위 태그 */
|
||||
#layoutPage {
|
||||
transition: all 1s;
|
||||
min-width: 1480px !important;
|
||||
}
|
||||
|
||||
#layoutPage .aside-left {
|
||||
display: flex;
|
||||
width: min-content;
|
||||
background-color: #ffffff;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#layoutPage header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 2.2rem !important;
|
||||
}
|
||||
#layoutPage footer {
|
||||
height: 2.2rem !important;
|
||||
}
|
||||
|
||||
#layoutPage main {
|
||||
padding: 0 0 0 0 !important;
|
||||
}
|
||||
|
||||
#layoutPage .aside-right {
|
||||
background-color: white;
|
||||
border: 1px solid black;
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
top :2.2rem;
|
||||
right: 1rem;
|
||||
width: min-content;
|
||||
}
|
||||
|
||||
#innerPageTabContents {
|
||||
height : calc( 100% - 2.2rem );
|
||||
}
|
||||
|
||||
#innerPageTabContents > div {
|
||||
height : 100%;
|
||||
}
|
||||
|
||||
.wrapper-dashboard {
|
||||
display: grid;
|
||||
grid-template-columns : repeat(auto-fill,minmax(145px, 145px));
|
||||
grid-template-rows: repeat(auto-fill,minmax(116px, 116px));
|
||||
justify-content: center;
|
||||
grid-auto-flow: row;
|
||||
grid-column-gap: 10px;
|
||||
grid-row-gap: 10px;
|
||||
height: 100vh;
|
||||
overflow-y:scroll;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 1300px) {
|
||||
.wrapper-dashboard {
|
||||
grid-template-columns : repeat(8,minmax(145px, 145px));
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper-dashboard .card {
|
||||
height: 100%;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.wrapper-dashboard .card-header {
|
||||
margin: 0;
|
||||
padding: 3px;
|
||||
}
|
||||
.wrapper-dashboard .card-body {
|
||||
margin: 0;
|
||||
padding: 3px;
|
||||
}
|
||||
.wrapper-dashboard .card-footer {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.dashboard-item-1-1 {
|
||||
grid-column: span 1;
|
||||
grid-row: span 1;
|
||||
}
|
||||
|
||||
.dashboard-item-2-1 {
|
||||
grid-column: span 2;
|
||||
grid-row: span 1;
|
||||
}
|
||||
|
||||
.dashboard-item-1-2 {
|
||||
grid-column: span 1;
|
||||
grid-row: span 2;
|
||||
}
|
||||
|
||||
.dashboard-item-2-2 {
|
||||
grid-column: span 2;
|
||||
grid-row: span 2;
|
||||
}
|
||||
|
||||
.dashboard-item-4-2 {
|
||||
grid-column: span 4;
|
||||
grid-row: span 2;
|
||||
}
|
||||
|
||||
.dashboard-item-4-3 {
|
||||
grid-column: span 4;
|
||||
grid-row: span 3;
|
||||
}
|
||||
|
||||
.wrapper-list {
|
||||
height: 100vh;
|
||||
overflow-y:scroll;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.wrapper-pop {
|
||||
padding: 5px 20px 5px 20px;
|
||||
}
|
||||
|
||||
/* 조회조건 영역 */
|
||||
.container-search {
|
||||
clear: both;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding: 10px 15px;
|
||||
background-color: var(--bs-nav-link-color);
|
||||
border: 1px solid #d0d0d0;
|
||||
box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.container-search-detail {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.form-search-title {
|
||||
min-width: 6.25rem;
|
||||
}
|
||||
|
||||
.form-search-linebox {
|
||||
display: inline-block;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
/* 날짜입력 */
|
||||
.form-date {
|
||||
width: 7.5rem;
|
||||
color: #515151;
|
||||
border: 1px solid #a9a9a9;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 탭,내비게이션 */
|
||||
.nav-link-closeable{
|
||||
padding-right: calc(0.8em + (0.9375em * 2));
|
||||
}
|
||||
.nav-link-closeable + .btn-close{
|
||||
font-size: 16px;
|
||||
margin-left: calc((0.8em + (0.9375em * 2)) * -1);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-tabs-ifr{
|
||||
--bs-nav-tabs-padding-top : .3em;
|
||||
--bs-nav-tabs-padding-left : .3em;
|
||||
--bs-nav-tabs-border-radius: 0.1875rem;
|
||||
--bs-nav-tabs-bg-image: linear-gradient(#8AB9DB,whitesmoke);
|
||||
|
||||
--bs-nav-link-color: #2e6e9e;
|
||||
--bs-nav-link-bg-image: linear-gradient(#dfeffc,white);
|
||||
--bs-nav-tabs-link-active-color: #e17009;
|
||||
--bs-nav-tabs-link-active-bg : #fff;
|
||||
}
|
||||
|
||||
|
||||
/* 버튼 */
|
||||
.btn-red {
|
||||
--bs-btn-color: #fff;
|
||||
--bs-btn-bg:#e60012;
|
||||
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg:#e60012;
|
||||
}
|
||||
|
||||
.btn-green {
|
||||
--bs-btn-color: #fff;
|
||||
--bs-btn-bg: #107c41;
|
||||
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg:#107c41;
|
||||
}
|
||||
|
||||
.btn-blue {
|
||||
--bs-btn-color : #fff;
|
||||
--bs-btn-bg : #1a71ff;
|
||||
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg:#1a71ff;
|
||||
}
|
||||
|
||||
.btn-lightgray {
|
||||
--bs-btn-color:#474747;
|
||||
--bs-btn-bg: #eee;
|
||||
|
||||
--bs-btn-hover-color: #474747;
|
||||
--bs-btn-hover-bg:#eee;
|
||||
}
|
||||
|
||||
.btn-darkgray {
|
||||
--bs-btn-color: #fff;
|
||||
--bs-btn-bg: #676767;
|
||||
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg:#676767;
|
||||
}
|
||||
|
||||
.btn-square {
|
||||
aspect-ratio: 1 / 1 !important;
|
||||
}
|
||||
|
||||
.btn-search {
|
||||
--bs-btn-color: #fff;
|
||||
--bs-btn-bg: #44539e;
|
||||
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg:#44539e;
|
||||
}
|
||||
|
||||
.btn-open-detail {
|
||||
--bs-btn-color: #fff;
|
||||
--bs-btn-bg: #44539e;
|
||||
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg:#44539e;
|
||||
|
||||
float:right;
|
||||
}
|
||||
|
||||
.btn-pagination {
|
||||
border:1px solid #e1e1e1;
|
||||
line-height: 0px;
|
||||
border-radius: 7px;
|
||||
background:#F5F5F5;
|
||||
--bs-btn-disabled-bg: #F5F5F5;
|
||||
}
|
||||
|
||||
/*팝업 영역 */
|
||||
.container-window1{
|
||||
margin: 0px auto;
|
||||
padding: 20px 20px;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.container-window2{
|
||||
margin: 20px auto;
|
||||
padding: 40px 45px;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
}
|
||||
|
||||
.container-window3 {
|
||||
display: inline-block;
|
||||
max-width: 1400px;
|
||||
padding: 50px 45px;
|
||||
box-sizing: border-box;
|
||||
border-top: 5px solid #003567;
|
||||
border-bottom: 5px solid #003567;
|
||||
text-align: left;
|
||||
box-shadow: 0 0 18px 5px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.container-window1 table:not(.tui-grid-container) {
|
||||
font-family: 'Dotum';
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.container-window3 table:not(.tui-grid-container) {
|
||||
font-family: 'Dotum';
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
/* 팝업 헤더 영역 */
|
||||
.container-window-header1 {
|
||||
padding: 2px 0px 10px 20px;
|
||||
color: #333;
|
||||
display: flex;
|
||||
}
|
||||
.container-window-header-img {
|
||||
height: fit-content;
|
||||
align-self: center;
|
||||
display: block;
|
||||
padding: 4px;
|
||||
}
|
||||
.container-window-header-title {
|
||||
align-self: center;
|
||||
font-size: 20px !important;
|
||||
font-weight: 700;
|
||||
margin-bottom: 0rem;
|
||||
padding: 12px;
|
||||
}
|
||||
.container-window-header2 {
|
||||
border-bottom: 1px solid #c3c3c3;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
letter-spacing: -1.6px;
|
||||
padding: 10px 10px 10px 10px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
|
||||
/* 버튼영역 */
|
||||
.container-window-btn1 {
|
||||
column-gap: 5px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
display: flex;
|
||||
}
|
||||
.container-window-btn2 {
|
||||
column-gap: 5px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.container-window-btn3 {
|
||||
column-gap: 5px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding-right: 22px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.container-page-btn {
|
||||
margin:8px 0;
|
||||
clear: both;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.container-window-btn-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
column-gap: 3px;
|
||||
}
|
||||
|
||||
|
||||
/* 카드 */
|
||||
.card-header-line {
|
||||
--bs-card-body-border-width : 1px;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.card-header-lg {
|
||||
--bs-card-cap-padding-x : 1.5rem;
|
||||
--bs-card-cap-padding-y : 1.5rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*테이블*/
|
||||
.table-02 {
|
||||
font-size: 12px;
|
||||
border-collapse: separate;
|
||||
border-spacing: 5px 5px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.table-02 th, .table-02 td {
|
||||
border: 1px solid #b7b7b7;
|
||||
color: #515151;
|
||||
}
|
||||
.table-02 th {
|
||||
vertical-align: top;
|
||||
padding: 10px 15px;
|
||||
background-color: #eee;
|
||||
color: #3d3d3d;
|
||||
font-weight: bold;
|
||||
}
|
||||
.table-02 td {
|
||||
padding: 0 15px;
|
||||
}
|
||||
.table-02 input[type=text], .table-02 select, .table-02 textarea {
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #515151;
|
||||
}
|
||||
.table-02 input[type=text], .table-02 select {
|
||||
min-height: 30px;
|
||||
}
|
||||
.table-02 input[type=radio], .table-02 input[type=checkbox] {
|
||||
margin: 10px 2px 10px 15px;
|
||||
}
|
||||
.table-02 td > input[type=radio]:first-of-type, .table-02 td > input[type=checkbox]:first-of-type {
|
||||
margin-left: 0;
|
||||
}
|
||||
.table-02 textarea {
|
||||
min-height: 50px;
|
||||
resize: none;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.table-03 {
|
||||
font-size: 12px;
|
||||
margin-bottom: 20px;
|
||||
border:1px solid red;
|
||||
}
|
||||
.table-03 th, .table-03 td {
|
||||
border: 1px solid #b7b7b7;
|
||||
color: #515151;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.table-03 th {
|
||||
background-color: #f2f5fd;
|
||||
font-weight: normal;
|
||||
color: #101010;
|
||||
letter-spacing: -0.7px;
|
||||
font-size:13px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.table-03 td {
|
||||
background-color: #fff;
|
||||
padding: 1px;
|
||||
}
|
||||
.table-03 input[type=text], .table-03 select, .table-03 textarea {
|
||||
border: 1px solid #d1d1d1;
|
||||
min-height: 30px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #515151;
|
||||
}
|
||||
.table-03 a.btn {
|
||||
margin-top: -5px;
|
||||
margin-bottom: -5px;
|
||||
vertical-align: top;
|
||||
}
|
||||
.table-03 input[type=text], .table-03 select {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.table-03 textarea {
|
||||
min-height: 50px;
|
||||
resize: none;
|
||||
padding: 15px;
|
||||
}
|
||||
.table-03 input[type=radio], .table-03 input[type=checkbox] {
|
||||
margin: 0px 2px 0px 15px;
|
||||
}
|
||||
.table-03 input[type=radio]:first-child, .table-03 input[type=checkbox]:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
|
||||
/* div 너비,높이 */
|
||||
.container-fix01 {
|
||||
width: 70%;
|
||||
min-width:600px;
|
||||
height: 570px;
|
||||
}
|
||||
.container-fix09 {
|
||||
width: 70%;
|
||||
min-width:600px;
|
||||
min-height: 730px;
|
||||
}
|
||||
.container-fix02 {
|
||||
width:48%;
|
||||
min-width:500px;
|
||||
height: 630px;
|
||||
}
|
||||
.container-fix05 {
|
||||
width: 1100px;
|
||||
min-width: 700px;
|
||||
gap:1em;
|
||||
display: flex;
|
||||
}
|
||||
.container-fix04 {
|
||||
width: 400px;
|
||||
}
|
||||
.container-fix06 {
|
||||
width: 1100px;
|
||||
min-width:700px;
|
||||
}
|
||||
|
||||
.w-form-select {
|
||||
width: max-content !important;
|
||||
min-width: 6.25rem !important;
|
||||
max-width: 16.25rem !important;
|
||||
}
|
||||
|
||||
.w-form-date {
|
||||
width: 7.5rem !important;
|
||||
}
|
||||
|
||||
|
||||
/* 배경색, 외곽선 */
|
||||
.border-cleanparking {
|
||||
box-shadow: 0 0 0 1px inset #FCFFFF !important;
|
||||
border : 1px solid #B5B9BB !important;
|
||||
}
|
||||
|
||||
.bg-cleanparking {
|
||||
background-color: #E3E6E8 !important;
|
||||
}
|
||||
|
||||
.bg-btn-cleanparking {
|
||||
background-color: #F0F0F0 !important;
|
||||
}
|
||||
|
||||
.bg-popup-cleanparking {
|
||||
background-color: #E2E6E9 !important;
|
||||
}
|
||||
|
||||
.bg-title-cleanparking {
|
||||
background-color: #EEC575 !important;
|
||||
}
|
||||
|
||||
/* 다이얼로그 창 넓이 */
|
||||
.w-dialog-px-500 {
|
||||
--bs-modal-width : 500px;
|
||||
}
|
||||
|
||||
.w-dialog-px-600 {
|
||||
--bs-modal-width : 600px;
|
||||
}
|
||||
|
||||
.w-dialog-px-700 {
|
||||
--bs-modal-width : 700px;
|
||||
}
|
||||
|
||||
.w-dialog-px-800 {
|
||||
--bs-modal-width : 800px;
|
||||
}
|
||||
|
||||
.w-dialog-px-900 {
|
||||
--bs-modal-width : 900px;
|
||||
}
|
||||
|
||||
.w-dialog-px-1000 {
|
||||
--bs-modal-width : 1000px;
|
||||
}
|
||||
|
||||
.w-dialog-px-1100 {
|
||||
--bs-modal-width : 1100px;
|
||||
}
|
||||
|
||||
.w-dialog-px-1200 {
|
||||
--bs-modal-width : 1200px;
|
||||
}
|
||||
|
||||
.modal-header-noheader {
|
||||
height: 0px !important;
|
||||
}
|
||||
|
||||
.modal-header-noheader > .btn-close {
|
||||
margin-top: 2rem !important;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,81 +0,0 @@
|
||||
.svg-cctv-fixed:before {
|
||||
--bs-origin : url("../../../../../mresources/image/fims/framework/고정형cctv.svg");
|
||||
--bs-active : url("../../../../../mresources/image/fims/framework/고정형cctv.svg?modify=active");
|
||||
--bs-alert : url("../../../../../mresources/image/fims/framework/고정형cctv.svg?modify=alert");
|
||||
}
|
||||
|
||||
.svg-cctv-drive:before {
|
||||
--bs-origin : url("../../../../../mresources/image/fims/framework/이동형cctv.svg");
|
||||
--bs-active : url("../../../../../mresources/image/fims/framework/이동형cctv.svg?modify=active");
|
||||
--bs-alert : url("../../../../../mresources/image/fims/framework/이동형cctv.svg?modify=alert");
|
||||
}
|
||||
|
||||
.svg-crackdown-road:before {
|
||||
--bs-origin : url("../../../../../mresources/image/fims/framework/도보단속.svg");
|
||||
--bs-active : url("../../../../../mresources/image/fims/framework/도보단속.svg?modify=active");
|
||||
--bs-alert : url("../../../../../mresources/image/fims/framework/도보단속.svg?modify=alert");
|
||||
}
|
||||
|
||||
.svg-crackdown-minwon:before {
|
||||
--bs-origin : url("../../../../../mresources/image/fims/framework/민원(즉시단속).svg");
|
||||
--bs-active : url("../../../../../mresources/image/fims/framework/민원(즉시단속).svg?modify=active");
|
||||
--bs-alert : url("../../../../../mresources/image/fims/framework/민원(즉시단속).svg?modify=alert");
|
||||
}
|
||||
|
||||
.svg-target-lvy:before {
|
||||
--bs-origin : url("../../../../../mresources/image/fims/framework/등록대상.svg");
|
||||
--bs-active : url("../../../../../mresources/image/fims/framework/등록대상.svg?modify=active");
|
||||
--bs-alert : url("../../../../../mresources/image/fims/framework/등록대상.svg?modify=alert");
|
||||
}
|
||||
|
||||
.svg-target-transfer:before {
|
||||
--bs-origin : url("../../../../../mresources/image/fims/framework/이첩대상.svg");
|
||||
--bs-active : url("../../../../../mresources/image/fims/framework/이첩대상.svg?modify=active");
|
||||
--bs-alert : url("../../../../../mresources/image/fims/framework/이첩대상.svg?modify=alert");
|
||||
}
|
||||
|
||||
.svg-sendstat-guide:before {
|
||||
--bs-origin : url("../../../../../mresources/image/fims/framework/계도장 발송현황.svg");
|
||||
--bs-active : url("../../../../../mresources/image/fims/framework/계도장 발송현황.svg?modify=active");
|
||||
--bs-alert : url("../../../../../mresources/image/fims/framework/계도장 발송현황.svg?modify=alert");
|
||||
}
|
||||
|
||||
.svg-sendstat-before:before {
|
||||
--bs-origin : url("../../../../../mresources/image/fims/framework/사전통보 발송현황.svg");
|
||||
--bs-active : url("../../../../../mresources/image/fims/framework/사전통보 발송현황.svg?modify=active");
|
||||
--bs-alert : url("../../../../../mresources/image/fims/framework/사전통보 발송현황.svg?modify=alert");
|
||||
}
|
||||
|
||||
.svg-sendstat-nop:before {
|
||||
--bs-origin : url("../../../../../mresources/image/fims/framework/고지서 발송현황.svg");
|
||||
--bs-active : url("../../../../../mresources/image/fims/framework/고지서 발송현황.svg?modify=active");
|
||||
--bs-alert : url("../../../../../mresources/image/fims/framework/고지서 발송현황.svg?modify=alert");
|
||||
}
|
||||
|
||||
.svg-opn-rcp:before {
|
||||
--bs-origin : url("../../../../../mresources/image/fims/framework/접수.svg");
|
||||
--bs-active : url("../../../../../mresources/image/fims/framework/접수.svg?modify=active");
|
||||
--bs-alert : url("../../../../../mresources/image/fims/framework/접수.svg?modify=alert");
|
||||
}
|
||||
|
||||
.svg-opn-decision:before {
|
||||
--bs-origin : url("../../../../../mresources/image/fims/framework/수용_미수용.svg");
|
||||
--bs-active : url("../../../../../mresources/image/fims/framework/수용_미수용.svg?modify=active");
|
||||
--bs-alert : url("../../../../../mresources/image/fims/framework/수용_미수용.svg?modify=alert");
|
||||
}
|
||||
|
||||
.svg-opn-selfdrop:before {
|
||||
--bs-origin : url("../../../../../mresources/image/fims/framework/자진취하.svg");
|
||||
--bs-active : url("../../../../../mresources/image/fims/framework/자진취하.svg?modify=active");
|
||||
--bs-alert : url("../../../../../mresources/image/fims/framework/자진취하.svg?modify=alert");
|
||||
}
|
||||
|
||||
[class^=svg-]:before {
|
||||
content : var(--bs-origin);
|
||||
}
|
||||
[class^=svg-].active-svg:before {
|
||||
content : var(--bs-active);
|
||||
}
|
||||
[class^=svg-].alert-svg:before {
|
||||
content : var(--bs-alert);
|
||||
}
|
||||
@ -1,70 +0,0 @@
|
||||
@charset "utf-8";
|
||||
/* *********************************************
|
||||
* tui-grid Custom 스타일 설정
|
||||
* @최초작성일 2020.06.10.
|
||||
* @최초작성자 박민규
|
||||
* @수정내역
|
||||
*
|
||||
********************************************* */
|
||||
|
||||
/* selected row */
|
||||
table.tui-grid-table tr.tui-grid-cell-current-row > td{
|
||||
background-color: rgba(199, 235, 235, 1);
|
||||
}
|
||||
table.tui-grid-table tr.tui-grid-cell-current-row > td:focus{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
||||
/* font size */
|
||||
table.tui-grid-table th{
|
||||
border-color: #fff;
|
||||
font-size: 13px;
|
||||
font-family: 'notokr-bold';
|
||||
color: #101010;
|
||||
}
|
||||
table.tui-grid-table td div{
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
|
||||
/* header color */
|
||||
table.tui-grid-table th.tui-grid-cell-header, table.tui-grid-table th.tui-grid-cell-row-header{
|
||||
background-color: #eee;
|
||||
border-right: 1px solid #fff;
|
||||
border-top: 2px solid #d0d0d0;;
|
||||
}
|
||||
|
||||
|
||||
/* grid cell */
|
||||
/* table.tui-grid-table td.tui-grid-cell div.tui-grid-cell-content{ */
|
||||
/* overflow: auto; */
|
||||
/* } */
|
||||
table.tui-grid-table td.tui-grid-cell-editable > div.tui-grid-cell-content{
|
||||
/* border: 1px outset; */
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
/* 2020.09.16 정지현*/
|
||||
/* summary영역 수정 */
|
||||
.tui-grid-summary-area .tui-grid-cell {
|
||||
text-align: right;
|
||||
font-size: 11px;
|
||||
padding-right: 5px;
|
||||
background-color: rgba(238, 238, 238, 1);
|
||||
border: 1px solid white;
|
||||
}
|
||||
|
||||
.tui-grid-table tr {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
/* "CustomButtonRenderer" print cell .. */
|
||||
table.tui-grid-table tr > td > span > p {
|
||||
color: #0000ee;
|
||||
cursor: pointer;
|
||||
padding-bottom: 1px;
|
||||
border-bottom: solid 1px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
@ -1,249 +0,0 @@
|
||||
@charset "utf-8";
|
||||
|
||||
@font-face {
|
||||
font-family: "Nanumsquare_L";
|
||||
src: url("../../../font/nanumsquare/NanumSquare_acL.eot?") format("eot"),
|
||||
url("../../../font/nanumsquare/NanumSquare_acL.woff") format("woff"),
|
||||
url("../../../font/nanumsquare/NanumSquare_acL.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Nanumsquare_B";
|
||||
src: url("../../../font/nanumsquare/NanumSquare_acB.eot?") format("eot"),
|
||||
url("../../../font/nanumsquare/NanumSquare_acB.woff") format("woff"),
|
||||
url("../../../font/nanumsquare/NanumSquare_acB.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.login_bg {
|
||||
background-color: white;
|
||||
height: 100%;
|
||||
}
|
||||
.header_wrap .logo img{
|
||||
margin: 30px 0 0 45px;
|
||||
display: inline-block;
|
||||
width: 205px;
|
||||
}
|
||||
.login_text {
|
||||
text-align: center;
|
||||
max-width: 560px;
|
||||
margin: 10px auto 0;
|
||||
}
|
||||
.login_text .l1 {
|
||||
font-size: 70px;
|
||||
color: #4d5769;
|
||||
margin-top: 60px;
|
||||
font-family: Nanumsquare_L;
|
||||
}
|
||||
.login_text .l2 {
|
||||
font-size: 18px;
|
||||
color: #959595;
|
||||
margin-top: 10px;
|
||||
font-family: Nanumsquare_L;
|
||||
}
|
||||
.login_text .l2 span{
|
||||
color: #006fbe;
|
||||
font-weight: bold;
|
||||
}
|
||||
.login_text .input_wrap {
|
||||
position: relative;
|
||||
margin-top: 40px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
.login_text .input_wrap .typeText,
|
||||
.login_text .input_wrap .typePassword {
|
||||
display: inline-block;
|
||||
padding: 0 0 0 30px;
|
||||
height: 54px;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid #828282;
|
||||
background: #fff;
|
||||
font-size: 20px;
|
||||
font-family: Nanumsquare_B;
|
||||
}
|
||||
.login_text .input_wrap input::placeholder {
|
||||
color: rgba(205, 206, 206, 1);
|
||||
}
|
||||
.login_text .input_wrap input::-webkit-input-placeholder {
|
||||
color: rgba(205, 206, 206, 1);
|
||||
}
|
||||
.login_text .input_wrap input:-ms-input-placeholder {
|
||||
color: rgba(205, 206, 206, 1);
|
||||
}
|
||||
|
||||
.login_text .input_wrap .typeButton {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 145px;
|
||||
height: 100px;
|
||||
color: #fff;
|
||||
font-size: 17px;
|
||||
background: #006fbe;
|
||||
border: 1px solid #d9d9d9;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.login_text .input_wrap2 {
|
||||
text-align: right;
|
||||
margin-top: 6px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.login_text .input_wrap2 label {
|
||||
margin-right: 30px;
|
||||
}
|
||||
.login_text .input_wrap2 a{
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-family: 'notokr-bold';
|
||||
font-weight: 700;
|
||||
color: #959595;
|
||||
}
|
||||
.login_text .input_wrap2 a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.login_text .text_img img {
|
||||
width : 160px; /* 2021.09.24 박소영 수정 as-is: width300px; */
|
||||
}
|
||||
.login_text .main_img img {
|
||||
width : 541px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.login_bg a.line {
|
||||
border-left: 2px solid #959595;
|
||||
margin-left: 5px;
|
||||
padding-left: 5px;
|
||||
position: relative;
|
||||
}
|
||||
.login_bg a.line:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 2px;
|
||||
height: 10px;
|
||||
position: absolute;
|
||||
left: -18px;
|
||||
top: 2px;
|
||||
}
|
||||
.login_text .btn_wrap {
|
||||
margin: 35px auto 40px;
|
||||
}
|
||||
.login_text .btn_wrap a{
|
||||
display: inline-block;
|
||||
border: 1px solid #d9d9d9;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
font-size: 17px;
|
||||
height: 58px;
|
||||
line-height: 58px;
|
||||
width: 278px;
|
||||
}
|
||||
.login_text .btn_wrap a:hover {
|
||||
background-color: #00a7ac;
|
||||
border-color: #00a7ac;
|
||||
color: #fff;
|
||||
}
|
||||
.login_text .btn_wrap .typeButton {
|
||||
display: inline-block;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 80%;
|
||||
height: 66px;
|
||||
color: #fff;
|
||||
font-size: 28px;
|
||||
background: #004988;
|
||||
border: 1px solid #d9d9d9;
|
||||
box-sizing: border-box;
|
||||
border-radius: 32px;
|
||||
font-family: Nanumsquare_B;
|
||||
cursor: pointer;
|
||||
}
|
||||
/*2021.09.24 박소영 새로추가*/
|
||||
.login_text .btn_wrap .typeButton:hover{
|
||||
background: #0369c1;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.login_bg .footer_wrap {
|
||||
background-color: #fff;
|
||||
padding-top: 5px;
|
||||
border-top: 1px solid #e5e5e4;
|
||||
}
|
||||
.login_bg .footer_inner {
|
||||
max-width: 560px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
.login_bg .footer_inner strong {
|
||||
position: absolute;
|
||||
font-size: 15px;
|
||||
}
|
||||
.login_bg .login_info {
|
||||
background-color: #4d5769;
|
||||
padding-top: 18px;
|
||||
box-sizing: border-box;
|
||||
height: 60px;
|
||||
}
|
||||
.login_bg .login_info strong {
|
||||
color: #fff;
|
||||
line-height: 25px;
|
||||
}
|
||||
.login_bg .login_info .notice_slider{
|
||||
padding-left: 130px;
|
||||
height: 25px;
|
||||
}
|
||||
.login_bg .login_info .notice_slider .bx-wrapper{
|
||||
background: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.login_bg .login_info ul li {
|
||||
color: #fff;
|
||||
position: relative;
|
||||
padding-right: 100px;
|
||||
box-sizing: border-box;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.login_bg .login_info ul li a {
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
}
|
||||
.login_bg .login_info ul li span {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
.login_bg .login_info2 {
|
||||
padding-top: 35px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
.login_bg .login_info2 strong{
|
||||
color: #2d2d2d;
|
||||
}
|
||||
.login_bg .login_info2 p {
|
||||
padding-left: 130px;
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.login_bg .login_info2 p span {
|
||||
color: #008ef0;
|
||||
}
|
||||
.login_bg .login_info2 .info_link {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.login_bg .login_info2 .info_link a {
|
||||
color: #2d2d2d;
|
||||
padding-left: 25px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 0;
|
||||
line-height: 18px;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,303 +0,0 @@
|
||||
@charset "utf-8";
|
||||
/* Type Selector */
|
||||
*{margin:0; padding:0;margin:0; padding:0;}
|
||||
img, fieldset, button{border:none;}
|
||||
li{list-style-type:none;}
|
||||
hr, button img{display:none;}
|
||||
a{text-decoration:none;}
|
||||
a:hover, a:active, a:focus{text-decoration:none;}
|
||||
textarea{overflow:auto;}
|
||||
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */
|
||||
caption{display:none;}
|
||||
img{border:0; vertical-align: middle;}
|
||||
html, body{margin:0; padding:0; height: 100%;width: 100%;}
|
||||
body, input, button, select, input, textarea, td, th {
|
||||
color: #666666;
|
||||
font: 12px Dotum,Gulim,Tahoma,Sans-serif;
|
||||
}
|
||||
h1{font-family:"굴림", Gulim, AppleGothic, Sans-serif; font-size:13pt;}
|
||||
h2{ color: #727272;
|
||||
font-size: 1.4em;
|
||||
line-height: 1.125em;
|
||||
margin: 1.125em 0 0.208em;}
|
||||
|
||||
h3 {font-size: 1.333em;
|
||||
line-height: 1.125em;
|
||||
margin: 1.688em 0 0.3125em;
|
||||
}
|
||||
input.text {
|
||||
border-color: #ACACAC #D9D9D9 #D9D9D9 #ACACAC;
|
||||
border-right: 1px solid #D9D9D9;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
color: #848484;
|
||||
font-size: 11px;
|
||||
height: 15px;
|
||||
padding: 3px 0 0 3px;}
|
||||
|
||||
input{
|
||||
color: #67625C;
|
||||
font-family: gulim;
|
||||
font-size: 1em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
select {
|
||||
color: #444444;
|
||||
font-size: 100%;
|
||||
height: 21px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#LoginStatus fieldset{border:3px solid #C9E8F3;padding:5px;width:160px;margin-left:12px;margin-top:20px;height:60px;;display:inline;}
|
||||
#LoginStatus ul li{padding-bottom:5px;}
|
||||
.t2_leftdiv{float:left;}
|
||||
.t2_rightdiv{float:right;padding-right:25px;}
|
||||
/* Main wrap */
|
||||
#mainview_title_img{padding-top:10px;padding-left:10px;}
|
||||
|
||||
#mainview_wrap{float:left;height:302px;}
|
||||
|
||||
|
||||
|
||||
.lcount{float:right; padding-right: 20px;}
|
||||
.rwriter{float:left; width:80px;}
|
||||
.rdate{float:left;color:#959595}
|
||||
.new{float:left; padding-left:10px;width: 40px;}
|
||||
|
||||
.board_title{padding-left:10px;padding-top:10px; height:34px; }
|
||||
.more{float:right; padding-right: 5px;}
|
||||
|
||||
|
||||
|
||||
|
||||
#header{padding-top:5px;}
|
||||
#logoarea{float:left;padding-left:10px;}
|
||||
#project_title{float:left;padding-top:7px;padding-left:14px;font-size:130%;letter-spacing:-1px;}
|
||||
#project_title .maintitle{color:#e68c0d;font-weight:bold;}
|
||||
#list_div {}
|
||||
#list_div th{font-size:100%;}
|
||||
#list_div td{font-size:100%;}
|
||||
|
||||
#search_field{clear:both;float:left;width:800px;}
|
||||
#search_field_loc{padding-top:10px;padding-bottom:10px;}
|
||||
#search_field h2{display:inline;padding-top:40px;
|
||||
background-position: left center;padding-left:10px;padding-top:2px;letter-spacing:-1px;}
|
||||
|
||||
#search_field fieldset{border:1px solid #E1E1E1;padding:7px;}
|
||||
.sf_start{padding-bottom:10px;padding-top:10px;}
|
||||
/* Layout */
|
||||
#wrap{margin-left:0px;width:100%;height:59px;}
|
||||
#topnavi{float:left;background-color:#0f438a; width:100%;height:40px;margin-top:10px;}
|
||||
#topnavi ul{list-style-type:none;padding-top:13px;padding-left:0px;}
|
||||
#topnavi li{display:inline;font-size:13px;color:#727272;font-weight:bold;padding-right:10px;padding-left:10px;}
|
||||
#topnavi a{color:#a7ccff;}
|
||||
#topnavi a:hover{color:#ffffff;}
|
||||
#container{float:left;width:1100px; margin-top:0px;min-height:440px; height:auto !important; height:440px;}
|
||||
#leftmenu{float:left;width:200px;min-height:440px; height:auto !important; height:100%; }
|
||||
#content{float:left;min-height:441px; height:auto !important; height:441px;padding-left:15px;padding-bottom:10px; border-left:1px solid #dddddd; width:600px; }
|
||||
#footer{clear:both;width:100%;font-size:100%;border-top:2px solid #dddddd;}
|
||||
#mopaslogo{float:left;padding-top:10px;padding-left:10px;}
|
||||
#copyright{float:left;font-size:90%;padding-top:20px;padding-left:20px; letter-spacing: -1px;}
|
||||
#nialogo{float:left;padding-top:0px;padding-left:10px;padding-right:15px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.nav_style{width:150px;padding-left:14px;min-height:420px}
|
||||
.leftmenu_dept01 a{font-weight:bold;}
|
||||
|
||||
.leftmenu_dept01 a:link {
|
||||
color: #666666;
|
||||
letter-spacing: -1px;
|
||||
line-height: 180%;
|
||||
text-decoration: none;
|
||||
}
|
||||
.leftmenu_dept01 a:visited {
|
||||
color: #666666;
|
||||
letter-spacing: -1px;
|
||||
line-height: 180%;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.leftmenu_dept01 a:active {
|
||||
color: orange;
|
||||
letter-spacing: -1px;
|
||||
line-height: 180%;
|
||||
text-decoration: none;
|
||||
}
|
||||
.leftmenu_dept01 a:hover {
|
||||
color: orange;
|
||||
letter-spacing: -1px;
|
||||
line-height: 180%;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.dept02 a{font-weight:normal;}
|
||||
.dept02 a:link {
|
||||
color: #666666;
|
||||
font-size: 11px;
|
||||
letter-spacing: -1px;
|
||||
line-height: 180%;
|
||||
text-decoration: none;
|
||||
}
|
||||
.dept02 a:visited {
|
||||
color: #666666;
|
||||
font-size: 11px;
|
||||
letter-spacing: -1px;
|
||||
line-height: 180%;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.dept02 a:active {
|
||||
color: blue;
|
||||
font-size: 11px;
|
||||
letter-spacing: -1px;
|
||||
line-height: 180%;
|
||||
text-decoration: none;
|
||||
}
|
||||
.dept02 a:hover {
|
||||
color: blue;
|
||||
font-family: "돋움";
|
||||
font-size: 11px;
|
||||
letter-spacing: -1px;
|
||||
line-height: 180%;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#h2_topnav{padding-top:10px;}
|
||||
#login_title_div{clear:both;float:left;padding-top:20px;padding-bottom:10px;}
|
||||
#paging_div{clear:both;position:relative;width:650px;}
|
||||
#paging_div .paging_align{
|
||||
clear: both;
|
||||
margin: 0 auto;
|
||||
padding-top: 16px;
|
||||
text-align: center;
|
||||
width: 650px;}
|
||||
.paging_align .first{border:medium none;padding:0px;}
|
||||
.paging_align li{display:inline;border-right:1px solid #dddddd;padding-left:3px;padding-right:10px; vertical-align:middle;}
|
||||
.paging_align li a{color:#666666;}
|
||||
.paging_align li a:hover{color:#0958A5;font-weight:bold;}
|
||||
.paging_align a:active{color:#0958A5;}
|
||||
.paging_align a:visited{color:#0958A5;}
|
||||
|
||||
.btn_style01{font-family:"굴림", Gulim, AppleGothic, Sans-serif; font-size:13pt;background:none;}
|
||||
|
||||
#search_first_ul {padding-bottom:15px;padding-left:10px;}
|
||||
#search_first_ul li{display:inline;padding-right:25px;}
|
||||
#search_first_ul label{font-weight:bold;color:#666666;font-size:110%;}
|
||||
#search_first_ul input{margin-right:2px;}
|
||||
#search_second_ul {padding-left:10px;}
|
||||
#search_second_ul li{display:inline;}
|
||||
#search_second_ul label{font-weight:bold;color:#666666;font-size:110%;}
|
||||
#search_second_ul input{margin-right:3px;}
|
||||
|
||||
#page_info{clear:both;width:800px;padding-top:20px;padding-bottom:3px;}
|
||||
#page_info_align{float:right;}
|
||||
.default_tablestyle {
|
||||
clear:both;
|
||||
color: #666666;
|
||||
float: left;
|
||||
line-height: 18px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
.default_tablestyle table {
|
||||
font-size:90%;
|
||||
table-layout: fixed;
|
||||
text-align: center;
|
||||
width: 800px;
|
||||
}
|
||||
.default_tablestyle table th {
|
||||
border-bottom: 1px solid #81B1D5;
|
||||
border-top: 2px solid #81B1D5;
|
||||
color:#0f438a;
|
||||
height: 26px;
|
||||
}
|
||||
.default_tablestyle table td {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
line-height: 28px;
|
||||
overflow: hidden;
|
||||
padding-left: 0px;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
}
|
||||
.default_tablestyle a {
|
||||
color: #666666;
|
||||
}
|
||||
.default_tablestyle a:link, a:visited {
|
||||
color: #666666;
|
||||
}
|
||||
.default_tablestyle a:hover {
|
||||
color: #1F58B1;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.default_tablestyle .align_left_text {
|
||||
float: left;
|
||||
padding-left: 3px;
|
||||
}
|
||||
.modify_user table{clear:both; width:800px; border: 1px solid #dddddd;
|
||||
line-height: 28px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;}
|
||||
.modify_user table th {background-color:#f2f2f2;border:1px solid #dddddd;
|
||||
color:#0f438a;
|
||||
height: 26px;
|
||||
}
|
||||
.modify_user table td{background-color:#ffffff;border:1px solid #dddddd;
|
||||
color:#0f438a;
|
||||
height: 26px;padding-left:10px;}
|
||||
|
||||
|
||||
/* btn */
|
||||
.buttons a, .buttons button{
|
||||
display:block;
|
||||
float:left;
|
||||
margin:0 7px 0 0;
|
||||
background-color:#f5f5f5;
|
||||
border:1px solid #dddddd;
|
||||
font-size:110%;
|
||||
line-height:130%;
|
||||
text-decoration:none;
|
||||
font-weight:bold;
|
||||
color:#565656;
|
||||
cursor:pointer;
|
||||
padding:5px 10px 6px 7px; /* Links */
|
||||
}
|
||||
.buttons a:hover{color:#4786AD;}
|
||||
.buttons button{
|
||||
width:auto;
|
||||
overflow:visible;
|
||||
padding:4px 10px 3px 7px; /* IE6 */
|
||||
}
|
||||
.buttons button[type]{
|
||||
padding:5px 10px 5px 7px; /* Firefox */
|
||||
line-height:17px; /* Safari */
|
||||
}
|
||||
*:first-child+html button[type]{
|
||||
padding:4px 10px 3px 7px; /* IE7 */
|
||||
}
|
||||
.buttons button img, .buttons a img{
|
||||
margin:0 3px -3px 0 !important;
|
||||
padding:0;
|
||||
border:none;
|
||||
width:16px;
|
||||
height:16px;
|
||||
}
|
||||
|
||||
.popop_detail table{clear:both; width:600px; border: 1px solid #dddddd;
|
||||
line-height: 28px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;}
|
||||
.popop_detail table th {background-color:#f2f2f2;border:1px solid #dddddd;
|
||||
color:#0f438a;
|
||||
height: 26px;
|
||||
}
|
||||
.popop_detail table td{background-color:#ffffff;border:1px solid #dddddd;
|
||||
color:#0f438a;
|
||||
height: 26px;padding-left:10px;}
|
||||
|
||||
.invisible {
|
||||
width:0px;
|
||||
height:0px;
|
||||
visibility: hidden;
|
||||
}
|
||||
@ -1,18 +0,0 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
*[onclick], *[href] {cursor:pointer;}
|
||||
|
||||
.hidden {display:none;}
|
||||
|
||||
.wait {
|
||||
position:fixed; top:35%; left:50%;
|
||||
filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
|
||||
z-index:99999;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.current-row {background-color:rgba(105, 108, 255, 0.16);}
|
||||
|
||||
.table th {font-size:1rem;}
|
||||
|
||||
.col-form-label {font-size:0.9375rem;}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 47 KiB |
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 678 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 798 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,14 +0,0 @@
|
||||
@font-face { font-family: 'NanumBarunGothicBold';
|
||||
src: url('../font/nanumgothic/NanumBarunGothicBold.eot');
|
||||
src: url('../font/nanumgothic/NanumBarunGothicBold.eot') format('embedded-opentype'),
|
||||
url('../font/nanumgothic/NanumBarunGothicBold.woff') format('woff');}
|
||||
|
||||
@font-face { font-family: 'NanumBarunGothic';
|
||||
src: url('../font/nanumgothic/NanumBarunGothic.eot');
|
||||
src: url('../font/nanumgothic/NanumBarunGothic.eot') format('embedded-opentype'),
|
||||
url('../font/nanumgothic/NanumBarunGothic.woff') format('woff');}
|
||||
|
||||
@font-face { font-family: 'NanumGothic';
|
||||
src: url('../font/nanumgothic/NanumGothic.eot');
|
||||
src: url('../font/nanumgothic/NanumGothic.eot') format('embedded-opentype'),
|
||||
url('../font/nanumgothic/NanumGothic.woff') format('woff');}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,5 +0,0 @@
|
||||
# Font Squirrel Font-face Generator Configuration File
|
||||
# Upload this file to the generator to recreate the settings
|
||||
# you used to create these fonts.
|
||||
|
||||
{"mode":"basic","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_vertical_metrics":"Y","fix_gasp":"xy","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 687 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,7 +0,0 @@
|
||||
(function($){$.fn.easyTabs=function(option){var param=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:'active'},option);$(this).each(function(){var thisId="#"+this.id;if(param.defaultContent==''){param.defaultContent=1;}
|
||||
if(typeof param.defaultContent=="number")
|
||||
{var defaultTab=$(thisId+" .tabs li:eq("+(param.defaultContent-1)+") a").attr('href').substr(1);}else{var defaultTab=param.defaultContent;}
|
||||
$(thisId+" .tabs li a").each(function(){var tabToHide=$(this).attr('href').substr(1);$("#"+tabToHide).addClass('easytabs-tab-content');});hideAll();changeContent(defaultTab);function hideAll(){$(thisId+" .easytabs-tab-content").hide();}
|
||||
function changeContent(tabId){hideAll();$(thisId+" .tabs li").removeClass(param.activeClass);$(thisId+" .tabs li a[href=#"+tabId+"]").closest('li').addClass(param.activeClass);if(param.fadeSpeed!="none")
|
||||
{$(thisId+" #"+tabId).fadeIn(param.fadeSpeed);}else{$(thisId+" #"+tabId).show();}}
|
||||
$(thisId+" .tabs li").click(function(){var tabId=$(this).find('a').attr('href').substr(1);changeContent(tabId);return false;});});}})(jQuery);
|
||||
@ -1,129 +0,0 @@
|
||||
/*Notes about grid:
|
||||
Columns: 12
|
||||
Grid Width: 825px
|
||||
Column Width: 55px
|
||||
Gutter Width: 15px
|
||||
-------------------------------*/
|
||||
|
||||
|
||||
|
||||
.section {margin-bottom: 18px;
|
||||
}
|
||||
.section:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
|
||||
.section {*zoom: 1;}
|
||||
|
||||
.section .firstcolumn,
|
||||
.section .firstcol {margin-left: 0;}
|
||||
|
||||
|
||||
/* Border on left hand side of a column. */
|
||||
.border {
|
||||
padding-left: 7px;
|
||||
margin-left: 7px;
|
||||
border-left: 1px solid #eee;
|
||||
}
|
||||
|
||||
/* Border with more whitespace, spans one column. */
|
||||
.colborder {
|
||||
padding-left: 42px;
|
||||
margin-left: 42px;
|
||||
border-left: 1px solid #eee;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* The Grid Classes */
|
||||
.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12
|
||||
{margin-left: 15px;float: left;display: inline; overflow: hidden;}
|
||||
|
||||
|
||||
.width1, .grid1, .span-1 {width: 55px;}
|
||||
.width1_2cols,.grid1_2cols {width: 20px;}
|
||||
.width1_3cols,.grid1_3cols {width: 8px;}
|
||||
.width1_4cols,.grid1_4cols {width: 2px;}
|
||||
.input_width1 {width: 49px;}
|
||||
|
||||
.width2, .grid2, .span-2 {width: 125px;}
|
||||
.width2_3cols,.grid2_3cols {width: 31px;}
|
||||
.width2_4cols,.grid2_4cols {width: 20px;}
|
||||
.input_width2 {width: 119px;}
|
||||
|
||||
.width3, .grid3, .span-3 {width: 195px;}
|
||||
.width3_2cols,.grid3_2cols {width: 90px;}
|
||||
.width3_4cols,.grid3_4cols {width: 37px;}
|
||||
.input_width3 {width: 189px;}
|
||||
|
||||
.width4, .grid4, .span-4 {width: 265px;}
|
||||
.width4_3cols,.grid4_3cols {width: 78px;}
|
||||
.input_width4 {width: 259px;}
|
||||
|
||||
.width5, .grid5, .span-5 {width: 335px;}
|
||||
.width5_2cols,.grid5_2cols {width: 160px;}
|
||||
.width5_3cols,.grid5_3cols {width: 101px;}
|
||||
.width5_4cols,.grid5_4cols {width: 72px;}
|
||||
.input_width5 {width: 329px;}
|
||||
|
||||
.width6, .grid6, .span-6 {width: 405px;}
|
||||
.width6_4cols,.grid6_4cols {width: 90px;}
|
||||
.input_width6 {width: 399px;}
|
||||
|
||||
.width7, .grid7, .span-7 {width: 475px;}
|
||||
.width7_2cols,.grid7_2cols {width: 230px;}
|
||||
.width7_3cols,.grid7_3cols {width: 148px;}
|
||||
.width7_4cols,.grid7_4cols {width: 107px;}
|
||||
.input_width7 {width: 469px;}
|
||||
|
||||
.width8, .grid8, .span-8 {width: 545px;}
|
||||
.width8_3cols,.grid8_3cols {width: 171px;}
|
||||
.input_width8 {width: 539px;}
|
||||
|
||||
.width9, .grid9, .span-9 {width: 615px;}
|
||||
.width9_2cols,.grid9_2cols {width: 300px;}
|
||||
.width9_4cols,.grid9_4cols {width: 142px;}
|
||||
.input_width9 {width: 609px;}
|
||||
|
||||
.width10, .grid10, .span-10 {width: 685px;}
|
||||
.width10_3cols,.grid10_3cols {width: 218px;}
|
||||
.width10_4cols,.grid10_4cols {width: 160px;}
|
||||
.input_width10 {width: 679px;}
|
||||
|
||||
.width11, .grid11, .span-11 {width: 755px;}
|
||||
.width11_2cols,.grid11_2cols {width: 370px;}
|
||||
.width11_3cols,.grid11_3cols {width: 241px;}
|
||||
.width11_4cols,.grid11_4cols {width: 177px;}
|
||||
.input_width11 {width: 749px;}
|
||||
|
||||
.width12, .grid12, .span-12 {width: 825px;}
|
||||
.input_width12 {width: 819px;}
|
||||
|
||||
/* Subdivided grid spaces */
|
||||
.emptycols_left1, .prepend-1 {padding-left: 70px;}
|
||||
.emptycols_right1, .append-1 {padding-right: 70px;}
|
||||
.emptycols_left2, .prepend-2 {padding-left: 140px;}
|
||||
.emptycols_right2, .append-2 {padding-right: 140px;}
|
||||
.emptycols_left3, .prepend-3 {padding-left: 210px;}
|
||||
.emptycols_right3, .append-3 {padding-right: 210px;}
|
||||
.emptycols_left4, .prepend-4 {padding-left: 280px;}
|
||||
.emptycols_right4, .append-4 {padding-right: 280px;}
|
||||
.emptycols_left5, .prepend-5 {padding-left: 350px;}
|
||||
.emptycols_right5, .append-5 {padding-right: 350px;}
|
||||
.emptycols_left6, .prepend-6 {padding-left: 420px;}
|
||||
.emptycols_right6, .append-6 {padding-right: 420px;}
|
||||
.emptycols_left7, .prepend-7 {padding-left: 490px;}
|
||||
.emptycols_right7, .append-7 {padding-right: 490px;}
|
||||
.emptycols_left8, .prepend-8 {padding-left: 560px;}
|
||||
.emptycols_right8, .append-8 {padding-right: 560px;}
|
||||
.emptycols_left9, .prepend-9 {padding-left: 630px;}
|
||||
.emptycols_right9, .append-9 {padding-right: 630px;}
|
||||
.emptycols_left10, .prepend-10 {padding-left: 700px;}
|
||||
.emptycols_right10, .append-10 {padding-right: 700px;}
|
||||
.emptycols_left11, .prepend-11 {padding-left: 770px;}
|
||||
.emptycols_right11, .append-11 {padding-right: 770px;}
|
||||
.pull-1 {margin-left: -70px;}
|
||||
.push-1 {margin-right: -70px;margin-left: 18px;float: right;}
|
||||
.pull-2 {margin-left: -140px;}
|
||||
.push-2 {margin-right: -140px;margin-left: 18px;float: right;}
|
||||
.pull-3 {margin-left: -210px;}
|
||||
.push-3 {margin-right: -210px;margin-left: 18px;float: right;}
|
||||
.pull-4 {margin-left: -280px;}
|
||||
.push-4 {margin-right: -280px;margin-left: 18px;float: right;}
|
||||
@ -1,396 +0,0 @@
|
||||
@import url('grid_12-825-55-15.css');
|
||||
|
||||
/*
|
||||
CSS Reset by Eric Meyer - Released under Public Domain
|
||||
http://meyerweb.com/eric/tools/css/reset/
|
||||
*/
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, font, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center, dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend, table,
|
||||
caption, tbody, tfoot, thead, tr, th, td
|
||||
{margin: 0;padding: 0;border: 0;outline: 0;
|
||||
font-size: 100%;vertical-align: baseline;
|
||||
background: transparent;}
|
||||
body {line-height: 1;}
|
||||
ol, ul {list-style: none;}
|
||||
blockquote, q {quotes: none;}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {content: ''; content: none;}
|
||||
:focus {outline: 0;}
|
||||
ins {text-decoration: none;}
|
||||
del {text-decoration: line-through;}
|
||||
table {border-collapse: collapse;border-spacing: 0;}
|
||||
|
||||
|
||||
|
||||
|
||||
body {
|
||||
color: #000;
|
||||
background-color: #dcdcdc;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #1883ba;
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size: 32px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#container {
|
||||
width: 865px;
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
|
||||
#header {
|
||||
padding: 20px;
|
||||
font-size: 36px;
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#header span {
|
||||
color: #666;
|
||||
}
|
||||
#main_content {
|
||||
background-color: #fff;
|
||||
padding: 60px 20px 20px;
|
||||
}
|
||||
|
||||
|
||||
#footer p {
|
||||
margin: 0;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 50px;
|
||||
color: #333;
|
||||
font: 10px Arial, sans-serif;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
width: 100%;
|
||||
height: 31px;
|
||||
background-color: #444;
|
||||
}
|
||||
.tabs li {
|
||||
float: left;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
background-color: #444;
|
||||
}
|
||||
.tabs li a {
|
||||
display: block;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font: bold 11px/11px 'Arial';
|
||||
text-transform: uppercase;
|
||||
padding: 10px 15px;
|
||||
border-right: 1px solid #fff;
|
||||
}
|
||||
|
||||
.tabs li a:hover {
|
||||
background-color: #00b3ff;
|
||||
|
||||
}
|
||||
|
||||
.tabs li.active a {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
div.huge {
|
||||
|
||||
font-size: 120px;
|
||||
line-height: 1em;
|
||||
padding: 0;
|
||||
letter-spacing: -.02em;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.glyph_range {
|
||||
font-size: 72px;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
|
||||
.size10{ font-size: 10px; }
|
||||
.size11{ font-size: 11px; }
|
||||
.size12{ font-size: 12px; }
|
||||
.size13{ font-size: 13px; }
|
||||
.size14{ font-size: 14px; }
|
||||
.size16{ font-size: 16px; }
|
||||
.size18{ font-size: 18px; }
|
||||
.size20{ font-size: 20px; }
|
||||
.size24{ font-size: 24px; }
|
||||
.size30{ font-size: 30px; }
|
||||
.size36{ font-size: 36px; }
|
||||
.size48{ font-size: 48px; }
|
||||
.size60{ font-size: 60px; }
|
||||
.size72{ font-size: 72px; }
|
||||
.size90{ font-size: 90px; }
|
||||
|
||||
|
||||
.psample_row1 { height: 120px;}
|
||||
.psample_row1 { height: 120px;}
|
||||
.psample_row2 { height: 160px;}
|
||||
.psample_row3 { height: 160px;}
|
||||
.psample_row4 { height: 160px;}
|
||||
|
||||
.psample {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.psample p {
|
||||
line-height: 1.3em;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.psample span {
|
||||
margin-right: .5em;
|
||||
}
|
||||
|
||||
.white_blend {
|
||||
width: 100%;
|
||||
height: 61px;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
.black_blend {
|
||||
width: 100%;
|
||||
height: 61px;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
.fullreverse {
|
||||
background: #000 !important;
|
||||
color: #fff !important;
|
||||
margin-left: -20px;
|
||||
padding-left: 20px;
|
||||
margin-right: -20px;
|
||||
padding-right: 20px;
|
||||
padding: 20px;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
|
||||
.sample_table td {
|
||||
padding-top: 3px;
|
||||
padding-bottom:5px;
|
||||
padding-left: 5px;
|
||||
vertical-align: middle;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
.sample_table td:first-child {
|
||||
background-color: #eee;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
padding-left: 0;
|
||||
padding: 5px;
|
||||
font: 11px/12px "Courier New", Courier, mono;
|
||||
}
|
||||
|
||||
code {
|
||||
white-space: pre;
|
||||
background-color: #eee;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
margin-bottom: 18px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
.bottom,.last {margin-bottom:0 !important; padding-bottom:0 !important;}
|
||||
|
||||
.box {
|
||||
padding: 18px;
|
||||
margin-bottom: 18px;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.reverse,.reversed { background: #000 !important;color: #fff !important; border: none !important;}
|
||||
|
||||
#bodycomparison {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
font-size: 72px;
|
||||
height: 90px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#bodycomparison div{
|
||||
font-size: 72px;
|
||||
line-height: 90px;
|
||||
display: inline;
|
||||
margin: 0 15px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#bodycomparison div span{
|
||||
font: 10px Arial;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
#xheight {
|
||||
float: none;
|
||||
position: absolute;
|
||||
color: #d9f3ff;
|
||||
font-size: 72px;
|
||||
line-height: 90px;
|
||||
}
|
||||
|
||||
.fontbody {
|
||||
position: relative;
|
||||
}
|
||||
.arialbody{
|
||||
font-family: Arial;
|
||||
position: relative;
|
||||
}
|
||||
.verdanabody{
|
||||
font-family: Verdana;
|
||||
position: relative;
|
||||
}
|
||||
.georgiabody{
|
||||
font-family: Georgia;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* @group Layout page
|
||||
*/
|
||||
|
||||
#layout h1 {
|
||||
font-size: 36px;
|
||||
line-height: 42px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#layout h2 {
|
||||
font-size: 24px;
|
||||
line-height: 23px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#layout h3 {
|
||||
font-size: 22px;
|
||||
line-height: 1.4em;
|
||||
margin-top: 1em;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
#layout p.byline {
|
||||
font-size: 12px;
|
||||
margin-top: 18px;
|
||||
line-height: 12px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#layout p {
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
#layout p.large{
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
#layout .sidebar p{
|
||||
font-size: 12px;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
#layout p.caption {
|
||||
font-size: 10px;
|
||||
margin-top: -16px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group Glyphs */
|
||||
|
||||
#glyph_chart div{
|
||||
background-color: #d9f3ff;
|
||||
color: black;
|
||||
float: left;
|
||||
font-size: 36px;
|
||||
height: 1.2em;
|
||||
line-height: 1.2em;
|
||||
margin-bottom: 1px;
|
||||
margin-right: 1px;
|
||||
text-align: center;
|
||||
width: 1.2em;
|
||||
position: relative;
|
||||
padding: .6em .2em .2em;
|
||||
}
|
||||
|
||||
#glyph_chart div p {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
text-align: center;
|
||||
font: bold 9px Arial, sans-serif;
|
||||
background-color: #3a768f;
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
|
||||
#glyphs h1 {
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Installing */
|
||||
|
||||
#installing {
|
||||
font: 13px Arial, sans-serif;
|
||||
}
|
||||
|
||||
#installing p,
|
||||
#glyphs p{
|
||||
line-height: 1.2em;
|
||||
margin-bottom: 18px;
|
||||
font: 13px Arial, sans-serif;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#installing h3{
|
||||
font-size: 15px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
#rendering h1 {
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
.render_table td {
|
||||
font: 11px "Courier New", Courier, mono;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
@ -1,16 +0,0 @@
|
||||
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2015 */
|
||||
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'notokr-bold';
|
||||
src: url('notokr-bold.eot');
|
||||
src: url('notokr-bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('notokr-bold.woff2') format('woff2'),
|
||||
url('notokr-bold.woff') format('woff'),
|
||||
url('notokr-bold.ttf') format('truetype'),
|
||||
url('notokr-bold.svg#notokr-bold') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
@ -1,15 +0,0 @@
|
||||
<div id="{id}" class="modal fade" tabindex="-1" aria-hidden="true" style="height:auto;">
|
||||
<div class="modal-dialog{size}" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-label-primary">
|
||||
<h5 class="modal-title">{title}</h5>
|
||||
<button id="close{id}" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body" style="min-height:10em; min-width:30%;">
|
||||
</div>
|
||||
<div class="modal-footer text-end hidden">
|
||||
<button type="button" class="btn btn-primary">확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 400 B |
Binary file not shown.
|
Before Width: | Height: | Size: 442 B |
Binary file not shown.
|
Before Width: | Height: | Size: 137 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 157 B |
Binary file not shown.
|
Before Width: | Height: | Size: 573 B |
Binary file not shown.
|
Before Width: | Height: | Size: 99 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 329 B |
Binary file not shown.
|
Before Width: | Height: | Size: 323 B |
Binary file not shown.
|
Before Width: | Height: | Size: 722 B |
Binary file not shown.
|
Before Width: | Height: | Size: 309 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 148 B |
Binary file not shown.
|
Before Width: | Height: | Size: 563 B |
Binary file not shown.
|
Before Width: | Height: | Size: 565 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 148 B |
Binary file not shown.
|
Before Width: | Height: | Size: 563 B |
Binary file not shown.
|
Before Width: | Height: | Size: 565 B |
Binary file not shown.
|
Before Width: | Height: | Size: 633 B |
Binary file not shown.
|
Before Width: | Height: | Size: 657 B |
Binary file not shown.
|
Before Width: | Height: | Size: 657 B |
Binary file not shown.
|
Before Width: | Height: | Size: 633 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue