@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2025/ */

/* settings */
:root {
    --color-primary: #3EB0FF;
}
.evSection {padding: 150px 0;}
.evSection .mini_tit.btm {color: #777;}
.evSection .con_tit + .mini_tit {margin-top: 15px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.evSection .con_box {margin-top: 60px;}
.tx_primary {color: var(--color-primary);}

.con_tit .end::after {background: #111;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

.evSection .mega_swiper {position: relative; overflow: hidden;}

/* evCon1 */
.evCon1 {padding: 45px 0 20px; background: #000 url(https://image.megagong.net/m/2025/0822_gosabu88/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 h3 {margin: 495px auto 30px;}
.evCon1 .teacher_home {display: inline-block; margin: 0 auto;}

/* evCon2 */
.evCon2 {position: relative; background: #000;}
.evCon2::before {content: ''; position: absolute; left: calc(50% + 357px); bottom: 0; width: 730px; height: 965px; background: url(https://image.megagong.net/m/2025/0822_gosabu88/con2_bg.png) no-repeat;}
.evCon2 .pr_content_wrap {margin-bottom: 60px;}

/* evCon3 */
.evCon3 {background: linear-gradient(180deg, #9CD6FF 0%, #3EB0FF 100%);}
.evCon3 .pr_book_detail > li .tit {margin-top: 0;}
.evCon3 .line_review_wrap {position: relative;}
.evCon3 .line_review_wrap::before {content: ''; position: absolute; width: 1000%; height: 100%; left: -500%; top: 0; background: rgba(62, 176, 255, 0.81);}
.evCon3 .line_review_swiper {height: 60px;}
.evCon3 .line_review_swiper .swiper-slide {display: flex; justify-content: center; align-items: center;}
.evCon3 .line_review_wrap + .evt_con_base {color: #111; opacity: 0.3; margin: 10px auto 60px;}
.evCon3 .pr_book_text span {text-align: left;}
.evCon3 .pr_book_text span::before {align-self: flex-start; margin: 8px 0;}

/* evCon4 */
.evCon4 {background: #E4F4FF;}
.evCon4 .pr_video_wrap .panel-base {padding: 0;}
.pr_video_wrap .panel-base .pr_video_swiper .pr_video_con {background-color: #FFF;}
.evCon4 .pr_video_wrap .panel-base .pr_video_swiper .s-txt {color: #111; margin-top: 0;}

/* evCon5 */
.evCon5 {background: #FFF;}
.evCon5 .lecture_wrap + .lecture_wrap {margin-top: 50px;}
.evCon5 .lecture_tit {justify-content: center; align-items: center; gap: 30px; margin-bottom: 30px;}
.evCon5 .lecture_tit span {display: inline-block; width: 200px; padding: 32px 40px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; border-radius: 10px;}
.evCon5 .lecture_tit p {text-align: left;}
.evCon5 .lecture_wrap:nth-child(1) .lecture_tit span {background-image: url(https://image.megagong.net/m/2025/0822_gosabu88/con5_tit_bg1.png);}
.evCon5 .lecture_wrap:nth-child(2) .lecture_tit span {background-image: url(https://image.megagong.net/m/2025/0822_gosabu88/con5_tit_bg2.png);}

/* evCon6 */
.evCon6 {background: #E4F4FF;}
.evCon6 .pr_review_swiper .swiper-wrapper {flex-wrap: wrap; gap: 20px;}
.evCon6 .pr_review_swiper .swiper-slide {flex-basis: calc(50% - 10px); padding: 0; text-align: center; overflow: hidden;}
.evCon6 .pr_review_swiper .swiper-slide .review_tit {color: #FFF; background-color: var(--color-primary); padding: 17px;}
.evCon6 .pr_review_swiper .swiper-slide .review_con {height: auto; margin: 40px 40px 20px;}
.evCon6 .pr_review_swiper .swiper-slide .review_author {justify-content: center; margin: 0 40px 40px;}

/* evCon7 */
.evCon7 {background: #FFF;}
.evCon7 .con_tit {z-index: 1;}
.evCon7 .con_tit .badge-base {position: absolute; top: -70px; right: 110px; width: 114px; height: 114px; background: var(--color-primary); line-height: 1.4;}
.evCon7 .app_wrap {align-items: center; gap: 30px;}
.evCon7 .app_wrap dt {position: relative; z-index: 0;}
.evCon7 .app_wrap dt::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 830px; height: 818px; background: url(https://image.megagong.net/m/2025/0822_gosabu88/con7_mock_bg.png) no-repeat; background-size: contain; pointer-events: none; z-index: -1;}
.evCon7 .app_wrap dd .swiper_common_wrap {margin-bottom: 40px;}
.evCon7 .app_wrap .feature_swiper {position: relative; overflow: hidden;}
.evCon7 .app_wrap .feature_swiper {width: 540px;}
.evCon7 .app_wrap .feature_swiper .swiper-wrapper {flex-direction: column; gap: 10px;}
.evCon7 .app_wrap .feature_swiper .swiper-slide {border-radius: 10px; border: 1px solid #DDD; background: #FFF; padding: 33px;}
.evCon7 .app_wrap dd .btn-base a {min-width: 367px; border-radius: 60px;}
.evCon7 .app_wrap dd .evt_con_base {margin-top: 20px;}

/* evCon8 */
.evCon8 {background: linear-gradient(180deg, #F8F2E9 0%, #FEF4E5 100%);}
.purchase_tit {margin-bottom: 30px;}
.purchase_base_list {margin-bottom: 55px;}
.purchase_base_list>li .purchase_info {position: relative;}
.purchase_base_list>li .purchase_info .date {position: absolute; top: 0; right: 0; color: var(--color-primary); font-weight: 700;}
.purchase_base_list>li .purchase_price .badge {background-color: var(--color-primary);}
.purchase_base_list>li .purchase_price .price_area .current {color: var(--color-primary);}

/* evCon9 */
.evCon9 {background: linear-gradient(180deg, #70C4FF 0%, #0096FF 100%);}
.evCon9 .container_info .info .noti {color: #111; opacity: 0.6;}
.gallery_base_wrap {margin-top: 50px;}

.mg_textarea { resize: none; border-radius: 3px; } 
.mg_filebox .filebtn label { border-radius: 3px; } 
.mg_s_info { color:#777; line-height: 1.4; font-size: 12px; } 
.mg_s_info .txt a { margin-left: 5px; border:1px solid #777; padding: 1px 8px; border-radius:15px; } 

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit + .mini_tit,
    .evSection .mini_tit + .con_tit {margin-top: 2%;}
    .evSection .con_box {margin-top: 6%;}

    .evSection .button-prev,
    .evSection .button-next {display: none;}

    /* evCon1 */
    .evCon1 {padding: 4% 0 2%;}
    .evCon1 h3 {margin: 50vmin auto 3%;}

    .purchase_base_list>li .purchase_info .date {position: relative; margin-bottom: 5px;}
}
@media screen and (max-width: 992px){
    .evCon5 .lecture_tit span {width: 170px; padding: 30px 10px;}

    .evCon7 .con_tit .badge-base {top: -10%; right: 2%;}
    .evCon7 .app_wrap dt::before {width: 200%; height: 170%;}
    .evCon7 .app_wrap .feature_swiper {width: 400px;}
}
@media screen and (max-width: 768px){
    .evCon3 .pr_book_detail {text-align: center;}

    .evCon5 .lecture_tit {gap: 20px;}
    .evCon5 .lecture_tit span {width: 120px; padding: 15px 10px;}

    .evCon6 .pr_review_swiper .swiper-wrapper {flex-wrap: nowrap; gap: 0px;}
    .evCon6 .pr_review_swiper .swiper-slide {flex-basis: initial;}
    .evCon6 .pr_review_swiper .swiper-slide .review_con {margin: 30px 20px 15px;}
    .evCon6 .pr_review_swiper .swiper-slide .review_author {margin: auto 30px 30px;}

    .evCon7 .con_tit .badge-base {width: 80px; height: 80px;}
    .evCon7 .app_wrap {flex-direction: column;}
    .evCon7 .app_wrap dd {width: 100%;}
    .evCon7 .app_wrap .feature_swiper {width: auto; overflow: initial;}
    .evCon7 .app_wrap .feature_swiper .swiper-wrapper {flex-direction: initial; gap: 0;}
    .evCon7 .app_wrap .feature_swiper .swiper-slide {width: 460px; padding: 20px;}
    .evCon7 .app_wrap dd .btn-base a {min-width: auto;}
}
@media screen and (max-width: 576px){
    .evCon2 .pr_content_wrap {margin-bottom: 30px;}

    .evCon3 .line_review_swiper {height: 40px; margin: 0 -1%;}
    .evCon3 .line_review_wrap + .evt_con_base {margin-bottom: 30px;}

    .evCon5 .lecture_tit {flex-direction: column; gap: 10px;}
    .evCon5 .lecture_tit span {width: 200px; background-size: 100% auto;}
    .evCon5 .lecture_tit p {text-align: center;}

    .evCon7 .con_tit .badge-base {position: static; width: fit-content; height: auto; border-radius: 20px; padding: 4px 20px; margin: 10px auto 0;}
    .evCon7 .app_wrap .feature_swiper .swiper-slide {width: 280px; padding: 20px 10px;}
}