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

/* settings */
:root {
    --color-primary: #0048FF;
}
.evSection {padding: 140px 0;}
.evSection .con_tit {margin-bottom: 60px;}
.evSection .mini_tit + .con_tit {margin-top: 30px;}
.evSection .con_tit + .mini_tit {margin-top: 25px; margin-bottom: 60px;}
.tx_primary {color: var(--color-primary);}
.tx_gray {color: var(--color-gray);}

.con_tit .end::after {background: #FFF;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection.event .obj_cover .pattern_obj {mix-blend-mode: luminosity;}

.evSection .mega_swiper {position: relative; overflow: hidden;}
.evSection .button-prev,
.evSection .button-next {position: absolute; top: calc(50% - 30px); width: 60px; height: 60px; border-radius: 50%; background-color: #FFF; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto; box-shadow: 3px 4px 5.3px 0px rgba(0, 0, 0, 0.12); cursor: pointer; z-index: 1;}
.evSection .button-prev {left: -30px; background-image: url(https://image.megagong.net/m/2025/0708_tax/slide_prev.png);}
.evSection .button-next {right: -30px; background-image: url(https://image.megagong.net/m/2025/0708_tax/slide_next.png);}
.evSection .swiper-pagination {position: static; margin-top: 1%;}
.evSection .swiper-pagination-bullet-active {background: var(--color-primary);}
.eventVideo.system::before {content: ''; position: absolute; right: 44px; bottom: 44px; width: 78px; height: 78px; background: url(https://img.megagong.net/m/2025/0708_tax/con3_video.png) no-repeat 0 0; background-size: contain;}
.eventVideo.system .video_box {padding-bottom: 58.6%;}
.eventVideo.system .video_box .play_area > img {width: 0; height: 0;} /*À̹ÌÁö ¾øÀ»°æ¿ì ÄÁÅÙÃ÷ ¾øÀ½ ¾Ë·µÀÌ ¶ß¹Ç·Î ÀÓ½ÃÁöÁ¤*/
.eventVideo.system .video_title {position: absolute; top: 70px; left: 40px; text-align: left;}
.eventVideo.system .video_title .b_tit {margin-top: 15px;}
.eventVideo.system .video_title .b_tit span {color: #82BBFF;}

/* evCon1 */
.evCon1 {padding: 65px 0 165px; background: #FFF url(https://image.megagong.net/m/2025/0708_tax/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sm_tit {max-width: 74%; margin: 0 auto;}
.evCon1 h3 {margin: -30px -278px -58px;}
.evCon1 .md_tit span {color: #F9F01B;}
.evCon1 .teacher_home_wrap {justify-content: center; gap: 125px; margin-top: 440px;}
.evCon1 .teacher_home {font-size: 14px; padding: 10px 30px; border-radius: 500px; background: #FFF;}
.teacher_home b {font-size: 11px; width: 16px; height: 16px; padding: 0; font-weight: 700;}

/* evBnr */
.evBnr {background: #FFF; border: 1px solid rgba(17, 17, 17, 0.15); border-left: none; border-right: none;}
.evBnr.fixed {position: fixed; top: 0; left: 0; width: 100%; z-index: 2;}
.evBnr li {flex: 1; position: relative;}
.evBnr li + li::before {content: ''; position: absolute; top: 20%; left: 0; width: 1px; height: 60%; background: rgba(17, 17, 17, 0.15);}
.evBnr li a {display: block; font-weight: 700; line-height: 1.2; padding: 10px;}
.evBnr li .btn-base {display: block; margin-top: 5px;}
.evBnr li .btn-base span {color: #FFF; background: var(--color-primary);}

/* evCon2 */
.evCon2 {background: #FFF;}
.evCon2 .bubble_wrap {margin: 0 40px;}
.evCon2 .bubble_wrap .item {display: flex; justify-content: center; align-items: center; gap: 40px; border-radius: 500px; background: #EAF4FF; overflow: hidden;}
.evCon2 .bubble_wrap .item:nth-child(even) {flex-direction: row-reverse; background: #B7D6FF;}
.evCon2 .bubble_wrap .item + .item {margin-top: 20px;}
.evCon2 .bubble_wrap .item p {font-weight: 400; line-height: 1.6;}
.evCon2 .bubble_wrap .item u {font-weight: 500; text-underline-offset: 4px;}
.evCon2 .test_wrap::before {content: ''; display: block; width: 155px; height: 124px; background: url(https://image.megagong.net/m/2025/0708_tax/con2_arrow.png) no-repeat; background-size: contain; margin: 0 auto 25px;}
.evCon2 .test_wrap .msg {font-weight: 700; color: #B1B1B1; margin: 0 -40px 50px;}
.evCon2 .test_info {border-radius: 10px; background: #F9F9F9; padding: 45px 40px 55px;}
.evCon2 .test_info .test_tit {font-weight: 700; text-align: left; margin-bottom: 20px;}
.evCon2 .test_info .test_tit::before {content: ''; display: inline-block; width: 58px; height: 42px; background: url(https://image.megagong.net/m/2025/0708_tax/con2_ico_tit.png) no-repeat; background-size: contain; vertical-align: middle; margin-right: 8px;}
.evCon2 .test_info > ul {text-align: left; margin-bottom: 40px;}
.evCon2 .test_info > ul li {color: #777;}
.evCon2 .test_info li + li {margin-top: 5px;}
.evCon2 .test_swiper .swiper-wrapper {gap: 20px;}
.evCon2 .test_swiper .swiper-slide {flex: 1 1 auto; border-radius: 10px; background: #FFF; overflow: hidden;}
.evCon2 .test_swiper .swiper-slide .tit {color: #FFF; background: var(--color-primary); padding: 16px 0;}	
.evCon2 .test_swiper .swiper-slide .content {height: 257px; display: flex; flex-direction: column; justify-content: center; gap: 30px; text-align: left; padding: 40px 20px 40px 30px; font-weight: 400;}	
.evCon2 .test_swiper .swiper-slide .evt_con_base {color: #111; line-height: 1.6;}	

/* evCon3 */
.evCon3 {background: #EEF6FF;}
.evCon3 .special_tab {border-bottom: 1px solid #A6A6A6; margin-bottom: 60px;}
.evCon3 .special_tab li a {font-weight: 700; color: #A6A6A6; height: 96px; display: flex; justify-content: center; align-items: center; padding-bottom: 4px;}
.evCon3 .special_tab li.on a {color: #111; border-bottom: 4px solid #111; padding-bottom: 0;}
.evCon3 .flex_wrap {gap: 36px; align-items: center;}
.evCon3 .eventVideo {width: 100%; max-width: 576px;}
.evCon3 .feature {flex: 1;}
.evCon3 .feature li {display: flex; justify-content: center; align-items: center; height: 106px; border-radius: 10px; color: #111; background: #FFF;}
.evCon3 .feature li + li {margin-top: 10px;}
.evCon3 .lecture {margin-top: 60px;}

/* evCon4 */
.evCon4 {background: #D8EAFF;}
.evCon4 .con_tit strong {font-weight: inherit; background: #FFF;
background: linear-gradient(180deg, transparent 70%, #FFF 70%, #FFF 90%, transparent 90%);}
.evCon4 .line_tit {margin-bottom: 30px;}
.evCon4 .review_swiper_wrap {position: relative;}
.evCon4 .review_swiper .swiper-slide {border-radius: 10px; background: #FFF; padding: 45px 20px 55px; height: 627px; display: flex; flex-direction: column;}
.evCon4 .review_swiper .ico {margin-bottom: 35px;}
.evCon4 .review_swiper .tit {margin: 0 auto 20px;}
.evCon4 .review_swiper p {font-weight: 400; color: #555; line-height: 1.6; margin-top: auto;}
.evCon4 .review_swiper .evt_con_base {color: #999; margin-top: 10px;}

/* evCon5 */
.evCon5 {background: #FFF;}
.evCon5 .lecture_tab {border-bottom: 1px solid #A6A6A6; margin-bottom: 60px;}
.evCon5 .lecture_tab li a {font-weight: 700; color: #A6A6A6; height: 80px; display: flex; justify-content: center; align-items: center; gap: 10px; padding-bottom: 4px;}
.evCon5 .lecture_tab li.on a {color: #111; border-bottom: 4px solid #111; padding-bottom: 0;}
.evCon5 .lecture_tab .btn-base span {font-weight: 500; color: #FFF; background: #FF2929; padding: 7px 26px 9px; border-radius: 50px;}

/* evCon6 */
.evCon6 {background: linear-gradient(180deg, #001CF7 0%, rgba(83, 174, 255, 0.00) 100%);}
.evCon6 .con_tit strong {font-weight: 700;}
.evCon6 .mini_tit {font-weight: 500; color: #C1CFFE;}
.evCon6.event .obj_cover .pattern_obj {top: -10%;}
.evCon6 .container_info_wrap {margin-bottom: 60px;}
.purchase_base_list > li .purchase_detail_wrap {border: none;}
.purchase_base_list > li .purchase_info .tit {margin-top: 0;}
.purchase_base_list > li .pkg_detail {margin-top: 10px;}
.purchase_base_list > li .pkg_detail .p_list {margin-top: 10px;}
.purchase_base_list > li .pkg_detail .p_list li {margin-top: 5px;}
.purchase_base_list > li .purchase_price .badge {background: var(--color-primary);}
.purchase_base_list > li .purchase_price .price_area .current {color: var(--color-primary);}
.note-base-wrap {margin-top: 30px;}

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

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

    /* evCon1 */
    .evCon1 {padding: 4% 0 15%;}
    .evCon1 h3 {margin: 0 -12%;}

    /* evCon2 */
    .evCon2 .test_wrap .msg {margin: 0 auto 5%;}
    .evCon2 .test_info {padding: 40px 20px;}
}
@media screen and (max-width: 992px){
    .evCon2 .bubble_wrap {margin: 0;}
    .evCon2 .bubble_wrap .item {gap: 20px;}
    .evCon2 .bubble_wrap .item .ico {max-width: 16%; margin-top: 2%;}
    .evCon2 .test_swiper .swiper-wrapper {gap: 0;}
    .evCon2 .test_swiper .swiper-slide {flex: 1 0 100%;}
    .evCon2 .test_swiper .swiper-slide .content {width: fit-content; margin: 0 auto;}

    .evCon3 .flex_wrap {flex-direction: column; gap: 20px;}
    .evCon3 .feature {width: 100%;}
}
@media screen and (max-width: 768px){
    .evt_con_base.sm,
    .evt_con_base.xs {font-size: 12px;}

    .evCon1 .teacher_home_wrap {gap: 50px; margin-top: 250px;}

    .evCon2 .test_swiper .swiper-slide .content {height: auto; padding: 20px 10px;}

    .evCon3 .feature li {height: 80px;}

    .evCon4 .review_swiper .swiper-slide {height: auto;}

    .evCon5 .lecture_tab li a {flex-direction: column; gap: 5px;}
    .evCon5 .lecture_tab .btn-base span {font-size: 13px;}
}
@media screen and (max-width: 576px){
    .eventVideo.system::before {right: 20px; bottom: 20px; width: 47px; height: 47px;}
    .eventVideo.system .video_title {top: 30px; left: 20px;}

    .evCon1 .teacher_home_wrap {gap: 10px; margin-top: 200px;}
    .evCon1 .teacher_home {padding: 5px 10px;}

    .evCon2 .bubble_wrap .item {padding: 20px 10px;}
    .evCon2 .test_wrap::before {width: 108.5px; height: 87px;}
    .evCon2 .test_info .test_tit::before {width: 35px; height: 25px;}

    .evCon3 .special_tab {margin-bottom: 30px;}
    .evCon3 .special_tab li a {height: 80px;}
    .evCon3 .lecture {margin-top: 30px;}
    
    .evCon4 .review_swiper .swiper-slide {padding: 30px 15px;}
    .evCon4 .review_swiper p {margin: auto;}

    .evCon5 .lecture_tab {margin-bottom: 30px;}
    .evCon5 .lecture_tab li a {height: 60px;}
    .evCon5 .lecture_tab .btn-base span {padding: 3px 10px 4px;}

    .evCon6 .container_info_wrap {margin-bottom: 30px;}
}