@charset "euc-kr";



/* bg url: https://image.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */

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

/* url popup */
.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://image.megagong.net/m/common/pop_close2.png) no-repeat center center;font-size: 0;width: 26px;height: 26px;}


.fix_menu {position: absolute;bottom: 0;left: 0;background: rgba(18,18,18,0.85);z-index: 3;width: 100%;transition: 0.5s;}
.fix_menu ul{position: relative;width: 1080px;margin: 0 auto;display:flex;align-items:flex-start;justify-content:space-between}
.fix_menu ul::before{content:'';position: absolute;top: 15%;right: 0;width: 1px;height: 70%;background: #fff;opacity: 0.2}

.fix_menu li{width: 33.3%;position: relative}
.fix_menu li::before{content:'';position: absolute;top: 15%;left: 0;width: 1px;height: 70%;background: #fff;opacity: 0.2}
.fix_menu li i.point{width: 74px;height: 74px;text-align: center;font-style: normal;line-height: 1.2;font-size: 13px;display: flex;border-radius: 20px;font-weight: 200;margin: 0;font-weight: bold;position: absolute;color: #000;top: 14px;left: 80px;background: url(https://image.megagong.net/m/2023/0711_tech/con_img12.png) no-repeat 0 0;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;}
.fix_menu li i.end{position: absolute;top: 0;left: 50%;margin: 16px 0 0 38px;}
.fix_menu li a{display: block;padding: 0;font-size: 18px;position: relative;color: #fff;font-weight: normal;text-align: left;height: 100px;display: flex;justify-content: center;align-items: center;flex-direction: column;line-height: 1.3;font-weight: normal;}
.fix_menu li a .num{display: block;font-size: 12px;color: #121212;margin: 0 0 7px;letter-spacing: 0;background: #987cff;border-radius: 28px;padding: 5px 12px;line-height: 1;font-weight: bold;}
.fix_menu li a strong{color: #6d6ff8;font-weight: 900}
.fix_menu.fixed{position: fixed;}




.evSection .con_tit{margin: 0 0 50px;font-weight: 900}
.evSection .con_tit.wht{color:#fff}
.evSection .con_tit .tiny{display: block;font-size: 24px;padding: 8px 0 0;font-weight: bold;line-height: 1.3;}
.evSection .con_tit .tiny.wht{color:#fff}
.evSection .con_tit .tiny.top{padding: 0 0 8px;}
.evSection .con_tit .point{display: block;}
.evSection .con_tit .end{position: absolute;top: -10px;right: -10px}
.evSection.ev_subscribe .con_tit .end{top: 80px;right: 200px}
.evSection.evCon_event .con_tit .end{top: 21px;right: -45px;}
.evSection .bigt{display:block;font-weight: 900;font-size: 46px;line-height: 1.2}
.evSection .bigt.wht{color:#fff}
.evSection .bigt.grd{background-image: linear-gradient(to right, #0872e8, #00197a);background-clip: text;-webkit-background-clip: text;color: transparent}
.evSection .bigt .cl{color: #fd3c0b;}

.eventWrap .evSection{padding: 160px 0;position: relative;}

.eventWrap .evSection.evCon1{padding: 81px 0 0;}
.eventWrap .evSection.evCon2{background: #f5f5f5;padding-top: 260px;}
.eventWrap .evSection.evCon3{background: #f5f5f5;}
.eventWrap .evSection.evCon4{background: #f5f5f5;}
.eventWrap .evSection.evCon5{background: #f5f5f5;}
.eventWrap .evSection.evCon6{background: #f5f5f5;}
.eventWrap .evSection.evCon7{background: #f5f5f5;}
.eventWrap .evSection.evtoggleWarning{padding:0}


.eventWrap .evSection.evCon1{background: #ebe8ff url(https://image.megagong.net/m/2023/0803_shorts/con_img12.jpg) no-repeat center 0;}
.evSection.evCon1 h3{margin: 0 0 48px;}
.evSection.evCon1 h3 span{display: block;margin: 0 0 45px;}
.evSection.evCon1 h3 strong{display: block;position: relative;}
.evSection.evCon1 h3 strong i{position: absolute;bottom: 121px;right: 76px;}
.evSection.evCon1 .twnk{position: absolute;top:0;width: 100%;height: 100%;}
.evSection.evCon1 .twnk li{position: absolute;top: 266px;left: 0;}
.evSection.evCon1 .teacher{position: relative;margin: 0 -130px;}

.evSection.evCon1 .twnk li:nth-child(1){animation: twnk 3s infinite;}
.evSection.evCon1 .twnk li:nth-child(2){animation: twnk 4s infinite;top: 315px;left: inherit;right: 50px;}
.evSection.evCon1 .twnk li:nth-child(3){animation: twnk 3s infinite;top: 820px;left: inherit;right: -73px;}
.evSection.evCon1 .twnk li:nth-child(4){animation: twnk 4s infinite;top: 320px;left: inherit;right: -080px;}
.evSection.evCon1 .twnk li:nth-child(5){animation: twnk 3s infinite;top: 450px;left: 70px;}

@keyframes twnk {
    0%   {margin-top:0}
    25%  {margin-top:10px;}
    50%  {margin-top:0;}
    75% {margin-top:5px;}
    100% {margin-top:0;}
}



.eventWrap .evSection.ev_likes{background: #e2d7ff;}
.eventWrap .evSection.ev_likes::before{content:'';background: url(https://image.megagong.net/m/2023/0803_shorts/con_img20.jpg) no-repeat center 0;position: absolute;top: 780px;left: 0;width: 100%;height: 1418px;}
.ev_likes .con_tit{margin-bottom: 15px;}
.eventWrap .evSection.ev_share{background: #d6eaff;}
.eventWrap .evSection.ev_share::before{content:'';background: url(https://image.megagong.net/m/2023/0803_shorts/con_img23.jpg) no-repeat center 0;position: absolute;top: 765px;left: 0;width: 100%;height: 1148px;}
.eventWrap .evSection.ev_subscribe{background: #ffdde7;}
.eventWrap .evSection.ev_subscribe::before{content:'';background: url(https://image.megagong.net/m/2023/0803_shorts/con_img24.jpg) no-repeat center 0;position: absolute;top: 800px;left: 0;width: 100%;height: 846px;}

.evCon_event .con_tit .evt{font-size: 24px;background: #121212;width: 215px;height: 60px;display: block;margin: 0 auto 35px;line-height: 58px;font-weight: 900;letter-spacing: 0;position: relative;color: #fff;}
.evCon_event .con_tit .evt::before{content: '';border-top: 10px solid #121212;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;left: 50%;bottom: -10px;transform: translate(-50%, 0);} 
.evCon_event .con_tit .tiny{font-weight: 900;}
.evCon_event .tit_point{position: relative;color: #7436ff;font-size: 20px;margin: 0 0 45px;background: #eee7ff;display: inline-block;line-height: 0.6;padding: 0 4px;}


.evCon_event .evt_info{position: relative;background: #d8d2d1;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;margin: 0 0 80px;padding: 35px 0;}
.ev_share .evt_info{background:#e7f1ec;}
.evCon_event .evt_info::before, 
.evCon_event .evt_info::after{content:'';display:block;position: absolute;top: 0;left: 100%;width: 1500px;height: 100%;background: #d8d2d1;}
.evCon_event .evt_info::after{left: inherit;right: 100%;}

.evCon_event .evt_info ul li {position: relative;padding: 6px 0 14px 160px;text-align: left;color: #fff;line-height: 1;font-size: 21px;}
.evCon_event .evt_info ul li+li {margin-top:25px}
.evCon_event .evt_info ul li .tit{position: absolute;top: 0;left: 0;padding: 7px 24px;background: #000;font-weight: normal;border-radius: 40px;}
.evCon_event .evt_info ul li .info{font-weight: normal;}
.evCon_event .evt_info ul li .info{color:#000}
.evCon_event .evt_info ul li .info .tiny{color: #fd3c0b;font-size: 13px;font-weight: normal;margin: 0 0 0 7px;display: inline-block;}

.evCon_event .gift{margin: 0 0 55px;}
.evCon_event .gift .item{position: relative;}
.evCon_event .gift .item span{display: block;font-weight: 900;font-size: 19px;}
.evCon_event h5{position: relative;font-size: 30px;font-weight: 900;line-height: 1;display: flex;flex-direction: row;justify-content: center;align-items: flex-start;margin: 60px 0 40px;}
.evCon_event h5::before{content:'';position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #000;}
.evCon_event h5 span{border: 1px solid #000;padding: 0 0;position: relative;background: #000;padding: 9px 25px;border-radius: 50px;color: #fff;font-size: 20px;font-weight: normal;}

.evCon_event .step_wrapper {display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 50px} 
.ev_subscribe .step_wrapper{padding: 0 90px;margin: 0 0 10px;}
.evCon_event .step_wrapper .step {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;padding: 37px 0;background-color: #fff;border-radius: 15px;} 
.evCon_event .step_wrapper .step > img {margin-bottom: 0px} 
.evCon_event .step_wrapper .step .step_title {line-height: 1.3;font-size: 16px;} 
.evCon_event .step_wrapper .step .step_title b {display: inline-block; margin-bottom: 8px; color: #eca517; font-size: 18px; line-height: 1.3; font-weight: normal} 
.evCon_event .step_wrapper .step .step_desc {color: #2581ff;font-size: 14px;margin-top: 14px;margin: 20px 0 0;} 
.evCon_event .step_wrapper .step:nth-of-type(1),
.evCon_event .step_wrapper .step:nth-of-type(2) {margin-right: 15px;} 
.ev_subscribe .step_wrapper .step:nth-of-type(1) {margin-right: 20px;} 
.ev_subscribe .step_wrapper .step:nth-of-type(2) {margin-right: 0;} 
.evCon_event .step_wrapper .step:nth-of-type(1)::before,
.evCon_event .step_wrapper .step:nth-of-type(2)::before {position: absolute;top: 50%;right: -27px;content: '';transform: translate(0, -50%);width: 36px;height: 36px;background-image: url(https://image.megagong.net/m/2023/0620_duck/con_img14.png);background-repeat: no-repeat;background-position: center;background-size: contain;z-index: 1;} 
.ev_subscribe  .step_wrapper .step:nth-of-type(2)::before {display: none;} 
.evCon_event .step_wrapper .step .num{font-weight: 900;display: block;margin: 0 0 7px;}
.ev_subscribe .step_wrapper .step .step_title span{display: block;padding: 5px 0 5px;}
.ev_share .step_wrapper .step_btn{background: #000;color: #fff;padding: 10px 52px 12px;line-height: 1;margin-top: 15px;font-size: 18px;border-radius: 8px;}

.ev_share .evBtn_wrap{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start;margin: 0 0 110px;}
.ev_share .evBtn_wrap a{background: #000;font-size: 20px;padding: 29px 0;line-height: 1;border-radius: 10px;width: 390px;color: #fd3c0b;text-align: center;margin: 0 35px;}
.ev_share .evBtn_wrap a+a{color: #18ff00;}
.ev_share .evBtn_wrap a i{margin: 0 0 0 10px;}
.ev_share .eventBoard > a:first-of-type {margin-right: 40px} 
.ev_share .eventBoard .evtBoard_common .evtBoard_inner {background: #eaf4ff;padding: 15px 40px 40px;} 
.ev_share .shareList ul{background: #eaf4ff;}
.ev_share .eventBoard .shareList ul li dl{padding: 0 0 0 186px;} 
.ev_share .eventBoard .shareList ul li dl dd {border-radius: 8px;width: 196px;background: #fff;border: 1px solid #c6c6c6;color: #888888;font-size: 18px;} 
.ev_share .eventBoard .shareList ul li dl dt {width: 153px;margin: 0 0 0 0;letter-spacing: 0.05em;font-size: 19px;} 
.ev_share .eventBoard .shareList ul li dl dt + dd:nth-of-type(1){margin-left: 0;}
.ev_share .eventBoard .shareList ul li dl.sns dt {background-color: #1786f9;} 
.ev_share .eventBoard .shareList ul li dl.naver dt {background-color: #28b088;} 
.ev_share .eventBoard .shareList ul li dl.daum dt {background-color: #ff9f2e;} 
.ev_share .eventBoard .shareList ul li dl.etc dt {background-color: #878787;} 
.ev_share .eventBoard .shareList ul li dl dd br{display:none}
.ev_share .evtBoard_common {background-color: #fcf1b7} 
.ev_share .evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"] {border: 1px solid #000} 
.ev_share .evtBoard_common .board_write .btn_wrap a {margin-left: 10px;border-radius: 0;} 
.ev_share .evtBoard_common .info_wrap {position: relative;} 
.ev_share .evtBoard_common .info_wrap ul li {color: #121212;font-size: 13px;text-align: left;text-indent: -10px;padding-left: 10px;opacity: 0.9;line-height: 1.45} 
.ev_share .evtBoard_common .info_wrap button {margin-right: 0;color: #2581ff;font-size: 16px;font-family: 'NotoSans KR';border-bottom: 1px solid #2581ff;text-underline-offset: 7px;white-space: nowrap;position: absolute;top: 0;right: 12px;border-radius: 0;padding: 4px 0px;line-height: 1;} 

.ev_subscribe .btn_wrap{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start;padding: 0px 230px;}
.ev_subscribe .btn_wrap a{background: #000;color: #fff;margin: 0 15px;flex: 1;padding: 12px 0 14px;font-size: 18px;border-radius: 10px;}
.ev_subscribe .btn_wrap a.upload_btn{background: #f30480;}
.ev_subscribe .btn_wrap a.upload_btn.end{background: #b9b9b9;color: #7f7f7f;cursor:default}



.ev_likes .likes_wrap{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;margin: 0 -15px;}
.ev_likes .likes_wrap li{width: 342px;margin: 0 14px 55px;}
.ev_likes .likes_wrap li:nth-of-type(4),
.ev_likes .likes_wrap li:nth-of-type(5),
.ev_likes .likes_wrap li:nth-of-type(6){margin-bottom:0;}
.ev_likes .likes_wrap li .eventVideo{display: block;height: 440px;border-radius: 18px;margin: 0 0 10px;overflow: hidden;}
.ev_likes .likes_wrap li .eventVideo.video_renewal .video_box{padding-bottom: 128.6%;}
.ev_likes .likes_wrap li .eventVideo iframe{width: 100%;height: 100%;}
.ev_likes .likes_wrap li .info{position: absolute;bottom: 0;left: 0;text-align: left;padding: 0 25px 25px;width: 100%;color: #fff;font-size: 22px;z-index: 2;}
.ev_likes .likes_wrap li .info .tit{display: block;font-weight: normal;line-height: 1.3;}
.ev_likes .likes_wrap li .info .tea{display: block;padding: 10px 0 0;font-weight: 100;font-size: 14px;opacity: 0.9;}
.ev_likes .likes_wrap li .info .tea i{display: inline-block;width: 1px;height: 8px;background: #fff;opacity: 0.4;margin: 0 10px;}
.ev_likes .likes_wrap li .info .likes{position: absolute;bottom: 50px;right: 25px;letter-spacing: 0;font-weight: 900;background: url(https://image.megagong.net/m/2023/0803_shorts/con_img21.png) no-repeat 0 center;padding: 6px 0 7px 36px;color: #fff;font-size: 19px;line-height: 1;letter-spacing: 0.03em;}
.ev_likes .likes_wrap li .btn{display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: center;margin: 10px -1% 0;}
.ev_likes .likes_wrap li .btn a{width: 48%;color: #fff;margin: 0 1%;line-height: 1;/* padding: 0 0 0 10px; */background: #f30480;height: 50px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;font-weight: normal;border-radius: 8px;font-size: 18px;}
.ev_likes .likes_wrap li .btn a.end{background: #9f9f9f;padding-left: 0;cursor: default;font-weight: bold;color: #686868;}
.ev_likes .likes_wrap li .btn a.share{background: #7436ff;}
.ev_likes .likes_wrap li .btn a i{width: 25px;height: 20px;display: inline-block;background:  url(https://image.megagong.net/m/2023/0803_shorts/con_img8.png) no-repeat 0 0;margin: 0px 5px 0 5px;}
.ev_likes .likes_wrap li .btn a.share i{background: url(https://image.megagong.net/m/2023/0803_shorts/con_img9.png) no-repeat 0 0}
.ev_likes .likes_wrap li .btn a.end i{display: none;}

.ev_subscribe .step_caution{text-align: left;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;font-size: 13px;margin: 0 0 80px 90px;}
.ev_subscribe .step_caution li{padding-left: 10px;text-indent: -10px;}


.evCon_event .container_info {margin: 0;color: #000000;font-size: 20px;background-color: #d4c3ff} 
.ev_share .container_info{background-color: #bbe0ff;text-align: left;}
.ev_subscribe .container_info{background-color: #ffc7da;}
.evCon_event .container_info .info .info_title {font-weight: 900;} 
.evCon_event .container_info .info .info_date {font-weight: normal;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;} 
.evCon_event .container_info .info .noti {color: #7436ff;font-size: 14px;font-weight: normal;} 


.mg_popup_wrap .inputimg_wrap{display: flex;border: 1px solid #ddd;border-bottom: 0;height: 140px;flex: 1;flex-direction: column;align-content: center;justify-content: center;align-items: center;margin: 20px 0 0;padding: 0 25px;}
.mg_popup_wrap .inputimg_wrap img{max-height:100%}
#popupCetify .filebox .filename input[type="text"], 
#popupCetify .s-filename-wrap{width: 100%;padding: 0 20px 0 0;margin: -2px 0 0;}
#popupCetify .s-filename{padding: 0 0 2px;}
#popupCetify .btns-wrap{display: flex;flex-direction: column;align-content: center;align-items: center;}
#popupCetify .btns-wrap a{background: #f30480;color: #fff;font-size: 17px;font-weight: bold;padding: 14px 45px;line-height: 1;margin: 20px 0 0;}
#popupCetify .filebox .filebtn{width: 100%;}
#popupCetify .filebox .filename .delbtn {right: -3px;top: -32px;}
#popupCetify .filebox{padding: 0;}
#popupCetify .popCaution{text-align: left;font-size: 12px;padding: 5px 0 10px;opacity: 0.5;}
#popupCetify .popCaution li{margin: 5px 0 0;}
.warningList li ul li a{color: #fff;font-size: 0.9em;background: #000;border-radius: 4px;padding: 4px 10px;}




br.for_mo{display: none;}










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




    .ev_likes .likes_wrap li .eventVideo.video_renewal .video_box .ytb_thumb{transition:  0.3s;}
    .ev_likes .likes_wrap li .eventVideo.video_renewal:hover .video_box .ytb_thumb{scale: 1.1;}





}





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






    .eventWrap img{width: 100%;}

    .eventWrap .evSection{padding: 18% 0;}
    .eventWrap .evSection.evCon2{padding-top: 25%}

    .evSection .con_tit{font-size: 4vw;margin: 0 0 8%;}
    .evSection .con_tit .tiny{font-size: 3.2vw;padding: 2% 0 0}
    .evSection .con_tit .tiny.top{padding: 0 0 2%;}
    .evSection .bigt{font-size: 4.2vw;}
    .evSection .bigt.wht{color:#fff}
    .eventWrap .tit_point{font-size: 2.5vw;}

    .fix_menu.fixed{bottom: 64px;}


    .fix_menu ul{width: 100%}
    .fix_menu ul::before{display: none}
    .fix_menu li:nth-of-type(1)::before{display:none}
    .fix_menu li i{font-size: 2vw}
    .fix_menu li i.point{width: 8vw;height: 8vw;background-size: 100%;font-size: 1.5vw;left: 3%;top: 7%;}
    .fix_menu li a .num{font-size: 1.6vw;}
    .fix_menu li a{line-height: 1.3;font-size: 2.0vw;height: 11vw;padding: 0;text-align: center}
    .fix_menu li a br.for_mo{display:block}
    .fix_menu li i.end{width: 20%;}



    .eventWrap .evSection.evCon1{padding: 15% 0 0;}
    .evSection.evCon1 h3{margin: 0 8% 10%;}
    .evSection.evCon1 h3 span{margin: 0 10% 6%;}


    .eventWrap .evSection.evCon1{background-size: auto 122%;}
    .evSection.evCon1 h3{margin: 0 0 7%;padding: 0 8.5%;}
    .evSection.evCon1 h3 span{margin: 0 14% 5%;}
    .evSection.evCon1 h3 strong{display: block;position: relative;}
    .evSection.evCon1 h3 strong i{bottom: 12vw;right: -6%;width: 15%;}
    .evSection.evCon1 .teacher{margin: 0 0;}

    .evSection.evCon1 .twnk li:nth-child(1){top: 36vw;left: 1%;width: 9%;}
    .evSection.evCon1 .twnk li:nth-child(2){top: 30vw;right: 3%;width: 10%;}
    .evSection.evCon1 .twnk li:nth-child(3){top: 66vw;right: 0;width: 11%;}


    .ev_likes .likes_wrap{margin: 0 -1%;}
    .ev_likes .likes_wrap li{width: 31.3%;margin: 0 1% 7%;font-size: 15px;}
    .ev_likes .likes_wrap li .eventVideo{height: auto;}
    .ev_likes .likes_wrap li .eventVideo.video_renewal .video_box{padding-bottom: 39.5vw;}
    .ev_likes .likes_wrap li .info{font-size: 2.0vw;padding: 0 7% 10%;}
    .ev_likes .likes_wrap li .info .likes{top: inherit;bottom: 27%;font-size: 2.4vw;}



    .evCon_event  .con_tit .evt{font-size: 2.6vw;width: 20%;height: auto;margin: 0 auto 3%;line-height: 1;padding: 3% 0%;}
    .evCon_event  .tit_point{font-size: 2.8vw;margin: 0 0 7%;}
    .evCon_event  .evt_info{padding: 3% 5%;}
    .evCon_event  .evt_info ul{width: 70%;text-align: left;}
    .evCon_event  .evt_info ul li{font-size: 2.0vw;padding: 2% 0 2% 29%;}
    .evCon_event  .evt_info ul li+li{margin-top: 1.5vw;}
    .evCon_event  .evt_info ul li .tit{padding: 2% 5%;}
    .ev_subscribe .evt_info .gift{padding: 0;width: 21%;}
    .evCon_event  h5{font-size: 2vw;margin: 10% 0 3%;}
    .evCon_event  h5 span{padding: 1% 4%;font-size: 2.6vw;}
    .ev_subscribe .con_tit .tiny img{margin:0 0 00 5px}


    .evCon_event .evt_info .gift{width: 30%;padding: 0;}
    .evSection.evCon_event .con_tit .end{right: 0;width: 27%;top: 0;}
    .evCon_event .step_wrapper {margin: 0 0 5%;padding: 0;} 
    .evCon_event .step_wrapper .step {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;padding: 0;height: 20vw;background-color: #fff;border-radius: 7px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);} 
    .evCon_event .step_wrapper .step > img {margin-bottom: 0px} 
    .evCon_event .step_wrapper .step .step_title {font-size: 1.6vw;} 
    .evCon_event .step_wrapper .step .step_title b {display: inline-block; margin-bottom: 8px; color: #eca517; font-size: 18px; line-height: 1.3; font-weight: normal} 
    .evCon_event .step_wrapper .step .step_desc {margin: 4% 0 0;} 
    .evCon_event .step_wrapper .step:nth-of-type(1),
    .evCon_event .step_wrapper .step:nth-of-type(2) {margin-right: 1%;} 
    .evCon_event .step_wrapper .step:nth-of-type(1)::before,
    .evCon_event .step_wrapper .step:nth-of-type(2)::before {right: -2vw;width: 3vw;height: 3vw;background-size: 97%;} 
    .evCon_event .step_wrapper .step .num{font-size: 1.7vw;}
    .evCon_event .step_wrapper .step .num::before {display:none} 
    .ev_share .step_wrapper .step_btn{font-size: 1.6vw;padding: 3% 10% 4%;}
    .ev_subscribe .step_wrapper .step{height: auto;padding: 3vw 0;}
    .ev_subscribe .step_caution{margin: 0 0 50px;font-size: 12px;}

    .ev_share .evBtn_wrap{margin: 0 -1% 10%;}
    .ev_share .evBtn_wrap a{font-size: 2.4vw;padding: 2% 0;width: 48%;margin: 0 1%;}
    .ev_share .evBtn_wrap a i{margin: 0 0 0 10px;}
    .ev_share .evBtn_wrap a i img{width:auto}
    .ev_share .container_info {display: inline-flex; padding: 12px 30px 12px 50px; font-size: 18px} 
    .ev_share .eventBoard .evtBoard_common .evtBoard_inner{padding: 10px 20px 20px;}
    .ev_share .eventBoard .shareList ul li dl {display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0 0 0 21%;} 
    .ev_share .eventBoard .shareList ul li dl dt {width: 20%;font-size: 15px;height: 44px;line-height: 44px;} 
    .ev_share .eventBoard .shareList ul li dl dt + dd:nth-of-type(1){margin-left: 1%;}
    .ev_share .eventBoard .shareList ul li dl dd {height: 44px;flex: 1;border-width: 1px !important;font-size: 15px;} 
    .ev_share .evtBoard_common .board_write .btn_wrap a {border-radius: 0;margin-left: 0;width: 100%;padding: 0;border: 0;} 
    .ev_share .btn_wrap ul li{width: calc(50% - 16px);}
    .ev_share .btn_wrap ul li a{padding: 6% 0;height: auto;font-size: 2.6vw;line-height: 1;}
    .ev_share .btn_wrap ul li:nth-of-type(2) a{background:#26b983;color: #fff;}
    .ev_share .btn_wrap ul li a span{padding: 0 11% 0 0;background-size: auto 100%;}
    .ev_share .eventBoard .evtBoard_common .info_wrap.with_tip{position:relative;padding: 40px 0 0;}
    .ev_share .eventBoard .evtBoard_common .info_wrap.with_tip button{position: absolute;top: 0;left: 0;width: 100%;text-decoration: none;font-size: 15px;border: 1px solid #2581ff;}


    .ev_subscribe .btn_wrap{padding: 0 0%;}
    .ev_subscribe .btn_wrap a{font-size: 2.1vw;padding: 2.5% 0;margin: 0 1%;}


    .evCon_event .container_info {margin: 0;font-size: 2.6vw;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;padding-left: 19%;} 
    .evCon_event .container_info .info .info_title::after { display: none; } 
    .evCon_event .container_info .info .noti {font-size: 0.8em;margin: 0 0 0 20px;} 
    .evCon_event .gift{margin: 0 0 6%;padding: 0 13%;}
    .evCon_event .gift .item span{font-size: 2vw;}








}









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







    .fix_menu.fixed{}



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


    .ev_share .eventBoard > a:first-of-type {margin-right: 15px} 
    .evCon_event .container_info {width: auto;display: inline-flex;} 
    .evCon_event .step_wrapper .step .step_title b {font-size: 16px; letter-spacing: -1px} 
    .evCon_event .step_wrapper .step .step_desc {font-size: 12px} 









}









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





    .fix_menu.fixed{}


    .ev_likes .likes_wrap li{width: 48%;margin: 0 1% 7%;}
    .ev_likes .likes_wrap li .eventVideo.video_renewal .video_box{padding-bottom: 60.5vw;}
    .ev_likes .likes_wrap li .info{font-size: 3vw;}

    .evCon_event .inner .fin {top: 3vw} 
    .evCon_event .container_info {width: 100%;margin: 0vw 0 5vw 0;padding-left: 12%;padding-right: 0;} 
    .evCon_event .container_info .info{margin-right:0;text-align: left;align-items: flex-start;}
    .evCon_event .container_info .info + .info{margin-top: 5px;}
    .evCon_event .gift {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 10vw} 
    .evCon_event .gift > img {width: 40vw} 
    .evCon_event .gift > img:first-of-type {margin: 0 20vw;margin-bottom: 2vw;} 
    .ev_share .eventBoard > a {display: inline-block; width: 70%} 
    .ev_share .eventBoard > a:first-of-type {margin-bottom: 3vw} 
    .ev_share .eventBoard > a > img {width: 100%} 
    .evCon_event .subheader {width: 100%;margin: 0 auto;margin-bottom: 5vw;} 
    .evCon_event .subheader .center {font-size: 22px} 
    .evCon_event .step_wrapper {flex-direction: column; margin-bottom: 3vw} 
    .evCon_event .step_wrapper .step {flex: initial;width: 100%;height: auto;padding: 26px 0;} 
    .evCon_event .step_wrapper .step:nth-of-type(1), 
    .evCon_event .step_wrapper .step:nth-of-type(2) {margin-right: 0; margin-bottom: 15px} 
    .evCon_event .step_wrapper .step:nth-of-type(1)::before, 
    .evCon_event .step_wrapper .step:nth-of-type(2)::before {top: initial; right: initial; left: 50%; bottom: -27px; transform: translate(-50%, 0) rotate(90deg)} 
    .evCon_event .step_wrapper .step img {width: 43%} 
    .evCon_event .step_wrapper .step br:nth-of-type(2){display:none}
    .evCon_event .step_wrapper .step .step_title {margin-top: 0 !important;} 
    .evCon_event .step_wrapper .step .step_desc {margin-top: 5px} 
    .ev_share .eventBoard > a:first-of-type {display: inline-block; margin-right: 0; margin-bottom: 15px} 
    .ev_share .eventBoard .shareList {margin-top: 6vw;} 
    .ev_share .eventBoard .shareList ul li dl {flex-wrap: wrap;padding: 0;} 
    .ev_share .shareList ul li dl dt {width: 100%} 
    .ev_share .shareList ul li dl dd:nth-child(5) {margin: 0 0 0 1%; margin-top: 0} 
    .ev_share .evtBoard_common .info_wrap {flex-direction: column-reverse; align-items: center; justify-content: center} 
    .ev_share .evtBoard_common .info_wrap button {margin-right: 0; margin-bottom: 10px} 
    .ev_share .btn_wrap ul li{width: calc(50% - 8px);margin: 0 4px;}
    .ev_share .btn_wrap ul li a span{padding: 0 14% 0 0;}
    .ev_share .btn_wrap ul li a{font-size: 3.4vw;}

    [class*=mg_popup_wrap] .mg_popup_close{width: 25px;height: 25px;background-position: center;top: -33px;}








}






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




    .fix_menu.fixed{bottom: 55px;}



    .dim_popup.sns{width:90%;padding: 25px 0;}
    .dim_popup.sns .tit{font-size:17px;margin-top: 0;}
    [class*=mg_popup_wrap] .content_area .content_inner{padding: 20px 15px;}
    [class*=mg_popup_wrap] .b_tit{font-size: 17px;}
    [class*=mg_popup_wrap] .mt30{margin-top:20px !important}
    br.for_mo{display: block;}


    .evSection .con_tit .tiny{font-size: 4vw;}
    .eventWrap .tit_point{font-size: 3.2vw}
    .evSection .bigt{font-size: 6.4vw;}


    .fix_menu li{width: 50%;}
    .fix_menu li:nth-of-type(2){display:none}
    .fix_menu li a{font-size: 4.3vw;letter-spacing: -0.1em;height: 16vw;}
    .fix_menu li i.point{left: 2%;top: 50%;transform: translateY(-50%);width: 11vw;height: 10vw;background-size: 100% 100%;line-height: 1.1;}
    .fix_menu li a .num{font-size: 2.6vw;margin: 0 0 2px;display: none;}
    .fix_menu li i{width: 12vw}
    .fix_menu li i.end{margin: 5% 0 0 0;left: inherit;right: 0;width: 28%;}


    .eventWrap .evSection.evCon1{background-size: auto 118%;}
    .evSection.evCon1 h3{margin: 0 0 13%;padding: 0 6%;}
    .evSection.evCon1 h3 span{margin: 0 3% 7%;}
    .evSection.evCon1 h3 strong{display: block;position: relative;}
    .evSection.evCon1 h3 strong i{bottom: 12vw;right: -6%;width: 15%;}
    .evSection.evCon1 .teacher{margin: 0 0;}

    .evSection.evCon1 .twnk li:nth-child(1){top: 48vw;}
    .evSection.evCon1 .twnk li:nth-child(2){top: 44vw;width: 8%;}
    .evSection.evCon1 .twnk li:nth-child(3){top: 72vw;right: 0;width: 11%;}


    .eventWrap .evSection.evCon_event::before{display:none}
    .ev_likes .likes_wrap{margin: 0;}
    .ev_likes .likes_wrap li{width: 48%;margin: 0 1% 5%;}
    .ev_likes .likes_wrap li .info{padding: 0 0 32px 12px;font-size: 14px;}
    .ev_likes .likes_wrap li .info .tea{font-size: 12px;padding: 5px 0 0;}
    .ev_likes .likes_wrap li .info .tea i{margin: 0 3px;}
    .ev_likes .likes_wrap li .info .likes{font-size: 16px;padding: 0px 0 2px 21px;background-position: 0 2px;background-size: 15px;bottom: 12px;right: 15px;}
    .ev_likes .likes_wrap li .btn a{font-size: 14px;height: 40px;}
    .ev_likes .likes_wrap li .btn a i, .ev_likes .likes_wrap li .btn a.share i{width: 14%;background-size: 100%;background-position: center;margin: 0 6px 0 0;}

    .evCon_event .con_tit .evt{font-size: 4vw;width: 30%;margin-bottom: 5%;}
    .evCon_event .con_tit .evt::before{border-top-width: 6px;bottom: -6px;}
    .evCon_event .tit_point{font-size: 4vw;}
    .evCon_event .evt_info{display: flex;margin: 0 -2% 0%;flex-direction: column-reverse;padding: 7% 4%;}
    .evCon_event .evt_info::after{display:none}
    .evCon_event .evt_info ul{width: 100%;}
    .evCon_event .evt_info ul li{font-size: 3.7vw;padding: 2% 0 2% 29%;}
    .evCon_event .evt_info ul li+li{margin-top: 1.5vw;}
    .evCon_event .evt_info ul li .tit{font-size: 3.4vw;}
    .evCon_event .evt_info .gift{margin: 0 0 5%;width: 43%;}
    .evCon_event .evt_info ul li .info .tiny{margin: 4px 0 0;}
    .evCon_event .gift{position: relative;padding: 0;}
    .evCon_event .gift::before{content:'';position: absolute;bottom: 0;left: -2%;background: linear-gradient(0deg, #e2d7ff, #d4c3ff);width: 104%;height: 35%;}
    .evCon_event .gift .item span{font-size: 3.2vw;}
    .ev_share .gift::before{background: linear-gradient(0deg, #d6eaff, #bbe0ff);}
    .ev_subscribe .gift::before{background: linear-gradient(0deg, #ffdde7, #ffc7da);}

    .evCon_event h5 span{padding: 2% 8%;font-size: 3.6vw;}
    .evCon_event .con_tit .tiny img{margin:0 0 00 5px}

    .evCon_event .certify_wrap .item{padding: 4% 4% 4% 10%;}
    .evCon_event .certify_wrap .item + .item{margin-top: 1%;padding-bottom: 3%;}
    .evCon_event .certify_wrap .item.finish{padding-bottom: 3%;}
    .evCon_event .certify_wrap .item + .item::before{display:none}
    .evCon_event .certify_wrap .item .num{left: 2%;width: 6%;height: 7vw;font-size: 3.3vw;padding: 1% 0 0;}
    .evCon_event .certify_wrap .item .num::before {display:none} 
    .evCon_event .certify_wrap .item .info{font-size: 3.2vw;}
    .evCon_event .certify_wrap .item .info .point{font-size: 3.5vw;margin: 0 0 1%;}
    .evCon_event .certify_wrap .item .info .tiny strong{color: #000;font-weight: bold;}
    .evCon_event .certify_wrap .item .info a{font-size: 3.6vw;background-size: 2vw;padding: 4% 7% 4% 0;}
    .evCon_event .certify_wrap .item .info a i, .ev_share .evBtn_wrap a i{display: inline-block;width: 4vw;}
    .evCon_event .certify_wrap .item .info a i img, .ev_share .evBtn_wrap a i img{width:auto}
    .evCon_event .certify_wrap .item.finish .info a{top: inherit;padding-right: 0;}
    .evCon_event .certify_wrap .item .cap{padding: 0;}


    .ev_share .eventBoard > a {width: 100%} 
    .ev_share .eventBoard > a > img {width: 80%} 
    .evCon_event .subheader {width: 100%} 
    .evCon_event .subheader .center {width: auto;font-size: 19px;} 
    .evCon_event .step_wrapper .step {width: 100%} 
    .evCon_event .eventBoard .shareList {margin-top: 10vw} 
    .evCon_event .gift_wrap{padding: 62% 0 0 0%;}
    .evCon_event .gift_wrap li{width: 46%;}
    .evCon_event .gift_wrap li:nth-of-type(1){width: 50%;left: 25%;}
    .evCon_event .gift_wrap li img{display:block}
    .evCon_event .gift_wrap li span{font-size: 3vw;padding: 5px 0 0;}
    .evCon_event .gift_wrap li:nth-of-type(1) span{margin: 0 0 0 -23%;}
    .evCon_event .tag_wrap{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;background: #d3eae2;border-radius: 5px;}
    .evCon_event .tag_wrap{font-size: 3.5vw;}
    .evCon_event .tag_wrap dt{padding: 1% 2%;border-radius: 3px;}
    .evCon_event .tag_wrap dd{margin: 0 0 0 3%;}   
    .evCon_event .subheader{margin: 0 0 5%;}
    .evCon_event .step_wrapper .step {padding: 20px 0;} 
    .evCon_event .step_wrapper .step:nth-of-type(1),.evCon_event .step_wrapper .step:nth-of-type(2) {margin: 0 0 5px 0;} 
    .evCon_event .step_wrapper .step:nth-of-type(1)::before, .evCon_event .step_wrapper .step:nth-of-type(2)::before {width: 24px;height: 24px;bottom: -16px;} 
    .evCon_event .step_wrapper .step img {width: 80%;} 
    .evCon_event .step_wrapper .step:nth-of-type(1) br:nth-of-type(3){display:none}
    .evCon_event .step_wrapper .step .step_title {font-size: 14px;} 
    .ev_subscribe .step_wrapper .step .step_title span{padding: 0;}
    .evCon_event .step_wrapper .step:nth-of-type(1) .step_title br{display:none} 
    .evCon_event .step_wrapper .step:nth-of-type(3) .step_desc br{display:none}
    .ev_share .eventBoard .shareList ul li dl{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
    .ev_share .eventBoard .shareList ul li dl dt{width: 100%;margin: 0 0 5px 4px;border-radius: 3px;height: 32px;line-height: 32px;font-size: 14px;}
    .ev_share .eventBoard .shareList ul li dl dd{font-size:13px}
    .ev_share .eventBoard .shareList ul li dl dd br{display:block}
    .ev_share .eventBoard .evtBoard_common .evtBoard_inner{padding: 10px;}
    .ev_share .evtBoard_common .info_wrap ul li{font-size: 12px;}
    .ev_share .eventBoard .evtBoard_common .info_wrap.with_tip button{font-size: 13px;}
    .ev_share .evBtn_wrap a{font-size: 3.6vw;padding: 4% 0 4% 0;}
    .ev_share .shareList ul{padding:7% 3%}
    .ev_share .eventBoard .shareList ul li dl.naver dd{width: 29.3% !important;}
    .ev_share .eventBoard .shareList ul li dl.naver dd:nth-of-type(4),
    .ev_share .eventBoard .shareList ul li dl.naver dd:nth-of-type(5){width: 49% !important;}
    .evCon_event .step_wrapper .step .num{font-size: 13px;}
    .evCon_event .step_wrapper .step .num::before {display:none} 
    .ev_share .step_wrapper .step_btn{margin: 10px 0 0;font-size: 13px;padding: 13px 50px;}

    .ev_subscribe .btn_wrap a{font-size: 14px;padding: 3% 0;border-radius: 6px;}



    .evCon_event .container_info {margin: 0;width: 100%;font-size: 3.8vw;} 
    .evCon_event .container_info .info .info_title::after { display: none; } 
    .evCon_event .container_info .info .noti {font-size: 0.9em;margin: 0;} 
    .evCon_event .container_info .info .info_date{display: flex;flex-direction: column;align-items: flex-start;}

    #popupCetify .filebox .filename .delbtn{top: -29px;}
    #popupCetify .btns-wrap a{font-size: 14px;padding: 15px 60px;}





}



/* E: °øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */






.warningList li ul li a.tp1{background-color:#000; color:#fff;}