@charset "utf-8";

/* S : 폰트 - 동글 */
    @font-face {
        font-family: 'Dongle-Regular';
        src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108_2@1.0/Dongle-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
/* E : 폰트 - 동글 */


/* S : 부트스트랩 scss값 수정 ----------------------------------------------- */
    /* S : _root.scss */
        :root, [data-bs-theme=light] {
            --bs-primary: #0AA2C0;
            --bs-info: #0d6efd;
            --bs-primary-rgb: 10, 162, 192;
            --bs-info-rgb: 13, 110, 253;
            --bs-primary-text-emphasis: #055160;
            --bs-info-text-emphasis: #052c65;
            --bs-primary-bg-subtle: #cff4fc;
            --bs-info-bg-subtle: #cfe2ff;
            --bs-primary-border-subtle: #9eeaf9;
            --bs-info-border-subtle: #9ec5fe;
            --bs-emphasis-color: #212529;
            --bs-emphasis-color-rgb: 33, 37, 41;
            --bs-link-color: #0AA2C0;
            --bs-link-color-rgb: 10, 162, 192;
            --bs-link-hover-color: #087990;
            --bs-link-hover-color-rgb: 8, 121, 144;
            --bs-code-color: #d63384;
            --bs-highlight-color: #212529;
            --bs-highlight-bg: #fff3cd;
            --bs-border-width: 1px;
            --bs-border-style: solid;
            --bs-border-color: #dee4e6;
            --bs-focus-ring-color: rgba(13, 202, 240, 0.25);
        }
        address, ol, ul, dl, dd, p, pre, blockquote, figure {
            margin-bottom: 0;
        }
        ol, ul {
            margin-left: 0;
        }
        pre {
            font-size: 1em;
        }
    /* E : _root.scss */


    /* S : _nav.scss */
        .navbar {
            --bs-navbar-nav-link-padding-x: 0.7rem;
        }

        .nav {
            --bs-nav-link-padding-x: 2rem;
        }


        #header .nav-link {
            color: var(--bs-gray-900);
        }

        .nav-tabs {
            --bs-nav-tabs-border-radius: 0;
            --bs-nav-tabs-link-hover-border-color: var(--bs-link-hover-color);
            border-bottom: 0;
        }

        .nav-tabs .nav-link {
            margin-bottom: 0;
            border: 0;
            border-bottom: 2px solid var(--bs-gray-400);
            color: var(--bs-gray-600);
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            border-color: var(--bs-primary);
        }

        .nav-tabs .nav-link.active {
            color: var(--bs-link-hover-color);
            font-weight: 700;
        }

        #header.nav-link:focus, #header .nav-link:hover,
        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            color: var(--bs-link-hover-color);
        }

    /* E : _nav.scss */


    /* S : _navbar.scss */
        .navbar-toggler {
            border: 0;
        }
    /* E : _navbar.scss */


    /* S : _dropdown.scss */
        .dropdown-menu{
            --bs-dropdown-link-active-bg: var(--bs-primary);
        }
    /* S : _dropdown.scss */


    /* S : _bottons.scss */
        .btn {
            --bs-btn-border-radius: var(--bs-border-radius-sm);
        }
        .btn-primary {
            --bs-btn-color: #fff;
            --bs-btn-bg: var(--bs-primary);
            --bs-btn-border-color: var(--bs-primary);
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: var(--bs-link-hover-color);
            --bs-btn-hover-border-color: var(--bs-link-color);
            --bs-btn-focus-shadow-rgb: 8, 121, 144;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: var(--bs-link-hover-color);
            --bs-btn-active-border-color: var(--bs-link-color);
            --bs-btn-disabled-bg: var(--bs-primary);
            --bs-btn-disabled-border-color: var(--bs-primary);
        }
        .btn-outline-primary {
            --bs-btn-color: var(--bs-primary);
            --bs-btn-border-color: var(--bs-primary);
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: var(--bs-primary);
            --bs-btn-hover-border-color: var(--bs-primary);
            --bs-btn-focus-shadow-rgb: 8, 121, 144;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: var(--bs-primary);
            --bs-btn-active-border-color: var(--bs-primary);
            --bs-btn-disabled-color: var(--bs-primary);
            --bs-btn-disabled-border-color: var(--bs-primary);
            --bs-gradient: none;
                }
    /* E : _bottons.scss */


    /* S : _form-check.scss */
        .form-check-input:checked {
            background-color: var(--bs-primary);
            border-color: var(--bs-primary);
        }
    /* E : _form-check.scss */


    /* S : _border-radius.scss */
        .form-check-input[type=checkbox] {
            border-radius: .15em;
        }
    /* E : _border-radius.scss */


    /* S : _tables.scss */
        .table {
            --bs-table-hover-bg: #cff4fc9a;
            vertical-align: middle;
        }
        .table>:not(caption)>*>* {
            padding: 1rem .5rem;
        }
    /* E : _tables.scss */


/* E : 부트스트랩 scss값 수정 ----------------------------------------------- */


/* S : 카드 레이아웃 */
    .program .card .card-body .card-title,
    .program .card .card-body .card-text {
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
/* E : 카드 레이아웃 */


/* S : footer */
    #footer {
        font-weight: 300;
    }

    #footer .list-menu {

    }
    #footer .list-menu,
    #footer address dl {
        gap: 15px;
    }

    #footer .list-menu li::after,
    #footer address dl dt::after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 15px;
        margin-left: 15px;
        transform: translateY(2px);
        background-color: #fff;
    }
    #footer .list-menu li:last-child::after {
        display: none;
    }

    #footer .copyright {
        font-size: 0.85em;
    }
/* E : footer */