@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.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 {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;}
.eventListBox dl.rightContList dd.btmTxt2 span { font-weight:bold; color:#a1a1a1;}


.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레이아웃--*/


/*전차정보 검색*/
.tanktable01 {border:1px solid #e1e1e1; font-size:12px; font-family:돋움;}
.tanktable01 .bottomline {border-bottom:1px solid #e1e1e1; padding:2px 10px 4px 20px;}
.tanktable01 .bottomlinetit {border-bottom:1px solid #e1e1e1; background:#f2f2f2; padding:15px 10px 15px 10px; width:55px; font-weight:bold; color:#333333; text-align:center;  }
.tanktable01 .bottomlinetit1 {border-bottom:1px solid #e1e1e1; background:#f2f2f2; padding:15px 10px 15px 10px; width:65px; font-weight:bold; color:#333333; text-align:center; }
.tanktable01 .bottomline .check{ width:75px; float:left; padding-top:2px;}
.tanktable01 .bottomline .check1{ width:90px; float:left; padding-top:2px;}
.tanktable01 .bottomline .check2{ width:45px; float:left; padding-top:2px;}
.tankBtn { float:left; width:667px; text-align:right; margin-top:15px; line-height:27px;}


/*전차정보 리스트*/
.typeTank {float:left; width:667px; margin:0 0 20px 0;}
.tbl_typeTank {width:667px; color:#333; font-size:12px; border-left:0px solid #fff;  font-family:돋움;}
.tbl_typeTank caption,.tbl_type .frm label {display:none}
.tbl_typeTank th {padding:2px 0 0 0; height:29px; border-top:solid 1px #555E78; border-bottom:solid 1px #555E78; border-right:1px solid #8990A5; background-color:#555E78; color:#EEEFF2; font-weight:normal;  font-size:12px; font-family:'',Gulim; vertical-align:middle}
.tbl_typeTank td {padding:4px 0 4px 3px;  height:38px; *height:28px; border-bottom:1px solid #E7E7E7;  border-left:0px solid #d5d5d5; border-right:0px solid #d5d5d5;}
.tbl_typeTank td a {color:#222; text-decoration:none}
.tbl_typeTank td a:hover {text-decoration:underline}
.tbl_typeTank a.topLink {color:#EEEFF2; text-decoration:none;}
.tbl_typeTank a:hover.topLink {color:#C8CBD5; text-decoration:none; }
.tbl_typeTank .name {text-align:left; padding:10px; line-height:17px;}
.tbl_typeTank .name .timg { padding: 0 0 10px 0;}
.tbl_typeTank .title {text-align:center;}
.tbl_typeTank .title1 {text-align:center; line-height:22px;}

/*전차정보 탑*/
.typeTank2 {float:left; width:667px; margin:0 0 20px 0;}
.tanktable02 {border:1px solid #e1e1e1; font-size:12px; font-family:돋움;}
.tanktable02 .thum { width:160px; height:100px; background:url('../images/tank/tank_bg.jpg') no-repeat;}
.tanktable02 .thum .state { width:160px; height:100px;}
.tanktable02 .thum .state .flag { position:absolute; margin:2px 0 0 2px;}
.tanktable02 .bottomline {border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1; padding:2px 10px 4px 20px;}
.tanktable02 .bottomline1 {border-bottom:1px solid #e1e1e1; padding:2px 10px 4px 20px;}
.tanktable02 .tit {border-bottom:1px solid #e1e1e1; padding:2px 10px 4px 20px; background-color:#f7f7f7; font-size:16px; font-weight:bold; line-height:23px; color:#000;}
.tanktable02 .tit1 {border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:2px 10px 4px 20px; font-weight:bold; color:#000; background-color:#f7f7f7;}
.tanktable02 .btm {padding:5px 0 5px 20px; color:#000;}

/*기본제원*/
.typeTank3 {float:left; width:667px; margin:0 0 20px 0;}
.tanktable03 { font-size:12px; font-family:돋움;}
.tanktable03 td{ padding:10px; color:#4d4e51;}
.tanktable03 .bottomline {border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1; padding:2px 10px 4px 20px;}
.tanktable03 .tit { background-color:#6d778e;font-weight:bold; color:#fff;}
.tanktable03 .con01 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#f0f0f0;}
.tanktable03 .con02 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#e6e6e6;}
.tanktable03 .con03 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#ffffff;}
.tanktable03 .con04 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#f4f4f4;}

/*승무원정보,추가정보*/
.typeTank4 {float:left; width:667px; margin:0 0 20px 0;}
.tanktable04 { font-size:12px; font-family:돋움;}
.tanktable04 td{ padding:10px; color:#4d4e51;}
.tanktable04 .bottomline {border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1; padding:2px 10px 4px 20px;}
.tanktable04 .tit { background-color:#6d778e;font-weight:bold; color:#fff;border-right:1px solid #fff;}
.tanktable04 .tit1 { background-color:#6d778e;font-weight:bold; color:#fff;}
.tanktable04 .con01 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#f0f0f0;}
.tanktable04 .con02 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#e6e6e6;}
.tanktable04 .con03 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#ffffff;}
.tanktable04 .con04 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#f4f4f4;}
.tanktable04 .con05 {border-bottom:1px solid #e1e1e1; padding:0px; background-color:#f4f4f4;}

/*장착 가능한 부품*/
.typeTank5 {float:left; width:667px; margin:0 0 20px 0;}
.tanktable05 { font-size:12px; font-family:돋움;}
.tanktable05 td{ color:#4d4e51;}
.tanktable05 .bottomline {border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1; padding:2px 10px 4px 20px;}
.tanktable05 .tit { background-color:#6d778e;font-weight:bold; color:#fff; padding:10px;}
.tanktable05 .tit span{ font-weight:normal; margin-left:195px;}
.tanktable05 .ctit1 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#f0f0f0;font-weight:bold;}
.tanktable05 .ctit2 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#ffffff;font-weight:bold;}
.tanktable05 .con01 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#f0f0f0;}
.tanktable05 .con02 {background-color:#f0f0f0;}
.tanktable05 .con03 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#ffffff;}
.tanktable05 .con04 {background-color:#ffffff;}
.tanktable05 .con05 { background-color:#f0f0f0;}
.tanktable05 .ta01 td { padding:10px;}
.tanktable05 .tip { text-decoration:underline; color:#2D489C;}

/*같은티어 다른 전차*/
.typeTank6 {float:left; width:667px; margin:0 0 20px 0; height:324px;}
.tanktable06 { font-size:12px; font-family:돋움;}
.tanktable06 td{ padding:10px; color:#4d4e51;}
.tanktable06 .tit { background-color:#6d778e;font-weight:bold; color:#fff;}
.tankdiv6 { position:absolute;width:667px;background-image: url('../images/tank/tank_bg1.gif');background-repeat: repeat; height:290px;overflow: auto;}
.tankdiv6 .state { width:160px; height:100px; background-color:#f0f0f0;}
.tankdiv6 .state .flag { position:absolute; margin:2px 0 0 2px;}
.tankdiv6 .tt01 td{ padding:10px 10px 5px 10px ; color:#4d4e51; font-family:돋움;}

/*이 전차에 대한 유저 지식 모아보기*/
.typeTank7 {float:left; width:667px; margin:0 0 20px 0;}
.tanktable07 { font-size:12px; font-family:돋움;}
.tanktable07 td{ padding:10px; color:#4d4e51;}
.tanktable07 .tit { background-color:#6d778e;font-weight:bold; color:#fff;}
.tbl_typeTank7 {width:667px; color:#333; font-size:12px; border-left:0px solid #fff;  font-family:돋움;}
.tbl_typeTank7 caption,.tbl_type .frm label {display:none}
.tbl_typeTank7 th {padding:2px 0 0 0; height:29px; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; border-right:1px solid #ececec; color:#000; font-weight:normal;  font-size:12px; font-family:'',Gulim; vertical-align:middle}
.tbl_typeTank7 .first {padding:2px 0 0 0; height:29px; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; border-right:1px solid #ececec; border-left:1px solid #d6d6d6; color:#000; font-weight:normal;  font-size:12px; font-family:'',Gulim; vertical-align:middle}
.tbl_typeTank7 .last {padding:2px 0 0 0; height:29px; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; border-right:1px solid #d6d6d6; border-left:1px solid #ececec; color:#000; font-weight:normal;  font-size:12px; font-family:'',Gulim; vertical-align:middle}
.tbl_typeTank7 td {padding:4px 0 4px 3px;  height:38px; *height:28px; border-bottom:1px solid #E7E7E7;  border-left:0px solid #d5d5d5; border-right:0px solid #d5d5d5;}
.tbl_typeTank7 td a {color:#222; text-decoration:none}
.tbl_typeTank7 td a:hover {text-decoration:underline}
.tbl_typeTank7 a.topLink {color:#000; text-decoration:none;}
.tbl_typeTank7 a:hover.topLink {color:#000; text-decoration:none; }
.tbl_typeTank7 .con {text-align:center;}
.tbl_typeTank7 .title {text-align:left; padding-left:10px;}
.tbl_typeTank7 .title span {color:#990000;}
.tbl_typeTank7 .title .red { font-weight:bold; color:#e33d3d;}
.tbl_typeTank7 .title .blue { font-weight:bold; color:#0060a3;}

/*툴팁*/
.typeTank8 {float:left; width:300px; margin:0;}
.tanktable08 { font-size:12px; font-family:돋움;border:1px solid #e1e1e1;}
.tanktable08 td{ padding:10px; color:#4d4e51; line-height:20px;}
.tanktable08 .bottomline {border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1; padding:2px 10px 4px 20px;}
.tanktable08 .tit { background-color:#6d778e;font-weight:bold; color:#fff; line-height:30px;}
.tanktable08 .tit1 { background-color:#6d778e;font-weight:bold; color:#fff; line-height:16px;}
.tanktable08 .con01 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#f0f0f0;}
.tanktable08 .con02 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#e6e6e6;}
.tanktable08 .con03 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#ffffff;}
.tanktable08 .con04 {border-bottom:1px solid #e1e1e1; padding:10px; background-color:#f4f4f4;}
.tanktable08 .con05 {border-bottom:1px solid #e1e1e1; padding:5px 10px; background-color:#ffffff; font-weight:bold;}

/*전차 이미지 리스트*/
.typeTank9 {float:left; width:667px; margin:20px 0; height:280px;}
.tankdiv9 { position:absolute;width:667px;background-image: url(../images/tank/tank_bg1.gif);background-repeat: repeat; height:290px;overflow: auto;}
.tankdiv9 .state { width:160px; height:100px; background-color:#f0f0f0; margin-top:10px;}
.tankdiv9 .state .flag { position:absolute; margin:81px 0 0 131px;}
.tankdiv9 .state .tier { position:absolute; margin:67px 0 0 131px; width:25px; height:16px; color:#FFFFFF; font-weight:bold; background-color:#000000; text-align:center; padding:1px; font-size:11px;}
.tankdiv9 .tt01 td{ padding:0px 10px 10px 10px ; color:#4d4e51; font-family:돋움;}
.tanktable09 td{ padding:0; line-height:20px;}
.tanktable09 { font-size:12px; font-family:돋움; text-align:right; font-weight:bold; color:#990000;}
.tanktable09 .left { float:left; margin:0 10px 0 0; padding:5px 10px 5px 0; line-height:20px;}
.tanktable09 img { float:right; margin-top:3px;}

/*팁과 노하우 배너들*/
.typeTank10 {float:left; width:667px; margin:20px 0;}
.typeTank10 .top .leftT a:link { width:215px; height:48px; float:left; border:1px solid #e1e1e1;}
.typeTank10 .top .leftT a:hover { width:215px; height:48px; float:left; border:1px solid #000000;}
.typeTank10 .top .centerT a:link { width:215px; height:48px; float:left; border:1px solid #e1e1e1; margin-left:9px;}
.typeTank10 .top .centerT a:hover { width:215px; height:48px; float:left; border:1px solid #000000; margin-left:9px;}
.typeTank10 .top .rightT a:link { width:215px; height:48px; float:right; border:1px solid #e1e1e1;}
.typeTank10 .top .rightT a:hover { width:215px; height:48px; float:right; border:1px solid #000000;}
.typeTank10 .bottom .leftB a:link { width:215px; height:48px; float:left; border:1px solid #e1e1e1;margin-top:10px;}
.typeTank10 .bottom .leftB a:hover { width:215px; height:48px; float:left; border:1px solid #000000;margin-top:10px;}
.typeTank10 .bottom .centerB a:link { width:215px; height:48px; float:left; border:1px solid #e1e1e1;margin-top:10px; margin-left:9px;}
.typeTank10 .bottom .centerB a:hover { width:215px; height:48px; float:left; border:1px solid #000000;margin-top:10px; margin-left:9px;}
.typeTank10 .bottom .rightB  a:link{ width:215px; height:48px; float:right; border:1px solid #e1e1e1;margin-top:10px;}
.typeTank10 .bottom .rightB  a:hover{ width:215px; height:48px; float:right; border:1px solid #000000;margin-top:10px;}

/*테크트리*/
.communityWrap .tankWrap {display:inline-block; float:left; width:978px; padding-left:1px;}
.subContentB {width:925px; margin:17px 0 0 26px;}
.subContentB .titleNavi {display:inline-block; width:925px; height:45px; border-bottom:2px solid #808080;}
.subContentB .titleNavi span.title {display:inline-block; float:left;}
.subContentB .titleNavi span.navi {display:inline-block; float:right; color:#988b7e; padding-top:17px;}
.subContentB .titleNavi span.navi a {color:#988b7e;}
.subContentB .titleNavi span.navi span {color:#262626}
.subContentB .titleLink {width:925px; height:20px; font-family:Dotum; font-size:11px; color:#565656; background:#f0f0ef; padding:10px 0 0 8px;}
.subContentB .titleLink img.rss {margin-top:-2px;}
.subContentB .titleLink a {color:#565656;}

.tree { width:925px; background-color:#000000; margin:27px 0 30px 0; padding:15px 0;}
.tree .tc01 { width:158px; height:68px; background-image: url(../images/tree/tc01_bg.png);background-repeat: no-repeat; border:1px solid #373633;cursor: pointer;}
.tree .on1 { width:158px; height:68px; background-image: url(../images/tree/tc01_bg.png);background-repeat: no-repeat; border:1px solid #64635e;cursor: pointer;}
.tree .tc01 .flag { position:absolute; z-index:1;}
.tree .tc01 .tank { position:absolute; z-index:2;}
.tree .tc01 .tit { position:absolute; z-index:3; width:152px; margin-top:50px; color:#999184; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/tree/bg.png);background-repeat: repeat; padding:0 3px; height:18px; text-align:right;}
.tree .tc01 .tier { position:absolute; z-index:4; margin-top:33px; margin-left:110px; color:#cecece; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; }

.tree .tc02 { width:57px; height:68px; background-image: url(../images/tree/tc02_bg.png);background-repeat: no-repeat; border:1px solid #373633;}
.tree .on2 { width:57px; height:68px; background-image: url(../images/tree/tc02_bg.png);background-repeat: no-repeat; border:1px solid #64635e;}
.tree .tc02 .tit {height:30px; text-overflow:ellipsis; overflow:hidden; position:absolute; z-index:3; width:47px; margin-top:38px; color:#999184; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/tree/bg.png);background-repeat: repeat; padding:0 3px; text-align:left;}
.tree .tc02 .tier { position:absolute; z-index:4; margin-top:3px; margin-left:3px; color:#cecece; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; }

.tree .tc03 { width:148px; height:48px; background-image: url(../images/tree/tc01_bg.png);background-repeat: no-repeat; border:1px solid #373633;}
.tree .on3 { width:148px; height:48px; background-image: url(../images/tree/tc01_bg.png);background-repeat: no-repeat; border:1px solid #64635e;}
.tree .tc03 .money { width:90px; position:absolute; z-index:2; margin-left:55px; margin-top:15px; color:#999184; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;  text-align:right; }
.tree .tc03 .tank { position:absolute; z-index:1;}
.tree .tc03 .tit { position:absolute; z-index:3; width:142px; margin-top:30px; color:#999184; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/tree/bg.png);background-repeat: repeat; padding:0 3px; height:18px; text-align:right;}
.tree .tc03 .tier { width:41px; position:absolute; z-index:4; margin-top:1px; margin-left:103px; color:#cecece; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; }

.treeTab { width:100px;}
.treeTab li { margin-bottom:0px;cursor: pointer; width:75px; height:63px;}
.treeTab li img { margin:12px 0 0 8px;}
.treeTab .on {  background:url('../images/tree/hover.png') no-repeat;}

.treeTbl {padding:10px; width:800px;overflow-x: auto; overflow-y:hidden; position:absolute; margin-top:0;}
.treeView .tc03 { width:148px; height:48px; background-image: url(../images/tree/tc01_bg.png);background-repeat: no-repeat; border:1px solid #373633;}
.treeView .on3 { width:148px; height:48px; background-image: url(../images/tree/tc01_bg.png);background-repeat: no-repeat; border:1px solid #d4d2cb;}
.treeView .tc03 .money { position:absolute; z-index:2; margin-left:55px; margin-top:15px; color:#999184; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; width:90px;  text-align:right; }
.treeView .tc03 .tank { position:absolute; z-index:1;}
.treeView .tc03 .tit { position:absolute; z-index:3; width:142px; margin-top:30px; color:#999184; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/tree/bg.png);background-repeat: repeat; padding:0 3px; height:18px; text-align:right;}
.treeView .tc03 .tier { position:absolute; z-index:4; margin-top:1px; margin-left:103px; color:#cecece; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; }

/*전차장면허증*/
.license { background-color:#000000; padding:0 0 30px 0; background:url('../images/license/bg.jpg') no-repeat;}
.license .tit, .btn { text-align:center;}

.licenseTbl { font-size:12px; font-family:돋움; margin:0 20px;}
.licenseTbl td { padding:10px 5px 10px 20px; line-height:24px;}
.licenseTbl .top{background-color:#000000;  border-top:1px solid #525252;}
.licenseTbl .bottom{background-color:#242424;  border-bottom:1px solid #525252;}
.licenseTbl .tbl1{background-color:#242424;}
.licenseTbl .tbl2{background-color:#000000;}
.licenseTbl .bottom .bg {height:200px;overflow-x: no;overflow-y: auto; padding:0; margin:0;}
.licenseTbl .bottom .bg td { padding:5px 0; margin:0;}
.licenseTbl .bottom .bg td img { cursor:hand;}

.preview { margin:10px 0 0 27px;font-family:돋움;}
.preview .licenseView { position:absolute; width:468px; height:100px;}
.preview .licenseView .name { position:absolute; font-size:14px; font-weight:bold; color:#FFCC00; margin: 10px 0px 0px 10px; z-index:7}
.preview .licenseView .tank { position:absolute; font-size:12px; color:#FFFFFF; margin: 35px 0px 0px 10px; z-index:6}
.preview .licenseView .clan { position:absolute; font-size:12px; color:#FFFFFF; margin: 60px 0px 0px 10px; z-index:5}
.preview .licenseView .txt { position:absolute; font-size:11px; color:#FFFFFF; margin: 83px 0px 0px 5px; z-index:4}
.preview .licenseView .img { position:absolute; margin: 0px 0px 0px 270px; z-index:3}
.preview .licenseView .flag { position:absolute; margin: 0px 0px 0px 373px; z-index:2}
.preview .licenseView .bg { position:absolute; z-index:1}

.license .con .url { margin:10px 0 30px 0;}
.licenseTbl1 { font-size:12px; font-family:돋움; margin:0 20px;}
.licenseTbl1 td { padding:5px 20px; line-height:24px;}
.licenseTbl1 .top{background-color:#000000;  border-top:1px solid #525252;}
.licenseTbl1 .bottom{background-color:#000000;  border-bottom:1px solid #525252;}
.licenseTbl1 .tbl1{background-color:#242424;}