@font-face {
  font-family: 'HGGGothic';
  font-style: normal;
  font-weight: 400;
  src: url('/public/font/HGGGothicssi_60g.eot');
  src: url('/public/font/HGGGothicssi_60g.eot?#iefix') format('embedded-opentype'),
       url('/public/font/HGGGothicssi_60g.woff') format('woff');
}
@font-face {
  font-family: 'HGGGothic';
  font-style: normal;
  font-weight: 600;
  src: url('/public/font/HGGGothicssi_80g.eot');
  src: url('/public/font/HGGGothicssi_80g.eot?#iefix') format('embedded-opentype'),
       url('/public/font/HGGGothicssi_80g.woff') format('woff');
}
@font-face {
  font-family: 'HGGGothic';
  font-style: normal;
  font-weight: 700;
  src: url('/public/font/HGGGothicssi_99g.eot');
  src: url('/public/font/HGGGothicssi_99g.eot?#iefix') format('embedded-opentype'),
       url('/public/font/HGGGothicssi_99g.woff') format('woff');
}




.mega-wrap strong{font-weight:600;}
.mega-wrap .blue{color:#2484bf;}
.mega-wrap .green{color:#00aa73;}
.mega-wrap .red{color:#ff0000;}

.mega-wrap .btn{display:inline-block; width:360px; height:94px; line-height:94px; border-radius:50px; text-align:center;}
.mega-wrap .btn.black{background:#000 url('/public/img/front/event/mega/btn_bg_black.png') center; font-size:42px; color:#fff; font-weight:600; border:3px solid #000;}

.mega-wrap .btn2{display:inline-block; width:360px; height:94px; line-height:94px; border-radius:10px; text-align:center;}
.mega-wrap .btn2.blue{background:#000 url('/public/img/front/event/mega/btn_bg_blue.png') center; font-size:38px; color:#fff; font-weight:600; border:3px solid #000;}
.mega-wrap .btn2.green{background:#000 url('/public/img/front/event/mega/btn_bg_green.png') center; font-size:38px; color:#fff; font-weight:600; border:3px solid #000;}
.mega-wrap .btn2.black{background:#000 url('/public/img/front/event/mega/btn_bg_black.png') center; font-size:38px; color:#fff; font-weight:600; border:3px solid #000;}


.mega-wrap{position:relative; background:#fff; padding:70px 0; font-family:'HGGGothic'; color:#000000;}
.mega-wrap h3{text-align:center; padding-bottom:35px; max-width:72%; margin:0 auto;}
.mega-wrap .top-tit{margin-top:30px; text-align:center;}
.mega-wrap .top-tit p{font-size:42px; line-height:120%;}
.mega-wrap .top-tit p.type1{position:relative; display:inline-block; z-index:1;}
.mega-wrap .top-tit p.type1 span{position:absolute; width:100%; height:50%; left:0px; top:50%; background:#f8b62d; z-index:-1;}

.mega-wrap .sec{position:relative; padding:70px 0px;}
.mega-wrap .sec.gray{background:#f7f7f7;}
.mega-wrap .sec .sel-box{position:relative; width:84%; border:3px solid #000; border-radius:10px; overflow:hidden; margin:0px auto 70px;}
.mega-wrap .sec .sel-box .box{display:table; width:100%; padding:30px 0px;}
.mega-wrap .sec .sel-box .blue{background:#2484bf;}
.mega-wrap .sec .sel-box .green{background:#00aa73;}
.mega-wrap .sec .sel-box .green .left span{display:inline-block; padding-top:60px;}
.mega-wrap .sec .sel-box .box>div{display:table-cell; vertical-align:middle; text-align:center;}
.mega-wrap .sec .sel-box .box .left{width:60%; font-size:42px; color:#fff; text-shadow:2px 2px 2px #333; line-height:120%; font-weight:600;}
.mega-wrap .sec .sel-box .box .right{width:40%; }
.mega-wrap .sec .sel-box .box .right .gap2{margin-bottom:15px;}
.mega-wrap .sec .sel-box .box .right .gap2:last-child{margin-bottom:0px;}
.mega-wrap .sec .sel-box .box .right p{}
.mega-wrap .sec .btn-box{text-align:center;}


.mega-wrap .sec .inner{width:84%; margin:0 auto;}
.mega-wrap .sec .mid-til{text-align:center;}
.mega-wrap .sec .mid-til p{font-size:28px; line-height:120%;}
.mega-wrap .sec .item-box{position:relative; display:table; width:100%; margin:100px auto 70px;}
.mega-wrap .sec .item-box .box{position:relative; float:left; width:30%; text-align:center; margin-right:5%; cursor:pointer;}
.mega-wrap .sec .item-box .box:last-child{margin-right:0%}
.mega-wrap .sec .item-box .box .chk-check{position:relative; top:-45px;}
.mega-wrap .sec .item-box .box .badge{position:absolute; width:100%; right:-25px; top:-10px; z-index:11;}
.mega-wrap .sec .item-box .box .badge p{position:absolute;}
.mega-wrap .sec .item-box .box .badge p img{width:90px;}
.mega-wrap .sec .item-box .box .badge p:nth-child(1){ right:0px; z-index:3;}
.mega-wrap .sec .item-box .box .badge p:nth-child(2){right:65px; z-index:2;}
.mega-wrap .sec .item-box .box .img{position:relative; background:#fff; border:3px solid #000; border-radius:20px; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; overflow:hidden;}
.mega-wrap .sec .item-box .box .img .in{padding:16% 8%; }
.mega-wrap .sec .item-box .box .img img{width:100%;}
.mega-wrap .sec .item-box .box .info{padding-top:10px;}
.mega-wrap .sec .item-box .box .info p{font-size:22px; line-height:120%; padding-top:7px;}
.mega-wrap .sec .item-box .box .info p span{display:inline-block;}
.mega-wrap .sec .item-box .box .info p span.tit{width:35%; text-align:right;}
.mega-wrap .sec .item-box .box .info p span.price{width:45%; text-align:right;}
.mega-wrap .sec .item-box .box .info p.last{padding-top:15px; font-size:30px; text-align:center; font-weight:600;}
.mega-wrap .sec .item-box .box .info p .mega-price{font-size:40px;}
.mega-wrap .sec .item-box .box.sold-out .img .out-bg{position:absolute; z-index:10; width:100%; height:100%; background:url('/public/img/front/event/mega/img_sold_out.png') center;}


.mega-wrap .sec .btm-tit{text-align:center; margin-bottom:50px;}
.mega-wrap .sec .btm-tit p{ border-top:2px solid #000; z-index:0;}
.mega-wrap .sec .btm-tit p span{position:relative; font-size:34px; color:#000; padding:0 20px; background:#fff; z-index:1; top:-10px; font-weight:600;}
.mega-wrap .sec .use{}
.mega-wrap .sec .use .first{display:table; width:100%; margin-bottom:20px;}
.mega-wrap .sec .use .second{}
.mega-wrap .sec .btn2.blue{float:left; width:48%;}
.mega-wrap .sec .btn2.green{float:right; width:48%;}
.mega-wrap .sec .btn2.black{width:99.5%;}

.mega-wrap .sec dl.notice{color:#555; }
.mega-wrap .sec dl.notice dt{font-size:30px; line-height:120%; margin-bottom:20px;}
.mega-wrap .sec dl.notice dd{font-size:24px; line-height:120%; margin-bottom:10px;}
.mega-wrap .sec dl.notice dd:last-child{margin-bottom:0px;}

.mega-wrap .select-box{width:70%; border-radius:5px; overflow:hidden;}
.mega-wrap .select-box select{font-size:21px; font-family:'HGGGothic'; }

.mega-wrap .chk-check input[type="radio"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.mega-wrap .chk-check input[type="radio"] + label{display: inline-block; vertical-align:top;position: relative; padding-left:24px; font-size:13px; color:#666; line-height:40px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.mega-wrap .chk-check input[type="radio"] + label:before { content:''; position: absolute; left:0px; top:1px; width:40px;box-sizing:border-box; height:40px; text-align:center; background:#fff;  border:4px solid #999; border-radius:50px; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.mega-wrap .chk-check input[type="radio"]:checked + label{color:#2aa76f; font-weight:400 !important; }
.mega-wrap .chk-check input[type="radio"]:checked + label:before {background:url(/public/img/front/2019/Sub/check-on.png) no-repeat center center #fff;background-size:20px auto;border-color:#2aa76f; }



@media all and (max-width:800px) {
	.mega-wrap .sec{position:relative; padding:50px 0px;}

  .mega-wrap .top-tit{margin-top:30px; text-align:center;}
  .mega-wrap .top-tit p{font-size:32px; line-height:120%;}

  .mega-wrap .sec .mid-til p{font-size:20px; line-height:120%;}

  .mega-wrap .sec .sel-box .green .left span{display:inline-block; padding-top:0px;}
  .mega-wrap .sec .sel-box .box .left{display:block; width:100%; font-size:30px; color:#fff; text-shadow:2px 2px 2px #333; line-height:120%; font-weight:600; margin-bottom:20px;}
  .mega-wrap .sec .sel-box .box .right{display:block; width:100%; }

  .mega-wrap .sec .item-box .box .info{padding-top:10px;}
  .mega-wrap .sec .item-box .box .info p{font-size:15px; line-height:120%; padding-top:7px;}
  .mega-wrap .sec .item-box .box .info p span{display:inline-block;}
  .mega-wrap .sec .item-box .box .info p span.tit{width:35%; text-align:right;}
  .mega-wrap .sec .item-box .box .info p span.price{width:45%; text-align:right;}
  .mega-wrap .sec .item-box .box .info p.last{padding-top:15px; font-size:15px; text-align:center; font-weight:600;}
  .mega-wrap .sec .item-box .box .info p .mega-price{font-size:30px;}

  .mega-wrap .sec dl.notice dt{font-size:17px; line-height:120%; margin-bottom:20px;}
  .mega-wrap .sec dl.notice dd{font-size:14px; line-height:120%; margin-bottom:10px;}

  .mega-wrap .select-box{width:180px; border-radius:5px; overflow:hidden;}
  .mega-wrap .select-box select{font-size:16px; font-family:'HGGGothic'; }

  .mega-wrap .btn{display:inline-block; width:240px; height:60px; line-height:60px; border-radius:50px; text-align:center;}
  .mega-wrap .btn.black{font-size:32px;}

  .mega-wrap .sec .btm-tit{text-align:center; margin-bottom:50px;}
  .mega-wrap .sec .btm-tit p{ border-top:2px solid #000; z-index:0;}
  .mega-wrap .sec .btm-tit p span{position:relative; font-size:24px; color:#000; padding:0 20px; background:#fff; z-index:1; top:-10px; font-weight:600;}
  .mega-wrap .sec .use{}
  .mega-wrap .sec .use .first{display:table; width:100%; margin-bottom:20px;}
  .mega-wrap .sec .use .second{}
  .mega-wrap .sec .btn2.blue{float:left; width:48%;}
  .mega-wrap .sec .btn2.green{float:right; width:48%;}
  .mega-wrap .sec .btn2.black{width:99.5%;}
  
  .mega-wrap .btn2{display:inline-block; height:60px; line-height:60px; border-radius:10px; text-align:center;}
  .mega-wrap .btn2.blue{background:#000 url('/public/img/front/event/mega/btn_bg_blue.png') center; font-size:24px; color:#fff; font-weight:600; border:3px solid #000;}
  .mega-wrap .btn2.green{background:#000 url('/public/img/front/event/mega/btn_bg_green.png') center; font-size:24px; color:#fff; font-weight:600; border:3px solid #000;}
  .mega-wrap .btn2.black{background:#000 url('/public/img/front/event/mega/btn_bg_black.png') center; font-size:24px; color:#fff; font-weight:600; border:3px solid #000;}
  
}
@media all and (max-width:680px) {
  .mega-wrap .top-tit{margin-top:30px; text-align:center;}
  .mega-wrap .top-tit p{font-size:22px; line-height:120%;}

  .mega-wrap .sec .sel-box{position:relative; width:84%; border:3px solid #000; border-radius:10px; overflow:hidden; margin:0px auto 40px;}

  .mega-wrap .sec .item-box .box{position:relative; float:left; width:45%; text-align:center; margin-right:5%; cursor:pointer; }
  .mega-wrap .sec .item-box .box:nth-child(3){margin-top:80px;}
  .mega-wrap .sec .item-box .box .info{padding-top:10px;}
  .mega-wrap .sec .item-box .box .info p{font-size:16px; line-height:120%; padding-top:7px;}
  .mega-wrap .sec .item-box .box .info p span{display:inline-block;}
  .mega-wrap .sec .item-box .box .info p span.tit{width:35%; text-align:right;}
  .mega-wrap .sec .item-box .box .info p span.price{width:45%; text-align:right;}
  .mega-wrap .sec .item-box .box .info p.last{padding-top:15px; font-size:16px; text-align:center; font-weight:600;}
  .mega-wrap .sec .item-box .box .info p .mega-price{font-size:30px;}
  .mega-wrap .sec .item-box .box .chk-check{position:relative; top:-45px;}
  .mega-wrap .sec .item-box .box .badge{position:absolute; width:100%; right:-25px; top:-10px;}
  .mega-wrap .sec .item-box .box .badge p{position:absolute;}
  .mega-wrap .sec .item-box .box .badge p img{width:80px;}
  .mega-wrap .sec .item-box .box .badge p:nth-child(1){ right:0px; z-index:3;}
  .mega-wrap .sec .item-box .box .badge p:nth-child(2){right:65px; z-index:2;}

  .mega-wrap .sec .btm-tit{text-align:center; margin-bottom:30px;}
  .mega-wrap .sec .use .first{margin-bottom:10px;}
  .mega-wrap .sec .btn2.blue{float:none; width:90%; margin-bottom:10px;}
  .mega-wrap .sec .btn2.green{float:none; width:90%;}
  .mega-wrap .sec .btn2.black{width:90%;}  
  

}
@media all and (max-width:500px) {  

  .mega-wrap .sec{position:relative; padding:30px 0px;}

  .mega-wrap .top-tit{margin-top:30px; text-align:center;}
  .mega-wrap .top-tit p{font-size:18px; line-height:120%;}

  .mega-wrap .sec .mid-til p{font-size:15px; line-height:120%;}
  .mega-wrap .sec .item-box{position:relative; display:table; width:100%; margin:70px auto 50px;}  
  .mega-wrap .sec .item-box .box{position:relative; float:left; width:45%; text-align:center; margin-right:5%; cursor:pointer; }
  .mega-wrap .sec .item-box .box:nth-child(3){margin-top:80px;}
  .mega-wrap .sec .item-box .box .info{padding-top:10px;}
  .mega-wrap .sec .item-box .box .info p{font-size:12px; line-height:120%; padding-top:7px;}
  .mega-wrap .sec .item-box .box .info p span{display:inline-block;}
  .mega-wrap .sec .item-box .box .info p span.tit{width:35%; text-align:right;}
  .mega-wrap .sec .item-box .box .info p span.price{width:45%; text-align:right;}
  .mega-wrap .sec .item-box .box .info p.last{padding-top:15px; font-size:12px; text-align:center; font-weight:600;}
  .mega-wrap .sec .item-box .box .info p .mega-price{font-size:21px;}
  .mega-wrap .sec .item-box .box .chk-check{position:relative; top:-30px;}
  .mega-wrap .sec .item-box .box .badge{position:absolute; width:100%; right:-15px; top:-0px;}
  .mega-wrap .sec .item-box .box .badge p{position:absolute;}
  .mega-wrap .sec .item-box .box .badge p img{width:50px;}
  .mega-wrap .sec .item-box .box .badge p:nth-child(1){ right:0px; z-index:3;}
  .mega-wrap .sec .item-box .box .badge p:nth-child(2){right:35px; z-index:2;}  

	.mega-wrap .sec dl.notice dt{font-size:15px; line-height:120%; margin-bottom:20px;}
  .mega-wrap .sec dl.notice dd{font-size:12px; line-height:120%; margin-bottom:10px;}

  .mega-wrap .select-box{width:180px; border-radius:5px; overflow:hidden;}
  .mega-wrap .select-box select{font-size:14px; font-family:'HGGGothic'; }

  .mega-wrap .btn{display:inline-block; width:180px; height:40px; line-height:40px; border-radius:50px; text-align:center;}
  .mega-wrap .btn.black{font-size:24px;}


  .mega-wrap .chk-check input[type="radio"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
  .mega-wrap .chk-check input[type="radio"] + label{display: inline-block; vertical-align:top;position: relative; padding-left:24px; font-size:13px; color:#666; line-height:30px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
  .mega-wrap .chk-check input[type="radio"] + label:before { content:''; position: absolute; left:0px; top:1px; width:30px;box-sizing:border-box; height:30px; text-align:center; background:#fff;  border:3px solid #999; border-radius:50px; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  .mega-wrap .chk-check input[type="radio"]:checked + label{color:#2aa76f; font-weight:400 !important; }
  .mega-wrap .chk-check input[type="radio"]:checked + label:before {background:url(/public/img/front/2019/Sub/check-on.png) no-repeat center center #fff;background-size:14px auto;border-color:#2aa76f; }

  .mega-wrap .sec .btm-tit p span{position:relative; font-size:19px; color:#000; padding:0 20px; background:#fff; z-index:1; top:-10px; font-weight:600;}
  .mega-wrap .btn2{display:inline-block; height:40px; line-height:40px; border-radius:10px; text-align:center;}
  .mega-wrap .btn2.blue{background:#000 url('/public/img/front/event/mega/btn_bg_blue.png') center; font-size:18px; color:#fff; font-weight:600; border:3px solid #000;}
  .mega-wrap .btn2.green{background:#000 url('/public/img/front/event/mega/btn_bg_green.png') center; font-size:18px; color:#fff; font-weight:600; border:3px solid #000;}
  .mega-wrap .btn2.black{background:#000 url('/public/img/front/event/mega/btn_bg_black.png') center; font-size:18px; color:#fff; font-weight:600; border:3px solid #000;}

}











/* 팝업 */
.layer-wrap.mega{}
.layer-wrap.mega .layer-payment{width:500px;}
.layer-wrap.mega .layer-payment h4{font-size:20px; font-weight:600; line-height:120%; margin-bottom:10px;}
.layer-wrap.mega .layer-payment .h-desc{font-size:14px; font-weight:600; line-height:120%; margin-bottom:20px;}

.layer-wrap.mega .layer-payment .sec{text-align:left; margin-bottom:30px;}
.layer-wrap.mega .layer-payment .sec:last-child{margin-bottom:0px;}
.layer-wrap.mega .layer-payment h5{font-size:15px; font-weight:600; margin-bottom:10px;}
.layer-wrap.mega .layer-payment .box{position:relative; font-size:13px; padding:20px; border:1px solid #ccc; border-radius:5px;}
.layer-wrap.mega .layer-payment .box .tit{font-weight:600; margin-bottom:10px;}
.layer-wrap.mega .layer-payment .box .desc{margin-bottom:20px; line-height:130%;}
.layer-wrap.mega .layer-payment .box .info1{background:#f4f4f4; padding:15px 10px; text-align:center; font-size:14px; color:#999; margin-bottom:15px;}
.layer-wrap.mega .layer-payment .box .btn-wrap{}
.layer-wrap.mega .layer-payment .box .info2{margin-top:10px; text-align:center;}

.layer-wrap.mega .layer-payment .green{color:#00aa73;}


/* 결제완료 및 구매 내역 */
.settle-wrap .order-box{position:relative; background:#50505a; padding:20px 30px; border-radius:10px;}
.settle-wrap .order-box .inner{position:relative;}
.settle-wrap .order-box .inner .box{position:relative; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #999;}
.settle-wrap .order-box .inner .box:last-child{padding-bottom:0px; margin-bottom:0px; border-bottom:0px;}
.settle-wrap .order-box .inner .box .tit{font-size:14px; color:#bbb; font-weight:600; margin-bottom:5px;}
.settle-wrap .order-box .inner .box .txt1{font-size:13px; color:#fff;}
.settle-wrap .order-box .inner .box .txt2{font-size:15px; color:#fff; font-weight:600;}
.settle-wrap .order-box .inner .box .txt3{font-size:13px; color:#bbb;}
.settle-wrap .order-box .inner .box .btn{position:relative; display:inline-block; top:-2px; color:#fff; background:#000; font-size:12px; padding:5px 10px; line-height:100%; border-radius:3px; margin-left:10px;}
.settle-wrap .order-box .inner .box .btn.blue{background:#2484BF;}
.settle-wrap .order-box .inner .box .btn.green{background:#00AA73;}
.settle-wrap .order-box .inner .box .btn.gray{background:#777;}