@charset "euc-kr"; 


:root {
--point-color1:#01fea3;--gradi-bg: linear-gradient(120deg, #01fea3 0%, #3ba7ff 100%); 
/* -webkit-background-clip: text; -webkit-text-fill-color: transparent; */ 
} 

/* settings */
.evSection:not(.evtoggleWarning,.evCon1) {padding: 160px 0}
.eventWrap .evSection {background-size: auto 100%}
.eventWrap .evSection .lecture {max-width:1000px; margin:0 auto } 
.eventWrap .evSection.fff, .eventWrap .evSection .fff {color: #fff !important; } 
.eventWrap .evSection .f00 {color: #f00 !important; } 
.eventWrap .evSection b {font-weight:700 } 
.eventWrap .evSection strong {font-weight:900 } 
.eventWrap .evSection .tiny_noti {opacity: 0.4; } 

.con_tit .end::after{background:#fff}


/* text style */ 
.con_tit {margin-bottom: 75px; line-height: 1.2; } 
.con_tit h4 {font-size: 48px; font-weight: 900; } 
.con_tit .top_txt {font-size: 26px; margin-bottom: 10px; font-weight: 700; } 
.con_tit .sub_txt {margin: 20px -10px 0;font-size: 28px;color: #333}
.con_tit.fff .sub_txt {opacity:.6; color: #fff; } 

.circle_txt {position: relative; margin-bottom: 25px; } 
.circle_txt::before {content: ''; display: block; width: 100%; height: 1%; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.circle_txt span {position: relative; padding: 0 60px; background: #f0f0f0; font-size: 28px; display: block; width: fit-content; margin: 0 auto; font-weight: 700; border-radius: 45px; border: 2px solid; line-height: 60px; } 

/* button box */
.btn_box {display:flex; justify-content: center; gap: clamp(10px, 2vmin, 20px); margin: 0 auto; } 
.btn_box a {display: block; width: min(520px,80%); margin: 0 auto; } 

/* contents */
.evCon1 {background: #181b42 url(https://image.megagong.net/m/2024/0709_law/con1_bg.jpg) no-repeat center; overflow-y: visible !important; overflow-x: clip !important; position: relative; } 
.evCon1 .inner {padding: 125px 0 210px}
.evCon1 #star-particle {width: 100%; position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; height: 100%; } 
.evCon1 .main_tit .top_txt {font-size: 25px; opacity: .7; letter-spacing: 1rem; } 
.evCon1 .main_tit h3 {position: relative;margin: 145px -20px 70px -130px}
.evCon1 .main_tit .sub_txt {font-size: 32px; } 
.evCon1 .main_tit .sub_txt strong {color:var(--point-color1);font-weight: bold;display: block;margin: 0 0 10px}

.evCon1 .condition {max-width: 1080px;justify-content: center;background: #2733a4;align-items: center;width: 100%;position: absolute;bottom: -80px;left: 50%;transform: translateX(-50%) !important;height: 177px}
.evCon1 .condition li {flex: 1; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 5px; } 
.evCon1 .condition li span {opacity: .6; font-size: 16px; } 
.evCon1 .condition li strong {font-size: 20px; } 
.evCon1 .condition li:not(:last-child)::before {content: ''; display: block; top: 50%; transform: translateY(-50%); width: 1px; height: 60%; position: absolute; right: 0; background: #fff; opacity: .4; } 

.evCon2 {background-color: #2a2a2a; } 
.evCon2 .run_box {align-items: center; background: url(https://image.megagong.net/m/2024/0709_law/con2_pass.png)no-repeat center; margin: 0 -60px; padding: 0 60px; } 
.evCon2 .run_box .change {flex-direction: column; gap: 40px; width: 745px; align-items: flex-end; } 
.evCon2 .run_box .change li {background: var(--gradi-bg); font-size: 24px; line-height: 65px; border-radius: 30px; font-weight: 700; width: 475px; } 
.evCon2 .run_box .change li:nth-child(2) {margin-right: 135px; } 
.evCon2 .run_box .change li:nth-child(3) {margin-right: 270px; } 
.evCon2 .run_box .man {margin-left: -95px; } 

.evCon4 {background: #e4e4e4 url(https://image.megagong.net/m/2024/0709_law/con4_bg.jpg)no-repeat center; } 
.evCon4 .circle_txt span {background: #e4e4e4 } 
.evCon4 .curri_box {flex-direction: column; gap: 20px; } 
.evCon4 .curri_box dl {display: flex; align-items: center; height: 110px; } 
.evCon4 .curri_box dl dt {width: 270px; color: #fff; background: #2733a4; display: flex; flex-direction: column; justify-content: center; height: 100%; } 
.evCon4 .curri_box dl dt span {font-size: 18px; border: 1px solid; border-radius: 30px; margin: 0 auto 5px; width: fit-content; display: block; padding: 0 15px; } 
.evCon4 .curri_box dl dt strong {font-size: 24px; } 
.evCon4 .curri_box dl dd {flex: 1; background: #fff; height: 100%; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; font-size: 18px; font-weight: 500; padding: 0 10px; } 
.evCon4 .curri_box dl dd .color {color: #5062ff; font-weight: 700; } 
.evCon4 .curri_box dl:nth-of-type(1) dt {background: #05a4fb; } 
.evCon4 .curri_box dl:nth-of-type(1) dd .color {color:#05a4fb; } 

.evCon5 {background-color: #2a2a2a; } 
.evCon5 .mock {gap: 20px; margin-bottom: 40px; } 
.evCon5 .mock li {background:var(--gradi-bg); flex: 1; border-radius: 45px; padding: 22px 0; font-size: 20px; } 
.evCon5 .process_box {background: #fff; position: relative; border-radius: 20px; padding: 40px; } 
.evCon5 .process_box > i {position: absolute; left: 40px; top: -20px; } 
.evCon5 .process_box > strong {padding: 0 60px; font-size: 28px; display: block; width: fit-content; margin: 0 auto; border-radius: 45px; border: 2px solid; line-height: 60px; } 
.evCon5 .process_box .process {gap: 15px; margin-top: 40px; position: relative; flex-direction: column; } 
.evCon5 .process_box .process .arrow_list {justify-content: center; width: 100%; position: relative; } 
.evCon5 .process_box .process .arrow_list::before {content: ''; display: block; background: var(--gradi-bg); position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 3px; width: 99%; } 
.evCon5 .process_box .process .arrow_list::after {content: ''; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 14px solid #70fb9f; /* Triangle color */ } 
.evCon5 .process_box .process .arrow_list li {flex: 1; } 
.evCon5 .process_box .process .arrow_list li span {font-size: 20px; color: #fff; background: #6d7cff; border-radius: 30px; line-height: 40px; padding: 0 25px; z-index: 2; position: relative; display: block; width: fit-content; margin: 0 auto; } 
.evCon5 .process_box .process .step_box {justify-content: space-around; } 

.evCon6 {background-color: #30389f; } 
.evCon6 .benefit {flex-direction: column; gap: 20px; } 
.evCon6 .benefit li {display: flex; background: #fff; padding: 50px; text-align: left; gap: 40px; align-items: center; } 
.evCon6 .benefit li dl dt {font-size: 24px; margin-bottom: 15px; } 
.evCon6 .benefit li dl dd {font-size: 16px; color: #666; font-weight: 500; line-height: 1.5; } 
.evCon6 .benefit li dl dd span {font-size: 13px; color: #999; } 

.evCon7 {background-color: #f0f0f0; } 
.evCon7 .contents {flex-direction: column; gap: 20px; } 
.evCon7 .contents li {display: flex}
.evCon7 .contents li .txt {background: #2f3a9b; flex: 1; text-align: left; padding: 20px 50px; color: #fff; font-size: 18px; } 
.evCon7 .contents li .txt strong {display: block; background: var(--gradi-bg); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 10px; font-size: 24px; } 
.evCon7 .contents li .txt strong span {display: block; color: #fff; -webkit-text-fill-color: #fff; background: #454fa9; border-radius: 30px; width: fit-content; font-weight: normal; padding: 2px 15px; margin-top: 7px; font-size: 15px; } 
.evCon7 .contents li .btn {background: #111324;width: 270px;display: flex;align-items: center;font-size: 18px;justify-content: center;color: #ccc;position: relative;cursor: pointer}
.evCon7 .contents li .btn .end{position: absolute;right: 10px;top: 50%;z-index: 2;width: min(12vw, 75px);height: min(12vw, 75px);transform: translateY(-50%)}
.evCon7 .contents li .btn .end::before{content: "";position: absolute;right: 0;top: 0;margin: auto;display: inline-block;height: 100%;width: 100%;background-color: #fff;mask-size: cover;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;mask-image: url('https://img.megagong.net/common/event_end.svg')}



.evCon7 .bottom_txt {font-size: 30px; color: #999999; font-weight: 700; margin-top: 30px; } 

.evSection.evCon8 {background: #060927 url(https://image.megagong.net/m/2024/0709_law/con8_bg.jpg)no-repeat center -1px;font-size: 34px;padding: 120px 0}
.evCon8 strong {background: var(--gradi-bg);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: block;padding: 15px 0 0}
.evCon8 a {font-size: 22px;border: 2px solid;border-radius: 45px;line-height: 76px;padding: 0px 110px 2px;display: block;width: fit-content;margin: 30px auto 0}

.evTab {background: #f0f0f0; } 
.evTab .teachers_box {flex-wrap: wrap; gap: 40px 10px; justify-content: center; margin-bottom: 100px; } 
.evTab .tab_wrap {align-items: stretch; border-radius: 20px; overflow: hidden; box-shadow: 3px 3px 6px #ccc; } 
.evTab .tab_base {display: flex; width: 205px; flex-direction: column; } 
.evTab .tab_base li {flex: 1; } 
.evTab .tab_base li a {background: #9c9c9c; color: #d7d7d7; display: flex; height: 100%; align-items: center; font-size: 18px; justify-content: center; gap: 5px; } 
.evTab .tab_base li a .subject {position: relative; padding-right: 10px; } 
.evTab .tab_base li a .subject::before {content: ''; display: block; position: absolute; height: 50%; width: 2px; background: #d8d8d8; right: 0; top: 50%; transform: translateY(-50%); } 
.evTab .tab_base li.on a .subject::before {background: #fff; } 
.evTab .tab_base li.on a {background: #2733a4; color: #fff; } 
.evTab .panel_base {flex:1; } 
.evTab .panel_base > li {background: #fff; padding: 60px 40px 60px 20px; } 
.evTab .panel_base .title {color: #fff; background: #2733a4; font-size: 24px; border-radius: 30px; padding: 6px 0; margin: 0 auto 30px; display: block; margin-left: 20px; } 
.evTab .panel_base .title + div.flex {align-items: center; gap: 20px; } 
.evTab .panel_base .teacher {flex: 1; position: relative; overflow: hidden; } 
.evTab .panel_base .teacher::before {content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 30%; left: 0; background: linear-gradient(0deg, #fff 20%, #ffffff8f 50%, #ffffff3b 70%, transparent); } 
.evTab .panel_base .teacher > img {margin-bottom: -30px; } 
.evTab .panel_base .teacher div {z-index: 2; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 16px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; } 
.evTab .panel_base .teacher div .subject {padding-right: 8px; position: relative; } 
.evTab .panel_base .teacher div .subject::before {content: ''; display: block; position: absolute; height: 55%; width: 2px; background: #969696; right: 0; top: 50%; transform: translateY(-50%); } 
.evTab .panel_base .teacher div .name {font-weight: 900; } 
.evTab .panel_base .teacher div a {color: #fff; background: #222; border-radius: 50%; width: 22px; line-height: 22px; display: inline-block; font-size: 13px; } 
.evTab .panel_base .txt {width: 490px; } 
.evTab .panel_base .txt .comment {font-size: 20px; color: #333; text-align: left; } 
.evTab .panel_base .txt .circle_txt {margin: 40px auto 25px; } 
.evTab .panel_base .txt .circle_txt span {background: #fff; border: none; font-size: 20px; padding: 0 15px; border: 0; font-weight: 900; line-height: normal; } 
.evTab .panel_base .txt .table {border: 1px solid #ccc; } 
.evTab .panel_base .txt .table ul {display: flex; } 
.evTab .panel_base .txt .table ul li {flex: 1;border-right: 1px solid #ccc;font-size: 13px;display: flex;align-items: center;justify-content: center;padding: 0 3px;flex-wrap: wrap}
.evTab .panel_base .txt .table ul li:first-child {width: 50px; flex: none; font-weight: 900; } 
.evTab .panel_base .txt .table ul li:last-child {border-right: 0; } 
.evTab .panel_base .txt .table .thead {background: #000; font-weight: 700; color: #fff; } 
.evTab .panel_base .txt .table .thead li {padding: 6px 0; } 
.evTab .panel_base .txt .table .tbody li {color: #333; height: 120px; } 

/* ¹®ÅÂȯ, Ç㼺±Ô, ¿ÀÁ¦Çö [¿¹ºñ¼øȯ] °­Á êó */
.preview_circle {display: none !important; } 
.muntaehwan .preview_circle {display: flex !important; } 
.pesta71 .preview_circle {display: flex !important; } 
.king1290 .preview_circle {display: flex !important; } 

/* ÆǸŠ¿µ¿ª */
.evSale {background: white; } 
.evSale .sale_list {display: flex; justify-content: center; gap: 20px; } 
.evSale .sale_list > li {flex: 1; } 
.evSale .sale_list li input[type="radio"] {display:none; } 
.evSale .sale_list li .box {padding: 40px 15px;border: 4px solid #dcdcdc;border-radius: 20px;box-sizing:border-box;cursor:pointer;color: #000;display: flex;flex-direction: column;justify-content: space-between;transition: .5s ease}
.evSale .sale_list li .box .title h5 {position:relative; font-weight: 900; font-size: 26px; } 
.evSale .sale_list li .box .title {display: flex; align-items: center; gap: 45px; margin-left: 20px; } 
.evSale .sale_list li .box .title .check {position:relative;width: 32px;height: 32px;box-sizing: border-box;border: 2px solid #bbb;border-radius: 3px;transition: .5s ease}
.evSale .sale_list li .box .title .check:before {content:''; position:absolute; margin:auto 0; left: 50%; top: 50%; width: 5px; height: 10px; border: solid #bbb; border-width: 0 3px 3px 0; transform: translate(-50%,-50%) rotate(45deg); } 

/* ÆǸŠ¿µ¿ª - È°¼ºÈ­*/
.evSale .sale_list li .box.on {border-color: #2733a4; } 
.evSale .sale_list li .box.on .title .check {border-color: #000; background: #000; } 
.evSale .sale_list li .box.on .title .check:before {border-color: #fff; } 
.evSale .sale_list li .box.on .info_box {background: #eff0fd; } 
.evSale .sale_list li .box.on .price_box .tag{background: #666}
.evSale .sale_list li .box.on .price_box .tag.on{background: #ff4e4e}
/* ÆǸŠ¿µ¿ª - ¼³¸í */
.evSale .sale_list li .box .info_box {background: whitesmoke; position: relative; text-align: left; margin: 30px 0 15px; padding: 20px; border-radius: 20px; display: flex; flex-direction: column; gap: 12px; } 
.evSale .sale_list li .box .info_box li {display: flex; } 
.evSale .sale_list li .box .info_box li p:first-child {width: 80px; flex: none; } 
.evSale .sale_list li .box .info_box li p {flex:1; font-size: 15px; } 
.evSale .sale_list li .box .info_box li p .deadline {color:#4f62ff } 

/* ÆǸŠ¿µ¿ª - °¡°Ý ¿µ¿ª */
.evSale .sale_list li .box .price_box {position: relative;display: flex;justify-content: space-between;align-items: center}
.evSale .sale_list li .box .price_box .tag{font-style: normal;font-size: 17px;background: #666666;color: #fff;border-radius: 10px;padding: 0 18px;line-height: 35px;display: flex;align-items: center}
.evSale .sale_list li .box .price_box ul{font-size: 30px; color: #666; display: flex; font-weight: 700; align-items: center; gap: 15px; justify-content: flex-end; } 
.evSale .sale_list li .box .price_box li:first-child {font-size: 18px; text-decoration: line-through; } 
.evSale .sale_list li .box.on .price_box li:last-child strong {color: #000; font-weight: 900; } 

/* ÆǸŠ¿µ¿ª - ÄíÆù Æ˾÷ ¿µ¿ª */
.evSale .sale_list li .box .btn_box {flex-direction: column; gap: 10px; margin-top: 35px; min-height: 81px; } 
.evSale .sale_list li .box .btn_box li a {font-size: 17px; border: 1px solid; border-color: var(--point1); color: var(--point1); border-radius: 30px; padding: 5px 40px; width: 100%; margin: 0 auto; } 
.evSale .sale_list li .box .btn_box li:last-child a {border-color: var(--point2); color: var(--point2); } 

/* ÆǸŠ¿µ¿ª - ¼±ÅûóÇ°¿µ¿ª */
.evSale .choice_box {display: flex; flex-direction: column; margin: 40px auto; } 
.evSale .choice_box .result {width: 100%; display: flex; justify-content: space-between; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 70px; } 
.evSale .choice_box .result .tit {display: flex; align-items: center; justify-content: center; gap: 20px; } 
.evSale .choice_box .result .tit strong {font-size: 18px; } 
.evSale .choice_box .result .tit span {font-size: 15px; color: #fff; background: #000; border-radius: 5px; padding: 0 15px; line-height: 30px; } 
.evSale .choice_box .result .price {display: flex; align-items: center; gap: 30px; height: 100%; flex: 1; justify-content: flex-end; } 
.evSale .choice_box .result .price li.txt {position: relative; font-size: 18px; color: #333; text-align: right; } 
.evSale .choice_box .result .price li.calc {font-size: 33px; color: #ff4e4e; font-weight: 900; } 

/* ÆǸŠ¿µ¿ª - µ¿ÀÇ ¿µ¿ª */
.evSale .agree_box {text-align:left; display: flex; align-items: center; gap: 5px 15px; flex-wrap: wrap; height: 100px; border-bottom: 1px solid; padding-left: 60px; justify-content: space-between; } 
.evSale .agree_box label {cursor: pointer; display: flex; gap: 10px; align-items: flex-start; position: relative; padding-left: 35px; cursor: pointer; font-size: 18px; } 
.evSale .agree_box label p {font-size: 18px; } 
.evSale .agree_box input[type="checkbox"] {display: none; } 
.evSale .agree_box .checkbox {position: absolute; left: 0; top: 5px; width: 22px; height: 22px; } 
.evSale .agree_box .checkbox:before {content: ''; position: absolute; left: 0; top: 0; background: #fff; width: 100%; height: 100%; border: 3px solid; box-sizing: border-box;transition: .5s ease; } 
.evSale .agree_box input[type="checkbox"]:checked + .checkbox:after {content:''; position:absolute; margin:auto 0; left: 25%; top: 25%; width: 5px; height: 10px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg) translate(-50%, -50%); margin-top: 5px; } 
.evSale .agree_box input[type="checkbox"]:checked + .checkbox:before {background: #000; } 
.evSale .agree_box label p span {display: block; font-size: 16px; color: #999; } 
.evSale .agree_box > a {font-size: 13px; color: #666; border: 1px solid; padding: 0 25px; line-height: 32px; } 
.evSale .btn_buy a {color: #fff; font-size: 22px; font-weight: 700; line-height: 80px; border-radius: 45px; display: block; width: 480px; background: #000; margin: 0 auto; } 



.evSection.evCon9 {background: #2b379d}
.evCon9 .con_tit .end{
    right: -40px;
    top: -60px;
    opacity: 0.7;
}
.evCon9 .con_tit{margin: 0 0 20px}
.evCon9 .event_tag.ver_border{border-color: #fff;background: inherit;color: #fff}
.evCon9 .con_tit .event_tag.ver_border::before{background: #2b379d;border-color: #fff}
.evCon9 .container_info.ver_circle{background: #14229d;padding: 50px 0}
.evCon9 .container_info.ver_circle::before{content:'';position: absolute;top: 0;left: 50%;width: 3000px;height: 100%;margin: 0 0 0 -1500px;background: inherit}
.evCon9 .container_info.ver_circle {position: relative;margin: 70px 0 0;}
.evCon9 .container_info.ver_circle .info .info_title {background: #000;color: #fff;width: 150px;/* font-size: 20px; */line-height: 44px}
.evCon9 .container_info.ver_circle .info .info_date {color: #fff;font-weight: normal;/* font-size: 21px; */padding: 8px 0 0}
.evCon9 .container_gift_wrap{margin: 100px 0 65px}
.evCon9 .circle_txt::before{background: #fff}
.evCon9 .circle_txt span{background: #2b379d;border: 0}
.evCon9 .event_step{gap: 12px;margin: 0 0 60px}
.evCon9 .event_step .step{border-radius: 25px;height: 245px}
.evCon9 .event_step .step::before{right: -26px}
.evCon9 .event_step .step span{font-size: 15px;font-weight: normal;background: #7fd3ff;border-radius: 20px;padding: 6px 24px}
.evCon9 .event_step .step .tiny_noti{color: #f00;opacity: 1;font-size: 13px;font-weight: normal;padding: 10px 0 0}
.evCon9 .event_step .step p{font-size: 20px;font-weight: normal}
.evCon9 .eventButtons{margin: 0 0 100px}
.evCon9 .shareList.ver3 ul{gap: 10px;display: flex;justify-content: space-between;background: #fff}
.evCon9 .shareList.ver3 ul li{flex: 1}
.evCon9 .shareList.ver3 ul li a{border: 1px solid #2b379d;border-radius: 10px;padding: 40px 0 20px}
.evCon9 .shareList.ver3 ul li a span{display: block;padding: 25px 0 0;color: #000}
.evCon9 .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list{color: #fff}
.evCon9 .eventBoard .evtBoard_common{background: #222c7e}
.evCon9 .eventBoard .evtBoard_common .info_wrap.with_tip button{color: #fff;border-bottom: 1px solid #fff;padding: 0 0 3px}


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


    
    .eventWrap {font-size: clamp(13px,1.6vmin,16px); } 
    .eventWrap .tiny_noti {font-size: clamp(10px,1.3vmin,13px); } 
    .evSection:not(.evtoggleWarning,.evCon1) {padding: 15% 0; } 

    .con_tit {margin-bottom: 9%; } 
    .con_tit h4 {font-size: clamp(20px,5vmin,48px);margin: 0 auto}
    .con_tit .sub_txt {font-size: clamp(15px,3vmin,28px);margin: 2% auto 0}
    .con_tit .top_txt {margin-bottom: 1%; font-size: clamp(15px,3vmin,26px); } 

    .circle_txt {margin-bottom: 5%; } 
    .circle_txt span,.evCon8 .teaCurr .circle_txt span {font-size: clamp(16px,3vmin,28px) !important;width: fit-content;padding: 0 5%;line-height: clamp(30px,5vmin,50px)} 

    /* contents */
    .evCon1 .inner {padding-top: 15% } 
    .evCon1 .main_tit .top_txt {font-size: clamp(15px,3.5vmin,25px); letter-spacing: .2rem; } 
    .evCon1 .main_tit h3 {margin: 15% -5% 15% 0}
    .evCon1 .main_tit .sub_txt {font-size: clamp(15px,3.3vmin,32px)}
    .evCon1 .condition {width: 97%; height: auto; padding: 3% 0; bottom: -10%; gap: 10px 0; } 
    .evCon1 .condition li span {font-size: clamp(13px,1.5vmin,16px); } 
    .evCon1 .condition li strong {font-size: clamp(15px,2vmin,20px); } 

    .evCon2 .run_box {margin: 0 auto; padding: 0 0; flex-direction: column; background-size: contain; background-position: 50% 85%; } 
    .evCon2 .run_box .change {gap: 20px; margin-right: 35%; } 
    .evCon2 .run_box .change li:nth-child(2) {margin-right: 10%; } 
    .evCon2 .run_box .change li:nth-child(3) {margin-right: 18%; } 
    .evCon2 .run_box .man {margin: -10% 5% 0 68%; } 

    .evCon4 .curri_box dl dt {width: 200px; } 
    .evCon4 .curri_box dl dt span {font-size: clamp(15px,2.8vmin,18px); } 
    .evCon4 .curri_box dl dt strong {font-size: clamp(20px,3vmin,24px); } 
    .evCon4 .curri_box dl dd {font-size: clamp(15px,2.8vmin,18px); } 

    .evCon5 .mock {gap: 10px; } 
    .evCon5 .mock li {font-size: clamp(14px,2vmin,20px); } 
    .evCon5 .process_box {padding: 40px clamp(10px,2vmin,20px) clamp(20px,4vmin,40px); } 
    .evCon5 .process_box > i {width: min(208px,25%); left: 2%; top: -6%; } 
    .evCon5 .process_box > strong {font-size: clamp(15px,4vmin,28px); line-height: clamp(40px,7vmin,60px); } 
    .evCon5 .process_box .process .arrow_list li span {font-size: clamp(14px,2vmin,20px); line-height: clamp(20px,4vmin,40px); } 
    .evCon5 .process_box .process .step_box {gap: 5px; } 

    .evCon7 .contents li .txt {padding: 20px clamp(10px,5vmin,50px); font-size: clamp(15px,2.8vmin,18px); } 
    .evCon7 .contents li .txt strong {font-size: clamp(17px,3.4vmin,24px); } 

    .evCon8 {font-size: clamp(18px,4.4vmin,34px); } 
    .evCon8 a {font-size: clamp(15px,3.2vmin,22px); line-height: clamp(35px,8vmin,80px); padding: 0 10%; margin-top: clamp(20px,4vmin,31px); } 

    .evTab .teachers_box {gap: 10px; margin-bottom: 15%; } 
    .evTab .teachers_box li {width: calc(25% - 10px); } 
    .evTab .tab_wrap {flex-direction: column; } 
    .evTab .tab_base {flex-direction: row; width: 100%; flex-wrap: wrap; } 
    .evTab .tab_base li {width: 25%; flex: none; } 
    .evTab .tab_base li a {font-size: clamp(14px,3vmin,18px); padding: 10px 0; } 
    .evTab .panel_base > li {padding: 6% 4%; } 
    .evTab .panel_base .title {font-size: clamp(14px,3vmin,24px); margin: 0 auto 3%; } 
    .evTab .panel_base .txt {width: 65%; } 
    .evTab .panel_base .txt .comment {font-size: clamp(15px,3vmin,20px); } 

    .evSale .sale_list {gap: 10px; } 
    .evSale .sale_list li .box {padding: clamp(20px,5vmin,40px) clamp(10px,2vmin,15px); } 
    .evSale .sale_list li .box .title h5 {font-size: clamp(16px,3vmin,26px); } 
    .evSale .sale_list li .box .title {margin: 0; gap: 20px; } 
    .evSale .sale_list li .box .price_box{flex-direction: column;gap: 5px}
    .evSale .sale_list li .box .price_box .tag{margin-left: 100px;font-size: clamp(12px,1.5vmin,17px);line-height: clamp(20px,3.5vmin,35px);padding: 0 clamp(5px,2vmin,18px);border-radius: 5px}
    .evSale .agree_box .checkbox:before {border: 2px solid; } 


    .evSection.evCon8{font-size: clamp(16px,4vmin,20px)}

    .evCon9 .con_tit .end{right:0;top: 0;}
    .evCon9 .container_info_wrap{display: flex;text-align: center;flex-direction: column;margin: 10% 0}
    .evCon9 .container_info.ver_circle {display: inline-flex;flex-wrap: wrap;justify-content: flex-start;flex-direction: column;align-items: flex-start;padding: 5% 0;margin: 0;}
    .evCon9 .container_info.ver_circle::before{/* width:100%; */}
    .evCon9 .container_info.ver_circle .info {width: auto;display: flex;align-items: center}
    .evCon9 .container_info.ver_circle .info .info_title {width: clamp(100px,14vmin,135px);padding: 0;line-height: clamp(30px,4vmin,45px)}
    .evCon9 .container_info.ver_circle .info .info_date {padding-top: 0}
    .evCon9 .container_gift_wrap{margin: 0 0 5%}
    .evCon9 .eventButtons{margin: 0 0 10%}
    .evCon9 .event_step .step p{font-size: clamp(14px,2.2vmin,17px)}
    .evCon9 .shareList.ver3 ul li a{padding: 20px 0 20px}
    .evCon9 .shareList.ver3 ul li a img{width: clamp(30px,4.5vmin,50px)}
    .evCon9 .shareList.ver3 ul li a span{padding: 6px 0 0}




}





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





    .evCon1 .main_tit h3 {margin: 10% auto; } 
    .evCon1 .condition {flex-wrap: wrap; } 
    .evCon1 .condition li {width: 50%; flex: none; justify-content: flex-start; } 
    .evCon1 .condition li > img {width: min(35px,20%)}
    .evCon1 .condition li span {font-size: clamp(10px,1.5vmin,16px); } 
    .evCon1 .condition li strong {font-size: clamp(13px,2vmin,20px); } 
    .evCon1 .condition li strong br{display:none} 
    .evCon1 .condition li:nth-child(2)::before {display: none; } 

    .evCon2 .run_box {margin: 0 auto; padding: 0 0; flex-direction: column; background-size: contain; background-position: 50% 85%; } 
    .evCon2 .run_box .change {width: min(100%,480px); margin: 0; } 
    .evCon2 .run_box .change li {font-size: clamp(14px,2vmin,24px); width: min(82%,475px); line-height: clamp(45px,7vmin,65px); } 
    .evCon2 .run_box .man {margin: -4% 5% 0 68%; } 

    .evCon4 .curri_box {flex-direction: row; flex-wrap: wrap; gap: 10px; justify-content: space-between; } 
    .evCon4 .curri_box dl:first-of-type {width: 100%; } 
    .evCon4 .curri_box dl {width: calc(50% - 5px); flex-direction: column; height: auto; } 
    .evCon4 .curri_box dl dt {width: 100%; height: clamp(67px,12vmin,85px); } 
    .evCon4 .curri_box dl dt span {font-size: clamp(12px,2.8vmin,18px); } 
    .evCon4 .curri_box dl dt strong {font-size: clamp(15px,3vmin,24px); } 
    .evCon4 .curri_box dl dd {padding: 10px; font-size: clamp(13px,2.8vmin,18px); width: 100%; } 

    .evCon5 .mock {background: var(--gradi-bg); flex-direction: column; padding: 6% 2%; border-radius: 20px; gap: clamp(10px,2vmin,20px); } 
    .evCon5 .mock li {background: none; padding: 0; font-size: clamp(14px,3vmin,20px); } 
    .evCon5 .process_box > i {top: -2%; width: min(160px,40%); } 
    .evCon5 .process_box > strong {padding: 0 15px; } 
    .evCon5 .process_box .process {margin-top: 5%; flex-direction: row; padding-top: 5%; justify-content: center; } 
    .evCon5 .process_box .process .arrow_list {flex-direction: column; gap: 20px; width: fit-content; } 
    .evCon5 .process_box .process .arrow_list::before {background: linear-gradient(180deg, #3ba7ff 0%, #53fea0 100%); width: 5px; height: 105%; left: 50%; transform: translate(-50%,-50%); } 
    .evCon5 .process_box .process .arrow_list::after {top: auto; bottom: -4%; transform: translate(-50%,0); border-top: 14px solid #70fb9f; left: 50%; border-left: 7px solid transparent; border-right: 7px solid transparent; /* Triangle color */ } 
    .evCon5 .process_box .process .arrow_list li span {margin: 0; padding: 3px 10px; } 
    .evCon5 .process_box .process .step_box {flex-direction: column; /* flex: 1; */gap: 20px; } 
    .evCon5 .process_box .process .step_box li {width: 90%; } 

    .evCon6 .benefit {gap: 10px; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } 
    .evCon6 .benefit li {padding: 15px 5px;gap: 10px;flex-direction: column;width: calc(50% - 5px)}
    .evCon6 .benefit li .icon {width: min(53px,40%)}
    .evCon6 .benefit li dl dt {font-size: clamp(14px,2.4vmin,24px);margin-bottom: 10px;text-align: center}
    .evCon6 .benefit li dl dt strong{font-weight:bold}
    .evCon6 .benefit li dl dd {font-size: clamp(11px,1.6vmin,16px); line-height: 1.2; text-align: center; } 
    .evCon6 .benefit li dl dd span {font-size: 13px; color: #999; } 

    .evCon7 .contents li {flex-direction: column; } 
    .evCon7 .contents li .txt {font-size: clamp(13px,2.8vmin,18px); } 
    .evCon7 .contents li .txt strong {margin-top: 5px; } 
    .evCon7 .contents li .txt strong span {font-size: clamp(12px,2.5vmin,15px); } 
    .evCon7 .contents li .btn {width: 100%; padding: 10px 0; font-size: clamp(13px,2.8vmin,18px); } 
    .evCon7 .bottom_txt {font-size: clamp(18px,4vmin,30px)}
    .evCon7 .contents li .btn .end{top: 15%}

    .evTab .teachers_box li {width: calc(33% - 10px); } 
    .evTab .tab_base li a {flex-direction: column; gap: 0; } 
    .evTab .tab_base li a .subject {padding: 0; font-size: clamp(12px,2vmin,18px); } 
    .evTab .tab_base li a .subject::before {display: none; } 
    .evTab .panel_base .txt .table ul li:first-child{width: clamp(25px,6vmin,50px)}
    .evTab .panel_base .title {font-weight: 700; } 
    .evTab .panel_base .title + div.flex {flex-direction: column; } 
    .evTab .panel_base .teacher {flex: none; width: 55%; } 
    .evTab .panel_base .teacher div {font-size: clamp(13px,1.6vmin,16px); } 
    .evTab .panel_base .teacher div a {width: 18px; line-height: 18px; font-size: 10px; } 
    .evTab .panel_base .txt {width: 100%; } 
    .evTab .panel_base .txt .comment {font-size: clamp(14px,3vmin,20px); text-align: center}
    .evTab .panel_base .txt .circle_txt {margin: 10% auto 5%; } 
    .evTab .panel_base .txt .table ul li {font-size: clamp(12px,2vmin,14px)}

    /* ÆǸŠ¿µ¿ª */
    .evSale .sale_list {gap: 10px; flex-direction: column; } 
    .evSale .sale_list li .box .title h5 {font-size: clamp(17px,3.6vmin,26px); } 
    .evSale .sale_list li .box .title {gap: 15px; } 
    .evSale .sale_list li .box .title .check {width: clamp(20px,3.5vmin,32px); height: clamp(20px,3.5vmin,32px); } 
    .evSale .sale_list li .box .title .check:before {width: 4px; height: 8px; } 

    .evSale .sale_list li .box .info_box {margin: 15px 0; padding: 15px; gap: 5px; } 
    .evSale .sale_list li .box .info_box li p:first-child {width: clamp(60px,11vmin,80px); } 
    .evSale .sale_list li .box .info_box li p {font-size: clamp(12px,2.5vmin,15px); } 

    .evSale .sale_list li .box .price_box{width: fit-content;margin: 0 auto}
    .evSale .sale_list li .box .price_box .tag{margin-left: clamp(70px,13vmin,90px)}   
    .evSale .sale_list li .box .price_box ul{font-size: clamp(20px,4vmin,30px); align-items: flex-end; } 
    .evSale .sale_list li .box .price_box li:first-child {font-size: clamp(13px,2.8vmin,18px); } 

    .evSale .choice_box .result {flex-wrap: wrap; height: auto; padding: clamp(10px,2.5vmin,25px) 0 0; } 
    .evSale .choice_box .result .tit {width: 100%; justify-content: flex-start; padding-bottom: clamp(10px,2.5vmin,25px); border-bottom: 1px solid #ccc; } 
    .evSale .choice_box .result .tit strong {font-size: clamp(15px,3vmin,18px); } 
    .evSale .choice_box .result .price {padding: clamp(10px,2.5vmin,25px) 0; background: whitesmoke; } 
    .evSale .choice_box .result .price li.txt {font-size: clamp(15px,2vmin,18px); } 
    .evSale .choice_box .result .price li.calc {font-size: clamp(20px,4.3vmin,33px); } 

    .evSale .agree_box {flex-wrap: wrap; height: auto; padding: clamp(10px,2.5vmin,25px) 0; justify-content: flex-end; gap: 10px; flex: 1; } 
    .evSale .agree_box label {gap: 5px; padding-left: 20px; } 
    .evSale .agree_box label p {font-size: clamp(13px,1.8vmin,18px); } 
    .evSale .agree_box .checkbox {width: clamp(15px,2vmin,22px); height: clamp(15px,2vmin,22px); top: 3px; } 
    .evSale .agree_box input[type="checkbox"]:checked + .checkbox:after {width: 3px; height: 8px; border-width: 0 2px 2px 0; top: 20%; } 
    .evSale .agree_box label p span {font-size: clamp(12px,1.6vmin,16px); } 
    .evSale .agree_box > a {padding: 0 10px; font-size: clamp(11px,1.3vmin,13px); line-height: clamp(20px,3vmin,30px); } 

    .evSale .btn_buy a {font-size: clamp(15px,3.2vmin,22px); width: min(480px,55%); line-height: clamp(50px,10vmin,80px); } 

    
    .evCon9:not(.had_four) .step{padding: 4% 2%}
    .evCon9 .event_step .step span{padding: 1px 10px;font-size: 13px;margin: 0 0 5px}
    .evSection .event_step:not(.had_four){max-width:100%;margin: 0 0 6%}
    .evCon9 .event_step:not(.had_four) .step{padding: 15px 0}
    .evCon9 .event_step .step p br:nth-child(2n-1){display: none}



}



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


    .evCon9 .shareList.ver3 ul{justify-content: center}
    .evCon9 .shareList.ver3 ul li{flex: none;width: calc(25% - 10px)}
    .evCon9 .shareList.ver3 ul li a{padding: 10px 0}



}