@charset "euc-kr"; :root { --point-color : #d9224d; } 

.eventWrap .con_tit { font-size: 48px; font-weight: 900; line-height: 1.25; } 
.eventWrap .con_tit .tiny { display: block; font-size: 26px; font-weight: 200; margin-bottom: 18px; } 
.eventWrap .con_tit .tiny_noti { display: block; font-size: 13px; font-weight: 200; margin: 5px 0 20px; text-align: center; } 
.eventWrap .con_tit .point { color: var(--point-color); } 
.eventWrap .con_tit .end::after { background: #f32424; } 
.eventWrap .vodchr_banner { margin-bottom: 0; } 
.eventWrap .pocket_pop { z-index: 4; } 
#footer .cooperation{z-index: 0;}

.flt_inner.renewal li { margin-top: 2px; } 
.flt_inner.renewal li.top { margin-top: 20px; } 

.evCon1 { background: #23120d url('https://img.megagong.net/m/2023/1227_shin242/con1_bg.jpg') no-repeat; padding: 25px 0 0; } 
.evCon1 .content_m { display: none; } 
.evCon1 .content_pc { position: absolute; top: -25px; } 
.evCon1 .content_pc .on { display: none; } 
.evCon1 .content_pc.show .on { display: block; } 
.evCon1 .content_pc.show .on + img { display: none; } 
.evCon1 h3 { position: relative; } 
.evCon1 h3 .home { position: absolute; display: block; bottom: 122px; right: -29px; } 


.evCon2 { background: #2d201c; padding: 150px 0 180px; } 
.evCon2 .con_tit { color: #fff; } 
.evCon2 .con_tit .tiny { font-weight: 100; margin-bottom: 0 !important; } 
.evCon2 .con_tit .tiny_noti { color: #5e5e5e; font-weight: 700; } 
.evCon2 .con1 { display: flex; justify-content: space-between; padding: 0 30px; margin: 55px 0 110px; position: relative; } 
.evCon2 .con1::before { content:''; background: url('https://img.megagong.net/m/2023/1227_shin242/con2_ico.png') no-repeat; width: 78px; height: 84px; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -20%); } 
.evCon2 .con1 li { width: 44.1%; display: flex; flex-wrap: wrap; align-content: end; } 
.evCon2 .con1 li > p { font-size: 22px; color: var(--point-color); width: 100%; } 
.evCon2 .con1 li div { display: flex; align-items: center; width: 100%; line-height: 1.55; background: #383837; text-align: left; color: #9d9d9d; position: relative; padding-left: 125px; font-size: 16px; font-weight: 200; height: 172px; overflow: hidden; border-radius: 15px; margin-top: 10px; } 
.evCon2 .con1 li:last-child div { background: var(--point-color); color: #fff; } 
.evCon2 .con1 li div p span { position: absolute; top: 50%; transform: translateY(-50%); left: 40px; } 
.evCon2 .con2 { position: relative; } 
.evCon2 .con2 .txt { color: var(--point-color); font-size: 22px; font-weight: 100; margin-bottom: 10px; } 
.evCon2 .con2 .book { position: absolute; right: -60px; top: 65px; z-index: 2; } 
.evCon2 .review_roll { border: solid #A6A6A6; border-width: 1px 0; width: 1000px; height: 483px; margin: 0 auto; overflow-x: visible; } 
.evCon2 .review_roll .swiper-slide { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; } 
.evCon2 .review_roll .swiper-slide.swiper-slide-active { background: var(--point-color); border-radius: 15px; } 
.evCon2 .review_roll .swiper-slide strong { color: #7f7f7f; font-size: 15px; letter-spacing: -0.64px; font-weight: 200; line-height: 1.4; } 
.evCon2 .review_roll .swiper-slide .name { width: 100%; color: #7f7f7f; font-weight: 200; font-size: 15px; margin-top: 10px; } 
.evCon2 .review_roll .swiper-slide.swiper-slide-active .name { font-size: 14px; color: #fff; } 
.evCon2 .review_roll .swiper-slide.swiper-slide-active strong { color: #fff; font-size: 18px; font-weight: normal; line-height: 1.55; } 


.evCon3 { background: #fef2e2; padding: 150px 0 120px; } 
.evCon3 .con_box { display: flex; justify-content: end; } 
.evCon3 ul { width: 900px; margin-top: 70px; position: relative; } 
.evCon3 ul::before { content: ''; background: url('https://img.megagong.net/m/2023/1227_shin242/con3_ico1.png') no-repeat; width: 100px; height: 621px; position: absolute; left: -140px; bottom: 0; } 
.evCon3 ul li { display: flex; border: 1px solid #d4d4d4; height: 150px; margin-bottom: 10px; position: relative; } 
.evCon3 ul li::before { content: ''; background: url('https://img.megagong.net/m/2023/1227_shin242/con3_ico2.png') no-repeat; width: 94px; height: 10px; position: absolute; top: 50%; left: 0; transform: translate(-100%, -50%); } 
.evCon3 ul li:last-child { margin-bottom: 0; } 
.evCon3 ul li .tit { width: 320px; background: #f6f6f6; border-right: 1px solid #d4d4d4; font-size: 18px; display: flex; justify-content: center; align-items: center; font-weight: 700; } 
.evCon3 ul li .txt { width: calc(100% - 320px); background: #fff; text-align: left; color: #333333; font-size: 16px; padding-left: 40px; display: flex; align-items: center; /* font-weight: 200; */ } 
.evCon3 ul li .txt strong { display: block; font-size: 19px; margin-bottom: 8px; } 
.evCon3 ul li .tit span { font-weight: normal; } 


.evCon4 { padding: 190px 0 170px; } 
.evCon4 .con1 { position: relative; margin: 120px 0 85px; padding-left: 325px; } 
.evCon4 .con1 .comment { position: absolute; right: 155px; top: -73px; } 
.evCon4 .con1 .book { position: absolute; top: -28px; left: 130px; } 
.evCon4 .con1 ul { width: 625px; } 
.evCon4 .con1 ul li { border: 1px solid #d4d4d4; padding: 24px 0; margin: 0 0 5px; text-align: left; padding-left: 250px; } 
.evCon4 .con1 ul li:first-child { background: #f6f6f6; padding-left: 270px; } 
.evCon4 .con1 ul li:last-child { margin:0 0; } 
.evCon4 .con2 { background: #f6f6f6; padding: 35.5px 0; } 


.evCon5 { background: #ffeee2; padding: 150px 0 170px; } 
.evCon5 .tab_base { margin: 50px 0 55px; display: flex; } 
.evCon5 .tab_base li { flex: 1; border: solid 000; border-width: 0 0 3px; } 
.evCon5 .tab_base li a { display: block; background: #ffe5d3; color: #808080; font-size: 24px; padding: 22.2px 0; margin-left: 2px; position: relative; font-weight: 700; } 
.evCon5 .tab_base li a span { font-size: 14px; display: block; margin-bottom: 2px; font-weight: normal; } 
.evCon5 .tab_base li.on { border-width: 3px 3px 0 3px; } 
.evCon5 .tab_base li.on a { background: #ffeee2; color: var(--point-color); } 
.evCon5 .tab_base li.on a span { color: #000; } 
.evCon5 .tab_base li.on a , .evCon5 .tab_base li.on + li a { margin-left: 0; } 


.evCon5 .tab_base li a i { position: absolute; left: 50%; top: 0; background: var(--point-color); color: #fff; font-style: normal; font-size: 16px; border-radius: 100px; padding: 2.8px 27.7px; transform: translate(-50%, -50%); font-weight: normal; } 
.evCon5 .con1 { display: flex; justify-content: space-between; padding: 0 25px; } 
.evCon5 .con1 .video { cursor: pointer; } 
.evCon5 .mock_roll { position: relative; overflow: hidden; margin: 30px 0 100px; } 
.evCon5 .mock_roll .swiper-wrapper { justify-content: space-between; } 
.evCon5 .mock_roll .swiper-slide { width: 341px; } 


.evCon6 { background: #f9f9f9; padding: 150px 0 110px; } 
.evCon6 .con_tit .tiny { margin-bottom: 0 !important; } 
.evCon6 .tab_base { margin: 50px 0 55px; display: flex; } 
.evCon6 .tab_base li { flex: 1; border: solid 000; border-width: 0 0 3px; } 
.evCon6 .tab_base li a { display: block; background: #ececec; color: #808080; font-size: 24px; padding: 22.2px 0; margin-left: 2px; position: relative; font-weight: 700; } 
.evCon6 .tab_base li a span { font-size: 18px; display: block; font-weight: normal; } 
.evCon6 .tab_base li.on { border-width: 3px 3px 0 3px; } 
.evCon6 .tab_base li.on a { background: #f9f9f9; color: var(--point-color); } 
.evCon6 .tab_base li.on a span { color: #000; } 
.evCon6 .tab_base li.on a , .evCon5 .tab_base li.on + li a { margin-left: 0; } 
.evCon6 .cont { display: flex; align-items: center; } 
.evCon6 .cont .book { position: relative; top: -12px; left: -34px; } 
.evCon6 .cont .book_roll { position: relative; overflow: hidden; width: 720px; } 
.evCon6 .cont .book_roll .swiper-pagination-bullet { background: #808080; } 
.evCon6 .cont .book_roll .swiper-pagination-bullet-active { width: 100px; border-radius: 100px; } 
.evCon6 .con_btn { display: flex; justify-content: center; gap: 30px; margin: 45px 0 25px; } 
.evCon6 .tiny_noti { font-size: 13px; color: #cfcfcf; text-align: right; } 


.evCon7 { padding: 150px 0; } 
.evCon7 .txt { z-index: 2; position: absolute; left: 50%; top: -55.5%; transform: translateX(-50%); } 
.evCon7 .step_roll { position: relative; overflow: hidden; margin: 65px 0 60px; } 
.evCon7 .step_roll .swiper-slide { flex: 1; position: relative; z-index: 1; } 
.evCon7 .step_roll .swiper-slide::before { content:''; background: url('https://img.megagong.net/m/2023/1227_shin242/con7_ico.png') no-repeat; width: 22px; height: 22px; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%); z-index: 10; } 
.evCon7 .step_roll .swiper-slide a { border: solid #e6e6e6; border-width: 2px 1px 2px 0; box-sizing: border-box; } 
.evCon7 .step_roll.on .swiper-slide.point { background: #fff4ec; color: var(--point-color); z-index: 0; } 
.evCon7 .step_roll.on .swiper-slide.point a { font-weight: 700; } 
.evCon7 .step_roll.on .swiper-slide.point a::after { content: ''; width: calc(100% - 6px); height: calc(100% - 6px); border: 3px solid var(--point-color); position: absolute; left: 0; top: 0px; } 
.evCon7 .step_roll.on .swiper-slide.point strong { color: #000; } 
.evCon7 .step_roll .swiper-slide:first-child { border-left: 1px solid #e6e6e6; } 
.evCon7 .step_roll .swiper-slide:last-child::before { display: none; } 
.evCon7 .step_roll .swiper-slide a { display: block; height: 130px; font-size: 16px; line-height: 1.3; font-weight: 200; padding-top: 24px; } 
.evCon7 .step_roll .swiper-slide a strong { display: block; margin-bottom: 15px; } 

.evCon8 { background: #ffd7c9; padding: 160px 0 210px; } 
.evCon8 .con_tit i { top: 35px; } 
.evCon8 .con_box { z-index:1; } 
.evCon8 .tea { position: absolute; z-index: -1; left: -230px; top: -299px; } 
.evCon8 .cont { position: relative; display: flex; gap: 105px; justify-content: center; margin: 48px 0 78px; } 
.evCon8 .cont::before { content:''; background: url('https://img.megagong.net/m/2023/1227_shin242/con8_ico.png') no-repeat; width: 28px; height: 28px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -70%); } 
.evCon8 .cont li { background: var(--point-color); display: inline-block; padding: 29.5px 46px; border-radius: 5px; } 
.evCon8 .lec_wrap { position: relative; } 
.evCon8 .lec_wrap .say_box { position: absolute; right: 25px; top: -35px; z-index: 1;} 

.evCon9 { background: #ffdee2; padding: 10px 0 190px; } 
.evCon9 .tiny_noti2 { text-align: right; margin: 0 0 140px; font-size: 13px; color: #5e5e5e; font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif; } 
.evCon9 .con_tit i { top: 35px; right: 55px; } 
.evCon9 .con1 { display: flex; justify-content: center; align-items: center; gap: 50px; margin: 41px 0 31px; } 
.evCon9 .tiny_noti { font-size: 15px; margin: 5px 0 70px; } 
.evCon9 .tiny_noti strong { display: block; margin-bottom: 10px; } 
.evCon9 .con2 { background: #ffc7cd; font-size: 18px; font-weight: 200; padding: 14.5px 0; } 
.evCon9 .con2 a { font-size: 16px; font-weight: 700; display: inline-block; vertical-align: baseline; border: 1px solid #000; border-radius: 100px; padding: 3.8px 21px; margin-left: 14px; } 

.evtoggleWarning p.w_tit::before { background: #414141; } 
.warningList li { color:#414141; } 
.warningList li ul li a { color: #ff0000; margin: 0 0; padding: 0 0; } 


/* 20240129 add */
.flt_inner.renewal li.evt_bnr img{filter: drop-shadow(2px 2px 5px #ffffff50);}
.evCon8.v2{background: #f78f45;}
.evCon8.v2 .tea{left: -350px;}
.evCon8.v2 .con_tit .tag{display: block;position: relative;top: auto;max-width: 30vw;margin: 0 auto;} 
.evCon8.v2 .con_tit > span{color: #fff;display: inline-block;margin: 20px auto 50px;width: 100%;font-size: 36px;} 
.evCon8.v2 .question{position: relative;}
.evCon8.v2 .question::before{content: '';display: block;position: absolute;top: 50%;width: 100%;height: 1px;left: 50%;background-color: #000;transform: translate(-50%,-50%);}
.evCon8.v2 .question span{display: block;font-size: 24px;font-weight: 700;width: fit-content;margin: 65px auto 0;padding: 0 10px;background: #f78f45;z-index: 2;position: relative;}
.evCon8.v2 .cont li{background: #222;}
.evCon8.v2 .lec_wrap i{top: -50px;}

/* 20240416 add */
.evCon8.v3 {padding: 140px 0; background: #0d3387;}
.evCon8.v3 .tea {left: -350px;}
.evCon8.v3 .con_tit .end {top: -70px;}
.evCon8.v3 .con_tit .end::after {background: #d9224d;}
.evCon8.v3 .con_tit .tag {display: block;position: relative;top: auto;max-width: 30vw;margin: 0 auto 20px;} 
.evCon8.v3 .con_tit > span{color: #fff;display: inline-block;margin: 0 auto 50px;width: 100%;font-size: 36px;} 
.evCon8.v3 .question{position: relative;}
.evCon8.v3 .question::before{content: '';display: block;position: absolute;top: 50%;width: 100%;height: 1px;left: 50%;background-color: #fff;transform: translate(-50%,-50%);}
.evCon8.v3 .question span{display: block;font-size: 24px;font-weight: 700;width: fit-content;margin: 65px auto 0;padding: 0 10px; color: #fff; background: #0d3387;z-index: 2;position: relative;}
.evCon8.v3 .s_tit {font-weight: 300; font-size: 20px; color: #fff; margin-top: 25px;}
.evCon8.v3 .cont {margin: 68px 0 78px;}
.evCon8.v3 .cont li {position: relative; background: #111; min-width: 250px; padding: 25px 0 34px;}
.evCon8.v3 .cont li .label {position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); width: 80%; max-width: 190px; background: #d9224d; color: #fff; font-size: 16px; font-style: normal; font-weight: 300; padding: 5px 0 8px; border-radius: 30px;}
.evCon8.v3 .cont li .label::before {content: ''; position: absolute; top: 1px; left: 50%; transform: translate(-50%, -100%); border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 10px solid #d9224d;}

@media screen and (max-width: 1200px){
    .eventWrap .con_tit { font-size: 33px; } 
    .eventWrap .con_tit .tiny { font-size: 20px; } 
    .eventWrap .con_tit .tiny_noti { font-size: 12px; } 

    .evCon1 { background-size: cover; padding: 0 0; } 
    .evCon1 .content_pc { display: none; } 
    .evCon1 .content_m { display: block; margin: 0 -2%; } 
    .evCon1 .content_m ol { display: flex; justify-content: space-between; background: linear-gradient(to right, #ff872b, transparent); } 
    .evCon1 .content_m ol li { flex: 1; font-size: 19px; color: #fff; padding: 10px 0; } 
    .evCon1 .content_m ul { display: flex; justify-content: space-between; background: #24120d; } 
    .evCon1 .content_m ul li { color: #8a8f88; flex: 1; font-size: 15px; padding: 5px 0; } 
    /* .evCon1 .content_m.show ul li:nth-child(1) { color: #ff8932; }  */
    .evCon1 .content_m.show.current_2 ul li:nth-child(2) { color: #ff8932; } 
    .evCon1 .content_m.show.current_3 ul li:nth-child(3) span { color: #ff8932; } 
    .evCon1 .content_m .tiny_noti { color: #8a8f88; text-align: right; margin: 5px 0 10px; } 
    .evCon1 h3 > img { width: 100%; } 
    .evCon1 h3 .home { right: 0; bottom: 29%; } 

    .evCon2 { padding: 13% 0 15.5%; } 
    .evCon2 .con1 { margin: 5% 0 10%; padding: 0 0; } 
    .evCon2 .con1 li { width: 40%; } 
    .evCon2 .con1 li div { text-align: center; justify-content: center; padding: 0 10px; font-size: 14px; } 
    .evCon2 .con1 li div p span { display: none; } 
    .evCon2 .con1 li > p { font-size: 18px; } 
    .evCon2 .con2 .txt { font-size: 18px; } 
    .evCon2 .con2 .book { display: none; } 
    .evCon2 .review_roll { width: 100%; height: 430px; } 
    .evCon2 .review_roll .swiper-slide strong, .evCon2 .review_roll .swiper-slide .name { font-size: 13px; } 
    .evCon2 .review_roll .swiper-slide.swiper-slide-active strong { font-size: 15px; } 
    .evCon2 .review_roll .swiper-slide.swiper-slide-active .name { font-size:13px; } 

    .evCon3 { padding: 13% 0 10%; } 
    .evCon3 .con_box { justify-content: center; } 
    .evCon3 ul { margin-top: 7%; width: 82%; max-width: 740px; margin-left: 16.1%; } 
    .evCon3 ul li .tit { font-size: 15px; width: 220px; } 
    .evCon3 ul li .txt { font-size: 13px; width: calc(100% - 220px); } 
    .evCon3 ul li .txt strong { font-size: 17px; } 

    .evCon4 { padding: 16% 0 14.5%; } 
    .evCon4 .con1 { padding-left: 0; margin: 110px 0 7%; } 
    .evCon4 .con1 .comment { right: auto; left: 50%; top: -12%; } 
    .evCon4 .con1 .book { position: static; width: 330px; margin: 0 auto; } 
    .evCon4 .con1 ul { width: 100%; margin: 0 auto; max-width: 600px; } 
    .evCon4 .con1 ul li, .evCon4 .con1 ul li:first-child { padding: 20px 0; } 
    .evCon4 .con1 ul li img { display: block; margin: 0 auto; } 
    .evCon4 .con2 { width: 100%; max-width: 600px; margin: 0 auto; padding: 30px 12%; } 

    .evCon5 { padding: 13% 0 14.5%; } 
    .evCon5 .tab_base { margin: 5% 0; } 
    .evCon5 .tab_base li a { font-size: 21px; } 
    .evCon5 .tab_base li a span { font-size: 13px; } 
    .evCon5 .tab_base li a i { font-size: 13px; max-width: 130px; width: 85%; } 
    .evCon5 .con1 { padding: 0 0; gap: 2%; justify-content: center; } 
    .evCon5 .mock_roll { margin: 3% 0 9%; } 
    .evCon5 .mock_roll .swiper-wrapper { gap: 1%; } 
    .evCon5 .mock_roll .swiper-slide { flex: 1; } 
    .evCon5 .mock_roll .swiper-pagination-bullet-active { background: var(--point-color); } 

    .evCon6 { padding: 13% 0 9.5%; } 
    .evCon6 .tab_base { margin:5% 0 } 
    .evCon6 .tab_base li a { font-size: 21px; } 
    .evCon6 .tab_base li a span { font-size: 16px; } 
    .evCon6 .cont { display: block; } 
    .evCon6 .cont .book { top: 0; left: 0; width: 330px; margin: 0 auto; } 
    .evCon6 .cont .book_roll { margin: 0 auto; } 
    .evCon6 .con_btn { gap: 2%; margin: 4.5% 0 2.5%; } 
    .evCon6 .tiny_noti { font-size: 12px; } 

    .evCon7 { padding: 13% 0; } 
    .evCon7 .txt { top: -60%; } 
    .evCon7 .step_roll { margin: 14% 0 5%; } 
    .evCon7 .step_roll .swiper-slide a { font-size: 14px; height: 120px; } 
    .evCon7 .step_roll .swiper-slide a strong { font-size: 13px; } 
    .evCon7 .step_roll .swiper-pagination-bullet-active { background: var(--point-color); } 

    .evCon8 .con_tit, .evCon9 .con_tit { padding: 0 10%; } 
    .evCon8 { padding: 14% 0 18%; } 
    .evCon8 .cont { margin: 5% 0 8%; padding: 0 10%; } 
    .evCon8 .tea { display:none; } 
    .evCon8 .lec_wrap .say_box  { right: 1%; top: -4.6%; width: 49%; } 

    .evCon9 { padding: 1% 0 17%; } 
    .evCon9 .tiny_noti2 { margin: 0 0 12.5%; } 
    .evCon9 .con1 { margin: 4% 0 3%; padding: 0 10%; } 
    .evCon9 .con_btn { display: inline-block; padding: 0 25.5%; } 
    .evCon9 .tiny_noti { margin: 5px 0 7%; font-size: 13px; } 
    .evCon9 .con2 { font-size: 16px; } 
    .evCon9 .con2 a { font-size: 13px; } 

    /* 20240129 add */
    .evCon8.v2 .con_tit > span{margin: 3% auto 6%;font-size: clamp(20px,3.6vw,36px);}
    .evCon8.v2 .question span{font-size: clamp(14px,2.4vw,24px);margin-top: 10%;padding: 0 5px;}
    .evCon8.v2 .lec_wrap i{right: 1%; top: -4.6%; width: 49%; }

    /* 20240416 add */
    .evCon8.v3 {padding: 14% 0;}
    .evCon8.v3 .con_tit .tag {margin: 0 auto 4%;}
    .evCon8.v3 .con_tit > span {margin: 0 auto 6%; font-size: clamp(20px,3.6vw,36px);}
    .evCon8.v3 .question span {font-size: clamp(14px,2.4vw,24px); margin-top: 10%; padding: 0 5px;}
    .evCon8.v3 .s_tit {font-size: clamp(14px, 2.2vw, 20px); margin-top: 3%;}
    .evCon8.v3 .cont {margin: 7% 0 12%;}
    .evCon8.v3 .cont li .label {font-size: clamp(12px, 2.2vw, 16px);}

}
@media screen and (max-width: 900px){
    .evCon5 .con1 { display: block; } 
    .evCon5 .con1 .video { width: 430px; margin: 0 auto 10px; } 
    .evCon5 .con1 .txt { width: 430px; margin: 0 auto; } 
    .evCon5 .mock_roll .swiper-slide { flex: none; } 
}
@media screen and (max-width: 768px){
    .eventWrap .con_tit { font-size: 25px; } 
    .eventWrap .con_tit .tiny { font-size: 16px; margin-bottom: 9px; } 
    .eventWrap .con_tit .tiny_noti { margin: 3px 0 10px; } 

    .evCon1 .content_m ol li { font-size:16px; } 
    .evCon1 .content_m ul li { font-size:13px; } 

    .evCon2 .con1 li div { font-size: 13px; height: 140px; } 
    .evCon2 .con1 li > p { font-size: 15px; } 
    .evCon2 .con2 .txt { font-size: 15px; } 
    .evCon2 .review_roll { height: 380px; } 
    .evCon2 .review_roll .swiper-slide.swiper-slide-active strong { line-height: 1.4; font-size: 14px; } 
    .evCon2 .review_roll .swiper-slide strong, .evCon2 .review_roll .swiper-slide .name { font-size: 12px; line-height: 1.35; } 


    .evCon3 ul { width: 100%; margin-left: 0; } 
    .evCon3 ul::before, .evCon3 ul li::before { display:none; } 
    .evCon3 ul li { height: 140px; margin-bottom: 5px; } 
    .evCon3 ul li .tit { width: 170px; font-size: 14px; } 
    .evCon3 ul li .txt { width: calc(100% - 170px); } 
    .evCon3 ul li .txt strong { font-size: 14px; } 

    .evCon4 .con1 { margin: 90px 0 7%; } 
    .evCon4 .con1 .book { width: 230px; } 
    .evCon4 .con1 .comment { width: 180px; left: 42%; top: -13%; } 
    .evCon4 .con1 ul li { padding: 16px 24%; } 
    .evCon4 .con1 ul li:first-child { padding: 16px 27%; } 

    .evCon5 .tab_base li a { font-size: 17px; padding: 17px 0; } 

    .evCon6 .tab_base li a { font-size: 17px; padding: 17px 0; } 
    .evCon6 .tab_base li a span { font-size: 13px; } 
    .evCon6 .cont .book { width: 280px; } 
    .evCon6 .cont .book_roll { width: 100%; } 

    .evCon7 .txt { top: -59px; width: 300px; } 
    .evCon7 .step_roll { margin: 80px auto 5%; width: 550px; } 
    .evCon7 .step_roll .swiper-slide { flex: none; width: 100%; } 
    .evCon7 .step_roll .swiper-slide a { border-width: 2px 1px; } 
    .evCon7 .step_roll .swiper-slide::before { display:none; } 

    .evCon8 .cont { gap: 9%; padding: 0 7%; } 
    .evCon8 .cont li { padding: 20px 10%; flex: 1; } 
    .evCon8 .lec_wrap .say_box  { top: -4.7%; width: 63%; } 

    .evCon9 .con1 { gap: 4%; } 
}
@media screen and (max-width: 576px){
    .eventWrap .con_tit { font-size: 20px; } 
    .eventWrap .con_tit .tiny { font-size: 14px; } 
    .eventWrap .con_tit .tiny_noti { font-size: 12px; } 

    .evCon2 .con1 li > p { font-size: 13px; } 
    .evCon2 .con2 .txt { font-size: 14px; } 

    .evCon3 ul li { display: block; height: auto; } 
    .evCon3 ul li .tit { width: 100%; font-size: 14px; padding: 10px 0; } 
    .evCon3 ul li .tit br { display:none; } 
    .evCon3 ul li .txt { width: 100%; padding: 10px 20px; } 

    .evCon5 .tab_base li a { font-size: 15px; padding: 15px 0; } 
    .evCon5 .tab_base li a i { font-size: 12px; padding: 1.8px 0; } 
    .evCon5 .con1 .video { width: 360px; } 
    .evCon5 .con1 .txt { width: 360px; } 
    .evCon5 .mock_roll .swiper-slide img { display: block; margin: 0 auto; width: 285px; } 

    .evCon6 .tab_base li a { font-size: 15px; padding: 15px 0; } 
    .evCon6 .cont .book { width: 230px; } 
    .evCon6 .cont .book_roll .swiper-pagination-bullet-active { width: 80px; } 
    .evCon6 .con_btn { flex-wrap: wrap; gap: 8px; } 
    .evCon6 .con_btn a { display: inline-block; width: 79%; max-width: 285px; } 

    .evCon7 .step_roll { width: 99.1%; } 

    .evCon8 .lec_wrap .say_box  { top: -4.1%; width: 66%; } 
    .evCon8 .cont { padding: 0 0; } 

    .evCon9 .con_btn { padding: 0 25%; } 
    .evCon9 .con1 { padding: 0 5%; } 
    .evCon9 .con2 { font-size: 14px; } 
    .evCon9 .con2 a { display: block; width: 160px; margin: 5px auto 0; } 

    /* 20240416 add */
    .evCon8.v3 .cont li {min-width: 40%; padding: 20px 6vw 30px;}
    .evCon8.v3 .cont li .label::before {content: none;}
    .evCon8.v3 .cont li .label {padding: 1vw 0 2vw;}
}
@media screen and (max-width: 480px){
    .eventWrap .con_tit { font-size: 17.3px; letter-spacing: -0.06em; } 
    .eventWrap .con_tit .tiny { font-size: 13px; } 
    .eventWrap .con_tit .tiny_noti { font-size: 11px; letter-spacing: -0.07em; } 

    .evCon2 .con1 li { width: 41%; } 
    .evCon2 .con1 li div { font-size: 12px; padding: 0 5px; margin-top: 5px; } 
    .evCon2 .con1::before { background-size: 60%; background-position: center; } 
    .evCon2 .review_roll .swiper-slide strong, .evCon2 .review_roll .swiper-slide .name { font-size: 11.5px; } 
    .evCon2 .review_roll .swiper-slide.swiper-slide-active strong { font-size: 13px; } 

    .evCon4 .con1 { margin: 75px 0 7%; } 
    .evCon4 .con1 .book { width: 190px; } 
    .evCon4 .con1 .comment { width: 160px; } 
    .evCon4 .con1 ul li { padding: 14px 18%; } 
    .evCon4 .con1 ul li:first-child { padding: 14px 25%; } 
    .evCon4 .con2 { padding: 25px 8%; } 

    .evCon6 .cont .book { width: 190px; } 

    .evCon8 .cont::before { background-size: 70%; background-position: center; } 
    .evCon8 .cont li { padding: 15px 7.5%; } 
    .evCon8 .lec_wrap .say_box { width: 75%; } 

    .evCon9 .con_btn { padding: 0 10.4%; } 
    .evCon9 .con1 { padding: 0 0; } 
}