@charset "utf-8";
/* CSS Document */

/*****************
	STYLE-quickbanner
*****************/

        /* 스카이배너 */
        .quick-sky {
            position: fixed;
            right: 20px;
            bottom: 0%;
            transform: translateY(-50%);
            z-index: 999;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
.quick-item{
    background:rgba(0,0,0,.4);
    color:#fff;
}

        .quick-item{
    width:90px;
    height:90px;
    border-radius:50px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    text-decoration:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    transition:.3s;
}

.quick-item i.custom-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-style: normal;
        }

        .quick-item i.custom-icon svg {
            width: 1em;
            height: 1em;
            vertical-align: -0.125em;
            font-size: 2.0rem;
        }

.quick-item i{
color: var(--brand-gold);
    font-size: 2.2rem;
}

.quick-item:hover{
    background:#1f2937;
    transform: translateX(-6px);
    color:#fff;
}

.quick-item:hover i{
    color:#fff;
}

.quick-sky.scroll-mode .quick-item{
    background:#fff;
    color:#222;
    border:1px solid #eee;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.quick-sky.scroll-mode .quick-item i{
    color:#b08a5b;
}

        /* 모바일 숨김 */
        @media (max-width:991px) {
            .quick-sky {
            position: fixed;
            right: 9px;
            bottom: 0%;
            transform: translateY(-50%);
            z-index: 999;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .quick-item{
    width:50px;
    height:50px;
    border-radius:50px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    text-decoration:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    transition:.3s;
}
        .quick-item i.custom-icon svg {
            width: 1em;
            height: 1em;
            vertical-align: -0.125em;
            font-size: 1.3rem;
        }
.quick-item i{
    font-size: 1.4rem;
}
        }