@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2022/ */

/* setting */
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap{width:100%;position:relative;font-size: 15px;line-height: 1.4;letter-spacing: -0.06em;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 0 70px 0; text-align: center;}
.flt_inner {margin: 2% 0 0 0;}
.evt_end {position: absolute; top: 40%; right: -10%;}

.flt_inner li { margin-top: 10px !important; } 

/*evMain*/
.evConMain { height:100vh; position:relative; overflow:hidden; background:#000; opacity:.9999; z-index:3;  }
.evConMain .tit { margin-top:170px; text-align:left; }
.evConMain .tit dt {font-size:28px; line-height:140%; color:#fff; text-shadow:3px 3px 3px #000; }
.evConMain .tit dt img { display:none; }
.evConMain .tit dt span { margin-left:5px; }
.evConMain .tit dd { margin-top:75px; }
.evConMain .video-bg { position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -2; opacity:.5; }
.evConMain .mo { display:none; }
.bottomBn { position:absolute; bottom:0; left:0; width:100%; background:rgba(58,77,238,.6); padding:20px 0; transition: position .3s;}
.bottomBn .count { float:left; width:135px; height:80px; box-sizing:border-box; border:2px solid #fff; display:table; }
.bottomBn .count p { display:table-cell; vertical-align:middle; font-size:18px; color:#fff; }
.bottomBn .count p span { display:block; font-size:22px; font-weight: 700; margin-top:3px; }
.bottomBn ul { float:right; width:calc(100% - 150px); }
.bottomBn li { float:left; width:50%; position:relative; }
.bottomBn li:after { content:""; display:block; width:1px; height: 54px; background:rgba(255,255,255,.2); position:absolute; top:50%; right:0; transform: translateY(-50%); }
.bottomBn li a { display:table; width:100%; height:80px; }
.bottomBn li a dl { display:table-cell; vertical-align: middle; }
.bottomBn li dt { font-size:19px; font-weight:300; }
.bottomBn li dd { font-size:24px; font-weight:700; }
.bottomBn li:first-child dl { color:#69fcee; }
.bottomBn li:last-child dl { color:#fdfca3; }

.bottomBn.on { position:fixed; bottom:0; left:0; background:rgba(58,77,238,1); }

/* bottom Bannder 221020 added */
.bottomBn.d1020 .count {width:auto; border: none; display: block; margin: 0 100px 0 0; position: relative;}
.bottomBn.d1020 .count::after {content: ''; width: 1px; height: 47px; background: #535faa; position: absolute; top: 50%; right: -50px; transform: translateY( -50%);}
.bottomBn.d1020 .count p {display: block; font-size: 60px; font-weight: bold;}
.bottomBn.d1020 .pass_txt {font-size: 19px; color: #fff; text-align: left; display: flex; justify-content: space-between; align-items: center; height: 80px;}
.bottomBn.d1020 .pass_txt .mo {display: none;}
.bottomBn.d1020 .pass_txt span {display: block; font-size: 35px; font-weight: bold; color: #69fcee;}
.bottomBn.d1020 .pass_txt a {display: block; background: #000; color: #fff; font-size: 21px; font-weight: bold; padding: 16px 60px; border-radius: 30px;}

/* 221117 add */
.bottomBn.d1020 .pass_txt span.d1117_size {font-size: 30px;}
.pass_txt .d1117_white {color: #fff;}
.bottomBn.d1020.d1117_dday .count p {font-size: 40px;line-height: 75px;}

/*evCon1*/
.evCon1 { padding:145px 0 120px; position:relative; }
.evCon1 .tiny_txt { width:1080px; position:absolute; top:25px; right:50%; margin-right:-540px; font-size:12px; line-height:120%; text-align:right; color:#bbb; font-weight:300; }
.evCon1 .inner2 { max-width:1650px; margin:auto; text-align:center; }
.evCon1 .inner2 > p { margin-top:80px; }

 
/*evCon2*/
.evCon2 { padding:160px 0 130px; background:#f1f1f1; }
.evCon2 .slickBox { margin-top:70px; position:relative; }
.evCon2 .slickBox .slick-arrow { position:absolute; top:175px; z-index:2; width:32px; height:51px; font-size:0; }
.evCon2 .slickBox .slick-prev { margin-left:-615px; left:50%; background:url(https://img.megagong.net/m/2022/0914_tech/btn_prev.png) no-repeat;  }
.evCon2 .slickBox .slick-next { margin-right:-615px; right:50%; background:url(https://img.megagong.net/m/2022/0914_tech/btn_next.png) no-repeat; }
.evCon2 .slickBox + p { margin-top:5px; color:#bbb; font-size:11px; line-height:120%; text-align:right;  }


/*evCon3*/
.evCon3 { padding:160px 0 130px; text-align:center; }
.evCon3 .inner2 { max-width:1130px; margin:auto; }
.evCon3 ul { margin-top:40px; }
.evCon3 li { float:left; }



/*evCon4*/
.evCon4 { background:#283795; padding:160px 0 170px; opacity:.9999; position:relative;  }
.evCon4:after { content:""; display:block; width:100%; height:175px; background:url(https://img.megagong.net/m/2022/0914_tech/bg_bottom.png) no-repeat center; position:absolute; bottom:0; left:0;  }
.evCon4 h4 { margin-top:65px; }
.evCon4 .txt { margin-top:65px; }
.evCon4 .btn { margin-top:75px; }

.tabM { width:100%;  max-width:1080px; margin-top:65px;  }
.tabM > ul { width:1000px; height:95px; margin:auto; background:#5060c3;  }
.tabM > ul > li { float:left; width:20%; height:100%; position:relative; cursor:pointer; }
.tabM.six > ul > li { width:16.66%; }
.tabM > ul > li:before { content:""; display:block; width:1px; height:50px; background:#6d7de2; position:absolute; top:50%; transform:translateY(-50%); left:0; }
.tabM > ul > li:first-child:before { display:none; }
.tabM > ul > li > a { width:100%; height:100%; display:table; box-sizing:border-box; }
.tabM > ul > li > a > span { color:#283795; font-size:25px; line-height:120%; margin-top:18px; font-weight:700; display:block; }
.tabM > ul > li ul { margin-top:5px; width:100%; position:absolute; top:50px; z-index:3; }
.tabM > ul > li ul li { display:inline-block; vertical-align:top; color:#283795; }
.tabM > ul > li ul li:not(:first-child):before { content:""; display:block; width:1px; height:11px; background:#283795; display:inline-block; vertical-align:top; margin:7px 5px 0;  } 
.tabM > ul > li.on { background:#fff; }
.tabM > ul > li.on > a > span { color:#3071ff; }
.tabM > ul > li.on ul li:not(:first-child):before { background:#9097c2; }
.tabM > ul > li.on ul li,
.tabM > ul > li.on ul li.off,
.tabM > ul > li.on ul li.on.off  { color:#9097c2; }
.tabM > ul > li.on ul li.on { color:#3071ff; }



.tabContent { width:100%; border-radius:20px; background:#fff; box-sizing:border-box; padding:40px; }
.tabContent > div:not(:first-child) { display:none; }
.tabContent h5 { text-align:center; margin-top:20px; color:#283795; font-size:33px; line-height:120%; font-weight:700;  }
.tabThBox { width:100%; overflow:hidden; margin-top:25px;}
.tabThBox .leftS { float:left; width:420px; position:relative;  }
.tabThBox .leftS:before { content:""; display:block; width:100%; height:50%; position:absolute; bottom:0; left:0;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.tabThBox .leftS img { width:85%;  }
.tabThBox .leftS p { position:absolute; bottom:40px; left:0; width:100%; text-align:center; z-index:3; }
.tabThBox .leftS p a { color:#000; font-size:18px; line-height:120%; font-weight:700; }
.tabThBox .leftS p a b { color:#3071ff; }
.tabThBox .leftS p a i { display:inline-block; vertical-align: top; width:21px; height:21px; background:#3071ff; line-height:21px; text-align:center; font-style:normal; color:#fff; font-weight:700; font-size: 13px; border-radius: 50%; }
.tabThBox .rightS { float:right; width:580px; }
.tabThBox .rightS > ul { width:100%; }
.tabThBox .rightS > ul:after { content:""; display:block; clear:both; }
.tabThBox .rightS > ul li { float:left; width:calc(50% - 5px); height:50px; display:table; background:#333; position:relative; cursor:pointer; }
.tabThBox .rightS > ul li:last-child { float:right; }
.tabThBox .rightS > ul li span { display:table-cell; vertical-align:middle; color:#fff; font-size:20px; font-weight:700;  }
.tabThBox .rightS > ul li.on { background:#3071ff; }
.tabThBox .rightS > ul li.on:after { content:""; display:block; 
    position: absolute;
    bottom: -6px;
    left: calc(50% - 6px);
    content: " ";
    height: 0;
    border-bottom: 6px solid;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    color: #3071ff;
    transform: rotate(-180deg);
}
.tabThBox .rightS .video { margin-top:20px; position:relative; }
.tabThBox .rightS .video ul { position:absolute; top:30px; left:10px; width:calc(100% - 20px); color:#fff; opacity:.5; font-size:20px; }
.tabThBox .rightS .video li:not(:first-child) { display:none; }
.tabContent .bn { margin-top:10px; overflow: hidden; }
.tabContent .bn li { float:left; width:48%; height:100px; border-radius:5px; background:#f2f2f2; display:table; }
.tabContent .bn li:last-child { float:right; }
.tabContent .bn li span { font-size:17px; color:#000; line-height:120%; display:table-cell; vertical-align:middle; line-height:130%;  }
.tabContent .txt_list { text-align:right; margin-top:10px; color:#bbb; font-size:11px; font-weight:300; }


/*evCon5*/
.evCon5 { background:#f2fbe5; padding:160px 0 150px; position:relative; }
.evCon5 .finish { position:absolute; top:90px; left:50%; margin-left:380px; max-width:246px; width:20%; }
.evCon5 .box { margin-top:65px; }
.evCon5 .box .leftS { float:left; width:420px; text-align:left; margin-top:45px; }
.evCon5 .box .leftS li { overflow:hidden; margin-top:20px; }
.evCon5 .box .leftS li:first-child { margin-top:0; }
.evCon5 .box .leftS li > p { float:left; font-size:21px; line-height:120%; font-weight:900; position:relative; padding-left:17px; width:155px; }
.evCon5 .box .leftS li > p:before { content:""; display:block; width:5px; height:5px; background:#000; position:absolute; top:10px; left:0; border-radius:50%; }
.evCon5 .box .leftS li > div { float:left; font-size:21px; line-height:120%; width:calc(100% - 155px);  }
.evCon5 .box .leftS li > div span { color:#77b998; font-size:15px; line-height:120%; }
.evCon5 .box .leftS > p { margin-top:40px;}
.evCon5 .box .rightS { float:right; margin-right:-17px; }

/* evCon5 d1020 */
.evCon5.d1020 {padding: 0 0 130px 0; background: #eaeaea;}
.evCon5.d1020 .con_tit {position: relative; z-index: 2; padding: 130px 0 110px 0; background: #fff; margin: 0 0 140px 0;}
.evCon5.d1020 .con_tit i {display: block; margin: 0 0 70px 0;}
.evCon5.d1020 .con_tit::before {content: ''; position: absolute; top: 0; left: -500%; z-index: -1; width: 1000%; height: 100%; background: #fff;}
.evCon5.d1020 .con_tit::after {content: ''; background: url(https://img.megagong.net/m/2022/1020_technic/con5_tit_btm.png) no-repeat; position: absolute; bottom: 0; left: 50%; width: 185px; height: 64px; transform: translate(-50%, 100%);}
.evCon5.d1020 .con_box {}
.evCon5.d1020 .con_box .con_stit {position: relative; z-index: 1; margin: 0 0 50px 0;}
.evCon5.d1020 .con_box .con_stit::before {content: '';z-index: -1;position: absolute;top: 50%;left: 0;margin: auto 0;width: 100%;height: 36px;border: 1px solid #e40d90;border-width: 1px 1px 0;}
.evCon5.d1020 .con_box .con_stit span {background: #e40d90; color: #fff; border-radius: 28px; font-size: 30px; font-weight: 300; padding: 6px 40px;}
.evCon5.d1020 .con_box .con_stit .mo {display: none;}
.evCon5.d1020 .con_box .target {display: flex; width: 100%; margin: 0 0 60px 0;}
.evCon5.d1020 .con_box .target li {background: #fff; border-radius: 50%; text-align: center; margin: 0 4% 0 0; flex: 1 1 32%; font-size: 20px; font-weight: 300; padding: 50px 0;}
.evCon5.d1020 .con_box .target li:last-child {margin: 0;}
.evCon5.d1020 .con_box .target li i {display: block; margin: 0 0 24px 0;}
.evCon5.d1020 .con_box .target li span {display: block; font-size: 23px; font-weight: bold;}
.evCon5.d1020 .con_box .btm_message {}

/*evCon6*/
.evCon6 { background:#e5f0fb; padding:160px 0 110px; position:relative; }
.evCon6 .finish { position:absolute; top:90px; left:50%; margin-left:380px; max-width:246px; width:20%; }
.evCon6 .txt { margin-top:50px; width:100%; background:#fff; border-radius:35px; box-shadow:0 5px 5px rgba(0,0,0,.1); padding:15px 0; }
.evCon6 .txt li { display:inline-block; vertical-align:top; font-size:21px; line-height:120%; font-weight:700; color:#120f9b; padding-left:15px; position:relative; margin:0 10px; }
.evCon6 .txt li:before { content:""; display:block; width:6px; height:6px; background:#120f9b; border-radius:50%; position:absolute; top:10px; left:0; }
.evCon6 .txt li p { float:left; }
.evCon6 .txt li div { float:left; }
.evCon6 .txt li div:before { content:""; display:block; width:2px; height:13px; background:#120f9b; float:left; margin:8px 10px 0; }
.evCon6 .txt li div span { color:#7371dd; opacity:.5; font-size:14px; line-height:120%; margin-left:5px; font-weight:300;  }
.evCon6 .book { margin-top:70px; overflow:hidden; }
.evCon6 .book li { float:left; }
.evCon6 .book li:nth-child(even) { float:right; }
.evCon6 .book li:nth-child(3),
.evCon6 .book li:last-child { margin-top:55px; }
.evCon6 .tiny_txt { text-align:right; margin-top:5px; color:#868dce; font-size:12px; font-weight:300; }

/* evCon6 d1020 */
.evCon6.d1020 {background: #fff; padding: 160px 0;}
.evCon6.d1020 .inner {}
.evCon6.d1020 .con_tit {margin: 0 0 60px 0;}
.evCon6.d1020 .con_box {}
.evCon6.d1020 .con_box .sale_period {font-size: 28px; font-weight: bold; color: #222; margin: 0 0 75px 0;}
.evCon6.d1020 .con_box .sale_period::before,
.evCon6.d1020 .con_box .sale_period::after {content: ''; width: 6px; height: 6px; border-radius: 50%; background: #222; display: inline-block; vertical-align: middle; margin: 0 30px;}
.evCon6.d1020 .con_box .sale_period span {}
.evCon6.d1020 .con_box .sale_period span::after {content: ''; width: 2px; height: 19px; background: #222; display: inline-block; margin: 0 20px;}
.evCon6.d1020 .con_box .tab_box {}
.evCon6.d1020 .con_box .tab_base {display: flex; position: relative;}
.evCon6.d1020 .con_box .tab_base::after {content: ''; width: 100%; height: 3px; background: #000; position: absolute; left: 0; bottom: -3px;}
.evCon6.d1020 .con_box .tab_base li {background: #ddd; color: #fff; font-size: 24px; font-weight: bold; flex-grow: 1; margin: 0 5px 0 0;}
.evCon6.d1020 .con_box .tab_base li:last-child {margin: 0;}
.evCon6.d1020 .con_box .tab_base li.on {background: #000;}
.evCon6.d1020 .con_box .tab_base li a {display: block; padding: 20px 0;}
.evCon6.d1020 .con_box .panel_base {padding: 50px 0;}
.evCon6.d1020 .con_box .panel_base li {border: 1px solid #3071ff; border-radius: 15px; background: #fff; display: none; overflow: hidden;}
.evCon6.d1020 .con_box .panel_base .tab_wrap {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.evCon6.d1020 .con_box .panel_base .tab_left {text-align: left; flex: 1 1 65%; padding: 40px 10% 40px 70px;}
.evCon6.d1020 .con_box .panel_base #tab1_3 .tab_left {padding: 26px 14% 26px 70px;}
.evCon6.d1020 .con_box .panel_base .tab_left i {display: block; background: #e40d90; border-radius: 14px; color: #fff; font-size: 14px; font-style: normal; padding: 4px 0; width: 140px; text-align: center;}
.evCon6.d1020 .con_box .panel_base .tab_left b {font-size: 41px;}
.evCon6.d1020 .con_box .panel_base .tab_left b span {color: #3071ff;}
.evCon6.d1020 .con_box .panel_base .tab_left > span {display: block; font-size: 25px; color: #222;}
.evCon6.d1020 .con_box .panel_base .tab_left .price {margin: 20px 0 0 0; display: flex; justify-content: space-between; align-items: baseline;}
.evCon6.d1020 .con_box .panel_base .tab_left .price > div {display: inline-block;}
.evCon6.d1020 .con_box .panel_base .tab_left .list_price {color: #9a9a9a; position: relative; font-size: 35px; font-weight: bold;}
.evCon6.d1020 .con_box .panel_base .tab_left .list_price span {font-size: 14px; display: block; font-weight: normal;}
.evCon6.d1020 .con_box .panel_base .tab_left .list_price::before {content: '';  position: absolute; background: url(https://img.megagong.net/m/2022/1020_technic/con6_arrow.png) no-repeat; max-width: 316px; width:200%; height: 11px; top: 32%; left: 0;}
.evCon6.d1020 .con_box .panel_base .tab_left .list_price.ver::before { width:200%; min-width:120%; max-width:320px; background-size:auto 100%; background-position:right center; }
.evCon6.d1020 .con_box .panel_base .tab_left .discount_price {color: #3071ff; font-size: 53px; font-weight: 900;}
.evCon6.d1020 .con_box .panel_base .tab_right {background: #3071ff; flex: 1 1 15%}
.evCon6.d1020 .con_box .panel_base .tab_right a {color: #fff; font-size: 30px; font-weight: bold; display: block; padding: 90px 0;}
.evCon6.d1020 .con_box .panel_base .tab_right span {font-size: 19px; display: block; font-weight: normal; margin: 15px 0 0 0;}
.evCon6.d1020 .con_box .panel_base .tab_btm {flex: 1 1 100%; width: 100%;}
.evCon6.d1020 .con_box .panel_base .tab_btm .agreezone {text-align: left; border-top: 1px solid #ccc; background: #f2f2f2; padding: 20px 15px;}
.evCon6.d1020 .con_box .panel_base .tab_btm .agreezone label {font-size: 13px; color: #9a9a9a; margin: 0 0 3px 0;}
.evCon6.d1020 .con_box .panel_base .tab_btm .agreezone label input {vertical-align: baseline; margin: 0 9px 0 0;}
.evCon6.d1020 .con_box .panel_base .tab_btm .agreezone span {margin: 0 0 0 10px;}
.evCon6.d1020 .con_box .panel_base .tab_btm .agreezone span a {padding: 4px 12px; font-size: 12px; color: #9a9a9a; border: 1px solid #9a9a9a; font-weight: bold;}
.evCon6.d1020 .con_box .sale_note {font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;}
.evCon6.d1020 .con_box .sale_note p {background: #ddd; color: #888; font-size: 17px; font-weight: bold; padding: 12px 0; margin: 0 0 20px 0;}
.evCon6.d1020 .con_box .sale_note ul {text-align: left;}
.evCon6.d1020 .con_box .sale_note li {color: #2b294d; font-size: 13px; line-height: 1.6;}


/*evCon7*/
.evCon7 { background:#fbf9e5; padding:160px 0;  position:relative; }
.evCon7 .finish { position:absolute; top:90px; left:50%; margin-left:380px; max-width:246px; width:20%; }
.evCon7 .goods { margin-top:90px; overflow:hidden; }
.evCon7 .goods dl { float:left; width:300px; text-align:left; margin-top:105px;  }
.evCon7 .goods dt { position:relative; padding-left:15px; font-weight:900; font-size:21px; margin-top:35px;  }
.evCon7 .goods dt:before { content:""; display:block; width:5px; height:5px; background:#000; border-radius:50%; position:absolute; top:13px; left:0;  }
.evCon7 .goods dd { margin-left:15px; font-size:21px; }
.evCon7 .goods dd span { color:#ada984; font-size:13px; margin-left:5px; }
.evCon7 .goods dt:first-child { margin-top:0; }
.evCon7 .goods p { float:right; }
.evCon7 .process { margin-top:70px; }
.evCon7 .process dd { margin-top:35px; }
.evCon7 .eventBoard { margin-top:50px; }
.evCon7 .shareList .sns dt { background:#4183ff; }
.evCon7 .shareList .naver dt { background:#41e16e; }
.evCon7 .shareList .daum dt { background:#ff8745; }
.evCon7 .shareList .etc dt { background:#a9a9a9; }
.evCon7 .shareList ul li dl dd { border-color:#3a3a3a !important; color:#3a3a3a !important; }
.evCon7 .evtBoard_common { background:#f2f2f3; }
.evCon7 .board_notice li { color:#444; opacity:1; }
.evCon7 .btnUrl { position:absolute; top:110px; right:45px; font-size:17px; font-weight:700; letter-spacing:-1.5px; color:#000; border-bottom:1px solid #000; }

/* evCon7 d1020 */
.evCon7.d1020 {background: #2a67eb;}
.evCon7.d1020 .inner {}
.evCon7.d1020 .con_tit {}
.evCon7.d1020 .con_tit i {}
.evCon7.d1020 .con_tit > span {display: block; margin: 0 0 60px 0;}
.evCon7.d1020 .con_tit p {color: #fff; font-size: 30px; font-weight: normal;}
.evCon7.d1020 .con_tit p .mo {display: none;}
.evCon7.d1020 .con_tit p em {color: #4cfae7; font-size: 62px; font-weight: 800; margin: 0 0 40px 0; font-style: normal; display: block;}
.evCon7.d1020 .con_tit p span {font-weight: bold;}
.evCon7.d1020 .con_box {}
.evCon7.d1020 .con_box .wrap {background: #294dbc; position: relative; z-index: 1; padding: 60px 0 80px 0; margin: 0 0 80px 0; display: flex; justify-content: space-between;}
.evCon7.d1020 .con_box .wrap::before {content: ''; background: url(https://img.megagong.net/m/2022/1020_technic/con7_tit_btm.png) no-repeat; position: absolute; top: 0; left: 50%; width: 185px; height: 62px; transform: translateX(-50%);}
.evCon7.d1020 .con_box .wrap::after {content: ''; position: absolute; top: 0; left: -500%; z-index: -1; width: 1000%; height: 100%; background: #294dbc;}
.evCon7.d1020 .con_box .wrap .schedule {display: flex; flex-direction: column; justify-content: center; margin: 60px 0 0 0;}
.evCon7.d1020 .con_box .wrap .schedule dl {color: #fff; text-align: left; margin: 0 0 30px 20px; font-size: 21px;}
.evCon7.d1020 .con_box .wrap .schedule dl dt {position: relative;}
.evCon7.d1020 .con_box .wrap .schedule dl dt::before {content: ''; position: absolute; top: 50%; left: -20px; width: 5px; height: 5px; transform: translateY(-50%); background: #fff; border-radius: 50%;}
.evCon7.d1020 .con_box .wrap .schedule dl dd {}
.evCon7.d1020 .con_box .wrap .schedule dl dd .tiny_noti {color: #6e82ff; font-size: 14px; margin: 0 0 0 10px;}
.evCon7.d1020 .con_box .wrap .gift {position: relative;}
.evCon7.d1020 .con_box .wrap .gift i {position: absolute; background: rgba(0, 0, 0, .85); color: #fff; font-size: 18px; border-radius: 50%; font-style: normal; width: 95px; height: 95px; padding: 22px 0;}
.evCon7.d1020 .con_box .wrap .gift i span {font-weight: bold; font-size: 20px;}
.evCon7.d1020 .con_box .wrap .gift .draw5 {top: 50px; left: -44px;}
.evCon7.d1020 .con_box .wrap .gift .draw10 {top: 50px; right: -30px;}
.evCon7.d1020 .con_box .wrap .gift p {}
.evCon7.d1020 .con_box .wrap .gift > span {position: absolute; font-size: 18px; color: #6e82ff;}
.evCon7.d1020 .con_box .wrap .gift span em {font-weight: bold; font-style: normal;}
.evCon7.d1020 .con_box .wrap .gift .gift_tit1 {bottom: 0;left: 0;}
.evCon7.d1020 .con_box .wrap .gift .gift_tit2 {bottom: -30px;right: 0;}
.evCon7.d1020 .con_box .subtit {z-index: 1; position: relative; margin: 0 0 40px 0;}
.evCon7.d1020 .con_box .subtit::before {content: ''; z-index: -1; position: absolute; top: 50%; left: 0; margin: auto 0; width: 100%; height: 1px; background: #222;}
.evCon7.d1020 .con_box .subtit span {color: #fff; background: #000; border-radius: 22px; font-size: 22px; font-weight: bold; padding: 6px 56px;}
.evCon7.d1020 .con_box .way {display: flex; margin: 0 0 40px 0;}
.evCon7.d1020 .con_box .way li {position: relative; flex: 1; background: #fff; border-radius: 10px; margin: 0 5% 0 0; display: flex; justify-content: center; align-items: center; padding: 30px 0 40px 0;}
.evCon7.d1020 .con_box .way li:last-child {margin: 0;}
.evCon7.d1020 .con_box .way li:nth-child(1)::after,
.evCon7.d1020 .con_box .way li:nth-child(2)::after {content: '';background: url(https://img.megagong.net/m/2022/1013_kimchanghun/way_arrow.png) no-repeat;position: absolute;width: 17px;height: 27px;top: 50%;right: -11%;transform: translateY(-50%);}
.evCon7.d1020 .con_box .way li p {font-size: 18px;}
.evCon7.d1020 .con_box .way li p > b {display: block; font-weight: bold; color: #e40d90; margin: 0 0 14px 0;}
.evCon7.d1020 .con_box .way li p em {font-style: normal; font-weight: bold;}
.evCon7.d1020 .con_box .way li .tiny_text {display: block; font-size: 13px; color: #e40d90; margin: 14px 0 0 0;}
.evCon7.d1020 .con_box .way li .tiny_text b {font-size: 15px;}
.evCon7.d1020 .eventBoard .evt_btn {margin: 0 0 80px 0;}
.evCon7.d1020 .eventBoard .evt_btn a {display: inline-block;}
.evCon7.d1020 .eventBoard .evt_btn a:nth-child(1) {margin: 0 30px 0 0;}
.evCon7.d1020 .eventBoard .shareList ul {border-radius: 15px 15px 0 0;}
.evCon7.d1020 .eventBoard .shareList dt {width: 140px;}
.evCon7.d1020 .eventBoard .shareList dt,
.evCon7.d1020 .eventBoard .shareList dd {font-size: 17px;}
.evCon7.d1020 .eventBoard .evtBoard_common {background: #f2f2f3; border-radius: 0 0 15px 15px;}
.evCon7.d1020 .eventBoard .evtBoard_common .board_notice li {color: #444; font-size: 14px; opacity: 1;}
.evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"] {height: 60px;}
.evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"]::placeholder {color: #7d7d7d; font-weight: 500;}
.evtBoard_common .board_write .btn_wrap a {height: 60px; line-height: 60px;}

.evCon8.evWarning {padding: 0 0 80px 0;}
.evWarning .inner {}
.evWarning .w_tit {font-size: 17px; font-weight: bold; color: #fff; background: #000; position: relative; z-index: 1; padding: 16px 0; margin: 0 0 80px 0;}
.evWarning .w_tit::before {content: ''; position: absolute; top: 0; left: -500%; width: 1000%; height: 100%; background: #000; z-index: -1;}
.evWarning .warningList {}
.evWarning .warningList li {color: #2b294d;}
.evWarning .warningList > li {margin: 0;}
.evWarning .warningList > li:nth-child(2) {margin: 20px 0 0 0;}
.evWarning .warningList li ul {text-indent: 10px;}
.evWarning .warningList li:nth-child(1) ul {text-indent: 0;}
.evWarning .warningList li ul li {}
.evWarning .warningList li ul li b {}
.evWarning .warningList .s_tit {font-weight: normal;}
.evWarning .warningList a {padding: 0; margin: 0; text-decoration: underline; color: #000;}

/*essential*/
.ev_essential { background:#f8f8f8; }
.ev_essential h3 { width:100%; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; background:#000; font-weight:300; }
.ev_essential h3 span { color:#ff421a; font-weight:700; }
.ev_essential .inner { padding:70px 0; text-align:left; color:#2b294d; font-weight:300; font-size:12px; }
.ev_essential dl:not(:first-child) { margin-top:25px; }
.ev_essential dt { font-weight:700; }
.ev_essential dd { padding-left:10px; position:relative; margin-top:3px; }
.ev_essential span { color:#ff421a; }
.ev_essential dd:before { content:"-"; position:absolute; top:0; left:0; }
.ev_essential ol { margin:20px 0 0 20px; list-style:normal; }
.ev_essential li { margin-top:3px; }
.ev_essential p:before { content:"¡Ø"; }
.ev_essential a { color:#000; border-bottom:1px solid #000; font-weight:700; }



@media (max-width: 1200px){

    .eventWrap .inner {width: 96%;}
    .eventWrap .con_tit {margin: 0 0 5% 0;}
    .evConMain .tiny_txt {font-size: 13px;}
    .evt_end {width: 26%; right: -18%;}

    /*evMain*/
    .evConMain { height:100vw; max-height:850px; background:url(https://img.megagong.net/m/2022/0914_tech/bg_main.png) no-repeat center; background-size:cover; opacity:.9999; }
    .evConMain .tit { margin-top:100px; text-align:center; }
    .evConMain .tit dt { font-size:28px; }
    .evConMain .tit dt img { display:block; width:20%; max-width:160px; margin:0 auto -30px; opacity:.4; z-index:-1; position:relative; }
    .evConMain .tit dt span { margin-left:0; display:block; }
    .evConMain .tit dd { text-align:center; margin:35px auto 0; width:100%;  }
    .evConMain .tit dd img.mo { display:inline-block !important; }
    .evConMain .video-bg { display:none; }
    .evConMain .mo { display:block; }
    .evConMain .pc { display:none; }
    .evConMain .tiny_txt { margin-top:90px; text-align:left; color:#767fc5; }

    .bottomBn { position:absolute; bottom:0; left:0; width:100%; background:rgba(58,77,238,.6); padding:20px 0; transition:position .3s;  }
    .bottomBn .count { float:left; width:135px; height:80px; box-sizing:border-box; border:2px solid #fff; display:table; }
    .bottomBn .count p { display:table-cell; vertical-align:middle; font-size:18px; color:#fff; }
    .bottomBn .count p span { display:block; font-size:22px; font-weight: 700; margin-top:3px; }
    .bottomBn ul { float:right; width:calc(100% - 150px); }
    .bottomBn li { float:left; width:50%; position:relative; }
    .bottomBn li:after { content:""; display:block; width:1px; height: 54px; background:rgba(255,255,255,.2); position:absolute; top:50%; right:0; transform: translateY(-50%); }
    .bottomBn li:last-child:after { display:none; }
    .bottomBn li a { display:table; width:100%; height:80px; }
    .bottomBn li a p { display:table-cell !important; vertical-align: middle; font-size:20px; line-height:120%; color:#fff; font-weight:300; word-break:keep-all;  }
    .bottomBn li:first-child p b { color:#69fcee; }
    .bottomBn li:last-child p b { color:#fdfca3; }

    .bottomBn.on { bottom:65px; }

    /* bottom Bannder 221020 added */
    .bottomBn.d1020 .count {margin: 0 40px 0 0;padding: 20px 0;}
    .bottomBn.d1020 .count::after {right: -20px;}
    .bottomBn.d1020 .count p {font-size: 36px;line-height: 1;}
    .bottomBn.d1020 .pass_txt {font-size: 16px;}
    .bottomBn.d1020 .pass_txt span {font-size: 30px;}
    .bottomBn.d1020 .pass_txt a {padding: 2% 8%;}

    /* 221117 add */
    .bottomBn.d1020 .pass_txt span.d1117_size {font-size: 23px;}
    .bottomBn.d1020.d1117_dday .count p {line-height: 1;}
        
    /*evCon1*/
    .evCon1 { padding:10vw 0 15vw; }
    .evCon1 .tiny_txt { display:none; }
    .evCon1 .inner2 { width:97%; }
    .evCon1 .inner2 > p { margin-top:5vw; }

    /*evCon2*/
    .evCon2 { padding:10vw 0 5vw; }
    .evCon2 .slickBox { margin-top:5vw; }
    .evCon2 .slickBox .slick-arrow { width:25px; height:41px; background-size:100%; top:50%; transform:translateY(-50%); }
    .evCon2 .slickBox .slick-prev { margin-left:0; left:0; }
    .evCon2 .slickBox .slick-next { margin-right:0; right:0; }


    /*evCon3*/
    .evCon3 { padding:10vw 0; }
    .evCon3 .inner2 { width:97%; }
    .evCon3 ul { margin-top:5vw; }
    .evCon3 li { width:50%; }
  
    /*evCon4*/
    .evCon4 { padding:10vw 0; }
    .evCon4:after { height:15vw; background-size:120%; z-index:-1;  }
    .evCon4 h4 { margin-top:5vw; }
    .evCon4 .txt { margin:5vw auto 0; width:80%; max-width:610px; }
    .evCon4 .btn { margin:5vw auto 0; max-width:483px; width:50%; }

    .tabM {  max-width:100%; margin-top:5vw; position:relative; }
    .tabM > ul { width:100%; height:80px; }
    .tabM > ul > li:before { height:50px; }
    .tabM > ul > li > a > span { font-size:22px; margin-top:0;  display:table-cell; vertical-align:middle; text-align:center; }
    .tabM > ul > li ul { margin-top:0; width:auto; position:absolute; top:90px; left:10px; z-index:2; font-size:18px; display:none; }
    .tabM > ul > li ul li:not(:first-child):before { width:1px; height:11px;  margin:7px 5px 0; } 
    .tabM > ul > li.on ul { display:block;}

    
    .tabContent { border-radius:0; padding:20px; }
    .tabContent h5 { margin-top:60px; font-size:33px; }
    .tabThBox {margin-top:25px; }
    .tabThBox .leftS {width:40%; }
    .tabThBox .rightS { width:55%; }
    .tabThBox .rightS > ul li { height:50px; }
    .tabThBox .rightS > ul li span { font-size:20px; }
    .tabThBox .rightS .video { margin-top:20px; }
    .tabThBox .rightS .video ul { top:2vw; font-size:2vw; }
    .tabContent .bn { margin-top:15px; }
    .tabContent .bn li { width:49%; height:100px; }
    .tabContent .bn li span { font-size:17px; }
    .tabContent .txt_list { margin-top:20px;  }
        
    /*evCon5*/
    .evCon5 { padding:10vw 0; }
    .evCon5 .finish {top:5vw; left:inherit; margin-left:0; right:1%; }
    .evCon5 .box { margin-top:5vw; }
    .evCon5 .box .leftS { width:48%; margin-top:2vw; }
    .evCon5 .box .leftS li { margin-top:10px; }
    .evCon5 .box .leftS li > p { font-size:18px; padding-left:15px; width:125px; }
    .evCon5 .box .leftS li > p:before { top:10px; }
    .evCon5 .box .leftS li > div { font-size:18px; width:calc(100% - 125px); }
    .evCon5 .box .leftS li > div span {font-size:12px; }
    .evCon5 .box .leftS > p { margin-top:3vw; width:80%; }
    .evCon5 .box .rightS { margin-right:0; width:50%; }

    /*evCon5 1020 added*/
    .evCon5.d1020 {padding: 0 0 10% 0;}
    .evCon5.d1020 .con_tit {padding: 10% 0 8% 0; width: 70%; margin: 0 auto 12%;}
    .evCon5.d1020 .con_tit i {width: 18%; margin: 0 auto 5%;}
    .evCon5.d1020 .con_box .con_stit {margin: 0 0 5% 0;}
    .evCon5.d1020 .con_box .con_stit::before {height: 20px;}
    .evCon5.d1020 .con_box .con_stit span {font-size: 20px;}
    .evCon5.d1020 .con_box .target {margin: 0 0 6% 0;}
    .evCon5.d1020 .con_box .target li {padding: 6% 0%; font-size: 16px;}
    .evCon5.d1020 .con_box .target li i {width: 50%; margin: 0 auto 5%;}
    .evCon5.d1020 .con_box .target li span {font-size: 18px;}
    .evCon5.d1020 .con_box .btm_message {width: 60%; margin: 0 auto;}

    /*evCon6*/
    .evCon6 {padding:10vw 0 8vw;}
    .evCon6 .finish {top:5vw; left:inherit; margin-left:0; right:1%; }
    .evCon6 .txt { margin-top:5vw; border-radius:35px; padding:15px 0; }
    .evCon6 .book { margin-top:5vw; }
    .evCon6 .book li { width:48%; }
    .evCon6 .book li:nth-child(3),
    .evCon6 .book li:last-child { margin-top:2vw; }
    .evCon6 .tiny_txt { font-size:11px; }

    /*evCon6 1020 added*/
    .evCon6.d1020 {padding: 10% 0;}
    .evCon6.d1020 .con_tit {width: 70%; margin: 0 auto 4%;}
    .evCon6.d1020 .con_box {}
    .evCon6.d1020 .con_box .sale_period {font-size: 20px; margin: 0 0 6% 0;}
    .evCon6.d1020 .con_box .sale_period::before,
    .evCon6.d1020 .con_box .sale_period::after {margin: 0 2%;}
    .evCon6.d1020 .con_box .tab_box {}
    .evCon6.d1020 .con_box .tab_base {}
    .evCon6.d1020 .con_box .tab_base li {font-size: 20px;}
    .evCon6.d1020 .con_box .tab_base li.on {}
    .evCon6.d1020 .con_box .tab_base li a {padding: 8% 0;}
    .evCon6.d1020 .con_box .panel_base {padding: 3% 0;}
    .evCon6.d1020 .con_box .panel_base li {}
    .evCon6.d1020 .con_box .panel_base .tab_wrap {}
    .evCon6.d1020 .con_box .panel_base .tab_left {padding: 2% 4%; flex: 1 1 70%;}
    .evCon6.d1020 .con_box .panel_base #tab1_3 .tab_left {padding: 2% 4%;}
    .evCon6.d1020 .con_box .panel_base .tab_left i {font-size: 12px; width: 100px;}
    .evCon6.d1020 .con_box .panel_base .tab_left b {font-size: 32px;}
    .evCon6.d1020 .con_box .panel_base .tab_left b span {}
    .evCon6.d1020 .con_box .panel_base .tab_left > span {font-size: 20px;}
    .evCon6.d1020 .con_box .panel_base .tab_left .price {}
    .evCon6.d1020 .con_box .panel_base .tab_left .price > div {}
    .evCon6.d1020 .con_box .panel_base .tab_left .list_price {font-size: 22px;}
    .evCon6.d1020 .con_box .panel_base .tab_left .list_price span {}
    .evCon6.d1020 .con_box .panel_base .tab_left .list_price::before {max-width: 280%;background-size: 100% 100%; top: 20%;}
    .evCon6.d1020 .con_box .panel_base .tab_left .list_price.ver::before { width:100%; min-width:120%; max-width:280%; }

    .evCon6.d1020 .con_box .panel_base .tab_left .discount_price {font-size: 36px;}
    .evCon6.d1020 .con_box .panel_base .tab_right {flex: 1 1 30%;}
    .evCon6.d1020 .con_box .panel_base .tab_right a {font-size: 24px; padding: 32% 0;}
    .evCon6.d1020 .con_box .panel_base .tab_right span {font-size: 16px; margin: 2% 0 0 0;}
    .evCon6.d1020 .con_box .sale_note li {font-size: 12px;}

    /*evCon7*/
    .evCon7 { padding:10vw 0;  }
    .evCon7 .finish {top:5vw; left:inherit; margin-left:0; right:1%; }
    .evCon7 .goods { margin-top:5vw; }
    .evCon7 .goods dl { width:45%; margin-top:2vw; }
    .evCon7 .goods p { width:55%; }
    .evCon7 .process { margin-top:10vw; }
    .evCon7 .process dd { margin-top:5vw; }
    .evCon7 .eventBoard { margin-top:5vw; }
    .evCon7 .btnUrl { position:static; top:inherit; right:inherit; font-size:12px; letter-spacing:0; }

    .evCon7.d1020 {}
    .evCon7.d1020 .con_tit {width: 70%; margin: 0 auto 5%;}
    .evCon7.d1020 .con_tit > span {width: 30%; margin: 0 auto 2%;}
    .evCon7.d1020 .con_tit p {font-size: 20px;}
    .evCon7.d1020 .con_tit p .mo {display: block;}
    .evCon7.d1020 .con_tit p em {font-size: 56px; margin: 0 0 4% 0;}
    .evCon7.d1020 .con_box {}
    .evCon7.d1020 .con_box .wrap {padding: 6% 0 8% 0;margin: 0 0 8% 0;}
    .evCon7.d1020 .con_box .wrap .schedule {flex: 1 1 30%; margin: 6% 0 0 0;}
    .evCon7.d1020 .con_box .wrap .schedule dl {font-size: 18px; margin: 0 0 3% 16px;}
    .evCon7.d1020 .con_box .wrap .schedule dl dt::before {left: -10px;}
    .evCon7.d1020 .con_box .wrap .schedule dl dd .tiny_noti {font-size: 13px;}
    .evCon7.d1020 .con_box .wrap .gift {flex: 1 1 50%;}
    .evCon7.d1020 .con_box .wrap .gift i {width: 70px; height: 70px; padding: 14px 0; font-size: 14px;}
    .evCon7.d1020 .con_box .wrap .gift i span {font-size: 16px;}
    .evCon7.d1020 .con_box .wrap .gift .draw5 {left: -28px;}
    .evCon7.d1020 .con_box .wrap .gift .draw10 {right: -10px; top: 20px;}
    .evCon7.d1020 .con_box .wrap .gift > span {font-size: 14px;}
    .evCon7.d1020 .con_box .wrap .gift span em {}
    .evCon7.d1020 .con_box .wrap .gift .gift_tit1 {bottom: 0;}
    .evCon7.d1020 .con_box .wrap .gift .gift_tit2 {bottom: -30px;}
    .evCon7.d1020 .con_box .subtit {margin: 0 0 4% 0;}
    .evCon7.d1020 .con_box .subtit span {}
    .evCon7.d1020 .con_box .way {margin: 0 0 4% 0;}
    .evCon7.d1020 .con_box .way li:nth-child(1)::after, .evCon7.d1020 .con_box .way li:nth-child(2)::after {right: -12%;}
    .evCon7.d1020 .eventBoard .evt_btn {margin: 0 auto 8%; width: 80%;}
    .evCon7.d1020 .eventBoard .evt_btn a {width: 48%;}
    .evCon7.d1020 .eventBoard .evt_btn a:nth-child(1) {margin: 0 3% 0 0;}
    .evCon7.d1020 .eventBoard .evtBoard_common .board_notice li {font-size: 12px;}

    .evCon8.evWarning {padding: 0 0 8% 0;}
    .evWarning .w_tit {font-size: 16px; padding: 10px 0; margin: 0 0 8% 0;}
    
    /*essential*/
    .ev_essential .inner { padding:8vw 0; }

 }

 
@media (max-width:820px) {

    /*evMain*/
    .evConMain { height:120vw; max-height:850px; }
    .evConMain .tit { margin-top:100px; text-align:center; }
    .evConMain .tit dt { font-size:28px; }
    .evConMain .tit dt img { display:block; width:20%; max-width:160px; margin:0 auto -30px; opacity:.4; z-index:-1; position:relative; }
    .evConMain .tit dt span { margin-left:0; display:block; }
    .evConMain .tit dd { text-align:center; margin:35px auto 0; width:100%;  }
    .evConMain .tit dd img.mo { display:inline-block !important; }
    .evConMain .video-bg { display:none; }
    .evConMain .mo { display:block; }
    .evConMain .pc { display:none; }
    .evConMain .tiny_txt { margin-top:90px; text-align:left; color:#767fc5; }

    .bottomBn { position:absolute; bottom:0; left:0; width:100%; background:rgba(58,77,238,.6); padding:20px 0; transition:position .3s;  }
    .bottomBn .count { float:left; width:135px; height:80px; box-sizing:border-box; border:2px solid #fff; display:table; }
    .bottomBn .count p { display:table-cell; vertical-align:middle; font-size:18px; color:#fff; }
    .bottomBn .count p span { display:block; font-size:22px; font-weight: 700; margin-top:3px; }
    .bottomBn ul { float:right; width:calc(100% - 150px); }
    .bottomBn li { float:left; width:50%; position:relative; }
    .bottomBn li:after { content:""; display:block; width:1px; height: 54px; background:rgba(255,255,255,.2); position:absolute; top:50%; right:0; transform: translateY(-50%); }
    .bottomBn li:last-child:after { display:none; }
    .bottomBn li a { display:table; width:100%; height:80px; }
    .bottomBn li a p { display:table-cell !important; vertical-align: middle; font-size:20px; line-height:120%; color:#fff; font-weight:300; }
    .bottomBn li:first-child p b { color:#69fcee; }
    .bottomBn li:last-child p b { color:#fdfca3; }

    /* 221117 */
    .bottomBn.d1020.d1117_dday .count p {font-size: 20px;line-height: 38px;}
}




@media (max-width: 768px){

    .bottomBn.d1020 {padding: 10px 0;}
    .bottomBn.d1020 .count {padding: 26px 0;}
    .bottomBn.d1020 .count p {font-size: 22px;}
    .bottomBn.d1020 .count::after {height: 30px;}
    .bottomBn.d1020 .pass_txt {font-size: 14px;}
    .bottomBn.d1020 .pass_txt span {font-size: 26px;}
    .bottomBn.d1020 .pass_txt a {font-size: 16px;}

    /* 221117 */
    .bottomBn.d1020 .pass_txt span.d1117_size {font-size: 13px;}
    .bottomBn.d1020.d1117_dday .count p {line-height: 27px;}

        
    /*evCon4*/
    .tabM > ul { height:70px; }
    .tabM > ul > li:before { height:40px; }
    .tabM > ul > li > a > span { font-size:18px; }
    .tabM > ul > li.on ul { display:block; }
    .tabM > ul > li:nth-child(6).on ul { margin-left:-10px; }
    .tabM > ul > li ul { top:75px; left:10px; z-index:2; font-size:15px; width:200%; display:none; }
    .tabM > ul > li ul li { float:left; }
    .tabM > ul > li ul li:not(:first-child):before { width:1px; height:11px; margin:7px 5px 0;  } 
    
    .tabContent h5 { margin-top:5vw; font-size:25px; }
    .tabThBox { margin-top:25px; }
    .tabThBox .leftS { float:none; width:80%; margin:auto; }
    .tabThBox .rightS { float:none; width:100%; }
    .tabThBox .rightS > ul li { height:50px; }
    .tabThBox .rightS > ul li span { font-size:16px; }
    .tabContent .bn { margin-top:15px; }
    .tabContent .bn li { float:none; width:100%; height:90px; margin-top:10px; }
    .tabContent .bn li span { font-size:16px; }
    .tabThBox .rightS .video img { width:100%; }
    .tabThBox .rightS .video ul { top:5vw; font-size:3vw; }
    
    /*evCon5*/
    .evCon5 .box .leftS { width:45%; margin-top:2vw; }
    .evCon5 .box .leftS li { margin-top:2vw; }
    .evCon5 .box .leftS li > p { font-size:15px; padding-left:15px; width:125px; float: none; }
    .evCon5 .box .leftS li > p:before { top:7px; }
    .evCon5 .box .leftS li > div { padding-left:15px; font-size:15px; width:auto; display:block; float: none; }
    .evCon5 .box .leftS li > div span {font-size:11px; }
    .evCon5 .box .leftS > p { width:80%; }
    .evCon5 .box .rightS { margin-right:0; width:50%; }

    .evCon5.d1020 .con_tit {width: 60%;}
    .evCon5.d1020 .con_tit i {width: 12%;}
    .evCon5.d1020 .con_tit::after {width: 92px; height: 32px; background-size: 100% auto;}
    .evCon5.d1020 .con_box .con_stit span {font-size: 16px;}
    .evCon5.d1020 .con_box .target li {font-size: 14px;}
    .evCon5.d1020 .con_box .target li i {width: 40%;}
    .evCon5.d1020 .con_box .target li span {font-size: 16px;}


    /*evCon6*/
    .evCon6 .txt { border-radius:25px; padding:15px 0; }
    .evCon6 .txt li { font-size:15px; padding-left:15px; margin:0 10px; width:295px; }
    .evCon6 .txt li:before { top:7px; }
    .evCon6 .txt li div:before { margin:4px 8px 0; }
    .evCon6 .txt li div span { font-size:11px; margin-left:3px;  } 

    .evCon6.d1020 .con_tit {width: 60%;}
    .evCon6.d1020 .con_box .sale_period {font-size: 16px;}
    .evCon6.d1020 .con_box .sale_period span::after {height: 14px; width: 1px; margin: 0 10px; vertical-align: middle;}
    .evCon6.d1020 .con_box .tab_base li {font-size: 16px;}
    .evCon6.d1020 .con_box .panel_base .tab_left .list_price::before {width: 200%;}
    .evCon6.d1020 .con_box .sale_note p {font-size: 14px; padding: 6px 0; margin: 0 0 2% 0;}


    /*evCon7*/
    .evCon7 .goods dl { width:45%; margin-top:2vw; }
    .evCon7 .goods dt { padding-left:15px; font-size:15px; margin-top:2vw;  }
    .evCon7 .goods dt:before { top:7px; } 
    .evCon7 .goods dd { margin-left:15px; font-size:15px; }
    .evCon7 .goods dd span { font-size:11px; margin-left:3px; }
    .evCon7 .goods p { width:55%; }

    .evCon7.d1020 .con_tit {margin: 0 auto 6%;}
    .evCon7.d1020 .con_tit p em {font-size: 36px;}
    .evCon7.d1020 .con_tit p {font-size: 16px;}
    .evCon7.d1020 .con_box .wrap {flex-direction: column-reverse; justify-content: center; align-items: center;}
    .evCon7.d1020 .con_box .wrap::before {width: 92px; height: 31px; background-size: 100% auto;}
    .evCon7.d1020 .con_box .wrap .schedule dl {font-size: 16px; margin: 0 0 3% 0;}
    .evCon7.d1020 .con_box .wrap .schedule dt {display: inline-block; margin: 0 10px 0 0;}
    .evCon7.d1020 .con_box .wrap .schedule dd {display: inline-block;}
    .evCon7.d1020 .con_box .wrap .schedule dl dt::before {left: unset; width: 1px; height: 16px; right: -7px; top: 51%; border-radius: 0;}
    .evCon7.d1020 .con_box .wrap .gift {width: 62%; margin: 0 0 3% 0;}
    .evCon7.d1020 .con_box .subtit span {font-size: 16px;}
    .evCon7.d1020 .con_box .way {flex-direction: column;}
    .evCon7.d1020 .con_box .way li {margin: 0 0 5% 0;padding: 2%;}
    .evCon7.d1020 .con_box .way li:nth-child(1)::after,
    .evCon7.d1020 .con_box .way li:nth-child(2)::after {top: unset; right: unset; bottom: 0; transform: translateY(20px) rotate(90deg); width: 8px; height: 13px; background-size: 100% auto;}
    .evCon7.d1020 .con_box .way li p {font-size: 16px;}
    .evCon7.d1020 .con_box .way li p br {display: none;}
    .evCon7.d1020 .con_box .way li p br.mo {display: block;}
    .evCon7.d1020 .con_box .way li p > b {margin: 0 0 2% 0;}
    .evCon7.d1020 .con_box .way li .tiny_text {margin: 2% 0 0 0;}
    .evCon7.d1020 .eventBoard .evt_btn {width: 74%;}


}

 
@media (max-width:640px) {

    /*evMain*/
    .evConMain { height:calc(100vw + 120px); max-height:850px; }
    .evConMain .tit { margin-top:10vw; }
    .evConMain .tit dt { font-size:23px; }
    .evConMain .tit dd { margin:15px auto 0; }
    .evConMain .tiny_txt { margin-top:13vw; text-align:left; color:#767fc5; }

    .bottomBn { padding:10px 0; }
    .bottomBn .count { width:105px; height:70px; }
    .bottomBn .count p { font-size:15px; }
    .bottomBn .count p span { font-size:18px; margin-top:0; }
    .bottomBn ul { width:calc(100% - 120px); }
    .bottomBn li a {  height:70px; }
    .bottomBn li a p { font-size:15px; }

    .bottomBn.d1020 .count::after {top: 58%;}
    .bottomBn.d1020 .pass_txt {text-align: center;}
    .bottomBn.d1020 .pass_txt .mo {display: block;}
    .bottomBn.d1020 .pass_txt a {padding: 3% 18%;}
    .bottomBn.d1020 .pass_txt span {font-size: 20px;}

    .evCon5.d1020 .con_box .target {flex-wrap: wrap;width: 80%;margin: 0 auto 6%;}
    .evCon5.d1020 .con_box .target li {flex: 1 1 46%; padding: 10% 0;}
    .evCon5.d1020 .con_box .target li:nth-child(2) {margin: 0;}
    .evCon5.d1020 .con_box .target li:last-child {flex: 0 0 46%; margin: 1% auto 0;}
    .evCon5.d1020 .con_box .target li span {font-size: 14px;}

    .evCon6.d1020 .con_box .panel_base .tab_wrap {flex-direction: column;}
    .evCon6.d1020 .con_box .panel_base .tab_left {flex: 1; width: 100%; padding: 6% 4%; order: 1;}
    .evCon6.d1020 .con_box .panel_base .tab_left b {font-size: 28px;}
    .evCon6.d1020 .con_box .panel_base .tab_left > span {font-size: 16px;}
    .evCon6.d1020 .con_box .panel_base #tab1_3 .tab_left {padding: 4%;}
    .evCon6.d1020 .con_box .panel_base .tab_left i {}
    .evCon6.d1020 .con_box .panel_base .tab_right {flex: 1; width: 100%; order: 3;}
    .evCon6.d1020 .con_box .panel_base .tab_right a {font-size: 20px;p: 3% 0;padding: 3% 0;}
    .evCon6.d1020 .con_box .panel_base .tab_right a br {display: none;}
    .evCon6.d1020 .con_box .panel_base .tab_right span {margin: 0;}
    .evCon6.d1020 .con_box .panel_base .tab_btm {order: 2;}
    .evCon6.d1020 .con_box .panel_base .tab_btm .agreezone {padding: 2%;}
    .evCon6.d1020 .con_box .panel_base .tab_btm .agreezone label {font-size: 10px;}
    .evCon6.d1020 .con_box .panel_base .tab_btm .agreezone label input {margin: 0 3px 0 0; vertical-align: middle;}
    .evCon6.d1020 .con_box .panel_base .tab_btm .agreezone span {margin: 0 0 0 5px;}
    .evCon6.d1020 .con_box .panel_base .tab_btm .agreezone span a {font-size: 10px; padding: 1px 5px;}

    .evCon7.d1020 .con_tit p em {font-size: 30px;}
    .evCon7.d1020 .con_box .wrap .gift .gift_tit1 {bottom: -10px;}
    .evCon7.d1020 .eventBoard .evt_btn a {width: 70%; display: block; margin: 0 auto;}
    .evCon7.d1020 .eventBoard .evt_btn a:nth-child(1) {margin: 0 auto 2%;}
    

}

@media (max-width:576px) {
    
    .bottomBn.on { bottom:55px; }

    .bottomBn.d1020 .pass_txt a {padding: 3% 6%;}

    /* 221117 */
    .bottomBn.d1020.d1117_dday .count p {font-size: 14px;}

    .evCon5.d1020 .con_box .con_stit .mo {display: block;}
    .evCon5.d1020 .con_box .con_stit span {text-align: center;display: block;width: 80%;margin: 0 auto;font-size: 14px;}

    .evCon7.d1020 .con_box .wrap .gift {margin: 0 0 5% 0;}
    .evCon7.d1020 .con_box .wrap .gift i {width: 60px;height: 60px; padding: 12px 0;}
    .evCon7.d1020 .con_box .wrap .gift i span {font-size: 14px;}
    .evCon7.d1020 .con_box .wrap .gift .draw5 {top: 20px;}
    .evCon7.d1020 .con_box .wrap .gift .draw10 {top: 0;right: -20px;}
}

@media (max-width: 420px){

    .bottomBn.d1020 .count {margin: 0 18px 0 0;}
    .bottomBn.d1020 .count::after {right: -12px; top: 80%;}
    
    /*evMain*/
    .evConMain { min-height:500px;}
    .evConMain .tiny_txt { font-size:10px; }
    .bottomBn .count { width:70px; height:50px; margin-top:10px; }
    .bottomBn .count p { font-size:12px; }
    .bottomBn .count p span { font-size:15px; }
    .bottomBn ul { width:calc(100% - 75px); }
    .bottomBn li a p { font-size:12px; }
    


    /*evCon2*/
    .evCon2 .slickBox .slick-arrow { width:15px; height:25px; }
        
    /*evCon4*/
    .tabM > ul { height:50px; }
    .tabM > ul > li:before { height:30px; }
    .tabM > ul > li > a > span { font-size:15px; }
    .tabM > ul > li ul { top:58px; font-size:13px;  }
    .tabM > ul > li ul li:not(:first-child):before {  margin:4px 5px 0;  } 
    
    .tabContent h5 { margin-top:5vw; font-size:20px; }
    .tabThBox { margin-top:25px; }
    .tabThBox .leftS p a { font-size:13px; }
    .tabThBox .leftS p a i { width:18px; height:18px; line-height:18px; }
    .tabThBox .rightS > ul li { height:40px; }
    .tabThBox .rightS > ul li span { font-size:13px; }
    
    .tabContent .bn li { float:none; width:100%; height:60px; margin-top:10px; }
    .tabContent .bn li span { font-size:12px; }
    .tabThBox .rightS .video img { width:100%; }
    .tabThBox .rightS .video ul { top:5vw; font-size:3vw; }

    



    
    /*evCon5*/
    .evCon5 .box .leftS li > p { font-size:12px; padding-left:10px; width:125px; float: none; }
    .evCon5 .box .leftS li > p:before { top:4px; }
    .evCon5 .box .leftS li > div { padding-left:10px; font-size:12px; }

    .evCon5.d1020 .con_tit i {width: 14%;}
    .evCon5.d1020 .con_tit {width: 80%}
    .evCon5.d1020 .con_box .target {width: 100%;}

    /*evCon6*/
    .evCon6 .txt { border-radius:15px; padding:10px 0; }
    .evCon6 .txt li { font-size:12px; padding-left:10px; }
    .evCon6 .txt li:before { top:4px; }
    .evCon6 .txt li div:before { margin:2px 8px 0; }
    .evCon6 .txt li div span { font-size:11px; } 

    .evCon6.d1020 .con_tit {width: 80%;}
    .evCon6.d1020 .con_box .panel_base .tab_left b {font-size: 20px;}
    .evCon6.d1020 .con_box .panel_base .tab_left .list_price::before {width: 150%;background-size: 100% auto;top: 28%;}
    .evCon6.d1020 .con_box .panel_base .tab_left .list_price span {font-size: 12px;}
    .evCon6.d1020 .con_box .panel_base .tab_left .discount_price {font-size: 32px;}
    .evCon6.d1020 .con_box .panel_base .tab_right a {font-size: 16px;}
    .evCon6.d1020 .con_box .panel_base .tab_right span {font-size: 14px;}

    /*evCon7*/
    .evCon7 .goods dt { padding-left:10px; font-size:12px; }
    .evCon7 .goods dt:before { top:4px; } 
    .evCon7 .goods dd { margin-left:10px; font-size:12px; }
    .evCon7 .goods dd span { font-size:11px;  }

    .evCon7.d1020 .con_tit p em {font-size: 28px;}

    .evCon7.d1020 .con_box .wrap .schedule dl {font-size: 14px;}
    .evCon7.d1020 .con_box .way li p {font-size: 14px;}
    .evCon7.d1020 .con_box .way li .tiny_text b {font-size: 13px;}
    .evCon7.d1020 .con_box .way li:nth-child(1)::after, .evCon7.d1020 .con_box .way li:nth-child(2)::after {bottom: 5%;}
    .evCon7.d1020 .con_box .wrap .gift > span {font-size: 12px;}
    .evCon7.d1020 .eventBoard .evt_btn a {width: 80%;}
    .evWarning .warningList .s_tit {font-size: 12px;}
}




 
/* 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 { max-width: 470px; width:90%; 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 ?? */
.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; margin:0 10px; width:calc(100% - 20px); } 
.dim_popup.sns table tr th, .dim_popup.sns table tr td { padding: 8px 5px; border: 1px solid #ddd; word-break: break-all; text-align: center; } 
.dim_popup.sns table tr th { border-color:#fff; background:#eaeaea } 
.dim_popup.sns table tr td.con { text-align:left } 
.dim_popup.sns .btnConfirm { text-align:center; margin: 40px 0 0 0; } 
.dim_popup.sns .btnClose { position:absolute; right: 10px; top: 10px; background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; } 


@media (max-width: 450px){

    /* popup */
    .clickPop { max-width: 470px; width:90%; 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 ?? */
    .dim_popup.sns .tit {  font-size: 20px; } 
    .dim_popup.sns .btnConfirm { margin: 20px auto 0; width:90px; } 
}

@media (max-width: 280px){
    .bottomBn.d1020.d1117 {padding: 21px 0;}
    .bottomBn.d1020.d1117 .pass_txt {font-size: 13px;}
    .bottomBn.d1020.d1117_dday .count {margin: 0 11px 0 0;}
}