@charset "UTF-8";#pageGNB{flex-shrink:0;position:relative;height:108px;background:#fff;z-index:11}#pageGNB.fixed .mnMainMenuNav{position:fixed;top:0;left:50%;max-width:720px;transform:translate(-50%);z-index:19}.pc #pageGNB.fixed .mnMainMenuNav{max-width:1128px}.mnGnbHeader{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;padding:5px 8px;height:52px;background-repeat:no-repeat;background-image:linear-gradient(to top,#F2F2F2 1px,transparent 1px);background-size:100% 1px;background-position:bottom center}.mnGnbHeader .mnAsideButton{display:block;position:absolute;top:50%;left:14px;width:24px;height:24px;background:transparent;transform:translateY(-50%)}.mnGnbHeader .mnAsideButton .mnLine{display:block;position:absolute;top:50%;left:50%;width:16px;height:2px;background:#161616}.mnGnbHeader .mnAsideButton .mnLine.top{transform:translate(-50%,-7px)}.mnGnbHeader .mnAsideButton .mnLine.middle{transform:translate(-50%,-50%)}.mnGnbHeader .mnAsideButton .mnLine.bottom{transform:translate(-50%,5px)}.mnGnbHeader .mnGnbLogo{display:flex}.mnGnbHeader .mnLoginButton{box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:16px;margin:0;padding:0 9px;border:1px solid #ABB0BB;border-radius:4px;height:30px;background:transparent;font-size:10px;font-weight:600;line-height:11px;color:#7a7a7a;transform:translateY(-50%)}.mnGnbHeader .mnHelpCenter{position:absolute;top:50%;right:86px;transform:translateY(-50%);z-index:1}.mnGnbHeader .mnHelpCenterButton{overflow:hidden;display:flex;margin:0;padding:0;border:0;background:transparent}.mnGnbHeader .mnSuperboardLink{box-sizing:border-box;overflow:hidden;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:46px;margin:0;padding:0;border:1px solid #DFDFDF;border-radius:4px;width:46px;height:32px;background:#fff;transform:translateY(-50%)}.mnGnbHeader .mnMyPageButton{overflow:hidden;display:flex;position:absolute;top:50%;right:14px;margin:0;padding:0;border-radius:100%;background:transparent;transform:translateY(-50%)}.mnGnbHeader .mnNotificationButton{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:52px;margin:0;padding:0;width:24px;height:24px;background:transparent;transform:translateY(-50%)}.mnMainMenuNav{display:flex;justify-content:center;width:100%;background:#fff}.mnMainMenuList{flex-grow:1;display:flex;margin:0;padding:0;max-width:480px;background:url(../images/gnb/bg_main_menu.svg) no-repeat center}.mnMainMenuItem{flex:1 0 0%;min-width:0%}.mnMainMenuLink,.mnMainMenuButton{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;width:100%;height:56px;background:transparent}.mnMainMenuLink .mnIcon,.mnMainMenuButton .mnIcon{display:block;width:24px;height:24px;background-repeat:no-repeat;background-position-x:0;background-image:url(../images/gnb/sp_icon_main_menu.png);background-size:72px 184px}.mnMainMenuLink .mnIcon.community,.mnMainMenuButton .mnIcon.community{background-position-y:-40px}.mnMainMenuLink .mnIcon.member,.mnMainMenuButton .mnIcon.member{background-position-y:-80px}.mnMainMenuLink .mnIcon.stories,.mnMainMenuButton .mnIcon.stories{background-position-y:-120px}.mnMainMenuLink .mnIcon.my,.mnMainMenuButton .mnIcon.my{width:32px;background-position-y:-160px}.mnMainMenuLink .mnText,.mnMainMenuButton .mnText{font-size:10px;font-weight:500;line-height:14px;color:#7a7a7a}.mnMainMenuLink .mnRound,.mnMainMenuButton .mnRound{box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1px solid #F2F2F2;border-radius:28px;width:56px;height:56px;background:#fff;box-shadow:0 4px 10px #0000001f}.mnMainMenuLink.current .mnIcon,.mnMainMenuButton.current .mnIcon{background-position-x:-40px}.mnMainMenuLink.current .mnText,.mnMainMenuButton.current .mnText{color:#007eff}.mnMyMatchModal{box-sizing:border-box;display:flex;justify-content:center;position:fixed;top:0;bottom:0;left:0;padding:16px;width:100%;background:#0006;z-index:999}.mnMyMatchModal iframe{overflow:hidden;display:block;position:relative;top:50%;border:0;border-radius:8px;width:100%;max-width:340px;max-height:645px;background:#fff;transform:translateY(-50%)}.mnSubMenuNav{box-sizing:border-box;flex-shrink:0;padding:0 16px;height:40px;background:linear-gradient(180deg,#cae2ff,#fff);z-index:10}.mnSubMenuList{box-sizing:border-box;list-style:none;display:flex;margin:0 auto;padding:5px 0 0;border-bottom:1px solid #F2F2F2;max-width:480px}.mnSubMenuItem{flex:1 0 0%}.mnSubMenuLink{box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative;height:34px;font-family:inherit;font-size:10px;font-weight:500;line-height:14px;color:#161616;text-decoration:none;outline:none}.mnSubMenuLink.active{color:#007eff}.mnSubMenuLink.active:after{content:"";display:block;position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#007eff;z-index:1}