@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: 13px;line-height: 1.4;letter-spacing: -0.03em;overflow:hidden;font-weight: 200;}
.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 img{border:0 none;vertical-align:middle;max-width:100%}
.eventWrap h4{position: relative;margin-bottom: 80px;text-align: center;}
.eventWrap .img_mb{display:none}
.eventWrap .conBox{position:relative}
.eventWrap .conBox::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: 52.3%;background: #222;/* overflow: hidden; */}
.eventWrap .video_box .play_area{width: 100% !important;height: 100% !important;position: absolute;width: 100%;height: 100%;}
.eventWrap .video_box.vdo_none{padding:0}
.eventWrap .video_box.ytb{padding:0;padding-bottom: 56.3%;}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.eventWrap .tiny_txt{font-size:12px;letter-spacing: -0.03em;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;}
.eventWrap sup{vertical-align: top;}
b.color{color:#dc39d2}
.mo_view{display:none}

.flt_inner {position: absolute;text-align: right;left: 50%;z-index: 5;width: 180px;top: 124px;margin: 0 0 0 660px;}
.flt_inner a {display:block;text-align:center;}


body.not_scroll{position: fixed;overflow: hidden;width: 100%;height: 100%}
body.not_scroll #mWrap{top: 0;}


/* visual */
.visual{background: url('https://img.megagong.net/m/2022/0511_lyj4718/top_bg.jpg') no-repeat center 0;background-size: auto 100%;padding: 240px 0 150px;}
.visual .stxt{text-align:left;margin: 0 0 240px;}
.visual .stxt span{position:relative;display: block;}
.visual .stxt span::before{position:absolute;content:'';background: #dc39d2;width:665px;height:1px;left:-665px;bottom:0;}
.visual .stxt span.tiny::before{display: none;}
.visual .stxt .tiny{font-size:11px;color:#d5bcb9;margin:25px 0 0;}
.visual .stxt .tiny li+li{margin: 10px 0 0;}
.visual .tit a{display:block;margin:30px 0 0}
.visual i{position:absolute;right:-30px;bottom:275px;}

/*cont1 */
.cont1 {background: url('https://img.megagong.net/m/2022/0511_lyj4718/cont1_bg.jpg') no-repeat center 0;background-size: 100% 100%;padding: 150px 0 50px;}
.cont1 .con_box > div:nth-child(1){margin:0 0 140px}
.cont1 .con_box > div:nth-child(2){margin:0 0 210px}
.cont1 .stit{text-align: left;color:#b11ba8;font-size: 28px;margin-bottom: 70px;}
.cont1 .stit span{position: relative;display: block;font-size: 37px;color:#fff;background: #b11ba8;}
.cont1 .stit span::after{position:absolute;content:''; right:-50%;bottom:0;width:50%;height:100%;background:#b11ba8;}
.cont1 .stit span::before{position:absolute;content:''; left:-1%;bottom:0;width:1%;height:100%;background:#b11ba8;}
.cont1 .txt{font-size: 23px;}
.cont1 .tiny_txt{font-size: 13px;color:#a2a2a2;display: block;margin: 20px auto 50px;}
.cont1 .con_box > div > strong{margin:70px auto 0;font-size:38px;display: block;}


/*cont2 */
.cont2 {padding: 150px 0 225px;}
.cont2 .con_box > p{color:#dc39d2;font-size:28px;margin:0 auto 35px;}
.cont2 .con_box > p img{display: inline-block;margin: -5px 5px 0 0}
.cont2 .teacher_roll_wrap{position: relative;}
.cont2 .teacher_roll_wrap > i{position: absolute;right: -120px;top:-140px;z-index: 2;}
.cont2 .teacher_roll.slick-initialized,
.cont2 .roll_wrap.blind .teacher_roll{display:block}
.cont2 .teacher_roll .item{clear: both;padding: 0;}
.cont2 .teacher_roll .slick-arrow{position: absolute;top: 290px;width: 32px;height: 54px;z-index: 1;font-size: 0;/* opacity:0; */line-height: 0;margin-top: 0;}
.cont2 .teacher_roll .slick-prev{background:url('https://img.megagong.net/m/2022/0415_tip/con_img10.png');/* margin: 0 0 0 -50px; */left: -80px;}
.cont2 .teacher_roll .slick-next{background:url('https://img.megagong.net/m/2022/0415_tip/con_img11.png');right: -80px;}
.cont2 .teacher_roll .slick-dots {display:none !important}
.cont2 .teacher_roll .in_cont_wrap{position:relative;/* padding: 0 0 0 50%; */}
.cont2 .teacher_roll .in_cont_wrap::before{content:'';display:block;position: absolute;bottom: -1px;left: 50%;width: 1px;height: 100%;background: #ddd;}
.cont2 .teacher_roll .in_cont_wrap.right100{/* padding: 0 0 0 0%; */}
.cont2 .teacher_roll .in_cont_wrap.right{}
.cont2 .teacher_roll .in_cont_wrap.right100 .inlineb_wrap::before{content:'';position: absolute;top: 111px;left: 50%;width: 220px;margin: 0 0 0 -110px;height: 220px;background: url('https://img.megagong.net/m/2022/0415_tip/con_img14.png')  no-repeat 0 0;z-index: 1;}
.cont2 .teacher_roll .in_cont_wrap.right .inlineb_wrap::before{content:'';position: absolute;top: 111px;left: 50%;width: 220px;margin: 0 0 0 -110px;height: 220px;background: url('https://img.megagong.net/m/2022/0415_tip/con_img13.png')  no-repeat 0 0;z-index: 1;}
.cont2 .teacher_roll .in_cont_wrap .inlineb_wrap{position: relative;font-size: 0;padding: 80px 0 0;}
.cont2 .teacher_roll .in_cont_wrap .in_cont{/* float: left; */width: 50%;/* position: relative; *//* border-left: 1px solid #ddd; */border-bottom: 0;margin: 0;text-align: center;display: inline-block;}
.cont2 .teacher_roll .in_cont_wrap .in_cont.inc1{/* border-left: 0; *//* position: absolute; *//* top: 0; *//* left: 0; *//* width: 50%; *//* height: 100%; *//* border-bottom: 0; */}
.cont2 .teacher_roll .in_cont_wrap .in_cont.inc2{/* float: none; *//* width: auto; */}
.cont2 .teacher_roll .in_cont_wrap .in_cont.inc3{position: relative;width: auto;border-left: 0;float: none;clear: both;margin: 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff;display: block;}
.cont2 .teacher_roll .in_cont_wrap .in_cont .tit{background: #111111;color: #fff;height: 80px;padding: 25px 0 0;border-bottom: 1px solid #ddd;font-weight: normal;font-size: 18px;position: absolute;top: 0;left: 0;width: 50%;}
.cont2 .teacher_roll .in_cont_wrap .in_cont.inc1 .tit{}
.cont2 .teacher_roll .in_cont_wrap .in_cont.inc2 .tit{color:#eb5b74;font-weight: bold;left: 50%;margin: 0 0 0 1px;}
.cont2 .teacher_roll .in_cont_wrap .in_cont .img_cont{position: relative;text-align: center;padding: 50px 5px 50px 5px;min-height: 200px;}
.cont2 .teacher_roll .in_cont_wrap .in_cont .img_cont::before{content:'';display:inline-block;width: 0px;height: 100%;vertical-align: middle;}
.cont2 .teacher_roll .in_cont_wrap .in_cont .img_cont img{display:inline-block;vertical-align: middle;}
.cont2 .teacher_roll .in_cont_wrap .in_cont.inc3 .txt_cont{padding: 50px 40px;text-align: left;font-size: 15px;font-weight: normal;min-height: 190px;}
.cont2 .teacher_roll .in_cont_wrap .in_cont.inc3 .txt_cont p{margin:0 0 10px}
.cont2 .teacher_roll .in_cont_wrap .in_cont.inc3 .txt_cont a{display: block;width: 230px;text-align: center;padding: 5px 0 7px;line-height: 1;;border: 1px solid #999;margin: 20px 0 0 0;}
.cont2 .teacher_roll .in_cont_wrap .in_cont.inc3 .txt_cont a strong{color:#e04765}
.cont2 .teacher_roll .in_cont_wrap .in_cont.inc3 .tit span{letter-spacing: 0.1em;margin: 0 0 0 10px;}
.cont2 .more_view{display: block;width: 500px;text-align: center;border: 4px solid #000;float: none;clear: both;margin: 30px auto 0;}

/*cont3 */
.cont3 {background: url('https://img.megagong.net/m/2022/0511_lyj4718/cont3_bg.jpg') repeat-x 0 bottom;background-size:auto 100%;padding: 75px 0 195px;}
.cont3 .inner{width: 100%;}
.cont3 h4::before{position:absolute;content:'';width: 1px;height: 132px; background: url('https://img.megagong.net/m/2022/0511_lyj4718/tit_line.png') no-repeat;left:50%;top: -185px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); z-index: 2;}
.cont3 .slick-arrow{display: none !important;}
.cont3 .slick-slide{margin: 0 15px;}
.cont3 .img{margin: 60px auto 0;}

/*cont4 */
.cont4 .inner{padding:0 0 85px}
.cont4 h4{margin-top:160px}
.cont4 h4 i{position:absolute;left:50%;top:-240px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
.cont4 .stit{padding:30px 0;font-size:23px;width:435px;margin:0 auto;border:1px solid #000;border-width: 1px 0;}
.cont4 .stit b{font-size:28px;display:block}
.cont4 .step_box.ing{border: 5px solid orange;border-width: 5px 0 5px 0;}
.cont4 .quiz_zone .btn_wrap a{color:red;font-weight: bold;}
.cont4 .video_box{width: 1000px;margin: 70px auto 90px;}
.cont4 .video_box::before{position:absolute;content:'';background: url('https://img.megagong.net/m/2022/0511_lyj4718/video_bg.png') no-repeat;width: 1080px;height: 50px;left: -40px;bottom: -50px;z-index: 2;background-size: contain;}

/*cont5*/
.cont5{padding:210px 0 310px}
.cont5 h4::before{position:absolute;content:'';width: 1px;height: 132px; background: url('https://img.megagong.net/m/2022/0511_lyj4718/tit_line.png') no-repeat;left:50%;top: -185px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); z-index: 2;}
.cont5 .step_box{width:770px; padding:115px 0 100px;border: 6px solid #000;margin:0 auto;box-sizing: border-box;border-radius: 30px;}
.cont5 .step_box p{font-size:35px}
.cont5 .step_box p strong{display: block;}
.cont5 .start{background: #dc39d2;padding: 25px 0;width:400px;border-radius: 50px;margin: 85px auto 0;display: block;}

.cont5 .step_box p.question{font-size:40px}
.cont5 .step_box p.question .tiny{font-size: 27px;}
.cont5 .btn_wrap{margin:100px auto 0;}
.cont5 .btn_wrap a{display: inline-block; font-size:32px;border: 6px solid #000;border-radius: 50px;width:270px;height: 85px;line-height: 73px;font-weight:bold;box-sizing: border-box;vertical-align: top;}
.cont5 .btn_wrap a+a{margin-left:40px}
.cont5 .btn_wrap a.small{font-size:22px;line-height: 32px;}
.cont5 .btn_wrap a.small2{line-height: 70px;font-size: 22px;}
.cont5 .btn_wrap a:hover,.cont5 .btn_wrap a:active{color:#fff;background: #dc39d2;border-color:#dc39d2;}

/*cont6 */
.cont6 {background: url('https://img.megagong.net/m/2022/0511_lyj4718/cont6_bg.png') no-repeat center 0;background-size:auto 100%;padding: 0 0 150px;}
.cont6 h4 img{margin-top:-205px}
.cont6 p{position:relative;font-size:43px;margin:250px 0 70px}
.cont6 p::before{position:absolute;content:'';width: 1px;height: 132px; background: url('https://img.megagong.net/m/2022/0511_lyj4718/tit_line.png') no-repeat;left:50%;top: -185px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); z-index: 2;}

/*event*/
.event { background: #59e8c5; position:relative; padding: 140px 0 150px; }
.event .finish {position:absolute; top:0; right:0; z-index: 2;}
.event .txtBox {overflow:hidden; margin: 0 auto 80px;}
.event .txtBox > div {font-size: 22px;}
.event .txtBox > div p strong{display:block}
.event .txtBox > div ul { margin: 50px auto 70px; font-size:21px; background:#000000;padding: 20px 70px;color: #59e8c5;overflow: hidden;border-radius: 50px;}
.event .txtBox > div li { overflow:hidden; float: left;position:relative;   text-align: left;padding-left: 15px;}
.event .txtBox > div li+li{margin-left:40px;}
.event .txtBox > div li:before { content:""; display:block; width: 5px; height: 5px; background: #59e8c5; position:absolute; top: 50%; left:0; border-radius: 50%;margin-top: -2.5px;}
.event .txtBox > div li p { position: relative;display:inline-block; vertical-align:top;  padding-right: 20px;}
.event .txtBox > div li p:before { content:""; display:block; width: 2px; height: 54%; background: #59e8c5; position:absolute; top: 30%; right: 7px;}
.event .txtBox > div li > span { display:inline-block; vertical-align:top; }
.event .txtBox > div li > span > span {color: #ffffff; font-size:14px; margin-left:5px;}
.event .txtBox > p { /* float:right; */ }

.evtBoard_common{background:#1b453b;padding: 45px 0 0;}
.evtBoard_common .write_tit{display:inline-block; color:#59e8c5;font-size:23px;font-weight:bold;border-bottom:1px solid #59e8c5;}
.evtBoard_common .choice_list{overflow:hidden;padding:0 200px;margin: 30px auto 40px;}
.evtBoard_common .choice_list li{float:left;font-size:18px;color:#fff;}
.evtBoard_common .choice_list li input{margin:-5px 0 0;width:17px;height:17px}
.evtBoard_common .choice_list li+li{margin-left:80px}

.evtBoard_common .board_write .inp_wrap textarea{color:#adadad}

.evtBoard_common .board_notice{position: relative;color:#799e95;font-size: 13px;}
.evtBoard_common .board_notice .noti_btn{position:absolute;right:0;top:0;}
.evtBoard_common .board_notice .noti_btn input{margin:-2px 4px 0 0;}

.evtBoard_common .type_lst{background:#fff;padding: 25px 20px;}
.evtBoard_common .type_lst ul {overflow:hidden}
.evtBoard_common .type_lst ul li{float:left;margin-right:25px;font-weight: bold;}
.evtBoard_common .type_lst ul li.on{color:#0270f7}

.evtBoard_common .board_list{ clear:both; position: relative; padding:0 20px; background:#fff;}
.evtBoard_common .board_list .total_rpl{position: relative;margin: 0;padding: 10px 0;}
.evtBoard_common .board_list .total_rpl strong{font-size: 1.2em;}
.evtBoard_common .board_list .total_rpl a.refresh{position: absolute;top: 10px;right: 0;display: inline-block;text-align: center;border: 1px solid #717171;color: #222;height: 20px;line-height: 20px;font-size: 13px;padding: 0 7px 0;}
.evtBoard_common .board_list ul {border-top: 2px solid #000; border-bottom:1px solid #000; }
.evtBoard_common .board_list ul li {position: relative;text-align: left;padding: 12px 15px;border-bottom: 1px solid #ccc; color:#000; }
.evtBoard_common .board_list ul li:last-child{border-bottom:none}
.evtBoard_common .board_list ul li .usr_info{position: relative;display:block;margin-bottom: 10px;}
.evtBoard_common .board_list ul li .usr_info .name{font-weight: bold;}
.evtBoard_common .board_list ul li .usr_info .date{color:#999;padding-left: 10px;position: absolute;top: 0;right: 0;}
.evtBoard_common .board_list ul li.notice .usr_info em{display: inline-block;background: #000;color: #fff;font-weight: normal;font-style: normal;font-size: 13px;height: 20px;line-height: 20px;padding: 0 10px;margin: -2px 0 0;}
.evtBoard_common .board_list ul li.notice{background: #ffffef;}
.evtBoard_common .board_list ul li.notice .usr_info .name { font-weight:700;}
.evtBoard_common .board_list ul li.notice .usr_info .name i { display:inline-block; vertical-align:top; background:#000; color:#fff; text-align:center; font-style:normal; font-weight:300; padding:0 5px; font-size:13px; }
.evtBoard_common .board_list ul li em.icon_choice { display: inline-block; color: #fff;font-weight: normal;font-style: normal;font-size: 13px;height: 20px;line-height: 20px;padding: 0 10px;margin: -2px 0 0;}
.evtBoard_common .board_list ul li em.color1 { background: #ff6d6d; }
.evtBoard_common .board_list ul li em.color2 { background: #faa65c; }
.evtBoard_common .board_list ul li em.color3 { background: #25d79e; }
.evtBoard_common .board_list ul li .del_btn{display: inline-block; text-align:right; border:1px solid #ff0000; color: #ff0000; font-weight: bold; font-size: 12px; padding: 0 4px; margin: 0; vertical-align: top; width:auto; }
.evtBoard_common .board_list ul li.pht{padding-left: 120px;min-height: 100px;}
.evtBoard_common .board_list ul li.pht .add_img{position: absolute;top: 20px;left: 0;max-width: 100px;display: block;}

/* evt_cautn */
.evt_cautn { background: #f8f8f8; padding: 80px 0; text-align:left;}
.evt_cautn dt { font-size:17px; color:#222; font-weight:bold; line-height:120%; margin-bottom:15px; }
.evt_cautn dd { position:relative; color:#222; line-height:150%; margin-bottom:5px; padding-left:15px; font-size:13px; }
.evt_cautn dd:before { content:"-"; position:absolute; top:0; left:0; }
.evt_cautn dd a { color: #ff1f9c; border: 1px solid #ff1f9c;padding: 0 4px;font-size: 12px;display: inline-block;font-weight: bold;}


/* °á°ú ÆË¾÷ */
.dim_bnrwrp_wrap.result .black_bg{background-color:#000;opacity:0.8;position:fixed;left:0;top:0;width:100%;height:100%;text-indent:-9999em;z-index:92}
.dim_bnrwrp_wrap.result .dim_bnrwrp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;}
.dim_bnrwrp_wrap.result .dim_popup{width: 635px;background: #c4e2e4;padding: 65px 30px 30px;position:fixed;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-radius: 15px;}
.dim_bnrwrp_wrap.result .dim_popup.clickPop .btnConfirm{text-align:center;margin: 40px 0 0 0;}
.dim_bnrwrp_wrap.result .dim_popup.clickPop .btnClose{position:absolute;right: -40px;top:0;font-size: 0;width: 29px;height: 30px;}
.dim_bnrwrp_wrap.result .dim_popup.clickPop .btnstart{position:absolute;right: 20px;top: 20px;font-size: 16px;font-weight:bold;padding-bottom:5px;border-bottom:1px solid #000;font-family : 'NotoSans KR';}
.dim_bnrwrp_wrap.result .result_cont p{font-size:35px;margin-bottom:30px}
.dim_bnrwrp_wrap.result .result_cont p strong{padding:0 5px;background:#000;color:#fff;height: 40px;line-height: 35px;display: inline-block;}
.dim_bnrwrp_wrap.result .result_cont .tea{position:relative}
.dim_bnrwrp_wrap.result .result_cont .tea button{position:absolute;right: 10px;bottom:5%;}
.dim_bnrwrp_wrap.result .result_cont .video_box,
.dim_bnrwrp_wrap.result .result_cont .video_box iframe,
.dim_bnrwrp_wrap.result .result_cont .video_box img{border-radius:15px}
.dim_bnrwrp_wrap.result .result_cont .video_box{width:575px;padding-bottom: 56%;}

@media (max-width: 1200px){.eventWrap{font-size: 13px;}
    .flt_inner{display: none;}
    .eventWrap h4{margin-bottom: 5%;}
    .eventWrap .inner {width: 94%;}

    /* visual */
    .visual{padding: 24% 0 15%;}
    .visual .stxt{margin: 0 0 24%;max-width: 30%;}
    .visual .stxt span::before{width:10%;left:-10%;}
    .visual .stxt .tiny{margin:2.5% 0 0;}
    .visual .tit a{margin:3% 0 0;}
    .visual .tit a img{max-width: 25%;}
    .visual i{right:-3%;bottom:37%;max-width: 25%;}

    /*cont1 */
    .cont1{padding: 10% 0 5%;}
    .cont1 .con_box > div:nth-child(1){margin:0 0 10%}
    .cont1 .con_box > div:nth-child(2){margin:0 0 20%}
    .cont1 .tiny_txt{margin: 2% auto 5%;}
    .cont1 .stit{font-size: 24px;margin-bottom: 7%;}
    .cont1 .stit span{font-size: 32px;}
    .cont1 .txt{font-size: 18px;}
    .cont1 .tiny_txt{font-size: 11px;margin: 2% auto 5%;}
    .cont1 .con_box > div > strong{margin:7% auto 0;font-size:33px;}


    /*cont2 */
    .cont2{padding: 10% 0 15%;}
    .cont2 .con_box > p{font-size:24px;margin:0 auto 3%;}
    .cont2 .teacher_roll_wrap > i{right: -8%;top: -18%;max-width: 22%;}
    .cont2 .teacher_roll .in_cont_wrap::before{}
    .cont2 .teacher_roll .in_cont_wrap .inlineb_wrap{padding: 50px 0 0;}
    .cont2 .teacher_roll .in_cont_wrap .in_cont{/* width: auto; *//* float: none; */}
    .cont2 .teacher_roll .in_cont_wrap .in_cont .tit{font-size: 15px;padding: 13px 0;height: auto;}
    .cont2 .teacher_roll .in_cont_wrap .in_cont .img_cont{padding: 20px 10px;min-height: 120px;}
    .cont2 .teacher_roll .in_cont_wrap .in_cont .img_cont img{width: 500px;}
    .cont2 .teacher_roll .in_cont_wrap .in_cont.inc3 .txt_cont{padding: 20px 10px;font-size: 14px;min-height: 110px;}
    .cont2 .teacher_roll .in_cont_wrap.right100 .inlineb_wrap::before,
    .cont2 .teacher_roll .in_cont_wrap.right .inlineb_wrap::before{width: 12vw;height: 12vw;background-size: 100%;margin: 0 0 0 -6%;top: inherit;bottom: 34%;}
    
    .cont2 .more_view{width: auto;padding: 0;border-width: 2px;}
    .cont2 .more_view img{width: 260px;}

    /*cont3 */
    .cont3 {padding: 7% 0 15%}
    .cont3 .inner{width: 100%;}
    .cont3 .img{margin: 6% -2% 0 auto;}

    /*cont4 */
    .cont4 .inner{padding:0 0 8%}
    .cont4 h4{margin-top:16%}
    .cont3 h4::before{height: 40%; top: -45%;background-size: contain;}
    .cont4 h4 i{top: -250%;left: 54%;max-width: 30%;}
    .cont4 .stit{padding: 3% 0;font-size:18px;width:50%;}
    .cont4 .stit b{font-size:23px;}
    .cont4 .video_box{width: 100%;margin: 7% auto 9%;padding-bottom: 56.5%;}
    .cont4 .video_box::before{width: 110%;left: -5%;}

    /*cont5*/
    .cont5{padding:10% 0 25%}
    .cont5 h4::before{height: 40%; top: -45%;background-size: contain;}
    .cont5 .step_box{width:80%; padding: 11% 0 10%;}
    .cont5 .step_box p{font-size:30px}
    .cont5 .start{padding: 2% 0;width: 50%;margin: 8% auto 0;display: block;}
    .cont5 .start img{max-width:30%}

    .cont5 .step_box p.question{font-size:35px}
    .cont5 .step_box p.question .tiny{font-size: 22px;}
    .cont5 .btn_wrap{margin:10% auto 0;width: 90%;}
    .cont5 .btn_wrap a{font-size:27px;width: 46%;height: 70px;line-height: 52px;}
    .cont5 .btn_wrap a+a{margin-left:2%}
    .cont5 .btn_wrap a.small{font-size:18px;line-height: 26px;}
    .cont5 .btn_wrap a.small2{font-size: 18px;line-height: 52px;}
    

    /*cont6 */
    .cont6 {padding: 0 0 10%;}
    .cont6 h4 img{margin-top: -24%;max-width: 75%;}
    .cont6 p{font-size:38px;margin: 15% 0 7%;}
    .cont6 p::before{height: 80%; top: -95%;background-size: contain;}
    .cont6 a {display: inline-block;width: 65%;}


    /*event*/
    .event {padding: 10% 0 10%; }
    .event .finish{max-width: 20%;}
    .event .txtBox {margin: 0 auto 8%;}
    .event .txtBox > div {font-size: 17px;}
    .event .txtBox > div ul {margin: 5% auto 7%; font-size:17px;padding: 2% 5%;}
    .event .txtBox > div li {padding-left: 2%;width: 49%;box-sizing: border-box;}
    .event .txtBox > div li+li{margin-left: 2%;}
    .event .txtBox > div li p {padding-right: 4%;}
    .event .txtBox > div li > span{width: calc(100% - 30%);}
    .event .txtBox > div li > span > span {font-size:12px; margin-left: 2%;}
    
    .evtBoard_common{padding: 4% 0 0;}
    .evtBoard_common .choice_list{padding:0 16%;margin: 3% auto 4%;}
    .evtBoard_common .choice_list li{width:49%;}
    .evtBoard_common .choice_list li+li{margin-left:2%}
    .evtBoard_common .board_write .inp_wrap textarea{font-size: 12px;}
    .evtBoard_common .type_lst{padding: 2% 2%;}
    .evtBoard_common .type_lst ul li{margin-right:2%}
    .evtBoard_common .board_list{padding:15px}
    .evtBoard_common .board_list ul li{padding:10px 10px}
    


    /* evt_cautn */
    .evt_cautn { padding: 4% 0; }

    /* °á°ú ÆË¾÷ */
    .dim_bnrwrp_wrap.result .dim_popup{width: 635px;padding: 6% 3% 3%;}
    .dim_bnrwrp_wrap.result .dim_popup.clickPop .btnConfirm{margin: 4% 0 0 0;}
    .dim_bnrwrp_wrap.result .result_cont p{font-size:30px;margin-bottom:3%}
    .dim_bnrwrp_wrap.result .result_cont p strong{height: 35px;line-height: 32px;}
    .dim_bnrwrp_wrap.result .result_cont .tea > img{max-width: 40%;}
    .dim_bnrwrp_wrap.result .result_cont .tea button{right:15%;max-width: 25%;}
    .dim_bnrwrp_wrap.result .result_cont .video_box{width:100%;}
    .dim_bnrwrp_wrap.result .dim_popup.clickPop .btnClose{right: -6%;top: 0%;}
    

}

@media (max-width: 992px){
    /*cont2 */
    .cont2 .con_box > p{font-size: 20px;}
    .cont2 .con_box > p img{margin: -2px 5px 0 0;max-width:3%}
    .cont2 .teacher_roll_wrap > i{top: -16%;max-width: 20%;}
    
    /*cont6 */
    .cont6 p{font-size:30px;}
    
    /*event*/
    .event .txtBox > div ul{width:80%}
    .event .txtBox > div li {width: 100%;}
    .event .txtBox > div li+li{margin: 1% 0 0;}
    .event .txtBox > div li p{width:110px}
    
    .evtBoard_common .write_tit{font-size:18px;}
    .evtBoard_common .choice_list li{font-size:14px;}
    .evtBoard_common .board_notice{font-size: 10px;}

    /* evt_cautn */
    .evt_cautn dt { font-size:14px; }
    .evt_cautn dd { font-size:11px; }
    .evt_cautn dd a { font-size: 10px;}

    /* °á°ú ÆË¾÷ */
    .dim_bnrwrp_wrap.result .dim_popup{width: 90%;}
    .dim_bnrwrp_wrap.result .result_cont p{font-size:24px;}
    .dim_bnrwrp_wrap.result .result_cont p strong{height: 26px;line-height: 24px;}
    .dim_bnrwrp_wrap.result .dim_popup.clickPop .btnstart{top:1%;right: 2%;font-size: 13px;padding-bottom: 0.2%;}
    .dim_bnrwrp_wrap.result .dim_popup.clickPop .btnClose{width: 20px;height: 20px;right: 0;top: -5%;}
}

@media (max-width: 768px){
    .mo_view{display:block}
    
    /*cont1 */
    .cont1 .stit{font-size: 19px;margin-bottom: 3.5%;}
    .cont1 .stit span{font-size: 27px;}
    .cont1 .txt{font-size: 15px;}
    .cont1 .tiny_txt{font-size: 10px;}
    .cont1 .con_box > div > strong{font-size:28px;margin: 3.5% auto 0;}



    /*cont2 */
    .cont2 .con_box > p{font-size:19px;}
    .cont2 .teacher_roll_wrap > i{top: -6%;}
    .cont2 .teacher_roll .in_cont_wrap{padding:0}
    .cont2 .teacher_roll .in_cont_wrap::before{display:none}
    .cont2 .teacher_roll .in_cont_wrap .inlineb_wrap{padding: 0;}
    .cont2 .teacher_roll .in_cont_wrap .in_cont{float: none;width: auto;border-left: 0;}
    .cont2 .teacher_roll .in_cont_wrap .in_cont.inc1{position: relative;top: inherit;left: inherit;width: auto;display: block;}
    .cont2 .teacher_roll .in_cont_wrap .in_cont.inc2{display: block;}
    .cont2 .teacher_roll .in_cont_wrap .in_cont.inc3{margin: 0;min-height: 80px;}
    .cont2 .teacher_roll .in_cont_wrap.right100 .inlineb_wrap::before,
    .cont2 .teacher_roll .in_cont_wrap.right .inlineb_wrap::before{display:none}
    .cont2 .teacher_roll .in_cont_wrap.right100 .in_cont.inc1::before{content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 18vw;background: url('https://img.megagong.net/m/2022/0415_tip/con_img14.png')  no-repeat center 0;background-size: auto 100%;z-index: 1;margin: 0 0 -40px;}
    .cont2 .teacher_roll .in_cont_wrap.right .in_cont.inc1::before{content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 18vw;background: url('https://img.megagong.net/m/2022/0415_tip/con_img13.png')  no-repeat center 0;background-size: auto 100%;z-index: 1;margin: 0 0 -40px;}

    .cont2 .teacher_roll .in_cont_wrap .in_cont .tit,.cont2 .teacher_roll .in_cont_wrap .in_cont.inc2 .tit{font-size: 13px;position: relative;top: inherit;left: inherit;width: auto;}
    .cont2 .teacher_roll .in_cont_wrap .in_cont .img_cont{padding: 20px 0px;min-height: 70px;}
    .cont2 .teacher_roll .in_cont_wrap .in_cont.inc3 .txt_cont{padding: 20px 0;font-size: 13px;}
    .cont2 .teacher_roll .in_cont_wrap .in_cont.inc3 .txt_cont a{width: auto;padding: 2% 0;}
    .cont2 .more_view img{width: 200px;}


    
    /*cont4 */
    .cont4 .stit{font-size:15px;width: 60%;}
    .cont4 .stit b{font-size:18px;}

    /*cont5 */
    .cont5 .step_box p{font-size:25px}
    .cont5 .step_box p.question{font-size:30px}
    .cont5 .step_box p.question .tiny{font-size: 18px;}
    .cont5 .btn_wrap a{font-size:22px;height: 50px;line-height: 40px;border-width: 3px;}
    .cont5 .btn_wrap a.small{font-size:14px;line-height: 20px;}
    .cont5 .btn_wrap a.small2{font-size: 14px;line-height: 40px;}

    /*cont6 */
    .cont6 p{font-size:26px;}
    
    
    /*event*/
    .event .txtBox > div {font-size: 14px;}
    .event .txtBox > div ul{font-size:14px}
    .event .txtBox > div li p{width:90px}
    .event .txtBox > div li > span > span{font-size:10px}
    .evtBoard_common .choice_list{padding:0 2%}
    .evtBoard_common .choice_list li input{width: 10px;height: 10px;margin: 0;}
    .evtBoard_common .board_notice .noti_btn{position:relative;left:auto;text-align: left;margin: 5px auto 0;}
    

}

@media (max-width: 640px){
    /*cont1 */
    .cont1 .stit{font-size: 15px;}
    .cont1 .stit span{font-size: 22px;}
    /*.cont1 .txt{font-size: 13px;} */
    .cont1 .con_box > div > strong{font-size:23px;}

    /*cont2 */
    .cont2 .teacher_roll_wrap > i{top: -4%;}
    .cont2 .con_box > p{font-size:15px;}


    /*cont5 */
    .cont5 .step_box p{font-size:20px}
    .cont5 .step_box p.question{font-size:25px}
    .cont5 .step_box p.question .tiny{font-size: 14px;}
    .cont5 .btn_wrap a{width:100%;font-size:18px;}
    .cont5 .btn_wrap a+a{margin:5% auto 0}
}

@media (max-width: 576px){
    /*cont1 */
    .cont1 .stit span{font-size: 18px;}
    .cont1 .con_box > div > strong{font-size:20px;}

    /*cont5 */
    .cont5 .step_box p{font-size:17px}
    .cont5 .step_box p.question{font-size:22px}
    
    /*cont6 */
    .cont6 p{font-size:20px;}

    /*event*/
    .event .txtBox > div ul{font-size:12px}
    .event .txtBox > div li p{width:75px}
    .event .txtBox > div ul{width: 100%;border-radius: 0;padding: 2% 2%;}
    .evtBoard_common .write_tit{font-size: 15px;}
    .evtBoard_common .choice_list{padding: 0 20% 0 20%;}
    .evtBoard_common .choice_list li{width: 100%;text-align: center;font-size: 12px;}
    .evtBoard_common .choice_list li+li{margin:2% 0 0;}

    /* °á°ú ÆË¾÷ */
    .dim_bnrwrp_wrap.result .result_cont p{font-size:20px;}
    .dim_bnrwrp_wrap.result .result_cont p strong{height: 22px;line-height: 22px;}
}

@media (max-width: 460px){

    /*cont1 */
    .cont1 .stit span{font-size: 15px;}
    .cont1 .txt{font-size: 13px;}
    .cont1 .con_box > div > strong{font-size:18px;}

    /*cont4 */
    .cont4 .stit{width: 70%;font-size: 13px;}
    .cont4 .stit b{font-size:15px;}
    
    /*cont5 */
    .cont5 .step_box p{font-size:14px}
    .cont5 .step_box p.question{font-size:18px}
    .cont5 .step_box p.question .tiny{font-size: 13px;}
    .cont5 .btn_wrap a{font-size:16px;}

    /*cont6 */
    .cont6 p{font-size:17px;}

    /*event*/
    .evtBoard_common .choice_list{padding: 0 10% 0 10%;}

    /* °á°ú ÆË¾÷ */
    .dim_bnrwrp_wrap.result .dim_popup.clickPop .btnClose{top: -8%;}

    
}