/* 기본 설정 */
        * { font-family: 'Pretendard', sans-serif; box-sizing: border-box; }
        body { background: #fff; color: #222; margin: 0; padding: 0; }

        .sub-wrapper {
            width: 100%;
            display: flex;
            justify-content: center;
            padding: 130px 0 130px;
            background-color: #fff;
        }

        .sub-wrapper .row {
            width: 100%;
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 20px;
            text-align: center;
        }

        /* 타이틀 */
        .sub-wrapper .row > h6 { font-size: 40px; margin-bottom: 10px; font-weight: 700; color: #333; }
        .sub-wrapper .row > .sub-eng-title { font-size: 15px; font-weight: 300; letter-spacing: 0.8em; color: #888; margin-bottom: 70px; padding-left: 0.8em; }

        /* 클릭 감지용 라디오 버튼 숨김 */
        input[name="business-tab"] { display: none; }

        /* 비즈니스 컨테이너 (가로 배치, 하단 정렬) */
        .business-container {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-end; /* 큰 이미지 하단 끝에 맞게 썸네일 배치 */
            gap: 20px;
            position: relative;
        }

        /* 메인 이미지 그룹 */
        .main-img-group {
            flex: 1; /* 나머지 영역 채움 */
            position: relative;
        }

        /* 첫 번째 이미지는 relative로 영역 높이를 잡아줌 */
        .main-img-group .main-item {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            z-index: 0;
            transition: opacity 0.8s ease-in-out;
        }

        .main-img-group .main-1 { position: relative; } /* 공간 확보용 */

        .main-img-group .main-item img { width: 100%; height: auto; display: block; }

        /* 썸네일 그룹 (우측 세로 배치) */
        .thumb-group {
            display: flex;
            flex-direction: column;
            gap: 10px;
            width: 213px; /* 썸네일 고정 너비 */
            flex-shrink: 0;
            z-index: 30;
        }

        .thumb-box {
            width: 100%;
            aspect-ratio: 213 / 135;
            overflow: hidden;
            cursor: pointer;
            filter: brightness(0.5);
            transition: filter 0.5s, border 0.3s;
            display: block;
            border: 1px solid transparent; /* 테두리 생성 시 레이아웃 밀림 방지 */
        }

        .thumb-box img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; }

        /* 클릭(Radio Checked) 시 이미지 노출 및 밝기 조절, 얇은 테두리 추가 */
        #tab1:checked ~ .business-container .t1 { filter: brightness(1); border: 1px solid #222; }
        #tab1:checked ~ .business-container .main-1 { opacity: 1; z-index: 5; }

        #tab2:checked ~ .business-container .t2 { filter: brightness(1); border: 1px solid #222; }
        #tab2:checked ~ .business-container .main-2 { opacity: 1; z-index: 5; }

        #tab3:checked ~ .business-container .t3 { filter: brightness(1); border: 1px solid #222; }
        #tab3:checked ~ .business-container .main-3 { opacity: 1; z-index: 5; }

        .thumb-box:hover { filter: brightness(1) !important; }

        /* 비즈니스 인포메이션 6그리드 영역 */
        .business-info-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr); /* 3열 배치 */
            gap: 60px 40px; /* 세로 간격 60px, 가로 간격 40px */
            margin-top: 80px;
            text-align: left;
        }

        .info-item {
            display: flex;
            flex-direction: column;
        }

        .info-item .title {
            font-size: 22px;
            font-weight: 600; /* SemiBold */
            color: #0d2144;
            padding-bottom: 12px;
            border-bottom: 1px solid #6e7a8f;
            margin-bottom: 15px;
        }

        .info-item .desc {
            font-size: 17px;
            font-weight: 500; /* Medium */
            color: #5e5e5e;
            line-height: 1.6;
            word-break: keep-all;
        }

        /* 면책공고 */
        .brand-disclaimer { display: flex; align-items: center; background-color: #f4f4f4; padding: 30px; margin-top: 100px; text-align: left; }
        .brand-disclaimer-icon { display: flex; justify-content: center; align-items: center; width: 55px; height: 55px; min-width: 32px; background-color: #0d2144; color: #fff; border-radius: 50%; font-size: 25px; font-weight: bold; margin-left: 60px; margin-right: 60px; }
        .brand-disclaimer-text p { margin: 0; font-size: 14px; color: #2f2f2f; line-height: 1.5; word-break: keep-all; }

        /* 반응형 (모바일) */
        @media screen and (max-width: 768px) {
            .sub-wrapper { padding: 80px 0 120px; }
            .sub-wrapper .row > h6 { font-size: 32px; }
            .sub-wrapper .row > .sub-eng-title { margin-bottom: 40px; }

            .business-container {
                flex-direction: column-reverse; /* 모바일: 썸네일을 위로, 메인을 아래로 */
                align-items: center;
                gap: 15px;
            }

            .main-img-group { width: 100%; }

            .thumb-group {
                width: 100%;
                flex-direction: row; /* 모바일: 가로 배열 유지 */
                gap: 5px;
            }
            .thumb-box { width: 33.33%; height: auto; aspect-ratio: 213/135; }

            /* 모바일 6그리드 2열 3줄 배치로 변경 */
            .business-info-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 25px 15px;
                margin-top: 50px;
            }

            /* 모바일 폰트 크기 축소 */
            .info-item .title {
                font-size: 16px;
                padding-bottom: 8px;
                margin-bottom: 10px;
            }

            .info-item .desc {
                font-size: 13px;
            }

            .brand-disclaimer { padding: 20px; margin-top: 60px; align-items: flex-start; }
            .brand-disclaimer-icon { margin-left: 0; margin-right: 15px; width: 26px; height: 26px; min-width: 26px; font-size: 14px; }

            .brand-disclaimer-text p {
                font-size: 10px;
            }
        }