/* Variables
---------------------------------------- */
:root {
    font-size: 16px;

    --font-family: 'SCDream';
    --main-bg-color: #F5F7FA;
    --gnb-height: 60px;
    /*--gnb-bg-color: #7F51FF;*/
    --gnb-bg-color: #5a27d5;
    --gnb-sub-color: #D7EAFD;
    --gnb-sub-hover: #9dceff;
    --gnb-text-color: #fff;
    --lnb-width: 270px;
    --lnb-button-height: 50px;
    --lnb-button-color: #fff;
    --lnb-btn-text-color: #000;
    --lnb-hover-color: #F9F6FF;
    --table-hover-color: #f5f5f5;
    --table-th-color: #f0f0f0;
    --input-border-color: #aaa;
    /*--btn-default-color: #7f51ff;*/
    --btn-default-color: #09307b;
    --btn-subtle-color: rgba(127, 81, 255, 0.1);
    --btn-text-color: #fff;
    --primary-color: var(--btn-default-color);
    --border-color: #aaa;
    --border-subtle-color: #f0f0f0;
    --filter-default-color: invert(17%) sepia(85%) saturate(5797%) hue-rotate(258deg) brightness(85%) contrast(97%);

    /* 2/16 추가 */
    --inner-padding-left: 2rem;
    --inner-padding-right: 1rem;

    /* service */
    --service-gnb-bg-color: transparent;
    --service-gnb-height: 200px;
    --service-gnb-text-color: #fff;
    --bg-gray-color: #f5f5f5;
    --service-default-subtle-color: rgba(90, 39, 213, 0.3);
}