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

:root{
    --color-main:#0044A1
}

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

.futures{padding-top:115px;background-color:#002558;font-size:15px;font-weight:500;color:#454545}
.futures * {font-family:'Pretendard','Noto Sans KR',Arial,Sans-serif!important;letter-spacing:-1px;}
.futures{background:#002558 url(./images/title_bg.png?ver=1.1) no-repeat center 115px / contain;}
/* .futures.en{background:#002558 url(./images/title_bg_en.png) no-repeat center 115px / contain;} */
.futures .futures_top{position:relative;max-width:1200px;margin:0 auto;height:702px;}
.futures .futures_top .emblem{position:absolute;top:40px;}
.futures .futures_top .title{padding-top:55px;}
.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:#0B1C2F;color:#7C8187;font-size:17px;border-radius:8px 8px 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;}


/* table */
.futures .futures_table{border-radius:10px 10px 0 0;overflow:hidden;}
.futures .futures_table th, .futures .futures_table td {padding: 10px 0 10px;}
.futures .futures_table thead th,
.futures .futures_table thead td{background-color:#E3E7EB;border:1px solid #E3E7EB;border-bottom-color:#E3E7EB;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:#E3E7EB;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:#222;font-size:15px;line-height:1.3; font-weight:600;}
.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 .futures_table.rank{padding-bottom:20px;border-radius:0;overflow:hidden;}
.futures .futures_table.rank thead th{font-size:14px;font-weight:500;}
.futures .futures_table.rank tbody td{border:1px solid #D2D2D2;font-size:14px;font-weight:500;}
.futures .futures_table.rank tbody tr td:first-child{border-left:0;}
.futures .futures_table.rank tbody tr td:last-child{border-right:0;}
.futures .futures_table.rank thead th:first-child,
.futures .futures_table.rank thead td:first-child{border-left-color:transparent;}
.futures .futures_table.rank thead th:last-child,
.futures .futures_table.rank thead td:last-child{border-right-color:transparent;}
.futures .futures_table.rank thead th,
.futures .futures_table.rank thead td{background-color:#F4F4F4;border-width:0 1px 0 0;border-color:#D2D2D2;color:#555;}

.futures_con h2.title{position:relative;padding-top:13px;margin-bottom:32px;color:#121212;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:var(--color-main);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 .point{color:var(--color-main);font-weight:700;font-size: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 .futures_place {display:flex; flex-wrap:wrap; gap:5px; align-items:center;}
.futures_con .futures_place .stadium_img {width:50%}
.futures_con .futures_place .stadium_map {width:49.5%}

.futures .futures_con .con_wrap.ready{padding:120px 0; display:flex;flex-direction:column;gap:15px;align-items:center;}
.futures .futures_con .ready img{mix-blend-mode:luminosity;}
.futures .futures_con .ready .txt{display:flex;flex-direction:column;gap:25px;font-size:20px;font-weight:400;text-align:center;}
.futures .futures_con .ready .title{font-family:"Paperlogy",'Pretendard','Noto Sans KR',Arial,Sans-serif!important;font-size:24px;letter-spacing:-0.6px;line-height:1;font-weight:700;text-align:center;}

/* .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:18px;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 p {margin-top:5px; text-align:center; font-size:16px; font-weight:700; 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:6px 0;}
.futures_con .team_info .player_info .jersey{color:#002350;font-weight:500;font-size:13px;}
.futures_con .team_info .player_info .name .ko{line-height:1;}
.futures_con .team_info .player_info .etc{margin-top:8px;padding:6px 0; margin-bottom:0; width:100%; border-radius:11px; background:#E5F0FF; font-size:12px; font-weight:400; color:#787878;}

.futures_con .team_info ul.coach {margin-top:25px; padding-top:25px; border-top:1px solid #d2d2d2;}
.futures_con .team_info ul.coach li {width:auto; text-align:center; max-width:120px;}
.futures_con .team_info ul.coach li .coach_profile {background:#EEF1F3;}
.futures_con .team_info ul.coach .coach_info .name{margin-top:0;}
.futures_con .team_info ul.coach .coach_info .name .ko{margin-top:0; font-size:14px;}
.futures_con .team_info ul.coach .coach_info .etc{font-size:13px; font-weight:500; color:#002350;}

.game_schedule{margin:0 auto; max-width:1000px;}
.game_schedule ul li{margin:20px 0; padding:20px; border:1px solid #e1e1e1;}
.game_schedule ul li:last-child{margin-bottom:0;}
.game_schedule ul li .group{display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:40px;}
.game_schedule ul li .group .team{display:flex; align-items:center; gap:25px; width:200px;}
.game_schedule ul li .group .team .name{font-size:16px; color:#222; font-weight:500; line-height:22px;}
.game_schedule ul li .group .team .img{position:relative; width:90px; height:100px;}
.game_schedule ul li .group .team .img > img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.game_schedule ul li .group .team_left{justify-content:flex-start;}
.game_schedule ul li .group .team_right{justify-content:flex-end;text-align: right;}
.game_schedule ul li .group .info{display:flex; align-items:center; width:50%; justify-content:space-around;}
.game_schedule ul li.begin .group .info .score{margin: 0 -50px; width:9px; height:3px; background-color:#999;}
.game_schedule ul li .group .info .score{width:50px; text-align:center;}
.game_schedule ul li .group .info .score .number{font-family:var(--font-paper); font-size:38px; letter-spacing:-0.025em; font-weight:700; color:#999;}
.game_schedule ul li .group .info .score.win .number{color:var(--color-main); font-size:42px; font-weight:800;}
.game_schedule ul li .group .info .schedule{min-width:220px; line-height:22px; font-size:16px; color:var(--color-main); text-align:center; font-weight:600; letter-spacing:-0.015em;}
.game_schedule ul li .group .info .schedule .place{font-size:14px; font-weight:500; color:#666;}
.game_schedule ul li .group .info .schedule .btns{margin-top:20px;}
.game_schedule ul li .group .info .schedule .btns a{display:inline-block; margin-right:5px; min-width:70px; padding:2px 0; border-radius:4px; font-size:13px; font-weight:500; background-color:var(--color-main); color:#fff;}
.game_schedule ul li .group .info .schedule .btns a:last-child{margin-right:0px;}
.game_schedule ul li .group .info .schedule .cast {margin-top:15px; padding:5px 10px; background:#e1e1e1; border-radius: 4px; color:#666; font-size:13px; font-weight:400; line-height:20px;}

.futures_rank{display:flex;flex-direction:column;gap:25px;}
.futures_rank h4{overflow:hidden; padding:12px 0; width:100%; background:var(--color-main); font-size:14px; color:#fff; font-weight:600; text-align: center; border-radius:10px 10px 0 0;}
.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;}