@charset "euc-kr";


/* flt_inner */
.flt_inner.renewal ul:first-of-type { padding: 8px; background: linear-gradient(to bottom, #3b1b6e, #502a8f); border-radius: 5px; } 
.flt_inner.renewal ul:first-of-type p { margin: 10px 0 15px 0; color: #fff; font-size: 15px; font-weight: 300; text-align: center; } 


/* °øÅë¿ä¼Ò */
.evSection .con_tit { margin-bottom: 70px; color: #000000; font-size: 48px; font-weight: 900; } 
.evSection .con_tit span { font-size: 20px; font-weight: 900; } 
.evSection .con_tit img { margin-top: 40px; margin-bottom: 10px; } 
.evSection .con_tit .for_mo { display: none; } 


/* main */
.main { background-image: url('https://image.megagong.net/m/2023/0519_allawyer/main_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.main .inner { position: relative; } 
.main .con_box a { position: absolute; left: 29%; bottom: 150px; } 
.main .con_box .tiny_noti { position: absolute; left: 0; bottom: 55px; display: block; width: 100%; color: #898989; font-size: 13px; font-weight: 300; text-align: right; } 


/* banner - ¸ð¹ÙÀÏ Àü¿ë */
.banner{
    display: none;
}

/* evCon1 */
.evCon1 { padding: 155px 0 216px 0; background-color: #280b57; } 
.evCon1 .con_tit { margin-bottom: 45px; color: #fff; } 
.evCon1 .con_box .con1_top { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } 
.evCon1 .con_box .con1_top .eventVideo.video_renewal.for_youtube { width: 485px; z-index: 1; } 
.evCon1 .con_box .con1_top .review { width: 500px; margin-right: 40px; z-index: 1; } 
.evCon1 .con_box .con1_top .review > p { margin-top: 15px; color: #ffffff; font-size: 15px; font-weight: 300; } 
.evCon1 .con_box .con1_top .review > span { display: inline-block; margin-top: 15px; color: #a7a7a7; font-size: 15px; font-weight: 300; } 
.evCon1 .con_box h5 { margin-top: 105px; margin-bottom: 52px; color: #fff; font-size: 37px; font-weight: 900; } 
.evCon1 .con_box h5 span { color: #65ffff; } 
.evCon1 .con_box .con1_bottom { margin: 0 -9px; } 
.evCon1 .con_box .con1_bottom .item { display: flex !important; flex-direction: column; align-items: center; justify-content: center; padding: 30px 0 35px 0; background-color: #fff; border-radius: 20px; } 
.evCon1 .con_box .con1_bottom .item > span { display: inline-block; margin: 12px 0; color: #a6a6a6; font-size: 14px; font-weight: 300; } 
.evCon1 .con_box .con1_bottom .item > p { line-height: 1.5; color: #000000; font-size: 16px; font-weight: 300; } 
.evCon1 .con_box .con1_bottom .slick-slide { margin: 0 9px; } 
.evCon1 .con_box .con1_bottom .slick-arrow { position: absolute; top: 50%; transform: translate(0, -50%); width: 20px; height: 34px; font-size: 0; z-index: 2; background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon1 .con_box .con1_bottom .slick-prev { background-image: url('https://image.megagong.net/m/2023/0519_allawyer/icon_arrow_left.png'); left: -39px; } 
.evCon1 .con_box .con1_bottom .slick-next { background-image: url('https://image.megagong.net/m/2023/0519_allawyer/icon_arrow_right.png'); right: -39px; } 


/* evCon2 */
.evCon2 { padding: 150px 0 160px 0; background-color: #ebebeb; } 
.evCon2 .con_box { background-color: #fff; border-radius: 20px; } 
.evCon2 .con_box.quiz_before { padding: 65px 0 35px 0; } 
.evCon2 .con_box.quiz_before > p { margin-bottom: 80px; color: #000000; font-size: 33px; font-weight: 300; } 
.evCon2 .con_box.quiz_before > p b { font-weight: 900; } 
.evCon2 .con_box.quiz_before .teacher { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 111px; } 
.evCon2 .con_box.quiz_before .teacher > img { margin-right: 16px; } 
.evCon2 .con_box.quiz_before .teacher > img:last-of-type { margin-right: 0; } 
.evCon2 .con_box.quiz_before .tiny_noti { display: block; width: 100%; margin-top: 25px; padding-right: 25px; color: #767676; font-size: 13px; font-weight: 300; text-align: right; } 
/* quiz */
.quiz_zone { padding: 119px 0 91px 0; } 
.quiz_zone .qstn_con .question { position: relative; margin-bottom: 60px; padding-top: 65px; font-size: 33px; font-weight: bold; } 
.quiz_zone .qstn_con .question::before { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); content: ''; width: 37px; height: 37px; background-image: url('https://image.megagong.net/m/2023/0519_allawyer/con2_quiz_icon.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.quiz_zone .qstn_con .question span { text-decoration: underline; text-underline-offset: 6px; } 
.quiz_zone .qstn_con .answer li { width: 835px; height: 74px; line-height: 72px; margin: 0 auto 20px;border-radius: 40px;overflow: hidden; } 
.quiz_zone .qstn_con .answer li:last-of-type { margin-bottom: 0; } 
.quiz_zone .qstn_con .answer li:first-of-type a { background-color: #ff005b; } 
.quiz_zone .qstn_con .answer li:last-of-type a { background-color: #9546df; } 
.quiz_zone .qstn_con .answer li a { display: table; width: 100%; height: 100%; margin: 0 auto; color: #fff; font-size: 26px; font-weight: 300; } 
.quiz_zone .qstn_con .answer li:first-of-type a:hover,
.quiz_zone .qstn_con .answer li:first-of-type a:active { background-color: #df004e; } 
.quiz_zone .qstn_con .answer li:last-of-type a:hover,
.quiz_zone .qstn_con .answer li:last-of-type a:active { background-color: #6c1db6; } 
.quiz_zone .qstn_con .page_count { margin-top: 150px; color: #000000; font-size: 20px; font-weight: 300; } 

.quiz_after { padding: 60px 30px 70px 30px; } 
.quiz_after .result { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; margin-bottom: 30px; padding-bottom: 40px; border-bottom: 1px solid #ebebeb; } 
.quiz_after .result > p { color: #000000; font-size: 22px; font-weight: bold; } 
.quiz_after .result > .type { display: flex; flex-direction: row; align-items: flex-end; justify-content: center; margin-top: 10px; } 
.quiz_after .result > .type span { margin-left: 18px; margin-bottom: 0px; color: #000000; font-size: 35px; font-weight: 900; } 
.quiz_after .solution { margin-bottom: 49px; } 
.quiz_after .solution > p { margin-bottom: 55px; line-height: 1.6; color: #000000; font-size: 18px; font-weight: 300; } 
.quiz_after .solution .box { display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid #ff78a8; } 
.quiz_after .solution .box .box_title { width: 100%; padding: 15px 0; color: #ffffff; font-size: 23.5px; font-weight: 900; background-color: #ff005b; } 
.quiz_after .solution .box .box_desc { width: 100%; padding: 15px 0; color: #000000; font-size: 21.3px; font-weight: 300; } 


/* evCon3 */
.evCon3 { padding: 150px 0 160px 0; background-color: #1c0442; } 
.evCon3 .con_tit { color: #fff; } 
.evCon3 .con_box { margin: 0 -60px; } 
.evCon3 .con_box .for_mo { display: none}


/* evCon4 */
.evCon4 { padding: 150px 0 237px 0; background-color: #e5e5e5; } 
.evCon4 .con_tit { margin-bottom: 120px; } 
.evCon4 .con_box .con4_top { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 140px; } 
.evCon4 .con_box .con4_top::before { position: absolute; top: 0; left: 0; transform: translate(-50%, 0); content: ''; width: 200vw; height: 100%; background-color: #f0f0f0; z-index: 0; } 
.evCon4 .con_box .con4_top > img { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); z-index: 1; } 
.evCon4 .con_box .con4_top > .text { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-left: 666px; padding: 37px 0; z-index: 1; } 
.evCon4 .con_box .con4_top > .text h5 { color: #000000; font-size: 30px; font-weight: bold; text-align: left; } 
.evCon4 .con_box .con4_top > .text h5 span { color: #ff005b; } 
.evCon4 .con_box .con4_top > .text h6 { margin: 15px 0 35px 0; color: #000000; font-size: 24px; text-align: left; } 
.evCon4 .con_box .con4_top > .text .tiny_noti { color: #9a9a9a; font-size: 13px; font-weight: 300; text-align: left; } 
.evCon4 .con_box .con4_bottom .con4_bottom_subtitle { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; margin-bottom: 50px; } 
.evCon4 .con_box .con4_bottom .con4_bottom_subtitle .line { flex: 1; height: 1px; background-color: #000; } 
.evCon4 .con_box .con4_bottom .con4_bottom_subtitle .text { padding: 12px 44px; color: #fff; font-size: 22px; background-color: #000; border-radius: 30px; } 
.evCon4 .con_box .con4_bottom .book { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } 
.evCon4 .con_box .con4_bottom .book .tiny_noti { position: absolute; right: 0; bottom: -33px; color: #9a9a9a; font-size: 13px; font-weight: 300; } 

/* evCon5 */
.evCon5 { overflow: initial !important; padding: 150px 0 160px 0; background-color: #252525; } 
.evCon5 .con_tit { color: #fff; } 
.evCon5 .con_box .book { position: relative; display: inline-block; margin-bottom: 109px; } 
.evCon5 .con_box .book .tiny_noti { position: absolute; right: 55px; bottom: -33px; color: #9a9a9a; font-size: 13px; font-weight: 300; } 
.evCon5 .con_box .box_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 60px; } 
.evCon5 .con_box .box_wrapper .box { flex: 1; margin-right: 52px; padding: 32px 0; line-height: 1.6; color: #000000; font-size: 18px; background-color: #fff; border-radius: 20px; } 
.evCon5 .con_box .box_wrapper .box:last-of-type { margin-right: 0; margin-bottom: 0; } 
.evCon5 .con_box .lecture { padding-bottom: 0 !important; background-color: #fff; } 
.evCon5 .con_box .lecture .vodchr_banner { margin-bottom: 0; } 


/* event */
.event { padding: 132px 0 0 0; background-color: #0d0f46; } 
.event .inner { position: relative; } 
.event .inner .fin { position: absolute; top: 12.3%; right: -98px; z-index: 2; } 
.event .con_tit { margin-bottom: 35px; } 
.event .con_tit img:first-of-type { margin-top: 0; margin-bottom: 50px; } 
.event .con_tit img:last-of-type { margin-top: 0; margin-bottom: 0; } 
.event .con_box_outside .container_info { display: inline-flex; margin-bottom: 63px; padding: 10px 55px 10px 65px; color: #fff; font-size: 20px; background-color: transparent; border: 1px solid #fff; } 
.container_info .info { margin-right: 20px; } 
.container_info .info .info_title::before { background-color: #fff; } 
.container_info .info .info_title::after { display: none; } 
.container_info .info .info_date { font-weight: 300; } 
.event .con_box_outside .con_box .top_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } 


/* ´ç÷ Æ˾÷ */
[class*=mg_popup_wrap] .m_tit { font-size: 30px; font-weight: 900; } 
[class*=mg_popup_wrap] .m_tit.blue { color: #0082ff; } 
[class*=mg_popup_wrap] .content_area .content_inner .popup_img { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 20px; } 
[class*=mg_popup_wrap] .content_area .content_inner .popup_img > img { margin: 0 auto; } 
[class*=mg_popup_wrap] .tit_area { word-break: keep-all; } 
[class*=mg_popup_wrap] .date { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
[class*=mg_popup_wrap] .date .date_title { position: relative; margin-right: 10px; padding-right: 13px; color: #000000; font-size: 20px; font-weight: bold; font-family: "NotoSans KR", sans-serif; } 
[class*=mg_popup_wrap] .date .date_title::before { position: absolute; top: 50%; right: 0; content: ''; transform: translate(0, -50%); width: 2px; height: 15px; background-color: #000000; } 
[class*=mg_popup_wrap] .date .date_info { color: #0082ff; font-size: 20px; font-weight: bold; font-family: "NotoSans KR", sans-serif; } 


/* À̺¥Æ® À¯ÀÇ»çÇ× */
.eventWrap .evWarning { padding: 169px 0 150px 0; background-color: #0d0f46; } 
.warningList > li.w_tit { width: 147px; height: 34px; line-height: 34px; color: #fff; font-size: 15px; font-weight: bold; text-align: center; font-family: 'NotoSans KR'; background-color: #e44eb7; border-radius: 40px; } 
.warningList li { color: #fff; } 
.warningList li ul li a { color: #e44eb7; font-weight: bold; } 


.pocket_pop { z-index: 5; } 


@media screen and (max-width: 1200px){
    .evSection .con_tit { font-size: 40px; } 
    .main .con_box a { bottom: 13vw; } 
    .tiny_noti { font-size: 9px !important; } 
    
    .banner{
        position: fixed;
        left: 0;
        bottom: 65px;
        display: block;
        width: 100%;
        background-color: #ff145e;
        z-index: 3;
    }
    .banner .con_box{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 11px 0;
    }
    .banner .con_box .point{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 79px;
        height: 79px;
        margin-right: 27px;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        background-color: #000000;
        border-radius: 50%;
    }
    .banner .con_box .point span{
        color: #fffb96;
        font-weight: bold;
    }
    .banner .con_box .text{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    .banner .con_box .text p{
        color: #fff;
        font-size: 20px;
        font-weight: 300;
    }
    .banner .con_box .text h6{
        color: #fff;
        font-size: 31px;
        font-weight: 900;
    }
    .banner .con_box .text h6 span{
        color: #fffb96;
        text-decoration: 1px underline;
        text-underline-offset: 13px;
    }

    .evCon1 .con_box h5 { font-size: 32px; } 
    .evCon1 .con_box .con1_bottom { margin: 0 40px; } 
    .evCon1 .con_box .con1_bottom .item > p { font-size: 14px; letter-spacing: -1.5px; } 
    .evCon2 .con_box.quiz_before .teacher { flex-wrap: wrap; width: 100%; } 
    .evCon2 .con_box.quiz_before .teacher > img:nth-of-type(1) { margin-left: 20%; margin-bottom: 16px; } 
    .evCon2 .con_box.quiz_before .teacher > img:nth-of-type(2) { margin-right: 20%; margin-bottom: 16px; } 
    .evCon2 .con_box.quiz_before .teacher > img:nth-of-type(3) { margin-left: 20%; } 
    .evCon2 .con_box.quiz_before .teacher > img:nth-of-type(4) { margin-right: 20%; } 
    .evCon3 .con_box { margin: 0 auto; } 
    .evCon4 .con_box .con4_top > img { width: 50%; } 
    .evCon4 .con_box .con4_top > .text { margin-left: 50%; } 
    .evCon4 .con_box .con4_bottom .book > img { width: 15%; } 
    .event .inner .fin { top: 10%; right: 0; } 
    .event .con_box_outside .con_box .top_wrapper { flex-direction: column; } 
}

@media screen and (max-width: 992px){
    .evSection .con_tit { font-size: 32px; } 
    .main .con_box .tiny_noti { bottom: 10px; } 
    .evCon1 .con_box .con1_top .review { margin-right: 0; } 
    .evCon1 .con_box .con1_top .review > p,
    .evCon1 .con_box .con1_top .review > span { font-size: 13px; } 
    .evCon1 .con_box h5 { font-size: 24px; } 
    .evCon1 .con_box .con1_bottom .item > p { font-size: 11px; } 
    .evCon2 .con_box.quiz_before .teacher > img:nth-of-type(1) { margin-left: 10%; margin-bottom: 16px; } 
    .evCon2 .con_box.quiz_before .teacher > img:nth-of-type(2) { margin-right: 10%; margin-bottom: 16px; } 
    .evCon2 .con_box.quiz_before .teacher > img:nth-of-type(3) { margin-left: 10%; } 
    .evCon2 .con_box.quiz_before .teacher > img:nth-of-type(4) { margin-right: 10%; } 
    .quiz_zone .qstn_con .answer { margin: 0 20px; } 
    .quiz_zone .qstn_con .answer li { width: 100%; height: initial; line-height: 1.2; } 
    .quiz_zone .qstn_con .answer li a { padding: 15px 0; } 
    .quiz_after .solution > p { font-size: 16px; } 
    .evCon4 .con_box .con4_top > .text h6 { font-size: 18px; } 
    .evCon5 .con_box .box_wrapper { margin-bottom: 20px; } 
    .evCon5 .con_box .box_wrapper .box { margin-right: 20px; font-size: 15px; } 
    .event .inner .fin { top: 5%; } 
}

@media screen and (max-width: 768px){
    .evSection .con_tit { margin-bottom: 5vw; font-size: 24px; } 
    .evSection .con_tit img { margin-top: 22px; width: 50%; } 
    .evSection .con_tit span { font-size: 16px; } 
    .main .con_box a { left: 24%; bottom: 12vw; width: 22vw; } 
    .evCon1 { padding: 10vw 0; } 
    .evCon1 .con_box .con1_top { flex-direction: column; } 
    .evCon1 .con_box .con1_top .review { margin-top: 5vw; } 
    .evCon1 .con_box h5 { margin-top: 10vw; margin-bottom: 5vw; font-size: 18px; } 
    .evCon2 { padding: 10vw 0; } 
    .evCon2 .con_box.quiz_before { padding: 10vw 0; } 
    .evCon2 .con_box.quiz_before > p { margin-bottom: 8vw; font-size: 24px; } 
    .evCon2 .con_box.quiz_before .teacher { margin-bottom: 10vw; padding: 16px; } 
    .evCon2 .con_box.quiz_before .teacher > img { width: calc(50% - 8px); } 
    .evCon2 .con_box.quiz_before .teacher > img:nth-of-type(1) { margin-left: 0; margin-bottom: 16px; } 
    .evCon2 .con_box.quiz_before .teacher > img:nth-of-type(2) { margin-right: 0; margin-bottom: 16px; } 
    .evCon2 .con_box.quiz_before .teacher > img:nth-of-type(3) { margin-left: 0; } 
    .evCon2 .con_box.quiz_before .teacher > img:nth-of-type(4) { margin-right: 0; } 
    .evCon2 .con_box.quiz_before .tiny_noti { padding-right: 0; font-size: 9px; text-align: center; } 
    .quiz_zone { padding: 10vw 0; } 
    .quiz_zone .qstn_con .question { margin-bottom: 8vw; padding-top: 50px; font-size: 24px; } 
    .quiz_zone .qstn_con .answer li a { font-size: 20px; } 
    .quiz_zone .qstn_con .page_count { margin-top: 10vw; font-size: 14px; } 
    .quiz_after .solution > p { margin-bottom: 5vw; font-size: 13px; } 
    .quiz_after .solution .box .box_title { font-size: 20px; } 
    .quiz_after .solution .box .box_desc { font-size: 14px; } 
    .evCon3 { padding: 10vw 0; } 
    .evCon3 .con_box .for_pc { display: none; } 
    .evCon3 .con_box .for_mo { display: block; } 
    .evCon4 { padding: 10vw 0; } 
    .evCon4 .con_box .con4_top { flex-direction: column; margin-top: 13vw; margin-bottom: 10vw; } 
    .evCon4 .con_box .con4_top > img { position: initial; transform: initial; margin-top: -50px; } 
    .evCon4 .con_box .con4_top > .text { align-items: center; margin-left: initial; padding: 15px 0 30px 0; } 
    .evCon4 .con_box .con4_top > .text h5,
    .evCon4 .con_box .con4_top > .text h6,
    .evCon4 .con_box .con4_top > .text .tiny_noti { text-align: center; } 
    .evCon4 .con_box .con4_bottom .con4_bottom_subtitle { margin-bottom: 5vw; } 
    .evCon4 .con_box .con4_bottom .con4_bottom_subtitle .text { font-size: 16px; } 
    .evCon5 { padding: 10vw 0; } 
    .evCon5 .con_box .book { margin-bottom: 10vw; width: 50%; } 
    .evCon5 .con_box .box_wrapper { margin-bottom: 15px; } 
    .evCon5 .con_box .box_wrapper .box { margin-right: 15px; font-size: 12px; letter-spacing: -1px; } 
    .event { padding: 10vw 0 0 0; } 
    .event .inner .fin { top: 0; width: 25vw; } 
    .event .con_tit img:first-of-type { margin-bottom: 3vw; width: 30%; } 
    .event .con_tit img:last-of-type { width: 100%; } 
    .event .con_box_outside .container_info { margin-bottom: 8vw; padding: 10px 35px 10px 45px; font-size: 15px; } 
    .event .con_box_outside .con_box .top_wrapper > img { width: 60%; } 
    .eventWrap .evWarning { padding: 10vw 0 5vw 0; } 
}

@media screen and (max-width: 576px){
    .evSection .con_tit { font-size: 22px; letter-spacing: -1.5px; } 
    .evSection .con_tit span { font-size: 15px; } 
    .evSection .con_tit .for_mo { display: initial; } 

    .main { padding-top: 77px; } 
    .main .con_box .tiny_noti { bottom: 79vw; } 

    .banner{
        bottom: 55px;
    }
    .banner .con_box .point{
        width: 60px;
        height: 60px;
        margin-right: 15px;
        font-size: 12px;
    }
    .banner .con_box .text p{
        font-size: 14px;
    }
    .banner .con_box .text h6{
        font-size: 20px;
    }
    .banner .con_box .text h6 span{
        text-underline-offset: 8px;
    }

    .evCon1 .con_tit { font-size: 22px; } 
    .evCon1 .con_box .con1_top .eventVideo.video_renewal.for_youtube,
    .evCon1 .con_box .con1_top .review { width: 100%; } 
    .evCon1 .con_box .con1_top .review > p, .evCon1 .con_box .con1_top .review > span { font-size: 10px; } 
    .evCon1 .con_box h5 { font-size: 18px; letter-spacing: -1px; } 
    .evCon1 .con_box .con1_bottom { margin: 0 30px; } 
    .evCon1 .con_box .con1_bottom .slick-prev { left: -26px; } 
    .evCon1 .con_box .con1_bottom .slick-next { right: -26px; } 
    .evCon2 .con_box.quiz_before > p { margin-bottom: 4vw; font-size: 15px; } 
    .evCon2 .con_box.quiz_before > button { width: 65%; } 
    .quiz_zone .qstn_con .question { font-size: 15px; } 
    .quiz_zone .qstn_con .answer li a { font-size: 12px; } 
    .quiz_zone .qstn_con .page_count { margin-top: 10vw; font-size: 9px; } 
    .quiz_after { padding: 30px 10px 30px 10px; } 
    .quiz_after .result { margin-bottom: 5vw; padding-bottom: 5vw; } 
    .quiz_after .result > p { font-size: 14px; } 
    .quiz_after .result > .type > img { width: 50%; } 
    .quiz_after .result > .type span { margin-left: 8px; font-size: 20px; } 
    .quiz_after .solution { margin-bottom: 5vw; } 
    .quiz_after .solution > p { font-size: 11px; } 
    .quiz_after .solution .box .box_title { font-size: 15px; } 
    .quiz_after .solution .box .box_desc { font-size: 11px; } 
    .quiz_after > a { display: inline-block; width: 65%; } 
    .evCon4 .con_box .con4_top { margin-top: 18vw; } 
    .evCon4 .con_box .con4_top > .text h5 { font-size: 20px; } 
    .evCon4 .con_box .con4_top > .text h6 { margin: 15px 0 20px 0; font-size: 14px; } 
    .evCon4 .con_box .con4_bottom .con4_bottom_subtitle .text { padding: 7px 24px; font-size: 11px; } 
    .evCon4 .con_box .con4_bottom .book .tiny_noti { bottom: -19px; } 
    .evCon5 .con_box .book .tiny_noti { right: 0; bottom: -22px; } 
    .evCon5 .con_box .box_wrapper { flex-direction: column; } 
    .evCon5 .con_box .box_wrapper .box { width: 100%; margin-right: 0; margin-bottom: 15px; padding: 17px 0; } 
    .event .con_tit img:first-of-type { width: 35vw; margin-top: 0; margin-bottom: 3vw; } 
    .event .con_box_outside .container_info { padding: 10px 10px 10px 20px; font-size: 12px; letter-spacing: -1px; } 
    .container_info .info { margin-right: 9px; } 
    .container_info .info .info_title { margin-right: 9px; } 
    [class*=mg_popup_wrap] .content_area .mg_btn_wrap .mg_btn_base { min-width: 250px; } 
}