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


/* CSS Document */
.wrap{background-color:#EEF1FB;}
.titStyle1 {margin-bottom:20px; padding-left:12px; background:url(../images/tit-bar.png) no-repeat 0 0; font-size:22px; line-height:29px;}
.titStyle1 a{display:inline-block; padding-right:20px; background:url(../images/bl.png) no-repeat 100% 7px;}
.titStyle2 {position:relative; font-size:18px; line-height:22px; font-weight:bold; }
.titStyle2 a{display:inline-block; padding-right:13px; background:url(../images/bl.png) no-repeat 100% 4px; background-size:9px 16px}
.titStyle2 span{position:absolute; top:8px; right:0; font-size:12px; line-height:16px; color:#999; font-weight:normal;}
.titStyle3 {margin-bottom:20px; font-size:21px; line-height:28px; font-weight:bold;}
.titStyle3 span{color:#F08619}

/* 기사 없을 때 */
.emptyNews{float:none !important ; margin:40px 0 !important ; text-align:center;}
.emptyNews p{font-size:18px;}

/* header */
#header {position:relative; height:530px; background:url(../images/top_bg.png) no-repeat center 0 #001188;}
#header .bg{position:relative; width:100%; height:530px; margin:0 auto; background:url(../images/soccer.png) no-repeat 90% 0;}
#header .inner{position:relative; width:1050px; margin:0 auto;}

#header .logo{display:inline-block; margin:40px 0 80px;}
#header .top-menu{position:absolute; top:14px; right:0; padding:8px 10px; border-top-left-radius:12px; border-bottom-right-radius:12px; background-color:#000000;z-index: 2;}
#header .top-menu ul{display:flex; justify-content: flex-start; align-items: center;}
#header .top-menu ul li{position:relative; margin-right:10px; padding-right:10px;}
#header .top-menu ul li:last-child{margin-right:0; padding-right:0;}
#header .top-menu ul li:after{content:''; position:absolute; top:4px; right:0; width:1px; height:12px; background-color:#FFFFFF; opacity: .75;}
#header .top-menu ul li:last-child:after{display:none; }
#header .top-menu ul li a{display:block;}

#header .gnb ul{display:flex; justify-content: flex-start; }
#header .gnb ul li{position:relative; margin-left:40px;}
#header .gnb ul li:first-child{margin-left:26px;}
#header .gnb ul li a{font-size:19px; line-height:26px; font-weight:bold; color:#fff;}
#header .gnb ul li a:hover{text-decoration:none;}
#header .gnb ul li.on:after {content:''; display:block; position:absolute; top:-18px; right:-26px; width:26px; height:16px; background:url(../images/gnb-on.png) no-repeat 0 0;}
#header .gnb ul li.on a{color:#FBA80A;}

#header .dday{position:absolute; top:80px; right:0; width:190px; height:120px; border:4px solid #5664ED; border-top-left-radius:20px; border-bottom-right-radius:20px; box-sizing: border-box; background-color:rgba(255,255,255, .8); z-index: 1;}
#header .dday .day{position:relative; margin-top:8px; font-size:42px; line-height:56px; text-align:center; color:#001188; letter-spacing: -0.84px;}
#header .dday .day:after{content:''; position:absolute; bottom:-6px; left:50%; width:126px; height:1px; margin-left:-63px; background-color:#B5B5B5;}
#header .dday .day span{color:#3E56EE;}
#header .dday .date{width:144px; margin:18px auto 0; text-align:center; font-weight:bold; color:#001188; font-size:15px;}

/* 메달 랭킹 */
#header .medalRank{position:absolute; top:100px; right:0; display:flex; width:auto; align-items: center;}
#header .medalRank .nation{margin-right:15px;}
#header .medalRank .rank{font-size:23px; color:#fff;}
#header .medalRank .rank span{vertical-align: bottom; font-size:30px;}
#header .medalRank .m{display:flex; }
#header .medalRank .gold{display:block; width:41px; height:41px; margin-left:13px; background:url(../images/gold.png) no-repeat 0 0; font-size:23px; font-weight:bold; line-height:40px; text-align:center;}
#header .medalRank .silver{display:block; width:41px; height:41px; margin-left:12px; background:url(../images/silver.png) no-repeat 0 0; font-size:23px; font-weight:bold; line-height:40px; text-align:center;}
#header .medalRank .bronze{display:block; width:41px; height:41px; margin-left:12px; background:url(../images/bronze.png) no-repeat 0 0; font-size:23px; font-weight:bold; line-height:40px; text-align:center;}

#content.index{position:relative; margin-top:-286px;}

/* 탑뉴스 */
.mainArticle{overflow:hidden; width:1050px; margin:0 auto ; border-radius:30px; box-shadow: 0px 6px 6px rgba(0,0,0, .3);}
.mainArticle .left{position:relative; float:left; width:700px;}
.mainArticle .left .thumCont{position:relative; overflow:hidden; width:700px; height:525px;}
.mainArticle .left .thumCont img{width:100%; height:auto; min-height:525px; object-fit: cover;}
.mainArticle .left .txtCont{position:absolute; left:0; bottom:0; width:calc(100%-32px); height:106px; padding:16px; background-color:rgba(255,255,255, .75);}
.mainArticle .left .txtCont .tit{overflow:hidden; max-height:44px; font-size:34px; line-height:42px; color:#000; font-weight:bold; text-align:center;}
.mainArticle .left .txtCont .txt {overflow:hidden; max-height:54px; margin-top:10px; font-size:16px; line-height:26px;}

.mainArticle .right{float:right; width:calc(350px - 50px); height:calc(525px - 60px); padding:30px 25px; background-color:#fff;}
.mainArticle .right .tit{height:30px; margin-bottom:16px; border-bottom:1px solid #000; font-size:18px; line-height:24px; font-weight:bold; }
.mainArticle .right .rankBox .box li{display:table; width:100%; margin-bottom:16px;}
.mainArticle .right .rankBox .box li a:hover .rank{text-decoration: none;}
.mainArticle .right .rankBox .box li.in_img{position:relative; min-height:60px; height:auto; margin-bottom:16px;}
.mainArticle .right .rankBox .box li.in_img .thumCont{overflow:hidden; position:absolute; top:0; right:0; width:80px; height:60px;}
.mainArticle .right .rankBox .box li.in_img .thumCont img{width:100%; height:auto; min-height:60px; object-fit: cover;}
.mainArticle .right .rankBox .box li.in_img .txtCont a{overflow:hidden; position:relative; width:174px; height:40px; padding:0 20px 0 30px;}
.mainArticle .right .rankBox .box li.in_img .txtCont a .rank{line-height:40px;}
.mainArticle .right .rankBox .box li.in_img .txtCont p{display:block; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}
.mainArticle .right .rankBox .box li .txtCont a .rank{position:absolute; top:0; left:0; line-height:40px; font-size:25px; font-weight:bold;}
.mainArticle .right .rankBox .box li .txtCont a{position:relative; overflow:hidden; display:block; height:40px; padding-left:30px; font-size:14px; line-height:20px;}
.mainArticle .right .rankBox .box li .txtCont{display:table-cell; vertical-align: middle;}
.mainArticle .right .rankBox .box li .txtCont a .rank{line-height:40px; margin-top:0; top:0;}
.mainArticle .right .rankBox .box li .txtCont p{text-overflow:initial; white-space: inherit; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}

/* 오늘의 경기 - 2경기 이상 */
.todayGame{position:relative; width:1050px; height:188px; margin:90px auto;}
.todayGame .today-info{position:absolute; top:-6px; left:-9px; width:258px; height:188px; background:url(../images/today-info.png) no-repeat 0 0;}
.todayGame .today-info .game{display:inline-block; margin:20px 0 0 29px; font-size:22px; line-height:36px;}
.todayGame .today-info .game a{color:#fff; padding-right:20px; background:url(../images/ico_bl_w.png) no-repeat 100% 7px;}
.todayGame .today-info .date{position:absolute; bottom:53px; right:20px; font-size:26px; line-height:36px; color:#777; font-weight:bold;}
.todayGame .swiperTodaygame{overflow:hidden; width:764px; height:178px; margin-left:270px; padding:0 8px; }
.todayGame .swiperTodaygame .swiper{overflow: visible;}
.todayGame .swiperTodaygame .swiper-slide{width:calc(300px - 34px); height:calc(170px - 20px); padding:20px 0 0 34px; border-radius:10px; background-color:#fff; background-image:url(../images/Icon\ material-access-time-1.svg); background-position:100% 0; background-repeat:no-repeat;  box-shadow: 0px 3px 6px rgba(0,0,0, .29);}
.todayGame .swiperTodaygame .swiper-slide .time{display:inline-block; margin-bottom:10px; padding-bottom:8px; border-bottom:1px solid #ccc; font-weight:bold; font-size:24px; line-height:36px; color:#3E56EE;}
.todayGame .swiperTodaygame .swiper-slide .event{margin-bottom:5px; font-size:16px; line-height:21px; color:#000; font-weight:bold;}
.todayGame .swiperTodaygame .swiper-slide .tournament{overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-right:16px; margin-bottom:10px; font-size:16px; line-height:21px; color:#000; font-weight:bold;}
.todayGame .swiperTodaygame .swiper-slide .place {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 16px; font-size:13px; line-height:18px; color:#777; font-weight:bold;}
.todayGame .swiperTodaygame .swiper-button-prev{position:absolute; top:50%; left:225px; width:68px; height:68px; margin-top:-34px; background:url(../images/btn_prev.png) no-repeat 0 0; text-indent: -9999px;}
.todayGame .swiperTodaygame .swiper-button-next{position:absolute; top:50%; right:-30px; width:68px; height:68px; margin-top:-34px; background:url(../images/btn_next.png) no-repeat 0 0; text-indent: -9999px;}
/* 오늘의 경기 없음 */
.todayNoGame {width:780px; height:170px; margin-left:270px; border-radius:10px; background-color:#fff; box-shadow: 0px 3px 6px rgba(0,0,0, .29); text-align:center;
   background-image:url(../images/Icon\ material-access-time-1.svg); background-repeat:no-repeat; background-position:100% 0;
}
.todayNoGame .txt{display:inline-block; margin:38px 0 16px; font-size:20px; line-height:28px; font-weight:bold;}
.todayNoGame .link a{display:inline-block; padding:10px 30px; border-radius:25px; background-color:#F08619; font-size:22px; line-height:29px; color:#fff; font-weight:bold}
.todayNoGame .link a:hover{text-decoration: none;}
.todayNoGame .link a span{padding-right:29px; background:url(../images/arr-w.png) no-repeat 100% 5px;}

/* 오늘의 경기 - 1경기 */
.oneGame {width:780px; height:170px; margin-left:270px; border-radius:10px; background-color:#fff; box-shadow: 0px 3px 6px rgba(0,0,0, .29); 
   background-image:url(../images/Icon\ material-access-time-1.svg); background-repeat:no-repeat; background-position:100% 0;
}
.oneGame .inner{padding-left:30px;}
.oneGame .inner .time{display:inline-block; margin-bottom:10px; padding:20px 0 8px; border-bottom:1px solid #ccc; font-weight:bold; font-size:24px; line-height:36px; color:#3E56EE;}
.oneGame .inner .event{margin-bottom:5px; font-size:16px; line-height:21px; color:#000; font-weight:bold;}
.oneGame .inner .tournament{margin-bottom:10px; font-size:16px; line-height:21px; color:#000; font-weight:bold;}
.oneGame .inner .place {font-size:13px; line-height:18px; color:#777; font-weight:bold;}

/* 생생화보 */
.livePhoto{position:relative; padding:60px 0 120px; background:url(../images/photo_bg_01.png) no-repeat center 0;}
.livePhoto .inner{position:relative; width:1050px; margin:0 auto ;}
.livePhoto .left{float:left; margin-right:15px;}
.livePhoto .left article{position:relative; width:520px; height:390px;}
.livePhoto .left .thumCont{overflow:hidden; width:520px; height:390px;}
.livePhoto .left .thumCont img{width:100%; height:auto; min-height:390px; object-fit: cover;}
.livePhoto .left .txtCont{position:absolute; left:0; bottom:0; width:100%; }
.livePhoto .left .txtCont p{position:relative; width:calc(100% - 32px); padding:16px; }
.livePhoto .left .txtCont p:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:100px; background: transparent linear-gradient(180deg, #00000000 0%, #000000AB 45%, #000000 100%) 0% 0% no-repeat padding-box; }
.livePhoto .left .txtCont a{overflow:hidden; display:block; position:relative; max-height:64px; color:#fff; font-size:22px; line-height:32px; letter-spacing: -.55px; font-weight:bold; z-index: 1;}
.livePhoto .right{display:flex; justify-content: space-between; flex-wrap: wrap; }
.livePhoto .right article{position:relative; width:250px; height:188px;}
.livePhoto .right article:nth-child(1){margin-bottom:14px;}
.livePhoto .right article:nth-child(2){margin-bottom:14px;}
.livePhoto .right .thumCont{overflow:hidden; width:250px; height:188px;}
.livePhoto .right .thumCont img{width:100%; height:auto; min-height:188px; object-fit: cover;}
.livePhoto .right .txtCont {position:absolute; left:0; bottom:0; width:100%; }
.livePhoto .right .txtCont p{position:relative; width:calc(100% - 24px); padding:12px; background: transparent linear-gradient(180deg, #00000000 0%, #000000AB 45%, #000000 100%) 0% 0% no-repeat padding-box;}
.livePhoto .right .txtCont p:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:70px; background: transparent linear-gradient(180deg, #00000000 0%, #000000AB 45%, #000000 100%) 0% 0% no-repeat padding-box; }
.livePhoto .right .txtCont a{overflow:hidden; display:block; position:relative; max-height:44px; color:#fff; font-size:15px; line-height:22px; letter-spacing: -.38px; z-index: 1;}

/* 광고 롤링 */
.rollingAd{margin-bottom:60px; padding:20px 0; background:transparent linear-gradient(93deg, #D6EFF7 0%, #ECE9FA 100%) 0% 0% no-repeat padding-box;}
.rollingAd .rollingSwiper .swiper-wrapper{position: relative; width:100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transition-timing-function: linear;}
.rollingAd .rollingSwiper .swiper-slide {flex-shrink: 0; width:260px; height: 60px; position: relative; transition-property: transform;}
.rollingAd .rollingSwiper .swiper-slide img{width:260px; height:60px;}

/* 주목! 이 종목 */
.gameThis .inner{position:relative; width:1050px; margin:0 auto 60px; padding-bottom:60px; border-bottom:1px solid #ccc;}
.gameThis .gameSwiper{overflow:hidden; padding-bottom:6px;}
.gameThis .swiper-slide{width:200px; height:266px;  border-radius:10px; background: transparent linear-gradient(324deg, #3E56EE 0%, #2238C4 100%) 0% 0% no-repeat padding-box; box-shadow:0px 3px 6px rgba(0,0,0, .29); text-align:center;}
.gameThis .swiper-slide .thumCont{display:flex; justify-content: center; align-items: center; width:165px; height:165px; margin:0 auto 17px; border-radius:50%; background-color:#fff; }
.gameThis .swiper-slide .txtCont p{font-size:18px; line-height:24px; color:#fff;}
.gameThis .swiper-slide a {display:block; width:100%; height:calc(100% - 30px); padding-top:30px;}
.gameThis .swiper-slide a:hover{text-decoration: none; }
.gameThis .swiper-slide a:hover .thumCont{background-color:#12005E;}
.gameThis .swiper-slide.on a .thumCont{background-color:#12005E;}
.gameThis .swiper-button-prev_1{position:absolute; top:50%; left:-30px; width:68px; height:68px; margin-top:-41px; background:url(../images/btn_prev.png) no-repeat 0 0; text-indent: -9999px; z-index: 1; cursor: pointer;}
.gameThis .swiper-button-next_1{position:absolute; top:50%; right:-30px; width:68px; height:68px; margin-top:-41px; background:url(../images/btn_next.png) no-repeat 0 0; text-indent: -9999px; z-index: 1; cursor: pointer;}
.gameThis .swiper-button-disabled{opacity: .35; cursor: auto; pointer-events: none;}

/* 그래픽 뉴스 */
.graphNews {width:1050px; margin:0 auto 225px;}
.graphNews .inner{display:flex; justify-content: space-between;}
.graphNews .left .cont{display:flex; justify-content: space-between; flex-wrap: wrap; width:728px}
.graphNews .left article{width:353px;}
.graphNews .left article .thumCont{overflow:hidden; width:100%; height:265px; margin-bottom:10px;}
.graphNews .left article .thumCont img{width:100%; height:auto; min-height:265px; object-fit: cover;}
.graphNews .left article .txtCont p{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; line-height:22px;}
.graphNews .right{position:relative;}
.graphNews .right .time{position:absolute; top:16px; right:0; color:#999999;}
.graphNews .right .banner{margin-top:49px;}

/* 종합순위 */
.totalMedal{overflow:hidden;}
.totalMedal table{width:100%; border:1px solid #d5d5d5; background-color:#fff; box-sizing: border-box;}
.totalMedal table thead{background-color:#f5f5f5;}
.totalMedal table th{padding:14px 0 13px; font-size:14px; line-height:28px;}
.totalMedal table th.nation{text-align:left;}
.totalMedal table th span.gold{display:inline-block; width:29px; height:28px; background:url(../images/gold.png) no-repeat 0 0; background-size:28px; color:#aa8a32; text-align:center; line-height:26px;}
.totalMedal table th span.silver{display:inline-block; width:29px; height:28px; background:url(../images/silver.png) no-repeat 0 0; background-size:28px; color:#949494; text-align:center; line-height:26px;}
.totalMedal table th span.bronze{display:inline-block; width:29px; height:28px; background:url(../images/bronze.png) no-repeat 0 0; background-size:28px; color:#aa734b; text-align:center; line-height:26px;}
.totalMedal table td{padding:14px 0 13px; border-bottom:1px solid #eaeaea; text-align:center; font-size:14px; line-height:20px; font-weight:bold;}
.totalMedal table td.nation{text-align:left;}
.totalMedal table tr.korea{position:relative; background-color:#f7ecee;}
.totalMedal table tr.korea:after{display:block; content:''; position:absolute; top:0; left:0; width:300px; height:100%; box-sizing: border-box; border:1px solid #b11e33;}
.totalMedal table tr.korea td.nation{color:#b11e33;}
.totalMedal table tr.korea td.rank{color:#b11e33;}
.totalMedal table tr.nkorea{position:relative; background-color:#f4f4f4;}
.totalMedal table tr.nkorea:after{display:block; content:''; position:absolute; top:0; left:0; width:300px; height:100%; box-sizing: border-box; border:1px solid #b0b0b0;}
.totalMedal table tr.nkorea td.nation{color:#323232;}
.totalMedal table tr.nkorea td.rank{color:#323232;}

.totalMedal table tr td.gold{color:#aa8a32;}
.totalMedal table tr td.silver{color:#949494;}
.totalMedal table tr td.bronze{color:#aa734b;}

/* 만국기 롤링 */
.rollingNation{margin-bottom:50px;}
.rollingNation .rollingSwiper .swiper-wrapper{position: relative; width:100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transition-timing-function: linear;}
.rollingNation .rollingSwiper .swiper-slide {flex-shrink: 0; width:60px; height: 40px; position: relative; transition-property: transform;}
.rollingNation .rollingSwiper .swiper-slide img{width:60px; height:40px;}

/* 항저우은 지금 */
#content.sub{position:relative; margin-top:-286px; }
#content.sub .inner{overflow:hidden; width:1050px; margin:0px auto 40px; padding:30px; border-radius:30px; background-color:#fff;}
#content.sub .inner .article{float:left; width:720px; padding-right:30px; border-right:1px solid #d5d5d5; box-sizing: border-box;}
#content.sub .inner .article .tabBox ul{display: flex; justify-content: space-between; margin-bottom:30px;}
#content.sub .inner .article .tabBox ul li{height:38px; line-height:38px; padding:0 20px; border:1px solid #2d2852; border-radius:20px; background-color:#f9f9f9;}
#content.sub .inner .article .tabBox ul li.on{border-color:#001860; background-color:#001860; }
#content.sub .inner .article .tabBox ul li.on a{color:#fff;}
#content.sub .inner .article .tabBox ul li:hover{border-color:#001860; background-color:#001860; }
#content.sub .inner .article .tabBox ul li:hover a{color:#fff;}
#content.sub .inner .article .tabBox ul li a{display:block; width:100%; height:100%; font-size:19px; font-weight:bold;}
#content.sub .inner .article .tabBox ul li a:hover{text-decoration: none;}
#content.sub .inner .article .articleList{overflow:hidden;}
#content.sub .inner .article .articleList li:nth-child(5n){margin-bottom:25px; border-bottom:1px solid #e4e4e4}
#content.sub .inner .article .articleList li:last-child{border-bottom:none;}


/* 기사 박스 */
.boxStyle01{overflow:hidden; margin-bottom:25px;}
.boxStyle01.no_img .txtCont{padding-left:0px;}
.boxStyle01 .thumCont{overflow:hidden;position:relative; float:left; width:125px; height:94px;}
.boxStyle01 .thumCont img{width:100%; height:auto; min-height:94px; object-fit: cover;}
.boxStyle01 .txtCont {position:relative; overflow:hidden; padding-left:30px;}
.boxStyle01 .txtCont .tit{overflow:hidden; width:100%; height:22px; margin-bottom:8px; font-size:17px; line-height:22px; color:#333; font-weight:bold; letter-spacing: -.5px;}
.boxStyle01 .txtCont .txt{overflow:hidden; max-height:44px; margin-bottom:4px;}
.boxStyle01 .txtCont .txt a{font-size:15px; line-height:22px; color:#777;}
.boxStyle01 .txtCont .linkNews li a{width:600px;}
.boxStyle01 .txtCont button{position:absolute; bottom:0; right:0px; width:21px; height:20px;}
.boxStyle01 .txtCont button.btn_open{background:url(../images/btn_linkNews_open.gif) no-repeat 0 0;}
.boxStyle01 .txtCont button.btn_close{background:url(../images/btn_linkNews_close.gif) no-repeat 0 0;}
.boxStyle01 .txtCont button span{font-size:0; line-height:0;}
.boxStyle01 .txtCont .time{font-size:13px; color:#999;} 
.boxStyle01 .txtCont .time span{position:relative; margin-right:5px; padding-right:5px;}
.boxStyle01 .txtCont .time span:after{display:block; content:''; position:absolute; top:4px; right:0; width:1px; height:12px; background-color:#ccc;}

/* 오늘의 경기 */
.gameBox .top{position:relative; margin-bottom:15px;}
.gameBox .top span{position:absolute; bottom:0; right:0; font-size:13px; line-height:17px; color:#777; letter-spacing: -.33px;}
.gameBox button{height:36px; margin-right:10px; padding:0 16px; border-radius:100px; border:1px solid #ccc; font-size:15px; line-height:20px; font-weight:bold; box-sizing: border-box;}
.gameBox button.on{background-color:#3E56EE; border:none; color:#fff;}
.gameBox a{display:inline-block; height:36px; padding:0 16px; border-radius:100px; border:1px solid #ccc; font-size:15px; line-height:34px; box-sizing: border-box; vertical-align: bottom;}
.gameBox button:hover,.gameBox a:hover{background-color:#3E56EE; border:none; color:#fff; text-decoration: none;}
.gameBox .today{margin-bottom:20px; padding:20px 18px; border:1px solid #ccc; border-radius:5px; background-color:#EEF1FB;}
.gameBox .game{display:flex; justify-content: space-between; flex-wrap: wrap; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #E4E4E4;}
.gameBox .game:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
.gameBox .game p.time{width:45px; padding-left:25px; background:url(../images/ico-clock.png) no-repeat 0 4px; background-size:19px 19px; font-size:18px; line-height:24px; font-weight:bold; color:#F08619;}
.gameBox .game p.event{overflow:hidden; width:130px; font-size:15px; line-height:24px; font-weight:bold; 
   text-overflow: ellipsis;
   white-space: nowrap;
}
.gameBox .game p.tournament{overflow:hidden; width:261px; font-weight:bold; font-size:15px; line-height:24px;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.gameBox .game p.place{overflow:hidden; width:156px; font-size:13px; line-height:24px; letter-spacing: -.33px; color:#777; text-align:right;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.gameBox .noGame{text-align:center; font-weight:bold; font-size:18px; line-height:24px;}

/* 주목! 이종목 */
#content .gameThis.tab{height:208px; margin:0 -30px 20px; background-color:#EEF1FB}
#content .gameThis.tab .inner{overflow:visible; width:auto; margin:0; padding:30px; border:none; background:transparent}
#content .gameThis.tab .swiper-slide{width:138px; height:142px;}
#content .gameThis.tab .swiper-slide .thumCont{width:96px; height:96px; margin-bottom:6px;}
#content .gameThis.tab .swiper-slide .thumCont img{width:80px; height:80px;}
#content .gameThis.tab .swiper-slide a{display: block; width: 100%; height: calc(100% - 10px); padding-top: 10px;}
#content .gameThis.tab .swiper-slide .txtCont p {font-size:15px; line-height:20px;}
#content .gameThis.tab .swiper-button-next_1 {right:0; width:50px; height:50px; margin-top:-28px; background-size:50px 50px;}
#content .gameThis.tab .swiper-button-prev_1 {left:0px; width:50px; height:50px; margin-top:-28px; background-size:50px 50px;}

#content .gameThis.tab .inner.fixed{position:fixed; top:0; left:50%; width:1050px; margin-left:-555px; padding:10px 30px; border-radius:0px; background:#EEF1FB; z-index: 9;}
#content .gameThis.tab .inner.fixed .swiper-slide {height:126px;}
#content .gameThis.tab .inner.fixed .swiper-slide .thumCont{width:80px; height:80px;}
#content .gameThis.tab .inner.fixed .swiper-slide .thumCont img{width:62px; height:62px;}

/* 현장포토 */
.photoList ul{overflow:hidden;}
.photoList li{float:left; margin-right:14px;}
.photoList li:nth-child(3n){margin-right:0px;}
.photoList li .boxStyle02{width:220px; margin-bottom:17px}
.photoList li .boxStyle02 .thumCont{overflow:hidden; position:relative; width:220px !important; height:165px; margin-bottom:5px; border:1px solid #e4e4e4; box-sizing: border-box;}
.photoList li .boxStyle02 .thumCont img{width:100%; height:auto; min-height:165px; object-fit: cover;}
.photoList li .boxStyle02 .txtCont{width:220px;}
.photoList li .boxStyle02 .txtCont p{height:46px; font-size:16px; line-height:23px;}

/* 그래픽뉴스 */
.graphicList ul{overflow:hidden;}
.graphicList li{float:left; margin-right:14px;}
.graphicList li:nth-child(3n){margin-right:0px;}
.graphicList li .boxStyle02{width:220px; margin-bottom:17px}
.graphicList li .boxStyle02 .thumCont{overflow:hidden; display:flex; justify-content: center; align-items: center; width:220px !important; height:165px; margin-bottom:5px; box-sizing: border-box;}
.graphicList li .boxStyle02 .thumCont img{width:auto; max-width:220px; height:auto; max-height:165px;}
.graphicList li .boxStyle02 .txtCont{width:220px;}
.graphicList li .boxStyle02 .txtCont p{height:46px; font-size:16px; line-height:23px;}

/* 기사뷰 */
.articleView{float:left; width:690px; padding:0 30px 0 0; }
.articleView .view .top .tit{font-size:32px; line-height:42px; font-weight:bold; }
.articleView .infoLine{overflow:hidden; width:100%; margin:24px 0 24px; padding-bottom:14px; border-bottom:1px solid #ccc;}
.articleView .infoLine .left{float:left; margin-top:7px;}
.articleView .infoLine .right{float:right;}
.articleView .infoLine .left .txt{font-size:14px; color:#999;}
.articleView .infoLine .left .txt span{position:relative; }
.articleView .infoLine .left .txt span{margin-right:5px; padding-right:5px; }
.articleView .infoLine .left .txt span:after{display:block; content:''; position:absolute; top:7px; right:-1px; width:1px; height:12px; background-color:#e2e2e2;}
.articleView .infoLine .left .txt span:last-child:after{display:none;}
.articleView .socialBox {float:left;}
.articleView .socialBox ul li {float:left; margin-left:3px;}
.articleView .socialBox ul li:first-child {margin-left:0;}
.articleView .socialBox li.line {position:relative; margin-left:10px; padding-left:10px;}
.articleView .socialBox li.line:after{position:absolute; display:block; content:''; top:5px; left:0px; width:1px; height:20px; background-color:#a1a1a1; }
.articleView .infoBox {float:left; margin-top:1px;}
.articleView .infoBox ul li {float:left;}
.articleView .infoBox ul li a {margin-left:-1px;}
.articleView .infoBox ul li .f_size_s {width:29px; height:29px; background:url(../images/icon_fontSize.gif) no-repeat 0 0; font-size:0px; line-height:0px;}
.articleView .infoBox ul li .f_size_b {width:29px; height:29px; background:url(../images/icon_fontSize.gif) no-repeat -29px 0; font-size:0px; line-height:0px;}
.articleView .summury{position:relative; margin-bottom:20px; padding-left:12px; font-weight:bold; }
.articleView .summury:after{display:block; content:''; position:absolute; top:0; left:0; width:2px; height:100%; background-color:#d42018 ;}
.articleView .summury h2{margin-top:8px; font-size:17px; line-height:26px;}
.articleView .subHeader{margin:0 0 40px; padding:4px; line-height:25px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold;}

.articleView .viewer{}
.articleView .viewer article{padding-bottom:30px; font-size:17px; line-height:28px;}
.articleView .viewer article b, .viewer article a{display:inline;}
.articleView .viewer .reporter{margin-bottom:51px;}
.articleView .viewer .thumCont{margin:40px 0; text-align:center;}
.articleView .viewer .thumCont .thum{max-width:690px; margin:0 auto;}
.articleView .viewer .thumCont .thum.left img{margin-right:30px;}
.articleView .viewer .thumCont img{width:auto; max-width:690px; height:auto;}
.articleView .viewer .thumCont .photojournal{margin-bottom:47px; max-width:720px; font-size:14px; line-height:23px; color:#666; text-align:left;}
.articleView .viewer .news{font-size:17px; line-height:28px; color:#000;} 
.articleView .viewer .viewerBottom button{float:left; margin:40px 0 25px; }
.articleView .viewer .viewerBottom .copyright{clear:both; margin-bottom:10px; font-size:14px; color:#999;}
.articleView .viewer .viewerBottom .socialBox{margin:40px 0 0 10px;}
.articleView .viewer .link .tit{margin:20px 0 15px; font-size:17px; font-weight:bold;}
.articleView .hashtag{overflow:hidden; clear:both;}
.articleView .hashtag li{float:left; margin:0 19px 4px 0; }
.articleView .hashtag li a{color:#4965f4; font-size:14px;}
.articleView .linkNews{width:690px; margin:30px auto;}
.articleView .linkNews h3{margin-bottom:20px; font-size:17px; line-height:23px;}
.articleView .linkNews li:first-child{margin-top:0px;}
.articleView .linkNews li{position:relative; height:20px; line-height:20px; margin-top:8px; padding:0 0 0 12px; font-size:15px;}
.articleView .linkNews li:after{content:''; position:absolute; top:4px; left:0; width:8px; height:9px; background:url(../images/ico_link.png) no-repeat 0 0;}
.articleView .linkNews li a{display:block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; width:100%; height:100%;}
/* 동영상 */
.articleView .viewer .position{overflow:hidden; width:100%; height:auto; text-align:center;}
.articleView .viewer .position.left iframe{float:left;}
.articleView .viewer .position.right iframe{float:right;}
.articleView .viewer .mask{display:inline-block;overflow:hidden;width:auto; height:auto;}
.articleView .viewer .mask iframe{max-width:720px;}

/* 공유하기 퀵배너 */
#quick_banner{position:absolute; top:550px; left:50%; margin-left:-610px; z-index:9;}
#quick_banner.view li.divi{position:relative; padding-top:6px; }
#quick_banner.view li.divi:after{display:block; content:''; position:absolute; top:0; left:50%; width:14px; height:1px; margin-left:-7px; background-color:#ccc;}
.socialBox.view li{float:none; display:block; margin:0 0 5px 0; text-align:center;}
.socialBox.view ul li:first-child {}
.socialBox.view button.like{position:relative; width:37px; margin:0 0 9px 0; padding-bottom:10px; border-bottom:1px solid #ccc;}
.socialBox.view button.like strong{display:block; position:relative; width:37px; height:25px; margin-bottom:9px; border:1px solid #616161; border-radius:3px; box-sizing:border-box; background-color:#e5f0fb;  font-size:14px; color:#e02631;}
.socialBox.view button.like strong:after{display:block; content:''; position:absolute; bottom:-7px; left:3px; width:9px; height:7px; background:url(../images/img_bull.png) no-repeat 0 0; z-index: 9; }
.socialBox.view button.like img{display:block;}
.socialBox.view ul li.divi{position:relative; padding-top:6px; }
.socialBox.view ul li.divi:after{display:block; content:''; position:absolute; top:0; left:50%; width:14px; height:1px; margin-left:-7px; background-color:#ccc;}
.btnBody{padding:10px 50px 10px 10px; border:1px solid #ccc; background-color:#f1f1f1; background-image:url(../images/bl.png); background-repeat:no-repeat; background-position: 95% 50%; background-size:8px 15px}


/* aside *//* aside *//* aside *//* aside *//* aside *//* aside *//* aside *//* aside *//* aside *//* aside *//* aside *//* aside */
/* aside *//* aside *//* aside *//* aside *//* aside *//* aside *//* aside *//* aside *//* aside *//* aside *//* aside *//* aside */

.aside{position:relative; float:right; width:300px; }
.aside:after{display:block; content:''; position:absolute; top:0; left:-31px; width:1px; height:100%; background-color:#d5d5d5;}

/* aside 많이 본 기사 */
.aside .rankBox{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #E4E4E4;}
.aside .rankBox .titStyle2{margin-bottom:16px; padding-bottom:6px; border-bottom:1px solid #000; line-height:18px;}
.aside .rankBox .box li{display:table; width:100%; margin-bottom:16px;}
.aside .rankBox .box li a:hover .rank{text-decoration: none;}
.aside .rankBox .box li.in_img{position:relative; min-height:60px; height:auto; margin-bottom:16px;}
.aside .rankBox .box li.in_img .thumCont{overflow:hidden; position:absolute; top:0; right:0; width:80px; height:60px;}
.aside .rankBox .box li.in_img .thumCont img{width:100%; height:auto; min-height:60px; object-fit: cover;}
.aside .rankBox .box li.in_img .txtCont a{overflow:hidden; position:relative; width:174px; height:40px; padding:0 20px 0 30px;}
.aside .rankBox .box li.in_img .txtCont a .rank{line-height:40px;}
.aside .rankBox .box li.in_img .txtCont p{display:block; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}
.aside .rankBox .box li .txtCont a .rank{position:absolute; top:0; left:0; line-height:40px; font-size:25px; font-weight:bold;}
.aside .rankBox .box li .txtCont a{position:relative; overflow:hidden; display:block; height:40px; padding-left:30px; font-size:14px; line-height:20px;}
.aside .rankBox .box li .txtCont{display:table-cell; vertical-align: middle;}
.aside .rankBox .box li .txtCont a .rank{line-height:40px; margin-top:0; top:0;}
.aside .rankBox .box li .txtCont p{text-overflow:initial; white-space: inherit; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}

/* aside 오늘의 경기 */
.aside .todayPlan{margin-bottom:20px; }
.aside .todayPlan .titStyle2{margin-bottom:15px;}
.aside .todayPlan .today{overflow-y:auto; padding:20px 18px; max-height:214px; border-radius:5px; border:1px solid #ccc; background-color:#EEF1FB;}
.aside .todayPlan .today::-webkit-scrollbar{width:10px; border-radius:5px; background-color:#D9D9D9}
.aside .todayPlan .today::-webkit-scrollbar-thumb{border-radius:5px; background-color:#ABABAB;}
.aside .todayPlan .today .game{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #E4E4E4;}
.aside .todayPlan .today .game:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:0px}
.aside .todayPlan .today .game .time{margin-bottom:10px; padding-left:21px; background:url(../images/ico-clock.png) no-repeat 0 50%; background-size:16px 16px; font-size:16px; line-height:22px; color:#F08619; font-weight:bold;}
.aside .todayPlan .today .game .event{font-size:14px; line-height:18px; }
.aside .todayPlan .today .game .event span{margin-right:3px;}
.aside .todayPlan .today .game .event strong{font-size:16px;}

/* 현장포토 */
.aside .siteBox{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #E4E4E4;}
.aside .siteBox .titStyle2{margin-bottom:15px;}
.aside .siteBox .thumCont{overflow:hidden; width:300px; height:225px; margin-bottom:10px;}
.aside .siteBox .thumCont img{width:100%; height:auto; min-height:225px; object-fit: cover;}
.aside .siteBox .txtCont p{overflow:hidden; max-height:44px; font-size:15px; line-height:22px; }

/* 주목! 이종목 */
.aside .gameThis{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #E4E4E4;}
.aside .gameThis .titStyle2{margin-bottom:15px;}
.aside .gameThis .cont{display:flex; justify-content: space-between; flex-wrap: wrap;}
.aside .gameThis .cont .box{width:138px; height:142px; margin-bottom:15px; border-radius:20px; background-color:#3E56EE; text-align:center; box-shadow: -2px 3px 3px #0000004D;}
.aside .gameThis .cont .box a{display:block; height:100%;}
.aside .gameThis .cont .box a:hover{text-decoration: none;}
.aside .gameThis .cont .box a:hover .thumCont{background-color:#12005E;}
.aside .gameThis .cont .box .thumCont{display:flex; justify-content: center; align-items: center; width:96px; height:96px; margin:10px auto 6px; border-radius:50%; background-color:#fff; }
.aside .gameThis .cont .box .thumCont img{width:80px; height:80px;}
.aside .gameThis .cont .box .txtCont {font-size:15px; line-height:22px; color:#fff; font-weight:bold;}

/* 종합순위 */
.aside .totalMedal{margin-bottom:20px;}
.aside .totalMedal .titStyle2{margin-bottom:15px;}

/* 그래픽뉴스 */
.graphBox .titStyle2{margin-bottom:15px;}
.aside .graphBox .thumCont{display:flex; justify-content: center; align-items: center; width:300px; height:252px; margin-bottom:10px;}
.aside .graphBox .thumCont img{width:auto; max-width:300px; max-height:252px;}
.aside .graphBox .txtCont p{overflow:hidden; max-height:44px; font-size:15px; line-height:22px; }

/* 메달 현황 */
.medal{float:left; width:690px; padding-right:40px; border-right:1px solid #d5d5d5;}
.btnGroup{overflow:hidden; border-top:1px solid #ccc; }
.btnGroup li{position:relative; float:left; width:50%; height:46px; line-height:46px; border-bottom:1px solid #ccc; text-align:center; font-size:17px; }
.btnGroup li a{display:block; width:100%; height:100%; text-decoration:none; color: #a3a3a3; }
.btnGroup li.on a{color:#001860; font-weight:bold;}
.btnGroup li.on:after{display:block; content:''; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background-color:#001860; z-index: 9;}
.btnGroup li:hover a{text-decoration:none; }
.medalCont{margin-top:20px;}
.medalCont .tit{margin-bottom:15px; font-size:20px; font-weight:bold;}
.medalCont p.noMedal{font-size:15px; padding-bottom:25px; border-bottom:1px solid #e4e4e4;}
.medalCont .tit.gold span{display:inline-block; width:41px; height:41px; line-height:40px; background:url(../images/ico_gold.png) no-repeat 0 0; font-size:22px; text-align:center; letter-spacing:-1px; text-indent:-1px;}
.medalCont .tit.silver{padding-top:10px;}
.medalCont .tit.silver span{display:inline-block; width:41px; height:42px; line-height:40px; background:url(../images/ico_silver.png) no-repeat 0 0; font-size:22px; text-align:center; letter-spacing:-1px; text-indent:-1px;}
.medalCont .tit.bronze{padding-top:10px;}
.medalCont .tit.bronze span{display:inline-block; width:41px; height:42px; line-height:40px; background:url(../images/ico_bronze.png) no-repeat 0 0; font-size:22px; text-align:center; letter-spacing:-1px; text-indent:-1px;}
.medalCont table{width:100%; border-bottom:1px solid #efefef}
.medalCont table th{padding:13px 0; background-color:#001860; color:#fff; font-size:16px;}
.medalCont table td{padding:13px 0; text-align:center; font-size:15px;}
.medalCont table tr:nth-child(odd){background-color:#fff;}
.medalCont table tr:nth-child(even){background-color:#efefef;}

/* 페이징 */
.paging {clear:both; overflow:hidden; display:block; height:18px; text-align:center;}
.paging button {display:inline-block; width:18px; height:18px; vertical-align:top;}
.paging .first {margin-right:5px; background:url(http://image.newsis.com/new_www/homepage/btn_paging_first.gif) no-repeat 0 0;}
.paging .prev {margin-right:3px; background:url(http://image.newsis.com/new_www/homepage/btn_paging_prev.gif) no-repeat 0 0;}
.paging .next {margin-left:3px; background:url(http://image.newsis.com/new_www/homepage/btn_paging_next.gif) no-repeat 0 0;}
.paging .end {margin-left:5px; background:url(http://image.newsis.com/new_www/homepage/btn_paging_end.gif) no-repeat 0 0;}
.paging a {display:inline-block; font-size:14px; vertical-align:top;}
.paging .num a {display:inline-block; overflow:hidden; padding:0 7px; height:18px; line-height:16px; letter-spacing:-0.6px; text-align:center; color:#747474;}
.ie8 .paging_t1 .num a {line-height:18px;}
.paging a strong,
.paging a:hover,
.paging a:focus {font-weight:normal; color:#ed1b2f;}

.footer{overflow:hidden; background-color: #1F3461;}
.footer .inner{position:relative; width:850px; margin:0 auto; min-height:138px; padding-left:200px;}
.footer .inner p.logo{position:absolute; top:50%; left:0; margin-top:-10px;}
.footer address{padding-top:30px;}
.footer .inner ul{overflow:hidden; display:block; margin-bottom:15px;}
.footer .inner li,.footer .inner p,.footer .inner li a {color:#fff; font-style:normal; font-size:13px;}
.footer .inner li{position:relative; float:left; padding-right:11px; margin-right:10px;}
.footer .inner li:after{display:block; content:''; position:absolute; top:3px; right:0; width:1px; height:12px; background-color:#fff; }
.footer .inner li:last-child:after{display:none;}


/* Slider */
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding:0;}
.slick-list:focus{outline: none;} 
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; position:relative; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{position:relative; float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.totalMedal table td.nation{letter-spacing:-2px !important ;}


/* 기사뷰 광고 영역 */
.viewer .ad300250{float:right; margin-left:24px;padding-bottom:0px; border-bottom:none; }
.viewer .ad300250 a{display:block !important ;}

/* aside 광고 300 350 */
.ad300250{width:300px; height:250px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc; }
.ad300250 a{display:block; width:300px; height:250px; background-color:rgba(0,0,0, .05)}
/* 기사뷰 왼쪽 광고 160 600 */
.ad160600{position:absolute; top:550px; width:160px; height:600px; }
.ad160600.left{left:50%; margin-left:-800px;}
.ad160600.right{right:50%; margin-right:-740px;}
.ad160600 a{display:block; width:160px; height:600px; background-color:rgba(0,0,0, .05)}

/* 플로팅 광고1 */
.ad300250.floating1{position:absolute; top:1400px; left:50%; width:300px; height:250px; margin:0 0 0 -650px;  padding-bottom:0px; border-bottom:none; z-index: 9999;}
.ad300250 a{display:block; width:300px; height:250px; background-color:rgba(0,0,0, .1)}

.ad300250.floating2{display:none; position:fixed; bottom:30px; left:50%; width:300px; height:250px; margin:0 0 0 -900px;  padding-bottom:0px; border-bottom:none; z-index: 9999;}
.ad300250 a{display:block; width:300px; height:250px; background-color:rgba(0,0,0, .1)}