@charset "UTF-8";
:root,
[data-bs-theme=light] {
    --bs-primary: #402D5F !important;
    --bs-secondary: #106cbc !important;
    --bs-info: #26A7E6 !important;
    --bs-text-info: #ffffff !important;
}

.content {
    max-width: 1600px !important;
}


.line-bottom:after {
    background: var(--bs-primary) !important;
}

.text-primary {
    color: var(--bs-primary) !important;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
    color:#fff !important;
}

.bg-secondary {
    background: linear-gradient(135deg, #0A82EA, #0572d1);
    color:#fff !important;
}

.bg-black {
    color:#fff !important;
}

.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-info {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
}

.btn-banner {
    background-image:url('/common/ksm/img/bg_banner_btn1.jpg');
    background-size: 100% 100%;
}
.btn-banner:hover {
    background-image:url('/common/ksm/img/bg_banner_btn2.jpg');
}
.bg-info {
    background-color: var(--bs-info) !important;
    color: var(--bs-text-info)
}
.label-info {
    background-color: var(--bs-info) !important;
    color: var(--bs-text-info)
}
.bg-green {
    background-color: #D6FF0A;
    color:#000;
}
.text-green {
    color: #D6FF0A;
}

@font-face {
    font-family: 'Paperlogy-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
}
.font-Paperlogy {
    font-family: 'Paperlogy-5Medium', sans-serif !important;
    font-weight: 600 !important;
}


.btn-link {
    color: var(--bs-primary);
}

.page-header-dark .badge {
    background-color: var(--bs-white);
}
.page-header-dark header .btn-link {
    color: var(--bs-white) !important;
}

header .badge {
    background-color: var(--bs-primary);
}

.searcharea .search-box {
    font-size: 0.875rem;
    font-weight: 600;
    color: #000;
}

.table-striped > tbody > tr.bg-primary-color:nth-of-type(odd) > * {
    --bs-table-color-type: var(--bs-white);
    --bs-table-bg-type: var(--bs-primary);
}
.table-striped > tbody > tr.bg-primary-color:hover > * {
    --bs-table-color-type: var(--bs-white);
    --bs-table-bg-type: var(--bs-primary);
}

#main-container .content .row > .col-8.index-left > div:nth-child(odd) {
    background-color: var(--bs-gray-100);
}

#main-container .content .row > .col-4.index-right > div:nth-child(even) {
    background-color: #f9fdff;
}
#main-container .content .row > .col-4.index-right > div:nth-child(even) .table-hover > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-black-trans-3);
    --bs-table-bg-state: var(--bs-black-trans-3);
}

.card-group .card-group-content tr td {
    height: 102px;
}

.coverImg .text-shadow {
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3)
    , 1px 1px 1px rgba(0, 0, 0, 0.3)
    , 1px 5px 30px rgba(255,255,255, 0.7);
}
.coverImg.bg-noimage-primary {
    color: #fff;
    background: linear-gradient(to bottom, #06a3a3, #0bbdbd);
    background-size: cover;
    box-shadow: inset 0px -5px 25px rgba(0,0,0,.06);
}

.bt_chapter {
    transition: .3s;
    cursor:pointer
}
.bt_chapter:hover {
    background-color: rgba(0,0,0,.06);
    transition: .3s;
}

#yearSchesTrue .yearlist .active {
    border: 1px solid var(--bs-gray-500);
    background-color: var(--bs-gray-200);
    padding: 0px 30px;
    border-radius: 10px;
    box-shadow: 0 5px 0px rgba(0,0,0,.2);
}
#yearSchesTrue .yearlist > .h3 {
    transition: .3s;
}
#yearSchesTrue .yearlist > .h3:hover {
    color:#000 !important;
    font-weight: 800 !important;
    font-size: 2.4rem;
    transition: .3s;
}


td .btn-group {
    white-space: nowrap;
}
td .btn-group > .btn:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-left: 15px !important;
    padding-right: 10px !important;
}
td .btn-group > .btn:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-left: 10px !important;
    padding-right: 15px !important;
}

.liChurch > div div {
    background-color: var(--bs-black-trans-10) !important;
    cursor: pointer;
    transition: .3s;
}
.liChurch > div:hover div {
    background-color: var(--bs-secondary) !important;
    color: #fff;
    transition: .3s;
}
.liChurch > div div.active {
    background-color: var(--bs-primary) !important;
    color: #fff;
    transition: .3s;
}

/*탭메뉴*/
.nav-pills {
    width: 800px;
    margin: 10px auto;
    border: 0.1px solid rgba(0,0,0,.3);
    border-radius: 15px;
}
.nav-pills a.nav-link {
    height: 60px;
    border-radius: 0;
    font-weight: 600;
    font-size:20px;
    background-color:#fff;

    display: flex;                 /* flex 컨테이너로 변경 */
    align-items: center;           /* 세로 가운데 정렬 */
    justify-content: center;
}
.nav-pills .nav-link.active {
    background-color:#402D5F;
    box-shadow: 0 7px 0 rgba(0,0,0,.1);
}
.nav-pills .nav-item:nth-child(1) a {
    border-top-left-radius:15px;
    border-bottom-left-radius:15px;
}
.nav-pills .nav-item:nth-child(2) a {
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
}
/*.nav-pills .nav-item:nth-child(2) {*/
/*    border-right: 0.1px solid rgba(0,0,0,.3);*/
/*    border-left: 0.1px solid rgba(0,0,0,.3);*/
/*}*/
/*.nav-pills .nav-item:nth-child(3) a {*/
/*    border-top-right-radius:15px;*/
/*    border-bottom-right-radius:15px;*/
/*}*/
.nav-pills .nav-link i {
    font-size: 30px;
    line-height: 130%;
}

.index-seminar ul.nav li.nav-item a.nav-link.active {
    color: var(--bs-secondary);
    background: initial;
}

#commentRoller {
    transition: transform 0.5s ease-in-out;
}

.comment-item {
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
}