@charset "euc-kr";
/* setting */
/*{padding:0; margin:0}*/
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap{width:100%;text-align:center;position:relative;font-size:18px;line-height:1.4;font-weight:200;letter-spacing:-0.03em;overflow:hidden;}
.eventWrap{font-family :'NotoSans KR';}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;width: 1080px;margin:0 auto;}
.eventWrap .inner::after{content:"";display:block;clear:both;}
.eventWrap ul{position: relative;}
.eventWrap ul::after{content:"";display:block;clear:both;}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%;}
.eventWrap .con_tit{position:relative;margin-bottom:60px;text-align:center;text-align:left;}
.eventWrap .con_subtit{margin-bottom:35px;position:relative;padding:0 0%;}
.eventWrap h4{position: relative;margin-bottom: 60px;font-size: 60px;}
.color{color:#d63146}
.color2{color:#ff8c9b}
.color_bg{background:#d63146;color: #fff;padding: 0 5px;}
.color_bg2{background:#ff8c9b;color: #fff;padding: 0 5px;}
.eventWrap .img_mb{display:none}
.eventWrap .con_box{position:relative}
.eventWrap .con_box::after{content:"";display:block;clear:both}
.eventWrap .flow::after{content:"";display:block;clear:both}
.eventWrap .video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 56%;background: #222;overflow: hidden;border-radius: 3px;}
.eventWrap .video_box.none{padding-bottom:0}
.eventWrap .video_box .play_area{z-index:3;width: 100% !important;height: 100% !important;position: absolute;width: 100%;height: 100%;}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.eventWrap .video_box.ytb{padding: 0;}
.lecture {padding-bottom:0!important;background:#fff;}
.vodchr_banner {margin-bottom:0!important;}
.tbl{border:2px solid #000;border-width:2px 0}
.tbl tr th{background-color: #fef0ed;}
.tbl tr th,
.tbl tr td{font-size: 13px;}
.tbl tr td span{display: inline-block; background: #d63146;font-size: 11px;border-radius: 30px;color:#fff;padding: 5px;margin: 3px;}
.tbl tr th span{font-size:12px;font-weight:normal}
.curr_Stit{position: relative;font-size: 17px;margin:30px 0 16px;text-align: left;padding: 0 0 0 26px;min-height: 20px;}
.curr_Stit.notit::before{display: none;}
.curr_Stit span{display:inline-block;position:relative;}
.curr_Stit::before{content:"";position:absolute;top: 3px;margin: 0;display:block;background: url('https://img.megagong.net/teacher/curr/curr_stitbg.png') no-repeat center 0;width: 18px;height: 18px;left: 0;}
.tea_name{font-style:normal;padding: 2px 10px;font-weight: bold;}
.mo_view,
.mo_view2{display: none;}


/* flo */
.flt_inner {position: absolute;width: 221px;top: 240px;left: 50%;margin-left: 590px;z-index: 2;}
.flt_inner a {display:block;position:relative;margin: 0 0 5px;text-align: center;}
.flt_inner a+a{margin-top:-20px}


/* .conTop */
.conTop {position:relative;background: #e9e9e9 url(https://img.megagong.net/m/2022/0531_korean/top_bg.png) no-repeat center 0; padding: 95px 0 130px;background-size: auto;}
.conTop h3 span{display: block;}
.conTop h3 .tit{margin:0 auto 60px;}
.conTop h3 .tea{margin:0 -240px;}

.con1,.con2,.con3,.con4,.event{position: relative}

/* con1 */
.con1 {background: #e9e9e9; padding: 140px 0 150px;border-top:1px solid #cccccc}
.con1::before{position:absolute;content:'';width: 1080px;height: 8px;left: 50%;top: -5px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background: #e9e9e9 url(https://img.megagong.net/m/2022/0531_korean/line_txt.png) no-repeat center 0; }
.con1 .txt{margin: 60px auto 0;font-size: 22px;}

/* con2 */
.con2 {padding: 150px 0 150px;}
.con2 ul li{float: left;}
.con2 ul li+li{margin-left: 20px;}
.con2 ul.point2{margin: 65px auto 0; padding: 105px 75px 75px;border-radius: 30px;box-shadow: 5px 4px 18px rgba(0,0,0,0.2);}
.con2 ul.point2::before{position: absolute;content:'';background: url(https://img.megagong.net/m/2022/0531_korean/con2_arrow.png) no-repeat center 0;width:160px;height: 132px;left:50%;top:-61px; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
.con2 ul.point2 p{margin-bottom: 40px;}

/* con3 */
.con3 {padding: 160px 0 130px;border-top:1px solid #cccccc}
.con3::before{position:absolute;content:'';width: 1080px;height: 8px;left: 50%;top: -5px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background: #fff url(https://img.megagong.net/m/2022/0531_korean/line_txt.png) no-repeat center 0; }
.con3 .txt{background:url(https://img.megagong.net/m/2022/0531_korean/con3_emphasis.png) no-repeat center 0;font-size: 21px;padding: 30px 0;margin: 0 auto 45px;}
.con3 .tea_tab{}
.con3 .tea_tab li{float: left;width: 20%; background: #eeeeee;color:#999999;font-size: 15px;border-bottom:2px solid #000;box-sizing: border-box;}
.con3 .tea_tab.c4 li{width: 25%;}

.con3 .tea_tab li a{display: block;padding: 22px 0;}
.con3 .tea_tab li strong{display: block; font-size: 21px;}
.con3 .tea_tab li.on{background: #fff;color:#000;border: 2px solid #000;border-bottom:none}
.con3 .tea_cont > div{display: none;padding: 40px 0 0;}
.con3 .tea_cont > div.on{display: block;}
.con3 .tea_cont .img_video{overflow: hidden;}
.con3 .tea_cont .img_video .tea_img{width: 380px;margin: 0 45px;}
.con3 .tea_cont .img_video > div{float: left;}
.con3 .tea_cont .img_video .vd{margin: 45px auto 15px;display: block;}
.con3 .tea_cont .img_video .vd p{position:relative; width: 600px;height: 338px;;background:#000;color:#fff;font-weight:bold;font-size:25px;padding:65px 0 0 60px;text-align:left;}
.con3 .tea_cont .img_video .vd p::before{position:absolute;content:'';background:url(https://img.megagong.net/m/2022/0531_korean/vd_icon.png) no-repeat center 0;width: 75px;height: 75px;right: 50px;bottom: 50px;}
.con3 .tea_cont .img_video .home{display: block;text-align: left;margin: 0 auto 9px;font-size:15px}
.con3 .tea_cont .img_video .home img{display:inline-block;margin:-2px auto 0 5px}
.con3 .tae_curr{margin: 0 auto 50px;}
.con3 .tae_curr strong{display: block;width: 100%; background:#cccccc;font-size: 23px;padding: 24px 0;}
.con3 .tae_curr ul{position: relative; background: #eeeeee;padding: 40px;margin: 10px auto 0;}
.con3 .tae_curr ul::before{position:absolute;content:'';background:url(https://img.megagong.net/m/2022/0531_korean/con3_plus.png) no-repeat center 0;width: 60px;height: 60px;left: 50%;top:-40px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
.con3 .tae_curr ul li{position: relative;padding-left: 20px;font-size: 16px;text-align: left;}
.con3 .tae_curr ul li::before{position:absolute;content:'';background:url(https://img.megagong.net/m/2022/0531_korean/con3_check.png) no-repeat center 0;width: 15px;height: 12px;left: 0;top:5px}
.con3 .tae_curr ul li+li{margin-top: 15px;}
.con3 .noti_txt{display: block; text-align:left;color: #777;padding-bottom: 3px;font-size: 12px;}

/* con4 */
.con4 {background: #fef5f5; padding: 150px 0 150px;}
.con4 .txt{margin: 0 auto 65px;font-size: 21px;}

/* event1 */
.event1 {background: #082ca1;padding: 150px 0;}
.event1 .evt_end{position: absolute; right:0;top:0;}
.event1 .tag{margin-bottom: 70px;}
.event1 .bubble{margin: 0 auto 60px;font-size: 23px;color:#fff}
.event1 .bubble > img{display: block;margin: 0 auto;}
.event1 .infoBox{margin: 80px auto 0;}
.event1 .infoBox .info{width:1000px; margin:0 auto;overflow: hidden;background: #7595ff;padding: 10px 20px;border-radius: 50px;}
.event1 .infoBox .info li{float: left;text-align:left;font-size: 21px;color:#082ca1}
.event1 .infoBox .info li strong{position: relative;padding:0 20px 0 30px}
.event1 .infoBox .info li strong::before{position:absolute;content:'';width:5px;height:5px;border-radius:50%;background:#082ca1;left:0;top:50%;margin-top:-2.5px}
.event1 .infoBox .info li strong::after{position:absolute;content:'';width: 2px;height: 50%;background:#5475e3;right: 10px;top: 30%;}
.event1 .infoBox .info li+li{margin-left: 40px;}
.event1 .infoBox .info li .tiny{color: #2d51c6;font-size: 12px;}
.event1 .giftBox{margin: 100px -55px;}
.event1 .giftBox ul li{float: left;width:25%;text-align: center;}
.event1 .giftBox ul li+li{margin-left:-1%}

.evtBoard_common{margin: 60px auto 0;background: #041650;padding: 0;}
.evtBoard_common .write_tit{display:inline-block; color:#ff8c9b;font-size:23px;border-bottom:1px solid #ff8c9b;}
.evtBoard_common .choice_list{overflow:hidden;padding: 0 255px;margin: 25px auto 40px;}
.evtBoard_common .choice_list li{float:left;font-size:18px;color:#fff;}
.evtBoard_common .choice_list li input{margin: -5px 10px 0 0;width:17px;height:17px}
.evtBoard_common .choice_list li+li{margin-left:45px}
.evtBoard_common .board_write{margin: 0 40px 10px;padding: 0 160px 0 0;}
.evtBoard_common .board_write .inp_wrap textarea, 
.evtBoard_common .board_write .inp_wrap input[type="text"]{overflow-y: scroll;}
.evtBoard_common .board_notice{margin: 0 40px 40px;}
.evtBoard_common .board_notice li{color: #7595ff;font-size: 13px;opacity: 1;}
.evtBoard_common .chk_noti{position: absolute;bottom: 0;right: 0;color: #7595ff;}
.evtBoard_common .board_list{padding: 20px 20px 20px;}
.evtBoard_common .board_list ul{border-top:none}
.evtBoard_common .board_list ul li:nth-child(1){border-top:2px solid #000;}
.evtBoard_common .board_list ul li{padding: 20px 35px;}
.evtBoard_common .board_write .btn_wrap{width:160px;}
.evtBoard_common .board_write .btn_wrap a{background:#7595ff;color:#041650}


/* evt_cautn */
.evt_cautn {position: relative; background: #f8f8f8;padding: 90px 0;text-align: left;}
.evt_cautn .tit{margin-bottom: 30px;font-size: 17px;font-weight:bold; color: #2b294d;}
.evt_cautn dd{position: relative;font-size: 13px;line-height: 1.5;color: #2b294d;padding-left: 10px}
.evt_cautn dd::before{position:absolute;content: '-';left:0; /* width: 3px; height: 3px;top: 40%;  border-radius:50%; background: #2b294d; */}
.evt_cautn dd a{display: inline-block;color: #1a4ffb;margin-left: 3px;font-weight: bold;text-decoration:underline}


@media (max-width: 1380px){
    /* .conTop */
    .conTop{background-size: 160% auto;}
    .conTop h3 .tit img{max-width: 80%;}
    .conTop h3 .tit{margin:0 auto 6%}
    .conTop h3 .tea{margin: 0 -8%;width: 116%;}

}

@media (max-width: 1200px){
    .eventWrap{font-size: 13px;}
    .flt_inner{display: none;}
    .eventWrap h4{margin-bottom: 6%;font-size: 50px;}
    .eventWrap .inner {width: 96%;}
    .curr_Stit{margin:3% 0 1%;padding: 0 0 0 3%;}
    

    .con1,.con2,.con3,.con4,.event1{padding: 10% 0 12%;}

    /* .conTop */
    .conTop{padding: 9% 0 13%;background-size: 170% auto;}
    

    /* con1 */
    .con1 .txt{margin:6% auto 0}
    .con1::before,
    .con3::before{width: 100%;background-size: 100% auto;}

    /* con2 */
    .con2 ul li{width:49%}
    .con2 ul li+li{margin-left:2%}
    .con2 ul li img{width:100%}
    .con2 ul.point2{margin: 6% auto 0; padding: 10% 3% 5%;}
    .con2 ul.point2 p{margin-bottom: 4%}

    
    /* con3 */
    .con3 .txt{padding: 3% 0;margin: 0 auto 4%;}
    .con3 .tea_tab li a{padding: 6% 0;}
    .con3 .tea_cont > div{padding: 4% 0 0;}
    .con3 .tea_cont .img_video .tea_img{width: 35%;margin: 0 1%;}
    .con3 .tea_cont .tea_video{width:63%}
    .con3 .tea_cont .img_video .vd{margin: 4% auto 1%;}
    .con3 .tea_cont .img_video .vd p{width: 100%;height: auto;padding:6% 50% 25% 10%;}
    .con3 .tea_cont .img_video .vd p::before{right:4%;bottom:5%}
    .con3 .tea_cont .img_video .home{margin: 0 auto 1%;}
    .con3 .tae_curr{margin: 0 auto 5%;}
    .con3 .tae_curr strong{padding: 2% 0;}
    .con3 .tae_curr ul{padding: 4% 2%;margin: 1% auto 0;}
    .con3 .tae_curr ul li{padding-left: 3%;}
    .con3 .tae_curr ul li+li{margin-top: 1%;}
    
   /* event1 */
    .event1 .tag{margin-bottom: 7%;}
    .event1 .bubble{margin: 0 auto 6%;}
    .event1 .infoBox{margin: 8% auto 0;}
    .event1 .infoBox .info{width: 98%; padding: 1% 2%;}
    .event1 .infoBox .info li{width: 49%;}
    .event1 .infoBox .info li+li{margin-left:2%}
    .event1 .infoBox .info li strong{padding: 0 6% 0 3%;}
    .event1 .giftBox{margin: 5% auto;}
    
    .evtBoard_common{margin: 6% auto 0;}
    .evtBoard_common .choice_list{width: 80%;padding: 0 15%;margin: 2% auto 4%}
    .evtBoard_common .choice_list li{width: 18%;}
    .evtBoard_common .choice_list li+li{margin-left:2%}
    .evtBoard_common .board_write{margin: 0 4% 1%;padding: 0;}
    .evtBoard_common .board_notice{margin: 0 4% 4%;}
    .evtBoard_common .board_list{padding: 2% 2% 2%;}
    .evtBoard_common .board_list ul li{padding: 2% 3%;}
    .evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"]{width:100%}
    .evtBoard_common .board_write .btn_wrap{width:100%}
    
    /* evt_cautn */
    .evt_cautn {padding: 3% 0 5%;}
    .evt_cautn .tit{margin-bottom: 1%;}
    .evt_cautn dd{font-size: 12px;}
}

@media (max-width:992px){
    .mo_view{display: block;}
    .eventWrap h4{font-size: 40px;}
    .curr_Stit{font-size:15px}
    
    /* con1 */
    .con1 .txt{font-size:18px}

    
    /* con2 */
    .con2 ul {width:80%;margin:0 auto;}
    .con2 ul li{width:100%}
    .con2 ul li+li{margin:2% auto 0}
    .con2 ul li img{width:100%}
    .con2 ul.point2{margin: 6% auto 0; padding: 10% 3% 5%;}
    .con2 ul.point2 p{margin-bottom: 4%}

    /* con3 */
    .con3 .txt{font-size:18px}
    .con3 .tea_cont .img_video .vd{margin: 0 auto 1%;}
    .con3 .tea_cont .img_video .tea_img{display:none}
    .con3 .tea_cont .tea_video{width:100%}
    .con3 .tea_cont .img_video .vd p{padding: 6% 0 35% 5%;font-size: 20px;}
    .con3 .tea_cont .img_video .vd p::before{background-size: contain;width: 50px;height: 50px;}
    .con3 .tea_cont .img_video .home{margin: 0 auto 5%;}
    .con3 .tae_curr strong{font-size: 19px;}
    .con3 .tae_curr ul li{font-size:14px}
    .con3 .tae_curr ul li::before{width:10px;height:8px;background-size:contain}
    .con3 .tea_tab li{font-size:13px}
    .con3 .tea_tab li strong{font-size:16px}

    /* con4 */
    .con4 .txt{font-size:18px}

    /* event1 */
    .event1 .evt_end{max-width:20%}
    .event1 .bubble,
    .event1 .infoBox .info li,
    .evtBoard_common .write_tit{font-size:18px}
    .event1 .infoBox{margin: 4% auto 0;}
    .evtBoard_common .choice_list li{font-size:14px}
    .evtBoard_common .board_write{margin: 0 2% 1%;}
    .evtBoard_common .board_notice{margin:0 2% 4%}
    
    

}
@media (max-width: 768px){
    .eventWrap h4{font-size: 30px;}
    .curr_Stit::before{top:0}
    .tbl tr td{padding:7px 4px}

    /* con1 */
    .con1::before,
    .con3::before{background-size: 105% auto;}
    
    /* con1 */
    .con1 .txt{font-size:14px}

    /* con3 */    
    .con2 ul.point2 p img{max-width:80%}
    .con2 ul.point2::before{width:100px;height:62px;background-size:contain;top:-18%}
    
    /* con3 */
    .con3 .txt{background-size: 100px 70px;background-position: 50% 60%;}
    .con3 .tae_curr strong{font-size: 15px;}
    .con3 .tae_curr ul::before{width:45px;height:45px;background-size:contain;top:-15%}
    .con3 .tae_curr ul li{font-size:12px}
    .con3 .tea_tab li{font-size:11px}
    .con3 .txt, 
    .con3 .tea_tab li strong{font-size:14px}
    .con3 .tea_cont .img_video .vd p{font-size:16px}

    /* con4 */
    .con4 .txt{font-size:14px}
    

    /* event1 */
    .event1 .infoBox .info{width:80%; padding: 2% 0 2% 3%;}
    .event1 .infoBox .info li{width:100%;font-size: 14px;}
    .event1 .infoBox .info li+li{margin:2% 0 0;}
    .event1 .infoBox .info li .tiny{font-size:10px}
    .event1 .giftBox ul li{width:49%;}
    .event1 .giftBox ul li:nth-child(2n){margin-left:2%}
    .event1 .giftBox ul li+li+li{margin:1% 0 0}
    .evtBoard_common .board_notice li{font-size:10px}
    .evtBoard_common .choice_list{width:90%;padding:0}
    .event1 .bubble,
    .event1 .infoBox .info li,
    .evtBoard_common .write_tit{font-size:14px}
    .evtBoard_common .choice_list li{font-size:12px;text-align:left}
}
@media (max-width: 576px){
    .eventWrap h4{font-size: 24px;}
    .curr_Stit{font-size:11px;padding:0 0 0 5%}

    /* .conTop */
    .conTop{padding: 4.5% 0 6%;background-size: 165% auto;}

    .con1,.con2,.con3,.con4,.event1{padding: 5% 0 6%;}

    /* con3 */
    .con3 .tea_cont .img_video .home{font-size:12px}
    .con3 .tea_cont .img_video .home img{width: 15px;height: 15px;}
    .con3 .tae_curr ul li br{display:none}

    /* event1 */
    .evtBoard_common .board_list ul li{font-size:11px}
    .evtBoard_common .choice_list li input{width:10px;height:10px;margin: -5px 2px 0 0;}
    .evtBoard_common .chk_noti{font-size:10px;position: relative;right: auto;text-align: left;bottom: auto;float: left;}
    .tea_name{padding: 2px 5px;}
    
    /* evt_cautn */
    .evt_cautn .tit{font-size:13px}
    
}


@media (max-width: 460px){
    .eventWrap h4{font-size: 18px;}
    .tbl tr th, .tbl tr td{font-size:11px}
    .con3 .noti_txt{font-size:10px}
    
    /* con1 */
    .con1 .txt{font-size:12px}

    /* con3 */
    .con3 .tae_curr strong{font-size:12px}
    .con3 .tea_tab li{font-size:10px}
    .con3 .txt, 
    .con3 .tea_tab li strong{font-size:12px}

    /* con4 */
    .con4 .txt{font-size:12px}

    /* event1 */
    .evtBoard_common .write_tit{font-size:12px}
    .evtBoard_common .choice_list li{font-size:10px}
}

@media (max-width: 360px){
    .mo_view2{display: block;}

    /* con3 */
    .con3 .tea_tab li:nth-child(1){letter-spacing:-1.5px}
    .con3 .tea_tab li,
    .con3 .tea_tab li.on{border-width:1px}
    
    /* event1 */
    .event1 .infoBox .info{width:94%}
    .event1 .bubble, .event1 .infoBox .info li, .evtBoard_common .write_tit{font-size:12px}
}