@charset "utf-8";@charset "utf-8";html{width:100%;height:100%}body{margin:0;width:100%;height:100%;background:#14171e;color:#d8d8d8;font-size:12px;font-family:'webfont','Nanum Gothic'}input::-ms-clear{display:none}select::-ms-expand{display:none}*:focus{outline:none}::selection,::moz-selection{background-color:#2e55ee}p{margin:0}a{font-size:13px;font-weight:normal;color:inherit}a:hover,a:focus,a:active,a:link,a:visited{text-decoration:none}[type=button]{border:none;-webkit-appearance:none}table{width:100%;border-spacing:0}.table-footer-line{border-bottom:1px solid #3e475f}img{border-style:none;border:0}label{margin-bottom:0}ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;list-style-image:none;margin:0;padding:0}ul li{position:relative;display:-moz-inline-stack;display:inline-block;*display:inline}i{font-family:'Font Awesome 5 Free','Font Awesome 5 Brands','Material Icons';vertical-align:middle}h1.logo{padding-top:10px;color:#fff;font-family:'Russo One','Nanum Gothic';font-size:3.2rem;letter-spacing:2px;text-align:center}h1.logo .animated{background-image:linear-gradient(45deg,#ff9c00 25%,transparent 25%,transparent 50%,black 50%,#ff9c00 75%,transparent 75%,transparent);background-size:16rem 16rem;background-color:#ff9c00;animation:progress-bar-stripes2 3s linear infinite;background-clip:text;-webkit-animation:progress-bar-stripes2 3s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@-webkit-keyframes progress-bar-stripes2{from{background-position:16rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes2{from{background-position:16rem 0}to{background-position:0 0}}.text-color{color:#ff9c00!important}.server-time{color:#ff9c00;font-size:14px;font-family:stencil-std,sans-serif;font-weight:bold;font-style:normal;letter-spacing:-.01rem}.server-time #alarm_icon{color:#d8d8d8;font-size:16px;margin-right:0;vertical-align:middle}.notice-icons{display:inline-block;width:30px;height:30px;font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:30px;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.notice-icons:hover{color:#ff9c00;cursor:pointer}.nodata{border:1px solid #292f3c;padding:100px 0;font-size:13px;text-align:center}.page-link{padding:.6rem .84rem;color:#d8d8d8;background-color:#14171e;border:1px solid #282e3d}.page-item.disabled .page-link{color:#727272;background-color:#14171e;border-color:#282e3d}.page-link:hover,.page-item.active .page-link{color:#ff9c00;background-color:#353c4a;border-color:#3d465b}aside.left{width:310px;min-width:310px;max-width:310px;padding:10px}aside.right{width:280px;min-width:280px;max-width:280px;padding:10px}aside.body{position:relative;min-width:1000px;min-height:860px;width:calc(100% - (310px + 280px));padding:10px 0}aside.left>div,aside.right>div,aside.body>div{width:100%;height:100%}aside.left section.header,aside.right section.header,aside.body section.header{width:100%;height:146px;border-bottom:2px solid #ff9c00;margin-bottom:8px}aside.left section.header .top,aside.right section.header .top,aside.body section.header .top{width:100%;height:88px}aside.left section.header .bottom,aside.right section.header .bottom,aside.body section.header .bottom{width:100%;height:56px;line-height:56px;vertical-align:middle;color:#d8d8d8;font-size:16px;font-weight:normal;background-color:#1d212a}aside.left section.header .bottom a:hover,aside.right section.header .bottom a:hover,aside.body section.header .bottom a:hover{color:#ff9c00}aside.left section.contents{margin-top:10px}aside.left section.contents .title a{display:block;width:100%;height:40px;line-height:40px;vertical-align:middle;padding-left:30px;background-color:#292f3c}aside.left section.contents .title a:hover,aside.left section.contents .title a:focus,aside.left section.contents .title a:active{color:#d8d8d8;background-color:#292f3c}aside.left section.contents .title a i{padding-right:10px;color:#ff9c00;font-size:21px}.aside-scroll-notice li:nth-child(1){width:54px;height:56px;text-align:center}.aside-scroll-notice li:nth-child(2){width:256px;height:56px;padding-right:10px;overflow:hidden}.aside-scroll-notice li:nth-child(2) marquee{width:100%;height:100%}.aside-scroll-notice li:nth-child(2) marquee span{display:inline-block;padding-left:10px;color:#47c83e}.aside-scroll-notice li:nth-child(2) marquee span label{color:#ff9c00}.aside-menu table td{width:50%}.aside-menu table td[colspan='2']{width:100%}.aside-menu table td a{display:block;width:100%;height:63px;line-height:63px;vertical-align:middle;padding-left:30px;background-color:#1d212a}.aside-menu table td a:hover{color:#ff9c00;background-color:#353c4a}.aside-menu table td a i{padding-right:10px;font-size:16px}.aside-menu table td a i.fa-telegram-plane{color:#35bae7}.aside-menu table td a *{color:inherit}.aside-sports .game{margin-top:2px}.aside-sports .game>a{padding-left:10px;display:block;width:100%;height:34px;line-height:34px;font-size:12px;vertical-align:middle;background-color:#1d212a}.aside-sports .game>a:hover{color:#ff9c00;background-color:#353c4a}.aside-sports .game>a ul{height:100%}.aside-sports .game>a ul li{height:100%}.aside-sports .game>a ul li.icon{width:34px;padding-top:6px}.aside-sports .game>a ul li.count{width:50px;padding-right:10px;text-align:right}.aside-sports .game>a ul li.name{width:calc(100% - 84px);overflow:hidden}.aside-sports .league{margin-top:2px}.aside-sports .league>a{padding-left:20px;display:block;width:100%;height:34px;line-height:34px;font-size:12px;vertical-align:middle;background-color:#1d212a}.aside-sports .league>a:hover{color:#ff9c00;background-color:#353c4a}.aside-sports .league>a ul{height:100%}.aside-sports .league>a ul li{height:100%}.aside-sports .league>a ul li.icon{width:24px;padding-top:2px}.aside-sports .league>a ul li.count{width:40px;padding-right:10px;text-align:right}.aside-sports .league>a ul li.name{width:calc(100% - 64px);overflow:hidden}.aside-minigame .game{margin-top:2px}.aside-minigame .game>a{padding-left:10px;display:block;width:100%;height:34px;line-height:34px;font-size:12px;vertical-align:middle;background-color:#1d212a}.aside-minigame .game>a:hover{color:#ff9c00;background-color:#353c4a}.aside-minigame .game>a ul{height:100%}.aside-minigame .game>a ul li{height:100%}.aside-minigame .game>a ul li.time{width:50px;padding-right:10px;text-align:right}.aside-minigame .game>a ul li.time>div{width:100%;height:26px;line-height:26px;margin-top:4px;color:#ff9c00;font-size:90%;text-align:center;background:#14171e;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.aside-minigame .game>a ul li.time>div span{color:#666}.aside-minigame .game>a ul li.name{width:calc(100% - 50px);padding-left:10px;overflow:hidden}aside.body .top ul li{width:calc(100%/8)}aside.body .top ul li a{display:block;height:80px;line-height:80px;font-size:1.04rem;text-align:center;background-color:inherit}aside.body .top ul li a.on,aside.body .top ul li a:hover{color:#ff9c00;background:url(/images/bg/nav-hover.png) no-repeat center}aside.body .bottom table{width:100%;height:100%}aside.body .bottom table td:nth-child(1){width:300px;padding-left:30px}aside.body .bottom table td:nth-child(1) .menu-name i{color:#fff;font-size:21px;margin-right:10px}aside.body .bottom table td:nth-child(2){width:calc(100% - 300px);padding-right:20px}aside.body .bottom table td:nth-child(2) ul.sports li{margin-left:30px}aside.body .bottom table td:nth-child(2) ul.sports li i{margin-right:5px}aside.body .bottom .button{padding:0;margin-right:-15px;height:36px;line-height:36px;vertical-align:middle;border-radius:3px}aside.body .bottom .button:hover{color:#fff!important}.member-info{position:relative;width:100%;height:100%;padding:0 10px;background:url(/images/bg/member-info.png) no-repeat center top}.member-info a{font-size:12px;background:none}.member-info a:hover{color:#ff9c00}.member-info a i{font-size:14px;margin-right:4px}.member-info a+label{display:inline-block;font-size:12px;margin-left:2px}.member-info .member-grade{position:relative;width:100%;height:60px}.member-info .member-grade img{position:absolute;top:24px;left:8px}.member-info .mypage{width:100%;height:24px;font-size:12px;text-align:right}.member-info .mypage .nickname{color:#ff9c00;font-size:14px}.member-info .info{width:100%;height:24px;line-height:24px;margin-bottom:5px;font-size:12px;background:#13161d}.member-info .info ul{width:100%;height:100%}.member-info .info ul li:nth-child(1){width:90px;text-align:center}.member-info .info ul li:nth-child(2){width:60px}.member-info .info ul li:nth-child(3){width:calc(100% - 150px);padding-right:6px;text-align:right}.aside-group{width:100%;margin-bottom:10px}.aside-group .title{width:100%;padding:10px;text-align:center;font-size:12px;letter-spacing:.1rem;background:#1d212a}.aside-group .title i{color:#ff9c00;font-size:16px;margin-right:10px}.aside-group .title .server-time{width:100%;height:40px;line-height:40px;vertical-align:middle;background:#14171e}.aside-group .contents{padding:10px 0 10px 30px;background-color:#232833}.aside-group .contents table{width:100%}.aside-group .contents table td{width:100%;padding:5px 0}.aside-group .contents table td a{display:block;font-size:12px;background:inherit}.aside-group .contents table td a:hover{color:#ff9c00}.aside-group .contents table td a i{margin-right:8px}.aside-footer{padding:30px 10px 10px;width:100%;height:354px;text-align:center;background:url(/images/bg/aside-bottom.jpg) no-repeat top center}.aside-footer p{width:100%;height:22px;line-height:22px;font-size:13px;margin:0}.aside-footer p em{color:#ff9c00;font-style:normal}@charset "utf-8";.player{position:absolute;width:100%;height:100%;min-width:1500px;min-height:800px;z-index:auto}.player video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:0;opacity:.6;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.player .player-cover{position:absolute;top:0;right:0;left:0;height:100%;background:url(/images/bg/dim.png) no-repeat 50% 0;background-repeat:repeat-y;z-index:10}h1.logo{display:block;position:absolute;z-index:30;top:50%;width:100%;margin-top:-350px;font-family:'Russo One','Nanum Gothic';font-size:140px;text-align:center;letter-spacing:2px;color:#fff}h1.logo .animated{background-image:linear-gradient(45deg,#ff9c00 25%,transparent 25%,transparent 50%,black 50%,#ff9c00 75%,transparent 75%,transparent);background-size:16rem 16rem;background-color:#ff9c00;animation:progress-bar-stripes2 3s linear infinite;background-clip:text;-webkit-animation:progress-bar-stripes2 3s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@-webkit-keyframes progress-bar-stripes2{from{background-position:16rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes2{from{background-position:16rem 0}to{background-position:0 0}}.footer{position:fixed;bottom:0;margin-bottom:40px;width:100%;text-align:center;z-index:20}.footer span{display:block;font-family:'Malgun Gothic','맑은고딕',Dotum,'돋움',Hevetica,AppleGothic,sans-serif;font-size:10pt;color:#555}.footer span a{color:#777;text-decoration:underline}.menu{position:absolute;left:0;bottom:0;width:100%;height:285px;opacity:1;overflow:hidden;z-index:20}.menu ul{position:relative;width:1539px;height:285px;margin:0 auto}.menu ul li{width:384px;height:285px;border-top:1px solid rgba(255,233,214,.16);text-align:center;color:#fff}.menu ul li:before{content:'';position:absolute;top:-1px;left:50%;margin-left:-35px;width:70px;height:1px;background:#2e55ee}.menu ul li .title{padding:25px 0;font-size:18px;font-weight:bold}.menu ul li .describe{font-size:14px;color:#bbb}.login .form{position:absolute;top:50%;width:100%;min-width:730px;margin-top:-100px;text-align:center;z-index:30}.login .form form{display:inline-block}.login .form form table td{padding:0 0 0 2px}.login .form form input{display:inline-block;background:transparent;border:1px solid #fff;padding:0 15px;margin-left:7px;width:200px;height:43px;line-height:43px;font-size:14px;color:#fff;letter-spacing:2px}.login .form form input:focus{border-radius:unset}.signin .form{position:absolute;top:50%;width:100%;min-width:730px;margin-top:-100px;text-align:center;z-index:30}.signin .form form{display:inline-block}.signin .form form table td{padding:0 0 0 2px}.signin .form form input{display:inline-block;background:transparent;border:1px solid #fff;padding:0 15px;margin-left:7px;height:42px;line-height:42px;font-size:14px;color:#fff;letter-spacing:2px;vertical-align:middle}.signin .form form input:focus{border-radius:unset}.signin .form form input.userid,.signin .form form input.passwd{width:160px}.signin .form form input.captchatext{width:100px}.signin .form form img.captchaimage{display:inline-block;width:100px;height:44px;border:1px solid gray;vertical-align:middle}.step{position:absolute;z-index:20;top:50%;left:60px;width:160px;height:205px;margin-top:-175px}.step ol{margin:0;padding:0;list-style:none}.step ol li{position:relative}.step ol li:not(:last-child):before{content:'';position:absolute;top:31px;left:12px;width:1px;height:calc(100% - 20px);display:block;background:rgba(255,255,255,.5)}.step ol li a{position:relative;display:block;width:145px;height:90px;line-height:41px;text-align:left;color:#aaa}.step ol li a:before{content:'';position:absolute;top:0;left:0;width:26px;height:26px;display:block;background:url(/images/icon/icon-nav-off.png) no-repeat 0 0}.step ol li a:after{content:'';display:block;position:absolute;top:0;left:0;width:26px;height:26px;background:url(/images/icon/icon-nav-on.png) no-repeat 0 0;opacity:0;-ms-transform:scale(.5) rotate(-180deg);transform:scale(.5) rotate(-180deg);transition:.3s}.step ol li a:hover{color:#eee}.step ol li a:hover after{opacity:1;-ms-transform:scale(1);transform:scale(1)}.step ol li a.active{color:#0070ff}.step ol li a.active:after{opacity:1;-ms-transform:scale(1);transform:scale(1)}.step ol li h4{font-size:18px;margin-top:2px;margin-bottom:0;margin-left:40px}.signup-step1{position:absolute;top:18%;width:100%;min-width:730px;text-align:center;z-index:30}.signup-step1 h2{font-size:3rem;font-weight:bold;margin:0 auto 30px auto}.signup-step1 .joincode-wrap{display:inline-block;position:relative;width:960px;height:420px;padding-top:146px;border-top:2px solid #0070ff;border-bottom:2px solid #0070ff;background-color:rgba(0,0,0,.4)}.signup-step1 .joincode-wrap h6{font-weight:100;margin-bottom:50px}.signup-step1 .joincode-wrap table{margin:0 auto}.signup-step1 .joincode-wrap table td{padding:0 0 0 2px}.signup-step1 .joincode-wrap input{display:inline-block;background:transparent;border:1px solid #fff;padding:0 15px;margin-left:7px;width:200px;height:43px;line-height:43px;font-size:14px;color:#fff;letter-spacing:2px}.signup-step1 .joincode-wrap input:focus{border-radius:unset}.signup-step2{position:absolute;top:10%;width:100%;min-width:730px;text-align:center;z-index:30}.signup-step2 h2{font-size:3rem;font-weight:bold;margin:0 auto 30px auto}.signup-step2 .information-wrap{display:inline-block;position:relative;width:960px;height:600px;padding:30px 0;border-top:2px solid #0070ff;border-bottom:2px solid #0070ff;background-color:rgba(0,0,0,.4)}.signup-step2 .information-wrap table{margin:0 auto}.signup-step2 .information-wrap table td{padding:0 10px}.signup-step2 .information-wrap .form-group{position:relative;width:260px;margin-bottom:20px;text-align:left}.signup-step2 .information-wrap .form-group label{display:block;color:#fff;margin-bottom:8px}.signup-step2 .information-wrap .form-group input{display:block;width:100%;height:34px;padding:6px;color:#fff;font-size:14px;letter-spacing:2px;background:none;border:1px solid gray}.signup-step2 .information-wrap .form-group input:focus{border-radius:unset;border-color:#fff}.signup-step2 .information-wrap .form-group input::-webkit-input-placeholder{color:#aaa;font-size:12px;font-family:'Malgun Gothic','맑은고딕';letter-spacing:-.02rem}.signup-step2 .information-wrap .form-group input:-moz-placeholder{color:#aaa;font-size:12px;font-family:'Malgun Gothic','맑은고딕';letter-spacing:-.02rem}.signup-step2 .information-wrap .form-group input::-moz-placeholder{color:#aaa;font-size:12px;font-family:'Malgun Gothic','맑은고딕';letter-spacing:-.02rem}.signup-step2 .information-wrap .form-group input:-ms-input-placeholder{color:#aaa;font-size:12px;font-family:'Malgun Gothic','맑은고딕';letter-spacing:-.02rem}.signup-step2 .information-wrap .form-group select{width:100%;height:33px;padding:4px;background:transparent;color:#fff}.signup-step2 .information-wrap .form-group select option{color:#000}.signup-step2 .information-wrap .captcha-form input,.signup-step2 .information-wrap .captcha-form img,.signup-step2 .information-wrap .captcha-form a{display:inline-block;vertical-align:middle}.signup-step2 .information-wrap .captcha-form input{width:100px}.signup-step3{position:absolute;top:18%;width:100%;min-width:730px;text-align:center;z-index:30}.signup-step3 h2{font-size:3rem;font-weight:bold;margin:0 auto 30px auto}.signup-step3 .complete-wrap{display:inline-block;position:relative;width:960px;height:420px;padding-top:146px;border-top:2px solid #0070ff;border-bottom:2px solid #0070ff;background-color:rgba(0,0,0,.4)}.signup-step3 .complete-wrap h6{font-weight:100;margin-bottom:20px;letter-spacing:2px}