@charset "euc-kr"; 

:root { 
    --point-color1: #FF4A4A; 
} 
.con_tit .end::after { background: #000; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection .con_tit { margin:0 0 60px; line-height: 1.3; } 
.evSection .mini_tit { margin:0 auto 20px; } 
.evSection { padding: 150px 0; } 
.tab_base.type-1 { border-bottom:1px solid #ececec; display: flex; } 
.tab_base.type-1 li { flex:1; } 
.tab_base.type-1 li a, .tab_base.type-1 .swiper-slide a {padding:20px 10px;font-size: 18px;font-weight: bold;display: block;position: relative;color: #A6A6A6;} 
.tab_base.type-1 li a::after, .tab_base.type-1 .swiper-slide a::after { content:''; display:block; width:100%; height:1px; background-color:transparent; position:absolute; left:0; bottom:0; transition:background-color 0.2s; } 
.tab_base.type-1 li.on a, .tab_base.type-1 .swiper-slide.on a { color:#111; } 
.tab_base.type-1 li.on a::after, .tab_base.type-1 .swiper-slide.on a::after { height:4px; background-color:#111; } 
.tab_base.type-1 li.on a { font-weight: 900; } 
.pr_video_wrap .panel_base .pr_video_detail .eventVideo {margin: 0;}
.eventVideo .video_box {z-index:1;}
.con_tit .end {z-index:1;}

/*evCon1*/
.eventWrap .evSection.evCon1 { position:relative; padding: 50px 0 0; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0828_koeng/evCon1_bg.png"); } 
.evCon1 .inner {width: max-content;}
.evCon1 img { display:block; } 
.evCon1 .mini_tit { margin: 0 auto 30px; } 
.evCon1 .con_tit { position: relative; } 
.evCon1 .con_tit [class^="icon"] {position: absolute; opacity: 0;}
.evCon1 .con_tit [class^="icon"].bounce-in {animation: bounce-in 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;}
.evCon1 .con_tit .icon1 { top: -6%; left: -28px; } 
.evCon1 .con_tit .icon2 { top: 34%; left: -46px; } 
.evCon1 .con_tit .icon3 { top: 25%; left: 120px; } 
.evCon1 .con_tit .icon4 { bottom: 28%; left: -80px; } 
.evCon1 .con_tit .icon5 { top: -8%; right: -78px; } 
.evCon1 .con_tit .icon6 { top: 5%; right: -38px; } 
.evCon1 .con_tit .icon7 { top: 31%; right: 125px; } 
.evCon1 .con_tit .icon8 { bottom: 32%; right: -25px; } 
.evCon1 .book,
.evCon1 .teachers,
.evCon1 .sketch { margin:0 auto; position: relative; } 
.evCon1 .teachers { margin-top: -280px;} 
.evCon1 .teachers.swing {animation: swing 0.8s ease-in-out 3 alternate forwards;}
.evCon1 .tit {position: absolute;margin-top: -4%;top: 50%;left: 50%;transform: translate(-50%, -50%); opacity: 0;}
.evCon1 .tit.zoom-in-out {animation: zoom-in-out 1s ease-in-out forwards;}
  
@keyframes swing {
    0% {
        transform: rotate(1deg) scale(0.98) translateY(3%);
    }
    100% {
        transform: rotate(0deg) scale(1) translateY(0%);
    }
}

@keyframes bounce-in {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    60% {
        opacity: 1;
        transform: scale(1.1);
    }
    80% {
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes zoom-in-out {
    0% {
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 0;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 1;
    }
    70% {
        transform: translate(-50%, -50%) scale(0.95);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}

/*fix_ban*/
#fix_ban { position:sticky; display:block; left:0; top:-1px; z-index:2;  width:100%; color:#fff; background-color: #007EFF; } 
#fix_ban .btn_wrap {margin: 0 auto;width:1080px;display: flex;align-items: stretch;} 
#fix_ban .btn_wrap li { flex: 1; position: relative; } 
#fix_ban .btn_wrap li.active a { background:#004C99; } 
#fix_ban .btn_wrap li a {  padding:20px 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 400; gap:14px; } 
#fix_ban .btn_wrap li:last-child a { border-right: none; } 
#fix_ban .btn_wrap .sticker { display: flex; align-items: center; justify-content: center;  width:80px; height:80px; border-radius:50%; background-color: #000; color:#fff; font-weight: bold; } 
#fix_ban .btn_wrap .sticker.red { background-color: var(--point-color1); } 

/*evCon2*/
.evCon2 .con_tit .point,
.evCon2 .sub_tit .point { color: var(--point-color1); } 
.evCon2 .news_Sld { position: relative; } 
.evCon2 .news_Sld .swiper_common.swiper-initialized { margin: 0 auto; position: relative; max-width: 1080px;  overflow: hidden; } 
.evCon2 .news_Sld .swiper-wrapper { align-items: stretch; display: flex; gap:20px } 
.evCon2 .news_Sld .swiper-wrapper .swiper-slide { width: 346px; } 
.evCon2 .news_Sld .swiper_common { margin: 60px auto; gap:20px; } 
.evCon2 .news_Sld .swiper-slide { flex:1; padding:40px; border-radius: 10px; border: 1px solid #DDD; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; background: #FFF; } 
.evCon2 .news_Sld .det { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; } 
.evCon2 .news_Sld .det > span { line-height: 1.6; color: #555; } 
.evCon2 .news_Sld .det > span b { color:#111; } 
.evCon2 .news_Sld .quote { color:#999; } 
.evCon2 .sub_tit { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; font-weight: 500; } 


/*evCon3*/
.evCon3 .con_tit { margin:0 auto 20px; } 
.evCon3 .con_tit + .mini_tit { margin:0 auto 60px; color:#777; font-weight: 500; } 
.evCon3 .con_tit + .mini_tit b { color:#111; } 
.evCon3 .tab_base.type-1 {border-bottom: 1px solid #8DA6B8;}
.evCon3 .panel_base { padding: 50px 0 0; } 
.evCon3 .panel_base li {padding: 50px 34px;border-radius: 20px;background: #FFF;overflow: hidden;} 
.evCon3 .panel_base li > .tit {margin: 0 auto 30px;background-color:transparent;color:#111;padding: 0;font-weight: bold;} 
.evCon3 .exam_Sld .swiper_common.swiper-initialized { margin: 0 auto; position: relative; overflow: hidden; } 
.evCon3 .exam_Sld .swiper-wrapper {display: flex; gap:10px;}
.evCon3 .exam_Sld .swiper-slide {flex: 1; display:flex; justify-content: center;}
.evCon3 .exam_Sld .item {width: 100%;}
.evCon3 .exam_Sld .tit { margin:0 auto 10px; padding: 13px 0; background-color: #111; color:#fff; font-weight: bold; } 
.evCon3 .exam_Sld .exam_wrap {padding:14px 0 0; display: flex; flex-direction: column; align-items: center; border: 1px solid #DDD; min-height: 573px; }
.evCon3 .exam_Sld .detail { margin: 10px auto 0; display:block; opacity: 0.5; } 
.evCon3 .sub_tit { margin: 60px auto 0; } 


/*evCon4*/
.evCon4 .con_tit { font-weight: 400; } 
.evCon4 .tab_base.type-1 {border-bottom: 1px solid #ECECEC;}
.evCon4 .panel_base { padding: 30px 0 0; } 
.evCon4 .tab_base.tea { display: flex; } 
.evCon4 .tab_base.tea li { display: flex; align-items: center; color:#A6A6A6; } 
.evCon4 .tab_base.tea li:nth-child(1)::after { content:""; margin: 0 10px; display: block; width: 1px; height:12px; background-color: #C7C7C7; } 
.evCon4 .tab_base.tea li.on { font-weight: 900; color:#111; } 
.evCon4 .strategy_wrap { margin: 50px auto; display: flex; align-items: stretch; gap: 20px; } 
.evCon4 .strategy_wrap .item { flex:1; padding: 40px; border-radius: 10px; border: 1px solid #EEE; background: #FFF; display: flex; flex-direction: column; gap: 16px; } 
.evCon4 .strategy_wrap .det { color:#555555; line-height: 1.6; } 
.evCon4 .banner {padding: 40px 60px;border-radius: 10px;display: flex;align-items: center;justify-content: space-between;overflow: hidden;background-position: 63% center;background-repeat: no-repeat;background-size: cover;background-image: url("https://image.megagong.net/m/2025/0828_koeng/banner_bg.png"); text-align: left;}
.evCon4 .banner .txt {display: flex; flex-direction: column; gap: 5px; color:#fff;}
.evCon4 .banner .txt > p {font-weight: bold;}
.evCon4 .banner .txt .red {color: #FF6868;}
.evCon4 .banner .txt .blue {color: #8BCFFF;}
.evCon4 .banner .date {width: 144px; height: 43px; border-radius: 50px; display: flex; align-items: center; justify-content: center; background: rgba(255, 74, 74, 0.80); color:#fff;}
.evCon4 .sub_tit { margin: 50px auto 30px; } 
.pr_video_detail { align-items: center; } 
.pr_video_detail dt .tit { margin: 0 0 20px; } 
.pr_video_detail.ver_tea dd .tea_area::before { top: 2px; } 


/*°øÅë ¿µ¿ª teacher °íÄ¡±â*/
.pr_video_detail.ver_tea dd .tea_area .btn_home .txt i {width: 1px;height: 10px;background: #000;opacity: 0.5;display: inline-block;margin: -1px 5px 0;vertical-align: middle;}

/*evCon5*/
.eventWrap .evSection.evCon5 { position:relative; padding: 100px 0 0; height: 728px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0828_koeng/bg.png"); } 
.evCon5 .con_tit { margin: 0 auto 30px; } 
.evCon5 .con_tit .point { color: var(--point-color1); } 
.evCon5 .det { line-height: 1.6; } 

/*evCon6*/
.evCon6 .sub_tit { margin: 0 auto 30px; } 
.evCon6 .evt_con_base.xs {display:block; text-align: right;}

/*event*/
#event1 { background: linear-gradient(180deg, #FF5C5C 0%, #ED3333 100%); } 
#event1 .con_tit { margin: 0 auto 25px; } 
#event1 .con_tit + .mini_tit { opacity: 0.6; } 
.container_info.ver_circle .info .info_date,
.container_info .info .noti { color:#fff; } 
.gift_list_wrap li .badge { background-color: #F33A3A; } 
.regist_form_area { margin: 40px auto 0; border-radius: 3px 3px 0 0; background-color: #C92C2C; } 
.comment_base_wrap .comment_list { margin-top: 0; border-radius: 0 0 3px 3px; } 
.board-list-wrap.no_list {display: flex; align-items: center; justify-content: center; padding: 130px 30px; } 

.evtoggleWarning { padding: 0 !important; } 

@media screen and (max-width: 1200px){
    .evSection { padding: 12% 0; } 
    .evSection .con_tit { margin: 0 auto 7%; } 
    .evSection .mini_tit { margin: 0 0 5%; } 
    .tab_base.type-1 li a { padding: 14px 5px; } 

    /*evCon1*/
    .eventWrap .evSection.evCon1 {padding: 12% 0 0;} 
    .evCon1 .inner {width: 100%;}
    .evCon1 .mini_tit {margin: 0 auto 6%;width: 46%;} 
    .evCon1 .con_tit { margin: 0; } 
    .evCon1 .con_tit .icon1,
    .evCon1 .con_tit .icon3,
    .evCon1 .con_tit .icon4,
    .evCon1 .con_tit .icon6,
    .evCon1 .con_tit .icon7,
    .evCon1 .con_tit .icon8 {width: 12%;}
    .evCon1 .con_tit .icon2,
    .evCon1 .con_tit .icon5 {width: 10%;}
    .evCon1 .con_tit .icon1 {left: -1%;top: -1%;} 
    .evCon1 .con_tit .icon2 {left: -4%;} 
    .evCon1 .con_tit .icon3 {left: 4%;top: 29%;} 
    .evCon1 .con_tit .icon4 {left: -3%;bottom: 23%;} 
    .evCon1 .con_tit .icon5 {right: -4%;top: -6%;} 
    .evCon1 .con_tit .icon6 {right: -3%;} 
    .evCon1 .con_tit .icon7 {right: 3%;} 
    .evCon1 .con_tit .icon8 {right: -4%;bottom: 22%;} 
    .evCon1 .sketch {width: 97%;} 
    .evCon1 .teachers {margin-top: -15%;width: 100%;} 
    .evCon1 .tit {width: 85%;margin-top: 0%;} 

    #fix_ban .btn_wrap { width: 100%; } 
    #fix_ban .btn_wrap li {height: 95px;} 
    #fix_ban .btn_wrap li + li {border-left: 1px solid #52a5f8;}
    #fix_ban .btn_wrap.two li {height: 80px;} 
    #fix_ban .btn_wrap li a { padding: 10px 8px;  flex-direction: column; gap:5px; } 
    #fix_ban .btn_wrap .sticker {width: max-content;padding: 2px 8px;border-radius: 50px;height: auto;font-size: clamp(11px, 1.9vmin, 14px);} 
    #fix_ban .btn_wrap .sticker br { display: none; } 
    #fix_ban .btn_wrap li strong {font-size: clamp(12px, 2.3vmin, 18px);}

    /*evCon2*/
    .evCon2 .news_wrap { margin: 6% auto; } 
    .evCon2 .news_wrap .item {padding: 20px;gap: 10px;}

    /*evCon3*/
    .evCon3 .con_tit { margin: 0 auto 3%; } 
    .evCon3 .con_tit+.mini_tit { margin: 0 auto 7%; } 
    .evCon3 .panel_base { padding: 7% 0 0; } 
    .evCon3 .panel_base li { padding: 30px 5%; } 
    .evCon3 .panel_base li > .tit {margin:0 auto 20px;}
    .evCon3 .sub_tit { margin: 6% auto 0; } 

    /*evCon4*/
    .evCon4 .strategy_wrap { margin: 5% auto; } 
    .evCon4 .strategy_wrap .item {padding: 20px;}
    .evCon4 .sub_tit { margin: 5% auto 3%; } 

    /*evCon5*/
    .evCon5 .con_tit { margin: 0 auto 4%; } 

    .board-list-wrap.no_list  {padding: 10% 30px;}
 }

@media screen and (max-width: 992px) { 
    /*evCon2*/
    .evCon2 .sub_tit {margin: 5% auto 0; gap: 10px;} 
    .evCon2 .news_Sld .swiper-wrapper{align-items: stretch; gap: 0;}
    .evCon2 .news_Sld .swiper-slide {  flex: 0 0 100% !important; }

    /*evCon3*/
    .evCon3 .exam_Sld .swiper-wrapper {gap:0;}
    .evCon3 .exam_Sld .swiper-slide {  flex: 0 0 100% !important; }
    .evCon3 .exam_Sld .item {width: 70%;}


    /*evCon4*/
    .evCon4 .strategy_wrap {flex-direction: column;gap: 10px;}
    .evCon4 .banner {padding: 30px;flex-direction: column;gap: 20px;background-position: 63% center; text-align: center;}
    .evCon4 .banner .date {width: max-content;height:auto;padding: 4px 30px;}


    /*evCon5*/
    .eventWrap .evSection.evCon5 {padding: 8% 0 0; height: 500px;} 
}

@media screen and (max-width: 768px) {
    .pr_video_detail.ver_tea dd {flex-direction: column; text-align: left; gap:10px;}
}

@media screen and (max-width: 576px) {
    #fix_ban .btn_wrap li {height: 90px;}
    #fix_ban .btn_wrap li + li a {justify-content:flex-start;}
    #fix_ban .btn_wrap.two li + li a {justify-content:center;}
    #fix_ban .btn_wrap li strong br {display: none;}

    /*evCon1*/
    .evCon1 .mini_tit {width: 53%; }
    
    /*evCon3*/
    .evCon3 .exam_Sld .item {width: 100%;}
    .evCon3 .exam_Sld .tit br {display: none;}

    /*evCon5*/
    .eventWrap .evSection.evCon5 {height: 300px;} 

    /*evCon6*/
    .evCon6 .evt_con_base.xs {font-size: 12px; text-align: center;}
}