@charset "euc-kr";



:root{
    --point-color1:#FF7000
}
/* bg url: https://image.megagong.net/r/ngbr/franchise/  */

/* settings */
.mo_view {display: none;}

.evSection .fw-300{font-weight: 300 !important}
.evSection .fw-400{font-weight: 400 !important}
.evSection .fw-500{font-weight: 500 !important}
.evSection .fw-bold{font-weight: bold !important}
.evSection .color-black{color: #111 !important}
.evSection .color-highlight{color: var(--point-color1) !important}

.evSection .swiper-pagination{margin-top: 10px;}

.con_tit .end::after {background: #111} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection {line-height: 1.3;padding: 120px 0;} 
.evSection .mini_tit{/* opacity: 0.5; */margin: 0 0 15px} 
.evSection .con_tit {margin: 0 0 60px;line-height: 1.3} 
.evSection .con_tit strong{font-weight:inherit} 
.evSection .con_tit .end {z-index: 1} 

/* .flt_inner */
.flt_inner {position: absolute; right: 50px; z-index: 5; top: 20%;}
.flt_inner li {position: relative;}
.flt_inner li.top {text-align: center; margin: 10px auto 0; width: 50%;}
.flt_inner a.lnk1,
.flt_inner a.lnk2,
.flt_inner a.lnk3{display: block; position: absolute; left: 50%; bottom: 36px; transform: translateX(-50%); width: 85%; height: 18px; font-size: 0;}
.flt_inner a.lnk2 {bottom: 13px;}
.flt_inner ul.ver2 a.lnk1 {bottom: 58px;}
.flt_inner ul.ver2 a.lnk2 {bottom: 36px;}
.flt_inner ul.ver2 a.lnk3 {bottom: 13px;}

.fix_menu {background: var(--point-color1);z-index: 2;position: relative;color: #fff;position: absolute;top: 0;left: 0;width: 100%;}
.fix_menu ul{display: flex;width: 1080px;align-items: flex-start;gap: 0px;margin: 0 auto;}
.fix_menu li{flex: 1;position: relative;}
.fix_menu li i{position: absolute;top: 50%;right: -35px;transform: translateY(-50%);z-index: 2;}
.fix_menu li a{display: flex;height: 60px;flex-direction: column;justify-content: center;align-items: center;}
.fix_menu li a:before{content:'';display:block;position: absolute;left: 0;top: 30%;background: #fff;height: 40%;width: 1px;opacity: 0.4;}
.fix_menu li:first-child a:before{display:none}
.fix_menu li.event a:before{background:#fff;opacity:0.3}
.fix_menu li.event a b{color:#fff}
.fix_menu li.event a{background: var(--point-color1);color: var(--point-color2);}
.fix_menu li.event a span{display: flex;/* width: 50px; */height: 20px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 100px;color: var(--point-color2);margin: 0 0 4px;}
.fix_menu.fixed{position: fixed;top: 0;left: 0;width: 100%;}

.btm_bnr {background: #222; z-index: 1;}
.btm_bnr ul {display: flex;}
.btm_bnr ul li {flex: 1; position: relative;}
.btm_bnr ul li::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0; height: 70%; border-right: 1px dotted #fff; opacity: 0.2;}
.btm_bnr ul li:last-child:after {content: none;}
.btm_bnr ul li a {display: flex; align-items: center; gap: 0 16px; color: #fff; font-size: 13px; font-weight: 300; padding: 10px 35px;}
.btm_bnr ul li a::before {content: ''; width: 50px; height: 50px; display: inline-block; background: url(https://image.megagong.net/r/ngbr/franchise/btm_bnr_icon.png) no-repeat;}
.btm_bnr ul li:nth-child(1) a {cursor: default;}
.btm_bnr ul li:nth-child(1) a::before {background-position: 0 0;}
.btm_bnr ul li:nth-child(2) a::before {background-position: -50px 0;}z
.btm_bnr ul li:nth-child(3) a::before {background-position: -100px 0;}
.btm_bnr ul li:nth-child(4) a::before {background-position: -150px 0;}
.btm_bnr.on {position: fixed; width: 100%; left: 0; bottom: 0;}

/* .tab_bnr */
.tab_bnr {background: #000;}
.tab_bnr ul {display: flex;}
.tab_bnr ul li {flex: 1; position: relative;}
.tab_bnr ul li::after {content: ''; position: absolute; width: 1px; height: 40%; background: #333; top: 50%; right: 0; transform: translateY(-50%);}
.tab_bnr ul li:last-child::after {content: none;}
.tab_bnr ul li a {display: block; color: #fff; font-size: 17px; font-weight: bold; padding: 26px 0; line-height: 1; text-align: center;}
.tab_bnr ul li a::after {content: ''; display: inline-block; width: 9px; height: 5px; background: url(https://image.megagong.net/r/ngbr/franchise/tab_bnr_arrow.png) no-repeat; margin-left: 12px; vertical-align: middle;}
.tab_bnr ul li.color_orange a {color: #ff9600;}
.tab_bnr ul li.color_orange a::after {background-position-x: -9px}

/* .evCon1 */
.eventWrap .evSection.evCon1 {background: url(https://image.megagong.net/m/2025/1001_fran/con_img1.png) no-repeat center 0;padding: 90px 0 328px;}

/* .con2 */
.eventWrap .evSection.evCon2 {background: #FFF8F0;position: relative;padding-top: 180px;}
.evCon2 .pr_content_wrap .pr_content_swiper .swiper-slide{padding-bottom: 0;height: auto;}
.evCon2 .pr_content_wrap .pr_content_swiper .ico{width: auto;height: auto;}

/* .con3 */
.evCon3 .pr_content_swiper {margin: 0 40px 60px;}
.evCon3 .con_box > .tiny_noti{margin: -40px 0 60px;opacity: 0.6;}
.evCon3 .pr_content_wrap .pr_content_swiper .swiper-slide{padding:0}
.evCon3 .con2metrics_swiper .swiper-slide{width: 100%;background: #fff;border-radius: 10px}
.evCon3 .con2metrics_swiper .item{padding: 60px 40px;margin-bottom: 5px;text-align: left;background: #FEFAEE;border-radius: 10px;}
.evCon3 .con2metrics_swiper .item dl{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 60px;}
.evCon3 .con2metrics_swiper .item dt{font-weight:bold;background:url(https://image.megagong.net/m/2025/1001_fran/con_img8.png) no-repeat center 0;display: flex;flex-direction: column;align-items: center;width: 340px;height: 114px;justify-content: center;gap: 3px;}
.evCon3 .con2metrics_swiper .item dt span{color: var(--point-color1);}
.evCon3 .con2metrics_swiper .item dd{line-height:1.5;color: #555555;font-weight: normal;line-height: 1.6;flex: 1;}
.evCon3 .con2metrics_swiper .item dd .tiny_noti{display: block;color: #999999;margin: 7px 0 0;}

/* .con4 */
.eventWrap .evSection.evCon4 {background: linear-gradient(180deg, #FFAE5C 0%, #F8F8F8 100%);}
.evCon4 .pr_content_wrap .pr_content_swiper .swiper-slide{padding-left: 0;padding-right: 0;height: auto;}

/* .con5 */
.eventWrap .evSection.evCon5{background: #F8F8F8;padding-bottom: 60px;}
.evCon5 .next_point{display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;gap: 20px 20px;}
.evCon5 .next_point li{position: relative;background: #fff;border-radius: 10px;/* overflow: hidden; *//* flex: 1; */width: calc(25% - 15px);padding: 40px 0;height: 230px;display: flex;gap: 16px;flex-direction: column;align-items: center;justify-content: center;}
.evCon5 .next_point li+li::before{content:'';background: url(https://image.megagong.net/m/2025/1001_fran/con_img13.png) no-repeat center 0;width: 40px;height: 40px;position: absolute;top: 50%;left: -32px;margin: -20px 0 0;}
.evCon5 .next_point li:nth-child(5)::before,
.evCon5 .next_point li:nth-child(8)::before{display:none}
.evCon5 .next_point li.full{flex: none;width: 100%}
.evCon5 .next_point li .tit{display: flex;flex-direction: column;align-items: center;font-weight: bold;gap: 5px;}
.evCon5 .next_point li .tit span{font-size: 15px;}
.evCon5 .next_point li .info{padding: 0;line-height: 1.6;font-weight: normal;color: #555;}
.evCon5 .next_point li .info span{display: block;margin: 7px 0 0;opacity: 0.7;}
.evCon5 .next_point li.pass {background: none;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center;padding: 0 0 0 0;gap: 10px;} 
.evCon5 .next_point li.pass i {overflow: hidden;} 
.evCon5 .next_point li.pass i img{margin: 0 0px 0 -10px;/* width: 55px; */display: block;} 

/* .con6 */
.eventWrap .evSection.evCon6{background: #F8F8F8;padding-top: 0;}
.evCon6 .comp_point {display: flex;display: flex;justify-content: center;align-items: center;align-content: center;gap: 20px;flex-wrap: wrap;}
.evCon6 .comp_point li {display: flex;padding: 40px 0;flex-direction: column;justify-content: center;align-items: center;gap: 16px;flex: 1 0 0;border-radius: 10px;background: #FFF;color: #111;text-align: center;font-weight: bold;line-height: 1.3; /* 28px */
}

@media screen and (max-width: 1200px){
    .evSection {padding: 12% 0} 
    .evSection .con_tit {margin: 0 auto 7%;} 
    .evSection .mini_tit {margin: 0 0 2%; display: block} 
    .eventWrap .inner{width: 94%;}

    .flt_inner {display: none;}
    .btm_bnr.on {bottom: 65px;}

    .fix_menu ul{width: 100%;}

    .eventWrap .evSection.evCon1 {padding: 7% 0 38%;background-size: cover;}
    .evCon1 h3{margin: 0 20%;}
    .evCon1 h3 img{width: clamp(250px, 55vmin, 500px);}
    .eventWrap .evSection.evCon2{padding-top: calc(12% + 60px);}
    .evCon2 .pr_content_wrap .pr_content_swiper .ico{width: clamp(150px, 28vmin, 260px);}

    .evCon3 .con_box > .tiny_noti{margin: -4% 0 7%;}
    .evCon3 .pr_content_swiper{margin: 0 0 8%;}
    .evCon3 .con2metrics_swiper .item{padding: 30px 30px;margin-bottom: 0;}
    .evCon3 .con2metrics_swiper .item dl{gap: 3vw;}
    .evCon3 .con2metrics_swiper .item dt{width: 290px;background-size: contain;background-position: center;}
    .evCon3 .con2metrics_swiper .item dd br{display:none}
    .evCon3 .con2metrics_swiper .item dd .tiny_noti{margin: 3px 0 0;}

    .eventWrap .evSection.evCon5{padding-bottom: 7%;}
    .evCon5 .next_point{gap: 10px;}
    .evCon5 .next_point li{width: calc(50% - 5px);padding: 20px 0;gap: 10px;height: 160px;}
    .evCon5 .next_point li+li::before{margin: 0;left: 0;display: none;}
    .evCon5 .next_point li.full{flex: none;width: 100%}
    .evCon5 .next_point li .tit{gap: 0;}
    .evCon5 .next_point li .info{padding: 0;line-height: 1.3;}
    .evCon5 .next_point li.pass {justify-content: center;} 
    .evCon5 .next_point .pass i{margin: 0 0 0 -60px;} 
    .evCon5 .next_point .pass p{width: clamp(110px, 15.5vmin, 150px)} 

}

@media screen and (max-width: 992px){


}

@media screen and (max-width: 768px){

    .glbal_menu .topgo {bottom: 120px;}

    .btm_bnr .inner {width: 100%;}
    .btm_bnr ul li a {font-size: 11px;}
    .btm_bnr ul li a::before {width: 30px; height: 30px; background-size: cover;}
    .btm_bnr ul li:nth-child(2) a::before {background-position: -30px 0;}
    .btm_bnr ul li:nth-child(3) a::before {background-position: -60px 0;}
    .btm_bnr ul li:nth-child(4) a::before {background-position: -90px 0;}

    .tab_bnr .inner {width: 100%;}



    .evCon3 .pr_content_wrap .pr_content_swiper .swiper-slide{width:55vw}

    .evCon3 .con2metrics_swiper {background: #fefaee;padding-bottom: 10px;}
    .evCon3 .con2metrics_swiper .swiper-pagination{margin-top: 0;}
    .evCon3 .con2metrics_swiper .item{padding: 4vw 3vw;}
    .evCon3 .con2metrics_swiper .item dl{display: flex;flex-direction: column;gap: 2vw;}
    .evCon3 .con2metrics_swiper .item dt{width: auto;padding: 3% 8vw;height: auto;background-size: cover;}
    .evCon3 .con2metrics_swiper .item dd{text-align: center;line-height: 1.4;}
    .evCon3 .con2metrics_swiper .item dd br{display:none}
    .evCon3 .con2metrics_swiper .item dd .tiny_noti{margin: 3px 0 0;}

}

@media screen and (max-width: 576px){

    .glbal_menu .topgo {bottom: 100px;}

    .btm_bnr.on {bottom: 55px;}
    .btm_bnr ul li a {padding: 5px 0; justify-content: center;}
    .btm_bnr ul li a .mo_view {display: block;}
    .btm_bnr ul li a::before {content: none;}
    .tab_bnr ul li a {font-size: 11px;}


    .evCon5 .next_point{flex-direction: column;gap: 5px;}
    .evCon5 .next_point li{width: 100%;height: auto;gap: 5px;padding: 12px 0;}
    .evCon5 .next_point li .tit{display: flex;flex-direction: row;gap: 5px;}
    .evCon5 .next_point li .tit span{font-size: 10px;background: #b7b7b7;color: #fff;border-radius: 100%;width: 21px;height: 21px;display: inline-flex;align-items: center;justify-content: center;letter-spacing: 0;}
    .evCon5 .next_point li.pass {display: flex;flex-direction: column;align-items: center;} 
    .evCon5 .next_point .pass i{transform: rotate(90deg);margin: 20px 0 0;} 
    .evCon5 .next_point li.pass i img{margin: 00 0 0 -18px;}

    .evCon6 .comp_point {gap: 10px;}
    .evCon6 .comp_point li{padding: 20px 0;}

}