@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html,body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

body {
font-family: "Noto Sans KR", "Nanum Gothic", "Malgun Gothic", Dotum, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 12px;
}

#main {
height: 100%;
}
#content {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#aside {
width: 0;
margin: 0;
padding: 0;
}

#commonModal .modal-dialog,
#commonModal-clone .modal-dialog {
position: absolute;
}
#commonModal .modal-body,
#commonModal-clone .modal-body {
padding: 0;
}

#full-calendar .fc-event,
#full-calendar .fc-event:hover {
color: #fff;
}
#full-calendar td.fc-other-month,
.dropzone {
background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0.25,rgba(0,0,0,.03)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(0,0,0,.03)),color-stop(0.75,rgba(0,0,0,.03)),color-stop(0.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
background-image: -ms-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
background-image: -o-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
background-image: linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
background-color: #FAFCFD;
background-size: 16px 16px;
}
#full-calendar .fc-highlight {
background: #E91E63;
opacity: .7;
}



/******************************************************************

*******************************************************************/

::-webkit-scrollbar{height:16px;overflow:visible;width:12px}
::-webkit-scrollbar-button{height:0;width:0}
::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 1px}
::-webkit-scrollbar-track:horizontal{border-width:4px 0 0}
::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,.05);-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);box-shadow:inset 1px 0 0 rgba(0,0,0,.1)}
::-webkit-scrollbar-track:horizontal:hover{-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(0,0,0,.1)}
::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.05);-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07)}
::-webkit-scrollbar-track:horizontal:active{-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);box-shadow:inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07)}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);background-clip:padding-box;border:solid transparent;border-width:1px 1px 1px 1px;min-height:28px;padding:100px 0 0;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07)}
::-webkit-scrollbar-thumb:horizontal{border-width:6px 1px 1px;padding:0 0 0 100px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.07);box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.07)}
::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);box-shadow:inset 1px 1px 1px rgba(0,0,0,.25)}
::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,0.5);-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35);box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35)}
::-webkit-scrollbar-corner{background:transparent}
body::-webkit-scrollbar-track-piece{background-clip:padding-box;background-color:#f5f5f5;border:solid #fff;border-width:0 0 0 3px;-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07)}
body::-webkit-scrollbar-track-piece:horizontal{border-width:3px 0 0;-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);box-shadow:inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07)}
body::-webkit-scrollbar-thumb{border-width:1px 1px 1px 5px}
body::-webkit-scrollbar-thumb:horizontal{border-width:5px 1px 1px}
body::-webkit-scrollbar-corner{background-clip:padding-box;background-color:#f5f5f5;border:solid #fff;border-width:3px 0 0 3px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.14);box-shadow:inset 1px 1px 0 rgba(0,0,0,.14)}

body::-webkit-scrollbar{height:16px;overflow:visible;width:12px}
body::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0}
body::-webkit-scrollbar-track-piece{border-width:0}
body::-webkit-scrollbar-thumb{border-width:0}

dl, ol, ul {
margin: 0;
padding: 0;
}

[role~="pointer"] {
cursor: pointer;
}
[role~=href] {
text-decoration: none;
cursor: pointer;
}

label.checkbox {
margin: 0 5px 0 0;
}

/* checkbox */
input[type="checkbox"] {
margin: 0;
margin-right: 1px;
background-color: #ffffff;
border: solid 2px #999;
height: 18px;
width: 18px;
-webkit-appearance: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
input[type="checkbox"]:checked {
background: #fff;
border: solid 2px #333;
}
input[type="checkbox"]:checked:after {
content:"\f00c";
display: table;
margin-top: 1px;
margin-left: 2px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input[type="checkbox"][disabled] {
background-color: #ccc;
}

/* radio */
input[type="radio"] {
margin: 0;
margin-right: 1px;
background-color: #ffffff;
border: solid 2px #999;
height: 24px;
width: 24px;
-webkit-appearance: none;
text-align: center;
vertical-align: middle;
border-radius: 50%;
cursor: pointer;
}
input[type="radio"]:checked {
background: #fff;
border: solid 2px #333;
}
input[type="radio"]:checked:after {
content:"\f058";
display: table;
margin-top: 1px;
margin-left: 2px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1rem;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input[type="radio"][disabled] {
background-color: #ccc;
}

.spaceModalBox input[type="checkbox"] {
margin: 0;
margin-right: 1px;
background-color: #ffffff;
border: solid 2px #999;
height: 32px;
width: 32px;
-webkit-appearance: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
.spaceModalBox input[type="checkbox"]:checked {
background: #fff;
border: solid 2px #333;
}
.spaceModalBox input[type="checkbox"]:checked:after {
content:"\f00c";
display: table;
margin-top: 1px;
margin-left: 2px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1.5rem;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.spaceModalBox input[type="checkbox"][disabled] {
background-color: #ccc;
}

.spaceModalBox input[type="radio"] {
margin: 0;
margin-right: 1px;
background-color: #ffffff;
border: solid 2px #999;
height: 24px;
width: 24px;
-webkit-appearance: none;
text-align: center;
vertical-align: middle;
border-radius: 50%;
cursor: pointer;
}
.spaceModalBox input[type="radio"]:checked {
background: #fff;
border: solid 2px #333;
}
.spaceModalBox input[type="radio"]:checked:after {
content:"\f058";
display: table;
margin-top: 1px;
margin-left: 2px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1rem;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.spaceModalBox input[type="radio"][disabled] {
background-color: #ccc;
}

select.error,
input.error {
border-color: transparent;
background-image: none;
background-position:  right 5px center;
background-repeat: no-repeat;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
select.valid,
input.valid {
border-color: transparent;
background-image: none;
background-position: right 5px center;
background-repeat: no-repeat;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.form-error {
margin: 0;
}


.table-popover {
width: 100%;
max-width: 100%;
margin: 0;
background-color: transparent;
}
.table-popover td,
.table-popover th {
padding: 5px;
border-bottom: 1px solid #dee2e6;
}
.table-popover th {
font-weight: bold;
text-align: center;
background-color: #f5f5f5;
}
.popover-header {
font-size: 14px;
font-weight: 600;
}