@charset "euc-kr";

.eventWrap{position:relative;}
.eventWrap *{box-sizing:border-box;}
.eventWrap h3{text-align:center;}
.eventWrap .inner{width: 1080px;margin:0 auto;position:relative;}

.eventWrap .visual{background: #0d121a url('http://img.megagong.net/m/2019/1008_comment/top_bg_gong.gif') repeat-y center 7px;/* padding: 80px 0 0 0; */}
.eventWrap .visual .inner{width:1080px;overflow: hidden;}
.eventWrap .visual .quick{position:absolute;right:-215px;top:80px;width: 164px;z-index:3;animation-name:quickAnimate;animation-duration:0.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;padding: 45px 0 0;background: url('http://img.megagong.net/m/2019/1004_click/flo_bnr.png');}
.eventWrap .visual .quick img{position: absolute;top:0;left:0;display: none;}
.eventWrap .visual .quick a{position: relative;display: block;width: 100%;height: 212px;margin-bottom: 27px;font-size: 0;opacity: 0;background: #fff;z-index: 1;}
.eventWrap .visual .quick a:nth-child(3){height: 180px;margin-bottom: 6px;}
.eventWrap .visual .quick a:last-child{height: 50px;margin: 0;}
@-webkit-keyframes quickAnimate{
	0%{margin:0 0 0 0;}
	50%{margin:-10px 0 0 0;}
	100%{margin:0px 0 0 0;}
}
@keyframes quickAnimate{
	0%{margin:0 0 0 0;}
	50%{margin:-10px 0 0 0;}
	100%{margin:0px 0 0 0;}
}
.eventWrap .visual .info{color:#fff;font-size:11px;opacity:0.3;text-align:center;margin: 0 0 56px 0;line-height:13px;}
.eventWrap .visual .con{position:relative;padding: 0 0 60px;}
.eventWrap .visual h3{position: relative;}
.eventWrap .visual h3 a{position: absolute;bottom: 26%;right: 0;width: 25%;height: 41%;background: #000;font-size: 0;opacity: 0;}
.eventWrap .visual .link_box{position: relative;margin: -60px -35px 0 -35px;padding: 0 20px 0 10px;}
.eventWrap .visual .link_box::after{content:"";clear:both;display:block}
.eventWrap .visual .link_box span{position: relative;display: block;float: left;width: 33.3%;box-sizing: border-box;margin: 0 0 0;}
.eventWrap .visual .link_box img{position: absolute;bottom: 15px;right: -10px;}
.eventWrap .visual .link_box a {position: relative;display: inline-block;padding: 15px 38px 15px 35px;color: #fff;}
.eventWrap .visual .link_box span::before{content: "";position: absolute;top:0;left: 0;width: 97%;height: 100%;-webkit-transform: skewX(-40deg);-ms-transform: skewX(-40deg);transform: skewX(-40deg);background-color: #000;opacity: 0.8;left: 1.5%;}
.eventWrap .visual .link_box a strong{display: block;margin: 7px 0 0;position: relative;}
.eventWrap .visual .link_box a strong::before{content: "";position: absolute;top:0;left: 90px;width: 31px;height: 16px;opacity: 0.8;background: url('http://img.megagong.net/m/common/homeprof_icon_white.png') 0 0 no-repeat;}
.eventWrap .visual .end{display: block;position: absolute;bottom: 33%;right: 9%;}
.eventWrap .con_6{background: #222;border-top: 8px solid #8adf65;}
.eventWrap .con_6 .inner{padding: 90px 0;}
.eventWrap .con_6 h3{margin: 0 0 30px 0;padding: 0 7%;}
.eventWrap .con_6 .tag{position:absolute;left:0;top:0;width: 110px;height: 152px;font-size: 0;background: url('http://img.megagong.net/m/2019/1008_comment/img_sprite.png') 0 -1px no-repeat;}
.eventWrap .con_6 .present{background:#fff;padding: 40px 40px;margin: 0 0 45px 0;position:relative;}
.eventWrap .con_6 .present div{position: relative;padding: 0 0 0 130px;font-size: 18px;letter-spacing: -0.03em;margin: 0 0 14px;}
.eventWrap .con_6 .present div strong{position: absolute;top: 0;left: 0;font-size: 18px;padding: 0 0 0 7px;}
.eventWrap .con_6 .present div strong::before{content:"";position:absolute;top: 9px;left:0;width:3px;height:3px;background: #222;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;border-radius: 40px;}
.eventWrap .con_6 .present div p::after{content:"";display:block;clear:both}
.eventWrap .con_6 .present div p >span{float: left;width: 24%;background: #f6f6f6;padding: 12px;box-sizing: border-box;margin-right: 1%;text-align: center;}
.eventWrap .con_6 .present div p span.txt{display: block;font-size: 13px;letter-spacing: -0.05em;text-align: center;line-height: 1.3;}
.eventWrap .con_6 .present div p span.txt br{display:none}
.eventWrap .con_6 .present .img{position:absolute;right:60px;top:50%;margin: -119px 0 0 0;}
.eventWrap .con_6 .present .end{position:absolute;right:-60px;top:-40px;}
.eventWrap .con_6 .evt_way{padding: 0 40px 25px;background: #50555d;}
.eventWrap .con_6 .evt_way >strong{padding: 20px 0;text-align: center;display: block;color: #fff;font-weight: normal !important;font-size: 30px;letter-spacing: -0.04em;}
.eventWrap .con_6 .evt_way ol{position: relative;background-color: #fff;margin-bottom: 25px;}
.eventWrap .con_6 .evt_way ol::after{content: "";display: block;clear: both;}
.eventWrap .con_6 .evt_way ol li{float: left;position: relative;width: 33.3%}
.eventWrap .con_6 .evt_way ol li:nth-child(2){width:35%;}
.eventWrap .con_6 .evt_way ol li:nth-child(3){width:31%;}
.eventWrap .con_6 .evt_way ol li:nth-child(1)::before, .eventWrap .con_6 .evt_way ol li:nth-child(2)::before{content: "";position: absolute;top:0;right:0;width: 1px;height: 100%;background: #bfbfbf;z-index: 1;}

.eventWrap .con_6 .evt_way ol li:nth-child(1)::after, .eventWrap .con_6 .evt_way ol li:nth-child(2)::after{content: "";position: absolute;top:50%;right:0;width: 17px;height: 38px;background: #fff url('http://img.megagong.net/m/2019/0610_fsevent/con3_arrow.png') 0 center no-repeat;margin-top: -19px;margin-right: -8px;z-index: 2;}
.eventWrap .con_6 .evt_way ol li a{display: block;margin-top: 7px}
.eventWrap .con_6 .evt_way ol li i{position: absolute;top: 0;left: 10px;display: block;background: #0c7bff url('http://img.megagong.net/m/2019/0813_passfree/img_sprt.png') -334px 15px no-repeat;width: 45px;height: 55px;font-size: 0;}
.eventWrap .con_6 .evt_way ol li:nth-child(2) i{background-position: -474px 15px;}
.eventWrap .con_6 .evt_way ol li:nth-child(3) i{background-position: -630px 15px;}
.eventWrap .con_6 .evt_way ol li span{position: relative;display: block;padding: 15px 0 15px 65px;text-align: left;font-size: 15px;line-height: 1.3;letter-spacing: -0.08em;height: 240px;box-sizing: border-box;}
.eventWrap .con_6 .evt_way ol li:nth-child(2) span{padding-top: 21px;}
.eventWrap .con_6 .evt_way ol li span::before{content: "";position: absolute;bottom: 32px;left: 50%;display: block;background: url('http://img.megagong.net/m/2019/1008_comment/img_sprite.png') 0 -180px no-repeat;width: 122px;height: 142px;z-index: 1;margin: 0 0 0 -61px;}
.eventWrap .con_6 .evt_way ol li:nth-child(2) span::before{background-position: -176px -180px;}
.eventWrap .con_6 .evt_way ol li:nth-child(3) span::before{background-position: -333px -180px;width: 196px;margin: 0 0 0 -98px;}
.eventWrap .con_6 .evt_way ol li span::after{content: "";position: absolute;bottom: 0;left: 0;display: block;background: #f3f3f3;width: 100%;height: 55px;}
.eventWrap .con_6 .evt_way ul{position: relative;margin: 0 -6px;}
.eventWrap .con_6 .evt_way ul::after{content: "";display: block;clear: both;}
.eventWrap .con_6 .evt_way ul li{float:left;width:20%;box-sizing: border-box;}
.eventWrap .con_6 .evt_way ul li a{display: block;background: #015850 url('http://img.megagong.net/m/2019/1004_click/sns_btn.png') 0 0 no-repeat;margin: 0 6px;height: 80px;font-size: 0;}
.eventWrap .con_6 .evt_way ul li a span{font-size: 0}
.eventWrap .con_6 .evt_way ul li a strong{color: #ffd649;}
.eventWrap .con_6 .evt_way ul li:nth-child(1) a{background-position: 0 0}
.eventWrap .con_6 .evt_way ul li:nth-child(2) a{background-position: -187px 0;}
.eventWrap .con_6 .evt_way ul li:nth-child(3) a{background-position: -374px 0;}
.eventWrap .con_6 .evt_way ul li:nth-child(4) a{background-position: -561px 0;}
.eventWrap .con_6 .evt_way ul li:nth-child(5) a{background-position: -748px 0;}
.eventWrap .con_6 .evt_url{position:relative;padding: 40px 40px 20px;background: #009e90;text-align: left;}
.eventWrap .con_6 .evt_url::before{content:"";position:absolute;top:0;left:0;width:100%;height:20px;background: url('http://img.megagong.net/m/2019/1004_click/way_bg.gif') 0 0 repeat-x}
.eventWrap .con_6 .evt_url .tit{display: block;position: relative;margin-bottom: 15px;text-align:center;padding-bottom:15px;border-bottom: 1px solid #26aca5;letter-spacing: -0.04em}
.eventWrap .con_6 .evt_url .tit span{position: relative;z-index: 1;display: inline-block;font-size:29px;color: #fff;}
.eventWrap .con_6 .evt_url ul{overflow:hidden;margin:0 0 12px 0;line-height:1.1;letter-spacing:-1px;}
.eventWrap .con_6 .evt_url ul li{float:left;color:#dddddd;font-size:17px;margin:0 20px 3px 0;position:relative;}
.eventWrap .con_6 .evt_url ul li:first-child{color:#fff;margin:0 32px 0 0;}
.eventWrap .con_6 .evt_url ul li:first-child:after{content:"";position:absolute;right:-17px;top:50%;margin:-6px 0 0 0;width:2px;height:16px;background: #26aca5;}
.eventWrap .con_6 .evt_url ul li input{width:18px;height:18px;margin-top: -1px}
.eventWrap .con_6 .evt_url div{position: relative;padding-right: 200px;}
.eventWrap .con_6 .evt_url div.end::before{content:"";position:absolute;top: 50%;right: -32px;width: 112px;height: 106px;margin-top: -63px;background: url('http://img.megagong.net/m/common/end_point_vi.png') no-repeat 0 0;z-index: 1;background-size: 112px;}
.eventWrap .con_6 .evt_url div input[type="text"]{border:0;height: 50px;font-size: 15px;padding:0 20px;width: 100%;box-sizing: border-box;border: 1px solid #434343;}
.eventWrap .con_6 .evt_url div .btn{position: absolute;top:0;right: 0;background: #242424 url('http://img.megagong.net/m/2019/0830_click/apply_txt.gif') center center no-repeat;width: 190px;height:50px;text-indent:-9999px;}
.eventWrap .con_6 .evt_url .btnUrl{text-align:right;margin:10px 0 0 0;}
.eventWrap .con_6 .evt_url .btnUrl a{color:#dddddd;font-size:16px;border-bottom:1px solid #ddd;}
.eventWrap .con_6 .evt_way a{background: #23d920;width: 240px;margin: 0 auto;display: block;padding: 10px 0 10px;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;border-radius: 40px;}
.eventWrap .con_6 .evt_way a span{background: url('http://img.megagong.net/m/2019/1008_comment/img_sprite.png') 0 100% no-repeat;font-size: 0;display: block;width: 178px;height: 18px;margin: 0 auto;}
.eventWrap .con_7{background: #3d3d3d;color:#fff;padding:36px 0;}
.eventWrap .con_7 .tit{font-size:19px;font-weight:bold;margin:0 0 22px 0;}
.eventWrap .con_7 .info p{font-size: 14px;margin: 0 0 15px 0;font-weight:bold;color: #999999;}
.eventWrap .con_7 .info ul li{position: relative;line-height:22px;color:#999999;font-size:13px;padding: 0 0 0px 10px;}
.eventWrap .con_7 .info ul li::before{content:"";position:absolute;top: 9px;left:0;width:3px;height:3px;background: #999;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;border-radius: 40px;}
.eventWrap .con_7 .info ul li a{border:1px solid #999;font-size:11px;padding:0 4px 0;display:inline-block;text-indent:0;height:22px;vertical-align:middle;line-height:19px;}
.eventWrap .con_7 .info ul li ol{margin:0 0 0 23px;}
.eventWrap .con_7 .info ul li ol li{text-indent:-15px;padding:0 0 0 -15px;}

@media (max-width: 1600px){
	.eventWrap .visual .quick{right: 15px;position: fixed;top: 40% !important;}
}
@media (max-width: 1200px){
	.eventWrap .inner{width: 97%;}
	.eventWrap .visual .inner{width: 100%;}
	.eventWrap img{max-width: 100%;}
	.eventWrap .visual{background-size:cover;}
	.eventWrap .visual .quick{display:none;}
	.eventWrap .visual .link_box{margin: -30px 0 0 0;padding: 0 15px 0;}
	.eventWrap .visual .link_box a{padding: 15px 46px 15px 20px;}
	.eventWrap .visual .link_box a strong::before{left: 81px;}
	.eventWrap .visual .link_box span::before{-webkit-transform: skewX(0);-ms-transform: skewX(0);transform: skewX(0);width: 99%;}
	.eventWrap .visual .link_box img{width: 50%;right: -7%;}
	.eventWrap .visual h3 img{width: 100%}
	.eventWrap .visual .con>img{max-width: 90%;margin: 0 auto;display: block;}
	.eventWrap .con_6 .present .img{width: 160px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin:0 0 0 0;}
	.eventWrap .con_6 .present .end{right:0;}
	.eventWrap .con_6 .evt_way ol li{min-height: 210px}
	.eventWrap .con_6 .evt_way ol li:nth-child(2),.eventWrap .con_6 .evt_way ol li:nth-child(3){width:33.3%}
	.eventWrap .con_6 .evt_way ol li i{left:0;height: 44px}
	.eventWrap .con_6 .evt_way ol li span,.eventWrap .con_6 .evt_way ol li:nth-child(2) span{padding: 30px 5px 20px 14px;height: 280px;text-align: center;}
	.eventWrap .con_6 .evt_way ol li:nth-child(1)::after, .eventWrap .con_6 .evt_way ol li:nth-child(2)::after{display: none}
	.eventWrap .con_6 .evt_way ul li{width: 33.3%;}
	.eventWrap .con_6 .evt_way ul li:nth-child(1), .eventWrap .con_6 .evt_way ul li:nth-child(2){width:50%;margin: 0 0 12px;}
	.eventWrap .con_6 .evt_way ul li a{margin-right: 7px;background-image: none !important;background: #015850 !important;font-size: 14px;text-align: center;line-height: 1.3;font-weight: bold;height: 46px;padding-top: 0;line-height: 46px;color: #ededed;}
	.eventWrap .con_6 .evt_way ul li a span{color: #23d920;display: block;font-size: 13px;padding-bottom: 3px}
	.eventWrap .con_6 .evt_way ul li a br{display: none}
	.eventWrap .con_6 .evt_url ul li:first-child{width:100%;margin:0 0 10px 0;}
	.eventWrap .con_6 .present div:nth-child(4){padding: 30px 0 0 0;}
	.eventWrap .con_6 .tag{height: 100px;background-position: 9px 0px;background-size: 440px;width: 108px;background-color: #8adf65;}
	.eventWrap .con_6 .present div p span.txt br{display:block}
	.eventWrap .visual .end{width: 140px}
}
@media (max-width: 964px){
	.eventWrap .con_6 .present .img{right: 5%;max-height: 76%;width: auto;}
	.eventWrap .visual .end{right: 3%}
}
@media (max-width: 900px){
	.eventWrap .visual h3{margin: 0 -15%;}
	.eventWrap .visual .con .visualLeft{width:53.3%;}
	.eventWrap .visual .con .visualRight{width:53.3%;}
	.eventWrap .visual .con>img{width: 95%;}
	.eventWrap .visual .link_box{margin: -21% 0 0;padding: 0;}
	.eventWrap .visual .link_box span{text-align:center;padding: 0;}
	.eventWrap .visual .link_box a{padding: 14px 0 14px 1%;display: block;}
	.eventWrap .visual .link_box a strong{margin-left: -14px;display: block;}
	.eventWrap .visual .link_box a strong::before{left: inherit;left: 50%;margin-left: 40px;}
	.eventWrap .visual .link_box span::before{height: 91px;top: inherit;bottom: 0;}
	.eventWrap .visual .link_box img{position: relative;bottom: inherit;right: inherit;display: inline-block;margin: 0 0 0 26px;width: 60%;}
	.eventWrap .con_6 .tag img{width:74%;}
	.eventWrap .con_6 .evt_url ul li{width: 33.3%;margin: 0 0 7px}
	.eventWrap .con_6 h3{padding: 0 5%;}
}
@media (max-width: 768px){
	.eventWrap .visual .con{padding: 0 0 20px;}
	.eventWrap .visual .link_box img{width: 70%;}
	.eventWrap .con_6 .present{padding: 20px 20px 20px;}
	.eventWrap .con_6 .present .img{right:12px;margin: 0 0 0 0;width: 99px;}
	.eventWrap .con_6 .present .end{width:20%;}
	.eventWrap .con_6 .evt_way strong img{width: 80px}
	.eventWrap .con_6 .evt_way ol li i{left:10px;background-image: none !important;font-size: 15px;font-weight: bold;line-height: 35px;color: #fff;font-style: normal;text-align: center;height: 37px;width: 30px;}
	.eventWrap .con_6 .evt_way ol li span,.eventWrap .con_6 .evt_way ol li:nth-child(2) span{padding: 15px 15px;text-align: center;height: auto;min-height: 204px;font-size: 14px}
	.eventWrap .con_6 .evt_way ol li span::before{bottom: 0;}
	.eventWrap .con_6 .evt_way{padding: 0 15px 25px;}
	.eventWrap .con_6 .evt_way >strong{font-size: 20px;}
	.eventWrap .con_6 .evt_way ol li{width:100% !important;float: none;min-height: 90px;border-bottom: 1px solid #ddd}
	.eventWrap .con_6 .evt_way ol li a{position: absolute;top:50%;right:15px;height: 34px;margin-top: -10px}
	.eventWrap .con_6 .evt_way ol li a img{width: 100px}
	.eventWrap .con_6 .evt_way ol li:nth-child(1)::before, #eventWrap .way_wrp ol li:nth-child(2)::before{display: none}
	.eventWrap .con_6 .evt_way ul li{width: 33.3%}
	.eventWrap .con_6 .evt_way ul li a {line-height: 1.3 !important;padding: 10px 0 10px;height: 58px;}
	.eventWrap .con_6 .evt_way ul li a br{display:block}
	.eventWrap .con_6 .evt_way ul li:nth-child(1), .eventWrap .con_6 .evt_way ul li:nth-child(2){width: 50%;}
	.eventWrap .con_6 .evt_way ol li:last-child{border-right:0;border-bottom: 0;}
	.eventWrap .con_6 .evt_way ol li:nth-child(1)::before, .eventWrap .con_6 .evt_way ol li:nth-child(2)::before{display:none}
	.eventWrap .con_6 .evt_url{padding: 55px 15px 25px;}
	.eventWrap .con_6 .evt_url .tit span{font-size: 17px;}
	.eventWrap .con_6 .evt_url div{padding-right: 0;height: 74px;}
	.eventWrap .con_6 .evt_url div .btn{position: relative;width: 100%;display: block;top: inherit;right: inherit;height: 40px;font-size: 15px;font-weight: bold;color: #fff;text-align: center;line-height: 40px;float: none;background-size: 80px;}
	.eventWrap .con_6 .evt_url div input[type="text"]{height: 37px;font-size: 13px;padding: 0 10px;letter-spacing: -0.05em}
	.eventWrap .con_6 .evt_url ul li{font-size: 14px;}
	.eventWrap .date_book li .date{font-size:16px;}
	.eventWrap .con_6 .evt_url .btnUrl a{font-size: 13px;}
	.eventWrap .con_6 .present div strong,.eventWrap .con_6 .present div p{font-size: 13px;letter-spacing: -0.08em;line-height: 1.3;}
	.eventWrap .con_6 .present div strong::before{top: 5px;}
	.eventWrap .con_6 .present div{padding: 0 0 0 82px;}
	.eventWrap .con_6{border-width: 3px;}
	.eventWrap .con_6 .inner{padding: 60px 0;}
	.eventWrap .con_6 .tag{height: 100px;background-position: 3px -8px;background-size: 330px;width: 75px;height: 64px;}
	.eventWrap .visual .end{width: 100px}
}
@media (max-width: 640px){
	.eventWrap .visual .info{margin:0 0 30px 0;}
	.eventWrap .visual .link_box a{font-size: 12px;}
	.eventWrap .visual .link_box a strong::before{background-size: 26px;width: 18px;height: 13px;}
	.eventWrap .con_6 .inner{padding: 60px 0;}
	.eventWrap .con_6 h3{margin:0 0 20px 0;padding: 0 2%;}
	.eventWrap .con_6 .tag img{width:60%;}
	.eventWrap .con_6 .evt_way ul li{margin-bottom: 7px;}
	.eventWrap .con_6 .evt_way ul li a{height: 35px;line-height: 33px;font-size: 13px;box-sizing:content-box;}
	.eventWrap .con_6 .evt_way ul li a {padding: 10px 0 10px;}
	.eventWrap .con_6 .evt_url div.end::before{right:0;}
	.eventWrap .con_7{padding: 30px 0;}
	.eventWrap .con_6 .present .img{width: 80px;margin-top: 4%;}
	.eventWrap .con_6 .present{padding: 15px 12px;}
	.eventWrap .con_6 .tag{background-size: 290px;width: 65px;height: 54px;background-position: 2px -9px;}
	.eventWrap .con_6 .present div p >span{width:49%;padding: 8px;margin-bottom: 1%;}
	.eventWrap .con_6 .present div p >span img{max-width: 75%}
}