@charset "euc-kr";

:root { --color-point1: #324eff; } 

/*°øÅë*/
.con_tit .end::after { background: #111; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection { line-height: 1.3; padding: 150px 0; } 
.evSection .con_tit { margin: 0 0 60px; line-height: 1.3; } 
.evSection .con_tit > .mini_tit { font-weight: bold; } 
.evSection .con_tit .point { color: var(--color-point1); } 
.evSection .cir_tit { margin: 0 auto 30px; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; } 
.evSection .cir_tit strong { width: max-content; } 
.evSection .cir_tit strong::before,
.evSection .cir_tit strong::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 40%; height: 1px; background-color: #fff; } 
.evSection .cir_tit strong::before { left: 0; } 
.evSection .cir_tit strong::after { right: 0; } 
.evSection .cir_tit strong > span::before,
.evSection .cir_tit strong > span::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); background-color: #fff; width: 1px; height: 18px; } 
.evSection .cir_tit strong > span::before { left: 40%; } 
.evSection .cir_tit strong > span::after { right: 40%; } 
.evt_con_base.xs { margin: 30px auto 0; text-align: right; color: #fff; opacity: 0.6; } 
.evSection.overview .lecture { min-height: 205px; background: transparent !important; } 
.lectlist,
.commonTab > ul li a { background-color: #fff; } 
.commonTab > ul { border-bottom: 2px solid var(--color-point1); } 
.commonTab > ul li {margin-right:0;border-right: none;}
.commonTab > ul li + li {border-right: 1px solid #ddd;}
.commonTab > ul li.on a,
.commonTab > ul li a:hover { background-color: var(--color-point1); } 
.commonTab > ul li:first-child { margin-left: -2px; } 
.pr_content_wrap .pr_content_swiper .swiper-wrapper {align-items: stretch;}
.pr_content_wrap .pr_content_swiper .swiper-slide {height: auto;}

.swiper-pagination.white .swiper-pagination-bullet {background: #fff;}
.swiper-pagination.white .swiper-pagination-bullet-active {background-color: #fff;}

/*evCon1*/
.eventWrap .evSection.evCon1 { position: relative; padding: 130px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0909_megalaw/evCon1_bg.png"); overflow-x: hidden; overflow-y: visible; } 
.evCon1 .mini_tit { font-weight: bold; } 
.evCon1 .con_tit > .mini_tit { margin: 0 auto 50px; } 
.evCon1 .teacher_home { margin: 0 auto 150px; justify-content: center; } 
.evCon1.ver2 .teacher_home {margin: 0 auto 130px;}
.evCon1 .teacher_home b { display: flex; align-items: center; justify-content: center; padding: 1px 3px 2px 2px; width: 16px; height: 16px; color: var(--color-point1); } 
.evCon1 .sub_tit { margin: 20px auto 60px; font-weight: 900; line-height: 1.3; } 
.evCon1.ver2 .con_box {margin: 130px auto 0;}
.evCon1 .ball_Sld { position: relative; } 
.evCon1 .ball_Sld .mega_swiper { position: relative; } 
.evCon1 .ball_Sld .mega_swiper .swiper-wrapper { position: relative; } 
.evCon1 .ball_Sld .bg { position: relative; opacity: 0.2; } 
.evCon1 .ball_Sld .swiper-slide { position: absolute; padding: 30px 0; width: 480px; height: auto; border-radius: 20px; background: rgba(17, 17, 17, 0.8); backdrop-filter: blur(10px); transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55); } 
.evCon1 .ball_Sld .swiper-slide.on { background: #fff; z-index: 1; transform: translateY(-8px); } 
.evCon1 .ball_Sld .ball1.on { transform: translateX(-50%) translateY(-8px); } 
.evCon1 .ball_Sld .swiper-slide::after { content: ""; position: absolute; display: block; width: 20px; height: 15px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0909_megalaw/arrow_off.png"); transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55); } 
.evCon1 .ball_Sld .swiper-slide.on::after { background-image: url("https://image.megagong.net/m/2025/0909_megalaw/arrow_on.png"); } 
.evCon1 .ball_Sld .swiper-slide.up::after { top: -17px; right: 178px; transform: rotate(90deg); } 
.evCon1 .ball_Sld .swiper-slide.down::after { bottom: -15px; right: 40px; } 
.evCon1 .ball_Sld .swiper-slide > img { position: absolute; } 
.evCon1 .ball_Sld .swiper-slide > p { text-align: center; line-height: 1.6; color: #fff; transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55); } 
.evCon1 .ball_Sld .swiper-slide.on > p { color: #111; } 
.evCon1 .ball_Sld .ball1 { top: 0; left: 50%; transform: translateX(-50%); } 
.evCon1 .ball_Sld .ball2 { top: 150px; left: 100px; } 
.evCon1 .ball_Sld .ball3 { top: 210px; right: 100px; } 
.evCon1 .ball_Sld .ball4 { bottom: 112px; left: 190px; } 
.evCon1 .ball_Sld .ball5 { bottom: 0; right: 160px; } 
.evCon1 .ball_Sld .ball1 > img { top: 20px; left: 10px; } 
.evCon1 .ball_Sld .ball2 > img { top: 22px; left: 8px; } 
.evCon1 .ball_Sld .ball3 > img { top: 30px; right: 25px; } 
.evCon1 .ball_Sld .ball4 > img { top: 26px; left: 20px; } 
.evCon1 .ball_Sld .ball5 > img { top: -35px; right: 12px; } 

/*fix_ban*/
#fix_ban { display: block; width: 100%;} 
#fix_ban.on {position: fixed; bottom: 0; z-index: 3; }
#fix_ban .btn_wrap { display: flex; align-items: center; justify-content: center; } 
#fix_ban .btn_wrap li { flex: 1; } 
#fix_ban .btn_wrap a {display: flex;flex-direction: column;align-items: center;gap: 6px;justify-content: center;padding: 13px 0;width: 100%;height: 100%;font-weight: bold;background: #2B2B2B;color:#fff;} 
#fix_ban .btn_wrap .cir {margin:0 auto; border-radius: 60px; width:138px; height:26px; display: flex; align-items: center; justify-content: center; background: #8DEEFF; color:#111;}
#fix_ban .btn_wrap .point {color: #8DEEFF;}


/*evCon2*/
.evCon2 .process_wrap { display: flex; justify-content: center; align-items: center; } 
.evCon2 .process_wrap .item.center { position: relative; padding: 35px 0 0; } 
.evCon2 .process_wrap .arr_svg { width: 300px; height: 522px; clip-path: inset(0 100% 0 0); transition: clip-path 0.8s ease-out; } 
.evCon2 .process_wrap .item:nth-child(2).active .arr_svg { clip-path: inset(0 0% 0 0); } 
.evCon2 .process_wrap .txt { position: absolute; top: 48%; left: 32%; opacity: 0; transition: all 0.8s 0.3s ease-out; } 
.evCon2 .process_wrap .item:nth-child(2).active .txt { opacity: 1; } 
.evCon2 .process_wrap .txt strong { color: var(--color-point1); } 
.evCon2 .process_wrap .icon { position: absolute; bottom: -20px; right: -86px; opacity: 0; transition: all 0.8s 0.5s ease-out; } 
.evCon2 .process_wrap .item:nth-child(2).active .icon { opacity: 1; transform: translateY(-8px); } 
.evCon2 .process_wrap .box_wrap { margin: 20px auto 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; } 
.evCon2 .box_wrap li { padding: 35px 0; width: 300px; color: #111; } 
.evCon2 .box_wrap li.skyblue { background-color: #e1f2ff; } 
.evCon2 .box_wrap li.gry { background-color: #eeeeee; } 
.evCon2 .box_wrap li.blue { background-color: var(--color-point1); color: #fff; } 
.evCon2 .box_wrap li.black { background-color: #111; color: #fff; } 

/*evCon3*/
.eventWrap .evSection.evCon3 { position: relative; padding: 130px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0909_megalaw/evCon3_bg.png"); overflow-x: hidden; overflow-y: visible; } 
.evSection.evCon3 .cir_tit.long strong::before,
.evSection.evCon3 .cir_tit.long strong::after { width: 38%; } 
.evSection.evCon3 .cir_tit.long span::before { left: 38%; } 
.evSection.evCon3 .cir_tit.long span::after { right: 38%; } 
.evCon3 .chk_list { margin: 0 auto; display: flex; align-items: stretch; justify-content: center; gap: 10px; flex-wrap: wrap; max-width: 802px; } 
.evCon3 .chk_list > li { padding: 15px 30px; width: calc(50% - 5px); display: flex; align-items: center; gap: 8px; border-radius: 40px; background: #f8f8f8; } 
.evCon3 .pr_video_list { margin: 60px auto; } 
.evCon3 .pr_content_wrap .pr_content_swiper .label { font-size: 16px; } 
.evCon3 .pr_content_wrap .pr_content_swiper .con { color: #111; } 

/*evCon4*/
.evCon4 { background: linear-gradient(180deg, #8deeff 0%, var(--color-point1) 100%); } 
.evCon4 .pr_book_wrap .deco { bottom: -70px; } 
.evCon4 .pr_book_wrap { position: relative; } 
.evCon4 .pr_book_wrap .deco { width: max-content; } 
.evCon4 .pr_book_wrap .cir { display: flex; position: absolute; top: -50px; right: -80px; border-radius: 160px; width: 160px; height: 160px; flex-direction: column; justify-content: center; align-items: center; background-color: #111; color: #fff; z-index: 1; } 
.evCon4 .pr_book_wrap .cir .point { color: #8deeff; } 
.evCon4 .swiper-pagination { margin-top: 0; } 
.evCon4 .swiper-pagination-bullet { background: #fff; opacity: 0.6; } 
.evCon4 .swiper-pagination-bullet-active { background-color: #111; } 
.evCon4 .btn-base a { padding: 20px 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; font-weight: bold; } 
.evCon4 .evt_con_base.xs { margin: 0; } 

/*evCon5*/
.evCon5 .tea { position: absolute; bottom: -150px; right: -320px; } 

/*evCon6*/
.evCon6 .con_tit .evt_badge.type-2 { width: 160px; height: 160px; background: #111; top: -60px; left: 0; } 
.evCon6 .con_tit .evt_badge.type-2 span.txt2 { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; } 
.evCon6 .con_tit .evt_badge .point { color: #8deeff; } 
.evCon6 .pr_content_wrap { margin: 0 auto 30px; } 
.evCon6 .pr_content_wrap .pr_content_swiper .swiper-slide { background-color: var(--color-point1); color: #8deeff; } 
.evCon6 .pr_content_wrap .pr_content_swiper .con { color: #fff; } 

/*event*/
#event1 { background: linear-gradient(0deg, #9ee8ff 0%, #9ee8ff 100%),
linear-gradient(180deg, var(--color-point1) 0%, #102377 100%); } 
#event1 .con_tit { margin: 0 auto 20px; } 
#event1 .con_tit > strong {color:#324EFF;}
#event1 .con_tit .evt_mark { background-color: var(--color-point1); } 
#event1 .con_tit .evt_mark::after { border-top: 10px solid var(--color-point1); } 
#event1 .mini_tit { font-weight: 400; } 
#event1 .container_info.ver_circle .info .info_title { background-color: var(--color-point1); } 
#event1 .container_info.ver_circle .info .info_date { color: var(--color-point1); } 
#event1 .gift_list_wrap li .badge { background-color: #111; } 
#event1 .regist_form_area { margin: 60px auto 0; position: relative; border-radius: 3px 3px 0 0; } 
#event1 .comment_base_wrap .comment_list { margin-top: 0; padding: 0; border-radius: 0 0 3px 3px; } 
#event1 .comment_base_wrap .board-list-wrap { padding: 30px 40px; } 
#event1 .check-base { position: absolute; bottom: 13px; right: 40px; } 


#event2 {background: #324EFF;}
#event2 .point {color: #8DEEFF;}
#event2 .con_tit {margin: 0 auto 20px;}
#event2 .con_tit .end::after { background: #fff; }
#event2 .con_tit + .mini_tit {opacity: 0.6;}
#event2 .container_info_wrap {margin: 60px auto;}
#event2 .container_info.ver_circle .info .info_date {color:#fff;}
#event2 .cir_tit span {display: block;}
#event2 .cir_tit strong::before, 
#event2 .cir_tit strong::after {width: 20%;}
#event2 .cir_tit strong > span::before {left:20%;}
#event2 .cir_tit strong > span::after { right:20%;}
#event2 .purchase_base_list>li .purchase_info .tiny {color:#E41818;}
#event2 .note-base-wrap {margin-top: 30px;}
#event2 .note-base-wrap ul {color: #fff;}
#event2 .note-base-wrap .n_tit i{background-color: #fff;opacity: 0.3;}
#event2 .note-base-wrap .n_tit {color: #fff;}

.evtoggleWarning { padding: 0 !important; } 

@media screen and (max-width: 1200px){
    .evSection { padding: 12% 0; } 
    .evSection .con_tit { margin: 0 auto 7%; } 
    .evSection .mini_tit { margin: 0 auto 2%; display: block; } 

    /*evCon1*/
    .eventWrap .evSection.evCon1 { padding: 12% 0; } 
    .evCon1 .mini_tit { margin: 0 auto 2%; } 
    .evCon1 .con_tit > .mini_tit { margin: 0 auto 2%; } 
    .evCon1 .teacher_home { margin: 5% auto 24%; } 
    .evCon1.ver2 .teacher_home { margin: 5% auto 12%; } 
    .evCon1.ver2 .con_box {margin: 12% auto 0;}
    .evCon1 .sub_tit { margin: 2% auto 7%; } 
    .evCon1 .ball_Sld { min-height: 700px; display: flex; align-items: center; justify-content: center; } 
    .evCon1 .ball_Sld .bg { max-width: unset; width: 150%; } 
    .evCon1 .ball_Sld .swiper-slide { width: 43%; } 
    .evCon1 .ball_Sld .swiper-slide > img { width: 16%; } 
    .evCon1 .ball_Sld .swiper-slide > p { font-size: clamp(11px, 2.1vmin, 16px); } 
    .evCon1 .ball_Sld .ball2 { top: 23%; left: 5%; } 
    .evCon1 .ball_Sld .ball3 { top: 32%; right: 5%; } 
    .evCon1 .ball_Sld .ball4 { bottom: 17%; left: 13%; } 
    .evCon1 .ball_Sld .ball5 { right: 15%; bottom: -3%; }
    
    #fix_ban.on {bottom: 70px;}

    /*evCon3*/
    .eventWrap .evSection.evCon3 { padding: 12% 0; } 

    /*evCon4*/
    .evCon4 .pr_book_wrap .cir { top: -18%; right: 0; width: 20vw; height: 20vw; } 

    /*evCon5*/
    .evCon5 .tea { display: none; } 

    /*evCon6*/
    .evCon6 .con_tit .evt_badge.type-2 { width: 20vw; height: 20vw; top: -16vw; } 
    .evCon6 .con_tit .evt_badge.type-2 span.txt2 { font-size: clamp(15px, 2.2vmin, 20px); } 

    /*event*/
    #event1 .comment_base_wrap .board-list-wrap { padding: 30px; } 

    #event2 .con_tit {margin: 0 auto 2%;}
    #event2 .container_info_wrap {margin: 6% auto;}
}

@media screen and (max-width: 1024px) { 
    .evSection .cir_tit strong::before,
    .evSection .cir_tit strong::after { width: 32%; } 
    .evSection .cir_tit span::before { left: 32%; } 
    .evSection .cir_tit span::after { right: 32%; } 

    /*evCon1*/
    .evCon1 .ball_Sld { margin: 0 auto; display: block; min-height: unset; width: 80%; overflow: hidden; } 
    .evCon1 .ball_Sld .bg { display: none; } 
    .evCon1 .ball_Sld .swiper-slide { position: static; transform: translate(0); display: flex; flex-direction: column; gap: 10px; align-items: center; transition: unset; } 
    .evCon1 .ball_Sld .swiper-slide-active { background-color: #fff; } 
    .evCon1 .ball_Sld .swiper-slide-active p { color: #111; } 
    .evCon1 .ball_Sld .swiper-slide::after { display: none; } 
    .evCon1 .ball_Sld .swiper-slide > img { position: static; width: 54px; } 
    .evCon1 .ball_Sld .swiper-slide > p { font-size: 14px; line-height: 1.4; transition: unset; } 
    .evCon1 .ball_Sld .ball1,
    .evCon1 .ball_Sld .ball2,
    .evCon1 .ball_Sld .ball5 { gap: 5px; } 
    .evCon1 .ball_Sld .ball1 > img,
    .evCon1 .ball_Sld .ball2 > img,
    .evCon1 .ball_Sld .ball5 > img { width: 60px; } 

    /*evCon2*/
    .evCon2 .process_wrap .item {width: 36%;} 
    .evCon2 .process_wrap .item.center {width: 31%;overflow: hidden;}
    .evCon2 .process_wrap .item.long { padding: 0; } 
    .evCon2 .process_wrap .txt {left: 50%;top: 46%;transform: translateX(-50%);} 
    .evCon2 .process_wrap .icon {width: 20%;bottom: 23%; left: 50%;transform: translateX(-50%);} 
    .evCon2 .process_wrap .item:nth-child(2).active .icon {transform: translateX(-50%) translateY(-8px);} 
    .evCon2 .process_wrap .arr_svg {width: 105%;height: 100%;margin-top: 0%;margin-left: -21%;}
    .evCon2 .box_wrap li {width: 100%;height: auto;padding: 20px 0;} 
        
    /*evCon3*/
    .evSection.evCon3 .cir_tit.long strong::before, 
    .evSection.evCon3 .cir_tit.long strong::after { width: 32%; } 
    .evSection.evCon3 .cir_tit.long span::before { left: 32%; } 
    .evSection.evCon3 .cir_tit.long span::after { right: 32%; } 

    /*evCon4*/
    .evCon4 .pr_book_wrap .deco { width: 200px; bottom: -10px; } 
}

@media screen and (max-width: 992px){
    #event2 .cir_tit strong::before, 
    #event2 .cir_tit strong::after {display: none;}
    #event2 .cir_tit strong > span::before {display: none;}
    #event2 .cir_tit strong > span::after { display: none;}
}

@media screen and (max-width: 768px){
    /*evCon1*/
    .evCon1 .ball_Sld { width: 100%; } 
    .evCon1 .ball_Sld .swiper-slide { padding: 20px 0; } 

    /*evCon3*/
    .evSection.evCon3 .cir_tit.long strong::before,
    .evSection.evCon3 .cir_tit.long strong::after { width: 30%; } 
    .evSection.evCon3 .cir_tit.long span::before { left: 30%; } 
    .evSection.evCon3 .cir_tit.long span::after { right: 30%; } 
    .evCon3 .chk_list > li { width: 100%; } 

    /*evCon4*/
    .evCon4 .pr_book_wrap .deco { width: 120px;} 

    /*evCon6*/
    .evCon6 .con_tit .evt_badge.type-2 {width: max-content;height: auto;padding: 10px 20px;border-radius: 40px; left: 50%;transform: translateX(-50%);top: -30%;} 
    .evCon6 .con_tit .evt_badge.type-2 span.txt2 {flex-direction: row;gap: 5px;line-height:1;margin: 0;font-size: 13px;}

    /*event*/
    #event1 .comment_base_wrap .board-list-wrap { padding: 20px; } 
    #event1 .step_base_wrap .step_list li .box_area { padding: 20px 0; } 
}

@media screen and (max-width: 576px) { 
    #fix_ban.on {bottom: 55px;}
    #fix_ban .btn_wrap a {padding: 10px 0; gap: 5px;}

    /*evCon2*/
    .evCon2 .process_wrap .item {width: 28%;} 
    .evCon2 .process_wrap .item.center {padding: 12% 0 0; width: 44%;}
    .evCon2 .box_wrap li {padding: 12px 0;}

    /*evCon4*/
    .evCon4 .pr_book_wrap .cir { width: 30vw; height: 30vw; } 
    
    /*event*/
    #event1 .regist_form_area { padding: 20px 20px 40px; } 
    #event1 .check-base { right: unset; left: 20px; bottom: 10px; } 
}