html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
button,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  color: rgb(31, 31, 31);
  font-size: 14px;
  font-family: 'SUIT-Regular';
  line-height: 1.2;
  background: #f9f9f9;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  display: inline-block;
  line-height: 0;
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
input,
textarea,
select,
button {
  font: inherit;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  outline: none;
}
input[type="button"],
input[type="text"],
input[type="image"],
input[type="submit"],
input[type="password"],
textarea {
  -webkit-appearance: none;
}
input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
input[type="radio"] {
  -webkit-appearance: radio;
}
textarea {
  resize: none;
}
button {
  color: inherit;
  cursor: pointer;
  /*outline:none;*/
  letter-spacing: inherit;
}
button[disabled] {
  cursor: default;
}
em {
  font-style: normal;
}
hr {
  display: none;
}
caption,
legend,
.blind,
.hidden,
.txt-hide {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
textarea:focus {
  outline: none;
}
button:focus {
  outline: none;
}
input:focus {
  outline: none;
}
@font-face {
  font-family: 'NotoSansKR-Bold';
  font-style: bold;
  src: url('fonts/NotoSansKR-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'NotoSansKR-Medium';
  font-style: normal;
  src: url('fonts/NotoSansKR-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'NotoSansKR-Regular';
  font-style: normal;
  src: url('fonts/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'NotoSansKR-DemiLight';
  font-style: normal;
  src: url('fonts/NotoSansKR-DemiLight.otf') format('opentype'), url('fonts/NotoSansKR-Light.woff') format('woff');
}
@font-face {
  font-family: 'Roboto-Light';
  font-style: normal;
  src: local('Roboto-Light');
  src: url('fonts/Roboto-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto-Regular';
  font-style: normal;
  src: local('Roboto-Regular');
  src: url('fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto-Medium';
  font-style: normal;
  src: local('Roboto-Medium');
  src: url('fonts/Roboto-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons');
  src: url(fonts/MaterialIcons-Regular.ttf) format('truetype'); /* For IE6-8 */
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.charts tspan, .charts text, .cardBox text:not(.highcharts-point) {
  font-family: 'NotoSansKR-Regular';
  font-size: 13px !important;
}
.fontR {
  font-family: 'NotoSansKR-Regular' !important;
}
.fontM {
  font-family: 'NotoSansKR-Medium' !important;
}
.fontB {
  font-family: 'NotoSansKR-Bold' !important;
}
.fontNormal {
  font-weight: normal !important;
}
.fontBold {
  font-weight: bold !important;
}
.font12 {
  font-size: 12px !important;
}
.font14 {
  font-size: 14px !important;
}
.font16 {
  font-size: 16px !important;
}
.font20 {
  font-size: 20px !important;
}
.font24 {
  font-size: 24px !important;
}
.font30 {
  font-size: 24px !important;
}
.font40 {
  font-size: 40px !important;
}
.font50 {
  font-size: 50px !important;
}

.num, .num2 {
  font-family: 'Roboto-Regular' !important;
}
.num.medi, .num2.medi {
  font-family: 'Roboto-Medium' !important;
}
.minus {
  color: #004098 !important;
}
.plus {
  color: #e70012 !important;
}

.blur {
  filter: blur(2px);
  -webkit-filter: blur(2px);
}

@media only screen and (min-width: 601px) {
  nav .container, .notiHeader .container {
    width: 90%;
  }
  .hide-on-med-and-down {
    display: block !important;
  }
  .headSrchArea {
  	width: 250px;
  }
}

@media only screen and (min-width: 1379px) {
  nav .container, .notiHeader .container {
    width: 70%;
  }
  .hide-on-med-and-down {
    display: block !important;
  }
}


nav {
  z-index: 2;
}
nav .nav-wrapper {
  margin: 0px auto;
}
nav ul a,
nav .brand-logo {
  cursor: pointer;
  color: #000 !important;
  font-family: 'NotoSansKR-Bold';
}
nav ul .rIcon {
  padding: 0 15px;
}
nav ul li:hover {
    background-color: rgba(0, 0, 0, 0.1);
    cursor: pointer
}
h5 {
  color: #000;
  font-family: 'NotoSansKR-Medium';
} 

.pointColor {
  color: #004098 !important;
}
.pointColor2 {
  color: #e70012 !important;
}
.pointColor3 {
  color: #1b5e20 !important;
}

.pointColorBg {
  background-color: #004098 !important;
}

.pointColorBg2 {
  background-color: #46b746 !important;
}

.al {
  text-align: left !important;
}
.ac {
  text-align: center !important;
}
.ar {
  text-align: right !important;
}

.vaTop {
  vertical-align: top;
}

.pstRltv {
  position: relative;
}
.headerIcon .menuNm {
  position: absolute;
  bottom: 12px;
  color: #000;
  width: 62px;
  text-align: center;
  font-size: 10px;
  line-height: 10px;  
}

.dpBlock {
  display: block !important;
}
.dpInlineBlock {
  display: inline-block !important;
}


.wd50p {
  width: 50% !important; 
}
.wd90p {
  width: 90% !important; 
}
.wd100p {
  width: 100% !important; 
}
.wd60px {
  width: 60px !important; 
}
.wd70px {
  width: 70px !important; 
}
.wd100px {
  width: 100px !important; 
}
.wd120px {
  width: 100px !important; 
}
.wd150px {
  width: 150px !important; 
}
.wdAuto {
  width: auto !important; 
}

.mg0 {
  margin: 0px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.ml80 {
  margin-left: 80px !important;
}

.mr0 {
  margin-right: 0px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.mr80 {
  margin-right: 80px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}


.pd0 {
  padding: 0px !important;
}
.pd10 {
  padding: 10px !important;
}
.pd20 {
  padding: 20px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl60 {
  padding-left: 60px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr60 {
  padding-right: 60px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}

.bd1 {
 border: 1px solid #ccc !important;
}
.bdTp1 {
  border-top: 1px solid #ccc !important;
 }
.bdBt0 {
 border-bottom: 0px !important;
}
.bdBt1 {
 border-bottom: 1px solid #ccc !important;
}
.bdBt2 {
 border-bottom: 2px solid #ccc !important;
}
.bdL1 {
  border-left: 1px solid #ccc;
}
.bdL2 {
  border-left: 2px solid #ccc;
}
.bdR1 {
  border-right: 1px solid #ccc !important;
}
.bdR2 {
  border-right: 2px solid #ccc;
}

.underLine {
  cursor: pointer;
}
.underLine:hover {
  color: #004098;
  font-family: "NotoSansKR-Medium" !important;
  text-decoration: underline;
}
.underLineH.on, .underLineH:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #1b5e20 !important;
}

.ellip {
  width:100%;
  display: inline-block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.modal {
  width: auto;
}
.modal .modal-footer a {
  border: 1px solid #222831;
}
.modal .modal-footer a:hover {
  color: #fff;
  background-color: #222831 !important;
  border: 1px solid #222831;
}
[type="checkbox"].filled-in:checked + span:not(.lever):after,
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before, 
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after,
[type="checkbox"].filled-in:checked + span:not(.lever):after,
[type="checkbox"].filled-in:checked + span:not(.lever):before {
  top: 3px;
}
[type="checkbox"].filled-in:checked + span:not(.lever):after {
  border: 2px solid #1b5e20;
  background-color: #1b5e20;	
  height: 17px;
  width: 17px;
}
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
  height: 17px;
  width: 17px;
}

[type="checkbox"].filled-in:checked + span:not(.lever):before {
  width: 6px;
  height: 10px;
  left: 2px;
}
[type="checkbox"] + span:not(.lever) {
  padding-left: 30px;
}

nav {
  background-color: #fff;
  color: #000;
  padding: 0px 10px;
  border-bottom: 1px solid #ddd;
}
nav .menuIcon {
  display: inline-block;
  width: 60px;
  text-align: center;
  cursor: pointer;
}
nav .menuIcon i {
  font-size: 30px;
}
nav .logo {
  font-family: 'SUIT-Bold';
  font-size: 28px;
  color: #8d51a7;
  vertical-align: top;
}
nav .logo.sub {
  font-family: 'NotoSansKR-Medium';
  font-size: 25px;
}

nav .logo span {
  display: inline-block;
  font-family: 'NotoSansKR-Bold';
  font-size: 28px;
  vertical-align: top;
  background: linear-gradient(50deg, #fff 65%, red 20%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
nav .userPic {
  width: 35px;
  height: 35px;
  margin-top: 15px;
}
nav ul li {
  width: 60px;
  text-align: center;
}
nav ul li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
nav ul li i {
  font-size: 25px !important;
}
nav .refreshIcon {
  display: inline-block;
  width: 15px;
  text-align: center;
  cursor: pointer;
}
nav .refreshIcon .tooltiptext {
  visibility: hidden;
  line-height:24px;
  width: 80px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}
nav .refreshIcon:hover .tooltiptext {
  visibility: visible;
}
nav .refreshIcon .tooltiptext::after {
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 5px;
}
nav .refreshIcon .tooltip-top::after {
  top: -30%;
  left: 15%;
  margin-left: -5px;
  border-color: transparent transparent black transparent;
}
nav .refreshText {
  font-size: 8px;
  color: #b7b7b7;
}
.calInput {
  border: 0px;
  border-bottom: 1px solid #9e9e9e;
  background: none;
  line-height: 24px;
  vertical-align: top;
}

.bodyLayout {
  margin-top: 8px;
  background-color: #fafafa;
}
.bodyLayout section {
  margin-top: 20px;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 625px);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.bodyLayout section.on {
  width: calc(100% - 250px);
}
.leftSide {
  vertical-align: top;
  width: 245px;
  height: calc(100vh - 64px);
  /* display: inline-block; */
  display: inline-flex;
  flex-direction: column;
  overflow: hidden;
  padding: 20px;
  position: relative;
  margin-bottom: 0px;
  left: 0px;
  background-color: #fafafa;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  visibility: visible;
}
.leftSide.on{
	left: -100%;
	width: 109px;
	visibility: hidden;
}
.leftSide .tit {
  font-family: 'NotoSansKR-Medium';
  font-size: 18px;
  padding-bottom: 5px;
}
.leftSide .userList li {
  line-height: 40px;
  margin-bottom: 20px;
  width: 100%;
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
}
.leftSide .userList li.on, .leftSide .userList li:hover {
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #c8e6c9;
}
.leftSide .userList .pic {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #eee;
  border-radius: 22px; 
}
.leftSide .userList .userNm {
  display: inline-block;
  font-size: 15px;
  vertical-align: top;
  margin-left: 10px;
  line-height: 40px;
}
.leftSide .userList .userPic {
  width: 40px;
  height: 40px;
}
.leftSide .addBtn a:hover {
  color: #fff;
  background-color: #696969 !important;
  border: 1px solid #696969;
  border-radius: 5px
}
.leftSide .calendarList{
  flex: 1 1 auto;
  min-height: 0;      /* Áß¿ä: flex ¾ÆÀÌÅÛ overflow µ¿ÀÛÀ» À§ÇØ */
  overflow-y: auto;
}

/* 3) ÇÏ´Ü ¹öÆ°Àº °íÁ¤(°ãÄ¡±â ¹æ½Ä Á¦°Å) */
.leftSide .teamBtn{
  flex: 0 0 auto;
  margin-top: 10px;
}
.dropDownTit {
  font-family: 'NotoSansKR-Medium';
  position: relative;
}
.dropDownTit i {
  position: absolute;
  right: 0px;
  line-height: 17px;
  cursor: pointer;
}
.checkUl li {
  line-height: 30px;
  position: relative;
}
.checkUl li:hover {
  background-color: rgba(32,33,36,.04);
  transition: all 0.3s ease-in-out;
}
.checkUl.lineH40 li {
  line-height: 40px !important;
}
.checkUl li:hover i {
  display : block;
}
.checkUl li i {
  font-size: 22px;
  margin-top: 4px;
  display: none;
  cursor: pointer;
}
.calListSetupLayer {
  position: absolute;
  width: 210px;
  top: -15px;
  right: -200px;
  z-index: 999;
  background-color: #FFF;
  padding: 10px 20px 5px 20px;
  border-radius: 20px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  display: none;
}
.calListSetupLayer .colorBox {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  margin: 2px;
  cursor: pointer;
  position: relative;
}
.calListSetupLayer .colorBox.on::before {
  top: -4px;
  content: "\2713";
  color: #fff;
  position: absolute;
  left: 6px;
}
.calListSetupLayer .colorBox:hover {
  transform: scale(1.2);
}
/* 
.teamBtn {
  position: absolute;
  bottom: 26px;
  width: 210px;
}
 */
.teamBtn ul li {
  margin-top: 10px;
}
.teamBtn ul li a {
  width: 210px;
  border: 1px solid #ddd;;
  padding: 5px 20px;
  border-radius: 5px;
  color: #696969;
  font-family: 'NotoSansKR-Regular';
  text-align: left;
  background-color: rgba(255,255,255,0.8);
}
.teamBtn ul li a:hover {
  color: #fff;
  background-color: #696969;
  border: 1px solid #696969;
  box-shadow: 0 3px 5px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 3px 5px 0 rgb(0 0 0 / 20%);
}
.teamBtn ul li a span.material-icons {
  font-size: 20px;
  margin-right: 10px;
  margin-top: 2px;
}
.teamBtn ul li a span {
  font-size: 14px;
  line-height: 20px;
}
[type="checkbox"] + span:not(.lever) {
  color: #000;
  line-height: 25px;
  font-size: 14px;
  font-family: 'Roboto-Regular';
  isplay: inline-block;
  max-width: 89%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[type="checkbox"].filled-in.red:not(:checked) + span:not(.lever):after {
  border: 2px solid #b71c1c;
}
[type="checkbox"].filled-in.red:checked + span:not(.lever):after {
  border: 2px solid #b71c1c;
  background-color: #b71c1c;
}
[type="checkbox"].filled-in.blue:not(:checked) + span:not(.lever):after {
  border: 2px solid #01579b;
}
[type="checkbox"].filled-in.blue:checked + span:not(.lever):after {
  border: 2px solid #01579b;
  background-color: #01579b;
}
[type="checkbox"].filled-in.cyon:not(:checked) + span:not(.lever):after {
  border: 2px solid #01579b;
}
[type="checkbox"].filled-in.cyon:checked + span:not(.lever):after {
  border: 2px solid #006064;
  background-color: #006064;
}
[type="checkbox"].filled-in.purple:not(:checked) + span:not(.lever):after {
  border: 2px solid #8d0073;
}
[type="checkbox"].filled-in.purple:checked + span:not(.lever):after {
  border: 2px solid #8d0073;
  background-color: #8d0073;
}
[type="checkbox"].filled-in.pink:not(:checked) + span:not(.lever):after {
  border: 2px solid #d81b60;
}
[type="checkbox"].filled-in.pink:checked + span:not(.lever):after {
  border: 2px solid #d81b60;
  background-color: #d81b60;
}
[type="checkbox"].filled-in.lime:not(:checked) + span:not(.lever):after {
  border: 2px solid #c0ca33;
}
[type="checkbox"].filled-in.lime:checked + span:not(.lever):after {
  border: 2px solid #c0ca33;
  background-color: #c0ca33;
} 
[type="checkbox"].filled-in.green:not(:checked) + span:not(.lever):after {
  border: 2px solid green;
}
[type="checkbox"].filled-in.green:checked + span:not(.lever):after {
  border: 2px solid green;
  background-color: green;
}
[type="checkbox"].filled-in.gw:not(:checked) + span:not(.lever):after {
  border: 2px solid #655646;
}
[type="checkbox"].filled-in.gw:checked + span:not(.lever):after {
  border: 2px solid #655646;
  background-color: #655646;
}
[type="checkbox"].filled-in.kerp:not(:checked) + span:not(.lever):after {
  border: 2px solid #2c7abf;
}
[type="checkbox"].filled-in.kerp:checked + span:not(.lever):after {
  border: 2px solid #2c7abf;
  background-color: #2c7abf;
}
[type="checkbox"].filled-in.tqm:not(:checked) + span:not(.lever):after {
  border: 2px solid #006766;
}
[type="checkbox"].filled-in.tqm:checked + span:not(.lever):after {
  border: 2px solid #006766;
  background-color: #006766;
}
.rightSideMenu {
  position: fixed;
  vertical-align: top;
  width: 50px;
  height: calc(100vh - 64px);
  display: inline-block;
  right: 300px;
  padding-top: 10px;
  background-color: #fff;
  border-left: 1px solid #ddd;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  visibility: visible;
}
.rightSideMenu.on {
  right: -100%;
  visibility: hidden;
}
.rightSideMenu ul li {
  height: 40px;
  text-align: center;
  padding-top: 7px;
  padding: 0px 5px;
  margin: 5px 0px;
}
.rightSideMenu ul li div {
  width: 40px;
  height: 100%;
  padding-top: 10px;
}
.rightSideMenu ul li img {
  width: 20px;
}
.rightSideMenu ul li.liType1.on {
  border-right: 3px solid #558b2f;
}
.rightSideMenu ul li.liType1.on div {
  background: radial-gradient(#c5e1a5, #ffffff 100%);
  border-radius: 50%;
}
.rightSideMenu ul li.liType2.on {
  border-right: 3px solid #e65100;
}
.rightSideMenu ul li.liType2.on div {
  background: radial-gradient(#ffe0b2, #ffffff 100%);
  border-radius: 50%;
}
.rightSideMenu ul li.liType3.on {
  border-right: 3px solid #0288d1;
}
.rightSideMenu ul li.liType3.on div {
  background: radial-gradient(#b3e5fc, #ffffff 100%);
  border-radius: 50%;
}

.rightSideMenu ul li div:hover {
  background-color: #e0e0e0;
  border-radius: 50%;
  cursor: pointer;
}

.rightSide {
  position: fixed;
  vertical-align: top;
  width: 300px;
  height: calc(100vh - 64px);
  display: inline-block;
  padding: 20px;
  right: 0px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  visibility: visible;
  border-left: 1px solid #e5e5e5;
  z-index:995;
  overflow: overlay;
}
.rightSide.on {
  right: -100%;
  visibility: hidden;
}
.rightSide .tit {
  font-family: 'NotoSansKR-Medium';
  font-size: 18px;
  padding-bottom: 5px;
  border-bottom: 2px solid #222831;
}
.rightSide .links {
  position: absolute;
  bottom: 26px;
}
.rightSide .links ul li {
  margin-top: 10px;
}

.rightSide .links ul li a {
  width: 210px;
  border: 1px solid #ddd;
  padding: 5px 20px;
  border-radius: 5px;
  color: #696969;
  font-family: 'NotoSansKR-Regular';
  text-align: left;
  background-color: rgba(255,255,255,0.8);
}
.rightSide .links ul li a:hover {
  color: #fff;
  background-color: #696969;
  border: 1px solid #696969;
  box-shadow: 0 3px 5px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 3px 5px 0 rgb(0 0 0 / 20%);
}
.rightSide .links ul li a span.material-icons {
  font-size: 20px;
  margin-right: 10px;
  margin-top: 2px;
}
.rightSide .links ul li a span {
  font-size: 14px;
  line-height: 20px;
}

.rightSide .addBtn a {
  line-height: 24px;
  padding: 5px 10px;
  font-family: 'NotoSansKR-Regular';
  width: 100%;
  margin: 10px 0px;
}
.rightSide .addMemoBtn a .material-icons {
  color: #e65100;
}
.rightSide .addMemoBtn a:hover {
  background-color: #ffe0b2;
  border-radius: 20px;
}
.rightSide .memoStyle {
  border: 1px solid #dadce0;
  border-radius: 10px;
  padding: 10px 5px 10px 15px;
}
.rightSide .memoStyle i {
  font-size: 20px;
  padding-top: 2px;
}
.rightSide .memoStyle.hold {
  background-color:#c5c5c5;
}
.rightSide .memoStyle.hold input {
  text-decoration: line-through;
}
.rightSide .memoAddBox:hover, .rightSide .memoViewBox:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.rightSide .memoStyle .btnArea .roundBtn {
  display: inline-block;
  height: 25px;
  width: 25px;
  text-align: center;
  cursor: pointer;
  float: left;
}
.rightSide .memoStyle .btnArea .roundBtn:hover {
  background-color: #e0e0e0;
  border-radius: 50%;
}
.rightSide .memoStyle .btnArea .roundBtn i {
  font-size: 16px;
  padding-top: 3px;
}
.rightSide .memoAddBox .calInput {
  border: 0px;
}
.rightSide .memoAddBox .input-field {
  margin: 0px;
}
.rightSide .memoAddBox .input-field textarea.materialize-textarea {
  padding: 0px;
  min-height: 1rem;
  border: 0px;
  height: 25px;
}
.rightSide .memoStyle .finBtn {
  padding: 5px 15px;
  margin-right: 5px;
  border-radius: 5px;
}
.rightSide .addAlarmBtn a .material-icons {
  color: #0288d1;
}
.rightSide .addAlarmBtn a:hover {
  background-color: #b3e5fc;
  border-radius: 20px;
}

.rightSide .memoViewList {
  max-height: calc(100vh - 300px);
  overflow: auto;
}
.rightSide .memoViewBox {
  border: 1px solid #dadce0;
  border-radius: 10px;
  padding: 10px 10px;
  margin-top: 10px;
  min-height: 80PX;
  cursor: pointer;
}

.rightSide .memoViewBox .memoView {
  display:block;
}
.rightSide .memoViewBox .memoEdit {
  display:none;
}

.rightSide .memoViewBox:hover .btnArea {
  display: block;
}
.memoViewBox .memoTit {
  font-family: 'NotoSansKR-Medium';
  width: calc(100% - 60px);
  display: inline-block;
}
.rightSide .memoViewBox:hover .btnArea i {
  display: block;
}
.memoViewBox .memoTit {
  font-family: 'NotoSansKR-Medium';
  width: calc(100% - 60px);
  display: inline-block;
}
.rightSide .memoViewBox .btnArea {
  /* display: none; */
}
.rightSide .memoViewBox .btnArea i {
   display: none; 
}
.rightSide .memoViewBox .btnArea .pin {
   color : #0593ff ;
   display: block; 
}
.rightSide .memoViewBox .memoCont {
  margin-top: 10px;
  white-space: pre-wrap;
}

.memoStyle .selectBox {
  display: inline-block;
}
.memoStyle .select-wrapper input.select-dropdown {
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  margin: 0px;
  border-bottom: 1px solid #9e9e9e;
}
.memoStyle .alarmViewText {
  line-height: 22px;
}


.myListUl .subTit {
  font-family: 'NotoSansKR-Regular';
  position: relative;
}
.myListSubUl li {

}
.myListSubUl li .listTit2 {
  vertical-align: top;
  line-height: 22px;
  font-size: 14px;
  width: calc(100% - 40px);
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.myListSubUl li .listTit {
  vertical-align: top;
  line-height: 22px;
  font-size: 14px;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.myListSubUl li .listTit:before {
  content: "\25AA";
  margin-right: 5px;
  color: #8d51a7;
}
.myListSubUl li .listTit:hover, .link {
  cursor: pointer;
  text-decoration: underline;
  color: #0D47A1;
}
.myListSubUl li [type="radio"]:not(:checked) + span, [type="radio"]:checked + span, 
[type="radio"]:not(:checked) + span, [type="radio"]:checked + span {
  margin-right: 30px;
  color: #000;
  padding-left: 30px;
  font-size: 15px;
}

.textFin {
  text-decoration: line-through;
  color: #9E9E9B !important;
}

.myTodayTit {
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;	
}

.calListLayer {
  width: 500px; 
  border-radius: 10px; 
  max-height: 80%;  
}
.calListLayer .modalTit{
  position: relative;
  background-color: #fff;
}
.calListLayer .modalCont {
  padding: 20px 30px 30px 30px;
}
.calListLayer .modalCont .scrbCnt {
  position: absolute;
  right: 0px;
  top: 0px;
}
.calListLayer .calListSrch i {
  cursor: pointer;
}
.addLayer {
  width: 1000px; 
  border-radius: 10px; 
  /* max-height: 80%; */
  max-height: 85%;  
}
.addLayer.cert {
  width: 360px;
  height: 232px;
  top:30% !important; 
}
.addLayer.view {
  width: 600px; 
}
.addLayer .modal-content, .calListLayer .modal-content {
  padding: 0px;
}
.addLayer .modalTit{
  position: relative;
  background-color: #fff;
}
.addLayer .modalTit h4, .calListLayer .modalTit h4 {
  padding: 20px 30px;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-family: 'NotoSansKR-Medium';
  color: #000;
}
.addLayer .modalTit h4 i, .calListLayer .modalTit h4 i {
  margin-right: 10px;
  font-size: 24px;
  line-height: 26px;
}
.addLayer .closeBtn, .calListLayer .closeBtn {
  position: absolute;
  right: 30px;
  top: 15px;
  color: #000;
  cursor: pointer;
}
.addLayer .closeBtn i, .calListLayer .closeBtn i {
  font-size: 30px;
}
.addLayer .regArea {
  padding: 0px 30px 20px 30px;
  font-size: 15px;
}
.addLayer .regArea ul li {
  margin-bottom: 30px;
  position: relative;
}
.addLayer .regArea ul li a.regDni {
  width: 100px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  background-color: #0d47a1;
  color: #fff;
  border-radius: 10px;
  float: right;
}
.addLayer.view .regArea ul li {
  margin-bottom: 20px;
  line-height: 30px;
}
.addLayer.view .regArea ul li i {
  font-size: 24px;
  margin-top: 3px;
}
.addLayer .regArea .dropdown-content {
  max-height: 230px;
  top: 24px;
}
.addLayer .regArea .dropdown-content li {
  margin-bottom: 0px;
}
.addLayer .regArea ul li i {
  color: #000;
}
.addLayer .regArea ul li i.delEmp {
  cursor: pointer;	
}
.addLayer .regArea .datepicker {
  height: 25px !important;
}
.addLayer .regArea .btn-flat {
  height: 25px !important;
  line-height: 25px;
  color: #fff;
  vertical-align: top;
  margin-left: 20px;
}
.addLayer .regArea .select-wrapper input.select-dropdown {
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  margin: 0px;
  border-bottom: 1px solid #9e9e9e;
}

.addLayer .addUser{
  border: 1px solid #ccc;
  display: inline-block;
  border-radius: 15px;
  margin-right: 10px;
  height: 24px;
  padding-right: 10px;
  background-color: #fff;
}
.addLayer .addUser .pic {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #eee;
  border-radius: 22px; 
  height: 22px;
}
.addLayer .addUser .userNm {
  display: inline-block;
  font-size: 13px;
  vertical-align: top;
  margin-left: 5px;
  line-height: 22px;
}
.addLayer .addUser .userPic {
  width: 20px;
  height: 20px;
}
.addLayer .addUser i {
  font-size: 18px;
  margin-top: 2px;
}
.addLayer .addUser.selectable {
  cursor: pointer;
}
.addLayer .addUser.selectable:hover {
  background-color: #ffcf94;
}
.addLayer .addUser.selectable.exist {
  background-color: #d1d1d1 !important;
}
.addLayer .addUser.selectable.exist:hover {
  background-color: #ffaaaa !important;
}
.addLayer .meetingRsv {
  max-height: 200px;
  margin-top: 10px;
  overflow: auto;
}
.addLayer .meetingRsv th, .addLayer .meetingRsv td {
  font-size: 13px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3px 5px;
}
.addLayer .meetingRsv th {
  color: #212121;
  font-family: 'NotoSansKR-Regular';
}
.addLayer .meetingRsv td {
  color: #424242;
}
.addLayer .meetingRsv .bd {
  border-left: 1px dotted #ccc;
}

[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:after {
  background-color: #8d51a7;
}
[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
  border: 2px solid #8d51a7;
}

section.popup{
  width: calc(100% - 300px);
}

.tabs .tab a:hover, .tabs .tab a.active {
  background-color: transparent;
  color: #004098;
}
.tabs .tab a {
  color: #004098;
  font-family: 'NotoSansKR-Medium';
}
.tabs .indicator {
  background-color: #004098;
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
  background-color: rgba(246, 178, 181, 0.2);
}

.deptList {
	
}
.deptList ul li {
  line-height: 30px;
  font-size: 15px;
}
.deptList ul li i {
  margin-right: 5px;
  line-height: 30px;
}
.deptList ul .lv1 {
  font-family: 'NotoSansKR-Medium';
  font-size: 18px;
}
.deptList ul .lv2 {
  padding-left: 10px;
  font-family: 'NotoSansKR-Regular';
  font-size: 16px;
}
.deptList ul .lv3 {
  padding-left: 20px;
  font-size: 15px;
}
.deptList ul .lv4 {
	padding-left: 30px;
    font-size: 13px;
}
.deptList ul .lv5 {
	padding-left: 40px;
    font-size: 13px;
}
.deptList ul .lv6 {
	padding-left: 50px;
    font-size: 13px;
}
.deptList ul .lv7 {
	padding-left: 60px;
    font-size: 13px;
}
.deptList ul .lv8 {
	padding-left: 70px;
    font-size: 13px;
}
.deptList ul .lv9 {
	padding-left: 80px;
    font-size: 13px;
}
.deptList ul .material-icons {
	vertical-align: middle;
}
.deptList ul li.on {
  font-weight: bold;
}
.deptList ul li:hover{
  color: #004098;
  font-family: 'NotoSansKR-Medium';
  background-color: #e0f2f1;
}
.deptList ul li span {
  position: relative;
}
.deptList ul li.on {
  color: #004098 !important;
  font-family: 'NotoSansKR-Medium';
}
.deptList ul li.on span:before {
  content: "\25CF";
  color: #e70012;
  position: absolute;
  right: -15px;
  font-size: 10px;
}
.srchlist {
  width: 100%;
  display: none;
  background-color: #fff;
  padding: 10px 10px 2px 10px !important;
  border: 1px solid;
  z-index: 1000;
  border-color: rgba(0, 0, 0, 0.2);
  max-height: 200px;
  overflow: auto;
}
.srchlist li {
  margin-bottom: 7px;
  cursor: pointer;
  font-size: 13px;
}
.srchlist li:hover{
  background-color: #e0f2f1;
}
.srchlist::-webkit-scrollbar {
  width: 10px;
}
.srchlist::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
.srchlist::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}
.evntBd {
  background-color: #fff !important;
  border-left: 5px solid;
}
.evntBd .fc-event-title {
  color: #000 !important;
}
.subModalHead {
  padding: 30px;
}
.subModalHead i {
  font-size: 30px;
  margin-left: 15px;
  cursor: pointer;
  color: #5f6368;
}
.calTypeRound {
  border: 2px solid #004098;
  padding: 5px 20px;
  font-size: 14px;
  border-radius: 20px;
  display: inline-block;
  color: #004098;
  font-family: 'NotoSansKR-Regular';
  display: inline-block;
  margin-right: 10px;
}
.calTypeRound.bts {
  color: #8d51a7;
  border: 2px solid #8d51a7;
}

[type="checkbox"].filled-in:checked + span:not(.lever):after,
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
  border-radius: 50%;
}
[type="checkbox"].filled-in:not(:checked) + span {
  color: #ccc;
}

@media print {
  #leftAside, #mainHeader, #rightAside, .fc-button {
	opacity:0;
	visibility:hidden;
	display: none;
  }
  #calCont {
	width: 100%;
  }
}
.datepicker-date-display {
  display: none;
}
@media only screen and (min-width: 601px){
	.datepicker-modal {
		max-width: 325px;
	}
}

.oneDayEvent {
  border-top: 0px !important;
  border-bottom: 0px !important;
  border-right: 0px !important;
  border-radius: 0 !important;
}

.srchArea {
  position: absolute;
  left: 240px;
  top: 13px;
  height: 35px !important;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  background: #fff;
  padding: 0px 5px;
}
.srchArea:hover {
  position: absolute;
  left: 240px;
  top: 13px;
  height: 35px !important;
  border: 1px solid #bbb;
}
.srchArea input {
  height: 36px;
  border: 0px;
  vertical-align: top;
  width: 400px;
  padding: 0px !important;
  font-size: 15px !important;
}
.srchArea:focus {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}
.srchArea i {
  height: 36px !important;
  line-height: 36px !important;
  color: #000;
  display: inline-block !important;
  vertical-align: top;
  cursor: pointer;
}


.srchRst {
  position: absolute;
  left: 0px;
  top: 37px;
  border-radius: 0px 0px 20px 20px;
  background: #fff;
  width: 100%;
  padding: 10px;
  display: none;
  max-height: 240px;
  overflow: auto;
}
.srchRst ul {
}
.srchRst li {
  color: #000;
  width: 100%;
  text-align: left;
  line-height: 18px;
  padding: 0px 10px;
  border-left: 5px solid #01579b;
  margin: 5px;
  font-size: 13px;
}
.srchRst li:hover{
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #c8e6c9;
}
.srchRst li .titArea {
  display: inline-block;
}
.srchRst li .titArea .tit {
  font-size: 15px;
  font-family: 'NotoSansKR-Medium';
}
.srchRst li .dateInfo {
  color: #424242;
}
nav .srchDt {
  position: absolute;
  left: 0px;
  top: 37px;
  border-radius: 5px;
  background: #fff;
  width: 100%;
  padding: 10px;
  display: none;
  z-index: 1003;
}
nav .srchDt li {
  color: #000;
  width: 100%;
  text-align: left;
  line-height: 24px;
  padding: 0px 10px;
  margin: 10px;
  cursor: default !important;
}
nav .srchDt li .th {
  display: inline-block;
  width:  120px;
  font-size: 15px;
  line-height: 24px;
}
nav .srchDt li .select-wrapper input.select-dropdown {
  height: auto;
  line-height: 20px;
  margin: 0px;
}
nav .srchDt ul li input {
  border-bottom: 1px solid #9e9e9e !important;
  font-size: 15px;
}
nav .srchDt ul li input::placeholder {
  color: #9e9e9e;
}
nav .srchDt ul li .aniInput {
  width: calc(100% - 135px);
}
nav .backCalBtn {
  position: absolute;
  top: 12px;
  /* left: 740px; */
  right: 140px;
}
nav .backCalBtn i {
  height: 36px;
  line-height: 36px;
}
nav .backCalBtn.btn-flat {
  color: #000;
  border: 1px solid #000;
  border-radius: 5px;
}
.aniInput {
  display: inline-block;
  position: relative;
}
.aniInput input~.focus-border {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background-color: #8d51a7;
	transition: 0.4s;
}
.aniInput input:focus~.focus-border {
	width: 100%;
	transition: 0.4s;
	left: 0;
}

#toast-container {
  bottom: 30px !important;
  right: 30px !important;
  top: auto !important;
}
.toast {
  line-height: 40px;
  display: inline-block;
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.toastBold {
  color: #fdd835;
  font-family: 'NotoSansKR-Regular';
}
.q-search-hilight {
  color: #8d51a7;
  font-family: 'NotoSansKR-Medium';
}
.addLayer .regArea .datepicker-cancel{
  color: #26a69a !important
}
.addLayer .regArea .datepicker-done{
  color: #26a69a !important
}
.viewTit {
  font-size: 20px;
  font-family: 'NotoSansKR-Medium';
}
.flex {
  display: flex;
}
.totSrchList {
  border-top: 1px solid #ccc;
  height: calc(100vh - 90px);
  overflow: auto;
}
.totSrchList ul li {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ccc;
  line-height: 30px;
  padding: 10px 0px;
}
.totSrchList ul li .dayInfo {
  font-family: 'Roboto-Medium';
  width: 170px;
}
.totSrchList ul li .dayInfo .day {
  font-size: 18px;
  margin-right: 5px;
}
.totSrchList ul li .dayInfo .date {
  font-size: 12px;
}
.totSrchList ul li .dayInfo .waves-circle {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.totSrchList ul li .dayInfo.today .day a {
  background-color: #8d51a7;
  color: #fff;
}
.totSrchList ul li .dayInfo.today .date {
  color: #8d51a7;
}
.totSrchList ul li .contInfo {
  align-items: center;
  flex: 1;
  padding: 0px 10px;
}
.totSrchList ul li .contInfo:hover {
  background: #f5f5f5;
  border-radius: 20px;
  cursor: pointer;
}
.totSrchList ul li .contInfo.past {
  color: #bdbdbd;
}
.totSrchList ul li .contInfo .dot {
  width:12px;
  height: 12px;
  border-radius: 6px;
  background-color: #01579b;
  margin-right: 10px;
}
.totSrchList ul li .contInfo .time {
  width: 150px;
  font-family: 'Roboto-Medium';
  font-size: 15px;
}
.waves-circle:hover {
  background-color: #ede7f6;
}
.pos_rb {
  position: absolute;
  right: 5px;
  bottom: 0;
}
.pos_rb button {
  padding: 5px 10px;
  background-color: #364462;
  border: 0 none;
  border-radius: 3px;
  font-size: 15px;
  color: #fff;
  line-height: 15px;
  vertical-align: middle;
  cursor: pointer;
}
.wrap-popup {
  display: table;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
}
.popup-inner {
  display: table-cell;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  vertical-align: middle;
}
.existing-popup {
  z-index: 500;
  pointer-events: none;
}
.existing-popup .popup-inner {
  background-color: rgba(0, 0, 0, 0);
  pointer-events: none;
}
.popup {
  display: inline-block;
  position: relative;
  /*min-width:600px;*/
  background-color: #fff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
}
.popup.ly-footer {
  padding-bottom: 50px;
}
.popup .closeBtn {
  position: absolute;
  right: 30px;
  top: 15px;
  color: #000;
  cursor: pointer;
}
.popup .closeBtn i {
  font-size: 30px;
}
.popup .btn-pop-group {
  position: absolute;
  top: 10px;
  right: 55px;
  width: auto;
  height: 32px;
}
.pop-header {
  position: relative;
  background-color: #fff;
}
.pop-header .tit {
  padding: 20px 30px;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-family: 'NotoSansKR-Medium';
  color: #000;
}
.pop-body {
  width: 100%;
  min-height: 150px;
  padding: 20px 20px 20px;
  box-sizing: border-box;
}
.pop-maxHeight {
  max-height: 550px;
  overflow-x: hidden;
  overflow-y: auto;
}
.pop-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 49px;
  background: #eee;
  border-top: 1px solid #8d0073;
  text-align: right;
}
.pop-footer .btnwrap {
  margin: 9px 20px 0 0;
  text-align: right;
}
.login_wrap {
  width: 100%;
  height: 100%;
  background: linear-gradient(320deg, #F27121, #E94057, #8A2387);
  position: relative;
}
.login_wrap .login_container {
  position: absolute;
  left: 49%;
  top: 50%;
  width: 640px;
  height: 240px;
  margin: -202px 0 0 -290px;
  padding: 120px 71px 65px 71px;
  background: url('/images/login_logo_bg_kalendar.png') no-repeat 71px 50px;
  z-index: 90;
}
.login_wrap .login_container ul {
  margin-top: 30px;
}
.login_wrap .login_container ul li {
  margin-bottom: 30px;
  position: relative;
} 
.login_wrap .login_container .btn_area {
  padding: 3% 36%;
}
.login_wrap .login_container button {
  display: inline-block;
  border: none;
  cursor: pointer;
  vertical-align: middle;
  font-family: inherit;
  background-color: #9e9e9e;
  border-radius: 4px;
  padding: 3px 0;
  width: 105px;
  text-align: center;
  color: #FFF;
  font-size: 17px;
}
.login_wrap .login_container button span {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
.login_wrap:after {
  content: "";
  clear: both;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 585px;
  height: 375px;
  margin: -200px 0 0 -290px;
  background: #fff;
  z-index: 10;
  opacity: 0.12;
  border-radius: 5px;
  -webkit-box-shadow: 2px -1px 3px 0px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 2px -1px 3px 0px rgba(0, 0, 0, 0.9);
  box-shadow: 2px -1px 3px 0px rgba(0, 0, 0, 0.9);
}

.manageCalLayer {
  width: 600px;
  height: 600px;
  border-radius: 10px;
  overflow: hidden;
}
.manageCalLayer .modalTit{
  background-color: #fff;
}
.manageCalLayer .modalCont {
  padding: 20px 30px 30px 30px;
  overflow: hidden;
}
.manageCalLayer .calListSrch {
  margin-bottom: 20px;	
}
.manageCalLayer .calListSrch .srchArea {
  float: left;
  position: initial;
  left: initial;
  top: initial;
  height: 40px !important;
  border-radius: 20px;
  border: 2px solid #0d47a1;
  padding: 0px 5px;
  width: calc(100% - 140px);
  display: inline-block;
  margin-right: 15px;
}
.manageCalLayer .calListSrch .srchArea i {
  height: 40px !important;
  line-height: 40px !important;
  color: #0d47a1;
}
.manageCalLayer .calListSrch .srchArea input {
  display: inline-block;
  width: calc(100% - 80px);
  height: 100%;
  font-size: 17px;
}
.manageCalLayer .calListSrch .srchArea input:placeholder {
  color: #999;	
}
.manageCalLayer .btn {
  border-radius: 10px;
  background-color: #1976d2;
  font-family: 'NotoSansKR-Regular';
}
.manageCalLayer .delBtn {
  vertical-align: text-bottom;
  color: #3c3c3c;
}
.manageCalLayer .delBtn i {
  vertical-align: text-bottom;
}
.manageCalLayer .delBtn:active {
  color: #a5a5a5;
}
.manageCalLayer .calListSrch .calAddBtn {
  width: 125px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  background-color: #0d47a1;
  color: #fff;
}
.manageCalLayer .calList {
  float: left;
  overflow: auto;
  width: 100%;
  max-height: 400px;
  border-radius: 5px;
}
.manageCalLayer .calList .chkCal:not(:checked) + span:before {
  width: 18px;
  height: 18px;
}
.manageCalLayer .calList .chkCal:checked + span:before {
  width: 18px;
  height: 18px;
  background: #0d47a1;
}
.manageCalLayer .calList .chkCal:checked + span:after {
  display: block;
  content: '';
  width: 17px;
  height: 17px;
  background: url(/images/check.svg) no-repeat 1px 3px;
  border: 1px solid #0d47a1;
}
.manageCalLayer .calList .calBox {
  height: 35px;
  margin-bottom: 5px;
}
.manageCalLayer .calList .calBox span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 160px);
  margin-right: 0px;
}
.manageCalLayer .appleTab {
  float: right;
  position: relative;
  margin-bottom: 5px;
  z-index: 1;
  background: #f1f1f1;
  border-radius: 20px;
  border: none;
}
.manageCalLayer .appleTab ul {
  border: 1px solid #d1d1d1;
  border-radius: 15px;
}
.manageCalLayer .appleTab li {
  display: inline-block;
  padding: 0px 10px;
  width: 60px;
  text-align: center;
  cursor: pointer;
  line-height: 25px;
  font-size: 13px;
  color: #b1b1b1;
}
.manageCalLayer .appleTab li.on {
  font-family: 'NotoSansKR-Medium';
  color: #0d47a1;
}
.manageCalLayer .appleTab .tabBg {
  position: absolute;
  top: 0px;
  height: 27px;
  width: 60px;
  border: 2px solid #0d47a1;
  border-radius: 20px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.manageCalLayer .appleTab .waves-effect {
  border-radius: 20px;
}
.manageCalLayer .calListSub {
  float: right;
  display: none;
  overflow: hidden;
  width: 0%;
  max-height: 400px;
  border-radius: 5px;
  padding: 15px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.manageCalLayer .calListSub .srchArea {
  float: left;
  position: initial;
  left: initial;
  top: initial;
  height: 40px !important;
  border-radius: 20px;
  background: #fff;
  padding: 0px 5px;
  border: 2px solid #1976d2;
  width: calc(100% - 15px);
  display: inline-block;
  margin-right: 15px;
}
.manageCalLayer .calListSub .srchArea i {
  color: #1976d2;
}
.manageCalLayer .calListSub .srchArea input {
  display: inline-block;
  width: calc(100% - 80px);
  height: 100%;
  font-size: 16px;
}
.manageCalLayer .calListSub .srchArea input:placeholder {
  color: #999;	
}
.manageCalLayer .calListSub .perList {
  padding: 10px;
}
.manageCalLayer .calListSub .perList table {
  display: block;
  margin-top: 10px;
}
.manageCalLayer .calListSub .perList table th, .manageCalLayer .calListSub .perList table td {
  background-color: initial;
  font-size: 16px;
  padding: 6px;
  text-align: center;
}
.manageCalLayer .calListSub .perList table th {
  font-family: 'NotoSansKR-Medium';
  border-bottom: 1px solid #c1c1c1;
  padding: 5px;
}
.manageCalLayer .calListSub .perList table tbody {
  overflow: overlay;
  height: 270px;
  display: block;
}
.manageCalLayer .calListSub .perList table th, .manageCalLayer .calListSub .perList table td { width: 45px; }
.manageCalLayer .calListSub .perList table th:nth-child(3), .manageCalLayer .calListSub .perList table td:nth-child(3) { width: 110px; }

.manageCalLayer .calListSub .perList table td [type="checkbox"] + span {
  padding-left: 17px !important;
}
.manageCalLayer .calListSub .perList table td [type="checkbox"]:not(:checked) + span:not(.lever):after {
  border: 2px solid #5a5a5a;
}
.manageCalLayer .calListSub .perList table td [type="checkbox"]:checked + span:not(.lever):after {
  border: 2px solid #1976d2;
  background-color: #1976d2;
}
.manageCalLayer .calListSub .perList table td:nth-child(3) {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.createCalLayer {
  width: 400px;
  max-heigth: 600px;
  border-radius: 10px;
}
.createCalLayer .modalTit{
  background-color: #fff;
}
.createCalLayer .modalCont {
  padding: 20px 30px 30px 30px;
  overflow: hidden;
}
.createCalLayer .calListSrch {
  margin-bottom: 20px;	
}
.createCalLayer input {
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  background: initial;
}
.createCalLayer input:placeholder {
  color: #9e9e9e;
}
.createCalLayer textarea {
  font-size: 15px;
}
.createCalLayer .createBtn {
  width: 100%;
  line-height: 40px;
  font-size: 15px;
  background-color: #0d47a1;
  color: #fff;
}
.manageTaskLayer {
  width: 470px;
  border-radius: 10px;
  overflow: hidden;
}
.manageTaskLayer .modalTit {
  background-color: #fff;
}
.manageTaskLayer .modalCont {
  padding: 20px 30px 30px 30px;
  overflow: hidden;
}
.manageTaskLayer .TaskListSrch .srchArea {
  float: left;
  position: initial;
  left: initial;
  top: initial;
  height: 40px !important;
  border-radius: 20px;
  border: 2px solid #0d47a1;
  padding: 0px 5px;
  width: calc(100% - 140px);
  display: inline-block;
  margin-right: 15px;
}
.manageTaskLayer .TaskListSrch .srchArea i {
  height: 40px !important;
  line-height: 40px !important;
  color: #0d47a1;
}
.manageTaskLayer .TaskListSrch .srchArea input {
  display: inline-block;
  width: calc(100% - 80px);
  height: 100%;
  font-size: 17px;
}
.manageTaskLayer .TaskListSrch .srchArea input:placeholder {
  color: #999;	
}
.manageTaskLayer .btn {
  border-radius: 10px;
  background-color: #0d47a1;
  font-family: 'NotoSansKR-Regular';
  font-size: 15px;
}
.manageTaskLayer .delBtn {
  color: #3c3c3c;
  float: right;
}
.manageTaskLayer .delBtn i {
  vertical-align: sub;
}
.manageTaskLayer .delBtn:active {
  color: #a5a5a5;
}
.manageTaskLayer .taskList {
  overflow: auto;
  width: 100%;
  max-height: 400px;
  border-radius: 5px;
  padding: 10px 0px 10px 10px;
}
.manageTaskLayer .taskAddBtn {
  width: 125px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  background-color: #0d47a1;
  color: #fff;
}
.manageTaskLayer .taskList .chkCal:not(:checked) + span:before {
  width: 18px;
  height: 18px;
}
.manageTaskLayer .taskList .chkCal:checked + span:before {
  width: 18px;
  height: 18px;
  background: #0d47a1;
}
.manageTaskLayer .taskList .chkCal:checked + span:after {
  display: block;
  content: '';
  width: 17px;
  height: 17px;
  background: url(/images/check.svg) no-repeat 1px 3px;
  border: 1px solid #0d47a1;
}
.manageTaskLayer .taskList ul li {
  cursor: pointer;
  font-size: 15px;
  font-family: 'NotoSansKR-Regular';
  line-height: 40px;
  padding: 0px 0px 0px 10px;
}
.manageTaskLayer .taskList ul li:hover {
  background-color: #f1f1f1;
}
.manageTaskLayer .taskList ul li span:before {
  position: absolute;
  background-color: #0d47a1;
  left: 32px;
  width: 6px;
  height: 30px;
  content: '';
  transform: translate(0px, 6px);
}
.createTaskLayer {
  width: 800px;
  border-radius: 10px;
  overflow: hidden;
}
.createTaskLayer .modalTit {
  background-color: #fff;
}
.createTaskLayer .modalCont {
  padding: 20px 30px 30px 30px;
  overflow: hidden;
}
.createTaskLayer .tskTitle input {
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  background: initial;
}
.createTaskLayer .tskTitle input:placeholder {
  color: #9e9e9e;
}
.createTaskLayer .tskDate .tit {
  float: left;
  margin-right: 20px;
  font-size: 17px;
  font-family: 'NotoSansKR-Regular';
}
.createTaskLayer .tskAtt {
  float: left;
  width: 40%;
  padding-right: 20px;
  border-right: 1px solid #b1b1b1;
}
.createTaskLayer .tskAtt .attInput {
  padding: 9px;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  width: calc(100% - 40px);
}
.createTaskLayer .tskAtt .attInput:placeholder {
  color: #9e9e9e;
}
.createTaskLayer .tskAtt .tskAttList {
  margin-left: 30px;
  padding: 10px;	
  max-height: 230px;
  overflow: overlay;
}
.createTaskLayer .tskAtt .tskAttList li {
  margin-bottom: 10px;	
}
.createTaskLayer .tskAtt .tskAttList li .userPic {
  width: 35px;
  height: 35px;
  border-radius: 10px;
  margin-right: 10px;
}
.createTaskLayer .tskAtt .tskAttList li .userNm {
  line-height: 35px;
  font-size: 16px;
  font-family: 'NotoSansKR-Regular';
}
.createTaskLayer .tskDateDtl {
  display: inline-block;
  width: 55%;
  padding-left: 20px;
}
.createTaskLayer .tskDateDtl .tskDateDtlTit {
  display: block;
  font-size: 17px;
  margin-bottom: 15px;
  font-family: 'NotoSansKR-Regular';
  line-height: 22px;
}
.createTaskLayer .tskDateDtl .tskDateDtlTit .addTaskDtl {
  float: right;
  cursor: pointer;
}
.createTaskLayer .tskDateDtl .tskDateDtlList {
  margin-left: 30px;
  padding: 10px;
  max-height: 230px;
  overflow: overlay;
}
.createTaskLayer .tskDateDtl .tskDateDtlList li {
  margin-bottom: 10px;	
}
.createTaskLayer .tskDateDtl .tskDateDtlList li .tskDateDtlNm {
  padding: 5px;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  width: 100px;
  margin-right: 10px;
}
.createTaskLayer .tskDateDtl .tskDateDtlList li .dtlInput {
  line-height: 27px;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  background: initial;
}
.createTaskLayer .createBtn {
  width: 100%;
  line-height: 40px;
  font-size: 15px;
  background-color: #0d47a1;
  color: #fff;
}
.loading_spinner {
  display: table;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}
.loading_spinner .box {
  display: table-cell;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  vertical-align: middle;
}
.loading_spinner .box img{
  width: 5%;
}


.fc .fc-toolbar-title:hover{
  background: #ff6600;
}

.popHeader .brand-logo {
  font-family: 'NotoSansKR-Medium';
  font-size: 24px;
  margin-left: 20px;
  color: rgb(233, 231, 231) !important;
}

.notiListArea {
  padding: 30px;
}
.notiListArea .notiList {
  width: calc(100vw - 400px);
  margin: auto;
  border: 1px solid #ccc;
  padding: 30px;
  border-radius: 20px;
  background-color: #fff;
}
.notiListArea .notiList .notiUlList {
  max-height: calc(100vh - 250px);
  overflow: auto;
}
.notiListArea .notiList .notiUlList li:first-child {
  border-top: 1px solid #ccc;
}
.notiListArea .notiList .notiUlList li {
  border-bottom: 1px solid #ccc;
  line-height: 30px;
  width: 100%;
}
.notiListArea .notiList .notiUlList li .tit {
  display: inline-block;
  font-family: 'NotoSansKR-Regular';
  font-size: 18px;
}
.notiListArea .notiList .notiUlList li .date {
  float: right;
  font-size: 18px;
}
.notiListArea .notiList .notiUlList li .head {
  width: 100%;
  padding: 10px 20px;
  background-color: #fafafa;
}
.notiListArea .notiList .notiUlList li .head:hover, .notiListArea .notiList .notiUlList li .head.on {
  background-color: #fff;
  color: #e65100;
}
.notiListArea .notiList .notiUlList li .head:hover::before, .notiListArea .notiList .notiUlList li .head.on::before {
  content: "\25CF";
  color: #e65100;
  margin-right: 5px;
  vertical-align: top;
}
.notiListArea .notiList .notiUlList li .cont {
  display: none;
  border-top: 1px solid #eceff1;
}
.notiListArea .notiList .notiUlList li .cont .btnArea {
  text-align: right;
  padding: 10px;
}
.notiListArea .notiList .notiUlList li .cont .btnArea .btn-small {
  color: #fff;
}
.notiAddBtnArea {
  position: fixed;
  bottom: 30px;
  right: 30px;
}
.notiListArea .notiList .notiUlList li .cont .contents {
  padding: 20px 40px;
}
body::-webkit-scrollbar, .mainCardBox .collapsible-body::-webkit-scrollbar, .mainListDetailArea::-webkit-scrollbar, .hScroll::-webkit-scrollbar, .tabs::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
}
body::-webkit-scrollbar-thumb, .mainCardBox .collapsible-body::-webkit-scrollbar-thumb, .mainListDetailArea::-webkit-scrollbar-thumb, .hScroll::-webkit-scrollbar-thumb, .tabs::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
body::-webkit-scrollbar-track .mainCardBox .collapsible-body::-webkit-scrollbar-track, .mainListDetailArea::-webkit-scrollbar-track, .hScroll::-webkit-scrollbar-track, .tabs::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  box-shadow: inset 0px 0px 5px white;
}

.hScrollW::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(255, 255, 255, 0.2);
}
.hScrollW::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
.hScrollW::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  box-shadow: inset 0px 0px 5px white;
}

.roundBox {
  border: 1px solid #3e2723;
  display: inline-block;
  padding: 0px 10px;
  border-radius: 20px;
  margin-left: 20px;
  font-size: 13px;
  vertical-align: top;
  margin-top: 4px;
  line-height: 20px;
  color: #3e2723;
}

.noticeDot {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: red;
  top: 14px;
  right: 14px;
}

.toastRedo i {
  margin-top: 7px;
  cursor: pointer;
}
.toastRedo .toastBold {
  cursor: pointer;
}
.rightSide .memoStyle #alarmToBox p label span{
  font-size: 14px !important;
  margin-right: 10px !important;
}
.noborder {
  border: 0px !important;
}

.teamMemberList {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-top: 10px;
  background-color: #f3f3f3;
}

.calendarList li label.trans {
  opacity: 0.5;
}

.dniDot {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ff6666;
  top: 4px;
  right: 188px;
}