.event-page-wrap {
    background: #f7f7f7;
    /* padding-bottom: 5.1rem; */
    height: calc(100% - 5.1rem - 6rem);
}
.event-page-wrap .container {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}
.event-page-wrap .container::-webkit-scrollbar {
    display: none;
}
.event-page-wrap .banner-wrap {
    width: 100%;
}
.event-page-wrap .banner-wrap .swiper-wrapper {
    /* padding-bottom: 3rem; */
}
.event-page-wrap .banner-wrap .swiper-slide {
    margin: 0 auto;
    text-align: center;
}
.event-page-wrap .banner-wrap .swiper-slide img {
    width: 100%;
    object-fit: contain;
}
.event-page-wrap .swiper-backface-hidden .swiper-slide {
    background: #eee;

}
.event-page-wrap .swiper-button-next, .swiper-button-prev {
    width: 0.7rem !important;
    height: 1.3rem !important;
    top: 60% !important;
    padding: 0.5rem 0.8rem 0.6rem 0.9rem;
    color: #fff !important;
}
.event-page-wrap .swiper-button-next:after, .swiper-button-prev:after {
    font-size: unset !important;
    font-weight: 600 !important;
}
.event-page-wrap .swiper-pagination {
    /* width: 5.6rem !important; */
    padding: 0.6rem 0.8rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem !important;
    bottom: 0 !important;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 !important;
}
.event-page-wrap .swiper-pagination-bullet {
    width: 0.3rem;
    height: 0.3rem;
    background: #E7E7E7 ;
    /* box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.16); */
    opacity: 1 !important;
}
.event-page-wrap .swiper-pagination-bullet-active {
    background: #fff !important;
    width: 16px !important;
    height: 4px !important;
    border-radius: 3rem !important;
    border: 1px solid #D1D1D1;
    
}

/* 이벤트 이미지 */
.event-page-wrap .event-img-group {
    position: relative;
}
.event-page-wrap .event-img-group .img-box {
    width: 100%;
    /* height: 40.3rem; */
    background: #fff;
}
.event-page-wrap .event-img-group .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.event-page-wrap .event-img-group .btn-wish {
    position: absolute;
    bottom:  4.3rem;
    right: 1.8rem;
}
.event-page-wrap .event-img-group .btn-wish img {
    width: 2rem;
    height: 2rem;
}

/* 신청현황 */
.event-page-wrap .subscribe-wrap {
    padding: 1rem 0;
    width: 100%;
    height: 7.4rem;
    /* background: url("/images/icon/icon-bell.png") no-repeat center left 7rem; */
    /* background-size: 5.6rem 5.6rem; */
    background-color: #FEF3E9;
    overflow: hidden;
}
.event-page-wrap .subscribe-wrap .subscribe-list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.event-page-wrap .subscribe-wrap .subscribe-list .icon-bell {
    width: 5.6rem;
    height: 5.6rem;
}
.event-page-wrap .subscribe-wrap .subscribe-list .icon-bell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.event-page-wrap .subscribe-wrap .content-box {
    display: flex;
    flex-direction: column;
}
.event-page-wrap .subscribe-wrap .content-box .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.4rem;
    /* background-size: 5.6rem 5.6rem; */
    /* padding-left: 5.8rem;  */
    width: max-content;
    height: 5.6rem;
    margin: 0 auto;
    overflow: hidden;
}
.event-page-wrap .subscribe-wrap .content .content-msg {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.3;
    color: #1a1a1a;
    overflow: hidden;
}
.event-page-wrap .subscribe-wrap .content .content-info {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    overflow: hidden;
}
.event-page-wrap .subscribe-wrap .content .content-info .state {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    color: #767676;
    padding: 0.2rem 0.4rem;
    border-radius: 0.3rem;
    border: 1px solid #E7E7E7;
    background: #fff;

}
.event-page-wrap .subscribe-wrap .content .content-info .date {
    font-size: 1.1rem;
    font-weight: 600;
    /* line-height: 1.3; */
    color: #767676;
}
.event-page-wrap .subscribe-wrap .content .content-info .time {
    font-size: 1.1rem;
    font-weight: 600;
    /* line-height: 1.3; */
    color: #767676;
}
/* 설문 영역 */
/* 공통 */
.event-page-wrap .question-wrap {
    background: #fff;
    padding: 2.2rem 1.8rem 0;
}
.event-page-wrap .question-wrap .question-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1.2rem;
}
.event-page-wrap .question-wrap .question-box:not(:last-child) {
    margin-bottom: 3.2rem;
}
.event-page-wrap .question-wrap .question-box .question {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.event-page-wrap .question-wrap .question-box .question .desc {
    font-size: 1rem;
    line-height: 1.3;
    color: #656565;
}
.event-page-wrap .question-wrap .question-box .q-select label {
    font-size: 1.4rem;
    line-height: 1.3;
}

/* border 개별 */
/* .event-page-wrap .question-wrap .question-border .q-select {
    display: flex;
    flex-flow: row wrap;
    gap: 0.8rem;
    column-gap: 0.4rem;
    width: 100%;
}
.event-page-wrap .question-wrap .question-border .q-select .radio-box {
    width: max-content;
}
.event-page-wrap .question-wrap .question-border .q-select .radio-box label {
    padding: 0.6rem 1.2rem;
    text-align: center;
    border: 1px solid #D1D1D1;
    border-radius: 5rem;
    display: block;
    width: 100%;
}
.event-page-wrap .question-wrap .question-border .q-select .radio-box input[type="radio"] {
    display: none;
}
.event-page-wrap .question-wrap .question-border .q-select .radio-box input[type="radio"]:checked + label {
    border-color: #D62221;
    color: #D62221;
} */

/* checkbox 개별 */
.event-page-wrap .question-wrap .question-checkbox .q-select {
    display: flex;
    flex-flow: row wrap;
    column-gap: 1rem;
    gap: 0.8rem;
    width: 100%;
}
.event-page-wrap .question-wrap .question-checkbox .q-select label {
    letter-spacing: -0.14px;
    display: flex;
    align-items: center;
    width: max-content;
    gap: 0.4rem;
}
.event-page-wrap .question-wrap .question-checkbox .q-select label input[type="checkbox"] {
    display: inline-block;
    padding: 0;
    /* font-size: 1.3rem; */
    /* color: #888; */
    margin: 0;
    width: 1.6rem;
    height: 1.6rem;
    background: url("/images/icon/icon-check-square-off.png") no-repeat center center / 100% 100%;
    appearance: none;
    border: 0;
    border-radius: 0;
}
.event-page-wrap .question-wrap .question-checkbox .q-select label input[type="checkbox"]:checked {
    background-image: url("/images/icon/icon-check-square-on.png");
}
/* radio 개별 */
.event-page-wrap .question-wrap .question-radio .q-select {
    display: flex;
    flex-flow: row wrap;
    gap: 0.8rem;
    padding-bottom: 1rem;
}
.event-page-wrap .question-wrap .question-radio .q-select .radio-box {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}
.event-page-wrap .question-wrap .question-radio .q-select label {
    /* letter-spacing: -0.14px; */
    width: max-content;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}
.event-page-wrap .question-wrap .question-radio .q-select label input[type="radio"] {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 2rem;
    height: 2rem;
    background: url("/images/icon/icon-check-round-off.png") no-repeat center center / 100% 100%;
    appearance: none;
    border: 0;
    border-radius: 0;
}
.event-page-wrap .question-wrap .question-radio .q-select label span {
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: -0.14px;
    color: #1A1A1A;
}
.event-page-wrap .question-wrap .question-radio .q-select label input[type="radio"]:checked {
    background-image: url("/images/icon/icon-check-round-on.png");
}


/* question-select 개별 */
.event-page-wrap .question-wrap .question-select .q-select {
    padding: 0.8rem 1.6rem 0.8rem 1.2rem;
    border: 1px solid #E7E7E7;
    background: #F6F6F6;
    border-radius: 0.5rem;
}
.event-page-wrap .question-wrap .question-select .q-select select {
    border: none;
    outline: none;
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: -0.14px;
    background: transparent;
    width: 100%;
}
/* question-textarea 개별 */
.event-page-wrap .question-wrap .question-textarea textarea {
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: -0.14px;
    padding: 0.6rem 1.6rem 0.6rem 1.2rem;
    border: 1px solid #E7E7E7;
    border-radius: 0.5rem;
    background: #F6F6F6;
    width: 100%;
    outline: none;
}
.event-page-wrap .question-wrap .q-answer {
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: -0.14px;
    padding: 0.6rem 1.6rem 0.6rem 1.2rem;
    border: 1px solid #E7E7E7;
    outline: none;
    border-radius: 0.5rem;
    background: #F6F6F6;
    
}
.event-page-wrap .question-wrap .question-textarea input::placeholder {
    color: #989898;
}

/* 유저 정보입력 */
.event-page-wrap .user-info-wrap {
    padding-bottom: 2.8rem;
    margin-bottom: 1rem;
    background: #fff;
    position: relative;
}
.event-page-wrap .user-info-wrap .head-box {
    padding: 2.2rem 1.8rem 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.event-page-wrap .user-info-wrap .head-box .title {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.14px;
    color: #D62221;
}
.event-page-wrap .user-info-wrap .user-box {
    padding: 0 1.8rem 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    width: 100%;
    height: auto;
}
.event-page-wrap .user-info-wrap .user-box .user-input {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
}
.event-page-wrap .user-info-wrap .user-box .user-input:last-child {
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #f6f6f6;
}
.event-page-wrap .user-info-wrap .user-box .user-input .legend {
    font-size: 1.6rem;
    font-style: normal;
    line-height: 1.3;
    color: #1A1A1A;
    width: 5rem;
}
.event-page-wrap .user-info-wrap .user-box .user-input .input-box {
    position: relative;
    padding: 0.6rem 1.6rem 0.6rem 1.2rem;
    padding-right: 0 ;
    background: #F6F6F6;
    border: 1px solid #D1D1D1;
    border-radius: 0.5rem;
    width: calc(100% - 5rem);
}
.event-page-wrap .user-info-wrap .user-box .user-input .input-box .btn-del {
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.6rem;
}
.event-page-wrap .user-info-wrap .user-box .user-input .input-box .btn-del img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.event-page-wrap .user-info-wrap .user-box .user-input .input-box input {
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: -0.24px;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
}
.event-page-wrap .user-info-wrap .agBox-wrap {
    border: 1px solid #E7E7E7;
    padding: 0.8rem 1.2rem 0;
    border-radius: 0.5rem;
    margin: 0 1.8rem;
}
.event-page-wrap .user-info-wrap .agBox {
    font-size: 1.1rem;
    line-height: 1.3;
    color: #1A1A1A;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: 2.4rem;
    padding-bottom: 0.8rem;
    background: url("/images/icon/icon-check-off.png") no-repeat top -1px left;
    background-size: 1.6rem 1.6rem; 
}
.event-page-wrap .user-info-wrap .agBox.active {
    font-size: 1.1rem;
    line-height: 1.3;
    color: #1A1A1A;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: 2.4rem;
    padding-bottom: 0.8rem;
    background: url("/images/icon/icon-check.png") no-repeat top -1px left;
    background-size: 1.6rem 1.6rem; 
}
.event-page-wrap .user-info-wrap .agBox a {
    font-size: 1rem;
    line-height: 1.3;
    text-decoration: underline;
    color: #1565C0;
}

.event-page-wrap .user-info-wrap .agreement {
    padding: 0.8rem 0;
    border-top: 1px solid #E7E7E7;
    display: none;
}
.event-page-wrap .user-info-wrap .agreement h3 {
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    color: #656565;
    padding-bottom: 0.6rem;
}
.event-page-wrap .user-info-wrap .agreement li {
    font-size: 1rem;
    line-height: 1.3;
    color: #656565;
}
.event-page-wrap .user-info-wrap .complet-popup {
    background: #fff;
    border-radius: 1.2rem;
    padding: 3.6rem 1.6rem 3.2rem;
    box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.12);
    position: absolute;
    bottom: 20rem;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    display: flex;
    align-items: center;
    flex-direction: column;
    z-index: 9999;
    display: none;
}
.event-page-wrap .user-info-wrap .complet-popup .btn-close {
    width: 2.4rem;
    height: 2.4rem;
    background: url("/images/icon/icon-close.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
}
.event-page-wrap .user-info-wrap .complet-popup .popup-icon {
    width: 4.8rem;
    height: 4.8rem;
    margin-bottom: 0.8rem;
}
.event-page-wrap .user-info-wrap .complet-popup .popup-icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.event-page-wrap .user-info-wrap .complet-popup .main-desc {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1a1a1a;
    margin-bottom: 0.6rem;
}
.event-page-wrap .user-info-wrap .complet-popup .sub-desc {
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: -0.14px;
    color: #767676;
    margin-bottom: 1.8rem;
    width: 100%;
    text-align: center;
}
.event-page-wrap .user-info-wrap .complet-popup .event-box {
    background: #F6F6F6;
    border-radius: 0.8rem;
    padding: 1.4rem 2rem;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: -0.24px;
    color: #1a1a1a;
    margin-bottom: 1.2rem;
}
.event-page-wrap .user-info-wrap .complet-popup .btn-home {
    font-size: 1.4rem;
    line-height: 1.3;
    color: #1a1a1a;
    padding: 1.2rem 0;
    text-align: center;
    border-radius: 5rem;
    border: 1px solid #d1d1d1;
    width: 100%;
    margin-bottom: 1.2rem;
}
.event-page-wrap .user-info-wrap .complet-popup .count-box {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.14px;
    color: #989898;
}
.event-page-wrap .user-info-wrap .complet-popup .count-box .sec-count {
    color: #D62221;
}
/* .event-page-wrap .user-info-wrap .submit-box .badge {
    background: #000;
    border-radius: 0.8rem;
    padding: 0.8rem;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.3;
    color: #fff;
    position: absolute;
    right: 4rem;
}
.event-page-wrap .user-info-wrap .submit-box .badge::after {
    content: '';
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    background: #000;
    position: absolute;
    bottom: -0.6rem;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
} */
.event-page-wrap .user-info-wrap .submit-box {
    padding: 0 1.8rem;
    position: relative;
}
.event-page-wrap .user-info-wrap .submit-box .submit {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    background: #D62221;
    border: 1px solid #F6F6F6;
    border-radius: 0.5rem;
    text-align: center;
    padding: 1.6rem 0;
    width: 100%;
    margin: 1.4rem 0 2.8rem;
}
.event-page-wrap .user-info-wrap .submit-box .submit.badge::before {
    display: inline-block;
    content: '바로 신청 가능!';
    text-align: center;
    font-size: 1.2rem;
    padding: 0.8rem;
    background: #000;
    color: #fff;
    line-height: 1.3;
    border-radius: 0.8rem;
    position: absolute;
    right: 4rem;
    top: 0rem;
    z-index: 9;
}
.event-page-wrap .user-info-wrap .submit-box .submit.badge::after {
    content: '';
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    background: #000;
    position: absolute;
    top: 2rem;
    right: 6.5rem;
    transform: translateX(-50%) rotate(-45deg);
}
.event-page-wrap .user-info-wrap .notice-box {
    text-align: center;
    padding: 0 1.8rem;
}
.event-page-wrap .user-info-wrap .notice-box .main-desc {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.3;
    color: #D62221;
    margin-bottom: 1rem;
}
.event-page-wrap .user-info-wrap .notice-box .sub-desc {
    font-size: 1.2rem;
    line-height: 1.3;
    color: #1a1a1a;
}
/* 실시간 이벤트 순위 */
.event-page-wrap .event-ranking-wrap {
    background: #fff;
    padding: 2.8rem 1.8rem 4.8rem;
}
.event-page-wrap .event-ranking-wrap .title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    color: #1a1a1a;
    padding-bottom: 0.1rem;
}
.event-page-wrap .event-ranking-wrap .ranking-list {
    padding: 1.6rem;
    padding-right: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
}

.event-page-wrap .event-ranking-wrap .ranking-list .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    height: 2.4rem;
    position: relative;
}

.event-page-wrap .event-ranking-wrap .ranking-list .item .inner {
    position: absolute;
    /* bottom: 0; */
    inset: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translateY(0%);
    /* transition: transform 600ms ease; */
    will-change: transform;
}
.event-page-wrap .event-ranking-wrap .ranking-list .item .left-box {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.event-page-wrap .event-ranking-wrap .ranking-list .item .ranking-num {
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 24px;
    color: #ccc;
    letter-spacing: -0.14px;
    text-align: center;
}
.event-page-wrap .event-ranking-wrap .ranking-list .item .ranking-num img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.event-page-wrap .event-ranking-wrap .ranking-list .item .event-name {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
    color: #656565;
}
.event-page-wrap .event-ranking-wrap .ranking-list .item:first-child .event-name {
    font-size: 1.6rem;
    font-weight: 600;
    /* line-height: 1.3; */
    color: #1a1a1a;
}
.event-page-wrap .event-ranking-wrap .ranking-list .item .result-num {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.14px;
    color: #989898;
}
.event-page-wrap .event-ranking-wrap .ranking-list .item.item:first-child .result-num {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.14px;
    color: #D62221;
}


/* Thanks 페이지 */
.thanks-wrap {}
.thanks-wrap .container {
    display: flex;
    flex-direction: column;
    height: calc(100% - 6.6rem - 5.1rem);
    overflow-y: auto;
}
.thanks-wrap .container::-webkit-scrollbar {
    display: none;
}
.thanks-wrap .completion-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.3rem 3rem 4.8rem;
    flex-grow: 1;
}
.thanks-wrap .completion-area img {
    width: 4.8rem;
    height: 4.8rem;
    display: block;
    margin-bottom: 1.8rem;
}
.thanks-wrap .completion-area .main-desc {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1A1A1A;
    margin-bottom: 0.6rem;
    text-align: center;
} 
.thanks-wrap .completion-area .sub-desc {
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: -0.14px;
    color: #767676;
    margin-bottom: 1.8rem;
    text-align: center;
}
.thanks-wrap .completion-area .event-info-box {
    background: #F6F6F6;
    padding: 1.4rem 3.9rem;
    width: 100%;
    border-radius: 0.8rem;
    text-align: center;
    margin-bottom: 1.8rem;
}
.thanks-wrap .completion-area .event-info-box .clinic-name {
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: -0.24px;
    color: #1A1A1A;
}
.thanks-wrap .completion-area .event-info-box .event-name {
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: -0.24px;
    color: #1A1A1A;
}
.thanks-wrap .completion-area .btn-more {
    font-size: 1.4rem;
    line-height: 1.3;
    color: #1A1A1A;
    text-align: center;
    width: 100%;
    display: block;
    border: 1px solid #D1D1D1;
    border-radius: 5rem;
    padding: 1.2rem 0;
}

.thanks-wrap .event-curation {}
.thanks-wrap .event-curation .title {
    display: block;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
    color: #3d3d3d;
    background: url("/images/icon/icon-arrow-right.png") no-repeat center right 1.8rem;
    background-size: 2rem 2rem;
    padding: 0 1.8rem;
    margin-bottom: 1.6rem;
}
.thanks-wrap .event-curation .curation-list {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-left: 1.8rem;
    padding-bottom: 3.3rem;
    overflow-x: auto;
}
.thanks-wrap .event-curation .curation-list::-webkit-scrollbar {
    display: none;
}
.thanks-wrap .event-curation .curation-list .item {}
.thanks-wrap .event-curation .curation-list .item a {}
.thanks-wrap .event-curation .curation-list .item a img {
    width: 12rem;
    height: 12rem;
    border: 1px solid #E7E7E7;
    border-radius: 0.4rem;
    margin-bottom: 0.8rem;
}
.thanks-wrap .event-curation .curation-list .item a .event-name {
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 12rem;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.14px;
    color: #1a1a1a;
    margin-bottom: 0.2rem;
}
.thanks-wrap .event-curation .curation-list .item a .clinic-info {
    display: flex;
    align-items: center;
    padding-bottom: 0.4rem;
}
.thanks-wrap .event-curation .curation-list .item a .clinic-info .location {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    color: #656565;
    padding-right: 0.4rem;
    position: relative;
}
.thanks-wrap .event-curation .curation-list .item a .clinic-info .location::after {
    content: '';
    display: inline-block;
    background: #656565;
    border-radius: 2rem;
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.thanks-wrap .event-curation .curation-list .item a .clinic-info .type {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    color: #656565;
    padding-left: 0.4rem;
    
}
.thanks-wrap .event-curation .curation-list .item a .price-info {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}
.thanks-wrap .event-curation .curation-list .item a .price-info .percent {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3;
    color: #D62221;
}
.thanks-wrap .event-curation .curation-list .item a .price-info .price {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3;
    color: #1a1a1a;
}


/* event-promotion 페이지 */
.event-promotion-wrap {}
.event-promotion-wrap .container {
    height: calc(100% - 6.6rem - 5.1rem);
    overflow-y: auto;
}
.event-promotion-wrap .container::-webkit-scrollbar {
    display: none;
}
.event-promotion-wrap .main-img {
    width: 100%;
    height: auto;
    position: relative;
}
.event-promotion-wrap .main-img img {
    width: 100%;
    height: 100%;
}

.event-promotion-wrap #event-period {
    font-size: 1rem;
    text-align: center;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    padding: 0.5rem 0;
    display: block;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}