@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2025/ */

/* settings */
:root {
    --color-primary: #2BB1F3;
}

.evSection {padding: 150px 0;}
.evSection.event .con_tit {font-weight: 500;}
.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 .evt_mark.bg_blue {
    --color-blue: #2BB1F3;
}
.con_tit .end::after {background: #FFF;} /* ÀÌº¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

/* evBnr */
.evBnr {background: var(--color-primary); color: #FFF; border-bottom: 1px solid rgba(17, 17, 17, 0.15);}
.evBnr.fixed {position: fixed; top: 0; left: 0; width: 100%; z-index: 3;}
.evBnr ul {flex-wrap: wrap;}
.evBnr li {width: 100%; position: relative;}
.evBnr li a {display: block; padding: 2vmin 0;}
.evBnr li .badge {display: inline-block; color: #FFF; background-color: #111; border-radius: 50px; padding: 2px 10px;}

/* evCon1 */
.evCon1 {padding: 55px 0 140px; background: #000 url(https://image.megagong.net/m/2025/0917_jinsyjin03/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sub_tit {font-weight: 700; letter-spacing: 0.3em; opacity: 0.7; margin-bottom: 150px;}
.evCon1 h3 {position: relative; display: flex; justify-content: space-between; margin: 0 95px 0 75px;}
.evCon1 h3 span:nth-child(2) {margin-top: 60px;}
.evCon1 h3 .teacher_home {position: absolute; bottom: 0; left: 0; font-size: 14px;}
.evCon1 h3 .teacher_home b {width: 16px; height: 16px; font-size: 11px; color: #1A6BA2;}

/* evCon2 */
.evCon2 {background: #001230 url(https://image.megagong.net/m/2025/0917_jinsyjin03/con2_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon2 .bubble_wrap {display: flex; flex-direction: column; gap: 10px; background: url(https://image.megagong.net/m/2025/0917_jinsyjin03/con2_bubble_bg.png) 50% 10% no-repeat; background-size: auto; padding: 80px 90px 190px 60px;}
.evCon2 .bubble_wrap .bubble {font-weight: 700; min-width: 323px; background-color: var(--color-primary); border-radius: 50px; padding: 20px 40px;}
.evCon2 .bubble_wrap .bubble:nth-child(1) {align-self: flex-start;}
.evCon2 .bubble_wrap .bubble:nth-child(2) {align-self: flex-end;}
.evCon2 .mini_tit.btm strong {color: #67CDFF;}

/* evCon3 */
.evCon3 {background: #A6E0FF;}
.evCon3 .box_wrap {border-radius: 10px; background: #FFF; padding: 40px;}
.evCon3 .box_wrap + .box_wrap {margin-top: 20px;}
.evCon3 .box_tit {margin-bottom: 30px;}
.evCon3 .box_tit .badge-base {font-size: 14px; background-color: var(--color-primary); margin-bottom: 10px; padding: 8px 25px;}
.evCon3 .box_tit .txt {font-weight: 400; color: #555; margin-top: 15px;}
.evCon3 .box_con .flex_wrap {display: flex; margin: 0 70px;}
.evCon3 .flex_wrap .graph {width: 50%;}
.evCon3 .flex_wrap .txt {width: 50%; padding-top: 15px; text-align: left;}
.evCon3 .flex_wrap .txt .tit {margin-bottom: 15px;}
.evCon3 .flex_wrap .txt p {font-weight: 400; color: #555;}
.evCon3 .question_slide {position: relative; overflow: hidden;}
.evCon3 .question_slide .swiper-slide {display: flex; justify-content: center; gap: 18px;}
.evCon3 .question_slide .question {border-radius: 12px; overflow: hidden; background: #F3F3F3;}
.evCon3 .question_slide .question .tit {font-weight: 700; font-size: 18px; color: #FFF; background: #252525; padding: 12.5px 20px;}

/* evCon4 */
.evCon4 {background: #FFF;}
.evCon4 .tab-swiper .swiper-slide{width: 50%;}
.evCon4 .tab-base.type-1 .swiper-slide a{line-height:1.4;}
.evCon4 .panel-base > li{display:none;}
.evCon4 .pr_video_wrap .pr_video_swiper .pr_video_con {background-color: var(--color-primary);}
.evCon4 .pr_video_wrap .pr_video_swiper .s-txt {color: #FFF;}
.evCon4 .pr_video_info .pr_video_swiper + .tit {margin-top: 75px;}
.evCon4 .scroll_wrap {margin-top: 30px;}
.evCon4 .way_wrap {position: relative; display: flex; gap: 20px; z-index: 0;}
.evCon4 .way_wrap::before {content: ''; position: absolute; top: 0; right: -86px; width: 1257px; height: 100%; background: url(https://image.megagong.net/m/2025/0917_jinsyjin03/con4_arrow.png) 100% 50% no-repeat; background-size: 100% auto; z-index: -1;}
.evCon4 .way_wrap .way {flex: 1; display: flex; flex-direction: column; justify-content: center; border-radius: 10px; border: 1px solid #E5E5E5; background: #FFF; padding: 40px 20px;}
.evCon4 .way_wrap .way .tit {margin: 0;}
.evCon4 .way_wrap .way .txt {font-weight: 400; color: #555; margin-top: 15px; margin-bottom: auto;}

/* evCon5 */
.evCon5 {background: #00ABFF;}
.evCon5 .book_cover_wrap {justify-content: center; gap: 40px; margin-bottom: 60px;}
.evCon5 .book_cover_wrap .book .btn-base {margin-top: 20px;}
.evCon5 .pr_book_wrap .swiper-pagination {margin: 0;}
.evCon5 .swiper-pagination-bullet {background-color: #FFF;}

/* evCon6 */
.evCon6 {background: #EEF9FF;}
.evCon6 .pr_review_swiper_wrap {margin: 0 -285px;}
.evCon6 .pr_review_swiper .swiper-slide {text-align: center;}
.evCon6 .pr_review_swiper .swiper-slide .review_author {flex-direction: column; gap: 10px; margin-top: 0; margin-bottom: 30px;}
.evCon6 .pr_review_swiper .swiper-slide .review_tit {color: var(--color-primary);}
.evCon6 .pr_review_swiper .swiper-slide .review_con {height: auto; margin-bottom: 0;}
.evCon6 .pr_review_swiper .swiper-slide .review_con:not(:last-child) {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed rgba(0, 0, 0, 0.3);}

/* evCon7 */
.evCon7 {background: #FFF;}
.evCon7 .con_box + .mini_tit {margin-top: 80px;}

/* evCon8 */
.evCon8 {background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, #002056 0%, #0083D4 50.48%, #27B5FF 98.56%), #D9D9D9;}
.evCon8 .con_tit + .mini_tit {color: #FFF; opacity: 0.6;}
.evCon8 .container_info .info .noti {color: #FFF;}
.evCon8 .gift_list_wrap li .badge {background-color: var(--color-primary);}
.evCon8 .gift_list_wrap li .badge.all {background-color: #FF3E2B;}
.evCon8 .step_base_wrap .step_list li .box_area .label.c_blue {color: var(--color-blue-2);}
.evCon8 .step_base_wrap .hashtag {color: var(--color-blue-2);}
.share_base_wrap .share_list li dl dt,
.share_base_wrap .share_list li dl dd {width: 244px;}
.regist_form_area {background-color: #00519E;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}

@media screen and (max-width: 1650px){
    .evCon6 .pr_review_swiper_wrap {margin: 0 -6vmin;}
    .evCon6 .pr_review_swiper .swiper-slide {padding: 40px 20px;}
}
@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%;}

    /* evCon1 */
    .evCon1 {padding: 5% 0 20%;}
    .evCon1 h3 {margin: 0;}
    
    /* evCon3 */
    .evCon3 .box_con .flex_wrap {margin: 0;}
    
    /* evCon4 */
    .evCon4 .scroll_wrap {margin-top: 3%;}

    /* evCon6 */
    .evCon6 .pr_review_swiper_wrap {margin: 0 auto;}
    .evCon6 .pr_review_swiper .swiper-slide {width: 400px;}

    /* evCon8 */
    .share_base_wrap .share_list li dl dt,
    .share_base_wrap .share_list li dl dd {width: calc(25% - 6px);}
}
@media screen and (max-width: 992px){
    .evCon1 h3 {gap: 10vmin;}

    .evCon2 .bubble_wrap {background-size: 100% auto; padding: 8% 0 12%;}

    .evCon3 .box_con .flex_wrap {align-items: center; margin: 0 auto 30px;}

    .evCon4 .scroll_wrap {overflow-x: auto;}
    .evCon4 .way_wrap {width: 1080px;}
}
@media screen and (max-width: 768px){
    .evCon2 .bubble_wrap .bubble {min-width: auto;}

    .evCon3 .box_wrap {padding: 30px 20px;}
    .evCon3 .box_con .flex_wrap {display: block;}
    .evCon3 .flex_wrap .graph {width: 70%; margin: 0 auto;}
    .evCon3 .flex_wrap .txt {width: 100%; text-align: center;}
    .evCon3 .question_slide .question .tit {font-size: 14px;}

    .evCon4 .way_wrap {width: 940px;}
    .evCon4 .way_wrap::before {width: 1000px; right: -60px;}
    .evCon4 .way_wrap .way {padding: 20px;}
    .evCon4 .pr_video_info .pr_video_swiper + .tit {margin-top: 40px;}

    .evCon5 .book_cover_wrap {gap: 20px;}
    .evCon5 .book_cover_wrap .book .btn-base a {padding: 21px 20px;}

    .evCon6 .pr_review_swiper .swiper-slide .review_tit {min-height: auto;}

    .share_base_wrap .share_list li dl dt {width: 100%;}
    .share_base_wrap .share_list li dl dd {width: calc(33.333% - 5.333px);}
}
@media screen and (max-width: 576px){
    .evBnr li span {font-size: 12px;}
    .evBnr li .badge {padding: 0 5px;}
    .evBnr li strong {font-size: 13px;}

    .evCon1 {padding-bottom: 24%;}
    .evCon1 .sub_tit {margin-bottom: 100px;}
    .evCon1 h3 {gap: 70px;}

    .evCon2 .bubble_wrap .bubble {padding: 15px 20px;}

    .evCon3 .question_slide .swiper-slide {flex-direction: column;}
    .evCon3 .question_slide .question .tit {padding: 10px;}

    .evCon4 .way_wrap {width: 760px;}

    .evCon5 .book_cover_wrap {flex-direction: column; margin-bottom: 40px;}
    .evCon5 .book_cover_wrap .book .img {width: 50%; margin: 0 auto;}
    .evCon5 .book_cover_wrap .book .btn-base {margin-top: 0;}

    .evCon6 .pr_review_swiper .swiper-slide .review_author .avatar {width: 24%;}

    .evCon7 .con_box + .mini_tit {margin-top: 40px;}
}