2376 lines
38 KiB
CSS
2376 lines
38 KiB
CSS
@charset "utf-8";
|
|
|
|
/*좌측메뉴*/
|
|
|
|
nav .top {
|
|
padding: 15px 25px;
|
|
}
|
|
|
|
nav .top:after {
|
|
display: block;
|
|
clear: both;
|
|
content: "";
|
|
}
|
|
|
|
nav .top .logo {
|
|
float: left;
|
|
}
|
|
|
|
nav .top .menubar {
|
|
float: right;
|
|
cursor: pointer;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
nav .profile {
|
|
padding: 50px 0;
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
nav .profile .profileImg {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
nav .profile .pro_setting {
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 50px;
|
|
border: 1px solid #234164;
|
|
padding: 6px 0;
|
|
position: absolute;
|
|
top: 45px;
|
|
right: 70px;
|
|
background: #fff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
nav .profile .pro_setting img {
|
|
width: 15px;
|
|
height: 16px;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
nav .profile .info {
|
|
text-align: center;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
nav .profile .info span {
|
|
display: inline-block;
|
|
width: 9px;
|
|
height: 9px;
|
|
background: #169227;
|
|
border-radius: 50px;
|
|
}
|
|
|
|
nav .profile .info .name {
|
|
display: inline;
|
|
font-weight: 600;
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
nav .profile .info p {
|
|
margin-top: 10px;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
nav .profile .logout {
|
|
margin-top: 35px;
|
|
text-align: center;
|
|
}
|
|
|
|
nav .profile .logout a {
|
|
font-size: 0.8rem;
|
|
color: #145097;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
nav .leftMenu li {
|
|
height: 50px;
|
|
padding-left: 25px;
|
|
line-height: 50px;
|
|
position: relative;
|
|
color: #666666;
|
|
font-size: 1.1rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
nav .leftMenu li.on {
|
|
background: #f8f8f8;
|
|
color: #1b7be9;
|
|
}
|
|
|
|
nav .leftMenu li.on :after {
|
|
content: "";
|
|
display: block;
|
|
width: 4px;
|
|
height: 50px;
|
|
background: #1b7be9;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
nav .leftMenu li span {
|
|
margin-left: 12px;
|
|
}
|
|
|
|
nav .organization {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 50px;
|
|
}
|
|
nav .organization a {
|
|
display: block;
|
|
padding-left: 25px;
|
|
color: #666666;
|
|
}
|
|
|
|
nav .organization a span {
|
|
margin-left: 12px;
|
|
}
|
|
|
|
/*헤더*/
|
|
.header .search_wrap {
|
|
width: 240px;
|
|
height: 30px;
|
|
border-radius: 20px;
|
|
background: #fff;
|
|
padding: 3px 10px;
|
|
position: absolute;
|
|
right: 110px;
|
|
}
|
|
|
|
.header .search_wrap .search {
|
|
border: 0;
|
|
width: 90%;
|
|
height: 100%;
|
|
}
|
|
|
|
.header .search_wrap .search_bt {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 5px;
|
|
border: 0;
|
|
background: url('../img/search.svg') no-repeat;
|
|
width: 17px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.header .alarm {
|
|
width: 25px;
|
|
height: 28px;
|
|
position: absolute;
|
|
right: 50px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.header .alarm .newAlarm {
|
|
width: 10px;
|
|
height: 10px;
|
|
background: #F32828;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.header .alarm .alarm_box {
|
|
width: 410px;
|
|
height: 266px;
|
|
border-radius: 8px;
|
|
box-shadow: 0px 1px 6px #00000029;
|
|
padding: 20px;
|
|
background: #fff;
|
|
position: absolute;
|
|
top: 38px;
|
|
left: -380px;
|
|
display: none;
|
|
}
|
|
|
|
.header .alarm .alarm_box.show {
|
|
display: block;
|
|
}
|
|
|
|
.header .alarm .alarm_box p {
|
|
font-weight: 600;
|
|
color: #121212;
|
|
}
|
|
|
|
.header .alarm .alarm_box .alarm_cont {
|
|
display: flex;
|
|
padding: 16px 0;
|
|
border-bottom: 1px solid #efefef;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.header .alarm .alarm_box .alarm_cont:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.header .alarm .alarm_box .alarm_cont .alarm_txt span {
|
|
font-size: 0.9rem;
|
|
color: #666;
|
|
}
|
|
|
|
.header .alarm .alarm_box .alarm_cont .alarm_txt p {
|
|
font-size: 0.9rem;
|
|
color: #3d76e8;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
/*로그인페이지*/
|
|
.loginBox {
|
|
width: 520px;
|
|
padding:68px 45px;
|
|
border:1px solid #D9D9D9;
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
position: absolute;
|
|
left:50%;
|
|
top:50%;
|
|
transform: translate(-50%,-50%);
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
color: #666;
|
|
}
|
|
|
|
.loginBox img {
|
|
width: 194px;
|
|
height: 73px;
|
|
margin:0 auto;
|
|
margin-bottom: 65px;
|
|
display: block;
|
|
}
|
|
|
|
.loginBox div input {
|
|
margin-bottom: 20px;
|
|
width: 428px;
|
|
height: 50px;
|
|
border: 1px solid #D9D9D9;
|
|
border-radius: 5px;
|
|
background: #fff;
|
|
padding-left:5px;
|
|
}
|
|
|
|
.loginBox button {
|
|
width: 428px;
|
|
height: 50px;
|
|
background: #3D76E8;
|
|
border-radius: 5px;
|
|
color:#fff;
|
|
cursor:pointer;
|
|
margin-bottom: 25px;
|
|
border:0;
|
|
}
|
|
|
|
.loginBox .save {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
.loginBox .save input {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.loginBox .save span {
|
|
padding-left: 10px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
|
|
/*메인 레이아웃*/
|
|
|
|
.layout .schedule {
|
|
width: 100%;
|
|
height: 280px;
|
|
margin:0 25px;
|
|
}
|
|
|
|
.layout .schedule .article {
|
|
display: flex;
|
|
}
|
|
|
|
.layout .schedule .article .calendar {
|
|
width: 340px;
|
|
border-right: 1px solid #efefef;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.layout .schedule .article .calendar .calTit {
|
|
text-align: center;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.layout .schedule .article .calendar .calTit img {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.layout .schedule .article .calendar .calTit .date {
|
|
font-size: 1.2rem;
|
|
font-weight: bold;
|
|
color: #121212;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.layout .schedule .article .calendar .calendar_mini thead th {
|
|
font-size: 13px;
|
|
padding: 0 15px;
|
|
text-align: center;
|
|
}
|
|
|
|
.layout .schedule .article .calendar .calendar_mini thead th:first-child {
|
|
padding-left: 8px;
|
|
}
|
|
|
|
.layout .schedule .article .calendar .calendar_mini tbody td {
|
|
font-size: 13px;
|
|
padding: 10px 15px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
.layout .schedule .article .calendar .calendar_mini tbody td:first-child {
|
|
padding-left: 8px;
|
|
}
|
|
|
|
.layout .schedule .article .calendar .calendar_mini tbody .sun {
|
|
color: #e51a1a;
|
|
}
|
|
|
|
.layout .schedule .article .calendar .calendar_mini tbody .sat {
|
|
color: #1671d8;
|
|
}
|
|
|
|
.layout .schedule .article .calendar .calendar_mini tbody tr td.today {
|
|
background: #3d76e8;
|
|
color: #fff;
|
|
}
|
|
|
|
.layout .schedule .article .calendar .calendar_mini tbody td span.badge {
|
|
width: 4px;
|
|
height: 4px;
|
|
background: #f9cc2b;
|
|
border-radius: 20px;
|
|
z-index: 999;
|
|
display: block;
|
|
position: absolute;
|
|
top: 9px;
|
|
right: 9px;
|
|
}
|
|
|
|
.layout .section .title {
|
|
display: flex;
|
|
}
|
|
|
|
.layout .section .title div {
|
|
font-weight: bold;
|
|
color: #121212;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.layout .schedule .article .list {
|
|
padding-left: 20px;
|
|
width: 100%;
|
|
}
|
|
|
|
.layout .schedule .article .list .title {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.layout .schedule .article .list .listbox ul li.holiday a {
|
|
color: #de1212;
|
|
}
|
|
|
|
.layout .schedule .article .list .listbox ul li.work a {
|
|
color: #126ade;
|
|
}
|
|
|
|
.layout .attendance {
|
|
width: 320px;
|
|
height: 280px;
|
|
display: none;
|
|
}
|
|
|
|
.layout .attendance .clock {
|
|
text-align: left;
|
|
margin: 25px 0 20px 0;
|
|
}
|
|
|
|
.layout .attendance .clock div {
|
|
color: #666;
|
|
font-size: 1.4rem;
|
|
line-height: 35px;
|
|
}
|
|
|
|
.layout .attendance .bt {
|
|
width: 100%;
|
|
}
|
|
|
|
.layout .attendance .bt button {
|
|
width: 135px;
|
|
height: 45px;
|
|
background: #5fa5f5;
|
|
border-radius: 10px;
|
|
border: none;
|
|
}
|
|
|
|
.layout .attendance .bt button a {
|
|
color: #fff;
|
|
display: block;
|
|
}
|
|
|
|
.layout .attendance .bt .in {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.layout .attendance .bt .goal {
|
|
margin-top: 10px;
|
|
width: 100%;
|
|
}
|
|
|
|
.layout .report {
|
|
height: 254px;
|
|
display: none;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.layout .report .edit_bt span {
|
|
font-size: 0.9rem;
|
|
color: #666;
|
|
padding-left: 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layout .report .edit_box {
|
|
width: 100%;
|
|
height: 170px;
|
|
background: #f5f5f5;
|
|
border-radius: 10px;
|
|
margin-top: 20px;
|
|
padding: 20px;
|
|
}
|
|
|
|
.layout .report .edit_box p {
|
|
font-weight: 600;
|
|
color: #666;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.layout .report .edit_box ol {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.layout .report .edit_box ol li {
|
|
font-size: 0.9rem;
|
|
color: #666;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.layout .todo {
|
|
height: 254px;
|
|
display: none;
|
|
}
|
|
|
|
.layout .todo_box {
|
|
margin-top: 20px;
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.layout .todo_box input {
|
|
width: calc( (100% - 20px) / 2 );
|
|
height: 170px;
|
|
background: #efefef;
|
|
border-radius: 10px;
|
|
padding: 20px;
|
|
border: 0;
|
|
}
|
|
|
|
/*
|
|
.layout .todo_box div{
|
|
width: 300px;
|
|
height: 170px;
|
|
background: #efefef;
|
|
border-radius: 10px;
|
|
padding:20px;
|
|
}*/
|
|
|
|
.layout .todo_box div p {
|
|
font-size: 0.9rem;
|
|
color: #666;
|
|
line-height: 24px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layout .todo_box div p.line {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.layout .board {
|
|
height: 345px;
|
|
}
|
|
|
|
.layout .board .board_tab {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.layout .board .board_tab div {
|
|
color: #121212;
|
|
font-size: 0.9rem;
|
|
border-bottom: 1px solid #efefef;
|
|
width: 33.3%;
|
|
text-align: center;
|
|
padding-bottom: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layout .board .board_tab div.underline {
|
|
border-bottom: 2px solid #3d76e8;
|
|
}
|
|
|
|
.layout .board .boardbox {
|
|
display: none;
|
|
}
|
|
|
|
.layout .board .boardbox.notice {
|
|
display: block;
|
|
}
|
|
|
|
.layout .board .boardbox ul li a span {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.layout .document {
|
|
height: 345px;
|
|
}
|
|
|
|
.layout .document .document_box {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.layout .document .document_box .doc_box01 {
|
|
width: calc( (100% - 40px) / 3 );
|
|
height: 105px;
|
|
background: #efefef;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
padding: 20px 0;
|
|
}
|
|
|
|
.layout .document .document_box .doc_box01 p {
|
|
font-size: 0.9rem;
|
|
color: #666666;
|
|
}
|
|
|
|
.layout .document .document_box .doc_box01 div {
|
|
font-size: 2.4rem;
|
|
font-weight: bold;
|
|
color: #666666;
|
|
}
|
|
|
|
.layout .document .document_box > div.ing p {
|
|
color: #3d76e8;
|
|
}
|
|
|
|
.layout .document .document_box > div.ing div {
|
|
color: #3d76e8;
|
|
}
|
|
|
|
.layout .document .doc_tab {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.layout .document .doc_tab div {
|
|
color: #121212;
|
|
font-size: 0.9rem;
|
|
border-bottom: 1px solid #efefef;
|
|
width: 33.3%;
|
|
text-align: center;
|
|
padding-bottom: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layout .document .doc_tab div.underline {
|
|
border-bottom: 2px solid #3d76e8;
|
|
}
|
|
|
|
.layout .document .doc_list {
|
|
display: none;
|
|
}
|
|
|
|
.layout .document .doc_list.file {
|
|
display: block;
|
|
}
|
|
|
|
.layout .document .doc_list ul li a span {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
/*일정관리 달력형*/
|
|
|
|
.schedule_manage {
|
|
padding:45px 25px;
|
|
}
|
|
|
|
.separate {
|
|
float:right;
|
|
display: flex;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.separate .separate_color {
|
|
display: flex;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.separate .separate_color:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.separate .separate_color img {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.separate .separate_color span {
|
|
font-size: 15px;
|
|
color:#666;
|
|
}
|
|
|
|
.schedule_top {
|
|
position: relative;
|
|
width: 360px;
|
|
margin:0 auto;
|
|
}
|
|
|
|
.schedule_top .month {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.schedule_top .month div {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.schedule_top .month .present {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
padding:0 121px;
|
|
}
|
|
|
|
.schedule_top .type {
|
|
position:absolute;
|
|
bottom: 5px;
|
|
left:380px;
|
|
display: flex;
|
|
}
|
|
|
|
.schedule_top .type button {
|
|
width: 50px;
|
|
height: 20px;
|
|
border-radius: 3px;
|
|
background: #fff;
|
|
color:#3D76E8;
|
|
border:1px solid #D9D9D9;
|
|
cursor: pointer;
|
|
font-size: 11px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.schedule_top .type button.on {
|
|
background: #3D76E8;
|
|
color:#fff;
|
|
border:0;
|
|
}
|
|
|
|
.schedule_manage table {
|
|
width: 100%;
|
|
margin-top: 45px;
|
|
}
|
|
|
|
.schedule_manage table tr td {
|
|
width:140px;
|
|
height: 115px;
|
|
border-left:1px solid #d9d9d9;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
font-size: 14px;
|
|
vertical-align: top;
|
|
padding-top: 8px;
|
|
position: relative;
|
|
}
|
|
|
|
.schedule_manage table tr td span {
|
|
padding-left: 8px;
|
|
}
|
|
|
|
.schedule_manage table tr td:last-child{
|
|
border-right: 1px solid #d9d9d9;
|
|
}
|
|
|
|
.schedule_manage table thead td {
|
|
border-top:2px solid #8C8C8C;
|
|
text-align: center;
|
|
height: 30px;
|
|
vertical-align: middle;
|
|
padding:0;
|
|
}
|
|
|
|
.schedule_manage table thead .sun{
|
|
color:#e51a1a;
|
|
}
|
|
|
|
.schedule_manage table thead .sat{
|
|
color:#1671d8;
|
|
}
|
|
|
|
.schedule_manage table tbody td div {
|
|
width: 100%;
|
|
padding: 4px;
|
|
color: #fff;
|
|
margin-top: 10px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.schedule_manage table tbody td div a {
|
|
display: block;
|
|
}
|
|
|
|
.schedule_manage table tbody td .schedule02 {
|
|
background: #1A5CB4;
|
|
}
|
|
|
|
.schedule_manage table tbody td .schedule01 {
|
|
background: #01B7B0;
|
|
}
|
|
|
|
.schedule_manage table tbody td .today {
|
|
background: #F1FBFC;
|
|
}
|
|
|
|
.schedule_manage table tbody tr td .moreview {
|
|
border: 1px solid #D9D9D9;
|
|
position: absolute;
|
|
bottom: 110px;
|
|
left: 50px;
|
|
padding: 0 20px;
|
|
width: 253px;
|
|
background: #f5f5f5;
|
|
z-index: 999;
|
|
display: none;
|
|
}
|
|
|
|
.schedule_manage table tbody tr td .moreview:after {
|
|
content:'';
|
|
position: absolute;
|
|
border-top:15px solid #f5f5f5;
|
|
border-right:10px solid transparent;
|
|
border-bottom:15px solid transparent;
|
|
border-left:10px solid transparent;
|
|
bottom:-30px;
|
|
left:140px;
|
|
}
|
|
|
|
.schedule_manage table tbody tr td .moreview .moreviewList {
|
|
padding-top:20px;
|
|
padding-bottom:20px;
|
|
border-top: 1px solid #d9d9d9;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.schedule_manage table tbody tr td .moreview .list01 {
|
|
border-top: 0;
|
|
}
|
|
|
|
.schedule_manage table tbody tr td .moreview .moreviewList p{
|
|
padding:3px 10px;
|
|
border-radius: 25px;
|
|
background: #1A5CB4;
|
|
color:#fff;
|
|
display: inline;
|
|
}
|
|
|
|
.schedule_manage table tbody tr td .moreview .list01 p {
|
|
background: #01B7B0;
|
|
}
|
|
|
|
.schedule_manage table tbody tr td .moreview .moreviewList div{
|
|
color:#666;
|
|
padding: 0;
|
|
}
|
|
|
|
.schedule_manage table tbody tr td .moreview .moreviewList .listTit a {
|
|
font-weight: bold;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.schedule_manage table tbody tr td .moreview .moreviewList div:first-child {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.schedule_manage table tbody tr td .moreview .moreviewList .writer span{
|
|
padding-left: 0;
|
|
padding-right: 5px;
|
|
color:#1A5CB4;
|
|
}
|
|
|
|
.schedule_manage table tbody tr td .moreview .list01 .writer span{
|
|
color:#01B7B0;
|
|
}
|
|
|
|
/*일정관리 리스트형*/
|
|
|
|
.schedule_list{
|
|
margin:45px 0;
|
|
}
|
|
|
|
.schedule_list tbody tr td a {
|
|
color:#1A5CB4;
|
|
}
|
|
|
|
|
|
/*일정등록시 팝업*/
|
|
|
|
#register {
|
|
width: 800px;
|
|
position: relative;
|
|
transform: none;
|
|
left:0;
|
|
}
|
|
|
|
.register .register_cont {
|
|
margin-top:20px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.register .first {
|
|
margin-top: 45px;
|
|
}
|
|
|
|
.register .register_cont div {
|
|
font-size: 15px;
|
|
width: 75px;
|
|
}
|
|
|
|
.register .register_cont select {
|
|
width: 692px;
|
|
height:30px;
|
|
border: 1px solid #D9D9D9;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.register .register_cont input {
|
|
width: 692px;
|
|
height: 30px;
|
|
border: 1px solid #D9D9D9;
|
|
border-radius: 3px;
|
|
padding:0 5px;
|
|
}
|
|
|
|
.register .register_cont .check {
|
|
width: 18px;
|
|
height: 18px;
|
|
margin-left: 10px;
|
|
border: 1px solid #D9D9D9;
|
|
}
|
|
|
|
.register .register_cont span {
|
|
font-size: 15px;
|
|
padding-left: 5px;
|
|
color:#666;
|
|
}
|
|
|
|
.register .time input{
|
|
width: 120px;
|
|
}
|
|
|
|
.register .time .startTime {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.register .repeat {
|
|
margin-left: 75px;
|
|
display: flex;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.register .repeat .repeatbox {
|
|
margin-right:30px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.register .repeat .repeatbox select{
|
|
width: 70px;
|
|
height: 30px;
|
|
border: 1px solid #D9D9D9;
|
|
border-radius: 3px;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.register .repeat .repeatbox span {
|
|
font-size: 13px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.register .content input{
|
|
height: 220px;
|
|
}
|
|
|
|
.register .attendance div span {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.register .attendance input {
|
|
width: 578px;
|
|
}
|
|
|
|
.register .attendance button {
|
|
width: 105px;
|
|
height: 30px;
|
|
border:1px solid #3D76E8;
|
|
border-radius: 5px;
|
|
color:#3D76E8;
|
|
margin-left: 10px;
|
|
background: #fff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.register .repeatCheck {
|
|
margin:35px 0 20px 0;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.register .radio {
|
|
display: flex;
|
|
}
|
|
|
|
.register .radio div {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.register .radio div span {
|
|
padding-left:5px;
|
|
}
|
|
|
|
|
|
/*행선지등록*/
|
|
|
|
.destination .schedule_top {
|
|
position:relative;
|
|
}
|
|
|
|
.destination .schedule_top .month{
|
|
margin-top: 45px;
|
|
}
|
|
|
|
.destination .schedule_top .month .present {
|
|
padding:0 103px;
|
|
}
|
|
|
|
.destination .schedule_top .month .calendarIcon {
|
|
padding-right:10px;
|
|
}
|
|
|
|
.destination .schedule_top .calendar {
|
|
box-shadow: 0px 3px 6px #00000029;
|
|
border: 1px solid #D9D9D9;
|
|
border-radius: 5px;
|
|
position: absolute;
|
|
top: 30px;
|
|
left: 50%;
|
|
margin-left:-160px;
|
|
background: #fff;
|
|
padding:20px;
|
|
}
|
|
|
|
.destination .schedule_top .calendar .calTit {
|
|
text-align: center;
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.destination .schedule_top .calendar .calTit span {
|
|
display: block;
|
|
}
|
|
|
|
.destination .schedule_top .calendar .calTit .date {
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.destination .schedule_top .calendar table {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.destination .schedule_top .calendar table tr th {
|
|
font-size: 13px;
|
|
text-align: center;
|
|
padding:10px;
|
|
}
|
|
|
|
|
|
.destination .schedule_top .calendar table tr td {
|
|
font-size: 13px;
|
|
text-align: center;
|
|
padding:10px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.destination .schedule_top .calendar table .sat {
|
|
color:#1671D8;
|
|
}
|
|
|
|
.destination .schedule_top .calendar table .sun {
|
|
color:#E51A1A;
|
|
}
|
|
|
|
.destination .schedule_top .calendar .inquiry {
|
|
width: 100%;
|
|
height: 35px;
|
|
background: #3D76E8;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.destination .schedule_top .calendar .inquiry a {
|
|
color:#fff;
|
|
font-size: 13px;
|
|
line-height: 35px;
|
|
}
|
|
|
|
.destination .schedule_top .calendar .inquiryRange {
|
|
background: #3D76E8;
|
|
}
|
|
|
|
.destination .schedule_top .calendar .inquiryRange span {
|
|
color:#fff;
|
|
}
|
|
|
|
.destination .schedule_top .calendar .inquiryRange2 {
|
|
background: #D1E0FF;
|
|
}
|
|
|
|
.destination .destinationPop {
|
|
width: 690px;
|
|
}
|
|
|
|
.destination .destinationPop .destinationCont {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.destination .destinationPop .first {
|
|
margin-top: 45px;
|
|
border:0;
|
|
}
|
|
|
|
.destination .destinationPop .destinationCont div{
|
|
width: 75px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.destination .destinationPop .destinationCont span{
|
|
font-size: 10px;
|
|
}
|
|
|
|
.destination .destinationPop .destinationCont input{
|
|
width: 580px;
|
|
height: 30px;
|
|
border:1px solid #d9d9d9;
|
|
border-radius: 5px;
|
|
padding:0 5px;
|
|
}
|
|
|
|
.destination .destinationPop .destinationCont select{
|
|
width: 580px;
|
|
height: 30px;
|
|
border:1px solid #d9d9d9;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.destination .destinationPop .time input{
|
|
width: 150px;
|
|
}
|
|
|
|
.destination .destinationPop .time span {
|
|
padding:0 10px;
|
|
}
|
|
|
|
.destination .destinationPop .fellow input {
|
|
width:460px;
|
|
}
|
|
|
|
.destination .destinationPop .fellow button {
|
|
width: 105px;
|
|
height: 30px;
|
|
border: 1px solid #3D76E8;
|
|
border-radius: 5px;
|
|
color: #3D76E8;
|
|
margin-left: 10px;
|
|
background: #fff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
/*업무보고서*/
|
|
|
|
.reportPop .first{
|
|
margin-top: 45px;
|
|
}
|
|
|
|
.reportPop .reportCont {
|
|
margin-top: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.reportPop .reportCont div {
|
|
width: 70px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.reportPop .reportCont input {
|
|
width: 692px;
|
|
height: 30px;
|
|
border:1px solid #d9d9d9;
|
|
border-radius: 5px;
|
|
background: #fff;
|
|
padding:0 5px;
|
|
}
|
|
|
|
.reportPop .date input{
|
|
width: 240px;
|
|
}
|
|
|
|
.reportPop .text input{
|
|
height: 300px;
|
|
}
|
|
|
|
|
|
/*회의록 등록*/
|
|
.minutes .minutesPop {
|
|
width: 800px;
|
|
}
|
|
|
|
.minutes .minutesPop .minutesCont {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.minutes .minutesPop .first {
|
|
margin-top: 45px;
|
|
}
|
|
|
|
.minutes .minutesPop .minutesCont div {
|
|
width: 70px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.minutes .minutesPop .minutesCont input {
|
|
width: 690px;
|
|
height: 30px;
|
|
border-radius: 5px;
|
|
border: 1px solid #d9d9d9;
|
|
background: #fff;
|
|
padding:0 5px;
|
|
}
|
|
|
|
.minutes .minutesPop .minutesCont button {
|
|
width: 105px;
|
|
height: 30px;
|
|
border: 1px solid #3d76e8;
|
|
border-radius: 5px;
|
|
background: #fff;
|
|
margin-left: 10px;
|
|
color:#3d76e8;
|
|
font-size: 13px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.minutes .minutesPop .minutesCont span {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.minutes .minutesPop .date input {
|
|
width: 140px;
|
|
}
|
|
|
|
.minutes .minutesPop .company input{
|
|
width: 300px;
|
|
}
|
|
|
|
.minutes .minutesPop .company .person {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.minutes .minutesPop .fellowIn input {
|
|
width: 578px;
|
|
}
|
|
|
|
/*전자결재 개인문서함*/
|
|
.document_box .paging {
|
|
padding-bottom:60px;
|
|
}
|
|
|
|
/*전자결재 문서양식선택*/
|
|
|
|
.document_form .form_box {
|
|
padding:25px 45px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
}
|
|
|
|
.document_form .form_box .form_cont {
|
|
margin:20px 20px 0 0;
|
|
width: 205px;
|
|
height: 280px;
|
|
border:1px solid #EEEEEE;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.document_form .form_box .form_cont img {
|
|
display: block;
|
|
margin: 60px auto 0;
|
|
}
|
|
|
|
.document_form .form_box .form_cont p {
|
|
font-size: 15px;
|
|
text-align: center;
|
|
padding:20px 0;
|
|
|
|
}
|
|
|
|
.document_form .form_box .form_cont div {
|
|
font-weight:600;
|
|
color:#121212;
|
|
line-height: 21px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
}
|
|
|
|
|
|
/*전자결재 기안문서보기*/
|
|
|
|
.document_view {
|
|
background: #fff;
|
|
display: flex;
|
|
}
|
|
|
|
|
|
.document_view .container {
|
|
padding:45px;
|
|
width: 1070px;
|
|
}
|
|
|
|
.document_view .container .doc_number {
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
.document_view .container h1 {
|
|
text-align: center;
|
|
margin-top: 60px;
|
|
}
|
|
|
|
.document_view .container .doc_icon {
|
|
text-align: right;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.document_view .container .doc_icon a img {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.t1 {
|
|
width: 100%;
|
|
height: 140px;
|
|
border-top: 1px solid #666666;
|
|
border-bottom: 1px solid #666666;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.t1 tr {
|
|
border-bottom: 1px solid #d9d9d9;
|
|
height: 25px;
|
|
}
|
|
|
|
.t1 tr:nth-child(2) {
|
|
height: 90px;
|
|
}
|
|
|
|
.t1 tr:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.t1 tr td {
|
|
width: 100px;
|
|
border-right: 1px solid #d9d9d9;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
color:#666;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
}
|
|
|
|
.t1 tr td:last-child {
|
|
border-right: 0;
|
|
}
|
|
|
|
.t1 tr .thead {
|
|
background: #EFEFEF
|
|
}
|
|
|
|
.t1 tr td span {
|
|
display: block;
|
|
height: 44px;
|
|
line-height: 44px;
|
|
color:#666;
|
|
}
|
|
|
|
.t1 tr td p {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.t2 {
|
|
width: 100%;
|
|
margin-top: 40px;
|
|
border-top: 1px solid #d9d9d9;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.t2 tr td {
|
|
border-right: 1px solid #d9d9d9;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
height: 35px;
|
|
font-size: 14px;
|
|
color:#666;
|
|
padding-left: 20px;
|
|
height: 35px;
|
|
}
|
|
|
|
.t2 tr td a {
|
|
color:#666;
|
|
}
|
|
|
|
.t2 tr td:last-child {
|
|
border-right: 0;
|
|
}
|
|
|
|
.t2 tr:last-child td {
|
|
border-bottom:0;
|
|
}
|
|
|
|
.t2 tr .thead {
|
|
width: 100px;
|
|
background: #efefef;
|
|
text-align: center;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.textbox {
|
|
width: 100%;
|
|
border: 1px solid #d9d9d9;
|
|
height: 500px;
|
|
text-align: center;
|
|
margin-top: 40px;
|
|
line-height: 500px;
|
|
}
|
|
|
|
.document_view aside {
|
|
width: 210px;
|
|
border-left: 1px solid #EFEFEF;
|
|
border-right: 1px solid #EFEFEF;
|
|
padding: 100px 20px 0 20px;
|
|
}
|
|
|
|
.document_view aside .a_tit {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.document_view aside .comment_box {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.document_view aside .comment_box .comment_profile{
|
|
display: flex;
|
|
}
|
|
|
|
.document_view aside .comment_box .comment_profile .profileImg {
|
|
width:40px;
|
|
height: 40px;
|
|
}
|
|
|
|
.document_view aside .comment_box .comment_profile .profileInfo {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.document_view aside .comment_box .comment_profile .profileInfo p {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.document_view aside .comment_box .comment_profile .profileInfo p:first-child{
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.document_view aside .comment_box .comment {
|
|
width: 100%;
|
|
height: auto;
|
|
background: #efefef;
|
|
border-radius: 5px;
|
|
margin-top: 10px;
|
|
padding:10px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.document_view .doc_pop {
|
|
width: 400px;
|
|
}
|
|
|
|
.document_view .doc_pop .approval {
|
|
margin-top:35px;
|
|
}
|
|
|
|
.document_view .doc_pop .approval label {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.document_view .doc_pop .approval label:first-child {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.document_view .doc_pop .comment {
|
|
width: 100%;
|
|
height: 95px;
|
|
margin-top:15px;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
/*전자결재 기안하기*/
|
|
|
|
.document_write {
|
|
width: 1070px;
|
|
padding:45px;
|
|
}
|
|
|
|
.document_write .top_bt {
|
|
display: flex;
|
|
}
|
|
|
|
.document_write .top_bt li {
|
|
width:80px;
|
|
height: 30px;
|
|
border:1px solid #D9D9D9;
|
|
}
|
|
|
|
.document_write .top_bt li:first-child{
|
|
border-radius: 5px 0px 0px 5px;
|
|
}
|
|
|
|
.document_write .top_bt li:nth-child(2){
|
|
border-left:0;
|
|
border-right: 0;
|
|
}
|
|
|
|
.document_write .top_bt li:last-child{
|
|
border-radius: 0px 5px 5px 0px;
|
|
}
|
|
|
|
.document_write .top_bt li a{
|
|
font-weight:600;
|
|
color:#666;
|
|
text-align: center;
|
|
display: block;
|
|
line-height: 30px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.document_write h1 {
|
|
text-align: center;
|
|
margin-top:60px;
|
|
}
|
|
|
|
.document_write .amount {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin:20px 0;
|
|
}
|
|
|
|
.document_write .amount select {
|
|
width: 172px;
|
|
height: 30px;
|
|
border: 1px solid #D9D9D9;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.document_write .amount .setting a{
|
|
color:#1B7BE9;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.document_write .refer_doc {
|
|
width: 670px;
|
|
display: none;
|
|
}
|
|
|
|
.document_write .refer_doc .refer_docSearch {
|
|
display: flex;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.document_write .refer_doc .refer_docSearch select {
|
|
width: 80px;
|
|
height: 30px;
|
|
border: 1px solid #D9D9D9;
|
|
border-radius: 3px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.document_write .refer_doc .refer_docSearch .search_wrap {
|
|
position: relative;
|
|
}
|
|
|
|
.document_write .refer_doc .refer_docSearch .search_wrap input{
|
|
width: 540px;
|
|
height: 30px;
|
|
border: 1px solid #D9D9D9;
|
|
border-radius: 3px;
|
|
padding:0 5px;
|
|
}
|
|
|
|
.document_write .refer_doc .refer_docSearch .search_wrap button {
|
|
background: url('../img/search.svg') no-repeat;
|
|
width: 17px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 7px;
|
|
right: 7px;
|
|
border: 0;
|
|
}
|
|
|
|
.document_write .refer_doc table {
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
border-spacing:0;
|
|
}
|
|
|
|
.document_write .refer_doc table td {
|
|
height: 35px;
|
|
line-height: 35px;
|
|
border-bottom: 1px solid #EFEFEF;
|
|
border-spacing:0;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
color:#666;
|
|
}
|
|
|
|
.document_write .refer_doc table thead td {
|
|
font-weight: bold;
|
|
border-bottom: 1px solid #666;
|
|
border-top: 1px solid #666;
|
|
border-right:1px solid #d9d9d9;
|
|
}
|
|
|
|
.document_write .refer_doc table thead td:last-child{
|
|
border-right: 0;
|
|
}
|
|
|
|
.document_write .refer_doc .paging {
|
|
padding:20px 0;
|
|
}
|
|
|
|
|
|
/*전자결재 결재라인설정 팝업창*/
|
|
|
|
|
|
.paypop {
|
|
width:800px;
|
|
}
|
|
|
|
.paypop .payWrap:after {
|
|
display: block;
|
|
content:'';
|
|
clear:both;
|
|
}
|
|
|
|
.paypop .payWrap {
|
|
width: 100%;
|
|
height:610px;
|
|
}
|
|
|
|
.paypop .pay_left {
|
|
margin-top: 40px;
|
|
float:left;
|
|
}
|
|
|
|
.paypop .pay_left .search_wrap {
|
|
width: 280px;
|
|
position:relative;
|
|
}
|
|
|
|
.paypop .pay_left .search_wrap .search {
|
|
width: 100%;
|
|
height: 30px;
|
|
border:1px solid #d9d9d9;
|
|
border-radius: 3px;
|
|
background: #fff;
|
|
padding:5px;
|
|
}
|
|
|
|
.paypop .pay_left .search_wrap .search_bt{
|
|
background: url('../img/search.svg') no-repeat;
|
|
width: 17px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top:7px;
|
|
right: 7px;
|
|
border:0;
|
|
}
|
|
|
|
.paypop .pay_left .pay_select{
|
|
width: 280px;
|
|
height: 520px;
|
|
border:1px solid #d9d9d9;
|
|
border-radius: 5px;
|
|
margin-top:20px;
|
|
}
|
|
|
|
.paypop .pay_left .pay_select .team {
|
|
border-bottom: 1px solid #d9d9d9;
|
|
}
|
|
|
|
.paypop .pay_left .pay_select .team li:first-child{
|
|
padding:12px;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
color:#707070;
|
|
font-size: 1.1rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.paypop .pay_left .pay_select .team li.on {
|
|
background: #EFEFEF;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.paypop .pay_left .pay_select .team li.on a {
|
|
color:#3D76E8;
|
|
}
|
|
|
|
.paypop .pay_left .pay_select .team li a{
|
|
padding: 10px 40px;
|
|
font-size: 0.9rem;
|
|
display: block;
|
|
}
|
|
|
|
.paypop .pay_left .pay_select .team li span{
|
|
padding:0 6px;
|
|
border:1px solid #707070;
|
|
border-radius: 3px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.paypop .pay_left .unnamed {
|
|
width: 280px;
|
|
height: 40px;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
display: flex;
|
|
}
|
|
|
|
.paypop .pay_left .unnamed span {
|
|
display: block;
|
|
width: 138px;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.paypop .pay_left .unnamed span:first-child {
|
|
border-right: 1px solid #d9d9d9;
|
|
}
|
|
|
|
.paypop .pay_left .team_memberBox .team_member {
|
|
width: 100%;
|
|
display: flex;
|
|
padding:5px 0;
|
|
}
|
|
|
|
.paypop .pay_left .team_memberBox .team_member div{
|
|
width: 50%;
|
|
text-align: center;
|
|
padding:7px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.paypop .pay_left .team_memberBox .team_member .pay_bt a {
|
|
font-size:0.8rem;
|
|
color:#3D76E8;
|
|
}
|
|
|
|
.paypop .pay_left .team_memberBox .team_member .pay_bt span {
|
|
padding: 6px 15px;
|
|
border-radius: 5px;
|
|
border:1px solid #3D76E8;
|
|
}
|
|
|
|
.paypop .pay_right {
|
|
width: 460px;
|
|
height: 570px;
|
|
margin-top: 40px;
|
|
float:right;
|
|
}
|
|
|
|
.paypop .pay_right .line_select {
|
|
width: 100%;
|
|
height: 30px;
|
|
border-radius: 3px;
|
|
border:1px solid #d9d9d9;
|
|
padding:5px;
|
|
}
|
|
|
|
.paypop .pay_right .payline_wrap .payline_list {
|
|
width: 460px;
|
|
height:225px;
|
|
border-radius: 4px;
|
|
border:1px solid #d9d9d9;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.paypop .pay_right .payline_wrap .payline_list:after {
|
|
display: block;
|
|
content:'';
|
|
clear:both;
|
|
}
|
|
|
|
.paypop .pay_right .payline_wrap .payline_list .payment {
|
|
float:left;
|
|
width: 120px;
|
|
height: 223px;
|
|
background: #F1F1F1;
|
|
text-align: center;
|
|
line-height: 225px;
|
|
}
|
|
|
|
.paypop .pay_right .payline_wrap .payline_list .paymentList {
|
|
width: 338px;
|
|
float:right;
|
|
}
|
|
|
|
.paypop .pay_right .payline_wrap .payline_list .paymentList ul li{
|
|
width: 100%;
|
|
height: 36px;
|
|
border-bottom:1px solid #d9d9d9;
|
|
}
|
|
|
|
.paypop .pay_right .payline_wrap .payline_list .paymentList ul li div {
|
|
display: inline;
|
|
line-height: 36px;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.paypop .pay_right .payline_wrap .payline_list .paymentList ul li .number {
|
|
padding:9px;
|
|
border-right: 1px solid #d9d9d9;
|
|
}
|
|
|
|
.paypop .pay_right .payline_wrap .payline_list .paymentList ul li .delete {
|
|
float: right;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.paypop .pay_right .payline_wrap .payline_list .paymentList ul li .delete a img {
|
|
width: 9px;
|
|
height: 9px;
|
|
}
|
|
|
|
.paypop .pay_right .lineSave {
|
|
display: flex;
|
|
width: 460px;
|
|
justify-content: space-between;
|
|
margin-top:20px;
|
|
}
|
|
|
|
.paypop .pay_right .lineSave input {
|
|
width: 350px;
|
|
height: 30px;
|
|
border-radius: 3px;
|
|
border:1px solid #d9d9d9;
|
|
padding:0 5px;
|
|
}
|
|
|
|
.paypop .pay_right .lineSave button {
|
|
width: 100px;
|
|
height: 30px;
|
|
border-radius: 3px;
|
|
background:#fff;
|
|
border:1px solid #3D76E8;
|
|
color:#3D76E8;
|
|
cursor:pointer;
|
|
}
|
|
|
|
/*통합게시판 공지사항*/
|
|
|
|
.notice .public{
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.board_bottom {
|
|
width: 100%;
|
|
position: relative;
|
|
padding-left:25px;
|
|
padding-top: 45px;
|
|
}
|
|
|
|
.board_bottom .board_search {
|
|
display: flex;
|
|
width: 410px;
|
|
float:right;
|
|
margin-right: 45px;
|
|
}
|
|
|
|
.board_bottom .board_search select {
|
|
width: 80px;
|
|
height: 30px;
|
|
border: 1px solid #D9D9D9;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.board_bottom .board_search .search_wrap {
|
|
position: relative;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.board_bottom .board_search .search_wrap input{
|
|
width: 320px;
|
|
height: 30px;
|
|
border: 1px solid #D9D9D9;
|
|
border-radius: 3px;
|
|
padding:0 5px;
|
|
}
|
|
|
|
.board_bottom .board_search .search_wrap button {
|
|
background: url('../img/search.svg') no-repeat;
|
|
width: 17px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 7px;
|
|
right: 7px;
|
|
border: 0;
|
|
}
|
|
|
|
.board_bottom .writeBt {
|
|
display: flex;
|
|
position: absolute;
|
|
top: 45px;
|
|
left:45px;
|
|
}
|
|
|
|
.board_bottom .writeBt div a {
|
|
font-size: 15px;
|
|
color:#666;
|
|
display: block;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.board_bottom .writeBt .writing{
|
|
width: 79px;
|
|
height: 30px;
|
|
border: 1px solid #D9D9D9;
|
|
border-radius: 3px 0px 0px 3px;
|
|
border-right: 0;
|
|
}
|
|
|
|
.board_bottom .writeBt .delete{
|
|
width: 55px;
|
|
height: 30px;
|
|
border: 1px solid #D9D9D9;
|
|
border-radius: 0px 3px 3px 0px;
|
|
}
|
|
|
|
/*게시판글 페이지*/
|
|
|
|
.notice_page {
|
|
padding:60px 25px 0;
|
|
}
|
|
|
|
.notice_page .noticeTop {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.notice_page .noticeTop .bt_wrap {
|
|
display: flex;
|
|
}
|
|
|
|
.notice_page .noticeTop .bt_wrap div {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.notice_page .noticeTop .bt_wrap div a {
|
|
font-size: 13px;
|
|
color:#666;
|
|
}
|
|
|
|
.notice_page .noticeTop .bt_wrap .move span {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.notice_page .noticeTop .icon_wrap a img {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.notice_page .noticeCont .noticeTit {
|
|
width: 100%;
|
|
height: 50px;
|
|
border-top: 1px solid #d9d9d9;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.notice_page .noticeCont .noticeTit .title {
|
|
font-size: 17px;
|
|
font-weight: bold;
|
|
line-height: 50px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.notice_page .noticeCont .noticeTit .noticeInfo {
|
|
display: flex;
|
|
line-height: 50px;
|
|
}
|
|
|
|
.notice_page .noticeCont .noticeTit .noticeInfo div {
|
|
margin-right: 20px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.notice_page .noticeCont .noticeTit .noticeInfo span {
|
|
padding-left: 5px;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
color:#666;
|
|
}
|
|
|
|
.notice_page .noticeCont .content {
|
|
padding:40px 20px;
|
|
min-height: 480px;
|
|
}
|
|
|
|
.notice_page .noticeComment {
|
|
width: 100%;
|
|
background: #F8F8F8;
|
|
position: relative;
|
|
}
|
|
|
|
.notice_page .noticeComment .pagemove{
|
|
display: flex;
|
|
position: absolute;
|
|
top: -40px;
|
|
right:0;
|
|
}
|
|
|
|
.notice_page .noticeComment .pagemove div{
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.notice_page .noticeComment .pagemove div a {
|
|
font-size: 13px;
|
|
color:#666;
|
|
}
|
|
|
|
.notice_page .noticeComment .commentList {
|
|
border-top: 1px solid #EFEFEF;
|
|
border-bottom: 1px solid #efefef;
|
|
padding:20px;
|
|
}
|
|
|
|
.notice_page .noticeComment .commentList:after {
|
|
content:'';
|
|
display: block;
|
|
clear:both;
|
|
}
|
|
|
|
.notice_page .noticeComment .commentList .commentText{
|
|
float:left;
|
|
display: flex;
|
|
}
|
|
|
|
.notice_page .noticeComment .commentList .re{
|
|
float:right;
|
|
display: flex;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.notice_page .noticeComment .commentList .re div:first-child {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.notice_page .noticeComment .commentList .commentText div img{
|
|
width: 35px;
|
|
height: 35px;
|
|
}
|
|
|
|
.notice_page .noticeComment .commentList .commentText .writer {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.notice_page .noticeComment .commentList .commentText .writer span {
|
|
font-size: 13px;
|
|
color:#9A9A9A;
|
|
}
|
|
|
|
.notice_page .noticeComment .commentList .commentText .writer .name {
|
|
font-weight: bold;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.notice_page .noticeComment .commentList .commentText .writer div {
|
|
font-size: 15px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.notice_page .commentBox {
|
|
width: 100%;
|
|
background: #F8F8F8;
|
|
padding:20px;
|
|
display: flex;
|
|
}
|
|
|
|
.notice_page .commentBox input {
|
|
width: 100%;
|
|
min-height:75px;
|
|
border: 1px solid #D9D9D9;
|
|
padding:0 5px;
|
|
}
|
|
|
|
.notice_page .commentBox button {
|
|
width: 95px;
|
|
height: 75px;
|
|
background: #3D76E8;
|
|
border-radius: 4px;
|
|
color:#fff;
|
|
text-align: center;
|
|
border:0;
|
|
margin-left: 10px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.notice_page .movePop {
|
|
width: 310px;
|
|
}
|
|
|
|
.notice_page .movePop p {
|
|
margin:35px 0 20px 0;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.notice_page .movePop .radio {
|
|
display: flex;
|
|
}
|
|
|
|
.notice_page .movePop .radio div {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.notice_page .movePop .radio span {
|
|
font-size: 15px;
|
|
color:#666;
|
|
padding-left:5px;
|
|
}
|
|
|
|
/*중식신청*/
|
|
.lunch {
|
|
padding:60px 0 45px 25px;
|
|
width: 1005px;
|
|
}
|
|
|
|
.lunch .schedule_top .month .present{
|
|
padding: 0 34px;
|
|
}
|
|
|
|
.lunch .schedule_top .month div {
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.lunch .lunchTableWrap {
|
|
width: 980px;
|
|
display: flex;
|
|
margin-top:45px;
|
|
}
|
|
|
|
.lunch .lunchTableWrap .lunchTable {
|
|
width: 20%;
|
|
text-align: center;
|
|
}
|
|
|
|
.lunch .lunchTableWrap .lunchTable ul{
|
|
border:1px solid #D9D9D9;
|
|
border-right: 0;
|
|
}
|
|
|
|
.lunch .lunchTableWrap .lunchTable ul li:first-child{
|
|
border-bottom: 1px solid #d9d9d9;
|
|
}
|
|
|
|
.lunch .lunchTableWrap .lunchTable:last-child ul{
|
|
border-right: 1px solid #d9d9d9;
|
|
}
|
|
|
|
.lunch .lunchTableWrap .lunchTable ul li{
|
|
font-size:15px;
|
|
padding:10px 0;
|
|
}
|
|
|
|
.lunch .lunchTableWrap .lunchTable .application {
|
|
width: 95%;
|
|
height: 40px;
|
|
margin:20px auto;
|
|
border-radius: 5px;
|
|
background: #666;
|
|
color:#fff;
|
|
line-height: 40px;
|
|
font-size: 15px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.lunch .lunchTableWrap .lunchTable:last-child .application {
|
|
background: #3D76E8;
|
|
}
|
|
|
|
.lunch .lunchTableOption {
|
|
margin:45px 0 20px 0;
|
|
float:right;
|
|
}
|
|
|
|
.lunch .lunchTableOption span {
|
|
font-size: 15px;
|
|
color:#666;
|
|
}
|
|
|
|
.lunch .lunchTableOption select {
|
|
width: 120px;
|
|
height: 30px;
|
|
border: 1px solid #D9D9D9;
|
|
border-radius: 3px;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.lunch .public {
|
|
padding:0;
|
|
}
|
|
|
|
.lunch .public .all{
|
|
border-top: 1px solid #D9D9D9;
|
|
border-bottom: 1px solid #D9D9D9;
|
|
background: #F6F6F6;
|
|
}
|
|
|
|
.lunch .public .all td:first-child {
|
|
border-right: 1px solid #D9D9D9;
|
|
font-weight: bold;
|
|
color:#666;
|
|
}
|
|
|
|
.lunch .public .all td {
|
|
color:#3D76E8;
|
|
font-weight:bold;
|
|
}
|
|
|
|
/*개인정보관리*/
|
|
|
|
.profile_setting {
|
|
display: flex;
|
|
}
|
|
|
|
.profile_setting .profileInput {
|
|
padding:45px;
|
|
width: 100%;
|
|
}
|
|
|
|
.profile_setting .profileInput .profileInputSection{
|
|
padding: 45px 0;
|
|
border-bottom: 1px solid #efefef;
|
|
}
|
|
|
|
.profile_setting .profileInput .profileInputSection:first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.profile_setting .profileInput .profileInputSection .profileTit {
|
|
font-weight: bold;
|
|
color:#3D76E8;
|
|
}
|
|
|
|
.profile_setting .profileInput .profileInputSection .profileInputForm {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.profile_setting .profileInput .profileInputSection .profileInputForm .form{
|
|
margin-right:20px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.profile_setting .profileInput .profileInputSection .profileInputForm .form p{
|
|
font-size: 15px;
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
.profile_setting .profileInput .profileInputSection .profileInputForm .form input {
|
|
width: 430px;
|
|
height: 35px;
|
|
border-radius: 4px;
|
|
border:1px solid #d9d9d9;
|
|
padding:0 5px;
|
|
}
|
|
|
|
.profile_setting .profileInput .profileInputSection .profileInputForm .form .address {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.profile_setting .profileInput .profileInputSection .profileInputForm .form select {
|
|
width: 430px;
|
|
height: 35px;
|
|
border-radius: 4px;
|
|
border:1px solid #d9d9d9;
|
|
padding:0 5px;
|
|
}
|
|
|
|
.profile_setting .profileInput .profileInputSection .profileInputForm .form button {
|
|
width: 100px;
|
|
height: 35px;
|
|
background: #3D76E8;
|
|
color:#fff;
|
|
border:0;
|
|
cursor:pointer;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.profile_setting .profileInput .modifyBt {
|
|
width: 200px;
|
|
height: 40px;
|
|
background: #3D76E8;
|
|
border-radius: 5px;
|
|
border:0;
|
|
margin:45px auto;
|
|
color:#fff;
|
|
display: block;
|
|
}
|
|
|
|
/*사용자 리스트*/
|
|
.userlist .public{
|
|
padding-top: 20px;
|
|
}
|
|
|
|
/*사용자정보 등록 페이지*/
|
|
|
|
.userpage {
|
|
display: flex;
|
|
}
|
|
|
|
.user_registration {
|
|
display: flex;
|
|
}
|
|
|
|
.userInform {
|
|
padding:45px;
|
|
}
|
|
|
|
.userInform .element {
|
|
margin-top:20px;
|
|
}
|
|
|
|
.userInform .element div {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.userInform .element input {
|
|
width: 430px;
|
|
height: 35px;
|
|
border-radius: 4px;
|
|
background: #fff;
|
|
border:1px solid #D9D9D9;
|
|
padding-left:5px;
|
|
line-height: 35px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.userInform .element .elementBox {
|
|
width: 430px;
|
|
height: 35px;
|
|
border-radius: 4px;
|
|
background: #fff;
|
|
border:1px solid #D9D9D9;
|
|
padding-left:5px;
|
|
line-height: 35px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.userInform ul {
|
|
display: flex;
|
|
}
|
|
|
|
.userInform ul li {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.userpageBt {
|
|
margin: 190px auto 0;
|
|
width: 415px;
|
|
}
|
|
|
|
.userpageBt button {
|
|
width: 200px;
|
|
height: 40px;
|
|
border-radius: 5px;
|
|
color:#fff;
|
|
text-align: center;
|
|
line-height: 40px;
|
|
border:0;
|
|
}
|
|
|
|
.userpageBt .bt1 {
|
|
background: #3D76E8;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.userpageBt .bt2 {
|
|
background: #666666;
|
|
}
|
|
|
|
.user_registration .userpageBt {
|
|
margin: 260px auto 0;
|
|
}
|
|
|
|
/*사용자등록 페이지*/
|