@charset "euc-kr";


/* banner */
.banner { background-color: #0c51ff; } 
.banner.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 6; } 
.banner .wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 80px; } 
.banner .wrapper .for_link { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 216px; height: 100%; color: #fff; font-size: 17px; font-weight: bold; background-color: #0841d1; } 
.banner .wrapper .for_link span { color: #bbbbbb; font-size: 14px; font-weight: 300; } 
.banner .wrapper .for_move { display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; } 
.banner .wrapper .for_move div:first-of-type { display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; } 
.banner .wrapper .for_move div:first-of-type i { display: inline-block; margin-right: 15px; padding: 7px 32px; color: #fff; font-size: 16px; font-weight: 400; font-style: normal; background-color: #333333; border-radius: 40px; } 
.banner .wrapper .for_move div:first-of-type h6 { color: #fff; font-size: 26px; font-weight: bold; } 
.banner .wrapper .for_move div:first-of-type h6 span { color: #fff71f; } 
.banner .wrapper .for_move div:last-of-type { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 60px; padding-left: 20px; border-left: 1px solid #969696; } 
.banner .wrapper .for_move div:last-of-type p { margin-right: 5px; color: #fff71f; font-size: 15px; font-weight: bold; } 
.banner .wrapper .for_move div:last-of-type p span { color: #d7d7d7; font-size: 14px; font-weight: 300; } 


/* main */
.main { overflow: initial !important; background-image: url('https://image.megagong.net/m/2023/0918_shin242/main_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.main h3 { position: relative; margin: 0 -119px; } 
.main h3 > img:not(:first-of-type) { position: absolute; top: 0; left: 0; } 
.main h3 > img:last-of-type { position: absolute; top: initial; left: initial; right: 61px; bottom: -80px; } 
.main h3 > a { position: absolute; top: 55.2%; right: 42px; z-index: 2; } 
.main h3 > .tiny_noti { position: absolute; left: 74px; bottom: 40px; color: #777e8b; font-size: 14px; font-weight: 300; text-align: left; } 


/* settings */
.evSection .con_tit { color: #474747; font-size: 38px; font-weight: 400; } 
.evSection .con_tit strong { font-size: 45px; font-weight: 900; } 
.evSection .con_tit strong span { color: #2e63e6; } 
.flt_inner.renewal li,
.flt_inner.renewal li.top { margin-top: 0; } 
.swiper-pagination { z-index: 5; }

/* evCon1 */
.evCon1 { padding: 140px 0 141px 0; background-color: #edf0f6; } 
.evCon1 .con_tit { margin-bottom: 30px; } 
.evCon1 .con_box > p { margin-bottom: 70px; color: #474747; font-size: 22px; font-weight: 300; } 
.evCon1 .for_line { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 25px 0 72px 0; } 
.evCon1 .for_line .line { flex: 1; height: 1px; background-color: #abb2c1; } 
.evCon1 .for_box { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evCon1 .for_box > img:nth-of-type(2) { margin: 0 20px; } 


/* evCon2 */
.evCon2 { padding: 140px 0 140px 0; background-color: #d7dce8; } 
.evCon2 .con_tit { margin-bottom: 80px; } 
.evCon2 .con_tit .tiny_noti { margin-top: 20px; color: #8d94a3; font-size: 14px; font-weight: 300; } 
.evCon2 .for_line { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evCon2 .for_line .line { flex: 1; height: 1px; background-color: #b3b9c6; } 
.evCon2 .con2_video_wrapper { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; margin: 77px 0 80px 0; } 
.evCon2 .con2_video_wrapper .swiper-wrapper .swiper-slide { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(33.33% - 14px); background-color: #fff; border-radius: 20px; } 
.evCon2 .con2_video_wrapper .swiper-wrapper .swiper-slide .point { position: absolute; top: -37px; left: 22px; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 73px; height: 74px; color: #fff; font-size: 13px; font-weight: bold; background-color: #1a377d; border-radius: 50%; } 
.evCon2 .con2_video_wrapper .swiper-wrapper .swiper-slide p { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 116px; line-height: 1.4; color: #fff; font-size: 18px; font-weight: bold; background-color: #2e63e6; border-radius: 20px 20px 0 0; } 
.evCon2 .con2_video_wrapper .swiper-wrapper .swiper-slide .eventVideo.video_renewal { margin: 30px 37px; } 
.evCon2 .swiper-pagination { opacity: 0; } 
.evCon2 .con2_contents_wrapper { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; margin: 40px 0 0 0; border-radius: 20px; overflow: hidden; } 
.evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 33.33%; background-color: #fff; } 
.evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide .title { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 68px; color: #101d3b; font-size: 18px; font-weight: bold; background-color: #e7eaf2; } 
.evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide .title::before { position: absolute; top: 50%; right: -17.5px; transform: translate(0, -50%); content: ''; width: 35px; height: 35px; background-image: url('https://image.megagong.net/m/2023/0918_shin242/con2_arrow.png'); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1; } 
.evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide:last-of-type .title::before { display: none; } 
.evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide .desc { margin: 20px 0; padding: 10px 30px; background-color: #fff; border-right: 1px solid #e6e8ef; } 
.evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide:last-of-type .desc { border-right: 0; } 
.swiper-backface-hidden .swiper-slide { transform: initial; -webkit-backface-visibility: initial; backface-visibility: initial; } 
.evCon2 .con2_contents_wrapper { position: relative; width: 100%; margin: 40px 0 0 0; border-radius: 20px; overflow: hidden; } 
.evCon2 .con2_contents_wrapper ul { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; border-radius: 20px; overflow: hidden; } 
.evCon2 .con2_contents_wrapper .contents { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 33.33%; background-color: #fff; } 
.evCon2 .con2_contents_wrapper .contents .title { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 68px; color: #101d3b; font-size: 18px; font-weight: bold; background-color: #e7eaf2; } 
.evCon2 .con2_contents_wrapper .contents .title::before { position: absolute; top: 50%; right: -17.5px; transform: translate(0, -50%); content: ''; width: 35px; height: 35px; background-image: url('https://image.megagong.net/m/2023/0918_shin242/con2_arrow.png'); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1; } 
.evCon2 .con2_contents_wrapper .contents:last-of-type .title::before { display: none; } 
.evCon2 .con2_contents_wrapper .contents .desc { width: 100%; margin: 20px 0; padding: 10px 30px; background-color: #fff; border-right: 1px solid #e6e8ef; } 
.evCon2 .con2_contents_wrapper .contents:last-of-type .desc { border-right: 0; } 


/* evCon3 */
.evCon3 { padding: 140px 0 140px 0; background-color: #edf0f6; } 
.evCon3 .con_tit { margin-bottom: 65px; } 
.evCon3 .table { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; border-radius: 15px; overflow: hidden; border: 1px solid #d0d7e3; } 
.evCon3 .table .table_box { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; border-right: 1px solid #d0d7e3; } 
.evCon3 .table .table_box.point.on { position: relative; } 
.evCon3 .table .table_box.point.on::before { position: absolute; top: 0; left: 0; content: ''; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid #2e63e6; } 
.evCon3 .table .table_box.point.on .table_box_title { color: #fff; background-color: #2e63e6; } 
.evCon3 .table .table_box.point.on .table_box_inner { background-color: #f0f5ff; } 
.evCon3 .table .table_box:last-of-type { border-right: 0; border-bottom: 0; } 
.evCon3 .table .table_box .table_box_title { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 65px; color: #212121; font-size: 16px; font-weight: bold; background-color: #e5e8f0; border-bottom: 1px solid #d0d7e3; } 
.evCon3 .table .table_box .table_box_inner { width: 100%; height: 227px; background-color: #ffffff; } 
.evCon3 .table .table_box .table_box_inner p { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; line-height: 1.7; color: #595959; font-size: 16px; font-weight: bold; border-bottom: 1px solid #d0d7e3; } 
.evCon3 .table .table_box .table_box_inner p span { display: inline-block; margin-top: 4px; color: #ff0000; font-size: 15px; font-weight: 400; } 
.evCon3 .table .table_box .table_box_inner p:last-of-type { border-right: 0; border-bottom: 0; } 
.evCon3 .table .table_box .table_box_inner p.box_30per { height: 30%; } 
.evCon3 .table .table_box .table_box_inner p.box_40per { height: 40%; } 
.evCon3 .table .table_box .table_box_inner p.box_60per { height: 60%; } 
.evCon3 .con3_subtitle { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 59px 0 37px 0; } 
.evCon3 .con3_subtitle h6 { margin-top: 15px; color: #323b4b; font-size: 25px; font-weight: 300; } 
.evCon3 .con3_subtitle h6 b { font-weight: 900; } 
.evCon3 .con3_swiper { position: relative; width: 100%; overflow: hidden; } 
.evCon3 .con3_swiper .swiper-wrapper { padding-top: 33px; } 
.evCon3 .con3_swiper .swiper-wrapper .swiper-slide { position: relative; padding: 70px 140px 61px 140px; background-color: #fff; border-radius: 15px; } 
.evCon3 .con3_swiper .swiper-wrapper .swiper-slide.last { padding: 70px 140px 0 140px; } 
.evCon3 .swiper-pagination { position: relative; margin-top: 30px; } 
.evCon3 .swiper-pagination-bullet { width: 16px; height: 16px; background-color: #b4b9c6; opacity: 1; } 
.evCon3 .swiper-pagination-bullet-active { background-color: #2e63e6; } 
.evCon3 .con3_swiper .swiper-wrapper .swiper-slide .swiper-title { position: absolute; top: -33px; left: 50%; transform: translate(-50%, 0); } 
.evCon3 .dash_subtitle { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; } 
.evCon3 .dash_subtitle .line { flex: 1; height: 34px; border-top: 1px dashed #b1b6c2; } 
.evCon3 .dash_subtitle .line:first-of-type { border-left: 1px dashed #b1b6c2; } 
.evCon3 .dash_subtitle .line:last-of-type { border-right: 1px dashed #b1b6c2; } 
.evCon3 .dash_subtitle .text { position: relative; margin: 0 20px; margin-top: -15px; color: #2a3654; font-size: 20px; font-weight: bold; z-index: 1; } 
.evCon3 .dash_subtitle .text::before { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 9px; background-color: #eaeffc; z-index: -1; } 
.evCon3 .dash_subtitle .text span { color: #2e63e6; font-size: 15px; font-weight: 900; } 
.evCon3 .box_wrapper_1 { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 26px 0 20px 0; } 
.evCon3 .box_wrapper_1 > img { margin: 0 11px; } 
.evCon3 .box_wrapper_1 .box { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; border-radius: 15px; overflow: hidden; } 
.evCon3 .box_wrapper_1 .box:first-of-type { border: 1px solid #b1b6c2; } 
.evCon3 .box_wrapper_1 .box:first-of-type .title { background-color: #b1b6c2; } 
.evCon3 .box_wrapper_1 .box:first-of-type p { color: #888888; } 
.evCon3 .box_wrapper_1 .box:last-of-type { border: 1px solid #2e63e6; } 
.evCon3 .box_wrapper_1 .box:last-of-type .title { background-color: #2e63e6; } 
.evCon3 .box_wrapper_1 .box:last-of-type p { color: #212121; } 
.evCon3 .box_wrapper_1 .box .title { width: 100%; height: 48px; line-height: 49px; color: #fff; font-size: 16px; font-weight: bold; } 
.evCon3 .box_wrapper_1 .box p { margin: 28px 0; font-size: 16px; font-weight: bold; } 
.evCon3 .text_wrapper { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 33px 25px; background-color: #f6f9ff; border: 1px solid #c0cfed; border-radius: 15px; } 
.evCon3 .text_wrapper_1 { margin-bottom: 70px; } 
.evCon3 .text_wrapper p { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 10px; color: #272f3f; font-size: 15px; font-weight: 300; text-align: left; } 
.evCon3 .text_wrapper p:last-of-type { margin-bottom: 0; } 
.evCon3 .text_wrapper p > img { margin-right: 12px; } 
.evCon3 .box_wrapper_2 { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 43px 0 62px 0; } 
.evCon3 .box_wrapper_2 > img { margin: 0 14px; } 
.evCon3 .box_wrapper_2 .box { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; height: 85px; color: #fff; font-size: 16px; font-weight: bold; border-radius: 15px; } 
.evCon3 .box_wrapper_2 .box:first-of-type { background-color: #b1b6c2; } 
.evCon3 .box_wrapper_2 .box:last-of-type { position: relative; background-color: #2e63e6; } 
.evCon3 .box_wrapper_2 .box span { position: absolute; top: -33px; left: 50%; transform: translate(-50%, 0); color: #e62e55; white-space: nowrap; } 
.evCon3 h5 { margin-bottom: 30px; color: #323b4b; font-size: 25px; font-weight: 300; } 
.evCon3 h5 span { color: #2e63e6; font-weight: bold; } 
.evCon3 .box_wrapper_3 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 32px; margin: 0 0 60px 0; } 
.evCon3 .box_wrapper_3 .box { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; padding: 37px 0 32px 0; background-color: #fff; border: 1px solid #e4e8ee; border-radius: 15px; } 
.evCon3 .box_wrapper_3 .box p { margin-top: 15px; color: #595959; font-size: 15px; font-weight: bold; } 
.evCon3 .box_wrapper_3 .box p b { font-weight: 900; } 
.evCon3 .box_bottom { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 120px; margin: 0 -140px; background-color: #323b4b; border-radius: 0 0 15px 15px; } 
.evCon3 .box_bottom > p { margin-bottom: 7px; color: #fff; font-size: 17px; font-weight: bold; } 
.evCon3 .box_bottom > p span { color: #ffd200; } 


/* evCon4 */
.evCon4 { overflow: initial !important; padding: 140px 0 140px 0; background-color: #0a3488; } 
.evCon4 .con_tit { margin-bottom: 70px; color: #fff; } 
.evCon4 .con4_swiper { margin-bottom: 70px; height: 455px; overflow: hidden; border-top: 1px solid #2f55a0; border-bottom: 1px solid #2f55a0; } 
.evCon4 .con4_swiper .swiper-wrapper .swiper-slide { display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.evCon4 .con4_swiper .swiper-wrapper .swiper-slide.swiper-slide-active { background-color: #fff; border-radius: 15px; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2); } 
.evCon4 .con4_swiper .swiper-wrapper .swiper-slide h6 { color: #c7d7ff; font-size: 18px; font-weight: bold; } 
.evCon4 .con4_swiper .swiper-wrapper .swiper-slide p { margin-top: 8px; color: #9bb3ef; font-size: 16px; font-weight: 300; } 
.evCon4 .con4_swiper .swiper-wrapper .swiper-slide.swiper-slide-active h6 { color: #1440ae; font-size: 22px; } 
.evCon4 .con4_swiper .swiper-wrapper .swiper-slide.swiper-slide-active p { color: #595959; } 
.evCon4 .eventVideo.with_shadow { margin-bottom: 70px; } 
.evCon4 .lecture { padding-bottom: 0 !important; background-color: #fff; } 


/* evCon5 */
.evCon5 { padding: 140px 0 0 0; background-color: #30343e; } 
.evCon5 .con_tit { margin-bottom: 55px; color: #fff; } 
.evCon5 .con_tit i { display: inline-block; margin-bottom: 20px; color: #e2e4e9; font-size: 22px; font-weight: 300; font-style: normal; } 
.evCon5 .con_tit .tiny_noti { margin-top: 30px; color: #6e7484; font-size: 14px; font-weight: 300; } 
.evCon5 .book_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 55px; } 
.evCon5 .book_wrapper > div { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 4px; gap: 20px; } 
.evCon6 { padding-bottom: 166px; background-color: #262930; } 
.evCon6 .tab_base { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; border-bottom: 3px solid #2e63e6; } 
.evCon6 .tab_base::before { position: absolute; top: 0; left: -100vw; content: ''; width: 200vw; height: 100%; background-color: #30343e; z-index: 0; } 
.evCon6 .tab_base li { flex: 1; height: 82px; color: #6e717a; font-size: 19px; font-weight: bold; background-color: #42464f; border: 1px solid #21252d; border-bottom: 0; border-radius: 30px 30px 0 0; z-index: 1; } 
.evCon6 .tab_base li.on { color: #fff; background-color: #2e63e6; } 
.evCon6 .tab_base li a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.evCon6 .panel_base li .tab_title { display: flex; flex-direction: row; align-items: flex-end; justify-content: center; margin: 70px 0 60px 0; color: #fff; font-size: 20px; font-weight: 300; } 
.evCon6 .panel_base li .tab_title span { display: inline-block; margin-right: 4px; color: #ff6b23; font-size: 15px; font-weight: 900; } 
.evCon6 .panel_base li .tab_title b { position: relative; margin-left: 4px; font-weight: bold; z-index: 1; } 
.evCon6 .panel_base li .tab_title b::before { position: absolute; left: 0; bottom: -1px; content: ''; width: 100%; height: 9px; background-color: #2e63e6; z-index: -1; } 


/* evCon7 */
.evCon7 { overflow: initial !important; background-color: #4f535c; } 
.evCon7 .con_box { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } 
.evCon7 .con_box > div { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin: 50px 0 65px 100px; } 
.evCon7 .con_box > div p { line-height: 1.5; margin-bottom: 20px; color: #9a9ca0; font-size: 16px; text-align: left; } 
.evCon7 .con_box > div p span { color: #fff; } 
.evCon7 .con_box > img { margin-top: -180px; } 


/* event */
.event { overflow: initial !important; padding: 140px 0; background-color: #2e63e6; } 
.event .inner { position: relative; } 
.event .inner .fin { position: absolute; top: 0; right: 0; z-index: 2; } 
.event .con_tit { margin-bottom: 30px; } 
.event .con_tit .event_header { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 231px; height: 70px; margin: 0 auto; color: #2e63e6; font-size: 30px; font-weight: 900; background-color: #fff; } 
.event .con_tit i { display: inline-block; margin: 35px 0 28px 0; color: #fff; font-size: 25px; font-weight: 300; font-style: normal; } 
.event .con_tit > img:last-of-type { position: absolute; top: 17%; left: 22.5%; z-index: 2; } 
.event .lecture { margin-top: 50px; padding-bottom: 0 !important; background-color: #fff; } 
.event .text { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-top: 25px; } 
.event .text p { position: relative; margin-bottom: 12px; padding-left: 10px; color: #c7d3f0; font-size: 15px; font-weight: 300; text-align: left; } 
.event .text p:last-of-type { margin-bottom: 0; } 
.event .text p::before { position: absolute; top: 0; left: 0; content: '-'; } 


/* 2023-10-23 ÀÌº¥Æ® ¿ö½Ì */
/* event_new */
.event_new { padding: 140px 0 207px 0; background-color: #282cd0; } 
.event_new .inner { position: relative; } 
.event_new .inner .fin { position: absolute; top: 0; right: 0; z-index: 2; } 
.event_new .container_info { display: inline-flex; flex-direction: column; align-items: flex-start; padding: 0; color: #fff; font-size: 22px; border-radius: 0; background-color: transparent; } 
.container_info .info { margin-right: 0; margin-bottom: 12px; } 
.container_info .info .info_title { width: 105px; } 
.container_info .info .info_title::before { display: none; } 
.container_info .info .info_title::after { width: 2px; height: 18px; background-color: #fff; } 
.container_info .info .info_date { text-align: left; } 
.container_info .info:nth-of-type(2) .info_title { letter-spacing: 3px; } 
.event_new .con_subtitle { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 0 40px; margin-top: 107px; margin-bottom: 37px; } 
.event_new .con_subtitle.for_line { margin-top: 0; margin-bottom: 35px; } 
.event_new .con_subtitle .line { flex: 1; height: 1px; background-color: #0c0c0d; } 
.event_new .con_subtitle.for_line .line { background-color: #2352c5; } 
.event_new .con_subtitle .text { display: inline-block; padding: 15px 55px; color: #fff; font-size: 22px; font-weight: bold; background-color: #0c0c0d; border-radius: 40px; } 
.event_new .con_subtitle.for_line .text { margin-bottom: 4px; padding: 0; background-color: transparent; border-radius: 0; } 
.event_new .step_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 0 40px; margin-top: 35px; margin-bottom: 30px; gap: 20px; } 
.event_new h6 { margin: 0 40px; margin-bottom: 33px; color: #ffffff; font-size: 23px; font-weight: bold; text-align: left; } 
.event_new h6 > img { margin-left: 5px; } 
.event_new .info_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 0 40px; padding: 30px; background-color: #2352c5; border-radius: 20px; } 
.event_new .info_wrapper.edit { margin-bottom: 60px; } 
.event_new .info_wrapper p { flex: 1; color: #ffffff; font-size: 18px; font-weight: 400; text-align: left; font-family: 'NotoSans KR'; } 
.event_new .info_wrapper a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 296px; height: 45px; color: #ffffff; font-size: 18px; font-weight: bold; font-family: 'NotoSans KR'; background-color: #0c0c0d; border-radius: 30px; } 
.event_new .shareList { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 43px; margin: 0 68px; margin-bottom: 21px; } 
.event_new .shareList li { flex: 1; border: 1px solid #fff; border-radius: 20px; } 
.event_new .shareList li a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 15px 0; color: #fff; font-size: 17px; } 
.event_new .shareList li a span { font-weight: bold; } 
.evtBoard_common { background-color: transparent; } 
.eventBoard .evtBoard_common .evtBoard_inner { padding: 0; } 
.eventBoard .evtBoard_common .info_wrap { margin-right: 40px; } 
.eventBoard .evtBoard_common .info_wrap > button { color: #94ace8; font-size: 13px; font-family: 'NotoSans KR'; } 


/* evtoggleWarning */
.warningList li .tit { display: inline-block; margin-bottom: 28px; font-size: 21px; font-weight: bold; } 
.warningList li ul li a { color: red; } 


/* 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; } 


.url .m_tit { font-size: 30px; font-weight: bold; font-family: 'NotoSans KR'; } 
.url .wrapper { margin-top: 30px; margin-bottom: 38px; padding-top: 14px; border-top: 1px solid #000; border-bottom: 1px solid #000; } 
.url .wrapper h6 { display: block; font-size: 13px; font-weight: bold; text-align: left; } 
.url .wrapper .radio_list { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin: 14px 0 12px 0; padding-bottom: 17px; border-bottom: 1px solid #d0d0d0; } 
.url .wrapper .radio_list li { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-right: 10px; } 
.url .wrapper .radio_list li:last-of-type { margin-right: 0; } 
.url .wrapper .radio_list li label { display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; } 
.url .wrapper .radio_list li label input { margin-right: 4px; } 
.url .wrapper input.input_url { width: 100%; height: 30px; margin: 10px 0 13px 0; border: 1px solid #d0d0d0; } 
.url .desc { padding: 20px; border: 1px solid #000; } 
.url .desc li { margin-bottom: 7px; } 
.url .desc li:last-of-type { margin-bottom: 0; } 


@media screen and (max-width: 1300px){
    .main h3 { margin: 0 -50px; } 
}

@media screen and (max-width: 1200px){
    .main h3 { margin: 0 auto; } 
    .main h3 > a { top: 54.1%; right: 2vw; } 
    .main h3 > .tiny_noti { left: 0; bottom: 19px; font-size: 9px; } 
    .main h3 > img:last-of-type { width: 44vw; } 
    .evCon7 .con_box > div { margin: 45px 0 55px 20px; } 
    .evCon7 .con_box > div p { font-size: 15px; } 
    .event .con_tit > img:last-of-type { left: 10.5%; } 
    .banner .inner { width: 100%; } 
    .banner .wrapper .for_move div:first-of-type i { padding: 7px 10px; font-size: 14px; } 
    .banner .wrapper .for_move div:first-of-type h6 { font-size: 24px; } 
    .banner .wrapper .for_move div:last-of-type { padding-left: 10px; padding-right: 10px; } 
    .banner .wrapper .for_move div:last-of-type p { font-size: 13px; } 
    .banner .wrapper .for_move div:last-of-type p span { font-size: 11px; } 
    .event_new .step_wrapper > img { width: 45%; } 
}

@media screen and (max-width: 992px){
    .main h3 > a { top: 53.1%; right: 1.3vw; } 
    .evSection .con_tit { font-size: 32px; } 
    .evSection .con_tit strong { font-size: 36px; } 
    .evCon1 .con_box > p { font-size: 18px; } 
    .evCon1 .for_box > img:nth-of-type(1),
    .evCon1 .for_box > img:nth-of-type(3) { width: 45%; } 
    .evCon1 .for_box > img:nth-of-type(2) { margin: 0 5px; } 
    .evCon2 .con_tit .tiny_noti,
    .evCon5 .con_tit .tiny_noti { font-size: 9px; } 
    .evCon2 .con2_video_wrapper .swiper-wrapper .swiper-slide p,
    .evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide .title { font-size: 16px; } 
    .evCon2 .con2_video_wrapper .swiper-wrapper .swiper-slide .eventVideo.video_renewal { margin: 20px 20px; } 
    .evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide .desc { margin: 10px 0; } 
    .evCon2 .con2_contents_wrapper .title { font-size: 16px; } 
    .evCon2 .con2_contents_wrapper .desc { margin: 10px 0; } 
    .evCon3 .table .table_box .table_box_title,
    .evCon3 .table .table_box .table_box_inner p { font-size: 14px; } 
    .evCon3 .table .table_box .table_box_inner p span { font-size: 12px; } 
    .evCon3 .swiper-button-next,.evCon3 .swiper-button-prev { display: none; } 
    .evCon3 .con3_swiper .swiper-wrapper .swiper-slide { padding: 70px 30px 61px 30px; } 
    .evCon3 .con3_swiper .swiper-wrapper .swiper-slide.last { padding: 70px 30px 0 30px; } 
    .evCon3 .box_bottom { margin: 0 -30px; } 
    .evCon4 .con4_swiper .swiper-wrapper .swiper-slide h6 { font-size: 14px; } 
    .evCon4 .con4_swiper .swiper-wrapper .swiper-slide p { font-size: 12px; } 
    .evCon6 .tab_base li { font-size: 16px; } 
    .evCon7 .con_box { align-items: flex-end; } 
    .evCon7 .con_box > img { width: 30%; } 
    .event .con_tit > img:last-of-type { left: 6.5%; } 
    .event .text p { font-size: 12px; } 
    .clickPop { padding: 15px 0 20px; } 
    .dim_popup.sns .tit { font-size:22px } 
    .dim_popup.sns table { font-size:12px } 
    .banner .wrapper .for_link { width: 138px; } 
    .banner .wrapper .for_move div:first-of-type h6 { font-size: 20px; } 
    .banner .wrapper .for_move div:first-of-type i { margin-right: 7px; } 
    .event_new .con_subtitle { margin: 0 auto; margin-top: 10vw; margin-bottom: 3vw; } 
    .event_new .step_wrapper { margin: 0 auto; margin-top: 3vw; margin-bottom: 3vw; } 
    .event_new h6 { margin: 0 auto; margin-bottom: 3vw; } 
    .event_new .info_wrapper { margin: 0 auto; } 
    .event_new .info_wrapper.edit { margin-bottom: 5vw; } 
    .event_new .info_wrapper p { font-size: 14px; } 
    .event_new .info_wrapper a { width: 250px; height: 42px; font-size: 15px; } 
    .event_new .shareList { gap: 20px; margin: 0 auto; margin-bottom: 3vw; } 
    .event_new .shareList li a { font-size: 14px; } 
    .eventBoard .evtBoard_common .info_wrap { margin-right: 0; } 
}

@media screen and (max-width: 768px){
    .main h3 > a > img { width: 4vw; height: 4vw; } 
    .evSection .con_tit { font-size: 26px; letter-spacing: -1px; } 
    .evSection .con_tit strong { font-size: 30px; } 
    .evCon1 { padding: 18vw 0 10vw 0; } 
    .evCon1 .con_box > p { margin-bottom: 5vw; font-size: 15px; } 
    .evCon1 .for_line { margin: 10px 0 5vw 0; } 
    .evCon1 .for_line > img { width: 60%; } 
    .evCon1 .for_box > img:nth-of-type(2) { width: 7%; } 
    .evCon2 { padding: 10vw 0; } 
    .evCon2 .con_tit { margin-bottom: 5vw; } 
    .evCon2 .for_line > img { width: 50%; } 
    .evCon2 .con2_video_wrapper { margin: 2vw 0 10vw 0; padding: 37px 0 30px 0; overflow: hidden; } 
    .evCon2 .con2_video_wrapper { width: 80%; margin: 2vw auto 10vw; } 
    .evCon2 .con2_contents_wrapper { width: calc(100% - 9.2vw); justify-content: flex-start; margin: 2vw auto 10vw; margin-left: 9.2vw; overflow-x: scroll; } 
    .evCon2 .con2_contents_wrapper ul { width: 234vw; overflow: initial; } 
    .evCon2 .con2_contents_wrapper .contents { width: 78vw; } 
    /* .evCon2 .con2_contents_wrapper .contents { width:100% } */
    /* .evCon2 .con2_contents_wrapper { width: 100%; margin: 2vw auto 10vw; } 
    .evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide { width: 80% !important; } 
    .evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide .desc { width: 100%; } 
    .evCon2 .con2_contents_wrapper { padding-bottom: 30px; border-radius: initial; } 
    .evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide .desc { margin: 10px 0 30px 0; } 
    .evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide.slide1 { border-radius: 20px 0 0 20px; } 
    .evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide.slide3 { border-radius: 0 20px 20px 0; } 
    .evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide.slide1 .title { border-radius: 20px 0 0 0; } 
    .evCon2 .con2_contents_wrapper .swiper-wrapper .swiper-slide.slide3 .title { border-radius: 0 20px 0 0; } */
    .evCon2 .con2_video_wrapper .swiper-pagination { opacity: 1; } 
    /* .evCon2 .con2_contents_wrapper .swiper-pagination { display: flex; flex-direction: row; align-items: center; justify-content: center; left: 0; bottom: 0; width: 100%; opacity: 1; border-radius: 20px; overflow: hidden; } 
    .evCon2 .con2_contents_wrapper .swiper-pagination-bullet { flex: 1; width: initial; height: 10px; border-radius: 0; } 
    .evCon2 .con2_contents_wrapper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.evCon2 .con2_contents_wrapper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; } */
    .evCon3 { padding: 10vw 0; } 
    .evCon3 .con_tit { margin-bottom: 5vw; } 
    .evCon3 .table { flex-direction: column; } 
    .evCon3 .table .table_box { flex-direction: row; width: 100%; border-right: 0; border-bottom: 1px solid #d0d7e3; } 
    .evCon3 .table .table_box .table_box_title { height: 150px; border-bottom: 0; } 
    .evCon3 .table .table_box .table_box_inner { height: 150px; } 
    .evCon3 .table .table_box:nth-of-type(4) .table_box_inner p.box_30per,
    .evCon3 .table .table_box:nth-of-type(4) .table_box_inner p.box_40per { height: 33.33%; } 
    .evCon3 .con3_swiper .swiper-wrapper .swiper-slide .swiper-title { top: -4vw; width: 50%; } 
    .evCon3 .dash_subtitle .line { height: 20px; } 
    .evCon3 .dash_subtitle .text { font-size: 16px; } 
    .evCon3 .dash_subtitle .text span { font-size: 13px; } 
    .evCon3 .box_wrapper_1 > img { width: 7%; margin: 0 5px; } 
    .evCon3 .box_wrapper_1 .box .title { height: 40px; line-height: 40px; font-size: 14px; } 
    .evCon3 .box_wrapper_1 .box p { margin: 18px 0; font-size: 14px; } 
    .evCon3 .con3_swiper .swiper-wrapper .swiper-slide { padding: 70px 10px 61px 10px; } 
    .evCon3 .con3_swiper .swiper-wrapper .swiper-slide.last { padding: 70px 10px 0 10px; } 
    .evCon3 .box_bottom { margin: 0 -10px; } 
    .evCon3 .box_wrapper_2 { margin: 5vw 0 10vw 0; } 
    .evCon3 .box_wrapper_2 .box { height: 70px; font-size: 14px; } 
    .evCon3 .box_wrapper_2 > img { width: 20%; margin: 0 5px; } 
    .evCon3 .box_wrapper_2 .box span { top: -23px; font-size: 12px; } 
    .evCon3 .text_wrapper_1 { margin-bottom: 8vw; } 
    .evCon3 .text_wrapper { padding: 20px 10px; } 
    .evCon3 .text_wrapper p { margin-bottom: 5px; font-size: 12px; } 
    .evCon3 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.evCon3 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } 
    .evCon3 .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; } 
    .evCon3 h5 { margin-bottom: 5vw; font-size: 18px; } 
    .evCon3 .box_wrapper_3 { gap: 5px; margin: 0 0 10vw 0; } 
    .evCon3 .box_wrapper_3 .box p { font-size: 12px; } 
    .evCon3 .box_bottom > p { font-size: 14px; } 
    .evCon4 { padding: 10vw 0; } 
    .evCon4 .con_tit { margin-bottom: 5vw; } 
    .evCon4 .con4_swiper .swiper-wrapper .swiper-slide.swiper-slide-active h6 { font-size: 14px; letter-spacing: -1px; } 
    .evCon4 .con4_swiper { margin-bottom: 10vw; height: 330px; } 
    .evCon4 .eventVideo.with_shadow { margin-bottom: 10vw; } 
    .evCon5 { padding: 10vw 0 0 0; } 
    .evCon5 .con_tit i { margin-bottom: 10px; font-size: 18px; } 
    .evCon5 .book_wrapper { flex-direction: column; margin-bottom: 5vw; } 
    .evCon5 .book_wrapper > img { margin-left: -10vw; } 
    .evCon5 .book_wrapper > div { margin-left: 0; gap: 5px; } 
    .evCon6 { padding-bottom: 10vw; } 
    .evCon6 .tab_base li { height: 60px; font-size: 13px; border-radius: 20px 20px 0 0; } 
    .evCon6 .panel_base li .tab_title { margin: 7vw 0 5vw 0; font-size: 17px; } 
    .evCon7 { overflow: hidden !important; } 
    .evCon7 .con_box { flex-direction: column; align-items: flex-end; } 
    .evCon7 .con_box > div { margin: 5vw 25vw 5vw 0; } 
    .evCon7 .con_box > div p { font-size: 12px; } 
    .evCon7 .con_box > img { margin-right: -5vw; } 
    .event { padding: 10vw 0; } 
    .event .inner .fin { width: 25vw; } 
    .event .con_tit .event_header { width: 160px; height: 55px; font-size: 25px; } 
    .event .con_tit > img:last-of-type { top: -9%; } 
    .event .con_tit { margin-bottom: 2vw; } 
    .event .con_tit i { margin: 4vw 0 4vw 0; font-size: 18px; } 
    .banner .wrapper .for_link { width: 98px; font-size: 12px; } 
    .banner .wrapper .for_link span { font-size: 9px; } 
    .banner .wrapper .for_move div:first-of-type { flex-direction: column; } 
    .banner .wrapper .for_move div:first-of-type h6 { font-size: 19px; } 
    .banner .wrapper .for_move div:first-of-type i { margin-right: 0; padding: 3px 10px; font-size: 11px; } 
    .banner .wrapper .for_move div:last-of-type { width: 34%; } 
    .banner .wrapper .for_move div:last-of-type p { font-size: 12px; } 
    .banner .wrapper .for_move div:last-of-type p span { font-size: 10px; } 
    .banner .wrapper .for_move div:last-of-type > img { width: 40%; } 
    .event_new { padding: 10vw 0; } 
    .event_new .container_info { font-size: 15px; } 
    .event_new .con_subtitle .text { padding: 10px 40px; font-size: 18px; } 
    .event_new .con_subtitle+img { width: 60%; } 
    .event_new h6 { font-size: 16px; } 
    .event_new h6 > img { width: 40%; } 
    .event_new .shareList { gap: 10px; } 
    .event_new .info_wrapper a { width: 208px; height: 40px; font-size: 13px; } 
}

@media screen and (max-width: 576px){
    .main h3 > img:last-of-type { right: 10vw; bottom: -10vw; } 
    .evSection .con_tit { font-size: 17px; letter-spacing: -1px; } 
    .evSection .con_tit strong { font-size: 20px; } 
    .evCon1 .con_box > p { font-size: 12px; } 
    .evCon1 .for_box { flex-direction: column; } 
    .evCon1 .for_box > img:nth-of-type(1), .evCon1 .for_box > img:nth-of-type(3) { width: 70%; } 
    .evCon1 .for_box > img:nth-of-type(2) { width: 10%; margin: 5px 0; } 
    .evCon2 .for_line > img { width: 70%; } 
    .evCon2 .con2_video_wrapper { width: 80%; margin: 0 auto; margin-top: 2vw; margin-bottom: 10vw; padding: 30px 0 30px 0; } 
    .evCon2 .con2_video_wrapper .swiper-wrapper .swiper-slide .point { top: -30px; left: 22px; width: 60px; height: 60px; font-size: 10px; } 
    .evCon2 .con2_contents_wrapper { /* width: 100%; */ margin: 0 auto; margin-top: calc(2vw + 30px); margin-left: 9.2vw; } 
    .evCon2 .con2_contents_wrapper .desc { padding: 10px 12px; } 
    .evCon3 .table .table_box .table_box_title,.evCon3 .table .table_box .table_box_inner { height: 90px; } 
    .evCon3 .table .table_box .table_box_title, .evCon3 .table .table_box .table_box_inner p { line-height: 1.2; font-size: 11px; } 
    .evCon3 .table .table_box .table_box_inner p span { margin-top: 0; font-size: 9px; } 
    .evCon3 .con3_subtitle { margin: 10vw 0 1vw 0; } 
    .evCon3 .con3_subtitle h6 { margin-top: 6px; font-size: 20px; } 
    .evCon3 .box_wrapper_2 .box span { top: -17px; font-size: 9px; } 
    .evCon3 .text_wrapper p { font-size: 10px; } 
    .evCon3 .box_wrapper_1 .box .title { height: 35px; line-height: 35px; font-size: 12px; } 
    .evCon3 .box_wrapper_1 .box p { margin: 12px 0; font-size: 11px; } 
    .evCon3 .dash_subtitle .text { font-size: 12px; } 
    .evCon3 .dash_subtitle .text span { font-size: 9px; } 
    .evCon3 .box_wrapper_3 .box p { font-size: 9px; letter-spacing: -1.5px; } 
    .evCon3 h5 { font-size: 14px; } 
    .evCon4 .con4_swiper { height: 244px; } 
    .evCon4 .con4_swiper .swiper-wrapper .swiper-slide h6 { font-size: 10px; } 
    .evCon4 .con4_swiper .swiper-wrapper .swiper-slide p { margin-top: 2px; font-size: 9px; } 
    .evCon4 .con4_swiper .swiper-wrapper .swiper-slide.swiper-slide-active { /* height: 50% !important; */ } 
    .evCon4 .con4_swiper .swiper-wrapper .swiper-slide.swiper-slide-active h6 { font-size: 12px; } 
    .evCon4 .con4_swiper .swiper-wrapper .swiper-slide.swiper-slide-active p { font-size: 9px; } 
    .evCon5 .book_wrapper > img { width: 60%; } 
    .evCon5 .book_wrapper > div > a > img { width: 60%; } 
    .evCon6 .tab_base li { height: 50px; font-size: 12px; border-radius: 10px 10px 0 0; } 
    .evCon6 .panel_base li .tab_title { font-size: 14px; } 
    .evCon7 .con_box > div p { font-size: 9px; } 
    .evCon7 .con_box > img { margin-top: -114px; } 
    .event .con_tit > img:last-of-type { width: 20%; } 
    .event .con_tit .event_header { width: 130px; height: 40px; font-size: 20px; } 
    .event .con_tit i { font-size: 14px; } 
    .event .lecture { margin-top: 3vw; } 
    .event .text p { font-size: 10px; letter-spacing: -1px; } 
    .dim_popup.sns { width:90% } 
    .banner .wrapper .for_link { width: 78px; font-size: 11px; } 
    .banner .wrapper .for_move div:first-of-type i { margin-bottom: 5px; font-size: 10px; } 
    .banner .wrapper .for_move div:first-of-type h6 { font-size: 14px; letter-spacing: -1px; } 
    .banner .wrapper .for_move div:last-of-type { width: 40%; } 
    .banner .wrapper .for_move div:last-of-type p,
    .banner .wrapper .for_move div:last-of-type p span { font-size: 9px; } 
    .event_new .inner .fin { width: 25vw; } 
    .event_new .container_info { font-size: 12px; } 
    .container_info .info .info_title { width: 62px; } 
    .container_info .info .info_title::after { height: 10px; } 
    .container_info .info:nth-of-type(2) .info_title { letter-spacing: 2px; } 
    .event_new .con_subtitle .text { padding: 7px 24px; font-size: 15px; } 
    .event_new .step_wrapper { flex-direction: column; gap: 10px; } 
    .event_new .step_wrapper > img { width: 80%; } 
    .event_new .info_wrapper { flex-direction: column; padding: 20px 20px; } 
    .event_new .info_wrapper a { width: 100%; margin-top: 10px; } 
    .event_new .shareList li { border-radius: 10px; } 
    .event_new .shareList li a { font-size: 10px; } 
    [class*=mg_popup_wrap] .content_area .content_inner { padding: 20px 10px; } 
    .url .wrapper { margin-top: 17px; margin-bottom: 10px; } 
    .url .wrapper .radio_list { flex-wrap: wrap; gap: 5px; } 
    .url .wrapper input.input_url::placeholder { font-size: 11px; letter-spacing: -1px; } 
    .url .desc { padding: 10px; } 
    .url .desc li { font-size: 12px; } 
    .mg_info_wrap { margin-top: 10px; } 
    .mg_terms { padding: 10px; font-size: 12px; } 
}