@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2023/ */

.flt_inner.renewal li { margin-top: 3px; } 
.flt_inner.renewal li.top { margin-top: 3px; } 
.flt_inner.renewal li a { position: relative; } 
.flt_inner.renewal li a i { position: absolute; } 
.flt_inner.renewal li:nth-child(2) a i { right: -25px; top: 18px; } 
.flt_inner.renewal li:nth-child(3) a i { top: 31px; right: -16px; } 

.fixBnr { background: #196ae5; } 
.fixBnr.fix { position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; } 
.fixBnr .inner { width: 1065px; } 
.fixBnr .inner > a { display: flex; justify-content: space-between; align-items: center; padding: 33.1px 0; } 
.fixBnr .conWrap { } 
.fixBnr .conWrap .ico { font-size: 18px; color: #fff; display: inline-block; background: #000; line-height: 1.2; padding: 6.9px 31.8px; border-radius: 14px 0 14px 0; vertical-align: middle; margin: 0 58px 0 0; } 
.fixBnr .conWrap .ico span { color: #11df7a; } 
.fixBnr .conWrap .txt { display: inline-block; text-align: left; color: #fff; vertical-align: middle; } 
.fixBnr .conWrap .txt .con1 { font-size: 21.32px; line-height: 1; margin: 0 0 13px; } 
.fixBnr .conWrap .txt .con2 { font-size: 29.61px; font-weight: 700; line-height: 1; } 
.fixBnr .conWrap .txt .con2 span { color: #11df7a; } 
.fixBnr .detail { color: #fff; font-size: 18px; border: 1px solid #fff; padding: 2.9px 27px; } 

.evCon1 { background: #8ff2f0 url('https://img.megagong.net/m/2023/0224_law/con1_bg.jpg') no-repeat; padding: 93px 0 110px; } 
.evCon1 h3 { margin: 0 -35px; } 
.evCon1 .con_txt { position: relative; margin: 38px -270px 48px; } 
.evCon1 .con_txt::before { content:''; background: #9e9e9e; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; } 
.evCon1 .con_txt span { padding: 0 20px; font-size: 28.63px; font-weight: 700; position: relative; background: linear-gradient(90deg, #b4f9f1, #b6f6e2); border-radius: 140px; } 
.evCon1 .con_txt span .point { } 
.evCon1 .con_txt span .point { display: inline-block; margin-right: 5px; } 
.evCon1 .con_txt span .point .on { display: none; } 
.evCon1 .con_txt span .point .on.show { display: inline-block; } 
.evCon1 .con_txt span .point .on.show + img { display: none; } 
.evCon1 .con1_content { width: 950px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; } 
.evCon1 .con1_content li { border-radius: 25px; display: inline-block; background: #fff; width: 31.16%; padding: 29px 0; } 
.evCon1 .con1_content li .ico { } 
.evCon1 .con1_content li .txt { font-size: 18px; margin: 18px 0 0; } 
.evCon1 .con1_content li .txt strong { font-weight: 900; } 

.evCon2 { padding: 160px 0; } 
.evCon2 .con_tit { } 
.evCon2 .con2_content { margin: 76px -60px 0; } 
.evCon2 .tiny_noti { font-size: 13px; margin: 16px 0 80px 350px; font-weight: 700; } 
.evCon2 .con_txt { } 

.evCon3 { background: #196ae5; padding: 25px 0 160px; } 
.evCon3 .inner { width: 1200px; } 
.evCon3 .tiny_noti { text-align: right; color: #a2a2a2; font-size: 13px; } 
.evCon3 .con_tit { margin: 103px 0 70px; } 
.evCon3 .rollWrap { margin: 0 -70px; } 
.evCon3 .con3_roll { width: 1200px; margin: 0 auto; } 
.evCon3 .con3_roll .slick-slide {width: 386px;background: #fff;margin: 0 20px 0 0;border-radius: 20px;overflow: hidden;} 
.evCon3 .con3_roll .item { background: #fff; } 
.evCon3 .con3_roll .item .picto { margin: 28px auto 20px; display: inline-block; } 
.evCon3 .con3_roll .item .tag { } 
.evCon3 .con3_roll .item .tag li { font-size: 13.85px; display: inline-block; background: #11df7a; border-radius: 100px; padding: 4.3px 0; width: 120px; font-weight: 700; } 
.evCon3 .con3_roll .item .tag li:first-child { margin: 0 7px 0 0; } 
.evCon3 .con3_roll .item .txtWrap { height: 224px; display: flex; justify-content: center; align-items: center; } 
.evCon3 .con3_roll .item .txtWrap p { font-size: 15px; font-weight: 200; line-height: 1.5; } 
.evCon3 .con3_roll .item .txtWrap p strong { } 
.evCon3 .con3_roll .slick-arrow { font-size: 0; width: 40px; height: 54px; position: absolute; top: 50%; transform: translate(0, -50%); z-index: 1; } 
.evCon3 .con3_roll .slick-prev { background:url('https://img.megagong.net/m/2023/0224_law/con3_roll_prev.png') no-repeat; left: -70px; } 
.evCon3 .con3_roll .slick-next { background:url('https://img.megagong.net/m/2023/0224_law/con3_roll_next.png') no-repeat; right: -70px; } 

.evCon4 { background: #d9eaff; padding: 190px 0 160px; overflow: inherit !important; } 
.evCon4 .con_tit { } 
.evCon4 .con_box { } 
.evCon4 .con4_content { margin: 80px 0 150px; position: relative; } 
.evCon4 .con4_content::before { content:''; background:url('https://img.megagong.net/m/2023/0224_law/con4_img1.png') no-repeat; width: 107px; height: 914px; position: absolute; left: 0px; top: 20px; } 
.evCon4 .con4_content li { width: 930px; background: #fff; float: right; display: flex; justify-content: flex-end; align-items: center; margin: 0 0 10px; position: relative; border-radius: 15px; padding: 28.1px 0; } 
.evCon4 .con4_content li::before { content:''; background:url('https://img.megagong.net/m/2023/0224_law/con4_ico1.png') no-repeat; width: 96px; height: 8px; position: absolute; top: 50%; left: -90px; transform: translate(0, -50%); } 
.evCon4 .con4_content li.step { width: 980px; background: #000; color: #fff; border-radius: 0; padding: 22.8px 0; } 
.evCon4 .con4_content li.step::before { width: 0; height: 0; background: none; border-right: 40px solid #000; border-top: 38px solid transparent; border-bottom: 37.7px solid transparent; position: absolute; top: 0; left: -40px; transform: none; } 
.evCon4 .con4_content li:last-child { margin: 0 0; } 
.evCon4 .con4_content li:nth-child(2).on { background: #a1ffd1; } 
.evCon4 .con4_content li:nth-child(3).on { background: #53faa8; } 
.evCon4 .con4_content li:nth-child(4).on { background: #53faa8; } 
.evCon4 .con4_content li:nth-child(6).on { background: #0cb864; } 
.evCon4 .con4_content li:nth-child(7).on { background: #079b53; } 
.evCon4 .con4_content li .tit { font-size: 21px; font-weight: 700; width: calc(100% - 610px); position: relative; } 
.evCon4 .con4_content li .tit::before { content:''; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); background:url('https://img.megagong.net/m/2023/0224_law/con4_ico2.png') no-repeat; width: 6px; height: 96px; } 
.evCon4 .con4_content li.step .tit::before { background-image:none; background-color: #3a3a3a; width: 1px; height: 140%; } 
.evCon4 .con4_content li.on .tit::before { background:url('https://img.megagong.net/m/2023/0224_law/con4_ico2_on.png') no-repeat; } 
.evCon4 .con4_content li .tit span { font-size: 16px; } 
.evCon4 .con4_content li .tit span .mo { display:none; } 
.evCon4 .con4_content li.step .tit { padding-left: 85px; } 
.evCon4 .con4_content li.step .tit .mo { display:none; } 
.evCon4 .con4_content li.step .txt { font-weight: 200; text-align: center; padding-right: 110px; } 
.evCon4 .con4_content li .txt { width: 610px; text-align: left; font-size: 17px; padding-left: 55px; } 
.evCon4 .con4_content li .txt .ico { position: absolute; color: #fff; background: #ce2363; font-style: normal; border-radius: 100%; text-align: center; font-size: 11.74px; width: 60px; padding: 13.6px 0; top: 50%; right: 15px; transform: translate(0, -50%); } 
.evCon4 .lecture { padding-bottom: 0 !important; } 
.evCon4 .lecList { background: #fff; } 
.evCon4 .vodchr_banner { margin-bottom: 0; } 
.evCon4 .lectlist .lect_item:last-child { border-bottom: 1px solid #ccc; } 

.evCon5 { padding: 160px 0; } 
.evCon5 .con_tit { margin: 0 0 76px; } 
.evCon5 .review_slide{width:1160px;overflow:hidden; border-radius:20px; box-shadow:0px 10px 10px 0px rgba(0,0,0,7%);margin:0 auto;}
.evCon5 .review_slide * {line-height:0}
.evCon5 .review_slide .item{position:relative}
.evCon5 .review_slide .item::before{content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#e5e5e5}
.evCon5 .review_slide .slick-current .item::before{display:none}
.evCon5 .review_slide .item p{background-color: #3444e3;color:#fff;font-size: 22px;text-align: center;line-height: 70px;height: 70px;font-weight: bold;}

.evCon6 { background: #11df7a; padding: 190px 0 160px; } 
.evCon6 .con_tit { margin: 0 0 60px; } 
.evCon6 .box { background: #fff; margin: 0 0 20px; position: relative; height: 355px; text-align: left; padding: 62px 0 0 58px; } 
.evCon6 .box:nth-of-type(4) { margin: 0 0; } 
.evCon6 .box .tit { font-size: 25px; font-weight: 900; position: relative; z-index: 1; } 
.evCon6 .box .tit::before { content:''; width: 0; height: 0; border-top: 30px solid #11df7a; border-left: 17.5px solid transparent; border-right: 17.5px solid transparent; position: absolute; z-index: -1; transform: rotate(85deg); top: -8px; left: -20px; } 
.evCon6 .box .tit strong { font-size: 35px; font-weight: 900; } 
.evCon6 .box .txt { position: relative; z-index: 1; font-size: 18px; margin: 30px 0 36px; } 
.evCon6 .box .link { position: relative; z-index: 1; } 
.evCon6 .box .link li { display: inline-block; } 
.evCon6 .box .link li:first-child { padding-right: 15px; margin-right: 12px; position: relative; } 
.evCon6 .box .link li:first-child::before { content:''; background: #a5a5a5; width: 2px; height: 50%; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } 
.evCon6 .box .link li a { font-size: 17px; color: #606060; } 
.evCon6 .box .link li a i { display: inline-block; margin-left: 5px; vertical-align: text-bottom; } 
.evCon6 .box .tea { position: absolute; bottom: 0; right: 50px; } 
.evCon6 .btn { display: inline-block; margin: 50px 0 0; background: #000; color: #fff; text-align: left; font-size: 17px; width: 652px; padding: 24px 47px; border-radius: 15px; position: relative; } 
.evCon6 .btn::before { content:''; background:url('https://img.megagong.net/m/2023/0224_law/con6_ico2.png') no-repeat; width: 24px; height: 32px; position: absolute; top: 50%; right: 30px; transform: translate(0, -50%); } 
.evCon6 .btn span { font-size: 23px; font-weight: 700; } 
.evCon6 .btn span strong { color: #11df7a; } 

.evCon7 { background: #004f86; padding: 160px 0 174px; } 
.evCon7 .con_tit { position: relative; z-index: 1; } 
.evCon7 .con_tit::before { content:''; background:url('https://img.megagong.net/m/2023/0224_law/con7_tit_ico.png') no-repeat; width: 204px; height: 185px; position: absolute; left: 70px; top: -30px; z-index: -1; } 
.evCon7 .con_tit i { position: absolute; right: 60px; top: -13px; } 
.evCon7 .conWrap { margin: 80px 0 43px; } 
.evCon7 .conWrap .book { display: inline-block; vertical-align: top; margin: 10px 12px 0 0; } 
.evCon7 .conWrap ul { display: inline-block; } 
.evCon7 .conWrap ul li { background: #fff; padding: 16px 0 18px; margin: 0 0 18px; width: 490px; border-radius: 0 10px 0 10px; } 
.evCon7 .conWrap ul li:last-child { margin-bottom: 0; } 
.evCon7 .conWrap ul li .tit { margin: 0 0 10px; } 
.evCon7 .conWrap ul li .tit span { font-size: 21px; font-weight: 700; position: relative; z-index: 1; } 
.evCon7 .conWrap ul li .tit span::before { content:''; background: #11df7a; height: 39%; width: 105.4%; position: absolute; z-index: -1; bottom: 7%; left: 50%; transform: translate(-50%, 0); } 
.evCon7 .conWrap ul li .txt { font-size: 18px; font-weight: 200; } 
.evCon7 .conWrap ul li .txt strong { } 
.evCon7 .btn,
.evCon5 .btn {display: inline-block;background: #000;color: #fff;font-size: 23px;width: 340px;font-weight: 700;padding: 20.5px 0;border-radius: 10px;} 

.evCon8 {background: #ae236e;padding: 170px 0 160px;overflow: inherit !important;} 
.evCon8 .con_tit { z-index: 1; } 
.evCon8 .con_tit::before { content:''; background:url('https://img.megagong.net/m/2023/0224_law/con8_tit_ico.png') no-repeat; width: 245px; height: 208px; position: absolute; z-index: -1; left: 30px; top: -44px; } 
.evCon8 .con_tit i { position: absolute; right: 0; } 
.evCon8 .con_txt { color: #fff; font-size: 23px; font-weight: 200; margin: 40px 0 55px; } 
.evCon8 .conWrap { } 
.evCon8 .conWrap .coupon { display: inline-block; vertical-align: middle; margin: 0 40px 0 0; } 
.evCon8 .conWrap .schedule { display: inline-block; vertical-align: middle; } 
.evCon8 .conWrap .schedule dl { font-size: 23px; color: #fff; text-align: left; margin: 0 0 20px; } 
.evCon8 .conWrap .schedule dl:last-child { margin: 0 0; } 
.evCon8 .conWrap .schedule dl dt { display: inline-block; vertical-align: top; } 
.evCon8 .conWrap .schedule dl dd { display: inline-block; font-weight: 200; position: relative; } 
.evCon8 .conWrap .schedule dl dd .pop { font-size: 13.31px; margin: 10px 0 0; } 
.evCon8 .conWrap .schedule dl dd .pop a { border: 1px solid #fff; border-radius: 100px; display: inline-block; padding: 2.7px 16.3px; } 
.evCon8 .conWrap .schedule dl dd .popWrap { display: none; position: absolute; left: 0; width: 451px; margin-top: 10px; } 
.evCon8 .conWrap .schedule dl dd .popWrap .close { position: absolute; right: 0; top: -33px; } 
.evCon8 .conWrap .schedule dl dd .popWrap .popCont { background: #fff; color: #000; font-size: 14px; padding: 15px 35px 20px; line-height: 1.225; } 
.evCon8 .conWrap .schedule dl dd .popWrap .popCont dt { font-weight: normal; margin: 0 0 16px; } 
.evCon8 .conWrap .schedule dl dd .popWrap .popCont dd { font-weight: normal; } 
.evCon8 .btn { display: inline-block; margin: 80px 0 0; color: #fff; background: #000; font-size: 23px; font-weight: 700; line-height: 1; width: 360px; padding: 26px 0; border-radius: 17px; } 
.evCon8 .btn.complete { background: #11df7a; color: #ae236e; /* font-weight: 900; */ } 

.eventWrap .evWarning { background: #e6e6e6; padding: 50px 0; } 
.warningList > li.w_tit { font-size: 15px; color: #fff; font-weight: 900; background: #404040; display: inline-block; font-family: 'NotoSans KR'; padding: 2.2px 13px; border-radius: 100px; } 
.warningList > li { margin-top: 23px; } 
.warningList li .s_tit, .warningList .f_dash li { font-size: 15px; font-family: 'NotoSans KR'; font-weight: 200; } 
.warningList li .s_tit, .warningList .f_dash li strong { font-weight: 700; } 
.warningList .f_dash li .col_red { color: #ff0000; } 
.warningList .f_dash li ul li { color: #4c4c4c; padding-left: 0; } 

.eventBoard .evtBoard_common .evtBoard_inner{background-color: #a21d40;}
.quiz_list{width:calc(100% + 8px);margin-bottom:50px;position:relative;left:-4px;}
.quiz_list:after{content:'';display:block;clear:both;}
.quiz_list li{float:left;width:25%;padding:0 4px;}
.quiz_list li a{display:block;border:3px solid #a21d40;padding:19px 0 34px;border-radius:15px 15px 0 15px;position: relative;}
.quiz_list li a:after{content:'';display:inline-block;width:0;
  height:0;
  border-bottom: 16px solid #000;
  border-left:16px solid transparent;position: absolute;right:0;bottom:0;}
.quiz_list li a dl{padding-top:40px;background:url(https://img.megagong.net/m/2023/0407_lawexam/evt_quiz.png) 50% 0 no-repeat;}
.quiz_list li a dt{font-size:15px;color:#000;font-weight:400;border:1px solid #000;padding:0.5px 21px;border-radius:15px;display:inline-block;}
.quiz_list li a dd{font-size:25px;font-weight:700;color:#000000;margin-top:10px;}

#eventWrap.renew .evCon1 { background: #f9eacd url('https://img.megagong.net/m/2023/0407_lawexam/con1_bg.jpg') no-repeat; padding: 75px 0; } 
#eventWrap.renew .fixBnr{background-color: #a21d40;}
#eventWrap.renew .evCon3{background-color: #60021a;}
#eventWrap.renew .evCon4{background-color: #f7d9ce;}
#eventWrap.renew .evCon4 .con4_content::before { background:url('https://img.megagong.net/m/2023/0407_lawexam/con4_img1.png') no-repeat;}
#eventWrap.renew .evCon4 .con4_content li::before { content:''; background:url('https://img.megagong.net/m/2023/0407_lawexam/con4_ico1.png') no-repeat;}
#eventWrap.renew .evCon5 .inner,
#eventWrap.ren0502 .evCon5 .inner{width:1200px;}
#eventWrap.renew .evCon5 .btn,
#eventWrap.ren0502 .evCon5 .btn { margin-top:70px; position: relative; } 
#eventWrap.renew .evCon5 .btn .tip,
#eventWrap.ren0502 .evCon5 .btn .tip {position: absolute;right:-62px;top:-30px;display:inline-block;}
#eventWrap.renew .evCon6{background-color: #fee5dc;}
#eventWrap.renew .evCon9{background-color: #fff5dc;padding:160px 0 140px;}
#eventWrap.renew .evCon9 .con_tit{position: relative;}
#eventWrap.renew .evCon9 .evt_end{position: absolute;right:-100px;top:90px;}
#eventWrap.renew .evCon9 .evt_gift_wrp{position: relative;background-color: #fceeca;padding:60px 0 40px;margin:50px 0 90px;}
#eventWrap.renew .evCon9 .evt_gift_wrp:before,
#eventWrap.renew .evCon9 .evt_gift_wrp:after{content:'';display:block;background-color: #fceeca;position: absolute;top:0;width:1000px;height:100%;}
#eventWrap.renew .evCon9 .evt_gift_wrp:before{left:-1000px;}
#eventWrap.renew .evCon9 .evt_gift_wrp:after{right:-1000px;}
#eventWrap.renew .warningList li ul li a.tp2{color:#ff0072;}



#eventWrap.ren0502 .evCon1 {background: #ffc6d3 url('https://img.megagong.net/m/2023/0407_lawexam/con1_bg_0502.jpg') no-repeat;padding: 67px 0;} 
#eventWrap.ren0502 .fixBnr{background-color: #3444e3;}
#eventWrap.ren0502 .evCon3{background-color: #3444e3;}
#eventWrap.ren0502 .evCon4{background-color: #f5f5f5;}
#eventWrap.ren0502 .evCon4 .con4_content::before { background:url('https://img.megagong.net/m/2023/0407_lawexam/con4_img1.png') no-repeat;}
#eventWrap.ren0502 .evCon4 .con4_content li::before { content:''; background:url('https://img.megagong.net/m/2023/0407_lawexam/con4_ico1.png') no-repeat;}
#eventWrap.ren0502 .evCon4 .con4_content li:nth-child(1)::before,
#eventWrap.ren0502 .evCon4 .con4_content li:nth-child(5)::before,
#eventWrap.ren0502 .evCon4 .con4_content li:nth-child(8)::before {background-image:none}
#eventWrap.ren0502 .evCon5 .inner{width:1200px;}
#eventWrap.ren0502 .evCon5 .btn { margin-top:70px; position: relative; } 
#eventWrap.ren0502 .evCon5 .btn .tip {position: absolute;right:-62px;top:-30px;display:inline-block;}
#eventWrap.ren0502 .evCon6{background-color: #eef0ff;}
#eventWrap.ren0502 .evCon9{background-color: #fff5dc;padding:160px 0 140px;}
#eventWrap.ren0502 .evCon9 .con_tit{position: relative;}
#eventWrap.ren0502 .evCon9 .evt_end{position: absolute;right:-100px;top:90px;}
#eventWrap.ren0502 .evCon9 .evt_gift_wrp{position: relative;background-color: #fceeca;padding:60px 0 40px;margin:50px 0 90px;}
#eventWrap.ren0502 .evCon9 .evt_gift_wrp:before,
#eventWrap.ren0502 .evCon9 .evt_gift_wrp:after{content:'';display:block;background-color: #fceeca;position: absolute;top:0;width:1000px;height:100%;}
#eventWrap.ren0502 .evCon9 .evt_gift_wrp:before{left:-1000px;}
#eventWrap.ren0502 .evCon9 .evt_gift_wrp:after{right:-1000px;}
#eventWrap.ren0502 .warningList li ul li a.tp2{color:#ff0072;}
#eventWrap.ren0502 .fixBnr .conWrap .ico span { color: #ff446c; } 
#eventWrap.ren0502 .fixBnr .conWrap .txt .con2 span { color: #ff446c; } 
#eventWrap.ren0502 .evCon4 .con4_content li:nth-child(2).on { background: #4153ff; color:#fff} 
#eventWrap.ren0502 .evCon4 .con4_content li:nth-child(3).on { background: #4153ff; color:#fff} 
#eventWrap.ren0502 .evCon4 .con4_content li:nth-child(4).on { background: #4153ff; color:#fff} 
#eventWrap.ren0502 .evCon4 .con4_content li:nth-child(6).on { background: #4153ff; color:#fff} 
#eventWrap.ren0502 .evCon4 .con4_content li:nth-child(7).on { background: #4153ff; color:#fff} 
#eventWrap.ren0502 .evCon4 .con4_content::before {background-image:url('https://img.megagong.net/m/2023/0407_lawexam/con4_img1_0502.png')} 
#eventWrap.ren0502 .evCon4 .con4_content li::before {background-image:url('https://img.megagong.net/m/2023/0407_lawexam/con4_ico1_0502.png')} 
#eventWrap.ren0502 .evCon4 .con4_content li .txt .ico{background:#ff446c}
#eventWrap.ren0502 .evCon6 .box .tit::before {border-top-color: #ff446c;} 
.evCon6 .btn span strong{color:#ff446c}





@media screen and (max-width: 1200px){
 .fixBnr.fix { bottom: 65px; } 
 .fixBnr .inner { width: 96%; } 
 .fixBnr .inner > a { padding: 20px 0; } 
 .fixBnr .conWrap .ico { font-size: 16px; margin: 0 20px 0 0; padding: 6px 25px; border-radius: 10px 0 10px 0; } 
 .fixBnr .conWrap .txt .con1 { font-size: 18px; margin: 0 0 10px; } 
 .fixBnr .conWrap .txt .con2 { font-size: 25px; } 
 .fixBnr .detail { font-size: 16px; padding: 2.5px 20px; } 
 
 .evCon1 { padding: 7.8% 0 9.2%; background-size: cover; } 
 .evCon1 h3 { margin: 0 0; } 
 .evCon1 .con_txt { margin: 3.2% 0 4.5%; } 
 .evCon1 .con_txt span { font-size: 24px; } 
 .evCon1 .con1_content { width: 100%; } 
 .evCon1 .con1_content li { width: 32%; padding: 20px 0; } 
 .evCon1 .con1_content li .ico { width: 90px; margin: 0 auto; } 
 .evCon1 .con1_content li .txt { font-size: 17px; margin: 15px 0 0; } 
 
 .evCon2 { padding: 13.5% 0; } 
 .evCon2 .con2_content { margin: 7% -25% 0; } 
 .evCon2 .tiny_noti { font-size: 12px; margin: 10px 0 7% 15%; width: 100%; } 
 
 .evCon3 { padding: 2% 0 13.5%; } 
 .evCon3 .inner { width: 96%; } 
 .evCon3 .con_tit { margin: 9% 0 6%; } 
 .evCon3 .rollWrap { margin: 0 0; } 
 .evCon3 .con3_roll { width: 600px; } 
 .evCon3 .con3_roll .slick-slide { margin: 0 10px; } 
 .evCon3 .con3_roll .item .picto { margin: 15px auto 10px; } 
 .evCon3 .con3_roll .item .txtWrap { height: auto; padding: 15px 0; } 
.evCon3 .con3_roll .item .txtWrap p { line-height: 1.4; } 

 .evCon4 { padding: 16% 0 13.5%; } 
 .evCon4 .con4_content { margin: 7% 0 13%; } 
 .evCon4 .con4_content::before { display: none; } 
 .evCon4 .con4_content li { width: 100%; justify-content: space-between; padding: 20px 0; } 
 .evCon4 .con4_content li::before { display:none; } 
 .evCon4 .con4_content li.step { width: calc(100% - 30px); padding: 18px 0; justify-content: flex-start; } 
 .evCon4 .con4_content li.step::before { display:block; border-width: 29.9px 30px 30px 0; left: -30px; } 
 .evCon4 .con4_content li .tit { font-size: 17px; width: 35%; } 
.evCon4 .con4_content li .tit::before, .evCon4 .con4_content li.on .tit::before { height: 120%; background-size: contain; } 
 .evCon4 .con4_content li .tit span { font-size: 13px; } 
 .evCon4 .con4_content li.step .tit { padding-left: 0; width: 32.7%; } 
 .evCon4 .con4_content li .txt { font-size: 15px; width: 65%; padding-left: 5%; } 
 .evCon4 .con4_content li.step .txt { width: 47%; padding-right: 0; } 
 .evCon4 .con4_content li .txt .ico { font-size: 11px; line-height: 1.2; width: 50px; right: 1%; padding: 11.8px 0; } 

 .evCon5 { padding: 13.5% 0; } 
 .evCon5 .con_tit { margin: 0 0 7%; } 
 .evCon5 .review_slide{width:auto; margin:0 0 0}
.evCon5 .review_slide .item p{
    font-size: 2.5vw;
    line-height: 1;
    height: auto;
    padding: 5% 0;
}
 
 .evCon6 { padding: 16% 0 13.5%; } 
 .evCon6 .con_tit { margin: 0 0 5%; } 
 .evCon6 .box { margin: 0 0 10px; padding: 30px 0 0 50px; height: 300px; overflow: hidden; } 
 .evCon6 .box .tit { font-size: 21px; } 
 .evCon6 .box .tit strong { font-size: 29px; } 
 .evCon6 .box .txt { font-size: 15px; margin: 15px 0 20px; } 
 .evCon6 .box .tea { right: 0; width: 39%; } 
 .evCon6 .box .link li:first-child { } 
 .evCon6 .box .link li a { font-size: 13px; } 
 .evCon6 .box .link li a i { width: 17px; } 
 .evCon6 .btn { margin: 4% 0 0; font-size: 15px; } 
 .evCon6 .btn span { font-size: 20px; } 

 .evCon7 { padding: 13.5% 0 14.5%; } 
 .evCon7 .con_tit::before { width: 20%; background-size: contain; left: 4%; top: -8%; } 
 .evCon7 .conWrap { margin: 7% 0 4%; } 
 .evCon7 .conWrap .book { display: block; margin: 0 0 1%; padding: 0 25%; } 
 .evCon7 .conWrap ul { display: block; } 
 .evCon7 .conWrap ul li { width: 70%; margin: 0 auto 1%; padding: 10px 0; } 
 .evCon7 .conWrap ul li .tit span { font-size: 17px; } 
 .evCon7 .conWrap ul li .txt { font-size: 16px; } 
 .evCon7 .btn,
 #eventWrap.renew .evCon5 .btn { font-size: 19px; padding: 17px 0; border-radius: 15px; } 
 
 .evCon8 { padding: 14% 0 13.5%; } 
 .evCon8 .con_tit i { width: 23%; } 
 .evCon8 .con_tit::before { width: 20%; left: 4%; top: -8%; background-size: contain; } 
 .evCon8 .con_txt { font-size: 21px; margin: 4% 0 5%; } 
 .evCon8 .conWrap .coupon { display: block; margin: 0 0 3%; padding: 0 25%; } 
 .evCon8 .conWrap .schedule { } 
 .evCon8 .conWrap .schedule dl { font-size: 21px; } 
 .evCon8 .btn { margin: 7% 0 0; padding: 20px 0; font-size: 19px; } 

 .warningList > li { margin-top: 15px; } 
 .warningList li .s_tit, .warningList .f_dash li { font-size: 13px; } 

  #eventWrap.renew .evCon1{padding:7% 0;}
  #eventWrap.renew .evCon5 .inner{width:96%;}
  #eventWrap.renew .evCon5 .btn{margin-top:7%;}
  #eventWrap.renew .evCon5 .btn .tip{width:50%;right:-5%;top:-15px;}
  #eventWrap.renew .evCon9{padding:13% 0 10%;}
  #eventWrap.renew .evCon9 .evt_end{width:15%;right:0;top:0;}
  #eventWrap.renew .evCon9 .evt_gift_wrp{padding:6% 0 4%;margin:5% 0 9%;}

  
  #eventWrap.ren0502 .evCon1{padding:7% 0;}
  #eventWrap.ren0502 .evCon5 .inner{width:96%;}
  #eventWrap.ren0502 .evCon5 .btn{margin-top:7%;}
  #eventWrap.ren0502 .evCon5 .btn .tip{width:50%;right:-5%;top:-15px;}
  #eventWrap.ren0502 .evCon9{padding:13% 0 10%;}
  #eventWrap.ren0502 .evCon9 .evt_end{width:15%;right:0;top:0;}
  #eventWrap.ren0502 .evCon9 .evt_gift_wrp{padding:6% 0 4%;margin:5% 0 9%;}


  .quiz_list li a dt{font-size:13px;}
  .quiz_list li a dd{font-size:21px;}
}


@media screen and (max-width: 992px){
 .evCon1 .con_txt span { font-size: 18px; padding: 0 10px; } 
 .evCon1 .con_txt span .point { width: 50px; } 

 .evCon6 .box { padding: 30px 0 0 20px; } 
 .evCon6 .box .tea { width: 45%; } 

 .evCon8 .con_txt { font-size: 17px; } 
 .evCon8 .conWrap .schedule dl { font-size: 17px; } 
 }

@media screen and (max-width: 768px){
 .fixBnr .inner > a { padding: 10px 0; } 
 .fixBnr .conWrap .ico { font-size: 13px; margin: 0 0 5px 0; display: block; width: 160px; padding: 4px 0; } 
 .fixBnr .conWrap .ico br { display: none; } 
 .fixBnr .conWrap .txt .con1 { font-size: 16px; margin: 0 0 7px; } 
 .fixBnr .conWrap .txt .con2 { font-size: 22.5px; } 
 .fixBnr .detail { font-size: 13px; padding: 2px 12px; } 
 
 .evCon1 .con_txt span { font-size: 15px; } 
 .evCon1 .con_txt span .point { width: 40px; } 
 .evCon1 .con1_content li { padding: 10px 0; border-radius: 15px; width: 32.7%; } 
 .evCon1 .con1_content li .ico { width: 70px; } 
 .evCon1 .con1_content li .txt { font-size: 13px; } 

 .evCon3 .con3_roll { width: 100%; } 
 .evCon3 .con3_roll .item .picto {width: 100%;margin: 7px auto 5px;} 
 .evCon3 .con3_roll .item .tag li { font-size: 12px; padding: 2.5px 0; width: 105px; } 
 .evCon3 .con3_roll .item .txtWrap { padding: 7px 0; } 
 .evCon3 .con3_roll .item .txtWrap p { font-size: 13px; } 

 .evCon4 .con4_content li { padding: 15px 0; margin: 0 0 7px; } 
 .evCon4 .con4_content li.step { padding: 14px 0; } 
 .evCon4 .con4_content li.step::before { border-width: 24.5px 30px 25px 0; } 
 .evCon4 .con4_content li .tit { font-size: 15px; width: 33%; } 
 .evCon4 .con4_content li.step .tit { width: 29%; } 
 .evCon4 .con4_content li .txt { font-size: 13px; padding-left: 1%; width: 67%; } 
 .evCon4 .con4_content li.step .txt { width: 70%; text-align: left; padding-left: 2%; } 
 .evCon4 .con4_content li .txt .ico { font-size: 10px; width: 44px; padding: 10px 0; } 

 

 .evCon6 .box {padding: 5% 0 0 4%;height: 250px;} 
 .evCon6 .box .tit { font-size: 18px; } 
 .evCon6 .box .tit::before { border-width: 20px 11px 0 11px; top: -2px; left: -11px; } 
 .evCon6 .box .tit strong { font-size: 25px; } 
 .evCon6 .box .txt { font-size: 13px; margin: 7px 0 10px; } 
 .evCon6 .btn { width: 80%; font-size: 13px; padding: 20px; } 
 .evCon6 .btn span { font-size: 17px; } 

 .evCon7 .conWrap ul li { width: 90%; } 
 .evCon7 .conWrap ul li .tit { margin: 0 0 5px; } 
 .evCon7 .conWrap ul li .tit span { font-size: 14px; } 
 .evCon7 .conWrap ul li .txt { font-size: 13px; } 
 .evCon7 .btn,
 #eventWrap.renew .evCon5 .btn,
 #eventWrap.ren0502 .evCon5 .btn { font-size: 16px; } 

 .evCon8 .con_txt { font-size: 15px; } 
 .evCon8 .conWrap .coupon { padding: 0 20%; } 
 .evCon8 .conWrap .schedule dl { font-size: 15px; margin: 0 0 10px; } 
 .evCon8 .conWrap .schedule dl dd .pop { font-size: 12px; margin: 5px 0 0; } 
 .evCon8 .conWrap .schedule dl dd .pop a { padding: 1.5px 12px; } 
 .evCon8 .conWrap .schedule dl dd .popWrap { width: 344px; left: -55%; margin-top: 1px; } 
 .evCon8 .conWrap .schedule dl dd .popWrap .popCont { padding: 10px; font-size: 12px; } 
 .evCon8 .conWrap .schedule dl dd .popWrap .close { top: -22px; } 
 .evCon8 .conWrap .schedule dl dd .popWrap .popCont dt { margin: 0 0 10px; } 
 .evCon8 .btn { font-size: 16px; } 

 .eventWrap .evWarning { padding: 25px 0; } 
  .quiz_list li a dt{font-size:11px;}
  .quiz_list li a dd{font-size:16px;}
}

@media screen and (max-width: 576px){
 .fixBnr.fix { bottom: 55px; } 
 .fixBnr .conWrap .txt .con1 { font-size: 13px; } 
 .fixBnr .conWrap .txt .con2 { font-size: 18px; } 
 
 .evCon1 .con_txt span { font-size: 12.3px; } 
 .evCon1 .con_txt span .point { margin-right: 1px; width: 30px; } 
 .evCon1 .con1_content li { width: 100%; margin: 0 0 1%; padding: 1% 0; } 
 .evCon1 .con1_content li:last-child { margin: 0 0; } 
 .evCon1 .con1_content li .ico { width: 37px; } 
 .evCon1 .con1_content li .txt { font-size: 12px; margin: 1% 0 0; line-height: 1.3; } 
 .evCon1 .con1_content li .txt .mo { display: none; } 

 .evCon2 .tiny_noti { margin-left: 0; text-align: right; font-size: 11px; } 
 .evCon2 .con_txt { margin: 0 -7%; } 

 .evCon3 .tiny_noti { font-size: 11px; } 

 .evCon4 .con4_content li.step { padding: 7px 0; } 
 .evCon4 .con4_content li.step .tit::before { height: 80%; } 
 .evCon4 .con4_content li .tit { font-size: 12px; } 
 .evCon4 .con4_content li.step .tit { width: 27%; } 
 .evCon4 .con4_content li .tit span { font-size: 11px; } 
 .evCon4 .con4_content li.step .tit .mo { display: block; } 
 .evCon4 .con4_content li.step::before { border-width: 24px 30px 23.8px 0; } 
 .evCon4 .con4_content li .txt { font-size: 11px; } 

 .evCon5 .review_slide{margin:0 5%; border-radius:10px}

 .evCon6 .box { height: 220px; } 
 .evCon6 .box .tit { font-size: 16px; } 
 .evCon6 .box .tit strong {font-size: 18px;} 
 .evCon6 .btn { width: 90%; padding: 15px 10px; } 
 .evCon6 .btn::before { right: 1%; background-size: 70%; background-position: center; } 
 .evCon6 .btn span { font-size: 14px; } 
 
 .evCon7 .btn,
 #eventWrap.renew .evCon5 .btn , 
 #eventWrap.ren0502 .evCon5 .btn { font-size: 13px; padding: 13px 0; width: 55%; } 

 .evCon8 .con_txt { font-size: 13px; } 
 .evCon8 .conWrap .schedule dl { font-size: 13px; } 
 .evCon8 .btn { font-size: 13px; padding: 17px 0; width: 55%; } 

 .quiz_list{left:-2px;width:calc(100% + 4px);}
 .quiz_list li{padding:0 2px;}
 .quiz_list li a{padding:10px 0 20px;}
 .quiz_list li a dt{font-size:10px;white-space:nowrap;padding:0.5px 10px;}
 .quiz_list li a dd{font-size:13px;}

 .evCon5 .review_slide .item p{font-size:3.6vw}
}

@media screen and (max-width: 460px){
 .fixBnr .conWrap .txt .con2 { font-size: 15px; } 
 
 .evCon1 .con_txt span { font-size: 10px; letter-spacing: -0.068em; } 
 .evCon1 .con_txt span .point { width: 24px; } 
 .evCon1 .con1_content li .txt { font-size: 11px; } 

 .evCon4 .con4_content li .txt .ico { width: auto; padding: 2px; border-radius: 0; top: 0; transform: none; } 
 .evCon4 .con4_content li .txt .ico br { display: none; } 
 .evCon4 .con4_content li .tit span .mo { display: block; } 
 .evCon4 .con4_content li.step .tit { width: 26%; } 

 .evCon6 .box .tit {font-size: 13px;} 
 .evCon6 .box .tit strong {font-size: 14px;} 
 .evCon6 .box .txt { font-size: 12.5px; margin: 5px 0 7px; } 

 .evCon8 .con_txt { font-size: 12px; } 
 }