@charset "euc-kr";

header#headertop {position:fixed;top:0;left:0;right:0;z-index:55;background:#fff;}
header#headertop.hide {animation:hide_in .3s ease-out .3s both;-webkit-animation:hide_in .3s ease-out .3s both;}
header#headertop.show {animation:show_in .3s ease-out .3s both;-webkit-animation:show_in .3s ease-out .3s both;}

@-webkit-keyframes hide_in{
    0%{opacity: 1;}
    100%{opacity: 0;z-index:-1;}
}
@keyframes hide_in{
    0%{opacity: 1;}
    100%{opacity: 0;z-index:-1;}
}
@-webkit-keyframes show_in{
    0%{opacity: 0;z-index:55;}
    100%{opacity: 1;}
}
@keyframes show_in{
    0%{opacity: 0;z-index:55;}
    100%{opacity: 1;}
}

.header_sec {font-size:0;}
.header_sec.fp-section.fp-table,
.header_sec .fp-tableCell {position:relative;height:auto !important;min-height:207px;}
.footer_sec.fp-section.fp-table,
.footer_sec .fp-tableCell {position:relative;height:auto !important;min-height:243px;}
.footer_sec{text-align:left;}

.eventWrap .evSection .con_box{color:#fff;}
.eventWrap .inner{width:1400px;}
.eventWrap .evEvent .inner{width:1150px;}

#fp-nav.right{right:40px;}
#fp-nav ul  li, .fp-slidesNav ul li{width:12px;height:12px;margin:8px 0 0;}
#fp-nav ul li:first-child, .fp-slidesNav ul li:first-child{margin-top:0;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width:100%;height:100%;margin:0;left:0;top:0;opacity:0.2;background-color:#fff;}
#fp-nav.bk ul li a span, .fp-slidesNav.bk ul li a span{background-color: #000;}
#fp-nav ul li:nth-child(1), #fp-nav ul li:nth-child(7){display:none;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width:12px;height:12px;margin:0;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{margin:0;opacity:1;}
.con_tit .end::after{background-color:#ff0000;}
.warningList li ul li a.tp1{background-color:#000; color:#fff;}

.ico-mouse{position:fixed;left:50%;bottom:60px;margin-left:-14px;cursor:default;transition:transform 0.2s;}
.ico-mouse.off{transform:translateY(150px);}
.evTop{background:url(https://img.megagong.net/m/2024/0619_teaser/bg_top.png) 50% 50% no-repeat; background-size: cover;}
.evTec1{background:url(https://img.megagong.net/m/2024/0619_teaser/bg_con1.png) 50% 50% no-repeat; background-size: cover;}
.evTec2{background:url(https://img.megagong.net/m/2024/0619_teaser/bg_con2.png) 50% 50% no-repeat; background-size: cover;}
.evTec2.new_bg {background:url(https://img.megagong.net/m/2024/0625_teaser/bg_con2.png) 50% 50% no-repeat; background-size: cover;}
.evTec3{background:url(https://img.megagong.net/m/2024/0619_teaser/bg_con3.png) 50% 50% no-repeat; background-size: cover;}
.evTec4{background:url(https://img.megagong.net/m/2024/0619_teaser/bg_con4.png) 50% 50% no-repeat; background-size: cover;} 
.evTec4.new_bg{background:url(https://img.megagong.net/m/2024/0619_teaser/bg_con4_0701.png) 50% 50% no-repeat; background-size: cover;} 
.evTec4.new_bg2{background:url(https://img.megagong.net/m/2024/0619_teaser/bg_con4_0704.png) 50% 50% no-repeat; background-size: cover;} 
.evEvent{background-color:#e9eaf7;}

.tec_box{color:#fff;}
.tec_box .teaser_intro{text-align:left;}
.tec_box .teaser_intro dd{font-size:30px;font-weight:500;line-height:1.6;}
.tec_box .teaser_intro dt{margin-top:80px;}
.tec_box .teaser_intro dt .system{font-size:60px;color:#000;font-weight:bold;line-height:1.5;}
.tec_box .teaser_intro dt .btn-home{font-size:22px;font-weight:bold;color:#111;display:flex;align-items:center;gap:0 10px;margin-top:80px;}
.tec_box .teaser_intro dt .btn-home span.btn{display:flex;width:28px;height:28px;background:#111;border-radius:50%;font-size:14px;color:#9f9f9f;align-items:center;justify-content:center;}
.evTec3 .tec_box .teaser_intro dt .btn-home span.btn{color:#cd5567;}

.evTop .tec_box .slogan_txt1{font-size:42px;font-weight:bold;line-height:1.6;}
.evTop .tec_box .slogan_txt2{margin-top:55px;}
.evTop .tec_box .slogan_txt3{font-size:30px;font-weight:bold;margin-top:60px;}
.evTop .tec_box .slogan_txt3 strong{color:#ff6a80;}

.evEvent{padding:180px 0 0;}
.evEvent .container_info.ver_circle{background-color:#f3f3fb;padding:60px 0;position: relative;max-width:700px;margin:0 auto;font-size:18px;gap:10px;margin-top:75px;}
.evEvent .container_info.ver_circle::before,
.evEvent .container_info.ver_circle::after{content:'';display:block;width:1000px;height:100%;position: absolute;top:0;background-color: #f3f3fb;}
.evEvent .container_info.ver_circle::before{left:-1000px;}
.evEvent .container_info.ver_circle::after{right:-1000px;}
.evEvent .container_info.ver_circle .info .info_title{font-size:16px;background-color:#111111;width:140px;}
.evEvent .eventBoard .evtBoard_common .comment_label{font-size:20px;font-weight:bold;color:#111;text-align:left;margin-bottom:20px;}
.evEvent .eventBoard .evtBoard_common .evtBoard_inner{background-color:#c8cbf0;}
.evEvent .container_gift_wrap{padding:80px 0;}
.evEvent .container_gift_wrap ul{justify-content:center;gap:0 80px;}
.evEvent .evtBoard_common .board_list{color:#000;}
.evEvent .evtBoard_common .board_write .btn_wrap a{background-color: #292fa3;}

.evEvent .warningList{background-color:#fff;margin-top:105px;position: relative;padding:90px 0 170px;}
.evEvent .warningList::before,
.evEvent .warningList::after{content:'';display:block;width:1000px;height:100%;position: absolute;top:0;background-color: #fff;}
.evEvent .warningList::before{left:-1000px;}
.evEvent .warningList::after{right:-1000px;}
.evEvent .warningList .f_dash.f_strong{margin-bottom:0;}
.evEvent .warningList li{font-size:18px;}
.evEvent .warningList li ul li a.tp2{font-size:inherit;color:#2b30a8;}
.evEvent .warningList li ul li{margin-top:10px;}

.evEvent .container_gift_wrap ul li:nth-child(1){width:322px;}
.evEvent .container_gift_wrap ul li:nth-child(2){width:323px;}

@media screen and (max-width: 1400px){
    .eventWrap .inner{width:96%;}
    .tec_box .teaser_intro dt .msg{padding-right:60px;}
}

@media screen and (max-width: 1200px){
    .header_sec.fp-section.fp-table,
    .header_sec .fp-tableCell{min-height:151px;}
    .eventWrap .evEvent .inner{width:96%;}
    /* .tec_box .teaser_intro dt .msg{padding-right:0;} */
    .evTop .tec_box .slogan_txt1{font-size:clamp(18px, 4vw, 42px);}
    .evTop .tec_box .slogan_txt2{margin-top:6%;padding:0 60px;}
    .evTop .tec_box .slogan_txt3{font-size:clamp(16px, 3vw, 30px);margin-top:6%;}

    .tec_box .teaser_intro dt{margin-top:10%;}
    .tec_box .teaser_intro dd{font-size:clamp(16px, 3vw, 30px);}
    .tec_box .teaser_intro dt .system{font-size:clamp(24px, 6vw, 60px);}
    .tec_box .teaser_intro dt .btn-home{margin-top:10%;font-size:18px;gap:0 5px;}
    .tec_box .teaser_intro dt .btn-home span.btn{width:24px;height:24px;font-size:13px;}

    .evEvent{padding-top:18%;}
    .evEvent .con_tit{padding:0 30px;}
    .evEvent .container_info.ver_circle{padding:6% 0;margin-top:7.5%;}
    .evEvent .eventBoard .evtBoard_common .comment_label{font-size:18px;margin-bottom:10px;}
    .evEvent .warningList{padding:9% 0 15%;margin-top:10%;}
    .evEvent .warningList li{font-size:16px;line-height:1.4;}
    .evEvent .container_gift_wrap{padding:8% 0;}
}
@media screen and (max-width: 992px){

}
@media screen and (max-width: 768px){
    .header_sec.fp-section.fp-table,
    .header_sec .fp-tableCell{min-height:145px;}
    #fp-nav.right{right:15px;}
    .evTop{background:url(https://img.megagong.net/m/2024/0619_teaser/bg_top.png) 50% 50% no-repeat; background-size: cover;}
    .evTec1{background:url(https://img.megagong.net/m/2024/0619_teaser/bg_con1_mo.png) 50% 50% no-repeat; background-size: cover;}
    .evTec2{background:url(https://img.megagong.net/m/2024/0619_teaser/bg_con2_mo.png) 50% 50% no-repeat; background-size: cover;}
    .evTec2.new_bg {background:url(https://img.megagong.net/m/2024/0625_teaser/bg_con2_mo.png) 50% 50% no-repeat; background-size: cover;}
    .evTec3{background:url(https://img.megagong.net/m/2024/0619_teaser/bg_con3_mo.png) 50% 50% no-repeat; background-size: cover;}
    .evTec4{background:url(https://img.megagong.net/m/2024/0619_teaser/bg_con4_mo.png) 50% 50% no-repeat; background-size: cover;}
    .evTec4.new_bg{background:url(https://img.megagong.net/m/2024/0619_teaser/bg_con4_mo_0701.png) 50% 50% no-repeat; background-size: cover;} 
    .evTec4.new_bg2{background:url(https://img.megagong.net/m/2024/0619_teaser/bg_con4_mo_0704.png) 50% 50% no-repeat; background-size: cover;}     

    .tec_box{padding:0 5%;}
    .evTop .tec_box .slogan_txt2{padding:0 30px;}
    .evEvent .container_info.ver_circle .info .info_date{padding-top:0;}
    .evEvent .warningList li{font-size:14px;}
    .evEvent .container_gift_wrap ul li{margin-top:30px;}
    .evEvent .container_gift_wrap ul li:first-child{margin-top:0;}
    .evEvent .eventBoard .evtBoard_common .comment_label{font-size:16px;}
    
    .evEvent .container_gift_wrap ul li:nth-child(1){width:50%;}
    .evEvent .container_gift_wrap ul li:nth-child(2){width:50%;}
}

@media screen and (max-width: 576px){
    .evEvent .container_info.ver_circle{font-size:14px;}
    .evEvent .container_info.ver_circle .info .info_date{padding-top:3px;}
    .evEvent .container_info.ver_circle .info .info_title{width:100px;font-size:14px;}
    .evEvent .con_tit{padding:0;}
}