@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: #170833; } 
.warningList li ul li a.tp1 { background-color:#000; color:#fff; } 

/*°øÅë*/
.eventWrap .evSection { position: relative; } 
.eventWrap .evSection .inner { padding: 150px 0; } 
.txt_box .green { color: #90ffc9; } 
.flt_inner.renewal li.top { margin-top: 0; } 

/*font-size*/
.clamp-title { font-size:48px; font-weight: 900; } 
.clamp-title.wht { color: #fff; } 
.clamp-title2 { font-size:25px; font-weight: bold; } 
.clamp-text { font-size:22px; } 
.clamp-text2 { font-size:20px; } 
.sub_tit { font-size: 26px; font-weight: bold; } 

/*EVENT ¸»Ç³¼±*/
.evSection .con_tit .label { position: relative; display: block; width: 30%; max-width: 230px; font-style: normal; font-weight: 900; font-size: 41px; color: #fff; padding: 10px 0; background: #000; margin: 0 auto 40px; } 
.evSection .con_tit .label::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #000; } 

/*ÇÏ´Ü ¸Þ´º °íÁ¤*/
.evSection .con_bnr.on { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 2; } 


/*evCon1*/
#fix_ban { display: none; } 
.eventWrap .evSection.evCon1 { background-image: url(https://image.megagong.net/m/2024/0925_army/evCon1_bg.png); background-repeat:no-repeat; background-position: center center; background-size: cover; } 
.evCon1 .inner { position: relative; color:#fff; } 
.evCon1 .flex { justify-content: flex-end; } 
.evCon1 .flex .img_box {position:absolute;top: 83px;left: -155px;opacity:0;} 
.evCon1 .flex .txt_box { text-align: left; } 
.evCon1 .flex .txt_box .txt { opacity: 0; } 

.evCon1 .line { margin:0 0 30px; display: inline-block; background: linear-gradient(to top, #007d5b 40%, transparent 40%); } 
.evCon1 .list { margin: 70px 0 26px; } 
.evCon1 .list li { margin: 0 0 14px; display: flex; align-items: flex-end; gap: 10px; line-height: 1; } 
.evCon1 .list li::before { content:""; display: block; width:14px; height:14px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(https://image.megagong.net/m/2024/0925_army/list.png); } 
.evCon1 .goto_btn { margin: 83px 0 0; opacity: 0; } 

.evCon1 .fix_ban { display: none;   width:100%; } 
.evCon1 .fix_ban.on { position:fixed; left:0; bottom:0; z-index:5 } 
.evCon1 .goto_btn { background-color: #007d61; padding: 30px 94px; border-radius: 5px; color:#fff; display: flex; align-items: center; justify-content: center; } 


/*evCon2*/
.eventWrap .evSection.evCon2 .inner { padding: 115px 0 0; } 
.evCon2 .ppl_txt { position: relative; } 
.evCon2 .ppl_txt .con_tit .m_view{display: none;}
.evCon2 .ppl_txt .txt_box { position: absolute; } 
.evCon2 .ppl_txt .txt_box .mobile { display: none; } 
.evCon2 .ppl_txt .txt_box.txt1 { left:0; top: 240px; opacity:0; } 
.evCon2 .ppl_txt .txt_box.txt2 { left: 112px; top: 60px; opacity:0; } 
.evCon2 .ppl_txt .txt_box.txt3 { right: 102px; top:0; opacity:0; } 
.evCon2 .ppl_txt .txt_box.txt4 { right:0; top: 140px; opacity:0; } 

.evCon2 .con_box { width: 100%; padding: 50px 0; background-color: #2c8b8a; display: flex; align-items: center; justify-content: center; gap:15px; } 
.evCon2 .con_box .txt_box .first_txt { font-size: 25px; } 
.evCon2 .con_box .txt_box .second_txt { font-size: 35px; font-weight:bold; } 


/*evCon3*/
.eventWrap .evSection.evCon3 .inner { width: 1200px; } 
.evCon3 .con_tit { margin: 0 0 20px; display: flex; align-items: center; justify-content: center; } 
.evCon3 .sub_tit { margin: 0 0 50px; color:#444444; font-weight: 500; } 
.evCon3 .common_slick { display:none; padding: 0; /* width: 94%; */margin: 0 auto; } 
.evCon3 .common_slick img { margin: 0; overflow:hidden; display:block; } 
.evCon3 .common_slick .slick-slide .box { position: relative; border-radius: 100%; } 
.evCon3 .common_slick .slick-slide .box::before {content:'';position: absolute;top: 0px;left: 0;width: 98.3%;height: 100%;border-radius: 100%;background: #fff;opacity: .7;z-index: 1;} 
.evCon3 .common_slick .slick-slide.slick-current .box::before { display:none } 
.evCon3 .common_slick.slick-initialized { display:block } 
.evCon3 .common_slick .slick-list { padding: 0 !important; } 
.evCon3 .common_slick .slick-slide { position:relative; transform: scale(0.75); margin: 0 -30px; padding: 0; opacity: 1; } 
.evCon3 .common_slick .slick-slide .box { position: relative; text-align: center; } 
.evCon3 .common_slick .slick-slide .box img { filter : grayscale(100%) } 
.evCon3 .common_slick .slick-slide.slick-current + .slick-slide { z-index: 1; } 
.evCon3 .common_slick .slick-slide.slick-current { transform: scale(1); z-index: 2; opacity: 1; width: 453px; } 
.evCon3 .common_slick .slick-slide.slick-current img {filter : grayscale(0);/* height: 100%; */} 
.evCon3 .common_slick .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 51px; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index:2; font-size: 0px; } 
.evCon3 .common_slick .slick-prev { left: 29%; background-image: url(https://image.megagong.net/m/2024/0925_army/prev.png); } 
.evCon3 .common_slick .slick-next { right: 29%; background-image: url(https://image.megagong.net/m/2024/0925_army/next.png); } 


/*evCon4*/
.evCon4 .con_tit { margin: 0 0 50px; } 
.evCon4 .con_box { display: flex; flex-direction: column; align-items: center; gap: 10px; } 
.evCon4 .list_box a {display: flex;border-left: 5px solid #2c8b8a;width: 1000px;/* padding: 30px 0; */background-color: #fff;overflow: hidden;border-radius: 5px;} 
.evCon4 .list_box a .txt_box { display: flex; justify-content: center; flex-direction: column; text-align:left; gap:10px; } 
.evCon4 .txt_box { position: relative; padding-left:43px; } 
.evCon4 .txt_box::after { content:""; width:1px; height: 100%; background-color: #e4e4e4; position: absolute; top: 50%; transform:translateY(-50%); left:0; } 
.evCon4 .txt_box .line { display: inline-block; width: fit-content; background: linear-gradient(to top, #fcf79b 40%, transparent 40%); } 


/*evCon5*/
.eventWrap .evSection.evCon5 { color:#fff; padding: 150px 0 0; } 
.evCon5 .con_tit { margin: 0 auto 40px; } 
.evCon5 .download_btn { display: flex; align-items: center; justify-content: center; padding: 50px 0; width: 100%; font-size: 35px; background-color: #0a3633; } 
.evCon5 .download_btn span { position: relative; background: radial-gradient(circle at 100%, #8fe9e3, #fff 45%, #8fe9e3 50% ,#fff 90%); /* background: linear-gradient(to right, #8fe9e3 0%, #8fe9e3 50%, #fff 100%); */font-weight: 900; background-size: 200% auto; color: #000; background-clip: text; -webkit-text-fill-color: transparent; animation: gradient 2s linear infinite; } 
.evCon5 .download_btn img {position:absolute;right: -77px;top: -7px;}



 @keyframes gradient { 
    to { background-position: 200% center; } 
 }



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

@media screen and (max-width: 1400px) { 
    .evCon1 .flex .img_box {top: -54px;}
}

@media screen and (max-width: 1200px) { 
    /*°øÅë*/
    .eventWrap .evSection .inner { width: 97%; padding: 12% 0; } 


    /*font-size*/
    .clamp-title { font-size: clamp(17px, 5vmin, 32px); } 
    .clamp-title2 { font-size: clamp(16px,3vmin,24px); } 
    .clamp-text { font-size: clamp(15px,2vmin,20px); } 
    .clamp-text2 { font-size: clamp(13px,4vmin,18px); } 
    .con_box .sub_tit { width: 97%; } 
    .con_box .sub_tit span { padding: 0 3%; } 
    .sub_tit { font-size: clamp(16px,3.5vmin,24px); } 


    /*evCon1*/
    #fix_ban { display: none; width:100%; align-items: center; justify-content: center; background-color:#6dbfb4; height: 70px; font-size: clamp(15px, 2.5vmin, 24px); font-weight:bold; } 
    .fix_ban.on {bottom:0;}
    .fix_ban .toggle { color:#121212; display:flex; height: 100%; width:100%; align-items: center; justify-content: center; background-color:#6dbfb4; height: 70px; font-size: clamp(15px, 2.5vmin, 24px); font-weight:bold;  } 
    .fix_ban .toggle.on { color:#007d61; } 
    .evCon1 .con_tit img { width: 70%; } 
    .evCon1 .flex .txt_box { width: 50%; } 
    .evCon1 .list { margin: 7% auto 3%; } 


    /*evCon2*/
    .eventWrap .evSection.evCon2 .inner { padding: 15% 0 0; } 
    .evCon2 .con_box { padding: 5% 0; } 
    .evCon2 .con_box img { height: 60px; } 
    .evCon2 .con_box .txt_box .first_txt { font-size: clamp(15px, 4vmin, 20px); } 
    .evCon2 .con_box .txt_box .second_txt { font-size: clamp(17px, 4vmin, 26px); } 


    /*evCon3*/
    .eventWrap .evSection.evCon3 .inner { width: 98%; } 


    /*evCon5*/
    .eventWrap .evSection.evCon5 {padding: 12% 0 0;}
    .evCon5 .con_box img { width: 90%; } 
    .evCon5 .download_btn { font-size: clamp(17px, 3vmin, 28px); padding: 30px 0; } 
    .evCon5 .download_btn img {width: 42px;right: -44px;top: -1px;}
}



@media screen and (max-width: 1024px) { 
    /*ÇÏ´Ü ¸Þ´º °íÁ¤*/
    .con_bnr.on { bottom:70px } 
    .evCon1 .fix_ban.on {bottom:71px;}

    /*evCon1*/
    .eventWrap .evSection.evCon1 .inner { padding: 0 0 12%; } 
    .evCon1 .flex { display: block; } 
    .evCon1 .flex .img_box {position: relative;left: 0;top: 0;} 
    .evCon1 .flex .img_box img { height: 450px; } 
    .evCon1 .flex .txt_box {width:100%;}
    .evCon1 .flex .txt_box .txt { width:100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
    .evCon1 .flex .txt_box .top_txt,
    .evCon1 .flex .txt_box .box_txt { display:flex; justify-content:center; flex-direction:column; } 
    .evCon1 .line { margin: 0 auto 4%; width:fit-content; } 
    .evCon1 .goto_btn {margin: 6% auto 0;padding: 4% 6%;width: 500px;} 


    /*evCon3*/
    .evCon3 .sub_tit { margin: 0 0 5%; } 


    /*evCon4*/
    .evCon4 .list_box { width:100% } 
    .evCon4 .list_box a { width: 100%; } 
}


@media screen and (max-width: 768px) {
    .eventWrap { font-size: 14px; } 


    /*ÇÏ´Ü ¸Þ´º °íÁ¤*/
    .con_bnr.on { bottom:55px } 


    /*evCon1*/
    .evCon1 .list li { margin: 0 0 2%; } 


    /*evCon2*/
    .eventWrap .evSection.evCon2 .inner { padding:0 0 15%; } 
    .evCon2 .ppl_txt { display:flex; flex-direction:column; gap:10px; } 
    .evCon2 .ppl_txt .txt_box .mobile { display: block; } 
    .evCon2 .ppl_txt .txt_box img { display: none; } 
    .evCon2 .ppl_txt .txt_box { position: static; background-color: #f2f2f3; display: flex; align-items: center; justify-content: center; color:#121212; width: 100%; height: 50px; border-radius:5px; order:2; } 
    .evCon2 .ppl_txt .con_tit .m_view{display: block;margin: 0 auto;}
    .evCon2 .ppl_txt .con_tit .pc_view{display: none;}

    /*evCon3*/
    .eventWrap .evSection.evCon3 .inner { width: 95%; } 
    .evCon3 .con_tit img { height:24px } 
    .evCon3 .common_slick .slick-list { padding: 0 !important; } 
    .evCon3 .common_slick .slick-slide { margin: 0; padding: 0; transform: scale(1); } 
    .evCon3 .common_slick .slick-slide .box::before { opacity:0; } 
    .evCon3 .common_slick .slick-slide.slick-current .box::before { display:none } 
    .evCon3 .common_slick .slick-slide.slick-current::before { background-size: 100% 100%; width: 100%; left: 0; } 
    .evCon3 .common_slick .slick-prev { left: 2%; } 
    .evCon3 .common_slick .slick-next { right: 2%; } 
    .evCon3 .common_slick .slick-slide .box img { filter : grayscale(0); display: block; margin: 0 auto; } 


    /*evCon4*/
    .evCon4 .list_box a img { height: 85px; } 
    .evCon4 .list_box a .txt_box { gap: 4px; } 
    .evCon4 .txt_box { padding-left: 20px; } 
}

@media screen and (max-width: 570px) { 
    .evCon1 .fix_ban.on {bottom:56px;}
}

@media screen and (max-width: 540px) { 

    /*evCon1*/
    .eventWrap .evSection.evCon1 { } 
    .evCon1 .con_tit img { width:60%; } 
    .evCon1 .flex .img_box img { height: 300px; } 
    .evCon1 .line { font-size: 14px; } 
    .evCon1 .list { font-size: 14px; } 
    .evCon1 .goto_btn {width: 100%;}

    /*evCon3*/
    .evCon3 .con_tit { margin: 0 0 2%; } 
    .evCon3 .con_tit img { height:30px } 
    .evCon3 .common_slick .slick-prev { left: -20px; } 
    .evCon3 .common_slick .slick-next { right: -20px; } 
    .evCon3 .common_slick { width: 88%; } 


    /*evCon4*/
    .evCon4 .con_tit { margin: 0 auto 6%; } 
    .evCon4 .list_box { width:100% } 
    .evCon4 .list_box a {width: 100%;/* padding: 4% 0; */} 
    .evCon4 .list_box a img { height: 65px; } 


    /*evCon5*/
    .eventWrap .evSection.evCon5 { padding: 12% 0 0; } 
    .evCon5 .con_tit { margin: 0 auto 4%; } 
    .evCon5 img { width: 97%; } 
    .evCon5 .download_btn {font-size: clamp(18px,4vmin,28px);padding: 24px 0;} 
    .evCon5 .download_btn img {top: -4px;width: 34px;right: -34px;}
}