body {font-family: meiryo,"ＭＳ Ｐゴシック","MS Pgothic",sans-serif, Arial, Verdana;}
h4 {font: bold 26px/120% meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif;}
#rank { }
#rank .category { width: 100%; border: none; }
 
#rank .rank_month { overflow: visible; margin: 25px 0 23px; position:relative; }
#rank .rank_month a:hover { text-decoration:none; } 
#rank .rank_month ul { overflow: hidden; width: 620px; margin: 0; padding-left: 10px;}
#rank .rank_month ul.second { padding-left: 285px; width:685px;}
#rank .rank_month li { display: block; float:left; line-height: 26px;}
#rank .rank_month li.left, #rank .rank_month li.right { font: bold 11px/26px meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif; color: #aaa; background: none; white-space: nowrap; }
#rank .rank_month li.center { font: bold 26px/120% meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif; color: #000; margin: 0 0px; text-align:center; letter-spacing:-1px;}
#rank .rank_month li.calendar { width: 80px; padding-top: 3px; padding-left:15px; text-align: left; font: 11px meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif; letter-spacing: -1px; }
#rank .rank_month li.calendar a { float:left; display:block; margin-top:3px; }
#rank .rank_month li.calendar a img { margin: -3px 3px 0 0;}
#rank .rank_month ul.second li.calendar a img { margin-top: -3px!important;}
#rank .rank_month li a { color:#aaa; }
#rank .rank_month li a.arrow { letter-spacing: -2px;}
 
#rank .rank_days { }
#rank .rank_days ul { margin-left: 61px; border-left: solid 1px #dbdbdb;}
#rank .rank_days li { font: bold 12px/23px meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif; color: #274260; text-align: center; width: 120px; border: solid 1px #dbdbdb; float: left; margin-left: -1px;background:#f9f9f9; }
 
.tooltip { font: bold 16px/1.3em meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif; color: #333; width: 216px; height: 25px; background: url(http://image.chosun.com/cs/photo/rank_bubble_bg.gif) no-repeat 0px 0px; letter-spacing: -1px; text-align: left; padding: 13px 12px 31px 24px; overflow: hidden; text-overflow:ellipsis; margin-top:80px; z-index:10; }
.tooltip.left { background: url(http://image.chosun.com/cs/photo/rank_bubble_bg.gif) no-repeat 0px -69px; padding: 15px 20px 15px 12px; height: 39px; left:auto!important; right: 140px!important}            
 
#rank .rank_date_left { width: 61px; float:left; padding-top: 200px;}
#rank .rank_date_right { width: 38px; float:right; padding-top: 200px; padding-left: 22px;  }
#rank .rank_date_left a { width:37px; height:53px; display: block; background: url(http://image.chosun.com/cs/photo/rank_month_arrow_big.png) no-repeat 10px 10px; text-indent:-999px; }
#rank .rank_date_right a { width:37px; height:53px; display: block; background: url(http://image.chosun.com/cs/photo/rank_month_arrow_big.png) no-repeat -59px 10px; text-indent:-999px; }
#rank .rank_date { width: 970px; float: left; }
#rank .rank_date ul { width: 847px; float: left; position: relative; border-left: solid 1px #dbdbdb; }
#rank .rank_date li { width: 120px; height:90px; float:left; position: relative; padding-top:9px; border: solid 1px #dbdbdb; border-left: 0; border-top: 0;background: #f9f9f9;}
#rank .rank_date li span { width: 23px; height:13px; position: absolute; background-color:#fff; color:#544ea0; font: bold 10px/13px Tahoma, Verdana, Arial; text-align: center; top:0px; }
#rank .rank_date li.grey span { color:#fff; background-color:#dcdcdc; }
 
#rank .rank_date li img, #rank .rank_date li a { border: none; overflow: hidden;}
#rank .rank_date li a:hover {  border: solid 4px #544ea0; width: 112px; height: 82px; display:block; }
#rank .rank_date li a:hover img { margin: -4px; }
 
#rank .rank_list dl { width: 620px; padding: 15px 0 15px 0; border-top: solid 1px #e8e8e8; overflow: hidden; }
#rank .rank_list dl:first-child { border: 0; padding-top:0px;}
#rank .rank_list dt { float:left; width:450px;}
#rank .rank_list .tit {font: bold 16px meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif; margin-bottom: 5px;}
#rank .rank_list dd.no { float:left; width:70px; padding-top: 38px; font: bold 40px 'trebuchet ms', Geneva, Arial, Helvetica, sans-serif; text-align: center; letter-spacing: -2px; background: url(http://image.chosun.com/special/images/ico_rank_numbers.png) no-repeat center top; height: 12px; margin-top: 20px; }
#rank .rank_list dd.no.n1 { background-position: center 0px; }
#rank .rank_list dd.no.n2 { background-position: center -131px; }
#rank .rank_list dd.no.n3 { background-position: center -262px; }
#rank .rank_list dd.no.n4 { background-position: center -409px; }
#rank .rank_list dd.no.n5 { background-position: center -555px; }
#rank .rank_list dd.no.n6 { background-position: center -686px; }
#rank .rank_list dd.no.n7 { background-position: center -832px; }
#rank .rank_list dd.no.n8 { background-position: center -978px; }
#rank .rank_list dd.no.n9 { background-position: center -1109px; }
#rank .rank_list dd.no.n10 { background-position: center -1240px; }
#rank .rank_list dd.no span { display: block; color: #524fa0; letter-spacing: 0px; font: normal 11px meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif }
#rank .rank_list dd.img_big { float:left; width:60px; height:80px; margin-right:15px; border: solid 1px #ededed; position: relative;}
#rank .rank_list dd.img_big img { width:60px; height:80px; }
#rank .rank_list dd.img_big span { height: 14px; line-height: 14px; color: #fff; background:#534ea0; padding: 0 3px; display: block; position: absolute; bottom: 0px; left: 0px; font-size: 10px; font-weight: bold; }
#rank .rank_list .date { float:left; font: normal 11px meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif; color: #777; margin-toop: 5px; }
#rank .rank_list dd.txt { float:left; width: 470px; margin-top: 8px; padding-top: 5px; font: normal 14px/120% meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif;}
#rank .rank_list dd.txt a { color:#777; }
 
#date_option_all {width:65px;}
.date_option { width:620px;clear:both;text-align:center; overflow:hidden; margin:0 0 23px 0; padding-top:6px; position:relative;}
.date_option ul { padding:0; list-style:none; margin:0;}
.date_option ul li { float:left;width:86px; }
.date_option ul li #date { }
.date_option ul li.selected {height:23px; padding:4px 0 0 0;background:#fff;border-bottom:1px solid #fff;border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb;font-weight:bold;color:#264361; }
.date_option ul li.selected a {text-decoration:none;color:#264361; font-weight:bold;font: normal 12px meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif;}
.date_option ul li.deselected {height:23px; padding:4px 0 0 0 ;background:#f9f9f9;border-left:1px solid #d7d7d7;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;color:#264361; }
.date_option ul li.deselected a {text-decoration:none;color:#264361; font: normal 12px meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif;}
.date_option ul li.cal {width:85px; height:23px; padding:4px 0 0 0;border-left:1px solid #d7d7d7;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;border-right:1px solid #d7d7d7;background:#f9f9f9;}
.date_option ul li.cal a{text-decoration:none;color:#264361; font: normal 12px meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif;} 
.date_option ul li.cal img{position:absolute; left:56px; top:10px;}
 
/* �޷� �˾� */
.layerpopup { position:absolute; z-index:100; }
.layerpopup .shadow1 { width:100%; background:#fff; }
.layerpopup .shadow1_side { position:relative; 00;left:-3px; top:-3px }
.layerpopup .shadow2 { width:100%; background:#fff; }
.layerpopup .shadow2_side { position:relative; 00;left:-1px; top:-1px }
.layerpopup .border_type { padding:9px 0 5px 0; border:2px solid #777777; background-color:#ffffff; text-align:center; }
.layerpopup .closelayer { position:absolute; right:9px; top:9px; }
.lpu { position:absolute; z-index:100; }
.lpu .border_type { padding:9px 0 5px 0; border:2px solid #777777; background-color:#ffffff; text-align:center; }
.lpu .close { position:absolute; right:0px; bottom:0px; }
 
.calendar_simple { margin:0 auto; border:0px; position:relative; }
.calendar_simple caption { margin:0 auto; padding:0 0 8px 3px; color:#000000; font:bold 11px meiryo, dotum; text-align:left; }
.calendar_simple caption strong { margin:0 5px; }
*:first-child+html .calendar_simple caption strong { margin:0; }
* html .calendar_simple caption strong { margin:0; }
.calendar_simple tr { border:none; }
.calendar_simple th { width:21px; height:19px; border:none; color:#000000; font:normal 11px meiryo, dotum; }
.calendar_simple td { width:21px; height:19px; border:none; font:11px tahoma; text-align:center; }
.calendar_simple td a { color:#999999; }
.calendar_simple td a em { color:#000000; font-style:normal; }
.calendar_simple td a strong { color:#ED432A; font-weight:bold; text-decoration:underline; }

/*kpop*/
.tab_ctrl1{clear:both;float:none;position:relative;width:625px;height:28px; border-bottom:1px solid #d7d7d7;background-color:#f2f2f2; margin-top:20px;}
.art_tab1{position:absolute;top:0;left:0px;height:28px;background-color:#d7d7d7;}
.art_tab1 li{float:left;text-align:center;margin:1px 1px 0 0;padding:3px 0 3px 0;background-color:#eaeaea;border-bottom:1px solid #d7d7d7;font-size:14px;color:#333;display:inline;}
.art_tab1 li.on{border-bottom:1px solid #fff;background-color:#fff;font-weight:bold;padding:4px 0 2px 0;font-size:14px;color:#000;}
#art_tab11{width:95px;}
#art_tab31{float:left; text-align:left;font-weight:bold; width:329px;background-color:#fff;margin:-1px 1px 0 0;padding:5px 0 3px 5px;}
.art_tab1 li a{font-size:14px;color:#333;}

#rank .rank_list1 dl { width: 620px; padding: 15px 0 15px 0; border-top: solid 1px #e8e8e8; overflow: hidden; }
#rank .rank_list1 dl:first-child { border: 0; padding-top:0px;}
#rank .rank_list1 dt { float:left; width:410px;}
#rank .rank_list1 li {list-style:none;}
#rank .rank_list1 .tit {font: bold 16px/160% meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif;  margin:0 0 5px 160px; width:390px;}
#rank .rank_list1 li.no { float:left; width:70px; padding-top: 38px; font: bold 40px 'trebuchet ms', Geneva, Arial, Helvetica, sans-serif; text-align: center; letter-spacing: -2px; background: url(http://image.chosun.com/special/images/ico_rank_numbers.png) no-repeat center top; height: 12px; margin-top: 20px; }
#rank .rank_list1 li.no.n1 { background-position: center 0px; }
#rank .rank_list1 li.no.n2 { background-position: center -131px; }
#rank .rank_list1 li.no.n3 { background-position: center -262px; }
#rank .rank_list1 li.no.n4 { background-position: center -409px; }
#rank .rank_list1 li.no.n5 { background-position: center -555px; }
#rank .rank_list1 li.no.n6 { background-position: center -686px; }
#rank .rank_list1 li.no.n7 { background-position: center -832px; }
#rank .rank_list1 li.no.n8 { background-position: center -978px; }
#rank .rank_list1 li.no.n9 { background-position: center -1109px; }
#rank .rank_list1 li.no.n10 { background-position: center -1240px; }
#rank .rank_list1 li.no span { display: block; color: #524fa0; letter-spacing: 0px; font: normal 11px meiryo, 'ms pgothic', 'ms pゴシック', "メイリオ", sans-serif }
#rank .rank_list1 li.img_big { float:left; width:100px; height:80px; margin-right:15px; border: solid 1px #ededed; position: relative;}
#rank .rank_list1 li.img_big img { width:100px; height:80px; }
#rank .rank_list1 li.img_big span { height: 14px; line-height: 14px; color: #fff; background:#534ea0; padding: 0 3px; display: block; position: absolute; bottom: 0px; left: 0px; font-size: 10px; font-weight: bold; }
#rank .rank_list1 .date { float:left; font: normal 11px meiryo, 'ms pgothic', 'ms pゴシック', meiryo, "メイリオ", sans-serif; color: #777; margin-toop: 5px; }
.txt {width:330px; margin-top: 8px; padding-top:5px; font: normal 14px/120% meiryo, 'ms pgothic', 'ms pゴシック', meiryo, "メイリオ", sans-serif;}
.txt a {color:#777; }

.list_rank1 a { padding: 5px 10px; line-height: 30px; margin: 0px 3px;}
.list_rank1 {width:200px; background-color: #E2F1FE; border: solid 1px #ccc; text-align:center;margin: 0 auto; margin-bottom:20px;}

/*인기기사*/
#sidebar1 {width: 268px; height: 100%; float:left; }
#sidebar1 ul.rank {width: 268px; padding:0px; margin:0px; overflow: hidden; }
#sidebar1 ul.rank li {white-space: nowrap; height: 15px; padding-bottom:10px;font-size:12px; text-overflow: ellipsis; overflow: hidden;}
#sidebar1 .esidebox {padding:0px; font-size:12px;}
#sidebar1 .esidebox a{color:#000; text-decoration: none;}
#sidebar1 .esidebox a:visited {color: #6f6f6f; text-decoration: none;}

/*GNB 랭킹*/
.thumb_box2 {zoom:1;margin:0px; height:80px; background-color:#fff;width:420px; padding:0 0 10px 0;}
.thumb_box2 dt {float:right; width:350px; margin:0;font-weight:bold;font-size:14px;line-height:15px;padding:0;}
.thumb_box2 dd.thumb{float:left; width:60px;height:80px; padding:0px; margin:0px; border:1px solid #d4d4d4;}
.thumb_box2 dd {float:right; width:350px; margin:0px 0 0 0;font-size:12px;color:#777;padding:0px;}
.thumb_box2 dd a{color:#777;}



@media screen and (max-width:640px) {

#sidebar1 ul.rank li {font-size:13px; padding-bottom:9px;} 
#sidebar1, #sidebar1 ul.rank {width:100%;}

}