@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;}

/*공통 서브 게시판 영역*/
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.tit a {color:#333333;}
.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 {font-size:13px; color:#000; 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;}

.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;}

/*--서브 공통 리스트 위로 추가 가능--*/


/*제작법*/
.crafttable01 {border:1px solid #e1e1e1; font-size:12px; font-family:돋움;}
.crafttable01 .bottomline {border-bottom:1px solid #e1e1e1; padding:0px 10px 0px 20px;}
.crafttable01 .bottomlinetit {border-bottom:1px solid #e1e1e1; background:#f2f2f2; padding:7px 10px; width:55px; font-weight:bold; color:#333333; text-align:center;  }
.crafttable01 .bottomline .box{ width:110px; line-height:22px; float:left; letter-spacing:-1;}
.crafttable01 a:link { color:#000000;}
.crafttable01 a:active { color:#000000;}
.crafttable01 a:hover { color:#000000;}
.crafttable01 a:visited { color:#000000;}


.craftTit { height:20px; background-color:#555; padding:12px; margin-top:20px; clear:both;}

.craftList { margin-top:20px;}
.craftList .item { float:left; margin:0 10px 10px 0;border-top:1px solid #eaeaea; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; border-left:1px solid #eaeaea; width:210px; height:50px; }
.craftList .item .thum { float:left; width:40px; height:40px; padding:5px;}
.craftList .item .thumb { float:left; width:40px; height:40px; padding:5px;}
.craftList .item .txt {height:50px;}
.craftList .item .txt .i01 { color:#666666;}
.craftList .item .txt .i02 { color:#996633;}
.craftList .item .txt .i03 { color:#339900;}
.craftList .item .txt .i04 { color:#0066cc;}
.craftList .item .txt .i05 { color:#ff6699;}
.craftList .item .txt .i06 { color:#cc6633;}

.craftTree { margin-top:20px; padding:15px 0; width:667px;border-top:1px solid #e4e3e3;border-bottom:1px solid #e4e3e3;}
.craftTree .left{ float:left; width:400px;}
.craftTree .right{ float:left; width:255px; background-color:#e4e3e3;border:1px solid #e4e3e3; padding:5px;}


.dtree {color: #000000;font-family: Dotum,"돋움",Gulim;font-size: 11px;letter-spacing: -1px;}
.dtree span a:link { color:#0072bc; font-size:12px; font-weight:bold;}
.dtree span a:visited { color:#0072bc; font-size:12px; font-weight:bold;}
.dtree img {border: 0 none;vertical-align: middle;}
.dtree a:link {color: #000000;text-decoration: none;}
.dtree a:visited {color: #000000;text-decoration: none;}
.dtree a:hover {color:#0099FF;text-decoration: underline;}

.craftPhoto { margin-top:20px;border:1px solid #eaf1e8; display:inline-block; width:665px;}
.craftPhoto .slide { margin:20px 0 20px 10px; display:inline-block;}
.craftPhoto .slide .left { float:left;}
.craftPhoto .slide .right { float:left;}
.craftPhoto .slide .image { float:left;}
.craftPhoto .slide .image .thum { float:left;border:2px solid #fff; margin:0 8px;}
.craftPhoto .slide .image .on {border:2px solid #49b549;}
.craftPhoto .txt { padding:10px; color:#000000;}
.craftPhoto .txt span { margin-left:20px; color:#666666;}

.craftPhoto .photo { width:667px; text-align:center; padding-top:15px;}
.craftBtn { float:right; padding:10px 0;}

.craftPop { width:200px; padding:10px;}
.craftPop .title { height:30px; line-height:30px; text-align:center;}
.craftPop .screen { height:30px; text-align:center;}
.craftPop .btn { height:30px; text-align:center;}

.dTreeSecondary li ul.tree_list {margin-left: 30px;}
.dTreeSecondary li.line	{ background:url(http://cdn.gamemeca.com/design/community/archeage/images/craft/line.gif) repeat-y 0px top; padding:4px 0 0 0px; font-size:13px; line-height:18px; }
.dTreeSecondary li.last	{ background:url(http://cdn.gamemeca.com/design/community/archeage/images/craft/joinbottom.gif) no-repeat 0px top; padding:4px 0 0 0px; font-size:13px; line-height:18px; 	}
.dTreeSecondary li.last a.tree_end{ display: inline-block; width: 30px;height: 30px}

.dTreeSecondary .tree_join	{ background:url(http://cdn.gamemeca.com/design/community/archeage/images/craft/join_copy.gif) no-repeat 0px top; display: inline-block; width: 30px; }

.dTreeSecondary img	{ border: 0 none; vertical-align: middle; padding: 0 0 0 4px; }

.dTreeSecondary span { margin-left: 5px; }