@charset "euc-kr";
/* bg url: https://img.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */

.eventWrap{font-size:16px}
.eventWrap br.for_mo{display: none}


/* S: °øÀ¯ÇÏ±â ÀÌº¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
/* ÆË¾÷ */
.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_popup button{position:absolute;right: 15px;top: 15px;background: none}
.clickPop{width: 470px;background: #fff;padding: 30px 0 35px;position: fixed;left:50%;top: 50% !important;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 99}
/* µî·ÏÇÑ url ÆË¾÷ */
.dim_popup.sns .tit{text-align:center;margin: 20px 0;padding: 0 15px;font-size: 30px;font-weight: bold}
.dim_popup.sns table{font-size: 14px}
.dim_popup.sns table tr th, .dim_popup.sns table tr td{padding: 8px 5px;border: 1px solid #ddd;word-break: break-all;text-align: center}
.dim_popup.sns table tr th{border-color:#fff;background:#eaeaea}
.dim_popup.sns table tr td.con{text-align:left}
.dim_popup.sns .btnConfirm{text-align:center;margin: 40px 0 0 0}
.dim_popup.sns .btnClose{position:absolute;right: 10px;top: 10px;background: url(https://image.megagong.net/m/common/pop_close2.png) no-repeat center center;font-size: 0;width: 26px;height: 26px}


.eventWrap .tiny_noti{font-size:11px}
.eventWrap sup{vertical-align: top}
.evSection .bigt sup{font-size: 27px}

.fix_menu {background: #151515;z-index: 3;position: relative;border-width: 2px 0;width: 100%}
.fix_menu ul{position: relative;width: 1080px;margin: 0 auto;display:flex;align-items:flex-start;justify-content:space-between}
.fix_menu ul::before{content:'';position: absolute;top: 20%;right: 0;width: 1px;height: 60%;background: #fff;z-index: 3;opacity: 0.2}
.fix_menu li{width: 33.3%;position: relative}
.fix_menu li::before{content:'';position: absolute;top: 20%;left: 0;width: 1px;height: 60%;background: #fff;opacity: 0.2}
.fix_menu li i{width: 80px;line-height: 1;padding: 3px 0;text-align: center;font-style: normal;font-size: 15px;background: #3377f6;color: #fff;border-radius: 20px;font-weight: 200;margin: 0 0 7px}

i {}
.fix_menu li a{display: block;padding: 0;font-size: 19px;position: relative;color: #fff;font-weight: normal;text-align: left;height: 100px;display: flex;justify-content: center;align-items: center;flex-direction: column;line-height: 1}
.fix_menu li a strong{color: #6d6ff8;font-weight: 900}
.fix_menu li a:before{/* content:''; */display:block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #999;height: 40%;width: 1px}
.fix_menu li:last-child a:before{display:none}
.fix_menu.fixed{position: fixed;top: 0;left: 0;width: 100%}




.evSection .con_tit{font-size: 42px;margin: 0 0 25px;font-weight: 900}
.evSection .con_tit .tiny{display: block;font-size: 20px;padding: 25px 0 0}
.evSection .con_tit .tiny.top{padding: 0 0 25px}
.evSection .bigt{display:block;font-weight: 900;font-size: 50px;line-height: 1.2}
.evSection .bigt.wht{color:#fff}
.evSection .bigt.grd{background-image: linear-gradient(to right, #0872e8, #00197a);background-clip: text;-webkit-background-clip: text;color: transparent}

.eventWrap .evSection{position: relative}
.eventWrap .evSection.evCon1{background-color: #adadad;padding: 0 0 0;background: url('https://img.megagong.net/m/2023/0627_kimchanghun/con_img2.jpg') no-repeat center 0}
.eventWrap .evSection.evCon2{background-color: #ffffff;background: url(https://img.megagong.net/m/2023/0627_kimchanghun/con_img18.jpg) no-repeat center 100%;padding: 0 0 120px}
.eventWrap .evSection.evCon3{padding: 160px 0 140px;background: linear-gradient(90deg, rgba(6,118,230,1) 0%, rgba(2,27,120,1) 100%)}
.eventWrap .evSection.evCon4{background-color: #dfeaff;padding: 160px 0 120px}
.eventWrap .evSection.evCon5{background-color: #c2d5ff;padding: 160px 0}
.eventWrap .evSection.evCon6{background-color: #f5f5f5;padding: 160px 0}
.eventWrap .evSection.evCon7{background-color: #fff;padding: 160px 0;overflow: visible}
.eventWrap .evSection.evCon8{background-color: #0574e5;padding: 160px 0}
.eventWrap .evSection.evCon9{background-color: #001a50;padding: 160px 0 200px}
.eventWrap .evSection.evCon10{background-color: #313b54;background: #313b54 url(https://img.megagong.net/m/2023/0627_kimchanghun/con_img19.jpg) no-repeat center 100%;padding: 160px 0 140px}

.eventWrap .tit_point{margin: 0 0 50px;font-size: 20px}

.evCon1 .stit{text-align: left;position: absolute;top: 150px;left: -10px;z-index: 1}
.evCon1 .tiny_noti{position: absolute;bottom: 132px;left: 0;text-align: center;width: 100%;line-height: 1.7;color: #698dcb;z-index: 1;letter-spacing: 0}
.evCon1 h3{position: absolute;bottom: 185px;left: -47px;width: 1170px}
.evCon1 h3 a{position: absolute;bottom: 12%;right: 0;width: 4%;font-size: 0;height: 22%;background: #000;opacity: 0}
.evCon1 .tea{margin: 0 -50px}

.evCon2 .inner{padding: 160px 0 0}
.evCon2 .charact_wrap{position:relative;display: flex;margin: 0 -45px}
.evCon2 .charact_wrap .item{position:relative;text-align: center;flex: 1;background: url('https://img.megagong.net/m/2023/0627_kimchanghun/con_img5.png') no-repeat center;height: 344px;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff}
.evCon2 .charact_wrap .item span{display: block}
.evCon2 .charact_wrap .item strong{display: block;font-size: 42px;padding: 10px 0 0;font-weight: 900}
.evCon2 .charact_wrap .item strong sup{vertical-align: top;font-size: 20px;margin: 4px 0 0 1px;display: inline-block}
.evCon2 .tiny_noti{text-align: right;color: #6d8acc;line-height: 1.7;padding: 35px 0 0}


.evCon10 .comment_slider .slick-arrow {position: absolute;top: 50%;transform: translate(0, -50%);width: 40px;height: 62px;font-size: 0;background-repeat: no-repeat;background-position: center;z-index: 1} 
.evCon10 .comment_slider .slick-arrow.slick-prev {left: -30px;background-image: url('https://img.megagong.net/m/2023/0620_duck/left_1.png')} 
.evCon10 .comment_slider .slick-arrow.slick-next {right: -30px;background-image: url('https://img.megagong.net/m/2023/0620_duck/left_2.png')} 



.evCon3 .tit_point, .evCon10 .tit_point{color: #bbc7f7}
.evCon3 .tit_point span{display: block;font-size: 16px;padding: 0 0 20px;font-weight: 200}


.evCon3 .comment_slider{margin: 0 -435px 0}
.evCon3 .comment_slider .slick-arrow{display:none !important}
.evCon3 .comment_slider .item .txt{background: url(https://img.megagong.net/m/2023/0627_kimchanghun/con_img6.png) no-repeat center 0;height: 430px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 20px 20px;line-height: 1.5;width: 380px}
.evCon3 .comment_slider .item .txt span{background:#ededed;display: inline-block;padding: 2px 15px;font-size: 14px;border-radius: 50px;margin: 20px 0 0}


.evCon4 .book_slider{margin: 0 -30px}
.evCon4 .book_slider .item{padding: 30px 30px 50px}
.evCon4 .book_slider .item img{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);margin: 0 0 32px}
.evCon4 .book_slider .item i{position: absolute;top: 1px;right: 0px}
.evCon4 .book_slider .item i img{box-shadow: none}
.evCon4 .book_slider .item .info{display:block}
.evCon4 .book_slider .item .info strong{display:block;font-weight: 900;padding: 0 0 10px;font-size: 22px}
.evCon4 .book_slider .item .info strong.color1{color:#e7230d}
.evCon4 .book_slider .item .info strong.color2{color:#009cc4}
.evCon4 .book_slider .item .info strong.color3{color:#4d81bd}
.evCon4 .tiny_noti{text-align: right;color: #4d81bd;line-height: 1.7;padding: 0}



.evCon5 .con_tit .tiny,
.evCon6 .con_tit .tiny{padding: 0 0 15px;color: #000}

.evCon5 .vdo_wrap+.system_wrap{margin: 180px 0 60px}
.evCon5 .system_wrap{position: relative;background: #fff;border: 2px solid #000;margin: 100px 0 50px}
.evCon5 .system_wrap h5{background: linear-gradient(90deg, rgba(6,118,230,1) 0%, rgba(2,27,120,1) 100%);color: #fff;font-size: 24px;padding: 10px 40px;line-height: 1;display: inline-block;border-radius: 30px;position: relative;margin: 0px 0 0;top: -21px}
.evCon5 .system_wrap .question{padding: 15px 0 0;font-weight: 900;font-size: 26px;margin: 0 0 20px}
.evCon5 .system_wrap ol{font-size: 22px;display: flex;justify-content: center;flex-direction: column;display: inline-flex;padding: 0 0 50px}
.evCon5 .system_wrap ol li{position: relative;display: inline-flex;justify-content: center}
.evCon5 .system_wrap ol li+li{margin-top: 5px}
.evCon5 .system_wrap ol li.on{font-weight: bold}
.evCon5 .system_wrap ol li.on span{position: relative;display: inline-block}
.evCon5 .system_wrap ol li.on::before{content:'';position: absolute;top: -15px;left: -2px;width: 36px;height: 36px;background: url(https://img.megagong.net/m/2023/0627_kimchanghun/con_img16.png) no-repeat 0 0}
.evCon5 .vdo_wrap{display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: center;margin: 0 -24px 0 0}
.evCon5 .vdo_wrap .eventVideo{width: 54%;margin: 10px 0 0}
.evCon5 .vdo_wrap .info{width: 46%}
.evCon5 .vdo_wrap .info p{font-size: 22px}
.evCon5 .vdo_wrap .info .point{font-weight: bold;color: #3676f2;padding: 20px 0 0}
.evCon5 .charact_wrap{position: relative;display: flex;flex-direction: row;justify-content: center;align-items: flex-start;margin: 0 -80px 70px 0}
.evCon5 .charact_wrap .item{width:40%}
.evCon5 .charact_wrap .item + .item{width:60%}
.evCon5 .charact_wrap .item p{text-align: center;font-size: 23px;font-weight: bold}
.evCon5 .charact_wrap .item + .item p{color: #3375ed}
.evCon5 .charact_wrap + p{font-size: 22px}
.evCon5 .charact_wrap + p strong{display: block;color: #3375ed}



.evCon6 h5{position:relative;text-align: left;font-size: 18px;padding: 25px 0 0 26px;margin: 0 0 20px}
.evCon6 h5::before{content:"";position:absolute;top: 29px;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}
.evCon6 .curr_wrap{position: relative;overflow: hidden}
.evCon6 .curr_wrap .hot_point{position: absolute;bottom: 0;left: 25%;border: 3px solid #3377f6;width: 25%;height: 192px}
.evCon6 .curr_wrap .hot_point span{position: absolute;top: -15px;right: -19px;width: 44px;height: 44px;background: #3377f6;color: #fff;line-height: 1;padding: 23px 0 0;font-size: 12px;font-weight: normal;border-radius: 100%;background: #3377f6 url(https://img.megagong.net/m/2023/0627_kimchanghun/con_img17.png) no-repeat center 6px;letter-spacing: 0}
.evCon6 .curr_wrap table{background-color: #fff;border-top: 2px solid #000;border-bottom: 2px solid #000;color: #444;font-size: 14px;width: calc(100% + 2px);margin: 0 0 0 -1px}
.evCon6 .curr_wrap table.for_mo{display: none}
.evCon6 .curr_wrap table th, 
.evCon6 .curr_wrap table td{border: 1px solid #cdccca;padding: 15px 5px;font-weight: normal}
.evCon6 .curr_wrap table td.hot{background:#eaf1fe}
.evCon6 .curr_wrap table th strong{display:block}
.evCon6 .curr_wrap table thead tr th{background: #fef0ed;border-bottom: 0;font-weight: bold}
.evCon6 .curr_wrap table.for_mo thead tr th{font-weight: normal}
.evCon6 .curr_wrap table tbody tr th{background: #f2f2f2}




/* event */
.evCon8 { padding: 140px 0 150px 0; background-color: #11c1cc; } 
.evCon8 .con_tit {margin-bottom: 25px;color: #001a50} 
.evCon8 .con_tit i, .evCon9 .con_tit i {font-style: normal;font-size: 20px;position: absolute;top: 0;right: 0} 
.evCon8 .bigt span{color:#fff;display:block}
.evCon8 .tit_point{color:#fff}
.evCon8 .gift {display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin: 100px 25px 80px 25px;color: #adcaff} 
.evCon8 .gift span{display:block}
.eventBoard .evtBoard_common .evtBoard_inner{background: #1845a3}
.evCon8 .container_info {margin: 0 40px;margin-bottom: 100px;color: #000000;font-size: 20px;background-color: #fff} 
.evCon8 .container_info .info .info_title { margin-right: 6px; } 
.evCon8 .container_info .info .info_title::after { display: none; } 
.evCon8 .container_info .info .info_date { font-weight: bold; } 
.evCon8 .container_info .info .noti {color: #0574e5;font-size: 14px} 
.evCon8 .evtBoard_common { background-color: #fff; } 
.evCon8 .eventBoard .bubble { display: block; } 
.evCon8 .eventBoard .radio_list {display: flex;flex-direction: row;align-items: center;justify-content: center;margin-top: 11px;margin: 0 0 20px -19px} 
.evCon8 .eventBoard .radio_list li {flex: 1;margin-left: 20px;overflow: hidden;background: #fff;border-radius: 10px} 
.evCon8 .eventBoard .radio_list li label {position: relative;display: flex;width: 185px;height: 145px;margin-left: 0;color: #222;font-size: 14px;font-weight: 400;text-align: center;font-family: 'NotoSans KR';/* border: 1px solid #a3a3a3; */border-radius: 30px;cursor: pointer;flex-direction: column;flex-wrap: nowrap;line-height: 1.2;align-content: center;font-size: 16px;justify-content: center;align-items: center;padding: 11px 0 0} 
.evCon8 .eventBoard .radio_list li label .point {position: relative;display: inline-block;font-weight: 900;width: 90px;height: 24px;line-height: 23px;background: #ff6a6a;font-weight: 200;color: #fff;border-radius: 30px;font-size: 14px;position: absolute;top: 25px;left: 050%;margin: 0 0 0 -45px} 
.evCon8 .eventBoard .radio_list li:nth-of-type(2) label .point {background: #a96aff} 
.evCon8 .eventBoard .radio_list li:nth-of-type(3) label .point {background: #3377f6} 
.evCon8 .eventBoard .radio_list li:nth-of-type(4) label .point {background: #5bc465} 
.evCon8 .eventBoard .radio_list li:nth-of-type(5) label .point {background: #f4aa28} 
.evCon8 .eventBoard .radio_list li label strong{font-weight: 900}
.evCon8 .eventBoard .radio_list li label strong br.mo{display:none}
.evCon8 .eventBoard .radio_list li label i{position: absolute;bottom: 20px;left: 50%;width: 18px;height: 18px;background: #d0d0d0;border-radius: 100%;margin: 0 0 0 -9px}
.evCon8 .con_box .input_radio { display: none; } 
.evCon8 .con_box .input_radio + label i::before{content:'';position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;border-radius: 100%;background: #fff;margin: -5px 0 0 -5px}
.evCon8 .con_box .input_radio:checked+label i::before{content:'';position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;border-radius: 100%;background: #0270f7;margin: -5px 0 0 -5px}
.evCon8 .evtBoard_common .board_write .inp_wrap textarea::placeholder { color: #adadad; font-size: 12px; } 
.evCon8 .evtBoard_common .board_notice li {font-size: 12px;color: #fff;opacity: 0.4} 
.evCon8 .evtBoard_common .board_list ul li .usr_info .name i {font-style: normal;font-weight: bold;background: #ff6a6a;color: #fff;font-size: 12px;font-weight: normal;line-height: 1;padding: 1px 10px;margin: 0 10px 0 0} 
.evCon8 .evtBoard_common .board_list ul li .usr_info .name i.title2{background: #a96aff} 
.evCon8 .evtBoard_common .board_list ul li .usr_info .name i.title3{background: #3377f6} 
.evCon8 .evtBoard_common .board_list ul li .usr_info .name i.title4{background: #5bc465} 
.evCon8 .evtBoard_common .board_list ul li .usr_info .name i.title5{background: #f4aa28} 


.evCon9 .bigt{color: #fff}
.evCon9 .con_tit .tiny{color: #3578fa}
.evCon9 .tit_point{color: #fff}
.evCon9 .info_and_gift {position: relative;width: 100%;padding: 60px 0 0}
.evCon9 .info_and_gift > img {position: relative;z-index: 1}
.evCon9 .info_and_gift .container_info {position: relative;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;margin: 0 53% 0 17px;padding: 0;color: #fff;font-size: 20px;z-index: 1;background-color: transparent;border-radius: 0;position: relative;text-align: left}
.evCon9 .info_and_gift .container_info .info {margin-bottom: 20px;margin-right: 0;padding: 0 0 0 25%;position: relative;width: 100%;justify-content: space-between;flex-wrap: wrap;flex-direction: row}
.evCon9 .info_and_gift .container_info .info:nth-of-type(2) {align-items: flex-start}
.evCon9 .info_and_gift .container_info .info:last-of-type {margin-bottom: 0}
.evCon9 .info_and_gift .container_info .info .info_title {font-weight: normal;text-align: left;position: absolute;top: 0;left: 0;margin: 0}
.evCon9 .info_and_gift .container_info .info .info_title::before {width: 2px;height: 16px;background-color: #fff;border-radius: 0}
.evCon9 .info_and_gift .container_info .info .info_title::after {display: none}
.evCon9 .info_and_gift .container_info .info .info_date {text-align: left;/* width: 73%; */width: 100%}
.evCon9 .info_and_gift .container_info .info .noti {color: #407bec;margin: 0 0 0 15px;display: inline-block}
.evCon9 .gift {position: absolute;top: 0;right: -20px} 

.evCon9 .evt_btn {margin-top: 60px;text-align: left}

.evCon9 .evt_btn a {display: inline-block;width: 440px;height: 80px;line-height: 80px;color: #fff;font-size: 20px;text-align: center;font-weight: bold;background: #3377f6 url(https://img.megagong.net/m/2023/0627_kimchanghun/con_img21.png) no-repeat 368px center;border-radius: 40px;padding: 0 70px 0 0;border-radius: 0}



.evCon10 .eventVideo_list{width: 1240px;margin: 0 0 0 -80px}
.eventVideo_list > li{width: 600px}

.evWarning .f_dash + .f_dash{margin-left: 15px}





@media screen and (max-width: 1200px){


    .eventWrap img{width:100%}


    .eventWrap .tiny_noti{font-size: 11px;letter-spacing: -0.1em !important;line-height: 1.2 !important}
    .eventWrap sup{vertical-align: top}
    .evSection .bigt sup{font-size: 27px}
    
    .fix_menu ul{width: 100%}
    .fix_menu ul::before{display: none}
    .fix_menu li:nth-of-type(1)::before{display:none}
    .fix_menu li i{font-size: 2vw}
    .fix_menu li a{line-height: 1.3;font-size: 2.6vw;height: 14vw;padding: 0;text-align: center}
    .fix_menu li a br.for_mo{display:block}
    
    
    .evSection .con_tit{font-size: 4vw;margin: 0 0 3%}
    .evSection .con_tit .tiny{font-size: 3.4vw;padding: 25px 0 0}
    .evSection .con_tit .tiny.top{padding: 0 0 3%}
    .evSection .bigt{font-size: 5vw}
    .evSection .bigt.wht{color:#fff}

    .eventWrap .evSection{position: relative}
    .eventWrap .evSection.evCon1{background-size: auto 100%}
    .eventWrap .evSection.evCon2{background-color: #ffffff;background: url(https://img.megagong.net/m/2023/0627_kimchanghun/con_img18.jpg) no-repeat center 100%;padding: 0 0 15%}
    .eventWrap .evSection.evCon3{padding: 15% 0}
    .eventWrap .evSection.evCon4{padding: 15% 0}
    .eventWrap .evSection.evCon5{background-color: #c2d5ff;padding: 15% 0}
    .eventWrap .evSection.evCon6{background-color: #f5f5f5;padding: 15% 0}
    .eventWrap .evSection.evCon7{padding: 15% 0}
    .eventWrap .evSection.evCon8{background-color: #0574e5;padding: 15% 0}
    .eventWrap .evSection.evCon9{padding: 15% 0}
    .eventWrap .evSection.evCon10{padding: 15% 0}
    
    .eventWrap .tit_point{margin: 0 0 6%;font-size: 2.6vw}
    
    
    
    .evCon1 .stit{width: 34%;left: 0;top: inherit;bottom: 66%}
    .evCon1 .tiny_noti{bottom: 2%;line-height: 1.2}
    .evCon1 h3{width: 100%;left: 0;margin: 0;bottom: 11%}
    .evCon1 .tea{margin: 0 3%}
    

    .evCon2 .inner{padding: 15% 0 0}
    .evCon2 .charact_wrap{margin: 0 0}
    .evCon2 .charact_wrap .item{background-size: 100%;height: 33vw;margin: 0 0.5%;font-size: 2.3vw}
    .evCon2 .charact_wrap .item strong{font-size: 5vw;padding: 3% 0 0}
    .evCon2 .charact_wrap .item strong sup{vertical-align: top;font-size: 20px;margin: 4px 0 0 1px;display: inline-block}
    .evCon2 .tiny_noti{padding: 2% 0 0;letter-spacing: -0.1em;line-height: 1.2;/* text-align: center; */opacity: 0.5}
    
    
    .evCon10 .comment_slider .slick-arrow {position: absolute;top: 50%;transform: translate(0, -50%);width: 40px;height: 62px;font-size: 0;background-repeat: no-repeat;background-position: center;z-index: 1} 
    .evCon10 .comment_slider .slick-arrow.slick-prev {left: -30px;background-image: url('https://img.megagong.net/m/2023/0620_duck/left_1.png')} 
    .evCon10 .comment_slider .slick-arrow.slick-next {right: -30px;background-image: url('https://img.megagong.net/m/2023/0620_duck/left_2.png')} 
    
    
    
    .evCon3 .tit_point span{font-size: 1em;padding: 0 0 3%}
    
    
    .evCon3 .comment_slider{margin: 0 -70vw}
    .evCon3 .comment_slider .slick-arrow{display:none !important}
    .evCon3 .comment_slider .item .txt{height: 51vw;padding: 10% 5%;line-height: 1.5;background-size: 110% 110%;font-size: 1.8vw;background-position: center;width: auto}
    .evCon3 .comment_slider .item .txt span{font-size: 0.8em;margin: 5% 0 0}
    
    
    .evCon4 .book_slider{margin: 0}
    
    .evCon4 .book_slider .item{padding: 4% 4% 0}
    .evCon4 .book_slider .item img{margin: 0 0 5%}
    .evCon4 .book_slider .item i{top: 1vw;right: -2px;width: 7%;right: 0}
    .evCon4 .book_slider .item i img{box-shadow: none}
    .evCon4 .book_slider .item .info{font-size: 1.7vw}
    .evCon4 .book_slider .item .info strong{font-size: 2vw}
    .evCon4 .book_slider .item .info strong.color1{color:#e7230d}
    .evCon4 .book_slider .item .info strong.color2{color:#009cc4}
    .evCon4 .tiny_noti{padding: 4% 0 0;opacity: 0.5}
    
    
    .evCon5 .con_tit .tiny,
    .evCon6 .con_tit .tiny{padding: 0 0 15px;color: #000}
    .evCon5 .vdo_wrap+.system_wrap{margin: 13% 0 5%}
    .evCon5 .system_wrap{margin: 10% 0 5%}
    .evCon5 .system_wrap h5{font-size: 3.2vw;padding: 1% 5%;line-height: 1;display: inline-block;border-radius: 30px;position: relative;margin: 0px 0 0;top: -2vw}
    .evCon5 .system_wrap .question{padding: 2% 0 0;font-size: 3.6vw;margin: 0 0 3%}
    .evCon5 .system_wrap ol{font-size: 3vw;padding: 0 0 5%}
    .evCon5 .system_wrap ol li{position: relative}
    .evCon5 .system_wrap ol li.on::before{background-size: 100%;width: 4vw;height: 4vw;top: -1vh}
    .evCon5 .vdo_wrap{margin: 0 -1% 0 0}
    .evCon5 .vdo_wrap .eventVideo{margin: 1% 0 0}
    .evCon5 .vdo_wrap .info{width: 46%}
    .evCon5 .vdo_wrap .info p{font-size: 2.0vw}
    .evCon5 .vdo_wrap .info .point{padding: 3% 0 0}
    .evCon5 .charact_wrap{margin: 0 -2% 7% 0}
    .evCon5 .charact_wrap .item{width: 37.3%}
    .evCon5 .charact_wrap .item + .item{width: 60.7%}
    .evCon5 .charact_wrap .item p{font-size: 2.4vw}
    .evCon5 .charact_wrap + p{font-size: 3.2vw}
    .evCon5 .charact_wrap + p strong{display: block;color: #3375ed}
    
    
    
    .evCon6 h5{font-size: 21px}
    .evCon6 h5::before{content:"";position:absolute;top: 29px;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}

    
    
    /* event */
    .evCon8 { padding: 140px 0 150px 0; background-color: #11c1cc; } 
    .evCon8 .con_tit {margin-bottom: 25px;color: #001a50} 
    .evCon8 .con_tit .evt, .evCon9 .con_tit .evt{display: block;padding: 0 31%} 
    .evCon8 .con_tit i, .evCon9 .con_tit i {width: 26%} 
    .evCon8 .bigt span{color:#fff;display:block}
    .evCon8 .gift {margin: 6% 0 10%;color: #adcaff} 
    .evCon8 .gift span{font-size: 2vw}
    .evCon8 .container_info {margin: 0;font-size: 2.6vw} 
    .evCon8 .container_info .info .info_title::after { display: none; } 
    .evCon8 .container_info .info .noti {font-size: 0.8em} 
    .evCon8 .eventBoard .bubble { display: block; } 
    .evCon8 .eventBoard .radio_list {margin: 0 0 3%;display: flex;flex-direction: row;flex-wrap: wrap} 
    .evCon8 .eventBoard .radio_list li {width: 31.3%;flex: inherit;margin: 0 1% 1.5%} 
    .evCon8 .eventBoard .radio_list li:nth-of-type(4),
    .evCon8 .eventBoard .radio_list li:nth-of-type(5){width: 48%}
    
    .evCon8 .eventBoard .radio_list li label {width: 100%;height: auto;padding: 3vw 0 5vw;font-size: 2.3vw} 
    .evCon8 .eventBoard .radio_list li label .point {font-size: 2vw;height: auto;line-height: 1;padding: 1vw 0;width: 70%;display: block;position: relative;top: inherit;left: inherit;margin: 0 0 2%} 
    .evCon8 .eventBoard .radio_list li label strong br{display:none}

    .evCon8 .eventBoard .radio_list li label i{width: 2vw;height: 2vw;margin: 0 0 0 -1vw;bottom: 1.5vw}
    .evCon8 .con_box .input_radio {} 
    .evCon8 .con_box .input_radio + label i::before{width: 1vw;height: 1vw;margin: -0.5vw 0 0 -0.5vw}
    .evCon8 .con_box .input_radio:checked+label i::before{content:'';position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;border-radius: 100%;background: #0270f7;margin: -5px 0 0 -5px}
    .evCon8 .evtBoard_common .board_write .inp_wrap textarea::placeholder { color: #adadad; font-size: 12px; } 
    .evCon8 .evtBoard_common .board_notice li {font-size: 12px;color: #fff;opacity: 0.4} 
    .evCon8 .evtBoard_common .board_list ul li .usr_info .name i {font-style: normal;font-weight: bold;background: #ff6a6a;color: #fff;font-size: 12px;font-weight: normal;line-height: 1;padding: 1px 10px;margin: 0 10px 0 0} 
    .evCon8 .evtBoard_common .board_list ul li .usr_info .name i.title2{background: #a96aff} 
    .evCon8 .evtBoard_common .board_list ul li .usr_info .name i.title3{background: #3377f6} 
    .evCon8 .evtBoard_common .board_list ul li .usr_info .name i.title4{background: #5bc465} 
    .evCon8 .evtBoard_common .board_list ul li .usr_info .name i.title5{background: #f4aa28} 
    
    
    .evCon9 .bigt{color: #fff}
    .evCon9 .con_tit .tiny{color: #3578fa}
    .evCon9 .tit_point{color: #fff}
    .evCon9 .info_and_gift {padding: 3% 0 0}
    .evCon9 .info_and_gift > img {position: relative;z-index: 1}
    .evCon9 .info_and_gift .container_info {font-size: 2.1vw;margin: 0 30% 0 3%}
    .evCon9 .info_and_gift .container_info .info {padding: 0 0 0 20%}
    .evCon9 .gift {width: 40%;right: 0} 
    
    .evCon9 .evt_btn {margin: 3% 0 0}
    
    .evCon9 .evt_btn a {width: 50%;font-size: 2.3vw;background-position: 93% center;padding: 0 7% 0 0}
    
    
    
    .evCon10 .eventVideo_list{width: 100%;margin: 0}
    .eventVideo_list > li{width: 48%;margin: 0 1% !important}
    





}



@media screen and (max-width: 992px){


    

    .clickPop{padding: 15px 0 20px}
    .dim_popup.sns .tit{font-size:22px}
    .dim_popup.sns table{font-size:12px}





}






@media screen and (max-width: 768px){


    .eventWrap br.for_mo{display: block}
    .evCon6 .curr_wrap table.for_pc{display: none}


    .evCon4 .book_slider .slick-arrow{display: none !important}
    .evCon4 .book_slider .slick-dots{margin: 7% 0 0}
    .evCon4 .book_slider .slick-dots li{background: #bfcfee} 
    .evCon4 .book_slider .slick-dots li.slick-active{background: #0239a2} 
    .evCon5 .system_wrap ol li.on::before{left: 5%}
    .evCon6 .curr_wrap table.for_mo{display: table}

    .evCon6 h5{font-size: 4vw}
    .evCon6 .curr_wrap .hot_point{bottom: 44.3%;right: 0;left: inherit;width: 54%;height: 26.3%}
    .evCon6 .curr_wrap .hot_point span{right: 3%;top: 0;margin: -3vw 0 0 0}
    .evCon6 .curr_wrap table.for_mo{font-size: 2vw}
    .evCon6 .curr_wrap table th, 
    .evCon6 .curr_wrap table td{padding: 2vw 0}



    .book_slider.sliderWrap.progressBar .slick-dots li{width: 33.3%} 


}









@media screen and (max-width: 576px){




    .fix_menu li,
    .fix_menu li:nth-of-type(2),
    .fix_menu li:nth-of-type(3){width: 17%}
    .fix_menu li:nth-of-type(4),
    .fix_menu li:nth-of-type(5){width: 23%}
    .fix_menu li a{font-size: 3.3vw;letter-spacing: -0.1em}
    .fix_menu li i{width: 12vw}
    .dim_popup.sns{width:90%}

    .evSection .con_tit .tiny{font-size: 3.6vw}
    .eventWrap .tit_point{font-size: 3.2vw}
    .evSection .bigt{font-size: 5.0vw}
    .evCon1 .tiny_noti{font-size: 10px}
    .evCon1 h3{bottom: 18%}
    .evCon2 .charact_wrap .item{font-size: 3vw}
    .evCon2 .charact_wrap .item span{font-weight: 200;line-height: 1.2}
    .evCon4 .book_slider .item .info{font-size: 3vw}
    .evCon3 .comment_slider{margin: 0 -2vw}
    .evCon3 .comment_slider .item .txt{height: 63vw}
    .evCon4 .book_slider .item .info strong{font-size: 3.1vw}


    .evCon5 .vdo_wrap+.system_wrap{margin: 13% 0 5%}
    .evCon5 .system_wrap h5{font-size: 4vw;padding: 2% 7%;font-weight: bold;top: -4vw}
    .evCon5 .system_wrap .question{padding: 0% 0 0;font-size: 4vw}
    .evCon5 .system_wrap ol{font-size: 3.6vw}
    .evCon5 .system_wrap ol li.on::before{width: 5vw;height: 5vw}
    .evCon5 .vdo_wrap{margin: 0}
    .evCon5 .vdo_wrap .eventVideo{width: 100%}
    .evCon5 .vdo_wrap .info{width: 100%;padding: 5% 0 0}
    .evCon5 .vdo_wrap .info .step{padding: 0 5%}
    .evCon5 .vdo_wrap .info p{font-size: 3.5vw}
    .evCon5 .vdo_wrap .info .point{padding: 3% 0 0}
    .evCon5 .vdo_wrap .info .point br:nth-of-type(1n){display:none}
    .evCon5 .charact_wrap{margin: 0 -2% 7% 0}
    .evCon5 .charact_wrap .item{width: 37.3%}
    .evCon5 .charact_wrap .item + .item{width: 60.7%}
    .evCon5 .charact_wrap .item p{font-size: 3.2vw}
    .evCon5 .charact_wrap + p{font-size: 3.5vw}
    .evCon5 .charact_wrap + p strong{display: block;color: #3375ed}



    .evCon6 .curr_wrap .hot_point{height: 26.5%;bottom: 43.5%;border-width: 1vw}
    .evCon6 .curr_wrap .hot_point span{font-size: 2vw;width: 8vw;height: 8vw;padding: 9% 0 0;background-position: center 7%;background-size: 32%;margin: -5vw 0 0}
    .evCon6 .curr_wrap table.for_mo{font-size: 3.0vw}


    .evCon8 .container_info{font-size: 3.5vw}
    .evCon8 .gift {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center}
    .evCon8 .gift .item:nth-child(1){width: 100%;padding: 0 25%;margin: 0 0 2%}
    .evCon8 .gift .item{width: 50%}
    .evCon8 .gift .item img{width: 83%}
    .evCon8 .gift span{font-size: 2.6vw}


    .evCon8 .container_info {margin: 0;font-size: 3.4vw} 
    .evCon8 .container_info .info .info_title::after { display: none; } 
    .evCon8 .container_info .info .noti {font-size: 0.8em} 
    .evCon8 .eventBoard .bubble { display: block; } 
    .evCon8 .eventBoard .radio_list li:nth-of-type(4),
    .evCon8 .eventBoard .radio_list li:nth-of-type(5){width: 48%}

    .evCon8 .eventBoard .radio_list li label {font-size: 3.4vw;padding: 2vw 0 6vw} 
    .evCon8 .eventBoard .radio_list li label .point {font-size: 3.2vw;width: 80%} 
    .evCon8 .eventBoard .radio_list li:nth-of-type(3) label .point {background: #3377f6} 
    .evCon8 .eventBoard .radio_list li:nth-of-type(4) label .point {background: #5bc465} 
    .evCon8 .eventBoard .radio_list li:nth-of-type(5) label .point {background: #f4aa28} 
    .evCon8 .eventBoard .radio_list li label strong br{display: block}
    .evCon8 .eventBoard .radio_list li label strong br.mo{display:block}

    .evCon8 .eventBoard .radio_list li label i{width: 3vw;height: 3vw;margin: 0 0 0 -1.5vw;bottom: 1.5vw}
    .evCon8 .con_box .input_radio + label i::before{width: 1.5vw;height: 1.5vw;margin: -0.75vw 0 0 -0.75vw}
    .evCon8 .con_box .input_radio:checked+label i::before{content:'';position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;border-radius: 100%;background: #0270f7;margin: -5px 0 0 -5px}
    .evCon8 .evtBoard_common .board_write .inp_wrap textarea::placeholder { color: #adadad; font-size: 12px; } 
    .evCon8 .evtBoard_common .board_notice li {font-size: 12px;color: #fff;opacity: 0.4} 
    .evCon8 .evtBoard_common .board_list ul li .usr_info .name i {font-style: normal;font-weight: bold;background: #ff6a6a;color: #fff;font-size: 12px;font-weight: normal;line-height: 1;padding: 1px 10px;margin: 0 10px 0 0} 
    .evCon8 .evtBoard_common .board_list ul li .usr_info .name i.title2{background: #a96aff} 
    .evCon8 .evtBoard_common .board_list ul li .usr_info .name i.title3{background: #3377f6} 
    .evCon8 .evtBoard_common .board_list ul li .usr_info .name i.title4{background: #5bc465} 
    .evCon8 .evtBoard_common .board_list ul li .usr_info .name i.title5{background: #f4aa28} 


    .evCon9 .bigt{color: #fff}
    .evCon9 .con_tit .tiny{color: #3578fa}
    .evCon9 .tit_point{color: #fff}
    .evCon9 .info_and_gift {padding: 3% 0 0}
    .evCon9 .info_and_gift > img {position: relative;z-index: 1}
    .evCon9 .info_and_gift .container_info {margin-left: 6%;font-size: 3.6vw;margin: 0 0 8% 12%}
    .evCon9 .info_and_gift .container_info .info {padding: 0 0 0 24%}
    .evCon9 .gift {position: relative;top: inherit;right: inherit;width: 100%;padding: 0 7% 0 11%;margin: 0 0 5%} 
    .evCon9 .evt_btn {margin: 3% 0 0}
    .evCon9 .evt_btn a {width: 90%;font-size: 4.2vw;background-size: 9%;padding: 5% 13% 5% 0;height: auto;display: block;line-height: 1;margin: 0 auto}

    .evCon10 .eventVideo_list{padding: 0 6%}
    .eventVideo_list > li{width: 100%;margin: 0 !important}

    .evtBoard_common .paging{padding: 10px 0 10px}

}/* E: °øÀ¯ÇÏ±â ÀÌº¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */

.warningList li ul li a.tp1{background-color:#000; color:#fff}