/* BASIC css start */
.entire-container {
    display: flex;          /* Flexbox 활성화 */
    flex-direction: column; /* 요소를 세로로 배치 */
    height: 100%;
    width: 100%;
}

.entire-container .content-container {
    flex: 1;
    box-sizing: border-box;
    padding: 30px 30px 10px 30px;              /* 안쪽 여유 공간 */
    border: 5px solid #B25162;  /* 외곽선 */
    border-radius: 5px;         /* 모서리 살짝 둥글게 */
    background-color: #fff;     /* 배경 흰색 */
    font-family: 'Nanum Gothic'; /* 나눔고딕 적용 */
}

.entire-container .content-container .popup-title {
    font-size: 24px;            /* 제목 크기 */
    font-weight: 800;           /* 아주 두껍게 */
    color: #FF7F27;             /* 이미지의 주황색 계열 */
    text-align: center;
    margin-bottom: 20px;        /* 제목과 본문 사이 간격 */
}

.entire-container .content-container .popup-content {
    font-size: 14px;            /* 본문 크기 */
    font-weight: 600;           /* 보통 두께 */
    color: #333;                /* 진한 회색 */
    line-height: 1.5;           /* 가독성을 위해 줄간격 넓게 */
    word-break: keep-all;       /* 한글 단어 단위 끊김 방지 */
    margin-bottom: 10px;        /* 본문과 닫기 안내 사이 간격 */
}

.entire-container .content-container .popup-content br {
    display: block;
    content: "";
    margin-top: 10px;
}

.entire-container .close-wrap {
    flex-shrink: 0;
    position: relative;
    padding: 5px 0;
    color: #000;
    text-align: center;
    margin-left: auto;
    margin-right: 0;
}

/* BASIC css end */