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

/* settings */
:root {
    --color-primary: #0037AE;
}
.eventWrap {font-family: "Pretendard", sans-serif; letter-spacing: normal; font-weight: 400; color: var(--brand-color-gray-900);}
.evSection {padding: 120px 0;}
.eventWrap .inner.w1200 {width: 1200px;}
.eventWrap .inner.w1000 {width: 1000px;}
.evSection .con_tit + .mini_tit {margin-top: 20px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.evSection .con_box {margin-top: 50px;}
.tx_primary {color: var(--color-primary);}
.tx_gradient {display: inline-block; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* evTopBnr */
.evTopBnr {position: relative; display: block; background: #E8F000; z-index: 0;}
.evTopBnr .inner {display: flex; align-items: center; height: 110px; padding-left: 40px;}
.evTopBnr .inner::after {content: none;}
.evTopBnr .img {display: inline-block; max-width: 91.5px; margin-right: 34px;}
.evTopBnr .txt .tx_highlight {color: #7A7E00;}
.evTopBnr .text-caption {opacity: 0.5;}
.evTopBnr .ds-button {margin-left: auto; padding: 10px 24px; font-size: 11px; line-height: 1;}

/* evCon1 */
.evCon1 {position: relative; padding: 273px 0 60px; background: #141414 url(https://img.megagong.net/m/2026/0806_allawyer/con1_bg.png) no-repeat; background-size: auto 100%;}
.evCon1::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://img.megagong.net/m/2026/0806_allawyer/con1_bg2.png) no-repeat; background-size: 1920px auto; background-position: 50% 50%; z-index: 1;}
.evCon1 .inner {z-index: 1;}
.evCon1 .tea {position: absolute; top: 0; left: 50%; max-width: 1920px; width: 230%; height: 100px; transform: translateX(-50%); pointer-events: none;}
.evCon1 .slogan {display: flex; justify-content: center; align-items: center; gap: 279px;}
.evCon1 .slogan span {display: inline-block}
.evCon1 .slogan span:nth-child(1) {width: 266.5px;}
.evCon1 .slogan span:nth-child(2) {width: 324.5px;}
.evCon1 h3 {max-width: 960px; margin: 155px auto 0;}
.evCon1 .sub_tit {color: #FFF; opacity: 0.8; margin-top: 30px;}

.bgWrap {padding: 100px 0 0; background: #141414 url(https://img.megagong.net/m/2026/0806_allawyer/bgwrap_bg.png) no-repeat; background-position: 50% 50%; background-size: 1920px auto;}

/* evCon2 */
.evCon2 {padding: 0;}
.evCon2 .book_img {background: url(https://img.megagong.net/m/2026/0806_allawyer/con2_book_bg.png) no-repeat; background-position: 50% 50%; background-size: 1920px auto;}
.evCon2 .book_img span {position: relative; display: inline-block; max-width: 488px; width: 80%;}
.evCon2 .book_img span::before {content: ''; position: absolute; bottom: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); transform: translateY(100%); background: url(https://img.megagong.net/m/2026/0806_allawyer/con2_book_shadow.png) no-repeat; background-size: contain;}
.evCon2 .awards_wrap {justify-content: center;}
.evCon2 .awards_wrap li {width: 270px;}
.evCon2 .awards_wrap .ico {display: inline-block; width: 125px;}
.evCon2 .awards_wrap p {color: rgba(255, 255, 255, 0.8); margin-top: 12px;}
.evCon2 .awards_wrap p strong {color: #FFF;}
.evCon2 .awards_wrap + .text-caption {color: #FFF; opacity: 0.5; margin-top: 50px;}

/* evCon3 */
.evCon3 {position: relative; padding: 180px 0 120px;}
.evCon3::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 747px; background: linear-gradient(180deg, rgba(6, 23, 56, 0.00) 30.72%, #010101 76.44%);
;}
.evCon3 .rank_wrap {position: relative; margin-bottom: -13px;}
.evCon3 .rank_img {position: relative; max-width: 371.5px; width: 80%; margin: 0 auto; z-index: 0;}
.evCon3 .rank_img::before {content: ''; position: absolute; top: -10px; left: -10px; transform: translate(-50%, -50%); width: 544px; height: 544px; background: url(https://img.megagong.net/m/2026/0806_allawyer/con3_rank_flash.png) no-repeat; background-size: contain; z-index: -1;}
.evCon3 .con_tit {position: absolute; bottom: 13px; width: 100%; left: 0;}
.evCon3 .con_tit img {width: 828px;}
.evCon3 .mini_tit {color: #FFF; opacity: 0.8; margin-top: 20px;}

/* evCon4 */
.evCon4 {padding: 120px 0 56px; background: #FFF;}
.evCon4 .con_tit .tx_gradient {background-image: linear-gradient(90deg, #1A1A1A 0%, #659BFF 100%);}
.evCon4 .sec_tit {color: #333; margin-bottom: 30px;}
.evCon4 .box_base {border-radius: 10px; background: #F2F5F9; padding: 30px 0;}
.evCon4 .box_base:not(.box1) {margin-top: 20px;}
.evCon4 .box_base .num {display: inline-block; font-weight: 700; font-size: 20px; line-height: 1.4; color: #FFF; border-radius: 5px; background: linear-gradient(90deg, #103C9B 0%, #47ACFF 100%); padding: 10px 20px; margin-bottom: 10px;}
.evCon4 .box_base .box_tit {color: #333;}
.evCon4 .box_base .box_subtit {color: #808080; margin-top: 10px;}
.evCon4 .box_base .img_wrap {display: flex; justify-content: center; gap: 18px; margin-top: 20px;}
.evCon4 .box_base .img_wrap .item {flex: 1; max-width: 482px;}
.evCon4 .box_base .ds-button {margin-top: 20px;}
.evCon4 .compare_wrap {display: flex; align-items: center; max-width: 1000px; font-weight: 500; color: #868687; margin: 0 auto 70px;}
.evCon4 .compare_wrap .col {border-radius: 11px;}
.evCon4 .compare_wrap .col_head {padding: 32px 32px 12px 32px; display: flex; justify-content: center; gap: 22px; font-weight: 700; font-size: 21px; line-height: 1.3809;}
.evCon4 .compare_wrap .col_head .null {width: 106px;}
.evCon4 .compare_wrap .col_head .tit {flex: 1;}
.evCon4 .compare_wrap .col_body .row {padding: 0 32px; display: flex; gap: 22px; height: 200px;}
.evCon4 .compare_wrap .col_body .row_tit {display: flex; justify-content: center; align-items: center; width: 106px; font-size: 18px; font-weight: 700; line-height: 1.5; border-top: 1px solid rgba(0, 0, 0, 0.10);}
.evCon4 .compare_wrap .col_body .row_cont {flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 16px; line-height: 1.5625; border-top: 1px solid rgba(0, 0, 0, 0.10);}
.evCon4 .compare_wrap .col_body .label {display: none;}
.evCon4 .compare_wrap .default {width: 56.5%; background: #F2F5F9;}
.evCon4 .compare_wrap .yople {width: 46.7%; color: #FFF; background: #0037AE; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); padding: 12px 0; margin-left: -32px;}
.evCon4 .compare_wrap .yople .col_head {font-size: 25px; line-height: 1.32;}
.evCon4 .compare_wrap .yople .col_body .row {padding: 0 53px;}
.evCon4 .compare_wrap .yople .row_cont {font-size: 18px; font-weight: 700; line-height: 1.5; border-top-color: rgba(255, 255, 255, 0.30);;}

/* Æ˾÷ */
.scroll-lock {position: fixed; width: 100%; overflow: hidden;}
.textbook_pop {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #4D4D4D; z-index: 10; display: none; }
.textbook_pop.show {display: block;}
.textbook_pop .content_area {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 0 20px;}
.textbook_pop .zoom_swiper {position: relative; max-width: 1476px;}
.textbook_pop .close_btn {position: absolute; width: 48px; height: 48px; border-radius: 50%; top: auto; left: auto; bottom: 30px; right: 20px; color: #FFF; background: #FF5752; z-index: 1;}

/* evCon5 */
.evCon5 {background: #141414 url(https://img.megagong.net/m/2026/0806_allawyer/con5_bg.png) no-repeat; background-size: 1920px auto;}
.evCon5 .con_tit .tx_gradient {background-image: linear-gradient(90deg, #FFF 0%, #659BFF 100%);}
.evCon5 .video_wrap {gap: 20px;}
.evCon5 .video_wrap .item {flex: 1;}
.evCon5 .video_wrap .message {color: #FFF; border-radius: 20px; border: 1px solid var(--color-primary); background: var(--color-primary); padding: 30px; margin-bottom: 20px; text-align: left;}
.evCon5 .video_wrap .message p small {font-weight: 500;}
.evCon5 .video_wrap .message .name {text-align: right; font-weight: 400; opacity: 0.7;}
.evCon5 .video_wrap .video_box {aspect-ratio: 530 / 300; border-radius: 12px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.30); overflow: hidden;}
.evCon5 .video_wrap .video_box iframe {display: block;}
.evCon5 .review_wrap {display: flex; flex-direction: column; gap: 20px; margin-top: 50px;}
.evCon5 .review_wrap .row {display: flex; justify-content: center; gap: 20px;}
.evCon5 .review_wrap .item {position: relative; font-weight: 700; color: #FFF; border-radius: 10px; background: #000; display: flex; justify-content: center; align-items: center; width: calc(33.333% - 13.333px); height: 148px;}
.evCon5 .review_wrap .item::before {content: ''; position: absolute; width: 45px; height: 45px; background-repeat: no-repeat; background-size: contain; animation: floating 2s ease-in-out infinite;}
.evCon5 .review_wrap .item:nth-child(odd):before {animation-delay: 1s;}
.evCon5 .review_wrap .item2::before {top: 42px; right: -26px; width: 74px; height: 74px; background-image: url(https://img.megagong.net/m/2026/0806_allawyer/con5_ico2.svg);}
.evCon5 .review_wrap .item3::before {top: -21px; left: 20.5px; background-image: url(https://img.megagong.net/m/2026/0806_allawyer/con5_ico3.svg);}
.evCon5 .review_wrap .item4::before {bottom: 16px; right: -11px; background-image: url(https://img.megagong.net/m/2026/0806_allawyer/con5_ico4.svg);}
.evCon5 .review_wrap .item5::before {top: -24px; right: 25px; width: 63px; height: 65px; background-image: url(https://img.megagong.net/m/2026/0806_allawyer/con5_ico5.svg);}
.evCon5 .review_wrap .item6::before {bottom: 19px; left: -20px; height: 48px; background-image: url(https://img.megagong.net/m/2026/0806_allawyer/con5_ico6.svg);}

@keyframes floating {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
    100% {
        transform: translateY(0);
    }
}

/* evCon6 */
.evCon6 {position: relative; background: linear-gradient(180deg, #FFF -0.61%, #D4E2FF 69.04%, #EAF7FF 100%); z-index: 0;}
.evCon6::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(233, 240, 255, 0.00) 45.72%, #E9F0FF 56.31%, #FFF 78.86%); z-index: 1; pointer-events: none;}
.evCon6 .con_tit .tx_gradient {background-image: linear-gradient(90deg, #333 0%, #0082FF 100%);}
.evCon6 .con_box {margin-top: 0;}
.evCon6 .tea_img_wrap {position: relative; margin-bottom: 37px;}
.evCon6 .tea_img {position: relative; max-width: 488px; width: 86%; margin: 0 auto 0;}
.evCon6 .tea_img .badge {position: absolute; top: 230px; left: 29px; max-width: 140px; width: 24%;}
.evCon6 .txt_wrap {position: absolute; top: 80px; display: flex; gap: 180px; margin: 0 -55px 0 -92px; font-weight: 700; font-size: 103px; line-height: 1.1456; letter-spacing: -2px; opacity: 0.5; background: linear-gradient(180deg, #C1CCE5 0%, #A1BFFF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; z-index: -1}
.evCon6 .txt_wrap .txt_l {text-align: right;}
.evCon6 .txt_wrap .txt_r {text-align-last: left;}
.evCon6 .txt {position: absolute; bottom: 32px; width: 100%; font-size: 24px; line-height: 1.58333; z-index: 1;}
.evCon6 .step_tit {position: relative; margin-bottom: 20px; z-index: 1;}
.evCon6 .step_tit .tx_gradient {background-image: linear-gradient(90deg, #1A1A1A 0%, #0082FF 100%);}
.evCon6 .step_img {position: relative; max-width: 997px; margin: 0 auto; z-index: 1;}
.evCon6 .step_wrap {position: relative; z-index: 1;}

/* evCon7 */
.evCon7 {padding: 100px 0; background: #103C9B;}
.evCon7 .con_tit .tx_gradient {background-image: linear-gradient(90deg, #FFF 0%, #659BFF 100%);}
.evCon7 .lec_wrap {padding: 40px; border-radius: 12px; background: #FFF;}
.evCon7 .vodchr_banner {display: none;}

/* evCon8 */
.evCon8 {padding: 110px 0; background: #E9F0FF url(https://img.megagong.net/m/2026/0806_allawyer/con8_bg.png) no-repeat; background-position: 50% 0 !important; background-size: 1920px auto;}
.evCon8 .evt_badge {display: inline-block; color: #FFF; border-radius: 30px; background: linear-gradient(270deg, #659BFF 0%, rgba(101, 155, 255, 0.00) 100%), #0037AE; padding: 8px 20px; margin-bottom: 20px;}
.evCon8 .con_tit .tx_gradient {background-image: linear-gradient(90deg, #1A1A1A 0%, #0082FF 100%);}
.evCon8 .con_box {margin-top: 40px;}
.evCon8 .evt_box {align-items: center; justify-content: space-between; border-radius: 10px; background: #FFF; padding: 30px 40px;}
.evCon8 .evt_box .txt {text-align: left;}
.evCon8 .evt_box .txt .sub_txt {display: block; font-weight: 700; margin-bottom: 8px;}
.evCon8 .evt_box .txt .main_txt {display: block;}
.evCon8 .evt_box .ds-button {background: #0082FF; padding: 12px 40px; gap: 6px;}
.evCon8 .ds-button-wrap {margin-top: 30px; justify-content: center; gap: 10px;}
.evCon8 .ds-button-wrap .ds-button {font-weight: 700; font-size: 20px; line-height: 1.4;}
.evCon8 .gift_img {max-width: 866px; margin: 60px auto 0;}

@media screen and (max-width: 1200px){
    /* settings */
    .eventWrap .inner.w1200 {width: 96%;}
    .eventWrap .inner.w1000 {width: 96%;}

    /* evTopBnr */
    .evTopBnr .inner {padding-left: 0;}
    .evTopBnr .txt {margin: 0 auto;}
    .evTopBnr .ds-button {margin: 0;}

    /* evCon1 */
    .evCon1 .slogan {gap: 30vmin;}

    .bgWrap {background-size: auto 100%;}

    /* evCon2 */
    .evCon2 .book_img {background-size: auto 100%;}
    
    /* evCon4 */
    .evCon4 .compare_wrap .yople .col_body .row {padding: 0 32px;}

    /* evCon5 */
    .evCon5 {background-size: auto 100%;}

    /* evCon6 */
    .evCon6 .txt_wrap {gap: clamp(55px, 15vw, 180px); font-size: clamp(32px, 8vw, 103px); margin: 0;}
    .evCon6 .tea_img .badge {top: clamp(150px, 30vw, 230px);}
}
@media screen and (max-width: 992px){
    .evTopBnr .inner {height: auto; padding: 20px 0;}

    .evCon4 .compare_wrap {align-items: stretch; border-radius: 10px; overflow: hidden;}
    .evCon4 .compare_wrap .col {width: 50%; border-radius: 0;}
    .evCon4 .compare_wrap .col_head .null,
    .evCon4 .compare_wrap .col_body .row_tit {display: none;}
    .evCon4 .compare_wrap .col .col_head {font-size: clamp(18px, 2.6vw,25px); line-height: 1.4444; padding: 8px;}
    .evCon4 .compare_wrap .col_body .label {display: block; font-size: clamp(14px, 2vw, 18px); font-weight: 700; line-height: 1.4286; border-radius: 5px; border: 1px solid #CCC; padding: 0 10px; margin-bottom: 10px;}
    .evCon4 .compare_wrap .col_body .row {height: auto;}
    .evCon4 .compare_wrap .col .col_body .row {padding: 16px; padding-top: 0;}
    .evCon4 .compare_wrap .col .row_cont {font-size: clamp(14px, 2vw, 18px); font-weight: 500; line-height: 1.4286; padding-top: 16px;}
    .evCon4 .compare_wrap .yople {width: 50%; margin: 0; padding: 0;}
    .evCon4 .compare_wrap .default .col_body .row:first-child p {margin: 0 -10px;}
    .evCon4 .compare_wrap .col .col_body .row:nth-child(1) {height: 165px;}
    .evCon4 .compare_wrap .col .col_body .row:nth-child(2) {height: 245px;}
    .evCon4 .compare_wrap .col_body p {margin: auto;}

    .evCon5 .video_wrap {flex-direction: column;}
    .evCon5 .video_wrap .message {padding: 20px;}
    .evCon5 .review_wrap {gap: 10px;}
    .evCon5 .review_wrap .row {flex-direction: column; gap: 10px;}
    .evCon5 .review_wrap .item {width: 100%; height: 80px;}
    .evCon5 .review_wrap .item::before {top: calc(50% - 20px); right: 1%;}
    .evCon5 .review_wrap .item2::before {top: calc(50% - 37px);}
    .evCon5 .review_wrap .item3::before {left: 1%; right: auto;}
    .evCon5 .review_wrap .item5::before {left: 1%; right: auto;}
    .evCon5 .review_wrap .item6::before {left: auto; right: 1%;}

    .evCon8 .ds-button-wrap {flex-direction: column;}
}
@media screen and (max-width: 768px){
    .evTopBnr::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; background: linear-gradient(180deg, rgba(232, 240, 0, 0.00) 0%, #E8F000 100%); z-index: 1;}
    .evTopBnr .inner {flex-direction: column; align-items: center; padding: 10px 0 6px;}
    .evTopBnr .img {position: absolute; right: 0; bottom: 0; width: 28%; margin: 0;}
    .evTopBnr .txt {position: relative; z-index: 1;}
    .evTopBnr .txt p {font-size: clamp(16px, 3.125vw, 24px); line-height: 1.3125;}
    .evTopBnr .txt .tx_highlight {font-weight: 500; font-size: clamp(14px, 3vw, 24px); line-height: 1.35714;}
    .evTopBnr .ds-button {position: relative; z-index: 1; margin: 5px auto;}
    .evTopBnr .text-caption {position: relative; z-index: 1;}

    .evCon1 {padding: 50px 0 53px; background-image: url(https://img.megagong.net/m/2026/0806_allawyer/con1_bg_mo.png);}
    .evCon1 .slogan {width: 68%; margin: 0 auto;}
    .evCon1 h3 {margin-top: clamp(264px, 88vw, 662px); width: 86%;}

    .evCon2 .awards_wrap {flex-wrap: wrap; gap: 20px 0;}
    .evCon2 .awards_wrap li {width: 50%;}

    .evCon3::before {height: clamp(380px, 62vw, 747px);}
    .evCon3 .rank_wrap {margin-bottom: 0;}
    .evCon3 .con_tit {width: 87%; left: 6.5%; bottom: 0;}

    .evCon4 .box_base {padding: 20px;}
    .evCon4 .box_base .img_wrap {flex-direction: column; align-items: center;}

    .textbook_pop .zoom_swiper {max-width: 700px; width: 100%;}

    .evCon6::before {background-image: linear-gradient(180deg, rgba(233, 240, 255, 0.00) 35%, #E9F0FF 45%, #FFF 70%);}
    .evCon6 .step_wrap {display: flex; flex-direction: column; gap: 16px;}
    .evCon6 .step_wrap li {position: relative;}
    .evCon6 .step_wrap li:not(:last-child)::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); width: 45px; height: 28px; background: url(https://img.megagong.net/m/2026/0714_allawyer/box2_arrow.svg) no-repeat; z-index: 1;}
    .evCon6 .step_wrap li img {width: 310px;}
    .evCon6 .step_wrap li {border-radius: 10px; box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.12);}
    .evCon6 .step_wrap li.step5 {border: 1px solid #325DBC; background: #103C9B;}
    .evCon6 .step_wrap li.step6 {border: 1px solid #3664C8; background: #1A4FC0;}
    .evCon6 .step_wrap li.step9 {border: 1px solid #88B0FF; background: #6D9EFF;}

    .evCon7 .lec_wrap {padding: 20px;}

    .evCon8 .evt_box {padding: 20px; flex-direction: column; gap: 10px;}
    .evCon8 .evt_box .txt {text-align: center;}
    .evCon8 .ds-button-wrap .ds-button {font-size: var(--text-body2-size); line-height: var(--text-body2-line-height);}
}
@media screen and (max-width: 576px){
    .evCon1 .sub_tit {font-size: 18px; line-height: 26px;}

    .evCon6::before {background-image: linear-gradient(180deg, rgba(233, 240, 255, 0.00) 29%, #E9F0FF 34%, #FFF 60%);}
    .evCon6 .txt {bottom: 0;}
}