@charset "utf-8";


/* #content */

.swiper-container {width: 100%;height: auto; /* or a fixed value if needed */position:relative;}
.swiper-slide {height: auto;display: flex;align-items: stretch}
.swiper-container:empty {min-height: 100px; /* fallback height */}
.swiper-pagination .swiper-pagination-bullet{background:#FFC8D2 !important; opacity: 1; width:10px;height: 10px;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--woman-color-03) !important;width: 20px; border-radius: 30px;}

#content{width: 100%; max-width:1136px; margin: 180px auto 0;}

.intro .video_wrap{background: #C5CDFB;padding: 24px 32px 60px;}
.intro .swiper-wrapper{gap: 24px;}
.intro .swiper-slide{flex:1;}
.intro .swiper-slide a{display: block;width: 100%;}
.intro .swiper-slide img{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);}

.change {width: 100%; background: linear-gradient(180deg, #C5CDFB 0%, #FFF 100%);}
.change .inner{padding:60px 7.6% 157px;}
.change .text_box{display: flex; justify-content: center; align-items: center; gap:14px; flex-direction: column; margin-bottom: 40px;}
.change .text_box .date{font-size: 22px; display: flex; justify-content: center; align-items: center; width: 378px; height: 36px; background: #F88; color: #fff;font-weight: 600;border-radius: 30px;}
.change .text_box h4{font-size: 37px; font-weight: 600; letter-spacing: -0.02em;}
.change .text_box .sub_text{font-size: 25px; color: #4F4F4F;letter-spacing: -0.02em;}
.change .img_wrap ul{gap: 13px; }
.change .img_wrap ul li{flex:1;}


.hope .video_wrap{background: #D5C7FC;padding: 24px 32px 60px;}
.hope .swiper-wrapper{gap: 24px;}
.hope .swiper-slide{flex:1;}
.hope .swiper-slide a{display: block; width: 100%;}
.hope .swiper-slide img{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);}



.diary {background: #fff;}
.diary .inner {padding: 197px 16.66% 55px;}
.diary .inner .subtitle {font-size: 0; width: 65%; padding-top: calc(111/624*65%); 
    background: url(../images/img_diary_title.png) center no-repeat; background-size: contain; margin: 0 auto 63px;}
.diary .inner .mySwiper {overflow: hidden; position: relative;}
.diary .inner .mySwiper.tab_ver {display: none;}
.diary .inner .mySwiper .swiper-wrapper .swiper-slide .img_box img {width: 100%;}
.diary .inner .text_box {width: 436px; height: 107px; margin: -38px auto 0; background: url(../images/img_diary_text.png) center no-repeat; background-size: contain;}


.beforeafter {width: 100%;background: linear-gradient(180deg, #D5C7FC 0%, #F0F5F8 100%);}
.beforeafter .inner{padding: 40px 24px 80px;}
.beforeafter .inner .tit_wrap {padding-top: calc(111/624*65%); 
    background: url(../images/img_beforeafter_title.png) center no-repeat; background-size: contain; margin: 0 auto 63px;}
.beforeafter .img_wrap {width: 520px; margin: 0 auto;}
.beforeafter .swiper-wrapper{flex-direction: column; gap: 16px;}
.beforeafter .inner > .img_box img {width: 100%;}
.beforeafter .text_wrap{width:335px; margin:60px auto 0;}
.beforeafter .text_wrap ul{display: flex; flex-direction: column; gap: 15px;}
.beforeafter .text_wrap li{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dotted rgba(255,136,136,.5);letter-spacing: -0.02em; line-height: 1.4;font-size: 18px;}
.beforeafter .text_wrap .num{font-weight: 700;color: #F88;}

.beforeafter02 {background: #FFEEF4;}
.beforeafter02 .inner {padding: 196px 25% 187px; position: relative;}
.beforeafter02 .inner .subtitle {font-size: 0; width: 65%; padding-top: calc(111/624*65%); 
    background: url(../images/강현우님전후사진.png) center no-repeat; background-size: contain; margin: 0 auto 63px;}
.beforeafter02 .inner .mySwiper {overflow: hidden; margin-bottom: 43px;}
.beforeafter02 .inner .mySwiper .swiper-wrapper .swiper-slide .img_box img {width: 100%;}
.beforeafter02 .swiper-button-prev {left: calc(25% - 46px)}
.beforeafter02 .swiper-button-next {right: calc(25% - 46px);}
.beforeafter02 .inner > .img_box img {width: 100%;}

.lastdiet {margin-top:-4%;}

.more .inner {padding: 107px 0 130px;position: relative;}
.more .inner .subtitle {font-weight: 700;font-size: 40px;line-height: 1.2;letter-spacing: -0.02em;color: #000000;margin-bottom: 50px;text-align:center;}
.more .inner .review_section {overflow: hidden;}
.more .inner .review_list{display: grid;grid-template-columns:repeat(2, 1fr);justify-content:center;gap: 90px;}
.more .inner .review_section ul li{border-radius: 16px; position: relative;border:1px solid #b9bac1;padding:16px }
.more .inner .review_section ul li a {display: flex;flex-direction: column;gap:14px; justify-content: center; align-items: center; position: relative;}
.more .inner .review_section ul li a .img_box {width: calc(400/468 * 100%);}
.more .inner .review_section ul li a .img_box img {width: 100%; border-radius: 16px}
.more .inner .review_section ul li .hashtag {text-align: center;}
.more .inner .review_section ul li .hashtag p {font-weight: 700; font-size: 1.75rem; line-height: 2.375rem; letter-spacing: -0.04em; margin-bottom: 8px;}
.more .inner .review_section ul li .hashtag span {display: inline-block;font-size: 0.875rem; line-height: 1.125rem;margin-right: 4px; white-space: nowrap;}
.more .btn_wrap{margin-top: 60px;}

/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    /* 12% */

}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
    /* 8% */

}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
    /* 6% */

}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    section .swiper-button-next, section .swiper-button-prev {width: 79px; height: 75px;}
    #content{ margin: 94px auto 0;}
    /* content */
    .intro .swiper-slide{flex: none;}
    .change .img_wrap ul li{flex:none;}
    .beforeafter .swiper-wrapper{flex-direction: row;gap: 0;}
    .beforeafter .img_wrap {width: 100%;}
    .hope .swiper-slide{flex:none;}
    .intro .swiper-wrapper{gap: 0;}
    .change .img_wrap ul{gap:0; }
    .change .swiper-container{padding-bottom:60px}
    .beforeafter .swiper-container{padding-bottom:60px}
    .hope .swiper-wrapper{gap: 0;}
    .change .inner{padding:60px 5%;}
    .intro .video_wrap{background: #C5CDFB;padding: 24px;}
    .beforeafter .inner .tit_wrap {padding-top: calc(111/624*100%);margin:0 auto 24px;} 
    .more .inner {padding: 80px 5% 120px;}
    .more .inner .review_list{gap: 40px;}


}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    #wrap { min-width: 375px; }
    section .swiper-button-next, section .swiper-button-prev {width: 60px; height: 60px;}

    /* content */
        #content{ margin: 64px auto 0;}
    .change .text_box .date{font-size: 12px; width: 173px; height: 24px; }
    .change .text_box h4{font-size: 30px;}
    .change .text_box .sub_text{font-size: 20px;}

    .more .inner {padding: 40px 24px 40px;}
    .more .inner .subtitle {font-size: 30px;margin-bottom: 24px;}
    .more .inner .review_list{grid-template-columns:repeat(1, 1fr);gap: 8px;}

}