.wrap{ width: 95%; margin: 0 auto; }
.wrap[max="1760"]{ max-width: 1760px; }
.wrap[max="1700"]{ max-width: 1700px; }
.wrap[max="1510"]{ max-width: 1510px; }
.wrap[max="1280"]{ max-width: 1280px; }


/* 우측 픽스메뉴 */
.r_f{ position: fixed; right: 0; top: 50vh; transform: translateY(-50%); z-index: 998; overflow: hidden; color: #fff; transition-duration: 0.2s; }
.r_f > a{ display: flex; flex-direction: column; justify-content: center; width: 5em; height: 15.7em; position: relative; padding-left: 26px; padding-right: 36px; box-sizing: border-box; text-align: center; transition-duration: 0.2s; transform: translateX(10px); }
.r_f > a:nth-of-type(1){ background-color: #a38361; }
.r_f > a:nth-of-type(2){ background-color: #3b3b3b; }
.r_f > a i{ font-size: 20px; }
.r_f > a span{ font-size: 14px; font-weight: 600; padding-top: 10px; line-height: 1.2; }

.r_f.end{ opacity: 0; pointer-events: none; }

@media screen and (min-width: 821px){
    .r_f > a:hover{ transform: translateX(0); }
}


@media screen and (max-width: 820px){
    .r_f > a{ padding-left: 15px; padding-right: 25px; width: auto; height: 11.6em; }
}

@media screen and (max-width: 500px){
    .r_f > a{ font-size: 14px; padding-left: 10px; padding-right: 20px; }
    .r_f > a span{ font-size: 12px; }
    .r_f > a i{ font-size: 18px; }
}

@media screen and (max-width: 350px){
    .r_f{ display: none; }
}