@charset "euc-kr";


/* main */
.main { padding-bottom: 95px;background-image: url('https://image.megagong.net/m/2023/0907_enp301/main_bg.jpg');background-repeat: no-repeat;background-position: center;background-size: cover; } 
.main h3 { margin: 0 -143px; } 
.main .con_box p { color: #ffffff; font-size: 23px; font-weight: 300; letter-spacing: 14px; } 
.main .con_box p span { display: inline-block; margin-top: 10px; padding: 4px 10px; color: #e6e3ef; font-weight: bold; background-color: #0728ba; } 
.main .con_box .tiny_noti { margin-top: 75px; color: #6a6a79; font-size: 13px; } 


/* evSection */
.evSection .con_tit { font-size: 45px; font-weight: bold; } 
.evSection .con_tit i { display: inline-block; margin-bottom: 10px; font-size: 25px; font-style: normal; font-weight: 300; } 


/* evCon1 */
.evCon1 { padding: 125px 0 135px 0; background-color: #dadcef; } 
.evCon1 .con_tit { color: #323443; } 
.evCon1 .con_tit span { color: #2d4cd5; } 
.evCon1 .con_tit i { color: #323443; } 
.evCon1 .con_box { margin: 0 -283px; } 
.evCon1 .con_box .teacher { position: relative; display: inline-block; } 
.evCon1 .con_box .teacher > a { position: absolute; right: 6px; bottom: 11px; } 
.evCon1 .con_box .tiny_noti { margin-top: 25px; color: #a1a3b3; font-size: 13px; font-weight: 300; } 


/* evCon2 */
.evCon2 { padding: 122px 0 140px 0; background-color: #3e4052; } 
.evCon2 .con_tit { margin-bottom: 75px; color: #fff; } 
.evCon2 .con_tit span { color: #c3c7eb; } 
.evCon2 .con_tit i { color: #858697; } 
.evCon2 .top_text_box { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 80px; } 
.evCon2 .top_text_box .text_box { position: relative; flex: 1; margin-right: 16px; padding: 30px 0; color: #fff; font-size: 17px; font-weight: 300; background-color: #2b2d3f; border-radius: 15px; } 
.evCon2 .top_text_box .text_box:last-of-type { margin-right: 0; } 
.evCon2 .top_text_box .text_box > img { position: absolute; top: -19px; left: 20px; } 
.evCon2 .video_wrapper { display: flex; flex-direction: row; align-items: flex-end; justify-content: center; margin-left: -30px; margin-bottom: 94px; } 
.evCon2 .video_wrapper .eventVideo.video_renewal { width: 739px; margin-left: 13px; margin-bottom: 35px; } 
.evCon2 .lecture { margin-bottom: 100px; padding-bottom: 0 !important; background-color: #fff; } 
.evCon2 .con2_subtitle { position: relative; line-height: 1.6; color: #fff; font-size: 30px; font-weight: 300; z-index: 1; } 
.evCon2 .con2_subtitle span { position: relative; z-index: 1; } 
.evCon2 .con2_subtitle span::before { position: absolute; left: 0; bottom: 3px; content: ''; width: 100%; height: 11px; background-color: #2d4cd5; z-index: -1; } 
.evCon2 .con2_subtitle b { font-weight: 900; } 
.evCon2 .con2_paper { position: relative; z-index: 1; } 
.evCon2 .middle_text_box { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; } 
.evCon2 .middle_text_box.for_mo { display: none; } 
.evCon2 .middle_text_box::before { position: absolute; top: -233px; left: -100vw; content: ''; width: 200vw; height: 300vh; background-color: #333446; } 
.evCon2 .middle_text_box .text_box { position: relative; width: calc(50% - 10px); padding: 37px 0; color: #212121; font-size: 18px; background-color: #ebedf6; border-radius: 15px; z-index: 1; } 
.evCon2 .link_wrapper { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; margin: 44px 0 113px 0; z-index: 1; } 
.evCon2 .link_wrapper .btn { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 460px; height: 70px; color: #fff; font-size: 19px; font-weight: bold; font-family: 'NotoSans KR'; background-color: #090909; border-radius: 20px; } 
.evCon2 .link_wrapper .btn > img { margin-left: 12px; } 
.evCon2 .guide_wrapper { position: relative; } 
.evCon2 .guide_wrapper .guide_title { position: absolute; top: -33px; left: 50%; transform: translate(-50%, 0); display: flex; flex-direction: row; align-items: center; justify-content: center; width: 179px; height: 58px; color: #fff; font-size: 19px; font-weight: bold; background-color: #2d4cd5; border-radius: 40px; } 
.evCon2 .guide_wrapper .guide_box { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 44px 0 32px 0; background-color: #252637; border-radius: 20px 20px 0 0; } 
.evCon2 .guide_wrapper .guide_box .guide { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; flex: 1; height: 157px; padding-top: 19px; border-right: 1px dashed #47485a; } 
.evCon2 .guide_wrapper .guide_box .guide:last-of-type { border-right: 0; border-bottom: 0; } 
.evCon2 .guide_wrapper .guide_box .guide i { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-bottom: 13px; color: #fff; font-size: 12px; font-weight: 900; font-style: normal; background-color: #2d4cd5; border-radius: 50%; } 
.evCon2 .guide_wrapper .guide_box .guide p { position: relative; line-height: 1.6; color: #ffffff; font-size: 16px; z-index: 1; } 
.evCon2 .guide_wrapper .guide_box .guide p span { position: relative; z-index: 1; } 
.evCon2 .guide_wrapper .guide_box .guide p span::before { position: absolute; left: 0; bottom: 1px; content: ''; width: 100%; height: 5px; background-color: #2d4cd5; z-index: -1; } 
.evCon2 .guide_wrapper .guide_box .guide > span { margin-top: 16px; color: #8688a0; font-size: 15px; } 
.evCon2 .guide_wrapper .guide_bottom { padding: 20px 0; color: #fff; font-size: 16px; font-weight: 300; background-color: #161721; border-radius: 0 0 20px 20px; } 


/* evCon3 */
.evCon3 { padding: 117px 0 140px 0; background-color: #e4e5f6; } 
.evCon3 .con_tit { margin-bottom: 60px; color: #323443; } 
.evCon3 .con_tit span { color: #2d4cd5; } 
.evCon3 .con_tit i { color: #323443; } 
.evCon3 .box_wrapper { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; margin-bottom: 58px; } 
.evCon3 .box_wrapper .box { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: calc(50% - 10px); padding: 58px 0 35px 0; background-color: #f5f5fb; border-radius: 15px; } 
.evCon3 .box_wrapper .box .point { position: absolute; top: 30px; right: 30px; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 57px; height: 57px; line-height: 1; color: #fff; font-size: 14px; font-weight: bold; border-radius: 50%; } 
.evCon3 .box_wrapper .box:nth-of-type(1) .point { background-color: #ff7112; } 
.evCon3 .box_wrapper .box:nth-of-type(2) .point { background-color: #ff2312; } 
.evCon3 .box_wrapper .box:nth-of-type(3) .point,
.evCon3 .box_wrapper .box:nth-of-type(4) .point { background-color: #2b37a7; } 
.evCon3 .box_wrapper .box .text { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; color: #212121; font-size: 16px; font-weight: 300; text-align: left; } 
.evCon3 .box_wrapper .box .text span { margin-top: 12px; font-size: 20px; font-weight: bold; } 
.evCon3 .box_wrapper .box .text > a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 110px; height: 35px; margin-top: 22px; color: #fff; font-size: 15px; font-weight: bold; background-color: #090909; border-radius: 40px; } 
.evCon3 .box_wrapper .box .text > a > img { margin-left: 6px; } 
.evCon3 .btn_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evCon3 .btn_wrapper > a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 460px; height: 70px; color: #fff; font-size: 19px; font-weight: bold; background-color: #2d4cd5; border-radius: 20px; } 
.evCon3 .btn_wrapper > a > img { margin-left: 12px; } 


/* event */
.event { padding: 139px 0 111px 0; background-color: #303baa; } 
.event .inner { position: relative; } 
.event .inner .event_fin { position: absolute; top: 17px; right: -32px; z-index: 2; } 
.event .con_tit { margin-bottom: 40px; } 
.event .main_text { margin-bottom: 80px; color: #fff; font-size: 22px; } 
.event .info_and_gift { position: relative; margin-bottom: 80px; } 
.event .info_and_gift::before { position: absolute; top: 0; left: -100vw; content: ''; width: 200vw; height: 100%; background-color: #232e9c; } 
.event .info_and_gift .container_info { position: relative; flex-direction: column; align-items: flex-start; justify-content: center; padding: 91px 0 91px 110px; color: #fff; font-size: 18px; background-color: transparent; z-index: 1; } 
.event .info_and_gift .container_info .info { margin-right: 0; margin-bottom: 20px; } 
.event .info_and_gift .container_info .info:last-of-type { margin-bottom: 0; } 
.event .info_and_gift .container_info .info .info_title { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 134px; height: 41px; margin-right: 12px; background-color: #1b2374; border-radius: 30px; } 
.event .info_and_gift .container_info .info .info_title::before { display: none; } 
.event .info_and_gift .container_info .info .info_title::after { display: none; } 
.event .info_and_gift .container_info .info .info_date { color: #d5d8f3; font-weight: bold; } 
.container_info .info .noti { margin-top: 4px; margin-left: 12px; color: #fff4d4; } 
.event .info_and_gift > img { position: absolute; right: 85px; bottom: 30px; z-index: 1; } 
.event .btn_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.event .btn_wrap > a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 460px; height: 70px; color: #fff; font-size: 19px; font-weight: bold; background-color: #090909; border-radius: 20px; } 
.event .btn_wrap > a > img { margin-left: 12px; } 


/* À̺¥Æ® À¯ÀÇ»çÇ× */
.warningList > li.w_tit { font-weight: bold; } 
.warningList > li { margin-top: 12px; } 
.warningList li ul li a { color: #303baa; text-decoration: underline; text-underline-offset: 4px; } 


@media screen and (max-width: 1200px){
    .main .con_box p { letter-spacing: 11px; } 
    .evCon1 .con_box { margin: 0 -23vw; } 
    .evCon2 .middle_text_box.for_pc { display: none; } 
    .evCon2 .middle_text_box.for_mo { display: block; } 
    .evCon2 .middle_text_box.for_mo .slick-dots { position: absolute; left: 50%; bottom: -20px; transform: translate(-50%, 0); display: flex; flex-direction: row; align-items: center; justify-content: center; } 
    .evCon2 .middle_text_box.for_mo .slick-dots li { width: 12px; height: 12px; margin: 0 5px; background-color: #dddddd; border-radius: 50%; cursor: pointer; } 
    .evCon2 .middle_text_box.for_mo .slick-dots li button { font-size: 0; } 
    .evCon2 .middle_text_box.for_mo .slick-dots li.slick-active { background-color: #111111; } 
    .event .inner .event_fin { top: 0; right: 0; } 
    .event .info_and_gift .container_info { padding: 91px 0 91px 30px; } 
    .event .info_and_gift > img { right: 0; } 
}

@media screen and (max-width: 992px){
    .main .con_box p { font-size: 20px; letter-spacing: 5px; } 
    .main .con_box .tiny_noti,
    .evCon1 .con_box .tiny_noti { font-size: 9px; } 
    .evCon1 .con_box .teacher { width: 30%; } 
    .evCon2 .guide_wrapper .guide_box .guide p,
    .evCon2 .guide_wrapper .guide_bottom { font-size: 13px; } 
    .evCon3 .box_wrapper { flex-direction: column; gap: 10px; } 
    .evCon3 .box_wrapper .box { justify-content: center; width: 100%; padding-right: 52px; } 
    .event .info_and_gift { display: flex; flex-direction: column-reverse; align-self: center; justify-content: center; } 
    .event .info_and_gift .container_info { padding: 10px 0 30px 0; } 
    .event .info_and_gift > img { position: relative; width: 40%; margin: 0 auto; margin-top: -30px; z-index: 1; } 
}

@media screen and (max-width: 768px){
    .main .con_box p { font-size: 16px; letter-spacing: 3px; } 
    .evSection .con_tit { font-size: 35px; } 
    .evSection .con_tit i { margin-bottom: 5px; font-size: 20px; } 
    .evCon1 .con_box .teacher > a { right: 0; bottom: 0; width: 3vw; } 
    .evCon2 .top_text_box { margin-bottom: 20px; } 
    .evCon2 .top_text_box .text_box { margin-right: 10px; font-size: 14px; } 
    .evCon2 .video_wrapper { flex-direction: column; align-items: center; margin-left: initial; margin-bottom: 30px; } 
    .evCon2 .video_wrapper .book { width: 40%; margin-bottom: 20px; } 
    .evCon2 .video_wrapper .eventVideo.video_renewal { width: 100%; margin-left: initial; margin-bottom: 0; } 
    .evCon2 .con2_subtitle { font-size: 23px; } 
    .evCon2 .con2_subtitle span::before { bottom: 2px; height: 8px; } 
    .evCon2 .middle_text_box::before { top: -26.5vw; } 
    .evCon2 .guide_wrapper .guide_title { top: -22.5px; height: 45px; font-size: 16px; } 
    .evCon2 .link_wrapper { gap: 10px; } 
    .evCon2 .guide_wrapper .guide_box .guide > span { font-size: 11px; } 
    .evCon2 .guide_wrapper .guide_bottom { padding: 20px 20px; } 
    .event .inner .event_fin { width: 25vw; } 
    .event .main_text { font-size: 18px; } 
}

@media screen and (max-width: 576px){
    .main { padding-bottom: 10vw; } 
    .main h3 { margin: 0 -22vw; } 
    .main .con_box p { font-size: 11px; letter-spacing: 2px; } 
    .main .con_box .tiny_noti { margin-top: 10vw; } 
    .evSection .con_tit { font-size: 20px; } 
    .evSection .con_tit i { margin-bottom: 0; font-size: 12px; } 
    .evCon1 { padding: 10vw 0; } 
    .evCon1 .con_box .tiny_noti { margin-top: 10px; } 
    .evCon2 { padding: 10vw 0; } 
    .evCon2 .con_tit { margin-bottom: 10vw; } 
    .evCon2 .top_text_box { flex-direction: column; } 
    .evCon2 .top_text_box .text_box { width: 100%; margin-right: 0; margin-bottom: 10px; padding: 15px 0; } 
    .evCon2 .top_text_box .text_box:last-of-type { margin-bottom: 0; } 
    .evCon2 .top_text_box .text_box > img { top: -10px; left: 10px; width: 20px; height: 20px; } 
    .evCon2 .lecture { margin-bottom: 10vw; } 
    .evCon2 .con2_subtitle { font-size: 16px; } 
    .evCon2 .con2_subtitle span::before { bottom: 2px; height: 5px; } 
    .evCon2 .middle_text_box .text_box { padding: 20px 0; font-size: 12px; } 
    .evCon2 .middle_text_box.for_mo .slick-dots li { width: 7px; height: 7px; } 
    .evCon2 .link_wrapper { gap: 5px; margin: 9vw 0 14vw 0; } 
    .evCon2 .link_wrapper .btn { width: 50%; height: 50px; font-size: 12px; } 
    .evCon2 .link_wrapper .btn > img { height: 10px; margin-left: 5px; } 
    .evCon2 .guide_wrapper .guide_title { top: -17.5px; width: 30%; height: 35px; font-size: 14px; } 
    .evCon2 .guide_wrapper .guide_box { flex-direction: column; padding: 44px 0 0 0; } 
    .evCon2 .guide_wrapper .guide_box .guide { width: 70%; padding-bottom: 30px; border-right: 0; border-bottom: 1px dashed #47485a; } 
    .evCon2 .guide_wrapper .guide_box .guide:first-of-type { padding-top: 0; } 
    .evCon2 .guide_wrapper .guide_box .guide:last-of-type { margin-bottom: 0; } 
    .evCon3 { padding: 10vw 0; } 
    .evCon3 .con_tit { margin-bottom: 5vw; } 
    .evCon3 .box_wrapper { margin-bottom: 10vw; } 
    .evCon3 .box_wrapper .box { padding-right: initial; padding: 25px 0 15px 0; } 
    .evCon3 .box_wrapper .box .point { top: 10px; right: 10px; width: 40px; height: 40px; font-size: 11px; } 
    .evCon3 .box_wrapper .box > img { width: 30%; } 
    .evCon3 .box_wrapper .box .text { width: 70%; font-size: 12px; } 
    .evCon3 .box_wrapper .box .text span { font-size: 16px; } 
    .evCon3 .box_wrapper .box .text > a { width: 90px; height: 25px; margin-top: 15px; font-size: 12px; } 
    .evCon3 .btn_wrapper > a,
    .event .btn_wrap > a { width: 100%; height: 50px; font-size: 12px; } 
    .event { padding: 10vw 0; } 
    .event .con_tit { margin-bottom: 5vw; } 
    .event .main_text { font-size: 12px; } 
    .event .info_and_gift { margin-bottom: 10vw; } 
    .event .info_and_gift > img { width: 50%; margin-top: -30px; } 
    .event .info_and_gift .container_info { font-size: 12px; } 
    .event .info_and_gift .container_info .info .info_title { width: 90px; height: 30px; margin-right: 8px; } 
}