/**************************** LOGO ****************************/
.logo {
    margin: 0;
    padding: 0 5px;
}

.logo_b {
    width: 122px;
    height: 79px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    margin: 0 0 0px 0px;
    top: 400%;
    background-size: cover;
    z-index:998;
    float: left;
    -webkit-mask-image: url('/images/logo_kv.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 122px;
}

@keyframes blik {
    from {top:  400%;}
    35%  {top:  400%;}
    65%  {top: -400%;}
    to   {top: -400%;}
}

.logo_b img {
    vertical-align: bottom;
    z-index: -5;
    max-width: 100%;
    max-height: 100%;
}
.logo_b:hover {
    top: 120%;
}
.logo_b:before, figure:after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
}
.logo_b:before {
    width: 180%;
    top: inherit;
    left: -40%;
    opacity: 0.6;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #FFFFFF 30%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0));
    transform: rotate(50deg);
    animation: blik  7s infinite  cubic-bezier(0, 0.3, 1, 0.5);
}
.logo_b:after {
    width: 100%;
    top: 0;
    background-image: radial-gradient(35% 25%, closest-corner, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}
.logo_b:nth-child(1) {
    background-image: url("/images/logo_kv.png");
    background-position: center;
    z-index:998;
}

.logo-1{
    width: 50%;
    float: left;
}

.head-phone{
    width: 50%;
    margin: 0;
}

.logo-text{
    padding: 16px 0 0 1px;
}

.login-page {
    min-width: 300px;
}

.login-page .logo-text{
    float: left;
    padding: 6px 0 0 0px;
    width: 391px;
}

.logo h2{
    text-align: center;
}

/* Login */
body.login-page .login-page, body.login-page .logo-text {
    width: unset;
}

body.login-page div.logo {
    padding: 8px 23px 0;
}

body.login-page div.logo-text {
    padding: 0;
}
.green-text {
    color: #008000;
}
/* Login */


.login-header {
    width: 100%
}
.login-header .logo, .login-header .head-phone {
    min-width: 400px;
}

@media (max-width: 890px) {
    .login-header .logo-text h2{
        font-size: 15pt;
    }
}
@media (max-width: 800px) {
    header {
        height: 125px;
    }
    .head-phone {
        margin-top: -20px;
    }
    .head-phone h1 {
        padding-top:0;
        line-height: 18px;
        font-size: 11pt;
    }
}

#gModal #cntData {
    margin-top: 10px;
}
#gModal #cntData .cntDesc {
    padding: 5px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

#gModal .cntInfo {
    display: flex;
}
#gModal .cntInfo b{
    font-weight: bold;
}

#gModal .cnt-item {
    display: flex;
}

#gModal .cntList .cnt-item img {
    height: 70px;
    width: 70px;
}
#gModal .cntList .cnt-item {
    cursor: pointer;
    border-radius: 10px;
}
#gModal .cntList .cnt-item:hover {
    background-color: #d8edf3;
}
#gModal .cntList .cntDesc {
    padding: 5px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
#gModal .cntList b{
    font-weight: bold;
}


@media (max-width: 600px) {
    .cntInfo{
        flex-flow: column;
    }
    .cntInfo img{
        width: fit-content;
        margin: auto;
    }
}