@charset "euc-kr";


.flt_inner.renewal li { margin-top: 8px; } 
.con_tit .end::after { background: #ca0d66; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit { color: #2f2f2f; font-size: 40px; } 
.con_tit .tiny { display: block; font-size: 30px; line-height: 1.3; margin-top: 3px; } 
.con_txt { font-size: 23px; color: #525050; font-weight: 200; line-height: 1.3; } 
.sub_tit { background: #2a2a2a; color: #fff; font-size: 20px; border-radius: 100px; } 
.fc_pink { color: #ff0078; } 
.fc_yell { color: #ffc000; } 
.vodchr_banner { margin-bottom: 0; } 

.video_con { display: flex; justify-content: center; gap: 55px; } 
.video_con li { background: #fff; border-radius: 100%; width: 245px; height: 245px; display: flex; justify-content: center; align-content: center; flex-wrap: wrap; box-shadow: 0 0 20px 0px rgba(0,0,0,2%); } 
.video_con li .num { width: 100%; background: #f60777; color: #fff; font-size: 14px; width: 38px; line-height: 38px; border-radius: 100%; margin: 0 auto 16px; } 
.video_con li .txt { width: 100%; font-size: 17px; } 

.evCon1 { background: #121210 url('https://image.megagong.net/m/2024/0305_pt1969/con1_bg.jpg'); padding: 95px 0 0; } 
.evCon1 .txt { position: absolute; left: 50%; transform: translateX(-50%); } 
.evCon1 h3 { position: relative; margin: 0 0 0 -131px; } 
.evCon1 h3 .con1toggle { position: absolute; top: 48%; left: 56%; transform: translate(-50%, 0); padding: 10px 50px; color: #fff; font-size: 20px; font-weight: bold; background-color: #7e00ff; border-radius: 40px; } 
.evCon1 h3 .con1toggle.on { color: #222222; background-color: #bb72ff; } 
.evCon1 .home { position: absolute; display: block; bottom: 90px; left: 50%; transform: translateX(-50%); } 

.evCon2 { background: #f3f3f3; padding: 150px 0 100px; } 
.evCon2 .con_txt { margin: 23px 0 55px; } 
.evCon2 .sub_tit { width: 608px; margin: 0 auto; line-height: 64px; } 
.evCon2 ul { margin: 58px 0 0; display: flex; flex-wrap: wrap; gap: 22px; justify-content: center; } 
.evCon2 ul li { background: #fff; width: 345px; height: 182px; border-radius: 20px; display: flex; justify-content: center; align-content: center; flex-wrap: wrap; font-size: 17px; } 
.evCon2 ul li .step { width: 100%; background: #f60777; color: #fff; width: 100px; line-height: 38px; border-radius: 100px; margin: 0 auto 15px; } 
.evCon2 ul li .txt { width: 100%; } 

.evCon3 { background: #f3f3f3; position: relative; padding: 90px 0 160px; } 
.evCon3::before { content:''; background: #ebebeb; width: 100vw; height: 40%; position: absolute; left: 0; top: 0; } 
.evCon3 .tab_base { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 60px; border-bottom: 3px solid #f60777; } 
.evCon3 .tab_base li { flex: 1; height: 70px; color: #b3b3b3; font-size: 20px; font-weight: bold; background-color: #d9d9d9; border-radius: 20px 20px 0 0; } 
.evCon3 .tab_base li.on { color: #fff; background-color: #f60777; } 
.evCon3 .tab_base li a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.evCon3 .eventVideo { margin: 30px 0; } 

.evCon4 { background: #d60868; padding: 160px 0; } 
.evCon4 .con_tit { color: #fff; } 
.evCon4 .con_txt { color: #eec8da; margin: 20px 0 55px; } 
.evCon4 .tab_base { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 60px; border-bottom: 3px solid #5e002a; } 
.evCon4 .tab_base li { flex: 1; height: 70px; color: #950146; font-size: 20px; font-weight: bold; background-color: #c0015a; border-radius: 20px 20px 0 0; } 
.evCon4 .tab_base li.on { color: #fff; background-color: #5e002a; } 
.evCon4 .tab_base li a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.evCon4 .eventVideo { margin: 30px 0 50px; } 

.evCon5 { background: #303030; padding: 150px 0 160px; } 
.evCon5 .con_tit { color: #fff; margin: 0 0 50px; } 
.evCon5 .con5_roll .swiper-wrapper { flex-wrap: wrap; gap: 31px; } 
.evCon5 .con5_roll .swiper-slide { width: 339px; } 

.evCon6 { background: #f3f3f3; padding: 150px 0 160px; } 
.evCon6 .con_tit { margin: 0 0 54px; } 
.evCon6 .sub_tit { width: 750px; line-height: 70px; margin: 0 auto 40px; } 
.evCon6 .lecture +.sub_tit { margin: 82px auto 40px; } 

.evCon7 { background: #a2004c; padding: 160px 0; } 
.evCon7 .con_txt { font-size: 22px; color: #fff; font-weight: 100; line-height: 1.4; margin: 25px 0 45px; } 
.evCon7 .con_txt .tiny { display: block; font-size: 20px; color: #ff7cb9; font-weight: 200; margin-top: 15px; } 
.evCon7 .btn { display: inline-block; background: #202020; color: #fff; border-radius: 7px; width: 457px; line-height: 80px; font-size: 20px; } 
.evCon7 .btn i { display: inline-block; position: relative; top: -2px; margin-left: 16px; } 
.evCon7 .schedule { margin: 50px 0 76px; border: solid #b53370; border-width: 1px 0; display: flex; justify-content: center; gap: 70px; padding: 35px 0; } 
.evCon7 .schedule li { font-size: 18px; color: #edcadc; } 
.evCon7 .schedule li strong { color: #fff; background: #6c0033; display: inline-block; border-radius: 100px; width: 136px; line-height: 40px; margin-right: 12px; text-align: center; } 
.evCon7 .schedule li .tiny_noti { font-size: 15px; font-weight: 200; } 
.evCon7 .gift { display: flex; gap: 36px; justify-content: center; } 

.warningList li ul li a { color: #a2004c; border-bottom: 1px solid; padding: 0 0 5px; margin: 0 0; } 

.event1 { background: #a2004c; padding: 160px 0; } 
.event1 .con_tit .end::after { background: #e1076d; } 
.event1 .con_txt { font-size: 22px; color: #fff; font-weight: 100; line-height: 1.4; margin: 25px 0 45px; } 
.event1 .container_info { max-width: 700px; margin: 0 auto; margin-bottom: 70px; color: #fff; background-color: #580028; } 
.event1 .lecture_title { width: 100%; padding: 20px 0; color: #fff; font-size: 20px; font-weight: bold; border-radius: 20px 20px 0 0; background-color: #c70c64; border-bottom: 1px solid #000000; } 
.event1 .lecture_title.mgt50 { margin-top: 50px; } 
.event1 .tiny_noti { display: block; width: 100%; margin-top: 15px; color: #fff; font-size: 14px; text-align: right; opacity: 0.4; } 


.event2 { background: #49108b; padding: 160px 0; } 
.event2 .con_tit .end::after { background: #8d34f4; } 
.event2 .con_txt { font-size: 22px; color: #cca4fa; font-weight: 100; line-height: 1.4; margin: 25px 0 45px; } 
.event2 .container_info { position: relative; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 24px; padding: 50px 0; margin: 0 auto; color: #fff; background-color: #3e0d76; border-radius: 0; } 
.event2 .container_info::before { position: absolute; top: 0; left: -100vw; content: ''; width: 200vw; height: 100%; background-color: #3e0d76; } 
.event2 .container_info .info { margin-right: 0; z-index: 2; } 
.event2 .container_info .info .info_title { width: 100px; margin-right: 40px; text-align: left; } 
.event2 .container_info .info .info_title::after { right: -19px; } 
.event2 .container_info .info .noti { color: #cca4fa; } 
.event2 .lecture_title { width: 100%; padding: 20px 0; color: #fff; font-size: 20px; font-weight: bold; border-radius: 20px 20px 0 0; background-color: #c70c64; border-bottom: 1px solid #000000; } 
.event2 .lecture_title.mgt50 { margin-top: 50px; } 
.event2 .tiny_noti { display: block; width: 100%; margin-top: 15px; color: #fff; font-size: 14px; text-align: right; opacity: 0.4; } 
.event2 .gift { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 75px 0 80px 0; gap: 35px; } 
.event2 .evtBoard_common { background-color: #330b61; } 
.event2 .evtBoard_common .board_write .btn_wrap a { background-color: #8d34f4; } 

.event2.new {background:#ff5fa3;}
.event2.new .con_txt{color:#fff;}
.event2.new .container_info{background-color:#f84193;}
.event2.new .container_info::before{background-color:#f84193;}
.event2.new .container_info .info{align-items:flex-start;}
.event2.new .container_info .info .noti{color:#fff581;margin-top:7px;}
.event2.new .container_info .info .info_title{width:120px;padding:0 10px;margin-right:30px;}
.event2.new .container_info .info .info_date{text-align:left;}
.event2.new .container_info .info .info_class{display:flex;gap:0 20px;margin-top:20px;}
.event2.new .evt-certify-area{padding:60px;border-radius:20px;background-color:#f84193;}
.event2.new .evt-certify-area .evt-title{font-size:30px;font-weight:900;color:#fff;}
.event2.new .evt-certify-area .evt-title strong{color:#fff581;font-weight:inherit;}
.event2.new .evt-certify-area .evt-content{font-size:18px;color:#fff;margin-top:10px;}
.event2.new .evt-certify-area .btn_wrap{margin-top:30px;}
.event2.new .evt-certify-area .btn_wrap a{display:inline-block;background-color:#000;color:#fff;font-size:20px;font-weight:bold;border-radius:40px;padding:25px;width:400px;}
.event2.new .type_lst ul li{border-color:#fff;}
.event2.new .type_lst ul li a{color:#fff;}
.event2.new .update h4{margin:80px 0 40px;color:#fff;font-size:26px;font-weight:bold;position: relative;}
.event2.new .update h4::before{content:'';display:block;width:100%;height:1px;background-color:#fff;position: absolute;left:0;top:50%;}
.event2.new .update h4 span{display:inline-block;background-color:#ff5fa3;padding:0 30px;position: relative;}
.event2.new .paging.gall a{color:#fff;}
.event2.new .paging.gall strong{color:#fff;}

.flt_mo_wrap{display:none;position:fixed;left:0;bottom:65px;width:100%;background-color:#000;z-index:10;}

@media screen and (max-width: 1200px){
    .con_tit { font-size: clamp(19px,4vmin,40px); } 
    .con_tit .tiny { font-size: clamp(15px,3vmin,30px); } 
    .con_txt { font-size: clamp(13px,2.3vmin,23px); } 
    .sub_tit { font-size: clamp(13px,2vmin,20px); } 
    .video_con { gap: 3%; } 
    .video_con li { width: clamp(173px,24.5vmin,245px); height: clamp(173px,24.5vmin,245px); } 
    .video_con li .txt { font-size: clamp(12px,1.7vmin,17px); } 
    .video_con li .num { font-size: clamp(11px,1.4vmin,14px); width: clamp(25px,3.8vmin,38px); line-height: clamp(25px,3.8vmin,38px); margin: 0 auto 10px; } 

    .evCon1 { padding: 9.5% 0 0; background-size: cover; } 
    .evCon1 h3 { margin: 0 0 0 -14%; } 
    .evCon1 .home { bottom: 7%; width: clamp(150px,31.4vmin,214px); } 
    
    .evCon2 { padding: 15% 0 10%; } 
    .evCon2 .con_txt { margin: 2.3% 0 5.5%; } 
    .evCon2 .sub_tit { width: clamp(355px,60.8vmin,608px); line-height: clamp(48px,6.4vmin,64px); } 
    .evCon2 ul { margin: 5.8% 0 0; gap: 10px; } 
    .evCon2 ul li { width: calc((100% - 20px)/3); font-size: clamp(12px,1.7vmin,17px); height: clamp(130px,18.2vmin,182px); } 
    .evCon2 ul li .step { line-height: clamp(22px,3.8vmin,38px); margin: 0 auto 10px; } 

    .evCon3 { padding: 9% 0 16%; } 
    .evCon3 .eventVideo { margin: 5% 0; } 

    .evCon4 { padding: 16% 0; } 
    .evCon4 .con_txt { margin: 2% 0 5.5%; } 
    .evCon4 .eventVideo { margin: 5% 0 5%; } 

    .evCon5 { padding: 15% 0 16%; } 
    .evCon5 .con_tit { margin: 0 0 5%; } 
    .evCon5 .con5_roll { margin: 0 25%; } 
    .evCon5 .con5_roll .swiper-wrapper { flex-wrap: nowrap; gap: 0; } 
    .evCon5 .con5_roll .swiper-pagination-bullet-active { background:#fff; } 

    .evCon6 { padding: 15% 0 16%; } 
    .evCon6 .con_tit { margin: 0 0 5.4%; } 
    .evCon6 .sub_tit { width: clamp(355px,75vmin,750px); line-height: 1.45; padding: clamp(10px,1.9vmin,19px) 0; margin: 0 auto 4%; } 
    .evCon6 .lecture +.sub_tit { margin: 8.2% auto 4%; } 
    .evCon6 .sub_tit span { display:block; } 
    
    .evCon7 { padding: 16% 0; } 
    .evCon7 .con_txt { font-size: clamp(13.5px,2.2vmin,22px); margin: 2.5% 0 4.5%; } 
    .evCon7 .con_txt .tiny { font-size: clamp(13px,2vmin,20px); margin-top: 1.5%; } 
    .evCon7 .btn { width: clamp(275px,45.7vmin,457px); line-height: clamp(57px,8vmin,80px); font-size: clamp(13px,2vmin,20px); } 
    .evCon7 .btn i { width: 8px; margin-left: 10px; top: -1px; } 
    .evCon7 .schedule { margin: 5% 0 7.6%; padding: 3.2% 0; gap: 7%; } 
    .evCon7 .schedule li { font-size: clamp(13px,1.8vmin,18px); } 
    .evCon7 .schedule li .tiny_noti { font-size: clamp(12px,1.5vmin,15px); } 
    .evCon7 .schedule li strong { width: clamp(110px,13.6vmin,136px); line-height: clamp(28px,4vmin,40px); } 

    .event1 { padding: 16% 0; } 
    .event1 .lecture_title { font-size: 17px; } 
    .event1 .tiny_noti { font-size: 9px; } 
    .event2 { padding: 16% 0; } 
    .event2 .gift { gap: 10px; } 
    .event2 .gift > img { width: 30%; } 

    .event2.new .evt-certify-area{padding:60px 30px;}
    .event2.new .update h4{margin:8% 0 4%;font-size:22px;}
    .event2.new .update h4 span{padding:0 20px;}
}


@media screen and (max-width: 768px){
    .evCon1 h3 .con1toggle { top: 46%; padding: 10px 30px; font-size: 16px; } 
    .evCon3 .tab_base li,
    .evCon4 .tab_base li { height: 60px; font-size: 16px; } 
    .evCon7 .schedule { flex-wrap: wrap; gap: 10px; } 
    .evCon7 .schedule li { width: 320px; text-align: left; margin: 0 auto; } 
    .evCon7 .gift { flex-wrap: wrap; gap: 14px; } 
    .evCon7 .gift li { width: 47%; } 
    .event1 .con_txt,
    .event2 .con_txt { font-size: 16px; } 
    .event1 .lecture_title { font-size: 15px; } 
    .event2 .container_info { font-size: 16px; } 
    .event2 .container_info .info .info_title { width: 80px; } 
    .event2.new .container_info .info .info_title{width:100px;padding:0 0 0 10px;margin-right:10px;flex-shrink:0;}
    .event2.new .container_info .info .info_title::after{right:0px;}
    .event2.new .container_info .info .info_class{gap:0 10px;margin-top:10px;}
    .event2.new .evt-certify-area{padding:30px;}
    .event2.new .evt-certify-area .evt-title{font-size:22px;}
    .event2.new .evt-certify-area .evt-content{font-size:14px;}
    .event2.new .evt-certify-area .btn_wrap{margin-top:15px;}
    .event2.new .evt-certify-area .btn_wrap a{width:100%;padding:15px 10px;font-size:16px;}

    .flt_mo_wrap{display:flex;}
    .flt_mo_wrap a{display:block;padding:18px 0;font-size:clamp(14px,2vmin,18px);color:#fff;flex-grow:1;position: relative;}
    .flt_mo_wrap a::before{content:'';display:block;width:1px;position: absolute;left:0;top:18px;bottom:18px;background-color: #4d4d4d;}
}


@media screen and (max-width: 576px){
    .evCon1 h3 .con1toggle { top: 43%; width: 230px; font-size: 14px; } 
    .evCon3 .tab_base,
    .evCon4 .tab_base { margin-top: 30px; } 
    .evCon3 .tab_base li, .evCon4 .tab_base li { height: 50px; font-size: 14px; } 
    .video_con { flex-wrap: wrap; gap: 10px; } 
    .video_con li { width: 100%; height: auto; border-radius: 7px; padding: 10px 0; } 
    
    .evCon2 ul li { width: 100%; height: 80px; border-radius: 7px; } 

    .evCon5 .con5_roll { margin: 0 15%; } 
    .event1 .con_txt, .event2 .con_txt { margin: 15px 0 25px; font-size: 12px; } 
    .event1 .container_info { margin-bottom: 30px; } 
    .event1 .lecture_title { padding: 10px 0; font-size: 13px; } 
    .event2 .container_info { padding: 30px 0; font-size: 11px; } 
    .event2 .container_info .info .info_title { margin-right: 20px; width: 56px; } 
    .event2 .container_info .info .info_title::after { right: -11px; } 
    .container_info .info .noti { font-size: 9px; } 
    .event2 .gift { flex-wrap: wrap; margin: 20px 0 30px 0; } 
    .event2 .gift > img { width: 40%; } 
    .event2 .gift > img:first-of-type { margin: 0 20%; } 

    .flt_mo_wrap{bottom:55px;}
}