@charset "utf-8";
/********************************************************************
Vricks Republic Publishing S&A
Beginning : 2011-04-05
Final : 2011-04-05
*********************************************************************/

@charset "utf-8";

/*--서브 공통 리스트 --*/
/*공통 서브 영역 및 타이틀바*/
.subContentA {width:667px; margin:17px 0 0 26px;}

.subContentA .titleNavi {display:inline-block; width:667px; height:45px; border-bottom:2px solid #808080;}
.subContentA .titleNavi span.title {display:inline-block; float:left;}
.subContentA .titleNavi span.navi {display:inline-block; float:right; color:#988b7e; padding-top:17px;}
.subContentA .titleNavi span.navi a {color:#988b7e;}
.subContentA .titleNavi span.navi span {color:#262626}
.subContentA .titleLink {width:659px; height:20px; font-family:Dotum; font-size:11px; color:#565656; background:#f0f0ef; padding:10px 0 0 8px;}
.subContentA .titleLink img.rss {margin-top:-2px;}
.subContentA .titleLink a {color:#565656;}

.subContentA .btnBlog { width:667px; padding:10px 0 0 0;}
.subContentA .btnBlog img {float:right;}

/*공통 서브 게시판 영역*/
div.boardListWrapCom {position:relative; display:inline-block; width:667px; padding-right:30px;}
div.boardListWrapCom .separateLayer {position:absolute; top:80px; left:54px; width:81px; height:140px; border:1px solid #d1d1d1; background:#fff; padding-top:6px;}
div.boardListWrapCom .separateLayer li a {display:block; width:81px; height:19px; background:#f5f5f5;}

/*공통 서브 포토 리스트*/
div.photoListCom {display:inline-block; padding-top:18px;}
.thumListCom {display:inline-block; width:667px; padding:0 0 17px 0; border-bottom:1px solid #f5f5f5; margin-top:-6px;}
.thumListCom li {display:inline; float:left; width:154px; height:160px; background:#f2f2f2; overflow:hidden; color:#666; font-family:'',Dotum; font-size:12px; line-height:15px; list-style:none; margin:7px 17px 0 0; text-align:left; padding-top:12px;}
.thumListCom li.last {margin-right:0;}
.thumListCom li a.btmTxt {display:block; width:128px; text-align:left; color:#333;}
.thumListCom li span {font-family:Verdena; font-size:10px; color:#ccc; letter-spacing:-1px;}
.thumListCom li span.newList {display:inline-block; padding-top:4px;}
.thumListCom li span.newList font.brown {color:#cca9a3;}
.thumListCom li p {width:128px; margin-left:12px;}
.thumListCom li p.thumImg {padding-bottom:6px;}
.thumListCom li p.tit {height:30px; line-height:16px;}
.thumListCom li p.date {padding-bottom:5px;}
.thumListCom li p.iconTxt {color:#969696;}
.thumListCom li p.iconTxt img {margin-top:-1px;}

.upContArea {width:667px; height:120px; background:#dfdcd5; margin-top:26px;}

.boardTopTit {width:651px; height:21px; font-weight:bold; font-size:12px; background:#ededed; padding:10px 0 0 16px;}
.boardTopTit img {margin-top:1px;}
.boardTopTit a {color:#454545;}

/*공통 메카 리포트 섬네일 기사 리스트*/
.eventListBox {display:inline-block; width:667px; margin-top:27px; padding-bottom:18px; border-bottom:1px solid #f1f1f1;}
.eventListBox dl.leftImgTh {float:left;}
.eventListBox dl.leftImgTh dd.thumImgEvent {padding-right:20px;  }
.eventListBox dl.rightContList {float:left; font-size:13px; color:#000; width:515px;}
.eventListBox dl.rightContList dt {height:26px; font-family:Gulim; font-size:13px; color:#333;}
.eventListBox dl.rightContList dt a {font-weight:bold; color:#000;}
.eventListBox dl.rightContList dd.btmTxt {height:37px; font-family:Gulim; font-size:12px; line-height:18px;}
.eventListBox dl.rightContList dd.btmTxt a {color:#707070;}
.eventListBox dl.rightContList dd.btmTxt span {color:#888;}
.eventListBox dl.rightContList dd.btmTxt2 {font-family:Dotum; font-size:11px; color:#a9a9a9;}

.eventListBox1 {display:inline-block; width:667px; margin-top:27px; padding-bottom:18px; border-bottom:1px solid #f1f1f1;}
.eventListBox1 dl.leftImgTh {float:left;}
.eventListBox1 dl.leftImgTh dd.thumImgEvent {padding-right:20px;  }
.eventListBox1 dl.rightContList {float:left; font-size:13px; color:#000;}
.eventListBox1 dl.rightContList dt {height:26px; font-family:Gulim; font-size:13px; color:#333;}
.eventListBox1 dl.rightContList dt a {font-weight:bold; color:#000;}
.eventListBox1 dl.rightContList dd.btmTxt {*height:37px; font-family:Gulim; font-size:12px; line-height:18px;}
.eventListBox1 dl.rightContList dd.btmTxt a {color:#707070;}
.eventListBox1 dl.rightContList dd.btmTxt span {color:#888;}
.eventListBox1 dl.rightContList dd.btmTxt2 {font-family:Dotum; font-size:11px; color:#a9a9a9;}


.comRbanner02 {margin-bottom:7px;}
.comRbanner03 {margin-bottom:15px;}
.comRbanner04 {margin-bottom:8px;}
.comRbanner05 {margin-bottom:9px;}

.adminPageTop {width:667px; height:5px; line-height:1px; margin-top:15px;}
.adminPageMid {width:658px; font-family:Gulim; font-size:12px; background:url('../images/community/admin_mid_bg.gif') repeat-y; padding-left:9px;}
.adminPageMid dl.last {background:none;}
.adminPageMid dl {width:640px; height:23px; background:url('../images/community/admin_txt_bg.gif') no-repeat bottom; padding:10px 0 0 8px;}
.adminPageMid dt {float:left; width:61px; font-weight:bold; color:#152633; background:url('../images/community/admin_txt_bg2.gif') no-repeat right;}
.adminPageMid dd {float:left;}
.adminPageMid dd span {padding:0 10px; background:url('../images/community/admin_txt_bg2.gif') no-repeat right;}
.adminPageMid dd span.last {background:none;}
.adminPageMid dd a {color:#666;}
.adminPageBtm {width:667px; height:5px; line-height:1px; margin-bottom:30px;}

.tbl_typeCommunity {width:667px; color:#333; font-size:12px; border-left:1px solid #d5d5d5;}
.tbl_typeCommunity caption,.tbl_type .frm label {display:none}
.tbl_typeCommunity th {padding:2px 0 0 0; height:29px; border-top:solid 1px #d5d5d5; border-bottom:solid 1px #d5d5d5; border-right:1px solid #d5d5d5; background-color:#f4f1e2; color:#000; font-weight:bold; font-size:12px; font-family:'',Gulim; vertical-align:middle}
.tbl_typeCommunity td {padding:0 0 0px; height:31px; text-align:center; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.tbl_typeCommunity td a {color:#222; text-decoration:none}
.tbl_typeCommunity td a:hover {text-decoration:underline}
.tbl_typeCommunity .title {text-align:left; padding-left:10px;}
.tbl_typeCommunity .vote {font-family:Verdana; font-size:8px; color:#ff6748;}
.tbl_typeCommunity .view {font-family:Verdana; font-size:8px; color:#888888;}
.tbl_typeCommunity .date01 {font-family:Verdana; font-size:8px; color:#b6b6b6;}


/*--공통 서브  리스트 ▲ 위로 추가 가능....  ▼ 하단부터는 각 커뮤니에 한번 쓰이는 DB레이아웃--*/


/*스토리 검색*/
.storySearch {float:left; width:667px; margin-top:27px; background:url('../images/story/search_bg.gif');}
.storytable1 {font-size:12px; margin:14px 0 10px 24px;}
.storytable2 {font-size:12px; margin:0 0 10px 24px;}
.storytable2 .keyword {margin:3px 0; height:12px; margin-left:5px; padding:2px 3px 5px 3px; border-top:1px solid #999999; border-left:1px solid #999999;   border-bottom:1px solid #DBDBDB;  border-right:1px solid #DBDBDB; font-size:12px; line-height:15px}
.storytable2 .txtb{font-size:12px; color:#000; font-weight:bold; }

.storytit {float:left; width:667px; margin:27px 0 0 0;}

/*오늘의 스토리*/
.storyListBox {display:inline-block; width:631px; margin:0 0 0 0; padding:18px 18px 18px 18px; border-bottom:1px solid #f1f1f1; background-color:#F5EAE2;}
.storyListBox dl.leftImgTh {float:left;}
.storyListBox dl.leftImgTh dd.thumImgEvent {padding-right:20px;}
.storyListBox dl.rightContList {float:left; font-size:13px; color:#000;  width:480px;}
.storyListBox dl.rightContList dt {height:26px; font-family:Gulim; font-size:13px; color:#333;}
.storyListBox dl.rightContList dt a {font-weight:bold; color:#000;}
.storyListBox dl.rightContList dd.btmTxt {height:37px; font-family:Gulim; font-size:12px; line-height:18px;}
.storyListBox dl.rightContList dd.btmTxt a {color:#707070;}
.storyListBox dl.rightContList dd.btmTxt span {color:#888;}
.storyListBox dl.rightContList dd.btmTxt2 {font-family:Dotum; font-size:11px; color:#a9a9a9;}

/*던전/아이템 검색*/
.titsearch01 {border:1px solid #e1e1e1; font-size:12px; font-family:돋움; background:url('../images/di/tit_bg.gif') repeat;}
.titsearch01 td {padding:10px 5px 10px 0;}
.titsearch01 .tit { font-weight:bold; color:#000;}
.titsearch01 .keyword {margin:3px 0; height:12px; margin-left:5px; padding:2px 3px 5px 3px; border-top:1px solid #999999; border-left:1px solid #999999;   border-bottom:1px solid #DBDBDB;  border-right:1px solid #DBDBDB; font-size:12px; line-height:15px}

/*아이템외형 검색*/
.titsearch02 {border:1px solid #e1e1e1; font-size:12px; font-family:돋움; background:url('../images/di/tit_bg.gif') repeat;}
.titsearch02 .itemT {font-size:12px; margin:10px 0 10px 24px;}
.titsearch02 .keyword {margin:3px 0; height:12px; margin-left:5px; padding:2px 3px 5px 3px; border-top:1px solid #999999; border-left:1px solid #999999;   border-bottom:1px solid #DBDBDB;  border-right:1px solid #DBDBDB; font-size:12px; line-height:15px}
.titsearch02 .txtb{font-size:12px; color:#000; font-weight:bold; }

/*던전/아이템 리스트*/
.diList01 { font-size:12px; font-family:돋움;}
.diList01 .tit { font-size:14px; font-weight:bold; color:#000000; padding:5px 0;  letter-spacing: -1px;}
.diList01 .tit a { font-size:14px; font-weight:bold; color:#000000; padding:5px 0;  letter-spacing: -1px;}
.diList01 .bottomline {border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1; text-align:center;}
.diList01 .bottomline1 {border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1; padding:5px 10px; line-height: 18px;}
.diList01 .bottomlinetit {border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1; background:#f2f2f2; font-weight:bold; color:#333333; text-align:center; padding:5px 0; }
.diList01 .bottomlinetit1 {border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1; background:#f2f2f2; font-weight:bold; color:#333333; text-align:center; padding:5px 0; }


/*탭*/
.diTab { width:667px; height:35px; background-color:#f3f3f3; margin-top:27px;border:1px solid #e6e6e6;}
.diTab .t01 { float:left; width:100px; color:#000000; text-align:center; line-height:35px;border-right:1px solid #e6e6e6; cursor:hand;}
.diTab .t02 { float:left; width:120px; color:#000000; text-align:center; line-height:35px;border-right:1px solid #e6e6e6; cursor:hand;}
.diTab .on { font-weight:bold; background-color:#767f90; color:#FFFFFF;}
.diTab a:link,a:visited {color:#000000; text-decoration:none;}
.diTab a:hover,a:active,a:focus {color:#000000; text-decoration:underline;}

/*던전/아이템 탭리스트*/
.diList02 {float:left; width:667px; margin:27px 0 20px 0;}
.diListTbl { font-size:12px; font-family:돋움;}
.diListTbl td{ padding:10px; color:#4d4e51; text-align:center;}
.diListTbl .tit { background-color:#6d778e;font-weight:bold; color:#fff; text-align:left; line-height:12px;}
.diListTbl .tit1 { background-color:#ebebeb; color:#fff;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1; color:#000000;}
.diListTbl .tit1last { background-color:#ebebeb; color:#fff;border-bottom:1px solid #e1e1e1; color:#000000;}
.diListTbl .con01 {border-bottom:1px solid #d5d5d5; padding:10px; background-color:#ffffff;}
.diListTbl .con02 {border-bottom:1px solid #d5d5d5; padding:10px; background-color:#f7f7f7;}
.diListTbl .left { text-align:left;}
.diListTbl .left img { text-align:left;  margin:5px 0 0 0; }
.diListTbl .tbl01 td { margin:0; padding:2px 0; color:#999999; text-align:left;}
.diListTbl .tbl01 .txt { color:#01888E;}


/*아이템외형 리스트*/
.diList03 {float:left; width:667px; margin:27px 0 20px 0;}
.diListTbl1 { font-size:12px; font-family:돋움;}
.diListTbl1 td{ padding:0px; color:#4d4e51; text-align:center;}
.diListTbl1 .tit { background-color:#6d778e; color:#fff; text-align:left; line-height:12px; padding:10px; text-align:center;}
.diListTbl1 .rLine {border-right:1px solid #8990a5;}
.diListTbl1 .con01 {border-bottom:1px solid #EFEFEF; padding:10px 0; background-color:#ffffff;}
.diListTbl1 .con02 {border-bottom:1px solid #EFEFEF; padding:0 0; background-color:#ffffff; text-align:left;}
.diListTbl1 .left { text-align:left;}
.diListTbl1 .tbl01 td { margin:0; padding:7px 7px 6px 7px; color:#000; text-align:left;border:1px solid #e7e7e7;}
.diListTbl1 .tbl01 .txt { color:#01888e; background-color:#f8f8f8;}

/*아이템 팝업*/
.compopWrap {display:inline-block; width:598px; margin:0 auto; border:1px solid #000;}
.compopWrap .compopTop {display:inline-block; width:598px; height:54px;}
.compopWrap .contpop {display:inline-block; float:left; width:578px; padding:14px 10px 10px 10px;}