@charset "euc-kr";/* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */



/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after { background: #ff0000; } 
.warningList li ul li a.tp1 { background-color:#000; color:#fff; } 


/*°øÅë*/
.eventWrap { font-weight: 400; } 
.eventWrap .evSection:not(.evCon1) { position: relative; padding: 160px 0; } 
.eventWrap .con_tit {margin: 0 0 70px;/* line-height: 1.3; */} 
.evtBoard_common { background-color: rgba(0,0,0,0.5); } 
.eventBoard.certifyUrl .evtBoard_common .board_write .inp_wrap { padding-left:0; } 
.evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"] { height: 150px; } 

.sub_tit { position: relative; } 
.sub_tit::after { content:""; display: block; position: absolute; top: 50%; transform: translateY(-50%); right:0; height:1px; } 
.sub_tit::before { content:""; display: block; position: absolute; top: 50%; transform: translateY(-50%); left:0; height:1px; } 
.sub_tit span { padding: 0 20px; font-weight: bold; } 

.flt_inner.renewal li { margin-top:0; } 
.flt_inner.renewal li.top {background-color: #000; border-radius: 10px; overflow: hidden; } 

.eventWrap .evSection .slick-dots {margin:15px 0 0;display:flex;align-items: center;justify-content: center;gap:10px;} 
.eventWrap .evSection .slick-dots li { width: 8px; height: 8px; border-radius: 100%; background-color: #bfbfbf; } 
.eventWrap .evSection .slick-dots li button { font-size: 0; } 
.eventWrap .evSection .slick-dots li.slick-active { background-color: #000; } 


/*evCon1*/
.evSection.evCon1 { padding: 0; background-image: url("https://image.megagong.net/m/2024/1113_roadmap/evCon1_bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } 
.evSection.evCon1 .inner { max-width: 1620px;width: 100%; } 
.evSection.evCon1 .con_tit {display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 0;} 
.evSection.evCon1 .con_tit img { width: auto; } 


.con_bnr { background-color:#2d2d2d; } 
.con_bnr.on { position: fixed; bottom:0; z-index:4; width:100%; } 
.con_bnr .con_bnr_list { display: flex; align-items: center; justify-content: center; height: 124px; } 
.con_bnr .con_bnr_list li { width: 33.333%; height: 100%; } 
.con_bnr .con_bnr_list li:nth-child(2) { border-left: 1px solid #ddd; border-right:1px solid #ddd; } 
.con_bnr .con_bnr_list li a { display: flex; justify-content: center; align-items: center; width:100%; height: 100%; color:#fff; font-weight: 500; } 
.con_bnr .con_bnr_list li:hover a { background-color:#fff; color:#000;}
.con_bnr .con_bnr_list li.on a { background-color:#fff; color:#000; } 


/*evCon2*/
.evSection.evCon2 { background-image: url("https://image.megagong.net/m/2024/1113_roadmap/evCon2_bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } 
.evCon2 .con_tit { color:#fff; } 
.evCon2 .door_box_wrap { position: relative; display:flex; justify-content: space-between; gap:40px; } 
.evCon2 .door_box_wrap .tri_arr { position: absolute; left: 50%; transform: translateX(-50%); bottom: -218px; } 
.evCon2 .door_box_wrap .door_box { position: relative; width: calc(50% - 20px); } 
.evCon2 .door_box_wrap .door_box .top { padding:20px 0; margin:0 0 24px; display:flex; align-items: center; justify-content: center; background-color: #101010; border-radius: 10px; font-weight:bold; line-height: 1; color:#fff; } 
.evCon2 .door_box_wrap .door_box .bot { padding: 55px 34px 60px; border-radius: 10px; background-color: #fff; } 
.evCon2 .door_box_wrap .door_box .bot .blue_box.flex { justify-content: space-between; gap:20px; } 
.evCon2 .door_box_wrap .door_box .bot .blue_box.flex li { width: calc(50% - 10px); } 
.evCon2 .door_box_wrap .door_box .bot .blue_box li .tit { padding:18px 0; background-color: #2036a7; border-radius: 7px 7px 0 0; line-height: 1; } 
.evCon2 .door_box_wrap .door_box .bot .blue_box li .det { padding:60px 0; border-radius:0 0 7px 7px; background-color: #f4f4f9; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:10px; } 
.evCon2 .door_box_wrap .door_box .bot .blue_box li .det .first { color:#2036a7; font-weight: bold; } 
.evCon2 .door_box_wrap .door_box .bot .blue_box li .det .sec { font-weight: bold; } 
.evCon2 .door_box_wrap .door_box .bot .blue_box .tit { color:#fff; font-weight: bold; } 
.evCon2 .door_box_wrap .door_box .bot .noti { margin:30px auto 0; } 
.evCon2 .yellow_underline { position:relative; width: fit-content; margin:90px auto 130px; color:#ffe980; padding: 0 0 15px; border-bottom: 2px solid #ffe980; font-weight: bold; } 
.evCon2 .last_tit { color:#fff; font-weight: bold } 


/*evCon3*/
.con_tit .mini_tit.round { margin:0 auto 30px; display: flex; align-items: center; justify-content: center; color:#fff; width: fit-content; padding:16px 45px; line-height:1; border-radius: 50px; } 
.evCon3 .con_tit .mini_tit.round { background-color: #000; } 
.evCon3 .graph_box_wrap .item { padding: 50px 0 0; border:2px solid #000; border-radius: 10px; overflow: hidden; } 
.evCon3 .graph_box_wrap .item .flex { display:flex; flex-direction: column; justify-content: space-between; height: 100%; min-height: 840px; } 
.evCon3 .graph_box_wrap .item .tit { padding: 0 30px; } 
.evCon3 .graph_box_wrap .item .l_tit { margin: 0 0 25px; font-weight: bold; } 
.evCon3 .arr_box_wrap { margin:0 0 30px; display: flex; align-items: center; justify-content: center; } 
.evCon3 .arr_box_wrap .text_box .text_tit { margin:0 0 10px; font-weight: bold; } 
.evCon3 .arr_box_wrap .text_box .text_det { font-weight:300; } 
.evCon3 .arr_box_wrap .text_box .gry_nm { display: block; margin: 12px auto 0; color:#aeaeae; } 
.evCon3 .graph_box_wrap .item .graph { margin:0 0 35px; } 

.evCon3 .graph_box_wrap .item .graph .graph_box { display: flex; align-items: center; justify-content: center; } 
.evCon3 .graph_box_wrap .item .graph .graph_box.divide { margin:45px 0 0; gap: 20px; } 
.evCon3 .graph_box_wrap .item .graph .graph_box.divide img { display:block; width:auto; height: auto; } 
.evCon3 .graph_box_wrap .item .graph .graph_noti { padding:0 40px; margin:12px 0 0; color: #aeaeae; text-align:right;} 
.evCon3 .graph_box_wrap .item .det { padding:30px 0; background-color:#000; color:#fff; } 
.evCon3 .graph_box_wrap .item .det p { line-height: 2.0; } 
.evCon3 .graph_box_wrap .item .det p .red_bg { position: relative; z-index:2;} 
.evCon3 .graph_box_wrap .item .det p .red_bg::before {content:''; display: block; position: absolute; top:50%; transform: translateY(-50%); left:0; width: 100%; height: 72%; background-color: #ff0000;}
.evCon3 .graph_box_wrap .item .det p .red_bg strong {position: relative; z-index:2;}

.evCon3 .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width:58px; height:115px; background-position: center center; background-repeat: no-repeat; background-size: cover; font-size:0; } 
.evCon3 .slick-arrow.slick-next { right: -150px; background-image: url("https://image.megagong.net/m/2024/1113_roadmap/next.png"); } 
.evCon3 .slick-arrow.slick-prev { left: -150px; background-image: url("https://image.megagong.net/m/2024/1113_roadmap/prev.png"); } 


/*evCon4*/
.evCon4 .info_box_wrap { display: flex; align-items: center; justify-content: space-between; gap: 20px; } 
.evCon4 .info_box_wrap .info_box { border-radius: 10px; padding:35px 0 0; min-height:360px; width: calc(33.333% - 10px); background-color: #fff; display: flex; flex-direction: column; align-items: center; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } 
.evCon4 .info_box_wrap .info_box .tit { margin:23px auto 18px; font-weight: bold; } 
.evCon4 .info_box_wrap .info_box .det { color:#555555; } 


/*evCon5*/
.evSection.evCon5 { background-image: url("https://image.megagong.net/m/2024/1113_roadmap/evCon5_bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; color:#fff; } 
.evSection.evCon5 .inner { width: 1310px; } 
.evSection.evCon5 .min_tit { margin: 0 0 68px; } 
.evCon5 .sub_tit::after { width: 43%; background-color: #fff; } 
.evCon5 .sub_tit::before { width: 43%; background-color: #fff; } 
.evCon5 .step_box { display: flex; align-items: center; justify-content: space-between; gap:40px; } 
.evCon5 .step_box .cir_box { display: flex; align-items: center; justify-content: center; width:212px; height:212px; border-radius: 100%; background-color:#223699; } 
.evCon5 .step_box .cir_box p { color:#fff; font-weight: bold; } 
.evCon5 .item_box_wrap { width:calc(100% - 252px); display: flex; justify-content: space-between; gap:20px; } 
.evCon5 .item_box_wrap .item { position: relative; } 
.evCon5 .step_box.psat { margin: 93px 0 60px; } 
.evCon5 .step_box.psat .item_box_wrap .item { width:calc(25% - 10px); } 
.evCon5 .step_box.all .item_box_wrap .item { width:calc(20% - 10px); } 
.evCon5 .item_box_wrap .item .red_sticker { position: absolute; top:-40px; right:-40px; display: flex; align-items:center; justify-content: center; width:88px; height:88px; border-radius: 100%; background-color: #ff0000; color:#fff; z-index:2; } 
.evCon5 .item_box_wrap .item .top { display: flex; align-items:center; justify-content:center; height:80px; border-radius: 10px 10px 0 0; background-color: #000; color: #fff; } 
.evCon5 .item_box_wrap .item .bot {border-radius: 0 0 10px 10px;display: flex;align-items: center;justify-content: center;height: 185px;background-color: #fff;color:#000;font-weight: 500;} 
.evCon5 .item_box_wrap .item .bot .differ {display: flex; flex-direction: column; align-items: center;}
.evCon5 .item_box_wrap .item .bot.blue { background-color: #dae1ff; } 
.evCon5 .item_box_wrap .item .bot .num_list {padding: 6px 0 0;}
.evCon5 .item_box_wrap .item .bot .num_list li {padding: 2px 0;}

/*evCon6*/
.evCon6 .con_tit .mini_tit.round { background-color: #2036a7; } 
.lecTab_wrap > div .tit, .teaTab_wrap > div .tit, .stepTab_wrap > div .tit { width: 14%; height: auto; position: static; } 
.lecTab_wrap > div ul, .teaTab_wrap > div ul, .stepTab_wrap > div ul { display:block; width: 86%; margin-left: 10px; } 
.evCon6 .subTab { padding:0; font-family: 'Noto Sans KR', sans-serif; } 
.evCon6 .sub-tec-wrap .tab_box { display:flex; } 
.evCon6 .eventVideo.video_renewal { margin:70px auto; width:1000px; } 
.evCon6 .video_wrap {background: #252525;position: relative;} 
.evCon6 .video_wrap .video_title { position: absolute; top: 0; left: 0; text-align: left; font-size: 24px; color: #fff; z-index: 2; height: 100%; padding: 125px 0 0 100px; display: flex; flex-direction: column; gap: 25px 0; word-break: auto-phrase; width: 660px; } 
.evCon6 .video_wrap .video_title.long { font-size: 24px; letter-spacing: -1px; } 
.evCon6 .video_wrap::before { content:''; display: block; font-size: 0; width: 90px; height: 90px; background: url(https://img.megagong.net/m/2024/1015_army/video_arrow.png) no-repeat 0 0; position: absolute; bottom: 140px; left: 100px; background-size: contain; } 
.eventVideo .video_title::before { display:none } 
.evCon6 .video_wrap .video_title i { display: inline-block; position: absolute; top: -35px; left: 0; width: 174px; height: 30px; background: var(--point-color1); color: #fff; font-size: 16px; text-align: center; line-height: 30px; font-style: normal; } 
.evCon6 .video_wrap .video_title > strong { font-size: 42px; } 
.evCon6 .tea_home { position: absolute; right: 100px; bottom: 60px; z-index: 3; } 
.evCon6 .tea_home a { display: flex; font-size: 14px; align-items: center; justify-content: center; padding: 6px 14px; background: #fff; border-radius: 330px; height: 45px; min-width: 200px; } 
.evCon6 .tea_home a span:before {content:'H';display:block;color: #fff;background: #000;border-radius: 50%;width: 35px;line-height: 35px;text-align: center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} 
.evCon6 .tea_home a span { color: #666; padding: 0 15px 0 45px; margin-right: 15px; position: relative; border-right: 1px solid; } 
.evCon6 .video_renewal .video_wrap .tea_img, .evCon6 .video_renewal .video_box .play_area > img { display: flex; align-items: flex-end; top: unset; position: absolute; bottom: -2px; right: 40px; width: 460px; height: auto; } 
.evCon6 .gtelp .video_box .play_area > img { width: 314px; top: 43px; } 
.evCon6 .lecTab_wrap .lecTab button.on,
.evCon6 .lecTab_wrap .TecTab ul button.on, 
.evCon6 .lecTab_wrap .subTab ul button.on { background: #0081ff; color: #fff; } 
.evCon6 .sub_tit span {display:block; margin:0 auto; position: relative; width: fit-content; background-color: #fff;}
.evCon6 .sub_tit::before { background-color: #000; width: 100%; } 
.evCon6 .sub_tit::after { display: none;} 

.evCon6 .step_box {margin: 30px auto 0;padding: 30px 0;border-radius: 10px;border:1px solid #aaaaaa;display: flex;overflow: hidden;justify-content: space-between;} 
.evCon6 .step_box li {padding: 10px 0;border-right:1px dashed #dbdbdb;width: 25%;position: relative;/* height: 100%; */} 
.evCon6 .step_box.wid2 li {width:50%;}
.evCon6 .step_box.wid3 li {width:33.333%;}
.evCon6 .step_box li::after { content:""; display: block; position: absolute; top:50%; transform: translateY(-50%); right: -20px; width:34px; height:34px; background-image: url("https://image.megagong.net/m/2024/1113_roadmap/arrow.png"); background-position: center center; background-size: cover; background-repeat: no-repeat; } 
.evCon6 .step_box li:last-child { border-right: none; } 
.evCon6 .step_box li:last-child::after { display: none; } 
.evCon6 .step_box li .blue_tit {color:#213597; font-weight: bold; } 
.evCon6 .step_box li span {margin:17px auto 0;display: block;width: 64%; word-break:keep-all;}


/*evCon7*/
.lecTab_wrap > div .tit::before, .teaTab_wrap > div .tit::before, .stepTab_wrap > div .tit::before { display: none; } 
.lecTab_wrap, .teaTab_wrap, .stepTab_wrap { border:none; } 

.evCon7 .lecTab_wrap > div, .evCon7 .teaTab_wrap > div, .evCon7 .stepTab_wrap > div { display:flex; border-bottom: 1px solid #d6d6d6; } 
.lecture .conditionSearch_wrap { display: none; } 
.evCon7 .con_box .con_bnr { display: block; margin:0 auto 30px; } 
.evCon7 .noti {text-align:left;opacity:0.6;margin: 30px 0 0;text-align: left;line-height: 1.6;} 


/*evCon8*/
.evCon8 { color:#fff; } 
.evCon8 .con_tit .mini_tit.round { background-color: #2f87fe; } 
.evCon8 .big_det {padding:40px 0;border-top:1px solid #fff;border-bottom: 1px solid #fff;line-height: 1.5;} 

.con_box .info_wrap { width: fit-content; margin: 65px auto; } 
.con_box .info_wrap li { margin: 30px 0; display: flex; align-items: center; gap:30px; } 
.con_box .info_wrap li .tit { position:relative; padding:0 10px; width: 125px; /* border-left: 2px solid #fff; */text-align:left; font-weight: bold; } 
.con_box .info_wrap li .tit::before { content:""; width:2px; height:20px; background-color: #fff; position: absolute; top:50%; transform: translateY(-50%); left:0; } 
.con_box .info_wrap li .det { width: fit-content; text-align:left; } 
.con_box .info_wrap li .det .yellow { color:#ffe400; } 
.evCon8 .blk_btn { margin:0 auto 50px; background-color: #000; color:#fff; width:440px; height: 80px; display: flex; align-items: center; justify-content: center; font-weight: bold; } 


/*evCon9*/
.evCon9 { color:#000; } 
.evCon9 .con_tit .mini_tit.round { background-color: #000; } 
.evCon9 .big_det {padding:40px 0;border-top:1px solid #000;border-bottom: 1px solid #000;line-height: 1.5;} 
.con_box .info_wrap li .det .red { color:#ff0000; } 
.evCon9 .con_box .info_wrap li .s_noti { color:#a1996e; } 
.evCon9 .con_box .info_wrap li .tit::before { background-color: #000; } 
.evCon9 .gift_wrap { margin:0 auto 70px; } 
.evCon9 .gift_wrap p { margin:15px 0 0; } 


.eventWrap .evSection.evtoggleWarning { padding: 0; } 


@media screen and (max-width: 1200px) { 
    /*°øÅë*/
    .eventWrap .evSection:not(.evCon1) { padding: 12% 0; } 
    .eventWrap .inner { width: 97%; } 
    .eventWrap .con_tit {margin:0 0 4%;line-height: 1.3;} 
    .sub_tit span {font-size: clamp(18px, 4.5vmin, 24px);} 
    .clp-fs46 {font-size: clamp(18px, 4.5vmin, 46px);}
    .clp-fs24 {font-size: clamp(15px, 2.9vmin, 24px);}

    /*evCon1*/
    .con_bnr .con_bnr_list li a { font-size: clamp(12px, 2.5vmin, 20px); } 

    /*evCon2*/
    .evCon2 .last_tit {font-size: clamp(16px, 3.5vmin, 30px);line-height: 1.3;}

    /*evCon3*/    
    .eventWrap .evSection.evCon3 {padding: 12% 0 20%;}
    .evCon3 .graph_box_wrap .item .graph .graph_noti {padding: 0 20px;}


    /*evCon5*/
    .evSection.evCon5 .inner { width: 97%; } 
    .evSection.evCon5 .min_tit { margin: 0 0 5%; } 


    /*evCon6*/
    .evCon6 .eventVideo.video_renewal { width:100%; margin: 10% auto; } 
    .evCon6 .lecTab,.evCon6 .lecTab_wrap .sub-tec-wrap { margin-bottom: 7%; } 
    .evCon6 .lecTab .lec_list li button { font-size: clamp(16px, 2.5vmin, 24px); height: clamp(45px, 7vmin, 70px); } 
    .evCon6 .lecTab_wrap > div .tit, .evCon6 .teaTab_wrap > div .tit, .evCon6 .stepTab_wrap > div .tit { font-size: clamp(13px,2vmin, 15px); } 
    
    .evCon6 .video_renewal .video_wrap .tea_img, .evCon6 .video_renewal .video_box .play_area > img { width: 40%; right: 2%; bottom: 0; } 
    .evCon6 .video_wrap .video_title { padding: 5% 0 0 5%; font-size: clamp(13px,2.5vmin,24px); gap: 2vmin; width: 70%; } 
    .evCon6 .video_wrap .video_title > strong { font-size: clamp(13px,4.5vmin,42px); } 
    .evCon6 .tea_home {position:absolute; bottom: 5%; right: 5%; } 
    .evCon6 .tea_home a { font-size: clamp(11px,2vmin,14px); height: clamp(25px,5vmin, 45px); padding: 0 5vmin 0 3vmin; width: fit-content; min-width: 0; } 
    .evCon6 .tea_home a span:before { width: 4vmin; height: 4vmin; line-height: 4vmin; } 
    .evCon6 .tea_home a span { padding: 0 2vmin 0 5vmin; margin-right: 2vmin; } 
    .evCon6 .video_wrap::before { bottom: 10%; left: 5%; width: 12vmin; height: 12vmin; } 
    .evCon6 .step_box li .blue_tit {font-size: clamp(17px, 3vmin, 22px);} 

    /*evCon7*/
    .evCon7 .noti {font-size: clamp(11px, 1.9vmin, 14px);}

    /*evCon8*/
    .evCon8 .big_det {font-size: clamp(15px, 3.8vmin, 26px);} 
    .con_box .info_wrap {margin: 5% auto;/* font-size: clamp(13px, 2.6vmin, 21px); */} 
    .con_box .info_wrap li {margin: 3% 0;font-size: clamp(13px, 2.5vmin, 21px);} 

    /*evCon9*/
    .evCon9 .big_det {font-size: clamp(14px, 3.1vmin, 26px);}
}

@media screen and (max-width: 1024px) {
    /*evCon1*/
    .con_bnr.on { bottom: 70px; } 


    /*evCon5*/
    .evCon5 .step_box .cir_box { width: 190px; height: 190px; } 
    .evCon5 .item_box_wrap { width: calc(100% - 230px); } 
    .evCon5 .step_box.psat { margin: 93px 28px 60px 0; } 

}

@media screen and (max-width: 992px){
    .con_bnr .inner { width: 100%; } 


    /*evCon1*/
    .evSection.evCon1 .con_tit .tit1 { width: 90%; } 
    .evSection.evCon1 .con_tit .tit2 { margin-top: -4%; } 


    /*evCon2*/
    .evCon2 .door_box_wrap {display: block;width: 97%;margin: 0 auto;} 
    .evCon2 .door_box_wrap .door_box {width: 100%;margin: 20px 0;} 
    .evCon2 .door_box_wrap .door_box .top {margin: 0 0 10px;padding: 3% 0;} 
    .evCon2 .door_box_wrap .door_box .bot { padding: 20px; } 
    .evCon2 .door_box_wrap .door_box .bot .blue_box li .det { padding: 30px 0; } 
    .evCon2 .yellow_underline {margin: 10% auto;font-size: clamp(18px, 3.9vmin, 34px);padding: 0 0 10px;} 


    /*evCon3*/
    .evCon3 .graph_box_wrap .item .flex { min-height: 1800px; } 
    .evCon3 .graph_box_wrap .item .graph .graph_box.divide { flex-direction: column; width: 93%; margin: 0 auto; } 
    .evCon3 .graph_box_wrap .item .graph .graph_box.divide img { width: 100%; } 


    /*evCon5*/
    .evCon5 .step_box_wrap {margin: 7% auto 0;display: flex;justify-content: space-between;width: 97%;} 
    .evCon5 .step_box { width:48%; flex-direction: column; justify-content: flex-start; } 
    .evCon5 .item_box_wrap { flex-direction: column; width: 100%; } 
    .evCon5 .step_box.psat { margin: 0; } 
    .evCon5 .step_box.psat .item_box_wrap .item { width: 100%; } 
    .evCon5 .step_box.all .item_box_wrap .item { width: 100%; } 
    .evCon5 .item_box_wrap .item .red_sticker { right: -10px; } 


    /*evCon6*/
    .evCon6 .step_box {flex-direction: column;padding: 0;width: 97%;} 
    .evCon6 .step_box li { width: 100%; border-bottom: 1px dashed #dbdbdb; border-right: none; padding: 30px 0; } 
    .evCon6 .step_box li:last-child {border-bottom:none;}
    .evCon6 .step_box.wid2 li {width: 100%;}
    .evCon6 .step_box.wid3 li {width: 100%;}
    .evCon6 .step_box li::after { top: 86%; transform: translateX(-50%) rotate(90deg); left: 50%; } 

}

@media screen and (max-width: 768px) {
    .eventWrap { font-size: 14px; } 
    .eventWrap .evSection .s_noti { font-size: 10px; } 
    .con_tit .mini_tit.round {padding: 2% 10%;margin: 0 auto 4%;}
    .eventWrap .con_tit {margin: 0 0 7%;}


    /*evCon1*/
    .con_bnr .con_bnr_list { height: 80px; } 


    /*evCon2*/
    .evCon2 .door_box_wrap .tri_arr {display: block;width: 68%;bottom: -22%;} 
    .evCon2 .door_box_wrap .door_box .bot .blue_box li .tit {padding: 12px 0;}
    .evCon2 .door_box_wrap .door_box .bot .blue_box li .det {padding: 20px 0;gap: 5px;}

    /*evCon3*/
    .eventWrap .evSection.evCon3 .slick-dots{position: absolute;top: -38px;left: 50%;transform: translateX(-50%);}
    .eventWrap  .evCon3 .con_tit {margin: 0 0 17%; }
    .evCon3 .graph_box_wrap .item { padding: 8% 0 0; } 
    .evCon3 .graph_box_wrap .item.differ .flex .top {padding: 0 0 25%;}
    .evCon3 .graph_box_wrap .item .flex { min-height: 1440px; } 
    .evCon3 .graph_box_wrap .item .det p .red_bg {background-color: #ff0000;}
    .evCon3 .graph_box_wrap .item .det p .red_bg::before {display: none;}
    .evCon3 .graph_box_wrap .item .graph .graph_box.divide {width: 84%;}

    /*evCon4*/
    .evCon4 .info_box_wrap { display: block; } 
    .evCon4 .info_box_wrap .info_box { min-height: 340px; } 


    /*evCon5*/
    .eventWrap .evSection.evCon5  .con_tit {margin: 0 0 5%;}
    .evSection.evCon5 .min_tit {margin: 0 0 8%;font-size: 15px;}
    .evCon5 .sub_tit::after { width: 38%; } 
    .evCon5 .sub_tit::before { width: 38%; } 
    .evCon5 .step_box { gap: 30px; } 
    .evCon5 .item_box_wrap { gap: 30px; } 
    .evCon5 .step_box.psat { gap: 30px; } 
    .evCon5 .item_box_wrap .item .bot { height: 150px; } 


    /*evCon6*/
    .evCon6 .step_box li span {width: 60%;}
    .evCon6 .step_box li {padding:25px 0;}
    .evCon6 .step_box li::after {width: 25px;height: 25px;top: 90%;}

    /*evCon8*/
    .con_box .info_wrap li { gap: 0; align-items: flex-start; } 
    .con_box .info_wrap li .tit {width: 27%;} 
    .con_box .info_wrap li .det {width: 73%;} 
    .evCon8 .blk_btn { width: fit-content; height: auto; padding: 4% 15%; } 
    .evCon8 .big_det {padding: 20px 0;}


    /*evCon9*/
    .evCon9 .big_det {padding: 20px 0;}

}

@media screen and (max-width: 576px) {
    /*evCon1*/
    .con_bnr.on { bottom: 55px; } 

    /*evCon2*/
    .evCon2 .door_box_wrap .door_box .bot .blue_box li .det {padding: 10px 0;}
    .evCon2 .door_box_wrap .door_box .bot .noti {margin: 20px auto 0;font-size: 12px;}

    /*evCon3*/
    .evCon3 .graph_box_wrap .item .flex {min-height: auto;} 
    .evCon3 .graph_box_wrap .item .det { padding: 30px 15px; } 
    .evCon3 .graph_box_wrap .item .det p br { display:none; } 


    /*evCon4*/
    .evCon4 .info_box_wrap .info_box { min-height: 315px; padding: 25px 0 0;}


    /*evCon5*/
    .evCon5 .sub_tit::after {width: 33%;} 
    .evCon5 .sub_tit::before {width: 33%;} 
    .evCon5 .step_box .cir_box { width: 150px; height: 150px; } 
    .evCon5 .item_box_wrap .item .red_sticker { width: 70px; height: 70px; } 
    .evCon5 .item_box_wrap .item .top { height: 60px; } 


    /*evCon8*/
    .con_box .info_wrap {margin: 10% auto;width: 95%;} 
    

    /*evCon9*/
    .evCon9 .gift_wrap img {width: 66%;} 

}