@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: 1470px;margin: 0 auto;letter-spacing: -0.06em;z-index: 1;}
.eventWrap img{border: 0 none;vertical-align: middle;}
.eventWrap h4{margin-bottom: 60px;}

.eventWrap .pc{position: relative;display: block;}
.eventWrap .mo{position: relative;display: none;}

/* Äü¸Þ´º */
.flt_inner {position: absolute;text-align: center;top: 450px;left: 50%;right: 141px;z-index: 15;margin-top: 0;margin: 0 0 0 720px;width: 200px;}



.eventWrap .con_top{position:relative;text-align:center;background: #09689e  url(https://img.megagong.net/m/2021/0112_app_guide/top_bg.jpg) no-repeat center top;background-size: auto 100%;}
.eventWrap .con_top .inner{width:1386px;}
.eventWrap .con_top h3{}


/* top_tab */
.top_tab{background: #242424;}
.top_tab.pofixed{position: fixed;top:0;width: 100%;z-index: 10;margin: 0 auto;}
.top_tab .ftab_inner{width:1080px;margin:0 auto;}
.top_tab .ftab_inner ul{}
.top_tab .ftab_inner ul::after{content:"";display:block;clear:both;}
.top_tab .ftab_inner ul li{position: relative;float:left;width: 20%;border-left: 1px solid #505050;box-sizing: border-box;background: #242424;}
.top_tab .ftab_inner ul li a{display: inline-block;width: 100%;padding: 15px 0 25px;font-size:25px;color: #505050;}
.top_tab .ftab_inner ul li a span{display:block;font-size: 15px;margin:0 auto 10px;width:27px;height:27px;line-height:27px;text-align: center;border-radius:50% 50%;text-indent: -1px;background: #505050;color: #242424;}
.top_tab .ftab_inner ul li:nth-child(1).on{background: #0c5171;}
.top_tab .ftab_inner ul li:nth-child(2).on{background: #31418c;}
.top_tab .ftab_inner ul li:nth-child(3).on{background: #502c75;}
.top_tab .ftab_inner ul li:nth-child(4).on{background: #813d57;}
.top_tab .ftab_inner ul li:nth-child(5).on{background: #0053a7;}
.top_tab .ftab_inner ul li.on a{color: #ffffff;}
.top_tab .ftab_inner ul li.on a span{background: #ffffff;color: #505050;}

.eventWrap .con01{background:#e1f0ff;}
.eventWrap .con01 .inner{padding:100px 0 0;}
.eventWrap .con02{background:#e1e6ff;padding: 100px 0 0;}
.eventWrap .con03{background:#f4f4f4;padding:100px 0 0;}
.eventWrap .con04{background:#ffe1e9 url('https://img.megagong.net/m/2021/0112_app_guide/con4_bg.jpg') no-repeat center top;background-size: auto 100%;padding:100px 0 0;}
.eventWrap .con05{background:#ffffff url('https://img.megagong.net/m/2021/0112_app_guide/con5_bg.jpg') no-repeat center top;background-size: auto 100%;padding:100px 0 0;}
.eventWrap .con06{background:#74c0fc url('https://img.megagong.net/m/2021/0112_app_guide/con6_bg.jpg') no-repeat center top;background-size: auto 100%;;padding:95px 0 100px;}
.eventWrap .con06 h4{margin-bottom:20px}
.eventWrap .con06 a+a{margin-left:22px}

		
/* ÆË¾÷ */
.eventWrap .layerPopup.applink{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;}
.eventWrap .layerPopup.applink .dimBg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;}
.eventWrap .layerPopup.applink .contentBox{position: relative;width:610px;margin: 4% auto 0;letter-spacing: -0.08em;line-height: 1.3;}
.eventWrap .layerPopup.applink .contentBox .pop_box{padding: 0;position: relative;}
.eventWrap .layerPopup.applink .btnClose{position: absolute;bottom: -30px;right: 0;background: #000;padding: 3px;width:30px;height:30px;box-sizing: border-box;}
.eventWrap .layerPopup.applink .btnClose{position:absolute;top: 0;right: -48px;display:block;font-size:0;line-height:0;width:35px;height:35px;background:url('https://img.megagong.net/m/2019/0405_sbtransfer/certifi_clo.png') center center no-repeat;}
.eventWrap .layerPopup.applink .btnToday{position:absolute;bottom:-30px;right:32px;padding:0 15px;height:30px;line-height:30px;background:#000;color:#fff;font-weight:bold;}



@media (max-width: 1470px){
    #headertop{overflow: hidden;}
    .eventWrap .con_top .inner{width:100%;}
    .eventWrap .con01 .inner,.eventWrap .con02 .inner,.eventWrap .con03 .inner{width: 96%;}
}
@media (max-width: 1200px){
    .flt_inner{display: none}
    .eventWrap .inner{width: 96%;}
    .top_tab .ftab_inner{width:96%}
    .top_tab .ftab_inner ul li a{font-size:20px;}
    .eventWrap .con06 .btn_wrap{width:70%;margin:0 auto}
    .eventWrap .con06 .btn_wrap a{display:inline-block;width:49%}
    .eventWrap .con06 .btn_wrap a+a{margin-left:1%}

    .eventWrap .layerPopup.applink .contentBox{width: 90%;}
} 
@media (max-width: 992px){
    .eventWrap h4{margin-bottom: 30px;}
    .eventWrap h4 img{max-width:65%;}
    .top_tab .ftab_inner ul li a span{margin: 0 auto 5px;}
    .top_tab .ftab_inner ul li a{font-size:16px;}
    .eventWrap .con06 h4 img{max-width:90%;}
    .eventWrap .con06 .btn_wrap{width:80%;}

}   
@media (max-width: 768px){
    .glbal_menu{display: none}
    .eventWrap .pc{display: none}
    .eventWrap .mo{display: block}
    .eventWrap .mo .app_bnr{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}
    .eventWrap .mo .inner{width:100%;}
    .eventWrap .mo .mo_cont{position: relative;padding:2% 0 6.5%;text-align: center;}
    .eventWrap .mo .mo_cont img{margin:0 auto}
    .eventWrap .mo .mo_cont .ttxt img{max-width:92%}
    .eventWrap .mo .mo_cont.cont1{padding: 5% 0 16.2%;}
    /* .eventWrap .mo .mo_cont.cont2{background: #e1f0ff}
    .eventWrap .mo .mo_cont.cont3{background:#e1e6ff}
    .eventWrap .mo .mo_cont.cont4{background: #f3ecec;}
    .eventWrap .mo .mo_cont.cont5{background: #ffe1e9;}
    .eventWrap .mo .mo_cont.cont6{background: #e2fcf7;}
    .eventWrap .mo .mo_cont.cont7{background: #e1f0ff;}
    .eventWrap .mo .mo_cont.cont8{background: #e1e6ff;}
    .eventWrap .mo .mo_cont.cont9{background: #f3ecec;}
    .eventWrap .mo .mo_cont.cont10{background: #ffe1e9;}
    .eventWrap .mo .mo_cont.cont11{background: #e2fcf7;}
    .eventWrap .mo .mo_cont.cont12{background: #e1f0ff;}
    .eventWrap .mo .mo_cont.cont13{background: #f3ecec;}  */
    .eventWrap .mo .mo_cont .tit1 img{max-width: 60%;margin:0 auto;}
    .eventWrap .mo .mo_cont .mo_silder2.phone {max-width: 46%;margin: 2% auto 2%;}
    .eventWrap .mo .mo_cont .btxt {margin-top: 2%;}
    .eventWrap .mo .mo_cont .btxt img{max-width: 24%;}
    .eventWrap .mo .mo_cont .tit2 img{max-width: 60%;margin:0 auto;}
    .eventWrap .mo .mo_cont .phone {max-width: 65.7%;margin: 1% auto 2%;}
    .eventWrap .mo .mo_cont .phone.row {max-width: 64.5%;margin: 2% auto 2.5%;}
    .eventWrap .mo .mo_cont.cont13{padding: 7% 0 25%;}
    .eventWrap .mo .mo_cont.cont13 .tit3 {margin: 15.5% auto 10%;}
    .eventWrap .mo .mo_cont.cont13 .tit3 img{max-width: 70%;margin:0 auto;}
    .eventWrap .mo .mo_cont.cont13 .btn_wrap{max-width:60%; margin: 0 auto 2%;}
    .eventWrap .mo .mo_cont.cont13 .btn_wrap a{display:block;width:100%}
    .eventWrap .mo .mo_cont.cont13 .btn_wrap a+a{margin-top: 5%;}
    .arrow{position: absolute;display: block;width:100%;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
    .prev{position: absolute;display:inline-block;left: 15%;width:30px;height:30px;background: url('https://img.megagong.net/m/2021/0112_app_guide/prev.png') no-repeat center top;background-size: auto 100%;z-index: 2;} 
    .next{position: absolute;display:inline-block;right: 15%;width:30px; height:30px;background: url('https://img.megagong.net/m/2021/0112_app_guide/next.png') no-repeat center top;background-size: auto 100%;z-index: 2;}
    .arrow span{width:30px;height:30px;font-size:0;display: block;}
}
@media (max-width: 600px){
    .eventWrap .mo .mo_cont{padding: 4% 0 3.5%;}
    .eventWrap .mo .mo_cont.cont1{padding: 10% 0 16%;}
    .eventWrap .mo .mo_cont .phone.row {max-width: 65.5%;}
    .eventWrap .mo .mo_cont .tit2{margin:2% auto 5%;}
    .eventWrap .mo .mo_cont.cont13{padding: 7% 0 25.3%;}
    .eventWrap .mo .mo_cont.cont13 .tit3 {margin: 15.5% auto 14%;}
 }
 @media (max-width: 576px){
    #mContainer.event{min-height: 100% !important;}
    .prev{width:25px;height:25px;} 
    .next{width:25px; height:25px;}
    .arrow span{width:25px;height:25px;}
 }
 @media (max-width: 414px){
    .eventWrap .mo .mo_cont.cont1{padding: 10% 0 15.5%;}
    .eventWrap .mo .mo_cont.cont13{padding: 7% 0 25.1%;}
    .eventWrap .mo .mo_cont .phone.row {max-width: 65.3%;}
 }