@charset "utf-8";

.breadcrumb{display:none;}

.sub_inner{max-width:1440px;margin:0 auto;padding:0 20px;}

.top_banner{display:flex;justify-content:center;}
.top_banner img{max-width:100%;}

.sub_menu{background-color:var(--navy, #000042);}
.sub_menu ul{display:flex;justify-content:space-around;}
.sub_menu li{flex:1;}
.sub_menu li a{display:block;padding:30px 0;color:var(--gray_text, #A1A1AA);font-size:18px;font-weight:500;text-align:center;}
.sub_menu li.active a{color:var(--wh, #FFF);background-color:var(--blue, #0050DD);}

.event_info{display:flex;flex-direction:column;gap:112px;padding:120px 20px;}
.event_info .match img{width:100%;}
.event_info .info_wrap{display:flex;gap:48px;}
.event_info .info_wrap .info{flex:1;display:flex;flex-direction:column;gap:40px;align-items:stretch;}
.event_info .info_wrap .info .title{padding:16px 0;border-radius:12px;background-color:var(--navy, #000042);font-size:18px;font-weight:700;line-height:1;color:#fff;text-align:center;}
.event_info .info_wrap .list{flex:1;display:flex;flex-direction:column;gap:24px;}
.event_info .info_wrap .list li{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;}
.event_info .info_wrap .list .tag_title{display:flex;min-width:120px;padding:11px 16px 9px 16px;justify-content:center;align-items:center;border-radius:99px;border: 1px solid var(--blue_text, #1F88FF);background: rgba(31, 136, 255, 0.10);font-size:16px;font-weight:500;color:var(--blue_text, #1F88FF);}
.event_info .info_wrap .list p{font-size:16px;font-weight:200;line-height:1.5;color:var(--bk, #1F1F20);}
.event_info .poster img{max-width:100%;}

.ready{display:flex; height:780px; padding:72px 20px; flex-direction:column; justify-content:center; align-items:center; gap:64px; align-self: stretch;}
.ready .match img{opacity:0.5;filter:grayscale(100%);}
.ready .ready_text{display:flex;flex-direction:column;gap:16px;align-items:center;}
.ready .ready_text .impact{font-size:24px;}

/* 참가팀 소개 */
.toggle_box {display:flex; justify-content:center;}
.toggle_select {display:flex; margin:0; padding:4px; border-radius:50px; width:100%; max-width:308px; background-color:#EAEAEB;}
.toggle_btn {width:50%; height:50px;}
.toggle_btn a {display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:50px; color:#333; font-size:18px; font-weight:500; transition:all 0.2s ease-in-out; }
.toggle_btn.on a {background-color: var(--blue, #0050DD); color:var(--wh, #FFF);}

.toggle_con > li {display:none;}
.toggle_con > li > .ready{height:450px;}
.toggle_con > li > .team_info + .team_info{margin-top:128px;}
.toggle_con > li > .team_info .coach{margin-bottom:30px;}
.toggle_con > li > .team_info h2{margin-bottom:50px; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:8px; height:60px; border-radius:12px; font-size:16px; font-weight:500;}
.toggle_con > li > .team_info h2.man{background: rgba(31, 136, 255, 0.10); border:1px solid var(--blue_text, #1F88FF); color:var(--blue_text, #1F88FF);}
.toggle_con > li > .team_info h2.woman{background: rgba(255, 68, 31, 0.10); border:1px solid var(--orange_text, #FF441F);  color:var(--orange_text, #FF441F);}
.toggle_con > li > .team_info h2 span{display:inline-block; width:48px; height:48px;}
.toggle_con > li > .team_info h2 span img{width:100%; height:100%; object-fit:cover;}
.toggle_con > li > .team_info h3{margin-bottom:30px; font-size:16px; font-weight:500; color:var(--navy, #000042);}

.toggle_player_box {display:flex; justify-content:center; margin-bottom:24px;}
.player_select {display:flex; margin:0; gap:8px; border-radius:50px; width:100%; max-width:252px}
.toggle_pl_btn {width:50%!important; height:42px;}
.toggle_pl_btn a {display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:50px; color:var(--gray_text, #A1A1AA); background:#fff; border:1px solid var(--gray_text, #A1A1AA); font-size:16px; font-weight:500; transition:all 0.2s ease-in-out; }
.toggle_pl_btn.on a {background: rgba(0, 0, 66, 0.05); border: 1px solid var(--navy, #040408); color:var(--navy, #000042);}


.toggle_con > li > .team_info .coach ul, .toggle_con > li > .team_info .player ul{display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:20px; margin-bottom:60px;}
.toggle_con > li > .team_info ul:last-child{margin-bottom:0px;}
.toggle_con > li > .team_info ul li{overflow:hidden; position:relative; width:15.47%; border-radius:20px; background-color:#E6E6E7;}
.toggle_con > li > .team_info ul li .player_img{width:100%; height:292px;}
.toggle_con > li > .team_info ul li .player_img img{width:100%; height:100%; object-fit:cover;}
.toggle_con > li > .team_info ul li .player_profile {position:absolute; bottom:0%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:8px; padding:20px 0; width:100%; background:linear-gradient(180deg, rgba(0, 0, 66, 0.85) 0%, rgba(0, 0, 66, 0.85) 100%); box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.toggle_con > li > .team_info ul li .player_profile .info {font-size:13px; font-weight:200; color:var(--gray_text, #A1A1AA);}
.toggle_con > li > .team_info ul li .player_profile .info .position {display:inline-block; margin-right:8px; font-weight:400; color:var(--blue_text, #1F88FF);}
.toggle_con > li > .team_info ul li .player_profile .name_en {font-size:16px; font-weight:500; color:var(--wh, #FFF); text-transform:uppercase;}
.toggle_con > li > .team_info ul li .player_profile .name_ko {font-size:14px; font-weight:200; color:var(--gray_text, #A1A1AA);}


.impact{color: var(--blue_text, #1F88FF);font-size:16px; font-weight:500; line-height:1.5;}

@media screen and (max-width: 1200px) {
    #contents{padding-top:74px;}
    .pc_only{display:block;}
    .mo_only{display:none;}

    .sub_menu .sub_inner{padding:0;flex-wrap:wrap;}
    .sub_menu li{flex:0 0 50%;}
    .sub_menu li a{padding:18px 0;font-size:16px;}

    .event_info{gap:56px;padding:64px 20px;}
    .event_info .info_wrap{gap:40px;flex-direction:column;}
    .event_info .info_wrap .info{gap:32px;}
    .event_info .info_wrap .info .title{padding:16px 0;border-radius:8px;font-size:15px;}
    .event_info .info_wrap .list{gap:20px;}
    .event_info .info_wrap .list li{text-align:center}
    .event_info .info_wrap .list .tag_title{min-width:108px;font-size:14px;}
    .event_info .info_wrap .list p{font-size:14px;line-height:1.7;}

    .event_info.ready{gap:64px;height:auto;padding:64px 20px;}
    .event_info.ready .ready_text{gap:12px;}
    .event_info.ready .ready_text .impact{font-size:20px;}

    .toggle_select {max-width:none;}
    .toggle_btn {height:56px;}
    .toggle_con > li > .team_info h2 {height:48px;}
    
    .toggle_con > li > .team_info ul li{width:18.3%; border-radius:20px;}
    .toggle_con > li > .team_info ul li .player_img {height:258px;}
}

@media screen and (max-width: 768px) {
    .pc_only{display:none;}
    .mo_only{display:block;}
    
    .toggle_con > li > .team_info ul{justify-content:space-between; gap:16px;}
    .toggle_con > li > .team_info ul li{width:47.4%; border-radius:20px;}
    .toggle_con > li > .team_info ul li .player_img {height:228px;}
}


@media screen and (max-width: 390px) {
    .toggle_con > li > .team_info ul li{width:47%; border-radius:20px;}
}