@charset "euc-kr";

/* bg url: https://img.megagong.net/m/2022/ */

/* S: °øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
/* Æ˾÷ */
.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 0 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;}


.flt_inner.renewal li+li{margin-top: 8px;position: relative}
.flt_inner.renewal li i{position: absolute;bottom: 4px;left: -30px}
.flt_inner.renewal li.top{margin-top: 0;}
.warningList li ul li a.tp1{background-color:#000; color:#fff;}


/* µî·ÏÇÑ url Æ˾÷ */
.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;}


.eventWrap .evCon1{position: relative;background-color: #e4f3ff;background:#e4f3ff url(https://img.megagong.net/m/2023/0112_goodnote/con_img31.jpg) 0 0 repeat-x;padding: 0 0 80px;}
.eventWrap .evCon1 h3{position: relative;text-align: left;padding: 115px 0 160px 20px;margin: 0 0 0 -80px;z-index: 1}
.eventWrap .evCon1 h3 span{display: block;margin: 0 0 -3px -20px}
.eventWrap .evCon1 h3 strong{display: block;margin: 0 0 60px}
.eventWrap .evCon1 h3 span.info{display: block;margin: 0}
.eventWrap .evCon1 .con_box{position: absolute;top: 63px;right: -57px;width: 535px}
.eventWrap .evCon1 .con_box .tablet_wrap{border-radius: 19px;overflow: hidden}
.eventWrap .evCon1 .tablet_wrap .item{padding: 0;}
.eventWrap .evCon1 .tablet_wrap .item img{border-radius: 19px}

.eventWrap .evCon1 .con_box .tablet_bg{background: url(https://img.megagong.net/m/2023/0112_goodnote/nore_bg.png) 0 0 no-repeat;z-index: 1;transform: rotate(6deg);padding: 24px 27px 24px 26px;width: 618px;margin: 0 auto;z-index: 1;transform: none;padding: 28px 21px 24px 25px;}
.eventWrap .evCon1 .con_box .pen{position: absolute;bottom: -12px;right: -87px;}


.eventWrap .evCon1_link_wrp{height:78px;}
.eventWrap .evCon1_link{position: relative;background: #ffed24;/* position: absolute; *//* bottom: 0; *//* left: 0; */width: 100%;}
.eventWrap .evCon1_link a{display: flex;justify-content: center;}
.eventWrap .evCon1_link a span{position:relative;display: block;}
.eventWrap .evCon1_link a img.on{display: none;position: absolute;top: 0;left: 0;}
.eventWrap .evCon1_link.on a img.on{display: block;}
.eventWrap .evCon1_link.fix{
position: fixed;
z-index: 2;top:inherit;bottom:0
}

.eventWrap .evCon2{position: relative;background-color: #fff;padding: 0;}
.eventWrap .evCon2 .type_wrap{margin: 0 -590px}
.eventWrap .evCon2 .calendar_roll .item{text-align: center;padding: 60px 0px 215px;}
.eventWrap .evCon2 .calendar_roll .item{background: #ececec;}
.eventWrap .evCon2 .calendar_roll .item .tit{display: block;padding: 45px 0 0;font-weight: 900;font-size: 22px}
.eventWrap .evCon2 .calendar_roll .item img{width: 368px;display: inline-block;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);border-radius: 8px;width: 280px;}
.eventWrap .evCon2 .calendar_bigroll{width: 488px;margin: 0 auto;background: url(https://img.megagong.net/m/2023/0112_goodnote/con_img28.png) 0 0 no-repeat;z-index: 1}
.eventWrap .evCon2 .calendar_bigroll .item{padding: 24px 27px 24px 23px;}
.eventWrap .evCon2 .calendar_bigroll .item .tablt{overflow: hidden;border-radius: 13px}
.eventWrap .evCon2 .calendar_bigroll .item .tit{display: block;padding: 39px 0 0;font-weight: 900;margin: 21px 0 0;font-size: 22px;background: #ececec}
.eventWrap .evCon2 .calendar_roll{display: none;margin: -607px -3% 0;}
.eventWrap .evCon2 .calendar_roll.slick-initialized{display: block;}
.eventWrap .evCon2 .calendar_roll .slick-list{padding: 0;}
.eventWrap .evCon2 .calendar_roll .slick-dots {display: none;}
.eventWrap .evCon2 .tiny_noti {text-align: right;position: absolute;top: 20px;right: 20px;z-index: 1;opacity: 0.8;}


.eventWrap .evCon3{position: relative;background-color: #eaf6ff;padding: 0 0 140px;}
.eventWrap .evCon3 .reason{display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;margin: 0 -1.5%}
.eventWrap .evCon3 .reason li{width: 48%;margin: 0 1% 1.8% 1%}

.eventWrap .evCon4{position: relative;background-color: #f3f3f3;padding: 0 0 100px;}
.eventWrap .evCon4 h5{text-align: left;position: relative;margin: 0 40px 50px;}
.eventWrap .evCon4 h5 strong{display:inline-block;position: relative;}
.eventWrap .evCon4 h5 span{position: absolute;top: 50%;right: 0;margin: -49px 0 0;}
.eventWrap .evCon4 .app_list{position: relative;padding: 0 18% 80px;font-size: 0;text-align: center;}
.eventWrap .evCon4 .app_list::after{content: '';display: block;clear: both;}
.eventWrap .evCon4 .app_list li{display: inline-block;width: 25%;margin: 0 0 40px;}
.eventWrap .evCon4 .step{position: relative;font-size: 0;text-align: center;margin: 0 9% 0;padding: 30px 0 0;}
.eventWrap .evCon4 .step li{float: left;width: 48%;margin: 0 1% 4% 1%;}

.eventWrap .evEvent .con_tit .end{position: absolute;top: 40%;right: 10%;}
.eventWrap .event_download .con_tit .end{right: 8%;top: 30%}
.eventWrap .event_review .con_tit .end{right: -9%;top: 16%}
.eventWrap .event_share .con_tit .end{right: 5%;top: 20%}
.eventWrap .event_download{position: relative;background-color: #fff;padding: 0 0 100px;}
.eventWrap .event_download .tiny_noti{padding: 80px 0 0;}

.eventWrap .event_review{position: relative;background-color: #d6fffd;padding: 0 0 100px;}

.eventWrap .event_review .step{display: flex;flex-direction: row;justify-content: center;align-items: flex-start;flex-wrap: wrap;margin: 0 -1.5% 15px;}

.eventWrap .event_review .step + .tiny_noti{text-align: right}
.eventWrap .event_review .point{margin: 0 0 60px}
.eventWrap .event_review .step li{position: relative;width: 30.3%;background: #fff;margin: 0 1.5%;border: 2px solid #000;border-radius: 7px;padding: 25px 0 25px;height: 468px;}
.eventWrap .event_review .step li + li::before{content:'';position: absolute;top: 50%;left: -26px;width: 0;height: 0;border-left: 15px solid #000;border-top: 15px solid transparent;border-bottom: 15px solid transparent;margin: -15px 0 0;}
.eventWrap .event_review .step li i{display: block;line-height: 1}
.eventWrap .event_review .step li .stuff{display: block}

.eventWrap .event_review .step li .info{display: block;height: 110px;display: flex;justify-content: center;align-items: center;margin: 0 20px;border-top: 1px solid #ddd;flex-direction: column;line-height: 1.2}
.eventWrap .event_review .step li .info .jump{margin: 0 0 7px}
.eventWrap .event_review .step li > strong{display: block;background: #006cda;width: 258px;height: 36px;line-height: 36px;color: #fff;margin: 0 auto;border-radius: 30px;font-size: 15px}
.eventWrap .evEvent.event_review .btn{padding: 40px 0 0;margin: 0 0 120px;}
.eventWrap .evEvent.event_review .gift{position: relative;margin: 0 -530px}
.eventWrap .evEvent.event_review h5{position: relative;margin: 0 0 30px}
.type_lst ul{padding-bottom: 25px}

.eventWrap .event_share{position: relative;background-color: #f6ffd6;padding: 0 0 100px;}
.eventWrap .event_share .point{margin:0 0 50px}
.eventWrap .event_share .gift{display: flex;flex-direction: row;justify-content: center;align-items: flex-start;flex-wrap: wrap;margin: 0 -8% 15px -7.5%;padding: 80px 0 80px;}
.eventWrap .event_share .gift li{width: 33.3%;}
.eventWrap .event_share .gift li:nth-child(2){margin: 0 -4% 0% 0;}
.eventWrap .event_share .gift + h5{margin: 0 0 45px;position: relative}
.eventWrap .event_share .step{display: flex;flex-direction: row;justify-content: center;align-items: flex-start;flex-wrap: wrap;margin: 0 -2% 80px;padding: 0}
.eventWrap .event_share .step li{width: 29.3%;background: #fff;margin: 0 2%}
.eventWrap .event_share .step li{position: relative;width: 30.3%;background: #fff;margin: 0 1.5%;border: 2px solid #000;border-radius: 7px;padding: 25px 0 25px;}
.eventWrap .event_share .step li + li::before{content:'';position: absolute;top: 50%;left: -26px;width: 0;height: 0;border-left: 15px solid #000;border-top: 15px solid transparent;border-bottom: 15px solid transparent;margin: -15px 0 0;}
.eventWrap .event_share .step li i{display: block;line-height: 1}
.eventWrap .event_share .step li .stuff{display: block}

.eventWrap .event_share .step li .info{display: block;height: 230px;display: flex;justify-content: center;align-items: center;flex-direction: column}
.eventWrap .event_share .step li .info .jump{display: block;margin: 0 0 10px}
.eventWrap .event_share .step li .info .way{display: block;text-align: left;width: 260px;padding: 0 0 0 22px;text-indent: -22px}
.eventWrap .event_share .step li .info .way + .way{border-top: 1px dashed #ddd;padding-top: 8px;padding-bottom: 2px;margin-top: 6px}
.eventWrap .event_share .step li .info .tag{display: block;margin: 20px 0 0;font-weight: 900;background: #ebffa7;line-height: 0.7;padding: 0 7px 0}
.eventWrap .event_share .step li .info .tag + .tag{margin: 10px 0 0;padding: 0 20px}
.eventWrap .event_share .step li > strong{display: block;color: #ff0000;width: 258px;height: 36px;line-height: 36px;margin: 0 auto;border-radius: 30px;position: absolute;bottom: 15px;left: 0;width: 100%;font-weight: 900}
.eventWrap .event_share .btn{margin: 0 0 100px;}
.eventWrap .event_share .board_notice{margin: 0 0 0;top: -10px}
.eventWrap .event_share .board_notice li{color: #707070;font-weight: normal;opacity: 1}
.eventWrap .event_share .board_notice li:nth-child(3){color: #ec0000;}
.eventWrap .event_share .eventBoard .evtBoard_common .info_wrap{position: relative;z-index: 1}
.eventWrap .event_share .eventBoard .evtBoard_common .info_wrap button{border: 1px solid #ff0000;color: #ff0000;border-radius: 20px;padding: 2px 10px;font-weight: bold}

.eventWrap .evEvent .btn{display: flex;flex-direction: row;justify-content: center;align-items: flex-start;}
.eventWrap .evEvent .btn a{margin: 0 20px 0}


.eventBoard .evtBoard_common{background-color: #ececec;}
.eventBoard .evtBoard_common .board_write{border: 2px solid #222;}
.evtBoard_common .board_write .btn_wrap a{background-color: #222;}
.shareList ul li dl.sns dt{background-color: #de58ed;}
.shareList ul li dl.sns dd{border:1px solid #7e878c;color:#7e878c;}
.shareList ul li dl.naver dt{background-color: #845bff;}
.shareList ul li dl.naver dd{border:1px solid #7e878c;color:#7e878c;}
.shareList ul li dl.daum dt{background-color: #578cfe;}
.shareList ul li dl.daum dd{border:1px solid #7e878c;color:#7e878c;}
.shareList ul li dl.etc dt{background-color: #7e878c;}
.shareList ul li dl.etc dd{border:1px solid #7e878c;color:#7e878c;}

.eventWrap .evWarning{padding: 100px 0;}
.warningList > li.w_tit{background-color: #222;color: #fff;display: block;width: 150px;height: 40px;font-weight: bold;font-size: 16px;text-align: center;border-radius: 30px;line-height: 40px;}



.mg_s_info{border: 1px solid #000;padding: 13px 15px}
.mg_s_info li{text-indent: -13px;line-height: 1.2;font-size: 12px;padding: 0 0 0 13px;margin-top: 5px}
.mg_s_info li a{text-decoration: underline;font-weight: bold}
.mg_s_info li:before{display: none}
.mg_terms{padding: 15px 15px;font-size: 12px;height: 100px;line-height: 1.2;color: #888}
.mg_terms strong{color: #888}
.shareList ul{padding: 40px 125px;}
.shareList ul li dl dd a span br{display:none}

.container_info{font-size: 18px;}
.container_info .info .info_title{font-weight: 900;}

.warningList li ul li a{color: #ff0000;font-weight: 900;padding: 0}

.gallery_lst ul li .img:before{display: none;}

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

    .eventWrap .inner{width: 92%;}
    .eventWrap img{width:100%}


    .eventWrap .evCon1{padding: 15% 0 15%;}
    .eventWrap .evCon1_link a{}
    .eventWrap .evCon1_link a img.on{}



    .eventWrap .evCon2 .type_wrap{margin: 0 0 0%;padding: 0}
    .eventWrap .evCon2 .type_wrap .slick-dots{display:none !important}
    .eventWrap .evCon2 .type_wrap .slick-arrow{display:none !important}
    .eventWrap .evCon2 .calendar_bigroll{width: auto;margin: 0 22% 0;padding: 2.3vw 2.5vw 0 2.5vw;background-size: 100%;}
    .eventWrap .evCon2 .calendar_roll{margin: -46vw -43% 0;}
    .eventWrap .evCon2 .calendar_roll .item{padding: 6vw 5% 22vw 5%;}
    .eventWrap .evCon2 .calendar_roll .item img{width: 17vw}
        
    .eventWrap .evCon1 .inner{display: flex;flex-direction: row;justify-content: flex-end;align-items: center;flex-wrap: wrap}
    .eventWrap .evCon1 h3{margin: 0;padding: 0 4% 13% 0;width: 55%;}
    .eventWrap .evCon1 h3 span{display: block;margin: 0 42% 0 0;}
    .eventWrap .evCon1 h3 strong{margin: 0 0 6%}
    .eventWrap .evCon1 h3 span.info{margin: 0 32% 0 0;}
    .eventWrap .evCon1 .con_box{right: 0;position: relative;right: inherit;top: inherit;width: 45%;margin: 10% 0}
    .eventWrap .evCon1 .con_box .tablet_bg{width: 100%;padding: 1.8vw 1.6vw 1.3vw 1.8vw;background-size: 100% 100%;}
    .eventWrap .evCon1 .con_box .tablet_wrap,.eventWrap .evCon1 .con_box .tablet_wrap .item img{border-radius: 1vw}
    .eventWrap .evCon1 .con_box .pen{bottom: -2%;right: 3%;width: 46%}

    .eventWrap .evCon1_link a{padding: 1vw 34%;}

    .eventWrap .evCon2{
    padding: 6% 0 0;
}
    .eventWrap .evCon2 .con_tit,.eventWrap .evCon3 .con_tit,.eventWrap .evCon4 .con_tit{padding: 0 20%}
    .eventWrap .evCon2 .calendar_bigroll .item{padding: 0}
    .eventWrap .evCon2 .calendar_bigroll .item .tit,.eventWrap .evCon2 .calendar_roll .item .tit{font-size:15px;padding: 12px 0 0;}
    .eventWrap .evCon2 .tiny_noti {top: 8px;right: 0;font-size: 10px;opacity: 0.5}


    .eventWrap .evCon3{padding: 0 0 15%}

    .eventWrap .evCon4 h5{margin: 0 10% 5%}
    .eventWrap .evCon4 h5 strong{display: block}
    .eventWrap .evCon4 h5 span{width: 23%;margin: -6.3% 0 0 0}
    .eventWrap .evCon4 .app_list{padding: 0 20% 4%}
    .eventWrap .evCon4 .app_list li{margin: 0 0 3%}

    
    .eventWrap .evEvent .con_tit span{display: block;margin: 0 39%}
    .eventWrap .evEvent .con_tit strong{display: block;margin: 0 0;}
    .eventWrap .evEvent .con_tit .end{width: 20vw;right: 0 !important;top: inherit;bottom: 20%;}
    .eventWrap .event_download{padding: 0 0 15%;}
    .eventWrap .event_download .point,.eventWrap .event_review .point, .eventWrap .event_share .point{padding: 0 19%;margin: 0 0 7%;}
    .eventWrap .event_download h5, .eventWrap .event_review h5, .eventWrap .event_share h5{overflow: hidden}
    .eventWrap .event_download h5 img, .eventWrap .event_review h5 img, .eventWrap .event_share h5 img{max-width: 130%;width: 130%;margin: 0 0 0 -15%}
    .eventWrap .event_download .tiny_noti{padding: 10px 0 0}

    .eventWrap .event_review{padding: 15% 0}
    .eventWrap .evEvent.event_review .gift{margin: 0 -60%}
    .eventWrap .event_review .step{margin: 0 -0.5% 10px;}
    .eventWrap .event_review .step li{width: 32.3%;margin: 0 0.5%;height: 345px;padding: 20px 0 0;}
    .eventWrap .event_review .step li i,.eventWrap .event_share .step li i{width: 80px;margin: 0 auto}
    .eventWrap .event_review .step li + li::before{border-width: 2vw 0 2vw 2vw;left: 0vw}
    .eventWrap .event_review .step li .stuff{width: 190px;margin: 0 auto;max-width: 80%}
    .eventWrap .event_review .step li .info{height: 80px;margin: 0 5px;}
    .eventWrap .event_review .step li > strong{margin: 0 2%;width: auto;font-size: 14px;line-height: 30px;height: 30px}
    .eventWrap .evEvent.event_review .btn{padding: 5% 0 0;margin: 0 0 12%}

    .eventWrap .event_share{padding: 15% 0}
    .eventWrap .event_share .gift{padding: 6% 0 7%;margin: 0;}
    .eventWrap .event_share .step{margin: 0px -1% 6%;}
    .eventWrap .event_share .step li{width: 31.3%;margin: 0 1%}
    .eventWrap .event_share .btn{margin: 0 0 12%}
    .eventWrap .event_share .step li .info{height: 150px;padding: 0 0 20px 0}
    .eventWrap .event_share .step li:nth-child(1) .info{padding: 0}
    .eventWrap .event_share .step li .info .way{width: 178px;padding: 0 0 0 18px;text-indent: -18px}
    .eventWrap .event_share .step li .info .way + .way{padding-top: 4px;padding-bottom: 0;margin-top: 4px}
    .shareList ul{padding: 3% 5%}
    .shareList ul li dl{padding: 0 0 0 20%}
    .shareList ul li dl dt{width: 20%}
    .shareList ul li dl dd{width: 23%}
    
    .eventWrap .evEvent{padding: 0% 0 15%}
    .eventWrap .evEvent .btn{padding: 0 10%;display: flex;flex-direction: row;justify-content: center;align-items: flex-start;margin: 0 0 6%;}
    .eventWrap .evEvent .btn a{margin: 0 2%;width: 46%}
    .eventWrap .evWarning{padding:50px 0}

    .eventWrap .evCon1_link.fix{bottom:65px;}
}


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


    .clickPop{padding: 15px 0 20px;}
    .dim_popup.sns .tit{font-size:22px}
    .dim_popup.sns table{font-size:12px}
    .eventWrap .evCon1_link.fix{bottom:65px;}


}


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


    .eventWrap .evCon1_link a{}
    
    .eventWrap .con2 .calendar_roll{margin: -37% -64% 15%}
    .eventWrap .con2 .calendar_roll .item{padding: 8% 0%}
    .eventWrap .con2 .calendar_roll .item img{width: 23vw}

    .eventWrap .evCon2{
    padding: 10% 0 0;
}
.eventWrap .evCon1_link_wrp{height: auto;}
    .eventWrap .evCon1_link a{padding: 2vw 27%;}

    .shareList ul li dl{padding:0}
    .shareList ul li dl dt{width: 100%}
    .shareList ul li dl dd{width: 24%;}
    .shareList ul li dl dd:nth-child(5), .shareList ul li dl dd:nth-child(6){margin-left: 1%;margin-top: 0}

    .eventWrap .evWarning{padding: 10% 0}
    .warningList > li.w_tit{font-size: 13px;line-height: 25px;height: 26px}


    .eventWrap .event_share .board_notice{top: inherit;}
    .eventWrap .event_share .eventBoard .evtBoard_common .info_wrap{margin: 10px 0 10px}
    .eventWrap .event_share .eventBoard .evtBoard_common .info_wrap button{width: 100%;border-radius: 0}
    .eventWrap .evCon1_link{}

}



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


    .eventWrap .tiny_noti{font-size:11px;line-height: 1.1;}
    .dim_popup.sns{width:90%}
    .eventWrap .evCon2 .con_tit, .eventWrap .evCon3 .con_tit, .eventWrap .evCon4 .con_tit{padding: 0 5%}


    .eventWrap .evCon1 h3 span{margin: 0 32% 0 0;}
    .eventWrap .evCon1 h3 span.info{margin: 0 15% 0 0;}
    .eventWrap .evCon1 .pen{right: -2%}

    .eventWrap .evCon1_link{}
    .eventWrap .evCon1_link.fix{bottom: 55px;}
    .eventWrap .evCon1_link a{padding: 2vw 18%;}

    .eventWrap .evCon2{padding: 13% 0 0;}
    .eventWrap .evCon2 .calendar_roll .item{padding: 7vw 0 23vw;}
    .eventWrap .evCon2 .calendar_bigroll{margin: 0 20% 0vw;}
    .eventWrap .evCon2 .calendar_roll{margin: -60vw -15vw 0;}
    .eventWrap .evCon2 .calendar_bigroll .item .tit, .eventWrap .evCon2 .calendar_roll .item .tit{padding: 4vw 0 3vw;margin: 2vw 0 0;font-size: 10px}
    .eventWrap .evCon2 .calendar_bigroll .item .tit{font-size:12px}
    .eventWrap .evCon2 .calendar_roll .item .tit{margin: 0}

    .eventWrap .evCon4 h5{margin: 0 0 7%}
    .eventWrap .evCon4 h5 strong{overflow: hidden}
    .eventWrap .evCon4 h5 strong img{max-width: 120%;width: 120%}
    .eventWrap .evCon4 h5 span{width: 28%;margin: -7% 0 0}
    .eventWrap .evCon4 .app_list{padding: 0 6% 0;margin: 0 0 7%}
    .eventWrap .evCon4 .step{margin: 0;padding: 3% 0 0 0;}

    .eventWrap .evEvent .con_tit span{margin: 0 36%}
    .eventWrap .evEvent .con_tit strong{margin: 0 0% 2%;}
    .eventWrap .evEvent .con_tit .end{width: 24vw;bottom: -4vw;}
    .eventWrap .event_download .point, .eventWrap .event_review .point, .eventWrap .event_share .point{padding: 0 7%;}
    .eventWrap .event_download h5 img, .eventWrap .event_review h5 img, .eventWrap .event_share h5 img{max-width: 180%;width: 180%;margin: 0 0 0 -40%}

    .eventWrap .event_review .step li i,.eventWrap .event_share .step li i{width: 60px;margin: 0 auto 10px}
    .eventWrap .event_review .step li .stuff{max-width: 90%;width: 130px}
    .eventWrap .event_review .step li .info{height: auto;padding: 10px 0 10px;margin: 0 10px}
    .eventWrap .evEvent .container_info{font-size: 14px}
    .eventWrap .evEvent .container_info .info{flex-wrap: wrap}
    .eventWrap .evEvent .container_info .info .info_title{width: 66px}
    .eventWrap .evEvent .container_info .info .noti{margin: 0 0 0 90px}
    .eventWrap .event_review .step li > strong{font-size: 12px;line-height: 26px;height: 26px;margin: 0 10px 10px}
    .eventWrap .event_review .step li + li::before{display: none}
    .eventWrap .event_review .step li{width: 100%;height: auto;margin: 0 0 5px;border-width: 1px}

    .eventWrap .event_share .gift{margin: 0 -3% 8%}
    .eventWrap .event_share .gift li{width: 50%}
    .eventWrap .event_share .gift li:nth-child(1){width: 100%;padding: 0 27% 0 23%;margin: 0 0 3%;}
    .eventWrap .event_share .gift li:nth-child(2){width: 55%;padding: 0 3% 0 4%;margin: 0;}
    .eventWrap .event_share .gift li:nth-child(3){width: 45%;padding: 2% 0 0 0;margin: 0;}
    .eventWrap .event_share .gift + h5,.eventWrap .evEvent.event_review h5{margin:0 0 20px}
    .eventWrap .event_share .step li{padding: 10px 0 10px;width: 100%;margin: 0 0 5px;border-width: 1px}
    .eventWrap .event_share .step li + li::before{display:none}
    .eventWrap .event_share .step li .info{display: flex;justify-content: flex-start;height: auto;padding: 0 0 10px}
    .eventWrap .event_share .step li > strong{position: relative;bottom: inherit;left: inherit;line-height: 1;height: auto;font-weight: bold}
    .eventWrap .event_share .step li .info .tag{margin: 10px 0 0}

    .gallery_lst ul li .txt{height: 70px;margin: 10px 0;line-height: 1.2;font-size: 13px;}
    .gallery_lst ul li p{padding: 10px 10px;}

    .eventWrap .evEvent .btn{padding: 0 0%;margin: 0 0 10px;}
    .eventWrap .evEvent .btn a{margin: 0 2%;width: 46%}
    .eventWrap .event_review .btn a{width: 67%}
    .eventWrap .event_download .btn{
    display: flex;
    flex-direction: column;
}
    .eventWrap .event_download .btn a{
    width: 100%;
    margin: 0 0 10px;
    padding: 0 20%;
    background: #06851e;
    border-radius: 6px;
}
    .eventWrap .event_download .btn a:nth-child(2){background: #006cda;}
    .eventWrap .event_share .btn {margin: 0 -2% 7%}
    .eventWrap .event_share .btn a{width: 48%;margin: 0 1%}
    [class*=mg_popup_wrap] .content_area .content_inner{padding: 20px 20px;}
    [class*=mg_popup_wrap] .b_tit{font-size: 16px;}
    .b_tit + .mg_tb_wrap, .s_tit + .mg_tb_wrap{margin-top: 15px}
    .mg_tb_form th, .mg_tb_form td{font-size:12px}
    .mg_filebox .filename {width: 100%;font-size: 12px}
    .mg_filebox .filename input[type="text"] {font-size: 12px}
    .mg_filebox .filebtn {width: 100%}
    .mg_s_info{margin-top:10px;border: 0;padding: 0;}
    .mg_s_info li{margin: 3px 0 0}
    .mg_info_wrap{margin-top:15px}
    .mg_terms{padding:10px}
    [class*=mg_popup_wrap] .content_area .mg_btn_wrap .mg_btn_base.xl{padding: 13px 0;font-size: 14px;min-width: 160px}
    [class*=mg_popup_wrap] button.mfp-close, [class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] button.mfp-arrow{width: 25px;height: 25px;background-position: center;top: -35px}

}