@charset "euc-kr";
/* setting */
/*{padding:0; margin:0}*/
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap{width:100%;text-align:center;position:relative;font-size: 18px;line-height: 1.4;letter-spacing: -0.03em;overflow:hidden;}
.eventWrap{font-family : 'NotoSans KR';}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;width:1080px;margin:0 auto;}
.eventWrap .inner::after{content:"";display:block;clear:both;}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%;}
.eventWrap .con_tit{position: relative;margin-bottom: 40px;text-align: center;}
.eventWrap .con_subtit{margin-bottom: 35px;position:relative;padding: 0 0%;}
.eventWrap .img_mb{display:none}
.eventWrap .con_box{position:relative;/* padding: 0 40px; */}
.eventWrap .con_box::after{content:"";display:block;clear:both}
.eventWrap .flow::after{content:"";display:block;clear:both}
.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{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%;}
.eventWrap .video_box img{/* width:100%; */}
.eventWrap .video_box.ytb{padding: 0;}

/* flo */
.eventWrap .flt_inner {position: absolute;text-align: center;top: 100px;left: 50%;margin-left: 630px;z-index: 2;width: 160px;opacity: 0;transition: .3s opacity;}
.eventWrap .flt_inner.on{opacity: 1;}
.eventWrap .flt_inner a {display:block;position:relative;margin: 0 0 5px;}


/* con_top */
.eventWrap .con_top {position: relative;padding: 80px 0 180px;background: #f20083;}
.eventWrap.sobang .con_top {background: #2701f2;}

.eventWrap .con_top h3 {position: relative;text-align: center;padding: 0 0 36px;text-align: left;margin: 0 -20% 14px -13%;padding: 42px 0 0 65%}
.eventWrap .con_top h3 strong{position: relative;display: inline-block;margin: 0 0 23px;overflow: hidden;}
.eventWrap .con_top h3 strong img{position:relative;z-index:1}
.eventWrap .con_top h3 strong:nth-child(3){margin: 0 0 10px;}
.eventWrap .con_top h3 strong:nth-child(3),.eventWrap .con_top h3 strong:nth-child(4){padding: 15px 10px}
.eventWrap .con_top h3 strong i{position: absolute;top: 0;left: -40px;width: 116%;height: 100%;background: #000;opacity: 1;font-size:0;z-index: 0;transform: skewX(-20deg);}
.eventWrap .con_top h3 strong:nth-child(3) i{-webkit-animation: show_txt 0.8s linear 0.6s both;animation: show_txt 0.8s linear 0.6s both;}
.eventWrap .con_top h3 strong:nth-child(4) i{-webkit-animation: show_txt 0.8s linear 0.8s both;animation: show_txt 0.8s linear 0.8s both;}
.eventWrap .con_top a{position: relative;display: inline-block;margin: 0 0 0 350px;overflow: hidden}
.eventWrap .con_top a::before{content:'';display:block;position:absolute;top: 50%;left: 235px;width: 30px;height: 24px;background: #f20083 url(https://img.megagong.net/m/2021/1216_goodnote/con_img6.png) -234px -24px no-repeat;margin: -12px 0 0;-webkit-animation: show_left 0.8s infinite;animation: show_left 0.8s infinite;}
.eventWrap.sobang .con_top a::before{background-color: #2701f2}
.eventWrap .con_top p{margin: 0 -2px 60px}
.eventWrap .con_top .charactor{position: absolute;top: 0;left: 0}


@-webkit-keyframes show_txt{    
    0%{width:0;}
    100%{width:150%;}
}
@keyframes show_txt{    
    0%{width:0;}
    100%{width:150%;}
}


@-webkit-keyframes show_left{    
    0%{left:235px;}
    100%{left:240px;}
}
@keyframes show_left{    
    0%{left:235px;}
    100%{left:240px;}
}


.eventWrap .con_top .visuroll_wrap{position: absolute;top: 0;right: -240px;}
.eventWrap .con1 {position: relative;padding: 201px 0 125px;}
.eventWrap .con1 .pad_wrap{margin-bottom:30px;}
.eventWrap .con1 .inner{opacity: 0;}
.eventWrap .con1.on .inner{animation: topOn 1s ease both;-moz-animation: topOn 1s ease both;-webkit-animation: topOn 1s ease both;}

@-webkit-keyframes topOn {0% {margin-top: 30px;opacity: 0;}
    100% {margin-top: 0;opacity: 1;}
}
@keyframes topOn {0% {margin-top: 30px;opacity: 0;}
    100% {margin-top: 0;opacity: 1;}
}

.eventWrap .con4 {background-color: #7a00d0;padding: 150px 0 90px;}
.eventWrap.sobang .con4 {background-color: #0084ff;}
.eventWrap .con4 .con_tit{text-align: left;position: relative;margin: 0 -1px 120px;}
.eventWrap .con4 .con_subtit{text-align: left;position: relative;margin: 0 0 40px;}
.eventWrap .con4 .con_subtit::before{content: '';display: block;position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #fff;opacity: 0.5;}
.eventWrap .con4 .con_subtit strong{display:inline-block;position: relative;background: #7a00d0;}
.eventWrap.sobang .con4 .con_subtit strong{background: #0084ff;}
.eventWrap .con4 .con_subtit span{position: absolute;top: 50%;right: 0;margin:-48px 0 0}
.eventWrap .con4 .con_box{padding: 0;margin: 0;}
.eventWrap .con4 .app_list{position: relative;padding: 30px 14% 0;font-size: 0;text-align: center;}
.eventWrap .con4 .app_list::after{content: '';display: block;clear: both;}
.eventWrap .con4 .app_list li{display: inline-block;width: 25%;margin: 0 0 40px;}
.eventWrap .con4 .step{position: relative;padding: 0;font-size: 0;text-align: center;margin: 0 -0.5% 170px;}
.eventWrap .con4 .step li{float: left;width: 25%;margin: 0 0 0% 0%;}

.eventWrap .con2 {position: relative;padding: 180px 0 110px;background: #e400f2 url(https://img.megagong.net/m/2021/1216_goodnote/con_img16.png) center 150px no-repeat;}
.eventWrap.sobang .con2 {background-image: url(https://img.megagong.net/m/2021/1216_goodnote/con_img16_sobang.png);background-color: #0054f1}

.eventWrap .con2 .con_tit {position:relative;margin: 0 -1px 90px;}
.eventWrap .con2 .con_tit .evt_end {position:absolute;top: 0%;right: -4%;max-width:18%;}
.eventWrap .con2 .type_wrap{margin: 0 -590px}
.eventWrap .con2 .calendar_roll .item{text-align: center;background: #9800a1;padding: 60px 0px}
.eventWrap.sobang .con2 .calendar_roll .item{background: #0039a1}
.eventWrap .con2 .calendar_roll .item img{width: 368px;display: inline-block}

.eventWrap .con2 .calendar_bigroll{width: 824px;margin: 0 auto;background: url(https://img.megagong.net/m/2021/1216_goodnote/con_img37.png) center center no-repeat;z-index: 1}
.eventWrap .con2 .calendar_bigroll .item{padding: 27px 29px}

.eventWrap .con2 .btn_wrap{margin: 0 0 50px;padding: 0 5%;}
.eventWrap .con2 .btn_wrap li{float: left;width: 46%;margin: 0 2%;}
.eventWrap .con2 .btn_wrap + .tiny_txt{font-size: 12px;letter-spacing: 0;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;opacity: 0.7;color: #fff;}
.eventWrap .con2 .btn_wrap + .tiny_txt br{display:none}

.eventWrap .con7 {position: relative;padding: 180px 0 110px;background: #a500f2 url(https://img.megagong.net/m/2021/1216_goodnote/con_img17.png) center 150px no-repeat;}
.eventWrap.sobang .con7 {background-color: #ea00ff;background-image: url(https://img.megagong.net/m/2021/1216_goodnote/con_img17_sobang.png)}
.eventWrap .con7 .con_tit {position:relative;margin: 0 -1px 80px;}
.eventWrap .con7 .con_tit .evt_end {position:absolute;top: 5%;right: -11%;max-width:18%;}
.eventWrap .con7 .evt_date{margin: 0 0 80px;display: inline-block;background: #000;border-radius: 40px;padding: 12px 50px;}
.eventWrap .con7 .evt_gift ul{margin: 0 0 80px;}
.eventWrap .con7 .evt_gift ul li{position: relative}
.eventWrap .con7 .evt_gift ul li a{position: absolute;bottom: 0;width: 351px;height: 23%;left: 365px;font-size: 0;background: #000;opacity: 0;}
.eventWrap .con7 .evt_gift ul li:nth-child(2){margin: -210px 0 0 -730px}
.eventWrap .con7 .evt_gift ul li:nth-child(3){margin: -396px -730px 0 0}
.eventWrap .con7 .evt_gift ul li:nth-child(4){margin: -128px 0 0}
.eventWrap .con7 .evtBoard_common{background: #51115f;overflow: hidden;}
.eventWrap.sobang .con7 .evtBoard_common{background: #c500d7;}

.eventWrap .con7 .evtBoard_common > .tit{text-align: left;font-weight: bold;padding: 0 0px 13px 40px;font-size: 19px;font-family: 'NotoSans KR';color: #fff}
.eventWrap .con7 .evtBoard_common .board_write,.eventWrap .con5 .evtBoard_common .board_write{margin: 0 40px 10px;padding: 0 170px 0 0;}
.evtBoard_common .board_write .inp_wrap{border:0;}
.eventWrap .con7 .evtBoard_common .board_write .inp_wrap textarea, .eventWrap .con7 .evtBoard_common .board_write .inp_wrap input[type="text"],.con5 .evtBoard_common .board_write .inp_wrap textarea, .con5 .evtBoard_common .board_write .inp_wrap input[type="text"]{border: 0;}
.eventWrap .con7 .evtBoard_common .board_write .btn_wrap,.eventWrap .con5 .evtBoard_common .board_write .btn_wrap{width: 170px;}
.eventWrap .con7 .evtBoard_common .board_write .btn_wrap a,.eventWrap .con5 .evtBoard_common .board_write .btn_wrap a{background: #000;}
.eventWrap .con7 .evtBoard_common .board_list{background: #ffffff;}
.eventWrap .con7 .evtBoard_common .board_notice{margin: 0 40px 40px;}
.eventWrap .con7 .evtBoard_common .board_notice li{color: #9d78a5;opacity: 1;font-size: 12px;padding: 0 0 0 10px;text-indent: -10px;}
.eventWrap.sobang .con7 .evtBoard_common .board_notice li{color:#c8c8c8}
.eventWrap .con7 .evtBoard_common .board_notice li.chk_notice{position: absolute;top: 138px;right: 40px;padding: 0;text-indent: 0;}
.eventWrap .con7 .evtBoard_common .board_list ul li{border: 1px solid #ccc;border-width: 1px 0 0;}
.eventWrap .con7 .evtBoard_common .board_list ul li.notice{border-top: 0;}
.eventWrap .con7 .evtBoard_common .board_list ul li.notice .usr_info .date{display: none !important;}
.eventWrap .con7 .evtBoard_common .board_list ul{border-top: 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;overflow: hidden;}
.eventWrap .con7 .evtBoard_common .board_list .total_rpl{text-align: left;}
.eventWrap .con7 .evtBoard_common .board_list{padding-top: 0;padding: 20px 20px 40px;}

.eventWrap .con9 {position: relative;padding: 180px 0 0;background: #0044f2 url(https://img.megagong.net/m/2021/1216_goodnote/con_img23.png) center 150px no-repeat;}
.eventWrap.sobang .con9 {background-color: #ea00ff}

.eventWrap .con9 .con_tit {position:relative;}
.eventWrap .con9 .con_tit .evt_end {position:absolute;top: 2%;right: -10%;max-width:18%;}
.eventWrap .con9 .evt_date{margin: 0 0 110px;display: inline-block;background: #000;border-radius: 40px;padding: 12px 43px;}
.eventWrap .con9 .evt_date img{margin:0 20px}
.eventWrap .con9 .evt_gift{padding: 0 4% 0;margin: 0 0 120px;}
.eventWrap .con9 .evt_gift li{float:left;width:50%}
.eventWrap .con9 .step{margin: 0;}
.eventWrap .con9 .step h5{position: relative;margin: 0 0 30px;}
.eventWrap .con9 .step h5 span{display: inline-block;background: #0044f2;position: relative}
.eventWrap .con9 .step h5::before{content:'';position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #fff;opacity: 0.5;}
.eventWrap .con9 .step h5 img{position:relative}
.eventWrap .con9 .step ol{margin: 0 0 40px;background: #fff;}
.eventWrap .con9 .step ol li{position: relative;float: left;width: 33.3%;margin: 0 0 0 0%;background: #fff;padding: 40px 0 30px;}
.eventWrap .con9 .step ol li::before{content:'';position: absolute;top: 50%;left: -5%;width: 25px;height: 276px;margin: -150px 0 0;z-index: 1;background: url(https://img.megagong.net/m/2021/1216_goodnote/con_img33.png) 0 0 no-repeat;}
.eventWrap .con9 .step ol li:nth-child(1)::before{display:none}
.eventWrap .con9 .step ol li span{display:block}
.eventWrap .con9 .btns {margin: 0 0 120px;overflow: hidden;}
.eventWrap .con9 .btns a {display:inline-block;margin: 0 20px;}

.eventWrap .sns_lst{background-color:#6b31d9;}
.eventWrap .sns_lst{background: #ffffff;padding: 30px;margin: 0;}
.eventWrap .sns_lst ul li{margin: 0 0 15px;}
.eventWrap .sns_lst ul li dl{position: relative;padding: 0 0 0 170px;}
.eventWrap .sns_lst ul li dl:after{content:'';display:block;clear:both}
.eventWrap .sns_lst ul li dl dt{background: #ff69ef;color:#fff;width: 156px;height: 50px;line-height: 50px;border-radius: 8px;margin: 0 10px 0 0;position: absolute;letter-spacing: 0;top: 0;left: 0;}
.eventWrap .sns_lst ul li dl dd{width: 156px;height: 50px;border-radius: 8px;margin: 0 0 0 10px;float: left;border: 2px solid #999999;color: #999999;line-height: 46px;font-weight: normal;font-size: 16px;}
.eventWrap .sns_lst ul li dl dd a{display: block;}
/* À¯ÀÇ»çÇ× */


.eventWrap .evt_cautn{position: relative;background: #0044f2;padding: 0 0 140px;}
.eventWrap.sobang .evt_cautn{background: #ea00ff}

.eventWrap .evt_cautn.sobang{background: #8bf1ff;margin: -70px 0 0}
.eventWrap .evt_cautn .con_box {text-align: left;display:none;padding: 0;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;}
.eventWrap .evt_cautn.on .con_box{display:block}
.eventWrap .evt_cautn .con_tit{background: #000000;text-align: center;padding: 12px 0;margin: 0 0 20px;color: #fff;font-weight: normal;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;cursor: pointer;}
.eventWrap .evt_cautn.sobang .con_tit{background-image: url(https://img.megagong.net/m/2021/1019_good/con_img42.png);background-position: center 0;background-repeat: repeat-y;}
.eventWrap .evt_cautn .con_tit strong{color: #3c4dde;padding: 0 10px 0 0;}
.eventWrap .evt_cautn .con_tit i{font-style: normal;font-size: 13px;display: inline-block;margin: -5px 0 0 9px;vertical-align: middle;}
.eventWrap .evt_cautn.on .con_tit i{transform: rotate(180deg);margin: -1px 0 0 9px}
.eventWrap .evt_cautn .con_box dl{color: #eaeaea;margin: 0 10px 0 10px;font-size: 13px;}
.eventWrap .evt_cautn .con_box dl+dl {margin-top: 30px;}
.eventWrap .evt_cautn .con_box dl dt {line-height:1.5;font-weight: bold;margin: 0 0 5px;}
.eventWrap .evt_cautn .con_box dl dd {position:relative;padding-left:10px;line-height:1.5;text-indent: -10px;margin: 0 0 4px;}
.eventWrap .evt_cautn .con_box dl dd a {display:inline-block;padding: 0 7px;font-size: 12px;color: #000;border: 2px solid #000;text-align: center;text-indent: 0;font-weight: 900;margin: 0 0 0 6px;}

.eventWrap .con5 {background: #0044f2;padding: 0 0 50px;}
.eventWrap .con5 .inner {position:relative;}
.eventWrap .con5 .inner:before {content:'';position:absolute;top:-18px;left:0;right:0;margin:0 auto;width:35px;height:19px;background: url(https://img.megagong.net/m/2021/0819_good/con5_before.png) no-repeat center;background-size:100% auto;}
.eventWrap .con5 .evtBoard_common {background: #ececec;opacity: 1;padding-bottom:40px;}
.eventWrap .con5 .evtBoard_common .board_notice li.chk_notice{position: absolute;top:0;right: 0;}
.eventWrap .con5 .evtBoard_common .board_notice .btnUrl button{font-size: 12px;position:absolute;top: 105px;right: 40px;border: 1px solid #000;padding: 3px 16px;border-radius: 30px;}
.eventWrap .con5 .evtBoard_common .board_write{margin: 0 40px 10px;}
.eventWrap .con5 .evtBoard_common .board_list{background: #ece6f4;}
.eventWrap .con5 .evtBoard_common .board_notice{margin: 0 40px;}
.eventWrap .con5 .evtBoard_common .board_notice li{color: #000;opacity: 1;font-size: 12px;}
.eventWrap .con5 .evtBoard_common .board_notice li.chk_notice{position: absolute;top: 100px;right: 30px;}
.eventWrap .con5 .evt_cautn{position: relative;padding: 50px 0 00;}

.eventWrap .calendar_roll{display: none;margin: -510px -3% 263px;}
.eventWrap .calendar_roll.slick-initialized{display: block;}
.eventWrap .calendar_roll .slick-list{padding: 0;}
.eventWrap .calendar_roll .slick-dots {display: none;}


.eventWrap .paging img{width: auto !important;}

/* sns ÀÎÁõ Æ˾÷ */
.eventWrap .black_bg{background-color:#000;opacity:0.8;position:fixed;left:0;top:0;width:100%;height:100%;text-indent:-9999em;z-index: 2;}
/* .certifi_pop{width: 500px;position:fixed;top:50%;left:50%;z-index: 105;font-size:13px;transform: translate(-50%,-50%);}
.certifi_pop .btn_popclo{position:absolute;top: -55px;right: 0;display:block;font-size:0;line-height:0;width: 48px;height: 48px;background: url('https://img.megagong.net/m/2021/0601_lyj4718/conimg_56.png') 0 0 no-repeat;}
.certifi_pop .popinner{padding:0 33px;position:relative;font-size:13px;overflow:hidden;border-radius: 30px;background-color:#fff;} */

.eventWrap .certifi_pop{position:fixed;top:0;left:0;right:0;bottom:0;z-index: 105;font-size:13px;/*transform: translate(-50%,-50%);*/}
.eventWrap .certifi_pop:after {display: inline-block;vertical-align: middle; width: 0;height: 100%; content: '';}
.eventWrap .certifi_pop .btn_popclo{position:absolute;top: 20px;right: 20px;display:block;font-size:0;line-height:0;width: 20px;height: 20px;background: url('https://img.megagong.net/m/2021/0819_good/pop_close.png') 0 0 no-repeat;}
.eventWrap .certifi_pop .pop_classi {width: 450px;position:relative;top:0;bottom:0;left:0;right:0;margin:auto;display: inline-block;vertical-align: middle;text-align: center;}
.eventWrap .certifi_pop .popinner{padding: 0 20px;position:relative;font-size:13px;overflow:hidden;border-radius: 10px;background-color:#fff;background: #fff url(https://img.megagong.net/m/2021/0819_good/pop_bg.png) 0 0 repeat;}
.eventWrap .certifi_pop .popinner .tit{font-size: 23px;padding: 40px 0 0;line-height: 1;}
.eventWrap .certifi_pop .popinner .cautn{text-align: left;font-size: 11px;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;opacity: 0.7;margin: 0 0 20px;}
.eventWrap .certifi_pop .popinner .cautn li{text-indent: -12px;padding: 0 0 0 12px;margin: 0 0 1px;}
.eventWrap .certifi_pop .popinner .cautn li a{display: inline-block;border: 1px solid #565656;font-size: 10px;padding: 2px 3px;text-indent: 0;line-height: 1;}
.eventWrap .certifi_pop .popinner .gift_tit{background:#444;height: 46px;color: #fff;font-size: 15px;font-weight: 200;padding: 12px 0 0;margin: 0 0 15px;}
.eventWrap .certifi_pop .popinner .tit_w {padding:45px 0 25px;border-bottom:3px solid #cccccc;}
.eventWrap .certifi_pop .popinner .tit_w .tit {font-weight:bold;font-size:27px;color:#333333;}
.eventWrap .certifi_pop .popinner .tit_w .tit strong {display:block;color:#fd274e;}
.eventWrap .certifi_pop .popinner .tit_w ul {margin-top:10px;}
.eventWrap .certifi_pop .popinner .tit_w ul li {font-weight:300;font-size:16px;line-height:1.3;color:#888888;}
.eventWrap .certifi_pop .popinner .inp_list {padding:34px 0 32px;border-bottom:3px solid #cccccc;}
.eventWrap .certifi_pop .popinner .inp_list li {overflow:hidden;}
.eventWrap .certifi_pop .popinner .inp_list li+li {margin-top:10px;}
.eventWrap .certifi_pop .popinner .inp_list li strong {float:left;width:120px;}
.eventWrap .certifi_pop .popinner .inp_list li .tt {float:left;width:calc(100% - 120px);text-align:left;}
.eventWrap .certifi_pop .popinner .inp_list li .tt .inp_txt {display:block;}
.eventWrap .certifi_pop .popinner .inp_list li .tt .inp_txt input {padding:0 10px;width:100%;height:40px;border:1px solid #b5b5b5;box-sizing:border-box;color:#b3b3b3;} 
.eventWrap .certifi_pop .popinner .inp_list li .tt .inp_txt input::-webkit-input-placeholder {color: #b3b3b3;}
.eventWrap .certifi_pop .popinner .inp_list li .tt .inp_txt input:-ms-input-placeholder {color: #b3b3b3;}
.eventWrap .certifi_pop .popinner .inp_list li .gray_txt {font-weight:200;font-size:11px;color:#999999;line-height:1.45;}
.eventWrap .certifi_pop .popinner .way_box {position:relative;margin:0 -21px;}
.eventWrap .certifi_pop .popinner .way_box a {position:absolute;top: 13%;right: 18%;width: 20%;height: 7%;font-size:0;}

.eventWrap .certifi_pop .filebox{position: relative;border: 1px solid #b5b5b5;margin:3px 0 10px;overflow: hidden;}
.eventWrap .certifi_pop .filebox .filename{position:relative;height: 40px;width: 74%;float:left;overflow:hidden;background: #fff;}
.eventWrap .certifi_pop .filebox .filename input[type="text"]{position:absolute;top:0;left:0;font-size:13px;width:100%;height:40px;padding-left:10px;color:#b3b3b3;border:0}
.eventWrap .certifi_pop .filebox .filename a{position:absolute;top:0;right:0;width: 30px;height:28px;line-height:40px;font-size:12px;background-color: #fff;color:red;z-index:1;text-align:center;display: none;font-weight: 200;}
.eventWrap .certifi_pop .filebox .filebtn{position:relative;width:26%;height:40px;float:right;cursor:pointer;}
.eventWrap .certifi_pop .filebox .filebtn label{position:absolute;top:0;right:0;background-color: #777777;color:#fff;font-size:15px;width:100%;text-align:center;height: 40px;line-height: 40px;font-weight: 200;cursor: pointer;}
.eventWrap .certifi_pop .filebox input[type="file"]{position:absolute;top:0;right:0;width:100%;height:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;}
.eventWrap .certifi_pop .filebox label{position:absolute;z-index:1;top:17px;left:0;font-size:13px;font-weight:bold;width: 98px;}
.eventWrap .certifi_pop .popinner .pop_btn {display:block;margin: 0 auto 30px;font-weight: 200;font-size: 17px;line-height:57px;color:#ffffff;background: #000;width: 170px;height: 46px;line-height: 46px;border-radius: 40px;}
.eventWrap .certifi_pop .popinner .pop_btn.btn_register {background:#0047bb;}
.eventWrap .certifi_pop .popinner .pop_btn.btn_change {background:#777;}


@media (max-width: 1200px){
    .eventWrap{font-size: 13px;}
    .flt_inner{display: none;}
    .eventWrap .inner {width: 94%;}
    .eventWrap img {width:100%;}
   .eventWrap .con_tit{margin: 0 0 5%;padding: 0 18% 0;position: relative;}

    .eventWrap .con_top{padding: 12% 0}
    .eventWrap .con_top h3 {padding: 2% 0 3% 50%;margin: 0 0 0%;}
    .eventWrap .con_top h3 strong{margin: 0 0 3%}
    .eventWrap .con_top h3 strong img{position:relative;z-index:1}
    .eventWrap .con_top h3 strong:nth-child(3){margin: 0 0 10px;}
    .eventWrap .con_top h3 strong:nth-child(3),.eventWrap .con_top h3 strong:nth-child(4){padding: 2% 2%;margin: 0 0 2%}
    .eventWrap .con_top a{margin: 0 20% 0 50%;display: block}
    .eventWrap.sobang .con_top a::before{display: none;}
    .eventWrap .con_top p{margin: 0 0 5%}
    .eventWrap .con_top .charactor{width: 48%;}
    
    .eventWrap .con5 .evt_cautn{margin: 0 0 5%;padding: 0 7% 0;position: relative;top: inherit;left: inherit;width: auto;height: auto;line-height: 52px;font-size: 15px;margin: 0;}
    
    /* con_top */
    .eventWrap .con1{padding: 6% 0 0}
    .eventWrap .con1 .pad_wrap{margin: 0 20% 3%;}
    .eventWrap .con1 a{display: block;margin: 0 24%}
        
        
    .eventWrap .con2{padding: 12% 0;background-size: 100%;background-position: center 7vw;}
    .eventWrap .con2 .con_tit .evt_end{width: 20%;top: -13%;right: 0;max-width: 30%}
    .eventWrap .con2 .con_tit{padding: 0 1% 0;margin: 0 0 5%;}

    .eventWrap .con4 .con_tit{padding: 0 0%;margin: 0 0 5%;}
    .eventWrap .con7 .con_tit{padding: 0px 3% 0;margin: 0 0 5%;}
    .eventWrap .con2 .type_wrap{margin: 0 0 0%;padding: 0}
    .eventWrap .con2 .type_wrap .slick-dots{display:none !important}
    .eventWrap .con2 .type_wrap .slick-arrow{display:none !important}
    .eventWrap .con2 .calendar_bigroll{width: auto;margin: 0 18% 0;padding: 2% 2%;background-size: 100%}

    .eventWrap .calendar_roll{margin: -38% -64% 17%}
    .eventWrap .con2 .calendar_roll .item{padding: 14% 5%}
    .eventWrap .con2 .calendar_roll .item img{width: 17vw}
    .eventWrap .con2 .btn_wrap{margin: 0 0 3%;padding: 0 0%;}
    .eventWrap .con2 .btn_wrap li{float: left;width: 46%;padding: 0 0%;}
    .eventWrap .con2 .btn_wrap li a{display:block}
    .eventWrap .con2 .btn_wrap + .tiny_txt{font-size: 10px;font-weight: 200;opacity: 0.5;}
    .eventWrap .con2 .btn_wrap + .tiny_txt br{display:block}

    .eventWrap .con4{padding: 12% 0 8%;}
    .eventWrap .con4 .con_subtit{padding: 0 31% 0 0;margin: 0 0 5%;}
    .eventWrap .con4 .con_subtit.tit2::before{display:block}
    .eventWrap .con4 .con_subtit.tit2{padding: 0 65.7% 0 0;}
    .eventWrap .con4 .con_subtit strong{display: block}
    .eventWrap .con4 .con_subtit span{width: 21%;top: inherit;bottom: -77%;margin: 0;}
    .eventWrap .con4 .app_list{padding: 0 10%;}
    .eventWrap .con4 .app_list::after{content: '';display: block;clear: both;}
    .eventWrap .con4 .app_list li{margin: 0 2% 3%;width: 21%;}
    .eventWrap .con4 .step{margin: 0 0 10%;}

    .eventWrap .con7{padding: 12% 0 10%;background-size: 100%;background-position: center 7vw;}
    .eventWrap .con7 .evt_gift ul{margin: 0 9% 5%}
    .eventWrap .con7 .evt_gift ul li,
    .eventWrap .con7 .evt_gift ul li:nth-child(1),
    .eventWrap .con7 .evt_gift ul li:nth-child(2),
    .eventWrap .con7 .evt_gift ul li:nth-child(3),
    .eventWrap .con7 .evt_gift ul li:nth-child(4){width: 48%;float: left;margin: 0 1% 4%}
    .eventWrap .con7 .evt_gift ul li a{left: 0;width: 100%;height: 24%;}

    .eventWrap .con7 .evtBoard_common{padding: 20px 15px;border-radius: 0;}
    .eventWrap .con7 .evt_date{padding: 2% 20%;display: block;margin: 0px 0 5%;}
    .eventWrap .con7 .evtBoard_common > .tit{padding: 0 0 5px;font-size: 15px;}
    .eventWrap .con7 .evtBoard_common .board_write, 
    .eventWrap .con5 .evtBoard_common .board_write{margin: 0 0 10px;padding: 0;}
    .eventWrap .con7 .evtBoard_common .board_write .inp_wrap textarea, 
    .eventWrap .con7 .evtBoard_common .board_write .inp_wrap input[type="text"],
    .eventWrap .con5 .evtBoard_common .board_write .inp_wrap textarea, 
    .eventWrap .con5 .evtBoard_common .board_write .inp_wrap input[type="text"]{padding: 10px 10px;font-size: 14px;height: 60px;}
    .eventWrap .con7 .evtBoard_common .board_write .btn_wrap,
    .eventWrap .con5 .evtBoard_common .board_write .btn_wrap{width: 100%;}
    .eventWrap .con5 .evtBoard_common .board_notice{padding: 40px 0 0 0;margin: 0;}
    .eventWrap .con5 .evt_cautn{margin:0;padding: 5% 0 0 0;}
    .eventWrap .con5 .evt_cautn .con_box{padding: 20px 20px 20px;}
    .eventWrap .con5 .evtBoard_common .board_notice .btnUrl button{top: 140px;width: calc(100% - 40px);left: 20px;right: 20px}
    .eventWrap .con7 .evtBoard_common .board_write .btn_wrap a,
    .eventWrap .con5 .evtBoard_common .board_write .btn_wrap a{background: #000;font-size: 1.0em;height: 42px;margin: 5px 0 0;}
    .eventWrap .con7 .evtBoard_common .board_notice{margin: 0 0px 20px;}
    .eventWrap .con7 .evtBoard_common .board_notice li.chk_notice{position: relative;top: inherit;right: inherit;}
    .eventWrap .con7 .evtBoard_common .board_list{padding: 0;}

    .eventWrap .con5 {padding: 0 0 4%;}
    .eventWrap .con5 .evtBoard_common{padding: 20px 15px}
    .eventWrap .con9 {padding: 13% 0 0;background-size: 100%;background-position: center 7vw;}
    .eventWrap .con9 .con_tit {position:relative;padding: 0 0;}
    .eventWrap .con9 .con_tit .evt_end,.eventWrap .con7 .con_tit .evt_end {width: 20%;top: -13%;right: 0;max-width: 30%;}
    .eventWrap .con9 .con_box{margin: 0;}
    .eventWrap .con9 .evt_date{display: block;padding: 2% 20% 0;border-radius: 200px;margin: 0 0 5%}
    .eventWrap .con9 .evt_date img{margin: 0 0 2%}
    .eventWrap .con9 .evt_date img:nth-child(2){width: 60%}
    .eventWrap .con9 .evt_gift{padding: 0 0%;margin: 0 0 5%;}
    .eventWrap .con9 .evt_gift li{margin: 0 1%;width: 48%}
    .eventWrap .con9 .step{margin: 0 0 0;}
    .eventWrap .con9 .step h5,
    .eventWrap .sns_tit{margin: 0 0 3%;}
    .eventWrap .con9 .step h5{padding: 0 38%}
    .eventWrap .con9 .step h5 span{display: block}
    .eventWrap .con9 .step ol{margin: 0 0 5% -2%;}
    .eventWrap .con9 .step ol li{position: relative;float: left;width: 31.3%;margin: 0 0 0 2%;padding: 3% 2%;}
    .eventWrap .con9 .step ol li::before{height: 100%;margin: 0;top: 0;background-position: center center;border: 0}
    .eventWrap .con9 .step ol li:nth-child(1)::before{display:none}
    .eventWrap .con9 .step ol li span{margin: 0 39%}
    .eventWrap .con9 .btns {margin: 0 0 5% 0%;padding: 0 8%;}
    .eventWrap .con9 .btns a {float: left;margin: 0 0 0 0%;width: 50%;padding: 0 2%;}
    .eventWrap .sns_tit h5{margin: 0 0 3%;}
    .eventWrap .sns_tit img{width: 48%;}

    .eventWrap .sns_lst{padding: 3%;}
    .eventWrap .sns_lst ul li{margin: 0 0 2%;}
    .eventWrap .sns_lst ul li dl{padding: 0 0 0 19%;}
    .eventWrap .sns_lst ul li dl dt{width: 18%;}
    .eventWrap .sns_lst ul li dl dd{width: 19%;margin: 0 0 0 1%;}

    .eventWrap .con5 .inner:before {width: 25px;background-position: bottom center;}
    

    /* À¯ÀÇ»çÇ× */
    .eventWrap .evt_cautn.sobang{margin:0}
    .eventWrap .evt_cautn dl+dl {margin-top:5%;}

}
@media (max-width: 992px){
    .eventWrap .sns_wrap dl dt {font-size:16px;}
    .eventWrap .sns_wrap dl dd {font-size:15px;}

}

@media (max-width: 768px){

    
    
    .eventWrap .con_top h3 {padding: 0 8% 4%;text-align: center;}
    .eventWrap .con_top h3 strong{margin: 0 0 3%}
    .eventWrap .con_top h3 strong img{position:relative;z-index:1}
    .eventWrap .con_top h3 strong:nth-child(2){margin: 0px -5% 2% 0;float: left;width: 51%}
    .eventWrap .con_top h3 strong:nth-child(3){margin: -1.7% 0 2%;float: left;width: 54%}
    .eventWrap .con_top h3 strong:nth-child(4){margin: 0 16% 2%}
    .eventWrap .con_top a{margin: 0 27%;display: block}
    .eventWrap .con_top p{margin: 0 -14% 5%;}
    .eventWrap .con_top .charactor{width: 48%;position: relative;top: inherit;left: inherit;width: auto;display: block;margin: 0 0 7%;}

    .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 .con2 .btn_wrap{padding: 0;margin: 0 0 3% -1%;}
    .eventWrap .con2 .btn_wrap li{padding: 0 0;width: auto;margin: 0 0.5% 1%;overflow: hidden;float: none;background: #1b1b1b;}
    .eventWrap .con2 .btn_wrap li:nth-child(2){background: #5a005f}
    .eventWrap.sobang .con2 .btn_wrap li:nth-child(2){background: #002b79;}
    .eventWrap .con2 .btn_wrap li a{display:block;padding: 0 20%;}
    .eventWrap .con2 .btn_wrap li a img{max-width: 140%;width: 112%;margin: 0 0 0 -6%;}

    .eventWrap .con7 .evt_gift ul{margin: 0 0 5%;padding: 0;}
    .eventWrap .con7 .evt_gift ul li{width: 100%;margin: 0 0 3%;}
    .eventWrap .con7 .evt_date{padding: 2% 9%}
    .eventWrap .con_top h3 strong{border-width: 6px}
    .eventWrap .neon i{border-width: 6px;top: -6px;left: -6px;width: calc(100% + 11px);height: calc(100% + 12px)}
    .eventWrap .con1 .pad_wrap{margin: 0 14% 3%}
    .eventWrap .con1 a{margin: 0 13%;}

    .eventWrap .con4 .con_subtit span{bottom: -84%;width: 27%;}
    .eventWrap .con4 .con_box{padding: 0 3%;}
    .eventWrap .con4 .step li{width: 48%;margin: 0 0 2% 2%;background: #f7f7f7;border-radius: 4px;padding: 0 0%;overflow: hidden;}
    .eventWrap .con4 .step li img{display: block;margin: 0 0 -9%;}
    .eventWrap .con4 .app_list{padding: 3% 3% 0;}
    .eventWrap .sns_wrap .btns a {width:35%;}
    .eventWrap .sns_wrap::before{display:none}
    .eventWrap .sns_wrap dl+dl {margin-top: 8px;}
    .eventWrap .sns_wrap dl dt {width: auto;font-size: 14px;float: none;margin: 0 0 1%;padding: 0 43%;}
    .eventWrap .sns_wrap dl dd {width: 32.3%;margin: 0 0 1% 1%;font-size: 13px;}
    .eventWrap .sns_wrap dl dd a{padding: 0 12%;}
    .eventWrap .con9 .con_tit .evt_end,.eventWrap .con7 .con_tit .evt_end{top: -10%;width: 23%;max-width: 100%;right: 0%;}

    /* À¯ÀÇ»çÇ× */
    .eventWrap .evt_cautn{padding: 0 0 10%;}
    .eventWrap .evt_cautn h4 span {font-size:14px;line-height:40px;}
    .eventWrap .evt_cautn dl dt {font-size:12px;}
    .eventWrap .evt_cautn dl dd,
    .eventWrap .evt_cautn .con_box dl dd {font-size:12px;}
    .eventWrap .evt_cautn .con_box dl dd{font-size:11px}
    
    .eventWrap .con7 .evtBoard_common .board_write, 
    .eventWrap .con5 .evtBoard_common .board_write{margin: 0 0 10px;}
    .eventWrap .con7 .evtBoard_common > .tit{font-size: 13px;font-weight: normal;}
    .eventWrap .con9 .evt_gift{padding: 0;}
    .eventWrap .con9 .btns a{display: block;margin: 0 0 0 1%;overflow: hidden;width: 49%;padding: 0;}
    .eventWrap .con9 .btns{padding: 0;margin: 0 0 5% -1%;}
    .eventWrap .con9 .btns img{max-width: 140%;width: 116%;margin: 0 0 0 -9%;}
    .eventWrap .con9 .step ol{margin: 0 0 3% -1%;}
    .eventWrap .con9 .step ol li{float: none;width: auto;padding: 7% 26% 5%}
    .eventWrap .con9 .step ol li span{display: none;margin: 0}
    .eventWrap .con9 .step ol li::before{transform: rotate(90deg);left: 45%;top: -118%;width: 5%;height: 240%;z-index: 1;background-size: 100%;}
    .eventWrap .con9 .step ol li img{margin: -2% 0}
    .eventWrap .con9 .evt_date{padding: 3% 8% 1%}
    .eventWrap .sns_lst ul li{margin: 0 0 10px;}
    .eventWrap .sns_lst ul li dl{padding: 0;margin: 0 0 0 -2%;}
    .eventWrap .sns_lst ul li dl dt{width: 98%;position: relative;height: 32px;line-height: 32px;border-radius: 0;margin: 0 0 10px 2%;}
    .eventWrap .sns_lst ul li dl dd{width: 31.3%;margin: 0 0 2% 2%;border-width: 1px;line-height: 30px;height: 32px;font-size: 13px;border-radius: 0;}

    .eventWrap .con7 .evtBoard_common .board_write .inp_wrap textarea, 
    .eventWrap .con7 .evtBoard_common .board_write .inp_wrap input[type="text"],
    .eventWrap .con5 .evtBoard_common .board_write .inp_wrap textarea, 
    .eventWrap .con5 .evtBoard_common .board_write .inp_wrap input[type="text"]{font-size: 13px;}

    .eventWrap .con4 .con_tit.tit2 {padding: 0 63.5% 0 0}
    .eventWrap .con4 .con_tit span{width: 30%}
    .eventWrap .con7 .con_tit {padding: 0}
    .eventWrap .con9 .con_tit {padding: 0 0%}


     /* sns ÀÎÁõ Æ˾÷ */
    .eventWrap .certifi_pop .pop_classi {width: 90%;}
    .eventWrap .certifi_pop .popinner {padding:0 10px;}
    .eventWrap .certifi_pop .popinner .tit{padding: 20px 0 0;font-size: 16px;}
    .eventWrap .certifi_pop .popinner .gift{padding: 0 10%;}
    .eventWrap .certifi_pop .popinner .gift_tit{height: 36px;padding: 8px 0 0;font-size: 13px;margin: 0 0 10px;}
    .eventWrap .certifi_pop .popinner .cautn{font-size:10px;margin: 0 0 15px;}
    .eventWrap .certifi_pop .popinner .tit_w {padding:25px 0 15px;}
    .eventWrap .certifi_pop .popinner .tit_w .tit {font-size:20px;}
    .eventWrap .certifi_pop .popinner .tit_w ul li {font-size:12px;}
    .eventWrap .certifi_pop .popinner .inp_list li strong {width: 100px;}
    .eventWrap .certifi_pop .popinner .inp_list li .tt {width:calc(100% - 100px);}
    .eventWrap .certifi_pop .popinner .inp_list li .tt .inp_txt input {height: 33px;}
    .eventWrap .certifi_pop .filebox .filename{height: 33px;}
    .eventWrap .certifi_pop .filebox .filename input[type="text"]{height:33px;}
    .eventWrap .certifi_pop .filebox .filename a{height:33px;line-height:33px;}
    .eventWrap .certifi_pop .filebox .filebtn{height:33px;}
    .eventWrap .certifi_pop .filebox .filebtn label{height: 33px;line-height: 33px;}
    .eventWrap .certifi_pop .popinner .way_box {margin:0;}
    .eventWrap .certifi_pop .popinner .way_box a {right:17%;}
    .eventWrap .certifi_pop .popinner .pop_btn {font-size: 13px;line-height: 36px;height: auto;margin: 0 auto 20px;}
    .eventWrap .evtBoard_common .board_notice li, 
    .eventWrap .con5 .evtBoard_common .board_notice li,
    .eventWrap .con7 .evtBoard_common .board_notice li{font-size:11px}

}
@media (max-width: 576px){

    /* sns ÀÎÁõ Æ˾÷ */
    .eventWrap .certifi_pop .popinner .tit_w .tit {font-size:18px;}
    .eventWrap .certifi_pop .popinner .tit_w ul li {font-size:11px;}
    .eventWrap .certifi_pop .popinner .inp_list li+li {margin-top:7px;}
    .eventWrap .certifi_pop .popinner .inp_list li strong {width: 80px;}
    .eventWrap .certifi_pop .popinner .inp_list li .tt {width:calc(100% - 80px);}
    .eventWrap .certifi_pop .popinner .inp_list li .tt .inp_txt input {font-size:11px;}
    .eventWrap .certifi_pop .filebox .filename input[type="text"] {font-size:11px;}
    .eventWrap .certifi_pop .filebox .filebtn label {font-size:12px;}
    .eventWrap .certifi_pop .filebox .filename a {font-size:11px;}
    .eventWrap .certifi_pop .popinner .inp_list li .gray_txt {font-size:10px;}
    .eventWrap .certifi_pop .btn_popclo {top: 10px;right: 10px;}

}