@charset "utf-8";

body{text-align:center;margin:0;}
a {
	cursor: pointer;
}
ul, li, dl, dt, dd {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
/* 본문 ----- */
#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; margin-top: 0;}
#leftDataTop h2 img{top:8px; position:relative;}
#leftDataTop ul{width:calc(100% - 2px);padding:0; height:54px; line-height:54px; overflow:hidden; position:relative; text-align:center; display: flex; justify-content: center; border-top:1px solid #dbdbdb; 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; cursor: pointer; 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:#444;  background:#F5F8FC; border-bottom:1px solid #E6E6E6; font-size:12px; font-weight:bold;}
#leftDataTop dl dd table tbody th{color:#666; font-family:verdana; font-size:10px; }
#leftDataTop dl dd table tbody tr.first th{color:#002260;}

#leftDataTop dl dd table tbody td{height:30px; text-align:center; color:#333; font-size:12px;}
#leftDataTop dl dd table tbody tr.first td{color:#002260;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}
#leftDataTop .rank_notice { color: #878787;float: left;font-size: 8pt;padding: 10px 0;}
#leftDataTop h2 span {cursor: pointer;}
#leftDataTop h2 span.on { border-bottom: 2px solid #fff;}
#leftDataTop button.paging { height: 15px; width: 15px; border-radius: 50%; background: #d2d2d2; border: 0; cursor: pointer;}
#leftDataTop button.on{ height: 15px; width: 15px; border-radius: 50%; background: #828282;}
#leftDataTop a.rk_page {
    display: inline-block;
    padding: 6px 8px;
    border: 1px solid #dddddd;
    background-color: #fff;
    font-size: 15px;
    cursor: pointer;
    transition: background-color 0.3s;
}
a.rk_page.disabled {
    background-color: #f7f8fa;
    color: #aaa;
    cursor: default; 
}

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

#leftRanking{width:100%; margin-bottom:0px; overflow:hidden;}
#leftRanking h2{width:100%; height:32px; line-height:32px; background:#002260; font-weight:bold; text-align:center; color:#fff; font-size:12px;}
#leftRanking h2 img{top:8px; position:relative;}
#leftRanking ul{width:calc(100% - 2px); height:54px; line-height:54px; overflow:hidden; position:relative; text-align:center; display: flex; justify-content: center; border-top:1px solid #E6E6E6; border-right:1px solid #E6E6E6;border-left:1px solid #E6E6E6;}
#leftRanking ul li{display:inline;}
#leftRanking ul li.prev{width:25px;}
#leftRanking ul li.next{width:25px;}
#leftRanking ul li a {display:inline-block; height:33px; line-height:33px; font-weight:bold; font-size:12px;color:#333}
#leftRanking ul li a:link,
#leftRanking ul li a:visited{color:#000;}
#leftRanking ul li a:hover{color:#fff;}
#leftRanking ul li a.on{color:#fff; text-decoration:underline;}
#leftRanking dl{width:calc(100% - 2px); border:1px solid #E6E6E6;}
#leftRanking dl dt{background:#F5F8FC; padding:10px; text-align:left; overflow:hidden; border-bottom: 1px solid #E6E6E6}
#leftRanking dl dt a{display:inline-block; padding:4px; font-size:12px;color:#000}
#leftRanking dl dt a:link,
#leftRanking dl dt a:visitied{color:#000;}
#leftRanking dl dt a:hover{color:#000;}
#leftRanking dl dt a.on{color:#005DD0; font-weight:bold;}
#leftRanking dl dd {overflow:hidden;}
#leftRanking dl dd table{width:100%; margin-top:5px;}
#leftRanking dl dd table thead th{height:30px; text-align:center; font-weight:normal; color:#444; border-bottom:1px solid #dadadc; font-size:12px; font-weight:bold;}

#leftRanking dl dd table thead tr th:nth-child(2){text-align:left;padding-left:10px;}
#leftRanking dl dd table tbody tr td:nth-child(2){text-align:left;padding-left:px;}

#leftRanking dl dd table tbody th{color:#666; font-family:verdana; font-size:10px; }


#leftRanking dl dd table tbody tr.first th{color:#3a6dff;}
#leftRanking dl dd table tbody td{height:30px; line-height:30px; text-align:center; color:#333; font-size:11px; word-break: break-all;white-space: pre;}
#leftRanking dl dd table tbody tr.first td{font-weight:bold;}
#leftRanking dl dd table tbody tr:hover{background:#f3f3f5;}
#leftRanking dl dd table tbody td.left{text-align:left;}
#leftRanking dl dd table tbody td.left img{margin-right:5px;}
#leftRanking dl dd a.more{height:40px; line-height:40px; display:block; clear:both; text-align:center; color:#000; font-weight:bold;}
#leftRanking dl dd a:hover.more{color:#2d94fb}

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

#frame{float:right; height:auto; width:854px;}
#leftRanking a.rk_page {display: inline-block;padding: 1px 8px;border: 1px solid #dddddd;background-color: #fff;font-size: 15px;cursor: pointer;transition: background-color 0.3s;}
#leftRanking .rank_notice { color: #878787;float: left;font-size: 8pt;padding: 3px 0;}