@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:18px;}
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;}


/*community top GNB 공통으로 묶음 common으로 이전돼 있음*/
.topGnb {width:978px; height:23px; padding-top:8px; margin:0 auto;}
.topGnb dd.logo {float:left; width:110px; margin-top:-1px;}
.topGnb dd.txtNews {float:left; font-size:12px; padding-top:1px;}
.topGnb dd.txtNews a {color:#777;}
.topGnb dd.commLink {float:right; margin-top:-1px;}
div.popcommLink {position:absolute; top:30px; left:1273px; width:140px; height:auto; border:1px solid #444;  background:#fff; padding:15px 10px 10px 14px; z-index:1000;}
div.popcommLink ul.community {display:inline-block;}
div.popcommLink li {padding-bottom:10px;}
div.popcommLink li a.rBan {font-family:'',Gulim; font-size:12px; color:#2E2E2E;}
div.popcommLink li a.rBan:hover {font-family:'',Gulim; font-size:12px; color:#2E2E2E;}
div.popcommLink li img.rBanImg {margin:-1px 5px 0 0;}

/*탑광고*/
.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;*/


/*좌우 백그라운드*/
.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 .leftWrap {display:inline-block; float:left; width:260px;}
.communityWrap .leftWrap .mainImg {width:260px; height:131px; background:url('../images/community/left_bg01.jpg') no-repeat top;}
.communityWrap .leftWrap .mainImg img {margin-left:1px;}


/* 레이아웃 */
body {_text-align:center}
#wrap {width:100%; background:url('../images/community/community_bg.jpg') no-repeat top center;}
#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 {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:-4px;}
#footer dd a.footerLogo {margin:0 38px 0 1px;}
#footer p.copyright {margin:15px 0 0 150px;}
#footer p.jeumedia {position:absolute; top:17px; right: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:150%; 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.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.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 {padding-bottom:100px;}

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


/*aside 커뮤니티 왼쪽영역 로그인*/
.communityWrap .leftWrap .logInBox {width:242px; height:80px; color:#afaeb4; background:url('../images/community/left_bg02.jpg') no-repeat top; padding:15px 0 0 18px;}
.communityWrap .leftWrap .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 .leftWrap .logInBox dd input.saveId {width:13px; height:13px; margin-top:-1px;}
.communityWrap .leftWrap .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 .leftWrap .logInBox dd.btmTxt {padding-top:10px;}
.communityWrap .leftWrap .logInBox dd.btmTxt a {color:#afaeb4;}
.communityWrap .leftWrap .logInBox dd.btmTxt span {color:#d2d3ce;}

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

/*aside 커뮤니티 왼쪽영역 메뉴*/
.communityWrap .leftWrap .lnbListTit {width:240px; height:21px; font-family:Gulim; font-weight:bold; font-size:13px; color:#000; background:url('../images/community/left_tit_bg.gif') no-repeat top; padding:10px 0 0 20px;}
.communityWrap .leftWrap .lnbListCont {display:inline-block; width:260px; padding:15px 0 8px 0; background:#edeae3;}
.communityWrap .leftWrap .lnbListCont li {clear:both;}
.communityWrap .leftWrap .lnbListCont li span {display:inline-block; float:left; width:90px; font-family:Gulim; font-size:12px; margin-left:18px; padding:0 0 11px 14px; background:url('../images/community/icon_arrow.gif') no-repeat 0 2px;}
.communityWrap .leftWrap .lnbListCont li span a {color:#000;}
.communityWrap .leftWrap .lnbListCont li span a img {margin-top:2px;}
.communityWrap .leftWrap .bannerCa{display:inline-block; width:245px; padding:12px 0 0px 15px; background:#edeae3;}
.communityWrap .leftWrap .lnbListContFace {display:inline-block; width:260px; padding:31px 0 0 0; background:#edeae3;}
.communityWrap .leftWrap .lnbListContFace li {clear:both;}
.communityWrap .leftWrap .lnbListContFace li span {display:inline-block; float:left; width:104px; font-family:Gulim; font-size:12px; margin-left:18px; padding:0 0 21px 0;}
.communityWrap .leftWrap .lnbListContFace li span a {color:#000;}
.communityWrap .leftWrap .lnbListContFace li span a img {margin:-16px 5px 0 0;}

.communityWrap .leftWrap .commListTit {width:240px; height:21px; font-family:Gulim; font-weight:bold; font-size:13px; color:#000; background:url('../images/community/left_tit_bg.gif') no-repeat top; padding:10px 0 0 20px;}
.communityWrap .leftWrap .commListCont {display:inline-block; width:260px; padding:15px 0 8px 0; background:#edeae3;}
.communityWrap .leftWrap .commListCont li {clear:both;}
.communityWrap .leftWrap .commListCont li span {display:inline-block; float:left; width:180px; font-family:Gulim; font-size:12px; margin-left:18px; padding:0 0 11px 0;}
.communityWrap .leftWrap .commListCont li span a {color:#000;}
.communityWrap .leftWrap .commListCont li span a img {margin-top:0px;}

.communityWrap .leftWrap .snsList {display:inline-block;}
.communityWrap .leftWrap .snsList dd.youTubeArea {width:258px; height:130px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; background:#fff;}
.communityWrap .leftWrap .snsList dd.youTubeArea .imgLine {width:245px; height:103px; border:1px solid #808080; margin:13px 0 0 6px;}
.communityWrap .leftWrap .snsList dl.twitterArea {width:258px; height:66px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; background:#fff;}
.communityWrap .leftWrap .snsList dl.twitterArea dt.tit {height:17px;}
.communityWrap .leftWrap .snsList dl.twitterArea dt.tit img {margin-left:7px;}
.communityWrap .leftWrap .snsList dl.twitterArea dd.imgA {padding-left:6px;}
.communityWrap .leftWrap .snsList dl.facebookArea {width:258px; height:84px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; background:#fff;}
.communityWrap .leftWrap .snsList dl.facebookArea dt.tit {height:20px;}
.communityWrap .leftWrap .snsList dl.facebookArea dt.tit img {margin-left:7px;}
.communityWrap .leftWrap .snsList dl.facebookArea dd.imgA {padding-left:6px;}
.communityWrap .leftWrap .snsList dl.fbFriendArea {width:258px; height:159px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; padding-bottom:22px; background:#fff;}
.communityWrap .leftWrap .snsList dl.fbFriendArea .imgLine {width:245px; height:157px; border-top:1px solid #808080; border-bottom:1px solid #808080; margin:0 0 0 7px;}

.communityWrap .leftWrap .gohome{margin-bottom:14px;}

.communityWrap .rightWrap {display:inline-block; float:left; width:718px;}

/*aside 커뮤니티 MINI 왼쪽영역 메뉴*/
.communityWrap .leftWrap .lnbListTit {width:240px; height:21px; font-family:Gulim; font-weight:bold; font-size:13px; color:#000; background:url('../images/community/left_tit_bg.gif') no-repeat top; padding:10px 0 0 20px;}
.communityWrap .leftWrap .lnbListContMini {display:inline-block; width:260px; padding:15px 0 8px 0; background:#edeae3;}
.communityWrap .leftWrap .lnbListContMini li {clear:both;}
.communityWrap .leftWrap .lnbListContMini li span {display:inline-block; float:left; width:110px; font-family:Gulim; font-size:12px; margin-left:18px; padding:0 0 11px 0; letter-spacing:-1px;}
.communityWrap .leftWrap .lnbListContMini li .left { width:90px;}
.communityWrap .leftWrap .lnbListContMini li .right { width:120px;}
.communityWrap .leftWrap .lnbListContMini li span a {color:#000;}
.communityWrap .leftWrap .lnbListContMini .red a{color:#FF0000;}
.communityWrap .leftWrap .lnbListContMini .bold a{ font-weight:bold;}
.communityWrap .leftWrap .lnbListContMini li span a img { border:1px solid #fff;margin:-2px 2px 0 0;}


/*우측 배너*/
.bannerWrap {position:absolute; top:46px; right:-172px; width:165px;}
.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;}


/*탑메뉴 영역*/
.topMenuCom {display:inline-block; width:718px; height:46px;}
.topMenuCom li {float:left;}
.topMenuCom li a.topMenu01 {display:block; width:90px; height:38px; background:url('../images/community/menu01_off.gif') no-repeat;}
.topMenuCom li a.topMenu01:hover {display:block; width:90px; height:38px; background:url('../images/community/menu01_on.gif') no-repeat;}
.topMenuCom li a.topMenu02 {display:block; width:90px; height:38px; background:url('../images/community/menu02_off.gif') no-repeat;}
.topMenuCom li a.topMenu02:hover {display:block; width:90px; height:38px; background:url('../images/community/menu02_on.gif') no-repeat;}
.topMenuCom li a.topMenu03 {display:block; width:90px; height:38px; background:url('../images/community/menu03_off.gif') no-repeat;}
.topMenuCom li a.topMenu03:hover {display:block; width:90px; height:38px; background:url('../images/community/menu03_on.gif') no-repeat;}
.topMenuCom li a.topMenu04 {display:block; width:90px; height:38px; background:url('../images/community/menu04_off.gif') no-repeat;}
.topMenuCom li a.topMenu04:hover {display:block; width:90px; height:38px; background:url('../images/community/menu04_on.gif') no-repeat;}
.topMenuCom li a.topMenu05 {display:block; width:90px; height:38px; background:url('../images/community/menu05_off.gif') no-repeat;}
.topMenuCom li a.topMenu05:hover {display:block; width:90px; height:38px; background:url('../../images/community/menu05_on.gif') no-repeat;}
.topMenuCom li a.topMenu06 {display:block; width:90px; height:38px; background:url('../images/community/menu06_off.gif') no-repeat;}
.topMenuCom li a.topMenu06:hover {display:block; width:90px; height:38px; background:url('../images/community/menu06_on.gif') no-repeat;}
.topMenuCom li a.topMenu07 {display:block; width:90px; height:38px; background:url('../images/community/menu07_off.gif') no-repeat;}
.topMenuCom li a.topMenu07:hover {display:block; width:90px; height:38px; background:url('../images/community/menu07_on.gif') no-repeat;}
.topMenuCom li a.topMenu08 {display:block; width:88px; height:38px; background:url('../images/community/menu08_off.gif') no-repeat;}
.topMenuCom li a.topMenu08:hover {display:block; width:88px; height:38px; background:url('../images/community/menu08_on.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; background:#fff;}
.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;}

/*상단 콘텐츠 영역*/
.topContentArea .rightA .profile {width:331px; margin-bottom:10px; }
.topContentArea .rightA .profile .name {width:331px; height:72px; margin-bottom:-0px;  *margin-bottom:-2px; background:url('../images/community/pro_list_bg.gif') no-repeat}
.topContentArea .rightA .profile .name dd.iconCom {float:right; width:121px;}
.topContentArea .rightA .profile .name dd.contA {float:left; width:197px; height:46px; margin-left:12px; padding-top:25px;}
.topContentArea .rightA .profile .name dd.contA p.tit {font-family:Gulim; font-size:21px; color:#FFFF00; padding-bottom:10px; font-weight:bold;}
/*.topContentArea .rightA .profile  .name dd.contA p.tit a {color:#000;}*/
.topContentArea .rightA .profile .name dd.contA p.tit span {font-family:Dotum;  font-size:12px; color:#7F7F7F; font-weight:normal;  margin-left:-3px;}
.topContentArea .rightA .profile .name dd.contA p.txt {font-family:Dotum; font-size:12px; color:#fff;  margin-top:2px;}
.topContentArea .rightA .profile .name dd.contA p.txt span.icoPro {color:#e5e5e5; margin-left:10px;  margin-right:2px;}
.topContentArea .rightA .profile .name li{float:left;}
.topContentArea .rightA .profile .name a {display:block; text-decoration:none;}
.topContentArea .rightA .profile .name a:hover {display:block; text-decoration:none;}


.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;}

/*상단 콘텐츠 직업정보 영역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  .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  .leftA {float:left; width:329px; height:260px; margin:15px 0 0 12px; background:#F6F4EE;}


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

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


.topContentArea3 {display:inline-block; width:717px; padding-bottom:10px; border-bottom:1px solid #ebebed; background:#fff;}

.topContentArea3 .leftA {float:left; width:352px; padding:15px 0 0 18px;}
.topContentArea3 .leftA .hotissueList {width:331px; font-family:Gulim; font-size:12px; background:#ECF1D7;}
.topContentArea3 .leftA .hotissueList ul li {padding:0 0 7px 0px;}
.topContentArea3 .leftA .hotissueList ul li a {color:#333;}
.topContentArea3 .leftA .hotissueList ul li img {margin-top:2px;}
.topContentArea3 .leftA .hotissueList ul li span {font-family:Dotum; color:#e9281d;}
.topContentArea3 .leftA .hotissueList ul li img.icon {margin-top:-2px;}
.topContentArea3 .leftA .hotissueList ul li np {height:2px;}

.topContentArea3 .rightA {float:left; width:347px; padding:15px 0 0 0;}
.topContentArea3 .rightA .rList {width:331px; font-family:Gulim; font-size:12px;}
.topContentArea3 .rightA .rList ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; padding:0 0 7px 10px;}
.topContentArea3 .rightA .rList ul li a {color:#000}
.topContentArea3 .rightA .rList ul li img {margin-top:2px;}
.topContentArea3 .rightA .rList ul li span {font-family:Dotum; color:#e9281d;}
.topContentArea3 .rightA .rList ul li span.class1 {color:#494949;}
.topContentArea3 .rightA .rList ul li span.class2 {color:#0058B3;}
.topContentArea3 .rightA .rList ul li span.class3 {color:#513D99;}
.topContentArea3 .rightA .rList ul li span.class4 {color:#FF0000;}
.topContentArea3 .rightA .rList ul li span.class5 {color:#007B00;}
.topContentArea3 .rightA .rList ul li span.class6 {color:#D378FE;}
.topContentArea3 .rightA .rList ul li span.class7 {color:#911406;}
.topContentArea3 .rightA .rList ul li span.class8 {color:#6FB01A;}
.topContentArea3 .rightA .rList ul li span.class9 {color:#8F2865;}
.topContentArea3 .rightA .rList ul li span.class10 {color:#1C6165;}

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

/*메인 중단 콘텐츠 영역*/
.midContArea {display:inline-block; width:717px; background:#fff; border-bottom:1px solid #ebebeb;}

.midContArea .leftA {float:left; width:440px; padding:10px 0 13px 18px; border-right:1px solid #ebebeb;}

.midContArea .leftA .lListTit {width:422px;}
.midContArea .leftA .lListTit li {float:left;}
.midContArea .leftA .lListTit li a.midMenu01 {display:block; width:72px; height:25px; background:url('../../images/community/mid_menu01_off.gif') no-repeat;}
.midContArea .leftA .lListTit li a.midMenu01:hover {display:block; width:72px; height:25px; background:url('../../images/community/mid_menu01_on.gif') no-repeat;}
.midContArea .leftA .lListTit li a.midMenu02 {display:block; width:70px; height:25px; background:url('../../images/community/mid_menu02_off.gif') no-repeat;}
.midContArea .leftA .lListTit li a.midMenu02:hover {display:block; width:72px; height:25px; background:url('../../images/community/mid_menu02_on.gif') no-repeat; margin-left:-2px;}
.midContArea .leftA .lListTit li a.midMenu03 {display:block; width:70px; height:25px; background:url('../../images/community/mid_menu03_off.gif') no-repeat;}
.midContArea .leftA .lListTit li a.midMenu03:hover {display:block; width:72px; height:25px; background:url('../../images/community/mid_menu03_on.gif') no-repeat; margin-left:-2px;}
.midContArea .leftA .lListTit li a.midMenu04 {display:block; width:70px; height:25px; background:url('../../images/community/mid_menu04_off.gif') no-repeat;}
.midContArea .leftA .lListTit li a.midMenu04:hover {display:block; width:72px; height:25px; background:url('../../images/community/mid_menu04_on.gif') no-repeat; margin-left:-2px;}
.midContArea .leftA .lListTit li a.midMenu05 {display:block; width:70px; height:25px; background:url('../../images/community/mid_menu05_off.gif') no-repeat;}
.midContArea .leftA .lListTit li a.midMenu05:hover {display:block; width:72px; height:25px; background:url('../../images/community/mid_menu05_on.gif') no-repeat; margin-left:-2px;}
.midContArea .leftA .lListTit li a.midMenu06 {display:block; width:70px; height:25px; background:url('../../images/community/mid_menu06_off.gif') no-repeat;}
.midContArea .leftA .lListTit li a.midMenu06:hover {display:block; width:72px; height:25px; background:url('../../images/community/mid_menu06_on.gif') no-repeat; margin-left:-2px;}

.midContArea .leftA .lList {width:422px; height:233px; background:#edeae3; margin-bottom:6px; font-family:Gulim; font-size:12px;}
.midContArea .leftA .lList ul li {padding:0 0 7px 13px;}
.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 img.icon {margin-top:-2px;}

.midContArea .leftA .lList2 {width:422px;}
.midContArea .leftA .lList2 .video {display:inline-block; padding-bottom:16px;}
.midContArea .leftA .lList2 .video dd.iconCom {float:left; width:45px;}
.midContArea .leftA .lList2 .video dd.contA {float:left;}
.midContArea .leftA .lList2 .video dd.contA p.tit {font-family:Gulim; font-size:12px; padding-bottom:5px;}
.midContArea .leftA .lList2 .video dd.contA p.tit a {color:#000;}
.midContArea .leftA .lList2 .video dd.contA p.tit img {margin-top:2px;}
.midContArea .leftA .lList2 .video dd.contA p.tit span {font-family:Dotum; color:#e9281d;}
.midContArea .leftA .lList2 .video dd.contA p.txt {font-size:11px; color:#999;}
.midContArea .leftA .lList2 .video dd.contA p.txt span.txtLine {color:#e5e5e5;}

.midContArea .rightA {float:left; width:241px; padding:10px 0 0 17px;}

.midContArea .rightA .rList2 {width:215px; height:138px; font-size:12px; background:#2b241a; padding:7px 0 0 10px;}
.midContArea .rightA .rList2 dd.thumImg {float:left; width:80px;}
.midContArea .rightA .rList2 dd.cont {float:left;}
.midContArea .rightA .rList2 dd.cont p.tit {height:40px; padding-top:6px;}
.midContArea .rightA .rList2 dd.cont p.tit a {font-weight:bold; color:#b08368; line-height:16px;}
.midContArea .rightA .rList2 dd.cont p.txt a {color:#dbcfc1; line-height:18px;}

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

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

.midContArea2 {display:inline-block; width:717px; height:312px; padding-bottom:10px; border-bottom:1px solid #ebebed; background:#fff;}

.midContArea2 .leftA {float:left; width:352px; padding:10px 0 0 18px; font-family:Gulim; font-size:12px;}
.midContArea2 .leftA .lList {width:331px; height:119px; 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 .rightA {float:left; width:347px; padding:10px 0 0 0;}
.midContArea2 .rightA .rList {width:331px; height:213px; 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;}

/*하단 스크린샷*/
.btmContArea {display:inline-block; width:699px; padding:5px 0 15px 18px; background:#f7f7f7;}

.btmContArea .lList1 {float:left; width:352px; height:160px; padding:0 0 0 0;}

.btmContArea .lList {float:left; width:352px;}
.btmContArea .lList dd {float:left; width:159px; padding-top:2px; margin-right:13px;}
.btmContArea .lList dd p.thumImg {height:107px;}
.btmContArea .lList dd p.tit {height:22px; font-family:Gulim; font-size:12px; font-weight:bold;}
.btmContArea .lList dd p.tit a {color:#000;}
.btmContArea .lList dd p.txt {font-family:Dotum; font-size:11px; color:#888888; line-height:14px;}
.btmContArea .lList dd p.txt a {color:#888888;}

.btmContArea .rList {float:left; width:321px; font-family:Gulim; font-size:12px;}
.btmContArea .rList ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; padding:0 0 7px 10px;}
.btmContArea .rList ul li a {color:#000}
.btmContArea .rList ul li img {margin-top:2px;}
.btmContArea .rList ul li span {font-family:Dotum; color:#e9281d;}


/*관리자 영역*/
.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;
*/