@charset "utf-8";

/* ž ¹öÆ° ±âº» ÄÁÅ×ÀÌ³Ê */
#rx_scroll_top_btn {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    width: 48px !important;
    height: 48px !important;
    overflow: hidden !important;
    z-index: 999999 !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    
    /* µîÀå/ÅðÀå ½½¶óÀ̵å + ÆäÀÌµå ¾Ö´Ï¸ÞÀÌ¼Ç */
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) scale(0.9);
    transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.35s ease;
    user-select: none;
    -webkit-user-select: none;
}

/* ½ºÅ©·Ñ ½Ã È­¸é¿¡ ³ªÅ¸³¯ ¶§ */
#rx_scroll_top_btn.show {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}

/* »ó´Ü µµ´Þ ½Ã ¼û°ÜÁú ¶§ */
#rx_scroll_top_btn.hide {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(20px) scale(0.9) !important;
}

/* À̹ÌÁö ½ºÇÁ¶óÀÌÆ® ó¸® (»ó´Ü 48px ¿µ¿ª¸¸ ³ëÃâ) */
#rx_scroll_top_btn img {
    display: block !important;
    width: 48px !important;
    height: auto !important;
    position: relative !important;
    top: 0 !important;
    transition: top 0.2s ease-in-out;
}

/* ¸¶¿ì½º ¿Ã·ÈÀ» ¶§(Hover) ¾Æ·¡ÂÊ È­»ìÇ¥ À̹ÌÁö·Î ºÎµå·´°Ô Àüȯ */
#rx_scroll_top_btn:hover img {
    top: -48px !important;
}