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

/* settings */
.evSection {padding: 120px 0;}
.evSection .circle_tit {width: fit-content; font-weight: 700; color: #E4EEFF; border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.50); padding: 9px 50px; margin: 0 auto 20px;}
.evSection .con_tit + .mini_tit {margin-top: 20px;}
.evSection .mini_tit + .con_tit {margin-top: 10px;}
.evSection .con_box {margin-top: 60px;}
.tx_gradient {display: inline-block; background: linear-gradient(90deg, #15ADFA 0%, #FFF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

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

/* flt_inner */
.flt_inner li:not(.top) a {position: relative; text-align: center; border-radius: 3px; border: 1px solid rgba(17, 17, 17, 0.15); background: #FFF; padding: 22px 18px;}
.flt_inner a .label {display: inline-block; font-size: 12px; color: #FFF; border-radius: 16px; background: #333; padding: 6px 8px; margin-bottom: 12px;}
.flt_inner a .label.on {background: #FF5752;}
.flt_inner a strong {display: block; font-size: 15px; line-height: 1.4;}
.flt_inner a .btn-base {margin-top: 12px;}
.flt_inner a .btn-base span {display: inline-block; font-weight: 400; font-size: 13px; color: #FFF; border-radius: 4px; background: #0A95FF; padding: 7px 10px;}
.flt_inner a .badge {position: absolute; top: 0; right: 0;}
.flt_inner li.top a {width: 58px; font-size: 13px; color: #FFF; border-radius: 500px; border: 1px solid rgba(255, 255, 255, 0.50); background: #111; margin: 0 auto; padding: 4px;}

/* evStickyBnr */
.evStickyBnr {background: #0A95FF;}
.evStickyBnr a {position: relative; display: flex; justify-content: center; align-items: center; gap: 6px; height: 44px;}
.evStickyBnr a::after {content: ''; display: block; width: 24px; height: 24px; background: url(https://image.megagong.net/m/2026/0708_sobangcampus/ico_arrow_circle.svg) no-repeat;}
.evStickyBnr .label {position: absolute; top: 2px; left: 50%; transform: translate(-50%, -100%); font-weight: 400; font-size: 13px; color: #1A1A1A; border-radius: 6px; background: #FFF; padding: 12px;}
.evStickyBnr .label::before {content: ''; position: absolute; bottom: -6px; left: calc(50% - 5px); width: 10px; height: 7px; background: #FFF; clip-path: polygon(0 0, 100% 0, 59.6% 80.8%, 40.4% 80.8%);}
.evStickyBnr .label.on {color: #FFF; background: #FF5752;}
.evStickyBnr .label.on::before {background: #FF5752;}
.evStickyBnr strong {font-size: 15px; color: #FFF;}

/* evCon1 */
.evCon1 {padding: 30px 0 42px; background: #06070B url(https://image.megagong.net/m/2026/0708_sobangcampus/con1_bg.png) no-repeat; background-size: auto 100%;}
.evCon1 .title_wrap {position: relative;}
.evCon1 .title_wrap .badge {position: absolute; top: 34px; left: 100px;; width: 149px;}
.evCon1 .title_wrap .sub_txt {font-weight: 700; color: #FFF; opacity: 0.8; letter-spacing: 1em; margin-bottom: 18px;}
.evCon1 .title_wrap h3 {font-weight: 500; color: #DDECF2;}
.evCon1 .title_wrap h3 span {display: block; margin-bottom: 15px;}
.evCon1 .title_wrap h3 img {width: 510.5px;}
.evCon1 .title_wrap .evt_con_base {font-weight: 400; color: #FFF; opacity: 0.5; margin-top: 10px;}
.evCon1 .feature_wrap {display: flex; justify-content: center; align-items: flex-end; gap: 70px; margin-top: 270px;}
.evCon1 .feature_wrap .item {position: relative; width: 190px;}
.evCon1 .feature_wrap .item + .item::before {content: ''; position: absolute; left: -55px; bottom: 5px; width: 40px; height: 40px; background: url(https://image.megagong.net/m/2026/0708_sobangcampus/ico_cross.svg) no-repeat; background-size: contain;}
.evCon1 .feature_wrap .item strong {display: block; font-weight: 800; color: #FFF; margin-top: 10px;}
.evCon1 .info_wrap {width: 90%; max-width: 690px; margin: 40px auto 0; border-radius: 220px; background: rgba(255, 255, 255, 0.10); padding: 20px; }
.evCon1 .info_wrap .tit {display: inline-flex; align-items: center; gap: 6px; margin-bottom: 6px;}
.evCon1 .info_wrap .tit::before {content: ''; display: block; width: 24px; height: 24px; background: url(https://image.megagong.net/m/2026/0708_sobangcampus/ico_question.svg) no-repeat; background-size: contain;}
.evCon1 .info_wrap p {color: #9FA1B1;}

/* evCon2 */
.evCon2 {padding: 100px 0 120px; background: #06070B url(https://image.megagong.net/m/2026/0708_sobangcampus/con2_bg.png) no-repeat; background-size: auto 100%;}
.evCon2 .mini_tit {color: #9FA1B1;}
.evCon2 .con_box {margin-top: 70px;}
.evCon2 .img_swiper .swiper-wrapper {transition-timing-function: linear;}
.evCon2 .img_swiper .swiper-slide {width: 301px;}

/* evCon3 */
.evCon3 {padding: 0 0 135px; background: #06070B url(https://image.megagong.net/m/2026/0708_sobangcampus/con3_bg.png) no-repeat; background-size: auto 100%;}
.evCon3 .rule_wrap {display: flex; justify-content: center; gap: 20px; max-width: 1000px; margin: 0 auto;}
.evCon3 .rule_wrap .item {flex: 1; aspect-ratio: 320 / 426; background-color: #000; background-size: contain; background-repeat: no-repeat; background-position: 50% 0; border-radius: 12px; box-shadow: 0 0 20px 0 rgba(253, 0, 0, 0.10); padding-bottom: 20px;}
.evCon3 .rule_wrap .item .ico {position: relative; display: inline-flex; justify-content: center; align-items: center; width: 100px; height: 100px; z-index: 0; margin: 110px auto 35px;}
.evCon3 .rule_wrap .item .ico::before {content: ''; position: absolute; width: 71px; height: 71px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #9F0C0E; opacity: 0.8; border-radius: 50%; z-index: -1;}
.evCon3 .rule_wrap .item .ico::after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; background: #9F0C0E; opacity: 0.3; animation: fade ease-in .6s alternate infinite; z-index: -2;}

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

.evCon3 .rule_wrap .item .tit {font-weight: 700; font-size: 20px; margin-bottom: 15px;}
.evCon3 .rule_wrap .item p {font-weight: 400; font-size: 16px; opacity: 0.8;}
.evCon3 .rule_wrap .item1 {background-image: url(https://image.megagong.net/m/2026/0708_sobangcampus/con3_rule_bg1.png);}
.evCon3 .rule_wrap .item2 {background-image: url(https://image.megagong.net/m/2026/0708_sobangcampus/con3_rule_bg2.png);}
.evCon3 .rule_wrap .item3 {background-image: url(https://image.megagong.net/m/2026/0708_sobangcampus/con3_rule_bg3.png);}

/* evCon4 */
.evCon4 {padding: 120px 0 100px; background: #121D33 url(https://image.megagong.net/m/2026/0708_sobangcampus/con4_bg.png) no-repeat; background-size: 100% auto; background-position: 50% 0 !important;}
.evCon4 .con_tit {width: 88%; max-width: 473.5px; margin: 0 auto;}
.evCon4 .con_box {margin-top: 27px;}
.evCon4 .circle_tit:not(:first-of-type) {margin-top: 60px;}
.evCon4 .mini_tit {color: rgba(255, 255, 255, 0.80); margin-bottom: 35px;}
.evCon4 .ico_wrap {position: relative; display: flex; gap: 40px; max-width: 1000px; margin: 0 auto 155px;}
.evCon4 .ico_wrap::before {content: ''; position: absolute; bottom: 20px; left: 50%; transform: translate(-50%, 100%); width: 416px; height: 170px; background: url(https://image.megagong.net/m/2026/0708_sobangcampus/con4_arrow.png) no-repeat; background-size: contain;}
.evCon4 .ico_wrap .item {flex: 1; position: relative; border-radius: 10px; background: rgba(255, 255, 255, 0.10); padding: 30px 10px 40px;}
.evCon4 .ico_wrap .item + .item::before {content: ''; position: absolute; top: calc(50% - 20px); left: -40px; width: 40px; height: 40px; background: url(https://image.megagong.net/m/2026/0708_sobangcampus/ico_plus.svg) no-repeat;;}
.evCon4 .ico_wrap .item .ico {display: inline-block; width: 110px; margin-bottom: 10px;}
.evCon4 .ico_wrap .item strong {display: block;}
.evCon4 .btm_msg > span {display: inline-block; width: 80%; max-width: 366.5px; margin-bottom: 15px;}
.evCon4 .btm_msg p {font-weight: 400;}
.evCon4 .img_wrap {display: flex; flex-wrap: wrap; gap: 20px;}
.evCon4 .img_wrap .item {flex-basis: calc(50% - 10px); position: relative; border-radius: 10px; overflow: hidden;}
.evCon4 .img_wrap .item strong {position: absolute; bottom: 24px; left: 30px;}
.evCon4 .card_wrap {display: flex; align-items: flex-start; gap: 20px;}
.evCon4 .card_wrap .card {border-radius: 20px; background: rgba(31, 58, 111, 0.50); padding: 40px;}
.evCon4 .card_wrap .card.schedule {width: 34.5%;}
.evCon4 .card_wrap .card.penalty {width: 63.6%;}
.evCon4 .card_wrap .card .card_tit {font-weight: 700; margin-bottom: 20px;}
.evCon4 .card_wrap .card .table {line-height: 1.5;}
.evCon4 .card_wrap .card .table .row {display: flex; gap: 10px;}
.evCon4 .card_wrap .card .table .row > div {flex: 1; height: 48px; display: flex; justify-content: center; align-items: center; border-radius: 10px; padding: 12px;}
.evCon4 .card_wrap .card .table .thead {font-weight: 700; margin-bottom: 10px;}
.evCon4 .card_wrap .card .table .thead .row > div {background: #1F3A6F;}
.evCon4 .card_wrap .card .table .tbody {display: flex; flex-direction: column; gap: 10px;}
.evCon4 .card_wrap .card .table .tbody .row .th {font-weight: 700; background: #1D386B;}
.evCon4 .card_wrap .card .table .tbody .row .td {background: #193160; padding: 12px 20px; justify-content: flex-start; text-align: left;}
.evCon4 .card_wrap .card .table .tbody .row ul {flex: 1; display: flex; flex-direction: column; gap: 10px;}
.evCon4 .card_wrap .card .table .tbody .row li {position: relative; padding: 12px 20px;}
.evCon4 .card_wrap .card .table .tbody .row li i {font-style: normal;}
.evCon4 .card_wrap .card.schedule .table .row > div:first-child {flex: 0 0 auto; width: 120px;}
.evCon4 .card_wrap .card.schedule .table .tbody .row .th {font-size: 14px;}
.evCon4 .card_wrap .card.penalty .table .row > div:first-child {flex: 0 0 auto; width: 130px;}
.evCon4 .card_wrap .card.penalty .table .tbody .row .th {height: auto;}
.evCon4 .card_wrap .card.penalty .table .tbody .row .td {display: flex; align-items: center; gap: 10px;}

/* evCourse */
.evCourse {background: #0A1111;}
.evCourse .title_wrap {position: relative;}
.evCourse .title_wrap .badge {position: absolute; top: -39px; right: 150px;  width: 149px; z-index: 1;}
.evCourse .title_wrap .badge img {display: none;}
.evCourse .title_wrap .badge img:last-child {display: block;}
.evCourse .title_wrap .badge.on img {display: block;}
.evCourse .title_wrap .badge.on img:last-child {display: none;}
.evCourse .con_box {margin-top: 40px;}
.evCourse .course_wrap {display: flex; gap: 20px; max-width: 1000px; margin: 0 auto;}
.evCourse .course {flex: 1; position: relative; border-radius: 10px; background: #FFF; overflow: hidden; padding: 30px;}
.evCourse .course .badge {position: absolute; top: 0; left: 0; border-radius: 0 0 5px 0; background: #FB0; font-weight: 600; color: #FFF; line-height: 1.25; padding: 14px 16px;}
.evCourse .course .course_tit {font-weight: 700; color: #4D4D4D;}
.evCourse .course .price_wrap {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100px; margin: 15px auto 20px;}
.evCourse .course .price_wrap .before {font-weight: 400; font-size: 18px; opacity: 0.3;}
.evCourse .course .price_wrap .price {display: block; font-size: 40px; line-height: 1.25;}
.evCourse .course .btn-base {display: block;}
.evCourse .course .btn-base a {display: block; font-weight: 700; font-size: 16px; color: #FFF; background: #0A95FF; border-radius: 5px; padding: 22px 40px;}
.evCourse .course_wrap + .evt_con_base {font-weight: 400; font-size: 12px; color: #FFF; margin-top: 10px;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.table-base.tp2 {margin-top: 10px;}
.table-base.tp2 th,
.table-base.tp2 td {color: #000;}
.table-base.tp2 td {text-align: left;}

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

    /* evCon1 */
    .evCon1 {padding: 5% 0 4%;}

    /* evCon3 */
    .evCon3 {padding: 0 0 12%;}
}
@media screen and (max-width: 992px){
    .evCon3 .rule_wrap {gap: 10px;}
    .evCon3 .rule_wrap .item .ico {margin: 60px auto 25px;}

    .evCon4 .card_wrap .card {padding: 20px;}
    .evCon4 .card_wrap .card.schedule .table .row > div:first-child {width: 100px; padding: 0;}
    .evCon4 .card_wrap .card.penalty .table .row > div:first-child {width: 100px;}

    .evCourse .title_wrap .badge {right: 4%; max-width: 24%;}
}
@media screen and (max-width: 768px){
    .evt_con_base.xs {font-size: 12px;}

    .evCon3 .rule_wrap {flex-direction: column; max-width: 320px;}
    .evCon3 .rule_wrap .item .ico {margin: 110px auto 35px;}

    .evCon4 .circle_tit:not(:first-of-type) {margin-top: 40px;}
    .evCon4 .mini_tit {margin-bottom: 20px;}
    .evCon4 .ico_wrap {flex-wrap: wrap; gap: 10px;}
    .evCon4 .ico_wrap .item {flex: 0 0 auto; width: calc(50% - 5px); padding: 20px 10px;}
    .evCon4 .ico_wrap .item + .item::before {content: none;}
    .evCon4 .ico_wrap .item .ico {max-width: 40%;}
    .evCon4 .card_wrap {flex-direction: column;}
    .evCon4 .card_wrap .card {width: 100% !important;}

    .evCourse .course_wrap {flex-direction: column;}
    .evCourse .course {padding: 20px 0 0;}
    .evCourse .course .price_wrap {height: 60px;}
    .evCourse .course .price_wrap .price {font-size: 34px;}
    .evCourse .course .btn-base a {border-radius: 0; padding: 18px;}
}
@media screen and (max-width: 576px){
    .evCon1 .title_wrap h3 img {width: 80%;}
    .evCon1 .feature_wrap {gap: 24px; margin-top: 170px;}
    .evCon1 .feature_wrap .item {width: 100px;}
    .evCon1 .feature_wrap .item + .item::before {width: 24px; height: 24px; left: -24px;}
    .evCon1 .info_wrap {margin-top: 20px; padding: 10px;}

    .evCon2 .img_swiper .swiper-slide {width: 260px;}

    .evCon4 .ico_wrap {margin-bottom: 100px;}
    .evCon4 .ico_wrap::before {width: 250px; height: 102px;}
    .evCon4 .img_wrap {gap: 10px;}
    .evCon4 .img_wrap .item strong {left: 0; width: 100%; bottom: 10px;}
}