@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 {overflow: hidden;}
.eventWrap .cont_pay .wrap_content{position:relative;width:1000px;margin:0 auto}
.eventWrap{width: 100%;text-align: center;position: relative;line-height: 1.3;}
.eventWrap *{box-sizing: border-box;}
.eventWrap .inner {position: relative;width: 1080px;margin: 0 auto;letter-spacing: -0.06em;z-index: 1;}
.eventWrap img{border: 0 none;vertical-align: middle;;}
.eventWrap .inner > .tit{margin-bottom: 50px;}
.eventWrap h4{margin-bottom: 60px;padding: 0 20%;}

.superRight_bnr,.superRight_bnr.ansung{z-index: 3}
.flt_inner{position: fixed;text-align: center;margin-top: 4%;right:50%;margin-right: -794px;top:50%;transform: translateY(-50.1%);-moz-transform: translateY(-50.1%);-webkit-transform: translateY(-50.1%);z-index: 2;}

.eventWrap .con_top{position:relative;padding: 80px 0 30px;text-align:center;background: #07b09b  url('https://img.megagong.net/m/2020/0428_guide/top_bg.png') no-repeat center top;}
.eventWrap .con_top h3{margin-bottom: 30px;}

.eventWrap .con_navi{background-color: #fff;-webkit-box-shadow: 0px 6px 10px 0px rgba(133,133,133,0.28);-moz-box-shadow: 0px 6px 10px 0px rgba(133,133,133,0.28);box-shadow: 0px 6px 10px 0px rgba(133,133,133,0.28);}
.eventWrap .con_navi.fixed{position: fixed;top:0;left:0;width: 100%;z-index: 1;}
.eventWrap .con_navi .navi{position: relative;}
.eventWrap .con_navi .navi::after{content:"";display: block;clear: both;}
.eventWrap .con_navi .navi a{position:relative;float: left;display: block;width: 20%;height:128px;color:#dcddde;font-size: 0;letter-spacing: -0.12em;background-image: url('https://img.megagong.net/m/2020/0428_guide/tab1_off.png');background-position: center center;background-repeat: no-repeat;}
.eventWrap .con_navi .navi a strong br{display: none;}
.eventWrap .con_navi .navi a::before{content: "";display: block;position: absolute;top:0;right:0;width: 2px;height: 100%;background-color: #f6f6f6;}
.eventWrap .con_navi .navi a:nth-child(1)::after{content: "";display: block;position: absolute;top:0;left:0;width: 2px;height: 100%;background-color: #f6f6f6;}
.eventWrap .con_navi .navi a.on{color:#05c3a7}
.eventWrap .con_navi .navi a:nth-child(1){background-image: url('https://img.megagong.net/m/2020/0428_guide/tab1_off.png');}
.eventWrap .con_navi .navi a:nth-child(2){background-image: url('https://img.megagong.net/m/2020/0428_guide/tab2_off.png');}
.eventWrap .con_navi .navi a:nth-child(3){background-image: url('https://img.megagong.net/m/2020/0428_guide/tab3_off.png');}
.eventWrap .con_navi .navi a:nth-child(4){background-image: url('https://img.megagong.net/m/2020/0428_guide/tab4_off.png');}
.eventWrap .con_navi .navi a:nth-child(5){background-image: url('https://img.megagong.net/m/2020/0428_guide/tab5_off.png');}
.eventWrap .con_navi .navi a:nth-child(1).on{background-image: url('https://img.megagong.net/m/2020/0428_guide/tab1_on.png');}
.eventWrap .con_navi .navi a:nth-child(2).on{background-image: url('https://img.megagong.net/m/2020/0428_guide/tab2_on.png');}
.eventWrap .con_navi .navi a:nth-child(3).on{background-image: url('https://img.megagong.net/m/2020/0428_guide/tab3_on.png');}
.eventWrap .con_navi .navi a:nth-child(4).on{background-image: url('https://img.megagong.net/m/2020/0428_guide/tab4_on.png');}
.eventWrap .con_navi .navi a:nth-child(5).on{background-image: url('https://img.megagong.net/m/2020/0428_guide/tab5_on.png');}

.eventWrap .tab_cont{position: relative;padding-top: 80px;}
.eventWrap .con_navi.fixed + .tab_cont{padding-top: 210px;}
.eventWrap .tab_cont .c_wrap{display: none}
.eventWrap .tab_cont .c_wrap.on{display: block}
.eventWrap .tab_cont .step_in{position: relative;padding: 120px 0 120px;}
.eventWrap .tab_cont .step_in.step1{padding-top: 0;}
.eventWrap .tab_cont .step_in > div{position: relative;width: 1080px;margin: 0 auto;text-align: right;padding: 0 0 0 180px;}
.eventWrap .tab_cont .step_in.step2 > div{text-align: left;padding: 0 180px 0 0;}
.eventWrap .tab_cont .step_in .tit{position: absolute;top:0;left:0;padding-top: 24px;}
.eventWrap .tab_cont .step_in.step2 .tit{position: absolute;top:0;left:inherit;right:0;padding-top: 32px;}
.eventWrap .tab_cont .step_in.step3 .tit{padding-top: 32px;}
.eventWrap .tab_cont .step_in .img_box{margin-right: -40px;}
.eventWrap .tab_cont .step_in.step2 .img_box{margin-right:0;margin-left: -50px;}
.eventWrap .tab_cont .step_in.step3 .img_box{margin-right: -80px;}

.eventWrap .tab_cont .step_in.step2{background-color: #007a6e;}


.eventWrap .con_more{position:relative;background:#f4f5f7;padding: 145px 0;}
.eventWrap .con_more h4{padding: 0px 12%;}
.eventWrap .con_more .btn_wrap{padding: 0 150px;}
.eventWrap .con_more .btn_wrap::after{content:"";display: block;clear: both;}
.eventWrap .con_more a{display: block;float: left;padding: 25px 0;width:360px;background-color: #05c3a7;font-size: 40px;color:#fff;border-radius: 10px;}
.eventWrap .con_more a:nth-child(2){float: right;}


@media (max-width: 1200px){
    .eventWrap .inner{width: 96%;}
    .eventWrap .con_navi .inner{width:100%}
    .eventWrap .con_navi .navi a{background-image:none !important;font-size:16px;padding: 28px 0;height: auto;}
    .eventWrap .con_navi .navi a strong{display:block;font-size: 18px;}

    .eventWrap .tab_cont .step_in, .eventWrap .con_more{
    padding: 60px 0 60px;
}
    .eventWrap .tab_cont .step_in > div{width:96%;padding-left: 18%;}
    .eventWrap .tab_cont .step_in.step2 > div{padding-right: 18%;}
    .eventWrap .tab_cont .step_in.step2 > div{}
    .eventWrap .tab_cont .step_in .tit{width: 26%;}
    .eventWrap .tab_cont .step_in .img_box{
    margin-right: -3%;
}
    .eventWrap .tab_cont .step_in.step2 .img_box{
    margin-left: -3%;
}
    .eventWrap .tab_cont .step_in.step3 .img_box{
    margin-right: -3%;
}
    .eventWrap .con_more .btn_wrap{padding:0 10%}
    .eventWrap .con_more .btn_wrap a{
    width: 49%;
    font-size: 20px;
    padding: 16px 0;
}
} 
@media (max-width: 992px){
    .eventWrap .con_navi .navi a{font-size:14px;padding: 13px 0;}
    .eventWrap .con_navi .navi a strong{font-size:16px}
    .eventWrap .con_navi .navi a strong br{display: block;}

}   
@media (max-width: 768px){
    .eventWrap .con_top{padding-top:8%}
    .eventWrap .con_top h3{margin-bottom:20px}
    .eventWrap .tab_cont{padding-top:50px}
    .eventWrap .tab_cont .step_in, .eventWrap .con_more{padding:6% 0}
     .eventWrap .con_navi .navi a{font-size: 0;padding: 8px 0;}
       .eventWrap .con_navi .navi a strong{font-size: 15px;letter-spacing: -0.15em;}
       .eventWrap .con_navi.fixed + .tab_cont{padding-top:120px}
       .eventWrap h4{margin-bottom: 25px;}
       .eventWrap .con_more .btn_wrap a{
    padding: 10px 0;
    font-size: 15px;
    border-radius: 5px;
}
}
@media (max-width: 576px){
    .eventWrap .con_navi .navi a strong{font-size:13px}
     .eventWrap .con_navi.fixed + .tab_cont{padding-top:100px}
     .eventWrap .tab_cont{padding-top:40px}
}