/* 메인 콘텐츠 영역 */
.d-day-content{
    width: 328px;
    display: flex;
    align-items: center; /* 가로 방향 가운데 정렬합니다. */
    flex-direction: column; /* 아이템을 세로 방향으로 정렬합니다. */
    padding: 32px 0;
    border-radius: 16px;
    background-color: #fff;
    text-align: center;
}
.d-day-content-first{

}
.d-day-content-second{
    margin-top: 17px;
}
.d-day-bell{
    width: 26px;
    height: 26px;
    background-image: url('../images/ic-bell-img.png'); /* 배경 이미지 경로 */
    background-size: cover; /* 배경 이미지를 화면에 꽉 채움 */
    background-repeat: no-repeat; /* 배경 이미지 반복 안 함 */
}
.d-day-push-text{
    margin-top: 12px;
    align-self: stretch;
    flex-grow: 0;
    font-family: 'Apple SD Gothic Neo';
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.05px;
    text-align: center;
    color: #2a2b32;
}
.text-color{
    color: #f66666;
}

.d-day-push-noti-box{
    margin-top: 16px;
    width: 280px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    border-radius: 12px;
    background-color: #edeff2;
}

.d-day-push-noti-img{
    width: 264px;
    height: 56px;
    background-image: url('../images/noti-img.png'); /* 배경 이미지 경로 */
    background-size: cover; /* 배경 이미지를 화면에 꽉 채움 */
    background-repeat: no-repeat; /* 배경 이미지 반복 안 함 */
}
.d-day-push-noti-text{
    font-family: 'Apple SD Gothic Neo';
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.05px;
    text-align: center;
    color: #9ea6b3;
}

.d-day-heart{
    width: 26px;
    height: 26px;
    background-image: url('../images/foto-d-day7-heart.png'); /* 배경 이미지 경로 */
    background-size: cover; /* 배경 이미지를 화면에 꽉 채움 */
    background-repeat: no-repeat; /* 배경 이미지 반복 안 함 */
}

.d-day-noti{
    margin-top: 12px;
    display: flex; /* Flexbox를 사용하여 자식 요소를 행으로 배치 */
    align-items: center; /* 자식 요소들을 수직 가운데 정렬 */
}
.d-day-noti-text{
    max-width: 280px;
    font-family: 'Apple SD Gothic Neo';
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: -0.06px;
    white-break:normal;


}
.d-day-noti-foto{
    margin: 0 0 0 8px;
    padding: 0px;
    display: block;
    width: 42px;
    height: 17px;
    background-image: url('../images/foto-d-day7-foto.png'); /* 배경 이미지 경로 */
    background-size: cover; /* 배경 이미지를 화면에 꽉 채움 */
    background-repeat: no-repeat; /* 배경 이미지 반복 안 함 */
}

.d-day-noti-details{
    max-width:280px;
    white-break:normal;
    font-family: 'Apple SD Gothic Neo';
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.05px;
    margin: 12px 0 0 0;
    padding: 0px;
}
.d-day-noti-widget{
    margin-top: 45px;
    width: 262px;
    height: 336px;
    background-image: url('../images/foto-ateez-info-img-card@2x.png'); /* 배경 이미지 경로 */
    background-size: cover; /* 배경 이미지를 화면에 꽉 채움 */
    background-repeat: no-repeat; /* 배경 이미지 반복 안 함 */
}
.d-diy-noti-footer{
    margin-top: 12px;
    padding:12px 16px;
    width: 244px;
    border-radius: 12px;
    border: solid 1px #cad0d8;
    font-family: 'Apple SD Gothic Neo';
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.05px;

}


.guide-icon{
    margin-top: 45px;
    display: flex; /* 텍스트를 세로로 가운데 정렬하기 위해 다시 Flexbox를 적용 */
    justify-content: center; /* 가로 방향 가운데 정렬합니다. */
    align-items: center; /* 세로 방향 가운데 정렬합니다. */
}
.guide-1-icon{
    width: 25px;
    height: 25px;
    background-image: url('../images/one_img.png'); /* 배경 이미지 경로 */
    background-size: cover; /* 배경 이미지를 화면에 꽉 채움 */
    background-repeat: no-repeat; /* 배경 이미지 반복 안 함 */
}

.guide-2-icon{
    width: 25px;
    height: 25px;
    background-image: url('../images/two_img.png'); /* 배경 이미지 경로 */
    background-size: cover; /* 배경 이미지를 화면에 꽉 채움 */
    background-repeat: no-repeat; /* 배경 이미지 반복 안 함 */
}

.guide-3-icon{
    width: 25px;
    height: 25px;
    background-image: url('../images/three_img.png'); /* 배경 이미지 경로 */
    background-size: cover; /* 배경 이미지를 화면에 꽉 채움 */
    background-repeat: no-repeat; /* 배경 이미지 반복 안 함 */
}

.guide-4-icon{
    width: 25px;
    height: 25px;
    background-image: url('../images/four_img.png'); /* 배경 이미지 경로 */
    background-size: cover; /* 배경 이미지를 화면에 꽉 채움 */
    background-repeat: no-repeat; /* 배경 이미지 반복 안 함 */
}


.guide-title{
    max-width:280px;
    white-break:normal;
    margin-top: 4px;
    font-family: 'Apple SD Gothic Neo';
    font-size: 18px;
    font-weight: bold;
    color: #2a2b32;
}
.guide-1-img{
    margin-top: 16px;
    width: 240px;
    height: 483px;
    background-image: url('../images/foto_ateez_info_img1@x2.png'); /* 배경 이미지 경로 */
    background-size: cover; /* 배경 이미지를 화면에 꽉 채움 */
    background-repeat: no-repeat; /* 배경 이미지 반복 안 함 */
}
.guide-2-img{
    margin-top: 16px;
    width: 240px;
    height: 483px;
    background-image: url('../images/foto_ateez_info_img2@x2.png'); /* 배경 이미지 경로 */
    background-size: cover; /* 배경 이미지를 화면에 꽉 채움 */
    background-repeat: no-repeat; /* 배경 이미지 반복 안 함 */
}

.guide-3-img{
    margin-top: 16px;
    width: 240px;
    height: 483px;
    background-image: url('../images/foto_ateez_info_img3@x2.png'); /* 배경 이미지 경로 */
    background-size: cover; /* 배경 이미지를 화면에 꽉 채움 */
    background-repeat: no-repeat; /* 배경 이미지 반복 안 함 */
}
.guide-4-img{
    margin-top: 16px;
    width: 240px;
    height: 483px;
    background-image: url('../images/foto_ateez_info_img4@x2.png'); /* 배경 이미지 경로 */
    background-size: cover; /* 배경 이미지를 화면에 꽉 채움 */
    background-repeat: no-repeat; /* 배경 이미지 반복 안 함 */
}