@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 */

:root { --pt-color:#1f7fbf; --pt-gradi-color:linear-gradient(to right, #3ea0df 0%, #0563a4 100%) !important; } 

br.for_mo { display:none; } 
br.for_576 { display:none; } 

/* S:°øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
/* 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:26px; 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 .outlink { position: relative; } 
.flt_inner.renewal .outlink a { position: absolute; bottom: 12%; left: 11%; width: 38%; height: 23%; background: #000; opacity: 0; } 
.flt_inner.renewal .outlink a + a { left: 51%; } 

.eventWrap .evSection { position:relative } 
.eventWrap .evSection.evCon1 { background-color:#adadad; padding:0 0 0; background:url('https://image.megagong.net/m/2023/1116_charlie97/con_img1.jpg') no-repeat center 0 } 
.eventWrap .evSection.evCon2 { padding:160px 0; background: #f8f8f8; border-bottom: 1px solid #e6e6e6; } 
.eventWrap .evSection.evCon3 { padding:160px 0; } 
.eventWrap .evSection.evCon4 { padding:160px 0; background: #e8eef8; } 
.eventWrap .evSection.evCon5 { background-color: #e8eef8; padding:160px 0; overflow: visible; } 
.eventWrap .evSection.evCon6 { background-color:#fff; padding:160px 0; overflow:visible; } 
.eventWrap .evSection.evCon7 { background-color:#e8eef8; padding:160px 0; } 
.eventWrap .evSection.evCon8 { background-color:#343d43; padding:160px 0 } 
.eventWrap .evSection.evCon9 { background-color:#2e518a; padding: 80px 0; } 


.evSection .con_tit { font-size: 20px; margin: 0 0 60px; font-weight:900 } 
.evSection .con_tit .tiny { display:block; padding:25px 0 0; font-weight: bold; color: #6e8cca; } 
.evSection .con_tit .tiny.top { padding: 0 0 15px; } 
.evSection .bigt { display:block; font-weight: bold; line-height:1.2; font-size: 42px; } 
.evSection .bigt.wht { color:#fff } 
.evSection .bigt.grd { background-image:var(--pt-gradi-color); background-clip:text; -webkit-background-clip:text; color:transparent } 
.evSection .bigt .stgrd { background-image:var(--pt-gradi-color); background-clip:text; -webkit-background-clip:text; color:transparent } 

.eventWrap .tit_point { margin:0 0 50px; font-size:24px; font-weight:400; } 

.evCon1 h3 { position:relative; text-align: left; } 
.evCon1 h3 span { position: absolute; bottom: 632px; left: -24px; } 
.evCon1 a { position:absolute; bottom: 190px; left: 233px; background: #000; width: 60px; height: 50px; opacity: 0; } 
.evCon1 a:last-child { left: 523px; } 
.evCon1 p { text-align: left; padding: 0 0 100px 0; } 

.evCon2 .ppoint { text-align: center; background: #eaeaea; border-radius: 10px; margin: 0 0 40px; padding: 0 17%; } 
.evCon2 .main_cmmt { background:#eaeaea; text-align: center; border-radius: 10px; margin: 0 0 40px; } 
.evCon2 h5, .evCon9 h5 { position: relative; text-align: center; margin: 0 0 40px; } 
.evCon2 h5::before, .evCon9 h5::before { content:''; position: absolute; top: 50%; left:0; width: 100%; height: 1px; background: #000; } 
.evCon2 h5 span, .evCon9 h5 span { position: relative; } 
.evCon2 .comment_wrap { position: relative; margin: 0 -6px; } 
.evCon2 .comment_wrap * { line-height:1 } 
.evCon2 .comment_wrap .item { display: block; padding: 6px 5px; } 
.evCon2 .comment_wrap .item img { box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.1); } 
.evCon2 .tiny_noti { text-align: right; opacity: 0.5; padding: 10px 0 0; } 

.evCon3 .charact_wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; padding: 0 0 0; } 
.evCon3 .charact_wrap .item { border: 1px solid #eee; margin: 0 6px; padding: 40px 17px; box-shadow: 0px 5px 9px -1px rgba(0,0,0,0.12); } 

.evCon5 .book_tab { position:relative; margin:0 0 40px; } 
.evCon5 .book_tab::before { content:''; position:absolute; bottom: -1px; left: 0; height: 1px; width: 100%; background:#000; margin: 0; } 
.evCon5 .book_tab .item a { display:block; position:relative; } 
.evCon5 .book_tab .item a .pit { position:absolute; top:-17px; left:50%; height:30px; width:120px; margin:0 0 0 -60px; background:var(--pt-gradi-color); color:#fff; font-size:16px; font-weight:200; border-radius:30px; display:flex; justify-content:center; align-items:center; } 
.evCon5 .book_tab .item a br { display:none; } 
.evCon5 .book_tab .item { width:100%; } 
.evCon5 .book_tab .item a { font-size:20px; color:#c5c5c5; font-weight:700; background: #d8e3f5; display:block; padding: 18px 0; line-height:1.3; font-weight:normal; color: #adbcd4; } 
.evCon5 .book_tab .item.last a { border-width:1px 1px 0px 1px; } 
.evCon5 .book_tab .slick-current .item a { border-color:#000; background:#000; color:#fff; font-weight:bold; } 
.evCon5 .book_slider { margin: 0; } 
.evCon5 .book_slider .item { text-align:center; } 
.evCon5 .book_slider .item img { display:inline-block; } 
.evCon5 .book_slider .slick-arrow { position:absolute; top:50%; width:60px; height:50px; z-index:1; font-size:0; line-height:0; margin:-60px 0 0; display: none !important; } 
.evCon5 .book_slider .slick-prev { background:url('https://image.megagong.net/m/2023/1108_tjenglish08/con_img18.png') no-repeat center 0; left:-18px; } 
.evCon5 .book_slider .slick-next { background:url('https://image.megagong.net/m/2023/1108_tjenglish08/con_img17.png') no-repeat center 0; right:-18px; } 
.evCon5 .book_slider .slick-dots { text-align:center; display: none !important; } 
.evCon5 .book_slider .slick-dots li { display:inline-block; padding:0 2px; } 
.evCon5 .book_slider .slick-dots li button { display:block; width:6px; height:6px; font-size:0; -webkit-border-radius:100%; border-radius:100%; background:#c7c7c7; } 
.evCon5 .book_slider .slick-dots li.slick-active button { background:#837d95; } 
.evCon5 .con_box .bookdeco { position:absolute; bottom:-8px; left:-38px; z-index:1; } 
.evCon5 .eventVideo { margin: 0 40px 40px; } 
.evCon5 .lec_charact { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin: 0; padding: 0 0 40px; } 
.evCon5 .lec_charact li { padding: 0 36px; background: #fff; margin: 0 8px; text-align: center; box-shadow: 0px 5px 9px -1px rgba(0,0,0,0.12); } 
.evCon5 .lecture { background: #fff; padding-bottom: 0 !important; } 
.evCon5 .vodchr_banner { margin:0 } 

.evCon6 .con_tit { margin: 0 0 25px; } 
.evCon6 .tit_point { font-weight: bold; font-size: 32px; margin: 0 0 35px; } 
.evCon6 .book_info { display: flex; justify-content: space-between; align-items: flex-start; margin: 0 0 40px; } 
.evCon6 .book_info .book_intro { padding: 60px 0 0; } 
.evCon6 .btn_wrap { display: flex; justify-content: center; } 
.evCon6 .btn_wrap a { margin: 0 10px; } 

.evCon_event .con_tit { margin: 0 0 15px; } 
.evCon_event .con_tit .end { position:absolute; top:0; right:-230px; } 
.evCon_event .con_tit .evt { display:block; margin: 0; } 
.evCon_event .con_tit .bigt { position: relative; } 
.evCon_event .con_tit .bigt span { position: absolute; top: -20px; right: 30px; } 
.evCon8 .con_tit .bigt span { color:#93d6ff } 
.evCon_event .tit_point { font-size: 18px; } 
.evCon_event .tit_point span { color:var(--pt-color); font-weight:900; } 
.evCon8 .tit_point span { color:#93d6ff } 

.evCon7 .teapass_wrap { display: flex; justify-content: space-between; margin: 0 -6px; } 
.evCon7 .teapass_wrap .item { position: relative; background: #fff; margin: 0 6px; padding: 40px 40px 50px; border: 1px solid #ddd; box-shadow: 0px 5px 9px -1px rgba(0,0,0,0.05); } 
.evCon7 .teapass_wrap .item .btn { display: flex; flex-direction: row; justify-content: space-between; } 
.evCon7 .teapass_wrap .item .btn a { margin: 0 2px; } 

.evCon_event a i { margin-left:15px; margin-top:-3px; } 

.evCon8 .container_info { margin:0 40px 40px; font-size:20px; background-color:#d4c3ff; flex-direction:column; background:unset; } 
.evCon8 .container_info { background-color:#51585e; } 
.evCon8 .container_info .info .info_title { font-weight:900; } 
.evCon8 .container_info .info .info_date { font-weight:normal; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; } 
.evCon8 .container_info .info .noti { color:#0082ff; font-size:14px; font-weight:normal; } 

.evCon9 .con_tit { color: #fff; } 
.evCon9 .con_tit { margin: 0 0 20px; } 
.evCon9 .tit_point { color: #fff; font-size: 18px; margin: 0 0 25px; } 
.evCon9 .pluslec_wrap .item { width: 49.5%; } 
.evCon9 .pluslec_wrap { display: flex; justify-content: space-between; } 
.evCon9 .pluslec_wrap h5 { margin: 0 0 20px; } 
.evCon9 .pluslec_wrap img + img { margin: 0 0 0 9px; } 


.warningList li ul li a { color:var(--pt-color) } 


/* 241126 */
.evCon2 .ppoint.new_ver { padding: 35px 17%; } 
.evCon2 .ppoint.new_ver .ppoint_text { margin-bottom: 20px; line-height: 1.6; } 
.evCon2 .ppoint.new_ver .ppoint_text b { color: #266dff; font-weight: 600; } 
.evCon2 .ppoint.new_ver .ppoint_who { color: #b3b3b3; } 
.evCon2.evSection .subtitle_line .text { margin: 0 0px; color: #000000; font-size: 16px; font-weight: 500; background: #000; color: #fff; border-radius: 50px; padding: 9px 28px; } 

.evCon6 .btn_wrap.new_ver .eventButtons { width: inherit; } 
.evCon6 .btn_wrap.new_ver .btn { font-size: 19px; padding: 22px 0px; } 

.evCon9.evSection .subtitle_line {margin-bottom: 20px;}
.evCon9.evSection .subtitle_line .text { margin: 0 0px; color: #000000; font-size: 16px; font-weight: 500; background: #000; color: #fff; border-radius: 50px; padding: 9px 28px; } 


.evCon10 {background: #e8eef8;}
.evCon10 .inner {padding: 145px 0;}

@media screen and (max-width: 1200px){
 .eventWrap img { width:100% } 
 br.for_mo { display:block; } 


 .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 5%; } 
 .evSection .con_tit .tiny { font-size: 3vw; padding:25px 0 0 } 
 .evSection .bigt { font-size: 3.6vw; } 
 .evSection .bigt.wht { color:#fff } 
 .eventWrap .tit_point { margin:0 0 6%; font-size:2.1vw; } 
 .eventWrap .evSection { position:relative } 
 .eventWrap .evSection.evCon1 { background-size:auto 100%; } 
 .eventWrap .evSection.evCon2 { padding:15% 0; } 
 .eventWrap .evSection.evCon3 { padding:15% 0; } 
 .eventWrap .evSection.evCon4 { padding:15% 0; } 
 .eventWrap .evSection.evCon5 { padding:15% 0; } 
 .eventWrap .evSection.evCon6 { padding:15% 0; } 
 .eventWrap .evSection.evCon7 { padding:15% 0; } 
 .eventWrap .evSection.evCon8 { padding:15% 0; } 
 .eventWrap .evSection.evCon9 { padding:10% 0; } 

 .evCon1 h3 { margin: 0 30% 5% 0; } 
 .evCon1 h3 span { left: 0; bottom: 70%; width: 60%; } 
 .evCon1 a { width: 5vw; height: 5vw; bottom: 22%; left: 31%; } 
 .evCon1 a:last-child { left: 68%; } 
 .evCon1 p { padding: 0 9% 10% 0; } 
 .evCon2 .comment_wrap { margin: 0 -2%; } 
 .evCon2 .comment_wrap .slick-dots { text-align:center; line-height: 0; } 
 .evCon2 .comment_wrap .slick-dots li { display:inline-block; padding:0 2px; } 
 .evCon2 .comment_wrap .slick-dots li button { display:block; width:6px; height:6px; font-size:0; -webkit-border-radius:100%; border-radius:100%; background:#c7c7c7; } 
 .evCon2 .comment_wrap .slick-dots li.slick-active button { background:#837d95; } 
 .evCon2 .ppoint { margin: 0 0 6%; } 
 .evCon2 h5, .evCon9 h5 { padding: 0 25%; margin: 0 0 4%; } 
 .evCon3 .charact_wrap { padding: 0; } 
 .evCon3 .charact_wrap .item { width: 31.3%; margin: 0 1%; padding: 5% 2%; } 


 .evCon5 .book_tab { margin: 0 0 4%; } 
 .evCon5 .eventVideo { margin: 0 0 5%; } 
 .evCon5 .lec_charact { padding: 0 0 0; margin: 0 0 6%; } 
 .evCon5 .lec_charact li { width: 31.3%; margin: 0 1%; padding: 0 1%; } 
 .evCon5 .lecture { background: #fff; padding-bottom: 0 !important; } 
 .evCon5 .vodchr_banner { margin:0 } 
 .evCon5 .book_tab .item a { width: auto; width: 50vw; } 

 .evCon6 .con_tit { margin: 0 0 25px; } 
 .evCon6 .tit_point { font-size: 2.8vw; margin: 0 0 6%; } 
 .evCon6 .book_info { margin: 0 0 3%; } 
 .evCon6 .book_info .book_intro { padding: 5% 0 0; } 
 .evCon6 .btn_wrap { display: flex; justify-content: center; } 
 .evCon6 .btn_wrap a { margin: 0 10px; } 

 .evCon_event .con_tit .end { right:0; width:26%; } 
 .evCon_event .con_tit .evt { margin: 0 auto 0; width: 28%; } 
 .evCon_event .con_tit .bigt { font-size:4.5vw; } 

 .evCon7 .container_info { flex-direction:column; align-items:flex-start; margin-top:40px } 
 .evCon7 .container_info { padding:42% 0 0; margin:0 0 40px; font-size:17px; display:inline-flex; } 
 .evCon7 .container_info .info { margin:0 0 15px; } 
 .evCon7 .container_info .info .info_title { width:80px; } 
 .evCon7 .container_info .gift { width:46vw; bottom:inherit; top:0; right:50%; margin:0 -24vw 0 0; } 
 .evCon7 .teapass_wrap { margin: 0; } 
 .evCon7 .teapass_wrap .item { margin: 0 1%; padding: 3% 3% 4%; } 
 .evCon7 .teapass_wrap .item .btn { display: flex; flex-direction: column; } 
 .evCon7 .teapass_wrap .item .btn a { width: 100%; margin: 0 0 2%; } 

 .evCon8 .container_info { display:inline-flex; padding:12px 30px 12px 50px; font-size:18px } 
 .evCon8 .container_info { margin:0 0 2%; font-size:17px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; } 
 .evCon8 .container_info .info .noti { font-size:0.8em; margin:0 0 0 20px; } 

 .evCon9 .pluslec_wrap h5 { margin: 0 0 3%; padding: 0 35%; } 
 .evCon9 .pluslec_wrap h5 img { width: 100%; } 
 .evCon9 .pluslec_wrap img { width: 48%; } 
 .evCon9 .pluslec_wrap img + img { margin: 0 0 0 1%; } 
 .evCon_event .con_tit .bigt span { right: 0; width: 19%; top: inherit; bottom: 119%; } 


/* 241126 */
.evCon2 .ppoint.new_ver { padding: 4% 0%; } 
.evCon2 .ppoint.new_ver .ppoint_text { margin-bottom: 2%; } 
.evCon2.evSection .subtitle_line {margin-bottom: 3%; } 
.evCon2.evSection .subtitle_line .text {font-size: clamp(14px, 2vmin, 16px);padding: 1% 5%;}
.evCon6 .btn_wrap.new_ver { gap: 2%; } 
.evCon6 .btn_wrap.new_ver a { margin: 0 0px; } 
.evCon6 .btn_wrap.new_ver .eventButtons { width: 100%; } 
.evCon6 .btn_wrap.new_ver .btn { font-size: clamp(13px,2.2vmin,19px); padding: 5% 0px; width: 100%; } 
.evCon9.evSection .subtitle_line {margin-bottom: 2%;}
.evCon9.evSection .subtitle_line .text {font-size: clamp(14px, 2vmin, 16px);padding: 1% 5%;}
.evCon10 .inner {
    padding: 10% 0;
}
}







@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 } 
 .evCon8 .container_info { width:auto; display:inline-flex; } 
 }








@media screen and (max-width:768px){
 .evCon5 .tab_base li a { font-size:15px; } 
 .evCon7 .container_info { font-size:15px; margin:0 0 8%; } 
 .evCon7 .container_info .info .noti { margin-top:3px } 

 .evCon8 .container_info .info { margin-right:0; text-align:left; align-items:flex-start; } 
 .evCon8 .container_info .info + .info { margin-top:5px; } 

 .evCon5 .book_tab .item a { font-size:16px; padding: 15px 0 15px 0px; } 
 .evCon5 .book_tab .item a .pit { font-size:13px; height:26px; width:80px; margin:0 0 0 -40px; top:-9px; } 
 }








@media screen and (max-width:576px){
 .dim_popup.sns { width:90% } 

 br.for_576 { display:block; } 

 .evSection .con_tit .tiny { font-size:3.6vw } 
 .eventWrap .tit_point { font-size:3.6vw; } 
 .evSection .con_tit { font-size:4.5vw; } 
 .evSection .bigt { font-size: 4vw; } 

 .evCon1 h3 { margin: 0 14% 5% 0; } 
 .evCon2 h5, .evCon9 h5 { padding: 0 14%; } 
 .evCon2 .ppoint { padding: 0 13%; } 
 .evCon2 .tiny_noti { text-align: center; } 

 .evCon3 .scrll { overflow: auto; margin: 0 -2%; } 
 .evCon3 .charact_wrap { margin: 0; width: 173vw; display: flex; padding: 0 3% 5%; } 
 .evCon3 .charact_wrap .item { width: 31.3%; padding: 3% 2%; margin: 0 1%; } 
 .evCon5 .scrll { overflow: auto; margin: 0 0%; background: #e8eef8; } 
 .evCon5 .lec_charact { width: 176vw; padding: 0 0%; } 
 .evCon5 .lec_charact li { padding: 0 2%; width: 32.3%; margin: 0 0.5%; } 
 .evCon5 .tab_base li a { font-size:13px } 
 .evCon5 .book_slider .slick-arrow { width:30px; height:30px; background-size:100%; margin:-30px 0 0; } 
 .evCon5 .book_slider .slick-prev { left:5px; } 

 .evCon5 .book_slider .slick-next { right:5px; } 
 .evCon5 .book_tab .item a { font-size: 16px; } 

 .evCon6 .book_info { display: flex; flex-direction: column; margin: 0 8%; } 
 .evCon6 .book_info .book_img { padding: 0 8%; } 
 .evCon6 .book_info .book_intro { padding: 2% 6%; background: #eaeaea; margin: 0 0 6%; } 
 .evCon6 .btn_wrap { display: flex; justify-content: center; flex-direction: column; margin: 0 8%; } 
 .evCon6 .btn_wrap a { margin: 0 0 1%; background: #212121; padding: 0 7%; border-radius: 5px; } 


 .evCon9 .pluslec_wrap .item { width: 100%; margin: 0 0 5%; } 
 .evCon9 .pluslec_wrap { display: flex; justify-content: space-between; flex-direction: column; } 
 .evCon9 .pluslec_wrap h5 { margin: 0 0 3%; padding: 0 39%; } 
 .evCon9 .pluslec_wrap img + img { margin: 0 0 0 9px; } 

 .evCon_event .con_tit .evt { width: 40%; margin: auto; } 
 .evCon7 .container_info .info .info_title { width:76px; margin-right:7px; } 
 .evCon7 .container_info .info .info_title::after { right:0; } 
 .evCon7 .container_info .info .info_title::before { left:-10px; } 
 .evCon7 .container_info { font-size:14px; display:inline-flex; padding: 46vw 0 4% 12px; margin:0 0 0; } 
 .evCon7 .container_info .info .noti { margin-top:1px } 
 .evCon7 .container_info .gift { width: 51vw; } 
 .evCon7 .teapass_wrap .item { padding: 2% 2% 5%; margin: 0 0 3%; } 
 .evCon7 .teapass_wrap .item p { padding: 0 0; } 
 .evCon7 .teapass_wrap .item .btn a { padding: 0 4%; background: #212121; border-radius: 6px; } 

 .evCon8 .container_info { font-size:14px; padding:10px 0; width:100%; margin:0 0 20px; } 

 /* 241126 */
 .evCon6 .btn_wrap.new_ver .btn { margin-bottom: 1%; } 
 }





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