@charset "utf-8";
/*
@import url("https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css");
*/
/*
@import url("https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/stylesheets/NotoSansKR-Hestia.css");
*/
/*** 공용 시작 ********************/
* {
    margin: 0;
    padding: 0;
}

html {
    overflow-y:hidden; /* ie7 use */
    overflow-x:hidden;
}

body {
    height: 100%;
    width: 100%;
    min-width:1320px;
    font-family: SuitMedium;
    font-size: 14px;
    font-weight: 500;
    color: #2a3142;
    letter-spacing:-1px;
    line-height:1.3em;
}

table{
    width: 100%;
    border-collapse:collapse;
    border-spacing:0;
}
th {
    font-size:14px;
    background-color: #f5f5f5;
    font-weight:700;
}
th, td{
    border: 1px solid #dddddd;
    text-align:center;
    font-size:12px;
    border-collapse:collapse;
}

li { list-style: none; }

a {
    color: #2a3142;
    text-decoration: none;
    border:0px;
}
a:hover{
    color: #3598db;
    text-decoration:none;
    border:0px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #959595;
    font-size:12px;
    font-weight:500;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #959595;
    font-size:12px;
    font-weight:500;
    opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #959595;
    font-size:12px;
    font-weight:500;
    opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #959595;
    font-size:12px;
    font-weight:500;
}

::-ms-clear {
    display: none;
}
/*** 공용 종료 ********************/

/*** INPUT 시작 ********************/
.upload-file {
    position: relative;
    overflow: hidden;
}
.upload-file input.input-file-upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=10);
}
/*** INPUT 종료 ********************/

/*** LOADING 시작 ********************/
.loading-mask{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:9995;
    background-color: #ffffff;
}
.loading-mask-opacity {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:9995;
    background-color: #ffffff;
    opacity: .8;
}
.loading{
    position:absolute;
    z-index:9996;
    width : 32px;
    height : 32px;
    left : 50%;
    top : 50%;
    margin : -30px 0px 0px -30px;
    background: url('/resources/static/images/common/loading_32.gif') no-repeat center center;
}
/*** LOADING 종료 ********************/

/*** SPOTLIGHT 시작 ********************/
.spotlight {
    background-color: #000000;
    z-index: 9997;
    position: fixed;
    top:0;
    left:0;
    -moz-opacity: 0.7;
    opacity: .70;
    filter: alpha(opacity=70);
    width:100%;
    height:100%;
    zoom: 1;
}
.spotlight-simple {
    background-color: #000000;
    z-index: 9997;
    position: fixed;
    top:0px;
    left:0;
    -moz-opacity: 0.3;
    opacity: .30;
    filter: alpha(opacity=30);
    width:100%;
    height:100%;
    zoom: 1;
}
/*** SPOTLIGHT 종료 ********************/

/*** LOGO 시작 ********************/
.logo{
    width:100%;
    height:137px;
    text-align:center;
}
/*** LOGO 종료 ********************/

/*** UI 시작 ********************/

/*** 상단 시작 ***/
.psr-top-base {
    width:100%;
    height:60px;
    border-bottom:1px solid #f6f6f6;
}
.psr-top-container {
    position: relative;
    top:0px;
    left:8px;
    width:100%;
    height:40px;
}
.psr-logo {
    float:left;
    height:40px;
    line-height:40px;
    padding:0px 0px 0px 0px;
    font-size:18px;
    font-weight:700;
    color:#000000;
}
.psr-logout {
    float:right;
    height:40px;
    line-height:38px;
    padding-left:30px;
}
.psr-logout .psr-logout-button {
    color:#a39faf;
    cursor:pointer;
}
.psr-request {
    float:right;
    height:40px;
    line-height:40px;
    padding-left:30px;
}
.psr-request .psr-request-button {
    color:#a39faf;
    /*cursor:pointer;*/
}
.psr-user {
    float:right;
    height:40px;
    line-height:38px;
    padding-left:60px;
}
.psr-user .psr-user-button {
    height:40px;
    padding:0px 30px 0px 20px;
    background:#061640;
    color:#ffffff;
    border-radius:30px;
    /*cursor:pointer;*/
}
/*** 상단 종료 ***/

/*** 왼쪽 시작 ***/
.psr-left-base {
    position:absolute;
    top:61px;
    left:0px;
    width: 70px;
    height: auto;
}
.psr-left-base > ul {
    width: 70px;
    padding-top:30px;
    text-align:center;
    border: none !important;
}
.psr-left-base > ul > li.psr-left-on.k-item {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left:2px solid #ac3c9e;
}
.psr-left-base > ul > li.psr-left-on.k-state-focused {
    box-shadow: none !important;
}
.psr-left-base > ul > li.psr-left-on {
    width: 68px;
    height: 100%;
    margin-bottom:30px;
    border-left:2px solid #ac3c9e;
    color:#ac3c9e;
}
.psr-left-base > ul > li.psr-left-on:hover {
    width: 68px;
    height: 100%;
    margin-bottom:30px;
    border-left:2px solid #ac3c9e;
    color:#ac3c9e;
    cursor:pointer;
}
.psr-left-base > ul > li.psr-left-off.k-item {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left:2px solid #ffffff;
}
.psr-left-base > ul > li.psr-left-off.k-state-focused {
    box-shadow: none !important;
}
.psr-left-base > ul > li.psr-left-off {
    width: 68px;
    height: 100%;
    margin-bottom: 30px;
    border-left: 2px solid #ffffff;
    color: #a39faf;
}
.psr-left-base > ul > li.psr-left-off:hover {
    width: 68px;
    height: 100%;
    margin-bottom:30px;
    border-left:2px solid #ac3c9e;
    color:#ac3c9e;
    cursor:pointer;
}
.psr-left-base .k-menu .k-item > .k-animation-container {
    left: 70px !important;
}
.psr-left-base .k-menu .k-item > .k-animation-container .k-menu-group {
    box-shadow: none !important;
    background: #ffffff !important;
    border:2px solid #ac3c9e;
    font-size:14px !important;
    text-align: left;
}
.psr-left-base .k-menu .k-item > .k-animation-container .k-menu-group .k-state-hover {
    background:#a9b3c7 !important;
    color:#ffffff !important;
}
.psr-left-base .k-menu .k-item > .k-animation-container .k-menu-group .k-link {
    width:150px;
    height: 32px !important;
    line-height: 32px !important;
    font-size:14px !important;
}
/*** 왼쪽 종료 ***/

/*** 서브메뉴 시작 ***/
.psr-submenu-base ul li.psr-submenu-on {
    display: inline-block;
    margin-left: 20px;
}
.psr-submenu-base ul li.psr-submenu-on:hover {
    display:inline-block;
    margin-left:20px;
}
.psr-submenu-base ul li.psr-submenu-on a {
    padding-bottom:3px;
    border-bottom:3px solid #ac3c9e;
    color:#ac3c9e;
}
.psr-submenu-base ul li.psr-submenu-on a:hover {
    padding-bottom:3px;
    border-bottom:3px solid #ac3c9e;
    color:#ac3c9e;
}
.psr-submenu-base ul li.psr-submenu-off {
    display:inline-block;
    margin-left:20px;
}
.psr-submenu-base ul li.psr-submenu-off:hover {
    display:inline-block;
    margin-left:20px;
}
.psr-submenu-base ul li.psr-submenu-off a {
    padding-bottom:3px;
    border-bottom:3px solid #e8ebee;
    color:#a39faf;
}
.psr-submenu-base ul li.psr-submenu-off a:hover {
    padding-bottom:3px;
    border-bottom:3px solid #ac3c9e;
    color:#ac3c9e;
}
/*** 서브메뉴 종료 ***/
/*** UI 종료 ********************/