@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap");@font-face{font-family:'ONHyaryongdoR';src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/ONHyaryongdoR.woff") format("woff");font-weight:normal;font-style:normal}#nd-gnb-wrap{user-select:none;position:absolute;width:100%;z-index:999}#nd-gnb-wrap .header{position:relative;background-color:rgba(0,0,0,0.5)}#nd-gnb-wrap .header .menu_container{height:60px;display:flex;justify-content:space-between;align-items:center;font-family:'Roboto';font-weight:bold}#nd-gnb-wrap .header .menu_container .left-side-wrapper{display:flex;justify-content:flex-start}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper{width:45px}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper input[id="menuicon"]{display:none}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .menubtn{display:block;width:25px;height:20px;position:absolute;top:50%;left:10px;transform:translateY(-50%);cursor:pointer}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .menubtn span{display:block;position:absolute;width:80%;height:2px;border-radius:30px;background:#CFCFCF;transition:all .3s}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar{position:fixed;top:65px;left:-250px;width:250px;height:100vh;text-align:left;background:#FFFFFF;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);z-index:999;transition:all 0.3s ease}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar .m-menu-logo{display:block;padding-top:10px;padding-bottom:17px;text-align:center}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar .m-menu-logo .menu-logo-img{width:100%;max-width:100px}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar .div-menu-line{height:1px;width:100%;border:1px solid rgba(189,189,189,0.5);box-shadow:0 1px 0 0 rgba(255,255,255,0.1)}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul a{display:block;line-height:19px;font-size:16px;font-weight:400;padding-top:15px;padding-bottom:14px;padding-left:30px}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul a li.sidebar--li span{color:#555555;font-weight:bold;text-decoration:none;transition:all .3s ease;position:relative}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul a li.sidebar--li span:after{display:block;position:absolute;width:100%;left:0;content:'';border-bottom:3px solid #F2C15A;transform:scaleX(0);transform-origin:0% 50%;transition:all 0.3s ease-in-out}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul a:hover>li.sidebar--li span{color:#F2C15A;border:none}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul a:hover>li.sidebar--li span:after{transform:scaleX(1)}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul a:hover>li.sidebar--li span.sidemenu-inactive{visibility:visible;opacity:1}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul a:hover>li.sidebar--li span.sidemenu-inactive:after{transform:scaleX(0)}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul a.nav-active label{color:#F2C15A}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul a.nav-active>li.sidebar--li span{color:#F2C15A}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu{padding:0}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu .sub-menu-show{padding-top:15px;padding-bottom:14px;padding-left:30px}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu input{display:none}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu ul.sidebar-submenu{position:absolute;margin-top:14px;left:0px;width:250px;visibility:hidden;opacity:0;transform:translateY(-2em);z-index:-1;background-color:#F0F0F0;transition:all 0s ease}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu ul.sidebar-submenu a{border-bottom:0;position:relative}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu ul.sidebar-submenu a li.sub-li span{color:#555555;margin-left:20px;font-weight:300;border:none;transition:all .3s ease;position:relative}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu ul.sidebar-submenu a li.sub-li span:after{display:block;position:absolute;width:100%;left:0;content:'';border-bottom:1px solid #F2C15A;transform:scaleX(0);transform-origin:0% 50%;transition:all 0.3s ease-in-out}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu ul.sidebar-submenu:hover a:hover .sub-li span{color:#F2C15A}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu ul.sidebar-submenu:hover a:hover .sub-li span:after{transform:scaleX(1)}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu .sub-menu-show{display:block;position:relative;color:#555555;font-size:16px;font-weight:bold;margin:0;cursor:pointer}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu .sub-menu-show .more-sign{position:absolute;right:20px;font-size:24px;font-weight:100;line-height:16px}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu .sub-menu-show.m-btn-game:after{display:block;position:absolute;width:20%;content:'';border-bottom:3px solid #F2C15A;transform:scaleX(0);transform-origin:0% 50%;transition:all 0.3s ease-in-out}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu .sub-menu-show:hover{transition:all 0.3s ease;color:#F2C15A}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu .sub-menu-show:hover.m-btn-game:after{transform:scaleX(1)}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar ul.sidebar--ul li.has-submenu #nd_m_game_h:checked+ul.sidebar-submenu{position:relative;visibility:visible;opacity:1;z-index:1;transform:translateY(0);transition:0.3s ease}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar .menu-download-m-btn{display:block;width:200px;height:60px;margin:40px 25px;background:linear-gradient(180deg, #FDDA1E 0%, #FFB776 100%);box-shadow:inset 0 0 2px 0 #FFFFFF;border-style:none;text-align:center;color:#000000;font-family:'ONHyaryongdoR';font-size:20px;font-weight:bold;line-height:60px;text-transform:uppercase;text-shadow:0 0 2px #FFFFFF;animation:animate_nd_btn_normal .2s linear forwards;animation-iteration-count:1}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .sidebar .menu-download-m-btn:hover{animation:animate_nd_btn_hover .2s linear forwards;animation-iteration-count:1}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .menubtn span:nth-child(1){top:20%;left:50%;transform:translateX(-50%)}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .menubtn span:nth-child(2){top:50%;left:50%;transform:translate(-50%, -50%)}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper .menubtn span:nth-child(3){bottom:20%;left:50%;transform:translateX(-50%)}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper input[id="menuicon"]:hover ~ .menubtn span:nth-child(1){top:52%;left:57%;height:2px;transform:translate(-50%, -50%) scale(0.8) rotate(315deg)}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper input[id="menuicon"]:hover ~ .menubtn span:nth-child(2){top:64%;left:54%;height:4px;transform:translate(-50%, -50%) scale(0.5) rotate(154deg)}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper input[id="menuicon"]:hover ~ .menubtn span:nth-child(3){top:76%;left:72%;height:2px;transform:translate(-50%, -50%) scale(1.1) rotate(-258deg)}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper input[id="menuicon"]:checked ~ .menubtn{z-index:1000}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper input[id="menuicon"]:checked ~ .menubtn span{background:#747474}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper input[id="menuicon"]:checked ~ .menubtn span:nth-child(1){top:50%;left:50%;transform:translate(-50%, -50%) scale(0.8) rotate(-45deg)}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper input[id="menuicon"]:checked ~ .menubtn span:nth-child(2){top:50%;left:50%;transform:translate(-50%, -50%);opacity:0}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper input[id="menuicon"]:checked ~ .menubtn span:nth-child(3){top:50%;left:50%;height:2px;transform:translate(-50%, -50%) scale(0.8) rotate(45deg)}#nd-gnb-wrap .header .menu_container .left-side-wrapper .mobile-menu-wrapper input[id="menuicon"]:checked ~ .sidebar{left:0}#nd-gnb-wrap .header .menu_container .left-side-wrapper .menu-logo{padding-bottom:10px;padding-left:10px}#nd-gnb-wrap .header .menu_container .left-side-wrapper .menu-logo a .menu-logo-img{width:100px}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul{position:relative}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.topbar-li{display:inline-block;line-height:normal;padding-top:15px;padding-left:3rem;font-size:16px}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.topbar-li a.top-nav{box-sizing:border-box;color:#FFFFFF;text-decoration:none;text-transform:uppercase;letter-spacing:0.5px;padding-top:0px;padding-left:0px;padding-bottom:11px;transition:all 0.3s ease}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.topbar-li a.top-nav:after{display:block;content:'';border-bottom:3px solid #F2C15A;transform:scaleX(0);transform-origin:0% 50%;transition:all 0.3s ease-in-out;padding-bottom:17px}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.topbar-li:hover a.top-nav{color:#F2C15A}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.topbar-li:hover a.top-nav .badge-soon{opacity:1;visibility:visible}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.topbar-li:hover a.top-nav:after{transform:scaleX(1)}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.topbar-li:hover a.top-nav.menu-inactive:after{transform:scaleX(0)}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.nav-active a.top-nav{color:#F2C15A}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.nav-active a.top-nav:after{transform:scaleX(1)}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.dropdown{cursor:pointer}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.dropdown .sub-menu{visibility:hidden;opacity:0;transform:translateY(-1em);transition:all 0.3s ease;background-color:rgba(0,0,0,0.5);position:absolute;top:54px;height:50px;width:100vw;z-index:21;text-align:left;border-top:1px solid rgba(255,255,255,0.5);display:flex;justify-content:flex-start;align-items:center}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.dropdown .sub-menu .sub-li{position:relative;font-size:15px;line-height:22px;padding-left:3rem}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.dropdown .sub-menu .sub-li a{color:#FFFFFF;width:180px;transition:all 0.3s ease}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.dropdown .sub-menu .sub-li a:hover{color:#F2C15A;border:none}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.dropdown .sub-menu.game{left:-172px;padding-left:172px}#nd-gnb-wrap .header .menu_container .left-side-wrapper ul.topbar--ul li.dropdown:hover .sub-menu{visibility:visible;opacity:1;transform:translateY(0);transition:all 0.3s ease}#nd-gnb-wrap .header .menu_container .right-side-wrapper{display:flex;justify-content:flex-end}#nd-gnb-wrap .header .menu_container .right-side-wrapper .menu-download-btn{position:absolute;top:0px;right:0px;width:320px;height:60px;transition:0.5s;background:linear-gradient(180deg, #FDDA1E 0%, #FFB776 100%);box-shadow:inset 0 0 2px #FFFFFF;border-style:none;text-align:center;color:#000000;font-family:'ONHyaryongdoR';font-size:20px;font-weight:bold;line-height:60px;text-transform:uppercase;text-shadow:0 0 2px #FFFFFF;animation:animate_nd_btn_normal .2s linear forwards;animation-iteration-count:1}#nd-gnb-wrap .header .menu_container .right-side-wrapper .menu-download-btn:hover{animation:animate_nd_btn_hover .2s linear forwards;animation-iteration-count:1}.badge-soon{width:max-content;position:absolute;padding-top:2px;padding-right:8px;padding-left:8px;padding-bottom:2px;border-radius:10px;background-color:#C9A56D;top:-2px;left:26px;font-family:"Roboto";color:#FFFFFF;font-size:12px;font-weight:300;line-height:14px;text-transform:uppercase;opacity:0;visibility:hidden;transition:all .3s ease}@keyframes animate_nd_btn_normal{0%{background:linear-gradient(180deg, #FDDA1E 0%, #FFB776 5%)}20%{background:linear-gradient(180deg, #FDDA1E 0%, #FFB776 20%)}40%{background:linear-gradient(180deg, #FDDA1E 0%, #FFB776 35%)}60%{background:linear-gradient(180deg, #FDDA1E 0%, #FFB776 70%)}80%{background:linear-gradient(180deg, #FDDA1E 0%, #FFB776 90%)}100%{background:linear-gradient(180deg, #FDDA1E 0%, #FFB776 100%)}}@keyframes animate_nd_btn_hover{0%{background:linear-gradient(180deg, #FFB776 0%, #FDDA1E 5%)}20%{background:linear-gradient(180deg, #FFB776 0%, #FDDA1E 20%)}40%{background:linear-gradient(180deg, #FFB776 0%, #FDDA1E 35%)}60%{background:linear-gradient(180deg, #FFB776 0%, #FDDA1E 70%)}80%{background:linear-gradient(180deg, #FFB776 0%, #FDDA1E 90%)}100%{background:linear-gradient(180deg, #FFB776 0%, #FDDA1E 100%)}}