@charset "utf-8"; @import url(common.css?v=1.8); /* ---------- Main Page ------------------------------ */ #content .more {z-index:2;position:absolute;top:12px;right:17px;} /* Left - Notice Area */ #content .cttL {float:left;width:720px;height:auto;background:#fff;} #content .cttL ul.noti {width:708px;height:171px;padding:11px 0 0 12px;} #content .cttL ul.noti li.tabList {z-index:1;position:relative;height:32px;} #content .cttL ul.noti .tab.line{padding:5px 0 0 0;} #content .cttL ul.noti .tab.line ul{position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #909090;font-family:Tahoma, Sans-serif;font-size:12px;*zoom:1} #content .cttL ul.noti .tab.line ul:after{content:"";display:block;clear:both} #content .cttL ul.noti .tab.line li{float:left;margin-bottom:-1px} #content .cttL ul.noti .tab.line li a{position:relative;float:left;text-decoration:none;border:1px solid #eee;border-bottom:0;background:#fafafa;color:#333} #content .cttL ul.noti .tab.line li a span{display:inline-block;height:14px;padding:6px 25px 6px 25px;letter-spacing:-1px;cursor:pointer} #content .cttL ul.noti .tab.line li ul{width:100%;position:absolute;top:43px;left:0;list-style:none;border:0;margin:0;padding:0;white-space:nowrap;overflow:hidden;*zoom:1} #content .cttL ul.noti .tab.line li ul:after{content:"";display:block;clear:both} #content .cttL ul.noti .tab.line li li{position:relative;left:-1px;padding:0 10px;border-left:1px solid #ddd;overflow:visible} #content .cttL ul.noti .tab.line li li a{padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal;background:transparent;letter-spacing:normal} #content .cttL ul.noti .tab.line li.active a{border:1px solid #909090;border-bottom:1px solid #fff;margin-top:-1px;background:transparent} #content .cttL ul.noti .tab.line li.active a span{padding-top:7px;font-weight:bold} #content .cttL ul.noti .tab.line li li a:hover, .tab.line li li a:active, .tab.line li li a:focus, .tab.line li li.active a{font-weight:bold;letter-spacing:-1px;color:#333 !important} #content .cttL ul.noti ul.subList li {float:left;margin-bottom:2px;} #content .cttL ul.noti ul.subList li span.ico {float:left;display:inline-block;width:18px;height:22px;background:url(/images/tower/common/ico_dot.gif) no-repeat 0px 50%;} #content .cttL ul.noti ul.subList li span.subj {_float:left;display:inline-block;position:relative;*top:0px;width:600px;_width:360px;height:15px;white-space:nowrap;overflow:hidden;vertical-align:middle;} #content .cttL ul.noti ul.subList li span.date {_float:left;display:inline-block;position:relative;*top:2px;top:2px;white-space:nowrap;overflow:hidden;vertical-align:middle;} /* Left - Today Blog & Screen Shot */ #content .cttL ul.cttBox {float:left;margin:0 0 7px 0;*margin:0;} :root #content .cttL ul.cttBox {margin-bottom:20px \0/IE9;} /* IE9 */ body:nth-of-type(1) #content .cttL ul.cttBox {margin:0;} #content .cttL ul.cttBox li.tit {position:relative;width:710px;height:18px;padding:2px 0 8px 10px;padding:0px 0 8px 10px \0/IE8+9;border-bottom:1px solid #909090;} :root #content .cttL ul.cttBox li.tit {padding:3px 0 8px 10px \0/IE9;} #content .cttL ul.cttBox li.tit.fight ul {width:100%;} #content .cttL ul.cttBox li.tit.fight ul li {float:left;} #content .cttL ul.cttBox li.tit.fight ul li.left {width:173px;} #content .cttL ul.cttBox li.tit .more {top:6px;} #content .cttL ul.cttBox li.ctt {float:left;width:708px;padding:14px 0 9px 8px;} #content .cttL ul.cttBox li.ctt ul {display:inline-block;width:100%;} #content .cttL ul.cttBox li.ctt ul li {float:left;} #content .cttL ul.cttBox li.ctt ul li.img {width:161px;margin:0 15px 0 0;overflow:hidden;} #content .cttL ul.cttBox li.ctt ul li.img img {position:relative;top:2px;border:1px solid #909090;vertical-align:middle;} #content .cttL ul.cttBox li.ctt ul li.subj {width:277px;height:20px;margin:0;white-space:nowrap;color:#555;vertical-align:middle;overflow:hidden;} #content .cttL ul.cttBox li.ctt ul li.subj img {margin-right:5px;vertical-align:middle;} #content .cttL ul.cttBox li.ctt ul li.subj.onGoing {color:#000;} #content .cttL ul.cttBox li.ctt ul li.subj.hurry {color:#be0000;} #content .cttL ul.cttBox li.ctt ul li.txt {width:268px;height:62px;line-height:15px;word-wrap:break-word;overflow:hidden;} #content .cttL ul.cttBox li.ctt.shot {width:716px;padding:18px 0 80px 0;} #content .cttL ul.cttBox li.ctt.shot ul li.shot {width:179px;text-align:center;} #content .cttL ul.cttBox li.ctt.shot ul li.shot img {border:1px solid #909090;} /* Right - Ranking Area */ #content .cttR {float:left;width:240px;height:auto;padding:11px 0 80px 0;background:#fff;} #content .cttR ul.rankBox li {float:left;width:100%;margin:0;padding:0;} #content .cttR ul.rankBox li.tit {width:100%;padding:0 0 3px 4px;border-bottom:1px solid #818181;background:url(/images/tower/main/bg_rankLline.gif) no-repeat left top;} #content .cttR ul.rankBox li.svSel {width:100%;height:26px;padding:5px 0 0 0;background:url(/images/tower/main/rank_bea01.gif) no-repeat;} #content .cttR ul.rankBox li.svSel ul li {width:80px;padding:0 0 0 38px;} #content .cttR ul.rankBox li.th {width:100%;height:26px;padding:7px 0 0 0;background:url(/images/tower/main/rank_bea02.gif) no-repeat;} #content .cttR ul.rankBox li.th ul li {width:33%;text-align:center;} body:nth-of-type(1) #content .cttR ul.rankBox li.rank_no1 {height:102px;} /* Chrome 대응 */ #content .cttR ul.rankBox li.rank_no1 {float:left;width:239px;height:100px\9;height:100px;*height:102px;border-left:1px solid #e9e9e9;border-bottom:1px solid #cfccca;background:#fff;} #content .cttR ul.rankBox li.rank_no1 ul li {float:left;line-height:16px;} #content .cttR ul.rankBox li.rank_no1 ul li.img {width:108px;padding:0 10px 0 4px;vertical-align:middle;} #content .cttR ul.rankBox li.rank_no1 ul li.img img {margin-top:8px;} #content .cttR ul.rankBox li.rank_no1 ul li.nm {width:117px;line-height:42px;padding:10px 0 0 0;color:#c10000;font-size:15px;font-weight:bold;} #content .cttR ul.rankBox li.rank_no1 ul li.lv, #content .cttR ul.rankBox li.rank_no1 ul li.svNm {width:117px;font-weight:bold;font-size:15px;color:#424242;} #content .cttR ul.rankBox li.list {float:left;padding:0;width:239px;background:#ededed;border-left:1px solid #e9e9e9;} #content .cttR ul.rankBox li.list ul li {width:224px;padding:2px 0 3px 15px;border-bottom:1px solid #e1e0e0;} #content .cttR ul.rankBox li.list ul li.w {background:#f3f3f3;} #content .cttR ul.rankBox li.list ul li span {display:inline-block;text-align:center;} #content .cttR ul.rankBox li.list ul li span.num {width:30px;} #content .cttR ul.rankBox li.list ul li span.num img {vertical-align:middle;} #content .cttR ul.rankBox li.list ul li span.nm {width:105px;padding:0 5px;vertical-align:middle;white-space:nowrap;overflow:hidden;} #content .cttR ul.rankBox li.list ul li span.lv {width:74px;padding:0 0 0 5px;vertical-align:middle;text-align:left;white-space:nowrap;overflow:hidden;} #content .cttR ul.rankBox li.list ul li.top2 {background:#e0dcd8;border-bottom:1px solid #cac7c5;} #content .cttR ul.rankBox li.list ul li.top3 {background:#ece6e2;border-bottom:1px solid #d5d5d5;} #content .cttR ul.rankBox li.list ul li[class^="top"] span.nm {width:100px;padding:0 0 0 5px;font-size:15px;font-weight:bold;color:#627625;letter-spacing:-1px;} #content .cttR ul.rankBox li.list ul li[class^="top"] span.lv {width:84px;font-size:15px;font-weight:bold;letter-spacing:-1px;}