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

@charset "utf-8";



body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, span, a, table, thead, tfoot, tbody, th, td, form, legend, label, input, textarea, address, strong, em, pre, q, abbr, acronym, cite, blockquote, object, iframe {margin:0; padding:0;}
body {font-family:, Dotum, Arial, sans-serif; font-size:12px; color:#777; line-height:14px;}
img, fieldset, hr {border:0; margin:0; padding:0;}
img {vertical-align:top;}
ul, ol {list-style-type:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
select, input, textarea {font-family:, Dotum, Arial, sans-serif; color:#777; font-size:100%; vertical-align:middle;}
select {height:21px;}
table {border-collapse:collapse;}
address {font-style:normal;}
hr {clear:both; display:none;}
legend, caption {width:0; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}

a:link,a:visited {text-decoration:none;}
a:hover,a:active,a:focus {text-decoration:underline;}

/*전체
#wrapAll {width:100%; background:url('../images/community/community_bg.jpg') no-repeat top center;}*/

/*탑광고*/
.topBanner {width:978px; padding:10px 0 9px 0; margin:0 auto;}
/*.topBanner {width:605px; padding:10px 0 9px 149px; margin:0 auto;} /*오픈후수정 width:978px; padding:10px 0 9px 0px;*/

/*로고영역*/
.topArea {width:978px; height:71px; padding:5px 0 9px 0; margin:0 auto;}
div.logoArea3 {display:inline-block; width:978px; height:63px; padding-bottom:8px; margin-top:8px; position:relative;}
div.logoArea3 dd {float:left;}
div.logoArea3 dd.leftBanner {width:232px; padding-top:8px;}
div.logoArea3 dd.centerLogo {width:501px; padding-top:14px; margin-left:106px; *margin-left:53px;}
div.logoArea3 dd.centerLogo input {width:320px; height:25px; *height:19px; font-size:12px; color:#333; border:6px solid #DE1815; padding:3px 0 0 5px;  *padding:9px 0 0 5px; *margin-top:-1px;}
div.logoArea3 dd.centerLogo img {margin:0px 1px 0 8px; *margin:1px 1px 0 8px;}

/*검색 붙인후 삭제 이미지 명도 교체*/
div.logoArea3 dd.centerLogo2 {width:501px; padding-top:0px; margin-left:45px; *margin-left:45px;}


/* 레이아웃 */
body {_text-align:center}
/*#wrap {width:978px; margin:0 auto;_text-align:left}*/
#wrap {width:100%; background:url('../images/community/community_bg.jpg') no-repeat top center; margin-top: 0;}
#header {width:100%; z-index:3;}
#container {display:inline-block; width:100%; z-index:1; background:url('../images/common/content_bg.gif') repeat-y;}
#header,#container {position:relative;}
#container:after {display:block; clear:both; content:''}

#containerMem {display:inline-block; position:relative; width:100%; z-index:1; background:none;}

#content {float:left; width:698px; /*border-right:1px solid #e3e3e4;*/}
.aside {float:right; width:260px;}
#content, .aside {padding-top:15px;}

#content2 {float:left; width:978px; /*border-right:1px solid #e3e3e4;*/}

#footer {float:left; position:relative; width:100%; border-top:1px solid #e4e4e4; padding:25px 0 10px 0;}
#footer dl {clear:both; display:inline-block;}
#footer dd {float:left;}
#footer dd.fLine {padding:0 14px;}
#footer dd img.footerLogo {margin-top:-12px;}
#footer dd a.footerLogo {margin:0 38px 0 1px;}
#footer p.copyright {margin:15px 0 0 150px;}
#footer p.jeumedia {position:absolute; top:22px; right:5px;}


/*좌우 백그라운드*/
.lineBackBg {position:relative; width:978px; margin:0 auto; background:url('../images/community/community_bg2.gif') repeat-y;}
.lineBackBg2 {position:relative; width:978px; margin:0 auto; background:url('../images/community/community_bg3.gif') repeat-y;}

/*커뮤니티 전체 컨텐츠 영역*/
.communityWrap {display:inline-block; width:978px; margin:0 auto;}
.communityWrap .rightWrap {display:inline-block; float:left; width:260px;}



/*좌측 관리자 영역*/
.communityWrap .rightWrap .freeArea {width:260px; height:auto;  padding:0 0 12px 0;}

/*좌측 관리자 상단여백이 넣을시 탑마진 코드
.communityWrap .rightWrap .freeArea {width:260px; height:auto;  padding:12px 0 12px 0;}
*/

/*메카리포트 글보기
div.blogList {display:inline-block; padding-top:15px;}
div.blogList .topSocial {width:667px; text-align:right; padding:7px 0 27px 0;}
div.blogList .marView {margin-top:-53px;}
div.blogList .topSocial dd.iconA {position:relative; float:left; width:533px; text-align:right; padding:3px 15px 0 0;}
div.blogList .topSocial dd.iconA img.translate {margin-top:-2px;}
div.blogList .topSocial dd.iconA img.arrowdown {margin:2px 10px 0 0;}
div.blogList .topSocial dd.iconA img.iconLine {margin:0 2px;}
div.blogList .topSocial dd.socialA {float:left; width:119px;}
div.blogList .topSocial dd.iconA2 {position:relative; float:left; width:490px; text-align:right; padding:3px 15px 0 0;}
div.blogList .topSocial dd.iconA2 img.translate {margin-top:-2px;}
div.blogList .topSocial dd.iconA2 img.arrowdown {margin:2px 10px 0 0;}
div.blogList .topSocial dd.iconA2 img.iconLine {margin:0 2px;}
div.blogList .topSocial dd.socialA {float:left; width:162px;}
div.blogList li.title {font-weight:bold; font-size:24px; color:#000; letter-spacing:-1px; line-height:24px; padding-bottom:10px;}
div.blogList li.title2 {font-weight:bold; font-size:16px; color:#000; letter-spacing:-1px; line-height:20px; padding-bottom:8px;}
div.blogList li.writerDate {font-size:12px; color:#989898; padding-bottom:47px;}
div.blogList li.writerDate span.writer {color:#b79596;}
div.blogList li.writerDate span.midLine {color:#ddd;}
div.blogList li.writerDate span.date {font-family:'Verdana'; font-size:10px; color:#999;}
div.blogList li.viewCont {width:667px; font-family:'',Gulim; font-size:14px; line-height:150%; color:#333; padding-bottom:50px;}
div.blogList li.viewCont p {width:667px; text-align:center;}
div.blogList li.viewCont p span.blueTxt {color:#008080;}
div.blogList li.viewCont2 {width:607px; font-family:'',Gulim; font-size:12px; line-height:150%; color:#666; padding:0 30px 50px 30px;}
div.blogList li.viewCont2 p {width:607px; text-align:center; padding-bottom:20px;}
div.blogList li.viewNews {display:inline-block; width:667px; font-size:12px; color:#333; border-bottom:1px solid #eaeaea; padding-bottom:8px;}
div.blogList li.viewNews span.leftA {float:left;}
div.blogList li.viewNews span.leftA a {color:#dc0301;}
div.blogList li.viewNews span.rightA {float:right;}
div.blogList li.viewNews span.rightA strong {color:#dc0301}
div.blogList li.viewNews2 {display:inline-block; width:667px; font-size:12px; color:#333; border-top:1px solid #eaeaea; padding-top:8px;}
div.blogList li.viewNews2 span.leftA {float:left;}
div.blogList li.viewNews2 span.leftA a {color:#dc0301;}
div.blogList li.viewNews2 span.rightA {float:right;}
div.blogList li.viewNews2 span.rightA strong {color:#dc0301}
메카리포트 글보기*/

div.blogList {display:inline-block; padding-top:15px;}
div.blogList .topSocial {width:667px; text-align:right; padding:7px 0 27px 0;}
div.blogList .marView {margin-top:-53px;}
div.blogList .topSocial dd.iconA {position:relative; float:left; width:533px; text-align:right; padding:3px 15px 0 0;}
div.blogList .topSocial dd.iconA img.translate {margin-top:-2px;}
div.blogList .topSocial dd.iconA img.arrowdown {margin:2px 10px 0 0;}
div.blogList .topSocial dd.iconA img.iconLine {margin:0 2px;}
div.blogList .topSocial dd.socialA {float:left; width:119px;}
div.blogList .topSocial dd.iconA2 {position:relative; float:left; width:490px; text-align:right; padding:3px 15px 0 0;}
div.blogList .topSocial dd.iconA2 img.translate {margin-top:-2px;}
div.blogList .topSocial dd.iconA2 img.arrowdown {margin:2px 10px 0 0;}
div.blogList .topSocial dd.iconA2 img.iconLine {margin:0 2px;}
div.blogList .topSocial dd.socialA {float:left; width:162px;}
div.blogList li.title {font-weight:bold; font-size:24px; color:#000; letter-spacing:-1px; line-height:24px; padding-bottom:10px;}
div.blogList li.title2 {font-weight:bold; font-size:16px; color:#000; letter-spacing:-1px; line-height:20px; padding-bottom:8px;}
div.blogList li.writerDate {font-size:12px; color:#989898; padding-bottom:47px;}
div.blogList li.writerDate span.writer {color:#b79596;}
div.blogList li.writerDate span.midLine {color:#ddd;}
div.blogList li.writerDate span.date {font-family:'Verdana'; font-size:10px; color:#999;}
div.blogList li.viewCont {width:667px; font-family:'Gulim'; font-size:14px; line-height:150%; color:#333; padding-bottom:50px;}
div.blogList li.viewCont p {padding-bottom:0px;}
div.blogList li.viewCont p span.blueTxt {color:#008080;}
div.blogList li.viewCont2 {width:607px; font-family:'Gulim'; font-size:12px; line-height:150%; color:#666; padding:0 30px 50px 30px;}
div.blogList li.viewNews {display:inline-block; width:667px; font-size:12px; color:#333; border-bottom:1px solid #eaeaea; padding-bottom:8px;}
div.blogList li.viewNews span.leftA {float:left;}
div.blogList li.viewNews span.leftA a {color:#dc0301;}
div.blogList li.viewNews span.rightA {float:right;}
div.blogList li.viewNews span.rightA strong {color:#dc0301}
div.blogList li.viewNews2 {display:inline-block; width:667px; font-size:12px; color:#333; border-top:1px solid #eaeaea; padding-top:8px;}
div.blogList li.viewNews2 span.leftA {float:left;}
div.blogList li.viewNews2 span.leftA a {color:#dc0301;}
div.blogList li.viewNews2 span.rightA {float:right;}
div.blogList li.viewNews2 span.rightA strong {color:#dc0301}
div.blogList li.viewCont img{vertical-align:middle;}

div.blogList li.viewCont table {width:620px;}
div.blogList li.viewCont tr {font-family:'Gulim'; font-size:12px; line-height:150%; padding:5px 5px 5px 5px;}
div.blogList li.viewCont td {padding:5px 5px 5px 5px;}


div.blogList {display:inline-block; padding-top:30px;}
div.blogList .topSocial {width:667px; text-align:right; padding:7px 0 27px 0;}
div.blogList .marView {margin-top:-53px;}
div.blogList .topSocial dd.iconA {position:relative; float:left; width:533px; text-align:right; padding:3px 15px 0 0;}
div.blogList .topSocial dd.iconA img.translate {margin-top:-2px;}
div.blogList .topSocial dd.iconA img.arrowdown {margin:2px 10px 0 0;}
div.blogList .topSocial dd.iconA img.iconLine {margin:0 2px;}
div.blogList .topSocial dd.socialA {float:left; width:119px;}
div.blogList .topSocial dd.iconA2 {position:relative; float:left; width:490px; text-align:right; padding:3px 15px 0 0;}
div.blogList .topSocial dd.iconA2 img.translate {margin-top:-2px;}
div.blogList .topSocial dd.iconA2 img.arrowdown {margin:2px 10px 0 0;}
div.blogList .topSocial dd.iconA2 img.iconLine {margin:0 2px;}
div.blogList .topSocial dd.socialA {float:left; width:162px;}
div.blogList li.title {font-weight:bold; font-size:24px; color:#000; letter-spacing:-2px; line-height:24px; padding-bottom:10px;}
div.blogList li.title2 {font-weight:bold; font-size:16px; color:#000; letter-spacing:-1px; line-height:20px; padding-bottom:8px;}
div.blogList li.writerDate {font-size:12px; color:#989898; padding-bottom:47px;}
div.blogList li.writerDate span.writer {color:#b79596;}
div.blogList li.writerDate span.midLine {color:#ddd;}
div.blogList li.writerDate span.date {font-family:'Verdana'; font-size:10px; color:#999;}
div.blogList li.viewCont {width:667px; font-family:'Gulim'; font-size:14px; line-height:169%; color:#333; padding-bottom:50px;}
div.blogList li.viewCont p {padding-bottom:2px;}
div.blogList li.viewCont p span.blueTxt {color:#008080;}
div.blogList li.viewCont a {color:#0000FF; text-decoration:none;}
div.blogList li.viewCont a:hover {color:#0000FF; text-decoration:underline;}
div.blogList li.viewCont2 {width:607px; font-family:'Gulim'; font-size:12px; line-height:150%; color:#666; padding:0 30px 50px 30px;}
div.blogList li.viewNews {display:inline-block; width:667px; font-size:12px; color:#333; border-bottom:1px solid #eaeaea; padding-bottom:8px;}
div.blogList li.viewNews span.leftA {float:left;}
div.blogList li.viewNews span.leftA a {color:#dc0301;}
div.blogList li.viewNews span.rightA {float:right;}
div.blogList li.viewNews span.rightA strong {color:#dc0301}
div.blogList li.viewNews2 {display:inline-block; width:667px; font-size:12px; color:#333; border-top:1px solid #eaeaea; padding-top:8px;}
div.blogList li.viewNews2 span.leftA {float:left;}
div.blogList li.viewNews2 span.leftA a {color:#dc0301;}
div.blogList li.viewNews2 span.rightA {float:right;}
div.blogList li.viewNews2 span.rightA strong {color:#dc0301}
div.blogList li.viewCont img{vertical-align:middle;}




div.countryIcon {position:absolute; top:18px; right:125px; border:1px solid #eaeaea; padding:5px 5px 0 5px; background:#fff; display:none;}
div.countryIcon p {padding-bottom:5px;}

div.blogList ul.hotNews {font-family:'',Gulim; font-size:13px; color:#000; padding-bottom:50px;}
div.blogList ul.hotNews li {padding-bottom:18px;}
div.blogList li.mecaEvent {width:667px; font-size:14px; font-weight:bold; text-align:center; padding-bottom:50px;}

/* 리스트 하단 */
div.btmNews3 {width:651px; height:153px; border:8px solid #efefef; margin-bottom:21px;}
div.btmNews3 dt {font-weight:bold; font-size:14px; color:#333; padding:10px 0 7px 12px;}
div.btmNews3 dl.leftCont {float:left; width:340px; margin-left:13px; font-size:12px;}
div.btmNews3 dl.leftCont dd {float:left;}
div.btmNews3 dl.leftCont dd.thumImg {padding-right:12px;}
div.btmNews3 dl.leftCont dd.thumRight {width:188px;}
div.btmNews3 dl.leftCont dd span.leftTit {display:inline-block; float:left; width:65px; color:#8b92ae; padding-bottom:5px;}
div.btmNews3 dl.leftCont dd span.rightTxt {display:inline-block; float:left; width:120px; color:#333; padding-bottom:5px;}
div.btmNews3 dl.leftCont dd span.point {font-weight:bold; color:#000;}
div.btmNews3 dl.leftCont dd p.btmBtn {clear:both;}
div.btmNews3 dl.leftCont dd p.btmBtn a {display:inline-block; margin-top:4px;}
div.btmNews3 ul.rightCont {float:left; margin-top:-1px;}
div.btmNews3 ul.rightCont li {font-size:12px; padding-bottom:8px;}
div.btmNews3 ul.rightCont li a {color:#333;}
div.btmNews3 ul.rightCont li span {color:#6678ce;}

/* 뉴스 뷰페이지 배너 */
div.btmBannerTwo {position:relative; display:inline-block; width:667px; padding-bottom:23px;}
div.btmBannerTwo span.leftA {float:left;}
div.btmBannerTwo span.rightA {float:right;}
div.btmBannerTwo p.btnLR {position:absolute; top:82px; right:2px;}

/* 네티즌의견 영역 */
div.netizenReply {float: left; padding-bottom:100px; width:667px;}

/*간격-추후 추가 가능*/
.mt22 {margin-top:22px;}


/*aside 커뮤니티 왼쪽영역 로그인*/
.communityWrap .rightWrap .logInBox {width:242px; height:80px; color:#afaeb4; background:url('../images/community/left_bg02.jpg') no-repeat top; padding:15px 0 0 18px;}
.communityWrap .rightWrap .logInBox dd input.id {width:140px; height:16px; font-size:12px; color:#9ea2a5; border:1px solid #c9d1d4; border-bottom:none; padding:4px 0 0 4px; margin-right:6px;}
.communityWrap .rightWrap .logInBox dd input.saveId {width:13px; height:13px; margin-top:-1px;}
.communityWrap .rightWrap .logInBox dd input.pw {width:140px; height:15px; font-size:12px; color:#9ea2a5; border:1px solid #c9d1d4; padding:4px 0 0 4px; margin-right:6px;}
.communityWrap .rightWrap .logInBox dd.btmTxt {padding-top:10px;}
.communityWrap .rightWrap .logInBox dd.btmTxt a {color:#afaeb4;}
.communityWrap .rightWrap .logInBox dd.btmTxt span {color:#d2d3ce;}

/*aside 커뮤니티 왼쪽영역 로그아웃*/
.communityWrap .rightWrap .LogoutBox {width:258px; height:80px; border:1px solid #e8e8e8; background:#f8f8f8; margin-bottom:0px;}
.communityWrap .rightWrap .LogoutBox p.icoL {padding:11px 10px 0 12px; float:left;}
.communityWrap .rightWrap .LogoutBox p.idTxt {font-size:12px; color:#606060; padding:15px 0 0 0; }
.communityWrap .rightWrap .LogoutBox p.idTxt strong {color:#1a1a1a;}
.communityWrap .rightWrap .LogoutBox p.btmModify {float:left; padding-left:14px;}
.communityWrap .rightWrap .LogoutBox p.btmModify img {vertical-align:middle;}
.communityWrap .rightWrap .LogoutBox p.btmModify a {font-size:12px; color:#606060;}
.communityWrap .rightWrap .LogoutBox .grBox {float:left; width:256px; height:21px; padding-top:5px;}
.communityWrap .rightWrap .LogoutBox .grBox dl.leftIcon {float:left; padding-left:16px;}
.communityWrap .rightWrap .LogoutBox .grBox dl.rightGr {float:left;}
.communityWrap .rightWrap .LogoutBox .grBox .potion {float:left;  width:100px; font-size:12px; color:#606060; padding-bottom:1px; margin-left:14px;}
.communityWrap .rightWrap .LogoutBox .grBox .graph {float:left; margin-left:0px;}


.communityWrap .leftWrap {display:inline-block; float:left; width:717px; padding-left:1px; padding-bottom: 25px;}

.communityWrap .rightWrap .lnbListTit {background: no-repeat scroll 0 0 #AFA898;color: #000000;font-family: Gulim;font-size: 13px; font-weight: bold; height: 21px; padding: 10px 0 0 20px; width: 240px;}
.communityWrap .rightWrap .lnbListCont {background: none repeat scroll 0 0 #EDEAE3;display: inline-block;padding: 15px 0 8px;width: 260px;}
.communityWrap .rightWrap .lnbListCont li {clear: both;}
.communityWrap .rightWrap .lnbListCont li span {background: url("../images/community/icon_arrow.gif") no-repeat scroll 0 2px transparent;display: inline-block;float: left;font-family: Gulim;font-size: 12px;margin-left: 18px;padding: 0 0 11px 14px;width: 90px;}
.communityWrap .rightWrap .lnbListCont li span a {color: #000000;}
.communityWrap .rightWrap .lnbListCont li span a img {margin-top: 2px;}

/*우측 배너*/
.bannerWrap {position:absolute; right:-180px; width:165px;}
div.lBannerMain {left: -150px; margin-top: 0px; position: absolute;}

.communityWebGame {width:150px; height:381px; background:#fff; padding:10px 0 0 10px; margin-bottom:13px;}
div.rBannerCommunity {width:124px; border-top:1px solid #dc0000; padding:15px 0 0 0;}
div.rBannerCommunity ul.community {display:inline-block; border-bottom:1px solid #1a2d72; padding-bottom:8px;}
div.rBannerCommunity ul.community li.tit {font-family:'',Gulim; font-size:12px; font-weight:bold; color:#ce0200; padding-bottom:15px;}
div.rBannerCommunity ul.webGame {display:inline-block; border-bottom:1px solid #e3e3e4; padding:15px 0 8px 0;}
div.rBannerCommunity ul.webGame li.tit {font-family:'',Gulim; font-size:12px; font-weight:bold; color:#303843; padding-bottom:15px;}
div.rBannerCommunity li {padding-bottom:8px;}
div.rBannerCommunity li a.rBan {font-size:11px; color:#8f8f8f;}
div.rBannerCommunity li a.rBan:hover {font-size:11px; color:#8f8f8f;}
div.rBannerCommunity li img.rBanImg {margin:-1px 5px 0 0;}

/*탑메뉴 영역_1218*/
.topfMenuBar {display:inline-block; width:978px; height:10px;}
.topfMenuCom1218 {display:inline-block; width:978px; height:46px;}
.topfMenuCom1218 li {float:left; list-style:none;}
.topfMenuCom1218 li a.topMenu01 {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOff_01.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu01:hover {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOn_01.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu02 {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOff_02.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu02:hover {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOn_02.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu03 {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOff_03.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu03:hover {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOn_03.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu04 {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOff_04.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu04:hover {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOn_04.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu05 {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOff_05.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu05:hover {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOn_05.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu06 {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOff_06.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu06:hover {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOn_06.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu07 {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOff_07.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu07:hover {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOn_07.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu08 {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOff_08n.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu08:hover {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOn_08n.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu09 {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOff_09.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu09:hover {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOn_09.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu10 {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOff_10.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu10:hover {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOn_10.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu11 {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOff_11.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu11:hover {display:block; width:81px; height:36px; background:url('../images/community/1218MenuOn_11.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu12 {display:block; width:87px; height:36px; background:url('../images/community/1218MenuOff_12.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu12:hover {display:block; width:87px; height:36px; background:url('../images/community/1218MenuOn_12.gif') no-repeat;}

/*
.topfMenuCom1218 li a.topMenu11 {display:block; width:168px; height:36px; background:url('../images/community/1218MenuOff_13.gif') no-repeat;}
.topfMenuCom1218 li a.topMenu11:hover {display:block; width:168px; height:36px; background:url('../images/community/1218MenuOn_13.gif') no-repeat;}*/


/*상단 콘텐츠 영역*/
/*topContentArea {display:inline-block; width:717px; padding-bottom:10px; border-bottom:1px solid #ebebed; background:#fff;}*/
.topContentArea {display:inline-block; width:717px; padding-bottom:5px;}
.topContentArea .leftA {float:left; width:352px; padding:17px 0 0 18px;}
.topContentArea .leftA .todayList {width:331px; margin-bottom:10px;}
.topContentArea .leftA .hotissueList {width:331px; height:393px; font-family:Gulim; font-size:12px; background:#000;}
.topContentArea .leftA .hotissueList ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; overflow:hidden; margin: 0 0 7px 0; padding:0 0 0 10px; height:14px;}
.topContentArea .leftA .hotissueList ul li a {color:#aeabab;}
.topContentArea .leftA .hotissueList ul li img {margin-top:2px;}
.topContentArea .leftA .hotissueList ul li span {font-family:Dotum; color:#e9281d;}

.topContentArea .rightA {float:left; width:347px; padding:17px 0 0 0;}
.scnews {display:inline-block; width:331px; font-family:Gulim; font-size:12px;}
.scnews dl {clear:both;}
.scnews dt {position:relative; width:331px; height:35px;}
.scnews dd {float:left;}
.scnews dd.thumImg {width:331px; height:166px; margin-bottom:10px;}
.scnews dd p.tit {font-family:Gulim; height:35px; font-weight:bold; font-size:13px; padding-top:2px; line-height:17px;}
.scnews dd p.tit a {color:#000;}
.scnews dd p.txt {font-family:Dotum; font-size:12px; padding-top:2px; line-height:17px;}
.scnews dd p.txt a {color:#999;}
.scnews ul li {padding:0 0 7px 0;}
.scnews ul li a {color:#000}
.scnews ul li img {margin-top:2px;}
.scnews ul li span {font-family:Dotum; color:#e9281d;}
.scnews ul li span.news1 {color:#D90000;}
.scnews ul li span.news2 {color:#15458E;}
.scnews ul li span.news3 {color:#872C97;}

/*상단 콘텐츠 영역*/
/*0218*/
.topContentArea .rightA .rList {width:331px;  font-family:Gulim; font-size:12px;}
.topContentArea .rightA .rList ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; padding:0 0 7px 10px; list-style-type: none;}
.topContentArea .rightA .rList ul li a {color:#000}
.topContentArea .rightA .rList ul li img {margin-top:2px;}
.topContentArea .rightA .rList ul li span {font-family:Dotum; color:#e9281d;}
.topContentArea .rightA .rList p {width:316px; height:39px; background:#f1f1f1; padding:10px 0 0 15px;}
.topContentArea .rightA .rList p input {width:245px; height:18px; font-size:12px; border:3px solid #415b74; padding:6px 0 0 6px;}
.topContentArea .rightA .rList p img.search {margin-left:2px;}
.topContentArea .rightA .rList ul li span.tx1 {color:#872C97;}
.topContentArea .rightA .rList ul li span.tx2 {color:#FF7200;}
.topContentArea .rightA .rList ul li span.tx3 {color:#11B7A6;}
.topContentArea .rightA .rList ul li span.tx4 {color:#536A34;}
/*0218*/

.topContentArea .rightA .rList1 {width:331px; font-family:Gulim; font-size:12px;}
.topContentArea .rightA .rList1 ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; overflow:hidden; margin: 0 0 7px 0; padding:0 0 0 10px; height:14px;}
.topContentArea .rightA .rList1 ul li a {color:#000}
.topContentArea .rightA .rList1 ul li img {margin-top:2px;}
.topContentArea .rightA .rList1 ul li span {font-family:Dotum; color:#e9281d;}

.topContentArea .rightA .rList2 {width:331px; height:213px; font-family:Gulim; font-size:12px;}
.topContentArea .rightA .rList2 ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; overflow:hidden; margin: 0 0 7px 0; padding:0 0 0 10px; height:14px;}
.topContentArea .rightA .rList2 ul li a {color:#000}
.topContentArea .rightA .rList2 ul li img {margin-top:2px;}
.topContentArea .rightA .rList2 ul li span {font-family:Dotum; color:#e9281d;}
.topContentArea .rightA .rList2 p {width:316px; height:39px; background:#f1f1f1; padding:10px 0 0 15px;}
.topContentArea .rightA .rList2 p input {width:245px; height:18px; font-size:12px; border:3px solid #415b74; padding:6px 0 0 6px;}
.topContentArea .rightA .rList2 p img.search {margin-left:2px;}

.topContentArea .rightA .rList3 {width:331px; height:170px; font-family:Gulim; font-size:12px;}
.topContentArea .rightA .rList3 ul li {overflow:hidden; margin: 0 0 7px 0; padding:0 0 0 10px; height:14px;}
.topContentArea .rightA .rList3 ul li a {color:#000}
.topContentArea .rightA .rList3 ul li img {margin-top:2px;}
.topContentArea .rightA .rList3 ul li span {font-family:Dotum; color:#e9281d;}
.topContentArea .rightA .rList3 ul li span.news {color:#911406;}
.topContentArea .rightA .rList3 ul li span.post {color:#0058b3}
.topContentArea .rightA .rList3 ul li span.maybe {color:#513d99}
.topContentArea .rightA .rList3 ul li span.meca {color:#ff0000;}
.topContentArea .rightA .rList3 ul li span.tip {color:#007b00;}

.topContentArea .rightA .rList4 {width:331px; height:223px; font-family:Gulim; font-size:12px;}
.topContentArea .rightA .rList4 ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px;overflow:hidden; margin: 0 0 7px 0; padding:0 0 0 10px; height:14px;}
.topContentArea .rightA .rList4 ul li a {color:#000}
.topContentArea .rightA .rList4 ul li img {margin-top:2px;}
.topContentArea .rightA .rList4 ul li span {font-family:Dotum; color:#e9281d;}

/*우측 스쿼드*/
.topContentArea .rightA .rList5 {width:331px; font-family:Gulim; font-size:12px;}
.topContentArea .rightA .rList5 ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; padding:0 0 6px 10px; list-style-type: none;}
.topContentArea .rightA .rList5 ul li a {color:#000}
.topContentArea .rightA .rList5 ul li img {margin-top:2px;}
.topContentArea .rightA .rList5 ul li span {font-family:Dotum; color:#e9281d;}
.topContentArea .rightA .rList5 ul li span.tx1 {color:#15458E;}
.topContentArea .rightA .rList5 ul li span.tx2 {color:#D90000;}
.topContentArea .rightA .rList5 ul li span.tx3 {color:#11B7A6;}
.topContentArea .rightA .rList5 ul li span.tx4 {color:#536A34;}
.topContentArea .rightA .rList5 dd.thumImg {float:left; width:331px; height:190px; margin-bottom: 5px; background:#E0E6EE;}

/*상단 콘텐츠 직업정보 영역2*/
.topContentArea2 {float:left; display:inline-block; height:312px; padding-bottom:15px; padding-left:18px; background:#fff;}
.topContentArea2 .contA {float:left; width:683px; padding:0 0 8px 0; background:#EDEAE3; }
.topContentArea2 .contA .focusList {float:left; width:683px;}

.topContentArea2 .contA  .lListTit {width:683px;}
.topContentArea2 .contA  .lListTit li {float:left;}
.topContentArea2 .contA  .lListTit li a.midMenu01 {display:block; width:81px; height:35px; background:url('../images/community/class1_off.gif') no-repeat;}
.topContentArea2 .contA  .lListTit li a.midMenu01:hover {display:block; width:81px; height:35px; background:url('../images/community/class1_on.gif') no-repeat;}
.topContentArea2 .contA  .lListTit li a.midMenu01.on {display:block; width:81px; height:35px; background:url('../images/community/class1_on.gif') no-repeat;}
.topContentArea2 .contA  .lListTit li a.midMenu02 {display:block; width:80px; height:35px; background:url('../images/community/class2_off.gif') no-repeat;}
.topContentArea2 .contA  .lListTit li a.midMenu02:hover {display:block; width:80px; height:35px; background:url('../images/community/class2_on.gif') no-repeat; margin-left:0px;}
.topContentArea2 .contA  .lListTit li a.midMenu02.on {display:block; width:80px; height:35px; background:url('../images/community/class2_on.gif') no-repeat; margin-left:0px;}
.topContentArea2 .contA  .lListTit li a.midMenu03 {display:block; width:80px; height:35px; background:url('../images/community/class3_off.gif') no-repeat;}
.topContentArea2 .contA  .lListTit li a.midMenu03:hover {display:block; width:80px; height:35px; background:url('../images/community/class3_on.gif') no-repeat; margin-left:0px;}
.topContentArea2 .contA  .lListTit li a.midMenu03.on {display:block; width:80px; height:35px; background:url('../images/community/class3_on.gif') no-repeat; margin-left:0px;}
.topContentArea2 .contA  .lListTit li a.midMenu04 {display:block; width:80px; height:35px; background:url('../images/community/class4_off.gif') no-repeat;}
.topContentArea2 .contA  .lListTit li a.midMenu04:hover {display:block; width:80px; height:35px; background:url('../images/community/class4_on.gif') no-repeat; margin-left:0px;}
.topContentArea2 .contA  .lListTit li a.midMenu04.on {display:block; width:80px; height:35px; background:url('../images/community/class4_on.gif') no-repeat; margin-left:0px;}
.topContentArea2 .contA  .lListTit li a.midMenu05 {display:block; width:80px; height:35px; background:url('../images/community/class5_off.gif') no-repeat;}
.topContentArea2 .contA  .lListTit li a.midMenu05:hover {display:block; width:80px; height:35px; background:url('../images/community/class5_on.gif') no-repeat; margin-left:0px;}
.topContentArea2 .contA  .lListTit li a.midMenu05.on {display:block; width:80px; height:35px; background:url('../images/community/class5_on.gif') no-repeat; margin-left:0px;}
.topContentArea2 .contA  .lListTit li a.midMenu06 {display:block; width:80px; height:35px; background:url('../images/community/class6_off.gif') no-repeat;}
.topContentArea2 .contA  .lListTit li a.midMenu06:hover {display:block; width:80px; height:35px; background:url('../images/community/class6_on.gif') no-repeat; margin-left:0px;}
.topContentArea2 .contA  .lListTit li a.midMenu06.on {display:block; width:80px; height:35px; background:url('../images/community/class6_on.gif') no-repeat; margin-left:0px;}
.topContentArea2 .contA  .lListTit li a.midMenu07 {display:block; width:80px; height:35px; background:url('../images/community/class7_off.gif') no-repeat;}
.topContentArea2 .contA  .lListTit li a.midMenu07:hover {display:block; width:81px; height:35px; background:url('../images/community/class7_on.gif') no-repeat; margin-left:0px;}
.topContentArea2 .contA  .lListTit li a.midMenu07.on {display:block; width:81px; height:35px; background:url('../images/community/class7_on.gif') no-repeat; margin-left:0px;}


.topContentArea2 .contA  .focusList .leftA {float:left; width:329px; height:260px; margin:15px 0 0 12px; background:#F6F4EE;}


.topContentArea2 .contA  .focusList .rightA {float:left; width:317px; margin:15px 0 0 14px;}
.topContentArea2 .contA  .focusList .rightA  .rList1 {width:317px; height:102px; font-family:Gulim; font-size:12px; background:url('../images/community/class_hot_bg.gif') no-repeat;}
.topContentArea2 .contA  .focusList .rightA  .rList1 ul li {padding:2px 0 8px 20px;}
.topContentArea2 .contA  .focusList .rightA  .rList1 ul li a {color:#000}
.topContentArea2 .contA  .focusList .rightA  .rList1 ul li img {margin-top:2px;}
.topContentArea2 .contA  .focusList .rightA  .rList1 ul li span {font-family:Dotum; color:#e9281d;}
.topContentArea2 .contA  .focusList .rightA  .rList1 ul li span.class1 {color:#FF4500;}
.topContentArea2 .contA  .focusList .rightA  .rList1 ul li span.class2 {color:#15458E;}
.topContentArea2 .contA  .focusList .rightA  .rList1 ul li span.class3 {color:#5E9217;}
.topContentArea2 .contA  .focusList .rightA  .rList1 ul li span.class4 {color:#872C97;}
.topContentArea2 .contA  .focusList .rightA  .rList1 ul li span.class5 {color:#13AF9F;}

.topContentArea2 .contA  .focusList .rightA .lList {width:317px; margin-bottom:0px; font-family:Gulim; font-size:12px;}
.topContentArea2 .contA  .focusList .rightA .lList ul li {padding:0 0 7px 0;}
.topContentArea2 .contA  .focusList .rightA .lList ul li a {color:#000}
.topContentArea2 .contA  .focusList .rightA .lList ul li img {margin-top:2px;}
.topContentArea2 .contA  .focusList .rightA .lList ul li span {font-family:Dotum; color:#e9281d;}
.topContentArea2 .contA  .focusList .rightA .lList ul li img.icon {margin-top:-2px;}




/*중단 광고 영역*/
.midAd {width:422px; background:#F2F2F2; vertical-align:center;}
.midAd .Ad {width:362px; background:#F2F2F2;  margin:0 auto;}

/*메인 중단 콘텐츠 영역*/

.midContArea .leftA {float:left; width:331px; margin:10px 21px 0 18px; font-family:Gulim; font-size:12px;}/*0218*/
.midContArea .leftA .lList {width:331px; font-family:Gulim; font-size:12px;}
.midContArea .leftA .lList .tip { padding:15px 0 0 10px;}/*0218*/
.midContArea .leftA .lList ul li {padding:0 0 7px 0px; list-style-type: none;}
.midContArea .leftA .lList ul li a {color:#000}
.midContArea .leftA .lList ul li img {margin-top:2px;}
.midContArea .leftA .lList ul li span {font-family:Dotum; color:#e9281d;}
.midContArea .leftA .lList ul li span.tx1 {color:#15458E;}
.midContArea .leftA .lList ul li span.tx2 {color:#D90000;}
.midContArea .leftA .lList ul li span.tx3 {color:#11B7A6;}
.midContArea .leftA .lList ul li span.tx4 {color:#536A34;}
.midContArea .leftA .lList ul li span.gold {color:#E5B00D; }
.midContArea .leftA .lList ul li span.silver {color:#8A8A8A; }
.midContArea .leftA .lList ul li span.broze {color:#C98654; }
.midContArea .leftA .lList ul li span.spc {color:#588518; }

.midContArea .topA {float:left; width:331px; height:91px; margin:15px 0 10px 0px; background:#F6F4EE;}/*0218*/
.midContArea .leftA .lList1 {width:317px; height:102px; font-family:Gulim; font-size:12px; background:url('../images/community/class_hot_bg.gif') no-repeat; clear:both;margin: 0 0 0 7px;}/*0218*/
.midContArea .leftA .lList1 ul li {padding:2px 0 8px 20px;}
.midContArea .leftA .lList1 ul li a {color:#000}
.midContArea .leftA .lList1 ul li img {margin-top:2px;}
.midContArea .leftA .lList1 ul li span {font-family:Dotum; color:#e9281d;}
.midContArea .leftA .lList1 ul li span.class1 {color:#FF4500;}
.midContArea .leftA .lList1 ul li span.class2 {color:#15458E;}
.midContArea .leftA .lList1 ul li span.class3 {color:#5E9217;}
.midContArea .leftA .lList1 ul li span.class4 {color:#872C97;}
.midContArea .leftA .lList1 ul li span.class5 {color:#13AF9F;}



.midContArea .leftA .lList .icon {margin-top:-2px;}/*0218*/
.midContArea .tipBg {background:#EDEAE3;}

.midContArea .leftAs {float:left; width:352px; padding:10px 0 0 18px; font-family:Gulim; font-size:12px;}
.midContArea .leftAs .lList {width:331px; font-family:Gulim; font-size:12px;}
.midContArea .leftAs .lList ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; padding:0 0 7px 10px; list-style-type: none;}
.midContArea .leftAs .lList ul li a {color:#000}
.midContArea .leftAs .lList ul li img {margin-top:2px;}
.midContArea .leftAs .lList ul li span {font-family:Dotum; color:#e9281d;}
.midContArea .leftAs .lList ul li span.tx1 {color:#15458E;}
.midContArea .leftAs .lList ul li span.tx2 {color:#D90000;}
.midContArea .leftAs .lList ul li span.tx3 {color:#11B7A6;}
.midContArea .leftAs .lList ul li span.tx4 {color:#536A34;}

.midContArea .leftAs .lList {width:331px;  font-family:Gulim; font-size:12px; background:#E0E6EE;}
.midContArea .leftAs .lList dl {clear:both;}
.midContArea .leftAs .lList dt {position:relative; width:331px; height:35px;}
.midContArea .leftAs .lList dd {float:left;}
.midContArea .leftAs .lList dd.thumImg {float:left; width:145px; margin-left: 10px; margin-bottom: 10px;}
.midContArea .leftAs .lList dd.cont {float:left;  width: 160px; margin-left:10px;}
.midContArea .leftAs .lList dd.cont p.tit {height:30px; padding-top:7px; overflow:hidden;}
.midContArea .leftAs .lList dd.cont p.tit a {font-weight:bold; color:#000;  font-size:13px; line-height:16px;}
.midContArea .leftAs .lList dd.cont p.txt {padding-top:7px; overflow:hidden;}
.midContArea .leftAs .lList dd.cont p.txt a {color:#666;  font-size:12px; line-height:16px;}

.midContArea .rightA {float:left; width:347px; padding:10px 0 0 0;}
.midContArea .rightA .rList {width:331px;  font-family:Gulim; font-size:12px;}
.midContArea .rightA .rList ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; padding:0 0 7px 10px;}
.midContArea .rightA .rList ul li a {color:#000}
.midContArea .rightA .rList ul li img {margin-top:2px;}
.midContArea .rightA .rList ul li span {font-family:Dotum; color:#e9281d;}
.midContArea .rightA .rList p {width:316px; height:39px; background:#f1f1f1; padding:10px 0 0 15px;}
.midContArea .rightA .rList p input {width:245px; height:18px; font-size:12px; border:3px solid #415b74; padding:6px 0 0 6px;}
.midContArea .rightA .rList p img.search {margin-left:2px;}
.midContArea .rightA .rList ul li span.tx1 {color:#872C97;}
.midContArea .rightA .rList ul li span.tx2 {color:#FF7200;}
.midContArea .rightA .rList ul li span.tx3 {color:#11B7A6;}
.midContArea .rightA .rList ul li span.tx4 {color:#536A34;}

.midContArea2 {display:inline-block; width:717px; padding-bottom:10px; background:#fff;}
.midContArea2 .leftA {float:left; width:352px; padding:10px 0 0 18px; font-family:Gulim; font-size:12px;}
.midContArea2 .leftA .lList {width:331px; font-family:Gulim; font-size:12px;}
.midContArea2 .leftA .lList ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; padding:0 0 7px 10px;}
.midContArea2 .leftA .lList ul li a {color:#000}
.midContArea2 .leftA .lList ul li img {margin-top:2px;}
.midContArea2 .leftA .lList ul li span {font-family:Dotum; color:#e9281d;}
.midContArea2 .leftA .lList ul li span.tx1 {color:#872C97;}
.midContArea2 .leftA .lList ul li span.tx2 {color:#FF7200;}
.midContArea2 .leftA .lList ul li span.tx3 {color:#11B7A6;}
.midContArea2 .leftA .lList ul li span.tx4 {color:#536A34;}
.midContArea2 .leftA .lList ul { clear:both;}
.midContArea2 .leftA .lList dd {float:left; width:150px; padding-top:2px; margin-right:13px;}
.midContArea2 .leftA .lList dd.thumImg {float:left; width:100px;}
.midContArea2 .leftA .lList dd.cont {float:left;}
.midContArea2 .leftA .lList dd.cont p.tit {height:20px; padding-top:7px; overflow:hidden;}
.midContArea2 .leftA .lList dd.cont p.tit a {font-weight:bold; color:#000; line-height:16px;}
.midContArea2 .leftA .lList dd.cont p.txt {font-size:11px; height:40px; padding-top:0px;}
.midContArea2 .leftA .lList dd.cont p.txt a {color:#888; line-height:16px; font-size:12px;}

.midContArea2 .rightA {float:left; width:347px; padding:10px 0 0 0;}
.midContArea2 .rightA .rList {width:331px;  font-family:Gulim; font-size:12px;}
.midContArea2 .rightA .rList ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; padding:0 0 7px 10px;}
.midContArea2 .rightA .rList ul li a {color:#000}
.midContArea2 .rightA .rList ul li img {margin-top:2px;}
.midContArea2 .rightA .rList ul li span {font-family:Dotum; color:#e9281d;}
.midContArea2 .rightA .rList p {width:316px; height:39px; background:#f1f1f1; padding:10px 0 0 15px;}
.midContArea2 .rightA .rList p input {width:245px; height:18px; font-size:12px; border:3px solid #415b74; padding:6px 0 0 6px;}
.midContArea2 .rightA .rList p img.search {margin-left:2px;}

.midCont {display:inline-block; width:717px; padding-bottom:5px; background:#fff;}
.midCont .leftA {float:left;  padding:10px 0 0 18px;}
.midCont .rightA {float:left;  padding:10px 0 0 13px;}


/*중단 관리자 영역*/
.ContentAreaC{float:left; display:inline-block; width:683px; padding-left:18px;}


/* 메인 게시물 리스트에 들어가는 공통 코드 : 리스트 텍스트 영역 문제
overflow:hidden; margin: 0 0 7px 0; padding:0 0 0 10px; height:14px;
*/

/*베너 오버
.bannerStory a.bannerMenu01 {display:block; width:260px; height:76px; background:url('../images/community/banner_stroy.gif') no-repeat;}
.bannerStory a.bannerMenu01:hover {display:block; width:260px; height:76px; background:url('../images/community/banner_stroy_on.gif') no-repeat;}*/


/*핫 플레이어*/
.hotP {display:inline-block; width:331px; font-family:Gulim; font-size:12px;}
.hotP dl {clear:both;}
.hotP dt {position:relative; width:331px; height:35px;}
.hotP dd {float:left;}
.hotP dd.thumImg {width:331px; height:166px; margin-bottom:10px;}
.hotP dd p.tit {font-family:Gulim; height:35px; font-weight:bold; font-size:13px; padding-top:2px; line-height:17px;}
.hotP dd p.tit a {color:#000;}
.hotP dd p.txt {font-family:Dotum; font-size:12px; padding-top:2px; line-height:17px;}
.hotP dd p.txt a {color:#999;}
.hotP ul li {padding:0 0 0 0; list-style-type: none; height:31px; background:url('../images/community/hop_bg.gif') no-repeat;}

.hotP ul li span.conimg {float:left; margin:2px 0 0 8px; }
.hotP ul li span.txAT{float:left; width:35px; margin:10px 0 0 5px; color:#D90000;}
.hotP ul li span.txMD {float:left; width:35px; margin:10px 0 0 5px; color:#36A100;}
.hotP ul li span.txGK {float:left; width:35px; margin:10px 0 0 5px; color:#B07E05;}
.hotP ul li span.txDP {float:left; width:35px; margin:10px 0 0 5px; color:#1676D4;}
.hotP ul li span.team {float:left; margin:0px 0 0 2px; }
.hotP ul li span.txB {float:left; margin:10px 0 0 5px;}
.hotP ul li span.txC {float:right; margin:10px 20px 0 5px; font-weight:bold; color:#000; width: 40px;}

.hotP ul li a {color:#000}
.hotP ul li img {margin-top:5px;}
.hotP ul li span {font-family:Dotum; color:#e9281d;}
.hotP ul li span.news1 {color:#D90000;}
.hotP ul li span.news2 {color:#15458E;}
.hotP ul li span.news3 {color:#872C97;}

/*이적시장0220*/
.transfer {display:inline-block; width:331px; font-family:Gulim; font-size:12px; height:218px; background-color:#161614; background:url('../images/community/bg_transfer.gif') repeat-x;}
.transfer dl {clear:both;}
.transfer dt {position:relative; width:331px; height:35px;}
.transfer dd {float:left;}
.transfer dd.thumImg {float:left; width:50px; margin:0 0 0 14px;}
.transfer dd.cont {float:left;}
.transfer dd.cont .name { color:#F1F1F1; height:20px; overflow:hidden; width:260px;}
.transfer dd.cont .name a { color:#fff; line-height:16px;}
.transfer dd.cont .name img { margin:3px 0 0 0;}
.transfer dd.cont .name span { width:200px; display:inline-block;}
.transfer dd.cont .name .btn { width:53px;display: inline;}
.transfer dd.cont .name .btn img { margin:0;}
.transfer dd.cont .txt { color:#DCDCDC; font-size:12px; height:33px; padding-top:3px; width:260px;}
.transfer dd.cont .txt a {color:#DCDCDC; line-height:16px;}
.transfer dd.cont .txt img { margin:4px 0 0 0;}
.transfer dd.cont .txt .red { margin:2px 0 0 5px; color:#f1526e; width:71px;}
.transfer dd.cont .txt .blue { margin:2px 0 0 5px; color:#627BFC; width:71px;}
.transfer dd.cont .txt span {display:inline-block; width:100px;}

/*금주의 팀*/
.hotT {display:inline-block; width:331px; font-family:Gulim; font-size:12px;}
.hotT dl {clear:both;}
.hotT dt {position:relative; width:331px; height:35px;}
.hotT dd {float:left;}
.hotT dd.thumImg {width:331px; height:166px; margin-bottom:10px;}
.hotT dd p.tit {font-family:Gulim; height:35px; font-weight:bold; font-size:13px; padding-top:2px; line-height:17px;}
.hotT dd p.tit a {color:#000;}
.hotT dd p.txt {font-family:Dotum; font-size:12px; padding-top:2px; line-height:17px;}
.hotT dd p.txt a {color:#999;}
.hotT ul li {padding:0 0 0 0; list-style-type: none; height:31px; background:url('../images/community/hot_bg.gif') no-repeat;}

.hotT ul li span.conimg {float:left; margin:4px 0 0 8px; }
.hotT ul li span.team {float:left; margin:0px 0 0 8px; }
.hotT ul li span.txB {float:left; margin:10px 0 0 5px;}
.hotT ul li span.txC {float:right; margin:10px 10px 0 5px; font-weight:bold; color:#000;}

.hotT ul li a {color:#000}
.hotT ul li img {margin-top:5px;}
.hotT ul li span {font-family:Dotum; color:#e9281d;}
.hotT ul li span.news1 {color:#D90000;}
.hotT ul li span.news2 {color:#15458E;}
.hotT ul li span.news3 {color:#872C97;}


/*위클리코너*/
.weekCont {display:inline-block; width:683px; margin-left:18px; padding-bottom:18px; background:#fff;}
.weekCont ul li {float:left; list-style-type: none;}


/* 간격 */
.mt10_m {margin-top:-10px;}
.mt12 {margin-top:12px;}
.mt13 {margin-top:13px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt22 {margin-top:22px;}
.mt26 {margin-top:26px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt49 {margin-top:49px;}
.mt50 {margin-top:50px;}

.mr5 {margin-right:5px;}
.mr9 {margin-right:9px;}
.mr10 {margin-right:10px;}
.mr14 {margin-right:14px;}
.mr17 {margin-right:17px;}
.mr24 {margin-right:24px;}
.mr51 {margin-right:51px;}

.mb15 {margin-bottom:15px;}
.mb25 {margin-bottom:25px;}
.mb20 {margin-bottom:20px;}
.mb45 {margin-bottom:45px;}
.mb100 {margin-bottom:100px;}
.mb200 {margin-bottom:200px;}

.ml10 {margin-left:10px;}
.ml35 {margin-left:35px;}
.ml37 {margin-left:37px;}

.pt0 {padding-top:0}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt7 {padding-top:7px;}

.pl18 {padding-left:18px;}

.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb8 {padding-bottom:8px;}
.pb10 {padding-bottom:10px;}
.pb23 {padding-bottom:23px;}
.pb32 {padding-bottom:32px;}
.pb100 {padding-bottom:100px;}

.mtm5 {margin-top:-5px;}
.mtm10 {margin-top:-10px;}
.mtm15 {margin-top:-15px;}

/*130701추가*/
.topMenuCom1 {display:inline-block; width:978px; height:46px;}
.topMenuCom1 li {float:left; list-style:none;}
.topMenuCom1 li a.topMenu01 {display:block; width:122px; height:46px; background:url('../images/community/menu_off_01.gif') no-repeat;}
.topMenuCom1 li a.topMenu01:hover {display:block; width:122px; height:46px; background:url('../images/community/menu_on_01.gif') no-repeat;}
.topMenuCom1 li a.topMenu02 {display:block; width:122px; height:46px; background:url('../images/community/menu_off_02.gif') no-repeat;}
.topMenuCom1 li a.topMenu02:hover {display:block; width:122px; height:46px; background:url('../images/community/menu_on_02.gif') no-repeat;}
.topMenuCom1 li a.topMenu03 {display:block; width:122px; height:46px; background:url('../images/community/menu_off_03.gif') no-repeat;}
.topMenuCom1 li a.topMenu03:hover {display:block; width:122px; height:46px; background:url('../images/community/menu_on_03.gif') no-repeat;}
.topMenuCom1 li a.topMenu04 {display:block; width:122px; height:46px; background:url('../images/community/menu_off_04.gif') no-repeat;}
.topMenuCom1 li a.topMenu04:hover {display:block; width:122px; height:46px; background:url('../images/community/menu_on_04.gif') no-repeat;}
.topMenuCom1 li a.topMenu05 {display:block; width:122px; height:46px; background:url('../images/community/menu_off_05.gif') no-repeat;}
.topMenuCom1 li a.topMenu05:hover {display:block; width:122px; height:46px; background:url('../images/community/menu_on_05.gif') no-repeat;}
.topMenuCom1 li a.topMenu06 {display:block; width:122px; height:46px; background:url('../images/community/menu_off_06.gif') no-repeat;}
.topMenuCom1 li a.topMenu06:hover {display:block; width:122px; height:46px; background:url('../images/community/menu_on_06.gif') no-repeat;}
.topMenuCom1 li a.topMenu07 {display:block; width:122px; height:46px; background:url('../images/community/menu_off_07.gif') no-repeat;}
.topMenuCom1 li a.topMenu07:hover {display:block; width:122px; height:46px; background:url('../images/community/menu_on_07.gif') no-repeat;}
.topMenuCom1 li a.topMenu08 {display:block; width:124px; height:46px; background:url('../images/community/menu_off_08.gif') no-repeat;}
.topMenuCom1 li a.topMenu08:hover {display:block; width:124px; height:46px; background:url('../images/community/menu_on_08.gif') no-repeat;}

.clubHouse {float:left; display:inline-block; padding-bottom:15px; padding-left:18px; background:#fff;}
.clubHouse .contA {float:left; width:683px; padding:0 0 8px 0; background:#EDEAE3; }
.clubHouse .contA .tipList {float:left; width:683px;}
.clubHouse .contA .lListTit {width:683px;}
.clubHouse .contA .tipList .leftA {float:left; width:329px; margin:15px 0 0 12px; background:#fff;}
.clubHouse .contA .tipList .rightA {float:left; width:317px; margin:15px 0 0 14px;}
.clubHouse .contA .tipList .rightA  .rList1 {width:317px; height:102px; font-family:Gulim; font-size:12px; background:url('../images/community/class_hot_bg.gif') no-repeat;}
.clubHouse .contA .tipList .rightA  .rList1 ul li {padding:2px 0 8px 20px;}
.clubHouse .contA .tipList .rightA  .rList1 ul li a {color:#000}
.clubHouse .contA .tipList .rightA  .rList1 ul li img {margin-top:2px;}
.clubHouse .contA .tipList .rightA  .rList1 ul li span {font-family:Dotum; color:#e9281d;}
.clubHouse .contA .tipList .rightA .lList .t1 { color:#FF9900;}
.clubHouse .contA .tipList .rightA .lList .t2 { color:#6600CC;}
.clubHouse .contA .tipList .rightA .lList .t3 { color:#00CCCC;}

.clubHouse .contA  .rightA .lList {width:317px; margin-bottom:0px; font-family:Gulim; font-size:12px; padding:5px 0 0 0;}
.clubHouse .contA  .rightA .lList ul li {padding:0 0 7px 0;list-style-type:none;}
.clubHouse .contA  .rightA .lList ul li a {color:#000}
.clubHouse .contA  .rightA .lList ul li img {margin-top:2px;}
.clubHouse .contA  .rightA .lList ul li span {font-family:Dotum; color:#e9281d;}
.clubHouse .contA  .rightA .lList ul li img.icon {margin-top:-2px;}

.clubHouse .contA .tipList .leftA .lList { padding:8px;}
.clubHouse .contA .tipList .leftA .lList dl { display:inline-block;}
.clubHouse .contA .tipList .leftA .lList dd {float:left; width:190px; padding:2px 0 0 0;}
.clubHouse .contA .tipList .leftA .lList dd.thumImg {float:left; width:100px; margin:0 13px 0 0;}
.clubHouse .contA .tipList .leftA .lList dd.cont {float:left;}
.clubHouse .contA .tipList .leftA .lList dd.cont p.tit {font-size:12px;height:20px; padding-top:2px; overflow:hidden;}
.clubHouse .contA .tipList .leftA .lList dd.cont p.tit a {font-weight:bold; color:#000; line-height:16px;}
.clubHouse .contA .tipList .leftA .lList dd.cont p.txt {font-size:12px; height:40px; padding-top:0px;}
.clubHouse .contA .tipList .leftA .lList dd.cont p.txt a {color:#888; line-height:18px;}

.midContArea .leftA .lList .lList { margin:17px 0 0 0;}
.midContArea .leftA .lList .lList dl { display:inline-block;}
.midContArea .leftA .lList .lList dd {float:left; width:190px; padding:2px 0 0 0;}
.midContArea .leftA .lList .lList dd.thumImg {float:left; width:100px; margin:0 13px 0 0;}
.midContArea .leftA .lList .lList dd.cont {float:left;}
.midContArea .leftA .lList .lList dd.cont p.tit {font-size:13px;height:20px; padding-top:2px; overflow:hidden;}
.midContArea .leftA .lList .lList dd.cont p.tit a {font-weight:bold; color:#000; line-height:16px;}
.midContArea .leftA .lList .lList dd.cont p.txt {font-size:12px; height:40px; padding-top:0px;}
.midContArea .leftA .lList .lList dd.cont p.txt a {color:#888; line-height:18px;}

/*140612 클럽하우스 추가*/
.midContArea .leftTh {float:left; width:331px; margin:10px 21px 0 18px; font-family:Gulim; font-size:12px;}/*0218*/
.midContArea .leftTh .contA {background:#FFFFFF; margin: 5px; padding: 8px;}
.midContArea .leftTh .contA .lList {font-family:Gulim; font-size:12px;}
.midContArea .leftTh .contA .lList dl { display:inline-block;}
.midContArea .leftTh .contA .lList dd {float:left; width:190px; padding:2px 0 0 0;}
.midContArea .leftTh .contA .lList dd.thumImg {float:left; width:100px; margin:0 13px 0 0;}
.midContArea .leftTh .contA .lList dd.cont {float:left;}
.midContArea .leftTh .contA .lList dd.cont p.tit {font-size:13px;height:20px; padding-top:2px; overflow:hidden;}
.midContArea .leftTh .contA .lList dd.cont p.tit a {font-weight:bold; color:#000; line-height:16px;}
.midContArea .leftTh .contA .lList dd.cont p.txt {font-size:12px; height:40px; padding-top:0px;}
.midContArea .leftTh .contA .lList dd.cont p.txt a {color:#888; line-height:18px;}

.midContArea .leftTh .contA  ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; padding:0 0 7px 10px; list-style-type: none;}
.midContArea .leftTh .contA  ul li a {color:#000}
.midContArea .leftTh .contA  ul li img {margin-top:2px;}
.midContArea .leftTh .contA  ul li span {font-family:Dotum; color:#e9281d;}
.midContArea .leftTh .contA  ul li span.tx1 {color:#15458E;}
.midContArea .leftTh .contA  ul li span.tx2 {color:#D90000;}
.midContArea .leftTh .contA  ul li span.tx3 {color:#11B7A6;}
.midContArea .leftTh .contA  ul li span.tx4 {color:#536A34;}