@charset "utf-8";

.qu-wrap{
    position: relative;
}

.quick{
    position: fixed;
    right: 0;
    top: 40%;
    transform: translateY(-50%);

    text-align: center;

    width: 86px;
    height: 360px;
    background-color: #fff;
    border-radius: 10px 0 0 10px;

    z-index: 99;

    
}

.qu-btn{
    width: 25px;
    height: 60px;
    position: absolute;
    left: -25px;
    top: 30px;
    background-color:#00471E ;
    border-radius: 10px 0 0 10px;
    background-image: url(https://jayeonlawfirm.cafe24.com/img/icon/double-right-arow-w.png);

    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    cursor: pointer;
}

.quick h2{
    font-size: 16px;
    padding: 5px;
}

.quick h2::after{
    content: '';
    display: block;
    clear: both;
    width: 85%;
    height: 2px ;
    background-color: #ddd;
    margin: 0px auto 5px;
}

.quick .one{
    text-align: center;
    margin: 0 auto 10px;
    display: block;

    width: 70px;
    height: 70px;
    border-radius: 10px;
    color: #fff;
}

.quick .one01{
    background-color: #FAE24C;
    color: #000;
}

.quick .one02{
    background-color: #5AC451;
}

.quick .one03{
    background-color: #1A3046;
}

.quick .one04{
    background-color: #A1866E;
}

.quick .one01 img,
.quick .one02 img{
    margin-top: 15px;
    margin-bottom: -5px;
}

.quick .one03 img,
.quick .one04 img{
    margin-top: 10px;
    margin-bottom: -5px;
}

.quick .one p{
    font-size: 14px;
    
}



.qu-wrap .quick02{
    display: none;
}




@media screen and (max-width:860px) {

    .qu-wrap .quick01{
        display: none;
    }
    .qu-wrap .quick02{
        display: block;
    }
    
    .quick{
        top: 80%;  
        height: auto;
        background-color: transparent; 
    }

}


.quick.quopen .qu-btn{
    transform:rotate(180deg);
    border-radius: 0px 10px 10px 0px;
}



/* quick - open */
/* 처음부터 보이는 경우 */
.quick{
    right: 0px;
}

.quick.quopen{

    right: -86px;
}

/* 처음부터 안 보이는 경우 
.quick{

    right: -86px;
}

.quick.quopen{
    right: 0px;

}*/






/* top-btn  -->  footer.css */