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

/* settings */
:root {
    --color-primary: #012165;
}
.evSection {padding: 150px 0;}
.evSection .inner.w1000 {width: 1000px;}
.evSection .box_tit {display: inline-block; border: 1.5px solid #012165; padding: 5px 15px;}
.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);}

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

/* evStickyBnr */
.evStickyBnr {position: absolute; top: 30px; left: 0; width: 100%; z-index: 5; color: #FFF; background: none; border: none;}
.evStickyBnr.fixed {top: 30px;}
.evStickyBnr ul {width: 1080px; height: 52px; margin: 0 auto;}
.evStickyBnr li {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 142px; height: 100%; margin-inline: -9px; clip-path: polygon(calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%, 20px 50%, 0% 0%); background: rgba(38, 157, 255, 0.15);}
.evStickyBnr li.highlight {width: 212px; background: linear-gradient(270deg, #0DD9A3 -1.82%, #64BDFF 98.18%);}
.evStickyBnr li:first-child {clip-path: polygon(calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%, 0% 50%, 0% 0%); border-radius: 10px 0 0 10px;}
.evStickyBnr li:last-child {clip-path: polygon(calc(100% + 20px) 0%, calc(100% + 20px) 50%, calc(100% + 20px) 100%, 0% 100%, 20px 50%, 0% 0%); border-radius: 0 10px 10px 0;}
.evStickyBnr li .date {font-weight: 400; font-size: 13px;}
.evStickyBnr li.highlight .date {background: linear-gradient(270deg, #003720 0%, #002166 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* evCon1 */
.evCon1 {padding: 0; position: relative; background: linear-gradient(270deg, #002717 0%, #001237 100%);}
.evCon1::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1916px; height: 848px; background: url(https://image.megagong.net/m/2026/0630_allawyer/con1_bg.png) no-repeat; background-size: contain;}
.evCon1 .inner {padding: 122px 0 50px; z-index: 0;}
.evCon1 .title_wrap {position: relative; text-align: left;}
.evCon1 .title_wrap .badge {position: absolute; top: 33px; left: 397px; width: 124px;}
.evCon1 .title_wrap .label {display: block; width: 160px;}
.evCon1 .title_wrap .sub_tit {display: inline-block; margin: 25px auto; letter-spacing: -0.05em; line-height: 1.6;}
.evCon1 .title_wrap h3 {width: 606px; margin-left: -6px;}
.evCon1 .title_wrap .sub_tit2 {width: 299.5px; margin-top: 28px;}
.evCon1 .title_wrap .teacher_home {font-weight: 500; font-size: 15px; margin-top: 30px;}
.evCon1 .title_wrap .teacher_home::after {content: ''; display: inline-block; width: 20px; height: 20px; background: url(https://image.megagong.net/m/2026/0630_allawyer/ico_home.svg) no-repeat; margin-left: 3px;}
.evCon1 .tea {position: absolute; bottom: 0; right: -110px; width: 695px; z-index: -1;}
.evCon1 .benefit_wrap {display: flex; gap: 20px; margin-top: 136px;}
.evCon1 .benefit_wrap .item {flex: 1; display: flex; align-items: center; height: 125px; border-radius: 10px; text-align: left; padding: 0 30px;}
.evCon1 .benefit_wrap .item .txt strong {display: block;}
.evCon1 .benefit_wrap .item .txt span {display: block; margin-top: 5px;}
.evCon1 .benefit_wrap .item .img {margin-left: auto;}
.evCon1 .benefit_wrap .item.live {background: linear-gradient(90deg, #FFF 0%, #FFF 100%);}
.evCon1 .benefit_wrap .item.event {color: #FFF; border: 1px solid #053E66; background: linear-gradient(90deg, rgba(7, 64, 102, 0.60) 0%, #002A46 100%);}
.evCon1 .benefit_wrap .item.live .img {width: 118px;}
.evCon1 .benefit_wrap .item.event .img {width: 137px;}

/* evCon2 */
.evCon2 {padding: 100px 0 0; background: #E8F0F5;}
.evCon2 .con_tit img {width: 564px;}
.evCon2 .con_box {margin-top: 30px;}
.evCon2 .sub_tit {display: inline-block; font-weight: 400; border-radius: 200px; background: linear-gradient(270deg, #003720 0%, #002166 100%); padding: 12px 50px;}
.evCon2 .feature_wrap {display: flex; gap: 20px; margin: 40px auto;}
.evCon2 .feature_wrap li {flex: 1; display: flex; align-items: center; gap: 20px; border-radius: 10px; background: #FFF; box-shadow: 10px 10px 40px 0 rgba(0, 0, 0, 0.05); padding: 18px 0 18px 40px; text-align: left; font-weight: 400;}

/* evCon3 */
.evCon3 {background: url(https://image.megagong.net/m/2026/0630_allawyer/con3_bg.png) no-repeat;}
.evCon3 .mini_tit {border-color: #FFF;}
.evCon3 .con_tit img {width: 644.5px;}
.evCon3 .con_box {margin-top: 0;}
.evCon3 .sub_tit {display: inline-block; font-weight: 600; border-radius: 200px; background: #FFF; padding: 12px 50px; margin: 100px auto 40px;}
.evCon3 .tx_gradient {background: linear-gradient(270deg, #05B76D 0%, #00AACB 50%, #1B52CB 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.evCon3 .con_img {max-width: 860px; margin: 0 auto;}
.evCon3 p.txt {font-weight: 400; margin: 40px auto;}
.evCon3 .check_wrap {display: flex; gap: 20px;}
.evCon3 .check_wrap dl {flex: 1; width: 490px; font-weight: 400; color: #FFF; border-radius: 16px; background: rgba(0, 2, 27, 0.50); padding: 20px 40px 30px;}
.evCon3 .check_wrap dt {border-bottom: 1px solid #666; margin-bottom: 14px; padding-bottom: 5px;}
.evCon3 .check_wrap dt strong {color: #5CFCFF;}
.evCon3 .check_wrap dd {display: flex; gap: 10px; text-align: left; white-space: nowrap; letter-spacing: -0.05em;}
.evCon3 .check_wrap dd + dd {margin-top: 5px;}
.evCon3 .check_wrap dd::before {content: ''; display: block; flex-shrink: 0; width: 20px; height: 20px; background: url(https://image.megagong.net/m/2026/0630_allawyer/ico_check.svg) no-repeat;}
.evCon3 .guide_wrap {display: flex; gap: 17px;}
.evCon3 .guide_wrap .img {max-width: 603px;}
.evCon3 .guide_wrap ul {flex: 1;}
.evCon3 .guide_wrap ul li {display: flex; align-items: center; gap: 22px; height: 78px; border-radius: 10px; background: #FFF; padding: 15px 15px 15px 22px; text-align: left;}
.evCon3 .guide_wrap ul li:nth-child(even) {background: #DFF2FF;}
.evCon3 .guide_wrap ul li + li {margin-top: 2px;} 
.evCon3 .guide_wrap li strong {display: block;}
.evCon3 .guide_info {display: flex; justify-content: center; align-items: center; gap: 22px; text-align: left; border-radius: 10px; background: linear-gradient(90deg, #FF5656 0%, #EE764B 100%); height: 90px; margin-top: 20px;}
.evCon3 .guide_info::before {content: ''; display: inline-block; width: 46px; height: 46px; background: url(https://image.megagong.net/m/2026/0630_allawyer/con3_ico6.svg) no-repeat; background-size: contain;}

/* evCon4 */
.evCon4 {padding: 120px 0; background: url(https://image.megagong.net/m/2026/0630_allawyer/con4_bg.png); background-size: auto 100%; background-repeat: repeat-x !important;}
.evCon4 .mini_tit {font-weight: 400; color: var(--color-primary);}
.evCon4 .con_tit img {width: 912px;}
.evCon4 .con_box {width: 860px; margin: 0 auto; margin-top: 40px;}
.evCon4 .eventVideo {border-radius: 10px;}
.evCon4 .youtube_bnr {position: relative; display: flex; justify-content: flex-start; align-items: center; gap: 30px; height: 120px; color: #FFF; border-radius: 10px; background: #1A1A1A; margin: 90px auto 60px; padding: 10px 60px;}
.evCon4 .youtube_bnr p::after {content: ''; display: inline-block; width: 20px; height: 20px; background: url(https://image.megagong.net/m/2026/0630_allawyer/ico_arrow.svg) no-repeat; background-size: contain; margin-left: 5px;}
.evCon4 .youtube_bnr .img {position: absolute; bottom: 0; right: 16px; width: 152px;}
.evCon4 .feature_tit {font-weight: 700; color: var(--color-primary); margin-bottom: 20px;}
.evCon4 .feature_wrap {display: flex; flex-wrap: wrap; gap: 20px;}
.evCon4 .feature_wrap li {flex-basis: calc(33.333% - 13.333px); border-radius: 12px; background: #FFF; box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.10); padding: 22px 5px 20px;}
.evCon4 .feature_wrap p {color: var(--color-primary); font-weight: 700; margin-top: 5px;}

/* evCon5 */
.evCon5 {background: #FFF;}
.evCon5 .con_tit img {width: 659px;}
.evCon5 .review_swiper .swiper-slide {height: 310px !important; font-weight: 400; color: #333; border-radius: 12px; background: #E8F0F5; text-align: left;}
.evCon5 .review_swiper .tit {color: #111;}
.evCon5 .review_swiper p {line-height: 1.6; margin-top: 12px;}
.evCon5 .review_swiper .name {display: block; text-align: right; margin-top: 12px;}

/* evCon6 */
.evCon6 {background: linear-gradient(180deg, #E8F0F5 0%, #FFF 34.84%);}
.evCon6 .mini_tit {font-weight: 400; color: var(--color-primary);}
.evCon6 .con_tit + .evt_con_base {font-weight: 400; color: #777; margin-top: 15px;}
.evCon6 .con_tit1 img {width: 663px;}
.evCon6 .con_tit2 img {width: 665px;}
.evCon6 .lec_wrap {max-width: 1000px; margin: 0 auto 60px; padding: 40px; border-radius: 12px; background: #FFF; box-shadow: 0 0 20px 0 #EFF5F9;}
.evCon6 .pass_bnr {max-width: 1000px; margin: 0 auto;}

/* evCon7 */
.evCon7 {
    --color-highlight: #A3FFE7;
}
.evCon7 {position: relative; background: linear-gradient(270deg, #002717 0%, #001237 100%); z-index: 0;}
.evCon7::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1890px; height: 806px; background: url(https://image.megagong.net/m/2026/0630_allawyer/con7_bg.png) no-repeat; background-size: contain; z-index: -1;}
.evCon7 .tx_highlight {color: var(--color-highlight);}
.evCon7 .con_tit .mark {display: block; width: fit-content; margin: 0 auto 20px; border-radius: 4px; background: #A3FFE7; font-weight: 600; letter-spacing: 0.4px; padding: 5px 20px;}
.evCon7 .con_tit strong img {width: 483px;}
.evCon7 .mini_tit {color: #FFF;}
.evCon7 .container_info {font-weight: 400; color: #FFF;}
.evCon7 .container_info .info .info_title {color: #111; background: #FFF;}
.evCon7 .gift_wrap {display: flex; justify-content: center; gap: 20px; margin: 60px auto 30px;}
.evCon7 .gift_wrap .gift {border-radius: 12px; background: rgba(255, 255, 255, 0.10); box-shadow: 0 6px 10px 0 rgba(0, 51, 115, 0.35); padding: 34px 30px; width: 330px;}
.evCon7 .gift_wrap .gift .label {display: inline-block; color: #FFF; border-radius: 5px; background: linear-gradient(270deg, #05B76D 0%, #00AACB 50%, #1B52CB 100%), linear-gradient(270deg, #0DFFBF -1.82%, #64BDFF 98.18%), #1A1A1A; padding: 4px 12px;}
.evCon7 .gift_wrap .gift .tit {display: block; margin: 20px auto; color: #FFF;}
.evCon7 .gift_wrap .gift .img {display: inline-block;}
.evCon7 .gift_wrap .gift:nth-child(1) .img {width: 170px;}
.evCon7 .gift_wrap .gift:nth-child(2) .img {width: 176px;}
.evCon7 .gift_wrap .gift .evt_con_base {margin-top: 20px;}
.evCon7 .btn-base.gradient a {border-radius: 5px; background: linear-gradient(93deg, #0DFFBF 0%, rgba(100, 189, 255, 0.00) 87.78%), #FFF;}

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

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .inner.w1000 {width: 96%;}
    .evSection .con_tit + .mini_tit,
    .evSection .mini_tit + .con_tit {margin-top: 2%;}
    .evSection .con_box {margin-top: 6%;}

    /* evStickyBnr */
    .evStickyBnr ul {width: 96%; height: auto; flex-wrap: wrap; align-items: flex-start; border-top: 1px solid #8999B2; color: #8999B2; font-weight: 400;}
    .evStickyBnr li {flex: 1; width: auto; height: auto; clip-path: none !important; margin-inline: 0; background: none !important; padding-top: 7px;}
    .evStickyBnr li::after {content: ''; position: absolute; top: -2.5px; left: calc(50% - 2.5px); width: 5px; height: 5px; background: #8999B2; border-radius: 50%;}
    .evStickyBnr li + li::before {content: none;}
    .evStickyBnr li strong {font-weight: 400;}
    .evStickyBnr li.highlight {width: auto; color: #0DFFBF;}
    .evStickyBnr li.highlight strong {font-weight: 700;}
    .evStickyBnr li.highlight::before {content: ''; position: absolute; top: -5.5px; left: calc(50% - 5.5px); width: 11px; height: 11px; background: #0DFFBF; opacity: 0.2; border-radius: 50%; animation: fade ease-in .6s alternate infinite}
    .evStickyBnr li.highlight::after {background: #0DFFBF;}

    @keyframes fade {
        0% {opacity: 0.2;}
        100% {opacity: 0.5;}
    }

    /* evCon1 */
    .evCon1 {padding: 0;}

    /* evCon2 */
    .evCon2 {padding: 10% 0 0;}
    .evCon2 .feature_wrap {gap: 12px;}
    
    /* evCon3 */
    .evCon3 .con_box {margin-top: 0;}
    .evCon3 .check_wrap {flex-direction: column; gap: 15px;}
    .evCon3 .check_wrap dl {width: auto;}
    .evCon3 .check_wrap dd {white-space: inherit;}
}
@media screen and (max-width: 992px){
    .evCon1 .title_wrap .badge {left: auto; right: 0;}
    .evCon1 .benefit_wrap .item.live .img,
    .evCon1 .benefit_wrap .item.event .img {width: 38%;}

    .evCon2 .feature_wrap {flex-direction: column;}

    .evCon3 .guide_wrap {flex-direction: column;}
    .evCon3 .guide_wrap .img {margin: 0 auto;}

    .evCon4 .con_box {width: auto;}
}
@media screen and (max-width: 768px){
    .evCon1 .tea {width: clamp(300px, 80vmin, 550px); bottom: -5vmin; right: -4vmin;}
    .evCon1 .title_wrap .badge {width: 26%; max-width: 124px; top: clamp(70px, 20vmin, 100px); right: 0; z-index: -1;}
    .evCon1 .title_wrap h3 {width: 92%;}
    .evCon1 .title_wrap .sub_tit2 {width: 29%;}
    .evCon1 .benefit_wrap {flex-direction: column; gap: 10px; margin-top: 30vmin;}
    .evCon1 .benefit_wrap .item {padding: 10px 30px;}
    .evCon1 .benefit_wrap .item.live .img,
    .evCon1 .benefit_wrap .item.event .img {width: 20%; min-width: 90px;}

    .evCon2 {padding: 10% 0;}

    .evCon3 .sub_tit {margin: 40px auto 20px;}

    .evCon4 .youtube_bnr {padding: 10px 30px; margin: 40px auto;}
    .evCon4 .youtube_bnr p::after {height: clamp(15px,2.9vmin,24px);}

    .evCon5 .review_swiper .swiper-slide {height: auto !important; padding: 20px;}

    .evCon6 .lec_wrap {padding: 10px; margin-bottom: 30px;}
}
@media screen and (max-width: 576px){
    .evSection .con_tit img {width: auto;}

    .evCon2 .feature_wrap {margin: 25px auto;}
    .evCon2 .feature_wrap li .ico {width: 40px;}

    .evCon3 .check_wrap dl {padding: 20px 20px 30px;}
    .evCon3 .guide_info {gap: 12px;}
    .evCon3 .guide_info::before {width: 32px; height: 32px;}

    .evCon4 .youtube_bnr {margin: 20px auto; padding: 17px 20px; flex-direction: column; align-items: flex-start; gap: 5px; height: auto;}
    .evCon4 .youtube_bnr .logo {display: inline-block; width: 26%;}
    .evCon4 .feature_wrap {gap: 12px;}
    .evCon4 .feature_wrap li {flex-basis: calc(50% - 6px); padding: 14px 0;}
    .evCon4 .feature_wrap .ico {display: inline-block; width: 60%; margin: 0 auto;}

    .evCon7 .gift_wrap {gap: 15px; margin-top: 30px;}
    .evCon7 .gift_wrap .gift {width: auto; flex: 1; padding: 20px 20px 15px;}
    .evCon7 .gift_wrap .gift:nth-child(1) .img {width: auto;}
    .evCon7 .gift_wrap .gift:nth-child(2) .img {width: auto;}

}
@media screen and (max-width: 460px){
    .evCon1 .tea {bottom: 75px;}
}