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

/* settings */
:root {
    --color-primary: #FF6262;
}
.evSection {padding: 140px 0;}
.evSection .con_tit + .mini_tit {margin-top: 15px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.evSection .con_box {margin-top: 60px;}
.tx_primary {color: var(--color-primary);}
.clp-fs110 {font-size: 110px;}
.clp-fs100 {font-size: 100px;}
.dim-base-wrap {background-color: rgba(0, 0, 0, 0.75);}

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

.eventVideo.system {z-index: 0;}
.eventVideo.system[data-video-type="youtube"] .video_txt {z-index: 3;}
.eventVideo.system .video_box .play_area > img { width: 0; height: 0; }
.eventVideo.system .video_txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; background: #222; z-index: 2;}
.eventVideo.system .video_txt::after {content: ''; display: block; width: 97px; height: 97px; background: url(https://image.megagong.net/common/event/ic_play.svg) no-repeat; background-size: contain; margin: 40px auto 0;}
.eventVideo.system .video_txt .sm_txt {margin-bottom: 10px;}
.eventVideo .btn-base {margin-top: 30px;}
.btn-base.gradient > * {background: linear-gradient(95deg, #F85353 -4.67%, #31A2FF 107.34%); color:#fff;}

/* evCon1 */
.evCon1 {padding: 0; background: #FFD4D4 url(https://image.megagong.net/m/2026/0202_allawyer/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .inner {padding: 170px 0 143px; z-index: 0;}
.evCon1 .bg_text {position: absolute; width: 100%; top: 0; pointer-events: none;}
.evCon1 h3 {display: flex; flex-direction: column; gap: 10px; line-height: 1; margin: 40px 0;}
.evCon1 h3 span {font-weight: 400;}
.evCon1 .teacher_home {display: flex; justify-content: center; align-items: center; max-width: 140px; border-radius: 40px; background: #FFDBDB; padding: 7px 5px;}
.evCon1 .teacher_home b {font-size: 9px; width: 17px; height: 17px; color: #FFDBDB; padding: 0; margin-left: 8px;}
.evCon1 .tea_img {position: absolute; bottom: 0; right: 0; max-width: 50%; z-index: -1;}

/* evCon2 */
.evCon2 {padding: 140px 0 0; background-image: url(https://image.megagong.net/m/2026/0202_allawyer/con2_bg.jpg), linear-gradient(0deg, #FFDFDF 0%, #FFDFDF 100%), linear-gradient(180deg, #FFE3E3 0%, #FFF 100%); background-size: auto 100%;}
.evCon2 .tx_highlight {color: #FF3C3C;}
.evCon2 .inner {z-index: 0;}
.evCon2 .bubble_wrap .tit {position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width: fit-content; display: flex; flex-direction: column; align-items: center; gap: 6px;}
.evCon2 .bubble_wrap .tit sup {position: absolute; top: -12px;}
.evCon2 .bubble_wrap .tit sup:first-of-type {left: -24px;}
.evCon2 .bubble_wrap .tit sup:last-of-type {right: -24px;}
.evCon2 .bubble_wrap .tit strong {border-radius: 6px; background: #FF4C4C; padding: 6px 14px 7px; line-height: 1;}
.evCon2 .bubble_wrap .bubble {position: absolute; width: 430px; border-radius: 10px; background: #FFF; box-shadow: 8px 10px 16px 0 rgba(0, 0, 0, 0.04); padding: 30px;}
.evCon2 .bubble_wrap .bubble::before {content: ''; position: absolute; bottom: 2px; transform: translateY(100%); width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M0 19.1716V2C0 0.895431 0.89543 0 2 0H19.1716C20.9534 0 21.8457 2.15428 20.5858 3.41421L3.41421 20.5858C2.15428 21.8457 0 20.9534 0 19.1716Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain;}
.evCon2 .bubble_wrap .bubble1 {width: 460px; top: 0; left: -45px;}
.evCon2 .bubble_wrap .bubble1::before {right: 100px; transform: translateY(100%) rotate(90deg);}
.evCon2 .bubble_wrap .bubble2 {width: 480px; top: 10px; right: -60px;}
.evCon2 .bubble_wrap .bubble2::before {left: 124px;}
.evCon2 .bubble_wrap .bubble3 {bottom: 200px; left: -8px; z-index: -1;}
.evCon2 .bubble_wrap .bubble3::before {bottom: auto; top: 2px; right: 88px; transform: translateY(-100%) rotate(180deg);}
.evCon2 .bubble_wrap .bubble4 {bottom: 150px; right: 30px; z-index: -1;}
.evCon2 .bubble_wrap .bubble4::before {bottom: auto; top: 2px; left: 70px; transform: translateY(-100%) rotate(270deg);}
.evCon2 .bubble_wrap .tea_img {max-width: 76%; margin: 0 auto; pointer-events: none;}

/* evCon3 */
.evCon3 {background: #FFF;}
.evCon3 .eventVideo.system .video_txt::after {margin-top: 60px;}
.evCon3 .pr_video_swiper .pr_video_con {background-color: #FFF5F5; padding: 40px 5px;}
.evCon3 .pr_video_swiper .s-num {display: inline-block; border-radius: 20px; background: #FFDBDB; padding: 5px 24px;}
.evCon3 .pr_video_swiper .s-txt {color: #111;}

/* evCon4 */
.evCon4 {position: relative; background: #C5E5FF;}
.evCon4::before {content: ''; position: absolute; bottom: 0; left: calc(50% + 133px); width: 1167px; height: 100%; background-image: url(https://image.megagong.net/m/2026/0202_allawyer/con4_bg.png); background-repeat: no-repeat; background-position: 50% 100%; background-size: auto;}
.evCon4 .con_tit + .evt_con_base {margin-top: 10px;}
.evCon4 .pr_review_swiper .swiper-slide .review_con {margin-top: 0; height: 130px;}
.evCon4 .btn-base {margin-top: 40px;}
.evCon4 .btn-base a {min-width: 372px;}

/* evCon5 */
.evCon5 {background: #FFF;}
.evCon5 .con_box + .con_tit {margin-top: 60px;}

/* evCon6 */
.evCon6 {background: linear-gradient(180deg, #86C9FF 0%, #F5FBFF 100%);}
.evCon6.event {padding: 150px 0;}
.evCon6 .gift_list_wrap li .badge {width: auto; background: var(--color-primary); width: 112px;}
.evCon6 .eventVideo {margin-top: 60px;}
.evCon6 .btn-base.gradient > * {font-size: 16px; min-width: 367px;}
.evCon6 .schedule_tit {margin: 60px auto 40px;}
.evCon6 .schedule_tit span {color: #666;}
.evCon6 .schedule_wrap {position: relative;}
.evCon6 .schedule_wrap ol {flex-wrap: wrap; gap: 10px 12px;}
.evCon6 .schedule_wrap ol li {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(25% - 9px); border-radius: 20px; border: 0 solid rgba(0, 0, 0, 0.10); background: #FFF; padding: 28px 10px;}
.evCon6 .schedule_wrap ol li.today strong {background-image: linear-gradient(95deg, #F85353 -4.67%, #31A2FF 107.34%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.evCon6 .schedule_wrap ol li.today::before {content: ''; position: absolute; inset: 0; padding: 2px; border-radius: 20px; background: linear-gradient(95deg, #F85353 -4.67%, #31A2FF 107.34%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; pointer-events: none;}
.evCon6 .schedule_wrap ol li.stamp {color: #B5B5B5;}
.evCon6 .schedule_wrap ol li.stamp .status {position: absolute; top: -16px; right: 36px; width: 86px; height: 86px; font-size: 0; background-repeat: no-repeat; background-size: contain;}
.evCon6 .schedule_wrap ol li.attendance .status {background-image: url(https://image.megagong.net/m/2026/0202_allawyer/ic_attendance.png);}
.evCon6 .schedule_wrap ol li.absence .status {background-image: url(https://image.megagong.net/m/2026/0202_allawyer/ic_absence.png);}

/* evCon7 */
.evCon7 {background: linear-gradient(180deg, #FFACAC -1.83%, #F6F6F6 79.63%);}
.evCon7.event {padding: 120px 0;}
.evCon7 .tx_highlight {color: #DB3E3E;}
.evCon7 .mini_tit {color: #73808D;}
.evCon7 .mini_tit u {font-weight: 700; text-underline-offset: -5px; text-decoration-thickness: 11px; text-decoration-skip-ink: none; text-decoration-color: #FAA;}
.evCon7 .container_info_wrap {margin-top: 0;}
.evCon7 .purchase_base_list {margin-top: 40px;}
.evCon7 .purchase_base_list .purchase_info .tit {margin-top: 0;}
.evCon7 .purchase_base_list .pkg_detail {margin-top: 10px;}
.evCon7 .purchase_base_list .pkg_detail .p_tit {color: #FF6262;}
.evCon7 .purchase_base_list .purchase_price .badge {font-size: 18px; background: linear-gradient(90deg, #F95353 0%, #3586FF 100%); padding: 4px 15px;}
.evCon7 .purchase_base_list .purchase_price .price_area {margin-top: 0;}
.evCon7 .purchase_base_list .purchase_price .price_area .before {font-size: 24px;}
.evCon7 .purchase_base_list .purchase_price .price_area .current {color: var(--color-primary);}
.evCon7 .purchase_base_list .purchase_btn {text-align: center;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit + .mini_tit,
    .evSection .mini_tit + .con_tit {margin-top: 2%;}
    .evSection .con_box {margin-top: 6%;}
    .clp-fs110 {font-size: clamp(54px, 11.5vmin, 110px);}
    .clp-fs100 {font-size: clamp(50px, 11vmin, 100px);}

    /* evCon1 */
    .evCon1 {padding: 0;}
    .evCon1 .inner {padding: 15% 0 14%;}

    /* evCon2 */
    .evCon2 {padding: 14% 0 0;}
    
    /* evCon4 */
    .evCon4::before {content: none;}
    .evCon4 .btn-base a {min-width: initial;}
    
    /* evCon5 */
    .evCon5 .con_box + .con_tit {margin-top: 6%;}

    /* evCon6 */
    .evCon6.event {padding: 14% 0;}
    .evCon6 .btn-base.gradient > * {min-width: initial;}

    /* evCon7 */
    .evCon7.event {padding: 14% 0;}
}
@media screen and (max-width: 992px){
    .eventVideo.system .video_txt::after {width: 9vmin; height: 9vmin;}

    .evCon2 .bubble_wrap .bubble {width: 40%; padding: 20px 10px;}
    .evCon2 .bubble_wrap .bubble1 {left: 0;}
    .evCon2 .bubble_wrap .bubble2 {right: 0;}
    .evCon2 .bubble_wrap .bubble4 {right: 0;}

    .evCon4 .pr_review_swiper .swiper-slide .review_con {height: 210px; display: block;}
}
@media screen and (max-width: 768px){
    .eventVideo.system .video_txt::after {margin-top: 20px;}
    .eventVideo .btn-base {margin-top: 10px;}

    .evCon2 {position: relative; background: linear-gradient(0deg, #FFDFDF 0%, #FFDFDF 100%), linear-gradient(180deg, #FFE3E3 0%, #FFF 100%);}
    .evCon2::before {content: ''; position: absolute; width: 200%; height: 200%; bottom: 0; right: 0; transform: translate(50%, 50%); border-radius: 50%; opacity: 0.7; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 0, 0, 0.80) 0%, rgba(255, 255, 255, 0.00) 100%); pointer-events: none;}
    .evCon2 .bubble_wrap {padding-bottom: 14%;}
    .evCon2 .bubble_wrap .tit {position: relative; top: auto; left: auto; transform: none; margin: 0 auto 35px;}
    .evCon2 .bubble_wrap .bubble {position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 70%;}
    .evCon2 .bubble_wrap .bubble:nth-child(even) {background: #FFF0F0; left: 5%;}
    .evCon2 .bubble_wrap .bubble + .bubble {margin-top: 18px;}
    .evCon2 .bubble_wrap .bubble::before {width: 16px; height: 16px; top: auto; bottom: 2px; transform: translateY(100%) rotate(90deg);}
    .evCon2 .bubble_wrap .bubble:nth-child(even)::before {transform: translateY(100%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M0 19.1716V2C0 0.895431 0.89543 0 2 0H19.1716C20.9534 0 21.8457 2.15428 20.5858 3.41421L3.41421 20.5858C2.15428 21.8457 0 20.9534 0 19.1716Z' fill='%23FFF0F0'/%3E%3C/svg%3E");}
    .evCon2 .bubble_wrap .bubble1::before {right: 22%;}
    .evCon2 .bubble_wrap .bubble2::before {left: auto; right: 18%;}
    .evCon2 .bubble_wrap .bubble3::before {right: auto; left: 35%;}
    .evCon2 .bubble_wrap .bubble4 {z-index: 1;}
    .evCon2 .bubble_wrap .bubble4::before {left: auto; right: 32%;}
    .evCon2 .bubble_wrap .tea_img {position: absolute; bottom: 0; right: -21vmin;}

    .evCon3 .eventVideo.system .video_txt::after {margin-top: 20px;}
    .evCon3 .pr_video_swiper .pr_video_con {padding: 20px 5px;}

    .evCon4 .pr_review_swiper .swiper-slide .review_con {height: auto;}

    .evCon6 .btn-base.gradient > * {font-size: 15px;}
    .evCon6 .eventVideo {margin-top: 40px;}
    .evCon6 .schedule_tit {margin: 30px auto 20px;}
    .evCon6 .schedule_wrap ol {gap: 6px;}
    .evCon6 .schedule_wrap ol li {width: calc(25% - 4.5px); border-radius: 10px; padding: 20px 10px;}
    .evCon6 .schedule_wrap ol li.today::before {border-radius: 10px;}
    .evCon6 .schedule_wrap ol li.stamp .status {right: 2%; max-width: 12vmin; max-height: 12vmin;}
    
    .evCon7 .purchase_base_list {margin-top: 20px;}
    .evCon7 .purchase_base_list .purchase_price .badge {font-size: 14px;}
    .evCon7 .purchase_base_list .purchase_price .price_area .before {font-size: 15px;}
}
@media screen and (max-width: 576px){
    .evCon1 h3 {margin: 20px 0;}

    .evCon2 .bubble_wrap .bubble {width: 80%;}

    .evCon6 .gift_list_wrap li .badge {width: 90px;}
    .evCon6 .btn-base.gradient > * {padding: 12px 30px;}
}