@charset "utf-8";

/* [왼쪽 로그인 버턴] */
/*
.k-button.psr-login-button {
    color: #fff;
    border-color: #161616;
    background-color: #161616;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
}
.k-button.psr-login-button.k-state-hover,
.k-button.psr-login-button:hover {
    color: #fff;
    border-color: #2e2e2e;
    background-color: #2e2e2e;
}
.k-button.psr-login-button.k-state-focused,
.k-button.psr-login-button.k-state-focused.k-state-disabled,
.k-button.psr-login-button:focus,
.k-button.psr-login-button:focus:hover,
.k-state-disabled .k-button.psr-login-button.k-state-focused {
    border-color: #000000;
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
}
.k-button.psr-login-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 6px 17px 0 rgba(0,0,0,.3);
}
.k-button.psr-login-button.k-state-active,
.k-button.psr-login-button:active {
    color: #fff;
    border-color: #000000;
    background-color: #000000;
}
*/
/* [오른쪽 슬리아드 영역 : 이미지 슬라이드일 경우 사용] */
/*
.right-base {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100vw;
    height: 100vh;
}
.right-container {
    width: 100%;
    height: 100%;
    max-height: 750px;
    background-image: url(https://raw.githubusercontent.com/s1mpson/-/master/codepen/infinite-photo-grid/photo-grid.jpg);
    background-size: calc(4.84 * min(100vh, 750px)) min(100vh, 750px);
    background-repeat: repeat-x;
    animation: scroll 50s linear infinite;
}
@keyframes scroll {
    from {
        background-position: left calc(4.84 * min(100vh, 750px)) top 0px;
    }
    to {
        background-position: left 0px top 0px;
    }
}
*/