/* Minification failed. Returning unminified contents.
(50,15): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(62,15): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(69,15): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(93,15): run-time error CSS1039: Token not allowed after unary operator: '-c4'
(111,27): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(118,31): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(141,13): run-time error CSS1039: Token not allowed after unary operator: '-c-l1'
(144,13): run-time error CSS1039: Token not allowed after unary operator: '-c-l2'
(147,13): run-time error CSS1039: Token not allowed after unary operator: '-c-l3'
(150,13): run-time error CSS1039: Token not allowed after unary operator: '-c-l4'
(167,14): run-time error CSS1039: Token not allowed after unary operator: '-b100'
(170,14): run-time error CSS1039: Token not allowed after unary operator: '-c4'
(190,24): run-time error CSS1039: Token not allowed after unary operator: '-b60'
(191,13): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(231,27): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(258,28): run-time error CSS1039: Token not allowed after unary operator: '-b60'
(259,17): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(292,32): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(297,16): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(302,21): run-time error CSS1039: Token not allowed after unary operator: '-c1'
(309,27): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(320,16): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(326,27): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(342,13): run-time error CSS1039: Token not allowed after unary operator: '-c-l1'
(345,13): run-time error CSS1039: Token not allowed after unary operator: '-c-l2'
(348,13): run-time error CSS1039: Token not allowed after unary operator: '-c-l3'
(351,13): run-time error CSS1039: Token not allowed after unary operator: '-c-l4'
(367,15): run-time error CSS1039: Token not allowed after unary operator: '-w50'
(380,19): run-time error CSS1039: Token not allowed after unary operator: '-w100'
(389,26): run-time error CSS1039: Token not allowed after unary operator: '-w100'
 */
#powerTip{cursor:default;background-color:#333;background-color:rgba(0,0,0,.8);border-color:#333;border-color:rgba(0,0,0,.8);border-radius:6px;color:#fff;display:none;padding:10px;position:absolute;white-space:nowrap;z-index:2147483647}#powerTip:before{content:attr(class) " ";position:absolute;height:0;width:0;text-indent:100%;overflow:hidden}#powerTip.n:before,#powerTip.s:before{border-right:5px solid transparent;border-left:5px solid transparent;left:50%;margin-left:-5px}#powerTip.e:before,#powerTip.w:before{border-bottom:5px solid transparent;border-top:5px solid transparent;margin-top:-5px;top:50%}#powerTip.n:before,#powerTip.ne:before,#powerTip.nw:before{bottom:-10px}#powerTip.n:before,#powerTip.ne-alt:before,#powerTip.ne:before,#powerTip.nw-alt:before,#powerTip.nw:before{border-top-color:inherit;border-top-style:solid;border-top-width:10px}#powerTip.e:before{border-right-color:inherit;border-right-style:solid;border-right-width:10px;left:-10px}#powerTip.s:before,#powerTip.se:before,#powerTip.sw:before{top:-10px}#powerTip.s:before,#powerTip.se-alt:before,#powerTip.se:before,#powerTip.sw-alt:before,#powerTip.sw:before{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:10px}#powerTip.w:before{border-left-color:inherit;border-left-style:solid;border-left-width:10px;right:-10px}#powerTip.ne:before,#powerTip.se:before{border-right:10px solid transparent;border-left:0;left:10px}#powerTip.nw:before,#powerTip.sw:before{border-left:10px solid transparent;border-right:0;right:10px}#powerTip.ne-alt:before,#powerTip.nw-alt:before,#powerTip.se-alt:before,#powerTip.sw-alt:before{bottom:-10px;border-left:5px solid transparent;border-right:5px solid transparent;left:10px}#powerTip.ne-alt:before{left:auto;right:10px}#powerTip.se-alt:before,#powerTip.sw-alt:before{border-top:none;bottom:auto;top:-10px}#powerTip.se-alt:before{left:auto;right:10px}
.club-row .club-sec-1{
background: rgb(2,120,0);
background: linear-gradient(115deg, rgba(2,120,0,1) 10%, rgba(0,50,120,1) 50%, rgba(154,0,173,1) 95%);
position:relative;
}
.club-row .club-sec-1:after{
position:absolute;
top:90px;
left:0;
width:50%;
height:100%;
background-image:url(../../img/club2.svg);
opacity:0.1;
background-size:80%;
background-repeat:no-repeat;
background-position:center top;
z-index:1;
}
.club-row .club-sec-1>*{
position:relative;
z-index:4
}
.club-row .club-sec-2{
    background: rgb(0,50,120);
background: linear-gradient(25deg, rgba(0,50,120,1) 10%, rgba(154,0,173,1) 95%);
}
.club-row .club-sec-3{
    background: rgb(0,50,120);
background: linear-gradient(115deg, rgba(0,50,120,1) 10%, rgba(2,120,0,1) 95%);
}
.club-row .club-sec-4{
    background: rgb(0,75,28);
background: linear-gradient(25deg, rgba(154,0,173,1) 10%, rgba(0,50,120,1) 50%, rgba(2,120,0,1) 95%);
}
.club-row .sec-con{
    margin:90px 0;
    }
.club-row .club-top-row{
    margin-bottom:90px;
}
.club-row .club-top-row .head-con{
    text-align:center;
    display:inline-block;
}
.club-row .club-top-row .head-con img{
    width:120px;
}
.club-row .club-top-row .head-con .head{
   color:var(--w100);
   font-size:36px;
   margin:15px 0 0 0;
   font-weight:600;
   padding:0;
}
.club-row .club-top-row .head-con .head span{
}
.club-row .club-top-row .desc-con{
   margin:30px 0;
}
.club-row .club-top-row .desc-con .desc{
   color:var(--w100);
   font-size:24px;
   line-height:1.8em;
   font-weight:200;
   width:50%;
}
.club-row .club-txt-row{
   color:var(--w100);
   margin-bottom:30px;
}
.club-row .club-txt-row .head-con{
}
.club-row .club-txt-row .head-con .head{
    margin:0;
    font-size:24px;
    font-weight:500;
}
.club-row .club-txt-row .txt-con{
    margin:15px 0;
}
.club-row .club-txt-row .txt-con .txt{
   font-size:16px;
   line-height:1.8em;
   font-weight:300;
}
.club-row .club-txt-row .txt-con .txt.half{
   width:50%;
}
.club-row .club-txt-row .txt-con .txt a{
   display:inline-block;
   text-decoration:underline;
   color:var(--c4);
}
.club-row .club-txt-row .btn-con {
   margin-top:15px;
}
.club-row .club-service-row{
    overflow-y:scroll;
    width:100%;
}
.club-row .club-service-row .service-row{
    display:flex;
    margin-bottom:1px;
}
.club-row .club-service-row .service-row.service-h{
    margin-bottom:3px;
}
.club-row .club-service-row .service-row .ttl-con{
    min-width:350px;
    background-color:var(--w100);
    margin-left:3px;
    display:flex;
    padding:15px;
}
.club-row .club-service-row .service-row .level-con{
    flex:2 0 0;
        background-color:var(--w100);
       text-align:center;
        display:flex;
        justify-content:center;
        align-items:center;
         padding:15px;
             min-width:150px;
}
.club-row .club-service-row .service-row .level-con:not(:last-of-type){
   margin-left:1px;
}
.club-row .club-service-row .service-row .main-head{
    font-size:18px;
    font-weight:500;
    align-self:flex-end;
    margin:15px 0;
}
.club-row .club-service-row .service-row .l-head{
    display:flex;
    flex-direction:column;
    margin:15px 0;
}
.club-row .club-service-row .service-row .l-head.l-1{
 color:var(--c-l1)
}
.club-row .club-service-row .service-row .l-head.l-2{
 color:var(--c-l2)
}
.club-row .club-service-row .service-row .l-head.l-3{
 color:var(--c-l3)
}
.club-row .club-service-row .service-row .l-head.l-4{
 color:var(--c-l4)
}
.club-row .club-service-row .service-row .l-head .h-icon{
  font-size:48px;
}
.club-row .club-service-row .service-row .l-head .head{
  font-size:18px;
  font-weight:500;
  margin:10px 0;
}
.club-row .club-service-row .service-row .l-head .coins{
  display:flex;
  direction:ltr;
  font-family:Calibri;
  align-items:center;
  font-size:16px;
  font-weight:400;
  color:var(--b100);
}
.club-row .club-service-row .service-row .l-head .coins .icon{
  color:var(--c4);
  font-size:20px;
  margin-right:5px;
}
.club-row .club-service-row .service-row .s-head{
 display:flex;
 align-items:center;
}
.club-row .club-service-row .service-row .s-head .head{
 font-size:16px;
 font-weight:500;
     margin:0;
}
.club-row .club-service-row .service-row .s-head .power-tip{
 display:flex;
 align-items:center;
 justify-content:center;
 padding-top:3px;
 font-size:16px;
 margin-right:10px;
 background-color:var(--b60);
 color:var(--w100);
 width:20px;
 height:20px;
 border-radius:50%;
 cursor:pointer;
}
#powerTip.my-tooltip{
    max-width:480px;
    white-space:initial;
    font-size:14px;
    font-weight:300;
    padding:15px;
}
.club-row .club-service-row .service-row .s-val{
 font-size:16px;
 font-weight:400;
}
.club-row .club-service-row .service-row .s-val .icon{
 font-size:24px;
 line-height:0;
 display:block;
}
.club-row .club-mission-row{
    display:flex;
}
.club-row .club-mission-row .m-col{
  flex:1 0 0;
}
.club-row .club-mission-row .m-col:last-child{
  margin-right:30px;
}
.club-row .club-mission-row .mission-row{
    display:flex;
    flex-direction:column;
    height:100%;
}
.club-row .club-mission-row .mission-row .m-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-color:var(--w100);
    margin-bottom:1px;
    padding:15px;
    flex:1 0 0;
}
.club-row .club-mission-row .mission-row .m-item .head-con{
    display:flex;
    align-items:center;
    margin-left:15px;
}
.club-row .club-mission-row .mission-row .m-item .head-con .head{
  font-size:16px;
  font-weight:500;
}
.club-row .club-mission-row .mission-row .m-item .head-con .head span{
    display:block;
    font-size:14px;
      font-weight:300;
}
.club-row .club-mission-row .mission-row .m-item .head-con .power-tip{
display: flex
;
    align-items: center;
    justify-content: center;
    padding-top: 3px;
    font-size: 16px;
    margin-right: 10px;
    background-color: var(--b60);
    color: var(--w100);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
}
.club-row .club-rank-row{
    display:flex;
}
.club-row .club-rank-row .txt-col{
  flex:1 0 0;
  margin-left:30px;
}
.club-row .club-rank-row .rank-col
{
   flex:1 0 0;
}
    .club-row .club-rank-row .rank-col, .club-row .club-rank-row .rank-col * {
      user-select:none;
    }
      
.club-row .club-rank-row .rank-tab .tab-heads{ 
    display:flex;
    list-style:none;
    padding:0;
    margin:0;
}
.club-row .club-rank-row .rank-tab .tab-heads li{ 
    flex:1 0 0;
    text-align:center;
    padding:15px;
}
    .club-row .club-rank-row .rank-tab .tab-heads li.active {
        background-color: var(--w100);
    }
.club-row .club-rank-row .rank-tab .tab-heads li a{ 
    display:inline-block;
    padding:5px;
    color:var(--w100);
    font-size:18px;
    font-weight:500;
}
    .club-row .club-rank-row .rank-tab .tab-heads li.active a {
        color: var(--c1);
    }
.club-row .club-rank-row .rank-row .rank-item{ 
    display:flex;
    margin-bottom:2px;
}
.club-row .club-rank-row .rank-row .rank-item .rank-con{ 
    border:2px solid var(--w100);
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:60px;
    min-height:60px;
}
.club-row .club-rank-row .rank-row .rank-item:nth-child(-n+3) .rank-con{ 
   background-color:rgba(0,0,0,.3)
}
.club-row .club-rank-row .rank-row .rank-item .rank-con .rank{ 
    color:var(--w100);
    font-weight:600;
    font-size:24px;
    padding-top:5px;
}
.club-row .club-rank-row .rank-row .rank-item .txt-con{ 
    background-color:var(--w100);
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-grow:1;
    padding:5px 15px;
}
.club-row .club-rank-row .rank-row .rank-item .txt-con .user-con{ 
    display:flex;
    align-items:center;
    margin-left:15px;
}
.club-row .club-rank-row .rank-row .rank-item .txt-con .user-con .icon{ 
   font-size:48px;
}
.club-row .club-rank-row .rank-row .rank-item .txt-con .user-con.level-1 .icon{
 color:var(--c-l1)
}
.club-row .club-rank-row .rank-row .rank-item .txt-con .user-con.level-2 .icon{
 color:var(--c-l2)
}
.club-row .club-rank-row .rank-row .rank-item .txt-con .user-con.level-3 .icon{
 color:var(--c-l3)
}
.club-row .club-rank-row .rank-row .rank-item .txt-con .user-con.level-4 .icon{
 color:var(--c-l4)
}
.club-row .club-rank-row .rank-row .rank-item .txt-con .user-con .user{ 
    display:flex;
   flex-direction:column;
   margin-right:5px;
}
.club-row .club-rank-row .rank-row .rank-item .txt-con .user-con .user .name{ 
   font-size:16px;
   font-weight:500;
}
.club-row .club-rank-row .rank-row .rank-item .txt-con .user-con .user .username{ 
   font-size:14px;
   font-weight:400;
   font-family:Calibri;
   direction:ltr;
   color:var(--w50)
}
.club-row .club-faq-row{
    display:flex;
}
.club-row .club-faq-row .faq-col{
   flex:1 0 0;
}
.club-row .club-faq-row .txt-col{
   flex:1 0 0;
   margin-right:30px;
    padding-top:45px;
    position:relative;
       color:var(--w100)
}
.club-row .club-faq-row .txt-col:before {
   content:'';
   position:absolute;
   right:0;
   top:0;
   width:80px;
   height:8px;
   background-color:var(--w100)
}
.club-row .club-faq-row .txt-col .ttl{
   margin:30px 0;
       font-size: 20px;
}
.club-row .club-faq-row .txt-col .btn-con{
 width: 100%;
    max-width: 240px;
    margin: 30px 0;
}
.club-row .club-faq-row .txt-col .btn-con .button{
}
@media(max-width:991px) {
    .club-row .club-sec-1:after{
width:75%;
}
    .club-row .club-top-row .desc-con .desc {
        width: 100%;
    }
    .club-row .club-txt-row .txt-con .txt.half {
        width: 100%;
    }
    .club-row .club-service-row .service-row .ttl-con {
        min-width: 320px;
    }
}
@media(max-width:767px) {
    .club-row .club-rank-row .rank-col .tab-content {
        cursor: grab;
    }

    .club-row .club-rank-row .rank-col.grabbed .tab-content {
        cursor: grabbing;
    }
       .club-row .club-sec-1:after{
display:none;
}
    .club-row .sec-con {
        margin: 45px 0;
    }
    .club-row .club-top-row {
        margin-bottom: 45px;
    }
            .club-row .club-top-row .head-con img {
                width: 90px;
            }
            .club-row .club-top-row .head-con .head {
                font-size: 28px;
                margin: 10px 0 0 0;
            }
        .club-row .club-top-row .desc-con {
            margin: 15px 0;
        }
            .club-row .club-top-row .desc-con .desc {
                font-size: 17px;
            }
    .club-row .club-txt-row {
        margin-bottom: 15px;
    }
            .club-row .club-txt-row .head-con .head {
                font-size: 20px;
            }
        .club-row .club-txt-row .txt-con {
            margin: 10px 0;
        }
            .club-row .club-txt-row .txt-con .txt {
                font-size: 12px;
            }
        .club-row .club-txt-row .btn-con {
            margin-top: 10px;
        }
            .club-row .club-service-row .service-row .ttl-con {
                min-width: 190px;
                padding: 10px;
            }
            .club-row .club-service-row .service-row .level-con {
                padding: 10px;
                min-width: 100px;
            }
            .club-row .club-service-row .service-row .main-head {
                font-size: 14px;
                margin: 5px 0;
            }
            .club-row .club-service-row .service-row .l-head {
                margin: 5px 0;
            }
                .club-row .club-service-row .service-row .l-head .h-icon {
                    font-size: 32px;
                }
                .club-row .club-service-row .service-row .l-head .head {
                    font-size: 14px;
                    margin: 5px 0;
                }
                .club-row .club-service-row .service-row .l-head .coins {
                    font-size: 10px;
                }
                    .club-row .club-service-row .service-row .l-head .coins .icon {
                        font-size: 16px;
                        margin-right: 3px;
                    }
            .club-row .club-service-row .service-row .s-head {
                    justify-content:space-between;
                    width:100%;
                }
                .club-row .club-service-row .service-row .s-head .head {
                    font-size: 12px;
                }
                .club-row .club-service-row .service-row .s-head .power-tip {
                    padding-top: 4px;
                    font-size: 12px;
                    margin-right: 10px;
                    width: 15px;
                     min-width: 15px;
                    height: 15px;
                }
    #powerTip.my-tooltip {
        font-size: 12px;
        padding: 10px;
    }
    .club-row .club-service-row .service-row .s-val {
        font-size: 12px;
    }
        .club-row .club-service-row .service-row .s-val .icon {
            font-size: 20px;
        }
    .club-row .club-mission-row {
        flex-direction:column;
    }
        .club-row .club-mission-row .m-col {
          min-width:100%;
        }
            .club-row .club-mission-row .m-col:last-child {
                min-width: 100%;
                margin-right: 0;
                margin-top: 15px;
            }
            .club-row .club-mission-row .mission-row .m-item {
                padding: 10px;
            }
                .club-row .club-mission-row .mission-row .m-item .head-con {
                    margin-left: 10px;
                }
                    .club-row .club-mission-row .mission-row .m-item .head-con .head {
                        font-size: 12px;
                    }
                        .club-row .club-mission-row .mission-row .m-item .head-con .head span {
                            font-size: 10px;
                        }
                    .club-row .club-mission-row .mission-row .m-item .head-con .power-tip {
                        padding-top: 4px;
                        font-size: 12px;
                        margin-right: 10px;
                        min-width: 15px;
                        width: 15px;
                        height: 15px;
                    }
    .club-row .club-rank-row {
       flex-direction:column
    }
        .club-row .club-rank-row .txt-col {
            margin-bottom: 15px;
            margin-left: 0;
            min-width:100%
        }
        .club-row .club-rank-row .rank-col {
             min-width:100%
        }
            .club-row .club-rank-row .rank-tab .tab-heads li {
                padding: 10px 0;
            }
                .club-row .club-rank-row .rank-tab .tab-heads li a {
                    padding: 3px;
                    font-size: 14px;
                }
            .club-row .club-rank-row .rank-row .rank-item .rank-con {
                min-width: 45px;
                min-height: 45px;
            }
            .club-row .club-rank-row .rank-row .rank-item .rank-con .rank {
                font-size: 20px;
                padding-top: 5px;
            }
            .club-row .club-rank-row .rank-row .rank-item .txt-con {
                padding: 3px 10px;
            }
                .club-row .club-rank-row .rank-row .rank-item .txt-con .user-con {
                    margin-left: 10px;
                }
                    .club-row .club-rank-row .rank-row .rank-item .txt-con .user-con .icon {
                        font-size: 32px;
                    }
                    .club-row .club-rank-row .rank-row .rank-item .txt-con .user-con .user {
                        margin-right: 5px;
                    }
                        .club-row .club-rank-row .rank-row .rank-item .txt-con .user-con .user .name {
                            font-size: 12px;
                        }
                        .club-row .club-rank-row .rank-row .rank-item .txt-con .user-con .user .username {
                            font-size: 10px;
                        }
    .club-row .club-faq-row {
       flex-direction:column;
    }
        .club-row .club-faq-row .faq-col {
           min-width:100%
        }
        .club-row .club-faq-row .txt-col {
            min-width:100%;
            margin-right: 0;
            margin-top:45px;
            padding-top: 30px;
        }
            .club-row .club-faq-row .txt-col:before {
                width: 60px;
                height: 6px;
            }
            .club-row .club-faq-row .txt-col .ttl {
                margin: 15px 0;
                font-size: 16px;
            }
            .club-row .club-faq-row .txt-col .btn-con {
                margin: 15px 0;
            }
}