@charset "utf-8";
@import url(/static/css/Paperlogy.css);

:root{
    --color-main:#084798
}

/* .ft_paperlogy{font-family:"Paperlogy",'Pretendard','Noto Sans KR',Arial,Sans-serif!important;} */

.futures{padding-top:115px;background-color:#00394D;font-size:15px;font-weight:500;color:#454545}
.futures * {font-family:'Pretendard','Noto Sans KR',Arial,Sans-serif!important;letter-spacing:-1px;}
.futures{background:#2A6FFF url(./images/title_bg.png) no-repeat center 115px / contain;}
.futures .futures_top{position:relative;max-width:1200px;margin:0 auto;height:838px;}
.futures .futures_top .emblem{position:absolute;top:40px;}
.futures .futures_top .title{padding-top:140px;}
.futures .futures_top .tab_menu ul {display:flex;gap:1px;justify-content: space-around;}
.futures .futures_top .tab_menu ul li{flex:1;}
.futures .futures_top .tab_menu li a{padding:17px 0;font-weight:700;background-color:var(--color-main);color:#7692CE;font-size:17px;border-radius:20px 20px 0 0;font-family:"Paperlogy",'Pretendard','Noto Sans KR',Arial,Sans-serif!important;font-weight:700;}
.futures .futures_top .tab_menu li.on a{background-color:#fff;color:var(--color-main);}
.futures .futures_con > .inner_wrap{padding:0;}
.futures .futures_con > .futures_video_wrap{padding:40px 100px 60px;background-color:#fff;border-radius:0 0 40px 40px;}
.futures .futures_con .inner_wrap > .con_wrap {padding:40px 100px 60px;background-color:#fff;border-radius:40px;}
.futures .futures_con .inner_wrap > .con_wrap:first-child{border-radius:0 0 40px 40px;}
.futures .futures_con .con_wrap + .con_wrap{margin-top:20px;}
#lang_select{display:flex;justify-content:center;padding-bottom:40px;}
#lang_select button{display:flex;width:130px;height:64px;align-items:center;justify-content:center;color:#475A73;background-color:#001C41;font-family:"Paperlogy",'Pretendard','Noto Sans KR',Arial,Sans-serif!important;font-size:18px;font-weight:700;}
#lang_select button.active{background-color:#F65127;color:#fff;}
#lang_select button:first-child{border-radius:64px 0 0 64px;}
#lang_select button:last-child{border-radius:0 64px 64px 0}

/* table */
.futures .futures_table{border-radius:10px 10px 0 0;overflow:hidden;}
.futures .futures_table thead th,
.futures .futures_table thead td{background-color:#E5F1FF;border:1px solid #E5F1FF;border-bottom-color:#E5F1FF;border-right-color:#D2D2D2;font-size:16px;color:#002350;}
.futures .futures_table thead th:last-child,
.futures .futures_table thead td:last-child{border-right-color:transparent;}
.futures .futures_table tbody td{border-bottom:1px solid #D2D2D2}
.futures .futures_table .bg_blue{border-color:#fff;background-color:#E5F1FF;font-weight:600;} 
.futures .futures_table .bg_gray{background-color:#F4F4F4;} 
.futures .futures_table.ver2 table{font-size:14px;font-weight:600;color:#555;}
.futures .futures_table.ver2 tbody td{border:1px solid #D2D2D2;font-size:15px;font-weight:500;}
.futures .futures_table.ver2 tbody tr td:first-child{border-left:0;}
.futures .futures_table.ver2 tbody tr td:last-child{border-right:0;}
.futures .futures_table.ver2 tbody td.cast{background:#E4EDF0; font-size:15px; font-weight:500;}
.futures .futures_table.ver2 tbody td.bg_blue{color:#555;font-size:15px;line-height:1.3}
.futures .futures_table.ver2 tbody tr:first-child td.cast{border-bottom: 1px solid var(--color-main);}
.futures .futures_table.ver2 thead th:first-child,
.futures .futures_table.ver2 thead td:first-child{border-left-color:transparent;}
.futures .futures_table.ver2 thead th,
.futures .futures_table.ver2 thead td{background-color:var(--color-main);border-width:0 1px 0 0;border-color:#3B6FB1;color:#fff;}
.futures .futures_table.ver2 tbody.border_white td{height:52px;border-color:#fff;}
.futures .futures_table.ver2 tbody.border_white tr:nth-child(even) td{background-color:#F4F5F6}
.futures .futures_table.ver2 tbody.border_white tr:last-child td{border-bottom:1px solid var(--color-main)}
.futures .futures_table.group tbody td {padding:20px 0;}
.futures .futures_table.group ul{display:flex;justify-content:center;gap:10px;}
.futures .futures_table.group ul li{display:flex;flex-direction:column;align-items:center;width:88px;gap:15px;}
.futures .futures_table.group ul li .name{color:#767676;font-weight:500;font-size:14px;flex:1;display:flex;align-items:center;line-height:1.2;}
.futures .futures_table.group ul li .img{display:flex;align-items:center;justify-content:center;width:100%;height:64px;padding:0 10px;}
.futures .futures_table.group ul li img{max-height:100%;}
.futures .futures_table .match{display:flex;}
.futures .futures_table .match img{width:28px;margin-right:2px;}
.futures .futures_table .match span{flex:1;font-size:14px;color:#555;}
.futures .futures_table .match .vs{flex:0 0 15px;font-size:14px;color:var(--color-main)}
.futures .remark{color:#F65127}

.futures_con h2.title{position:relative;padding-top:13px;margin-bottom:32px;color:#002350;font-weight:700;font-size:24px;line-height:1;text-align:center;font-family:"Paperlogy",'Pretendard','Noto Sans KR',Arial,Sans-serif!important;font-weight:700;}
.futures_con h2.title::before{content:"";position:absolute;top:0;left:50%; transform:translateX(-50%);width:40px;height:3px;background-color:var(--color-main);}
.futures_con .top_title{margin-bottom:32px;}
.futures_con .top_title h2.title{margin-bottom:10px;}
.futures_con .top_title h3.sub_title{text-align:center;font-size:16px;font-weight:500;color:#002350}

.futures_info{display:flex;gap:24px;}
.futures_info .futures_list{flex:1;}
.futures_con .futures_info{flex-direction:column;}
.futures_con .futures_list {width:100%;}
.futures_con .futures_list li{margin-bottom:24px;display:flex;}
.futures_con .futures_list li h3{position:relative;width:122px;font-size:16px;color:#002350;font-weight:600;line-height:1;margin-bottom:8px;padding-left:14px;background:none;}
.futures_con .futures_list li h3::before{content:'';display:block;width:8px;height:8px;position:absolute;top:3px;left:0;background:url('./images/icon_arrow.svg') no-repeat center center / 8px auto;}
.futures_con .futures_list li p{font-size:15px;color:#454545;font-weight:500;line-height:16px;}
.futures_con .futures_list li p.bold{color:#222;font-weight:700;padding-bottom:20px;}
.futures_con .futures_list li > div > p{line-height:1.3;}
.futures_con .futures_list li h3 + p{padding-top:0;}
.futures_con .futures_list li:last-child{margin-bottom:0;}
.futures_con img.ready {display:block; margin:30px auto;}

/* .futures_con .team_info h3 span img{width:48px;margin:-5px 0 0;} */
.futures_con .team_info h3{display:flex;align-items:center;justify-content:center;}
.futures_con .team_info h3 span {font-family:"Paperlogy",'Pretendard','Noto Sans KR',Arial,Sans-serif!important;font-size:16px;font-weight:700;color:#002350;}
.futures_con .team_info h3 img.logo {display:inline-block;margin: 0 5px 3px 0;width:35px;vertical-align:middle;}
.futures_con .team_info ul {overflow:hidden; display:flex; flex-wrap:wrap; justify-content:flex-start; gap:25px; width:100%;}
.futures_con .team_info ul li {width:20%; text-align:center; max-width:180px;}
.futures_con .team_info ul li p {margin-top:5px; text-align:center; font-size:14px; font-weight:500; color:#222;}
.futures_con .team_info ul li .player_profile{background-color:transparent;border-radius:0;}
/* .futures_con .team_info ul li .player_profile{overflow:hidden; border-radius:100%; background-color:#f4f4f4;} */
.futures_con .team_info {margin-bottom:40px; width:100%;}
.futures_con .team_info ul li .player_profile img{transform:translateY(0) scale(1);}
.futures_con .team_info .player_info{margin-top:12px; line-height:12px;}
.futures_con .team_info .player_info p{margin:10px 0;}
.futures_con .team_info .player_info .jersey{color:#002350;}
.futures_con .team_info .player_info .name .ko{line-height:1;}
.futures_con .team_info .player_info .etc{padding:6px 0; margin-bottom:0; width:100%; border-radius:11px; background:#E5F0FF; font-size:12px; font-weight:400; color:#787878;}


.futures_rank{display:flex;flex-direction:column;gap:20px;}
.futures_rank h4{padding:12px 0; width:100%; background:var(--color-main); font-size:15px; color:#fff; font-weight:600; text-align: center;}
.futures_rank .rank_group {margin-top:20px; display:flex; flex-direction:row; justify-content:center; gap:80px;}
.futures_rank .rank_group li {width:110px;}
.futures_rank .rank_group .team_logo {margin-bottom:8px; padding:25px 20px; background:#F1F3F4; border-radius:100%;}
.futures_rank .rank_group .team_logo > img {width:90px; object-fit:contain;}
.futures_rank .rank_group p {font-size:14px; letter-spacing: -.5px!important;font-weight:400;}
.futures_rank .rank_group p.rank {display:inline-block;color:#787878;}
.futures_rank .rank_group p.tname {color:#222;text-align:center;font-weight:600;}
.futures_rank .rank_group p.info {color:#767676;text-align:center;}

.futures_rank .rank_group li.first .team_logo {border:1px solid var(--color-main);}
.futures_rank .rank_group li.first p.rank {color:#222;font-weight:600;}
.futures_rank .rank_group li.first p.rank::before {content:""; display:inline-block; margin-right:2px; width:20px; height:20px; vertical-align:middle; background:url(./images/logo_winner.png) no-repeat top center / cover}

/* video */
.futures_con .video_wrap {margin-top:15px;}
.futures_con .video_wrap .vod_tab_con {float:left;width:660px;margin-right:30px;}
.futures_con .video_wrap .vod_tab_con .con_wrap {display:none;visibility: hidden;margin-top:0;}
.futures_con .video_wrap .vod_tab_con .con_wrap.on {display:block;visibility:visible;}
.futures_con .video_wrap .vod_tab_con .frame_g {width:660px;height:375px;}
.futures_con .video_wrap .vod_tab_con .frame_g iframe {width:100%;height:100%;}
.futures_con .video_wrap .vod_tab_con .title {display:none;}
.futures_con .video_wrap .vod_tab_list {float:left;width:310px;height:375px;padding:20px 0;border:1px solid #ddd;border-left:0;border-right:0;overflow-y:auto;}
.futures_con .video_wrap .vod_tab_list .list_wrap {font-size:0;margin-bottom:20px;cursor:pointer;}
.futures_con .video_wrap .vod_tab_list .list_wrap:last-child {margin-bottom:0;}
.futures_con .video_wrap .vod_tab_list .list_wrap span {display:inline-block;font-size:13px;vertical-align: top;}
.futures_con .video_wrap .vod_tab_list .list_wrap.on .frame_g:before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(229, 164, 0, 0.4);}
.futures_con .video_wrap .vod_tab_list .list_wrap.on .title {color:#2f291f;}
.futures_con .video_wrap .vod_tab_list .list_wrap .frame_g {position:relative;width:120px;height:68px;margin-right:10px;overflow:hidden;}
.futures_con .video_wrap .vod_tab_list .list_wrap .title {width:150px;line-height:1.4;font-size:14px;}
.futures_con .select_box {overflow:hidden; height:44px;}
.futures_con .select_box .opt_item {float:right;width:230px;padding:8px 12px 0px;}
.futures_con .select_box .opt_item.video {width:310px;}
.futures_con .select_box .lab_select {font-size: 14px; font-weight: 500;}
.futures_con .select_box .opt_select { font-size: 14px;}
.futures_video_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.futures_video_wrap .select_box{width:100%;}
.futures_video_wrap .vod_tab_con{width:660px;margin-top:15px;}
.futures_video_wrap .vod_tab_con .title{display:block;padding-top:5px;font-size:16px;font-weight:700;line-height:1.2;}
.futures_con .vod_tab_con .con_wrap{width:100%;}
.futures_con .vod_tab_con .frame_g,
.futures_con .vod_tab_con .frame_g iframe{width:100%;height:375px;}
.futures_con .video_wrap .vod_tab_list .list_wrap a{display:block;}

/* sponsor */
.futures_con .sponsor_list{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:840px;margin:0 auto;}