@charset "euc-kr"; /* settings */
.eventWrap .evSection { background-size: auto 100%; } 
.eventWrap .evSection .lecture { max-width:1000px; margin:0 auto } 
.eventWrap .evSection.fff, .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 } 

.evSection:not(.evtoggleWarning,.evCon1) { padding: 150px 0; } 

/* text style */ 
.con_tit { margin-bottom: 85px; line-height: 1.2; } 
.con_tit h4 { font-size: 40px; } 

.con_tit .top_txt { font-size: 20px; margin-bottom: 25px; color: #333; } 
.con_tit .sub_txt { margin-top: 15px; font-size: 24px; } 

/* 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; } 

/* tab */
.tab_base { display: flex; } 
.tab_base li { flex: 1; } 

/* contents */
.evCon1 { background: #a9b7b7 url(https://image.megagong.net/m/2024/0624_exhibi/main_bg.jpg) no-repeat center; padding: 80px 0 135px; } 
.evCon1 .top_title span { font-size: 16px; background: rgba(255,255,255,.6); border-radius: 30px; padding: 10px 35px; display: block; width: fit-content; margin: 0 auto; } 
.evCon1 .top_title p { margin: 35px auto; font-size: 24px; color: #fff; letter-spacing: .9rem; } 
.evCon1 .sub_title { padding: 0; font-size: 22px; font-weight: normal; margin: 55px auto 100px; line-height: 1.4; } 
.evCon1 .btn_box { margin-top: 70px; } 

.evCon2 { background-color: #f7f7f7; } 
.evCon2 .con_tit h4 strong { color: #1f5257; } 
.evCon2 .bottom_txt { background: #008b9b; color: #fff; border-radius: 50px; padding: 33px 0; font-size: 24px; margin-bottom: 140px; } 
.evCon2 .bottom_txt strong { color:#faf4ab } 

.evCon2 .bottom_txt + .con_tit { margin-bottom: 70px; } 
.evCon2 .example_box { background: #fff; border-radius: 45px; overflow: hidden; } 
.evCon2 .example_box ul { align-items: stretch; } 
.evCon2 .example_box ul li { flex: 1; height: 785px; position: relative; display: flex; flex-direction: column; justify-content: space-between; } 
.evCon2 .example_box ul li div { height: 648px; padding: 60px 0 0; } 
.evCon2 .example_box ul li:first-child div { border-right: 1px solid; } 
.evCon2 .example_box ul li div > p { margin-bottom: 10px; font-size: 18px; color: #666; } 
.evCon2 .example_box ul li .last { background: #008a99; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 137px; } 
.evCon2 .example_box ul li:first-child .last { border-right: 1px solid #4eacb7; } 
.evCon2 .example_box ul li .last strong { display: block; color: #faf4ab; font-size: 24px; } 
.evCon2 .example_box ul li .last span { font-size: 18px; color: #fff; } 

.evCon3 { background-color: #266c72; } 
.evCon4 { background-color: #f7f7f7; } 

.evCon5 { background-color: #fff; } 
.evCon5 .tab_base li a { background: #f5f5f5; color: #979797; display: block; padding: 11px 0; border-bottom: 3px solid #000; } 
.evCon5 .tab_base li a span { font-size: 13px; } 
.evCon5 .tab_base li a b { display: block; font-size: 20px; } 
.evCon5 .tab_base li.on a { background: #fff; border: 3px solid #000; border-bottom: 0; color: #195156; } 
.evCon5 .panel_base { padding-top: 75px; } 

.evCon6 { background-color: #e7f5f6; } 
.evCon6 .bottom_txt { font-size: 20px; margin-top: 70px; } 
.evCon6 .bottom_txt strong { color: #1f5257; font-size: 30px; margin-top: 15px; display: block; } 
.evCon7 { background-color: #266c72; } 
.evCon7 .tiny_noti {max-width: 1030px;opacity: .6;} 

.evCon8 { background-color: #c2dcdd; } 
.evCon8 .event_book .tab li.on a { background: #1f5257; } 
.evCon8 .event_book .tab--teacher > li.full_teacher_btn > div { background:#1f5257; } 

@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: 7%; } 
    .con_tit h4 { font-size: clamp(19px,5vmin,40px); margin: 0 auto; } 
    .con_tit .sub_txt { font-size: clamp(15px,2.4vmin,24px); margin-top: 3% } 
    .con_tit .top_txt { margin-bottom: 1%; font-size: clamp(15px,3vmin,26px); } 

    /* contents */
    .evCon1 { padding: 10% 0 15%; } 
    .evCon1 .top_title span { font-size: clamp(13px,2.5vmin,16px); } 
    .evCon1 .top_title p { margin: 5% auto; font-size: clamp(15px,3.5vmin,24px); } 
    .evCon1 .sub_title { font-size: clamp(14px,3.2vmin,22px); margin: 6% auto 10%; } 
    .evCon1 .btn_box { margin: 10% 10% 0; } 

    .evCon2 .img_box img { max-width: 170%; margin: 0 -35%; } 
    .evCon2 .bottom_txt { font-size: clamp(15px,3.4vmin,24px); padding: clamp(12px,3vmin,33px) 0; margin-bottom: 10%; } 
    .evCon2 .example_box ul li { height: auto; } 
    .evCon2 .example_box ul li div { height: auto; padding: 7% 3%; } 
    .evCon2 .example_box ul li div > p { font-size: clamp(14px,2.8vmin,18px); } 
    .evCon2 .example_box ul li .last { /* height: auto; */padding: 4% 3%; } 
    .evCon2 .example_box ul li .last strong { font-size: clamp(14px,3.4vmin,24px); } 
    .evCon2 .example_box ul li .last span { font-size: clamp(12px,2.8vmin,18px); } 

    .evCon5 .tab_base li a { font-size: clamp(16px, 2.5vmin, 24px); height: clamp(45px, 7vmin, 70px); padding: 0; display: flex; flex-direction: column; height: clamp(80px,12vmin,100px); align-items: center; justify-content: center; } 
    .evCon5 .tab_base li a span { font-size: clamp(10px,2vmin,13px); } 
    .evCon5 .tab_base li a b { font-size: clamp(11px,2vmin,20px); } 
    .evCon5 .panel_base { padding-top: 10%; } 
    .evCon5 .panel_base li { overflow: hidden; border-radius: 20px; } 
    .evCon5 .panel_base li img { max-width: 122%; margin: 0 -11%; } 
    .evCon6 .bottom_txt { font-size: clamp(15px,3vmin,20px); margin-top: 10%; } 
    .evCon6 .bottom_txt strong { font-size: clamp(20px,4vmin,30px); margin-top: 2%; } 

    .evCon8 .btn_box { margin: 10% 10% 0; } 
}
@media screen and (max-width: 768px) { 
    [class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] button.mfp-close { width: clamp(25px, 4vmin,36px); height: clamp(25px, 4vmin,36px); top: min(-30px,-5.1vmin); background-size: contain; } 
    .evCon2 .example_box { background: none; } 
    .evCon2 .example_box ul { flex-direction: column; gap: 20px; } 
    .evCon2 .example_box ul li { box-shadow: 10px 5px 10px rgb(205 198 198 / 90%); border-radius: 30px; overflow: hidden; margin: 10px 20px; } 
    .evCon2 .example_box ul li div { padding: 7% 0 2%; background: #fff; } 
    .evCon2 .example_box ul li:first-child div,.evCon2 .example_box ul li:first-child .last { border: 0; } 
    .evCon2 .example_box ul li img { width: min(500px,80%); } 
    .evCon2 .example_box ul li .last { gap: 5px; height: auto; } 
}