@charset "utf-8";
/* CSS Document */

/*****************
	STYLE-backtotop
*****************/
        .back-to-top {
            position: fixed;
            bottom: 40px;
            right: 40px;
            z-index: 999;
            /* 화면 최상단 레이어 보장 */
            width: 54px;
            height: 54px;
            background-color:#f08200;
            /* 법무법인 메인 네이비 */
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            color: #ffffff;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 15px rgba(11, 37, 69, 0.25);

            /* ★ 평소에는 투명하고 약간 아래에 배치하여 숨김 */
            opacity: 0;
            visibility: hidden;
            transform: translateY(15px);

            /* 부드러운 등장 및 전환 효과 */
            transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        }

        /* 스크롤이 감지되어 활성화 클래스가 붙었을 때 모양 */
        .back-to-top.show {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        /* 버튼 내부 아이콘 및 텍스트 폰트 설정 */
        .back-to-top i {
            font-size: 24px;
            line-height: 1;
            transition: transform 0.2s;
        }

        .back-to-top span {
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 0.5px;
            margin-top: -2px;
            color: var(--brand-gold);
            /* 텍스트는 골드로 포인트 */
        }

        /* 마우스 오버(Hover) 시 세련된 모션 효과 */
        .back-to-top:hover {
            /* 살짝 밝은 네이비 */
            box-shadow: 0 6px 20px rgba(11, 37, 69, 0.35);
        }

        .back-to-top:hover i {
            transform: translateY(-3px);
            /* 화살표가 위로 쏙 올라가는 위트있는 연출 */
        }

        /* 모바일 환경 대응 최적화 */
        @media (max-width: 991.98px) {
            .back-to-top {
                bottom: 25px;
                right: 10px;
                width: 46px;
                height: 46px;
            }

            .back-to-top i {
                font-size: 20px;
            }
        }