@charset "utf-8";
@import url(reset.css);

@font-face {
    font-family: 'BNKgothic';
    src: url('../fonts/bnkgothic-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'BNKgothic';
    src: url('../fonts/bnkgothic-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

.clearfix:after {content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:block;}
.sr-only{position:absolute; left:-99999px; top:-9999999px; font-size:0;}
img{max-width:100%;max-height:100%;}

html,body{min-width:1000px;width:100%;}
#wrapper{position:relative;background:#141E30}
/* :url('../images/bg_wrapper.jpg') repeat-x center bottom / cover; */
#contents{display:flex; flex-direction:column;}
#contents *{font-family:'BNKgothic', sans-serif;}


.canvas_wrap{position:absolute;width:100%;height:1080px;}
.canvas_wrap > .inner{position:relative;width:100%;height:100%;}
.canvas_wrap > .inner:after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(180deg, rgba(20, 30, 48, 0.00) 66.2%, #141E30 100%);}

/*visual*/
.visual{position:relative;background:url('../images/visual_bg.png') no-repeat center 20px / 1200px auto;height:100%;min-height:860px;z-index:1;}
.visual .title{position:absolute;top:100px;left:50%;transform: translateX(-50%);width:1000px;}
.logo_wrap{position:absolute;bottom:67px;left:50%;transform:translate(-50%);display:flex;gap:476px;}
.logo{display:flex;gap:10px;}
.logo li{width:60px; height:60px;}

/*content*/
.content{position:relative;z-index:2;}
.content > .cont_inner{width:1000px;margin:0 auto;}
.content h1{margin-bottom:40px; text-align:center;}
.list{position:relative; text-align:center;}
.list > ul{border:1px solid #686E78;background: rgba(255, 255, 255, 0.08);}
.list li{display:inline-block;width:916px;letter-spacing:-0.05em;}
.list li .group{padding:18px 0;display:flex;flex-wrap:wrap;width:100%;justify-content:space-around;border-bottom:1px solid #404A59;}
.list li:last-child .group{border-bottom:none;}
/*경기 전,후 스타일*/
.team{display:flex;align-items:center;width:210px;color:#fff;}
.team .img{position:relative;width:100px;height:100px;}
.team .img > img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);vertical-align:auto;}
.team .name{font-size:20px;font-weight:700;letter-spacing:-0.025em;}
.team_left{justify-content:flex-start;}
.team_left .name{padding-left:15px;}
.team_right{justify-content:flex-end;}
.team_right .name{max-width:98px;padding-right:15px;}
.info{display:flex;width:416px;align-items:center;justify-content:space-around;}
.score{color:#83868B}
.score.win{color:#F6022D;}
.score .result{width:24px;height:24px;background:#83868B;border-radius:24px;line-height:24px;text-align:center;font-size:14px;color:#fff;letter-spacing:-0.01em;}
.score.win .result{background:#F6022D;}
.score span{display:inline-block;vertical-align:middle;}
.score .number{font-size:46px;letter-spacing:-0.025em;font-weight:600;}
.score_left .number{margin-left:10px;}
.score_right .number{margin-right:10px;}
.schedule{line-height:1;font-size:16px;color:#fff;text-align:center;font-weight:600;letter-spacing:-0.015em;}
.schedule .place{font-size:14px;font-weight:500;margin-top:8px;}
.btns{margin-top:16px;display:flex;justify-content:center;}
.btns a{display:inline-block;min-width:60px;padding:5px 0;font-size:13px;font-weight:500;background-color:#7D838D;color:#fff;}
/* .btns a:first-child{border-radius:4px 0 0 4px;}
.btns a:last-child{border-radius:0 4px 4px 0;} */
.btns a.line{margin-left:1px;}
/*경기 전 스타일*/
.begin .score{top:49px;width:9px;height:3px;background-color:#94979E;}
.begin .score_left{margin-right:76px;}
.begin .score_right{margin-left:76px;}
.begin .btns a{padding:2px 10px;font-size:13px;font-weight:500;background-color:#7D838D;color:#fff;border-radius:4px;cursor:default;}
/* .begin .btns a.bg{background-color:#154474;color:#fff;}
.begin .btns a.bg:first-child{border-radius:100vh 0 0 100vh;}
.begin .btns a.bg:last-child{border-radius:0 100vh 100vh 0;border-left:1px solid #3b6895;} */
/*하단링크버튼*/
.content .btn{text-align:center;padding-top:80px;/*padding-bottom:100px;*/}
.link_wkbl{padding:18px 40px;display:inline-block;position:relative;background:#00040B;font-size:18px;font-weight:600;color:#fff;letter-spacing:-0.025em;}
.copyright{padding:60px 0;text-align:center;font-size:12px;font-weight:400;color:#5F6673;letter-spacing:-0.025em;}

/* 위로가기 버튼 */
.btn_top {position:fixed;z-index:10;bottom:-60px;right:30px;overflow:hidden;width:60px;height:60px;cursor:pointer;-moz-transition: bottom 0.3s ease; -o-transition: bottom 0.3s ease; -webkit-transition: bottom 0.3s ease; transition: bottom 0.3s ease;z-index:1000;background:url('/static/images/main/icon_btn_top.svg') no-repeat center center / auto 24px;border:1px solid #CACACA;background-color:#fff;text-indent:-999px;}
.btn_top.on {bottom:30px;}