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

/* settings */
:root {
    --color-point1: #2e3a78;
    --color-point2: #eec084;
}
.evSection {padding: 150px 0;}
.evSection .con_tit {margin: 0 -4% 70px;}
.evSection .con_tit h4 {font-weight: 900; font-size: 44px; letter-spacing: -0.04em; line-height: 1.3;}
.evSection .con_tit .sub_tit {font-size: 28px;}
.evSection .con_tit .sub_tit + h4 {margin-top: 15px;}
.evSection .con_tit h4 + .sub_tit {margin-top: 20px;}
.evSection.event .con_tit h4 {font-size: 52px;}
.evSection.event .con_tit .sub_tit {font-size: 21px;}
.con_tit .end {top: -20%;}
.con_tit .event_tag {max-width: 250px; font-size: 34px; padding: 12px 0;}

.point_bg {background: rgba(214, 161, 91, 0.6); background: -webkit-linear-gradient(270deg, transparent 75%, rgba(214, 161, 91, 0.6) 75%); background: linear-gradient(180deg, transparent 75%, rgba(214, 161, 91, 0.6) 75%);}

.evSection .subtitle_line {position: relative; z-index: 0;}
.evSection .subtitle_line::before {content: ''; position: absolute; width: 100%; height: 2px; top: 50%; left: 0; background: rgba(0, 0, 0, 0.5); z-index: -1;}
.evSection .subtitle_line .text {width: fit-content; font-weight: 900; font-size: 26px; color: #fff; background: var(--color-point1); border-radius: 27px; padding: 8px 0;}
.evSection .box_wrap .item {position: relative; font-weight: 400; font-size: 22px; background: #fff; border-radius: 16px; padding: 50px 0 40px;}
.evSection .box_wrap .item .tit {position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 300px; font-weight: 700; font-size: 26px; color: #141a39; background: var(--color-point2); border-radius: 27px; padding: 9px 0;}

.eventVideo.system {background: #343434;}
.eventVideo.system .video_box .play_area > img{width: 0;height: 0;} /*À̹ÌÁö ¾øÀ»°æ¿ì ÄÁÅÙÃ÷ ¾øÀ½ ¾Ë·µÀÌ ¶ß¹Ç·Î ÀÓ½ÃÁöÁ¤*/
.eventVideo.system .video_title {position: absolute; top: 165px; width: 100%; height: auto; text-align: center; color: #fff;}
.eventVideo.system .video_title strong {font-size: 36px;}
.eventVideo.system .video_title::before {content: ''; position: absolute; left: 50%; bottom: -60px; transform: translate(-50%, 100%); width: 89px; height: 89px; background: url(https://img.megagong.net/m/2024/0906_tjenglish08/play_ico.png) no-repeat 0 0; background-size: contain;}

.link_btn a {display: block; width: 380px; max-width: 90%; margin: 0 auto; font-weight: 700; font-size: 24px; color: #fff; background: var(--color-point1); border-radius: 5px; padding: 22px 0;}

/* evCon1 */
.evCon1 {padding: 60px 0 120px; background: #e1e5f5 url(https://image.megagong.net/m/2024/0906_tjenglish08/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sub_tit {font-weight: 400; font-size: 25px; color: #6e7182; letter-spacing: 0.5em; margin-bottom: 110px;}
.evCon1 .sub_tit b {color: var(--color-point1);}
.evCon1 .con_tit {position: relative; margin-bottom: 100px;}
.evCon1 .con_tit .tea_home {position: absolute; right: 55px; bottom: 0;}
.evCon1 .kind {gap: 10px; margin: 0 -4px;}
.evCon1 .kind li {flex: 1 0 auto; font-weight: 300; font-size: 36px; color: #26316d; background: rgba(255, 255, 255, 0.37); border-radius: 35px; border: 1px solid #bebebe; padding: 8px 40px 10px;}
.evCon1 .kind li.active {font-weight: 700; color: #fff; background: #d6a15b; border-color: #d6a15b;}

/* evCon2 */
.evCon2 {background: #2e3a78;}
.evCon2 .con_tit .sub_tit {color: rgba(255, 255, 255, 0.6);}
.evCon2 .con_tit h4 {color: #fff;}
.evCon2 .con_tit h4 span {color: #7a91ff;}
.evCon2 .subtitle_line::before {background: #fff; opacity: 0.5;}
.evCon2 .subtitle_line .text {font-size: 30px; padding: 0 20px;}
.evCon2 .box_wrap .item {margin-top: 67px;}
.evCon2 .box_wrap .item p {color: #333;}
.evCon2 .box_wrap .item p b {color: #000; background: rgba(96, 123, 255, 0.3); background: -webkit-linear-gradient(270deg, transparent 60%, rgba(96, 123, 255, 0.3) 60%); background: linear-gradient(180deg, transparent 60%, rgba(96, 123, 255, 0.3) 60%);}

/* evCon3 */
.evCon3 {position: relative; background: #e5e5e5;}
.evCon3::before {content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; margin-left: 72%; background: url(https://image.megagong.net/m/2024/0906_tjenglish08/con3_bg.png) no-repeat; background-position: 0 100%;}
.evCon3 .con_tit h4 {font-weight: 400;}
.evCon3 .con_tit h4 span {font-weight: 900;}
.evCon3 .subtitle_line {margin-bottom: 40px;}
.evCon3 .subtitle_line .text {font-size: 30px; color: #000; padding: 0 20px; background: #e5e5e5;}
.evCon3 .box_wrap {flex-wrap: wrap; gap: 20px;}
.evCon3 .box_wrap .item {flex-basis: calc(50% - 10px); padding: 40px 0 50px;}
.evCon3 .box_wrap .item .tit {position: static; font-weight: 900; font-size: 24px; color: #fff; background: var(--color-point1); width: 144px; padding: 4px 0; transform: none; margin: 0 auto 20px;}
.evCon3 .box_wrap .item p {font-size: 18px; color: #333;}
.evCon3 .box_wrap .item p b {color: #000;}

/* evCon4 */
.evCon4 {background: #fff;}
.evCon4 .con_tit {margin-bottom: 90px;}
.evCon4 .con_tit .sub_tit {color: #333;}
.evCon4 .tab_base {position: relative; gap: 1px; margin-bottom: 90px;}
.evCon4 .tab_base::before {content: ''; position: absolute; width: 1000%; height: 2px; left: -500%; bottom: 0; background: #333; z-index: 1;}
.evCon4 .tab_base li {flex: 1;}
.evCon4 .tab_base li a {display: block; position: relative; color: #999; background: #e5e5e5; padding: 20px 0;}
.evCon4 .tab_base li.on a {color: #fff; background: #607bff;}
.evCon4 .tab_base li .label {position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 94px; padding: 2px 0; border-radius: 12px; font-style: normal; font-size: 14px;}
.evCon4 .tab_base li .label.new {color: #fff; background: #fb5758;}
.evCon4 .tab_base li .label.upgrade {color: #000; background: var(--color-point2);}
.evCon4 .tab_base li .label::before {content: ''; position: absolute; left: 50%; bottom: 1px; transform: translate(-50%, 100%); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid;}
.evCon4 .tab_base li .label.new::before {border-top-color: #fb5758;}
.evCon4 .tab_base li .label.upgrade::before {border-top-color: var(--color-point2);}
.evCon4 .tab_base li span {font-weight: 400; font-size: 20px;}
.evCon4 .tab_base li strong {display: block; font-weight: 900; font-size: 28px;}
.evCon4 .panel_base li .box_wrap .item {background: #e8ecff; margin-bottom: 80px;}
.evCon4 .panel_base li .box_wrap .item .tit {width: 368px; color: #fff; background: var(--color-point1);}
.evCon4 .panel_base li .box_wrap .item .txt {color: #333;}
.evCon4 .panel_base li .box_wrap .item .txt .part {color: #000; margin-top: 20px;}
.evCon4 .panel_base li .box_wrap .item .txt .part li + li {margin-top: 15px;}
.evCon4 .panel_base li .box_wrap .item .txt .part li::before {content: ''; display: inline-block; width: 25px; height: 26px; background: url(https://image.megagong.net/m/2024/0906_tjenglish08/check_ico.png) no-repeat; background-size: contain; vertical-align: bottom;}
.evCon4 .panel_base li .subtitle_line .text {width: 368px;}
.evCon4 .panel_base li .eventVideo {margin: 0 40px 80px;}
.evCon4 .panel_base li .feature {align-items: center; gap: 26px;}
.evCon4 .panel_base li .feature ul {flex: 1;}
.evCon4 .panel_base li .feature ul li {background: #e8ecff; height: 124px; display: flex; align-items: center; font-weight: 700; font-size: 22px; text-align: left; letter-spacing: -0.06em; border-radius: 15px; padding: 0 40px 0 55px}
.evCon4 .panel_base li .feature ul li + li {margin-top: 30px;}
.evCon4 .panel_base li .feature ul li span {position: relative; padding-left: 30px;}
.evCon4 .panel_base li .feature ul li span::before {content: ''; position: absolute; top: 5px; left: 0; width: 25px; height: 26px; background: url(https://image.megagong.net/m/2024/0906_tjenglish08/check_ico.png) no-repeat; background-size: contain;}

/* evCon5 */
.evCon5 {background: #f5f5f5;}

/* evCon6 */
.evCon6 {background: #f7c67f;}
.evCon6 .con_tit .end::after {background: #000; opacity: 0.5;}
.evCon6 .con_tit .event_tag {color: var(--color-point1);}
.evCon6 .con_tit {margin-bottom: 40px;}
.evCon6 .con_tit h4 {color: var(--color-point1);}
.evCon6 .con_tit .sub_tit {color: #333;}
.evCon6 .container_info {font-size: 20px; margin: 0 40px 60px; background: rgba(255, 255, 255, 0.4);}
.evCon6 .container_info .info_title {margin-right: 0; padding-right: 0;}
.evCon6 .container_info .info_title::after {content: ':'; position: static; display: inline-block; transform: none; background: none; width: auto; height: auto; margin: 0 5px; font-size: 0.8em;}
.evCon6 .container_info .noti {font-weight: 400; margin-left: 5px; padding-left: 8px; opacity: 1;}
.evCon6 .gift {margin-bottom: 48px;}
.evCon6 .subtitle_line {margin-bottom: 20px;}
.evCon6 .subtitle_line::before {height: 1px; background: #000;}
.evCon6 .subtitle_line .text {width: 274px; font-size: 22px; background: #000;}
.evCon6 .evt_step {background: #fff; border-radius: 16px; padding-bottom: 20px; margin-bottom: 20px;}
.evCon6 .evt_step ol {padding: 30px 0;}
.evCon6 .evt_step ol li {flex: 1; position: relative;}
.evCon6 .evt_step ol li + li {border-left: 1px solid #ddd;}
.evCon6 .evt_step ol li + li::after {content: ''; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); width: 44px; height: 44px; background: url(https://image.megagong.net/m/2024/0906_tjenglish08/con6_arrow.png) no-repeat 50% 50%; background-size: contain;}
.evCon6 .evt_step ol li .step {font-weight: 900; font-size: 16px; color: #151515; background: #ededed; width: 94px; margin: 0 auto 18px; padding: 4px 0; border-radius: 16px;}
.evCon6 .evt_step ol li .txt {font-weight: 400; font-size: 20px; color: #111; margin-top: 6px;}
.evCon6 .evt_step .tiny_noti {color: #666;}
.evCon6 .link_list {justify-content: center; gap: 12px; margin-bottom: 20px;}
.evCon6 .link_list li a {display: block; width: 170px; font-weight: 700; font-size: 17px; color: #3a3a3a; border: 1px solid #000; border-radius: 5px; padding: 10px 0;}

/* Æ˾÷ */
.mg_textarea {height: 80px;}
.mg_s_info {color: #555;}
.mg_s_info li {padding-left: 14px;}
.mg_s_info li:before {content: '¡Ø';}
.mg_s_info a {color: #607bff;}

/* evCon7 */
.evCon7 {background: #2e3a78;}
.evCon7 .con_tit {margin-bottom: 60px;}
.evCon7 .con_tit .end::after {background: #fff; opacity: 0.5;}
.evCon7 .con_tit .event_tag {color: #26316d;}
.evCon7 .con_tit h4 {color: var(--color-point2);}
.evCon7 .con_tit .sub_tit {color: #fff; opacity: 0.6;}
.evCon7 .container_info {flex-direction: column; width: fit-content; padding: 40px 0; margin: 0 auto 60px;}
.evCon7 .container_info::before {content: ''; position: absolute; width: 1000%; height: 100%; top: 0; left: -500%; background: #fff; opacity: 0.08;}
.evCon7 .container_info .info .info_title {width: 136px; background: #222;}
.evCon7 .container_info .info .info_date {font-weight: 700; color: #fff;}
.evCon7 .container_info .info .noti {margin-left: 0; opacity: 1;}
.evCon7 .container_gift_wrap {margin-bottom: 60px;}
.evCon7 .container_gift_wrap ul {justify-content: center; gap: 80px;}
.evCon7 .link_btn a {background: #607bff;}

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

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin: 0 auto 7%;}
    .evSection .con_tit h4 {font-size: clamp(21px, 4.4vmin, 44px);}
    .evSection .con_tit .sub_tit {font-size: clamp(15px, 2.8vmin, 28px);}
    .evSection .con_tit .sub_tit + h4 {margin-top: 1%;}
    .evSection .con_tit h4 + .sub_tit {margin-top: 2%;}
    .evSection.event .con_tit h4 {font-size: clamp(28px, 4.8vmin, 50px);}
    .evSection.event .con_tit .sub_tit {font-size: clamp(15px, 2.4vmin, 21px);}
    .con_tit .end {top: -10%;}
    .con_tit .event_tag {font-size: clamp(16px, 3.2vmin, 32px); padding: 1% 0 1.5%;}

    .evSection .subtitle_line .text {font-size: clamp(15px, 2.6vmin, 26px); padding: 1% 0;}
    .evSection .box_wrap .item {font-size: clamp(13px, 2.4vmin, 22px); padding: 6vmin 0 4vmin;}
    .evSection .box_wrap .item .tit {font-size: clamp(15px, 2.6vmin, 26px); padding: 1% 0;}

    .eventVideo.system .video_title {top: 35%; transform: translateY(-50%);}
    .eventVideo.system .video_title strong {font-size: clamp(17px, 3.6vmin, 36px);}
    .eventVideo.system .video_title::before {bottom: -4vmin; width: 9vmin; height: 9vmin;}

    .link_btn a {font-size: clamp(16px, 2.6vmin, 24px); padding: 3vmin 0;}

    /* evCon1 */
    .evCon1 {padding: 10% 0 12%;}
    .evCon1 .sub_tit {font-size: clamp(16px, 2.7vmin, 25px); letter-spacing: 1vmin; margin-bottom: 10%;}
    .evCon1 .con_tit {margin-bottom: 10%;}
    .evCon1 .con_tit h3 {width: 96%;}
    .evCon1 .con_tit .tea_home {right: 2%; max-width: 6%;}
    .evCon1 .kind {gap: 1vmin; margin: 0 auto;}
    .evCon1 .kind li {flex: 1; font-size: clamp(14px, 3.2vmin, 36px); padding: 1vmin 0;}

    /* evCon2 */
    .evCon2 .subtitle_line .text {padding: 0 2%;}
    .evCon2 .box_wrap .item {margin-top: 8%;}
    .evCon2 .box_wrap .item .tit {max-width: 40%;}

    /* evCon3 */
    .evCon3::before {content: none;}
    .evCon3 .subtitle_line {margin-bottom: 4%;}
    .evCon3 .subtitle_line .text {padding: 0 2%;}
    .evCon3 .box_wrap {gap: 2vmin;}
    .evCon3 .box_wrap .item {flex-basis: calc(50% - 1vmin); padding: 4vmin 0 5vmin;}
    .evCon3 .box_wrap .item .tit {padding: 0.5% 0; max-width: 50%; margin-bottom: 3%;}
    .evCon3 .box_wrap .item p {font-size: clamp(13px, 2vmin, 18px);}

    /* evCon4 */
    .evCon4 .tab_base {margin-bottom: 9%;}
    .evCon4 .tab_base li a {padding: 2vmin 0;}
    .evCon4 .tab_base li span {font-size: clamp(12px, 2.2vmin, 20px);}
    .evCon4 .tab_base li strong {font-size: clamp(14px, 3vmin, 28px); line-height: 1.2;}
    .evCon4 .panel_base li .box_wrap .item {margin-bottom: 8%;}
    .evCon4 .panel_base li .box_wrap .item .tit {max-width: 50%;}
    .evCon4 .panel_base li .box_wrap .item .txt .part {margin-top: 2%;}
    .evCon4 .panel_base li .box_wrap .item .txt .part li + li {margin-top: 1%;}
    .evCon4 .panel_base li .subtitle_line .text {max-width: 50%;}
    .evCon4 .panel_base li .eventVideo {margin: 0 auto 8%;}
    .evCon4 .panel_base li .feature {gap: 2vmin;}
    .evCon4 .panel_base li .feature .book_cover {flex-basis: 30%;}
    .evCon4 .panel_base li .feature ul li {height: 12vmin; font-size: clamp(13px, 2.4vmin, 22px); padding: 0 4% 0 5%;}
    .evCon4 .panel_base li .feature ul li + li {margin-top: 3%;}

    /* evCon6 */
    .evCon6 .container_info {font-size: clamp(13px, 2.2vmin, 20px); margin: 0 auto 6%;}
    .evCon6 .gift {margin-bottom: 5%;}
    .evCon6 .subtitle_line {margin-bottom: 2%;}
    .evCon6 .subtitle_line .text {max-width: 50%;}
    .evCon6 .evt_step {padding-bottom: 2vmin; margin-bottom: 2%;}
    .evCon6 .evt_step ol {padding: 3vmin 0;}
    .evCon6 .evt_step ol li .ico > img {max-height: 16vmin;}
    .evCon6 .evt_step ol li .txt {font-size: clamp(13px, 2.2vmin, 20px); margin-top: 1%;}
    .evCon6 .link_list {gap: 2vmin; margin-bottom: 2%;}
    .evCon6 .link_list li {width: 33.333%;}
    .evCon6 .link_list li a {width: 100%; font-size: clamp(13px, 2vmin, 17px); padding: 2vmin 0;}

    /* evCon7 */
    .evCon7 .container_info {padding: 4vmin 0; margin-bottom: 6%;}
    .evCon7 .container_gift_wrap {margin-bottom: 6%;}
    .evCon7 .container_gift_wrap ul {gap: 4vmin;}
}
@media screen and (max-width: 992px){
    .container_info .info {align-items: center;}

    .evCon1 .con_tit h3 {width: 84%; margin: 0 auto;}
    .evCon1 .con_tit .tea_home {right: 0;}
}
@media screen and (max-width: 768px){
    .evCon4 .tab_base li .label {width: 80px; font-size: 11px; top: -5%;}
    .evCon4 .panel_base li .box_wrap .item .txt .part li::before {width: 18px; height: 18px; vertical-align: middle;}
    .evCon4 .panel_base li .feature {flex-direction: column;}
    .evCon4 .panel_base li .feature .book_cover {max-width: 40%;}
    .evCon4 .panel_base li .feature ul {align-self: stretch;}
    .evCon4 .panel_base li .feature ul li span {padding-left: 22px;}
    .evCon4 .panel_base li .feature ul li span::before {width: 18px; height: 18px; top: 50%; transform: translateY(-50%);}

    .evCon6 .evt_step ol {flex-direction: column; padding: 0 2vmin;}
    .evCon6 .evt_step ol li {padding: 5vmin 0;}
    .evCon6 .evt_step ol li + li {border-left: none; border-top: 1px solid #ddd;}
    .evCon6 .evt_step ol li + li::after {top: 0; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 25px; height: 25px;}
    .evCon6 .evt_step ol li .step {font-size: 12px; margin: 0 auto 2%;}
    .evCon6 .evt_step .tiny_noti {font-size: 11px;}

    .evCon7 .container_gift_wrap ul {flex-wrap: nowrap;}
    .evCon7 .container_gift_wrap ul li:first-child {margin: 0;}
}
@media screen and (max-width: 576px){
    .evCon1 .kind {flex-wrap: wrap;}
    .evCon1 .kind li {flex-basis: calc(50% - 0.5vmin);}

    .evCon3 .box_wrap {flex-direction: column;}
    .evCon3 .box_wrap .item .tit {max-width: 30%;}

    .evCon4 .tab_base li .label {width: 60px;}

    .evCon7 .container_info .info {flex-direction: column; align-items: center; text-align: center;}
}