*{outline: 0} @font-face { font-family: 'A2z'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-1Thin.woff2') format('woff2'); font-weight: 100; font-display: swap; } @font-face { font-family: 'A2z'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-2ExtraLight.woff2') format('woff2'); font-weight: 200; font-display: swap; } @font-face { font-family: 'A2z'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-3Light.woff2') format('woff2'); font-weight: 300; font-display: swap; } @font-face { font-family: 'A2z'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-4Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; } @font-face { font-family: 'A2z'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-5Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; } @font-face { font-family: 'A2z'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-6SemiBold.woff2') format('woff2'); font-weight: 600; font-display: swap; } @font-face { font-family: 'A2z'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-7Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'A2z'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-8ExtraBold.woff2') format('woff2'); font-weight: 800; font-display: swap; } @font-face { font-family: 'A2z'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-9Black.woff2') format('woff2'); font-weight: 900; font-display: swap; } .board_btns{display: none} *{ margin: 0; padding: 0; } #monthly_event *{font-family: 'A2z'; } #snb, .contents_util{display: none} #contents_body{max-width: 100%;width: 100%} #month_quick{position: fixed; z-index: 9999;right: 40px;bottom: 120px} #month_quick ul{display: flex;flex-direction: column;gap: 20px} #month_quick ul li a{display: block;position: relative;cursor: pointer} #month_quick ul li a div{position: absolute;right: 100%;top: 50%;;padding-right: 10px;margin-top: -22px;transform: translateX(0%);opacity: 1;transition: 0.5s} #month_quick ul li:hover a div{transform: translateX(0%);opacity: 1;} #month_quick ul li a div span{display: flex;height: 44px;padding: 0 22px;align-items: center;border-radius: 50px;border: 1px solid #BECBE3;font-size: 16px;color: #002A7D;font-weight: 600;white-space: nowrap;background: #fff;transition: 0.5s} #month_quick ul li a:hover div span{background: #0273FA;color: #fff;border-color: #0273FA} #month_quick ul li a img{display: block;border-radius: 50%;box-shadow: 0 0 30px #4D5D7030;position: relative; z-index: 3;display: block;transition: 0.5s} #month_quick ul li a:hover img{transform: rotate(15deg)} #monthly_event{background-color: #EFF4FE;} #monthly_event .inner{width: 1050px;margin: 0 auto;;} #monthly_event .main_visual{background: url(/main/img/campaign/campaign35/visual_bg.png) center center;height: 100vh;display: flex;align-items: center;justify-content: center;position: relative;flex-direction: column;position: relative;overflow: hidden;} #monthly_event .main_visual .leaf {position: absolute;} #monthly_event .main_visual .leaf img{display: block;} #monthly_event .main_visual span{display: block;font-size: 37px;font-weight: 800;display: block;text-align: center;color: #002A7D;margin-bottom: 20px;} #monthly_event .main_visual .leaf01{left: 0;top: 0;} #monthly_event .main_visual .leaf02{right: 0;bottom: 135px;} #monthly_event .main_visual .ill{position: absolute;} #monthly_event .main_visual .ill img{display: block;} #monthly_event .main_visual .ill01{left: 20px;top: -75px;} #monthly_event .main_visual .ill02{right: -284px;bottom: -65px;} #monthly_event .main_visual .ill03{left: 180px;bottom: 75px;} #monthly_event .main_visual .mv_title{position: relative;} #monthly_event .main_visual .wave_w div{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%)} #monthly_event .main_visual .wave_w div svg{display: block} #monthly_event .main_visual .wave_w div:nth-child(1) svg{animation: 2s wave infinite} #monthly_event .main_visual .wave_w div:nth-child(2) svg{animation: 2s wave infinite;animation-delay: 0.7s;} @keyframes wave { 0%{transform: translateY(0)} 50%{transform: translateY(15px)} 100%{transform: translateY(0)} } #monthly_event .con01{background: linear-gradient(to bottom, #0493FC, #4FB5FE);padding-top: 150px;padding-bottom: 180px;;} #monthly_event .a_title {margin-bottom: 50px;position: relative;z-index: 15;;} #monthly_event .a_title span{width: 307px;height: 102px;display: flex;align-items: center;justify-content: center;margin: 0 auto;position: relative;font-size: 22px;color: #002A7D;font-weight: 700;gap: 7px} #monthly_event .a_title span i{position: absolute;top: 0;left: 0;z-index: -1;;} #monthly_event .a_title span b{color: #0170F6;font-weight: inherit;} #monthly_event .a_title strong{display: block;text-align: center;color: #FFFFFF;font-size: 40px;font-weight: 800;display: flex;justify-content: center;gap: 5px} #monthly_event .a_title p{font-size: 22px;color: #DBF7FF;text-align: center;margin-top: 30px;line-height: 34px;} #monthly_event .a_title p b{font-weight: 500;color: #fff;} #monthly_event .a_title.a_title_blue strong{color: #002A7D;} #monthly_event .a_title.a_title_blue strong b{color: #0273FA;font-weight: inherit} #monthly_event .con01 .info_box{padding: 50px;border-radius: 20px;background-color: #FFFFFF;margin-bottom: 70px;} #monthly_event .con01 .info_box .txt{display: flex;flex-direction: column;text-align: center;align-items: center;justify-content: center;gap: 20px;margin-bottom: 30px;} #monthly_event .con01 .info_box .txt p{font-size: 20px;color: #001C54;line-height: 32px;font-weight: 500;} #monthly_event .con01 .info_box .txt p span{color: #60749B;font-size: 16px;;} #monthly_event .con01 .info_box .txt p b{color: #0273FA; position: relative;} #monthly_event .con05 .code .code_in p{display: inline-block} #monthly_event .con01 .camp_info .camp_info_in ul li .in p em, #monthly_event .a_title p b, #monthly_event .con05 .code .code_in p{position: relative;} #monthly_event .con01 .info_box .txt p b:after, #monthly_event .con01 .camp_info .camp_info_in ul li .in p em:after, #monthly_event .a_title p b:after, #monthly_event .con05 .code .code_in p:after{content: '';display: block;width: 100%;height: 100%;background: url(/main/img/campaign/campaign35/wave_icon.png) no-repeat bottom center;position: absolute;bottom: -5px;left: 0} #monthly_event .con01 .camp_info{background-color: #fff;border-radius: 15px;padding: 10px;width: calc(100% + 20px);margin-left: -10px;} #monthly_event .con01 .camp_info .camp_info_in{border-radius: 10px;border: 2px solid #0063DB;background-color: #0273FA;padding: 70px 85px;position: relative;} #monthly_event .con01 .camp_info .camp_info_in ul{display: flex;flex-direction: column;gap: 20px} #monthly_event .con01 .camp_info .camp_info_in ul li{display: flex;align-items: center;} #monthly_event .con01 .camp_info .camp_info_in ul li .title{width: 157px;} #monthly_event .con01 .camp_info .camp_info_in ul li .in{width: calc(100% - 157px);padding-left: 20px;} #monthly_event .con01 .camp_info .camp_info_in ul li .in p{font-size: 19px;line-height: 32px;color: #DBF7FF;letter-spacing: -0.7px} #monthly_event .con01 .camp_info .camp_info_in ul li .in p b{font-weight: 500;color: #fff;} #monthly_event .con01 .camp_info .camp_info_in ul li .in p b em{color: inherit;font-weight: inherit;} #monthly_event .con01 .camp_info .camp_info_in ul li .title strong{display: flex;width: 100%;height: 52px;background-color: #FFFFFF;align-items: center;justify-content: center;border-radius: 50px;font-size: 20px;color: #0273FA;} #monthly_event .con01 .camp_info .camp_info_in ul li .benefits{display: flex;gap: 50px; padding-top: 20px;} #monthly_event .con01 .camp_info .camp_info_in ul li .box{position: relative;} #monthly_event .con01 .camp_info .camp_info_in ul li .box span{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 64px;height: 64px;background-color: #00328A;border-radius: 50%;position: absolute;top: -20px;left: -20px;font-size: 14px;color: #C5E0FF;font-weight: 400;} #monthly_event .con01 .camp_info .camp_info_in ul li .box span b{color: #FFFFFF;font-size: 18px;font-weight: 500;} #monthly_event .con01 .camp_info .camp_info_in ul li .box:last-child span{background: #87FBFF;color: #286888} #monthly_event .con01 .camp_info .camp_info_in ul li .box:last-child span b{color: #004061} #monthly_event .con01 .camp_info .camp_info_in ul li .box:nth-child(1) span{background-color: #fff;color: #3F495B;} #monthly_event .con01 .camp_info .camp_info_in ul li .box:nth-child(1) span b{color: #0273FA;} #monthly_event .con01 .camp_info .camp_info_in ul li .benefits .icon{background-color: #038AFB;border-radius: 10px;overflow: hidden;;} #monthly_event .con01 .camp_info .camp_info_in ul li .benefits .icon img{display: block;} #monthly_event .con01 .camp_info .camp_info_in ul li .benefits strong{display: block;text-align: center;font-size: 18px;line-height: 32px;color: #FFFFFF;margin-top: 20px;font-weight: 600;} #monthly_event .con01 .camp_info .camp_info_in .info{background-color: #003BC4;display: flex;align-items: center;justify-content: center;flex-direction: column;align-items: center;justify-content: center;height: 105px;background-color: #003BC4;border-radius: 8px;margin-top: 40px;} #monthly_event .con01 .camp_info .camp_info_in .info p{font-size: 16px;color: #C1E5FF;line-height: 30px;;} #monthly_event .con02{padding: 160px 0;} #monthly_event .con02 ul{display: flex;gap: 40px} #monthly_event .con02 ul li{flex: 1;} #monthly_event .con02 ul li .card{background-color: #fff;padding-top: 30px;;border-radius: 10px;height: 420px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;box-shadow: 0 0 40px rgba(85,86,99,0.1);} #monthly_event .con02 ul li .card .img img{width: 100%;display: block;} #monthly_event .con02 ul li .card .tit{display: flex;flex-direction: column;align-items: center;;} #monthly_event .con02 ul li .card .tit span{color: #0273FA;font-size: 18px;border-bottom: 2px solid #0273FA;font-weight: 600;} #monthly_event .con02 ul li .card .tit strong{font-size: 26px;color: #1A1A1A;font-weight: 700;display: block;margin-top: 10px;margin-bottom: 20px;} #monthly_event .con02 ul li .card .tit em{width: 90px;height: 40px;background-color: #0273FA;display: flex;align-items: center;justify-content: center;border-radius: 30px;gap: 3px;font-size: 16px;color: #FFFFFF;font-weight: 700;} #monthly_event .con02 ul li .card .tit em img{display: block;} #monthly_event .con02 ul li .card .tit em i{display: block;} #monthly_event .con02 ul li .txt {margin-top: 30px;} #monthly_event .con02 ul li .txt p{font-size: 18px;color: #4F5A70;font-size: 18px;text-align: center;line-height: 30px;margin-bottom: 10px;} #monthly_event .con02 ul li .txt span{display: block;color: #8A97B1;font-size: 16px;text-align: center;} #monthly_event .con03{background: linear-gradient(175deg, #0493FC, #4FB5FE);padding: 145px 0;overflow: hidden} #monthly_event .con03 .card_wrap{display: flex;justify-content: center;gap: 28px;;align-items: center;margin-bottom: 70px;} #monthly_event .con03 .card_wrap .card{background: rgba(255,255,255,0.25);width: 316px;flex-shrink: 0;border-radius: 20px;padding: 6px;} #monthly_event .con03 .card_wrap .card .card_in{background-color: #fff ;border-radius: 16px;padding: 50px 0;position: relative;overflow: hidden;} #monthly_event .con03 .card_wrap .card .card_in:after{content: '';display: block;width: 100%;height: 100%;background: url(/main/img/campaign/campaign35/card_bg.png) no-repeat center bottom;position: absolute;bottom: 0;background-size: 100%;} #monthly_event .con03 .card_wrap .card .card_in span{display: flex;width: 106px;height: 40px;border-radius: 0 auto;margin: 0 auto;background-color: #0273FA;align-items: center;justify-content: center;border-radius: 50px;font-size: 18px;color: #FFFFFF;font-weight: 600;} #monthly_event .con03 .card_wrap .card .card_in .ques{display: flex;justify-content: center;margin-top: 90px;} #monthly_event .con03 .card_wrap .card2 .card_in .ques{margin-top: 74px;} #monthly_event .con03 .card_wrap .card1 .card_in .ques{margin-top: 43px;} #monthly_event .con03 .card_wrap .card .card_in {height: 514px;} #monthly_event .con03 .card_wrap .card2 .card_in {height: 424px;} #monthly_event .con03 .card_wrap .card1 .card_in {height: 334px;} #monthly_event .con03 .card_wrap .card {width: 368px;transition: 0.7s;} #monthly_event .con03 .card_wrap .card2 {width: 304px;} #monthly_event .con03 .card_wrap .card2 svg{width: 78px;height: auto;} #monthly_event .con03 .card_wrap .card1 svg{width: 65px;height: auto;} #monthly_event .con03 .card_wrap .card1 {width: 240px;} #monthly_event .con03 .card_wrap.act .c01{transform: translateX(calc(960px ));} #monthly_event .con03 .card_wrap.act .c02{transform: translateX(calc(680px ));} #monthly_event .con03 .card_wrap.act .c03{transform: translateX(calc(350px )) rotate(-20deg);} #monthly_event .con03 .card_wrap.act .c05{transform: translateX(calc(-350px )) translateY(30px) rotate(20deg);} #monthly_event .con03 .card_wrap.act .c06{transform: translateX(calc(-680px ));} #monthly_event .con03 .card_wrap.act .c07{transform: translateX(calc(-960px ));} #monthly_event .con03 .card_wrap.act .c04{position: relative;z-index: 15;} #monthly_event .con04{padding-top: 140px;padding-bottom: 160px;;background-color: #fff;} #monthly_event .con04 .info{margin-bottom: 30px;} #monthly_event .con04 .info ul{display: flex;gap: 20px} #monthly_event .con04 .info ul li{flex: 1;padding: 30px 0;background-color: #ECF5F8;border-radius: 10px;} #monthly_event .con04 .info ul li i{width: 36px;height: 36px;background-color: #0170F6;display: flex;align-items: center;justify-content: center;border-radius: 50%;margin: 0 auto;font-size: 18px;color: #FFFFFF;font-weight: 700;} #monthly_event .con04 .info ul li p{font-size: 18px;color: #4F5A70;line-height: 30px;text-align: center;margin-top: 20px;} #monthly_event .con04 .info ul li span{font-size: 14px;color: #4F5A70;line-height: 1.7;text-align: center;margin-top: 10px;text-align: center;display: block} /*#monthly_event .con04 .info ul{display: flex;gap: 20px;*/ /* padding-bottom: 60px;}*/ /*#monthly_event .con04 .info ul li{flex: 1;padding: 30px 0;background-color: #ECF5F8;border-radius: 10px;*/ /* position: relative;}*/ /*#monthly_event .con04 .info ul li i{width: 36px;height: 36px;background-color: #0170F6;display: flex;align-items: center;justify-content: center;border-radius: 50%;margin: 0 auto;font-size: 18px;color: #FFFFFF;font-weight: 700;}*/ /*#monthly_event .con04 .info ul li p{font-size: 18px;color: #4F5A70;line-height: 30px;text-align: center;margin-top: 20px;}*/ /*#monthly_event .con04 .info ul li span{font-size: 13px;color: #5f697e;line-height: 1.7;text-align: center;margin-top: 10px;text-align: center;display: block;*/ /* position: absolute;bottom: -60px;width: 100%;left: 0}*/ /*#monthly_event .con04 .info ul li p b{color: #002A7D;}*/ #monthly_event .con04 .info ul li p b{color: #002A7D;} #monthly_event .con04 .card_list ul{display: flex;gap: 17px;flex-wrap: wrap;} #monthly_event .con04 .card_list ul li{width: calc(25% - 12.75px);border-radius: 8px;overflow: hidden;position: relative;cursor: pointer;} #monthly_event .con04 .card_list ul li img{width: 100%;display: block;} #monthly_event .con04 .card_list ul li .txt{position: absolute;bottom: 0;left: 0b;border-radius: 8px;height: 90px;background-color: rgba(1,112,246,0.9);width: 100%;backdrop-filter: blur(1px);display: flex;align-items: center;justify-content: center;;} #monthly_event .con04 .card_list ul li .txt p{font-size: 20px;text-align: center;color: #FFFFFF;text-align: center;line-height: 1.5;} #monthly_event .con05{background-color: #002A7D;padding-top: 140px;padding-bottom: 160px;;} #monthly_event .con05 .code{background-color: #FFFFFF;padding: 10px;border-radius: 10px;width: calc(100% + 40px); margin-left: -20px;} #monthly_event .con05 .code .code_in{background-color: #0273FA;border-radius: 10px;padding-top: 50px;padding-bottom: 55px;;} #monthly_event .con05 .code .code_in strong{display: block;font-size: 26px;color: #FFFFFF;font-weight: 800;text-align: center;margin-bottom: 40px;} #monthly_event .con05.con05_btm .code .code_in strong{font-size: 40px} #monthly_event .con05 .code .code_in{text-align: center} #monthly_event .con05 .code .code_in p{font-size: 24px;color: #FFFFFF;font-weight: 600;display: inline-block;text-align: center;margin-bottom: 25px;} #monthly_event .con05 .code .code_in .btn_box .btn_in{width: 190px;} #monthly_event .con05 .code .code_in .wr{display: flex;justify-content: center;align-items: center;gap: 10px;} #monthly_event .con05 .code .code_in .wr input{width: 400px;height: 58px;border: 1px solid #FFFFFF;border-radius: 50px;background-color: #0273FA;font-size: 17px;color: #fff;padding: 0 30px;} #monthly_event .con05 .code .code_in .wr input::placeholder{color: #B2D5FF;} #monthly_event .con06 .mission_w .mission01 .before_in{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;} #monthly_event .con06 .btn_box .btn_in{width: 190px;height: 58px;margin-top: -15px;} #monthly_event .con05 .wr3{background: #003BC4;width: calc(100% - 176px);margin: 0 auto;padding: 25px;border-radius: 8px} #monthly_event .con05 .wr3 ul li{text-align: center;font-size: 16px;color: #C1E5FF;line-height: 30px;letter-spacing: -0.5px} #monthly_event .con05 .wr2 ul{display: flex;align-items: center; justify-content: center;gap: 30px;width: 794px;margin: 0 auto;max-width: 100%; margin-top: 35px; padding-top: 35px; border-top: 1px solid #318FFF; margin-bottom: 35px;} #monthly_event .con05 .wr2 ul li{display: flex;align-items: center;gap: 20px} #monthly_event .con05 .wr2 ul li span{display: flex;width: 210px;height: 50px;background: #FFFFFF;border-radius: 50px;align-items: center;justify-content: center;font-size: 20px;color: #0273FA;font-weight: 700} #monthly_event .con05 .wr2 ul li em{display: block;color: #DBF7FF} #monthly_event .con06{padding: 160px 0;} #monthly_event .con06 .l_content{background-color: #fff;padding: 10px;border-radius: 10px;box-shadow: 0 0 6px #122B4820;} #monthly_event .con06 .l_content > div{background-color: #002A7D;min-height:196px ;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 10px;border: 2px solid #0063DB;padding: 20px} #monthly_event .con06 .l_content.login_before > div p{font-size: 20px;color: #DBF7FF;} #monthly_event .con06 .l_content.login_after strong{display: flex;align-items: center;justify-content: center;font-size: 40px;color: #FFFFFF;font-weight: 700;gap: 10px;margin-bottom: 20px;} #monthly_event .con06 .l_content.login_after strong em{width: 100px;height: 40px;display: flex;align-items: center;justify-content: center;background-color: #0273FA;border-radius: 50px;font-size: 16px;color: #FFFFFF;font-weight: 700;gap: 3px} #monthly_event .con06 .l_content.login_after p{font-size: 18px;color: #DBF7FF;} #monthly_event .con06 .l_content.login_after span{font-size: 21px;color: #FFFFFF;font-weight: 600;display: block;margin-bottom: 20px;;} #monthly_event .con06 .inner2{width: 1520px;margin: 0 auto} #monthly_event .con06 .mission_w{border-top: 1px dashed #B5BFD2;margin-top: 80px;padding-top: 58px;;} #monthly_event .con06 .mission_title {text-align: center;} #monthly_event .con06 .mission_title span{color: #0273FA;font-size: 18px;border-bottom: 2px solid #0273FA;font-weight: 600;} #monthly_event .con06 .mission_title strong{font-size: 26px;color: #1A1A1A;font-weight: 700;display: block;margin-top: 10px;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;gap: 12px;height: 40px;} #monthly_event .con06 .mission_title strong em{width: 90px;height: 40px;background-color: #0273FA;display: flex;align-items: center;justify-content: center;border-radius: 30px;gap: 3px;font-size: 16px;color: #FFFFFF;font-weight: 700;} #monthly_event .con06 .mission_title strong em img{display: block;} #monthly_event .con06 .mission_title strong em i{display: block;} #monthly_event .con06 .mission_w{display: flex;gap: 30px} #monthly_event .con06 .mission_w .mission01{width: calc(23.35526315789474% - 15px);} #monthly_event .con06 .mission_w .mission03{width: calc(23.35526315789474% - 15px)} #monthly_event .con06 .mission_w .mission02{width: calc(51.31578947368421%);} #monthly_event .con06 .mission_w .con_w{background-color: #fff;;height: 570px;padding: 40px;padding-top: 25px;border-radius: 10px;box-shadow: 0 0 40px #55566310;} #monthly_event .con06 .mission_w .mission02 .con_w strong{display: block;color: #4F5A70;font-size: 18px;font-weight: 500;text-align: center;line-height: 30px;margin-bottom: 25px;} #monthly_event .con06 .mission_w .mission02 .con_w ul{display: flex;flex-wrap: wrap;gap: 20px} #monthly_event .con06 .mission_w .mission02 .con_w ul li{width: calc(25% - 15px);position: relative;border-radius: 8px;overflow: hidden;} #monthly_event .con06 .mission_w .mission02 .con_w ul li img{width: 100%;display: block;} #monthly_event .con06 .mission_w .mission02 .con_w ul li .txt{position: absolute;bottom: 0;left: 0;border-radius: 8px;height: 90px;background-color: rgba(1,112,246,0.9);width: 100%;backdrop-filter: blur(1px);display: flex;align-items: center;justify-content: center;height: 120px;flex-direction: column;transform: translateY(54px);transition: 0.5s;} #monthly_event .con06 .mission_w .mission02 .con_w ul li:hover .txt{transform: translateY(0px);transition: 0.5s;} #monthly_event .con06 .mission_w .mission02 .con_w ul li .txt p{text-align: center;color: #FFFFFF;text-align: center;line-height: 1.5;font-size: 14px;;} #monthly_event .con06 .mission_w .mission02 .con_w ul li .txt span{width: 106px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50px;background-color: #FFFFFF;font-size: 16px;color: #002A7D;font-weight: 500;margin-top: 15px;} #monthly_event .con06 .mission_w .mission03 .con_w {padding: 24px} #monthly_event .con06 .mission_w .mission03 .con_w .code_in{display: flex;justify-content: space-between;border-bottom: 1px solid #EBEBEB;padding-bottom: 18px;margin-bottom: 18px;;} #monthly_event .con06 .mission_w .mission03 .con_w .code_in button{width: 110px;height: 48px;background-color: #002A7D;border-radius: 50px;font-size: 15px;color: #FFFFFF;font-weight: 500;} #monthly_event .con06 .mission_w .mission03 .con_w .code_in input{width: calc(100% - 117px);height: 48px;border: 1px solid #D6DAE1;padding: 0 24px;font-size: 15px;color: #666666;border-radius: 50px;} #monthly_event .con06 .mission_w .mission03 .con_w .code_in input{cursor: default} #monthly_event .con06 .mission_w .mission03 .con_w ul{display: flex;flex-direction: column;gap: 10px;padding-right: 12px;} #monthly_event .con06 .mission_w .mission03 .con_w .list{overflow-y: scroll;height: 422px;} #monthly_event .con06 .mission_w .mission03 .con_w .list2{height: 422px;display: flex;align-items: center;justify-content: center; position: relative;} #monthly_event .con06 .mission_w .mission03 .con_w .list2 strong{ position: absolute;top: 0;left: 0;background: #EFF4FE;height: 44px;border-radius: 8px;width: 100%;display: flex; align-items: center;padding: 0 25px;font-size: 15px;color: #505C72;font-weight: 400} #monthly_event .con06 .mission_w .mission03 .con_w ul li{height: 44px;display: flex;align-items: center;background-color: #EFF4FE;border-radius: 8px;padding: 0 25px;color: #505C72;border-radius: 8px;} #monthly_event .con06 .mission_w .mission01 .con_w{padding: 0 20px;display: flex;align-items: center;} #monthly_event .con06 .mission_w .mission01 .con_w .card_w{border-radius: 10px;overflow: hidden;position: relative;width: 100%;} #monthly_event .con06 .mission_w .mission01 .con_w .card_w .txt{position: absolute;bottom: 0;left: 0;width: 100%;padding: 15px 10px;} #monthly_event .con06 .mission_w .mission01 .con_w .card_w .txt p{width: 100%;height: 48px;display: flex;align-items: center;justify-content: center;text-align: center;line-height: 1.5;background-color: #FFFFFF;border-radius: 50px;font-size: 18px;color: #000000;} .popup.pop_form .pop_in .pop_w .title strong{margin-bottom: 20px;font-size: 30px;color: #00104E;;} .popup.pop_form .pop_in .pop_w .box_wrap{height: 456px;;padding: 17px 22px;;border-radius: 8px;background-color: #EEF1FB;} .popup.pop_form .pop_in .pop_w .box_wrap .wr{height: 100%;overflow-y: scroll;padding: 20px;} .popup.pop_form .pop_in .pop_w .box_wrap .wr ul{display: flex;flex-direction: column;gap: 40px;} .popup.pop_form .pop_in .pop_w .box_wrap strong{font-size: 20px;color: #00133A;font-weight: 600;display: block;margin-bottom: 30px;;} .popup.pop_form .pop_in .pop_w .box_wrap .ra_list{display: flex;} .popup.pop_form .pop_in .pop_w .box_wrap .ra_list div{width: 120px;border-right: 1px dashed #C8CDD2;;} .popup.pop_form .pop_in .pop_w .box_wrap .ra_list div:last-child{border-right: none;} .popup.pop_form .pop_in .pop_w .box_wrap .ra_list div input{display: none;} .popup.pop_form .pop_in .pop_w .box_wrap .ra_list div label{display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 16px;color: #58698D;gap: 14px} .popup.pop_form .pop_in .pop_w .box_wrap .ra_list div label:before{content: '';display: block;width: 34px;height: 34px;background: url(/main/img/campaign/campaign35/radio.png);background-size: 100% 100%;} .popup.pop_form .pop_in .pop_w .box_wrap .ra_list div input:checked + label:before{background: url(/main/img/campaign/campaign35/radio_on.png);background-size: 100% 100%;} @media (min-width: 1920px) { #monthly_event .main_visual .wave_w div svg{min-width: 100vw;height: auto} } @media (max-width: 1100px) { #month_quick ul{gap: 5px} #month_quick {right: 20px;bottom: 20px} #month_quick ul li a img{width: 50px;} #month_quick ul li div{display: block; padding-right: 5px;} #month_quick ul li a div{margin-top: -14px} #month_quick ul li a div span{height: 28px;font-size: 11px;padding: 0 5px} .popup.pop_form .pop_in .pop_w{padding:20px;} .popup.pop_form .pop_in .pop_w .box_wrap{padding: 10px} .popup.pop_form .pop_in .pop_w .box_wrap .wr{padding:10px} .popup.pop_form .pop_in .pop_w .box_wrap .ra_list div label:before{width: 20px;height: 20px;} .popup.pop_form .pop_in .pop_w .box_wrap strong{font-size: 14px;margin-bottom: 10px;line-height: 1.5;word-break: keep-all;} .popup.pop_form .pop_in .pop_w .box_wrap .ra_list div label{font-size: 12px;word-break: keep-all;} .popup.pop_form .pop_in .pop_w .box_wrap .wr ul{gap: 20px} .popup.pop_form .pop_in .pop_w .title strong{font-size: 20px;margin-bottom: 10px;;} .popup.pop_form .pop_in .pop_w{width: 90vw;max-width: 90vw;} #monthly_event .popup.pop_form .pop_in .pop_w .btn_box .btn_in{width: 160px;height: 45px;} #monthly_event .con06 .btn_box .btn_in{width: 140px;height: 40px;} #monthly_event .con06 .mission_w .mission01 .before_in img{width: 130px;} } /* 추가 */ #monthly_event .con06 .mission_w .mission01 .con_w{position: relative;overflow: hidden;} #monthly_event .con06 .mission_w .mission01 .con_w.end:before{content: '';display: block;width: 100%;height: 100%;background: rgba(0,42,125,0.3);backdrop-filter: blur(5px);position: absolute;top: 0;left: 0;z-index: 30;} #monthly_event .con06 .mission_w .mission01 .con_w.end:after{content: '';display: block;width: 100%;height: 100%;background: url(/main/img/campaign/campaign35/stamp.png) no-repeat center center;backdrop-filter: blur(20px);position: absolute;top: 0;left: 0;z-index: 30;} #monthly_event .con06 .mission_w .mission02 .con_w ul li{position: relative;overflow: hidden;cursor: pointer} #monthly_event .con06 .mission_w .mission02 .con_w ul li.end:before{content: '';display: block;width: 100%;height: 100%;background: rgba(0,42,125,0.3);backdrop-filter: blur(5px);position: absolute;top: 0;left: 0;z-index: 30;} #monthly_event .con06 .mission_w .mission02 .con_w ul li.end:after{content: '';display: block;width: 100%;height: 100%;background: url(/main/img/campaign/campaign35/stamp.png) no-repeat center center;backdrop-filter: blur(20px);position: absolute;top: 0;left: 0;z-index: 30;background-size: 90% auto;} /* 추가 */ .popup{display: block;width: 100%;height: 100%;background: rgba(0,18,54,0.5);backdrop-filter: blur(20px);position: fixed;z-index: 555;top: 0} .popup .pop_in{display: flex;align-items: center;justify-content: center;;width: 100%;height: 100%;} .popup .pop_in .pop_w{position: relative;background-color: #fff;width: 520px;padding: 70px 20px;border-radius: 10px;} .popup .pop_in .pop_w .title strong{display: block;text-align: center;font-size: 26px;color: #1A1A1A;line-height: 42px;} .popup .pop_in .pop_w .title span{font-size: 22px;color: #1A1A1A;margin-top: 20px;display: block;text-align: center;;} .popup .pop_in .pop_w .title + input{margin-top: 30px;} .popup .pop_in .pop_w .title p{font-size: 16px;color: #3B3B3B;margin-bottom: 20px;line-height: 1.5;text-align: center;margin-top: 10px;} .popup .pop_in .pop_w > button{position: absolute;top: 0;right: -60px;} .popup.invite_popup .pop_in .pop_w {padding-left: 50px;padding-right: 50px;;} .popup.card_popup .pop_in .pop_w {width: 450px;padding-bottom: 30px;padding-top: 50px;;} .popup.card_popup .pop_in .pop_w .card{width: 286px;margin: 0 auto;margin-top:20px} .popup.card_popup .pop_in .pop_w .card .img{border-radius: 8px;overflow: hidden;margin-bottom: 15px;} .popup.card_popup .pop_in .pop_w .card p{font-size: 16px;color: #3B3B3B;font-weight: 500;margin-top: 10px;text-align: center;} .popup.card_popup .pop_in .pop_w .card button{width: 100%;height: 48px;border-radius: 50px;background-color: #002A7D;font-size: 18px;color: #FFFFFF;} .popup.card_popup .pop_in .pop_w .card .img img{display: block;} .popup .pop_in .pop_w .btn_box{margin-top: 30px;} .popup.card_popup .pop_in .pop_w .card .btn_box{margin-top: 30px;} .popup.card_popup .pop_in .pop_w .btn_box{width: 286px;margin: 0 auto;} .popup.card_popup .pop_in .pop_w .btn_box.btn_box2{border-top: 1px solid #BFC8D9;padding-top: 30px;margin-top: 30px;} .popup.card_popup .pop_in .pop_w .info p{font-size: 16px;color: #8A97B1;line-height: 30px;margin-top: 20px;text-align: center;} .popup .pop_in .pop_w input{width: 100%;height: 48px;border: 1px solid #D6DAE1;border-radius: 60px;font-size: 18px;padding: 0 20px} .popup .pop_in .pop_w input::placeholder{color: #ACACAC;} .popup.card_popup .pop_in .pop_w input{text-align: center;padding: 0;} .popup.pop_form .pop_in .pop_w{width: 930px;max-width: 100%} .popup.popup_code .pop_in .pop_w{width: 650px;padding: 55px 60px;} .popup.popup_code .pop_in .pop_w ul{display: flex;flex-direction: column;gap: 20px;margin-top: 20px;} .popup.popup_code .pop_in .pop_w ul li{display: flex;align-items: center;} .popup.popup_code .pop_in .pop_w ul li strong{display: block;width: 120px;} .popup.popup_code .pop_in .pop_w ul li div{display: flex;width: calc(100% - 120px);gap: 10px;align-items: center;} .popup.popup_code .pop_in .pop_w ul li div a{font-size: 15px;color: #0E1C38;;} .popup.popup_code .pop_in .pop_w ul li div button{width: 140px;height: 40px;background-color: #0170F6;border-radius: 50px;color: #FFFFFF;font-size: 15px;} .popup.popup_code .pop_in .pop_w ul li div input, .popup.popup_code .pop_in .pop_w ul li div a{width: calc(100% - 150px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .popup.popup_code .pop_in .ov_pop{height: 514px;overflow-y: scroll;padding-right: 25px;} .popup.popup_code .pop_in .ov_pop .wr{display: flex;flex-direction: column;gap: 40px;} .popup.popup_code .pop_in .ov_pop .title {margin-bottom: 20px;} .popup.popup_code .pop_in .ov_pop .title strong{text-align: left;} .popup.popup_code .pop_in .ov_pop .file_w{position: relative;} .popup.popup_code .pop_in .ov_pop .file_w{max-height: 235px;display: flex;align-items: center;justify-content: center; overflow: hidden;border-radius: 10px} .popup.popup_code .pop_in .ov_pop .file_w input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;} .popup.popup_code .pop_in .ov_pop img{width: 100%;} #monthly_event .con06 .l_content > div{position: relative;} .popup {display: none;} .dot{position: absolute;width: 30px;height: 30px;background: url(/main/img/campaign/campaign35/dot.png);} .dot1{left: 8px;top: 8px;} .dot2{right: 8px;top: 8px;} .dot3{right: 8px;bottom: 8px;} .dot4{left: 8px;bottom: 8px;} .popup.popup_code .pop_in .ov_pop textarea{width: 100%;height: 280px;background-color: #EEF1FB;border-radius: 8px;border: none;font-size: 18px;color: #4D4D4D;padding: 24px;} #monthly_event .btn_box{display: flex;justify-content: center;gap: 10px;} #monthly_event .btn_box .btn_in{width: 240px;height: 58px;display: flex;align-items: center;justify-content: center;background-color: #002A7D;border-radius: 50px;position: relative;overflow: hidden;} #monthly_event .btn_box .btn_in:before{content: '';display: block;width: 100%;height: 300px;border-radius: 150px 150px 0 0 ;position: absolute;left: 0;background-color: #0273FA;top: 100%;transition: 0.5s;} #monthly_event .btn_box .btn_in:hover:before{transform: translateY(-200px);} #monthly_event .btn_box .btn_in div{position: relative;overflow: hidden;;z-index: 5;} #monthly_event .btn_box .btn_in div span{font-size: 18px;color: #FFFFFF;font-weight: 500;display: block;} #monthly_event .btn_box .btn_in div span:nth-child(1){position: absolute;width: 100%;left: 0;top: 100%;} #monthly_event .con05 .btn_box .btn_in:before{background: #fff} #monthly_event .con05 .btn_box .btn_in:hover span{color:#0273FA} #monthly_event .btn_box .btn_in div span{transition: 0.5s;} #monthly_event .btn_box .btn_in:hover div span{transform: translateY(-100%);} #monthly_event .con06 .mission_w .mission01 .con_w .card_w img{width: 100%;} #monthly_event .con06 .mission_w .mission01 .con_w .card_w .txt p{word-break: keep-all;} #monthly_event .main_visual span{transform: translateY(70px);transition: 1s;opacity: 0;} #monthly_event .main_visual.on span{transform: translateY(0px);transition: 1s;opacity: 1;} #monthly_event .main_visual .title{transform: translateY(70px);transition: 1s;opacity: 0;} #monthly_event .main_visual.on .title{transform: translateY(0px);transition: 1s;opacity: 1;transition-delay: 0.3s;} #monthly_event .main_visual .ill{transform: translateY(70px);transition: 1s;opacity: 0;} #monthly_event .main_visual.on .ill{transform: translateY(0px);transition: 1s;opacity: 1;transition-delay: 0.3s;} #monthly_event .main_visual.on .ill01{transition-delay: 0.6s;} #monthly_event .main_visual.on .ill02{transition-delay: 0.9s;} #monthly_event .main_visual.on .ill03{transition-delay: 1.2s;} #monthly_event .a_title{transform: translateY(70px);transition: 1s;opacity: 0;} #monthly_event .on .a_title{transform: translateY(0px);transition: 1s;opacity: 1;} #monthly_event .con01 .info_box{transform: translateY(70px);transition: 1s;opacity: 0;} #monthly_event .con01.on .info_box{transform: translateY(0px);transition: 1s;opacity: 1;transition-delay: 0.3s;} #monthly_event .con01 .camp_info{transform: translateY(70px);transition: 1s;opacity: 0;} #monthly_event .con01.on .camp_info{transform: translateY(0px);transition: 1s;opacity: 1;transition-delay: 0.6s;} #monthly_event .con02 ul li{transform: translateY(70px);transition: 1s;opacity: 0;} #monthly_event .con02.on ul li{transform: translateY(0px);transition: 1s;opacity: 1;transition-delay: 0.3s;} #monthly_event .con02.on ul li:nth-child(2){transition-delay: 0.6s;} #monthly_event .con02.on ul li:nth-child(3){transition-delay: 0.9s;} #monthly_event .con03 .card_wrap{transform: translateY(70px);transition: 1s;opacity: 0;} #monthly_event .con03.on .card_wrap{transform: translateY(0px);transition: 1s;opacity: 1;transition-delay: 0.3s;} #monthly_event .con03 .btn_box{transform: translateY(70px);transition: 1s;opacity: 0;} #monthly_event .con03.on .btn_box{transform: translateY(0px);transition: 1s;opacity: 1;transition-delay: 0.3s;} #monthly_event .con04 .info ul{transform: translateY(70px);transition: 1s;opacity: 0;} #monthly_event .con04.on .info ul{transform: translateY(0px);transition: 1s;opacity: 1;transition-delay: 0.3s;} #monthly_event .con04 .card_list ul{transform: translateY(70px);transition: 1s;opacity: 0;} #monthly_event .con04.on .card_list ul{transform: translateY(0px);transition: 1s;opacity: 1;transition-delay: 0.6s;} #monthly_event .con05 .code{transform: translateY(70px);transition: 1s;opacity: 0;} #monthly_event .con05.on .code{transform: translateY(0px);transition: 1s;opacity: 1;transition-delay: 0.3s;} #monthly_event .con06 .l_content{transform: translateY(70px);transition: 1s;opacity: 0;} #monthly_event .con06.on .l_content{transform: translateY(0px);transition: 1s;opacity: 1;transition-delay: 0.3s;} #monthly_event .con06 .mission_w{transform: translateY(70px);transition: 1s;opacity: 0;} #monthly_event .con06.on .mission_w{transform: translateY(0px);transition: 1s;opacity: 1;transition-delay: 0.6s;} @media (max-width: 1600px) { #monthly_event .con06 .mission_w .mission02 .con_w ul li .txt p{font-size: 11px;} #monthly_event .con06 .inner2{width: 100%;padding: 0 20px;} } @media (max-width: 1100px) { #monthly_event .inner{width: 100%;padding: 0 20px;} #monthly_event .main_visual span{font-size: 26px;} #monthly_event .main_visual .title img{width: 700px;} #monthly_event .main_visual .ill02 img{width: 110px;} #monthly_event .main_visual .ill01 img{width: 130px;} #monthly_event .main_visual .ill03 img{width: 130px;} #monthly_event .main_visual .ill02{right: -100px;} #monthly_event .main_visual .ill01{left: 30px;top: -20px;} #monthly_event .main_visual .ill03{left: 30px;bottom: 20px;} #monthly_event .con01 .info_box .txt p{font-size: 16px;line-height: 1.5;;} #monthly_event .con01 .camp_info .camp_info_in{width: 100%;padding: 40px 20px;} #monthly_event .con01 .camp_info .camp_info_in ul li .in p{font-size: 16px;line-height: 1.5;;} #monthly_event .con01 .camp_info .camp_info_in ul li .benefits strong{font-size: 15px;line-height: 1.5;;} #monthly_event .con01 .camp_info .camp_info_in ul li .title strong{height: 40px;font-size: 16px;} #monthly_event .con01 .camp_info .camp_info_in ul li .title{width: 100px;} #monthly_event .con01 .camp_info .camp_info_in .info p{font-size: 14px;} #monthly_event .con01, #monthly_event .con02, #monthly_event .con03, #monthly_event .con04, #monthly_event .con05{padding: 60px 0;} #monthly_event .con02 ul li .txt p{font-size: 15px;line-height: 1.5;;} #monthly_event .con02 ul li .txt span{font-size: 14px;} #monthly_event .con02 ul li .card .tit span{font-size: 15px;} #monthly_event .con02 ul li .card .tit strong{font-size: 19px;margin-bottom: 20px;;} #monthly_event .con02 ul li .card .tit em img{width: 18px;} #monthly_event .con02 ul li .card .tit em{width: 70px;height: 32px;font-size: 15px;} #monthly_event .con02 ul li .card{height: auto;gap: 20px;} #monthly_event .con02 ul{gap: 20px} #monthly_event .a_title strong{font-size: 30px;} #monthly_event .a_title strong img{width: 40px;} #monthly_event .a_title{margin-bottom: 25px;} #monthly_event .a_title p{font-size: 18px;line-height: 1.5;word-break: keep-all;margin-top: 15px;;} #monthly_event .con04 .card_list ul li .txt p{font-size: 15px;} #monthly_event .a_title span img{width: 230px;} #monthly_event .a_title span{width: 230px;height: 77px;font-size: 15px;} #monthly_event .con04 .info ul li p{font-size: 15px;line-height: 1.5;;} #monthly_event .con04 .info ul li i{width: 30px;height: 30px;font-size: 15px;} #monthly_event .btn_box .btn_in{height: 40px;width: 180px;} #monthly_event .btn_box .btn_in div span{font-size: 15px;} #monthly_event .con05 .code .btn_box{ margin-top: 0; padding-top: 0;} #monthly_event .con05 .wr2 ul{width: 90%;margin: 20px auto ; padding: 20px;} #monthly_event .con05 .code .code_in p{font-size: 16px; margin-bottom: 10px;} #monthly_event .con05 .code{ margin-left: 0;width: 100%} #monthly_event .con05 .wr3 ul li{word-break: keep-all;font-size: 12px; line-height: 1.5;} #monthly_event .con05 .wr2 ul li em{font-size: 13px} #monthly_event .con05 .wr3{width: calc(100% - 40px)} #monthly_event .con05 .wr2 ul li span{width: 110px;font-size: 13px;height: 36px} #monthly_event .con05 .code .code_in .btn_box .btn_in{width: 130px;} #monthly_event .con05 .code .code_in .wr input{height: 40px;font-size: 13px;padding-left: 20px;width: 300px;} #monthly_event .con05 .code .code_in strong{margin-bottom: 20px;font-size: 15px;} #monthly_event .con05 .code .code_in{border-width: 3px;padding: 25px 0;} #monthly_event .con06{padding: 60px 0;} #monthly_event .con06 .l_content.login_after span{font-size: 16px;margin-bottom: 12px;} #monthly_event .con06 .l_content.login_after p{font-size: 15px;} #monthly_event .con06 .l_content.login_after strong{font-size: 28px;} #monthly_event .con06 .l_content.login_after strong em img{width: 20px;} #monthly_event .con06 .l_content.login_after strong em{font-size: 15px;width: 80px;height: 32px;} #monthly_event .con06 .l_content > div{height: 150px;} #monthly_event .con06 .l_content{padding: 5px;} #monthly_event .con06 .l_content.login_before > div p{font-size: 15px;} #monthly_event .con06 .mission_w{margin-top: 30px;padding-top: 30px;;} #monthly_event .con06 .mission_w{flex-direction: column;} #monthly_event .con06 .mission_w .mission01, #monthly_event .con06 .mission_w .mission02, #monthly_event .con06 .mission_w .mission03{width: 100%;} #monthly_event .con06 .mission_w .con_w{height: auto;} #monthly_event .con06 .mission_w .mission01 .con_w{padding: 20px;justify-content: center;align-items: center;;;} .popup .pop_in .pop_w .title span{font-size: 15px;} .popup .pop_in .pop_w .title p{font-size: 13px;margin-bottom: 15px;line-height: 1.5;;;} .popup .pop_in .pop_w .title strong{font-size: 18px;line-height: 1.5;} .popup .pop_in .pop_w .title span{margin-top: 10px;} .popup.card_popup .pop_in .pop_w .card{width: 200px;} .popup.card_popup .pop_in .pop_w .card img{width: 100%;} .popup.card_popup .pop_in .pop_w .card button{height: 30px;font-size: 13px;} #monthly_event .btn_box{margin-top: 15px;padding-top: 15px;;} .popup.card_popup .pop_in .pop_w .info p{font-size: 12px;line-height: 1.5;;} .popup.card_popup .pop_in .pop_w{padding: 30px;} .popup .pop_in .pop_w > button{right: 0;top: -40px} .popup.card_popup .pop_in .pop_w{width: auto;} .popup .pop_in .pop_w input{height: 40px;font-size: 13px;} .popup .pop_in .pop_w > button svg{width: 30px;height: auto;} .popup.card_popup .pop_in .pop_w .card p{font-size: 12px;word-break: keep-all;;} .popup .pop_in .pop_w{max-width: 80vw;padding: 20px;} .popup .pop_in .pop_w .title + input{margin-top: 15px;} .popup .pop_in .pop_w .title strong{word-break: keep-all;} .popup.popup_code .pop_in .pop_w ul li{flex-direction: column;} .popup.popup_code .pop_in .pop_w ul li div{flex-direction: column;} .popup.popup_code .pop_in .pop_w ul li strong{width: 100%;text-align: center;} .popup.popup_code .pop_in .pop_w ul li div input{width: 100%;} .popup.popup_code .pop_in .pop_w ul li div a{width: 100%;text-align: center;font-size: 11px;} .popup.popup_code .pop_in .pop_w ul li strong{font-size: 13px;margin-bottom: 10px;;} .popup.popup_code .pop_in .pop_w ul li div button{width: 100%;font-size: 13px;height: 34px;} .popup.popup_code .pop_in .pop_w ul li div{width: 100%;} .popup.popup_code .pop_in .pop_w{padding: 20px;} .popup.popup_code .pop_in .ov_pop .title{margin-bottom: 10px;} .popup.popup_code .pop_in .ov_pop textarea{height: 160px;font-size: 13px;padding: 15px;} .popup.popup_code .pop_in .ov_pop .wr{gap: 30px} .popup.popup_code .pop_in .ov_pop{height: auto;padding-right: 0;;} #monthly_event .con06 .mission_w .mission03 .con_w .list2 strong{height: 30px;font-size: 13px;padding: 0 15px} #monthly_event .con06 .mission_w .mission03 .con_w .list2{height: 250px} } @media (max-width: 880px) { #monthly_event .con01 .info_box .txt p b:after, #monthly_event .con01 .camp_info .camp_info_in ul li .in p em:after, #monthly_event .a_title p b:after, #monthly_event .con05 .code .code_in p:after{background-size: auto 5px} #monthly_event .con06 .mission_w .mission02 .con_w ul li .txt{height: 90px;padding: 0 10px;} #monthly_event .con06 .mission_w .mission02 .con_w ul li .txt span{width: 100%;height: 26px;font-size: 13px;} #monthly_event .con06 .mission_w .mission02 .con_w ul li .txt{transform: translateY(0);} #monthly_event .con06 .mission_w .mission02 .con_w ul li .txt #monthly_event .con06 .mission_w .mission01 .con_w .card_w .txt p{height: 32px;font-size: 13px;} #monthly_event .con06 .mission_w .mission02 .con_w strong{margin-bottom: 15px;} #monthly_event .con06 .mission_title strong{margin-bottom: 20px;} #monthly_event .con06 .mission_title span{font-size: 13px;} #monthly_event .con06 .mission_title strong{font-size: 20px;} #monthly_event .con06 .mission_w .mission02 .con_w strong{font-size: 13px;line-height: 1.5;} #monthly_event .main_visual .title img{width: 500px;} #monthly_event .main_visual .ill02 img{width: 85px;} #monthly_event .main_visual .ill01 img{width: 100px;} #monthly_event .main_visual span{font-size: 16px;margin-bottom: 10px;;} #monthly_event .con01 .info_box .txt p{font-size: 14px;;} #monthly_event .con01 .info_box .txt p span{font-size: 12px;} #monthly_event .con01 .info_box .txt p b{color: #0170F6;} #monthly_event .con01 .info_box .txt{gap: 10px} #monthly_event .con01 .info_box{padding: 25px 20px;} #monthly_event .btn_box .btn_in div span{font-size: 13px;} #monthly_event .btn_box .btn_in{width: 140px;} #monthly_event .con01 .camp_info .camp_info_in ul li{flex-direction: column;justify-content: flex-start;align-items: flex-start;} #monthly_event .con01 .camp_info .camp_info_in ul li .in{padding-left: 0;padding-top: 20px;;} #monthly_event .con01 .camp_info .camp_info_in ul li .box span{position: static;width: 100%;height: 40px;border-radius: 5px;flex-direction: row;gap: 5px;font-size: 12px;margin-bottom: 10px;} #monthly_event .con01 .camp_info .camp_info_in ul li .box span b{font-size: 14px;}#monthly_event .con01 .camp_info .camp_info_in ul li .benefits{gap: 20px} #monthly_event .con01 .camp_info .camp_info_in ul li .benefits .box{flex: 1;} #monthly_event .con01 .camp_info .camp_info_in ul li .benefits .box img{width: 100%;} #monthly_event .con01 .camp_info .camp_info_in ul li .benefits strong{font-size: 13px;margin-top: 10px;;} #monthly_event .con01 .camp_info .camp_info_in .info p{font-size: 13px;line-height: 1.5;;} #monthly_event .con01 .camp_info .camp_info_in .info{height: auto;padding: 20px ;} #monthly_event .con01 .camp_info .camp_info_in ul li .in p{font-size: 13px;word-break: keep-all;;} #monthly_event .con01 .camp_info .camp_info_in ul li .title strong{height: 30px;font-size: 13px;} #monthly_event .con02 ul li .txt p br{display: none;} #monthly_event .con02 ul li .txt p{font-size: 13px;word-break: keep-all;;} #monthly_event .con02 ul li .txt span{font-size: 12px;} #monthly_event .con02 ul li .card .tit span{font-size: 13px;} #monthly_event .con02 ul li .card .tit strong{font-size: 17px;} #monthly_event .con02 ul li .card .tit em{font-size: 13px;} #monthly_event .a_title strong{align-items: center;font-size: 27px;} #monthly_event .a_title strong img{display: block;} #monthly_event .a_title strong img{font-size: 30px;} #monthly_event .con04 .info ul li p{font-size: 13px;margin-top: 7px;} #monthly_event .con04 .info ul li{padding: 20px 0;border-radius: 5px;} #monthly_event .con04 .card_list ul li .txt p{font-size: 13px;} #monthly_event .a_title p{font-size: 13px;} #monthly_event .con06 .l_content.login_after p{font-size: 13px;} #monthly_event .con03 .card_wrap .card{width: 235px;} #monthly_event .con03 .card_wrap{gap: 5px} #monthly_event .con03 .card_wrap .card .card_in{height: 330px;} #monthly_event .con03 .card_wrap .card .card_in span{font-size: 13px;width: 70px;height: 30px;} #monthly_event .con03 .card_wrap .card .card_in .ques svg{width: 50px;height: auto;} #monthly_event .con03 .card_wrap .card .card_in .ques{margin-top: 50px;} #monthly_event .con03 .card_wrap{margin-bottom: 20px;} #monthly_event .con03 .card_wrap.act .c01{transform: translateX(300%);} #monthly_event .con03 .card_wrap.act .c02{transform: translateX(200%);} #monthly_event .con03 .card_wrap.act .c03{transform: translateX(100%);} #monthly_event .con03 .card_wrap.act .c05{transform: translateX(-100%);} #monthly_event .con03 .card_wrap.act .c06{transform: translateX(-200%);} #monthly_event .main_visual .wave_w div svg{width: 900px;height: auto} #monthly_event .con03 .card_wrap.act .c07{transform: translateX(-300%);} } @media (max-width: 660px) { #monthly_event .con05 .wr2 ul{flex-direction: column;gap: 10px;margin: 0 auto;padding-top: 10px; margin-top: 10px;} #monthly_event .con05 .wr3{padding: 20px 10px} #monthly_event .con05.con05_btm .code .code_in strong{font-size: 25px;} .dot{width: 15px;height: 15px;background-size: 100% 100%;} #monthly_event .con06 .mission_w .con_w{padding: 20px;} #monthly_event .con06 .mission_w .mission03 .con_w{padding: 20px;} #monthly_event .con06 .mission_w .mission03 .con_w .code_in input{height: 40px;font-size: 13px;padding-left: 20px;} #monthly_event .con06 .mission_w .mission03 .con_w .code_in button{height: 40px;font-size: 13px;} #monthly_event .con06 .mission_w .mission01 .con_w .card_w .txt p{font-size: 13px;height: auto;padding: 10px;} #monthly_event .con06 .mission_title strong em{font-size: 13px;width: 70px;height: 30px;} #monthly_event .con06 .mission_title strong em img{width: 18px;} #monthly_event .con06 .mission_w .mission03 .con_w .list{height: 250px;} #monthly_event .con06 .mission_w .mission03 .con_w ul{gap: 3px} #monthly_event .con06 .mission_w .mission03 .con_w ul li{height: 28px;font-size: 13px;padding: 0 10px;border-radius: 5px;} #monthly_event .con06 .mission_w .mission02 .con_w ul{gap: 10px} #monthly_event .con06 .mission_w .mission02 .con_w ul li{width: calc(50% - 5px);} #monthly_event .con01 .info_box{border-radius: 10px;} #monthly_event .con01 .info_box .txt p br{display: none;} #monthly_event .con01 .info_box .txt p{word-break: keep-all;line-height: 1.5;font-size: 13px;;} #monthly_event .con01 .camp_info .camp_info_in ul li .in{width: 100%;} #monthly_event .con02 ul{flex-direction: column;gap:20px} #monthly_event .con02 ul li .txt{margin-top: 10px;} #monthly_event .a_title strong{font-size: 22px;} #monthly_event .a_title span img{width: 180px;font-size: 13px;} #monthly_event .a_title span{width: 180px;height: 60px;} #monthly_event .con04 .card_list ul li{width: calc(50% - 5px);} #monthly_event .con04 .card_list ul{gap: 10px} #monthly_event .con04 .info ul{flex-direction: column;gap: 10px} #monthly_event .con05 .code .code_in .wr{flex-direction: column;} #monthly_event .con06 .l_content.login_after span{font-size: 13px;} #monthly_event .con06 .l_content.login_before > div p{font-size: 13px;} #monthly_event .con06 .l_content.login_after strong{font-size: 20px;margin-bottom: 15px;} #monthly_event .con06 .l_content.login_after strong em{font-size: 13px;} #monthly_event .con06 .l_content.login_after strong em img{display: block;width: 17px;} #monthly_event .con01 .camp_info .camp_info_in ul li .benefits{flex-wrap: wrap;gap: 10px} #monthly_event .con01 .camp_info .camp_info_in ul li .benefits .box{width: calc(50% - 5px);flex: none;} #monthly_event .main_visual .leaf01 img{width: 160px;} #monthly_event .main_visual .leaf02 img{width: 180px;} #monthly_event .con05 .code .code_in .wr input{max-width: 90%;} #monthly_event .con06 .l_content.login_after p{word-break: keep-all;padding: 0 10px;} #monthly_event .con06 .mission_w .mission02 .con_w ul li .txt p br{display: none;} #monthly_event .con06 .mission_w .mission02 .con_w ul li .txt p{word-break: keep-all;} #monthly_event .con01 .camp_info .camp_info_in ul li .benefits{ padding-top: 0;} } @media (max-width: 500px) { #monthly_event .main_visual .ill01 { left: -20px; top: -39px; } #monthly_event .main_visual .ill02{right: -30px;bottom: -75px} #monthly_event .main_visual .ill03 img{width: 90px} #monthly_event .main_visual .title img{width: 280px} #monthly_event .a_title strong, #monthly_event .con05.con05_btm .code .code_in strong{font-size: 20px} }