[arena-home-grand]{position:relative;width:100%;height:200px}[arena-home-grand] img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}[arena-home-grand] .arena-home-text{position:absolute;left:50%;top:50%;right:auto;bottom:auto;width:100%;transform:translate(-50%,-50%);font-size:24px;line-height:32px;font-weight:700;color:#fff;text-align:center}[arena-home-grand] .arena-home-text p{opacity:0;visibility:hidden;animation:fadeUpText .8s ease-in-out forwards}[arena-home-grand] .arena-home-text p:nth-child(2){animation-delay:.5s}@media (min-width:768px){[arena-home-grand]{height:230px}[arena-home-grand] .arena-home-text{font-size:32px;line-height:40px}}@keyframes fadeUpText{0%{transform:translateY(10px);opacity:0;visibility:hidden}to{transform:translateY(0);opacity:1;visibility:visible}}[game-simple-item]{display:inline-block;padding:10px;border-radius:20px;background-color:#1a1d21;border:1px solid}[game-simple-item]:hover{opacity:.8}[game-simple-item] .simple-item{width:100%;display:flex;align-items:center}[game-simple-item] .simple-item .logo{flex:none;width:32px;height:32px;border-radius:16px;background-color:#242a32;margin-right:10px}[game-simple-item] .simple-item .title-ko{width:100%;font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[show-more-button]{width:100%;height:40px;position:relative}[show-more-button]>button{width:87px;height:100%;position:absolute;z-index:2;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);border-radius:12px}[show-more-button]>button.light-gray{color:#787781}[show-more-button]>button.light-gray .stroke-target{stroke:#787781}[show-more-button]>button svg{width:16px;display:inline-block;margin-left:4px;margin-bottom:2px}[show-more-button]:before{content:"";display:block;position:absolute;width:100%;height:1px;background-color:#ebebf0;left:0;top:50%;right:auto;bottom:auto;transform:translateY(-50%);z-index:1}[show-more-button].dark>[color-button]{background-color:#313437;color:#787781}[show-more-button].dark>[color-button] .stroke-target{stroke:#787781}[show-more-button].dark>[color-button]:hover{background-color:#535353!important;color:#fff}[show-more-button].dark>[color-button]:hover .stroke-target{stroke:#fff}[show-more-button].dark:before{background-color:hsla(0,0%,100%,.2)}[arena-game-list]{padding-top:40px;padding-right:0;padding-bottom:20px;padding-left:0}[arena-game-list] [show-more-button]{margin-top:10px}[arena-game-list] .card-wrapper,[arena-game-list] .simple-wrapper{width:318px;margin-left:auto;margin-right:auto;font-size:0;font-size:medium!important}[arena-game-list] .card-wrapper>*,[arena-game-list] .simple-wrapper>*{display:inline-block;vertical-align:top}[arena-game-list] .card-wrapper [game-card],[arena-game-list] .card-wrapper [game-simple-item],[arena-game-list] .simple-wrapper [game-card],[arena-game-list] .simple-wrapper [game-simple-item]{width:150px;margin-right:18px}[arena-game-list] .card-wrapper [game-card]:nth-of-type(2n),[arena-game-list] .card-wrapper [game-simple-item]:nth-of-type(2n),[arena-game-list] .simple-wrapper [game-card]:nth-of-type(2n),[arena-game-list] .simple-wrapper [game-simple-item]:nth-of-type(2n){margin-right:0}[arena-game-list] .card-wrapper [game-card],[arena-game-list] .simple-wrapper [game-card]{margin-bottom:16px}[arena-game-list] .card-wrapper [game-simple-item],[arena-game-list] .simple-wrapper [game-simple-item]{margin-bottom:12px}@media (min-width:540px){[arena-game-list] .card-wrapper,[arena-game-list] .simple-wrapper{width:486px}[arena-game-list] .card-wrapper [game-card],[arena-game-list] .card-wrapper [game-simple-item],[arena-game-list] .simple-wrapper [game-card],[arena-game-list] .simple-wrapper [game-simple-item]{width:calc(33.33333% - 12px)}[arena-game-list] .card-wrapper [game-card]:nth-of-type(2n),[arena-game-list] .card-wrapper [game-simple-item]:nth-of-type(2n),[arena-game-list] .simple-wrapper [game-card]:nth-of-type(2n),[arena-game-list] .simple-wrapper [game-simple-item]:nth-of-type(2n){margin-right:18px}[arena-game-list] .card-wrapper [game-card]:nth-of-type(3n),[arena-game-list] .card-wrapper [game-simple-item]:nth-of-type(3n),[arena-game-list] .simple-wrapper [game-card]:nth-of-type(3n),[arena-game-list] .simple-wrapper [game-simple-item]:nth-of-type(3n){margin-right:0}[arena-game-list] .card-wrapper [game-card],[arena-game-list] .simple-wrapper [game-card]{margin-bottom:25px}}@media (min-width:768px){[arena-game-list]{padding-top:40px;padding-right:0;padding-bottom:0;padding-left:0}[arena-game-list] .card-wrapper,[arena-game-list] .simple-wrapper{width:636px}}@media (min-width:1024px){[arena-game-list] .card-wrapper,[arena-game-list] .simple-wrapper{width:100%}[arena-game-list] .card-wrapper [game-card],[arena-game-list] .card-wrapper [game-simple-item],[arena-game-list] .simple-wrapper [game-card],[arena-game-list] .simple-wrapper [game-simple-item]{width:calc(16.66667% - 15px)}[arena-game-list] .card-wrapper [game-card]:nth-of-type(3n),[arena-game-list] .card-wrapper [game-simple-item]:nth-of-type(3n),[arena-game-list] .simple-wrapper [game-card]:nth-of-type(3n),[arena-game-list] .simple-wrapper [game-simple-item]:nth-of-type(3n){margin-right:18px}[arena-game-list] .card-wrapper [game-card]:nth-of-type(6n),[arena-game-list] .card-wrapper [game-simple-item]:nth-of-type(6n),[arena-game-list] .simple-wrapper [game-card]:nth-of-type(6n),[arena-game-list] .simple-wrapper [game-simple-item]:nth-of-type(6n){margin-right:0}}@media (min-width:1260px){[arena-game-list]{padding-top:60px;padding-right:0;padding-bottom:0;padding-left:0}[arena-game-list] .simple-wrapper{margin-top:16px}[arena-game-list] .simple-wrapper [game-simple-item]{margin-bottom:20px}}[arena-home-create]{background-color:#fff;padding-bottom:40px;margin-top:28px}[arena-home-create] .create-container{width:100%;height:140px;position:relative}[arena-home-create] .create-container .bg-wrap{position:absolute;width:100%;height:100%;border-radius:8px;z-index:1;overflow:hidden}[arena-home-create] .create-container .bg-wrap .bg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center bottom;object-position:center bottom}[arena-home-create] .create-container .char{position:absolute;right:10px;bottom:0;left:auto;top:auto;width:130px;z-index:2}[arena-home-create] .create-container .char.char-riot{right:20px;width:auto!important;height:140px}[arena-home-create] .create-container .body{position:absolute;left:0;bottom:0;right:auto;top:auto;width:220px;height:100%;padding-top:24px;padding-right:0;padding-bottom:0;padding-left:20px;box-sizing:border-box;z-index:3}[arena-home-create] .create-container .body h4{color:#fff;font-size:16px;line-height:22px;font-weight:600}[arena-home-create] .create-container .body .btn-create{width:118px;height:32px;background-color:#df3a3a;border-radius:8px;color:#fff;font-size:12px;line-height:32px;font-weight:700;margin-top:16px;transition:background .4s ease;background-image:linear-gradient(90deg,#df3a3a 0,#f28c8c 51%,#df3a3a);background-size:200% auto}[arena-home-create] .create-container .body .btn-create.wide{width:180px}[arena-home-create] .create-container .body .btn-create:active,[arena-home-create] .create-container .body .btn-create:hover{background-position:100%}@media (min-width:768px){[arena-home-create] .create-container{height:170px}[arena-home-create] .create-container .bg-wrap{height:132px;left:0;bottom:0;right:auto;top:auto;border-radius:12px}[arena-home-create] .create-container .bg-wrap .bg{position:absolute;left:0;bottom:0;right:auto;top:auto}[arena-home-create] .create-container .char{width:160px;left:2%;bottom:0;right:auto;top:auto}[arena-home-create] .create-container .char.char-riot{left:4%;height:132px}[arena-home-create] .create-container .body{width:100%;height:132px;padding:0}[arena-home-create] .create-container .body h4{position:absolute;width:40%;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);text-align:center;font-size:20px;line-height:32px}[arena-home-create] .create-container .body .btn-create{position:absolute;right:30px;top:50%;left:auto;bottom:auto;transform:translateY(-50%);margin-top:0;width:140px;height:36px;font-size:14px;line-height:36px}[arena-home-create] .create-container .body .btn-create.wide{width:200px}}@media (min-width:768px) and (min-width:960px){[arena-home-create] .create-container .body h4{font-size:24px}}@media (min-width:1260px){[arena-home-create]{padding-bottom:60px;margin-top:50px}[arena-home-create] .create-container{height:180px}[arena-home-create] .create-container .bg-wrap{height:152px}[arena-home-create] .create-container .bg-wrap .bg{height:200px}[arena-home-create] .create-container .char{width:200px;left:50px}[arena-home-create] .create-container .char.char-riot{height:152px}[arena-home-create] .create-container .body{height:152px;border-radius:12px}[arena-home-create] .create-container .body h4{width:100%;font-size:28px}[arena-home-create] .create-container .body .btn-create{right:40px;width:168px;height:40px;font-size:16px;line-height:40px}[arena-home-create] .create-container .body .btn-create.wide{width:220px}}[arena-search-slider]{position:relative}[arena-search-slider] .search-title{text-align:left;font-size:20px}[arena-search-slider] .search-title em{margin-left:3px;font-size:14px;color:#a4a3ae}[arena-search-slider] .search-slider-top{width:100%;height:32px;margin-top:0;margin-right:0;margin-bottom:30px;margin-left:0;display:flex;justify-content:space-between;align-items:center}[arena-search-slider] .slider-paging{margin-right:84px;font-size:16px;font-weight:700}[arena-search-slider] .slider-paging em.gray{color:#a4a3ae;font-weight:400}[arena-search-slider] [slider]{position:relative}[arena-search-slider] [slider] .swiper-slide,[arena-search-slider] [slider] .swiper-slide [arena-card]{width:100%}[arena-search-slider] [slider] .swiper-slide [arena-card]:hover{filter:brightness(70%)}[arena-search-slider] [slider] .swiper-navigation{display:block!important;right:0;top:-60px;left:auto;bottom:auto}[arena-search-slider] [slider] .swiper-navigation a{background-color:#fff}@media (min-width:768px){[arena-search-slider] .search-title{font-size:30px}[arena-search-slider] .search-title em{font-size:20px}[arena-search-slider] .slider-paging{font-size:18px}[arena-search-slider] [slider] .swiper-slide{width:100%;font-size:0;font-size:medium!important}[arena-search-slider] [slider] .swiper-slide>*{display:inline-block;vertical-align:top}[arena-search-slider] [slider] .swiper-slide [arena-card]{width:calc(50% - 8px);margin-left:16px}[arena-search-slider] [slider] .swiper-slide [arena-card]:first-of-type{margin-left:0}}@media (min-width:1024px){[arena-search-slider] .slider-paging{margin-right:100px}[arena-search-slider] [slider] .swiper-container{overflow:hidden}[arena-search-slider] [slider] .swiper-navigation{right:0;top:-64px;left:auto;bottom:auto}}@media (min-width:1260px){[arena-search-slider] .slider-paging{font-size:20px}[arena-search-slider] [slider] .swiper-slide [arena-card]{width:calc(33.33333% - 10.66667px)}}[arena-home-search]{padding-top:40px;padding-right:0;padding-bottom:0;padding-left:0;background-color:#ebebf0}[arena-home-search] .search-form{text-align:center}[arena-home-search] .search-form h2{font-size:20px;letter-spacing:-.4px;color:#1a1d21}[arena-home-search] .search-form .search{font-size:0;margin-top:18px;padding-bottom:40px}[arena-home-search] .search-form .search>*{display:inline-block;vertical-align:top}[arena-home-search] .search-form .search label{position:relative;width:287px;height:40px}[arena-home-search] .search-form .search label input{background-color:#fff;width:100%;height:100%;display:block;box-sizing:border-box;padding-top:0;padding-right:12px;padding-bottom:0;padding-left:12px;color:#1a1d21;font-size:16px;border-radius:8px}[arena-home-search] .search-form .search label input::-moz-placeholder{color:#a4a3ae}[arena-home-search] .search-form .search label input::placeholder{color:#a4a3ae}[arena-home-search] .search-form .search label .btn-remove{position:absolute;right:10px;top:9px;left:auto;bottom:auto;width:22px;height:22px;opacity:.5}[arena-home-search] .search-form .search label .btn-remove svg path{stroke:#1a1d21}[arena-home-search] .search-form .search label .btn-remove:active,[arena-home-search] .search-form .search label .btn-remove:hover{opacity:1}[arena-home-search] .search-form .search .btn-search{width:40px;height:40px;background-color:#1a1d21;border-radius:8px;margin-left:8px}[arena-home-search] .search-form .search .btn-search:active,[arena-home-search] .search-form .search .btn-search:hover{opacity:.7}[arena-home-search] .search-form .search .btn-search svg{width:24px;height:24px;transform:translateY(2px)}[arena-home-search] .search-result{height:0;max-height:0;background-color:#f7f7f9;overflow:hidden;transition:max-height .4s ease}[arena-home-search] .search-result.show{height:auto;max-height:540px}[arena-home-search] .search-result .search-result-wrapper{padding-top:40px;padding-bottom:40px}@media (min-width:768px){[arena-home-search] .search-form h2{font-size:28px}[arena-home-search] .search-form .search{margin-top:24px}[arena-home-search] .search-form .search label{width:446px;height:40px}}@media (min-width:1260px){[arena-home-search]{padding-top:60px;padding-right:0;padding-bottom:0;padding-left:0}[arena-home-search] .search-form h2{font-size:32px}[arena-home-search] .search-form .search{margin-top:28px;padding-bottom:60px}[arena-home-search] .search-form .search label{width:632px;height:40px}[arena-home-search] .search-result .search-result-wrapper{padding-top:60px;padding-bottom:60px}}[arena-home-running]{padding-top:40px;padding-right:0;padding-bottom:100px;padding-left:0}[arena-home-running] .running-container .arena-list [arena-card]{margin-bottom:18px}[arena-home-running] .running-container .arena-list [arena-card]:hover{filter:brightness(70%)}[arena-home-running] .running-container [show-more-button]{margin-top:0}@media (min-width:768px){[arena-home-running] .running-container .arena-list{font-size:0;font-size:medium!important}[arena-home-running] .running-container .arena-list>*{display:inline-block;vertical-align:top}[arena-home-running] .running-container .arena-list [arena-card]{width:calc(50% - 8px);margin-right:16px;margin-bottom:32px}[arena-home-running] .running-container .arena-list [arena-card]:nth-of-type(2n){margin-right:0}[arena-home-running] .running-container .arena-list.wide{display:block}[arena-home-running] .running-container .arena-list.wide [arena-card]{width:100%;margin-right:0}}@media (min-width:1260px){[arena-home-running] .running-container .arena-list [arena-card]{width:calc(33.33333% - 10.66667px);margin-right:16px!important}[arena-home-running] .running-container .arena-list [arena-card]:nth-of-type(3n){margin-right:0!important}}[arena-home]{background-color:#fff;overflow-x:hidden}[arena-home] [arena-official-slider] .btn-more{display:none}[arena-home] [arena-recommend-slider] .swiper-navigation{right:80px}[arena-home] [slider] .swiper-navigation{display:none}[arena-home] [slider].nav-white .swiper-navigation{display:block}[arena-home] [slider].nav-white .swiper-navigation a{background-color:#fff}[arena-home] [slider].nav-white .swiper-navigation a:active,[arena-home] [slider].nav-white .swiper-navigation a:hover{background-color:#1a1d21}[arena-home] [slider].nav-white .swiper-navigation a:active svg path,[arena-home] [slider].nav-white .swiper-navigation a:hover svg path{stroke:#fff}@media (min-width:768px){[arena-home] [arena-home-running],[arena-home] [arena-recommend-slider]{padding-top:60px}[arena-home] [slider] .swiper-navigation{display:block}}.no-shrink{flex-shrink:0}[modal]{display:flex;justify-content:center;align-items:center}[modal],[modal]>.dim{position:absolute;width:100%;height:100%}[modal]>.dim{background-color:rgba(0,0,0,.7);left:0;top:0;right:auto;bottom:auto}[modal]>.panel{position:relative;border-radius:20px;width:100%;height:auto;overflow:hidden;box-shadow:0 3px 6px 0 #000;max-height:100%}[modal]>.panel>.header{padding-top:40px;padding-right:20px;padding-bottom:0;padding-left:20px;position:relative}[modal]>.panel>.header .close{position:absolute;right:20px;top:20px;left:auto;bottom:auto;z-index:100}[modal]>.panel>.header .close svg{display:block}[modal]>.panel>.scroll-area{overflow-y:scroll}[modal]>.panel.normal,[modal]>.panel>.scroll-area{padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px}[modal]>.panel.normal>.header{padding-top:22px;padding-right:0;padding-bottom:12px;padding-left:0;border-bottom:1px solid #ebebf0;margin-bottom:15px}[modal]>.panel.normal>.header .close{right:0}[modal]>.panel.normal>.header h2{font-size:16px}[modal]>.panel.normal .scroll-area{padding-top:0;padding-right:0;padding-bottom:30px;padding-left:0}[modal]>.panel.medium{padding-bottom:40px}[modal]>.panel.medium .scroll-area{padding-top:0;padding-right:26px;padding-bottom:0;padding-left:26px}[modal].light>.panel{background-color:#fff}[modal].light>.panel>.header .close svg .stroke-target{stroke:#191919}[modal].dark>.panel{background-color:#161a1d}[modal].dark>.panel>.header .close svg .stroke-target{stroke:#fff}[modal].transparent>.panel.large{background-color:transparent;box-shadow:none;border-radius:0}[modal].transparent>.panel.large>.header{padding-top:20px;padding-right:0;padding-bottom:20px;padding-left:0}[modal].transparent>.panel.large>.header .close{right:0;top:24px;left:auto;bottom:auto}[modal].transparent>.panel.large>.header svg{background-color:#ebebf0;border-radius:4px}[modal].transparent>.panel.large>.header svg .stroke-target{stroke:#a4a3ae}[modal].transparent>.panel.large .scroll-area{padding:0}@media (min-width:414px){[modal]{padding:10px}[modal]>.panel{width:394px}}@media (min-width:768px){[modal]>.panel.large{width:460px}[modal]>.panel.large>.header{padding-top:40px;padding-right:40px;padding-bottom:0;padding-left:40px}[modal]>.panel.large>.scroll-area{padding-top:0;padding-right:40px;padding-bottom:0;padding-left:40px}}