@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */

/* S: °øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */

.eventWrap{font-size: 16px;}


/* popup */
.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 popup */
.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}


.flt_inner.renewal li.top{margin: 0}


.evSection .con_tit{font-size: 42px;margin: 0 0 80px;font-weight: 900}
.evSection .con_tit .tiny{display: block;font-size: 25px;padding: 25px 0 0;font-weight: bold;color: #6240ef;display: flex;flex-direction: column;align-items: center}
.evSection .con_tit .tiny.top{padding: 0 0 25px}
.evSection .con_tit .tiny i{background: linear-gradient(180deg, transparent 0%, transparent 50%, #fff503 50%, #fff503 100%);padding: 0 5px 4px;font-style: normal;margin: 0 0 3px;font-size: 0.9em;line-height: 1}
.evSection .con_tit br.for_mo{display:none}
.evSection .bigt{display:block;font-weight: 200;font-size: 40px;line-height: 1.3}
.evSection .bigt br.for_mo{display:none}
.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}
.evSection .bigt b{font-weight: bold;display: block}
.evSection h5{position: relative;font-size:20px;margin: 0 0 55px;display: flex;justify-content: center}
.evSection h5::before{content:'';display:block;position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #382683;opacity: 0.2}
.evSection h5 span{position: relative;background: #6846f5;color: #fff;line-height: 1;padding: 15px 40px;border-radius: 60px}


.eventWrap .evSection{padding: 140px 0 200px}
.eventWrap .evSection.evCon1{padding: 0;background:#1c1646 url(https://image.megagong.net/m/2023/0816_tax/con_img16.jpg) no-repeat center 0}
.eventWrap .evSection.evCon2{background: #f8f7fd;padding-bottom: 0}
.eventWrap .evSection.evCon3{background: #f8f7fd}
.eventWrap .evSection.evCon4{background: #5d3eda;padding-bottom: 210px}
.eventWrap .evSection.evCon6{background: #453f57;overflow: visible;padding-bottom: 300px}


.evCon1 h3 span{display: block}

.evCon2 .bigt{font-size:33px}
.evCon2 .graph_wrap{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;border-radius: 10px}
.evCon2 .graph_wrap.reverse{display: flex;flex-direction: row-reverse;padding: 70px 0}
.evCon2 .graph_wrap dl{flex: 1;text-align: left;padding: 0px 60px 0 0}
.evCon2 .graph_wrap.reverse dl{padding: 0 0 0 60px}
.evCon2 .graph_wrap dl dt{font-size: 1.47em;font-weight: bold;margin: 0 0 13px}
.evCon2 .graph_wrap dl dt i{display: block;width: 30px;height: 30px;background: #6846f5;color: #fff;font-style: normal;border-radius: 100%;font-size: 14px;text-align: center;line-height: 29px;letter-spacing: 0.06em;margin: 0 0 13px;padding: 0 0 0 2px}
.evCon2 .graph_wrap dl dd{opacity: 0.5;line-height: 1.5}
.evCon2 .graph_wrap + h5{margin-top:100px;margin-bottom: 50px}
.evCon2 .benefit_wrap{position: relative;margin: 0 0 180px}
.evCon2 .benefit_wrap ul{display: flex;flex-direction: row;justify-content: flex-start;padding: 0 0 0 80px}
.evCon2 .benefit_wrap ul li{margin: 0 20px 0 0}
.evCon2 .benefit_wrap ul li a{width: 210px;height: 210px;background: #fff;border-radius: 100%;display: flex;align-content: center;justify-content: center;align-items: center;flex-direction: column}
.evCon2 .benefit_wrap ul li a i{background: url(https://image.megagong.net/m/2023/0816_tax/con_img17.png) no-repeat center 0;width: 52px;height: 52px;margin: 15px 0 0}
.evCon2 .benefit_wrap .alpha{position: absolute;top: 58px;right: 70px}
.evCon2 .vdopop_btn{position: relative;background: #514c60}
.evCon2 .vdopop_btn:before{content:'';position: absolute;top: 0;left: 100%;width: 1500px;height: 100%;background: #514c60}
.evCon2 .vdopop_btn:after{content:'';position: absolute;top: 0;right: 100%;width: 1500px;height: 100%;background: #514c60}
.evCon2 .vdopop_btn a{position: relative;display: block;color: #fff}
.evCon2 .vdopop_btn span{font-size: 20px;padding: 41px 0 41px 274px;text-align: left;line-height: 1;display: flex;flex-direction: row;align-items: center}
.evCon2 .vdopop_btn span strong{margin: 0 0 0 15px;padding: 0 105px 0 0;background: url(https://image.megagong.net/m/2023/0816_tax/con_img19.png) no-repeat  100% center}
.evCon2 .vdopop_btn i{position: absolute;bottom: 0;left: 0}

.evCon3 .bigt{font-weight:bold}
.evCon3 .charact_wrap{position: relative;display: flex;align-items: stretch;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly;margin: 0 0 30px}
.evCon3 .charact_wrap h6{width: 200px;background: #453f57;color: #aea9bd;text-align: center;display: flex;flex-direction: column;align-items: flex-start;padding: 40px 0 0 30px;text-align: left;font-size: 17px;font-weight: normal;height: 245px;border-radius: 20px;justify-content: flex-start;margin: 0 10px 0 0}
.evCon3 .charact_wrap h6 span{background: url(https://image.megagong.net/m/2023/0816_tax/con_img21.png) no-repeat 0 0;padding: 35px 0 0}
.evCon3 .charact_wrap h6 strong{color: #fff;display: block;font-size: 35px;line-height: 1;padding: 15px 0 0}
.evCon3 .charact_wrap ul{display: flex;flex-direction: row;justify-content: space-between;background: #fff;border: 1px solid #d4d3d9;border-radius: 20px;width: calc(100% - 210px)}
.evCon3 .charact_wrap ul li{position: relative;width: 33.3%;display: flex;flex-direction: column;justify-content: center;align-items: center}
.evCon3 .charact_wrap ul li::before{content:'';position: absolute;top: 15%;left: 0;width: 1px;height: 70%;background: url(https://image.megagong.net/m/2023/0816_tax/con_img22.png) repeat-y 0 0}
.evCon3 .charact_wrap ul li i{margin: 0 0 0}
.evCon3 .charact_wrap ul li span{color: #8f8f8f}
.evCon3 .charact_wrap ul li span strong{color: #474457}
.evCon3 .charact_wrap ul li span br.for_mo{display:none}
.evCon3 .charact_wrap+h5{margin-top: 100px;margin-bottom: 45px}
.evCon3 .curri_wrap{position: relative;margin: 0 -9px}
.evCon3 .curri_wrap::before{content:'';background: url(https://image.megagong.net/m/2023/0816_tax/con_img23.png) no-repeat 100% 0;width: 947px;height: 113px;position: absolute;top: 50%;right: -100px;margin: -15px 0 0}
.evCon3 .curri_wrap .slick-slide{margin: 0 9px}
.evCon3 .curri_wrap .item{position: relative;padding: 44px 0 0 0}
.evCon3 .curri_wrap .item i{position: absolute;top: 0;right: 30px}

.evCon4 .con_tit .tiny{color: #bca9ff}
.evCon4 .con_tit .tiny i{background: linear-gradient(180deg, transparent 0%, transparent 50%, #442d97 50%, #442d97 100%)}
.evCon4 .bigt{font-weight:bold;color:#fff}
.evCon4 .con_box > .tab_base {display: flex;flex-direction: row;align-items: center;justify-content: center;overflow: hidden;border-bottom: 1px solid #2d2055} 
.evCon4 .con_box > .tab_base > li {flex: 1;height: 80px;margin-right: -1px;color: #b7a7ee;font-size: 20px;font-weight: 400;background-color: #4629b9;border: 1px solid #2d2055;border-radius: 20px 20px 0 0} 
.evCon4 .con_box > .tab_base > li span {margin: 0 0 0 8px} 
.evCon4 .con_box > .tab_base > li.on {position: relative;border: 1px solid #2d2055;border-bottom: none;color: #fefcff;background-color: #2d2055} 
.evCon4 .con_box > .tab_base > li.on::before {position: absolute; left: -100vw; bottom: 0; content: ''; width: 100vw; height: 1px; background-color: #000}
.evCon4 .con_box > .tab_base > li.on::after {position: absolute; right: -100vw; bottom: 0; content: ''; width: 100vw; height: 1px; background-color: #000}
.evCon4 .con_box > .tab_base > li:last-of-type {margin-right: 0}
.evCon4 .con_box > .tab_base > li a {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;height: 100%} 
.evCon4 .con_box > .panel_base {width: 100%}
.evCon4 .con_box > .panel_base .tiny_noti {display: block; text-align: right; margin-top: 7px; color: #b3b3b3; font-size: 13px}
.evCon4 .con_box > .panel_base .subj_point{color: #fff;font-size: 24px;font-weight: 200;padding: 75px 0 0;margin: 0 0 25px}
.evCon4 .con_box > .panel_base .subj_point strong{color: #ffe74a}
.evCon4 .con_box > .panel_base .tab_base {display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin: 0 215px 50px;border-radius: 70px;overflow: hidden;background: #2d2055} 
.evCon4 .con_box > .panel_base .tab_base li {display: flex;align-items: center;justify-content: center;height: 60px;color: #fff;font-size: 20px;flex: 1} 
.evCon4 .con_box > .panel_base .tab_base li.on {color: #2d2055;background-color: #fff} 
.evCon4 .con_box > .panel_base .tab_base li a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;font-weight: bold} 
.evCon4 .con_box .con_box_subtitle {margin-top: 50px; margin-bottom: 50px}
.evCon4 .con_box .con_box_subtitle .star {position: relative}
.evCon4 .con_box .con_box_subtitle .star::before {position: absolute; top: 6px; right: -7px; content: '*'; font-size: 15px}
.evCon4 .container1 {display: flex;flex-direction: row-reverse;align-items: flex-end;justify-content: space-between;margin: 0 0 70px} 
.evCon4 .container1 .eventVideo {width: 604px}
.evCon4 .container1 .teacher {position: relative}
.evCon4 .container1 .teacher .teacher_bottom {position: absolute;left: 0;bottom: 0;display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;color: #fff;line-height: 1} 
.evCon4 .container1 .teacher .teacher_bottom p {white-space: nowrap;position: relative;padding: 0 12px 0 0}
.evCon4 .container1 .teacher .teacher_bottom p::before{content:'';position: absolute;top: 50%;right: 00;height: 12px;width: 1px;background: #fff;opacity: 0.5;margin: -4px 0 0 0}
.evCon4 #tab1_2 .container1 .teacher .teacher_bottom p::before,
.evCon4 #tab1_3 .container1 .teacher .teacher_bottom p::before{display:none}
.evCon4 #tab1_2 .container1 .teacher .teacher_bottom p,
.evCon4 #tab1_3 .container1 .teacher .teacher_bottom p{padding:0}
.evCon4 .container1 .teacher .teacher_bottom a {height: 24px;margin-left: 12px;background: url(https://image.megagong.net/m/2023/0816_tax/home.png) no-repeat 0 center;padding: 3px 0 4px 28px}
.evCon4 #tab1_2 .container1 .teacher .teacher_bottom a,
.evCon4 #tab1_3 .container1 .teacher .teacher_bottom a{font-size: 0}
.evCon4 .teaCurr_wrap .tit {width: 260px;margin: 0 auto 30px;background: #2a2054;color: #fff;padding: 21px 0;line-height: 1;font-size: 22px;border-radius: 50px} 
.evCon4 .teaCurr_wrap .curr_table{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;background: #fff;border: 1px solid #2a2054;border-width: 1px 1px 1px 0;align-items: stretch;justify-content: space-between}
.evCon4 .teaCurr_wrap .curr_table .item{position: relative;display: flex;flex-wrap: nowrap;border-left: 1px solid #29204d;align-items: stretch;flex-direction: column;width: 25%}
.evCon4 .teaCurr_wrap .curr_table .item .c_tit{display: block;background: #462bb0;color: #fff;font-weight: normal;line-height: 1;padding: 22px 0;border-bottom: 1px solid #29204d}
.evCon4 .teaCurr_wrap .curr_table .item .c_info{position: relative;display: block;display: flex;justify-content: center;align-items: center;padding: 22px 0;color: #53525a;font-weight: normal;flex-direction: row;align-content: space-between;height: 70px}
.evCon4 .teaCurr_wrap .curr_table .item .c_info br.for_mo{display:none}
.evCon4 .teaCurr_wrap .curr_table .item .c_info+.c_info{border: 1px solid #462bb0;border-width: 1px 0 0}
.evCon4 .teaCurr_wrap .curr_table .item .c_info i{display: inline-block;width: 50px;height: 50px;background: #f7a03f;color: #fff;border-radius: 100%;font-style: normal;font-size: 13px;line-height: 1.2;padding: 10px 0 0;vertical-align: middle;margin: 0 0 0 10px;font-weight: bold}
.evCon4 .teaCurr_wrap.t_777jjj .curr_table .item .c_info:not(.c_i) i{/* position: absolute; *//* top: 50%; *//* left: 50%; *//* margin: -25px 0 0 40px; */}

.evCon4 .teaCurr_wrap.t_charlie97 .curr_table .item:nth-of-type(1) .c_info{height: calc(70px*2)}
.evCon4 .teaCurr_wrap.t_charlie97 .curr_table .item{width: 21%}
.evCon4 .teaCurr_wrap.t_charlie97 .curr_table .item:nth-of-type(1){width: 37%}
.evCon4 .teaCurr_wrap.t_avantage78 .curr_table .item:nth-of-type(2) .c_info, 
.evCon4 .teaCurr_wrap.t_avantage78 .curr_table .item:nth-of-type(3) .c_info, 
.evCon4 .teaCurr_wrap.t_avantage78 .curr_table .item:nth-of-type(4) .c_info{height: calc(210px/2)}

.evCon4 .teaCurr_wrap.t_avantage78 .curr_table .item{width: 24.333%}
.evCon4 .teaCurr_wrap.t_avantage78 .curr_table .item:nth-of-type(1){width: 27%}


.evCon4 .teaCurr_wrap.t_lhmlyslove .curr_table .item{width: 21%}
.evCon4 .teaCurr_wrap.t_lhmlyslove .curr_table .item:nth-of-type(1){width: 37%}
.evCon4 .teaCurr_wrap.t_lhmlyslove .curr_table .item:nth-of-type(1) .c_info,
.evCon4 .teaCurr_wrap.t_lhmlyslove .curr_table .item:nth-of-type(2) .c_info{height:calc(70px*4)}
.evCon4 .teaCurr_wrap.t_lhmlyslove .curr_table .item:nth-of-type(3) .c_info:nth-of-type(3){height:calc(70px*2)}
.evCon4 .teaCurr_wrap.t_777jjj .curr_table .item:nth-of-type(3){width:50%}
.evCon4 .teaCurr_wrap .curr_table .item:nth-of-type(1) .c_info{}

.evCon6 .con_tit .tiny{color: #9b96ac}
.evCon6 .con_tit .tiny i{background: linear-gradient(180deg, transparent 0%, transparent 50%, #211b35 50%, #211b35 100%)}
.evCon6 .bigt{font-weight:bold;color:#fff}

.evCon6 .tab_base {display: flex;flex-direction: row;align-items: center;justify-content: center;overflow: hidden;margin: 0 0 40px;border-bottom: 1px solid #29243a} 
.evCon6 .tab_base > li {flex: 1;height: 80px;margin-right: -1px;color: #9593a0;font-size: 22px;font-weight: 400;background-color: #6a6778;border: 1px solid #29233b;border-radius: 20px 20px 0 0} 
.evCon6 .tab_base > li span {margin: 0 0 0 8px} 
.evCon6 .tab_base > li.on {position: relative;border: 1px solid #29243a;border-bottom: none;color: #fff;background-color: #29243a} 
.evCon6 .tab_base > li.on::before {position: absolute; left: -100vw; bottom: 0; content: ''; width: 100vw; height: 1px; background-color: #000}
.evCon6 .tab_base > li.on::after {position: absolute; right: -100vw; bottom: 0; content: ''; width: 100vw; height: 1px; background-color: #000}
.evCon6 .tab_base > li:last-of-type {margin-right: 0}
.evCon6 .tab_base > li a {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;height: 100%} 

.lecture {padding-bottom: 0 !important}
.lecTab_wrap, .teaTab_wrap, .stepTab_wrap{background: #453f57;border-top: 1px solid #534d65 !important;border: 1px solid #534d65;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif}
.lecture .chrarea{background: #453f57}
.lecture .conditionSearch_wrap{display: none}
.lecture .lectlist{margin: 20px 0 0;background: #fff}
.vodchr_banner {margin-bottom: 0}
.lectlist .lect_item:last-child {border-bottom: 1px solid #ccc}
.lecTab_wrap > div, .teaTab_wrap > div, .stepTab_wrap > div {text-align: left}
.conditionSearch_wrap .condition_btn {display: none}








.lecTab_wrap > div .tit,.teaTab_wrap > div .tit,.stepTab_wrap > div .tit {background: #2b263c;color: #9b97a6}
.lecTab_wrap > div ul li,.teaTab_wrap > div ul li,.stepTab_wrap > div ul li {position: relative}
.lecTab_wrap > div ul li::before, .teaTab_wrap > div ul li::before, .stepTab_wrap > div ul li::before{content:'';position: absolute;top: 50%;right: 0;width: 1px;height: 14px;margin: -7px 0 0 0;background: #fff;opacity: 0.3}
.lecTab_wrap > div ul li:last-child::before, .teaTab_wrap > div ul li:last-child::before, .stepTab_wrap > div ul li:last-child::before{display:none}
.lecTab_wrap > div ul li.on button span,.teaTab_wrap > div ul li.on button span,.stepTab_wrap > div ul li.on button span {background: unset !important}
.lecTab_wrap > div ul li.on:hover button span,.teaTab_wrap > div ul li.on:hover button span,.stepTab_wrap > div ul li.on:hover button span {background: unset !important}
.lecTab_wrap > div ul li button,.teaTab_wrap > div ul li button,.stepTab_wrap > div ul li button {color: #9b97a6;font-weight: bold;font-size: 15px;padding: 5px 20px}


[class*=mg_popup_wrap].popupYoutube1 .content_area .content_inner{padding: 0}



.popupYoutube1 .video_area.youtube {height: 0;padding: 0 0 56.5% 0;position: relative;}
.popupYoutube1 .video_area.youtube iframe {width: 100%;position: absolute;height: 100%}


.evCon3 .curri_wrap .slick-arrow {display: none !important}
.evCon3 .curri_wrap .slick-dots {text-align: center;padding: 10px 0 0}
.evCon3 .curri_wrap .slick-dots li {display: inline-block;width: 7px;height: 7px;text-indent: -9999px;border-radius: 100%;margin: 0 5px 0 0;background-color: #999}
.evCon3 .curri_wrap .slick-dots li:last-child {margin: 0 0}
.evCon3 .curri_wrap .slick-dots li.slick-active {background: #000}

.detail_view[class*=mg_popup_wrap] .content_area .content_inner{padding: 0;}








@media screen and (max-width: 1200px){





    .eventWrap{font-size: 13px;}

    .eventWrap img{width:100%}

    .eventWrap .evSection{padding:15% 0 15%}
    .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}

    .evSection .con_tit{font-size: 4vw;margin: 0 0 7%}
    .evSection .con_tit .tiny{font-size: 2.8vw;padding: 25px 0 0}
    .evSection .bigt{font-size: 3vw}
    .evSection .bigt.wht{color:#fff}
    .evSection h5{font-size: 2.3vw;margin: 0 0 5%}
    .evSection h5 span{padding: 2% 7%}

    .eventWrap .evSection.evCon6{padding-bottom: 25%}

    .evCon1 h3{padding: 0 7%}
    .evCon1 h3 span{padding: 0 30%}

    .evCon2 .graph_wrap.reverse{padding: 8% 0}
    .evCon2 .graph_wrap .graph{width: 42%}
    .evCon2 .graph_wrap dl{font-size: 1.9vw;padding: 0}
    .evCon2 .graph_wrap.reverse dl{padding: 0 0 0 2%}
    .evCon2 .graph_wrap dl dt{font-size: 1.2em}
    .evCon2 .graph_wrap dl dt i{width: 4vw;height: 4vw;font-size: 0.7em;line-height: 4vw;margin: 0 0 2%}
    .evCon2 .graph_wrap + h5{margin-top: 10%;margin-bottom: 5%}
    .evCon2 .benefit_wrap{margin: 0 0 15%}
    .evCon2 .benefit_wrap ul{padding: 0;justify-content: space-between}
    .evCon2 .benefit_wrap ul li{margin: 0 1%;flex: 1}
    .evCon2 .benefit_wrap ul li a{width: 100%;height: 28vw;font-size: 2vw}
    .evCon2 .benefit_wrap .alpha{position: relative;top: unset;right: unset;padding: 5% 40% 0}
    .evCon2 .vdopop_btn{margin: 0 -3% 0}
    .evCon2 .vdopop_btn:before,
    .evCon2 .vdopop_btn:after{display:none}
    .evCon2 .vdopop_btn a{padding: 0}
    .evCon2 .vdopop_btn span{padding: 5% 0 5% 33%;display: flex;flex-direction: column;align-items: flex-start;font-size: 2.5vw}
    .evCon2 .vdopop_btn span strong{display: block;margin: 2% 0 0;padding: 0 17% 0 0;background-size: auto 80%}
    .evCon2 .vdopop_btn i{width: 21%;left: 7%}


    .evCon3 .bigt{font-weight:bold}
    .evCon3 .charact_wrap{display: flex;flex-direction: column;align-items: stretch;align-content: space-between;margin: 0 0 20px}
    .evCon3 .charact_wrap h6{width: 100%;margin: 0 0 10px;padding: 0;text-align: center;display: flex;flex-direction: column;align-items: center;height: auto;padding: 20px 0;font-size: 2vw}
    .evCon3 .charact_wrap h6 br{display:none}
    .evCon3 .charact_wrap h6 span{padding: 0 0 0 30px;margin: 0 0 10px -30px;background-size: 25px}
    .evCon3 .charact_wrap h6 strong{line-height: 1;font-size: 1.5em;padding: 0}
    .evCon3 .charact_wrap ul{width: 100%;font-size: 1.8vw}
    .evCon3 .charact_wrap ul li{padding: 25px 0}
    .evCon3 .charact_wrap ul li i{width: 31%}
    .evCon3 .charact_wrap+h5{margin-top: 10%;margin-bottom: 2%}
    .evCon3 .curri_wrap{padding: 1% 0 0;margin: 0}
    .evCon3 .curri_wrap::before{right: 0;top: 0;margin: 0;height: 9vw;width: 100%;background-size: 97% 100%;background-position: center}
    .evCon3 .curri_wrap .item{padding: 4vw 0.5vw 0}
    .evCon3 .curri_wrap .item i{right: 10px;width: 6vw}

    .eventWrap .evSection.evCon4{padding-bottom:15%}
    .evCon4 .con_box > .tab_base > li{font-size: 2.4vw;height: 9vw}
    .evCon4 .con_box > .panel_base .tiny_noti {margin-right: 2%}
    .evCon4 .container1 .eventVideo {width: 60%;height: auto}
    .evCon4 .container1 .teacher {width: 39%}
    .evCon4 .container2 .container2_title .text {font-size: 28px}
    .evCon4 .container2 .container2_box .box .title {font-size: 18px}
    .evCon4 .container2 .container2_box .box p {font-size: 14px}
    .evCon4 .con_box > .panel_base .subj_point{font-size: 3vw;padding: 7% 0 0;margin: 0 0 5%}

    .evCon4 .teaCurr_wrap .tit {margin-bottom: 8%;font-size: 2.6vw;margin: 0 27% 3%;width: auto;padding: 2% 0%} 
    .evCon4 .teaCurr_wrap .curr_table{display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start;font-size: 17px}
    .evCon4 .teaCurr_wrap .curr_table .item{width: 100% !important}
    .evCon4 .teaCurr_wrap .curr_table .item .c_tit{position: relative;bottom: unset;left: unset;height: auto;padding: 16px 0;display: block;width: 100%}
    .evCon4 .teaCurr_wrap .curr_table .item .c_info{height: 75px !important;font-size: 0.9em;display: flex;flex-direction: column-reverse;padding: 0;border: 1px solid #462bb0 !important;border-width: 1px 0 0 1px !important;width: 100%}
    .evCon4 .teaCurr_wrap .curr_table .item .c_info i{width: 80px;height: 20px;border-radius: 10px;margin: 0 0 3px;padding: 3px 0;}
    .evCon4 .teaCurr_wrap.t_777jjj .curr_table .item .c_info:not(.c_i) i{/* position: relative; *//* top: unset; *//* left: unset; *//* margin: 0 0 3px; */}
    .evCon4 .teaCurr_wrap .curr_table .item .c_info i br{display:none}
    .evCon4 .teaCurr_wrap .curr_table .item{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch}
    .evCon4 .teaCurr_wrap .curr_table .item.span3 .c_info{width: 33.333%}
    .evCon4 .teaCurr_wrap .curr_table .item.span2 .c_info{width: 50%}


    .evCon6 .tab_base {margin: 0 0 20px} 
    .evCon6 .tab_base > li{font-size: 2.4vw;height: 9vw}

    .lecTab_wrap > div ul li button, .teaTab_wrap > div ul li button, .stepTab_wrap > div ul li button{font-size: 13px}









}







@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}

    .evCon4 .con_box > .panel_base .tiny_noti {font-size: 11px}
    .evCon4 .con_box .con_box_subtitle .star::before {top: 5px; right: -6px; font-size: 12px}
    .evCon4 .con_box > .panel_base .tab_base {margin: 0 20% 5%} 
    .evCon4 .con_box > .panel_base .tab_base li {height: 7vw;font-size: 2.4vw} 
    .evCon4 .container2 .container2_title .text {font-size: 24px}








}








@media screen and (max-width: 768px){





    .evCon4 .con_box .con_box_subtitle .star::before {top: 3px; right: -5px; font-size: 10px}
    .evCon4 .container2 {margin-top: 60px}
    .evCon4 .container2 .container2_title {margin-bottom: 30px; }
    .evCon4 .container2 .container2_title .text {font-size: 20px}
    .evCon4 .container2 .container2_box .box .title {font-size: 16px}
    .evCon4 .container2 .container2_box .box p {font-size: 12px; letter-spacing: -1px}
    .evCon4 .container2 .container2_box .box:last-of-type::before {left: -26px; width: 30px; height: 30px}
    .evCon3 .curri_wrap{padding: 0 10vw}
    .evCon3 .curri_wrap::before{top: 36vw;background-size: 100% 100%}
    .evCon3 .curri_wrap .item i{width: 9vw}
        
    .evCon6 .tab_base li a .mo {display: block}
    .evCon6 .tab_base li a strong {font-size: 16px}


    .mfp-zin.mfp-ready .z-anim.detail_view{padding: 0;width: 80%;}




}







@media screen and (max-width: 576px){





    .dim_popup.sns{width:90%}



    .evSection .con_tit .tiny{font-size: 4.2vw}
    .evSection .con_tit .tiny.top{padding: 0 0 10px}
    .evSection .con_tit br.for_mo{display:block}
    .eventWrap .tit_point{font-size: 3.2vw}
    .evSection .bigt{font-size: 4.6vw}
    .evSection .bigt br{display:none}
    .evSection .bigt br.for_mo{display:block}

    .eventWrap .evSection.evCon6{padding-bottom: 35%}

    .evSection h5{font-size: 3.8vw;font-weight: normal}
    .evSection h5 span{padding: 3% 9% 3%}

    .evCon1 h3{padding: 0 4%}
    .evCon1 h3 span{padding: 0 24%}

    .evCon2 .graph_wrap{display: flex;flex-direction: column-reverse}
    .evCon2 .graph_wrap.reverse{padding: 9% 0;display: flex;flex-direction: column-reverse}
    .evCon2 .graph_wrap .graph{width: 90%;margin: 0 0 3%}
    .evCon2 .graph_wrap dl{font-size: 3.4vw;padding: 0;width: 100%}
    .evCon2 .graph_wrap.reverse dl{padding: 0 0 0 2%}
    .evCon2 .graph_wrap dl dt{font-size: 1.2em;margin: 0 0 5px;text-align: center}
    .evCon2 .graph_wrap dl dt i{width: 6vw;height: 6vw;line-height: 6vw;display: inline-block;margin: -3px 10px 0 0;vertical-align: middle}
    .evCon2 .graph_wrap dl dd{text-align: center}
    .evCon2 .graph_wrap + h5{margin-top: 10%;margin-bottom: 5%}
    .evCon2 .benefit_wrap ul li a{font-size: 3.3vw}
    .evCon2 .benefit_wrap ul li a i{background-size: 100%;width: 10vw;height: 10vw;margin: 3% 0 0}
    .evCon2 .benefit_wrap .alpha{padding: 5% 37% 0}
    .evCon2 .vdopop_btn:before,
    .evCon2 .vdopop_btn:after{display:none}
    .evCon2 .vdopop_btn span{padding: 6% 4% 6% 29%;font-size: 3.5vw}
    .evCon2 .vdopop_btn span strong{display: block;margin: 4% 0 0;padding: 0 14% 0 0;background-size: auto 65%}
    .evCon2 .vdopop_btn i{left: 4%}


    .evCon3 .bigt{font-weight:bold}
    .evCon3 .charact_wrap h6{border-radius: 10px;font-size: 3.4vw;padding: 13px 0 15px;margin: 0 0 5px}
    .evCon3 .charact_wrap h6 br{display:none}
    .evCon3 .charact_wrap h6 span{padding: 0 0 0 25px;margin: 0 0 4px -25px;background-size: 5vw}
    .evCon3 .charact_wrap h6 strong{font-size: 1.3em;font-weight: normal}
    .evCon3 .charact_wrap ul{font-size: 3.2vw}
    .evCon3 .charact_wrap ul li{padding: 15px 0}
    .evCon3 .charact_wrap ul li i{width: 53%}
    .evCon3 .charact_wrap ul li span br{display:none}
    .evCon3 .charact_wrap ul li span br.for_mo{display:block}
    .evCon3 .charact_wrap+h5{margin-top: 10%;margin-bottom: 2%}
    .evCon3 .curri_wrap{padding: 2vw 19vw 0}
    .evCon3 .curri_wrap::before{height: 12vw}
    .evCon3 .curri_wrap .item{padding: 4vw 0.5vw 0}
    .evCon3 .curri_wrap .item i{right: 10px;width: 12vw}
    .evCon3 .curri_wrap .slick-slide{margin:0}
        
    .evCon4 .con_box > .tab_base > li {font-size: 3.4vw;height: 18vw} 
    .evCon4 .con_box > .tab_base > li a{display: flex;flex-direction: column}
    .evCon4 .con_box > .tab_base > li span {font-size: 1.1em;margin: 0} 
    .evCon4 .con_box > .panel_base .subj_point{font-size: 3.8vw}
    .evCon4 .con_box > .panel_base .tiny_noti {font-size: 9px}
    .evCon4 .con_box > .panel_base .tab_base {margin-top: 9px}
    .evCon4 .con_box > .panel_base .tab_base li {font-size: 3.8vw;height: 10vw} 
    .evCon4 .con_box .con_box_subtitle {margin-top: 25px}
    .evCon4 .con_box .con_box_subtitle .star::before {top: 1px; right: -4.5px; font-size: 9px}
    .evCon4 .container1 {flex-direction: column-reverse;margin: 0 0 10%;align-items: center} 
    .evCon4 .container1 .eventVideo {width: 100%}
    .evCon4 .container1 .teacher {width: 65%;margin-bottom: 15px}
    .evCon4 .container1 .teacher .teacher_bottom a {padding: 5px 0 3px 28px}
    .evCon4 .container2 {margin-top: 35px}
    .evCon4 .container2 .container2_title .text {font-size: 14px}
    .evCon4 .container2 .container2_box {flex-direction: column}
    .evCon4 .container2 .container2_box .box {width: 100%; height: 100px; margin-right: 0}
    .evCon4 .container2 .container2_box .box:last-of-type {margin-top: 15px}
    .evCon4 .container2 .container2_box .box:last-of-type::before {left: 50%; top: -20px; transform: translate(-50%, 0); width: 25px; height: 25px}
    .evCon4 .teaCurr_wrap .curr_table{font-size: 13px}
    .evCon4 .teaCurr_wrap .curr_table .item .c_tit{padding: 10px 0}
    .evCon4 .teaCurr_wrap .curr_table .item .c_info{height: auto !important;padding: 8px 0;position: relative;font-size: 1em}
    .evCon4 .teaCurr_wrap .curr_table .item .c_info i{width: 59px;height: 21px;font-size: 0.9em;padding: 0;line-height: 20px}
    .evCon4 .teaCurr_wrap .curr_table .item .c_info i br{display:none}
    .evCon4 .teaCurr_wrap .curr_table .item{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch}
    .evCon4 .teaCurr_wrap .tit{font-size: 15px;margin: 0 20% 3%;padding: 4% 0}
    .evCon4 .teaCurr_wrap .curr_table .item .c_info br.for_mo{display:block}


    .evCon6 .tab_base > li{font-size: 3.4vw;height: 10vw}
    .evCon6 .tab_base li a strong {font-size: 4vw}


    .lecTab_wrap > div ul li button, .teaTab_wrap > div ul li button, .stepTab_wrap > div ul li button{padding: 3px 6px}



    .mfp-zin.mfp-ready .z-anim.detail_view{width: 88%;}
    .detail_view[class*=mg_popup_wrap] button.mfp-close, .detail_view[class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] .mg_popup_close.rect{top:0}


    #footer{padding-bottom: 250px;}

    

}






/* E: °øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */

.warningList li ul li a.tp1{background-color:#000; color:#fff}