.content-wrapper{
    max-width: 576px;
}

.fixed-top {
    z-index: 1030; /* 다른 요소와 겹치지 않도록 충분히 높은 z-index 설정 */
}

.blue-custom-button{
    color: var(--brand-blue);
    background-color: var(--brand-blue-opacity);
    border-radius: 20px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 32px;
}

.blue-custom-button-2{
    color: var(--basic-white);
    background-color: var(--brand-blue);
    border-radius: 20px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 32px;
}

.blue-custom-button-3{
    color: var(--basic-white);
    background-color: var(--brand-blue);
    border-radius: 20px;
    border: none;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 16px;
}

/* Text*/
.text-ellipsis {
    white-space: nowrap;          /* 텍스트를 한 줄로 유지 */
    overflow: hidden;             /* 넘치는 텍스트를 숨김 */
    text-overflow: ellipsis;      /* 말줄임표(...) 추가 */
    max-width: 100%;              /* 텍스트 영역의 최대 너비 설정 */
    display: block;               /* 블록 레벨 요소로 설정 */
}


.img-spacing {
    margin-right: 28px;
    margin-left: 28px;
}
/* 마지막 이미지에서 오른쪽 간격 제거 */
.img-spacing:last-child {
    margin-right: 0;
}

/* 기본 탭 배경색 */
.nav-tabs {
    background-color: #ffffff;
    border-bottom: none; /* 하단 border 제거 */
    border-radius: 8px;
}

/* 기본 탭 링크 스타일 */
.nav-tabs .nav-link {
    color: #000;
    border: none; /* 탭의 border 제거 */
    width: 100%; /* 탭 너비를 100%로 설정 */
    font-size: 16px;

}

/* 활성화된 탭 스타일 */
.nav-tabs .nav-link.active {
    background-color: var(--brand-blue);
    color: #FFFFFF;
    border: none; /* 활성화된 탭 border 제거 */
    border-radius: 24px;
    font-size: 16px;

}

/* 탭에 맞는 컨텐츠 영역 */
.tab-content {
    width: 100%; /* 탭 컨텐츠 너비를 100%로 설정 */
}

.btn-link.custom-question{
    color: var(--basic-black);
    font-size: var(--font-16);
    font-weight: 400;
    padding: 4px 0px 4px 0px !important;
}

.card-header{
    background-color: white;
    border: none;
    border-radius: 16px !important;
}

.card.custom-card{
    border: none;
}

.card-body{
    background-color: #F4F4F4;
    color: #474747;
    padding: 20px;
    font-size: var(--font-16);
}

.btn:focus {
    outline: none !important; /* 포커스 시 아웃라인 제거 */
    box-shadow: none !important; /* 포커스 시 박스 그림자 제거 */
}

.btn.focus {
    outline: none !important;
    box-shadow: none !important;
}