@charset "utf-8";
@import url(swiper-bundle.min.css);

.wrap{background-color:#f5ffff;}

#header{position:relative; background:url(../images/bg_header.png) no-repeat center 0;}
#header:before{display:inline-block; content:''; position:absolute; bottom:0; left:0; width:100%; height:48px; background-color:#01405b; }
#header>.inner{position:relative; width:1050px; margin:0 auto;}
#header .inner h1{position:relative; display:inline-block;}
#header .inner h1 span{position:absolute; top:48px; right:-84px; width:70px; height:35px; padding-left:4px; line-height:1.4; text-align:center; color:#fff; font-size:24px; font-weight:normal;
  background-color:#01647c;
  background-image:url(../images/bg_label.png); 
  background-repeat:no-repeat;
  background-position:0 0;
}
#header .inner h2{position:absolute; top:30px; right:0;}
#header .inner .total{position:absolute; top:84px; right:0;}
#header .inner .total .nation{float:left; font-size:18px; line-height:41px; color:#fff;}
#header .inner .total .nation span{font-size:24px; color:#fff;}
#header .inner .total .nation img{margin:-4px 10px 0 0;}
#header .inner .total ul{float:right; }
#header .inner .total ul li{float:left; width:41px; height:43px; line-height:40px; margin-left:13px; text-align:center; font-size:22px; color:#000; font-weight:bold; letter-spacing: -1px; text-indent:-1px;}
#header .inner .total ul li.gold {background:url(../images/ico_gold.png) no-repeat 0 0;}
#header .inner .total ul li.silver {background:url(../images/ico_silver.png) no-repeat 0 0;}
#header .inner .total ul li.bronze {background:url(../images/ico_bronze.png) no-repeat 0 0;}
#header .inner .gnb{background-color:#01405b;}
#header .inner .gnb .cont{overflow:hidden; width:834px; margin:0 auto; padding:0 10px; }
#header .inner .gnb ul{display:flex; justify-content: space-between;}
#header .inner .gnb li{position:relative;height:48px; line-height:48px;}
#header .inner .gnb li a{overflow:hidden; display:inline-block; height:100%; padding:0 33px; font-size:18px; color:#fff; text-decoration: none; z-index: 9;}
#header .inner .gnb li.on a:before{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#01647c; transform:skew(-20deg);}
#header .inner .gnb li:hover a:before{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#01647c; transform:skew(-20deg);}
#header .inner .gnb li a span{position: relative;}

/* 탑기사 */
.mainArticle{overflow:hidden;width:1050px;margin: 30px auto 30px; }
.mainArticle .left{float:left; width:700px;}
.mainArticle .right{float:right; width:310px;}
.mainArticle .left .thumCont{position:relative; overflow:hidden; width:700px; height:437px;}
.mainArticle .left .thumCont img{position:absolute; object-fit: cover;
   top: 0;
   left: 0;
   width: 100%;
   min-height: 437px;
   max-width: 100%;
}
.mainArticle .left .txtCont .label{position:absolute; top:-25px; left:0; width:auto; height:35px; line-height:33px; padding:0 16px 0 50px; background-image:url(../images/bg_label.png); background-repeat: no-repeat; background-position: 0 0; background-color:#001860; color:#fff; font-size:16px; z-index: 9;}
.mainArticle .left .txtCont .label:after{display:block; content:''; position:absolute; top:8px; left:19px; width:22px; height:17px; background:url(../images/ico_camera.png) no-repeat 0 0;}
.mainArticle .left .txtCont{position:relative; height:182px; padding:0 18px; background-color:#e9f9f8;}
.mainArticle .left .txtCont .tit{overflow:hidden; max-height:84px; padding-top:21px; font-size:34px; line-height:42px; font-weight:bold;}
.mainArticle .left .txtCont .tit a{color:#01405b;}
.mainArticle .left .txtCont .txt {color:#333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.mainArticle .left .txtCont ul.newsLink{margin-top:15px;}
.mainArticle .left .txtCont ul.newsLink li{margin-bottom:5px;}
.mainArticle .left .txtCont ul.newsLink li a{position:relative; display: block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; line-height:14px; padding-left:13px; font-size:15px; }
.mainArticle .left .txtCont ul.newsLink li a:after{display:block; content:''; position:absolute; top:3px; left:0; width:8px; height:9px; background:url(../images/ico_link.png) no-repeat 0 0; font-weight:bold;}
.mainArticle .left .txtCont .txt {overflow:hidden; margin-top:12px; font-size:15px; line-height:20px;}
/* 제목 한줄 일때 */
.mainArticle .left .txtCont .txt+.newsLink{margin-top:12px;}
.mainArticle .left .txtCont.li_1 .txt{max-height:80px;}
.mainArticle .left .txtCont.li_1 ul.newsLink{display:none;}
.mainArticle .left .txtCont.li1_1 .txt{max-height:60px;}
.mainArticle .left .txtCont.li1_1 .newsLink li:nth-child(2),.mainArticle .left .txtCont.li1_1 .newsLink li:nth-child(3),.mainArticle .left .txtCont.li1_1 .newsLink li:nth-child(4){display:none;}
.mainArticle .left .txtCont.li2_1 .txt{max-height:40px;}
.mainArticle .left .txtCont.li2_1 .newsLink li:nth-child(3),.mainArticle .left .txtCont.li2_1 .newsLink li:nth-child(4){display:none;}
.mainArticle .left .txtCont.li3_1 .txt{max-height:20px;}
.mainArticle .left .txtCont.li3_1 .newsLink li:nth-child(4){display:none;}
.mainArticle .left .txtCont.li4_1 .txt{display:none;}
/* 제목 두줄 일때 */
.mainArticle .left .txtCont.li_2 .txt{max-height:40px;}
.mainArticle .left .txtCont.li_2 ul.newsLink{display:none;}
.mainArticle .left .txtCont.li1_2 .txt{max-height:20px;}
.mainArticle .left .txtCont.li1_2 .newsLink li:nth-child(2),.mainArticle .left .txtCont.li1_2 .newsLink li:nth-child(3),.mainArticle .left .txtCont.li1_2 .newsLink li:nth-child(4){display:none;}
.mainArticle .left .txtCont.li2_2 .txt{display:none;}
.mainArticle .left .txtCont.li2_2 .newsLink li:nth-child(3),.mainArticle .left .txtCont.li2_2 .newsLink li:nth-child(4){display:none;}

/* 탑뉴스 오른쪽 3개 */
.mainArticle .right .imgBox{position:relative; margin-bottom:20px; }
.mainArticle .right .imgBox:last-child{margin-bottom:0px;}
.mainArticle .right .imgBox .thumCont{position:relative; overflow:hidden; width:310px; height:193px;}
.mainArticle .right .imgBox .thumCont img{position:absolute; top: 0; left: 0; width: 100%; min-height: 193px; max-width: 100%;}
.mainArticle .right .imgBox .txtCont{position:absolute; bottom:0; left:0; width:100%; z-index: 2;
  background: linear-gradient(0deg, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 100%);
}
.mainArticle .right .imgBox .txtCont p a{overflow:hidden; margin-bottom:8px; padding:0 9px; max-height:40px; font-size:15px; line-height:20px; color:#fff; font-weight:bold;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; 
   -webkit-box-orient: vertical;
}

/* 오늘의 경기 */
.todayGame {overflow:hidden; position:relative; width:1050px; min-height:40px; margin:0 auto 30px; background-image:url(../images/bg_game.png); background-repeat:no-repeat; background-position:0 0; background-color:#001860;}
.todayGame .txt{position:absolute; top:50px; left:18px; color:#fff; font-size:13px; letter-spacing:-1px;}
.todayGame .noGame{position:absolute; top:7px; left:158px; font-size:16px; color:#fff;}
.todayGame .allGame{position:absolute; top:9px; right:16px; z-index: 1;}
.todayGame .allGame a{ font-size:14px; color:#fff; text-decoration: underline;}
.todayGame .time{display:inline-block; margin-right:24px; color:#dd8b1d; font-weight:bold; font-size:14px;}
.todayGame .gameSwiper{height:40px; padding-left:158px;}
.todayGame .gameSwiper .swiper-slide{line-height:38px;}
.todayGame .gameSwiper .swiper-slide p{font-size:16px; color:#fff;}



/* ***는 지금 */
.titStyle1{position:relative; margin-bottom:18px; padding-left:10px; line-height:22px; background:url(../images/bg_label.png) no-repeat 0 50%; background-size:3px 18px; font-size:20px;}
.nowGame{overflow:hidden; width:1050px; margin:0 auto 30px; }
.nowGame .left{float:left; width:300px; padding-right:27px; }
.nowGame .center{float:left; width:300px; padding:0 48px 0 47px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.nowGame .right{float:right; width:300px; }
.nowGame .center .txtBox{margin-bottom:20px; padding-bottom:23px; border-bottom:1px solid #d5d5d5;}
.nowGame .center .txtBox:last-child{margin-bottom:0px; padding-bottom:10px; border-bottom:0px;}
.imgBox2{margin-bottom:16px; padding-bottom:14px; border-bottom:1px solid #d5d5d5; }
.imgBox2:last-child{border-bottom:none; margin-bottom:0px; padding-bottom:0px;}
.imgBox2 .thumCont{overflow:hidden; position:relative; width:300px; height:180px;}
.imgBox2 .thumCont img{position:absolute; 
   top: 0;
   left: 50%;
   width: 100%;
   min-height: 180px;
   max-width: 100%;
   transition: .5s;
   -webkit-transform: translate(-50%, 0) scale(1);
   -moz-transform: translate(-50%, 0) scale(1);
   -o-transform: translate(-50%, 0) scale(1);
   transform: translate(-50%, 0) scale(1);}
.imgBox2 .txtCont .tit{overflow:hidden; height:42px; margin-top:7px ; font-size:16px; line-height:21px; font-weight:bold;}

.txtBox .tit{overflow:hidden; height:42px; margin-bottom:14px; font-size:16px; line-height:21px; font-weight:bold;}.txtBox .txt{overflow:hidden; height:168px; font-size:13px; line-height:24px; color:#666;}

/* 현장포토 */
.livePhoto{position:relative; padding:33px 0 30px; background:url(../images/bg_livephoto.png) no-repeat center 0;}
.livePhoto .inner{display:flex; justify-content: flex-start; flex-wrap: wrap; width:1050px; margin:0 auto;}
.livePhoto .inner .titStyle1{width:100%;}
.livePhoto .livePhoto1 {width:638px; height:410px; margin-right:6px;}
.livePhoto .livePhoto1 .swiper-slide{position:relative; overflow:hidden;}
.livePhoto .livePhoto1 .swiper-slide img{position:absolute; top:0; left:0; width:100%; min-height:410px; object-fit: cover;}
.livePhoto .livePhoto1 .swiper-slide .caption{position:absolute; left:0; bottom:0; width:100%; padding:8px 0; background-color:rgba(255,255,255, .5); text-align:center; font-size:18px;}
.livePhoto .livePhoto1 .swiper-slide .label{position:absolute; left:0; bottom:26px; height:31px; padding:0 12px 0 18px; line-height:28px; background-color:#01647c; font-size:16px; text-align:center; color:#fff; z-index: 1;
  background-image:url(../images/bg_label.png);
  background-position:0 0;
  background-repeat: no-repeat;
}

.livePhoto .livePhoto2{width:406px;}
.livePhoto .livePhoto2 .swiper-wrapper{flex-wrap: wrap;}
.livePhoto .livePhoto2 .swiper-slide{position:relative; overflow:hidden; width:200px !important; height:133px; margin-bottom:6px;}
.livePhoto .livePhoto2 .swiper-slide:hover{cursor: pointer;}
.livePhoto .livePhoto2 .swiper-slide:nth-child(odd){margin-right:6px;}
.livePhoto .livePhoto2 .swiper-slide img{position:absolute; top:0; left:0; width:100%; min-height:133px; object-fit: cover;}
.livePhoto .livePhoto2 .swiper-slide.swiper-slide-thumb-active:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:4px solid #8bf4f2; box-sizing: border-box;}

/* 그래픽 뉴스 */
.graphNews{width:1050px; margin:0 auto; padding-bottom:30px;}
.graphNews .newsList{display:flex; justify-content: space-between; flex-wrap: wrap;}
.graphNews .newsList article{display:flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; width:520px;}
.graphNews .newsList article .thumCont{overflow:hidden; position:relative; width:264px; height:190px; }
.graphNews .newsList article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:190px; object-fit: cover;}
.graphNews .newsList article .titCont {flex:1 0 0; padding-left:16px; font-size:18px; font-weight:bold; }


/* 말말말 */
.balloonList{overflow:hidden; width:1050px; margin:0 auto 30px; padding-bottom:10px; border-bottom:1px solid #d5d5d5;}
.balloonList dl{float:left; width:330px; margin-top:30px;}
.balloonList dl dt{position:relative; width:200px; margin:0 auto 30px; padding:7px 0; border:1px solid #2d2852; border-radius:5px; background-color:#fff; font-size:20px; line-height:22px; font-weight:bold; text-align:center; color:#2d2852;}
.balloonList dl dt:after{display:block; content:''; position:absolute; left:50%; bottom:-13px; width:20px; height:13px; margin-left:-10px; background:url(../images/bg_tool.png) no-repeat 0 0; }
.balloonList dl.mid{margin:30px 30px 0;}
.balloonList dl li{margin-bottom:13px; padding-bottom:10px; border-bottom:1px solid #e4e4e4;}
.balloonList dl li:last-child{border-bottom:none;}
.balloonList dl li a{overflow:hidden; display:block; height:43px; font-size:16px; line-height:22px;}

/* 올림픽소식 */
#content.sub .inner{display:flex; justify-content: flex-start; flex-wrap: wrap; width:1050px; margin:0 auto; padding:30px 0 40px;}
#content.sub .inner .article{flex:0 0 690px; padding-right:40px;}
#content.sub .inner .article .tabBox ul{display: flex; justify-content:flex-start; margin-bottom:30px;}
#content.sub .inner .article .tabBox ul li{height:38px; line-height:38px; margin-right:16px; padding:0 20px;  border:1px solid #01405b; border-radius:20px; background-color:#f9f9f9;}
#content.sub .inner .article .tabBox ul li:last-child{margin-right:0px;}
#content.sub .inner .article .tabBox ul li.on{border-color:#01647c; background-color:#01647c; }
#content.sub .inner .article .tabBox ul li.on a{color:#fff;}
#content.sub .inner .article .tabBox ul li:hover{border-color:#01647c; background-color:#01647c; }
#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:500;}
#content.sub .inner .article .tabBox ul li a:hover{text-decoration: none;}
#content.sub .inner .article .articleList article {display:flex; justify-content: flex-start; margin-bottom:24px;}
#content.sub .inner .article .articleList article:nth-child(5n){padding-bottom:25px; border-bottom:1px solid #e4e4e4;}
#content.sub .inner .article .articleList article .thumCont{overflow:hidden; position:relative; flex:0 0 125px; height:94px; margin-right:30px;} 
#content.sub .inner .article .articleList article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:94px; object-fit: cover;}
#content.sub .inner .article .articleList article .layCont{}
#content.sub .inner .article .articleList article .layCont .tit{overflow:hidden; width:100%; margin-bottom:4px; font-size:17px; line-height:1.5; font-weight:bold; letter-spacing: -.5px; color:#333;
  display: -webkit-box;
  -webkit-line-clamp: 1; 
  -webkit-box-orient: vertical;
}
#content.sub .inner .article .articleList article .layCont .txt{overflow:hidden; margin-bottom:2px; font-size:15px; line-height:1.5; color:#777;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
}
#content.sub .inner .article .articleList article .layCont .info{font-size:13px; color:#999;}
#content.sub .inner .article .articleList article .layCont .info span{position:relative; padding-right:5px; margin-right:4px; }
#content.sub .inner .article .articleList article .layCont .info span:after{content:''; position:absolute; top:5px; right:0; width:1px; height:10px; background-color:#ccc;}

/* aside */
.titStyle2{position:relative; font-size:17px; font-weight:bold;}
.titStyle2 span{position:absolute; top:0; right:0; font-size:12px; color:#999; font-weight:normal;}
.aside{position:relative; float:right; width:260px; padding-left:29px; border-left:1px solid #d5d5d5}
.gameBox ul{max-height:344px; overflow-y: auto; margin-top:11px;}
.gameBox ul li{margin-top:11px; padding-bottom:11px; border-bottom:1px solid #e4e4e4; font-size:15px; line-height:24px;}
.gameBox ul li:first-child{margin-top:0px;}
.gameBox ul li span{margin-right:5px; font-size:14px; color:#b11e33; font-weight:bold;}

/* 오른쪽 많이 본 기사 */
.rankBox {overflow:hidden;margin-top: 0px; padding-bottom: 3px; border-bottom:1px solid #e4e4e4}
.rankBox .titStyle2{margin:0px 0 15px;}
.rankBox .box li{overflow:hidden; display:table; width:260px; height:60px; padding-bottom:0px; border-bottom:none;}
.rankBox .box li.in_img{position:relative; min-height:60px; margin-bottom:18px;}
.rankBox .box li.in_img .thumCont{overflow:hidden; position:absolute; top:0; right:0; width:70px; height:60px;}
.rankBox .box li.in_img .thumCont img{width:100%; height:auto; min-height:60px;}
.rankBox .box li.in_img .txtCont a{overflow:hidden; width:166px; height:40px; padding:0 20px 0 24px;}
.rankBox .box li .txtCont{display:table-cell; width:100%; height:60px; line-height:60px; vertical-align:middle;}
.rankBox .box li .txtCont p{overflow:hidden; max-height:40px; font-size:14px; line-height:20px;}
.rankBox .box li .txtCont a{overflow:hidden; display:block; position:relative; max-height:40px; height:40px; padding:0 10px 0 24px; text-align:left; font-size:14px; line-height:20px;}
.rankBox .box li .txtCont a .rank{position:absolute; top:10px; left:0; font-size:25px; font-weight:bold;}

.rankBox .box li .txtCont a p{overflow:hidden; width:100%; text-overflow: initial; white-space: inherit; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.rankBox .box li.in_img .txtCont a p{height:60px; text-overflow: initial; white-space: inherit; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.rankBox .box li.in_img .txtCont a .rank{margin-top:0px;}
.rankBox .box li.in_img .txtCont a .rank.c{color:#008191;}
.rankBox .box li.in_img {margin-bottom: 0;}
.rankBox .box li .txtCont a:hover .rank{text-decoration:none;}


/* 생생화보,현장포토 */
.liveliveBox {border-bottom:1px solid #e4e4e4;}
.liveliveBox .titStyle2{margin:20px 0 15px;}
.boxStyle02{overflow:hidden; margin:0 0 12px 0;}
.boxStyle02 .thumCont{overflow:hidden; position:relative; width:260px; height:144px;}
.boxStyle02 .thumCont img{position:absolute; top:0; left:0; object-fit: cover;}
.boxStyle02 .thumCont .label{position:absolute; right:0; bottom:0; display:inline-block; width:45px; height:25px; padding-left:6px; background-color:#001860; color:#fff; line-height:22px; font-size:14px; text-align:center; z-index: 9;}
.boxStyle02 .thumCont .label:after{display:block; content:''; position:absolute; top:0; left:0; width:6px; height:31px; background:url(../images/bg_label.png) no-repeat 0 0;}
.boxStyle02 .txtCont{width:260px; margin-top:4px; font-size:15px; line-height:26px;}
.boxStyle02 .txtCont p {overflow:hidden; max-height:52px;}

/* 현장포토 */
.siteBox{padding-bottom: 4px; border-bottom: 1px solid #e4e4e4;}
.siteBox .titStyle2{margin:20px 0 15px;}
.siteBox .thumCont{position:relative; overflow:hidden; width:260px; height:168px; }
.siteBox .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:168px; object-fit: cover;}

/* 그래픽뉴스 */
.graphBox .titStyle2{margin:20px 0 15px;}
.boxStyle03{overflow:hidden; margin:0 0 12px 0;}
.boxStyle03 .thumCont{overflow:hidden; position:relative; width:260px; height:168px; text-align:center;}
.boxStyle03 .thumCont .thum{display: flex; justify-content: center; align-items:center; height:100%;}
.boxStyle03 .thumCont .thum a{display: block;}
.boxStyle03 .thumCont img{width:auto; max-width:100%; height:auto; max-height:168px;}

.boxStyle03 .txtCont{width:260px; margin-top:4px; font-size:15px; line-height:26px;}
.boxStyle03 .txtCont p {overflow:hidden; max-height:52px;}

/* 대회일정 */
.schTable{width:100%;}
.schTable .top{padding:2px 0px 3px; border-radius:6px 6px 0 0; background-color:#01647C; font-size:22px; color:#FFFFFF; font-weight:normal; line-height:33px; text-align:center;}
.schTable .cont{padding:0 18px; border:1px solid #ccc; border-radius:0 0 6px 6px; background:#E9F9F8; box-sizing: border-box;}
.schTable .cont .gameInfo{display:flex; justify-content: flex-start; padding:20px 0 18px; border-bottom:1px solid #ccc;}
.schTable .cont .gameInfo:last-child{border-bottom:none;}
.schTable .cont .stadium{text-align:right; color:#777777;}
.schTable .cont .gameInfo p.time{width:100px;}
.schTable .cont .gameInfo p.time span{padding-left:25px; background:url(../images/ico_time.png) no-repeat 0 50%; font-size:18px; color:#01405B; font-weight:bold;}
.schTable .cont .gameInfo p.game{width:140px;}
.schTable .cont .gameInfo p.game span{overflow:hidden; font-size:15px; font-weight:bold;
  display: -webkit-box;
  -webkit-line-clamp: 1; 
  -webkit-box-orient: vertical;
}
.schTable .cont .gameInfo p.state{width:58px;}
.schTable .cont .gameInfo p.state span{font-size:15px; font-weight:bold;}
.schTable .cont .gameInfo p.state span.end{color:#777;}
.schTable .cont .gameInfo p.state span.ing{color:#042A92}
.schTable .cont .gameInfo p.state span.exp{color:#01647C;}
.schTable .cont .gameInfo p.detail{width:220px; margin-right:20px;}
.schTable .cont .gameInfo p.detail span{font-size:15px; font-weight:bold;
  overflow:hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; 
  -webkit-box-orient: vertical;
}
.schTable .cont .gameInfo p.stadium{width:114px; text-align:right;}
.schTable .cont .gameInfo p.stadium span{font-size:13px; color:#777777;
  overflow:hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; 
  -webkit-box-orient: vertical;
}
.schTable .cont .gameInfo.noGame{justify-content: center;}
.schTable .cont .gameInfo.noGame p{font-size:15px;}

/* 포토 */
.photoList{width:100%;}
.photoList .list{display:flex; justify-content: flex-start; flex-wrap: wrap;}
.photoList .list article{margin:0 20px 27px 0;}
.photoList .list article:nth-child(4n){margin-right:0px;}
.photoList .list article .boxStyle02{width:247px; margin-bottom:0px;}
.photoList .list article .boxStyle02 .thumCont{width:247px;}
.photoList .list article .boxStyle02 .thumCont img{width:100%; min-height:144px;}
.photoList .list article .boxStyle02 .txtCont{width:247px;}
.photoList .list article .boxStyle02 .txtCont p{font-size:16px; line-height:1.5;
  overflow:hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
}

/* 메달현황 */
.medal{width:690px; padding-right:40px;}
.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:#01405b; font-weight:bold;}
.btnGroup li.on:after{display:block; content:''; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background-color:#01405b; 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:#01647c; 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(../images/btn_paging_first.gif) no-repeat 0 0;}
.paging .prev {margin-right:3px; background:url(../images/btn_paging_prev.gif) no-repeat 0 0;}
.paging .next {margin-left:3px; background:url(../images/btn_paging_next.gif) no-repeat 0 0;}
.paging .end {margin-left:5px; background:url(../images/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: #01405b;}
.footer .inner{position:relative; width:1050px; 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;}