@charset "utf-8";

:root {
    --quick: 90px;
}
#quick_m_nav{
	display: none;
}
/* 퀵 메뉴 */
#quick_nav {
    width: var(--quick);
    padding-top: 100px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 50;
    background-color: var(--dark_point);
    transition: transform 0.15s ease-in;
	transform: translateX(0);
	box-shadow: 3px 0px 6px 1px rgba(0,0,0,0.15);
}

    #quick_nav a {
        display: flex;
        flex-direction: column;
        gap: 5px;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
        color: var(--light_point);
        padding: 1rem 0;
        border-top: solid 1px rgba(255,255,255,0.1);
        position: relative;
    }

        #quick_nav a i {
            font-size: 1.25rem;
        }

        #quick_nav a:hover {
            background-color: rgba(255,255,255,0.05);
            color: var(--mint);
        }

        #quick_nav a:last-of-type {
            flex-direction: row;
            line-height: 0;
            background-color: rgba(0,0,0,0.3);
            height: auto;
            padding: 1rem 0.25rem 1rem 0;
            color: #fff;
            border: none;
        }

            #quick_nav a:last-of-type i {
                font-size: 0.8rem;
            }

@media ( max-width: 1100px ) {
    #quick_nav {
        transform: translateX(-150%);
    }
}

@media ( max-width: 600px ){
#quick_m_nav{
	display: flex!important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	right: 1rem;
	bottom: 2rem;
	z-index: 88;

	}
	#quick_m_nav a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:.25rem;
	margin-top: 1rem;
	}
}