@charset "euc-kr"; 
@keyframes fadeIn { 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
}
@keyframes fadeInBg { 
    0% { opacity: 0; background: transparent; } 
    100% { opacity: 1; background: #00000090; } 
}
@keyframes fadeInTxt { 
    0% { opacity: 0; transform:scale(0); } 
    100% { opacity: 1; transform:scale(1); } 
}
.eventWrap .f00 { color:#f00 } 
.eventWrap .tiny_noti { opacity: 0.4; font-size: 14px; line-height: 1.6; } 
.evSection:not(.main,.evtoggleWarning) { padding: 145px 0; } 
.lecture { color:#000 !important } 


/* swiper */
.swiper_common_wrap { position: relative; } 
.swiper_common_wrap .swiper_common.swiper-initialized { position: relative; overflow: hidden; } 
.swiper_common_wrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 15px; z-index: 2; } 
.swiper_common_wrap .swiper-pagination-bullet { background: #797a89; opacity: 1; width: 12px; height: 12px; transition: all .5s ease; } 
.swiper_common_wrap .swiper-pagination-bullet-active { border-radius: 30px; width: 30px; background: linear-gradient(to right, #10a7f3 0%, #16d0af 100%); } 
[class*="swiper-button-"]:after { font-size: 0; } 
[class*="swiper-button-"].swiper-button-disabled { opacity: 1; } 
.swiper_common_wrap .arrow { position: absolute; top: 50%; transform: translate(0, calc(-50%)); left: -10px; z-index: 2; background: url('https://image.megagong.net/m/2024/0522_shin242/arrow.png') no-repeat center; width: 40px; height: 40px; background-size: contain; } 
.swiper_common_wrap .arrow.swiper-button-next { transform: rotate(180deg) translate(0, calc(50%)); left: auto; right: -10px; } 

/* fix_menu */
.fix_menu { display: none; background: #191919; z-index: 11; position: relative; width: 100%; bottom: 0; transition: all 3s ease; } 
.fix_menu.on { position: fixed; top:0; bottom:auto } 
.fix_menu ul { max-width: 1080px; margin: 0 auto; display:flex; justify-content:space-between; align-items: center; color: #fff; position: relative; cursor: pointer; z-index: 5; } 
.fix_menu ul li { flex: 1; } 
.fix_menu ul li a { font-size: 16px; display: flex; height: 100px; flex-direction: column; align-items: center; justify-content: center; position: relative; } 
.fix_menu ul li:not(:last-child) a::before { content:""; display: block; width: 1px; height: 50%; background: #fff; opacity: 0.3; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.fix_menu ul li a span { opacity: .5; font-weight: 100; } 
.fix_menu ul li a b { font-size: 20px; opacity: 1; } 
.fix_menu ul li.event a { color: #ffff39; } 
.fix_menu ul li.event a span { opacity:1 } 
.fix_menu.on ul li i {top: 5px;right: -30px;} 
.fix_menu ul li i { position: absolute; top: -40px; right: 0; } 
.fix_menu ul li i.end { top:50%; transform: translateY(-50%); } 
.fix_menu ul li.last{position: relative;}
.fix_menu ul li.last a { color:#fd354d; }
.fix_menu ul li.last a span { opacity:1 } 

/* main */
.main > * { transition: all 1s ease; } 
.main .main_box { position: relative; height: 1000px; background: linear-gradient(to bottom, #FF384E 0%, #000 100%); } 

.main .main_box .img { position: relative; } 
.main .main_box .intro { color: #fff; position: absolute; width: 100%; height: 100%; display: none; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: fadeIn 2s forwards; background-position: center 0; background-size: auto 100%; background-repeat: no-repeat;} 
.main .main_box .intro .mid_txt { position: absolute; left: 50%; transform: translate(-50%, 0); width: 100%; bottom: 220px; height: 340px; display: flex; align-items: center; justify-content: center; } 
.main .main_box .intro .mid_txt p { font-size: 100px; } 

.main .main_box .intro.on { animation: fadeIn 2s forwards; display: block; } 
.main .main_box .intro.on .mid_txt { background: #000; animation: fadeInBg 3s forwards; } 
.main .main_box .intro.on .mid_txt p { animation: fadeInTxt 1s forwards; } 

.main .main_box .intro p { font-weight: 100; line-height: 1.2; } 
.main .main_box .intro p strong { font-weight: 900; color: #ff384e; } 
.main .main_box .intro p strong sup { font-size: 50px; } 
.main .main_box .intro .tiny_noti { position: absolute; left: 50%; margin-left: 300px; } 
.main .main_box .intro:nth-child(1) { z-index: 1; background-image: url('https://image.megagong.net/m/2024/0522_shin242/main1.jpg'); } 
.main .main_box .intro:nth-child(2) { z-index: 2; background-image: url('https://image.megagong.net/m/2024/0522_shin242/main2.jpg'); } 
.main .main_box .intro:nth-child(2) .tiny_noti { bottom: 20px; } 
.main .main_box .intro:nth-child(3) { z-index: 3; background-image: url('https://image.megagong.net/m/2024/0522_shin242/main3.jpg'); } 
.main .main_box .intro:nth-child(3) .mid_txt { bottom: 340px; } 
.main .main_box:has(.intro:nth-child(4).on) { height: 900px; } 
.main .main_box .intro:nth-child(4) { z-index: 4; background-image: url('https://image.megagong.net/m/2024/0522_shin242/main4.jpg'); } 
.main .main_box .intro .center_txt .sub { position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 375px; z-index: 2; width: 100%; } 
.main .main_box .intro .center_txt .main img {position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);margin-left: -70px;} 
.main .main_box .intro .center_txt .main a {position: absolute;bottom: 100px;font-size: 0;left: 50%;margin-left: 556px;width: 36px;height: 35px;border-radius: 50%;/*background: #ff000085;*/} 
.main .main_box .intro:nth-child(4) .tiny_noti { top: 20px; } 

/* text title */
.con_tit { margin-bottom: 30px; } 
.con_tit .top_txt { font-size: 22px; margin-bottom: 15px; } 
.con_tit h4 { font-size: 42px; font-weight: 900; margin: 0 -100px; line-height: 1.3; } 
.con_tit h4 span { color: #fd394e; } 
.con_tit .sub_txt { margin-top: 25px; font-weight: 300; font-size: 20px; opacity: .6; } 

.circle_txt { position: relative; margin-bottom: 30px; } 
.circle_txt::before { content: ''; display: block; width: 100%; height: 1%; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.circle_txt span { position: relative; padding: 11px 0; background: #fff; border-radius: 30px; font-size: 20px; display: block; font-weight: 700; width: 500px; margin: 0 auto; } 

.circle_txt.gradi span { background: linear-gradient(to right, #f12f47 0%, #c92032 50%, #a70f20 100%); color: #fff; } 
.circle_txt.gradi:before { background: #999; } 

/* btn */
.btn_box { display: flex; justify-content: center; align-items: center; } 

/* evCon1 */
.evCon1 { background: #f2f2f2 url('https://image.megagong.net/m/2024/0522_shin242/con1_bg.jpg') no-repeat center; } 
.evCon1 .flex { justify-content: center; gap: 50px; position: relative; margin: 0 auto 50px; max-width: 1000px; } 
.evCon1 .flex:before { content:''; display:block; position: absolute; left: 50%; top: 50%; background: red; height: 1px; width: 3000px; transform: translate(-50%, -50%); } 
.evCon1 .flex li { position: relative; } 

/* evCon2 */
.evCon2 .flex { flex-wrap: wrap; gap: 15px; margin-bottom: 5px; } 
.evCon2 .flex li { flex: 1 1 calc(33.3333% - 20px); } 

/* evCon3 */
.evCon3 { background: #fd394e; } 
.evCon3 h4 span { color:#fff } 
.evCon3 section:not(:last-child) { margin-bottom: 80px; } 
.evCon3 .con_box { max-width: 1000px; margin: 0 auto; } 
.evCon3 .lab {justify-content: center;gap: 9px;} 
.evCon3 .lab li p { margin-top: 15px; font-size: 20px; } 
.evCon3 .circle_txt { margin-bottom: 20px; } 
.evCon3 .circle_txt span { color: #fd394e; } 
.evCon3 .swiper_test .swiper-slide div { display: flex; gap: 5px; justify-content: center; flex-wrap: nowrap; align-items: center; } 
.evCon3 .swiper_test .swiper-slide div img { width: calc(50% - 5px); } 
.evCon3 .swiper_test .swiper-slide .bottom_txt { background: black; color: #fff; border-radius: 30px; padding: 16px 0; font-size: 20px; margin-top: 8px; } 
.evCon3 .swiper_test .swiper-slide .bottom_txt a { font-size: 12px; border-radius: 30px; background: #f83d4c; padding: 3px 10px; margin-left: 10px; } 

/* evCon4 */
.evCon4 { background: #f2f2f2; } 
.evCon4 section:not(:last-child) { margin-bottom: 70px; } 
.evCon4 .tbl th { width: 15%; border-bottom: 1px solid #fff; } 
.evCon4 .tbl tr:nth-of-type(1) th { background: #ffd7dc; } 
.evCon4 .tbl tr:nth-of-type(2) th { background: #feb0ba; } 
.evCon4 .tbl tr:nth-of-type(3) th { background: #ff7686; } 
.evCon4 .tbl tr:nth-of-type(4) th { background: #fd394e; color: #fff; } 
.evCon4 .tbl tr:nth-of-type(8) th { background: #ce1f32; color: #fff; } 
.evCon4 .tbl tr:nth-of-type(9) th { background: #98001b; color: #fff; } 
.evCon4 .tbl td { background: #fff; color: #1a1a1a; } 
.evCon4 .tbl td b { display: block; } 
.evCon4 section:last-child .circle_txt span { background: #f2f2f2; color: #000; } 
.evCon4 section:last-child .circle_txt.gradi:before { height: 50%; top: auto; background: transparent; border: 1px solid; border-width: 1px 1px 0; bottom: 0; transform: translateY(0); } 

/* evCon5 */
.evCon5 section:not(:last-child) { margin-bottom: 80px; } 
.evCon5 .flex { justify-content: center; gap: 60px; } 
.evCon5 .flex li { background: #f2f2f2; padding: 30px 0; display: flex; align-items: center; justify-content: center; border-radius: 10px; flex-direction: column; position: relative; flex: 1; font-size: 18px; } 
.evCon5 .flex li:not(:last-child):before { content:'\00D7'; display:block; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); font-weight: 900; } 

/* evCon6 */
.evCon6 { background: #f2f2f2; } 
.evCon6 .book { margin: 0 0 30px -50px; } 
.evCon6 .flex { justify-content: center; gap: 20px; } 
.evCon6 .flex li { cursor: pointer; box-shadow: 0px 0px 7px #c7c7c7; flex: 1; border-radius: 10px; height: 165px; position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 10px; font-weight: 700; font-size: 18px; } 
.evCon6 .flex li span { position: absolute; right: 25px; bottom: 15px; } 

/* event */
.event { position: relative; } 
.event .d8d { color:#8d8d8d } 
.event .con_tit > div { color: #fff; opacity: 1; } 
.event .con_tit h4 > img { margin-bottom: 45px; } 
.event .btn_box { gap:20px } 
.event .con_tit .end::after { background: #fff; } 
.event .book { margin: 55px auto 75px; } 
.event .con_tit h4 span { color: #eef22e; } 

.event1 { background: #98001b; color: #fff; } 
.event1 .con_box { max-width: 1000px; margin: 0 auto; } 
.event1 .circle_txt span { background: #98001b; border-radius: 0; display: inline-block; padding: 0 20px; font-size: 24px; } 
.event1 .circle_txt::before { height: 50%; background: none; border: 1px solid; border-width: 1px 1px 0; top: auto; transform: translateY(0); bottom: 0; } 
.event1 .container_info { background: #a42a38; } 

.event2 { background: #7a0317; color: #fff; } 
.event2 .con_tit { margin-bottom: 50px; } 
.event2 .con_tit .top_txt { color: #ff6375; } 
.event2 .con_tit .top_txt span { color: #fff; } 
.event2 .container_info { padding: 40px 0; background: #8a2430; position: relative; color: #fff; margin-bottom: 80px; } 
.event2 .container_info:before { content:''; display:block; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 3000px; height: 100%; background: #84232f; } 
.event2 .container_info.ver_circle .info .info_title { background: #fff; color: #7a0317; } 

#event3 .con_box{max-width:1080px;}
#event3 .con_tit .top_txt { color: #ff6375; } 
#event3 .con_tit .top_txt span { color: #fff; margin-bottom:10px; display:block;} 
#event3 .con_tit strong.line{text-decoration: underline;}
#event3 .container_info{background-color: #a51f2f;position: relative;padding:40px 0;}
#event3 .container_info::before,
#event3 .container_info::after{content:'';display:block;width:1000px;height:100%;background-color: #a51f2f;position: absolute;top:0;}
#event3 .container_info::before{left:-1000px;}
#event3 .container_info::after{right:-1000px;}
#event3 .container_info.ver_circle .info .info_title{color:#7b000f;background-color:#fff;}
#event3 .container_info.ver_circle .info .info_date{color:#fff;}

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


@media screen and (max-width: 1200px){
    .eventWrap .tiny_noti { font-size: clamp(11px,1.5vmin,14px); } 
    .evSection:not(.main,.evtoggleWarning) { padding: 15% 0; } 

    .con_tit { margin-bottom: 7% } 
    .con_tit h4 { font-size: clamp(20px,4.2vmin,42px); margin: 0 auto; } 
    .con_tit .top_txt { font-size: clamp(15px,2.5vmin,22px); margin-bottom: 1%; } 
    .circle_txt { margin-bottom: clamp(10px,3vmin,30px); } 
    .circle_txt span { font-size: clamp(14px,2.5vmin,20px); padding: 1% 3%; width: fit-content; border-radius: clamp(3px,3vmin,30px); } 

    /* main */
    .main .main_box { height: clamp(300px,80vmin,1000px); } 
    .main .main_box .intro .mid_txt { height: auto; bottom: 20%; padding: 5% 0; } 
    .main .main_box .intro .mid_txt p { font-size: clamp(28px,7vmin,100px); } 
    .main .main_box .intro p strong sup { font-size: clamp(20px,5vmin,50px); } 
    .main .main_box .intro .tiny_noti { left: auto; right: 10px; margin: 0; } 
    .main .main_box .intro:nth-child(3) .mid_txt { bottom: 40%; } 
    .main .main_box:has(.intro:nth-child(4).on) { height: 68vw; } 
    .main .main_box .intro .center_txt .sub { bottom: 42%; } 
    .main .main_box .intro .center_txt .main { margin: 0; } 
    .main .main_box .intro .center_txt .main a {right: 1.5%;left: auto;margin: 0;bottom: 12%;width: 6vmin;height: 6vmin;}; .main .main_box .intro .center_txt .main img { margin-left: -4%; } 
    .main .main_box .intro .center_txt .main img{margin-left: -4%;max-width: 105%;}

    /* fix_menu */
    .fix_menu ul li a { font-size: clamp(14px,2vmin,16px); } 
    .fix_menu ul li a b { font-size: clamp(18px,2.5vmin,20px); } 
    .fix_menu ul li i.txt { right: auto; left: 50%; transform: translateX(-50%); font-style: normal; background: #f33149; border-radius: 5px; width: 115px; top: 5px; } 

    .evCon1 .flex { gap:10px } 
    .evCon2 .flex { gap: 5px 3px; } 
    .evCon2 .flex li { flex: 1 1 calc(33.3333% - 5px); } 

    .evCon3 section:not(:last-child),.evCon5 section:not(:last-child) { margin-bottom: 10%; } 
    .evCon3 .lab li p { font-size: clamp(14px,2vmin,20px); } 
    .evCon3 .swiper_test_wrap { margin: 0 auto; } 
    .evCon3 .swiper_test { width: 100%; } 
    .evCon3 .swiper-slide div { gap: 5px; } 
    .evCon3 .swiper-slide div img { width: calc(50% - 5px); } 

    .evCon5 .flex li { font-size: clamp(13px,2vmin,18px); padding: min(30px,8%) 0; } 
    .evCon6 .flex li { font-size: clamp(13px,2vmin,18px); } 
    .evCon6 .flex li span { right: 10px; } 
    .evCon6 .book img { width: 70%; } 

    .event .con_tit > img { width: 25%; } 
    .event .book { margin: 7% auto 10%; } 
    .event1 .circle_txt span { font-size: clamp(16px,2.5vmin,24px); padding: 0 3%; } 
    .event2 .con_tit{margin-bottom: 7%;}
    .event2 .container_gift_wrap { margin-top: 10%; } 
    .event2 .container_info { padding: 5% 0; margin-bottom: 10%; } 
}
@media screen and (max-width: 768px) { 
    .main .main_box .intro .center_txt .main a{right: 1%;bottom: 10%;width: 4vmin;height: 4vmin;}
    .main .main_box .intro:nth-child(4) .tiny_noti { top: clamp(5px,2vmin,20px); } 
    .main .main_box:has(.intro:nth-child(4).on) { height: 75vw; } 
    .main .main_box .intro .center_txt .sub {bottom: 39%;} 

    .fix_menu ul { flex-wrap: wrap; } 
    .fix_menu ul li { flex: none; width: 50%; } 
    .fix_menu ul li.last{width:100%;}
    .fix_menu ul li:nth-child(2) a::before { content: none; } 
    .fix_menu ul li a { font-size: clamp(12px,2vmin,16px); height: auto; padding: clamp(5px,1vmin,10px) 0; } 
    .fix_menu ul li a b { font-size: clamp(15px,2.5vmin,20px); } 
    .fix_menu ul li i.end { right: clamp(0px,1vmin,10px); width: min(20%, 60px); } 
    .fix_menu ul li i.txt { position: relative; font-size: 11px; font-weight: 700; } 

    .swiper_common_wrap .arrow { max-width: 7%; left: -5px; } 
    .swiper_common_wrap .arrow.swiper-button-next { right:-5px } 

    .evCon1 .flex { flex-wrap: wrap; gap: 0 15px; } 
    .evCon1 .flex:before { content:none } 
    .evCon1 .flex li { width: 46%; } 
    .evCon1 .flex li:first-child { margin: 0 27%; } 

    .evCon2 .flex li { flex: 1 1 calc(50% - 5px); } 

    .evCon3 .lab {flex-direction: column;gap: 3px;} 
    .evCon3 .lab li {display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 10px;height: clamp(120px,25vmin,240px);width: min(90%,450px);margin: 0 auto;} 
    .evCon3 .lab li img {max-width: 130%;} 
    .evCon3 .lab li p { text-align: left; flex: 1; margin: 0; } 

    .evCon3 .swiper_test .swiper-slide div { flex-direction: column; } 
    .evCon3 .swiper_test .swiper-slide div img { width: max(70%,360px); } 
    .evCon3 .swiper_test .swiper-slide .bottom_txt { padding: 8px 5px; font-size: clamp(14px,2.5vmin,20px); margin-top: 5%; border-radius: clamp(5px,3vmin,30px); } 
    .evCon3 .swiper_test .swiper-slide .bottom_txt a { font-size: clamp(10px,1.5vmin,12px); border-radius: clamp(10px,3vmin,30px); padding: 1px 10px; } 
    .evCon4 .tbl th { width: 20%; } 

    .evCon5 .flex { gap: clamp(10px,3vmin,30px); } 
    .evCon5 .flex li:not(:last-child):before { right: clamp(-10px,-3vmin,-30px); } 

    .evCon6 .flex { flex-wrap: wrap; width: min(100%,500px); margin: 0 auto; gap: 10px; } 
    .evCon6 .flex li { font-size: clamp(13px,2vmin,18px); width: 100%; flex: none; height: auto; padding: min(20px,4%); gap: clamp(5px,1vmin,15px); flex-direction: row; justify-content: flex-start; } 
    .evCon6 .flex li i { max-width: 6%; } 
    .evCon6 .flex li p br { display: none; } 
    .evCon6 .flex li span { right: 10px; max-width: 6%; bottom: 10px; } 

    .event .btn_box { gap: 5px; width: max(345px,80%); margin: 0 auto; } 
    .event .btn_box a { overflow: hidden; border-radius: 5px; background: #000; } 
    .event .btn_box a img { max-width: 150%; margin-left: -25%; } 
    [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;}

}
@media screen and (max-width: 576px){
    .evCon2 .flex li { overflow: hidden; border: 1px solid #ddd; border-radius: 10px; } 
    .evCon2 .flex li img { max-width: 110%; margin-left: -5%; } 
    .evCon4 .tbl tr:nth-of-type(5) th { background: #fd394e; color: #fff; } 
    .evCon4 .tbl tr.show-576 { display:table-row !important } 
}