@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2024/ */

/* settings */
:root {
    --color-primary: #0041d3;
    --color-highlight: #e8e30d;
}

.evSection {padding: 150px 0;}
.evSection .con_tit {margin: 0 auto 60px;}
.evSection .con_tit h4 {font-weight: 500; font-size: 44px; letter-spacing: -0.05em; line-height: 1.2;}
.evSection .con_tit .sub_tit {font-size: 24px;}
.evSection .con_tit .sub_tit + h4 {margin-top: 15px;}

.con_tit .end {top: 20%;}
.con_tit .end::after {background: #fff;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

.contentWrap {padding: 50px 0; background: var(--color-primary); overflow: hidden;}
.eventWrap .contentWrap .evSection {position: relative; overflow: initial; padding: 100px 0;}
.eventWrap .contentWrap .evSection + .evSection::before {content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 96px; background: #fff; opacity: 0.5; transform: translateY(-50%);}
.eventWrap .contentWrap .evSection .con_tit {color: #fff;}

/* ¹öÆ° °øÅë */
a.link_btn {display: flex; justify-content: center; align-items: center; width: 86%; height: 80px; font-weight: 700; font-size: 22px; max-width: 450px; color: #fff; margin: 0 auto;}
a.link_btn span {margin: 0 auto;}
a.link_btn::after {content: ''; display: block; width: 16%; max-width: 73px; height: 32px; background: url(https://image.megagong.net/m/2024/0523_allawyer/btn_arrow.png) no-repeat; background-position: 50% 50%; background-size: contain;}

/* evBanner */
.evBanner {background: #cf0b0b; position: relative; z-index: 3;}
.evBanner.fixed {position: fixed; top: 0; left: 0; width: 100%;}
.evBanner a {align-items: center; padding: 15px 0;}
.evBanner a .info {position: relative; font-weight: 300; font-size: 14px; color: #fff; padding-right: 36px;}
.evBanner a .info::after {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #fff; opacity: 0.5;}
.evBanner a .info b {display: block; color: var(--color-highlight);}
.evBanner a .info b span {color: #fff;}
.evBanner a .title {position: relative; margin: 0 auto;}
.evBanner a .title .txt {font-size: 16px; color: var(--color-highlight);}
.evBanner a .title .txt b {display: block; font-weight: 900; font-size: 22px; color: #fff;}
.evBanner a .title .img {position: absolute; top: 35%; right: -10px; transform: translate(100%, -50%)}
.evBanner a .go {font-weight: 700; font-size: 14px; color: #fff; padding-bottom: 3px; border-bottom: 2px solid #fff;}
.evBanner.fixed a .title .img {top: -10%; width: 22%; transform: translateX(100%)}
.evSection.fix_mode {margin-top: 80px;}

/* evCon1 */
.evCon1 {padding: 50px 0 60px; background: #0b072b url(https://image.megagong.net/m/2024/0523_allawyer/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sub_tit {width: fit-content; max-width: 85%; margin: 0 auto 595px;}
.evCon1 h3 {position: relative; margin: 0 -60px;}
.evCon1 h3 .tea_home {position: absolute; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-weight: 900; font-size: 20px; color: #fff; background: #000; border-radius: 50%;}

/* evCon2 */
.evCon2 {background: #fff;}
.evCon2 .exam_wrap {width: 100%; max-width: 800px; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1); border-radius: 30px; padding: 24px 0 40px; margin: 0 auto 60px;}
.evCon2 .exam_wrap .logo {max-width: 36%; margin: 0 auto 15px;}
.evCon2 .exam_wrap .txt {font-size: 20px; background: #d5ddf7; padding: 50px 0; margin: 0 auto 35px;}
.evCon2 .exam_wrap ul {width: fit-content; text-align: left; margin: 0 auto;}
.evCon2 .exam_wrap ul li {position: relative; font-size: 16px; padding-left: 30px;}
.evCon2 .exam_wrap ul li + li {margin-top: 15px;}
.evCon2 .exam_wrap ul li::before {content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(https://image.megagong.net/m/2024/0523_allawyer/con2_check.png) no-repeat; background-size: contain;}
.evCon2 .link_btn {background: var(--color-primary);}

/* evCon3 */
.evCon3 {background: #f2f2f2;}
.evCon3 .review_wrap {margin: 0 auto 50px;}
.evCon3 .review_wrap .review {width: 100%; max-width: 800px; background: #fff; border-radius: 30px; padding: 50px 0; margin: 0 auto;}
.evCon3 .review_wrap .review + .review {margin-top: 34px;}
.evCon3 .review_wrap .review .tit {font-weight: 700; font-size: 20px; margin: 0 auto 15px;}
.evCon3 .review_wrap .review .writer {width: fit-content; font-weight: 300; font-size: 14px; color: #fff; background: #051482; padding: 3px 20px; border-radius: 13px; margin: 0 auto 25px;}
.evCon3 .review_wrap .review p {font-size: 16px; line-height: 1.5;}

/* evCon4 */
.evCon4 {background: #ffefae;}
.evCon4 .list_wrap .swiper-wrapper {gap: 33px; height: 440px; align-items: stretch;}
.evCon4 .list_wrap .swiper-slide {flex: 1 1 auto; border-radius: 20px; overflow: hidden;}
.evCon4 .list_wrap .swiper-slide .img {height: 62%; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #fff;}
.evCon4 .list_wrap .swiper-slide .img .eventVideo {width: 90%; max-width: 300px;}
.evCon4 .list_wrap .swiper-slide .img .tiny_noti {font-size: 11px; color: #777; line-height: 1.2; margin-top: 20px;}
.evCon4 .list_wrap .swiper-slide .txt {height: 38%; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #fff; background: var(--color-primary);}
.evCon4 .list_wrap .swiper-pagination {display: none;}
.evCon4 .list_wrap .swiper-pagination .swiper-pagination-bullet-active {background: var(--color-primary);}

/* evCon5 */
.evCon5 .eventVideo.video_renewal {margin: 0;}

/* evCon6 */
.evCon6 .tbl_wrp {width: 100%; max-width: 800px; margin: 0 auto 60px;}
.evCon6 .tbl_wrp .tbl {border-radius: 20px; overflow: hidden; border: none;}
.evCon6 .tbl_wrp .tbl thead th {font-weight: 700; font-size: 18px; color: #fff; background: #000; border: none; padding: 23px 0;}
.evCon6 .tbl_wrp .tbl tbody th {font-weight: 500; font-size: 16px; color: #0c1556; border: none; border-bottom: 1px solid #c8c9d7; background: #f4f5fa; padding: 18px 0;}
.evCon6 .tbl_wrp .tbl tbody td {font-weight: 700; font-size: 16px; border: none; border-bottom: 1px solid #ccc; background: #fff; padding: 18px 0;}
.evCon6 .tbl_wrp .tbl .tag {font-style: normal; font-size: 13px; display: inline-block; min-width: 80px; color: #fff; padding: 4.5px 13px; border-radius: 11px; margin-right: 8px; line-height: 1;}
.evCon6 .tbl_wrp .tbl .tag.cr_yellow {color: #000 ;background: #e8e30d;}
.evCon6 .tbl_wrp .tbl .tag.cr_red {background: #f33737;}
.evCon6 .tbl_wrp .tbl .tag.cr_blue {background: #051482;}
.evCon6 .link_btn {color: #fff; background: #000;}
.evCon6 .link_btn.on {color: var(--color-highlight);}

/* evCon7 */
.evCon7 {background: #f8f2e5;}
.evCon7 .con_tit h4 {font-weight: 700;}
.evCon7 .con_tit h4 strong {font-weight: 900; font-size: 50px; color: #074ae1;}
.evCon7 .book {background: #fbf7ef; padding: 50px 0 20px; margin: 0 auto 40px;}
.evCon7 .feature {gap: 20px; margin: 0 40px 50px;}
.evCon7 .feature li {flex: 1; font-size: 18px; letter-spacing: -0.05em; background: #fff; border: 1px solid #ddd; border-radius: 15px; padding: 35px 0;}
.evCon7 .feature li::before {content: ''; display: block; width: 20px; height: 20px; background: url(https://image.megagong.net/m/2024/0523_allawyer/con2_check.png) no-repeat; background-size: contain; margin: 0 auto 15px;}

/* evCon8 */
.evCon8 {background: #051482;}
.evCon8 .con_tit {margin: 0 auto 50px;}
.evCon8 .con_tit .heading {max-width: 70%; margin: 0 auto 25px;}
.evCon8 .con_tit .heading span {display: block; font-weight: 500; font-size: 13px; color: #b1b6d7; margin-top: 5px;}
.evCon8 .con_tit .label {position: relative; display: block; width: 36%; max-width: 310px; font-style: normal; font-weight: 900; font-size: 40px; color: #fff; border: 4px solid #fff; padding: 10px 0; margin: 0 auto 50px;}
.evCon8 .con_tit .label::before {content: ''; position: absolute; bottom: -4px; left: 50%; transform: translate(-50%, 100%); border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent;}
.evCon8 .con_tit .label::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); border-top: 8px solid #051482; border-left: 8px solid transparent; border-right: 8px solid transparent;}
.evCon8 .con_tit .sub_tit {font-size: 30px; color: #fff; margin: 0 auto 25px;}
.evCon8 .con_tit h4 {font-weight: 900; font-size: 60px; color: #e8e30d; margin: 0;}
.evCon8 .container_info {width: fit-content; min-width: 720px; margin: 0 auto 80px;}

.evCon8#event1{background-color: #f06000;}
.evCon8#event1 .con_tit .label::after{border-top-color:#f06000;}
.evCon8#event1 .con_tit{}
.evCon8.evNew .con_tit h4{color:#fff;}
.evCon8.evNew .con_tit h4 strong{color:#e8e30d;display:block;}
.evCon8#event1 .event_wrap .content .click_wrap .count_wrap .link_btn{background-color: #f02800;}
.evCon8#event1 .event_wrap .content .click_wrap .count_wrap .link_btn.done {background: #999;}
.evCon8#event2{background-color: #e11f95;}
.evCon8#event2 .con_tit .label::after{border-top-color:#e11f95;}
.evCon8#event2 .con_tit .sub_tit{font-size:25px;margin-top:40px;}
.evCon8#event2 .con_tit .sub_tit span{display:inline-block;color:#e8e30d;position: relative;}
.evCon8#event2 .con_tit .sub_tit span::before{content:'';display:inline-block;width:100%;height:13px;position: absolute;left:0;bottom:0;background-color: #e74caa;}
.evCon8#event2 .con_tit .sub_tit span em{position: relative;font-style:normal;}
.evSection#event2 .subtitle_line .text{color:#fff;}
.evSection#event2 .subtitle_line .line{background-color: #ea63b5;}
.evSection#event2 .container_gift_wrap ul{gap:0 35px;width:1200px;position: relative;left:-60px;}
.evSection#event2 .container_gift_wrap ul li{width:min(268px, 45%);}
.evSection#event2 .subtitle_line{margin-top:75px;}
.evSection#event2 .join_text{font-size:25px;color:#fff;margin-bottom:50px;}
.evSection#event2 .info_wrap{text-align:right;margin-top:15px;}
.evSection#event2 .info_wrap button{font-size:17px;font-weight:500;color:#f3f5f9;text-decoration:underline;font-family:var(--font);}
.evSection#event2 .evt_btm{margin:0 auto;width:945px;}
.evSection#event2 .evt_btm .btn_wrap{display:flex;gap:0 40px;margin-top:40px;}
.evSection#event2 .evt_btm .btn{display:block;padding:20px 80px 20px 60px;text-align:left;font-size:22px;font-weight:500;color:#fff;width:50%;position: relative;}
.evSection#event2 .evt_btm .btn em{position:absolute;right:0;top:50%;width:70px;text-align:center;display:flex;align-items:center;justify-content:center;height:30px;margin-top:-15px;}
.evSection#event2 .evt_btm .btn em img{vertical-align:top;}
.evSection#event2 .evt_btm .btn:nth-child(1){background-color:#1846e7;}
.evSection#event2 .evt_btm .btn:nth-child(2){background-color:#96006a;}
.evSection#event2 .evt_btm .btn:nth-child(1) em{border-left:1px solid #5e7eee;}
.evSection#event2 .evt_btm .btn:nth-child(2) em{border-left:1px solid #b64d97;}
.eventWrap .evSection#event2  .tech_comment_name{text-align:center;padding-left:0;font-size:28px;font-weight:bold;margin-top:120px;margin-bottom:40px;}
.eventWrap .evSection#event2  .tech_comment_name span{display:inline-block;background-color:#e11f95;position: relative;padding:0 25px;}
.eventWrap .evSection#event2  .tech_comment_name:before{background-color:#e95eb3;width:100%;height:1px;background-color:#e95eb3;position: absolute;top:50%;left:0;}
.evSection#event2 .event_step{gap:0 40px;}
.evSection#event2 .event_step .step::before{width:19px;height:32px;background: url(https://image.megagong.net/m/2024/0604_allawyer/evt_bg_arrow.png) no-repeat;right:-30px;}
.evSection#event2 .event_step .step{height:425px;}
.evSection#event2 .event_step .step p{margin-bottom:20px;height:90px;}
.evSection#event2 .event_step .step p em{color:#1846e7;font-style:normal;}
#popupUrl .input_wrp{border:1px solid #d0d0d0;text-align:center;padding:20px;margin-top:20px;}
#popupUrl .input_wrp input{font-size:13px;width:100%;border:0;text-align:center;}
#popupUrl .warning_list{margin-top:20px;}
#popupUrl .warning_list li{font-size:13px;line-height:1.4;color:#000;}
#popupUrl .warning_list li .tag{display:block;color:#1e8bfe;padding-left:17px;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0;}
.warningList li ul li a {font-weight: 700; color: #d22626; margin-left: 0;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 15% 0;}
    .evSection .con_tit {margin: 0 auto 6%;}
    .evSection .con_tit h4 {font-size: clamp(23px, 4.8vmin, 44px);}
    .evSection .con_tit .sub_tit {font-size: clamp(18px, 3vmin, 24px);}
    .evSection .con_tit .sub_tit + h4 {margin-top: 2%;}

    .contentWrap {padding: 5% 0;}
    .eventWrap .contentWrap .evSection {padding: 10% 0;}
    .eventWrap .contentWrap .evSection + .evSection::before {height: 8vmin;}

    /* ¹öÆ° °øÅë */
    a.link_btn {height: auto; font-size: clamp(16px, 3vmin, 22px); padding: 3.5vmin 0;}

    /* evBanner */
    .evBanner a {padding: 1vw 0;}
    .evBanner a .info {padding-right: 3vw;}
    .evSection.fix_mode {margin-top: 10vw;}

    /* evCon1 */
    .evCon1 {padding: 5% 0 10%;}
    .evCon1 .sub_tit {margin: 0 auto 70%;}
    .evCon1 h3 {position: relative; margin: 0 auto;}
    .evCon1 h3 .tea_home {width: 5vmin; height: 5vmin; font-size: clamp(13px, 2.8vmin, 20px); bottom: auto; top: -2%; right: 4%; transform: translateY(-100%);}

    /* evCon2 */
    .evCon2 .exam_wrap {padding: 3vw 0 4vw; margin: 0 auto 6%;}
    .evCon2 .exam_wrap .logo {margin: 0 auto 2%;}
    .evCon2 .exam_wrap .txt {font-size: clamp(15px, 3vmin, 20px); padding: 5vw 0; margin: 0 auto 3%;}
    .evCon2 .exam_wrap ul li + li {margin-top: 1.5%;}

    /* evCon3 */
    .evCon3 .review_wrap {margin: 0 auto 5%;}
    .evCon3 .review_wrap .review {padding: 4vw 0;}
    .evCon3 .review_wrap .review + .review {margin-top: 3%;}
    .evCon3 .review_wrap .review .tit {font-size: clamp(15px, 3vmin, 20px); margin: 0 auto 1%;}
    .evCon3 .review_wrap .review .writer {font-size: 12px; padding: 0.2vw 1.5vw; margin: 0 auto 3%;}
    .evCon3 .review_wrap .review p {font-size: clamp(13px, 2.6vmin, 16px);}

    /* evCon4 */
    .evCon4 .list_wrap .swiper-wrapper {gap: 1vw;}
    .evCon4 .list_wrap .swiper-slide .img > img {max-width: 80%;}
    .evCon4 .list_wrap .swiper-slide .img .tiny_noti {margin-top: 3%;}
    .evCon4 .list_wrap .swiper-slide .txt {font-size: clamp(13px, 2.6vmin, 16px);}

    /* evCon6 */
    .evCon6 .tbl_wrp {margin: 0 auto 6%;}
    .evCon6 .tbl_wrp .tbl thead th {font-size: clamp(14px, 2.8vmin, 18px); padding: 2vw 0;}
    .evCon6 .tbl_wrp .tbl tbody th {font-size: clamp(13px, 2.6vmin, 16px); padding: 1.5vw 0;}
    .evCon6 .tbl_wrp .tbl tbody td {font-size: clamp(13px, 2.6vmin, 16px); padding: 1.5vw 0;}
    .evCon6 .tbl_wrp .tbl .tag {padding: 0.5vw 1.5vw;}
    .evCon6 .link_btn.show-1200 {display: flex !important;}

    /* evCon7 */
    .evCon7 .con_tit h4 strong {font-size: clamp(26px, 5.2vmin, 50px);}
    .evCon7 .book {padding: 3vw 1vw; margin: 0 auto 4%;}
    .evCon7 .feature {gap: 1vw; margin: 0 auto 5%;}
    .evCon7 .feature li {font-size: clamp(14px, 2.8vmin, 18px); padding: 3vw 0;}
    .evCon7 .feature li::before {margin: 0 auto 1%;}

    /* evCon8 */
    .evCon8 .con_tit .heading {margin: 0 auto 3%;}
    .evCon8 .con_tit .label {font-size: clamp(18px, 3.6vmin, 40px); padding: 1vw 0; margin: 0 auto 5%;}
    .evCon8 .con_tit .sub_tit {font-size: clamp(20px, 4vmin, 30px); margin: 0 auto 3%;}
    .evCon8 .con_tit h4 {font-size: clamp(30px, 6vmin, 60px);}
    .evCon8 .container_info {margin: 0 auto 8%;}

    /* evtoggleWarning */
    .evtoggleWarning {padding: 0;}
    .evCon8#event2 .con_tit .sub_tit{font-size:clamp(14px, 2.3vmin, 25px);}
    .evSection#event2 .join_text{font-size:clamp(16px, 2.3vmin, 25px);}
    .evSection#event2 .container_gift_wrap ul{width:100%;left:0;gap:20px;}

    .evSection#event2 .evt_btm{width:100%;}
    .evSection#event2 .evt_btm .btn_wrap{gap:0 20px;margin-top:20px;}
    .evSection#event2 .evt_btm .btn{font-size:18px;padding:20px 70px 20px 30px;}
    .eventWrap .evSection#event2 .tech_comment_name{margin:12% 0 4%;font-size:24px;}
    .eventWrap .evSection#event2 .tech_comment_name span{padding:0 12.5px;}
}
@media screen and (max-width: 992px){
    /* evBanner */
    .evBanner a .info {flex-basis: 16%; padding-right: 0;}
    .evBanner a .info::after {content: none;}
    .evBanner a .go {flex-basis: 16%; padding: 0.5vw 1vw; border: 1px solid #fff; border-radius: 15px;}
    .evBanner a .title .txt b {font-size: 20px;}

    /* evCon7 */
    .evCon7 .feature {flex-direction: column;}

    /* evCon8 */
    .evCon8 .con_tit .label {border-width: 2px;}
    .evCon8 .con_tit .label::before {bottom: -2px; border-width: 9px;}
    .evCon8 .container_info {min-width: unset; width: 100%;}
    .evCon8 .container_info .info {justify-content: center;}
}
@media screen and (max-width: 768px){
    /* evBanner */
    .evBanner a .info {flex-basis: 20%;}
    .evBanner a .title .img {display: none;}
    .evBanner a .go {flex-basis: 20%;}

    /* evCon2 */
    .evCon2 .exam_wrap ul li {font-size: 14px;}

    /* evCon4 */
    .evCon4 .list_wrap {position: relative; overflow: hidden;}
    .evCon4 .list_wrap .swiper-wrapper {gap: 0; height: 360px;}
    .evCon4 .list_wrap .swiper-slide {flex: 1 0 100%;}
    .evCon4 .list_wrap .swiper-slide .img {height: 70%;}
    .evCon4 .list_wrap .swiper-slide .txt {height: 30%;}
    .evCon4 .list_wrap .swiper-pagination {display: block; position: static; margin-top: 2vw;}

    /* evCon6 */
    .evCon6 .tbl_wrp .tbl {border-radius: 10px;}
    .evCon6 .tbl_wrp .tbl .tag {font-size: 12px; min-width: unset;}

    .evSection#event2 .container_gift_wrap ul li{margin: 0;}
    .evSection#event2 .event_step .step{height:auto;margin-top:30px;}
    .evSection#event2 .event_step .step:first-child{margin-top:0;}
    .evSection#event2 .event_step .step::before{bottom:-23.5px;width:10px;height:16px;background-size:auto 16px;}
    .evSection#event2 .event_step .step p{height:auto;}
    .evSection#event2 .evt_btm .btn_wrap{gap:0 10px;}
    .evSection#event2 .evt_btm .btn{font-size:16px;padding:20px 50px 20px 20px;}
    .evSection#event2 .evt_btm .btn em{width:50px;}
    .eventWrap .evSection#event2 .tech_comment_name{font-size:16px;}
}
@media screen and (max-width: 640px){
    .evCon8#event2 .con_tit .sub_tit span::before{display:none;}
}
@media screen and (max-width: 576px){
    /* evBanner */
    .evBanner a {flex-direction: column; gap: 1vw;}
    .evBanner a .info {font-size: 12px;}
    .evBanner a .info b {display: inline-block;}
    .evBanner a .title .txt {font-size: 13px;}
    .evBanner a .title .txt b {font-size: 16px;}
    .evBanner a .go {position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 12px;}

    /* evCon2 */
    .evCon2 .exam_wrap ul li::before {width: 14px; height: 14px; top: 3px;}
    .evCon2 .exam_wrap ul li {padding-left: 20px;}

    .evCon7 .feature li::before {width: 14px; height: 14px;}

    /* evCon8 */
    .evCon8 .container_info {padding: 2vw 1vw;}
}