@charset "euc-kr"; .con_tit .end { right: -200px; top: -190px; } 
.con_tit .end::after { background: #51fbed; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.warningList li ul li a.tp1 { background-color:#000; color:#fff; } 

.clamp-title { font-size:42px; } 
.clamp-title2 { font-size:24px; } 
.clamp-title3 { font-size:26px; } 
.clamp-text { font-size:28px; } 
.clamp-text2 { font-size:18px; } 

.mini_tit { opacity: 0.7; margin-bottom: 15px; } 
.con_tit { font-weight: 900; letter-spacing: -1px; margin-bottom: 50px; } 

.wh_ver { color: #fff; } 
.mint_ver { color: #51fbed; } 

.eventWrap .inner { padding: 150px 0; } 

.btn a { display: inline-block; } 
.evSection .subtitle_line .text { margin: 0 0px; color: #fff; font-size: 21px; background: #000; border-radius: 50px; padding: 9px 51px; } 

/* con1 */
.evCon1 { background: #060916 url(https://image.megagong.net/m/2024/0710_all/bg_con1.jpg) no-repeat center center; background-size: cover; } 
.eventWrap .evCon1 .inner { padding: 290px 0 130px; } 
.evCon1 .tea_img { position: absolute; left: 2%; bottom: 0px; width: 100%; z-index: 0; } 
.evCon1 .sub_img_tit { text-align: left; margin-left: -55px; position: relative; margin-bottom: 340px; } 
.evCon1 h3 { position: relative; margin: 0 -35px 0 -65px; } 
.evCon1 h3 .btn.home_link { position: absolute; right: 190px; top: 70px; } 


/* con2 */
.evCon2 { background: #060916; } 
.evCon2 .say_pop { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 70px; margin: 0 -48px; position: relative; } 
.evCon2 .say_pop li:last-child { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } 
.evCon2 .noti_tiny { font-size: 13px; color: #fff; opacity: 0.4; text-align: right; display: block; } 

.evCon3 { background: #f2f3f5; } 
.evCon3 .grp_wrap { width: 100%; background: #fff; padding: 80px 0px; border-radius: 10px; box-shadow: 10px 10px 19px 0px rgba(0, 0, 0, 0.1); position: relative; margin-bottom: 50px; } 
.evCon3 .grp_wrap .st_mark { position: absolute; right: 146px; top: 212px; } 

.evCon4 { background:#f9f9f9; } 
.evCon4.evSection .subtitle_line { margin-bottom: 55px; } 
.evCon4 .step_wrap { display: flex; justify-content: center; align-items: center; gap: 0px; margin: 0 -35px; position: relative; } 
.evCon4 .step_wrap .step_text { position: relative; margin-bottom: 100px; } 
.evCon4 .step_wrap .step_text .step_arrow { position: absolute; left: 50%; bottom: -80px; transform: translateX(-50%); } 
.evCon4 .step_wrap .eventVideo { margin-bottom: 45px; overflow: visible; width: 520px; margin: 0px auto 35px; } 


.evCon5 { background: #eef4ff; } 
.evCon5 .tab_wrap { display: flex; justify-content: center; align-items: center; gap: 1px; margin: 0 40px; position: relative; } 
.evCon5 .tab_tem { display: flex; justify-content: center; align-items: center; gap: 1px; } 
.evCon5 .tab_tem li { width: 199px; } 
.evCon5 .tab_tem > li a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #b1d5ff; padding: 20px 0; border-radius: 10px 10px 0 0; } 
.evCon5 .tab_tem > li.on a { background: #0347ff; color: #fff; } 
.evCon5 .tab_tem > li a span { font-size: 14px; } 
.evCon5 .tab_tem > li a strong { font-size: 20px; } 
.evCon5 .panel_base .eventVideo { margin: 0 40px 85px; } 
.evCon5 .tea_img { position: absolute; right: -580px; bottom: 0; } 
.evCon5 .lec_point_list { display: flex; justify-content: center; align-items: center; gap: 13px; position: relative; margin-bottom: 65px; } 
.evCon5 .lec_point_list li { font-size: 18px; background: #fff; flex: 1; border-radius: 10px; box-shadow: 10px 10px 4px 0px rgba(224, 232, 249, 0.5); padding: 34px 0; line-height: 1.4; position: relative; } 
.evCon5 .lec_point_list li .up_mark { font-size: 14px; font-weight: 700; background: #1c59ff; color: #fff; width: 90px; height: 90px; display: block; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; right: -22px; top: -22px; } 

.evCon6 { position: relative; } 
.evCon6::before { content: ""; display: block; width: 200%; height: 60%; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); background: #c4dcf9; } 
.evCon6 .book_img { margin-bottom: 70px; } 
.evCon6 .book_wrap { display: flex; justify-content: center; align-items: flex-start; gap: 30px; margin-bottom: 30px; } 
.evCon6 .book_wrap .swiper_basic1_wrap { width: 620px; overflow: hidden; } 
.evCon6 .book_wrap .book_list li { font-size: 16px; background: #fff; border-radius: 10px; box-shadow: 10px 10px 4px 0px rgba(185, 210, 244, 0.5); padding: 24px 0; margin-bottom: 7px; width: 451px; font-weight: 500; } 
.evCon6 .book_wrap .book_list li:last-child { margin-bottom: 0; } 
/* .evCon6 .swiper-slide { width: 100% !important; } */

.evCon7 { background: #12192a; } 
.evCon7 .event_tit { display: block; margin-bottom: 30px; } 
.evCon7 .con_tit strong { font-size: 76px; font-weight: 900; } 
.evCon7 .container_info { position: relative;     padding: 45px 0 45px 40px; margin-bottom: 80px; } 
.evCon7 .container_info::before { content: ""; width: 200%; height: 100%; display: block; background: #2f3544; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } 
.evCon7 .container_info.ver_circle .info .info_title { background: rgb(255 255 255); color: #12192a; } 

.evCon8 { background: #0347ff; } 
.eventWrap .evCon8 .inner { padding: 30px 0; } 
.evCon8 .s_tit_b { display: block; letter-spacing: 9px; margin-bottom: 7px; } 
.evCon8 .b_tit_b { font-size: 32px; display: block; font-weight: 900; } 


@media screen and (max-width: 1200px){
 .clamp-title { font-size: clamp(23px,4.6vmin,42px); } 
 .clamp-title2 { font-size: clamp(15px,2.8vmin,24px); } 
 .clamp-text { font-size: clamp(15px,2.8vmin,28px); } 
 .clamp-text2 { font-size: clamp(13px,1.8vmin,18px); } 

 .mini_tit { margin-bottom: 1%; } 
.con_tit { margin-bottom: 5%; } 
.evSection .subtitle_line { margin-bottom: 4%; } 
.evSection .subtitle_line .text { font-size: clamp(15px,2.4vmin,21px); padding: 1% 6%; } 

 .eventWrap .inner { padding: 12% 0; } 

 .eventWrap .evCon1 .inner { padding: 19% 0 12%; } 
.evCon1 .sub_img_tit { margin-left: 0px; padding-right: 67%; margin-bottom: 30%; } 
.evCon1 .tea_img { left: 54%; transform: translateX(-50%); bottom: 0px; width: 85%; } 
.evCon1 h3 { margin: 0 5%; } 
.evCon1 h3 .btn.home_link { right: 14%; top: 23%; width: 4%; } 

.evCon2 .say_pop { margin: 0; gap: 7%; justify-content: space-between; } 
.evCon2 .say_pop li { width: 38%; } 

.evCon3 .grp_wrap { padding: 5% 6%; margin-bottom: 6%; } 
.evCon3 .grp_wrap .st_mark { right: 11%; top: 20%; width: 28%; } 

.evCon4.evSection .subtitle_line { margin-bottom: 5%; } 
.evCon4 .step_wrap { gap: 0px; margin: 0; padding: 0 0%; } 
.evCon4 .step_box { width: 50%; } 
.evCon4 .step_wrap .step_text { margin-bottom: 11%; } 
.evCon4 .step_wrap .step_text .step_arrow { bottom: -5%; width: 11%; } 
.evCon4 .step_wrap .eventVideo { width: 90%; margin: 0px auto 8%; } 
.evCon4 .step_wrap .shk_text { padding: 0 12%; } 

.evCon5 .tea_img { display: none; } 
.evCon5 .tab_wrap { margin: 0 0px; } 
.evCon5 .tab_tem > li { width: 100%; } 
.evCon5 .tab_tem > li a { padding: 9% 0; } 
.evCon5 .tab_tem > li a span { font-size: 13px; } 
.evCon5 .tab_tem > li a strong { font-size: clamp(13px,2vmin,20px); } 
.evCon5 .panel_base .eventVideo { margin: 0 0px 7%; } 
.evCon5 .lec_point_list { gap: 1%; margin-bottom: 5%; } 
.evCon5 .lec_point_list li { font-size: clamp(13px,2vmin,18px); padding: 3% 0; } 
.evCon5 .lec_point_list li .up_mark { font-size: 13px; font-weight: 500; width: inherit; height: inherit; border-radius: 50px; right: 50%; top: -8%; transform: translateX(50%); padding: 1% 15%; } 
 
.evCon6::before { height: 62%; } 
.evCon6 .book_img { margin-bottom: 7%; padding: 0 20%; } 
.evCon6 .book_wrap { justify-content: space-between; gap: 1%; margin-bottom: 5%; } 
.evCon6 .book_wrap .swiper_basic1_wrap { width: 55%; } 
.evCon6 .book_wrap .book_list { width: 45%; } 
.evCon6 .book_wrap .book_list li { font-size: clamp(13px,2vmin,16px); padding: 4% 0; margin-bottom: 2%; width: 100%; font-weight: 500; } 
.evCon6 .btn.buy_link { padding: 0 30%; } 

.con_tit .end { right: 2%; top: -148%; } 
.evCon7 .event_tit { padding: 0 38%; } 
.evCon7 .con_tit strong { font-size: clamp(23px,7vmin,76px); } 
.evCon7 .container_info { padding: 4% 0% 4% 16%; margin-bottom: 7%; } 

.eventWrap .evCon8 .inner {
    padding: 3% 0;
}
.evCon8 .s_tit_b {
    letter-spacing: 6px;
    margin-bottom: 1%;
}
.evCon8 .b_tit_b {
    font-size: clamp(20px,3.4vmin,32px);

 }
}

@media screen and (max-width: 992px){
 .evCon5 .tab_tem > li a strong { width: 100%; } 

 .evCon6 .btn.buy_link { padding: 0 26%; } 
 }


@media screen and (max-width: 768px){
 .evCon2 .say_pop { gap: 1%; justify-content: center; margin: 0 -3%; } 
 .evCon2 .say_pop li { width: 48%; } 
 .evCon2 .say_pop li:last-child { position: relative; left: inherit; top: inherit; transform: inherit; } 
 
 .evCon3 .grp_wrap .st_mark { width: 38%; } 

 .evCon4 .step_wrap { display: block; } 
 .evCon4 .step_box { width: 100%; padding: 0 12%; margin-bottom: 12%; } 

 .evCon5 .tab_tem > li a span { font-size: 12px; } 
.evCon5 .lec_point_list li .up_mark { font-size: 12px; top: -11%; } 

 .evCon6::before { height: 78%; } 

 .evCon6 .book_wrap { display: block; } 
 .evCon6 .book_wrap .swiper_basic1_wrap { width: 100%; padding: 0 9%; margin-bottom: 6%; } 
.evCon6 .book_wrap .book_list { width: 100%; } 
.evCon6 .book_wrap .book_list li { padding: 3% 0; margin-bottom: 1%; } 
.evCon6 .btn.buy_link { padding: 0px 19%; } 

.con_tit .end { top: -116%; } 
.evCon7 .container_info { padding: 4% 0% 4% 12%; } 
.evCon7 .event_tit { padding: 0 35%; margin-bottom: 3%; } 

.evCon8 .s_tit_b {
    letter-spacing: 3px;
}
 }


@media screen and (max-width: 576px){
 .evCon1 h3 .btn.home_link { right: 10%; top: 11%; width: 7%; } 

 .evCon2 .say_pop li { width: 100%; } 

.evCon3 .grp_wrap { padding: 5% 3%; } 
.evCon3 .grp_wrap .st_mark { width: 47%; } 

.evCon4 .step_box { padding: 0 0%; } 

.evCon5 .tab_wrap { display: block; } 
.evCon5 .tab_tem { gap: 1px; flex-wrap: wrap; justify-content: space-between; } 
.evCon5 .tab_tem > li { width: 49.8%; } 
.evCon5 .tab_tem > li a { padding: 5% 0; border-radius: 0px; } 
.evCon5 .tab_tem.fir li { width: 100%; margin-bottom: 1px; } 
.evCon5 .tab_tem.fir a { padding: 2% 0; border-radius: 5px 5px 0 0; } 
.evCon5 .lec_point_list { display: block; } 
.evCon5 .lec_point_list li { padding: 6% 0; margin-bottom: 3%; } 
.evCon5 .lec_point_list li .up_mark { top: -9%; padding: 0.5% 8%; } 

 .evCon6 .book_img { padding: 0 9%; } 
.evCon6 .book_wrap .swiper_basic1_wrap { padding: 0 2%; margin-bottom: 10% } 
.evCon6 .book_wrap .book_list { margin-bottom: 10%; } 
.evCon6 .book_wrap .book_list li { border-radius: 5px; } 
.evCon6 .btn.buy_link { padding: 0px 8%; } 

.evCon7 .event_tit { padding: 0 31%; } 
.evCon7 .container_info { padding: 4% 0% 4% 0%; } 

.evCon8 .s_tit_b {
    letter-spacing: 1px;
}
 }