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

/* settings */
:root {
    --color-primary: #7031EA;
    --color-secondary: #1CFF97;
}
.evSection {padding: 150px 0;}
.evSection .con_tit {font-weight: 400;}
.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);}
.tx_secondary {color: var(--color-secondary);}

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

.evStickyBnr li {width: 25%;}

/* evCon1 */
.evCon1 {padding: 0; background: #170D28 url(https://image.megagong.net/m/2025/1113_tjenglish08/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sm_tit {position: absolute; top: 40px; width: 100%; letter-spacing: 1.2vmin; opacity: 0.3;}
.evCon1 .md_tit {position: absolute; top: 240px; width: 100%; display: flex; justify-content: space-between; color: #5B717C; letter-spacing: 0.6vmin; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin: 0 48px; padding-bottom: 10px;}
.evCon1 .md_tit span:first-child {margin-left: 90px;}
.evCon1 .md_tit span:last-child {margin-right: 180px;}
.evCon1 .md_tit span strong {font-weight: inherit; color: #8F9DAA;}
.evCon1 .tea_img {position: relative; pointer-events: none;}
.evCon1 h3 {position: absolute; bottom: 128px; margin: 0 -35px;}
.evCon1 .teacher_home {position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); font-size: 14px; opacity: 0.7;}
.evCon1 .teacher_home b {width: 15px; height: 15px; font-size: 10px;}

/* evCon2 */
.evCon2 {background: #7031EA;}
.evCon2 .mini_tit.btm {color: #C6ADF7;}
.evCon2 .table-base {background-color: #FFF;}
.evCon2 .table-base .bg_black_2 {color: #FFF; background-color: #111; border-color: rgba(255, 255, 255, 0.3); border-top: none;}
.evCon2 .table-base .bg_secondary {background-color: rgba(28, 255, 153, 0.3);}
.evCon2 .table-base th:first-child {border-left: none; border-bottom: 1px solid rgba(1, 1, 1, 0.2);}
.evCon2 .table-base th.bg_black_2:last-child {border-right-color: #111;}
.evCon2 .table-base th {font-weight: 700; font-size: 16px; color: #111; }
.evCon2 .table-base thead th {background-color: #F2F2F2;  border: 1px solid rgba(1, 1, 1, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.3); padding: 16.5px 5px;}
.evCon2 .table-base tbody th {background-color: #FFF;}
.evCon2 .table-base tbody td {font-size: 15px; padding: 0; height: 60px; border: 1px solid rgba(1, 1, 1, 0.2);}
.evCon2 .table-base tbody td > div {display: flex; justify-content: center; align-items: center;}

/* evCon3 */
.evCon3 {position: relative; background: #FFF;}
.evCon3::before {content: ''; position: absolute; bottom: 0; left: 50%; margin-left: 317px; width: 710px; height: 930px; background-image: url(https://image.megagong.net/m/2025/1113_tjenglish08/con2_bg.png); background-repeat: no-repeat;}
.evCon3 .con_tit {margin: 0 -60px;}
.evCon3 .type_wrap {display: flex; gap: 30px;}
.evCon3 .type_wrap .item {flex: 1; background-color: #FFF; border: 1px solid #CCC; border-radius: 10px; overflow: hidden;}
.evCon3 .type_wrap .item .content {padding: 40px;}
.evCon3 .type_wrap .item .content .top::after {content: ''; display: block; width: 67px; height: 44px; background-image: url(https://image.megagong.net/m/2025/1113_tjenglish08/con2_arrow.png); background-repeat: no-repeat; background-size: contain; margin: 10px auto;}
.evCon3 .type_wrap .item .content .top p {background-color: #E5E5E5; height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 10px;}
.evCon3 .type_wrap .item .content .btm {display: flex; height: 106px;}
.evCon3 .type_wrap .item .content .btm p {flex: 1; display: flex; justify-content: center; align-items: center; background-color: #F2F2F2; border-radius: 10px;}
.evCon3 .type_wrap .item .txt {padding: 20px; height: 160px; display: flex; justify-content: center; align-items: center; font-weight: 400; background-color: #CCC;}
.evCon3 .type_wrap .item.highlight {border-color: var(--color-primary);}
.evCon3 .type_wrap .item.highlight .content .top p {background: linear-gradient(90deg, #1CFF97 30%, #8C50FF 100%);}
.evCon3 .type_wrap .item.highlight .content .btm {flex-wrap: wrap; gap: 10px;}
.evCon3 .type_wrap .item.highlight .content .btm p {flex: 1 0 calc(50% - 5px); background-color: #A9FFD7;}
.evCon3 .type_wrap .item.highlight .txt {color: #FFF; background-color: var(--color-primary);}
.evCon3 .type_wrap .toggleAni.on {background-color: #000 !important; color: #A9FFD7;}

/* evCon4 */
.evCon4 {background: #EEE;}
.evCon4 .pr_content_wrap {margin-bottom: 60px;}
.evCon4 .pr_content_wrap .pr_content_swiper .swiper-slide {background: none; padding: 0;}
.evCon4 .pr_content_wrap .pr_content_swiper .label {font-size: 22px; color: #FFF; background-color: var(--color-primary); position: absolute; width: 120px; top: 0; left: calc(50% - 60px); border-radius: 100px; padding: 4.5px 0;}
.evCon4 .pr_content_wrap .pr_content_swiper .txt {background-color: #FFF; margin-top: 20px; padding: 45px 15px 40px; border-radius: 10px; min-height: 180px;}
.evCon4 .line_tit {margin-bottom: 35px;}
.evCon4 .pr_video_swiper {margin-top: 50px;}
.evCon4 .pr_video_swiper .pr_video_con {padding: 30px; background-color: #A9FFD7; min-height: 240px;}
.evCon4 .pr_video_swiper .s-txt {color: #666;}

/* evCon5 */
.evCon5 {background: #FFF;}
.evCon5 .pr_book_wrapper {justify-content: space-between; align-items: center;}
.evCon5 .pr_book_wrapper dt {margin-left: -30px; width: auto;}
.evCon5 .pr_book_wrapper dt .pr_book_swiper_wrap {width: auto;}
.evCon5 .pr_book_wrapper dd {width: calc(50% + 40px); margin-left: -40px;}
.evCon5 .pr_book_detail > li {color: #FFF; background-color: var(--color-primary);  padding: 24px 30px;}
.evCon5 .pr_book_detail > li + li {margin-top: 20px;}
.evCon5 .pr_book_detail > li .tit {margin-top: 0; font-size: 20px;}
.evCon5 .pr_book_detail > li .tit::before {content: ''; display: inline-block; width: 19px; height: 13px; background-image: url(https://image.megagong.net/m/2025/1113_tjenglish08/ico_check.png); background-repeat: no-repeat; background-size: contain; margin-right: 9px;}
.evCon5 .pr_book_detail > li .con {font-weight: 400; font-size: 16px;}

/* evCon6 */
.evCon6 {background: #F2F2F2;}

/* evCon7 */
.evCon7 {background: linear-gradient(90deg, #1CFF97 0%, #8C50FF 100%);}
.evCon7 .container_info.ver_circle .info .tx_lime {color: #BBFF1C;}
.evCon7 .container_info .info .noti {color: #111; opacity: 0.5;}
.evCon7 .gift_result_base {background-color: #8C50FF;}
.evCon7 .gift_item_wrap .tail {margin-top: 30px; font-size: 14px; color: #111;}

/* evCon8 */
.evCon8 {background: #7031EA;}
.evCon8 .mini_tit {opacity: 0.7;}
.evCon8 .container_info .info .noti {color: #FFF; opacity: 0.5;}
.evCon8 .gift_list_wrap li .badge {color: #111; background-color: var(--color-secondary);}
.evCon8 .step_base_wrap .hashtag {color: var(--color-primary);}
.evCon8 .regist_form_area {margin: 0; background-color: #61FFB7;}
.evCon8 .regist_form_area .check_area .info {color: #777;}
.evCon8 .regist_form_area .check_area > .btn-base a {color: #111; border-color: #111;}
.evCon8 .share_base_wrap .share_list li dl dt,
.evCon8 .share_base_wrap .share_list li dl dd {width: calc(25% - 6px);}

/* 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%;}

    /* evCon1 */
    .evCon1 {padding: 0;}
    .evCon1 .md_tit {margin: 0;}
    .evCon1 .md_tit span:first-child {margin-left: 0;}
    .evCon1 .md_tit span:last-child {margin-right: 0;}
    .evCon1 h3 {margin: 0;}

    /* evCon3 */
    .evCon3::before {content: none;}
    .evCon3 .con_tit {margin: 0;}

    /* evCon4 */
    .evCon4 .pr_content_wrap .pr_content_swiper .swiper-slide {width: calc(25% - 15px); min-width: 260px;}
    .evCon4 .pr_video_swiper .swiper-slide {width: calc(33.333% - 13.333px); min-width: 300px;}
    .evCon4 .pr_video_swiper .pr_video_con {min-height: 220px;}

    /* evCon5 */
    .evCon5 .pr_book_wrapper dt {width: 50%; margin-left: 0;}
    .evCon5 .pr_book_detail > li + li {margin-top: 10px;}
    .evCon5 .pr_book_detail > li .tit {font-size: 16px;}
    .evCon5 .pr_book_detail > li .con {font-size: 14px;}
}
@media screen and (max-width: 992px){
    .evCon3 .type_wrap {gap: 20px;}
    .evCon3 .type_wrap .item .content {padding: 30px 20px;}
    .evCon3 .type_wrap .item .txt {height: auto; font-size: 17px; padding: 20px 10px;}
}
@media screen and (max-width: 768px){
    .evCon2 .table-base th {font-size: 14px;}
    .evCon2 .table-base tbody td {font-size: 13px; height: 70px;}

    .evCon3 .type_wrap {gap: 10px;}
    .evCon3 .type_wrap .item .txt {font-size: 15px; min-height: 145px;}

    .evCon4 .pr_content_wrap {margin-bottom: 40px;}
    .evCon4 .pr_content_wrap .pr_content_swiper .swiper-slide {padding: 20px 20px 30px; background-color: #FFF; min-height: 170px;}
    .evCon4 .pr_content_wrap .pr_content_swiper .label {position: static; font-size: 16px; margin-bottom: 10px;}
    .evCon4 .pr_content_wrap .pr_content_swiper .txt {font-size: 14px; min-height: auto; margin: 0; padding: 0;}
    .evCon4 .pr_video_swiper {margin-top: 30px;}

    .evCon5 .pr_book_wrapper dt,
    .evCon5 .pr_book_wrapper dd {width: 100%;}
    .evCon5 .pr_book_wrapper dd {margin-left: 0;}
    .evCon5 .pr_book_wrapper dt .pr_book_swiper_wrap {width: 300px;}

    .evCon8 .share_base_wrap .share_list li dl dt {width: 100%;}
    .evCon8 .share_base_wrap .share_list li dl dd {width: calc(33.333% - 5.4px);}
}
@media screen and (max-width: 576px){
    .evStickyBnr li {width: 50%;}
    .evStickyBnr li:nth-child(n+3) {border-top: 1px solid rgba(17, 17, 17, 0.15);}

    .evCon1 {padding-top: 6vmin;}
    .evCon1 .sm_tit {top: 0;}
    .evCon1 .md_tit span:first-child {text-align: left;}
    .evCon1 .md_tit span:last-child {text-align: right;}
    .evCon1 .md_tit {top: 30vmin;}
    .evCon1 h3 {bottom: 16vmin;}
    .evCon1 .teacher_home {bottom: 8vmin;}

    .evCon3 .type_wrap .item .content {padding: 20px 10px;}
    .evCon3 .type_wrap .item .content .top::after {width: 47px; height: 31px;}
    .evCon3 .type_wrap .item .content .top p {height: 60px;}
    .evCon3 .type_wrap .item .content .btm {height: 80px;}
    .evCon3 .type_wrap .item.highlight .content .btm {gap: 5px;}
    .evCon3 .type_wrap .item .txt {padding: 10px; font-size: 13px;}
}