.section_v3_main { height: calc(100% - 100px); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding-top: 68px; }
.section_v3_main .section_title { font-weight: 700; font-size: 32px; line-height: 120%; }
.section_v3_main .main_btn_area { margin-top: 84px; width: 100%; }
.section_v3_main .main_btn_area .btn { height: 64px; line-height: 64px; background-color: #8b4ff6; border-radius: 50px; font-weight: 700; font-size: 18px; color: #ffffff; padding: 0 52px; display: inline-block; }
.section_v3_main .section_sub_text { margin-top: 36px; font-weight: 400; font-size: 14px; line-height: 120%; }
.section_v3_main .section_sub_text b { font-weight: 500; }

.section_v3_main.typeA .section_title { font-weight: 700; font-size: 44px; line-height: 120%; }
.section_v3_main.typeA .main_btn_area { margin-top: 35px; }
.section_v3_main.typeA .main_btn_area .btn { height: 50px; line-height: 50px; box-shadow: 0px 4px 10px #ADADAD; border-radius: 29px; font-weight: 700; font-size: 24px; padding: 0 24px; display: flex; margin: 0 auto; justify-content: center; align-items: center; -webkit-animation: bounce-effect 0.7s alternate ease-in-out infinite; animation: bounce-effect 0.7s alternate ease-in-out infinite; }
.section_v3_main.typeA .main_btn_area .btn i { width: 11px; height: 19px; display: inline-block; background-image: url(../image/main/icon_arrow_btn01.svg); background-repeat: no-repeat; background-position: center; margin-left: 10px; }
.section_v3_main.typeA .section_sub_text { margin-top: 34px; font-weight: 400; font-size: 17px; line-height: 25px; }
.section_v3_main.typeA .section_sub_text b { font-weight: 500; }

.section_v3_main.typeB .section_title { font-weight: 700; font-size: 44px; line-height: 120%; }
.section_v3_main.typeB .section_title .sub_text { font-weight: 400; font-size: 20px; line-height: 120%; }
.section_v3_main.typeB  .main_btn_area { margin-top: 35px; }
.section_v3_main.typeB .main_btn_area .btn { height: 50px; line-height: 50px; box-shadow: 0px 4px 10px #ADADAD; border-radius: 29px; font-weight: 700; font-size: 24px; padding: 0 24px; display: flex; margin: 0 auto; justify-content: center; align-items: center; -webkit-animation: bounce-effect 0.7s alternate ease-in-out infinite; animation: bounce-effect 0.7s alternate ease-in-out infinite; }
.section_v3_main.typeB .main_btn_area .btn i { width: 11px; height: 19px; display: inline-block; background-image: url(../image/main/icon_arrow_btn01.svg); background-repeat: no-repeat; background-position: center; margin-left: 10px; }
.section_v3_main.typeB .section_sub_text { margin-top: 68px; font-weight: 400; font-size: 17px; line-height: 25px; color: #b0b0b0; }

.section_v4_main { padding-top: 68px; }
.section_v4_main { display: flex; justify-content: center; flex-direction: column; }
.section_v4_main .img_wrap { position: relative; }
.section_v4_main .img_box { width: 360px; margin: 0 auto; }
.section_v4_main .img_wrap.wrap01 { background-color: #EFECFF; }

.section_v4_main .main_btn_area { position: absolute; left: 50%; transform: translateX(-50%); }
.section_v4_main .img_wrap.wrap01 .main_btn_area { top: 220px; }
.section_v4_main .img_wrap.wrap02 { padding-bottom: 60px; }
.section_v4_main .img_wrap.wrap02 .main_btn_area { bottom: 96px; }
.section_v4_main .main_btn_area .btn { display: flex; justify-content: center; align-items: center; height: 50px; line-height: 50px; background-color: #8b4ff6; box-shadow: 0px 4px 10px rgba(120, 120, 120, 0.67); border-radius: 29px; font-weight: 700; font-size: 24px; color: #ffffff; padding: 0 24px; white-space: nowrap; }
.section_v4_main .main_btn_area .btn i { width: 11px; height: 19px; display: inline-block; background-image: url(../image/main/icon_arrow_btn01.svg); background-repeat: no-repeat; background-position: center; margin-left: 8px; }

.section_v4_main .main_btn_area .btn { -webkit-animation: bounce-effect 0.7s alternate ease-in-out infinite; animation: bounce-effect 0.7s alternate ease-in-out infinite; }

.section_v5_main { padding-top: 68px; }
.section_v5_main { display: flex; justify-content: center; flex-direction: column; }
.section_v5_main .img_wrap { position: relative; }
.section_v5_main .img_box { width: 360px; margin: 0 auto; }
.section_v5_main .img_wrap.wrap01 { background-color: #EFECFF; }

.section_v5_main .main_btn_area { position: absolute; left: 50%; transform: translateX(-50%); }
.section_v5_main .img_wrap.wrap01 .main_btn_area { top: 365px; }
.section_v5_main .img_wrap.wrap02 .main_btn_area { bottom: 96px; }
.section_v5_main .main_btn_area .btn { display: flex; justify-content: center; align-items: center; height: 50px; line-height: 50px; background-color: #8b4ff6; box-shadow: 0px 4px 10px rgba(120, 120, 120, 0.67); border-radius: 29px; font-weight: 700; font-size: 24px; color: #ffffff; padding: 0 24px; white-space: nowrap; }
.section_v5_main .main_btn_area .btn i { width: 11px; height: 19px; display: inline-block; background-image: url(../image/main/icon_arrow_btn01.svg); background-repeat: no-repeat; background-position: center; margin-left: 8px; }

.section_v5_main .main_btn_area .btn { -webkit-animation: bounce-effect 0.7s alternate ease-in-out infinite; animation: bounce-effect 0.7s alternate ease-in-out infinite; }


@-webkit-keyframes bounce-effect {
    from {
        transform: translate(0,-5px);
    }
    to {
        transform: translate(0,5px);
    }
}
@keyframes bounce-effect {
    from {
        transform: translate(0,-5px);
    }
    to {
        transform: translate(0,5px);
    }
}

.section_PL79_main { height: calc(100% - 100px); padding-top: 68px; padding-bottom: 100px; min-height: 640px; }
.section_PL79_main .main_swiper_wrap { margin-top: 24px; height: auto; overflow: hidden;  }
.section_PL79_main .main_swiper_wrap .swiper-wrapper { height: auto; }
.section_PL79_main .main_swiper_wrap .swiper-slide { padding: 0 24px; }
.section_PL79_main .main_swiper_wrap .main_title { font-weight: 400; font-size: 28px; line-height: 38px; }
.section_PL79_main .main_swiper_wrap .main_title b { font-weight: 700; }
.section_PL79_main .main_swiper_wrap .img_area { margin-top: 4px; }
.section_PL79_main .main_swiper_wrap .img_area img { width: auto; margin: 0 auto; display: block; }
.section_PL79_main .main_swiper_wrap .text_area { font-weight: 500; font-size: 18px; line-height: 26px; width: 100%; text-align: center; }
.section_PL79_main .main_swiper_wrap .text_area em { font-weight: 700; color: #8b4ff6; }


.section_PL79_main .main_swiper_wrap + .swiper-pagination { position: relative; margin-top: 16px; text-align: center; }
.section_PL79_main .main_swiper_wrap + .swiper-pagination .swiper-pagination-bullet { opacity: 1; width: 8px; height: 8px; background-color: rgba(138,82,220,0.24); transition: width 0.3s; border-radius: 30px; }
.section_PL79_main .main_swiper_wrap + .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 6px; }
.section_PL79_main .main_swiper_wrap + .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { margin-left: 6px; background-color: #8B4FF6; width: 20px; }
.section_PL79_main .main_btn_area { margin-top: 44px; padding: 0 24px; }
.section_PL79_main .main_btn_area .btn { background-color: #8b4ff6; box-shadow: 0px 4px 10px #ADADAD; border-radius: 29px; display: flex; justify-content: center; align-items: center; width: 100%; height: 58px; line-height: 58px; font-weight: 700; font-size: 24px; color: #ffffff; }
.section_PL79_main .main_btn_area .btn i { display: inline-block; width: 11px; height: 19px; background-image: url(../image/main/icon_btn_arrow.svg); background-repeat: no-repeat; background-position: center; margin-left: 10px; }


/* ==================== 비타민 꽉 담아팩 랜딩 ==================== */
.landing_vitamin p { font-size: 14px; font-weight: 400; color: rgba(34, 34, 34, 0.7); line-height: 20px; word-break: keep-all; margin-bottom: 4px; }
.landing_vitamin p b { font-weight: 700; }
.landing_vitamin ul { width: 100%; border-radius: 12px; padding: 24px; background: #F2F4F6; margin-bottom: 8px;  }
.landing_vitamin ul li { display: flex; align-items: flex-start; margin-bottom: 24px; }
.landing_vitamin ul li:last-of-type { margin-bottom: 0; }
.landing_vitamin ul li::before { width: 48px; height: 48px; border-radius: 12px; margin-right: 16px; content: ''; display: block; }
.landing_vitamin ul li:nth-of-type(1):before{ background: url(../image/icon_book.svg) no-repeat center center, #fff; background-size: 32px; }
.landing_vitamin ul li:nth-of-type(2):before{ background: url(../image/icon_kakao_circle.svg) no-repeat center center, #fff; background-size: 32px; }
.landing_vitamin ul li dl dt { font-size: 16px; font-weight: 700; color: #222; line-height: 22px; margin-bottom: 4px; }
.landing_vitamin ul li dl dd { font-size: 14px; font-weight: 400; color: rgba(34, 34, 34, 0.7); line-height: 20px; word-break: keep-all; }
.landing_vitamin .txt_box { margin-bottom: 24px; }
.landing_vitamin .txt_box span { display: inline-block; font-size: 14px; font-weight: 700; color: #fff; line-height: 22px; border-radius: 10px; padding: 0 10px; background: #0D99FF; margin-bottom: 8px; }
.landing_vitamin .txt_box h2 { font-size: 26px; font-weight: 700; color: #222; line-height: 34px; word-break: keep-all; margin-bottom: 8px; }
.landing_vitamin .txt_box h2 strong { color: #0D99FF; }
.landing_vitamin .txt_box p { font-size: 16px; line-height: 22px; margin-bottom: 0; }
.landing_vitamin .img_box { width: 100%; border-radius: 12px; overflow: hidden; margin-bottom: 24px; }
.landing_vitamin .img_box img { width: 100%; }
.landing_vitamin .bot_btn_area{ margin-top: 64px; }
/* ==================== 비타민 꽉 담아팩 랜딩 ==================== */


/* 230605 - 메인 퍼블리싱 */
#main { padding: 68px 0 0; text-align: center; }
#main .btn_box a { display: inline-block; font-size: 24px; font-weight: 700; color: #ffffff; line-height: 24px; padding: 13px 24px; border-radius: 25px; background: #8B4FF6; box-shadow: 0px 4px 10px rgba(120, 120, 120, 0.76); -webkit-animation: bounce-effect 0.7s alternate ease-in-out infinite; animation: bounce-effect 0.7s alternate ease-in-out infinite; }
#main .btn_box a::after { width: 11px; height: 19px; background: url(../image/main/btn_arrow.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -1px; margin-left: 10px; }
.section01 { width: 100%; background: #fee6c2; }
.section01 .inner { padding: 8px 24px 16px; }
.section01 .inner h2 { font-size: 25px; font-weight: 900; color: #434343; line-height: 30px; font-family: 'Gmarket Sans'; margin-bottom: 10px; }
.section01 .inner h2::before { display: block; width: 66px; height: 46px; background: url(../image/main/logo_sangsang.webp) no-repeat center center; background-size: contain; margin: 0 auto 4px; content: ''; }
.section01 .inner h2 strong{ color: #37b051; }
.section01 .inner h2 span{ color: #8c4ef7; }
.section01 .inner a { display: block; max-width: 350px; margin: 0 auto; }
.section01 .inner a img{ width: 100%; }
.section02 { width: 100%; background: #efecff; }
.section02 .inner { padding: 56px 24px 32px; }
.section02 h2 { font-size: 44px; font-weight: 700; color: #222222; line-height: 53px; margin-bottom: 8px; }
.section02 .inner > p { font-size: 18px; font-weight: 400; color: #222222; line-height: 26px; margin-bottom: 24px; }
.section02 .btn_box { width: 100%; margin-bottom: 56px; }
.section02 .btn_box a { display: inline-block; }
.section02 .inner > img { width: 100%; max-width: 350px; border-radius: 12px; border-top-left-radius: 0px; overflow: hidden; margin-bottom: 24px; }
.section02 ul { position: relative; display: flex; justify-content: center; }
.section02 ul li { width: 72px; margin-right: 24px; }
.section02 ul li:last-of-type { margin-right: 0; }
.section02 ul li img { width: 72px; height: 72px; background: #ffffff; border-radius: 50%; overflow: hidden; }
.section02 ul li p { font-size: 18px; font-weight: 700; color: #222; line-height: 26px; margin-top: 8px; }
.section02 ul li p b { color: #417AB6; }
.section03 { width: 100%; background: #ffffff; }
.section03 .inner { padding: 64px 24px; }
.section03 .txt_box { margin-bottom: 64px; }
.section03 .txt_box span { display: inline-block; font-size: 18px; font-weight: 700; color: #FFFFFF; line-height: 26px; padding: 4px 8px; background: #777777; margin-bottom: 16px; }
.section03 .txt_box p { font-size: 26px; font-weight: 700; color: #222222; line-height: 34px; margin-bottom: 24px; }
.section03 .txt_box p.ico_emoji::after { display: block; width: 40px; height: 40px; background: url(../image/main/txt_emoji.webp) no-repeat center center; background-size: contain; content: ''; margin: 16px auto 0; }
.section03 .txt_box p b { color: #8B4FF6; }
.section03 .txt_box img{ width: 100%; max-width: 350px; border-radius: 12px; border-top-left-radius: 0px; overflow: hidden; }