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

/* settings */
:root {
    --color-primary: #0056ff;
}
.evSection {padding: 180px 0;}
.evSection .mini_tit u {font-weight: 400; text-underline-offset: 5px; text-decoration-thickness: 1px;}
.evSection .con_tit + .mini_tit {margin-top: 15px;}
.evSection .mini_tit + .con_tit {margin-top: 15px;}
.evSection .con_box {margin-top: 60px;}
.tx_primary {color: var(--color-primary);}
.txt_box {display: block; border-radius: 15px; padding: 50px;}

.ani_arrows span {display: block; width: 38px; height: 22px; background: url(https://image.megagong.net/m/2025/1002_sbhr/ico_arrow_bottom.png) no-repeat center/contain; animation: fadeMove 1.5s infinite; margin: 0 auto;}
.ani_arrows span:nth-child(2) {margin-top: -7px;}
@keyframes fadeMove {
    0%   { transform: translateY(0); opacity: 0; }
    50%  { transform: translateY(8px); opacity: 1; }
    100% { transform: translateY(16px); opacity: 0; }
}

/* evBnr */
.evBnr {background: #FFF; border-top: 1px solid rgba(17, 17, 17, 0.15); border-bottom: 1px solid rgba(17, 17, 17, 0.15);}
.evBnr.fixed {position: fixed; top: 0; left: 0; width: 100%; z-index: 3; border-top: none;}
.evBnr ul {flex-wrap: wrap;}
.evBnr li {width: 33.333%; 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.event {border-top: 1px solid rgba(17, 17, 17, 0.15);}
.evBnr li a {display: block; padding: 2vmin 0;}
.evBnr li .badge {display: inline-block; color: #FFF; background-color: var(--color-primary); border-radius: 50px; padding: 2px 10px;}

/* evCon1 */
.evCon1 {padding: 60px 0 0; background: #f8f2ff url(https://image.megagong.net/m/2025/1002_sbhr/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sub_tit {margin-bottom: 5px;}
.evCon1 .main_tit {position: absolute; width: 100%; bottom: 55px;}
.evCon1 .main_tit .sm_tit {display: inline-block; font-weight: 700; color: #FFF; background-color: var(--color-primary); border-radius: 30px; padding: 9px 58px; margin-bottom: 5px;}
.evCon1 .main_tit h3 {position: relative; width: fit-content; line-height: 1.1; margin: 0 auto;}
.evCon1 .main_tit .md_tit {display: block; font-size: 95px;}
.evCon1 .main_tit .lg_tit {display: block; font-size: 125px;}
.evCon1 .main_tit .tea_home {position: absolute; right: -55px; top: 65px;}

/* evCon2 */
.evCon2 {background: #fdfdfd;}
.evCon2 .con_tit {margin: 0 -2%;}
.evCon2 .list_wrap {background-color: #eef5ff; border-radius: 15px; padding: 60px 200px; overflow: hidden;}
.evCon2 .list_tit {color: #252525; margin-bottom: 40px;}
.evCon2 .list_wrap ul {font-weight: 400; text-align: left;}
.evCon2 .list_wrap li {display: flex; justify-content: space-between; align-items: center;}
.evCon2 .list_wrap li + li {margin-top: 18px;}
.evCon2 .list_wrap li .checkbox {display: inline-block; border: 2px solid #111;}
.evCon2 .list_wrap li .checkbox img {display: block;}
.evCon2 .btm_txt {margin-top: 60px;}

/* evCon3 */
.evCon3 {background: #FFF;}
.evCon3 .box_wrap {position: relative; display: flex; justify-content: center; gap: 285px; padding-top: 170px;}
.evCon3 .box_wrap .box {width: 350px; border: 2px solid #c1c1c1; border-radius: 16.5px; box-shadow: 0 0 13px rgba(0, 0, 0, 0.35); overflow: hidden;}
.evCon3 .box_wrap .box_tit {font-weight: 700; color: #FFF; background-color: #c1c1c1; padding: 7.5px 10px;}
.evCon3 .box_wrap .con {padding: 30px; padding-right: 25px; text-align: left;}
.evCon3 .box_wrap .con .tit {font-weight: 700; margin-bottom: 15px;}
.evCon3 .box_wrap .con ul {font-weight: 400;}
.evCon3 .box_wrap .con li {position: relative; padding-left: 10px;}
.evCon3 .box_wrap .con li .dash {position: absolute; top: 0; left: 0;}
.evCon3 .box_wrap .box.focus {border-color: var(--color-primary);}
.evCon3 .box_wrap .box.focus .box_tit {background-color: var(--color-primary);}
.evCon3 .box_wrap .graph {position: absolute; top: 0; left: 50%; transform: translate(calc(-50% + 0.5px));}
.evCon3 .box_wrap .graph p {position: absolute; top: 40px; right: 35px; transform: translateX(100%); width: max-content; text-align: left; font-weight: 700; }
.evCon3 .ani_arrows {margin-top: -40px;}
.evCon3 .txt_box {margin-top: 30px; background-color: #eef5ff;}

/* evCon4 */
.evCon4 {background: #cff5fe;}
.evCon4 .video_wrap {display: flex; gap: 10px;}
.evCon4 .video_wrap li {position: relative; flex: 1; background: #FFF; border-radius: 15px; border-top: 15px solid #aaeafa; padding: 35px 10px 60px;}
.evCon4 .video_wrap li .tit {font-weight: 700; padding-bottom: 30px; border-bottom: 1px solid #CCC; margin-bottom: 25px;}
.evCon4 .video_wrap li .eventVideo {max-width: 300px; margin: 0 17px 35px;}
.evCon4 .video_wrap li .txt {font-weight: 700; color: #777;}
.evCon4 .video_wrap li .badge-base {position: absolute; top: -35px; right: -20px; width: 80px; height: 80px; font-size: 20px; font-weight: 700; background-color: var(--color-primary); z-index: 1;}
.evCon4 .ani_arrows {margin-top: 20px;}
.evCon4 .txt_box {margin-top: 30px; background-color: #FFF;}

/* evCon5 */
.evCon5 {background: linear-gradient(0deg, #c9fff4 0%, #FFF 100%);}
.evCon5 .pr_video_wrap .eventVideo {margin: 0 auto 55px;}
.evCon5 .pr_video_wrap .pr_video_swiper .pr_video_con {background-color: #FFF;}
.evCon5 .pr_video_wrap .pr_video_swiper .s-num {font-weight: 700; color: #FFF; background-color: var(--color-primary); display: inline-block; width: 160px; padding: 4px 10px; border-radius: 15px;}
.evCon5 .pr_video_wrap .pr_video_swiper .s-tit {color: var(--color-primary); margin-top: 20px;}
.evCon5 .pr_video_wrap .pr_video_swiper .s-txt {color: #222;}

/* evCon6 */
.evCon6 {background: #cff5fe;}
.evCon6 .pr_review_swiper .swiper-slide {padding: 40px 15px; text-align: center;}
.evCon6 .pr_review_swiper .swiper-slide .review_con {height: auto; display: block; text-overflow: initial; -webkit-line-clamp: initial; margin-top: 0; color: #777; letter-spacing: -0.08em;}
.evCon6 .pr_review_swiper .swiper-slide .review_author {justify-content: center;}
.evCon6 .lecture {margin-top: 30px;}
.evCon6 .txt_box {margin-top: 30px; color: #FFF; background-color: var(--color-primary); padding: 35px 50px;}
.evCon6 .txt_box span {display: block; opacity: 0.5;}
.evCon6 .txt_box strong {display: block; margin-top: 10px;}

/* evCon7 */
.evCon7 {background: #f3f3f3;}
.evCon7 .book_wrap {display: flex; align-items: center; margin: 0 40px;}
.evCon7 .exam_wrap {width: 455px;}
.evCon7 .exam_slide {position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);} 
.evCon7 .exam_slide .slick-arrow { position: absolute; top:50%; transform: translateY(-50%); width:40px; height:40px; font-size: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; } 
.evCon7 .exam_slide .slick-prev { background-image: url(https://image.megagong.net/m/2024/1011_sbhr/prev.png); left: -60px; } 
.evCon7 .exam_slide .slick-next { background-image: url(https://image.megagong.net/m/2024/1011_sbhr/next.png); right: -60px; } 
.evCon7 .exam_wrap .btn-base {margin-top: 40px;}

/* evCon8 */
.evCon8 {background: #0096ff;}
.evCon8 .con_tit strong {font-weight: 700;}
.evCon8 .mini_tit {color: #FFF; opacity: 0.6;}
.evCon8 .container_info .info .noti {color: #FFF;}

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

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

    /* evCon1 */
    .evCon1 {padding: 6% 0 0;}
    .evCon1 .main_tit {bottom: 5vmin;}
    .evCon1 .main_tit .md_tit {font-size:clamp(30px,8vmin,95px);}
    .evCon1 .main_tit .lg_tit {font-size:clamp(50px,13vmin,125px);}
    .evCon1 .main_tit .tea_home {top: 4vmin; right: -5vmin; max-width: 5.5vmin;}
    
    /* evCon2 */
    .evCon2 .con_tit {margin: 0 auto;}
    
    /* evCon3 */
    .evCon3 .box_wrap {gap: 260px;}
    
    /* evCon4 */
    .evCon4 .video_wrap li .tit {letter-spacing: -0.06em;}
    
    /* evCon7 */
    .evCon7 .book_wrap {margin: 0 50px 0 0;}
}
@media screen and (max-width: 992px){
    .evCon2 .list_wrap {padding: 60px;}

    .evCon3 .box_wrap {display: block; padding-top: 0;}
    .evCon3 .box_wrap .box {width: 100%;}
    .evCon3 .box_wrap .con {width: fit-content; margin: 0 auto;}
    .evCon3 .box_wrap .graph {position: relative; top: 0; left: 0; width: fit-content; margin: 30px auto; transform: none;}
    .evCon3 .ani_arrows {margin-top: 20px;}

    .evCon4 .video_wrap {display: block;}
    .evCon4 .video_wrap li + li {margin-top: 15px;}
    .evCon4 .video_wrap li .eventVideo {margin: 0 auto 30px;}
    .evCon4 .video_wrap li .badge-base {top: 10px; right: 10px;}

    .evCon5 .pr_video_wrap .pr_video_swiper .pr_video_con {padding: 40px 8px;}

    .evCon7 .exam_wrap {width: 45%;}
}
@media screen and (max-width: 768px){
    .txt_box {padding: 30px 15px;}

    .evCon4 .video_wrap li {padding: 20px 10px 30px;}
    .evCon4 .video_wrap li .tit {padding-bottom: 15px; margin-bottom: 15px;}

    .evCon5 .pr_video_wrap .eventVideo {margin-bottom: 30px;}
    .evCon5 .pr_video_wrap .pr_video_swiper .pr_video_con {padding: 20px;}

    .evCon6 .pr_review_swiper .swiper-slide {padding: 30px 15px;}
    .evCon6 .txt_box {padding: 30px 15px;}

    .evCon7 .book_wrap {flex-direction: column; margin: 0 auto;}
    .evCon7 .book_wrap .cover {max-width: 70%; margin-left: 18%;}
    .evCon7 .exam_wrap {width: 100%; margin-top: 20px;}
    .evCon7 .exam_slide {width: 70%; max-width: 455px; margin: 0 auto;}
}
@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 .teacher_img {margin: 0 -10%;}
    .evCon1 .main_tit .sm_tit {padding: 5px 30px;}

    .evCon2 .list_wrap {padding: 30px 10px;}
    .evCon2 .list_tit {margin-bottom: 20px;}
    .evCon2 .list_wrap li p {padding-left: 15px; text-indent: -15px;}
    .evCon2 .list_wrap li .checkbox {width: 18px;}
    .evCon2 .btm_txt {margin-top: 30px;}

    .evCon3 .box_wrap .con {padding: 20px;}
    .evCon3 .box_wrap .graph {max-width: 50%;}
    .evCon3 .box_wrap .graph p {top: 15px; right: 30px; font-size: 14px;}

    .evCon4 .video_wrap li .badge-base {top: -5px; right: 5px; width: 60px; height: 60px; font-size: 16px;}
}