@charset "euc-kr";
/* bg url: https://img.megagong.net/m/2022/ */

/* common */
.evSection .ev-tit{position: relative;margin-bottom: 80px;}
.evSection .ev-txt{margin-top: 30px;}
.tec_box{position: relative;padding-bottom: 55px;margin-bottom: 20px;}
.tec_box::before{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);width: 1200px; height: 55px; background: url(https://img.megagong.net/m/2022/0207_kingpmj20/220419/con8_vd_sha.png) no-repeat center top; background-size: auto 100%;background-size: contain;width: 95%;}
.eventWrap .video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 56%;background: #222;overflow: hidden;border-radius: 3px;}
.eventWrap .video_box .play_area{z-index:3;width: 100% !important;height: 100% !important;position: absolute;width: 100%;height: 100%;}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}

.flt_inner{text-align: center;}
.flt_inner.renewal li{margin-top: 10px;}


.eventWrap .evCon1{position:relative;padding: 70px 0;background: #f7edd8 url('https://img.megagong.net/m/2022/0728_law/evCon1_bg.jpg') no-repeat center;background-size: auto 100%;}
.evCon1 .inner{width: 1285px;}
.evCon1 ul li{float: left;margin-left: 30px;margin-bottom: -25px;}
.evCon1 ul li + li{margin-left: 363px;}

.evConBar {position: relative;z-index: 3;bottom:0;left:0;right:0;width:100%;height: auto;background: #222;}
.evConBar.on{position:fixed;bottom:0;left:0;right:0;top: auto;}
.evConBar ul li{float: left;}

.evCon2{position:relative; padding: 135px 0 75px;background: #fff}
.evCon2 .tiny_noti{text-align: right;opacity: 0.8;}
.evCon2 .btn{margin: 50px 0 0;}
.evCon2 .btn a{display: block;}

.evCon3{position:relative; padding: 135px 0;background:#fff7e9;}
.evCon3 ul {display: flex; justify-content: center; align-items: stretch;}
.evCon3 li{/*float: left;*/padding: 30px 0;width: 290px;background: #fff;border-radius: 30px;box-shadow: 10px 5px 15px rgba(0, 0, 0, 0.1);}
.evCon3 li + li{margin-left: 24px;}
.evCon3 .ev-txt{margin-top: 70px;}

.evCon3 .ver2 {margin: 0 -30px;}
.evCon3 .ver2 li{width: 270px;position: relative;}
.evCon3 .ver2 li a{position: absolute;bottom: 8%;left: 50%;transform: translateX(-50%);width: 76%;height: 21%;font-size: 0; /*background: #00000054;*/}
.evCon3 .ver2 li + li{margin-left: 20px;}
.evCon3 .tiny_noti{color: #c1aa83;margin: 10px 0 0 80%;display: block;}

.evCon4{position:relative; padding: 75px 0 135px;background-color: #fff;}
.evCon4 .currList img{display: inline-block;}
.evCon4 h4{margin: 65px 0 40px;}
.evCon4 .vdList{position: relative;}
.evCon4 .vdList li{float: left;}
.evCon4 .vdList li a{display: block;}
.evCon4 .vdList li:nth-child(-n+3){margin-bottom: 30px;}
.evCon4 .vdList li:nth-child(2){margin: 0 30px;}
.evCon4 .vdList li:nth-child(4){margin: 0 0 0 180px;}
.evCon4 .vdList li:nth-child(5){margin: 0 180px 0 30px;}


.evCon5{position:relative;padding: 160px 0 0;background: #009465 url('https://img.megagong.net/m/2022/0728_law/evCon5_bg.jpg') repeat-x center;}
.evCon5 .inner{width: 1342px;}
.evCon5 .inner > div{position: relative;margin: -20px 0 0 0;}
.evCon5 ul li{position: absolute;width: 10%;height: 3%;top: 0;left: 0;/*background: rgba(148, 66, 66, 0.384);*/}
.evCon5 ul li:nth-child(1){top: 10%;left: 18%; width: 12%;}
.evCon5 ul li:nth-child(2){top: 39%;left: 2%;}
.evCon5 ul li:nth-child(3){top: auto;bottom: 34.5%;left: 3%;}
.evCon5 ul li:nth-child(4){top: auto;bottom: 16%;left: 22.5%;}
.evCon5 ul li:nth-child(5){top: auto;bottom: 16%;left: auto;right: 23.5%;}
.evCon5 ul li:nth-child(6){top: auto;bottom: 34.5%;left: auto;right: 8%;}
.evCon5 ul li:nth-child(7){top: 39%;left: auto;right: 4%;}
.evCon5 ul li:nth-child(8){top: 10%;left: auto;right: 22%;}
.evCon5 ul li a{display: block;font-size: 0;width: 100%;height: 100%;}

.evCon6{position:relative; padding: 135px 0; background-color: #fff}
.evCon6 .chrarea .stepTab{border-top: 1px solid #000;}
.evCon6 .lecTab_wrap{border: none !important;}
.evCon6 .teaTab_wrap, .evCon6 .stepTab_wrap{border-top: 1px solid #d6d6d6;}
.evCon6 .lecTab_wrap > div ul, .evCon6 .teaTab_wrap > div ul, .stepTab_wrap > div ul,
.evCon6 .lecTab_wrap > div ul, .teaTab_wrap > div ul, .stepTab_wrap > div ul{margin: 0;text-align: left;width: calc(100% - 250px);}
.evCon6 .stepTab_wrap > div ul li.on button span, .evCon6 .teaTab_wrap > div ul li.on button span{background-color: #4dd0c4;}
.evCon6 .lecTab_wrap > div .tit span, .teaTab_wrap > div .tit span, .stepTab_wrap > div .tit span{font-weight: 300;font-size: 14px;}

.evCon7{position:relative; padding: 160px 0; background-color: #fdced4}
.evCon7 h3 i{position: absolute;top: 90px;right: -40px;}
.evCon7 .ev-info{background: #fff;padding: 10px 0;border-radius: 30px;}
.evCon7 .ev-info li{display: inline-block;}
.evCon7 .ev-info li + li{margin-left: 35px;}
.evCon7 .ev-info li strong{position: relative;padding:0 12px 0 15px;margin-right: 12px;}
.evCon7 .ev-info li strong::before{content: '';display: block;position: absolute;left: 0;top: 50%; transform: translateY(-50%); background:#000;width: 5px;height: 5px;border-radius: 100%;}
.evCon7 .ev-info li strong::after{content: '';display: block;position: absolute;right:0;top: 50%; transform: translateY(-50%); background:#000;width: 1px;height: 55%;}
.evCon7 .ev-gift{margin: 40px 0 75px;}
.evCon7 .evtBoard_common{background: #e17b92;}
.evCon7 .eventBoard .evtBoard_common .board_notice li.chk_notice{opacity: 1;}

.eventWrap .evWarning{background: #f8f8f8;}
.evWarning .warning_con li{position: relative;padding-left: 10px;}
.evWarning .warningList > li{margin-top: 20px;}
.evWarning .warning_con li::before{content: '-';display: block;position: absolute;top: auto;left: 0;}
.evWarning .warningList li ul li a{color: #eb358f;border: 1px solid #eb358f;margin-left: 1px;}

.evWarning.ver2 .warningList b{font-weight: 900;}
.evWarning.ver2 .warningList .color_red{color: #c01642;}
.evWarning.ver2 .warningList li ul li a{color: #000;border: 1px solid #000;margin-left: 1px;}
.evWarning.ver2 .warningList li{position: relative;padding-left: 10px;}
.evWarning.ver2 .warningList li li::before{content: '-';display: block;position: absolute;left: 0;top: auto;}

.evCon8{position:relative; padding: 135px 0 150px; background-color: #f4f4f4}
.evCon8 h3{margin:0 -20px 80px;}
.evCon8 .btn{margin: 60px auto 0;}
.evCon8 .tiny_noti{text-align: right;display: block;font-size: 13px;color:#b5b5b5}
.evCon8 .reviewRoll {position:relative;}
.evCon8 .reviewRoll .slick-arrow {position:absolute;top:50%;width:33px;height:58px;transform: translateY(-50%);z-index:2;font-size:0;}
.evCon8 .reviewRoll .slick-prev {left:-50px;background:url(https://img.megagong.net/m/2022/0728_law/evCon8_arr1.png) no-repeat center;}
.evCon8 .reviewRoll .slick-next {right:-50px;background:url(https://img.megagong.net/m/2022/0728_law/evCon8_arr2.png) no-repeat center;}
.evCon8 .reviewRoll .slick-slide{box-shadow: 0px 1px 10px 3px rgba(0,0,0,0.15); margin: 15px;border-radius: 40px;}
.evCon8 .reviewRoll .item{color:#333;padding: 40px;background: #fff;text-align: left;border-radius: 40px;font-size: 16px;}
.evCon8 .reviewRoll .item .tag{display: inline-block;background: #c01642;color:#fff;padding: 8px 10px;font-size: 20px;}
.evCon8 .reviewRoll .item .tit{display: block; color:#c01642; font-size: 28px;padding-bottom: 35px;margin:10px 0 40px;border-bottom: 1px solid #e4e4e4;}
.evCon8 .reviewRoll .item .color_green{display: block;color:#009465;font-size: 16px;}
.evCon8 .reviewRoll .item b{font-weight: 700;color:#000}
.evCon8 .reviewRoll .item .underline{text-decoration:underline}

.dim_bnrwrp_wrap.rw .clickPop{width: 1055px;background: transparent;padding: 0;top: 55% !important;}
.dim_bnrwrp_wrap.rw .dim_popup button{position: relative;right: auto;top:auto;display: block;margin: 0 0 10px 91%;}
.black_bg{background-color:#000;opacity:0.8;position:fixed;left:0;top:0;width:100%;height:100%;text-indent:-9999em;z-index:92}
.dim_popup button{position:absolute;right: 15px;top: 15px;background: none;}
.clickPop{width: 470px;background: #fff;padding: 30px 20px 35px;position: fixed;left:50%;top: 50% !important;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 99;}
.dim_popup.sns .tit{text-align:center;margin: 20px 0;padding: 0 15px;font-size: 30px;font-weight: bold;}
.dim_popup.sns table{font-size: 14px;}
.dim_popup.sns table tr th, .dim_popup.sns table tr td{padding: 8px 5px;border: 1px solid #ddd;word-break: break-all;text-align: center;}
.dim_popup.sns table tr th{border-color:#fff;background:#eaeaea}
.dim_popup.sns table tr td.con{text-align:left}
.dim_popup.sns .btnConfirm{text-align:center;margin: 40px 0 0 0;}
.dim_popup.sns .btnClose{position:absolute;right: 10px;top: 10px;background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center;font-size: 0;width: 26px;height: 26px;}

.color_yellow{color: #fff585;}
.evCon9 h3 i,.evCon10 h3 i,.evCon11 h3 i{position: absolute;top: 89px;right: -142px;}
.evCon9{position:relative; padding: 160px 0; background-color: #9857f9}
.evCon9 .ev-info{margin: 0 0 30px;}
.evCon9 .ev-info li{float: left;margin-bottom: 20px;color: #fff;font-size: 20px;padding: 18px 0 18px 30px; text-align: left; background: #7a46c7;border-radius: 30px;width: 530px;}
.evCon9 .ev-info li:nth-child(2n){margin-left: 20px;}
.evCon9 .ev-info li strong{position: relative;padding: 0 15px;margin-right: 15px;}
.evCon9 .ev-info li strong::before{content: '';display: block;position: absolute;left: 0;top: 50%; transform: translateY(-50%); background:#fff;width: 5px;height: 5px;border-radius: 100%;} 
.evCon9 .ev-info li strong::after{content: '';display: block;position: absolute;right:0;top: 55%;transform: translateY(-50%); background:#fff;width: 2px;height: 45%;}
.evCon9 .ev-info li .tiny_noti{opacity: .2;}
.evCon9 .giftRoll .slick-slide img{display:inline-block}
.evCon9 .btn{margin: 50px auto 80px;}

.evCon9 h4{margin: 0 0 60px;}
.evCon9 .add_box{border: 1px solid #6a3dae;padding: 0 70px 70px;margin: 0 -70px;position: relative;}
.evCon9 .add_box > strong{background: #6a3dae;border-radius: 30px;width: 1000px;display: block;font-size: 24px;margin: -30px auto 0;color: #fff;padding: 12px 0;}
.evCon9 .add_box .process{width: 800px;margin: 70px 0 70px;}
.evCon9 .add_box .process .prc_tit{text-align: left;position: relative;margin: 0 0 20px;}
.evCon9 .add_box .process .prc_tit:before{content:'';display:block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 2px;background: #fff;width: 100%;}
.evCon9 .add_box .process .prc_tit b{font-size: 25px;color: #fff;position: relative;padding-right: 20px;background: #9857f9;}
.evCon9 .add_box .process .tiny_noti{font-size: 15px;color: #fff;text-align: left;margin: 10px 0 30px;}
.evCon9 .add_box .process .tiny_noti > span{font-size: 13px;color: #5015a9;}
.evCon9 .add_box .btns{text-align: left;}
.evCon9 .add_box .btns a{display: inline-block;}
.evCon9 .add_box .btns a + a{margin-left: 35px;}
.evCon9 .add_box .gift{position: absolute;right: 40px;top: 80px;}
.evCon9 .eventBoard .url_wrap{text-align: right;position: absolute;right: 30px;top: auto;margin: 5px 0 0;z-index: 2;}
.evCon9 .eventBoard .url_wrap button{color: #fff;border-bottom: 1px solid #ffffff8f;}
.evCon9 .eventBoard .evtBoard_common{background: #5b3495;}
.evCon9 .evtBoard_common .board_notice li{opacity: .5;}
.evCon9 .evtBoard_common .board_write{padding-right: 155px;}
.evCon9 .evtBoard_common .board_write .btn_wrap{width: 155px;}

.evCon10{position:relative; padding: 160px 0; background-color: #2ec4ac}
.evCon10 .info_box{position: relative;margin: 0 0 80px;}
.evCon10 .ev-info{text-align: left;color: #071d1a;font-size: 22px;position: absolute;left: 120px;top: 70px;}
.evCon10 .ev-info li{margin: 0 0 30px;}
.evCon10 .ev-info li strong{display: block;padding-left: 10px;position: relative;}
.evCon10 .ev-info li strong::before{content: '';display: block;position: absolute;left:0;top: 50%;transform: translateY(-50%);background: #071d1a;width: 2px;height: 55%;}
.evCon10 .ev-gift{position: relative;margin-right: 120px;text-align: right;}
.evCon10 .process p{position: relative;margin: 0 0 25px;}
.evCon10 .process p:before{content:'';display:block;position: absolute;top: 50%;transform: translateY(-50%);background: #fff;height: 2px;width: 100%;}
.evCon10 .process p span{color: #fff;font-size: 25px;background: #2ec4ac;padding: 0 15px;position: relative;z-index: 2;}
.evCon10 .process > span{display: block;background: #1c7667;padding: 12px 0;color: #2ec4ac;font-size: 20px;}
.evCon10 .process > span b{color: #fff;}
.evCon10  li .tiny_noti{font-size: 13px;}
.evCon10 .tiny_noti{text-align: left;margin: 20px 0 0;font-size: 16px;color:#fff}
.evCon10 .tiny_noti > span{font-size: 13px;color: #208978;}
.evCon10 .tiny_noti b{color: #071d1a;font-weight: 700;}
.evCon10 .btns{margin: 50px auto 0;}
.evCon10 .btns a{display: inline-block;}
.evCon10 .btns a + a{margin-left: 30px;}

.evCon11{position:relative; padding: 160px 0; background-color: #9f2743}
.evCon11 .info_box{position: relative;}
.evCon11 .ev-info{text-align: left;color: #fff;font-size: 22px;position: absolute;left: 0;top: 40px;}
.evCon11 .ev-info li{margin: 0 0 30px;}
.evCon11 .ev-info li strong{display: block;padding-left: 10px;position: relative;}
.evCon11 .ev-info li strong::before{content: '';display: block;position: absolute;left:0;top: 50%;transform: translateY(-50%); background:#fff;width: 2px;height: 50%;}
.evCon11 .tea{margin-right: -70px;text-align: right;}
.evCon11 .btn{position: relative;}
.evCon11 .btn:before{content:'';display:block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background: #000;}
.evCon11 .btn a{background: #9f2743;display: inline-block;padding: 0 20px;position: relative;}
.evCon10 .pl10,.evCon11 .pl10{padding-left: 10px;display: block;}


/* 240710 add */
.evPass {padding: 80px 0; background: #c01642 url(https://image.megagong.net/m/2024/0710_law/pass_bg.jpg) no-repeat; background-size: auto 100%;}
.evPass .ev-tit {margin-bottom: 50px;}
.evPass .link_btn {margin: 0 auto 50px;}
.evPass .link_btn a {display: block; width: 80%; max-width: 390px; font-weight: 700; font-size: 21px; color: #fff; background: #000; border-radius: 15px; padding: 24px 0; margin: 0 auto;}
.evPass .link_btn a i {font-style: normal; font-size: 14px; vertical-align: middle;}
.evPass .feature {margin: 0 40px; background: rgba(0, 0, 0, 0.7); border-radius: 20px;}
.evPass .feature li {position: relative;}
.evPass .feature li + li::before {content: ''; position: absolute; width: 1px; height: 66%; top: 17%; left: 0; background: rgba(255, 255, 255, 0.3);}

@media screen and (max-width: 1286px){
    .eventWrap .evCon1{padding: 7% 0;}
    .evCon1 .inner{width: 99%}
    .evCon1 ul li{float:none;display: inline-block;width: 45%;margin-left: 0;margin-bottom: 0;}
    .evCon1 ul li + li{margin-left: 8%}

    .evCon5 .inner {width: 100%;}
}
@media screen and (max-width: 1200px){
    /* common */
    .evSection .ev-tit{margin-bottom: 7%;}
    .evSection .ev-txt{margin-top: 3%;}

    .evConBar.on{bottom: 65px;}
    .evConBar .inner{width: 100%;}
    .evConBar ul li{width: 33.3333%;}

    .evCon2{padding: 15% 0 7%;}
    .evCon2 .tiny_noti{font-size: 10px;}
    .evCon2 .btn{margin: 5% 25% 0;}

    .evCon3{padding: 15% 0;}
    .evCon3 li{width: 32%;padding: 30px 10px;}
    .evCon3 li + li{margin-left: 2%;}
    .evCon3 .ev-txt{margin-top: 8%;}

    .evCon3 .ver2 {margin: 0;}
    .evCon3 .ver2 li{width: 24%;}
    .evCon3 .ver2 li + li{margin-left: 1%;}
    .evCon3 .tiny_noti{font-size: 10px;margin: 10px 0 0 75%;}


    .evCon4{padding: 7% 0 15%;}
    .evCon4 h4{margin: 6% 0 4%;}
    .evCon4 .vdList li{width: 31%;}
    .evCon4 .vdList li:nth-child(-n+3){margin-bottom: 3%;}
    .evCon4 .vdList li:nth-child(2){margin: 0 3%;}
    .evCon4 .vdList li:nth-child(4){margin: 0 0 0 15%;}
    .evCon4 .vdList li:nth-child(5){margin: 0 15% 0 3%;}
    
    .evCon5{padding: 15% 0 0;}
    .evCon5 .inner{width: 100%;}
    .evCon5 .inner > div{margin: -2% 0 0}
    .evCon6{padding: 15% 0;}
    
    .evCon7{padding: 15% 0;}
    .evCon7 h3 i{top: 10%;right: 0;width: 20%;}
    .evCon7 .ev-gift{margin: 4% 0 8%;}
    .evCon7 .eventBoard .evtBoard_common .board_notice li.chk_notice{position: relative;top: auto;right: auto;}
    .eventWrap .evWarning{padding: 8% 0;}
    
    .evCon8{padding: 13% 0;}
	.evCon8 h3{margin:0 0 8%;}
	.evCon8 .btn{margin: 5% 25% 0;}
	.evCon8 .tiny_noti{font-size: 10px;}
    .evCon8 .reviewRoll .slick-prev{background-size: contain;left: -1%;width: 3%;height: 10%;}
    .evCon8 .reviewRoll .slick-next{background-size: contain;right: -1%;width: 3%;height: 10%;}

	.dim_bnrwrp_wrap.rw .clickPop{width: 90%;margin-left: 3%;}
	.dim_bnrwrp_wrap.rw .dim_popup button{margin:0 8% 10px 88%}

    .evCon9,.evCon10,.evCon11{padding: 13% 0;}
    .evCon9 h3 i,.evCon10 h3 i,.evCon11 h3 i{top: 10%;right: 0;width: 20%;}
    .evCon9 .ev-info{margin: 0 0 3%}
    .evCon9 .ev-info li{margin-bottom: 2%;font-size: 18px;padding:1.5% 0 1.5% 4%;width: 100%;}
    .evCon9 .ev-info li:nth-child(2n){margin-left: 0;}
    .evCon9 .giftRoll .item{width:49%}
    .evCon9 .btn{margin: 5% 22% 8%;}
    
    .evCon9 h4{margin: 0 0 10%;}
    .evCon9 .add_box{padding: 0 4% 5%;margin: 0;}
    .evCon9 .add_box > strong{width: 100%;font-size: 22px;margin: -3% auto 0;padding: 2% 1%;}
    .evCon9 .add_box .process{width: 70%;margin: 5% 0;}
    .evCon9 .add_box .process .prc_tit{margin: 0 0 4%;}
    .evCon9 .add_box .process .prc_tit b{font-size: 20px;padding-right: 2%;}
    .evCon9 .add_box .process .tiny_noti{font-size: 13px;margin: 1% 0 5%;}
    .evCon9 .add_box .process .tiny_noti > span{font-size: 13px;}
    .evCon9 .add_box .btns a{width: 49%;}
    .evCon9 .add_box .btns a + a{margin-left: 1%;}
    .evCon9 .add_box .gift{right: 3%;top: 12%;width: 24%;}
    .evCon9 .eventBoard .url_wrap{right: 3%;}
    .evCon9 .evtBoard_common .board_write{padding-right: 0;}
    .evCon9 .evtBoard_common .board_write .btn_wrap{width: 100%;}
    .evCon9 .eventBoard .url_wrap{position: relative;right: auto;}
    .evCon9 .giftRoll .slick-slide{}
    .evCon9 .giftRoll .slick-current{margin-right: 1%;}

    .evCon10 .info_box{margin: 0;}
    .evCon10 .ev-info{font-size: 18px;left: 5%;top: 15%;}
    .evCon10 .ev-info li{margin: 0 0 30px;}
    .evCon10 .ev-gift{margin-right: 0;}
	.evCon10 .ev-gift img{width: 39%;}
    .evCon10 .process p{margin: 0 0 3%;}
    .evCon10 .process p span{font-size: 20px;padding: 0 2%;}
    .evCon10 .process > span{padding: 2% 1.5%;font-size: 18px;}
    .evCon10  li .tiny_noti{font-size: 13px;}
    .evCon10 .tiny_noti{margin: 3% 0 0;font-size: 13px;}
    .evCon10 .tiny_noti > span{font-size: 10px;}
    .evCon10 .btns{margin: 6% 1% 0;}
    .evCon10 .btns a{width: 49.5%;}
    .evCon10 .btns a + a{margin-left: .1%;}
    
    .evCon11 .ev-info{font-size: 18px;top: 0;}
    .evCon11 .ev-info li{margin: 0 0 30px;}
    .evCon11 .tea{margin-right: 0;}
	.evCon11 .tea img{width: 62%;}
    .evCon11 .btn{margin: 5% auto 0;}
    .evCon11 .btn:before{content:'';display:block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background: #000;}
    .evCon11 .btn a{padding: 0 1%;margin: 0 26%;}

    /* 240710 add */
    .evPass {padding: 8% 0;}
    .evPass .ev-tit {margin-bottom: 8%;}
    .evPass .link_btn {margin: 0 auto 8%;}
    .evPass .link_btn a {font-size: clamp(14px, 2.3vmin, 21px); padding: 2vmin 0;}
    .evPass .link_btn a i {font-size: clamp(10px, 1.6vmin, 14px);}
    .evPass .feature {margin: 0 auto;}
}
@media screen and (max-width: 992px){
	.evCon8 .reviewRoll .item .tag{font-size: 18px;}
	.evCon8 .reviewRoll .item .tit{font-size: 24px;padding-bottom: 3%;margin:2% 0 3%;}

    .clickPop{padding: 15px 0 20px;}
    .dim_popup.sns .tit{font-size:22px}
    .dim_popup.sns table{font-size:12px}
}
@media (max-width: 768px){
    .tec_box{margin-bottom: 0;}
    .evCon3 li{padding: 4% 10px;}
    
    .evCon3 .ver2 {margin: 0;}
    .evCon3 .ver2 li{width: 49%;border-radius: 10px; margin-bottom: 2%;padding: 3% 10%;}
    .evCon3 .ver2 li + li{margin-left:0;}
    .evCon3 .ver2 li:nth-child(2n){margin-left: 1%;}
    .evCon3 .tiny_noti{margin: 5px 0 0 50%;}

    
    .evCon7 .ev-info li + li{margin-left: 0;}
    .warningList > li.w_tit{font-size: 14px;}


    .evCon8 .reviewRoll .item .tag{font-size: 14px;padding: 5px 10px;}
	.evCon8 .reviewRoll .item .tit{font-size: 20px;}
	.evCon8 .reviewRoll .slick-slide{border-radius: 15px;margin: 5px 5px 15px;box-shadow: 0px 1px 3px 3px rgba(0,0,0,0.05);}
	.evCon8 .reviewRoll .item{padding: 5% 6% 8%;font-size: 14px;border-radius: 15px;}
	.evCon8 .reviewRoll .item .color_green{font-size: 15px;}

    .clickPop{padding: 15px 0 20px;}


    .evCon9 .ev-info li{font-size: 15px;}
    .evCon9 .ev-info li:nth-child(2n){margin-left: 0;}
    .evCon9 .giftRoll .item{width:49%}
    
    .evCon9 .add_box > strong{font-size: 18px;border-radius: 15px;}
    .evCon9 .add_box .process{width: 100%;margin: 5% 0;}
    .evCon9 .add_box .process .prc_tit b{font-size: 20px;padding-right: 2%;}
    .evCon9 .add_box .process .tiny_noti{font-size: 10px;}
    .evCon9 .add_box .process .tiny_noti > span{font-size: 13px;}
	.evCon9 .add_box .btns{text-align: center;}
    .evCon9 .add_box .gift{right: auto;top: auto;width: 24%;position: relative;text-align: center;margin: 5% auto 0;}
    .evCon9 .add_box .process .tiny_noti > span{font-size: 10px;}
    .evCon9 .evtBoard_common .board_notice li, .evCon9 .eventBoard .url_wrap button{font-size: 11px;}
    .evCon9 .giftRoll{margin: 0 5%;}
    .evCon9 .giftRoll .slick-current{margin-right: 0;}
    .evCon9 .giftRoll .slick-dots{margin-top: 2%;} 
    .evCon9 .giftRoll .slick-dots li{display: inline-block;; width: 10px;height: 10px;border-radius: 100%;background: #d9d9d9; margin-right: 1%;} 
    .evCon9 .giftRoll .slick-dots li.slick-active{background: #fff;} 
    .evCon9 .giftRoll .slick-dots li button{font-size:0;}


    .evCon10 .info_box{margin: 0;}
    .evCon10 .ev-info{font-size: 15px;left: auto;top: auto;position: relative;}
    .evCon10 .ev-info li{margin: 0 0 30px;}
    .evCon10 .ev-gift{text-align: center;margin: 0 auto 3%;}
	.evCon10 .ev-gift img{width: 39%;}
    .evCon10 .process p span{font-size: 18px;}
    .evCon10 .process > span{font-size: 14px;}
    .evCon10  li .tiny_noti{font-size: 13px;}
    .evCon10 .tiny_noti{font-size: 10px;}
    .evCon10 .tiny_noti > span{font-size: 10px;}
    
    .evCon11 .ev-info{font-size: 15px;top: auto;left: auto;position: relative;}
    .evCon11 .ev-info li{margin: 0 0 30px;}
    .evCon11 .tea{text-align: center;}
}
@media screen and (max-width: 576px){
    .evConBar.on{bottom: 55px;}
    .evCon6 .lecTab_wrap > div ul, .evCon6 .teaTab_wrap > div ul, .stepTab_wrap > div ul,
    .evCon6 .lecTab_wrap > div ul, .teaTab_wrap > div ul, .stepTab_wrap > div ul{width:80%;margin-left: 20%;}
    .evCon6 .lecTab_wrap > div .tit span, .teaTab_wrap > div .tit span, .stepTab_wrap > div .tit span,
    .lecTab_wrap > div ul li button span, .teaTab_wrap > div ul li button span, .stepTab_wrap > div ul li button span{font-size: 12px;}

	.evCon8 .reviewRoll .item .tit{font-size: 18px;}
	.evCon8 .reviewRoll .item .color_green,
	.evCon8 .reviewRoll .item .tag,.evCon8 .reviewRoll .item{font-size: 12px;}
    .dim_bnrwrp_wrap.rw .clickPop{width: 97%}
    .dim_popup.sns{width:90%}

    /* 240710 add */
    .evPass .feature {flex-wrap: wrap;}
    .evPass .feature li {flex-basis: 50%;}
    .evPass .feature li + li::before {content: none;}
    .evPass .feature li:nth-child(1)::before {content: ''; position: absolute; width: 180%; height: 1px; bottom: 0; left: 10%; background: rgba(255, 255, 255, 0.3);}
    .evPass .feature li:nth-child(2)::before {content: ''; height: 166%;}
}