@charset "euc-kr";

/* settings */
.evSection {padding: 140px 0;}
.evSection .con_tit {margin: 0 auto 60px;}


/* evBnr */
.evBnr {padding: 28px 0;background: #000;}
.evBnr .inner {display: flex;justify-content: center;align-items: center;gap: 50px;}
.evBnr .inner::after {content: none;}
.evBnr strong {letter-spacing:-0.33px;color: #fff;letter-spacing: 6px;}
.evBnr .toggleBtn a { background: #fff; padding: 8px 36px; border-radius: 21px; font-weight: bold;}
.evBnr .toggleBtn.on a {background: #FFE400;}
.evBnr.fixed {position: fixed; width: 100%; bottom: 0; left: 0; z-index: 2;}


/* evCon1 */
.evSection.evCon1{padding:0; background:url(https://image.megagong.net/m/2025/0627_guidebook/evCon1_bg.png) 50% 0 no-repeat;}
.evSection.evCon1 .con_tit {margin: 0;}


/* evCon2 */
.evCon2 .book_wrap {justify-content: flex-start; align-items: center; gap: 60px; margin: 0 40px 0 32px;}
.evCon2 .book_wrap .feature {flex: 1;}
.evCon2 .book_wrap .feature li {position: relative; background: #FFE400; text-align: left; letter-spacing: -0.04em; border-radius: 35px; display: flex; align-items: center; gap:10px; height: 72px; padding: 0 50px;}
.evCon2 .book_wrap .feature li.light {background-color: #FFFBD8;}
.evCon2 .book_wrap .feature li + li {margin-top: 20px;}
.evCon2 .book_wrap .feature li::before {content: ''; width: 33px; height: 32px; background-image: url(https://image.megagong.net/m/2025/0627_guidebook/check.png); background-repeat: no-repeat; background-position:center center; background-size:cover;}



/* evCon3 */
.evSection.evCon3 .con_tit {margin: 0 auto 30px;}
.evCon3 .mini_tit {margin:0 auto 60px; color:#fff;}
.evCon3 .review_swiper {position: relative; overflow: hidden;}
.evCon3 .review_swiper .swiper-slide {height: auto;background: #fff;border-radius: 10px;padding: 50px 20px;}
.evCon3 .review_swiper .swiper-slide .ico {margin-bottom: 30px;}
.evCon3 .review_swiper .swiper-slide .det {color:#666666; margin: 0 0 4px;}
.evCon3 .review_swiper .swiper-slide .tit {width: 100%;font-weight: 700;font-size: 16px;border-bottom: 1px solid #000;padding-bottom: 4px;margin: 0 auto 20px;}
.evCon3 .review_swiper .swiper-slide p {font-size: 15px; color: #222;}
.evCon3 .swiper-button-prev,
.evCon3 .swiper-button-next {top: 50%; width: 44px; height: 85px; z-index: 1;}
.evCon3 .swiper-button-prev {left: -40px; transform: translate(-100%, -50%); background: url(https://image.megagong.net/m/2024/0624_sobang/con4_prev.png) no-repeat;}
.evCon3 .swiper-button-next {right: -40px; transform: translate(100%, -50%); background: url(https://image.megagong.net/m/2024/0624_sobang/con4_next.png) no-repeat;}
.evCon3 .swiper-button-prev::after,
.evCon3 .swiper-button-next::after {content: none;}
.evCon3 .swiper-pagination {display: none; bottom: -3vw !important; z-index: 1;}
.evCon3 .swiper-pagination-bullet-active {background: #1f1919;}



/* evCon4 */
.evCon4{padding:150px 0;background-color:#f5f5f5;}
.evCon4 .con_box{margin-top:60px;}
.evCon4 .info_list{display:flex;flex-wrap:wrap;gap:20px 40px;}
.evCon4 .info_list > li{width:calc(50% - 20px);border:1px solid #dddddd;border-radius:20px;overflow:hidden;box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);background-color:#fff;}
.evCon4 .info_list > li > a{display:flex;padding:30px 50px;text-align:left;gap:0 40px;align-items:center;}
.evCon4 .info_list > li span{display:block;color:#000;}
.evCon4 .info_list > li .txt_wrap .con{font-size:20px;}
.evCon4 .info_list > li .txt_wrap .tit{font-size:26px;font-weight:700;}


@media screen and (max-width: 1200px){
    .evSection {padding: 15% 0;}
    .evSection .con_tit {margin: 0 auto 6vmin;}

    /* evBnr */
    .evBnr {padding: 2vw 0;bottom: 70px;}
    .evBnr .inner {gap: 20px;}
    .evBnr strong {font-size: clamp(17px, 2.8vmin, 26px);letter-spacing: 4px;}
    .evBnr .toggleBtn a {font-size: clamp(13px, 2vmin, 18px);  padding: 0.5vw 3vw;}
    .evBnr.fixed {bottom: 70px;padding: 4vmin 0;}
    /* evCon1 */
    .evSection.evCon1 {padding: 5vmin 0 0;}

    /* evCon2 */
    .evCon2 .book_wrap {gap: 1.5vw; margin: 0 auto;}
    .evCon2 .book_wrap .book_img {flex-basis: 34%;}
    .evCon2 .book_wrap .feature li {padding: 2vmin;gap: 5px; height: auto;}
    .evCon2 .book_wrap .feature li::before {width: 3vmin;height: 2.9vmin;}
    .evCon2 .book_wrap .feature li + li {margin-top: 4%;}


    /* evCon3 */
    .evSection.evCon3 .con_tit {margin: 0 auto 2vmin;}
    .evCon3 .mini_tit {margin:0 auto 6vmin;}
    .evCon3 .review_swiper .swiper-slide {padding: 3vw 0;}
    .evCon3 .review_swiper .swiper-slide .ico {margin-bottom: 3%;}
    .evCon3 .review_swiper .swiper-slide .tit {font-size: clamp(15px, 2vmin, 19px);margin: 0 auto 2%;width: fit-content;}
    .evCon3 .swiper-button-prev,
    .evCon3 .swiper-button-next {display: none;}
    .evCon3 .swiper-pagination {display: block;}


    /* evCon4 */
    .evCon4{padding:15% 0;}
    .evCon4 .con_tit{width:51.85%;margin:0 auto;}
    .evCon4 .con_box{margin-top:6%;}
    .evCon4 .info_list{gap:10px;}
    .evCon4 .info_list > li{width:calc(50% - 5px);}
    .evCon4 .info_list > li > a{padding:15px 25px;gap:0 20px;}
    .evCon4 .info_list > li .ico{width:44px;}
    .evCon4 .info_list > li .txt_wrap .con{font-size:clamp(12px, 1.7vw, 20px);}
    .evCon4 .info_list > li .txt_wrap .tit{font-size:clamp(14px, 2vw, 26px);}
}

@media screen and (max-width: 768px){


    /* evCon4 */
    .evCon4 .info_list > li > a{padding:10px 20px;}
}

@media screen and (max-width: 576px){
    .evBnr.fixed {bottom: 55px;padding: 4vmin 0;}
    .evBnr strong {letter-spacing:1px;}
    /* evCon2 */
    .evCon2 .book_wrap {flex-direction: column; gap: 6vw;}
    .evCon2 .book_wrap .book_img {width: 50%;}
    .evCon2 .book_wrap .feature {width: 100%;flex: unset;}
    
    /* evCon3 */
    .evCon3 .review_swiper .swiper-slide {padding: 3vw 0 6vw;}
    .evCon3 .review_swiper .swiper-slide p {font-size: 13px;}
    .evCon3 .swiper-pagination {bottom: -6vw !important;}


    /* evCon4 */
    .evCon4 .info_list > li{width:100%;}
    .evCon4 .info_list > li > a{gap:0 10px;}
    .evCon4 .info_list > li .ico{width:30px;}
}