/* 웹 접근성 */
.event-benefit-template button {
    outline-offset: 2px;
}
.event-benefit-template .blind {
    top: 0;
}
/* // 웹 접근성 */


.academy-coupon {
    max-width: 1146px;
    width: 100%;
    padding: 72px 0 80px;
    margin: 0 auto;
}

.academy-coupon .custom-scroll-slider__content-wrapper .custom-scroll-slider__item {flex: 0 0 calc((100% - (24px * 2)) / 3); max-width: fit-content;}
.academy-coupon-button button   {display: flex; padding: 17px 85px; justify-content: center; align-items: center; gap: 2px; margin: 16px auto 0; border-radius: 8px; background: #111; color: white; font-size: 16px; font-weight: 600; letter-spacing: -0.2px;}

.acadmy-shinhan-banner  {margin-top: 16px;}

.academy-photo-review-cont  {margin-top: 16px; }

.academy-photo-review .c-title  {max-width: 1166px;}
.academy-photo-review .article__inner   {padding-bottom: 0;}
.academy-photo-review .academy-photo-review-cont    {max-width: 1186px; width: fit-content; margin: 0 auto;}
.academy-photo-review-cont img  {max-width: 1186px; width: 100%;}

.academy-auth   {position: relative;}
.academy-auth .c-title  {max-width: 1166px;}
.academy-auth .article__inner   {padding-bottom: 0;}
.academy-auth .academy-auth-cont    {max-width: 1186px; width: fit-content; margin: 0 auto;}

.academy-auth button  {position: absolute; text-align: center; border-radius: 8px; top: 72.6%; left: 10.25%; width: 20.35%; height: 10.2%; font-size: 15px; font-weight: 500;}
.academy-auth .complete-btn   {background: no-repeat; color: black;}
.academy-auth .join-btn   {background: black; color: white;}

.academy-product .academy-product-item-area {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.academy-product .academy-product-item {
    position: relative;
    flex: 0 0 calc((100% - 66px) / 4);
    text-align: center; 
    border-radius: 8px;
    box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.15), 0 2px 20px 0 rgba(33, 39, 49, 0.15);
}

.academy-product .academy-product-item img {
    max-width: 100%;
    height: auto;
    display: block;
}

.academy-product-item a {
    position: absolute;
    top: 83%;
    left: 6%;
    width: 88%;
    height: 12.9%;
}

.academy-delivery-inner {display: flex; position: relative; width: 100%; max-width: 1166px; padding: 0 10px 80px; margin: 0 auto; flex-direction: column; row-gap: 8px;}

.event-benefit-template .academy-notice {width: fit-content; margin: 0 auto;}
.academy-notice .academy-notice-btn-area .on {display: none;}

.academy-notice.active .academy-notice-btn-area .on {display: block;}
.academy-notice.active .academy-notice-btn-area .off {display: none;}
.academy-notice.active .academy-notice-text    {display: block;}

@media screen and (max-width: 767px)    {
    .academy-coupon {padding: calc(32 / 390 * 100vw) 0 calc(40 / 390 * 100vw); margin: 0 auto;}

    .event-benefit-template .c-tab--main-sticky .c-tab__list {
        column-gap: 0;
        height: calc(48 / 390 * 100vw);
        padding: 0;
        margin: 0;
    }

    .academy-coupon-button button   {padding: calc(14 / 390 * 100vw) calc(133 / 390 * 100vw);}

    .acadmy-shinhan-banner  {width: 100%; margin: 0; padding: 16px calc(20 / 390 * 100vw) 0;}
    .acadmy-shinhan-banner img  {width: 100%;}

    
    .academy-coupon .custom-scroll-slider__content-wrapper .custom-scroll-slider__item  {flex: 0 0 100%; max-width:none;}
    .custom-scroll-slider__content-wrapper .custom-scroll-slider__item  {flex: 0 0 100%; max-width:none;}
    
    .academy-photo-review .academy-photo-review-cont  {margin-bottom: calc(40 / 390 * 100vw);}
    /* .academy-photo-review .c-title-area  {margin: 0; row-gap: 14px;} */
    .academy-photo-review .c-title-area .article__inner {padding: calc(32 / 390 * 100vw) calc(20 / 390 * 100vw) 0; margin: 0;}

    /* .academy-auth .c-title-area  {margin: 0; row-gap: 14px;} */
    .academy-auth .c-title-area .article__inner {padding: calc(32 / 390 * 100vw) calc(20 / 390 * 100vw) 0; margin: 0;}
    .academy-auth .academy-auth-cont    {margin-bottom: calc(20 / 390 * 100vw);}

    .academy-auth button    {font-size: calc(15 / 390 * 100vw); top: 68.9%; left: 10.25%; width: 79.6%; height: 10.3%;}
    
    .academy-product .academy-product-item-area {padding: 0 calc(20 / 390 * 100vw);  gap: calc(12 / 390 * 100vw);}
    .academy-product .academy-product-item {flex: 0 0 calc((100vw - calc(52 / 390 * 100vw)) / 2);} /* -값은 ul 양옆 여백 및 위 area의 gap값 */
    .academy-product-item a {top: 83.8%; left: 9.5%; width: 80.5%; height: 10.5%;}

    .academy-delivery-inner {padding: 0 calc(20 / 390 * 100vw) calc(40 / 390 * 100vw); overflow: hidden;}
    .event-benefit-template .academy-notice {margin: calc(12 / 390 * 100vw) auto;}
    .academy-notice .academy-notice-text   {padding: 0 calc(20 / 390 * 100vw);}
}

payment-benefits {
    margin: 0 auto;
    @media screen and (max-width: 767px) {
        padding: 0 calc(20 / 390 * 100vw);
    }
}