@charset "euc-kr"; 


:root { 


--ev1-bg:url('https://image.megagong.net/m/2025/0108_megalaw/con1_bg.jpg'); 
--ev7-bg:url('https://image.megagong.net/m/2025/0204_megalaw/con7_bg.png'); 
--box-shadow: 0px 0px 7px #c7c7c7; 
--filter-shadow: drop-shadow(0px 0px 7px #c7c7c7); 
--point: #7f58ff; 
--point2: #ffce53; 
--point3: #ebe5ff; 


}

.flt_inner.renewal li,.flt_inner.renewal li.top { margin: 0; } 
.evSection:not(.evtoggleWarning,.evCon1,.evConLine) { background-size: auto 100%; padding: 150px 0; } 
.evSection.evCon1 {background-color: #e9dddf;background-image: var(--ev1-bg);padding-top: 60px;background-position: center 0;} 
.evSection.evConLine { background-color: var(--point); color: #fff; } 
.evSection.evCon2 { background-color: #edf2fb; } 
.evSection.evCon4 { background-color: var(--point3); } 
.evSection.evCon6 { background-color: var(--point3); } 
.evSection.evCon7 { background-color: #f1f1f1; background-image: var(--ev7-bg); } 
.evSection.evCon8 { background-color: #272727; color: #fff; }
.evSection.event1 {background-color: #9575ff;} 
.color_highlight{color:var(--point)}
.con_tit{margin: 0 -100px 80px;}

/* title */ 
.btxt {font-size: 34px;font-weight: bold;margin-top:60px;color: #939393; }  
.indent { padding-left: 17px; text-indent: 17px; } 
.circle_tit { position: relative; margin-bottom: 25px; } 
.circle_tit::before { content: ''; display: block; width: 100%; height: 1%; background: #000000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.circle_tit span { position: relative; padding: 4px 50px; background: #000000; border-radius: 30px; font-size: 22px; color: #fff; } 
.circle_stit { font-size: 24px; color: #666; margin-bottom: 60px; } 
.under {position: relative;color: #666666;font-weight: inherit;} 
.under::before { content: ''; position: absolute; left: 53%; transform: translateX(-50%); width: 110%; height: 1vw; z-index: -1; bottom: 5px; animation: point 4s alternate; background: url('https://image.megagong.net/m/2024/0112_megalaw/con1_under.png') no-repeat center; background-size: cover; } 

/* button box */
.btn_box {display:flex;justify-content: center;gap: 20px;margin: 0 auto;} 
.btn_box a {position: relative;display: flex;align-items: center;justify-content: center;background: #000;color: #fff;width: 530px;height: 80px;border-radius: 3px;font-weight: bold;} 

/* tab */
.tab_base { display: flex; } 
.tab_base li { flex: 1; } 
.tab_base li a {height: 75px;display: flex;justify-content: center;align-items: center;font-weight: 500;color: var(--point2);gap: 7px;} 
.tab_base li.on a {font-weight: bold;background: #000;} 
.panel_base {margin: 0 auto 0;} 
.panel_base > li .tip { align-items: stretch; border-radius: 10px; justify-content: space-between; gap: 10px; margin-top: 40px; } 
.panel_base > li .tip li {flex-direction: column;background: #fff;border-radius: 15px;border: 1px solid #ddd;align-items: center;justify-content: center;flex: 1;font-size: 16px;padding: 45px 17px;gap: 25px;} 
.panel_base .eventVideo.video_renewal { margin: 0 40px 45px; z-index: 0;} 
.panel_base .eventVideo.video_renewal i { position: absolute; top: -25px; right: 25px; z-index: 2; } 
.panel_base > li .tip li span { color: var(--point); font-weight: 700; position: relative; padding-left: 30px; } 
.panel_base > li .tip li span::before { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); background: url('https://image.megagong.net/m/2025/0108_megalaw/check.png') no-repeat center; background-size: contain; width: 20px; height: 20px; left: 0; } 
.panel_base > li .tip li b {font-weight: 900;} 
.panel_base > li .lecture { margin-top: 60px; } 

/* button °øÅë */
.eventWrap .swiper-button-next, 
.eventWrap .swiper-button-prev{top: 50%;transform: translateY(-50%);left: auto;right: auto;margin: 0 auto;z-index: 2;width: auto;height: auto;}
.eventWrap .swiper-button-next:after, 
.eventWrap .swiper-button-prev::after{background-position: center;background-repeat: no-repeat;width: 100%;height: 100%;}
.eventWrap .swiper-button-next{right: 0;transform: translateY(-50%) rotate(180deg);}
.eventWrap .swiper-button-next:after{transform: rotate(180deg);}

/* contents */
.evCon1 .inner {width: 1260px;} 
.evCon1 h3{z-index: 2;animation: slowShow 3s alternate;font-size: 125px;font-weight: 900;color: var(--point);letter-spacing: -.37rem;overflow: hidden;display: block;width: fit-content;text-align: center;position: absolute;bottom: 110px;left: 0;} 
.evCon1 h3::after {content: '';position: absolute;left: 50%;transform: translateX(-50%);width: 707px;height: 66px;bottom: 0;z-index: -1;animation: point 4s alternate;background: url('https://image.megagong.net/m/2024/0112_megalaw/con1_under.png') no-repeat 20px 0;background-size: contain;} 
a.teacher_home {position:absolute;bottom: 20px;right: 90px;color: #767676;} 
a.teacher_home b{background: none;color: #767676;font-size: inherit;padding: 0;}
@keyframes slowDown {  0% { opacity: 0; } 100% { opacity: 1; }}
@keyframes slowShow {  0% { color: #fff; text-shadow: 0 0 10px #fff; filter: blur(0); }}
@keyframes point {  0% { opacity: 0; } 100% { opacity: 1; }}
@keyframes toRight {  0% { left:-100px; } 100% { left: 100%; }}
.evCon1 .fix_bnr {position: absolute; right: 50px; top: 160px; transform: translateX(100%); cursor: pointer;}


.evConLine {position: sticky;top: 0;z-index: 2;} 
.evConLine ul {justify-content: space-between;display: flex;align-items: center;} 
.evConLine li {position: relative;flex: 1;} 
.evConLine li:not(:last-child):before {content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);width: 1px;height: 30%;background: #fff;right: 0;opacity: 0.3;} 
.evConLine li span {color: #fff;} 

.evCon2 .btn_box { margin-top: 50px; } 
.evCon2 .txt { margin-top: 65px; } 
.evCon2 .btn-base.xl a{font-size:inherit;width: 530px;}

.evCon7 .book { justify-content: space-between; } 
.evCon7 .book:last-child { margin-top: 50px; } 

.evCon7 .book .txt { display: flex; flex-direction: column; justify-content: center; width: 720px; gap: 30px; } 
.evCon7 .book .txt ul { text-align: left; background: #f6fffe; padding: 40px 30px; border: 1px solid #e4e4e4; border-radius: 15px; } 
.evCon7 .book:nth-child(1) .txt ul {background: #fffff6} 
.evCon7 .book .txt ul li {font-size: 16px;color: #666;padding-left: 22px;position: relative;} 
.evCon7 .book .txt ul li::before {content: '';background: url('https://image.megagong.net/m/2025/0108_megalaw/con7_img3.png') no-repeat 0 0;display: block;position: absolute;left: 0;top: 7px;width: 14px;height: 10px;} 
.evCon7 .book .txt ul li:not(:last-child) { margin-bottom: 15px; } 

.evCon8 .swiper_basic2 .swiper-wrapper { flex-wrap: wrap; gap: 30px; } 
.evCon8 .swiper_basic2 .swiper-slide { width: calc(50% - 15px); } 
.evCon8 .tiny_noti{padding: 10px 0 0;text-align: right;opacity: 0.3;}

.evSection.event .bg_shadow{bottom: 60px;}
.gift_result_base{right: 144px;top: 105px;}
.event1 .con_tit{margin-bottom:60px}
.event1 .info_box { display: flex; width: 1010px; margin: 0 auto 50px; align-items: center; } 
.event1 .con_tit .end::after { background-color: #e00000; } 
.event1 .con_tit .color_highlight{color:#fff}
[class*="clp-fs"] .evt_mark + .mini_tit, [class*="clp-fs"] .evt_tag + .mini_tit{font-weight:bold;}
.event1 .board_list{color: #000;}
.event1 .eventBoard .evtBoard_common { background: #0045cc; } 
.event1 .container_info .info .noti{color: #fff;}

.evtoggleWarning .warningList li ul li a { color: #f00; padding: 0 0 2px; border-bottom: 1px solid #f00; } 


@media screen and (max-width: 1500px){
    .evCon1 .fix_bnr {transform: none; top: 10vmin; right: 2%; max-width: 20%; min-width: 90px;}
}
@media screen and (max-width: 1200px){




    .con_tit{margin: 0 0 7%;}
    .btxt { margin-top: 7%; font-size: 30px; } 
    .panel_base .eventVideo.video_renewal { margin: 0 auto 30px; } 
    .panel_base .eventVideo.video_renewal img{width:100% } 
    .panel_base > li .tip { gap: 5px; } 
    .panel_base > li .tip li { padding: 30px 10px; gap: 20px; font-size: 15px; } 
    .btn_box a{width: 100%;height: auto;}
    .evSection:not(.evtoggleWarning,.evCon1,.evConLine) { padding: 15% 0; } 
    .evSection.evCon1 { padding-top: 10%; } 
    .evCon1 .inner {width: 96%;} 
    .evCon1 h3 {font-size: clamp(30px,9.5vmin,90px);width: 100%;bottom: 15%;} 
    .evCon1 h3::after {width: 70%;height: 50%;bottom: -6%;}
    a.teacher_home{right:0;}

    .evCon2 .btn_box { margin-top: 5%; } 
    .evCon2 .btn_box a:first-of-type:last-of-type { margin: 0 10%; } /* ´ÜÀϹöÆ°ÀÏ °æ¿ì */
    .evCon2 .btn-base.xl a{width: 100%;}
    .evSection.evCon7{background: none;}
    .evCon8 .swiper_basic2 .swiper-wrapper { gap: 10px; } 
    .evCon8 .swiper_basic2 .swiper-slide { width: calc(50% - 5px); } 
    .swiper-pagination-bullets.swiper-pagination-horizontal{position: relative;bottom: unset;top: unset;left: unset; z-index: 0;}
    .event1 .info_box { width: 100%; margin-bottom: 5%; flex-direction: column-reverse; gap: 30px; } 
    .event1 .info_box .gift_list { width: 50%; } 


}

@media screen and (max-width: 768px){



    .btxt { font-size: 24px; } 
    .circle_tit span { font-size: 20px; } 
    .circle_stit { font-size: 20px; margin-bottom: 10%; } 

    .tab_base li a {height: 60px;} 
    .panel_base { margin-top: 30px; } 
    .panel_base .eventVideo.video_renewal i { top: -5%; right: 3%; max-width: 18%; } 

    .evCon1 h3 { bottom: 12vw; } 
    .evCon1 h3 span { font-size: 58px; } 
    .evCon2 .txt {margin-top: 5%;position: relative;width: 126%;margin: 0 0 0 -13%;} 
    .evCon3 .swiper_basic1_wrap { margin: 0 20%; } 
    .evCon7 .book {align-items: center;flex-direction: column;} 
    .evCon7 .book .txt {width: 100%;gap: 10px;} 
    .evCon7 .book .txt ul { padding: 7%; } 
    .evCon7 .book .txt ul li { font-size: 14px; } 
    .evCon8 .swiper_basic2 .swiper-wrapper { gap: 0;flex-wrap: nowrap;} 
    .evCon8 .swiper_basic2 .swiper-slide {width: 100%;overflow: hidden;} 
    .gift_result_base{right: 0;top: 0;}



}


@media screen and (max-width: 576px){


    .btxt { font-size: 19px; } 
    .circle_tit span { font-size: 18px; padding: 4px 30px; } 
    .circle_stit { font-size: 18px; } 

    .tab_base li a {flex-direction: column;justify-content: center;gap: 0;} 
    .panel_base { margin-top: 20px; } 
    .panel_base > li .tip { flex-direction: column; } 
    .panel_base > li .tip li { padding: 20px 10px; gap: 8px; } 

    .evCon1 h3 { bottom: 12vw; } 
    .evCon1 h3 span { font-size: 48px; } 
    .evCon3 .swiper_basic1_wrap { margin: 0 15%; } 
    .evCon7 .book { flex-direction: column; } 
    .evCon7 .book .img { width: 45%; } 
    .evCon7 .book .txt { width: 100%; } 
    .evCon7 .book .txt ul { padding: 7% 4%; } 
    .evCon7 .book .txt ul li { padding-left: 15px; font-size: 13px; } 
    .evCon7 .book .txt ul li::before { font-size: 10px; } 

    .btxt { font-size: 15px; } 

    .panel_base > li .tip li { font-size: 13px; } 

    .circle_tit span { font-size: 15px; } 
    .circle_stit { font-size: 15px; } 

    .evCon1 h3 { bottom: 12vw; } 
    .evCon1 h3 span { font-size: 38px; } 
    .evCon8 .swiper_basic2 .swiper-slide img{max-width: 122%;margin: -2% 0 0 -11%;} 


}