@charset "utf-8";

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-print-color-adjust:exact}

/* layout */
header{background-color:#111}
header .inner{padding-top:20px;max-width:1750px}
header h1{width:220px;height:40px; text-indent:-9999px;background:url('../images/logo.png') no-repeat 0 0; float:left}
header nav{float:right}
header nav a{padding-bottom:17px;margin-left:55px; font-size:18px;line-height:40px;color:#fff;font-weight:500; border-bottom:solid 3px transparent; display:inline-block;transition:all 0.3s}
header nav a:first-child{margin-left:0}
header nav a:hover,
header nav a.active{color:#eb6100;border-color:#eb6100}
footer{background-color:#000}
footer .inner{padding:15px 0 25px 125px}
footer h2{width:104px;height:40px; text-indent:-9999px;background:url('../images/footer_logo.png') no-repeat 0 0; position:absolute;top:12px;left:0}
footer .util a{margin-left:5px;padding-left:8px; font-size:14px;color:#fff; display:inline-block;position:relative}
footer .util a:before{content:'';display:block; width:1px;height:60%; background-color:#808080; position:absolute;top:20%;left:0}
footer .util a:first-child{margin-left:0;padding-left:0}
footer .util a:first-child:before{display:none}
footer address{font-size:14px;color:#777}
footer p{margin-top:8px; font-size:14px;color:#777}

/* main */
.main .container{position:relative}
.main .content{margin:0 auto; text-align:center;position:relative;z-index:1}
.main .content .video{border:solid 7px #eb6100;box-shadow:10px 10px 20px rgba(0,0,0,.2)}
.main .content h2{font-size:50px;font-weight:700;letter-spacing:-2px}
.main .content h2 +p{margin-top:4px; color:#666}
.main .content ul{margin-top:40px}
.main .content li{margin-left:23px;width:220px; display:inline-block}
.main .content li:first-child{margin-left:0}
.main .content li strong{font-size:22px;line-height:50px;color:#fff;font-weight:700;letter-spacing:-1px; background-color:#333; display:block}
.main .content li p{width:220px;height:112px; font-size:18px;line-height:1.3; background-color:#fff; vertical-align:middle;display:table-cell}
.main .content li p em{font-weight:700}
.main .content li p span{margin-top:4px; font-size:16px;color:#a41121; display:block}
.main .content ul +p{margin-top:23px; color:#999}
.main .sponsor span:first-child{margin-left:0}
/*.main .sponsor span:nth-child(1){background:url('../images/sponsor1.png') no-repeat 0 0}*/
/*.main .sponsor span:nth-child(2){background:url('../images/sponsor2.png') no-repeat 0 0}*/
/*.main .sponsor span:nth-child(3){background:url('../images/sponsor3.png') no-repeat 0 0}*/
.main .sponsor span:nth-child(1){background:url('../images/sponsor03.png') no-repeat 0 0}
.main .sponsor span:nth-child(2){background:url('../images/sponsor01.png') no-repeat 0 0}
.main .sponsor span:nth-child(3){background:url('../images/sponsor04.png') no-repeat 0 0}
.main01 .container{background:url('../images/main_bg03.png') repeat-x center 777px}
.main01 .container:before{content:'';display:block; height:122px;background:url('../images/main_bg02.png') no-repeat center;position:absolute;top:674px;left:0;right:0}
.main01 .container:after{content:'';display:block; height:895px;background:url('../images/main_bg01.png') no-repeat center 0;position:absolute;top:80px;left:0;right:0}
.main01 .content{padding:47px 0 60px;width:974px}
.main01 .content h1{margin:0 auto;width:832px;height:386px; text-indent:-9999px;background:url('../images/main_tit.png') no-repeat 0 0}
.main01 .content .video{margin-top:52px; width:974px;height:554px}
.main01 .content h2{margin-top:38px}
.main01 .content .btn-wrap{margin-top:50px}
.main01 .sponsor{position:absolute;top:35px;right:0}
.main01 .sponsor span{margin-left:14px;height:27px; text-indent:-9999px; background-size:100% !important;display:inline-block}
.main01 .sponsor span:nth-child(1){width:111px}
.main01 .sponsor span:nth-child(2){width:88px}
.main01 .sponsor span:nth-child(3){width:109px}
.main02 .container:before{content:'';display:block; height:712px; background:#f78900;background:-moz-linear-gradient(left, #f78900 0%, #e54c00 100%);background:-webkit-linear-gradient(left, #f78900 0%,#e54c00 100%);background:linear-gradient(to right, #f78900 0%,#e54c00 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78900', endColorstr='#e54c00',GradientType=1 ); position:absolute;top:0;left:0;right:0}
.main02 .content{padding:90px 0 60px;width:1200px}
.main02 .content .video{width:1200px;height:681px}
.main02 .content .btn-wrap{margin-top:33px}
.main02 .content h2{margin-top:67px}
.main02 .content li p{background-color:#f9f9f9}
.main02 .sponsor{margin-top:70px}
.main02 .sponsor span{margin-left:10px;width:312px;height:72px; text-indent:-9999px; border:solid 1px #ededed;background-position:center !important;display:inline-block}
/* common */
select{padding:0 15px 3px;width:185px;height:50px; font-size:16px;color:#333;font-weight:500; border:0;background:#fff url('../images/select_arrow.png') no-repeat 90% center;border-radius:0px;box-shadow:3px 3px 10px rgba(0,0,0,.2);-webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand{display:none}

table{text-align:center}
table th{font-weight:500}
table td{padding:10px 0; color:#666}
table tbody tr:nth-child(even) td{background-color:#f9f9f9}

.inner{margin:0 auto;max-width:1200px; position:relative}
.inner:after{content:'';display:block;clear:both}

.btn-wrap{margin-top:50px;text-align:center}
.btns{margin-left:7px; width:250px;height:50px; font-size:16px;line-height:50px;color:#fff;font-weight:700;letter-spacing:-1px; background-color:#54626f;display:inline-block}
.btns:first-child{margin-left:0}
.btns.point{background-color:#eb6100}
/* scrollbar */
.scrollbar .mCSB_inside > .mCSB_container{margin-right:0}
/* tab menu */
.tab-wrap{margin-top:-70px;border-top:solid 1px #5d5d5d;position:relative}
.tab-wrap:before{content:'';display:block; height:69px; opacity:.2;background-color:#000;position:absolute;top:0;left:0;right:0}
.tab-menu{margin:-1px auto 0;width:1200px;position:relative}
.tab-menu:after{content:'';display:block;clear:both}
.tab-menu li{float:left; text-align:center}
.tab-menu li.active{position:relative}
.tab-menu li >a{display:block; border:1px solid #3e3e3e;border-top:solid 1px #5d5d5d;border-bottom:0;background-color:rgba(0,0,0,.2); padding:24px 10px 26px; font-size:16px;color:#fff;font-weight:500; margin-left:-1px}
.tab-menu li.active >a{margin-left:-1px;background-color:#000; border-top:1px solid #eb6100; color:#eb6100; transition:all 0.3s}
.tab-menu li:first-child a,
.tab-menu li.active:first-child a{margin-left:0}
.tab-wrap.ea3 .tab-menu li{width:33.3%}
.tab-wrap.ea4 .tab-menu li{width:25%}
.tab-wrap.ea5 .tab-menu li{width:20%}
.tab-wrap.ea3 .tab-menu li:first-child{width:33.4%}
.tab-inner{margin:0 auto;width:1200px}
/* layer popup */
.wrap-layer-popup{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; overflow:auto}
.wrap-layer-popup .dimmed{width:100%;height:100%; background:#000;opacity:.5;filter:alpha(opacity=50); position:absolute;top:0;left:0}
.wrap-layer-popup .loop{height:0;width:0;position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px)}
.pop-layer{width:1200px;height:auto; background-color:#fff; display:block;position:absolute;top:50%;left:50%;z-index:10}
.pop-layer .head h1{height:0;text-indent:-9999px}
.pop-layer .btn-close{width:40px;height:40px;cursor:pointer;  position:absolute;top:-50px;right:0;}
.pop-layer .btn-close span{width:40px;height:4px; border-radius:2px;background:#fff; position:absolute;top:50%;left:50%;transition: all 0.3s linear;}
.pop-layer .btn-close span::before{content:""; position:absolute;width:0;height:100%;top:0;right:0;background:gray;transition:all 0.3s linear;}
.pop-layer .btn-close:hover span::before{width:100%;transition:all 0.3s linear;}
.pop-layer .btn-close span:nth-child(1){animation:span-first-on 1s ease-in-out;animation-fill-mode:forwards;}
.pop-layer .btn-close span:nth-child(2) {animation:span-third-on 1s ease-in-out;animation-fill-mode:forwards;}
@keyframes span-first-on {
    0%{transform:translate(-50%, -300%);}
    30%{transform:translate(-50%, -50%);}
    100%{transform:translate(-50%, -50%) rotate(-45deg);}
}
@keyframes span-third-on {
    0%{transform:translate(-50%, 200%);}
    30%{transform:translate(-50%, -50%);}
    100%{transform:translate(-50%, -50%) rotate(45deg);}
}

/* sub */
.keyvi{padding-top:51px;min-width:1200px;height:232px; background:#151515 url('../images/sub_keyvi.png') no-repeat center 0}
.keyvi h1{font-size:50px;color:#fff;font-weight:700;text-align:center}
.content{padding-bottom:80px}
.content .inner-depth{position:relative}
.content .inner-depth:before{content:'';display:block; height:220px; background-color:#f8f8f8;position:absolute;top:0;left:0;right:0;z-index:-1}
.content h2{font-size:24px;font-weight:700}
.content .controller{padding-top:73px}
.controller >div{margin-top:23px}
.controller >div a{margin-left:7px;width:132px; font-size:16px;line-height:50px;color:#999;font-weight:700;text-align:center;vertical-align:middle; background-color:#ddd;display:inline-block;position:relative}
.controller >div a:hover,
.controller >div a.active{color:#fff;background-color:#eb6100}
.controller >div a.active:before{content:'';display:block; width:25px;height:25px; border-radius:100%;background:#54626f url('../images/icon_check.png') no-repeat center;box-shadow:1px 1px 3px rgba(0,0,0,.3); position:absolute;top:-10px;right:0}
.controller >div select +a{margin-left:14px}
.controller .searching{margin:20px auto 0;width:645px}
.controller .searching.ea4{width:860px}
.controller .searching:after{content:'';display:block;clear:both}
.controller .searching select{float:left}
.content .round-wrap{margin-top:60px}
.content h2 +.round{margin-top:19px}
.content .round{position:relative}
.content .round:before{content:'';display:block; width:100%;border-top:solid 1px #d5d5d5;position:absolute;top:28px}

.content.league{padding-bottom:0;}
.content.league .inner-depth:before{height:248px;}
.content.league .tab-inner{width:100%;}
.content.league .tab-inner .controller{margin:0 auto;width:1200px;}
.league-area:after{content:'';display:block;clear:both}
.league-area button{width:133px;height:50px; font-size:16px;color:#999;font-weight:700;text-indent:14px;text-align:left; border-left:solid 1px #d5d5d5;background-color:#fff;box-shadow:0px 2px 8px rgba(0,0,0,.2); float:left;}
.league-area button:nth-child(9n+1){border-left:0;}
.league-area button:nth-child(n+10){border-top:solid 1px #d5d5d5;}
.league-area button.active{color:#fff;background:#54626f url('../images/icon_check.png') no-repeat 87% center; transition:all 0.3s}

.league-wrap{margin:0 auto;padding:83px 0 100px;width:1200px; position:relative;}
.league-wrap h2{width:648px;height:111px; text-indent:-9999px; background:url('../images/league_tit.png') no-repeat 0 0;}
.league-wrap h2+p{margin-top:30px;font-size:16px;color:#666;}
.league-wrap .chart-wrap{padding:30px 40px;width:510px;height:560px; border-radius:0 0 0 50px;background-color:#fff;box-shadow:0px 1px 15px rgba(0,0,0,.2); position:absolute;top:370px;right:0;}
.league-wrap .chart-wrap h3{font-size:18px;font-weight:700}
.league-wrap .chart-wrap h3 +p{margin-top:5px; font-size:16px;color:#666;}
.league-wrap .chart-wrap .chart >div{margin-top:20px;float:left; position:relative;}
.league-wrap .chart-wrap .chart >div:nth-child(2n+2){margin-left:30px;}
.league-wrap .chart-wrap .chart >div >div{text-align:center; position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.league-wrap .chart-wrap .chart >div >div em{font-size:16px;color:#666;font-weight:700}
.league-wrap .chart-wrap .chart >div >div strong{font-size:28px;font-weight:700; display:block}
.league-wrap .map{margin:-30px 0 0 168px; width:490px;height:817px; background-color:#eee}
.league-wrap .map0{background:url('../images/map_0.png') no-repeat 0 0;}
.league-wrap .map1{background:url('../images/map_1.png') no-repeat 0 0;}
.league-wrap .map2{background:url('../images/map_2.png') no-repeat 0 0;}
.league-wrap .map3{background:url('../images/map_3.png') no-repeat 0 0;}
.league-wrap .map4{background:url('../images/map_4.png') no-repeat 0 0;}
.league-wrap .map5{background:url('../images/map_5.png') no-repeat 0 0;}
.league-wrap .map6{background:url('../images/map_6.png') no-repeat 0 0;}
.league-wrap .map7{background:url('../images/map_7.png') no-repeat 0 0;}
.league-wrap .map8{background:url('../images/map_8.png') no-repeat 0 0;}
.league-wrap .map9{background:url('../images/map_9.png') no-repeat 0 0;}
.league-wrap .map10{background:url('../images/map_10.png') no-repeat 0 0;}
.league-wrap .map11{background:url('../images/map_11.png') no-repeat 0 0;}
.league-wrap .map12{background:url('../images/map_12.png') no-repeat 0 0;}
.league-wrap .map13{background:url('../images/map_13.png') no-repeat 0 0;}
.league-wrap .map14{background:url('../images/map_14.png') no-repeat 0 0;}
.league-wrap .map15{background:url('../images/map_15.png') no-repeat 0 0;}
.league-wrap .map16{background:url('../images/map_16.png') no-repeat 0 0;}
.league-wrap .map17{background:url('../images/map_17.png') no-repeat 0 0;}

.regional{padding:44px 0 60px; background-color:#f9f9f9}
.regional .inner >table{margin-top:18px; border:solid 1px #ccc;border-bottom:0;}
.regional .inner >table thead th{padding:21px 0 20px; background-color:#fff}
.regional .scrollbar{height:340px; border:solid 1px #ccc;border-top:0;}
.regional .scrollbar td{padding:16px 0 15px;}
.regional .scrollbar tr:nth-child(even) td{background-color:#fff}

.round .swiper-slide{text-align:center}
.round .swiper-slide span{width:48px;height:58px; background:url('../images/img_round.png')no-repeat center; display:inline-block}
.round .swiper-slide strong{margin-top:-4px; font-size:20px; display:block}
.round .swiper-slide p{color:#666}
.round .swiper-slide button{margin-top:6px;width:58px;height:32px; color:#fff;font-weight:500; border-radius:16px;background-color:#333}
.round .swiper-slide button:hover,
.round .swiper-slide.active button{background-color:#eb6100}
.round .swiper-slide.gamein span{background:url('../images/img_round01.png')no-repeat center}
.round .swiper-slide.gameover span{background:url('../images/img_round_trophy.png')no-repeat 0 3px}
.round .swiper-slide.gameover.active span{background:url('../images/img_round_trophy_on.png')no-repeat 0 3px}
.round .btn-prev,
.round .btn-next{width:39px;height:39px; cursor:pointer; position:absolute;top:11px}
.round .btn-prev{background:url('../images/btn_prev.png')no-repeat center;left:-34px}
.round .btn-next{background:url('../images/btn_next.png')no-repeat center;right:-34px}

.content .result-wrap{margin-top:40px}
.result-wrap .info{padding:38px 40px 40px; text-align:center; background-color:#333;position:relative}
.result-wrap .info h3{padding:0 200px;font-size:24px;color:#fff;font-weight:500}
.result-wrap .info strong{width:160px; line-height:28px;color:#fff;font-weight:500; border-radius:16px;border:solid 2px #6b6b6b;background-color:#232323;display:inline-block;position:absolute;top:calc(50% - 16px);left:40px}
.result-wrap .info strong span{margin-left:5px}
.result-wrap .info p{line-height:50px;color:#ccc;text-align:right; position:absolute;top:calc(50% - 25px);right:40px}
.result-wrap .info p span{margin-left:14px;width:130px; color:#fff;font-weight:700;text-align:center; background-color:#eb6100;display:inline-block}
.result-wrap li{padding:10px 0; line-height:30px;font-weight:500; text-align:center}
.result-wrap li:after{content:'';display:block;clear:both}
.result-wrap li:nth-child(even){background-color:#f9f9f9}
.result-wrap li >p{width:170px; color:#666; float:left}
.result-wrap li >.team{width:190px; float:left}
.result-wrap li >.player{margin-left:20px; float:left}
.result-wrap li >.player p{text-align:left;float:left}
.result-wrap li >.player p em{width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}
.result-wrap li >.player p span{margin:0 10px;width:30px;height:30px; border-radius:100%;background-color:#ddd;float:left}
.result-wrap li >.player p span img{width:100%}
.result-wrap li >.player p:nth-child(2){text-align:right}
.result-wrap li >.player p:nth-child(2) span{float:right}
.result-wrap li >.player p:nth-child(2):before{content:'VS';display:inline-block; margin:0 50px; color:#666}

.result-wrap table .team:before{content:'';display:inline-block; width:28px; font-size:14px;line-height:28px;font-weight:500; border-radius:100%}
.result-wrap table .team.win:before{content:'승'; color:#fff;background-color:#eb6100}
.result-wrap table .team.lose:before{content:'패'; color:#999;background-color:#333}
.result-wrap table .team.draw:before{content:'무'; color:#fff;background-color:#54626f}
.result-wrap thead th{padding:21px 0 20px;font-weight:500; border-top:solid 1px #eb6100; background-color:#f9f9f9}
.result-wrap thead tr:nth-child(1) th{border-top:0;position:relative}
.result-wrap thead tr:nth-child(1) th:nth-child(1){padding-right:6.25%}
.result-wrap thead tr:nth-child(1) th:nth-child(1):before{right:22px}
.result-wrap thead tr:nth-child(1) th:nth-child(1):after{right:47px}
.result-wrap thead tr:nth-child(1) th:nth-child(3){padding-left:6.25%}
.result-wrap thead tr:nth-child(1) th:nth-child(3):before{left:22px}
.result-wrap thead tr:nth-child(1) th:nth-child(3):after{left:47px}
.result-wrap thead tr:nth-child(1) th{padding:11px 0 10px}
.result-wrap thead .team span{width:30px;height:30px; border-radius:100%;background-color:#ddd;vertical-align:middle;display:inline-block}
.result-wrap thead .team span img{width:100%}
.result-wrap thead .team p{margin-left:10px; color:#999;text-align:left; vertical-align:middle;display:inline-block}
.result-wrap thead .team p em{margin-bottom:2px; font-size:18px;color:#333;display:block}
.carrom .result-wrap thead tr:nth-child(2) th:nth-child(6n+4){color:#a41121}
.carrom .result-wrap thead tr:nth-child(2) th:nth-child(6),
.carrom .result-wrap thead tr:nth-child(2) th:nth-child(8){background-color:#fff2ea}
.carrom .result-wrap thead tr:nth-child(2) th:nth-child(7){background-color:#fff}
.pocket .result-wrap thead tr:nth-child(2) th:nth-child(6n+2){color:#a41121}
.pocket .result-wrap thead tr:nth-child(2) th:nth-child(4),
.pocket .result-wrap thead tr:nth-child(2) th:nth-child(6){background-color:#fff2ea}
.pocket .result-wrap thead tr:nth-child(2) th:nth-child(5){background-color:#fff}
.result-wrap thead .team:before{position:absolute;top:calc(50% - 14px)}
.result-wrap thead .win{background-color:#fff2ea}
.result-wrap thead .win:after{content:'';display:block; width:42px;height:51px; background:url('../images/img_trophy.png')no-repeat 0 0;background-size:100%;position:absolute;top:calc(50% - 22px)}
.carrom .result-wrap tbody td:nth-child(6n+4){color:#a41121}
.carrom .result-wrap tbody td:nth-child(6),
.carrom .result-wrap tbody td:nth-child(8){background-color:#fff2ea}
.carrom .result-wrap tbody td:nth-child(7){background-color:#fff}
.pocket .result-wrap tbody td:nth-child(6n+2){color:#a41121}
.pocket .result-wrap tbody td:nth-child(4),
.pocket .result-wrap tbody td:nth-child(6){background-color:#fff2ea}
.pocket .result-wrap tbody td:nth-child(5){background-color:#fff}

.content.result .result-wrap .info p{line-height:1.3; top:calc(50% - 20px)}

.content .ranking-board{margin-top:60px}
.ranking-board thead th{padding:6px 0 5px;font-weight:500;color:#fff; background-color:#333}
.ranking-board thead tr:nth-child(1) th{padding:11px 0 10px}
.ranking-board thead tr:nth-child(1) th:nth-child(4){background-color:#54626f}
.ranking-board thead tr:nth-child(1) th:nth-child(5){background-color:#eb6100}
.ranking-board thead tr:nth-child(2) th{background-color:#a5b5c4}
.ranking-board thead tr:nth-child(2) th:nth-child(n+4){background-color:#ffbd97}
.ranking-board tbody td:nth-child(2){text-align:left}
.ranking-board tbody td:nth-child(-n+2){color:#333}
.ranking-board tbody td:nth-child(n+4):nth-child(-n+6){background-color:#e5e7e9}
.ranking-board tbody td:nth-child(n+7):nth-child(-n+9){background-color:#fff2ea}
.ranking-board tbody .team span{margin-right:10px;width:30px;height:30px; border-radius:100%;background-color:#ddd;display:inline-block}
.ranking-board tbody .team span img{width:100%}
.ranking-board tbody .team em{width:calc(100% - 40px);line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}
.ranking-board tbody td a{color:#eb6100;font-weight:700; text-decoration:underline}

.content.ranking{padding-bottom:0}
.content .ranking-wrap{margin:64px auto 0;min-height: 1200px;}
.content .ranking-wrap.ea2{width: 785px;}
.ranking-wrap:after{content:'';display:block;clear:both}
.ranking-wrap .ranking-box{margin-left:45px;width:370px; float:left;display: none;}
.ranking-wrap .ranking-box:first-child{margin-left:0}
.ranking-wrap .ranking-box em{width:40px; font-size:14px;line-height:40px;color:#fff;font-weight:700;text-align:center; border-radius:100%;background-color:#666;display:block; position:absolute;z-index:1}
.ranking-wrap .ranking-box img{border:solid 1px #e2e2e2;border-radius:100%;position:absolute}
.ranking-wrap .ranking-box strong{font-size:18px;font-weight:700;vertical-align:baseline}
.ranking-wrap .ranking-box span{font-size:16px;color:#999;vertical-align:baseline}
.ranking-wrap .ranking-box p{height:2.4em; font-size:16px;color:#999;word-break:keep-all; overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ranking-box .winner{margin-top:18px;padding:44px 25px 25px 137px;height:200px; box-shadow:5px 5px 15px rgba(0,0,0,.1); position:relative;z-index:1}
.ranking-box .winner em{background-color:#eb6100; top:95px;left:22px}
.ranking-box .winner img{top:25px;left:25px;width:102px;height: 102px;}
.ranking-box .winner span{margin-top:5px; display:block}
.ranking-box .winner div{margin-top:3px;text-align:right}
.ranking-box .winner div span{font-size:16px;color:#999; display:inline-block;vertical-align:middle}
.ranking-box .winner div strong{margin-left:9px;font-size:40px;color:#333;font-weight:700;vertical-align:middle}
.ranking-box .ranking-list{ _height:475px;position:relative}
.ranking-box .ranking-list:after{content:'';display:block; width:100%;height:150px; background:-moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); position:absolute;bottom:0;left:0;z-index:1}
.ranking-box .ranking-list ul{padding:15px 0 100px;background-color:#f9f9f9;position:relative}
.ranking-box .ranking-list ul:before{content:'';display:block; width:1px;border-left:solid 2px #ebebeb;position:absolute;top:0;bottom:0;left:39px}
.ranking-box .ranking-list li{padding:20px 85px 20px 144px; position:relative}
.ranking-box .ranking-list li em{top:50%;left:20px;transform:translate(0, -50%)}
.ranking-box .ranking-list li img{width:70px;height:70px;  top:50%;left:65px;transform:translate(0, -50%)}
.ranking-box .ranking-list li div{position:absolute;top:50%;right:25px;transform:translate(0, -50%)}
.ranking-box .ranking-list li div strong{font-size:20px;font-weight:700}
.ranking-box .ranking-list li:nth-child(1) em{background-color:#a41121}
.ranking-box .ranking-list li:nth-child(2) em{background-color:#54626f}
.ranking-box .ranking-list li:nth-child(3) em{background-color:#333}

@media (min-width:1200px){
    header{padding:0 85px}
    .main01 .sponsor{right:85px}
}
/* popup */
.team-info{padding:70px 60px; box-shadow:5px 5px 15px rgba(0,0,0,.2);position:relative;}
.team-info:before{content:'';width:50%;background-color:#f9f9f9; position:absolute;top:0;bottom:0;left:0;z-index:-1}
.team-info h2{font-size:50px;line-height:65px;font-weight:700;}
.team-info h2 img{margin-right:10px; width:65px;height:65px; border-radius:100%;overflow:hidden;}
.team-info h2 p{margin-left:15px;font-size:32px; vertical-align:baseline;display:inline-block;}
.team-info h2.first p{padding-left:44px;color:#eb6100; background:url('../images/img_trophy.png') no-repeat 0 -5px}
.team-info .info{margin-top:23px;}
.team-info .info:after{content:'';display:block;clear:both}
.team-info .info p{margin-left:22px; font-size:16px;color:#666; text-align:center; display:inline-block}
.team-info .info p span{margin-top:4px;font-size:28px;color:#333;display:block}
.team-info .info p:first-child{margin:0;padding-right:30px; border-right:solid 2px #ebebeb;}
.team-info .winningrate{position:absolute;top:100px;left:770px;}
.team-info .winningrate div:first-child{margin-bottom:27px;}
.team-info .winningrate strong{width:80px;font-size:25px;font-weight:700; display:inline-block}
.team-info .winningrate ul{display:inline-block;}
.team-info .winningrate li{width:50px;font-size:25px;font-weight:700;text-align:right; display:inline-block}
.team-info .winningrate li span{font-size:16px;font-weight:400;vertical-align:baseline;}
.team-info .chart{width:200px;height:200px; position:absolute;top:43px;left:calc(50% - 100px);}
.team-info .chart .chart-info{width:80px;text-align:center; position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.team-info .chart .chart-info >div{font-size:30px;color:#333;font-weight:700;}
.team-info .chart .chart-info >div em{font-size:16px;color:#666;font-weight:400; display:block}
.team-info .chart .chart-info >div span{font-size:16px;color:#333;font-weight:700;vertical-align:baseline;}
.team-info .chart .chart-info >p{margin-top:4px;padding-left:20px; font-size:14px;color:#666;text-align:left;}
.team-info .chart .chart-info >p:before{content:'';display:inline-block;margin-right:5px;width:12px;height:12px; vertical-align:middle;}
.team-info .chart .chart-info >p:nth-child(2):before{background-color:#eb6100}
.team-info .chart .chart-info >p:nth-child(3):before{background-color:#54626f}
.team-info .chart .chart-info >p:nth-child(4):before{background-color:#333}

.team-board{padding:40px 60px;}
.team-board table{border-top:solid 1px #eb6100;}
.team-board th{padding:20px 0; background-color:#f9f9f9}
.team-board td{padding:15px 0;}
.team-board td:nth-child(2){color:#333;}
.team-board th:nth-child(5),
.team-board td:nth-child(5){background-color:#fff2ea}
.team-board th:nth-child(6),
.team-board td:nth-child(6){background-color:#e5e7e9}
.team-board th:nth-child(7),
.team-board td:nth-child(7){background-color:#ddd}
.team-board .scrollbar{height:245px;}
.team-board .scrollbar table{border-top:0;}
.hide {display: none;}

.team-wrap { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.team-wrap .item { width: 32%; text-align: center; margin-top: 20px; margin-right: 1.2%; }
.team-wrap .item img { width: 100%; }
.team-wrap .item .team-name { font-size: 20px; margin-top: 10px; }

.team-info.type02 { display: flex; justify-content: space-between; align-items: center; padding: 30px 60px; }
.team-info.type02:before{content:'';width:30%;background-color:#f9f9f9; position:absolute;top:0;bottom:0;left:0;z-index:-1}
.team-info.type02 .photo { width: 23%; }
.team-info.type02 img { width: 100%; }
.team-info.type02 .info { width: 70%; margin-left: 5%; margin-top: 0; }
.team-info.type02 .info h2 { margin-left: 22px; }
.team-info.type02 .info p { text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.team-board.type02 .scrollbar { height: 355px; }

.team-board .competition-list { margin: 10px 0 40px 0; }
.team-board .competition-list td:nth-child(5) { background: none; }
.team-board .competition-list tbody tr:nth-child(even) td { background-color: #f9f9f9; }
.team-board .competition-list td span { width: 30px; height: 30px; display: inline-block; border-radius: 50%; color: #fff; line-height: 31px; }
.team-board .competition-list td span.d3 { background: #36a3f7; }
.team-board .competition-list td span.d4 { background: #34bfa3; }
.team-board .competition-list td span.d5 { background: #ffb822; }
.team-board .member-list { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.team-board .member-list .item { width: 25%; text-align: center; margin-bottom: 20px; }
.team-board .member-list .item img { width: 70%; border-radius: 50%; }
.team-board .member-list .item .grade { font-weight: bold; margin: 10px 0 5px 0; }
#nprogress .bar { height: 5px;background: #eb6100;}