:root {
    --primary-red: #d71921;
    --primary: #dd6969;
}

/* 재단소개 > 재단소개 S */
#about .sec01 .logoWrap {
    padding: 96px;
    border: 1px solid #ddd;
}

#about .sec01 .txtWrap {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-top: none;
    display: flex;
    flex-wrap: wrap;
    gap: 64px;
    justify-content: center;
}

#about .sec02 .mission .badge {
    background-color: var(--surface-red);
    color: var(--primary-red);
    font-size: 16px;
    font-weight: bold;
    padding: 8px 15px;
}

#about .sec02 .mission .lineWrap,
#about .sec02 .vision .lineWrap {
    display: flex;
    justify-content: center;
}

#about .sec02 .mission .lineWrap .line,
#about .sec02 .vision .lineWrap .line {
    width: 2px;
    height: 32px;
    ;
    background-color: var(--primary-red);
}

#about .sec02 .mission .txt {
    padding: 45px 12px;
    background-color: var(--surface-red);
    border: 1px solid var(--primary-red);
    border-radius: 8rem;
}

#about .sec02 .vision .badge {
    background-color: var(--primary-red);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 15px;
}

#about .sec02 .vision .txt {
    padding: 45px 12px;
    background-color: var(--primary-red);
    color: #fff;
    border-radius: 8rem;
}

#about .sec03 .box {
    padding: 32px;
    background-color: #f8f9fa;
    border-radius: 1rem;
}

#about .sec03 .box .fs-22 {
    padding-bottom: 12px;
}

#about .sec03 .box .fs-18 {
    color: #555;
    word-break: keep-all;
}

@media (max-width:992px) {
    #about .sec01 .logoWrap {
        padding: 96px 24px;
    }

    #about .sec01 .txtWrap {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
}

/* 재단소개 > 재단소개 E */


/* 재단소개 > 연혁 S */
/* 탭 버튼 */
#history .tab-menu {
    display: flex;
    justify-content: center;
    gap: 16px;
}

#history .tab-btn {
    padding: 20px 28px;
    cursor: pointer;
    border: none;
    background-color: #f8f9fa;
    /* background: none; */
    font-size: 20px;
    color: #555;
}

#history .tab-btn.active {
    background-color: var(--primary-red);
    color: #fff;
    font-weight: bold;
}

/* 콘텐츠 */
#history .tab-content {
    display: none;
}

#history .tab-content.active {
    display: block;
}

/* 재단소개 > 연혁 S */
#history .history{
    display: flex;
    align-items: center;
}
#history .history-item .yearWrap{
    background-color: #f7f7f7;
    padding: 32px 48px;
    margin-bottom: 24px;
}
#history .history-item .yearWrap .fs-1{
    color:#dd6969;
}
#history .history-item .yearWrap .monthWrap .month{
    font-weight: bold;
    width: 65px;
    /* color: #666; */
    /* padding-right: 16px; */
}
#history .history-item .yearWrap ul{
    /* padding-left: 16px;/ */
    color: #666;
    word-break: keep-all;
}

@media (max-width: 992px){
    #history .history-item .yearWrap{
    padding: 24px;
}
    #history .history-item .yearWrap .fs-1{
        padding-bottom: 24px;
    }
}
/* 재단소개 > 연혁 E*/





/* 재단소개 > 조직도 S */
#org .sec01 {
    border: 1px solid #ddd;
}
#org .table{
    /* --bs-table-rgb: 221.105.105;
    --bs-table-border-color: #999999; */
}
#org .table .table-info{
    
}
#org .table th{
    background-color: #ffe9e9;
    padding: 0.75rem;
    color: #333;
    vertical-align: middle;
    border: 1px solid #ea9e9e;
    /* border-bottom: 2px solid #ea9e9e; */
}
#org .table th.bg{
    /* background-color: #dd6969;
    color: #fff; */
}
#org .table td{
    padding: 0.75rem;
    border: 1px solid #dee2e6;
}

/* 재단소개 > 조직도 E */


/* 재단소개 > 오시는길 S */
#contact .mapWrap {
    border-radius: 2rem;
    overflow: hidden;
}

#contact .mapWrap .cont,
#contact .mapWrap .wrap_controllers {
    display: none;
}

#contact .address {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-left: 32px;
}

#contact .infoWrap .box {
    border-radius: 1.5rem;
    padding: 32px;
}

#contact .infoWrap .box .badge {
    padding: 8px 16px;
    background-color: var(--primary);
    margin-bottom: 64px;
}

#contact .infoWrap .box.tel {
    background: #f8f9fa url(../html/intro/images/contact_ico01.png) no-repeat top right;
}

#contact .infoWrap .box.fax {
    background: #f8f9fa url(../html/intro/images/contact_ico02.png) no-repeat top right;
}

#contact .infoWrap .box.email {
    background: #f8f9fa url(../html/intro/images/contact_ico03.png) no-repeat top right;
}

@media (max-width:992px) {
    #contact .address {
        padding-left: 0;
    }
}

/* 재단소개 > 오시는길 E */

/* ========================================================
나눔사업
======================================================== */
#busi .textWrap p br{
    display: block;
}
@media (max-width: 1244px) {
    #busi .textWrap p br{
    display: none;
}
}
#busi>section {
    margin-bottom: 3.5rem;
}

/* 아동·청소년 복지지원사업 S */
#busi .cont_top {
    padding: 1.5rem;
    text-align: left;
    border-radius: 1rem;
    background-color: var(--surface-red);
}

#busi .cont_top b {
    font-weight: 700;
}

#busi .cont_slide {
    --text-ps: calc(var(--bs-gutter-x) * .5);
    padding-bottom: 3rem;
    border-bottom: solid 1px var(--bs-border-color);
}

#busi .cont_slide img.slide {
    display: inline-block;
    width: 100%;
    aspect-ratio: 1.54 / 1;
    object-fit: cover;
    border-radius: 1rem;
    background-color: black;
    /* border: 1px solid #ddd; */
}

#busi .cont_slide .text {
    padding-left: var(--text-ps);
}

#busi .cont_slide .text .category {
    display: flex;
    align-items: center;
    padding-top: 48px;
    padding-bottom: 32px;
}



#busi .cont_slide .text h3 {
    font-size: 38px;
    font-weight: bold;
    color: var(--primary);
    padding-left: 8px;
}



#busi .cont_slide .text h5 {
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 12px;
}

#busi .cont_slide .text p {
    color: #555;
}

#busi .cont_slide .text br {
    display: block;
}

/* 260703 busi 수정 */
#busi .con01 {
    --text-ps: calc(var(--bs-gutter-x) * .5);
    padding-bottom: 48px;
    border-bottom: solid 1px var(--bs-border-color);
}

#busi .con01 img.slide {
    display: inline-block;
    width: 100%;
    aspect-ratio: 1.54 / 1;
    object-fit: cover;
    border-radius: 1rem;
    background-color: black;
    /* border: 1px solid #ddd; */
}

#busi .con01 .title .textWrap {
    padding-left: 48px;
    padding-left: 48px;
    word-break: keep-all;
}

#busi .con01 .title .fs-1 {
    font-size: 40px;
    font-weight: bold;
    color: var(--primary);
    padding-top: 64px;
    padding-bottom: 48px;
    /* border-bottom: 1px solid var(--primary); */
}
#busi .con01 .title .fs-4{
    font-weight: bold;
    color: #655c4f;
}
#busi .con01 .title p {
    padding-top: 8px;
    font-size: 16px;
    color: #555;
}




#busi .item {
    padding: 1rem;
    border-radius: 0.5rem;
    background-color: rgba(var(--bs-tertiary-bg-rgb));
}

#busi .carousel-control {
    position: relative;
    height: fit-content;
    padding-bottom: 48px;
}

#busi .carousel-control>button {
    position: static;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50em;
    background-color: rgba(var(--bs-light-rgb));
    opacity: 1;
    color: #a2a2a2;
}

#busi .carousel-control>button:hover {
    background-color: #fff8f8;
    color: var(--primary);
}

#busi .carousel-control>button+button {
    margin-left: 0.5rem;
}

#busi .cont .box {
    padding: 32px;
    background-color: #f8f9fa;
    border-radius: 1rem;
}

#busi .cont .box img {
    padding-bottom: 48px;
}

#busi .cont .box .fs-22 {
    padding-bottom: 8px;
    color: #655c4f;

}

#busi .cont .box .fs-18 {
    color: #555;
}


@media (min-width: 992px) {
    #busi .cont_top {
        padding: 2rem;
        text-align: center;
    }
}

@media (min-width: 1200px) {
    #busi>section {
        margin-bottom: 6rem;
    }

    #busi .cont_slide {
        --text-ps: 3rem;
        padding-bottom: 6rem;
    }

    #busi .carousel-control {
        position: absolute;
        left: calc(50% + var(--text-ps));
        bottom: 0;
    }

    #busi .item {
        padding: 2rem;
        border-radius: 1rem;
    }
}

@media (max-width:992px) {
    #busi .cont_slide .text .category {
        padding-top: 24px;
    }

    #busi .cont_slide .text .category img {
        height: 36px;
    }

    #busi .cont_slide .text h3 {
        font-size: 32px;
    }

    #busi .cont_slide .text h5 {
        font-size: 24px;
    }

    #busi .cont_slide .text br {
        display: none;
    }

    #busi .cont .item {
        display: flex;
        flex-direction: column;
    }

    #busi .carousel-control {
        padding-bottom: 0;
    }

    #busi .cont .box {
        padding: 24px;
    }

    #busi .con01 .title .textWrap {
        padding-left: 0;
        padding-left: 0;
    }

    #busi .con01 .title .fs-1 {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    #busi .con01 .title p {
        /* padding-top: 24px; */
    }
}

@media (max-width: 768px) {
    #busi .carousel-control {
        padding-top: 24px;
    }

    #busi .cont_top .fs-3 {
        font-size: 1.25rem !important;
    }

    #busi .cont_slide .text {
        margin-top: 1rem;
    }

    #busi .item {
        display: flex;
    }
}

@media (max-width: 576px) {
    #busi .cont_top .pre-line {
        word-break: normal;
    }
}

/* 아동·청소년 복지지원사업 E */






/* 후원문화 > 후원안내 S */
#supabout .lftBox01 {
    padding: 32px;
    background-color: #f8f9fa;
    border-radius: 1rem;
}

#supabout .lftBox02 .dl-item dt {
    padding: 10px 0px;
}

#supabout .lftBox02 .dl-item dt::before {
    content: '';
    width: 3px;
    height: 18px;
    background-color: var(--primary-red);
    margin-bottom: -2px;
    margin-right: 10px;
    display: inline-block;
}

#supabout .lftBox02 .dl-item .table {
    border-bottom: 1px solid #ddd;
}

#supabout .lftBox02 .dl-item .table tr th {
    border-top: 1px solid #000;
    background-color: #f8f9fa;
    font-weight: 500;
    color: #000;
    text-align: center;
}

#supabout .lftBox02 .dl-item .table tr td,
#supabout .lftBox02 .dl-item .table tr th {
    padding: 18px;
}

#supabout .lftBox02 .dl-item .table tr th:first-child,
#supabout .lftBox02 .dl-item .table tr td:first-child {
    border-right: 1px solid #ddd;
}

#supabout .lftBox02 .banner .ban01 {
    background: var(--primary) url(../html/support/images/supabout_01.png) right bottom no-repeat;
    border-radius: 1rem;
    color: #fff;
}

#supabout .lftBox02 .banner .ban01 .badge01,
#supabout .lftBox02 .banner .ban02 .badge02 {
    padding: 9px 25px;
    display: inline-block;
    /* border-radius: 2rem; */
    background-color: #fff;
    color: var(--primary);
}

#supabout .lftBox02 .banner .ban02 .badge02 {
    margin-bottom: 26px;
}

#supabout .lftBox02 .banner .ban02 {
    background: #ffe9e9 url(../html/support/images/supabout_02.png) right bottom no-repeat;
    border-radius: 1rem;
    /* padding: 48px; */
}

@media (max-width:992px) {
    #supabout .lftBox01 {
        padding: 24px;
    }

}

/* 후원문화 > 후원안내 E */


/* 장학회 > 장학회 소개 S */
#scabout .sec01 .mission {
    padding-bottom: 72px;
}

#scabout .sec01 .mission .badge {
    background-color: var(--surface-red);
    color: var(--primary-red);
    font-size: 16px;
    font-weight: bold;
    padding: 8px 15px;
}

#scabout .sec01 .mission .lineWrap,
#scabout .sec01 .vision .lineWrap {
    display: flex;
    justify-content: center;
}

#scabout .sec01 .mission .lineWrap .line,
#scabout .sec01 .vision .lineWrap .line {
    width: 2px;
    height: 32px;
    ;
    background-color: var(--primary-red);
}

#scabout .sec01 .mission .txt {
    padding: 45px 12px;
    background-color: var(--surface-red);
    border: 1px solid var(--primary-red);
    border-radius: 8rem;
}

#scabout .sec01 .vision {
    padding-bottom: 96px;
}

#scabout .sec01 .vision .badge {
    background-color: var(--primary-red);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 15px;
}

#scabout .sec01 .vision .txt {
    padding: 45px 12px;
    background-color: var(--primary-red);
    color: #fff;
    border-radius: 8rem;
}

#scabout .sec02 .box {
    padding: 32px;
    background-color: #f8f9fa;
    border-radius: 1rem;
}

#scabout .sec02 .box img {
    padding-bottom: 32px;
}

#scabout .sec02 .box .fs-22 {
    padding-bottom: 12px;
}

#scabout .sec02 .box .fs-18 {
    color: #555;
}

@media (max-width:992px) {
    #scabout .sec01 .mission .txt {
        border-radius: 1rem;
    }

    #scabout .sec01 .vision .txt {
        border-radius: 1rem;
    }
}

/* 장학회 > 장학회 소개 E */


/* 장학회 > 연혁 S */
#schistory .history-item {
    /* border-top: 1px solid #ddd */
}

#schistory .history-item .box {
    border-top: 1px solid #ddd;
    display: flex;
}

#schistory .history-item .lft {
    padding-right: 48px;
    padding-top: 48px;
}

#schistory .history-item .lft .fs-2 {
    font-weight: 900;
    width: 144px;
    color: #000;
    /* color: #dd6969; */
}

#schistory .history-item .rgt {
    color: #666;
    padding: 48px 12px 48px 48px;
    /* border-top: 1px solid #ddd; */
    /* box-sizing: border-box; */
}

#schistory .history-item .year {
    width: 130px;
    font-weight: bold;
}

@media (max-width: 576px) {
    #schistory .history-item .box {
        flex-direction: column;
    }

    #schistory .history-item .rgt {
        padding: 32px 0 48px 0;
    }
}

/* 장학회 > 연혁 E */

/* 장학회 > 조직도 S */
#scorg .sec01 {
    border: 1px solid #ddd;
}

/* 장학회 > 조직도 E */