@charset "utf-8";
@import url("/common/css/base.css");
@import url("/common/css/layout.css");
@import url("/common/css/sitemap.css");
/********************************************************************
Vricks Republic Publishing S&A
Beginning : 2009-11-03
Final : 2009-11-03
*********************************************************************/


.posRelative {position:relative;}
.posRelative .more {position:absolute; top:6px; right:10px;}
.posRelative .moreR {position:absolute; top:3px; right:0px;}
.posRelative .issueGo {position:absolute; top:0; right:15px;}
.hasLayout {zoom:1; overflow:hidden;}
.tMar20 {margin-top:20px;}

/* chaanel */
.chContWrap {width:509px; height:181px; float:left; overflow:hidden; display:block; background:url(/images/main/ch_box.gif) no-repeat right top;}
.chContWrap .chCont {margin:13px 12px 16px 13px; width:484px; overflow:hidden}
.chContWrap .chContCut {width:490px; overflow:hidden; border-bottom:1px solid #e9e9e9;}
.chContWrap .chContCut li {float:left; margin-right:4px;}
.chContWrap .chImgCut {width:490px; overflow:hidden; margin-top:4px;}
.chContWrap .chImgCut li {float:left; margin-right:4px;}

.subjBanner {width:225px; margin-left:6px; float:left; display:inline; padding-bottom:1px;}


/* issue */
.issueWrap {width:740px; overflow:hidden; margin-top:20px;}
.issueTit {padding-bottom:6px; border-bottom:1px solid #ececec;}
.issueTit img {margin-left:5px;}
.issueCut {width:740px; overflow:hidden;}
.issueCut ul {width:741px; margin-top:5px;}
.issueCut ul li {width:247px; float:left; padding:4px 0 1px 0; line-height:120%; font-weight:bold; letter-spacing:-1px;}
.issueCut ul li p {padding-left:5px; color:#858585;}
.issueCut ul li a:hover {text-decoration:none;}
.issueCut ul li span {font-size:11px; font-weight:normal; color:#b2b2b2;}



/* article */
.articleWrap {width:358px; float:left; margin-right:25px;}
.articleWrap .currentTit {width:100%; overflow:hidden; border-bottom:1px solid #ececec; margin-left:-5px;}
.articleWrap .currentTit li {padding:0 10px 6px 10px; background:url(/images/main/blt_sepe.gif) no-repeat right top; float:left;}
.articleWrap .currentTit li.lst {background:none;}
.articleWrap .currentTit img {cursor:pointer;}

.articleWrap .article {clear:both; margin-top:10px;}
.articleWrap .article li:after {content:""; display:block; clear:both;}
.articleWrap .article li {background:url(/images/main/blt_2by2_gray.gif) no-repeat 2px 4px; padding:0 0 0 8px; height:15px;}
.articleWrap .article li a {float:left; font-size:11px; color:#8e8b8b;}
.articleWrap .article li img {float:left; margin-top:-1px;}
.articleWrap .article li span {float:right; color:#cdcbcb; padding-right:10px; font-size:11px;}


/* rotation banner */
.rotationBaaner {float:left; width:356px;}
.rotationBaaner .state {float:right; margin:3px 0 4px 0;}
.rotationBaaner .state img {cursor:pointer;}
.rotationBaaner .bnnrImg {}






/* this time */
.grayFillBttm {width:180px; margin:0 0 0 20px; background:url(/images/main/gray_fill_bottom.gif) no-repeat left bottom; clear:both;}
.grayFillTop {width:180px; overflow:hidden; background:url(/images/main/gray_fill_top.gif) no-repeat left top;}
.grayFillTop p.tit {border-bottom:1px solid #ececec; padding:0 0 8px 5px;}
.thisTime {width:166px; margin:20px 7px 10px 7px;}
.thisTime .msg {margin:10px 0 0 10px; font-size:11px; line-height:140%;}
.rankingSwf {}



/* treatment state */
.treatmentBttm {width:180px; margin:20px 0 0 20px; background:url(/images/main/gray_stroke_bottom.gif) no-repeat left bottom;}
.treatmentTop {width:180px; overflow:hidden; background:url(/images/main/gray_stroke_top.gif) no-repeat left top;}
.treatmentTop p.tit {padding:0 0 8px 5px;}
.statePer {width:164px; margin:10px 8px 7px 8px;}

.innerBttm {width:164px; background:url(/images/main/gray_inner_bottom.gif) no-repeat left bottom;}
.innerTop {width:164px; overflow:hidden; background:url(/images/main/gray_inner_top.gif) no-repeat left top;}
.innerSpace {padding:4px;}

.stateDl dt {height:18px; background:url(/images/main/line_horizon.gif) repeat-x left bottom;}
.stateDl dt img {margin-left:3px;}
.stateDl dd {height:18px; background:url(/images/main/line_horizon.gif) repeat-x left bottom; color:#ff6100; font-weight:bold; font-size:11px;}
.stateDl dd span {padding:2px 0 0 3px; display:inline-block;}
.stateDl dd span.greenTxt {color:#8da045;}
.vertiLine {width:11px; height:33px; background:url(/images/main/line_vertical.gif) no-repeat 5px 2px; float:left;}
.shortDl {width:71px; float:left; float:left;}
.longDl {width:152px; float:left; clear:both;}
.longDl dd {background:none;}





/* 하단 배너 */
.bttmBanner {overflow:hidden; width:100%;}
.bttmBanner li {float:left; margin-right:8px; *padding-bottom:1px;}