@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: 15px;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: 0 -30px 45px;text-align: center}
.eventWrap .con_subtit{/* margin-bottom: 35px; */position:relative;/* padding: 0 5%; */text-align: center}
.eventWrap .img_mb{display:none}
.eventWrap .con_box{position:relative;text-align: left}
.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.3%;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.vdo_none{padding:0}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%}
.eventWrap .tiny_txt{font-size: 12px;letter-spacing: -0.03em;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif}
.eventWrap sup{vertical-align: top}
.lecture{padding-bottom:0 !important}

/* flo */
.flt_inner {position: absolute;text-align: center;top: 250px; right: 3%; z-index:9}
.flt_inner a {display:block; margin-bottom:5px}
.flt_inner a:last-child {margin-top:10px}



/* con_top */
.con_top {position: relative;background: #eef9ff;padding: 165px 0 0}
.con_top .left_fr{/*-webkit-animation: marquee 20s linear infinite;animation: marquee 20s linear infinite;*/
width: 2988px;position: absolute;top: 0;left: 50%;width: 3000px;margin: 0 0 0 -1500px}
.con_top .left_fr .slick-slide{margin: 0 60px;}
.con_top .left_fr.bottom{
top: 520px;margin: 0 0 0 -1150px}
/*
@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
@keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
*/
.con_top h3{padding: 380px 0 250px}
.con_top a{position: absolute;bottom: 40px;left: 50%;margin: 0 0 0 -19px;width: 36px}

.con1{padding: 100px 0 150px;}
.con1 .finish {position:absolute;top: 19%; left:50%;margin-left: 252px; max-width:295px; width:25%;z-index: 1}
.con1 .con_box.sloganzone{padding: 135px 0 0;margin: 0}
.con1 .con_tit{padding:50px 0 0}
.evt_date{text-align: center;margin: 0 0 60px}
.evt_date ul{}
.evt_date ul li{display: inline-block;margin: 0 16px}
.con1 .gift{margin: 0 0 45px;padding: 40px 0 0}
.con1 .gift li{float: left;width: 50%;text-align: right;margin: 0 0 55px}
.con1 .gift li:nth-of-type(2n){text-align: left}
.con1 .gift li:nth-of-type(1){position: absolute;top: 158px;left: 0;width: 100%;text-align: center;margin: 0}
.con1 .gift li:nth-of-type(4),
.con1 .gift li:nth-of-type(5){margin:0}
.fixed_bnr{position: absolute;top: 0;left: 0;width: 100%}
.fixed_bnr.fixed{position:fixed;bottom: unset;top: 0;z-index: 2}
.fixed_bnr::before{content:'';display:block;background: #03e287 url(https://img.megagong.net/m/2022/0621_summer/con_img44.jpg) repeat-y center 0;;;position: absolute;;;;top: 0;left: 50%;width: 3000px;;height: 100%;;margin: 0 0 0 -1500px}
.fixed_bnr ul{width: 1080px;margin: 0 auto}
.fixed_bnr ul li{position: relative;float: left;width: 33.3%}
.fixed_bnr ul li::before{content:'';position: absolute;top: 20%;left: 0;width: 2px;height: 60%;border-left: 2px dashed #fff;opacity: 0.1}
.fixed_bnr ul li:nth-of-type(1)::before{display:none}
.fixed_bnr ul li a{display: block}
.fixed_bnr ul li a strong{display: block;padding: 24px 0 24px 40px;height: 100px}
.fixed_bnr ul li a span{position: absolute;top: 0;right: 0}
.fixed_bnr ul li:nth-of-type(1) a span{right: 41px}
.fixed_bnr ul li:nth-of-type(2) a span{right: 10px}
.fixed_bnr ul li:nth-of-type(3) a span{right: 17px}
.con1 .slogan_wrap{position: relative;border: 3px solid #000;border-radius: 14px;overflow: hidden;margin: 0 0 30px}
.con1 .slogan_wrap .slogan .on{position: absolute;top:0;left:0;opacity:0;transition:0.5s}
.con1 .slogan_wrap:hover .slogan .on{opacity:1}
.con1 .blind_wrap{position: relative}
.con1 .blind_wrap .pass_dim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 1;text-align: center}
.con1 .blind_wrap .pass_dim span{color: #fff;font-size: 26px;font-weight: 200;text-align: center;position: absolute;top: 50%;left: 50%;width: 110px;height: 40px;line-height: 40px;margin: -20px 0 0 -55px}
.con1 .blind_wrap .pass_dim span::before{content:'';display:block;background: url(https://img.megagong.net/m/2022/0621_summer/con_img42.png) no-repeat center 0;position: absolute;;width: 50px;height: 50px;top: 6px;right: -49px}
.con1 .answer_wrap{position: relative;background: #eee;padding: 35px 265px 35px 70px;margin: 0 0 30px}
.con1 .answer_wrap .answer{padding: 0 0 0 120px;
background: url(https://img.megagong.net/m/2022/0621_summer/con_img35.png) no-repeat 0 center}
.con1 .answer_wrap .input{position: absolute;top: 0;left: 180px;width: calc(100% - 470px);background: none;border: 0}
.con1 .answer_wrap .input input{background: none;border: 0}

.con1 .answer_wrap ul{position: relative}
.con1 .answer_wrap ul:before{content:'';display:block;background: url(https://img.megagong.net/m/2022/0621_summer/con_img36.png) no-repeat 0 0;width: 15px;height: 25px;position: absolute;;bottom: -10px;left: 252px}

.con1 .answer_wrap ul li{width: 80px;height: 80px;background: #fff;border: 1px solid #000;float:left;margin:0 4px 0 0;overflow: hidden;}
.con1 .answer_wrap ul li:nth-of-type(3){margin: 0 33px 0 0}
.con1 .answer_wrap ul li input{height: 100%;/* width: 100%; */border: 0;background: #fff;text-align: center;font-size: 45px;font-weight: bold;padding: 0;}
.con1 .answer_wrap a{position: absolute;top: 38px;right: 70px}
.con1 .hint_wrap{box-shadow: 0px 7px 10px 0px rgb(0 0 0 / 6%)}
.con1 .hint_wrap .con_subtit{background: #0068f7;text-align: center}
.con1 .hint_wrap .con_subtit span{position:relative;display:inline-block}
.con1 .hint_wrap .con_subtit span::before{content:'';position: absolute;top: 25px;right: -30px;width: 1px;height: 1px;border-bottom: 10px solid #fff;border-right: 6px solid transparent;border-left: 6px solid transparent;transform: rotate(180deg)}
.con1 .hint_wrap .con_subtit.on span::before{transform: rotate(0deg)}

.con1 .hint_wrap div{display: none;background: url(https://img.megagong.net/m/2022/0621_summer/con_img14.png) no-repeat 0 center;padding: 35px 0 35px 150px;margin: 0 0 0 240px}
.con1 .hint_wrap .con_subtit.on + div{display:block}

/* event */
.event {padding:150px 0; position:relative; background: #dceeff}
.event.evt1 {background: #5fb9ff;}
.event.evt1::before {content:'';display:block;background: #97d2ff;position: absolute;top: 0;left: 0;width: 100%;height: 950px;}
.event .finish {position:absolute; top:5%; left:50%; margin-left:295px; max-width:295px; width:25%;z-index: 1}
.event.evt1 .finish {
margin-left: 222px;top: 5.6%}
.event h4.tit {margin-top:65px; position:relative; text-align:center}
.event h4.tit:before {content:""; display:block; width:100%; height:1px; background:#0e1e2d; position:absolute; top:18px; left:0; z-index:-1}
.event h4.tit span {text-align:center; display:inline-block; margin:auto; background:#4898e1; color:#000; font-size:25px; font-weight:700; width:auto; padding:0 25px}
.imgBox {margin-top:55px; width:100%; display:table; overflow:hidden;  box-sizing:border-box; padding:0 40px 0 60px}
.imgBox > ul {display:table-cell; vertical-align:middle; color:#fff}
.imgBox li {font-size:21px; line-height:120%; margin-top:15px; font-weight:700; position:relative; overflow:hidden}
.imgBox li:first-child {margin-top:0}
.imgBox li:before {content:""; display:block; width:2px; height:19px; background:#fff; position:absolute; top:3px; left:0}
.imgBox li h4 {float:left; margin-left:10px; width:130px}
.imgBox li p {float:left; width:calc(100% - 140px)}
.imgBox li p span {color:#0a2d80; font-size:14px; margin-left:5px}
.imgBox > p {float:right}

.logo_wrap{position: relative;padding: 70px 0 0}
.logo_wrap .elogo{position: absolute;width: 110px;z-index: 1}
.logo_wrap .elogo.loc1{top: -510px;left: -80px}
.logo_wrap .elogo.loc2{top: 120px;left: 500px}
.logo_wrap .elogo.loc3{top: -100px;left: 1020px}
.logo_wrap .elogo.loc4{top: 490px;left: -40px}
.logo_wrap .elogo.loc5{top: 380px;left: 1060px}

@keyframes topmove {0% {margin-top: 0px}
    50%{margin-top: -10px}
    100%{margin-top: 0px}
}
@-webkit-keyframes topmove {0% {margin-top: 0px}
    50%{margin-top: -10px}
    100%{margin-top: 0px}
}

.process {background: #fff;border-radius: 16px;overflow: hidden}
.process dt {background: #0068f7;}
.process dd {float: left;margin: 50px 0;width: 50%;position: relative;padding: 0 0 10px}
.process dd::before{content:'';position: absolute;top: 0;left: 0;width: 2px;height: 100%;border-left: 2px dashed #000;opacity: 0.1}
.process dd:nth-of-type(1)::before{display:none}
.event.evt1 .process {background:none;margin: 0 0 50px -7%}
.event.evt1 .process dt{background: none;margin: 0 0 0 7%}
.event.evt1 .process dd{margin: 0;width: 27.7%;margin: 0 0 0 5.634%;background: #fff;border: 2px solid #000;border-radius: 12px;height: 220px}
.event.evt1 .process dd:nth-of-type(1){padding: 40px 0 0}
.event.evt1 .process dd:nth-of-type(2){padding: 34px 0 0}
.event.evt1 .process dd:nth-of-type(3){padding: 28px 0 0}
.event.evt1 .process dd::before{content:'';position: absolute;top: 0;left: -44px;width: 20px;height: 100%;opacity: 1;background: url(https://img.megagong.net/m/2022/0621_summer/con_img45.png) no-repeat center center;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;border: 0;;}
.event.evt1 .process dd:nth-of-type(1)::before{display:none}
.event .evt_btn {margin:40px auto 0; text-align:center}
.event .evt_btn a {display:inline-block; vertical-align:top;margin: 0 16px}
.event .evt_btn + p{font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;font-size: 12px;padding: 15px 0 0;/* color: #000; */opacity: 0.5;letter-spacing: -0.06em;}
.event .con_subtit{padding:140px 0 0}
.event .my_point{text-align: center;font-size: 24px;font-weight: 200;line-height: 1;padding: 32px 180px 32px 20px;border: 1px solid #000;border-width: 2px 0;position: relative;margin: 0 0 10px;}
.event .my_point li{position: relative;display: inline-block;margin: 0 50px;padding: 0 0 0 15px}
.event .my_point li.blind{position: absolute;top: 0;left: 0;width: 100%;background: rgba(0,0,0,0.8);height: 100%;text-align: center;margin: 0;padding: 0;color: #fff;}
.event .my_point li:before{content:'';position: absolute;top: 12px;left: 0;width: 3px;height: 3px;background: #000;border-radius: 100%}
.event .my_point li.blind:before{display:none}
.event .my_point li.blind a{display: block;padding: 32px 0 0}
.event .my_point li:nth-of-type(1){margin-left: 0}
.event .my_point li:nth-of-type(3){font-size: 18px;position: absolute;top: 35px;right: 50px;text-align: right;margin: 0}
.event .my_point li:nth-of-type(3):before{display:none}
.event .my_point li:nth-of-type(3) a{border-bottom: 1px solid #000;font-weight: normal;line-height: 1;display: block;padding: 0 0 3px;}
.event .my_point li strong{color: #0068f7;display: inline-block;position: relative;padding: 0 0 0 13px;margin: 0 0 0 17px;}
.event .my_point li strong::before{content:'';position: absolute;top: 50%;left: 0;width: 2px;height: 20px;background: #ccc;opacity: 1;margin: -9px 0 0}
.event .my_point li.blind strong{padding: 0 20px 4px 0;font-size: 18px;font-weight: normal;border-bottom: 1px solid #fff;margin: 2px 0 0 20px;vertical-align: middle;color: #fff;}
.event .my_point li.blind strong::before{left: unset;right: 1px;transform: rotate(45deg);border: 1px solid #fff;width: 4px;height: 4px;background: none;opacity: 1;border-width: 1px 1px 0 0;top: 6px;margin: 0}
.event .my_point li.blind strong::after{content:'';position: absolute;top: 8px;right: 0;width: 13px;height: 1px;background: #fff}
.event .my_point + .tiny_txt{text-align: right;margin: 0 0 20px}
.event .gift{position: relative;margin: 0 0 0 -20px}
.event.evt1 .gift{margin: 0 0 80px;padding: 70px 0 0;}

.event .gift li{position: relative;width: 420px;height: 608px;background: #fff;border-radius: 16px;overflow: hidden;margin: 0 0px 0 17px;float: left}
.event.evt1 .gift li{background: none;width: auto;height: auto;border-radius: 0;float: none;margin: 0}
.event .gift li:nth-of-type(2),.event .gift li:nth-of-type(3){width: 312px;height: 312px;margin: 0 0 20px 18px;}
.event .gift li:nth-of-type(4), .event .gift li:nth-of-type(5), .event .gift li:nth-of-type(6){width: 204px;height: 276px;}
.event .gift li >span{display: block;padding: 80px 0 0}
.event .gift li:nth-of-type(2) >span,
.event .gift li:nth-of-type(3) >span{padding: 20px 0 0}
.event .gift li:nth-of-type(4) >span,
.event .gift li:nth-of-type(5) >span,
.event .gift li:nth-of-type(6) >span{padding: 12px 0 0}
.event .gift li a{display: block;background: #0068f7;height: 110px;/* color: #fff; */font-size: 25px;font-weight: 900;position: absolute;bottom: 0;left: 0;width: 100%;padding: 34px 0 0;/* color: #000; */}
.event .gift li a.end,.event .gift li:nth-of-type(2) a.end, .event .gift li:nth-of-type(3) a.end, .event .gift li:nth-of-type(4) a.end, .event .gift li:nth-of-type(5) a.end, .event .gift li:nth-of-type(6) a.end{background: #e5e5e5;color: #b6b6b6 !important;font-weight: normal}
.event .gift li a.end i{content:'';display:block;background: url(https://img.megagong.net/m/2022/0621_summer/con_img43.png) no-repeat 0 0;width: 34px;height: 34px;display: inline-block;margin: -3px 0 0 7px;vertical-align: middle}

.event .gift li a strong{color: #fff;}
.event .gift li:nth-of-type(2) a,
.event .gift li:nth-of-type(3) a{height: 75px;padding: 22px 0 0;font-size: 20px;background: #a149fa;}
.event .gift li:nth-of-type(4) a,
.event .gift li:nth-of-type(5) a,
.event .gift li:nth-of-type(6) a{padding: 15px 0 0;height: 55px;font-size: 16px;background: #a149fa;}
.event .gift li:nth-of-type(2) a i,
.event .gift li:nth-of-type(3) a i{background-position: -41px 0;width: 28px;height: 28px}
.event .gift li:nth-of-type(4) a i,
.event .gift li:nth-of-type(5) a i,
.event .gift li:nth-of-type(6) a i{background-position: -75px 0;width: 26px;height: 26px;margin: 0 0 0 5px}

/* evtBoard_common */
.sns_lst {margin-top: 90px;}
.sns_lst .tit{position: relative;text-align: center}
.sns_lst .tit::before{position:absolute;content:'';top: 50%;left: 0;margin-top:-5px;width: 410px;height: 10px;border-top:2px dashed #888888}
.sns_lst .tit::after{position:absolute;content:'';top: 50%;right: 0;margin-top:-5px;width: 410px;height: 10px;border-top:2px dashed #888888}
.sns_lst ul{padding: 40px;background: #fff;border-radius: 16px 16px 0 0}
.sns_lst ul li+li{margin: 15px 0 0}
.sns_lst ul li dl{position: relative;padding: 0 0 0 155px;text-align: center}
.sns_lst ul li dl:after{content:'';display:block;clear:both}
.sns_lst ul li dl dt{color: #fff;width: 155px;height: 50px;line-height:50px;border-radius: 8px;font-size: 18px;font-weight: bold;margin: 0;position: absolute;top: 0;left: 0}
.sns_lst ul li dl dd{float: left;width: 155px;height: 50px;border-radius: 8px;margin: 0 0 0 20px;border: 1px solid #222;color: #222;font-weight: bold;font-size: 16px;box-sizing: border-box}
.sns_lst ul li dl dd+dd{margin:0 0 0 10px}
.sns_lst ul li dl dd a {display:table; width:100%; height:100%}
.sns_lst ul li dl dd a span {display:table-cell; vertical-align:middle; line-height:120%}

.btnUrl{position: absolute;right: 0;top: 0;font-size: 14px;font-weight: bold;padding: 2px 1px;border-bottom: 1px solid #000;border-radius: 0;letter-spacing: -0.07em;font-weight: bold !important;text-indent: 0 !important;}
.btnUrl button{font-weight: bold;letter-spacing: -0.1em}
.board_notice{position:relative;margin: 0 30px}
.board_notice li{color:#f8d3d1}
.evtBoard_common{background: #f2f2f3;padding: 30px 0;margin: 0 auto}
.evtBoard_common .board_write{padding: 0 135px 0 0;background: #ffffff}
.evtBoard_common .board_write .inp_wrap{border: 2px solid #2a2a2a;border: 0}
.evtBoard_common .board_write .inp_wrap textarea, 
.evtBoard_common .board_write .inp_wrap input[type="text"]{width:100%;height: 56px;border: none;padding: 15px 15px;box-sizing: border-box;background: #fff}
.evtBoard_common .board_write .btn_wrap {width:135px}
.evtBoard_common .board_write .btn_wrap a{height: 60px;line-height: 60px;width:auto;padding: 0; text-indent: 0; background: #2a2a2a; color: #fff}
.evtBoard_common .board_notice li {color: #222;opacity: 1;font-size: 13px;line-height: 1.2;padding: 0 0 0 6px;text-indent: -6px;}
.evtBoard_common .board_notice li.pin{color: #003af7;font-weight: bold;}
.evtBoard_common .board_notice li span{color: #c3f6c9}
.evtBoard_common .board_notice label{position:absolute;right:0;top:0}
.evtBoard_common .board_list{position: relative;margin: 20px auto 0}
.evtBoard_common .board_list .tbl{border:none}
.evtBoard_common .board_list .tbl tr th{background:#000;border: none;color:#fff;font-size: 16px;font-weight: 200}
.evtBoard_common .board_list .tbl tr{border-bottom:1px solid #6c6c6c;color:#fff}
.evtBoard_common .board_list .tbl tr:first-child,
.evtBoard_common .board_list .tbl tr:last-child{border:none}
.evtBoard_common .board_list .tbl tr td{border:none}
.evtBoard_common .board_list .tbl tr td.titxt{text-align:left}
.evtBoard_common .board_list .tbl tr td .td_remove{float:right;margin-top: 3px}
.evtBoard_common .paging{color: #fff;margin: 60px auto 0;text-align: center;padding: 0}
.evtBoard_common .paging a, 
.evtBoard_common .paging strong{line-height: 1;vertical-align: top}
.evtBoard_common .paging a{padding:0 5px;display: inline-block}
.evtBoard_common .paging strong{padding: 0 9px;color: #fff}
.evtBoard_common .paging img{margin-top: 3px}


/* Æ˾÷ */
.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_bnrwrp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3}
.dim_bnrwrp_wrap .dim_popup{position:fixed;top:50% !important;left:50%;z-index:3;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.dim_popup button{position:absolute;right: 15px;top: 15px;background: none}
.clickPop{width: 470px;background: #fff;padding: 15px 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}
.clickPop.elogo{padding: 30px 30px 35px;}

/* µî·ÏÇÑ url Æ˾÷*/
.dim_popup.sns .tit, .dim_popup.elogo .tit{text-align:center;margin: 20px 0 25px;padding: 0 15px;font-size: 30px;font-weight: bold;position: relative;}
.dim_popup.elogo .tit::before{content:'';display:block;position: absolute;bottom: 0;width: 276px;left: 70px;height: 15px;background: #caecff;}
.dim_popup.elogo .subtit{text-align: left;margin: 20px 0 3px;position: relative;padding: 0 0 0 15px;font-weight: bold}
.dim_popup.elogo .subtit::before{content:'';display:block;position: absolute;top: 5px;left: 0;width: 10px;height: 10px;background: #000;}
.dim_popup.elogo .tit span{display: inline-block;position: relative}
.dim_popup.elogo .txt{text-align: left;margin: 0 0 11px}

.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, .dim_popup.elogo .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}


/* evt_cautn */
.evt_cautn {background:#f8f8f8}
.evt_cautn .tit {background-color:#000;/* font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif; */cursor: pointer;}
.evt_cautn .tit .inner {text-align: center}
.evt_cautn .tit .inner strong {position: relative;font-weight: bold;font-size:17px;line-height:45px;color:#fff;display: inline-block}
.evt_cautn .tit .inner strong span{color: #5fb9ff;margin: 0 10px 0 0;}
.evt_cautn .tit .inner strong::before{content:
'';position: absolute;right: -16px;transform: rotate(135deg);border: 1px solid #fff;width: 4px;height: 4px;background: none;opacity: 1;border-width: 1px 1px 0 0;top: 20px;margin: 0}
.evt_cautn .tit.on .inner strong::before{transform: rotate(-45deg);top: 19px;}
.evt_cautn .txt {text-align: left;display: none}
.evt_cautn .txt .inner {padding: 60px 0;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif}
.evt_cautn .tit.on + .txt{display:block}
.evt_cautn .txt .inner dl+dl {margin-top:35px}
.evt_cautn .txt .inner dl dt {margin-bottom:5px;font-weight:800;font-size: 14px;color:#222222}
.evt_cautn .txt .inner dl dd {position:relative;padding-left:10px;font-size:13px;color:#222222;line-height:1.9;padding: 0 0 0 15px;text-indent: 0}
.evt_cautn .txt .inner dl dd:before {content:'¡Ø';position:absolute;top:0;left:0}
.evt_cautn .txt .inner dl dd a {display: inline-block;font-weight:800;font-size: 11px;color:#2e68fc;border: 1px solid #2273f6;border-radius: 30px;line-height: 1;padding: 2px 9px;text-indent: 0}

.newitem_wrap {margin: 100px 0 0;border-radius: 14px;overflow: hidden}
.newitem_wrap h5 {background: #003af7;}
.newitem_wrap ul {position: relative;background: #fff;padding: 50px 0}
.newitem_wrap ul li {float: left;width: 50%;position: relative}
.newitem_wrap ul li::before{content:'';position: absolute;top: 0;left: 0;width: 2px;height: 100%;border-left: 2px dashed #000;opacity: 0.1}
.newitem_wrap ul li:nth-of-type(1)::before{display:none}
.newitem_wrap ul li a{position: absolute;bottom: 19%;left: 6%;font-size: 0;width: 21%;height: 14%;background: #000;opacity: 0}

.dim_popup.elogo .btnConfirm{padding: 20px 0 0}
.dim_popup.elogo .btnConfirm a{display: block;background: #000;width: 184px;margin: 0 auto}
.dim_popup.elogo .tbl_wrap.scroll {overflow-y: auto;margin: 0;max-height: 100px;padding: 0 0px 0 0;}
.dim_popup.elogo .tbl_wrap.scroll .tbl{/* margin: -1px 0 0; *//* overflow-y: scroll; *//* height: 10px; */}
.dim_popup .tbl tr th{padding: 11px 0}
.dim_popup .tbl tr td{padding: 6px 0;height: 33px}

@media (max-width: 1200px){
    
    .flt_inner{display: none}
    .eventWrap .inner{width: 96%}
    .eventWrap .con_box{width:100%}
    .eventWrap img{width:100%}

    .eventWrap .con_tit{margin: 0 0 7%}

    .con1{padding: 8% 0 12%;}
                           .con1 .con_tit{
    padding: 5% 0 0;
}
    .con2{padding:15% 0 10%}
    .con3{padding:15% 0 10%}
    .con4{padding:15% 0 10%}
    .con5{padding:15% 0 10%}
    .con6{padding:15% 0 10%}
    .con7{padding:15% 0 10%}
    .con8{padding:15% 0 10%}

    .evt_date{padding: 0;margin: 0 0 4%;}
    .evt_date ul li{float: left;margin: 0 2%;width: 57%}
    .evt_date ul li:nth-of-type(2){width: 35%}

    .con_top {padding: 12% 0 0;}
    .con_top .left_fr{width: auto;margin: 0% -2% 6%;position: relative;top: unset;left: unset}
    .con_top .left_fr .slick-slide{margin: 0 4vw;width:120vw}
                           .con_top .left_fr .slick-slide img{}
    /*
    @-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
    @keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
    */
    .con_top h3{padding: 6% 10% 20%;}
    .con_top a{margin: 0;left: 0;text-align: center;width: 100%;padding: 0 47.5%;bottom: 6%;}

    .con1 .gift{margin: 0 0 6%;padding: 0;}
    .con1 .gift li{margin: 0 0 4%;padding: 0 6%}
    .con1 .gift li:nth-of-type(1){position: relative;top: inherit;left: inherit;width: auto;float: none;padding: 0 26%;margin: 0 0 5%}
    .con1 .con_subtit{padding: 0 8%}
    .con1 .slogan_wrap{margin: 0 0 3%}
    .con1 .answer_wrap{padding: 3% 4%}
    .con1 .answer_wrap .answer{background-size: 12%;margin: 0 0 3% 2%;padding: 0 0 0 15%}
    .con1 .answer_wrap ul:before{left: 40.5%;width: 2.5%;background-size: 100%;height: 37%;bottom: 0;}
    .con1 .answer_wrap ul li{width: 12.5%;height: 9vw;margin: 0 1% 0 0}
    .con1 .answer_wrap ul li:nth-of-type(3){margin: 0 5% 0 0}
                           .con1 .answer_wrap ul li input{
    font-size: 6vw;
}
    .con1 .answer_wrap a{position: relative;top: inherit;right: inherit;display: block;background: #000;padding: 0 33%;margin: 0 2%}
    .con1 .hint_wrap .con_subtit{padding: 0 40%;}
    .con1 .hint_wrap .con_subtit span{display: block}
   .con1 .hint_wrap .con_subtit span::before{top: 44%}
    .con1 .hint_wrap div{margin: 0 3% 0 5%;background-size: 16%;padding: 5% 0 5% 18%}

    .con1 .con_box.sloganzone{padding: 18% 0 0}
    .fixed_bnr{left: -3%;width: 106%}
    .fixed_bnr::before{width: 100%;margin: 0;left: 0}
    .fixed_bnr ul{width: auto}
    .fixed_bnr ul li a{padding: 0 6%}
    .fixed_bnr ul li a strong{padding: 5% 17% 5%;height: auto}
    .fixed_bnr ul li a span{display: none}
        
    /* event */
    .event {padding: 15% 0}
    .event.evt1::before{height: 84vw;}
    .event .finish {top:2%; left:inherit; margin-left:0; right:0}
    .event h4.tit {margin-top:5vw; position:relative; text-align:center}
    .event h4.tit:before {top:14px}
    .event h4.tit span { font-size:20px; padding:0 15px}
    
    .logo_wrap{padding: 0}
    .logo_wrap .elogo{width: 13%}
    .logo_wrap .elogo.loc1{top: -57vw;left: 3%}
    .logo_wrap .elogo.loc2{top: 4%;left: 62vw;}
    .logo_wrap .elogo.loc3{top: -14%;left: unset;right: 2%}
    .logo_wrap .elogo.loc4{left: 4%;top: 70%}
    .logo_wrap .elogo.loc5{top: 62%;right: 3%;left: unset}

    .event .my_point{font-size: 20px;padding: 30px 170px 30px 10px;text-align: left}
    .event .my_point li{margin: 0 20px}
    .event .my_point li.blind a{padding: 28px 0 0}
    .event .my_point li:nth-of-type(3){right: 10px;top: 31px}
    
    .imgBox {margin-top:5vw; padding:0; width:100%}
    .imgBox ul {width:55%}
    .imgBox li {font-size:18px; margin-top:10px; overflow:hidden}
    .imgBox li:before {height:15px}
    .imgBox li h4 {margin-left:10px; width:90px}
    .imgBox li p {float:left; width:calc(100% - 100px)}
    .imgBox li p span {font-size:11px; margin-left:3px}
    .imgBox > p {width:50%; display:table-cell; vertical-align:middle; float:none}
    .imgBox > p > img {width:100%}
    .process {margin: 0}
    .event.evt1 .process{margin: 0 0 3%}
    .process dt{padding: 0 35%;}
    .event.evt1 .process dt{padding: 0 0%;overflow: hidden;margin: 0 0 -3%}
    .event.evt1 .process dt img{max-width: 150%;width: 150%;margin: 0 0 0 -25%}
    .process dd{margin: 5% 0;padding: 0 1%}
    .event.evt1 .process dd{width: 30.3%;margin: 0 0 0 4%;height: auto}
    
    .event.evt1 .process dd::before{left: -12%;border-width: 1.6vw;top: inherit;bottom: 0;}
    .event.evt1 .process dd:nth-of-type(1){margin: 0;padding: 4% 4.8% 4%}
    .event.evt1 .process dd:nth-of-type(2){padding: 3.3% 4% 3.3%}
    .event.evt1 .process dd:nth-of-type(3){padding: 2% 2% 2%}
    .process li {margin-left:2%; width:32%}
    .process li:not(:first-child):before {left:-12%; z-index:2; width:5vw; height:5vw; background-size:100%}
    .event .evt_btn {margin:3vw auto 0}
    .event .evt_btn a {margin:0 1%;width: 37%}
    .event.evt2 .evt_btn a {margin: 0;width: 62%;}
    .event .con_subtit{padding: 10% 29% 0%;margin: 0 0 -4%}

    .event .gift{padding: 0 0%;}
    .event.evt1 .gift{margin: 0 0 6%;padding: 2% 0 0;}
    .event .gift li{border-radius: 10px}
    .event .gift li:nth-of-type(1){width: 40.3%;margin: 0 0 0 2%;height: auto;padding: 0}
    .event .gift li:nth-of-type(2), .event .gift li:nth-of-type(3){margin: 0 0 1% 1%;width: 27.8%;height: auto}
    .event .gift li:nth-of-type(4), .event .gift li:nth-of-type(5), .event .gift li:nth-of-type(6){margin: 0 0 0% 1%;width: 18.2%;height: auto}
    .event .gift li:nth-of-type(1) >span{padding: 8.6% 0}
    .event .gift li:nth-of-type(2) >span,.event .gift li:nth-of-type(3) >span{padding: 5% 0}
    .event .gift li:nth-of-type(4) >span,.event .gift li:nth-of-type(5) >span,.event .gift li:nth-of-type(6) >span{padding: 5% 2%}
    .event .gift li a{height: 8vw;font-size: 2.6vw;padding: 5.5% 0 0;position: relative;bottom: inherit;left: inherit}
    .event .gift li:nth-of-type(2) a, .event .gift li:nth-of-type(3) a{height: 5vw;font-size: 2.0vw;padding: 3.7% 0 0}
    .event .gift li:nth-of-type(4) a, .event .gift li:nth-of-type(5) a, .event .gift li:nth-of-type(6) a{height: 4vw;font-size: 1.6vw;padding: 4.5% 0 0}
    .event.evt1 .gift li{width: auto;margin: 0}

    .sns_lst{margin: 9% 0 0}
    .sns_lst ul{padding: 2%}
    .sns_lst ul li dl{padding: 0 0 0 18%}
    .sns_lst ul li dl dt{width: 18%;font-size: 18px}
    .sns_lst ul li dl dd{width: 18%;margin: 0 0 0 2%;font-size: 16px}
    .sns_lst ul li dl dd+dd{margin:0 0 0 1%}

    .evtBoard_common .board_write{padding: 0}
    .evtBoard_common .board_write .btn_wrap a{height:40px;line-height:40px}
    .evtBoard_common .board_write .btn_wrap {width:100%}
    .board_notice{margin:0 15px}
    .btnUrl{font-size: 10px}

    .newitem_wrap{margin: 5% 0 0;border-radius: 10px}
    .newitem_wrap h5{padding: 0.2% 10% 0.2%;}
    .newitem_wrap ul{padding:3% 0}
    .newitem_wrap ul li{padding: 0 0 0 2%}
    .newitem_wrap ul li a{left: 3%;width: 24%}

    .dim_popup.elogo .btnConfirm a{width: 200px;padding: 0 54px;}
    .dim_popup.sns .btnConfirm a{width: 200px;padding: 0 54px;display: block;margin: 0 auto;}

}


@media (max-width: 992px){
    .btnUrl{position: relative;border: 1px solid #000;text-align: center;margin: 13px 0 0 !important;top: inherit;left: inherit;right: inherit}
    .btnUrl button{display: block;text-align: center;width: 100%;padding: 2px 0 4px;}

    .clickPop,.clickPop.elogo{padding: 15px 0 20px}
    .clickPop.elogo{padding: 15px 15px 20px}
    .dim_popup.sns .tit,.dim_popup.elogo .tit{font-size: 17px;margin: 0 0 12px;}
    .dim_popup.sns table,.dim_popup.elogo table{font-size:12px}
    .dim_popup.elogo .tit::before{left: 72px;height: 10px;width: 166px;display: none;}
    .dim_popup.elogo .tbl_wrap.scroll{
    margin: 0;
    padding: 0;
}
}


@media (max-width: 768px){

    .con1 .blind_wrap .pass_dim span{font-size: 16px}
    .con1 .blind_wrap .pass_dim span::before{background-size: 100%;width: 20px;height: 20px;right: -4px;top: 11px}
    .evt_date{padding: 0;margin: 0 0 8%}
    .evt_date ul{padding: 0 3%}
    .evt_date ul li,.evt_date ul li:nth-of-type(2){float: none;margin: 0 0 1%;width: auto;padding: 0 7%;display: block}
    .evt_date ul li:nth-of-type(2){padding: 0 23.13%}
    
    .event .my_point{font-size: 15px;padding: 12px 0 38px 0;text-align: center;margin: 0 0 8px;}
    .event .my_point li{margin: 0 10px;padding: 0 0 0 7px}
    .event .my_point li:before{top: 6px}
    .event .my_point li.blind a{padding: 12px 0 0;}
    .event .my_point li:nth-of-type(1){margin: 0 10px;}
    .event .my_point li:nth-of-type(3){right: 50%;top: 40px;font-size: 13px;width: 116px;text-align: center;border: 0;margin: 0 -58px 0 0;border-bottom: 1px solid #000;padding: 0;}
    .event .my_point li:nth-of-type(3) a{border: 0;padding: 0 0 3px;}
    .event .my_point li strong{margin: 0 0 0 8px}
    .event .my_point li.blind strong{font-size: 14px;margin: 9px auto 0;display: block;width: 88px;}
    
    .event .gift{padding: 0 0%;margin: 0 0 0 -2%;}
    .event .gift li:nth-of-type(1){float: none;width: auto;height: auto;margin: 0 0 2% 2%}
    .event .gift li:nth-of-type(2), .event .gift li:nth-of-type(3){width: 48%;margin: 0 0 2% 2%;height: auto}
    .event .gift li:nth-of-type(4), .event .gift li:nth-of-type(5), .event .gift li:nth-of-type(6){width: 32.3%;margin: 0 0 0 1%;height: auto}
    .event .gift li >span{padding: 0 0}
    .event .gift li:nth-of-type(1) >span{padding: 4% 17% 4%;}
    .event .gift li a, .event .gift li:nth-of-type(2) a, .event .gift li:nth-of-type(3) a, .event .gift li:nth-of-type(4) a, .event .gift li:nth-of-type(5) a, .event .gift li:nth-of-type(6) a{position: relative;bottom: inherit;left: inherit;padding: 10px 0;height: 40px;font-size: 13px;letter-spacing: -0.08em;}
    .event .gift li a.end i{background-position: 100% 0;width: 24px;height: 24px}

    .event.evt1 .process{background: #fff;border-radius: 0}
    .event.evt1 .process dt{background: #5fb9ff}
    
    .event.evt1 .process dd{width: 32.3%;margin: 0;border: 0;border-radius: 0}
    .event.evt1 .process dd:nth-of-type(1){padding: 4% 4% 4% 2%;}
    .event.evt1 .process dd:nth-of-type(2){padding: 3.3% 3% 3.3% 0%;}
    .event.evt1 .process dd:nth-of-type(3){padding: 2% 2% 2% 0%;width: 35.4%;}
    .event.evt1 .process dd::before{background-size: 100%;width: 5%;left: -11%}
    .event.evt1 .process dd:nth-of-type(3)::before{left: -3%}
    .event.evt1 .evt_btn a{width: 48%;float: left}

    .sns_lst ul li dl{padding: 0}
    .sns_lst ul li dl dt{width: 100%;font-size: 18px;position: relative;margin-bottom: 2%;height: 40px;line-height: 40px}
    .sns_lst ul li dl dd{width: 32%;margin: 0 0 0 1.3%;font-size: 14px;height: 40px}
    .sns_lst ul li dl dd:nth-child(2),
    .sns_lst ul li dl dd:nth-child(5){margin:0}
    .sns_lst ul li dl dd:nth-child(5),
    .sns_lst ul li dl dd:nth-child(6){margin-top:1.3%}
    .evtBoard_common .board_write .inp_wrap textarea, 
    .evtBoard_common .board_write .inp_wrap input[type="text"]{height:40px;line-height:40px;padding: 0 5px;font-size: 13px}
    .evtBoard_common .board_write .btn_wrap a{height:40px;line-height:40px}

    /* evt_cautn */
    .evt_cautn .tit .inner strong {font-size: 13px;line-height:40px}
    .evt_cautn .tit .inner strong::before{top: 16px}
    .evt_cautn .txt .inner {padding: 30px 0;}
    .evt_cautn .txt .inner dl+dl {margin-top:25px}
    .evt_cautn .txt .inner dl dt {font-size:12px}
    .evt_cautn .txt .inner dl dd {font-size:12px}
    .evt_cautn .txt .inner dl dd a {font-size: 11px;}

    .dim_popup.sns .btnClose, .dim_popup.elogo .btnClose{width: 20px;height: 20px}
}


@media (max-width: 576px){

    .con1 .con_box.sloganzone{padding: 20% 0 0}
    .fixed_bnr ul li a strong{padding: 5% 11% 5%}
    .dim_popup.sns,.dim_popup.elogo{width:90%}

    /* event */
    .event.evt2 .process dd{float: none;width: auto;padding: 0 14%;}
    
    .event h4.tit:before {top:10px}
    .event h4.tit span {font-size:16px; padding:0 10px}
    .imgBox {margin-top:5vw; padding:0 1vw; width:100%}
    .imgBox ul {width:55%}
    .imgBox li {font-size:13px; margin-top:5px}
    .imgBox li:before {height:10px}
    .imgBox li h4 {margin-left:5px; width:70px}
    .imgBox li p {width:calc(100% - 90px)}

    .sns_lst ul li dl dt{font-size: 14px;line-height: 30px;height: 30px}
    .sns_lst ul li dl dd{height: 30px;font-size: 13px}
    .sns_lst ul li dl dd:nth-child(5),
    .sns_lst ul li dl dd:nth-child(6){margin-top:1.3%}

    .newitem_wrap ul{padding: 0 3%}
    .newitem_wrap ul li{width: auto;text-align: center;float: none;margin: 0;padding: 0 8% 0 15%}
    .newitem_wrap ul li::before{width: 100%;height: 1px;border-top: 1px dashed #000}
    .dim_popup.elogo .subtit{font-size: 14px}
    .dim_popup.elogo .txt{font-size: 13px;margin: -4px 0 3px}
    .dim_popup.elogo .btnConfirm{padding: 7px 0 0}


}