@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* lift aside 퀵메뉴 PC version */
.right-quick-menu {
    position:fixed;
    bottom:43%;
    right:0;
    z-index:99;
    cursor:pointer;
    display: none;
}
.right-quick-menu ul {
    border: 1px solid gray;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.right-quick-menu li {
    width:70px;
    height:70px;
}
.right-quick-menu li:nth-child(1) {
    border-bottom: 1px solid gray;
}
/* 모바일 버전 기본 디스플레이처리 Off */
.mc {
    display:none;
}


/* lift aside 퀵메뉴  Mobile version*/
@media only screen and  (max-width:650px) {
    /* 퀵메뉴 PC version display Off*/
    .pc {
        display:none;
    }
    .right-quick-menu ul {
        display:none;
    }

    /* 퀵메뉴 MB version display On*/
    .mc {
        display:block;
    }

    .sub-aside-footer {
        /*border: 1px solid #ff0000;*/
        /*bottom: 1.5rem;*/
        cursor:pointer;
        height: 5rem;
        /*margin-left:calc(50% - 88px);*/
        position:relative;
        width: 100%;
        z-index:99;
        /*margin-bottom:30px;*/
    }
    .sub-aside-footer > ul {
        /*border: 1px solid #ff0000;*/
        display: flex;
        flex-direction: row;
        margin: 0;
        padding: 0;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        position: absolute;
    }
    .sub-aside-footer > ul > li {
        margin: 0;
        padding: 0;
        /*float:left;*/
    }
    .sub-aside-footer > ul > li > a {
        /*border: 1px solid #0000ff;*/
        height: 100%;
        margin: 0;
        padding: 0;

    }
    .sub-aside-footer > ul > li > a > img {
        /*border: 1px solid #00ff00;*/
        width: 4rem;
        margin: 0;
        padding: 0;
    }
    .sub-aside-footer:after {
        content:'';
        display:block;
        clear:both;
    }
}


