@charset "euc-kr"; :root { --ev1-bg-url:url('https://image.megagong.net/m/2023/0908_kaii1738/con1_bg.jpg') no-repeat center; --ev5-arrow-url:url('https://image.megagong.net/m/2023/0905_move/con5_arrow.png') no-repeat center; --ev-point-color1: #ff8b34; } 

/* common */ 
.lecture { padding-bottom: 0 !important; background: #fff; } 
.evSection { background: #fff; } 
.tiny { text-align: right; font-size: 15px !important; opacity: 0.45; } 
.dflex { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin: 0 auto; position: relative; } 
.dflex > *:last-child { margin:0 !important } 
.dtable { display: table; border-collapse: separate; } /*Á¤·ÄµÈ ¿ä¼Ò°¡ ³ôÀÌ°¡ °°¾Æ¾ßÇÒ¶§*/
.dtable > * { display: table-cell; vertical-align: middle; } 
.v_mo { display: none; } 
.v_pc { display: block; } 

/* title */ 
.con_tit { margin-bottom: 60px; font-weight:900; font-size: 45px; position: relative; } 
.con_tit p { font-size: 27px; font-weight: normal; margin-bottom: 20px } 
.btxt { font-size: 30px; font-weight: 700; margin-top: 60px; } 
.stit { position: relative; display: block; } 
.stit::before { content: ''; display: block; width: 100%; height: 1%; background: var(--ev-point-color1); position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.stit strong { display: inline-block; position: relative; padding: 10px 60px; font-size: 24px; border: 1px solid var(--ev-point-color1); background: #3b3b3b; border-radius: 30px; } 
.color_point { color: var(--ev-point-color1); } 
.bg_point { background-color: var(--ev-point-color1); } 

/* button, buttons */ 
.btns { margin-top: 30px; width: 775px; } 
.btns li { width: 47%; } 
.btns li a,.btn a { color: #fff; background: #000000; display: block; padding: 24px 0; display: flex; justify-content: center; align-items: center; font-size: 20px; } 
.btns li a img,.btn a img { margin-left: 10px; } 
.btn { margin: 55px auto 0; width: 475px; } 

/* information */ 
.info { background: #ededed; font-size: 21px; padding: 10px 0; border-radius: 30px; justify-content: center; } 
.info li { width: 45%; } 
.info li b { position: relative; padding: 0 0 0 15px; margin-right: 12px; width: 130px; display: inline-block; } 
.info li b::before { content: '\00B7'; display: block; position: absolute; left: -3px; top: auto; color:#000; } 
.info li b::after { content: '\2223'; display: block; position: absolute; right: 0; top: 50%; color:#000; font-size: 14px; transform: translateY(-50%); } 

/* contents */
.evCon1 { padding: 50px 0 0; background:var(--ev-point-color1) var(--ev1-bg-url); background-position: 50% 0 !important; } 
.evCon1 h4 { font-size: 20px; letter-spacing: 1rem; color: #191919; font-weight: 500; margin-bottom: 50px; } 
.evCon1 h3 { position: relative; } 
.evCon1 h3 a { position: absolute; bottom: 90px; left: 50%; transform: translateX(-50%); font-size: 19px; color: #303030; } 
.evCon1 h3 a span { color: #fff; background: #ffa156; width: 27px; height: 27px; line-height: 27px; border-radius: 50%; display: inline-block; } 

.evCon2 { padding: 150px 0; background: #eee; } 
.evCon2 .stxt { font-size: 26px; font-weight: 700; margin-bottom: 30px; } 
.evCon2 li:last-child .circle { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; } 
.evCon2 li:last-child .txt { position: absolute; left: 0; top: 0; z-index: 3; font-size: 20px; color: #fff; margin: 115px 0 0 75px; } 
.evCon2 li:last-child .txt span { color: #fffebf; } 
.evCon2 li:last-child .donut { z-index: 2; position: absolute; left: 0; top:0; display: block; width: 466px; height: 466px; border-radius: 50%; background: conic-gradient(transparent 0%, transparent 72%, #FF8C30 72%, #FEB519 90%, #FEB519 90%, #f7aa00 100%) } 
.evCon2 li:last-child .donut::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; background: #d2771d; width: 134px; height: 5px; transform: rotate(-11deg); margin: 0 0 197px 3px; } 

.evCon3 { padding: 150px 0; } 
.evCon3 .swiper-slide >* { opacity: 0; } 
.evCon3 .swiper-slide-active .fir { animation: showLeftFir 1s forwards; z-index: 2; position: relative; } 
.evCon3 .swiper-slide-active .fir .arr { position: absolute; top: 50%; transform: translateY(-50%); right: -56px; } 
.evCon3 .swiper-slide-active .sec { animation: showLeftSec forwards; animation-duration:3s; animation-delay: 2s; z-index: 1; } 
@keyframes showLeftFir { 
 0% { transform:translateX(-30%); opacity: .1; } 100% { transform:translateX(0); opacity: 1; } 
 }
@keyframes showLeftSec { 
 0% { transform:translateX(-60%); opacity: .1; } 100% { transform:translateX(0); opacity: 1; } 
 }


.evCon3 .swiper_tab_list { display: flex; align-items:center; justify-content: space-between; } 
.evCon3 .swiper_tab_list li { width: 33.2%; padding: 24px 0; background: #ffa45e; cursor: pointer; font-size: 20px; color: #db7523; } 
.evCon3 .swiper_tab_list li.active { background: #fff; } 
.evCon3 .mega_swiper.mega_swiper_tab { position: relative; overflow: hidden; height: 645px; } 
.evCon3 .mega_swiper_tab .swiper-slide { display: flex; align-items: center; background: #FFF; padding: 60px 40px 70px; } 

.evCon4 { color: #fff; } 
.evCon4 .stxt { font-size: 24px; margin: 60px auto 40px; } 
.evCon4 section.point1 { background: #3b3b3b; padding: 170px 0 100px; } 
.evCon4 section.point2 { background: #424242; padding: 90px 0; } 
.evCon4 section.point2 .cursor_box li { width: 49%; } 
.evCon4 section.point2 .cursor_box li > span { background: #ff8b34; display: block; padding: 10px 0; color: #000; border-top-right-radius: 10px; border-top-left-radius: 10px; font-weight: 700; } 
.evCon4 section.point2 .cursor_box li > div { cursor: url('https://image.megagong.net/m/2023/0908_kaii1738/con4_cursor.png') 20 30, auto; background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: #000; height: 160px; padding: 15px 0px; } 
.evCon4 section.point2 .cursor_box .hover .back,
.evCon4 section.point2 .cursor_box .hover.on .front { display: none; } 
.evCon4 section.point2 .cursor_box .hover .front,
.evCon4 section.point2 .cursor_box .hover.on .back { display: block; position: relative; } 
.evCon4 section.point2 .cursor_box .hover .front::before { content: ''; display: block; position: absolute; bottom: 0; right: 30px; background: url( 'https://image.megagong.net/m/2023/0908_kaii1738/con4_cursor.png') no-repeat center; background-size: contain; width: 36px; height: 32px; } 
.evCon4 section.point2 .cursor_box .hover:hover .front::before { content: none; } 
.evCon4 section.point2 .cursor_box .hover.on .back { color:#ff8c30; padding-top: 20px; } 
.evCon4 section.point2 .cursor_box .front span { border: 1px solid #000; display: block; padding: 1px 5px; border-radius: 20px; margin: 0 auto 5px; width: 120px; } 
.evCon4 section.point2 .cursor_box .front span:last-child { margin-bottom: 0; } 
.evCon4 section.point3 { background: #3b3b3b; padding: 90px 0 160px; } 
.evCon4 .swiper-button-next { right: -57px; } 
.evCon4 .swiper-button-prev { left: -57px; } 
.evCon4 .swiper-button-next:after, .evCon4 .swiper-button-prev:after { color: #b8b8b8; font-weight: 100; font-size: 85px; } 

.evCon5 { padding: 160px 0; overflow: visible !important; } 
.evCon5 .con_tit { letter-spacing: -.19rem; } 

.event { padding: 150px 0; background: #333; } 
.event .con_tit i { position: absolute; right: -95px; top: 25px; max-width: 20%; } 
.event { padding: 160px 0; background: #ffe185; } 
.event h4 { margin: 0 5% 7%; } 
.event h4 .tag { display: block; margin: 0 auto 15px; max-width: 20%; } 
.event h4 i { position: absolute; right: 0; top: 0; max-width: 30%; } 
.event h5 { font-size: 22px; margin: 45px 0 50px; font-weight: 300; } 
.event .info_box { border: 1px solid #000; border-radius: 30px; justify-content: center; padding: 10px 0; } 
.event .info_box li { font-size: 20px; margin-right: 50px; } 
.event .info_box li b { position: relative; display: inline-block; width: 120px; } 
.event .info_box li b::before { content: '\00B7'; display: block; position: absolute; left: -3px; top: auto; color:#000; } 
.event .gift { margin: 75px auto 100px; } 
.event .gift li { flex:1 } 
.event .step_box > p { position: relative; margin-bottom: 50px; } 
.event .step_box > p::before { content: ''; display: block; width: 100%; height: 1%; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.event .step_box > p span { display: inline-block; position: relative; padding: 7px 43px; background: #ffe185; border: 1px solid; border-radius: 30px; font-size: 22px; } 
.event .step_box ul { width: calc(100% + 40px); border-spacing: 20px; margin-left: -20px; } 
.event .step_box li { border-radius: 30px; width: 32%; background: #fff; padding: 30px 0; position: relative; color: #000; font-size: 17px; } 
.event .step_box li i { display: block;; font-weight: 900; font-style: normal; font-size: 15px; margin-bottom: 10px; } 
.event .step_box li span { color: #485a94; } 
.event .step_box li .tiny { text-align: center; color: #ff0000; opacity: 1; font-weight: 700; margin-top: 20px; font-size: 16px; } 
.event .step_box li:nth-child(2):before { content: ''; display: block; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); background: var(--ev5-arrow-url); width: 36px; height: 36px; background-size: contain; } 
.event .step_box li:nth-child(2):after { content: ''; display: block; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); background: var(--ev5-arrow-url); width: 36px; height: 36px; z-index: 2; background-size: contain; } 

.event .btns { margin: 50px auto 70px; } 
.event .btns li + li a { color:#000; background: var(--ev-point-color1); } 
.event .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list { opacity: 1; } 
.event .eventBoard .evtBoard_common .info_wrap.with_tip button { font-weight: 700; } 

/* warning */
.warningList li ul li a { padding: 0 0 2px; } 
.warningList .f_dash li.ml10 { margin-left: 10px; } 
/* popup */
.black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92 } 
.dim_popup button { position:absolute; right: 15px; top: 15px; background: none; } 
.clickPop { width: 470px; color: #000; background: #fff; padding: 30px 0 35px; position: fixed; left:50%; top: 50% !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99; } 

/* url popup */
.dim_popup.sns .tit { text-align:center; margin: 20px 0; padding: 0 15px; font-size: 30px; font-weight: bold; } 
.dim_popup.sns table { font-size: 14px; } 
.dim_popup.sns table tr th, .dim_popup.sns table tr td { padding: 8px 5px; border: 1px solid #ddd; word-break: break-all; text-align: center; } 
.dim_popup.sns table tr th { border-color:#fff; background:#eaeaea } 
.dim_popup.sns table tr td.con { text-align:left } 
.dim_popup.sns .btnConfirm { text-align:center; margin: 40px 0 0 0; } 
.dim_popup.sns .btnClose { position:absolute; right: 10px; top: 10px; background: url(https://image.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; } 

/* 2024 0905 */
.evCon2.new_ver { background: #ffffff; } 
.evCon2.new_ver .say_box { position: relative; width: 1000px; margin: auto; } 
.eventWrap .evCon2.new_ver .tiny_noti { color: #999; display: block; position: absolute; right: 0px; bottom: 15px; } 

.evCon2_5.new_ver { padding: 150px 0; background: #fff3ea; } 
.eventWrap .evCon2_5.new_ver .tiny_noti { color: #999; display: block; text-align: right; margin-top: 20px; font-weight: 400; } 
.evCon2_5.new_ver .lecpointSlider_wrap { position: relative; } 
.evCon2_5.new_ver .lecpointSlider { position: relative; overflow: hidden; } 
.evCon2_5.new_ver .lecpointSlider .swiper-wrapper .swiper-slide { display: flex; justify-content: center; } 
.evCon2_5.new_ver .page_wrap { background: #fff; width: 346px; height: 355px; box-shadow: 0px 0px 8px 3px rgb(246 234 226); padding: 40px 14px 0px; position: relative; } 
.evCon2_5.new_ver .page_tit { font-size: 22px; font-weight: 700; padding-bottom: 25px; border-bottom: 1px solid #ddd; margin: 0 15px 25px; } 
.evCon2_5.new_ver .page_text { font-size: 16px; margin-bottom: 25px; min-height: 90px; color: #777; } 
.evCon2_5.new_ver .page_text strong { color: #000; } 
.evCon2_5.new_ver .page_name { color: #999; font-size: 14px; display: block; position: relative; } 
.evCon2_5.new_ver .page_obj { position: absolute; right: 0px; bottom: 0px; } 
.evCon2_5.new_ver .swiper-button-next2 { z-index: 1; position: absolute; right: -87px; top: 50%; transform: translateY(-51%) rotate(180deg); } 
.evCon2_5.new_ver .swiper-button-prev2 { z-index: 1; position: absolute; left: -87px; top: 50%; transform: translateY(-50%); } 
.evCon2_5.new_ver .swiper-button-next2:after, .evCon4 .swiper-button-prev2:after { color: #b8b8b8; font-weight: 100; font-size: 85px; } 
.evCon2_5.new_ver .swiper-pagination2 { display: none; } 

@media screen and (max-width: 1200px){
 .v_mo.w1200 { display: block; } 
 .v_pc.w1200 { display: none; } 

 .con_tit { margin-bottom: 10%; font-size: 37px; } 
 .con_tit p { font-size: 22px; margin-bottom: 10px; } 
 .btxt { margin-top: 7%; font-size: 25px; } 
 .stit strong { font-size: 22px; } 

 .btns { margin-top: 4%; width: 90%; } 
 .btns li a,.btn a { font-size: 20px; } 
 .btn { margin: 5% auto 0; width: 45%; } 

 .info { font-size: 18px; text-align: left; border-radius: 5px; padding: 10px 2%; } 
 .info li { width: 100%; } 
 .info li b { width: auto; padding: 0 10px; margin-right: 10px; } 

 .evCon1 { padding: 7% 0 0; background-size: cover; } 
 .evCon1 h4 { font-size: 18px; letter-spacing: .5rem; margin-bottom: 6%; } 
 .evCon1 h3 a { bottom: 5%; font-size: 18px; } 
 .evCon1 h3 a span { border-radius: 5px; font-size: 18px; height: auto; line-height: normal; margin-left: 3px; } 

 .evCon2 { padding:15% 0 } 
 .evCon2 .stxt { font-size: 24px; margin-bottom: 4%; } 
 .evCon2 li { width: 42%; } 
 .evCon2 li:first-child img + img { position: absolute; top: 50%; transform: translateY(-50%); right: -23%; max-width: 30%; } 
 .evCon2 li:last-child { width: 48%; } 
 .evCon2 li:last-child .circle { max-width: 20vw; } 
 .evCon2 li:last-child .txt { left: 8vw; margin: 0; top: 10vw; font-size: 18px; } 
 .evCon2 li:last-child .donut { width: 46vw; height: 46vw; } 
 .evCon2 li:last-child .donut::before { width: 14vw; transform: rotate(-10deg); margin: 0; left: 0.2vw; bottom: 20vw; } 

 .evCon3 { padding:15% 0 } 
 .evCon3 .mega_swiper_tab .swiper-slide { padding: 5% 3%; } 
 .evCon3 .mega_swiper_tab .swiper-slide > * { width: 49%; } 
 .evCon3 .swiper-slide-active .fir .arr { max-width: 12%; right: -11%; } 
 .evCon3 .swiper_tab_list li { padding: 3% 0; font-size: 18px; } 
 .evCon3 .mega_swiper.mega_swiper_tab { height: 57vw; } 
 .evCon4 .stxt { font-size: 22px; margin: 7% auto 4%; } 
 .evCon4 section.point1 { padding: 17% 0 10%; } 
 .evCon4 section.point2 { padding: 10% 0; } 
 .evCon4 section.point2 .cursor_box li > div { height: 135px; } 
 .evCon4 section.point3 { padding: 10% 0 17%; } 
 .evCon4 .swiper-pagination { position: relative; bottom: auto; left: auto; margin-top: 10px; } 
 .evCon4 .swiper-pagination-bullet { background: #ddd; opacity: 1; } 
 .evCon4 .swiper-pagination-bullet-active { background: var(--ev-point-color1); } 

 .evCon5 { padding:15% 0 } 

 .event { padding:15% 0 } 
 .event .con_tit i { top: 0; right: 0; } 
 .event h5 { font-size: 20px; } 
 .event .btns { margin: 5% auto 15%; } 
 .event .info_box { padding: 10px 5%; border-radius: 5px; } 
 .event .info_box li { width: 100%; font-size: 18px; text-align: left; } 
 .event .info_box li b { padding: 3px 10px; border-radius: 5px; } 
 .event .gift { margin: 10% auto; } 
 .event .step_box > p { margin-bottom: 7%; } 
 .event .step_box > p span img { max-width: 70%; } 
 .event .step_box ul { border-spacing: 10px; margin-left: -10px; width: calc(100% + 20px); } 
 .event .step_box li { width: 33%; border-radius: 15px; padding: 30px 10px; font-size: 15px; } 
 .event .step_box li .tiny { font-size: 13px !important; margin-top: 15px; } 
 .event .shareList ul { border-top-left-radius: 5px; border-top-right-radius: 5px; } 

/* 2024 09 05 */
 .evCon2.new_ver .say_box { width: 100%; } 
 .eventWrap .evCon2.new_ver .tiny_noti { position: relative; bottom: 0px; margin-top: 2%; text-align: right; } 

 .evCon2_5.new_ver { padding: 15% 0; } 
 .evCon2_5.new_ver .swiper-button-prev2, .evCon2_5.new_ver .swiper-button-next2 { display: none; } 
 .evCon2_5.new_ver .swiper-pagination2 { display: block; margin-top: 2%; } 
.evCon2_5.new_ver .swiper-pagination-bullet-active { background: #000000; } 
 .evCon2_5.new_ver .page_wrap { width: 31vw; height: 35vw; padding: 10% 4% 0px; } 
 .evCon2_5.new_ver .page_tit { font-size: clamp(14px,2.4vmin,22px); padding-bottom: 5%; margin: 0 1% 5%; } 
.evCon2_5.new_ver .page_text { font-size: clamp(13px,1.8vmin,16px); margin-bottom: 8%; min-height: 13vw; } 
.evCon2_5.new_ver .page_name { font-size: 13px; } 
.evCon2_5.new_ver .page_obj { width: 17%; } 
 }
@media screen and (max-width: 992px){
 .clickPop { padding: 15px 0 20px; } 
 .dim_popup.sns .tit { font-size:22px } 
 .dim_popup.sns table { font-size:12px } 

 /* 2024 09 05 */
 .evCon2_5.new_ver .lecpointSlider_wrap { margin: 0 9%; } 
.evCon2_5.new_ver .page_wrap { width: 37vw; padding: 8% 4% 0px; } 
 }
@media screen and (max-width: 768px){
 .v_mo.w768 { display: block; } 
 .v_pc.w768 { display: none; } 
 .con_tit { font-size: 30px; } 
 .con_tit p { font-size: 18px; } 
 .stit strong { font-size: 18px; padding: 10px 30px; } 
 .btxt { font-size: 22px; } 
 .btns li a,.btn a { padding: 15px 0; font-size: 18px; } 
 .info { font-size: 15px; } 

 .evCon1 h4,
 .evCon1 h3 a,
 .evCon1 h3 a span { font-size: 15px; } 

 .evCon2 .stxt { font-size: 20px; } 
 .evCon2 li:last-child .txt { font-size: 15px; } 

 .evCon3 .mega_swiper_tab .swiper-slide > * { width: 70%; margin: 0 auto; } 
 .evCon3 .swiper-slide-active .fir .arr { max-width: 12%; right: 0; top: auto; left: 50%; transform: translate(-50%, 0) rotate(90deg); bottom: -13%; } 
 .evCon3 .swiper-slide-active .sec { margin: 10% auto 0!important; } 
 .evCon3 .swiper_tab_list li { padding: 3% 0; font-size: 18px; } 
 .evCon3 .mega_swiper.mega_swiper_tab { height: auto; } 
 @keyframes showLeftFir { 
 0% { transform:translatey(-30%); opacity: .1; } 100% { transform:translatey(0); opacity: 1; } 
 }
 @keyframes showLeftSec { 
 0% { transform:translatey(-60%); opacity: .1; } 100% { transform:translateX(0); opacity: 1; } 
 }

 .evCon4 .stxt { font-size: 18px; } 

 .event h5 { font-size: 18px; margin: 5% 0; } 
 .event .gift { width: 100%; } 
 .event .gift li { flex:initial; width: 45%; } 
 .event .gift li:first-child { margin: 0 27.5% 5%; } 
 .event .info_box li { font-size: 15px; } 
 .event .step_box > p span { font-size: 18px; } 
 .event .step_box ul { display: block; width: 100%; border-spacing: 0; margin: 0; } 
 .event .step_box li { width: 100%; display: block; } 
 .event .step_box li:nth-child(2) { margin: 10px 0; } 
 .event .step_box li i { position: absolute; top: 0; left: 0; border-bottom-left-radius: 5px; border-top-left-radius: 5px; width: 65px; background: var(--ev-point-color1); color: #fff; font-size: 12px; padding: 5px; } 

 .event .step_box li:nth-child(2):before { content: ''; display: block; position: absolute; background: var(--ev5-arrow-url); width: 36px; height: 36px; background-size: contain; transform: translateX(-50%) translateY(0) rotate(90deg); top: -20px; left: 50%; max-width: 22%; max-height: 22%; } 
 .event .step_box li:nth-child(2):after { content: ''; display: block; position: absolute; right: -30px; background: var(--ev5-arrow-url); width: 36px; height: 36px; z-index: 2; background-size: contain; transform: translateX(-50%) translateY(0) rotate(90deg); bottom: -20px; left: 50%; top: auto; max-width: 22%; max-height: 22%; } 
 
 
 /* 2024 09 05 */
 .evCon2_5.new_ver .lecpointSlider_wrap { margin: 0 15%; } 
 .evCon2_5.new_ver .page_wrap { width: 100%; padding: 7% 4% 0px; height: 46vw; } 
 .evCon2_5.new_ver .page_tit { font-size: clamp(16px, 2.4vmin, 22px); padding-bottom: 4%; margin: 0 1% 4%; } 
.evCon2_5.new_ver .page_text { font-size: clamp(14px, 1.8vmin, 16px); } 
.evCon2_5.new_ver .swiper-pagination2 { display: block; margin-top: 5%; } 
 }
@media screen and (max-width: 576px){
 .v_mo.w576 { display: block; } 
 .v_pc.w576 { display: none; } 
 .dim_popup.sns { width:90% } 

 .con_tit { font-size: 20px; } 
 .con_tit p { font-size: 15px; } 
 .stit strong { font-size: 15px; padding: 7px 15px; } 
 .btxt { font-size: 17px; } 

 .btn { width: 50%; } 
 .btns { width: 100%; } 
 .btns li { width: 49%; } 
 .btns li a,.btn a { padding: 10px 0; font-size: 15px; } 
 .btns li a img,.btn a img { width: 8%; } 
 .info li b::after { font-weight: 300; } 

 .evCon1 h4 { font-size: 13px; letter-spacing: normal; } 
 .evCon1 h3 a,
 .evCon1 h3 a span { font-size: 11px; } 

 .evCon2 .stxt { font-size: 18px; } 
 .evCon2 li { width: 38%; } 
 .evCon2 li:first-child img + img { position: absolute; top: 50%; transform: translateY(-50%); right: -23%; max-width: 30%; } 
 .evCon2 li:last-child { width: 54%; } 
 .evCon2 li:last-child .circle { max-width: 22vw; } 
 .evCon2 li:last-child .txt { font-size: 13px; } 
 .evCon2 li:last-child .donut { width: 51vw; height: 52vw; } 
 .evCon2 li:last-child .donut::before { bottom: 22vw; height: 3px; width: 15vw; } 

 .evCon3 .swiper_tab_list li { font-size: 15px; } 
 .evCon3 .mega_swiper_tab .swiper-slide > * { width: 90%; } 

 .evCon4 .stxt { font-size: 15px; } 
 .evCon4 section.point2 .cursor_box .hover .front::before { right: 4%; width: 9%; bottom: -8%; } 
 .evCon4 section.point2 .cursor_box .hover.on .back { padding-top: 10px; } 
 .evCon4 section.point2 .cursor_box .front span { width: 100px; } 

 .event h5 { font-size: 13px; } 
 .event .info_box li b { display: block; } 
 .event .info_box li { font-size: 13px; } 
 .event .step_box > p span { font-size: 15px; padding: 5px 20px; } 
 .event .step_box li { font-size: 13px; } 
 .event .step_box li .tiny { font-size: 11px !important; } 
 .event .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list { font-size: 13px; } 

 /* 2024 09 05 */
 .evCon2_5.new_ver .lecpointSlider_wrap { margin: 0 0%; } 
.evCon2_5.new_ver .page_wrap {height: 66vw; } 
 }