
.top-red {
    /*display: flex;*/border-top: 1px solid var(--color-red);
}
.sub-qna-menu {
    /*width: 30%;*/
    position: sticky; 
    top: calc(var(--pad)/1.1);
    padding: calc(var(--pad)*0.3) 0;
}
.sub-qna-menu ul {
    padding-left: 24px;
}
.sub-qna-menu li {
    cursor: pointer;
    padding-bottom: 10px;
    list-style-type: disc;
    list-style-position: outside;
}
.large-cat-title {
    font-weight: 700;
    color: #333;
    text-transform: uppercase; 
}
.sub-qna-items-each .large-cat-title {
    padding-top: 35px;
    padding-bottom: 10px;
    color: var(--color-teal);
}
.sub-qna-menu li.active {
    /*color: var(--color-red);*/
}
.sub-qna-menu li:hover {
    color: var(--color-red);
}
.sub-qna-items .ico i {
   color: var(--color-red);
}

.sub-qna-item {
    border-bottom: 1px solid var(--color-red);
    padding: calc(var(--pad)*0.3) 0;
}
.sub-qna-item-answer {
    display: none;
}
.sub-qna-item-answer s {
    color: var(--color-red);
    text-decoration: none;
    font-size: 17px;
    line-height: 140%;
    font-style: italic;
    letter-spacing: 0;
}
.sub-qna-items li {
    list-style:disc;
}
.sub-qna-items-each .sub-qna-item-answer {
    display: none;
}


.sub-qna-item-question {
    font-weight: 600;
    color: #333;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    
}
.sub-qna-item-question {
    font-size: 1.1em;
}

.sub-qna-item-question .block-text, .sub-qna-item-answer {
   padding-right:5px;
}


.sub-qna-item-answer {
    padding-top: 1em;
}
.sub-qna-item-answer li {
    margin-left: 20px;
}
.sub-qna-item-answer ul {
    padding-top: 1.5em;
}


.sub-qna-items-each {
    position: relative;
}
.sub-qna-items-each .bg-expanded {
    position: absolute;
    width:300%;
    height: calc(100% + 2px);
    top:-1px;
    z-index: -1;
    transform: translateX(-50%);
    background: var(--color-salmon);
   
}
.sub-qna-items .sub-qna-items-each:nth-child(odd) .bg-expanded {
    display: none;
    
}

.sub-qna-items-each .sub-qna-item:last-of-type .sub-qna-item-question {
    /*display: block;*/
    padding-bottom: 0em;
}

.sub-qna-items .sub-qna-items-each:last-of-type .sub-qna-item-answer { /* RESOURCE **/
    padding-bottom: 0;
}
.sub-qna-items .sub-qna-items-each:last-of-type .sub-qna-item { /* RESOURCE **/
    border-bottom: none;
}


.sub-qna-items .sub-qna-items-each:last-of-type .sub-qna-item-question {
    
}
.sub-qna-items .sub-qna-items-each:last-of-type .sub-qna-item-question a {
   
}

@media (min-width: 768px) {
    .sub-qna-items-each .sub-qna-item:last-of-type .sub-qna-item-question {
        /*display: block;*/
        padding-bottom: 0;
    }   
    .sub-qna-items .sub-qna-items-each:last-of-type .sub-qna-item-answer { /* RESOURCE **/
        padding-bottom: 4em;
    }

}
@media (min-width: 992px) {
    .sub-qna-item-question .block-text, .sub-qna-item-answer {
       padding-right:5%;
    }
    .sub-qna-item-question .block-text p {
       
    }
    .sub-qna-items-each .large-cat-title {
        padding-top: 40px;
        padding-bottom: 5px;
    }
    .sub-qna-items .sub-qna-items-each:last-of-type .sub-qna-item-answer { /* RESOURCE **/
        padding-bottom: 2em;
    }
}



.people-holder {
    width: 100vw;
    position: absolute;
    bottom:-5px;
    display: flex;
    justify-content: center;
}
.people-holder .people {
 
}

@media screen and (max-width: 767px) {
    .endpage-pad {
        display: flex;
        justify-content: center;
        aspect-ratio:1/0.4;
    }
    .people {
        width: 50%;        
    }
}
@media screen and (max-width: 540px) {
    .endpage-pad {
        display: flex;
        justify-content: center;
        aspect-ratio:1/0.5;
    }
    .people {
        width: 65%;        
    }
}

@media screen and (min-width: 768px) {
    .people {
        width: 33%;
        max-width: 400px;
    }
}
@media screen and (min-width: 992px) {
    .people {
        width: 30%;
    }

}
@media screen and (min-width: 1200px) {
    .people {
        width: 28%;
    }

}
@media screen and (min-width: 1400px) {
    .people {
        width: 25%;
    }

}
@media screen and (min-width: 1600px) {
    .people {
        width: 48%;
        max-width: 400px;
    }

}
@media screen and (min-width: 1800px) {
    .people {
        width: 48%;
        max-width: 430px;
    }

}

@media screen and (min-width: 2100px) {
    .people {
      

    }
}


.bg-logomark {
    position: absolute;
    z-index: -1;
    top: calc(var(--pad)/1) !important;
    left: 0;
    width: 50%;
    transform: translate(-50%, 0%);
}
.bg-logomark-svg {
    filter: invert(74%) sepia(6%) saturate(607%) hue-rotate(326deg) brightness(127%) contrast(97%);
    opacity: 0.8;
}

@media screen and (max-width: 767px) {
    .bg-logomark {
        width: 80%;
        transform: translate(-50%, 0%);
    }
}
@media screen and (max-width: 540px) {
    .bg-logomark {
        width: 100%;
        transform: translate(-50%, 0%);
    }
}


.block-type-image {
    margin-bottom: 0em;
}
.block-type-image a {
    filter: none;
    pointer-events: all !important;
}