@charset "utf-8";
/* livescore.co.kr by gw8 */

/* main ---------- */
body{text-align:center;background: unset !important;}
#top_latest{width:852px; height:193px; float:right; border:1px solid #e4e9f2; background:#fff; overflow:hidden; position:relative; z-index:1;}

#tl01_wrap{width:363px; height:193px; position:relative; z-index:1; float:left;overflow:hidden; border-right:1px solid #e4e9f2;}
#tl01_wrap li {white-space:nowrap;}

#top_latest .tl01{width:363px; height:194px; overflow:hidden; position:absolute; left:0px; top:0px; z-index:3;}
#top_latest .tl01 dt{width:100%; height:39px; background:#fbfcff ;border-bottom:1px solid #e4e9f2;}
#top_latest .tl01 dt .tl01_move strong{display:block; color:#003366; height:30px; line-height:30px; text-align:left; padding-left:15px;}
#top_latest .tl01 dt .tl01_move strong span{display:inline-block; padding-right:20px;background:URL(../img/common/ico_arr_b.gif) no-repeat right center;}
#top_latest .tl01 dt .tl01_move:hover strong span{background:URL(../img/common/ico_arr_b_on.gif) no-repeat right center;}
#top_latest .tl01 dt .tl01_move{position:absolute; left:5px; top:5px; z-index:4; width:140px; padding:1px;}
#top_latest .tl01 dt .tl01_move:hover{position:absolute; left:5px; top:5px; z-index:4; background:#fff; padding:0px; border:1px solid #183857; width:140px;}
#top_latest .tl01 dt .tl01_move ul{display:none;}
#top_latest .tl01 dt .tl01_move:hover ul{padding-top:5px; display:block;}
#top_latest .tl01 dt .tl01_move li a{display:block; text-align:left; padding:7px 15px; font-size:11px;}
#top_latest .tl01 dt .tl01_move li a:link
#top_latest .tl01 dt .tl01_move li a:visited{color:#8a9097;}
#top_latest .tl01 dt .tl01_move li a:hover{color:#183857; background:#eef1f4;}
#top_latest .tl01 dd .tl01_paging{position:absolute; right:20px; top:-30px; overflow:hidden;}
#top_latest .tl01 dd .tl01_paging span{display:block; float:left; height:17px; line-height:17px; padding-right:10px; margin-right:10px; background:URL(../img/common/ico_toptab_line.gif) no-repeat right center; font-family:verdana; font-size:10px; color:#b4b4b4;}
#top_latest .tl01 dd .tl01_paging span b{color:#666;}
#top_latest .tl01 dd .tl01_paging a{display:block; height:17px; overflow:hidden; background:URL(../img/common/btn_pnn_small.gif) no-repeat; float:left;}
#top_latest .tl01 dd .tl01_paging a span{display:none;}
#top_latest .tl01 dd .tl01_paging a.prev{width:17px; background-position:top left;}
#top_latest .tl01 dd .tl01_paging a.next{width:18px; background-position:top right;}

#tl02_wrap{width:488px; height:193px; position:relative; z-index:1; float:right;overflow:hidden; }

#top_latest .tl02_move{width:488px; overflow:hidden; background:#fbfcff;border-bottom:1px solid #e4e9f2;}
#top_latest .tl02_move li{width:69px; height:39px; line-height:40px;float:left;background:URL(../img/common/ico_toptab_line.gif) no-repeat right center;}
#top_latest .tl02_move li a{display:block; float:left; width:100%; height:40px; line-height:40px;}
#top_latest .tl02_move li.last{width:74px; background:none;}
#top_latest .tl02{width:488px; height:194px; position:absolute; left:0px; top:40px; z-index:2; text-align:left;}
#top_latest .tl02 dt{width:69px; height:40px; line-height:40px; color:#003366; text-align:center; font-weight:bold; margin-top:-40px; border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2; background:URL(../img/common/ico_toptab_on.gif) repeat-x top #fff;}
#top_latest .tl02 dd{width:488px; height:153px;}
#top_latest .tl02 dd .gallery{overflow:hidden; text-align:left; padding:17px 0 0 20px;}
#top_latest .tl02 dd .gallery a{display:block;float:left; margin:0 2px 2px 0;}
#top_latest .tl02 dd .gallery a img{width:86px; height:56px;}
#top_latest .tl02 dd .gallery a:link,
#top_latest .tl02 dd .gallery a:visited{border:1px solid #fff;}
#top_latest .tl02 dd .gallery a:hover{border:1px solid #000;}

#top_latest #tl02-1 dt{margin-left:-1px;}
#top_latest #tl02-2 dt{margin-left:68px;}
#top_latest #tl02-3 dt{margin-left:137px;}
#top_latest #tl02-4 dt{margin-left:206px;}
#top_latest #tl02-5 dt{margin-left:274px;}
#top_latest #tl02-6 dt{margin-left:344px;}
#top_latest #tl02-7 dt{margin-left:413px;width:74px}
#top_latest #tl02-8 dt{margin-left:428px;width:68px;}

#top_latest dl{}
#top_latest dl dd{position:relative; background:#fff;}
#top_latest dl dd ul{ padding:17px 20px; text-align:left;}
#top_latest dl dd ul li{padding:2px 0; white-space: nowrap;}
#top_latest dl dd ul li a{display:inline-block; padding:3px 3px 3px 0; color:#666;}
#top_latest dl dd ul li a b{color:#333;}
#top_latest dl dd ul li a u{font-family:verdana; font-size:9px; font-weight:bold; color:#ff9900; text-decoration:none;}
#top_latest dl dd ul li:hover a{color:#000;}
#top_latest dl dd ul li:hover a b{color:#cc0000;}

/* 본문 ----- */
#container{width:1200px; margin:0 auto;padding-top:10px;}

#aside{float:left; width:336px; height:auto; }
#livechat{width:334px; height:530px; margin-bottom:10px; border:1px solid #e4e9f2; border-top:2px solid #e4e9f2;}


#div_leftAD{margin-bottom:40px; width:336px; height:280px;margin-top:30px;}
#leftAD{margin-bottom:40px; width:336px; height:280px;margin-top:40px;}

#leftAD_2{margin-bottom:40px; width:336px; height:280px;margin-top:40px;}

#leftAD_iframe{width:336px; margin: auto;}

#leftBan{margin-bottom:10px;}
#leftBan a{display:block;}
#leftBan a:hover img{opacity=80); opacity:0.8; -moz-opacity:0.8;}

#leftDataTop{width:100%; margin-bottom:20px;margin-top:0; overflow:hidden;z-index:999}
#leftDataTop h2{width:100%; height:32px; line-height:32px; background:#002260; font-weight:bold; text-align:center; color:#fff; font-size:13px; }
#leftDataTop h2 img{top:8px; position:relative;}
#leftDataTop ul{width:calc(100% - 2px); height:60px; line-height:55px; overflow:hidden; position:relative; text-align:center; display: flex; justify-content: center;border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb;}
#leftDataTop ul li{display:inline;}
#leftDataTop ul li.prev{width:25px;}
#leftDataTop ul li.next{width:25px;}
#leftDataTop ul li a {display:inline-block; height:55px; line-height:55px; font-weight:bold; font-size:12px;}
#leftDataTop ul li a:link,
#leftDataTop ul li a:visited{color:#88a1b9;}
#leftDataTop ul li a:hover{color:#fff;}
#leftDataTop ul li a.on{color:#fff; text-decoration:underline;}
#leftDataTop ul li .btn_opct {top: 22px; position: relative;}


#leftDataTop dl{width:calc(100% - 2px);/* border:1px solid #E6E6E6; */}
#leftDataTop dl dt{background:#f9f9f9; padding:10px; text-align:left; overflow:hidden;}
#leftDataTop dl dt a{display:inline-block; padding:4px; font-size:12px;}
#leftDataTop dl dt a:link,
#leftDataTop dl dt a:visitied{color:#666;}
#leftDataTop dl dt a:hover{color:#000;}
#leftDataTop dl dt a.on{color:#2d94fb; text-decoration:underline; font-weight:bold;}
#leftDataTop dl dd {width:100%; overflow:hidden;}
#leftDataTop dl dd table{width:100%;}
#leftDataTop dl dd table thead th{height:33px;line-height:34px;text-align:center;font-weight:normal;color: #fff;background: #ff44f64d;border-bottom: 1px solid #475569;font-size:12px;font-weight:bold;}
#leftDataTop dl dd table tbody th{color: #e2e8f0;font-family:verdana;font-size:10px;}
#leftDataTop dl dd table tbody tr.first th{color: #e2e8f0;}

#leftDataTop dl dd table tbody td{height:30px;text-align:center;color: #e2e8f0;font-size:12px;}
#leftDataTop dl dd table tbody tr.first td{color: #e2e8f0;font-weight:bold;}
#leftDataTop dl dd table tbody tr:hover{/* background:#f3f3f5; */}
#leftDataTop dl dd table thead tr th:nth-child(2){text-align:left;padding-left:15px;}
#leftDataTop dl dd table tbody tr td:nth-child(2){text-align:left;padding-left:15px;}
#leftDataTop dl dd table tbody td.left{text-align:left;}
#leftDataTop dl dd a.more{height:40px; line-height:40px; display:block; clear:both; text-align:center; color:#000; font-weight:bold;}
#leftDataTop dl dd a:hover.more{color:#2d94fb}


#leftLanking ul li .btn_opct {top: 22px; position: relative;}

#leftLanking{width:100%; margin-bottom:0px;}
#leftLanking h2{width:100%; height:32px; line-height:32px; background:#002260; font-weight:bold; text-align:center; color:#fff; font-size:12px;}
#leftLanking h2 img{top:8px; position:relative;}
#leftLanking ul{width:300px; height:4.425rem; line-height:54px;overflow-x: scroll;text-align:center; display: flex; justify-content: center; border-top:1px solid #E6E6E6; border-right:1px solid #E6E6E6;border-left:1px solid #E6E6E6;padding: 0 2rem;}
#leftLanking ul ,#leftLanking ul::before, #leftLanking ul::after {box-sizing: border-box;}
#leftLanking ul::-webkit-scrollbar {
  height: 0.795rem;
}

#leftLanking ul::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #611767, #333);
  border-radius: 20px;
}

#leftLanking ul::-webkit-scrollbar-track {
  background: transparent;
}
/* ===== Firefox ===== */
#leftLanking ul {
  scrollbar-width: thin;
  scrollbar-color: #fd0000 transparent;
}


#leftLanking ul li{display:inline;}
#leftLanking ul li.prev{width:25px;}
#leftLanking ul li.next{width:25px;}
#leftLanking ul li a {display:inline-block; height:33px; line-height:33px; font-weight:bold; font-size:12px;}
#leftLanking ul li a:link,
#leftLanking ul li a:visited{color:#88a1b9;}
#leftLanking ul li a:hover{color:#fff;}
#leftLanking ul li a.on{color:#fff; text-decoration:underline;}
#leftLanking dl{width:calc(100% - 2px); border:1px solid #E6E6E6;}
#leftLanking dl dt{padding:10px;text-align:left;overflow:hidden;}
#leftLanking dl dt a{display:inline-block;padding:4px;font-size:14px;border: 1px solid rgba(255,255,255,.2);border-radius: 999px;padding: 4px 8px;margin-right: 10px;margin-bottom: 10px;}
#leftLanking dl dt a:link,
#leftLanking dl dt a:visitied{color:#666;}
#leftLanking dl dt a:hover{color: #fff9;border: 1px solid #fff;}
#leftLanking dl dt a.on{color: #fff;font-weight:bold;border: 1px solid #fff;border-radius: 999px;padding: 4px 8px;}
#leftLanking dl dd {overflow:hidden; padding:0 10px;}
#leftLanking dl dd table{width:100%; margin-top:5px;}
#leftLanking dl dd table thead th{height:1.875rem;text-align:center;color: #fff;border-bottom:1px solid #dadadc;font-size:0.725rem;font-weight:bold;background: #fd0000;}
#leftLanking dl dd table thead th:nth-child(3){width: 30px}

#leftLanking dl dd table thead tr th:nth-child(2){text-align:left;padding-left:10px;}
#leftLanking dl dd table tbody tr td:nth-child(2){text-align:left;padding-left:px;}
#leftLanking dl dd table tbody tr td:nth-child(4){color: #4ade80}
#leftLanking dl dd table tbody tr td:nth-child(6){color: #f87171}

#leftLanking dl dd table tbody th{color: #e2e8f0;font-family:verdana;font-size:12px;}


#leftLanking dl dd table tbody tr.first th{color: #e2e8f0;}
#leftLanking dl dd table tbody td{height:30px;line-height:30px;text-align:center;color: #e2e8f0;font-size:0.725rem;box-sizing: border-box;}
#leftLanking dl dd table tbody tr.first td{font-weight:bold;}
#leftLanking dl dd table tbody tr:hover{/* background:#f3f3f5; */}
#leftLanking dl dd table tbody td.left{text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100px}
#leftLanking dl dd table tbody td.left img{margin-right:2px;}
#leftLanking dl dd a.more{height:40px; line-height:40px; display:block; clear:both; text-align:center; color:#000; font-weight:bold;}
#leftLanking dl dd a:hover.more{color:#2d94fb}

#leftLanking dl dd table:nth-child(1) caption {height:30px; line-height:35px;}
#leftLanking dl dd table:not(:nth-child(1)) caption {border-top: 1px solid #666; height: 34px; line-height: 39px;}