/* 목업 스타일 */
body {
    overflow-x: hidden;
}

/* 동아 블루 영역 */
header {
    height: 50px;
    width: 100vw;
    background-color: #00abcc;
}

/* 메인 영역 */
.container {
    max-width: 1200px !important;

    /* title sticky 효과 적용 */
    & .header {
        position: sticky;
        top: 0;
        background-color: white;
        border-bottom: 2px solid var(--bs-body-color);
        z-index: 10;
    }

    /* 메인 항목 */
    & .main {

        /* 필수값 UI */
        & .required::after {
            content: ' *';
            color: var(--bs-danger);
        }

        /* 라디오버튼 텍스트 컬러 적용*/
        & .form-check {
            color: var(--bs-secondary-color);
        }

        /* 드롭 다운 사이즈 조정 */
        & .dropdown {
            & .btn {
                width: 100%;
                border-color: var(--bs-border-color);
            }

            & ul {
                width: 100%;

                /* 드롭다운 옵션 스크롤 적용 */
                &.dropdown-menu {
                    overflow-y: auto;
                    max-height: 240px;
                }

                /* 드롭다운 옵션 텍스트 UI 변경 */
                & .dropdown-item {
                    color: var(--bs-secondary-color);
                }
                & .dropdown-item.active,
                .dropdown-item:active {
                    color: var(--bs-dropdown-link-color);
                    background-color: transparent;
                }
            }
        }/* dropdown end */

        /* 입력 폼 라벨 텍스트 사이즈 조정 */
        & .form-label {
            font-size: 18px;
            font-weight: 700;
            line-height: 20px;
            color: #212121;
        }

        /* 개인정보 수집 및 이용 동의 스크롤 적용 */
        & .card {
            height: 150px;
            overflow-y: auto;
        }
    }/* main end */
}