@charset "euc-kr";
/*°øÅë*/
.eventWrap { font-weight: 400; } 
.eventWrap .con_tit { margin:0 0 60px; } 
.eventWrap .con_tit > .mini_tit {font-weight: 400;}
.eventWrap .con_tit .mini_tit {margin:0 0 20px;display: block;line-height: 1.3;} 
.eventWrap .con_tit .end::after { background: #ff0000; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.eventWrap .evSection { padding: 140px 0; } 
.eventWrap span.bora { color:#7200FF; } 
.eventWrap span.yellow { color:#FFFF36; } 
.eventWrap .sub_box { border-radius: 10px; display:flex; align-items: center; justify-content: center; flex-direction: column; padding: 50px 0; width: 100%; background: #7200FF; color:#fff; } 
.eventWrap .sub_box .underline { font-weight: bold; box-shadow: inset 0 -17px #5800c5; } 
.eventWrap .cir_tit { position: relative; } 
.eventWrap .cir_tit span { margin: 0 auto; position: relative; display: flex; padding: 10px 30px; justify-content: center; align-items: center; gap: 10px; border-radius: 80px; background: #111; width:max-content; color:#fff; line-height: 1; font-weight: bold; } 
.eventWrap .cir_tit::before { content: ""; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); display: block; width: 100%; height: 1px; background-color: #111; } 
.eventWrap .evt_con_base { color:#B4B4B4 } 
.eventVideo .video_box {z-index:1;}
.con_tit .end {z-index:1;}

#fix_ban {  position:sticky; left:0; top:-1px; z-index:2; display:block; width:100%;color:#B1B1B1;background: #31006D;  } 
#fix_ban .btn_wrap { margin: 0 auto; display: flex; align-items: center; } 
#fix_ban .btn_wrap li { flex: 1; position: relative; height: 100%; } 
#fix_ban .btn_wrap li.active a {background:#5500BE;}
#fix_ban .btn_wrap li a { display: block; padding:20px 0; width: 100%; height: 100%; font-weight: 400; border-right: 1px solid #7709FF;  background: #31006D; } 
#fix_ban .btn_wrap li:last-child a { border-right: none; } 
#fix_ban .btn_wrap li .flex { display:flex; justify-content: center; align-items: center; gap:10px; } 
#fix_ban .btn_wrap li .event { width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #7709FF; color: #FFFF36; font-weight: bold; } 

/*evCon1*/
.eventWrap .evSection.evCon1 { padding: 190px 0 127px; position: relative; background-image: url("https://image.megagong.net/m/2025/0528_region/evCon1_bg.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; } 
.evCon1 .mini_tit { color:#fff; letter-spacing: 8px; } 
.evCon1 .con_tit { margin:0; display: flex; flex-direction: column; align-items: center; justify-content: center; color:#fff; } 
.evCon1 .con_tit strong { margin: 50px auto; } 
.evCon1 .mini_tit2 {margin: 20px auto 0; font-weight: 400;}
.evCon1 .mini_tit2 .underline {text-decoration: underline;}

/*evCon2*/
.evCon2 .con_tit { margin:0 0 40px; } 
.evCon2 .show_mo { display:none; } 
.evCon2 .sub_box { margin: 16px auto; } 
.evCon2 .evt_con_base { text-align: right; } 

/*evCon3*/
.evCon3 .mini_tit,
.evCon3 .con_tit { color:#fff; } 
.evCon3 .explain { margin: 20px auto; } 
.evCon3 .explain .swiper-wrapper {display: flex; align-items: stretch; gap:20px;}
.evCon3 .explain .swiper-slide { padding: 50px 0px; flex: 1 0 0; border-radius: 10px;  display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px;background: #3B0084; color:#fff; } 
.evCon3 .mega_swiper.review { margin: 0 0 20px; overflow: hidden;} 
.evCon3 .review .swiper-slide { display: flex; padding: 40px 0px; flex-direction: column; justify-content: center; align-items: center; gap: 20px; border-radius: 10px; background: #FFF; } 
.evCon3 .review .name { color: #999999; } 
.evCon3 .swiper-pagination.review {margin: 4vmin auto 0; display: none;}
.evCon3 .explain .swiper-slide.active {background: #FFF; color:#111;}
.evCon3 .evt_con_base { text-align: right; } 

/*evCon4*/
.eventWrap .evSection.evCon4 { padding: 160px 0 150px; position: relative; background-image: url("https://image.megagong.net/m/2025/0528_region/evCon4_bg.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; } 
.evCon4 .knowhow { margin: 20px auto 0; } 
.evCon4 .knowhow .mega_slick { display: flex; align-items: stretch; gap: 20px; } 
.evCon4 .knowhow .item { flex: 1 0 0; } 
.evCon4 .knowhow .item_inner {display: flex;flex-direction: column;align-items: center;flex-shrink: 0;align-self: stretch;border-radius: 20px;background: #FFF;box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.25);overflow:hidden;} 
.evCon4 .knowhow .tit { width: 100%; padding: 26px 0; border-radius: 20px 20px 0px 0px; background: #7200FF; font-weight: bold; color:#fff; } 
.evCon4 .knowhow .det { padding: 40px 0; line-height: 1.7; } 
.evCon4 .knowhow .det .underline {background-color: #FFFF36; font-weight: bold;}

/*evCon5*/
.eventWrap .evCon5 { padding: 140px 0 0; } 
.evCon5 .con_tit,
.evCon5 .mini_tit {color:#fff;}
.evCon5 .tab_con_wrap { padding: 0 0 140px; } 

.evCon5 .swiper_tab_list.teachers { margin: 20px auto 0; display: flex; align-items: stretch; } 
.evCon5 .teachers { overflow-x:hidden; } 
.evCon5 .teachers li {flex: 1 0 0;padding: 24px 0;border-left: 1px solid #933BFF;background: #5100B5;color:#B4B4B4;display: flex;flex-direction: column;gap: 2px;align-items: center;justify-content: center; cursor: pointer;} 
.evCon5 .teachers li:nth-child(1) { border-left: none; } 
.evCon5 .teachers li.active { background: #FFF; color:#111; } 
.evCon5 .teachers li.active strong { color:#7200FF; } 
.evCon5 .tip_wrap { display: flex; padding: 40px 20px; flex-direction: column; align-items: center; border-radius: 10px; background: #7200FF; } 
.evCon5 .tip_tit { margin: 0 auto 20px; font-weight: bold; color:#fff; } 
.evCon5 .tip_box_wrap { width: 100%; } 
.evCon5 .tip_box_wrap { display: flex; align-items: stretch; gap:10px; } 
.evCon5 .tip_box_wrap .item { flex: 1 0 0; padding: 40px 0; border-radius: 10px; border: 1px solid #BDBDBD; background: #FFF; } 
.evCon5 .tip_box_wrap .item .cir { margin: 0 auto 18px; display: flex; width: max-content; padding: 4px 30px; justify-content: center; align-items: center; border-radius: 100px; background: #7200FF; color:#fff; font-weight: bold; } 
.evCon5 .tip_box_wrap .item p { line-height: 1.5; } 
.evCon5 .sub_tit { margin: 50px auto 20px; font-weight: bold; } 
.evCon5 .tea { margin: 60px 0 0; display: flex; justify-content: space-between; } 
.evCon5 .tea .tea_img { padding-left: 30px; position: relative; } 
.evCon5 .teacher_home { position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); display: flex; padding: 4px 30px; align-items: center; gap: 4px; border-radius: 80px; background: rgba(255, 255, 255, 0.80); width: max-content; } 
.evCon5 .tea .eventVideo.video_renewal {margin: 60px 0 0;width: 600px;height: 353px;}
.evCon5 .tab-base {margin: 20px auto 0; width: 1080px;} 
.evCon5 .tab-base .swiper-slide {flex: 1 0 0;padding: 24px 0;border-left: 1px solid #933BFF;background: #5100B5;color:#B4B4B4;cursor: pointer;} 
.evCon5 .tab-base .swiper-slide a {width: 100%; height: 100%; display: flex;flex-direction: column;gap: 2px;align-items: center;justify-content: center; gap:10px; }
.evCon5 .tab-base .swiper-slide:nth-child(1) { border-left: none; } 
.evCon5 .tab-base .swiper-slide.on { background: #FFF; color:#111; } 
.evCon5 .tab-base .swiper-slide.on strong { color:#7200FF; } 
.evCon5 .pr_video_wrap .panel-base .pr_video_detail .eventVideo {margin-bottom: 60px;}
.evCon5 .panel-base {background-color: #fff;}
.evCon5 .panel-base > li{display:none;}
.evCon5 .lecture_wrap {padding: 60px 0 140px;}
.evCon5 .lecture_wrap .sub_tit {margin: 0 auto 20px;}
.evCon5 .pr_video_detail {align-items:flex-end;}

.evCon5 .tab_base.tea_tab { display: flex; justify-content: flex-start; } 
.evCon5 .tab_base.tea_tab li { display: flex; align-items: center; color:#A6A6A6; } 
.evCon5 .tab_base.tea_tab li:nth-child(1)::after { content:""; margin: 0 10px; display: block; width: 1px; height:12px; background-color: #C7C7C7; } 
.evCon5 .tab_base.tea_tab li.on { font-weight: 900; color:#111; } 
.evCon5 .pr_content_wrap {margin: 35px 0 0;}
.evCon5 .pr_content_wrap .pr_content_swiper .swiper-slide {border-radius: 10px; border: 1px solid #BDBDBD; background: #F8F8F8;}
.evCon5 .pr_content_wrap .pr_content_swiper .con {margin-top:0; color:#111;}
.evCon5 .wide_bnr {margin:60px auto 0; padding: 30px 0; border-radius: 10px; background: #7200FF; box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.25);}
.evCon5 .wide_bnr > a {position: relative; display: flex; width: 100%; height: 100%; color:#fff;}
.evCon5 .wide_bnr .point {color: #FFFF36;}
.evCon5 .wide_bnr .txt {position: relative; width: 100%; height: 100%;}
.evCon5 .wide_bnr .click {position: absolute; top: 50%; transform:translateY(-50%); right:60px; width: 120px; height:28px; display:flex; align-items: center; justify-content: center; gap:4px; border-radius: 30px; background: rgba(255, 255, 255, 0.80); color:#111;}



/*event*/
.eventWrap .evSection.evtoggleWarning { padding: 0; } 
#event1 { background: #FFFFA4; } 
#event1 .lecture {margin: 50px 0 0;}


#event2 {background: linear-gradient(180deg, #7200FF 0%, #FFE7E7 100%);}
#event2 .con_tit > .mini_tit {margin: 0 auto 10px;}
#event2 .container_info.ver_circle .info .info_date {color:#fff;}
#event2  .container_info .info .noti {color:#fff;}
#event2 .btn-base.black > * {display: flex; align-items: center; justify-content: center; width: 368px; height: 78px;}

@media screen and (max-width: 1200px) { 
    /*°øÅë*/
    .eventWrap .con_tit { margin: 0 0 7%; } 
    .eventWrap .evSection { padding: 15% 0; } 
    .eventWrap .sub_box {padding: 8vmin 0;}
    .eventWrap .inner.wid100 {width: 100%;}

    /*evCon1*/
    .eventWrap .evSection.evCon1 {padding: 18% 0 15%;}
    .evCon1 .con_tit strong {margin: 8vmin auto;}

    /*evCon3*/
    .evCon3 .explain .swiper-slide {padding: 5vmin 0;}
    .evCon3 .review .swiper-slide {padding: 5vmin;}

    /*evCon4*/
    .eventWrap .evSection.evCon4 {padding: 15% 0;background-size: 190% auto;background-position: center 88%;}

    /*evCon5*/
    .evCon5 .tip_box_wrap .item {padding: 5vmin 0;}
    .evCon5 .tab_con_wrap {padding: 0 0 13vmin;}
    .evCon5 .teachers li {padding: 3vmin 0;}
    .evCon5 .lecture_wrap {padding: 6% auto 15%;}
    .evCon5 .tab-base {width: 100%;}
    .evCon5 .pr_video_wrap .panel-base .pr_video_detail .eventVideo {margin: 0 auto 4%;}
    .evCon5 .wide_bnr {margin: 6% auto 0;}

    #event1 .lecture {margin: 5vmin 0 0;}

    #event2 .con_tit > .mini_tit {margin: 0 auto 2%;}
    #event2 .btn-base.black > * {width: 100%; height: auto; padding: 20px 0;}

}

@media screen and (max-width: 1024px) { 
    #fix_ban .inner {width: 100%;}
    .eventWrap .evSection.evCon4 {background-image: none;}

    /*evCon5*/
    .evCon5 .tea {margin: 8vmin 0 0; flex-direction: column;}
    .evCon5 .tea .tea_img {padding-left: 0;}
    .evCon5 .tea .tea_img img {display: none;}
    .evCon5 .teacher_home {margin:0 0 4vmin; position: static; transform: translateX(0); padding: 0;}
    .evCon5 .tea .eventVideo.video_renewal {margin: 0 0 8vmin; width: 100%;}
    .evCon5 .tea .eventVideo.video_renewal {height: fit-content;}
} 

@media screen and (max-width: 768px){
    /*°øÅë*/
    .eventWrap .evSection .slick-dots { margin:15px 0 0; display:flex; align-items: center; justify-content: center; gap:10px; } 
    .eventWrap .evSection .slick-dots li { width: 8px; height: 8px; border-radius: 100%; background-color: #bfbfbf; } 
    .eventWrap .evSection .slick-dots li button { font-size: 0; } 
    .eventWrap .evSection .slick-dots li.slick-active { background-color: #000; } 
    
    /*evCon2*/
    .evCon2 .show_pc { display:none; } 
    .evCon2 .show_mo { display:block; } 

    /*evCon3*/
    .evCon3 .explain .swiper-wrapper {gap:0;align-items: normal;}
    .evCon3 .explain .swiper-slide {flex-direction: row;flex: auto; width: 100% !important; flex-shrink: 0;}
    .evCon3 .explain .swiper-slide img {width: 25%;}
    .evCon3 .explain .swiper-slide {background: #FFF; color:#000;}
    .evCon3 .swiper-pagination.review {display: flex; align-items: center; justify-content: center; position: static;} 
    .evCon3 .review .swiper-slide {min-height: 245px;}
    .evCon3 .review .swiper-slide .txt br {display: none;}

    /*evCon4*/
    .evCon4 .knowhow .mega_slick {display: block;}
    .evCon4 .knowhow .tit {padding: 2vmin 0;border-radius: 10px 10px 0 0;}
    .evCon4 .knowhow .item_inner {padding-bottom: 4vmin;gap:20px;border-radius: 10px;box-shadow: none;}
    .evCon4 .knowhow .det {padding: 0;}

    /*evCon5*/
    .eventWrap .evCon5 .teacher_home {font-size: 14px;}
    .evCon5 .tip_box_wrap {flex-direction: column;}
    .evCon5 .tip_box_wrap .item {padding: 2vmin; display: flex; align-items: center; gap: 10px; text-align: left;}
    .evCon5 .tip_box_wrap .item .cir {margin:0; padding: 4px 10px; width: 60px;}
    .evCon5 .tip_box_wrap .item p {width: calc(100% - 70px);}
    .evCon5 .tip_box_wrap .item br {display: none;}
    .evCon5 .tip_wrap {padding: 5vmin 3vmin;}
    .evCon5 .pr_video_detail.ver_tea dd .tea_area {margin:0 auto;}
    .evCon5 .tab-base .swiper-slide {padding: 10px 0;}
    .evCon5 .pr_content_wrap {margin: 0;}
    .evCon5 .wide_bnr {padding: 20px 0;}
    .evCon5 .wide_bnr > a {flex-direction: column; gap: 10px;}
    .evCon5 .wide_bnr .click {margin: 0 auto; position: relative; top: 0; right:0; transform: translateY(0);}
 }

@media screen and (max-width: 576px) {
    /*°øÅë*/
    .eventWrap .evt_con_base {font-size: 12px;}
    .eventWrap .sub_box {padding: 4vmin 1vmin;}
    #fix_ban .btn_wrap {flex-wrap: wrap;}
    #fix_ban .btn_wrap li {flex:auto; width: 50%;}
    #fix_ban .btn_wrap li .event {border-radius: 50px;width: max-content;height: auto;padding: 1vmin 2vmin;}
    #fix_ban .btn_wrap li:nth-child(1),
    #fix_ban .btn_wrap li:nth-child(2) {border-bottom: 1px solid #7709FF;}
    #fix_ban .btn_wrap li a {padding: 5px 0;}
    #fix_ban .btn_wrap li:nth-child(2) a { border-right: none; } 

    /*evCon2*/
    .evCon2 .show_mo {display: flex; align-items: center; justify-content: center; overflow:hidden}
    .evCon2 .show_mo img {max-width: unset; width: 105%;}

 }