[data-bs-theme=light] {
    --bs-gray-100: #F9F9F9;
    --bs-gray-200: #F4F4F4;
    --bs-gray-300: #E1E3EA;
    --bs-gray-400: #B5B5C3;
    --bs-gray-500: #A1A5B7;
    --bs-gray-600: #7E8299;
    --bs-gray-700: #5E6278;
    --bs-gray-800: #3F4254;
    --bs-gray-900: #181C32;
    --dark-color: #000000;
    --primary-color: #0050e6;
    --white-color: #FFFFFF;
    --primary-bg-over-color: #0050e6;
    --border-primary-color: #0050e6;
    --carbon-combobox-bg: #1967d2;
    /* carbon */
    --cds-primary: #0f62fe;
    --cds-field: #f4f4f4;
    --cds-dark-color: #161616;
    --cds-link-primary: #0f62fe;
    --cds-link-primary-hover: #054ada;
    --cds-link-inverse: #78a9ff;
    --cds-support-success: #24a148;
    --cds-overlay: #16161650;
    --cds-layer-hover: #e8e8e8;
    --cds-toggle-off: #8d8d8d;
    /* 색상-텍스트 */
    --cds-text-primary: #161616;
    --cds-text-secondary: #525252;
    --cds-text-placeholder: #a8a8a8;
    --cds-text-disabled: #16161625;
    --cds-text-error: #da1e28;
    --cds-text-inverse: #ffffff;
    /* 색상-버튼 */
    --cds-focus: #0f62fe;
    --cds-button-primary: #0f62fe;
    --cds-button-primary-hover: #0353e9;
    --cds-button-primary-active: #002d9c;
    --cds-button-secondary: #393939;
    --cds-button-secondary-hover: #474747;
    --cds-button-secondary-active: #6F6F6F;
    --cds-button-tertiary: #0f62fe;
    --cds-button-tertiary-hover: #0353e9;
    --cds-button-tertiary-active: #002d9c;
    --cds-button-danger-primary: #da1e28;
    --cds-button-danger-secondary: #da1e28;
    --cds-button-danger-hover: #ba1b23;
    --cds-button-danger-active: #750e13;
    --csd-button-separator: #e0e0e0;
    --csd-button-disabled: #c6c6c6;
    /* 색상-보더 */
    --cds-border-interactive: #0f62fe;
    --cds-border-subtle-01: #e0e0e0;
    --cds-border-subtle-02: #c6c6c6;
    --cds-border-strong-01: #8d8d8d;
    --cds-border-tile-01: #c6c6c6;
    --cds-border-tile-02: #a8a8a8;
    --cds-border-inverse: #161616;
    --cds-border-disabled: #c6c6c6;
}

[data-bs-theme=dark] {
    --bs-gray-100: #1b1b29;
    --bs-gray-200: #F4F4F4;
    --bs-gray-300: #323248;
    --bs-gray-400: #474761;
    --bs-gray-500: #565674;
    --bs-gray-600: #6D6D80;
    --bs-gray-700: #92929F;
    --bs-gray-800: #CDCDDE;
    --bs-gray-900: #FFFFFF;
    --cds-dark-color: #FFFFFF;
    --white-color: #000000;
    --dark-color: #ffffff;
    --primary-bg-over-color: #0050e6;
    --primary-color: #0050e6;
    --border-primary-color: #FFFFFF;
    --carbon-textbox-bg: #262626;
    --carbon-textbox-border-bottom: #6f6f6f;
    --carbon-textbox-border-bottom-readonly: #e7e7e7;
    --carbon-combobox-bg: #1967d2;
    /* carbon */
    --cds-primary: #0f62fe;
    --cds-field: #262626;
    --cds-dark-color: #161616;
    --cds-link-primary: #0f62fe;
    --cds-link-primary-hover: #054ada;
    --cds-link-inverse: #78a9ff;
    --cds-support-success: #24a148;
    --cds-overlay: #16161670;
    --cds-layer-hover: #333333;
    --cds-toggle-off: #8d8d8d;
    /* 색상-텍스트 */
    --cds-text-primary: #f4f4f4;
    --cds-text-secondary: #c6c6c6;
    --cds-text-placeholder: #6f6f6f;
    --cds-text-disabled: #f4f4f4;
    --cds-text-error: #ff8389;
    --cds-text-inverse: #161616;
    /* 색상-버튼 */
    --cds-focus: #ffffff;
    --cds-button-primary: #0f62fe;
    --cds-button-primary-hover: #0353e9;
    --cds-button-primary-active: #002d9c;
    --cds-button-secondary: #6f6f6f;
    --cds-button-secondary-hover: #606060;
    --cds-button-secondary-active: #393939;
    --cds-button-tertiary: #ffffff;
    --cds-button-tertiary-hover: #0353e9;
    --cds-button-tertiary-active: #002d9c;
    --cds-button-danger-primary: #da1e28;
    --cds-button-danger-secondary: #da1e28;
    --cds-button-danger-hover: #ba1b23;
    --cds-button-danger-active: #750e13;
    --csd-button-separator: #e0e0e0;
    --csd-button-disabled: #c6c6c6;
    /* 색상-보더 */
    --cds-border-interactive: #0f62fe;
    --cds-border-subtle-01: #e0e0e0;
    --cds-border-subtle-02: #c6c6c6;
    --cds-border-strong-01: #8d8d8d;
    --cds-border-tile-01: #c6c6c6;
    --cds-border-tile-02: #a8a8a8;
    --cds-border-inverse: #161616;
    --cds-border-disabled: #c6c6c6;
}
/* 인풋 라벨 */
.cds-label {
/*    display: inline-block;*/
    font-size: 12px;
    font-weight: 400;
    color: #525252;
    margin-block-end: 8px;
}

/* 버튼 */
.cds-btn {
    display: inline-flex;
    flex-shrink: 0;
    padding: 11px 16px;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    justify-content: space-between;
    position: relative;
    text-decoration: none;
    text-align: start;
    transition: background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);
}

.cds-btn-lg {
    width: 100%;
    padding: 17px 16px !important;
}
.cds-btn-set {
    gap: 1px;
}
    .cds-btn-set > *:first-child {
        flex: 0 1 40%;
    }

    .cds-btn-set > *:last-child {
        flex: 0 1 60%;
    }
 
 
 .cds-btn-primary {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    background-color: var(--cds-primary);
    color: var(--white-color);
    padding: 7px 64px 7px 16px;
    font-size: 12px;
} .cds-btn-primary:hover {
        background-color: var(--primary-bg-over-color);
    }
    .cds-btn-primary:focus {
        outline: 1px solid var(--cds-focus);
        box-shadow: inset 0 0 0 1px var(--cds-focus),inset 0 0 0 2px #ffffff;
    } .cds-btn-primary:active {
        background-color: var(--cds-button-primary-active);
    }
      
.cds-btn-tertiary {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #0f62fe;
    background-color: #ffffff;
    color: #0f62fe;
    padding: 7px 64px 7px 16px;
    font-size: 12px;
} .cds-btn-tertiary:hover {
        background-color: var(--cds-button-tertiary-hover);
        color: #ffffff;
    }
    .cds-btn-tertiary:focus {
        outline: 1px solid var(--cds-focus);
        box-shadow: inset 0 0 0 1px var(--cds-focus),inset 0 0 0 2px var(--white-color);
    } .cds-btn-tertiary:active {
        background-color: var(--cds-button-tertiary-active);
    }
      
.cds-btn-ghost {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    color: #0f62fe;
    padding: 7px 64px 7px 16px;
    font-size: 12px;
} .cds-btn-ghost:hover {
        background-color: #8D8D8D12;
        color: #0f62fe;
    }
    .cds-btn-ghost:focus {
        outline: 1px solid var(--cds-focus);
        box-shadow: inset 0 0 0 1px var(--cds-focus),inset 0 0 0 2px var(--white-color);
    } .cds-btn-ghost:active {
        background-color: #8D8D8D50;
    }
      
.cds-btn-secondary {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    background-color: var(--cds-button-secondary);
    color: var(--white-color);
    padding: 7px 64px 7px 16px;
    font-size: 12px;
} .cds-btn-secondary:hover {
        background-color: var(--cds-button-secondary-hover);
    }
    .cds-btn-secondary:focus {
        outline: 1px solid #0f62fe;
        box-shadow: inset 0 0 0 1px var(--cds-focus),inset 0 0 0 2px var(--white-color);
    } .cds-btn-secondary:active {
        background-color: var(--cds-button-secondary-active);
    } 
      
.cds-btn-tertiary-secondary {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: var(--cds-button-secondary);
    background-color: var(--white-color);
    color: var(--cds-button-secondary);
    padding: 7px 64px 7px 16px;
    font-size: 12px;
} .cds-btn-tertiary-secondary:hover {
        background-color: var(--cds-button-secondary);
        color: var(--white-color);
    }
    .cds-btn-tertiary-secondary:focus {
        outline: 1px solid var(--cds-focus);
        box-shadow: inset 0 0 0 1px var(--cds-focus),inset 0 0 0 2px var(--white-color);
    } .cds-btn-tertiary-secondary:active {
        background-color: var(--cds-button-secondary-active);
    } 
      
.cds-btn-ghost-secondary {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    color: var(--cds-button-secondary);
    padding: 7px 64px 7px 16px;
    font-size: 12px;
}
    .cds-btn-ghost-secondary:hover {
        background-color: #8D8D8D12;
        color: var(--cds-button-secondary);
    }
    .cds-btn-ghost-secondary:focus {
        outline: 1px solid var(--cds-focus);
        box-shadow: inset 0 0 0 1px var(--cds-focus),inset 0 0 0 2px var(--white-color);
    } .cds-btn-ghost-secondary:active {
        background-color: #8D8D8D50;
    } .cds-btn-danger {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    background-color: var(--cds-button-danger-primary);
    color: var(--white-color);
    padding: 7px 64px 7px 16px;
    font-size: 12px;
} .cds-btn-danger:hover {
        background-color: var(--cds-button-danger-hover);
    }
        .cds-btn-danger:focus {
            outline: 1px solid var(--cds-focus);
            box-shadow: inset 0 0 0 1px var(--cds-focus),inset 0 0 0 2px var(--white-color);
        } .cds-btn-danger:active {
        background-color: var(--cds-button-danger-active);
    }
          
 .cds-btn-tertiary-danger {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #da1e28;
    background-color: #ffffff;
    color: #da1e28;
    padding: 7px 64px 7px 16px;
    font-size: 12px;
} .cds-btn-tertiary-danger:hover {
        background-color: #B81922;
        color: #ffffff;
    } .cds-btn-tertiary-danger:focus {
        outline: 1px solid #0f62fe;
        box-shadow: inset 0 0 0 1px #0f62fe,inset 0 0 0 2px #ffffff;
    } .cds-btn-tertiary-danger:active {
        background-color: #750E13;
    } .cds-btn-ghost-danger {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    color: #da1e28;
    padding: 7px 64px 7px 16px;
    font-size: 12px;
} .cds-btn-ghost-danger:hover {
        background-color: #8D8D8D12;
        color: #da1e28;
    } .cds-btn-ghost-danger:focus {
        outline: 1px solid #0f62fe;
        box-shadow: inset 0 0 0 1px #0f62fe,inset 0 0 0 2px #ffffff;
    } .cds-btn-ghost-danger:active {
        background-color: #8D8D8D50;
    }

.cds-btn-icon {
    position: absolute;
    right: 12px;
}

.cds-icon-btn {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    color: var(--cds-text-primary);
    padding: 8px;
    font-size: 12px;
}
    .cds-icon-btn:hover {
        background-color: #8D8D8D12;
        color: #393939;
    }

    .cds-icon-btn:focus {
        outline: 1px solid #0f62fe;
        box-shadow: inset 0 0 0 1px #0F62FE,inset 0 0 0 2px #ffffff;
    }

    .cds-icon-btn:active {
        background-color: #8D8D8D50;
    }

.cds-left-icon {
    vertical-align: top;
    margin-right: 8px;
}


/* 텍스트 박스 input.*/
input.carbon-textbox {
    background-color: var(--cds-field, #F4F4F4) !important; /* 해당 소스 주석 시 초기 랜더링 됨.*/
    border: none !important;
    border-bottom: 1px solid var(--carbon-textbox-border-bottom, #8d8d8d) !important;
    padding: 7px 10px;
} .carbon-textbox::placeholder {
    color: #161616 !important;
    font-style: unset;
    font-size: 12px;
} .carbon-textbox:focus {
        outline: 2px solid var(--cds-button-primary) !important;
    } .carbon-textbox.invalid {
        outline: 2px solid red !important;
    } .carbon-textbox:disabled {
    background-color: var(--white-color, #FFFFFF) !important;
    border-bottom: 1px solid var(--cds-border-subtle-01, #8d8d8d) !important;
} .carbon-textarea {
    background-color: var(--cds-field, #F4F4F4) !important; /* 해당 소스 주석 시 초기 랜더링 됨.*/
    border: none !important;
    border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d) !important;
    padding: 7px 10px;
} .carbon-textarea::placeholder {
    color: #161616;
    font-style: unset;
    font-size: 12px;
} .carbon-textarea:focus {
        outline: 2px solid var(--cds-button-primary) !important;
    } .carbon-textarea:disabled {
    background-color: var(--white-color, #FFFFFF) !important;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0) !important;
}
/* 체크박스 기본 스타일 */
.carbon-checkbox {
    appearance: none;
    border: 1px solid #ccc !important;
    border-radius: 2px;
    width: 16px !important;
    height: 16px !important;
    position: relative !important;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
    background-color: var(--white-color, #FFFFFF) !important;
}
/* 체크된 상태 배경 */
.carbon-checkbox:checked {
        background-color: var(--cds-dark-color, #FFFFFF) !important;
        position: relative !important;
    }
/* 체크 표시 */
    .carbon-checkbox:checked::before {
        block-size: 5px; /*.3125rem;*/
        border-block-end: 1.5px solid #ffffff;
        border-inline-start: 1.5px solid #ffffff;
        content: "";
        inline-size: 8.5px; /*.5rem*/
        inset-block-start: 2.5px; /*.2rem;*/
        inset-inline-start: 3.5px; /*.25rem;*/
        margin-block-start: -2px; /*-.1875rem*/
        position: absolute;
        transform: scale(1) rotate(-45deg);
        transform-origin: bottom right;
    } .carbon-checkbox:focus {
        outline: none;
        box-shadow: 0 0 0 2px var(--cds-focus);
    }
/*.carbon-checkbox:disabled {
        background-color: #f2f2f2; 
        border-color: #d9d9d9; .carbon-checkbox
        cursor: not-allowed;*/
/*        opacity: 0.3; */
/*}*/
/*.carbon-checkbox:checked:disabled {
        background-color: red !important;
        block-size: .3125rem !important;
        border-block-end: 1.5px solid #ffffff !important;
        border-inline-start: 1.5px solid #ffffff !important;
        content: "" !important;
        inline-size: .5rem !important;
        inset-block-start: .2rem !important;
        inset-inline-start: .25rem !important;
        margin-block-start: -.1875rem !important;
        position: absolute !important;
        transform: scale(1) rotate(-45deg) !important;
        transform-origin: bottom right !important;
    }*/
/* 라디오 버튼 */
.carbon-radio {
    appearance: none;
    border: 1.5px solid var(--cds-dark-color, #161616) !important;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0) !important;
    position: relative;
    width: 17.5px !important;
    height: 17.5px !important;
    margin-block: 1.25px !important;
    margin-inline: 0px 8px !important;
    cursor: pointer;
    transition: border 0.1s ease-in-out;
} .carbon-radio:checked {
        border-color: var(--cds-dark-color);
    } .carbon-radio:checked::after {
            content: "";
            position: absolute;
            top: 3.5px; 
            left: 3.5px;
            width: 8px; 
            height: 8px;
            border-radius: 50%;
            background-color: var(--cds-dark-color);
        }
    .carbon-radio:focus {
        outline: 2px solid var(--cds-focus);
       
/*        box-shadow: 0 0 0 1px var(--cds-focus);*/
    }
/* 비활성화 상태 */
.carbon-radio:disabled {
        background-color: #f2f2f2;
        border-color: #d9d9d9;
        cursor: not-allowed;
/*        opacity: 0.3;*/
    } .carbon-radio-label {
    margin-right: 16px;
}
/* 콤보박스 아이템 전체 컨테이너 */
.carbon-combobox {
    background-color: var(--cds-field, #F4F4F4) !important; /* 해당 소스 주석 시 초기 랜더링 됨.*/
    border: none !important;
    border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d) !important;
} .carbon-combobox:focus {
        outline: 2px solid var(--cds-button-primary) !important;
    } .carbon-combobox:not(.disabled):focus-within {
        outline: 2px solid var(--cds-button-primary) !important;
    } .carbon-combobox.disabled:focus-within {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d) !important;
        outline: none !important;
    } .carbon-combobox.disabled {
        background-color: var(--white-color, #FFFFFF) !important;
        border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0) !important;
    } input.carbon-combobox-input {
    background-color: var(--cds-field, #F4F4F4) !important; /* 해당 소스 주석 시 초기 랜더링 됨.*/
    border: none !important;
}
/*    input.carbon-combobox-input:read-only,
    input.carbon-combobox-input[readonly],*/
/*    input.carbon-combobox-input.disabled,
    input.carbon-combobox-input:disabled {
        background-color: var(--white-color, #FFFFFF) !important;
        border: none !important;
    }*/
/* readonly일 때만 */
/*    input.carbon-combobox-input:read-only,
    input.carbon-combobox-input[readonly] {
        background-color: var(--white-color, #FFFFFF) !important;
    }*/
/* disabled일 때만 */
input.carbon-combobox-input:disabled, input.carbon-combobox-input.disabled {
        background-color: var(--white-color, #FFFFFF) !important;
/*        border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0) !important;*/
    } .carbon-combobox-item {

    } .carbon-combobox-item:hover {
        background-color: var(--carbon-combobox-bg) !important;
        color: #fff; 
    } .carbon-dropdown-button {
    background-color: var(--cds-field, #F4F4F4) !important;
    border: 0px solid black !important;
} .carbon-dropdown-button.disabled, .carbon-dropdown-button.disabled {
        background-color: var(--white-color, #FFFFFF) !important;
        border: none !important;
    } .carbon-item-container {
} .carbon-item-container.selected {
        border: 1px solid var(--cds-button-primary);
    } .carbon-item-container:focus {
        border: 2px solid var(--cds-button-primary) !important;
    } .carbon-item-container:focus-within {
        border-color: var(--cds-button-primary);
        outline: none;
    }
/* 각각의 아이템 */
.carbon-item {
    background-color: var(--cds-field, #F4F4F4) !important;
    padding: 3px 10px;
    height: 26px;
    min-height: 26px;
    font-size: 12px;
    font-weight: 400;
} .carbon-item:hover {
        background-color: var(--carbon-combobox-bg) !important;
        color: #fff; 
    } .carbon-item:focus {
        border: 2px solid var(--cds-button-primary) !important;
    } .carbon-item.selected {
        border: 1px solid var(--cds-button-primary);
        color: #fff;
    } .carbon-item:focus-within {
        border-color: var(--cds-button-primary); 
        outline: none;
    }
/* AutoCompleted*/
.carbon-autocompleted {
    background-color: var(--cds-field, #F4F4F4) !important; /* 해당 소스 주석 시 초기 랜더링 됨.*/
    border: none !important;
    border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d) !important;
    color: var(--cds-dark-color);
} .carbon-autocompleted:focus {
        border: 2px solid var(--cds-button-primary) !important;
    } .carbon-autocompleted.disabled {
        background-color: var(--white-color, #FFFFFF) !important;
        border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0) !important;
    } .carbon-autocompleted li:hover {
        background-color: var(--carbon-combobox-bg) !important; 
        color: var(--white-color);
    } .carbon-autocompleted-tagitem {
    background-color: var(--bs-gray-300, #E1E3EA) !important;
} .carbon-autocompleted-border {
    border: 0px solid #fff;
} .carbon-autocompleted-border:focus-within {
        border: 2px solid var(--cds-button-primary) !important;
    } .carbon-switch {
    width: 40px !important;
    height: 20px !important;
    border-radius: 12px;
    background-color: var(--white-color) !important;
    transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
}
        .carbon-switch .form-check-input {
            background-color: var(--cds-toggle-off, #8d8d8d) !important;
            width: 40px !important;
            height: 20px !important;
        }
    .carbon-switch .form-check-input:checked {
        background-color: var(--cds-support-success, #24a148) !important; /* 녹색 */
        border-color: #24a148;
    } .carbon-switch .form-check-input:focus {
            box-shadow: 0 0 0 2px var(--cds-button-primary) !important;
        }


/*.cds--toggle__switch {
    position: relative;
    border-radius: .75rem;
    background-color: var(--cds-toggle-off, #8d8d8d);
    block-size: 1.5rem;
    inline-size: 3rem;
    transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
}*/
/* textbox에서 label 파라미터가 라디오 버튼, 체크박스 제외하고는 없음.
    .carbon-checkbox-label {
}

.carbon-checkbox-label:disabled {
    border-color: #d9d9d9 !important;*/ /* 흐린 테두리 */
    /*cursor: not-allowed !important;*/ /* 마우스 포인터 변경 */
    /*opacity: 0.3 !important;*/ /* 투명도 */
/*}*/


/* modal */
.cds-modal {
    background-color: var(--cds-field);
    align-items: center;
    justify-content: center;

}
.cds-modal-header {
    position: relative;
    margin-block-end: 8px;
    padding-block-start: 16px;
    padding-inline: 16px 48px;
}
.cds-modal-heading{
    display: block;
    padding-top:8px;
    margin:0;
    vertical-align: baseline;
    font-size:18px;
    color: var(--cds-text-primary);
}
.cds-modal-close-btn{
    position:absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
}
.cds-modal-close {
    padding: 12px;
    color: var(--cds-text-primary);
    border: 2px solid transparent;
    background-color: transparent;
    block-size: 48px;
    cursor: pointer;
    inline-size: 48px;
    transition: background-color 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);
}
    .cds-modal-close:hover{
        background-color: var(--cds-layer-hover);
    }
    .cds-modal-close:focus{
        outline: 0;
        box-shadow:none !important;
        border: 2px solid var(--cds-primary);
    }

.cds-modal-close-icon {
    block-size: 20px;
    fill: var(--cds-primary);
    inline-size: 20px;
}

.cds-modal-btn-set {
    gap: 1px;
}

    .cds-modal-btn-set > * {
        flex: 100%;
    }



.cds-modal-footer {
   
}

.cds-modal-footer > * {
    flex: 100% !important;
}