/* ===========================================================
  Terms service style css
=========================================================== */
.custom-terms-tabs{border-bottom: 2px solid #ddd; display: flex;}
.custom-terms-tabs .nav-item{flex: 1;}

.custom-terms-tabs .nav-link{
    width: 100%; border: none !important; border-radius: 0;
    padding: 1.125rem 0; font-size: 1.125rem; font-weight: normal; color: #b4b4b4;
    background: none; margin-bottom: -0.125rem;
}
.custom-terms-tabs .nav-link.active{
    color: #D41367 !important; font-weight: 700 !important;
    border-bottom: 3px solid #D41367 !important;
    background: transparent !important;
}
.custom-terms-container{position: relative; width: 100%;}
.terms-scroll-box{max-height: 31.25rem; overflow-y: auto; background: #fff; line-height: 1.8;}

.pc-tab-title{font-size: 2.1875rem;}
.terms-inner-text>p{font-size: 1rem;}
.terms-title{font-size: 1.25rem !important;}

.accordion-button:focus{border-color: none !important; box-shadow: none !important;}


/* ===========================================================
   추가 반응형
=========================================================== */
@media (max-width: 61.99875rem){ /* (max-width: 991.98px) */
    .flat-spacing-11{padding-top: 6.25rem; padding-bottom: 2.8125rem;}
}

/* ==== special section ==== */
@media (min-width: 48rem) { /* (min-width: 768px) */
    .tab-content > .tab-pane:not(.active){display: none !important;}
}

@media (max-width: 47.99875rem){ /* (max-width: 767.98px) */
    /* 이용약관 -> 아코디언으로 변경 */
    .tab-content > .tab-pane{display: block !important; opacity: 1 !important;}
    .accordion-button:not(.collapsed){color: #D41367; background-color: #fff0f5; font-weight: 600;}

    .accordion-header{line-height: 1 !important;}
    .accordion-button{font-size: 1.125rem !important; font-weight: 600;}
    .terms-scroll-box{border-radius: 6px;}

    .terms-inner-text>p{font-size: 1rem;}
    .terms-title{font-size: 1.125rem !important; margin-bottom: 0 !important;}
    .terms-title.mt-4{margin-top: 1rem !important;}
}

@media (max-width: 35.99875rem){ /* (max-width: 575.98px) */
    .accordion-button{font-size: 1.0625rem !important;}
    .terms-inner-text>p{font-size: 0.9375rem;}
    .terms-title{font-size: 1rem !important; margin-bottom: 0 !important;}
    .terms-title.mt-4{margin-top: 0.9375rem !important;}
}