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

/* settings */
:root {
    --color-primary: #192636;
}
.eventWrap {font-family: "Pretendard", sans-serif; letter-spacing: normal; font-weight: 400; line-height: normal; color: var(--brand-color-gray-900);}
.evSection {padding: 120px 0;}
.evSection .mini_tit {font-weight: 500; opacity: 0.6;}
.evSection .con_tit + .mini_tit {margin-top: 15px;}
.evSection .mini_tit + .con_tit {margin-top: 12px;}
.evSection .con_box {margin-top: 50px;}
.evSection .evt_mark {display: inline-block; color: #FFF; border-radius: 30px; background: rgba(255, 255, 255, 0.20); padding: 8px 20px; margin-bottom: 20px;}
.evSection .evt_info {display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: fit-content; margin: 0 auto;}
.evSection .evt_info dl {display: flex; justify-content: flex-start; align-items: center; gap: 5px;}
.evSection .evt_info dl::before {content: ''; display: block; width: 20px; height: 20px; flex-shrink: 0; background-color: #CCC; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='9.33325' y='3.33301' width='1.33333' height='13.3333' rx='0.666667' fill='black'/%3E%3C/svg%3E") center / contain no-repeat; order: 1;}
.evSection .evt_info dt {flex-shrink: 0; color: #CCC; font-weight : 700;}
.evSection .evt_info dd {color: #CCC; order: 1; text-align: left;}
.evSection .evt_info .notice {opacity: 0.5;}
.evSection .lec_wrap {padding: 40px; border-radius: 12px; background: #FFF;}
.evSection .lec_wrap .vodchr_banner {margin: 0;}
.tx_primary {color: var(--color-primary);}
.tx_gradient {display: inline-block; background: linear-gradient(90deg, #7793B0 0%, #192636 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.text-primary-white .tx_gradient {background-image: linear-gradient(90deg, #7793B0 0%, #FFF 100%);}

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

.flt_inner {width: 240px;}
.flt_inner li {position: relative;}
.flt_inner li .bnr {position: relative;}
.flt_inner li .ds-badge {position: absolute; top: 39px; left: 50%; transform: translateX(-50%); min-width: max-content; font-weight: 400;}
.flt_inner li .close {position: absolute; top: 10px; right: 10px; width: 18px; height: 18px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #587594;}
.flt_inner li .close span {color: #FFF; font-size: 16px; font-weight: 400;}

/* evTop */
.evTop {padding: 39px 0 13px; background: url(https://image.megagong.net/m/2026/0921_allawyer/top_bg.jpg) 50% 50% / 1920px auto no-repeat;}
.evTop .awards {display: inline-flex; justify-content: center; align-items: center; gap: 26px; color: #C08369; letter-spacing: 0.1em; margin-bottom: 22px;}
.evTop .awards::before,
.evTop .awards::after {content: ''; display: inline-block; width: 19px; height: 45px; background: url(https://image.megagong.net/m/2026/0921_allawyer/ico_leaf.svg) no-repeat; background-size: contain;}
.evTop .awards::after {transform: rotateY(180deg);}
.evTop .sub_tit {color: rgba(25, 38, 54, 0.80); font-size: 22px; font-weight: 400; line-height: 1.36; margin-bottom: 19px;}
.evTop h3 {width: 82.05vw; max-width: 655px; margin: 0 auto 6px;}
.evTop .book_img {position: relative; width: 76.92vw; max-width: 585px; margin: -30px auto -40px;}
.evTop .book_img .badge {position: absolute; left: -5px; bottom: 80px; width: 30vw; max-width: 200px;}
.evTop .text-caption-sm {opacity: 0.15;}

/* stickyBnr */
.stickyBnr {border: none; background: none; position: fixed; bottom: 10px; width: 100%; z-index: 3;}
.stickyBnr .grid {position: relative; display: grid; grid-template-columns: 69px auto; align-items: center; gap: 2px 14px; max-width: 889px; border-radius: 12px; background: #192636; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.20); margin: 0 auto; padding: 12px 40px; text-align: left;}
.stickyBnr .ds-badge {grid-row: 1 / 3; background: #FF7839;}
.stickyBnr .txt {grid-row: 1 / 2; opacity: 0.8;}
.stickyBnr .tit {grid-row: 2 / 3; font-weight: 700;}
.stickyBnr .tit .tx_highlight {color: #FF7839; font-weight: 500;}
.stickyBnr .img {position: absolute; right: 0; bottom: 0; width: 160px;}

/* evCon1 */
.evCon1 {background: radial-gradient(201.54% 121.31% at 50% 0%, rgba(51, 97, 137, 0.70) 0%, rgba(255, 255, 255, 0.00) 100%), #FFF;}
.evCon1 .con_tit img {width: min(328.5px, 72vw);}
.evCon1 .sec_tit {width: 69vw; max-width: 305px; margin: 0 auto 42px;}
.evCon1 .book_wrap {position: relative; max-width: 1153px; margin: 0 -36.5px;}
.evCon1 .book_wrap .badge {position: absolute; top: -64px; left: -52px; max-width: 200px; z-index: 1;}
.evCon1 .book_wrap .badge .close {color: #FFF; position: absolute; top: 10px; right: 10px;}
.evCon1 .book_wrap .tit_wrap {position: absolute; top: -40px; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; gap: 274px;}
.evCon1 .tit_wrap .tit .dot {position: relative; display: block; width: fit-content; margin: 0 auto 18px;}
.evCon1 .tit_wrap .tit:first-of-type .dot::before {content: ''; position: absolute; top: 8px; right: 0; transform: translateX(100%); width: 525px; height: 8px; background: url(https://image.megagong.net/m/2026/0921_allawyer/con1_stroke.svg) no-repeat; background-position: 100% 50%; background-size: contain;}
.evCon1 .tit_wrap .tit .b_txt {color: #FFF; border-radius: 5px; background: #192636; padding: 7px 10px; margin: 5px auto 10px;}
.evCon1 .tit_wrap .tit p {font-weight: 400; opacity: 0.8;}
.evCon1 .book {position: relative; margin: 20px auto;}
.evCon1 .book .zoom_btn {position: absolute; right: 10px; bottom: 10px; width: 48px; height: 48px; background: #FF5752; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #FFF;}
.evCon1 .sec_txt {width: 90vw; max-width: 789px; margin: 0 auto;}

/* evCon2 */
.evCon2 {background: #192636;}
.evCon2 .mini_tit {color: #D3DDE6;}
.evCon2 .type_wrap {display: flex; gap: 20px; margin: 0 auto 30px;}
.evCon2 .type_wrap .item {flex: 1; border-radius: 10px; background: rgba(211, 221, 230, 0.20); padding: 30px 0;}
.evCon2 .type_wrap .tit .num {display: flex; width: 30px; height: 30px; justify-content: center; align-items: center; border-radius: 50%; background: #192636; margin: 0 auto 10px; font-weight: 500;}
.evCon2 .type_wrap .tit .ico {display: block; max-width: 150px; margin: 6px auto;}
.evCon2 .sec_txt {display: inline-block; width: 89.74vw; max-width: 414px;}

/* evCon3 */
.evCon3 {background: linear-gradient(180deg, #D3DDE6 0%, #FFF 100%);}
.evCon3 .mini_tit {letter-spacing: 0.1em;}
.evCon3 .book_wrap {position: relative; max-width: 860px; margin: 0 auto 84px;}
.evCon3 .book {position: relative;}
.evCon3 .book .zoom_btn {position: absolute; right: 10px; bottom: 10px; width: 48px; height: 48px; background: #FF5752; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #FFF;}
.evCon3 .book_wrap .bubble {position: absolute; left: 50%; bottom: -40px; transform: translateX(-50%); min-width: max-content; border-radius: 10px; background: #FF7839; padding: 16px 35px; font-weight: 700;}
.evCon3 .book_wrap .bubble::before {content: ''; position: absolute; top: -13px; left: calc(50% - 11px); width: 22px; height: 19px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19' viewBox='0 0 22 19' fill='none'%3E%3Cpath d='M8.8201 1.0076L0.266455 15.9765C-0.49544 17.3098 0.467295 18.9688 2.00294 18.9688H19.1102C20.6459 18.9688 21.6086 17.3098 20.8467 15.9765L12.2931 1.0076C11.5253 -0.336028 9.58789 -0.336028 8.8201 1.0076Z' fill='%23FF7839'/%3E%3C/svg%3E") no-repeat center / contain;}
.evCon3 .book_btn {min-width: 300px;}

/* evCon4 */
.evCon4 {background: #E2EBF3 url(https://image.megagong.net/m/2026/0921_allawyer/con4_bg.jpg) 0 0 / 1038px auto no-repeat; background-position: 0 0 !important;}
.evCon4 .mini_tit {letter-spacing: 0.1em;}
.evCon4 .sec_tit {margin-bottom: 20px;}
.evCon4 .point_wrap {position: relative; display: flex; flex-wrap: wrap; gap: 10px; max-width: 730px; margin: 0 auto 70px; z-index: 0;}
.evCon4 .point_wrap::before {content: ''; position: absolute; bottom: -88px; left: 50%; transform: translateX(-50%); width: 154px; height: 357px; background: url(https://image.megagong.net/m/2026/0921_allawyer/con4_arrow.png) no-repeat; background-size: contain; z-index: -1;}
.evCon4 .point_wrap .item {width: calc(50% - 5px); border-radius: 5px; border: 1px solid #192636; background: #192636; box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.12); padding: 20px 30px;}
.evCon4 .point_wrap .tit {margin-bottom: 12px;}
.evCon4 .point_wrap .tit .num {display: flex; justify-content: center; align-items: center; gap: 6px; color: #7793B0; margin-bottom: 4px;}
.evCon4 .point_wrap .tit .num span {display: inline-flex; width: 24px; height: 24px; justify-content: center; align-items: center; border-radius: 50%; background: #7793B0; color: #FFF; line-height: 1.85; font-size: 16px; font-weight: 500;}
.evCon4 .point_wrap .txt {opacity: 0.8; font-weight: 500;}
.evCon4 .eventVideo {max-width: 730px; aspect-ratio: 16 / 9; border-radius: 10px; margin: 0 auto 63px;}

/* evCon5 */
.evCon5 {background: #D3DDE6;}
.evCon5 .mini_tit {letter-spacing: 0.1em;}
.evCon5 .con_box {margin-top: 70px;}
.evCon5 .review_wrap {display: flex; flex-wrap: wrap; gap: 20px; max-width: 1040px; margin: 0 auto 10px;;}
.evCon5 .review_wrap .item {position: relative; display: flex; flex-direction: column; width: calc(50% - 10px); border-radius: 10px; background: #FFF; padding: 30px 35px; text-align: left;}
.evCon5 .review_wrap .tit {font-weight: 700; margin-bottom: 12px;}
.evCon5 .review_wrap .txt {color: var(--brand-color-gray-700); margin-bottom: 20px;}
.evCon5 .review_wrap .writer {color: var(--brand-color-gray-400); margin-top: auto;}
.evCon5 .review_wrap .img {position: absolute; bottom: 25px; right: 25px; width: 60px; z-index: 1;}
.evCon5 .review_wrap .highlight {width: 100%; background: #416182; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10);}
.evCon5 .review_wrap .highlight .txt {margin-bottom: 10px;}
.evCon5 .review_wrap .highlight .img {bottom: 14px; right: 13px; width: 346.5px;}
.evCon5 .text-caption {opacity: 0.5;}

/* evCon6 */
.evCon6 {padding-bottom: 93px; background: #192636 url(https://image.megagong.net/m/2026/0921_allawyer/con6_bg.jpg) 50% 50% / 1920px auto no-repeat; background-position: 50% 0 !important;}
.evCon6 .con_tit .tx_gradient {background-image: linear-gradient(90deg, #FFF 0%, #FF7839 100%);}
.evCon6 .con_tit .tx_gradient span {-webkit-text-fill-color: initial;}
.evCon6 .con_box {margin-top: 30px;}
.evCon6 .encore_bnr {position: relative; width: 100%; max-width: 530px; border-radius: 100px; background: #FF7839; padding: 24px; margin: 0 auto 30px;}
.evCon6 .encore_bnr .badge {position: absolute; top: -36px; right: -10px;}
.evCon6 .gift {width: 85vw; max-width: 525px; margin: 0 auto 30px;}
.evCon6 .ds-button-wrap {position: relative; display: block; margin-bottom: 50px;}
.evCon6 .ds-button-wrap .bubble {position: absolute; top: -31.5px; left: calc(50% - 212.5px); width: 425px; font-weight: 700; border-radius: 30px; background: #FFF; padding: 5px 15px; animation: floating 1.6s ease-in-out infinite;}
.evCon6 .ds-button-wrap .bubble::before {content: ''; position: absolute; bottom: -8px; left: calc(50% - 8px); width: 16px; height: 9px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8' fill='none'%3E%3Cpath d='M6.50518 7.31833C7.30076 8.21336 8.69924 8.21336 9.49482 7.31833L16 0H0L6.50518 7.31833Z' fill='white'/%3E%3C/svg%3E") no-repeat center / contain;}

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

.evCon6 .ds-button.apply_btn {background: #FF7839;}
.evCon6 .ds-button {min-width: 300px;}
.evCon6 .step_wrap {display: flex; justify-content: center; gap: 50px; max-width: 960px; margin: 20px auto;}
.evCon6 .step_wrap .item {position: relative; flex: 1; max-width: 340px; border-radius: 20px; background: rgba(255, 255, 255, 0.05); padding: 30px 20px;}
.evCon6 .step_wrap .tit {display: inline-block; font-weight: 700; text-underline-offset: 3px; text-decoration-thickness: 2px; margin-bottom: 12px;}
.evCon6 .step_wrap .txt {line-height: 1.5;}
.evCon6 .step_wrap .ico {position: absolute; top: 50%; right: -25px; transform: translate(50%, -50%); font-size: 40px;}
.evCon6 .step_wrap .text-caption {display: inline-block; color: rgba(255, 255, 255, 0.70); opacity: 0.9; margin-top: 12px;}
.evCon6 .step_wrap + .text-caption {opacity: 0.8;}

/* evWarning */
.eventWrap .evWarning {background-color: #1A1A1A; padding: 60px 0; font-family: "Pretendard", sans-serif;}
.note-base-wrap ul {color: #CCC;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: clamp(60px, 15.625vw, 120px) 0;}
    .evSection .con_tit + .mini_tit,
    .evSection .mini_tit + .con_tit {margin-top: 2%;}
    .evSection .con_box {margin-top: 6%;}

    /* evTop */
    .evTop {padding: 40px 0 20px; background-size: auto 100%;}

    .stickyBnr {bottom: 70px;}
    .stickyBnr .grid {width: 100%; max-width: none; border-radius: 0; box-shadow: none;}

    /* evCon1 */
    .evCon1 .book_wrap {margin: 0 auto;}
    .evCon1 .book_wrap .tit_wrap {gap: 10vw;}
    .evCon1 .tit_wrap .tit:first-of-type .dot::before {content: none;}

    .evCon4 {background-size: 54vw auto;}

    .evCon6 {background-size: auto 100%;}
}
@media screen and (max-width: 992px){
    .evCon1 .book_wrap .tit_wrap {position: static;}

    .evCon6 .step_wrap {flex-direction: column; gap: 40px;}
    .evCon6 .step_wrap .item {max-width: none;}
    .evCon6 .step_wrap .ico {top: auto; bottom: -20px; right: auto; left: 50%; transform: translate(-50%, 50%) rotate(90deg); font-size: 30px;}
}
@media screen and (max-width: 768px){
    .evSection .mini_tit {font-size: var(--text-body1-size); line-height: var(--text-body1-line-height); font-weight: 400; letter-spacing: normal;}
    .evSection .evt_info {font-size: var(--text-body4-size); line-height: var(--text-body4-line-height);}
    .evSection .evt_info dl {gap: 0; align-items: flex-start;}
    .evSection .evt_info .note {font-size: var(--text-caption-size); line-height: var(--text-caption-line-height);}
    .evSection .lec_wrap {padding: 20px 10px;}

    .evTop .book_img {margin: 0 auto;}
    .evTop .book_img .badge {left: -7vw; bottom: 4.359vw;}
    .evTop .text-caption-sm {text-align: left;}

    .stickyBnr .grid {padding: 14px 16px; gap: 4px 8px; grid-template-columns: 50px auto;}
    .stickyBnr .ds-badge {grid-row: 1 / 2; grid-column: 1 / 2; padding: 2px 4px;}
    .stickyBnr .txt {grid-row: 1 / 2; grid-column: 2 / 3;}
    .stickyBnr .tit {grid-row: 2 / 3; grid-column: 1 / 3;}

    .evCon1 .sec_tit {margin-bottom: 20px;}
    .evCon1 .book_wrap {margin-bottom: 9.5vw;}
    .evCon1 .book_wrap .tit_wrap {display: block;}

    .evCon2 .type_wrap {flex-direction: column; gap: 16px;}
    .evCon2 .type_wrap .item {display: flex; align-items: center; gap: 16px; padding: 20px;}
    .evCon2 .type_wrap .tit {width: 25.64vw;}
    .evCon2 .type_wrap .tit .num {margin-bottom: 6px;}
    .evCon2 .type_wrap .tit .ico {width: 19.48vw; margin: 4px auto 0;}
    .evCon2 .type_wrap .txt {flex: 1; font-size: var(--text-body1-size); line-height: var(--text-body1-line-height);}

    .evCon3 .book_wrap {margin-bottom: 5.128vw;}
    .evCon3 .book_wrap .bubble {position: relative; bottom: auto; left: auto; transform: none; width: 100%; min-width: auto; padding: 16px 24px;}
    .evCon3 .book_btn {min-width: auto; width: 100%; margin-top: 36px;}

    .evCon4 .point_wrap {flex-wrap: nowrap; flex-direction: column; gap: 10px;}
    .evCon4 .point_wrap .item {width: 100%; padding: 20px; text-align: left;}
    .evCon4 .point_wrap .tit {display: flex; align-items: center; gap: 10px; margin-bottom: 10px;}
    .evCon4 .point_wrap .tit .num {margin-bottom: 0;}
    .evCon4 .eventVideo {border-radius: max(10px, 2.564vw); margin-bottom: 20px;}

    .evCon5 .review_wrap {flex-wrap: nowrap; flex-direction: column; gap: 10px;}
    .evCon5 .review_wrap .item {width: 100%; padding: 20px;}
    .evCon5 .review_wrap .tit {margin-bottom: 8px;}
    .evCon5 .review_wrap .txt {margin-bottom: 16px;}

    .evCon6 .con_tit .tx_gradient {display: inline; background: none; -webkit-text-fill-color: initial; color: #FF7839;}

}
@media screen and (max-width: 576px){
    .evTop .awards {gap: 10px; font-size: max(12px, 3.077vw); line-height: 1.5; margin-bottom: 16px;}
    .evTop .sub_tit {font-size: max(18px, 4.615vw); line-height: 1.444; margin-bottom: 16px;}

    .stickyBnr {bottom: 56px;}
    .stickyBnr .txt {font-size: var(--text-body5-size); line-height: var(--text-body5-line-height);}
    .stickyBnr .tit {font-size: var(--text-body3-size); line-height: var(--text-body3-line-height);}

    .evCon6 .ds-button-wrap .bubble {width: 230px; top: -39px; left: calc(50% - 115px);}
}

/* ÁÜ Æ˾÷ */
.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;}

/* ÀÎÁõ Æ˾÷ */
.field_wrap {display: flex; gap: 8px; margin-bottom: 20px;}
.field_wrap .ds-field {flex: 1;}