@charset "euc-kr"; /* settings */
.eventWrap .evSection { background-size: auto 100%; } 
.eventWrap .evSection .lecture { margin:0 auto; color: #000; } 
.eventWrap .evSection.fff, .eventWrap .evSection .fff { color: #fff !important; -webkit-text-fill-color: #fff; } 
.eventWrap .evSection .f00 { color: #f00 !important; } 
.eventWrap .evSection b { font-weight: 700; } 
.eventWrap .evSection strong { font-weight:900 } 
.eventWrap .tiny_noti { opacity: 0.6; } 
.evSection:not(.evtoggleWarning,.evCon1,.evConTxt) { padding: 160px 0; } 

/* swiper */
.swiper_common_wrap { position: relative; margin-bottom: 50px; margin: 0 -40px; } 
.swiper_common_wrap .swiper_common.swiper-initialized { position: relative; overflow: hidden; max-width: 1080px; margin: 0 auto; } 

.eventWrap .swiper_basic1_wrap { position: relative; } 
.eventWrap .swiper-initialized { position: relative; overflow: hidden } 

.eventWrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 1rem; } 
.eventWrap .swiper-pagination-bullet { background: #b7b7b7; opacity: 1; width: 12px; height: 12px; } 
.eventWrap .swiper-pagination-bullet-active { background: #0347ff; } 

.eventWrap .swiper-button-next, 
.eventWrap .swiper-button-prev { top: 50%; transform: translateY(-50%); left: auto; right: auto; margin: 0 auto; z-index: 2; width: auto; height: auto; } 
.eventWrap .swiper-button-next:after, 
.eventWrap .swiper-button-prev::after { background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; } 
.eventWrap .swiper-button-next { right: 0; transform: translateY(-50%) rotate(180deg); } 
.eventWrap .swiper-button-next:after { transform: rotate(180deg); } 

.eventWrap .type1-prev, 
.eventWrap .type1-next { color: #fff; } 
.eventWrap .type1-prev:after, 
.eventWrap .type1-next::after { font-size: 50px; } 

.eventWrap .type2-next:after, 
.eventWrap .type2-prev::after { font-size: 0; } 
.eventWrap .type2-prev { left: -4rem; } 
.eventWrap .type2-next { right: -4rem; } 

.mega_swiper_destroy .swiper-wrapper { gap: 20px; flex-wrap: wrap; } 
.mega_swiper_destroy .swiper-slide { display: flex; width: 346px; } 
.mega_swiper_destroy .swiper-pagination { display: none; } 


/* pagination */
.swiper_common_wrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 15px; z-index: 2; } 
.swiper_common_wrap .swiper-pagination-bullet { background: #ccc; opacity: 1; width: 12px; height: 12px; transition: all .5s ease; } 
.swiper_common_wrap .swiper-pagination-bullet-active { background: #70d8a0; width: 20px; border-radius: 30px; } 


/* button */
[class*="swiper-button-"]:after { font-size: 0; } 
[class*="swiper-button-"].swiper-button-disabled { opacity: 1; } 
.swiper_common_wrap .arrow { position: absolute; top: 60%; transform: translate(0, calc(-50%)); left: 0; z-index: 2; background: url('https://image.megagong.net/m/2024/0103_gilltoraebi/con3_arrow.png') no-repeat center; width: 18px; height: 33px; background-size: contain; } 
.swiper_common_wrap .arrow.swiper-button-next { transform: rotate(180deg) translate(0, calc(50%)); left: auto; right: 0; } 


.btns { gap: 20px; } 
.btns li { flex: 1; } 
.btns li > span { margin-top: 10px; display: block; color: #81cba7; font-size: 14px; } 
.btns li a { background: #000; color: #fff; display: block; border-radius: 10px; height: 120px; display: flex; align-items: center; justify-content: center; flex-direction: column; } 
.btns li a i { font-style: normal; font-size: 20px; color: #b6deff; } 
.btns li + li a i { color:#c9ffbc } 
.btns li a p { font-size: 25px; } 
.btns li a.done { background: #8c8c8c; color: #dadada; } 
.btns li a.done i,
.btns li + li a.done i { color:#dadada } 
.btns li a.waiting { background: #fff; color:#000 } 
.btns li a.waiting i { color:#004c97 } 
.btns li + li a.waiting i { color:#177a00 } 

/* text style */ 
.con_tit { margin-bottom: 65px; line-height: 1.2; } 
.con_tit h4 { font-size: 55px; margin: 0 -170px; font-weight: 900; } 
.con_tit .top_txt { font-size: 32px; color: #0347ff; margin-bottom: 20px; border-bottom: 1px solid; width: fit-content; margin: 0 auto 20px; padding-bottom: 5px; font-weight: 700; } 
.con_tit .sub_txt { font-size: 28px; margin-top: 20px; font-weight: 100; } 

/* contents */
#eventWrap.ver2509 .point_color { color: #0347ff; } 

.evCon1 .inner { width: 1120px; } 
.evCon1 { background: #0a0e0e url(https://image.megagong.net/m/2025/0902_p3672303/con1_bg.jpg) no-repeat center; } 
.evCon1 .con1_text { text-align: left; color: #fff; position: absolute; left: 35px; top: 289px; z-index: 1; font-weight: 400; } 
.evCon1 h3 { margin: 0 -15px; position: relative; } 
.evCon1 h3::before { content: ''; display: block; position: absolute; right: -1000px; width: 1000px; height: 100%; background: linear-gradient(90deg, #2231291a, transparent); } 
.evCon1 h3 a { position: absolute; bottom: 55px; width: min(50%,388px); right: 64px; } 


.evCon2 { background-color: #dce3ff; } 
.evCon2 .con_tit h4 { color: #000; } 
.evCon2 .evt_con_base.xs { margin-top: 15px; text-align: right; margin-bottom: 40px; } 
.evCon2 .main_text { font-weight: 700; } 

.evCon3 { background: #f8f8f8; } 
.evCon3 .point_sd_box { margin-bottom: 40px; } 

.evCon4 .btns { margin: 0 295px; } 

.evCon5 .con_tit { margin-bottom: 25px; } 
.evCon5 .main_text { margin-bottom: 60px; } 
.evCon5 .tabPreview li.on a { background: #ffffff; } 
.evCon5 .tab_base.ver2 li .empha{position: absolute;top: -25px;left: 50%;padding: 11px 0 12px;border-radius: 100px;background: #000;text-align: center; /* 19.6px */color: #FFF;line-height: 1;width: 340px;margin: 0 0 0 -170px;z-index: 1;}
.evCon5 .tab_base.ver2 li .empha b{color: #ffeb48;font-weight: inherit;}
.evCon5 .tab_base.ver2 li a {border: 0;color: #959595;font-weight: 500;font-size: 16px;}
.evCon5 .tab_base.ver2 li.on a {border: 0;font-weight: 500;color: #fff;background: #0347ff;}
.evCon5 .tab_base.ver2 li a b {font-weight: bold;margin: 3px 0 0;}
.evCon5 .tab_base.ver2 li.on a b {color: #fff;}
.evCon3 .tab_base li .empha{position: absolute;top: -21px;left: 50%;background: #111;padding: 8px 40px;border-radius: 40px;color: #fff;margin: 0 0 0 -165px;z-index: 1;}
.evCon3 .tab_base li .empha b{color: #ffeb48;font-weight: bold;}

.evConTxt { background: #203e35; height: 200px; display: flex; align-items: center; justify-content: center; position: relative; font-size: 34px; } 
.evConTxt::before { content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url(https://image.megagong.net/m/2024/0903_p3672303/contxt_bg.jpg) no-repeat center; width: 55px; height: 34px; background-size: contain; } 
.evConTxt strong { color:#7ddca9 } 

.tab_base { display: flex; } 
.evCon4 { background-color: #f7f7f7; } 
.tabBooks li { flex: 1; } 
.tabBooks li a { background: #e5e5e5; color: #bababa; display: flex; height: 110px; align-items: center; justify-content: center; flex-direction: column; font-size: 20px; border: 1px solid #fff; border-width: 0 1px; border-bottom: 3px solid #111; } 
.tabBooks li a span { font-size: 20px; font-weight: 300; } 
.tabBooks li a strong { font-size:28px } 
.tabBooks li.on a { background: #f7f7f7; color: #181818; border: 3px solid #111; border-bottom: 0; } 
.tabBooksPanel li dl { margin: 65px auto 25px; } 
.tabBooksPanel li dl dt { position: relative; margin-bottom: 15px; } 
.tabBooksPanel li dl dt::before { content: ''; display: block; width: 100%; height: 1%; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.tabBooksPanel li dl dt b { position: relative; padding: 0 25px; background: #f7f7f7; font-size: 28px; display: block; width: fit-content; margin: 0 auto; } 
.tabBooksPanel li dl dd { font-size: 20px; } 
.tabBooksPanel li .books { margin: 0 auto 80px; position: relative; } 
.tabBooksPanel li .books .book_sample { display: block; position: absolute; left: -55px; bottom: -30px; } 
.tabBooksPanel li .books .evt_con_base.xs { position: absolute; right: 40px; bottom: -27px; } 

.tabPreview li {position: relative;flex: 1;} 
.tabPreview li a { background: #e5e5e5; color: #bababa; display: flex; height: 110px; align-items: center; justify-content: center; flex-direction: column; font-size: 20px; border: 1px solid #fff; border-width: 0 1px; border-bottom: 3px solid #111; } 
.tabPreview li a span { font-size: 20px; font-weight: 300; } 
.tabPreview li a strong { font-size:28px } 
.tabPreview li.on a { background: #f7f7f7; color: #181818; border: 3px solid #111; border-bottom: 0; } 

.tabPreviewPanel li .eventVideo { margin: 30px auto; max-width: 1000px; max-height: 562px; overflow: hidden; } 
.tabPreviewPanel li .eventVideo .video_box .play_area { overflow: hidden; } 
.tabPreviewPanel li .circle_txt { position: relative; margin: 0 auto 25px; } 
.tabPreviewPanel li .circle_txt b { position: relative; padding: 0 50px; background: #000; color: #fff; line-height: 50px; border-radius: 30px; font-size: 18px; display: block; width: fit-content; margin: 0 auto; font-weight: 700; } 
.tabPreviewPanel li .circle_txt b span { color:#fff1b0 } 
.tabPreviewPanel li .circle_txt::before { content: ''; display: block; width: 100%; height: 1%; background: #000000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 

.tabPreviewPanel li .curri { gap: 20px; } 
.tabPreviewPanel li .curri dl { flex: 1; border: 1px solid #e5e5e5; border-radius: 15px; height: 185px; padding-top: 40px; } 
.tabPreviewPanel li .curri dl dt { font-weight: 900; color: #359165; font-size: 20px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; gap: 10px; } 
.tabPreviewPanel li .curri dl dt span { background: #359165; color: #fff; width: 18px; line-height: 18px; display: inline-block; font-size: 13px; } 
.tabPreviewPanel li .curri dl dd { font-size: 17px; width: 175px; margin: 0 auto; text-align: left; position: relative; padding-left: 15px; } 
.tabPreviewPanel li .curri dl dd::before { content: '-'; display: block; position: absolute; left: 0; top: 0; } 

.evCon6 { background: #eef4ff; } 
.evCon6 .main_text{
    margin: -45px 0 70px;
}
.tabLec { gap: 5px; border-bottom: 2px solid; } 
.tabLec li { flex: 1; } 
.tabLec li a { background: #f4f4f4; color: #a9a9a9; display: flex; height: 90px; align-items: center; justify-content: center; flex-direction: column; font-size: 28px; } 
.tabLec li a strong { font-size:28px } 
.tabLec li.on a { background: #000000; color: #fff; } 
.tabLec.ver2 {gap: 0;border-bottom: 0;} 

.tabLec.ver2 li a {font-size: 18px;background: #e5e5e5;height: 108px;} 
.tabLec.ver2 li a b{font-size: 22px;} 
.tabLec.ver2 li a strong { font-size:28px } 
.tabLec.ver2 li.on a {background: #0347ff;} 

.event { background-color: #102a64; } 
.event .evt_mark + .mini_tit { color: #0082ff; } 
.event .mini_tit { color: #fff; font-weight: 400; } 
.event .con_tit { margin-bottom: 25px; } 
.event .con_tit .mini_tit+strong { color: #fff; } 
.event .container_info_wrap { margin-top: 50px; } 
.event .container_info.ver_circle .info .info_date { color: #fff; } 
.event .container_info .info .noti { color: #fff; } 
.event .comment_base_wrap { margin-top: 60px; } 
.event .con_tit .end::after { background-color: #0082ff; } 

/*???? */
#popupCertified .mg_chk_base { display: flex; gap: 10px; align-items: flex-start; line-height: 1.4; font-size: clamp(12px,1.3vmin,14px); } 
#popupCertified .b_box { border: 1px solid #000; padding: 20px; font-size: 13px; margin: 40px auto; line-height: 1.4; } 
#popupCertified .red { color: #e45c6c; } 
#popupCertified .tiny_noti { line-height: 1.4; margin-top: 15px; } 
#popupCertified .b_box dt { font-weight: 700; } 
#popupCertified .b_box dd { text-indent: 15px; } 
#popupCertified .b_box dt:last-of-type { margin-top: 15px; } 
#popupCertified .mg_filebox .filename a { background: none; } 
#popupCertified .mg_filebox .filename { border:0 } 
#popupCertified input[type=text] { border: 1px solid #d0d0d0; border-style: solid; width: 100%; height: 30px; padding: 5.5px 9px; } 
#popupCertified select { border: 1px solid #d0d0d0; border-style: solid; width: 100%; height: 30px; padding: 5.5px 9px; } 
#popupCertified .mg_s_info li { margin-top: 0; line-height: 1.4; padding-left: 20px; font-size: 13px; } 
#popupCertified .mg_s_info li:before { content: '\203B'; } 
#popupCertified .mg_s_info li a { color:red; font-weight: 700; } 
#popupCertified .mg_terms { padding: 10px 20px; font-size: 13px; } 
#popupCertified .mg_terms strong { font-weight: normal; } 
#popupCertified .mg_terms strong.lg_tit { font-weight: bold; color: #000; } 

/* 250902 */


@media screen and (max-width: 1200px){
 .btns { gap: 2vmin; } 
 .btns li a { height: clamp(80px,12vmin,120px); } 
 .btns li a i { font-size: clamp(11px,2vmin,20px); } 
 .btns li a p { font-size: clamp(13px,2.5vmin,25px); } 
 .btns li > span { font-size: clamp(10px,2vmin,14px); } 

 .swiper_common_wrap { margin: 0 auto; } 
 
 .eventWrap { font-size: clamp(13px,1.6vmin,16px); } 
 .eventWrap .tiny_noti { font-size: clamp(10px,1.4vmin,14px); } 
 .evSection:not(.evtoggleWarning,.evCon1,.evConTxt) { padding: 15% 0; } 

 .con_tit { margin-bottom: 5%; } 
 .con_tit h4 { font-size: clamp(21px,5vmin,55px); margin: 0 auto; } 
 .con_tit .top_txt { margin-bottom: 3%; padding-bottom: .5%; font-size: clamp(13px,3.5vmin,32px); } 
 .con_tit .sub_txt { margin-top: 3%; font-size: clamp(13px,3vmin,28px); } 

 .evCon1 h3 { margin: 0 2%; } 
.evCon1 h3 a { bottom: 5%; right: 3%; } 
.evCon1 .inner { width: 100%; } 
.evCon1 .con1_text { left: 3%; top: 30%; } 

.mega_swiper_destroy .swiper-wrapper { gap: 14px; } 
.mega_swiper_destroy .swiper-slide { width: 31vw; justify-content: center; } 

.evCon2 .evt_con_base.xs { margin-top: 1%; margin-bottom: 5%; } 

.evCon3 .point_sd_box { margin-bottom: 3%; } 

.evCon4 .btns { margin: 0 32%; } 

.evCon5 .con_tit { margin-bottom: 3%; } 
.evCon5 .main_text {margin-bottom: 8%;} 
 .evCon5 .tab_base.ver2 li .empha{
    font-size: 12px;
    width: 240px;
    left: 10px;
    margin: 0;
    padding: 6px 0;
    top: -18px;
}
     .evCon5 .tab_base.ver2 li .empha::after {content:'';display:block;position: absolute;left: 20px;bottom: -7px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top: 7px solid #111;border-left: 0;}
.evCon6 .main_text{
    margin: 0 0 7%;
}
.evConTxt { font-size: clamp(18px,4.4vmin,34px); height: clamp(150px,25vmin,200px); } 


.tabBooks li a { height: clamp(90px,15vmin,110px); padding: 0 5px; } 
 .tabBooks li a span { font-size: clamp(10px,2vmin,20px); } 
 .tabBooks li a strong { font-size: clamp(15px,3vmin,28px); } 

.tabBooksPanel li dl { margin: 7% auto 5%; } 
.tabBooksPanel li dl dt { margin-bottom: 2%; } 
.tabBooksPanel li dl dt::before { content: ''; display: block; width: 100%; height: 1%; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.tabBooksPanel li dl dt b { font-size: clamp(13px,3vmin,28px); padding: 0 3%; } 
.tabBooksPanel li dl dd { font-size: clamp(13px,2vmin,20px); } 
.tabBooksPanel li .books { margin-bottom: 5%; } 
.tabBooksPanel li .books .book_sample { left: -2%; bottom: -3%; width: 23%; } 
 

 .tabLec li a { font-size: clamp(13px,3.8vmin,28px); height: clamp(50px,10vmin,90px); } 
 .tabLec.ver2 li a {font-size: clamp(13px,2.5vmin,20px);height: auto;padding: 15px 0;} 
.tabLec.ver2 li a b{font-size: clamp(15px,2.8vmin,22px);} 
.tabLec.ver2 li a strong { font-size:28px } 
.tabLec.ver2 li.on a {background: #0347ff;} 
 
 .tabPreview li a {font-size: clamp(13px,2.8vmin,18px);height: clamp(90px,13vmin,110px);} 
 .tabPreview li a strong { font-size: clamp(15px,4vmin,28px); } 
 
 .tabPreviewPanel li .circle_txt { margin-bottom: 5%; } 
 .tabPreviewPanel li .circle_txt b { font-size: clamp(15px,2.8vmin,18px); line-height: clamp(30px,6vmin,50px); padding: 0 7%; } 
 .tabPreviewPanel li .circle_txt b span { color:#fff1b0 } 
 
 .tabPreviewPanel li .curri { gap: 1vmin; } 
 .tabPreviewPanel li .curri dl { padding: 4% 1% 0; } 
 .tabPreviewPanel li .curri dl dt { font-size: clamp(15px,3vmin,20px); } 
 .tabPreviewPanel li .curri dl dd { width: auto; font-size: clamp(13px,2.7vmin,17px); } 

 .event .con_tit { margin-bottom: 3%; } 
.event .container_info_wrap { margin-top: 6%; } 
.event .comment_base_wrap { margin-top: 10%; } 
 }


@media screen and (max-width: 992px){
 .mega_swiper_destroy { position: relative; overflow: hidden; } 
 .mega_swiper_destroy .swiper-wrapper { gap: 0; flex-wrap: inherit; } 
 .mega_swiper_destroy .swiper-slide { flex: 1 0 100%; } 
 .mega_swiper_destroy .swiper-pagination { display: block; } 
 
 .evCon1 .con1_text { top: 21%; } 

 .tabBooksPanel li .books { margin-bottom: 8%; } 
 }


@media screen and (max-width: 768px){
    .tabPreviewPanel li .curri { flex-wrap: wrap; max-width: 500px; margin: 0 auto; } 
    .tabPreviewPanel li .curri dl { flex: 1 1 49%; height: auto; padding: 6% 3% 4%; } 
    .tabPreviewPanel li .curri dl dt { flex-direction: column; margin-bottom: 7px; } 
    .tabBooksPanel li .books .evt_con_base.xs { right: 0px; bottom: -6%; font-size: 12px; } 

    .evCon2 .review_sd { margin: 0 21%; } 
    .evCon3 .point_sd_box { display: inline-block; margin: 0 auto 3%; } 
    .evCon4 .btns { margin: 0 26%; } 
    .evCon5 .tab_base.ver2 li a{font-size: 13px;}
    .evCon5 .tab_base.ver2 li a b{font-size: 15px;}

    [class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] button.mfp-close { width: clamp(25px, 4vmin,36px); height: clamp(25px, 4vmin,36px); top: min(-30px,-5.1vmin); background-size: contain; } 
    #popupCertified select,
    #popupCertified input[type=text],
    #popupCertified .mg_tb_form th, #popupCertified .mg_tb_form td { padding: 5px; font-size: clamp(11px,1.3vmin,13px); } 
    #popupCertified .tiny_noti ,
    #popupCertified .mg_terms { font-size: clamp(12px,1.3vmin,14px); } 
    #popupCertified .b_box { font-size: clamp(12px,1.3vmin,14px); margin: 20px auto; padding: 15px 10px; } 
    #popupCertified .mg_s_info li { font-size: clamp(12px,1.3vmin,14px); padding-left: 15px; } 

    .input-base-wrap.ver_input-btn .textarea-base { padding: 9px 15px; font-size: 11px;} 
 }

@media screen and (max-width: 576px){
    .evCon1 .con1_text { top: 5%; } 
    .evCon1 h3 { margin: 0 0%; } 
    .evCon1 h3 a { right: 6%; width: min(58%, 388px); } 

    .evCon2 .review_sd { margin: 0 10%; } 
    .evCon2 .evt_con_base.xs { margin-top: 3%; font-size: 12px; text-align: center; } 

    .evCon3 .point_sd { padding: 0 8%; } 

    .evCon4 .btns { margin: 0px 16%; } 
    .evCon4 .btns li a { height: clamp(70px, 12vmin, 120px); } 

    .tabBooksPanel li .books { margin-bottom: 11%; } 
    .tabBooksPanel li .books .evt_con_base.xs { bottom: -8%; } 

    .comment_base_wrap .comment_list { padding: 8px; } 
 }