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

/* settings */
:root {
    --color-primary: #FFAB09;
}
.evSection {padding: 150px 0;}
.evSection .mini_tit {color: #4D4D4D;}
.evSection .mini_tit u {text-underline-offset: 4px;}
.evSection .con_tit {font-weight: 400; margin-bottom: 60px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.tx_primary {color: var(--color-primary);}

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

.evSection .mega_swiper {position: relative; overflow: hidden;}
.evSection .swiper-pagination {position: static; margin-top: 1%;}
.evSection .swiper-pagination-bullet {width: 12px; height: 12px;}
.evSection .swiper-pagination-bullet-active {background: var(--color-primary);}

.flt_inner.renewal li {position: relative; margin-top: 8px;}
.flt_inner li .badge-base {position: absolute; top: -14px; right: -25px; pointer-events: none;}

/* evCon1 */
.evCon1 {padding: 30px 0 0; background: url(https://image.megagong.net/m/2025/0703_plower3362/con1_bg.jpg) no-repeat; background-size: auto 100%;position: relative;}
.evCon1::before {content: ''; position: absolute; width: 100%; height: 100%; max-width: 1454px; top: 0; left: 50%; transform: translateX(-50%); background: url(https://image.megagong.net/m/2025/0703_plower3362/con1_bg_text.png) no-repeat; background-position: 50% 175px; background-size: contain;}
.evCon1 .sm_tit {position: absolute; top: 240px; left: 0; width: calc(100% + 60px); justify-content: space-between; margin: 0 -30px;}
.evCon1 .sm_tit strong {display: block;}
.evCon1 .sm_tit strong:first-child {letter-spacing: 0.5em;}
.evCon1 .sm_tit strong:last-child {letter-spacing: 1.5em; margin-right: -1.5em;}
.evCon1 .md_tit {position: absolute; bottom: 215px; left: 0; width: 100%; justify-content: center; align-items: flex-end; gap: 10px; letter-spacing: 0.02em;}
.evCon1 .md_tit .teacher_home b {color: #FFC148; background: #FFF; margin: 0;}

/* evCon2 */
.evCon2 {background: #FFF;}
.evCon2 .con_tit {margin-bottom: 95px;}
.evCon2 .point_tab_wrap {position: relative; max-width: 1030px; margin: 0 auto 60px;}
.evCon2 .graph_wrap {position: absolute; top: -37px; left: 50%; transform: translateX(-50%);}
.evCon2 .graph_wrap .graph {display: none;}
.evCon2 .graph_wrap .graph.on {display: block;}
.evCon2 .point_tab {justify-content: space-between;}
.evCon2 .point_tab li {width: 285px; flex: 0 1 auto;}
.evCon2 .point_tab li a {display: block; border-radius: 20px; border: 2px solid #BFBFBF; background: #FFF; padding: 40px;}
.evCon2 .point_tab .tit {padding: 5px 25px; border-radius: 20px; background: #BFBFBF;}
.evCon2 .point_tab p {font-weight: 400; color: #5D5D5D; line-height: 1.6; margin: 20px auto 30px;}
.evCon2 .point_tab p strong {color: #474747;}
.evCon2 .point_tab .btn-base span {font-size: 12px; padding: 7px 24px;}
.evCon2 .point_tab li.point1.on a {border-color: #FFAB09; background: #FFFCF5;}
.evCon2 .point_tab li.point1.on .tit {background: #FFAB09;}
.evCon2 .point_tab li.point2.on a {border-color: #0084FF; background: #EBF5FF;}
.evCon2 .point_tab li.point2.on .tit {background: #0084FF;}
.evCon2 .point_tab + .evt_con_base {margin-top: 20px;}
.evCon2 .panel_base .flex_wrap {justify-content: center; gap: 46px; border-radius: 10px; border: 1px solid #DDD; background: #FFF; padding: 50px 50px 60px;}
.evCon2 .panel_base .flex_wrap .item {display: flex; flex-direction: column;}
.evCon2 .panel_base .flex_wrap .tit {display: block; border-radius: 4px; color: #FFF; background: #303030; padding: 6px; margin-bottom: 30px;}
.evCon2 .panel_base .flex_wrap .img {margin-bottom: auto;}
.evCon2 .panel_base .flex_wrap p {font-weight: 400; line-height: 1.6; color: #515151; border-radius: 8px; background: #F2F2F2; padding: 16px; margin-top: 20px;}
.evCon2 .panel_base .flex_wrap p strong {color: #333;}

/* evCon3 */
.evCon3 {background: #F4F4F4;}
.evCon3 .box_base {flex-wrap: wrap; gap: 30px 40px; border-radius: 20px; padding: 60px 60px 40px; margin: 0 -60px;}
.evCon3 .area_tit {background: #3A3A3A; border-radius: 20px 20px 0 0; padding: 17px 0;}
.evCon3 .part_wrap {flex: 1; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #C0C0C0;}
.evCon3 .hex_wrap {position: relative; width: fit-content; margin: auto;}
.evCon3 .hex_wrap .core {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 128px; height: 112px; display: flex; justify-content: center; align-items: center; font-weight: 700; color: #fff; background-image: url(https://image.megagong.net/m/2025/0703_plower3362/con3_polygon1.png); background-size: contain; background-repeat: no-repeat;}
.evCon3 .hex_wrap .hex { display: grid; grid-template-columns: repeat(3, 34px auto) 34px; grid-template-rows: repeat(6, 1fr); gap: 4px;}
.evCon3 .hex_wrap .hex .item {display: flex; justify-content: center; align-items: center; width: 128px; height: 110px; margin: 0 4px; font-weight: 700; color: rgba(59, 59, 59, 0.5); background-image: url(https://image.megagong.net/m/2025/0703_plower3362/con3_polygon3.png); background-size: contain; background-repeat: no-repeat;}
.evCon3 .hex_wrap .hex .item:nth-child(1) {grid-column: 3 / 6; grid-row: 1 / 3;}
.evCon3 .hex_wrap .hex .item:nth-child(2) {grid-column: 5 / 8; grid-row: 2 / 4;}
.evCon3 .hex_wrap .hex .item:nth-child(3) {grid-column: 5 / 8; grid-row: 4 / 6;}
.evCon3 .hex_wrap .hex .item:nth-child(4) {grid-column: 3 / 6; grid-row: 5 / 7;}
.evCon3 .hex_wrap .hex .item:nth-child(5) {grid-column: 1 / 4; grid-row: 4 / 6;}
.evCon3 .hex_wrap .hex .item:nth-child(6) {grid-column: 1 / 4; grid-row: 2 / 4;}
.evCon3 .hex_wrap .hex .item.on {color: #fff; background-image: url(https://image.megagong.net/m/2025/0703_plower3362/con3_polygon2.png);}
.evCon3 .chapter_wrap {flex: 1; position: relative; max-width: 50%; border-radius: 20px;
border: 1px solid #C0C0C0;}
.evCon3 .chapter_wrap .badge {position: absolute; top: -90px; right: -105px; z-index: 2;}
.evCon3 .chapter_wrap .badge a {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 200px; height: 200px; border-radius: 50%; background: url(https://image.megagong.net/m/2025/0703_plower3362/con3_badge.png) no-repeat; background-size: contain;}
.evCon3 .chapter_swiper_wrap {padding: 25px 30px;}
.evCon3 .chapter_swiper_wrap a {position: relative; display: block; height: 380px; overflow: hidden; border-radius: 10px;}
.evCon3 .chapter_swiper_wrap a::before {content: ''; transition: all 0.5s ease; background-repeat: no-repeat; background-position: center; background-size: auto;}
.evCon3 .chapter_swiper_wrap a:hover::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); background-image: url(https://image.megagong.net/m/2025/0703_plower3362/ico_click.png);  z-index: 2;}
.evCon3 .tip_wrap {position: relative; width: 100%; border-radius: 20px; border: 2px dashed #FFB528; padding: 40px; margin-top: 10px;}
.evCon3 .tip_wrap .tip_tit {position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 110px; background: #fff; border-radius: 30px; border: 2px dashed #FFAB09; padding: 1px 0;}
.evCon3 .tip_swiper .swiper-wrapper {align-items: center;}
.evCon3 .tip_swiper .swiper-slide {display: flex; justify-content: center;}
.evCon3 .tip_swiper ul {width: fit-content; text-align: left;}
.evCon3 .tip_swiper li {position: relative; font-weight: 400; color: #717171; padding-left: 25px;}
.evCon3 .tip_swiper li::before {content: ''; position: absolute; top: 5px; left: 0; width: 14px; height: 14px; background: url(https://image.megagong.net/m/2025/0703_plower3362/ico_check.png) no-repeat; background-size: contain;}
.evCon3 .tip_swiper li + li {margin-top: 20px;}
.evCon3 .tip_swiper li strong {color: #434343;}
.evCon3 .swiper-pagination {margin-top: 0;}
/* éÅÍ Æ˾÷ */
.chapter_popup.detail_view .content_area .content_inner {padding: 12px;}

/* evCon4 */
.evCon4 {background: #262626;}
.evCon4 .mini_tit {color: #A9A9A9;}
.evCon4 .review_swiper {margin-bottom: 80px;}
.evCon4 .review_swiper .swiper-wrapper {justify-content: center; gap: 30px;}
.evCon4 .review_swiper .swiper-slide {width: auto; flex: 0 1 auto;}
.evCon4 .review_swiper strong {margin-top: 15px;}
.evCon4 .review_wrap .item {display: flex; justify-content: flex-start; align-items: center; gap: 60px; text-align: left; border-radius: 100px; border: 2px solid #FFAB09; background: #FFF; padding: 0 130px 0 100px;}
.evCon4 .review_wrap .item + .item {margin-top: 30px;}
.evCon4 .review_wrap .item:nth-child(even) {flex-direction: row-reverse; text-align: right;}
.evCon4 .review_wrap .pict {align-self: flex-end; margin: -20px 0 -2px}
.evCon4 .review_wrap p {font-weight: 400; color: #484848;}
.evCon4 .review_wrap p strong {font-weight: 700; color: #212121;}
.evCon4 .review_wrap + .evt_con_base {color: #fff; opacity: 0.6; margin-top: 30px;}

/* evCon5 */
.evCon5 {background: #FFF;}
.evCon5 .con_tit {margin-left: -2%; margin-right: -2%}
.evCon5 .eventVideo {max-width: 1000px; margin: 0 auto 50px;}
.evCon5 .tip {border-radius: 20px; border: 1px solid #949494; padding: 40px;}
.evCon5 .tip li {flex: 1;}
.evCon5 .tip li + li {border-left: 1px dashed rgba(0, 0, 0, 0.4);}
.evCon5 .tip .tip_tit {display: inline-block; background: var(--color-primary); width: 102px; border-radius: 20px; padding: 1.5px 0; margin-bottom: 20px;}
.evCon5 .tip p {font-weight: 400; color: #484848;}
.evCon5 .tip p strong {color: #333;}
.evCon5 .extra_tit {position: relative; text-decoration: underline; text-decoration-color: var(--color-primary); text-decoration-thickness: 4px; text-underline-offset: 6px; margin-bottom: 40px; z-index: 0;}
.evCon5 .extra_tit::before {content: '+'; display: flex; justify-content: center; align-items: center; width: 56px; height: 56px; background: var(--color-primary); border-radius: 50%; color: #FFF; font-size: 50px; text-decoration: none; overflow: hidden; padding-bottom: 0.3%; box-sizing: border-box; margin: 55px auto;}
.evCon5 .extra_tit::after {content: ''; position: absolute; top: 28px; left: 0; width: 100%; height: 0; border-top: 2px dashed var(--color-primary); z-index: -1;}
.evCon5 .lecture {margin-top: 55px;}

/* evCon6 */
.evCon6 {background: #F2F2F2;}
.evCon6 .inner {width: 1200px;}
.evCon6 .book_wrap {justify-content: center; align-items: center; margin-bottom: 70px;}
.evCon6 .book_img {flex: 0 1 auto; margin-right: -68px; z-index: 2;}
.evCon6 .book_swiper {flex: 1; max-width: 730px; border-radius: 10px; background: #FFF; padding: 40px;}
.evCon6 .book_swiper .swiper-slide {opacity: 0; visibility: hidden; transition: all 0.3s;}
.evCon6 .book_swiper .swiper-slide-active {opacity: 1; visibility: visible;}
.evCon6 .book_swiper .swiper-pagination {margin: 0;}
.evCon6 .btn-base-wrap .btn-base.primary a {color: #FFF; background: var(--color-primary);}

/* evCon7 */
.evCon7 {background: linear-gradient(180deg, #CCEAFF 0%, #51ABFF 100%);}
.evCon7 .lecture {margin-top: 60px;}

/* evCon8 */
.evCon8 {background: linear-gradient(180deg, #FFEFCD 0%, #FF9500 100%);}
.evCon8 .container_info_wrap {margin-bottom: 120px;}
.evCon8 .click_wrap {position: relative; align-items: flex-start; margin-bottom: 35px; border-radius: 30px; overflow: hidden;}
.evCon8 .click_wrap .book {flex: 0 1 auto;}
.evCon8 .click_wrap .book p {margin-top: 10px;}
.evCon8 .click_wrap .regist_area {max-width: 500px; margin-top: 8px;}
.evCon8 .evt_tit_base {margin-bottom: 25px;}
.evCon8 .count_area .btn-base.xs {margin-top: 15px;}
.click_base_wrap .click_wrap .count_area .evt_badge_finish {width: 78px; height: 78px; top: 40px; right: 30px; background-color: #FF474A;}
.click_base_wrap .result_list li dt {padding: 10px;}
.click_base_wrap .result_list li dd {position: relative;}
.click_base_wrap .result_list .evt_badge_finish {width: 58px; height: 58px; background: #FFF;}

/* ´ç÷³»¿ª Æ˾÷ */
.popupFadeIn {font-weight: 500; font-family: var(--font-noto); line-height: 1.4; text-align: center;}
.popupFadeIn .content_area .content_inner {padding: 50px 0 40px;}
.popupFadeIn .img {margin: 0 auto;}
.popupFadeIn .m_tit + .evt_con_base {color: #484848; margin: 10px auto 20px;}
.popupFadeIn .date_info {display: flex; justify-content: center; align-items: center; gap: 10px; background: #D8D8D8; padding: 10px 0; margin-top: 20px;}
.popupFadeIn .date_info .info_title {font-weight: 700; border-radius: 30px; color: #FFF; background: #111; padding: 2px 16px 3px;}
.popupFadeIn .date_info + .evt_con_base {margin: 20px 30px; color: rgba(99, 99, 99, 0.60); text-align: left;}

.mg_s_info li {line-height: 1.3;}
.mg_s_info li .tp1 {font-weight: bold; text-decoration: underline;}
.mg_s_info li:before {display:none;}
.event2 {background: linear-gradient(180deg, #CCEAFF 0%, #51ABFF 100%);}
.evSection.event2 .con_tit {margin-bottom: 30px;}
.event2 .no-data-base {width: 100%;}
.event2 .radio-base-list {margin: 60px 0 10px; display:flex; align-items:center; justify-content: flex-end;}
.event2 .step_base_wrap .step_list li .box_area {flex-grow:unset; min-height: 184px;}
.event2 .btn-base-wrap {margin-bottom: 40px;}


.gift_list_wrap li .img {position: relative;}
.gift_list_wrap li .txt {position: absolute; top: -5px; left: 50%; transform: translateX(-50%); line-height: 1.3; width: max-content;}
.gift_list_wrap li .txt > b {color: #0082FF;}
/* .step_base_wrap {padding: 40px 30px 10px;} */
.step_base_wrap .btn-base .det {margin:13px auto 0; position:relative; display:flex; align-items:center; justify-content: center; width: max-content !important;height: 26px;border-radius: 16.5px;background: #141414; color:#fff; padding: 0 27px; border:none;}
.step_base_wrap .btn-base .det::before {content:""; position: absolute;top: 0;left: 50%;transform: translate(-50%, -100%);border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid #141414;}
#popupViewImg {width: max-content; max-width: 53%;}
#popupViewImg button.mfp-close {width: auto;height: auto; top: -40px; right: 0; font-weight: 300; font-size: 27px; color: #fff;opacity: 1;background: none; font-family: var(--font);}
#popupViewImg .content_area .content_inner {padding:36px;}

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


.event3 {background: linear-gradient(180deg, #FFD64D 0%, #FF9500 100%);}
.evSection.event3 .con_tit {margin-bottom: 30px;}
.evSection.event3 .mini_tit {color: #000; opacity: 0.6;}
.event3 .gift_list_wrap li .badge {background: #ED3333;}

.mg_textarea { resize: none; border-radius: 3px; } 
.mg_filebox .filebtn label { border-radius: 3px; } 
.mg_s_info { color:#777; line-height: 1.4; font-size: 12px; } 
.mg_s_info .txt {text-indent: -10px; padding-left: 10px;}
.mg_s_info .txt a {display: inline-block; margin: 2px 0; border:1px solid #777; padding: 1px 8px; border-radius:15px; text-indent: initial;} 

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

    /* evCon1 */
    .evCon1 {padding: 3% 0 0;}
    .evCon1::before {background-position: 50% min(30vmin, 175px);}
    .evCon1 .sm_tit {top: 24vmin; width: 100%; margin: 0 auto;}
    .evCon1 .sm_tit strong:first-child {letter-spacing: 1vmin;}
    .evCon1 .sm_tit strong:last-child {letter-spacing: 3vmin; margin-right: -3vmin;}

    /* evCon3 */
    .evCon3 .box_base {padding: 40px 20px; margin: 0;}
    .evCon3 .chapter_wrap .badge {top: -120px; right: -50px;}

    /* evCon4 */
    .evCon4 .review_wrap .item {padding: 0 50px;}

    /* evCon6 */
    .evCon6 .inner {width: 96%;}

    /* evCon8 */
    .evCon8 .click_wrap {border-radius: 0;}
    .evCon8 .container_info_wrap {margin-bottom: 40px;}
}
@media screen and (max-width: 992px){
    .evCon1 .md_tit {bottom: max(80px, 22vmin);}

    .evCon2 .graph_wrap {position: static; transform: none; max-width: 70%; margin: 0 auto 20px;}
    .evCon2 .point_tab {gap: 10px;}
    .evCon2 .point_tab li {flex: 1; width: auto;}
    .evCon2 .panel_base .flex_wrap {gap: 20px; padding: 30px 20px;}

    .evCon3 .box_base {gap: 30px 10px;}
    .evCon3 .part_wrap,
    .evCon3 .chapter_wrap {width: calc(50% - 5px);}

    .evCon4 .review_wrap .item {gap: 0; padding: 0 30px;}
    .evCon4 .review_wrap .pict {height: 15vmin; margin: 10px 0 -2px;}
    .evCon4 .review_wrap .pict img {height: 100%;}

    .evCon6 .book_img {width: 40%;}

    .evCon8 .click_wrap .book {flex: 1;}

    #popupViewImg { width: fit-content; max-width: 90%; padding: 0;}
    #popupViewImg .content_area .content_inner {padding:15px;}
}
@media screen and (max-width: 768px){
    .evSection .swiper-pagination-bullet {width: 8px; height: 8px;}
    .evt_con_base.xs {font-size: 12px;}

    .evCon1 .sm_tit {position: static; flex-direction: column; margin-bottom: 10px;}
    .evCon1 .sm_tit strong:first-child,
    .evCon1 .sm_tit strong:last-child {letter-spacing: 2vmin; margin: 0;}

    .evCon2 .point_tab li a {padding: 30px 5px;}
    .evCon2 .point_tab_wrap {margin-bottom: 20px;}
    .evCon2 .panel_base .flex_wrap {flex-direction: column; gap: 30px;}
    .evCon2 .point_tab + .evt_con_base {margin-top: 10px;}

    .evCon3 .part_wrap,
    .evCon3 .chapter_wrap {width: 100%; max-width: none;}
    .evCon3 .hex_wrap {padding: 30px 20px;}
    .evCon3 .chapter_wrap .badge {top: -60px; right: -30px;}
    .evCon3 .chapter_wrap .badge a {width: 160px; height: 160px;}
    .evCon3 .tip_wrap {padding: 30px 20px;}
    .mfp-zin.mfp-ready .chapter_popup {width: 90%; padding: 0;}

    .evCon4 .review_swiper .swiper-wrapper {justify-content: initial; gap: 0;}
    .evCon4 .review_swiper .swiper-slide {width: 100%; flex: 1 0 100%;}
    .evCon4 .review_swiper {margin-bottom: 30px;}
    .evCon4 .review_wrap .item,
    .evCon4 .review_wrap .item:nth-child(even) {justify-content: center; text-align: center; padding: 20px;}
    .evCon4 .review_wrap .item + .item {margin-top: 10px;}
    .evCon4 .review_wrap + .evt_con_base {margin-top: 10px;}

    .evCon5 .tip {padding: 30px 0;}

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

    .evCon8 .click_wrap .regist_area {max-width: none; margin-top: 30px;}

    .event2 .step_base_wrap .step_list li .box_area {min-height: 150px;}
    .step_base_wrap {padding: 20px;}

}
@media screen and (max-width: 576px){
    .evCon1 .md_tit .teacher_home b {padding: 3px 5px 4px;}

    .evCon2 .point_tab {gap: 5px;}
    .evCon2 .point_tab p {margin: 15px auto 20px;}

    .evCon3 .hex_wrap .core {width: 102.5px; height: 90px;}
    .evCon3 .hex_wrap .hex {grid-template-columns: repeat(7, 1fr); gap: 5px;}
    .evCon3 .hex_wrap .hex .item {width: 102.5px; height: 90px; margin: 0 7.5px;}
    .evCon3 .chapter_wrap .badge a {width: 140px; height: 140px;}
    .evCon3 .tip_swiper li {padding-left: 15px;}
    .evCon3 .tip_swiper li::before {width: 10px; height: 10px;}
    .evCon3 .tip_swiper li + li {margin-top: 10px;}

    .evCon4 .review_wrap .item {border-radius: 10px;}

    .evCon5 .eventVideo {margin-bottom: 20px;}
    .evCon5 .tip {border-radius: 10px; flex-direction: column; padding: 10px;}
    .evCon5 .tip li {padding: 15px;}
    .evCon5 .tip li + li {border-left: none; border-top: 1px dashed rgba(0, 0, 0, 0.4);}
    .evCon5 .tip .tip_tit {margin-bottom: 10px;}
    .evCon5 .extra_tit::before {width: 36px; height: 36px; font-size: 30px; margin: 30px auto;}
    .evCon5 .extra_tit::after {top: 18px;}

    .evCon6 .book_wrap {flex-direction: column; gap: 30px;}
    .evCon6 .book_img {width: 60%; margin-left: -15%;}
    .evCon6 .book_swiper {width: 100%; padding: 30px 20px;}

    .click_base_wrap .click_wrap .count_area .evt_badge_finish {top: 30px; right: 10px;}
    .click_base_wrap .result_list .evt_badge_finish {width: 35px; height: 35px;}

    .event2 .step_base_wrap .step_list li .box_area {min-height: unset;}
    .gift_list_wrap li {padding: 48px 0 25px;}
    .gift_list_wrap li .txt {font-size: 12px;}
}