@charset "euc-kr"; /* url: https://img.megagong.net/m/2025/ */

:root { --point-color1:#FEC301; --point-color2:#0082FF; --point-color3:#FFE100; --pt-gradi-color:linear-gradient(to right, #00c6ff, #0072ff); --swiper-navigation-size:25px; --swiper-navigation-color:#000; --swiper-theme-color:#000; } 

.eventWrap .con_tit .end::after { background: #000; } 

/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.event2 .con_tit .end::after { background: #fff; } 
.eventWrap .tiny_noti { padding:10px 0 0 } 
.eventWrap .tiny_noti.right { text-align: right; opacity: 0.5; } 

.eventWrap .evSection { padding: 150px 0; } 
.evSection.evtoggleWarning { padding: 0 !important; } 

.evSection .fw-300 { font-weight: 300; } 
.evSection .fw-400 { font-weight: 400; } 
.evSection .fw-normal { font-weight: 500; } 
.evSection .fw-bold { font-weight: bold; } 
.evSection .color-highlight { color: var(--point-color1); } 
.evSection .color-highlight2 { color: var(--point-color2); } 
.evSection .color-highlight3 { color: var(--point-color3); } 
.evSection .con_tit { margin: 0 0 60px; } 
.evSection .mini_tit + .con_tit { margin: 13px 0 70px; } 

/* beltBnr */

.fixBnr { background: var(--point-color2); padding: 25px 0; position: relative; color: #fff !important; font-weight: bold; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 2; } 
.fixBnr.fixed { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 11; top: unset; } 
.fixBnr img { width: auto !important; margin: 5px 0 0 10px; } 
.fixBnr .inner { display: flex; justify-content: center; align-items: center; } 
.fixBnr .point { padding: 12px 39px; color: #000; background: #fff; position: absolute; top: -62px; border-radius: 40px; } 
.fixBnr .point::before { content:''; position:absolute; top:100%; left:50%; border-top:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent } 
.fixBnr .point.on { background: #00E5FF; } 
.fixBnr .point.on::before { border-top-color:#00E5FF } 


.evSection .mini_radius { background: var(--point-color2); display: inline-flex; padding: 16px 27px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 30px; line-height: 1; margin: 0 0 20px; color: #fff; } 
.btn-base a img { vertical-align: middle; margin-top: -3px; width: auto; } 

.evSection .con_tit img { width: auto; } 

/* evCon1 */
.evSection.evCon1 { padding: 125px 0; background: #02080c url(https://image.megagong.net/m/2025/0512_sbcampus/con_img1.png) no-repeat center 0; } 
.evSection.evCon1 .tiny_noti { position: absolute; top: -100px; right: 0; color: #fff; padding: 0; } 
.evCon1 .tit_wrap { position: relative; margin: 0 auto 50px; } 
.evCon1 .tit_wrap .top_tit1 { position: relative; font-weight: bold; font-size: 18px; letter-spacing: 0.2em; margin: 0 auto 50px; } 
.evCon1 .tit_wrap .badge { position: absolute; top: 0px; left: 0; } 
.evCon1 .tit_wrap .badge.ver240717 { left:40px; } 
.evCon1 .con { display: flex; flex-direction: row; justify-content: center; margin: 0 0 57px; align-items: center; } 
.evCon1 .con li:nth-child(2) { display: flex; justify-content: center; align-items: center; gap: 20px; margin: 0 20px; } 
.evCon1 .btm_tit { color: #fff; line-height: 1.5; } 
.evCon1 .btm_tit strong { display:block } 
.evCon1 .btn { display: block; width: 80%; max-width: 460px; font-weight: bold; font-size: 22px; color: #fff; background: #000; border-radius: 40px; padding: 24px 0; margin: 0 auto; } 

/* evCon2 */
.evCon2 .tiny_noti { position: absolute; top: -120px; right: 0; } 
.evCon2 .con_box .tiny_noti { position: relative; bottom: unset; right: unset; top: unset; } 

@keyframes load { 
 from { transform: rotate(0deg); } 
 to { transform: rotate(360deg); } 
 }

.evCon2 .con_tit + .mini_tit { margin: -30px 0 60px; } 
.evCon2 .btm_msg { font-size: 34px; color: #ccc; } 
.evCon2 .interview_wrap { flex-wrap: wrap; gap: 30px; } 
.evCon2 .interview_wrap li { flex-basis: calc(33.33% - 20px); } 
.evCon2 .interview_wrap li a::after { content: ''; position: absolute; top: 50%; left: 50%; width: 66px; height: 66px; margin: -33px 0 0 -33px; z-index: 1; background: url(https://img.megagong.net/m/2023/0114_sobangcam/interview_icon.png) center center no-repeat; background-size: contain; } 
.evCon2 .interview_wrap li a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } 
.evCon2 .interview_wrap li a { display: block; position: relative; } 
/* evCon3 */
.evSection.evCon3 { background: #08131F url(https://image.megagong.net/m/2025/0512_sbcampus/con_img22.png) no-repeat center 0; color: #fff; } 
.evCon3 .tea_wrap { display: flex; justify-content: center; align-items: flex-start; align-content: flex-start; gap: 0px 40px; flex-wrap: wrap; margin: 0 0 55px; } 
.curri_wrap { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; gap: 0; border-radius: 10px; overflow: hidden; } 
.curri_wrap .year_section { display: flex; flex-direction: column; width: calc(100% - 180px); color: #000; background: #fff; } 
.curri_wrap .year_section + .year_section { width: 180px; border-left: 1px solid #C2C2C2; } 
.curri_wrap .month { display: flex; align-items: center; justify-content: center; background: #EAEAEA; color: #000; padding: 13px 0; font-weight: bold; margin: 0 0 20px; } 
.curri_wrap .year { background: #333; padding: 13px 5px; text-align: center; font-weight: bold; color: #fff; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } 
.curri_wrap .row { display: flex; flex-direction: row; flex-wrap: wrap; } 
.curri_wrap .cell { flex: 1; text-align: center; padding: 0 0 122px; } 
.curri_wrap .cell + .cell { border-left: 1px solid #C2C2C2; } 
.curri_wrap .cell small { display: block; margin-top: 2px; font-size: 12px; color: #555; } 
.curri_wrap .arrow_box { background: linear-gradient(271deg, #0082FF 12.69%, #67B4FF 87.92%); color: white; padding: 20px; text-align: center; font-weight: bold; width: 94%; position: absolute; bottom: 32px; left: 3%; } 
.curri_wrap .arrow_box::before { content:''; width: 0; position: absolute; bottom: -12px; right: 100%; height: 0; border-top: 45px transparent solid; border-bottom: 45px transparent solid; border-right: 30px #67B4FF solid; } 
.curri_wrap .arrow_box::after { content:''; width: 0; position: absolute; bottom: -12px; left: 100%; height: 0; border-top: 45px transparent solid; border-bottom: 45px transparent solid; border-left: 30px var(--point-color2) solid; } 


/* evCon4 */
.evSection.evCon4 { background: #D4EAFF; padding-bottom: 100px; } 
.evCon4 .mock_wrap { display: flex; flex-direction: row; align-items: center; margin: -30px 0 0; padding: 66px 0 80px 40px; } 
.evCon4 dl { text-align: left; } 
.evCon4 dt { font-weight: bold; margin: 0 0 35px; } 
.evCon4 dd { position: relative; padding: 0 0 0 34px; margin: 0 0 15px; line-height: 1.5; } 
.evCon4 dd img { position: absolute; top: 3px; left: 0; width: auto; } 
.evCon4 dd:last-child { color: var(--point-color2); padding: 0; font-weight: bold; margin: 55px 0 0; } 
.evCon4 dl + p { } 
.evCon4 .mock_wrap .paper { margin: 0 0 0 0; position: absolute; top: 0; right: -110px; } 


.evSection.evCon5 { background: #EBF5FF; } 
.evCon5 .tiny_tit { margin: -25px 0 45px; } 
.evCon5 h5 { margin: 0 0 30px; } 

.evCon5 .video_wrap { justify-content: center; gap: 30px; margin: 0 auto 50px; } 
.evCon5 .video_wrap li a { display: block; } 
.evSection .comment_wrap { border: 1px solid #e1e7f0; border-radius: 10px; background: #fff; margin: 0 0 50px; } 
.evCon5.evCon5_1 .comment_wrap { margin:0; } 
.evSection .comment_wrap .item { display: flex; gap: 25px; align-items: flex-start; flex-direction: column; position: relative; padding: 60px 0 60px 330px; text-align: left; } 
.evSection .comment_wrap .item i { flex-shrink: 0; position: absolute; top: 50%; left: 110px; transform: translateY(-50%); } 
.evSection .comment_wrap .item .point { line-height: 1.3; font-weight: bold; color: #000; } 
.evSection .comment_wrap .item p { line-height: 1.6; color: #696969; font-weight: normal; } 
.evSection .comment_wrap .item p br { display: block; content: ""; margin-bottom: 5px; } 


/* °­Á¶ ¹®±¸ ½ºÅ¸ÀÏ */
.evSection .comment_wrap .item p strong,
.evSection .comment_wrap .item p b { color: #0076ff; font-weight: 700; } 

.evCon5 .compar { margin: 0 auto 70px; } 
.evCon5 .compar .tit { position: relative; margin: 0 auto 40px; z-index: 1; display: none; } 
.evCon5 .compar .tit::before { content: ''; position: absolute; width: 100%; height: 50%; top: 50%; left: 0; border: 1px solid #000; border-bottom: none; z-index: -1; } 
.evCon5 .compar .tit span { display: inline-block; font-weight: bold; font-size: 30px; padding: 0 40px; background: #fdf1da; } 
.evCon5 .compar ul { display: flex; justify-content: center; align-items: flex-end; gap: 140px; } 
.evCon5 .compar ul li { position: relative; } 
.evCon5 .compar ul li + li::before { content: ''; position: absolute; width: 76px; height: 70px; top: 50%; left: -70px; transform: translate(-50%, -50%); background: url(https://image.megagong.net/m/2025/0512_sbcampus/con_img17.png) no-repeat; } 
.eventWrap .campus_slick { display: none; } 
.eventWrap .campus_slick.slick-initialized { display: block; } 

.eventWrap .campus_roll { /* min-height: 15vw; */margin: 0 0 60px; } 
.eventWrap .campus_roll .campus_slick .item { margin: 0 10px; } 
.evSection.evCon5_1 { background: #fff; } 
.evCon5_1 .graph_wrap { margin: 55px 0 100px; } 
.evSection.evCon5_2 { background: #F0F0F0; } 
.evCon5_2 .campus_roll { margin: 0; } 


/* evCon6 */
.evCon6 { background: #EBF5FF; } 
.evCon6 .con_tit .badge { position: relative; display: block; font-style: normal; font-weight: bold; font-size: 14px; color: #fff; background: #000; width: 70%; max-width: 260px; padding: 10px 0; border-radius: 20px; margin: 0 auto 20px; } 
.evCon6 .con_tit .badge::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #000; } 
.evCon6 .con_tit .badge.on { background: #ff4646; } 
.evCon6 .con_tit .badge.on::before { border-top-color: #ff4646; } 
.evCon6 .con_tit.ver240717 { margin: 0; } 
.evCon6 .con_tit.ver240717 .badge { position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(100% - 5px); margin: 0; background: #fbd584; color: #000; width: 160px; height: 33px; padding: 8px 0; font-weight: 700; } 
.evCon6 .con_tit.ver240717 .badge.on { background: #fbd584; } 
.evCon6 .con_tit.ver240717 .badge::before { border-top-color: #fbd584; } 
.evCon6 .con_tit.ver240717 .badge.on::before { border-top-color: #fbd584; } 

.evCon6 .con_tit .sub_tit { font-size: 24px; color: #000; } 
.evCon6 .con_tit .sub_tit.sub_tit2 { color: #ff4646; text-decoration: underline; } 
.evCon6 .con_tit .sub_tit b { font-weight: 500; color: #ff4646; } 
.evCon6 .con_tit h4 + .sub_tit { margin-top: 5px; } 
.evCon6 .class_wrap:not(:last-of-type) { margin: 0 auto 80px; } 
.evCon6 .class_wrap .class_tit { position: relative; margin: 0 auto 40px; z-index: 1; } 
.evCon6 .class_wrap .class_tit::before { content: ''; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; background: #000; z-index: -1; } 
.evCon6 .class_wrap .class_tit span { display: block; font-weight: 500; font-size: 24px; color: #fff; background: #000; width: 60%; max-width: 360px; border-radius: 50px; padding: 8px 0; margin: 0 auto; } 
.evCon6 .class_wrap .class_tit span b { font-weight: 500; color: #fbd584; } 
.evCon6 .course_wrap { gap: 20px; justify-content: space-between; display: flex; flex-direction: row; flex-wrap: wrap; } 
.evCon6 .course_wrap .course { /* flex: 1; */position: relative; width: 100%; display: flex; flex-direction: row; gap: 20px; flex-wrap: wrap; justify-content: space-between; } 
.evCon6 .course_wrap .course .course_tit { font-weight: bold; font-size: 20px; color: #fff; padding: 16px 0; } 
.evCon6 .course_wrap .course .group_wrap { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; gap: 20px; } 
.evCon6 .course_wrap .course .item_wrap { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; background: #fff; flex: 1; border-radius: 13px; overflow: hidden; padding: 0 0 40px; } 
.evCon6 .course_wrap .course .dimm_wrap { width: calc(100% + 30px); height: calc(100% + 30px); border-radius: 18px; background: #000000cf; flex-shrink: 0; position: absolute; top: -15px; left: -15px; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 1; } 
.evCon6 .course_wrap .course .dimm_wrap img { position: absolute; top:46px; left:66px; max-width: 140px; width: 40%; } 
.evCon6 .course_wrap .course .dimm_wrap p { color: #FFF; text-align: center; font-style: normal; font-weight: 500; line-height: 1.4; /* 140% */display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px; } 
.evCon6 .course_wrap .course .dimm_wrap p strong { color: #FF6060; text-align: center; display: block; font-style: normal; font-weight: 700; line-height: 1; /* 50% */letter-spacing: -1.2px; } 
.evCon6 .course_wrap .course .item_wrap .item_tit { flex-basis: 100%; background: #535EDF; color: #fff; padding: 13px 0; font-weight: bold; margin: 0 0 30px; } 
.evCon6 .course_wrap .course .item_wrap + .item_wrap .item_tit { background: #3586E3; } 
.evCon6 .course_wrap .course .item_wrap .item_tit span { display: block; width: fit-content; font-size: 13px; padding: 0 5px; margin: 0 auto; } 
.evCon6 .course_wrap .course .item_wrap .item_tit span b { display: block; font-weight: bold; font-size: 16px; } 
.evCon6 .course_wrap .course .item_wrap .type { width: 100%; margin: 0 0 20px; font-weight: bold; } 
.evCon6 .course_wrap .course .item_wrap .type small { display: block; opacity: 0.6; font-weight: 400; } 
.evCon6 .course_wrap .course .item_wrap .item { position: relative; flex: 1; background: #fff; border: 1px solid #ddd; overflow: hidden; border-radius: 13px; margin: 0 30px; display: flex; flex-direction: column; } 
.evCon6 .course_wrap .course .item_wrap .item .badge { position: absolute; top: 0; left: 0; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; font-style: normal; font-size: 16px; color: #fff; background: #ff4646; line-height: 1.2; border-radius: 0px 0px 10px 0px; background: #FF4343; width: 56px; height: 56px; flex-shrink: 0; } 
.evCon6 .course_wrap .course .item_wrap .item .tit { font-weight: bold; font-size: 18px; margin: 16px auto 5px; } 
.evCon6 .course_wrap .course .item_wrap .item .price { font-weight: bold; font-size: 40px; margin: 0 auto 25px; } 
.evCon6 .course_wrap .course .item_wrap .item .before { text-decoration: line-through; color: #c7c7c7; font-size: 20px; font-weight: normal; } 
.evCon6 .course_wrap .course .item_wrap .item .btn a { display: block; font-weight: bold; color: #fff; background: #2B2B2B; padding: 19px 0; width: 100%; font-size: 18px; } 
.evCon6 .course1 .course_tit { background: var(--color-gold); } 
.evCon6 .course2 .course_tit { background: #d76a6a; } 
.evCon6 .course_wrap .course.course1 .item_wrap .item_tit span { background: #fef8ec; } 
.evCon6 .course_wrap .course.course2 .item_wrap .item_tit span { background: #ffecec; } 
.evCon6 .course_wrap .course .item_wrap .item .tit.color1 { color: var(--color-gold); } 
.evCon6 .course_wrap .course .item_wrap .item .tit.color2 { color: #e66a6a; } 
.evCon6 .class_wrap.col2 { display:flex; justify-content:space-between; flex-direction: column; } 
.evCon6 .class_wrap.col2 .class_tit::before { display:none; } 
.evCon6 .class_wrap.col2 .class_tit span { padding:8px 40px; width:auto; max-width:initial; display:inline-block; } 

.evCon6 .box_msg { font-weight: 700; font-size: 22px; color: #fff; background: #333; padding: 22px 0; } 
.evCon6 .box_msg b { color: #fbd584; } 

.evCon6 .course_wrap .course.course1.dim { position: relative; } 
.evCon6 .course_wrap .course.course1.dim::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); background-image: url(https://image.megagong.net/m/2024/0819_sobang/evt_end.png); background-repeat: no-repeat; background-position: 50% 50%; z-index: 1; } 
.evCon6 .course_wrap .course.dim .item_wrap .item .price,
.evCon6 .course_wrap .course.dim .item_wrap .item .before { filter:blur(5px) } 

/* S: [ws] ¼ö°­½Åû ¿µ¿ª µðÀÚÀÎ º¯°æ */
.evCon6 { background: #000 url(https://image.megagong.net/m/2025/0304_sobangcampus/con6_bg.jpg) no-repeat; } 
.evCon6 .con_tit { /* color: #fff; */margin: 0 0 40px; } 
.evCon6 .con_tit .sub_tit { /* color: #fff; */ } 
.evCon6 .badge_h { display: flex; width: 158px; aspect-ratio: 1/1; flex-direction: column; justify-content: center; align-items: center; gap: 10px; position: absolute; right: 0; top: 20px; border-radius: 100%; background: #000; color: #fff; } 
.evCon6 .badge_h.on { background: #FF4343; } 
.evCon6 .line_tit { margin-top: 60px; width: 100%; } 
.evCon6 .line_tit.circle span { padding: 13px 32px; } 
.evCon6 .line_tit.circle span b { font-weight: bold; } 
.evCon6 .course1 .course_tit { background: #ffb41f; } 
.evCon6 .course2 .course_tit { background: #ff3838; } 
.evCon6 .course .item_wrap .item { display: flex; } 
.evCon6 .course .item .price_wrap { flex: 1; padding: 25px 0 0; text-align: center; } 
.evCon6 .course .item .price_wrap .price { margin: 0 auto; } 
.evCon6 .course .item_wrap .item .btn a { width: 135px; height: 100%; display: flex; justify-content: center; align-items: center; } 
/* E: [ws] ¼ö°­½Åû ¿µ¿ª µðÀÚÀÎ º¯°æ */

/* evCon7 */
.evCon7 .master_tit { margin: 0 auto 60px; } 
.evCon7 .master_tit .top { position: relative; width: 100%; height: 100px; background: url(https://image.megagong.net/m/2024/0229_sobangcampus/master_tit.png) no-repeat; background-position-x: 50%; background-size: 100px auto; margin: 0 auto 30px; z-index: 1; } 
.evCon7 .master_tit .top::before { content: ''; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; background: #000; z-index: -1; } 
.evCon7_3 .master_tit .top { background-position-y: -200px; } 
.evCon7 .master_tit h5 { font-weight: normal; font-size: 34px; line-height: 1.2; } 
.evCon7 .master_tit .sub_tit { font-size: 20px; color: var(--color-red); margin: 20px auto 0; } 



/* evCon7_3 */
.evCon7_3 { padding: 150px 0 30px; background: #EBF5FF; } 
.evCon7_3 .tab_base { border-bottom: 1px solid #777; margin: 0 0 70px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; width: 1080px; margin: 0 auto 70px; } 
.evCon7_3 .tab_base li { text-align:center; flex:1; } 
.evCon7_3 .tab_base li a, .evCon7_3 .tab_base .swiper-slide a { position:relative; transition:all 0.2s; line-height:1; text-align:center; font-weight: normal; color: #777; padding: 20px 0; display: block; } 
.evCon7_3 .tab_base.type-1 li a::after, .evCon7_3 .tab_base .swiper-slide a::after { content:''; display:block; width:100%; height:1px; background-color:transparent; position:absolute; left:0; bottom:0; transition:background-color 0.2s; } 
.evCon7_3 .tab_base.type-1 li.on a, .evCon7_3 .tab_base .swiper-slide.on a { color:#000; } 
.evCon7_3 .tab_base.type-1 li.on a::after, .evCon7_3 .tab_base .swiper-slide.on a::after { height:4px; background-color:#000; } 
.evCon7_3 .tab_base li.on a { color: #000; } 
.evCon7_3 .tab_base li.on a::before { content: ''; position: absolute; bottom:0; left:0; width:100%; height: 3px; background: #000; } 
.evCon7_3 .tab_base li b { display: block; margin: 8px 0 0; font-weight: bold; } 
.evCon7_3 .panel_base li .tab_tit { font-weight: bold; font-size: 24px; } 
.evCon7_3 .panel_base li .tab_tit span { display: block; color: var(--color-gold); } 
.evCon7_3 .panel_base li.tab1 .tab_tit { margin: 0 auto 80px; } 
.evCon7_3 .panel_base li.tab2 .tab_tit { margin: 0 auto 160px; } 
.evCon7_3 .panel_base li.tab3 .tab_tit { margin: 0 auto 40px; } 
.evCon7_3 .panel_base li.tab4 .tab_tit { margin: 0 auto 60px; } 
.evCon7_3 .panel_base li.tab1 .cont { position: relative; } 
.evCon7_3 .panel_base li.tab1 .txt { text-align: left; margin-left: 40px; padding: 0 0 13px; } 
.evCon7_3 .panel_base li.tab1 .txt ul { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; flex-wrap: wrap; } 
.evCon7_3 .panel_base li.tab1 .txt li { display: flex; flex-direction: row; flex-wrap: wrap; gap: 40px; align-items: center; } 
.evCon7_3 .panel_base li.tab1 .txt li strong { display: flex; width: 140px; color: #fff; height: 140px; padding: 62px 25px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; border-radius: 100%; } 
.evCon7_3 .panel_base li.tab1 .txt li:nth-child(1) strong { background: var(--point-color2); } 
.evCon7_3 .panel_base li.tab1 .txt li:nth-child(2) strong { background:#FF6363 } 
.evCon7_3 .panel_base li.tab1 .txt li:nth-child(3) strong { background:#29A75D } 
.evCon7_3 .panel_base li.tab1 .txt li div { display: flex; flex-direction: column; gap: 15px; } 
.evCon7_3 .panel_base li.tab1 .txt li div p { position: relative; padding: 0 0 0 32px; } 
.evCon7_3 .panel_base li.tab1 .txt li div p img { position: absolute; top: 3px; left:0; width: auto; } 
.evCon7_3 .panel_base li.tab1 .txt li div p .evt_con_base { display: block; } 
.evCon7_3 .panel_base li.tab1 .img { position: absolute; bottom: 0; right: 40px; } 
.evCon7_3 .panel_base li.tab2 .cont { display: flex; gap: 30px; align-items: start; justify-content: space-between; margin: 0 -73px; } 
.evCon7_3 .panel_base li.tab2 .cont .tiny_noti { text-align: right; opacity: 0.6; font-size: 16px; } 
.evCon7_3 .panel_base li.tab3 .txt { display: flex; gap: 60px; margin: 0 -62px 70px; } 
.evCon7_3 .panel_base li.tab3 p.tit { font-weight: bold; margin: 0 0 70px; } 
.evCon7_3 .panel_base li.tab3 p.tit img { display: block; margin: 0 0 15px; } 
.evCon7_3 .panel_base li.tab3 .campus_slick { } 
.evCon7_3 .comment_wrap { margin-top:80px; margin-bottom: 0; } 

.evSection.evCon8 { background: #0a1521 url(https://image.megagong.net/m/2025/0512_sbcampus/con_img31.png) no-repeat center 0; color:#fff; background-size: cover; } 
.evCon8 .curri_wrap .year_section { width: 100%; } 
.evCon8 .curri_wrap .year+.year { border-left: 1px solid #C2C2C2; } 
.evCon8 .curri_wrap .row { /* gap: 1px; */
background: #333333; } 
.evCon8 .curri_wrap .row .year { flex: 1; background: #404040; } 
.evCon8 .curri_wrap .row .year:nth-child(1) { flex: 0.8; } 
.evCon8 .curri_wrap .row .cell { padding: 15px 5px; border-bottom: 1px solid #C2C2C2; background: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; } 
.evCon8 .curri_wrap .row.point .cell { background:#EBF5FF } 
.evCon8 .curri_wrap .cell small { opacity:0.7 } 
.evCon8 .curri_wrap .row .cell:nth-child(1) { flex: 0.8; } 



.evSection.evCon6 { background: #D4EAFF } 

/* 240805 Ãß°¡ */
.banner_new { background: #1d1366; } 
.banner_new.evSection { padding: 0; } 
.eventWrap .banner_new .inner { width: 1200px; margin: auto; width: 96%; padding: 0px; } 

/* 241118 Ãß°¡ */
.evCon6 .course_wrap .course.new_ver { height: 569px; } 
.evCon6 .course_wrap .course.new_ver .item_tag { font-weight: 600; color: #fff; display: inline-block; border-radius: 50px; padding: 3px 29px; } 
.evCon6 .course_wrap .course.new_ver .item_tag.color1 { background: #d7b36a; } 
.evCon6 .course_wrap .course.new_ver .item_tag.color2 { background: #e66a6a; } 
.evCon6 .course_wrap .course.new_ver .item_wrap .item { padding: 23px 0 0; } 
.evCon6 .course_wrap .course.new_ver .item_wrap .item .tit { margin: 6px auto 2px; } 
.evCon6 .course_wrap .course.new_ver .item_wrap .item .price_wrap { display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 25px; } 
.evCon6 .course_wrap .course.new_ver .item_wrap .item .price { margin: 0; } 
.evCon6 .btn_wrap { display: flex; align-items: center; gap: 20px; justify-content: center; flex-direction: row; margin: 0; } 
.evCon6 .btn_wrap a { display: flex; width: 367px; padding: 26px 0; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; color: #000; text-align: center; background: #fff; border: 2px solid #000; font-weight: 700; line-height: 1; border-radius: 50px; } 




.eventWrap .campus_roll .campus_slick { overflow: hidden; } 
.evCon7_3 #panel1 {
    height: 65vw;
}

@media screen and (max-width: 1900px) {
    .evCon7_3 #panel1 {
    height: 80vw;
}
}

@media screen and (max-width: 1600px) {
    .evCon7_3 #panel1 {
    height: 106vw;
}
}



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

 .eventWrap .evSection { padding: 15% 0; } 
 .eventWrap img { width:100% } 

 .evSection .con_tit { margin: 0 0 7%; } 

 .eventWrap .sliderWrap .sliderArrow a { max-width:6% } 
 .eventWrap .sliderWrap .slick-slide img { width: 100%; } 
 .evSection .mini_tit + .con_tit { margin: 2% 0 7%; } 


 /* fixBnr */

 /* beltBnr */
 .fixBnr { bottom: 70px; font-size: clamp(13px, 2.8vw, 18px); padding: 15px 0; } 
 .fixBnr .point { top:-40px; padding:5px 20px } 
 .fixBnr .point::before { border-top-width:5px } 


 .evSection .con_tit img { width: clamp(100px, 18vmin,180px); } 
 .evSection .mini_radius { padding: 10px 15px; margin: 0 0 10px; } 
 /* evCon1 */
 .evSection.evCon1 { background-size: cover; padding-top: 7%; } 
 .evSection.evCon1 .tiny_noti { position: relative; top: unset; right: unset; text-align: center; } 
 .evCon1 .tit_wrap { margin: 0 auto 3%; } 
 .evCon1 .tit_wrap .top_tit1 { margin: 0 auto 6%; width: 80%; max-width: 420px; } 
 .evCon1 .tit_wrap .top_tit1::after { bottom: -3vw; transform: translateY(50%); height: 3vw; } 
 .evCon1 h3 { margin: 0 auto 6%; width: 90%; max-width: 720px; } 
 .evCon1 .tit_wrap .top_tit2 { font-size: clamp(14px, 3vw, 22px); margin: 0 auto 3%; } 
 .evCon1 .tit_wrap .badge { top: 0; left: 0; max-width: 18%; } 
 .evCon1 .tit_wrap .badge.ver240717 { left: 3%; } 
 .evCon1 .con { margin: 0 0 5%; gap: 1vw; } 
 .evCon1 .con li { flex: 1; } 
 .evCon1 .con li:nth-child(2) { gap: 0; margin: 0; padding: 0; justify-content: space-between; } 
 .evCon1 .con li i { display: none; } 
 .evCon1 .btm_tit { margin: 0 auto 2%; } 
 .evCon1 .btn { font-size: clamp(16px, 3.2vw, 22px); padding: 2vw 0; } 

 /* evCon2 */
 .evCon2 .con_tit + .mini_tit { margin: 0 0 7%; } 
 .evCon2 .con_tit { margin: 0 auto 3%; } 
 .evCon2 .con_tit .load_ani { top: -5vw; right: 0; width: 10%; } 
 .evCon2 .btm_msg { font-size: clamp(16px, 3.2vw, 34px); } 
 .evCon2 .interview_wrap { gap: 1vw; margin: 0 auto 4%; } 
 .evCon2 .interview_wrap li { flex-basis: calc(33% - 0.5vw); } 
 .evCon2 .interview_wrap li img { width: 100%; } 
 .evCon2 .interview_wrap li { flex-basis: calc(33% - 0.5vw); } 
 .evCon2 .interview_wrap li a::after { width: clamp(35px,8vmin,66px); height: clamp(35px,8vmin,66px); margin: 0 auto; transform: translate(-50%, -50%); } 


 /* evCon3 */
 .evSection.evCon3 { background-size: cover; background-color: #141e29; background-image: none; } 
 .evCon3 .tea_wrap { gap: 0 2vw; margin: 0 0 5%; } 
 .evCon3 .tea_wrap li { width: calc(33.3% - 2vw); } 
 .curri_wrap { flex-direction: column; padding: 0 0 0 31vw; position: relative; border-radius: 0; overflow: visible; } 
 .curri_wrap .year_section { width: 100%; } 
 .curri_wrap .year_section + .year_section { width: 100%; } 
 .curri_wrap .month { margin: 0 0 15px; } 
 .curri_wrap .cell { padding: 0 0 20px; } 
 .curri_wrap .arrow_box { background: linear-gradient(1deg, #0082FF 12.69%, #141e29 87.92%); color: white; padding: 20px; text-align: center; font-weight: bold; width: 94%; position: absolute; bottom: 32px; left: 3%; bottom: unset; left: 0; top: 0; width: 28vw; height: 100%; display: flex; align-items: center; justify-content: center; } 
 .curri_wrap .arrow_box::before { bottom: unset; border-bottom: 6vw #67B4FF solid; border-left: 6vw transparent solid; border-right: 6vw transparent solid; right: unset; top: 0; left: 0; display: none; } 
 .curri_wrap .arrow_box::after { bottom: unset; border-top: 5vw #0082ff solid; border-left: 14vw #141e29 solid; border-right: 14vw #141e29 solid; right: unset; left: 0; top: 100%; } 

 /* evCon4 */
 .evCon4 .pie { margin: 0 auto 4%; } 
 .evCon4 .pie .mid { width: 16vw; height: 16vw; font-size: clamp(14px, 3.2vw, 30px); } 
 .evCon4 .btm_msg { font-size: clamp(13px, 2.6vw, 22px); } 
 .evCon4 .btm_msg strong { font-size: clamp(16px, 3.2vw, 34px); } 
 .evCon4 .btm_msg + .tiny_noti { margin: 3% auto 0; } 
 .evCon4 .mock_wrap { margin: 0; padding: 0; display: flex; flex-direction: column-reverse; } 
 .evCon4 dl { text-align: left; text-align: center; display: flex; flex-direction: column; align-items: center; } 
 .evCon4 dt { font-weight: bold; margin: 0 0 35px; } 
 .evCon4 dd { padding: 0 0 0 23px; margin: 0 0 7px; } 
 .evCon4 dd img { width: 16px; position: relative; top: unset; left: unset; display: inline-block; margin: -3px 3px 0 0; } 
 .evCon7_3 .panel_base li.tab1 .txt li div p img { width: 17px; /* position: relative; */
 margin: -2px 3px 0 0; } 
 .evCon4 dd:last-child { margin: 20px 0 0; } 
 .evCon4 dl + p { } 
 .evCon4 .mock_wrap .paper { position: relative; top: unset; right: unset; } 

 .evCon5 .tiny_tit { margin: 0 0 5%; } 
 .evCon5 h5 { margin: 0 0 5%; } 
 .evCon5 .video_wrap { gap: 2vw; margin: 0 auto 8%; } 
 .evCon5 .compar { margin: 0 auto 6%; } 
 .evCon5 .compar .tit { margin: 0 auto 4%; } 
 .evCon5 .compar .tit span { font-size: clamp(14px, 2.8vw, 30px); padding: 0 3vw; } 
 .evCon5 .compar ul { gap: 10vw; } 
 .evCon5 .compar ul li + li::before { left: -5vw; width: 6vw; background-size: contain; background-position: 50% 50%; } 
 .evSection .comment_wrap { margin: 0 0 5%; overflow: hidden; } 
 .evCon5.evCon5_1 .comment_wrap { margin:0; } 
 .evCon5_1 .graph_wrap { margin: 0 0 7%; } 
 .evSection .comment_wrap .item { gap: 3vw; padding: 5% 10px 5% 180px; } 
 .evSection .comment_wrap .item i { top: 0; left: 0px; height: 100%; display: flex; justify-content: center; width: 170px; align-items: center; transform: none; } 
 .evSection .comment_wrap .item p { line-height: 1.3; } 
 .evSection .comment_wrap .item p br { display: block; content: ""; margin-bottom: 5px; } 

 /* evCon6 */
 .evCon6 .badge_h { top: -40px; width: 110px; } 

 .evCon6 .con_tit .badge { padding: 0.5vw 0; margin: 0 auto 2%; } 
 .evCon6 .con_tit .sub_tit { font-size: clamp(16px, 3.2vw, 24px); line-height: 1.2; } 
 .evCon6 .class_wrap:not(:last-of-type) { margin: 0 auto 8%; } 
 .evCon6 .class_wrap .class_tit { margin: 0 auto 4%; } 
 .evCon6 .class_wrap .class_tit span { font-size: clamp(14px, 2.8vw, 24px); padding: 1vw 0; } 
 .evCon6 .course_wrap { gap: 1vw; } 
 .evCon6 .line_tit { margin: 3% 0 0; } 
 .evCon6 .course_wrap .course .course_tit { font-size: clamp(14px, 2.8vw, 20px); padding: 1.5vw 0; } 
 .evCon6 .course_wrap .course .item_wrap { padding: 0 0 20px; } 
 .evCon6 .course_wrap .course .item_wrap .item { margin: 0 20px; } 
 .evCon6 .course_wrap .course .item_wrap .item .badge { width: auto; height: auto; padding: 3px 10px; font-size: clamp(13px, 2.1vmin,16px); aspect-ratio: auto; right: unset; } 
 .evCon6 .course_wrap .course .item_wrap .item .badge br { display: none; } 

 .evCon6 .course_wrap .course .item_wrap .item .tit { margin: 2vw auto 1vw; } 
 .evCon6 .course_wrap .course .item_wrap .item .price { margin: 0 auto 0; font-size: clamp(18px, 3.6vmin,32px); } 
 .evCon6 .course_wrap .course .item_wrap .item .before { font-size: clamp(14px, 2.6vmin,22px); } 
 .evCon6 .course_wrap .course .item_wrap .item .btn a { padding: 3vw 0; font-size: clamp(14px, 2.3vmin,18px); } 
 .evCon6 .class_wrap.col2 { gap:0 10px; } 
 .evCon6 .class_wrap.col2 .class_tit span { font-size: clamp(14px, 2.4vw, 20px); } 
 .evCon6 .box_msg { font-size: clamp(14px, 2.4vmin, 22px); padding: 2vmin 0; } 
 .evCon6 .course_wrap .course .group_wrap { gap: 10px; } 
 .evCon6 .course_wrap .course .item_wrap { } 
 .evCon6 .course_wrap .course .dimm_wrap { width: 100%; height: 100%; left: 0; top: 0; } 
 .evCon6 .course_wrap .course .dimm_wrap p { } 
 .evCon6 .course_wrap .course .dimm_wrap p strong { } 

 /* S: [ws] ¼ö°­½Åû ¿µ¿ª µðÀÚÀÎ º¯°æ */
 .evCon6 { background-size: auto 100%; } 
 .evCon6 .course .course_tit { padding: 1vmin 0; } 
 .evCon6 .course .item .price_wrap { padding: 25px 6vmin 25px; } 
 .evCon6 .course .item .price_wrap .price { margin: 0 auto; } 
 /* E: [ws] ¼ö°­½Åû ¿µ¿ª µðÀÚÀÎ º¯°æ */

 /* evCon7 */
 .evCon7 .master_tit { margin: 0 auto 6%; } 
 .evCon7 .master_tit .top { margin: 0 auto 2%; } 
 .evCon7 .master_tit h5 { font-size: clamp(16px, 3.2vw, 34px); } 
 .evCon7 .master_tit .sub_tit { font-size: clamp(13px, 2vmin, 20px); margin: 2% auto 0; } 




 /* evCon7_3 */
 .evCon7_3 { padding: 12% 0 3%; } 
 .evCon7_3 .tab_base { margin: 0 auto 6%; width: 96%; } 
 .evCon7_3 .tab_base li a { padding: 3vw 0; } 
 .evCon7_3 .panel_base li .tab_tit { font-size: clamp(14px, 2.8vw, 24px); margin: 0 auto 6% !important; } 
 .evCon7_3 .panel_base li.tab1 .txt { margin: 0; } 
 .evCon7_3 .panel_base li.tab1 .txt li { gap: 20px; } 
 .evCon7_3 .panel_base li.tab1 .txt li strong { width: 100px; height: 100px; padding: 0; } 
 .evCon7_3 .panel_base li.tab1 .txt li div { gap: 10px; } 
 .evCon7_3 .panel_base li.tab1 .img { right: 0; width: 30%; max-width: 200px; } 
 .evCon7_3 .panel_base li.tab2 .cont { justify-content: center; margin: 0; } 
 .evCon7_3 .panel_base li.tab3 .txt { margin: 0 0 5%; gap: 1vw; } 
 .evCon7_3 .panel_base li.tab3 .txt img { width:calc(25% - 1vw) } 
 .evCon7_3 .panel_base li.tab3 p.tit { margin:0 0 5% } 
.evCon7_3 .panel_base li.tab2 .cont .tiny_noti { font-size: 13px; } 
 
 .eventWrap .campus_roll .campus_slick .item { margin: 0 0.5vw; } 
 .evCon7_3 .comment_wrap { margin: 5% 0 0; } 
 .evCon7_3 .campus_roll { margin: 0 0 5%; } 

 .evCon6 .course_wrap .course.new_ver { height: 58.6vw; } 
 .evCon6 .course_wrap .course.new_ver .item_wrap .item { padding: 5% 0 0; } 
 .evCon6 .course_wrap .course.new_ver .item_wrap .item .price_wrap { margin-bottom: 5%; } 

 .evCon8 .curri_wrap { padding: 0; } 
 .evCon6 .btn_wrap { gap:10px } 
 .evCon6 .btn_wrap a { padding: 15px 0px; width: calc(50% - 10px); } 

 /* 251002 */
.evCon7_3 #panel1 {height: 100vw; } 


 }


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

 .evCon6 .course_wrap .course.new_ver { height: 66vw; } 

 .evCon6 .course .item_wrap .item { flex-direction: column; } 
 .evCon6 .course .item .price_wrap { text-align: center; } 
 .evCon6 .course .item_wrap .item .btn a { width: 100%; } 


.evCon7_3 #panel1 { height: 113vw; } 

 .evCon7_3 .campus_roll {        height: 30vw; overflow: hidden;}
}


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

 .eventWrap .tiny_noti { font-size: 12px; } 
 .evCon7_3 .panel_base li.tab2 .cont .tiny_noti { text-align:center } 


 .evCon2 .passBox .pass_sd .slick-slide { margin-bottom: 2%; } 
 .evCon2 .passBox .pass_sd .slick-slide span { width: 25%; font-size: 13px; } 
 .evCon2 .interview_wrap li,
 .evCon2 .interview_wrap li { flex-basis: calc(50% - 0.5vw); } 
 .curri_wrap { flex-direction: column; align-items: stretch; } 
 .curri_wrap .arrow_box { padding: 30px 5px 0; } 
 .curri_wrap .year_section { order: initial; } 

 .evCon5 .compar ul { gap: 0; flex-direction: column; align-items: center; } 
 .evCon5 .compar ul li { width: 100%; max-width: 460px; } 
 .evCon5 .compar ul li + li::before { left: unset; position: relative; width: auto; display: block; transform: none; top: unset; height: 40px; display: block; margin: 15px 0; } 

 .evCon6 .course_wrap { flex-wrap: wrap; gap: 3vw; } 
 .evCon6 .course_wrap .course { flex-basis: 100%; gap: 10px; } 
 .evCon6 .class_wrap.col2 { display:block; } 
 .evCon6 .class_wrap.col2 > div { width:100%; margin-top: 6%; } 
 .evCon6 .class_wrap.col2 .class_tit span b { display:block; } 

 .evCon6 .course_wrap .course.course1.dim::before { background-size: 26% auto; } 

 .evCon7 .master_tit .top { height: 12vw; background-size: 12vw auto; } 
 .evCon7_3 .master_tit .top { background-position-y: -24vw; } 

 .evCon7_3 .tab_base li a { font-size: 13px; } 
 .evCon7_3 .tab_base li b { font-size: 15px; line-height: 1.3; } 
 .evCon7_3 .panel_base li.tab4 .campus_img::after { width: 30px; height: 30px; font-size: 26px; } 
 .evCon7_3 .panel_base li.tab1 .txt { margin: 0; } 
 .evCon7_3 .panel_base li.tab1 .txt ul { gap: 20px; } 
 .evCon7_3 .panel_base li.tab1 .txt li { gap: 10px; } 
 .evCon7_3 .panel_base li.tab1 .txt li strong { width: 90px; height: 90px; } 
 .evCon7_3 .panel_base li.tab1 .txt li div { flex: 1; } 
 .evCon7_3 .panel_base li.tab1 .img { right: 0; width: 50%; max-width: 190px; position: relative; right: unset; bottom: unset; margin: 0 auto 5%; display: none; } 
 .evCon7_3 .panel_base li.tab2 .cont { justify-content: center; margin: 0; } 
 .evCon7_3 .panel_base li.tab3 .txt { flex-wrap: wrap; gap: 2vw; margin: 0 9% 5%; } 
 .evCon7_3 .panel_base li.tab3 .txt img { width: 48%; padding: 1% 2%; } 
 .evCon7_3 .panel_base li.tab3 p.tit { margin:0 0 5% } 

 .eventWrap .campus_roll .campus_slick .item { margin: 0 0.5vw; } 
 .evCon7_3 .comment_wrap { margin: 5% 0 0; } 
 .evCon7_3 .campus_roll { margin: 0 0 5%; } 


 .eventWrap .campus_roll .campus_slick { height: 30vw; /* background: red; */ } 
 .eventWrap .campus_roll .campus_slick .item { width: 40vmin; margin: 0 1vw; } 
 .evSection .comment_wrap .item i { width: 90px; align-items: flex-start; padding: 30px 0 0; } 
 .evSection .comment_wrap .item { padding-left: 110px; } 

 .eventWrap .banner_new .inner { width: 100%; } 

 .evCon6 .course_wrap .course.new_ver { height: inherit; } 
 .evCon6 .course_wrap .course.new_ver .item_wrap .item { padding: 4% 0 0; } 
 .evCon6 .course_wrap .course.new_ver .item_wrap .item .price_wrap { margin-bottom: 4%; } 

 .evCon6 .course_wrap .course .item_wrap { padding-bottom:0 } 
 .evCon6 .course_wrap .course .item_wrap .item_tit { margin: 0 0 15px; } 
 .evCon6 .course_wrap .course .item_wrap .item { margin: 0; border-radius: 0; } 
 
 .evCon6 .course_wrap .course .group_wrap { } 
 .evCon6 .course_wrap .course .item_wrap { } 
 .evCon6 .course_wrap .course .dimm_wrap img { } 
 .evCon6 .course_wrap .course .dimm_wrap { } 
 .evCon6 .course_wrap .course .dimm_wrap p { } 
 .evCon6 .course_wrap .course .dimm_wrap p strong { } 

 .eventWrap .evCon2 .tiny_noti { top: -12%; } 

.evCon7_3 #panel1  { height: 169vw; } 
 }
@media screen and (max-width: 576px) {
 .fixBnr { bottom: 55px; } 
 .evCon1 .tit_wrap .top_tit1 { font-size: 14px; padding: 13% 0 0; } 
 .evCon1 .tit_wrap .top_tit2 { letter-spacing: 0.05em; } 

 .evCon2 .con_tit .load_ani { top: 0; } 
 .evCon2 .passBox .tit b { padding: 0 2px; } 
 .evCon2 .passBox .pass_sd .slick-slide span { font-size: 11px; } 

 .evCon6 .course_wrap .course .item_wrap .item_tit span { font-size: 12px; } 
 .evCon6 .course_wrap .course .item_wrap .item_tit span b { font-size: 14px; } 
 .evCon6 .course_wrap .course .item_wrap .item .tit { font-size: 16px; } 
 .evCon6 .course_wrap .course .item_wrap .item .price { font-size: 22px; } 
 
 .evCon6 .course_wrap .course .group_wrap { } 
 .evCon6 .course_wrap .course .item_wrap { } 
 .evCon6 .course_wrap .course .dimm_wrap { padding: 20px 0 0; } 
 .evCon6 .course_wrap .course .dimm_wrap p { gap: 10px; } 
 .evCon6 .course_wrap .course .dimm_wrap p strong { } 
 .evCon6 .course_wrap .course .dimm_wrap img { width: 23%; left: 5%; top: 5%; } 

 .evCon7_3 .panel_base li.tab4 .ban { flex-wrap: wrap; padding: 0 15%; } 
 .evCon7_3 .panel_base li.tab4 .ban li { flex-basis: calc(50% - 0.5vw); } 
 .evCon7_3 .panel_base li.tab4 .campus_img::after { width: 22px; height: 22px; font-size: 19px; } 

 .curri_wrap { padding:0 } 
 .curri_wrap .arrow_box { position: relative; bottom: unset; left: unset; top: unset; width: 100%; height: auto; padding: 35px 0 15px; } 
 .curri_wrap .arrow_box::after { display: none; } 
 .evCon8 .curri_wrap .row .cell { padding:7px 3px } 
 .evCon6 .badge_h { width:90px; line-height: 1.2; } 
 .evSection .comment_wrap .item p br { display: none; } 

 .fixBnr .point { top:-30px; } 

.evCon7_3 #panel1 { height: 210vw; } 
 }