/********************************************************************
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;}

/*전체*/
#wrap {width:100%; background:url('../images/community/community_bg.jpg') no-repeat top center;}

/* Layout */
body {_text-align: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 {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;}

.select{ display:inline-block; *display:inline; position:relative; background:#fff; line-height:normal; vertical-align:middle; *zoom:1}
.select *{ margin:0; padding:0; font-size:12px; font-family:Tahoma, Sans-serif; cursor:pointer;}
.select .my_value{ overflow:visible; position:relative; top:0; left:0; z-index:2; border:1px solid #C6C6C6; background:transparent; color:#777; text-align:left; line-height:19px; _line-height:normal}
.select .my_value.selected{ font-weight:bold}
.select.open .my_value,
.select .my_value.outLine{ border:1px solid #B7B7B7;}
.select button.my_value{ width:100%; height:21px; *padding-left:5px; text-indent:5px; *text-indent:0}
.select div.my_value{ height:24px; text-indent:8px}
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:24px; background:#fff}
.select .arrow{ position:absolute; margin:3px 0;  width:0; height:0; top:9px; right:7px; border-top:3px solid #999; border-right:3px solid #fff; border-left:3px solid #fff; font-size:0; line-height:0}
.select ul{ overflow:hidden; position:absolute; top:20px; left:0; width:100%; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; list-style:none}
.select ul.a_list{ display:none}
.select.open ul.a_list{ display:block}
.select ul.i_list{ left:-2000%}
.select.open ul.i_list{ left:0}
.select li{ overflow:hidden; position:relative; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa; white-space:nowrap}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px}
.select li label{ position:absolute; top:0; left:0; width:100%; height:18px; background:#fff; color:#767676; line-height:18px; text-indent:8px; *text-indent:6px}
.select li a{ display:block; height:18px; background:#fff; color:#333333; line-height:18px; text-indent:8px; *text-indent:6px; text-decoration:none}
.select li.hover *{ background:#F4F4F4; color:#333333}
#list_bottom {width:100%; height:30px; position:relative; padding:7px 0 0 0;}
#btn_bottom {width:100%; height:30px; position:relative; padding:7px 0 0 0; border-top:1px solid #E8E8E8;}
#btn_bottom2 {width:100%; height:30px; position:relative; padding:7px 0 0 0; border-top:1px solid #E8E8E8;}
.btn_left{width:auto; height:26px; float:right; position:relative;}
.btn_right{width:auto; height:26px; float:left; position:relative;}

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 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;}

/*페이지*/
.paginate {padding:7px 0 0 0; text-align:center}
.paginate a,.paginate strong {display:inline-block; position:relative;_width /**/:17px; margin-right:1px; padding:2px 4px 3px; border:1px solid #fff; color:#333; font-family:Verdana; font-size:11px; font-weight:bold; line-height:normal; text-decoration:none}
.paginate strong {color:#ed2000 !important}
.paginate .pre {margin-right:1px; padding:2px 1px 2px 1px; *padding:4px 1px 2px 1px; _padding-bottom:1px;}
.paginate .next {margin-left:1px; padding:2px 1px 2px 1px; *padding:4px 1px 2px 1px; _padding-bottom:1px;}
.paginate .ppre{margin-right:-4px; padding:2px 1px 2px 1px; *padding:4px 1px 2px 1px}
.paginate .nnext{margin-left:-4px; padding:2px 1px 2px 1px; *padding:4px 1px 2px 1px}
.paginate .pre,.paginate .next {display:inline-block; position:relative; top:0;_top:-2px;_width /**/:75px; color:#ccc; font-family:'',Dotum; font-size:11px; line-height:normal}
.paginate a:hover {color:#ed2000; }

/*검색*/
.srchbox {margin:24px 0;}
.srch {width:100%; padding:10px 0; /*border:1px solid #E8E8E8; background-color:#F8F8F8;*/}
.srch legend {overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0}
.srch {color:#c4c4c4; text-align:center}
.srch select,.srch input {margin:-1px 0 1px; font-size:12px; color:#373737; vertical-align: middle}
.srch .keyword {width:188px; height:12px; margin-left:5px; padding:2px 3px 5px 3px; border:1px solid #D6D6D6; font-size:12px; line-height:15px}
.srch .keyword2 {width:90px; height:12px; margin-left:48px; padding:2px 3px 5px; border:1px solid #D6D6D6; font-size:12px; line-height:15px; color:#878787;}



.topBanner {width:978px; padding:10px 0 9px 0; margin:0 auto;}

.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;}

.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;}


.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 .lnbListCont2 {display:inline-block; width:260px; padding:15px 0 8px 0; background:#DAD7D1;}
.communityWrap .leftWrap .lnbListCont2 li {clear:both;}
.communityWrap .leftWrap .lnbListCont2 li span {display:inline-block; float:left; width:90px; font-family:Gulim; font-size:12px; margin-left:18px; padding:0 0 11px 14px; font-weight:bold; background:url('../images/community/icon_arrow2.gif') no-repeat 0 2px;}
.communityWrap .leftWrap .lnbListCont2 li span a {color:#000;}
.communityWrap .leftWrap .lnbListCont2 li span a img {margin-top:2px;}

.communityWrap .leftWrap .bannerCa{display:inline-block; width:245px; padding:0 0 0 15px; background:#edeae3; margin-bottom: -8px;}
.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 .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 .banner { padding:10px; background:#edeae3;}

.communityWrap .rightWrap {display:inline-block; float:left; width:718px; padding-bottom: 25px;}

/*탑메뉴 영역*/
.topMenuCom {display:inline-block; width:718px; height:46px;}
.topMenuCom li {float:left;}
.topMenuCom li a.topMenu01 {display:block; width:119px; height:46px; background:url('../images/community/menu01_off.gif') no-repeat;}
.topMenuCom li a.topMenu01:hover {display:block; width:119px; height:46px; background:url('../images/community/menu01_on.gif') no-repeat;}
.topMenuCom li a.topMenu02 {display:block; width:119px; height:46px; background:url('../images/community/menu02_off.gif') no-repeat;}
.topMenuCom li a.topMenu02:hover {display:block; width:119px; height:46px; background:url('../images/community/menu02_on.gif') no-repeat;}
.topMenuCom li a.topMenu03 {display:block; width:119px; height:46px; background:url('../images/community/menu03_off.gif') no-repeat;}
.topMenuCom li a.topMenu03:hover {display:block; width:119px; height:46px; background:url('../images/community/menu03_on.gif') no-repeat;}
.topMenuCom li a.topMenu04 {display:block; width:119px; height:46px; background:url('../images/community/menu04_off.gif') no-repeat;}
.topMenuCom li a.topMenu04:hover {display:block; width:119px; height:46px; background:url('../images/community/menu04_on.gif') no-repeat;}
.topMenuCom li a.topMenu05 {display:block; width:119px; height:46px; background:url('../images/community/menu05_off.gif') no-repeat;}
.topMenuCom li a.topMenu05:hover {display:block; width:119px; height:46px; background:url('../images/community/menu05_on.gif') no-repeat;}
.topMenuCom li a.topMenu06 {display:block; width:123px; height:46px; background:url('../images/community/menu06_off.gif') no-repeat;}
.topMenuCom li a.topMenu06:hover {display:block; width:123px; height:46px; background:url('../images/community/menu06_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 .rList {width:331px; font-family:Gulim; font-size:12px; margin: 0 0 10px 0;}
.topContentArea .rightA .rList ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; padding:0 0 7px 10px;}
.topContentArea .rightA .rList ul li a {color:#333;}
.topContentArea .rightA .rList ul li img {margin-top:2px;}
.topContentArea .rightA .rList ul li span {font-family:Dotum; color:#e9281d;}
.topContentArea .rightA .rList ul li img.icon {margin-top:-2px;}
.topContentArea .rightA .rList ul li np {height:2px;}

.topContentArea .rightA .rListA {width:331px; font-family:Gulim; font-size:12px; background-color: #f3f3f3;}
.topContentArea .rightA .rListA .ani {float:left; width:311px; background:#F3F3F3; padding:10px 10px 0 10px;}
.topContentArea .rightA .rListA dl {display:inline-block;  background:#F3F3F3;}
.topContentArea .rightA .rListA dt {margin-bottom: 7px;}
.topContentArea .rightA .rListA dd {float:left; width:190px; padding:2px 0 0 0;}
.topContentArea .rightA .rListA dd.thumImg {float:left; width:100px; margin:0 13px 0 10px;}
.topContentArea .rightA .rListA dd.cont {float:left;}
.topContentArea .rightA .rListA dd.cont p.tit {font-size:12px;height:20px; padding-top:2px; overflow:hidden;}
.topContentArea .rightA .rListA dd.cont p.tit a {font-weight:bold; color:#000; line-height:16px;}
.topContentArea .rightA .rListA dd.cont p.txt {font-size:12px; height:40px; padding-top:0px;}
.topContentArea .rightA .rListA dd.cont p.txt a {color:#888; line-height:18px;}
.topContentArea .rightA .rListA ul { display:inline-block; margin-left:10px;}
.topContentArea .rightA .rListA 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 .rListA ul li a {color:#000}
.topContentArea .rightA .rListA ul li img {margin-top:2px;}
.topContentArea .rightA .rListA ul li span {font-family:Dotum; color:#e9281d;}


/*최신정보*/
.topContentArea2 {display:inline-block; width:717px; padding-bottom:0px; background:#fff;}
.topContentArea2 .leftA {float:left; width:352px; padding:0 0 0 18px;}
.topContentArea2 .leftA .rList {width:331px; font-family:Gulim; font-size:12px;margin: 0 0 10px 0;}
.topContentArea2 .leftA .rList ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; padding:0 0 7px 10px;}
.topContentArea2 .leftA .rList ul li a {color:#333;}
.topContentArea2 .leftA .rList ul li img {margin-top:2px;}
.topContentArea2 .leftA .rList ul li span {font-family:Dotum; color:#e9281d;}
.topContentArea2 .leftA .rList ul li img.icon {margin-top:-2px;}
.topContentArea2 .leftA .rList ul li np {height:2px;}

/*팁과 노하우*/
.topContentArea2 .rightA {float:left; width:347px; padding:0 0 0 0;}
.topContentArea2 .rightA .rList {width:331px; font-family:Gulim; font-size:12px;margin: 0 0 10px 0;}
.topContentArea2 .rightA .rList ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; padding:0 0 7px 10px;}
.topContentArea2 .rightA .rList ul li a {color:#333;}
.topContentArea2 .rightA .rList ul li img {margin-top:2px;}
.topContentArea2 .rightA .rList ul li span {font-family:Dotum; color:#e9281d;}
.topContentArea2 .rightA .rList ul li img.icon {margin-top:-2px;}
.topContentArea2 .rightA .rList ul li np {height:2px;}

/*영웅정보*/
.topContentArea3 {display:inline-block; width:717px; padding-bottom:10px; border-bottom:0px solid #ebebed; background:#fff;}
.topContentArea3 .leftA {float:left; width:352px; padding:0 0 0 18px;}
.topContentArea3 .leftA .hotissueList {width:331px; font-family:Gulim; font-size:12px;}
.topContentArea3 .leftA .hotissueList ul li {background:url('../images/community/blit_gray.gif') no-repeat 1px 5px; padding:0 0 7px 10px;}
.topContentArea3 .leftA .hotissueList ul li a {color:#000}
.topContentArea3 .leftA .hotissueList ul li img {margin-top:2px;}
.topContentArea3 .leftA .hotissueList ul li span {font-family:Dotum; color:#e9281d;}

/*자유게시판*/
.topContentArea3 .rightA {float:left; width:347px; padding:0 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;}


/*중단 광고 영역*/
.midAd {display:inline-block; float:left; width:699px; margin:10px 0 30px 18px;}
.midAd .Ad {float:left; width:370px;}
.midAd .banner {float:left; width:309px;}

/*배너*/
.bannerWrap {position:absolute; right:-180px; width:165px;}
div.lBannerMain {left: -150px; margin-top: 0px; position: absolute;}


/*하단 스크린샷*/
.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;}



/*관리자영역*/
.managerArea{float:left; display:inline-block; width:699px; padding-bottom:10px; background:#fff; padding:0 0 0 18px;}

.midCont {display:inline-block; width:717px; padding-bottom:10px; background:#fff;}
.midCont .leftA {float:left;  padding:10px 0 0 18px;}
.midCont .rightA {float:left;  padding:10px 0 0 12px;}


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 12px 0 0; text-align:left; padding-top:12px;}
.thumListCom li.hot {background-color: #E8E8E8;}
.thumListCom .hot .thumImg .hotimg{position: absolute;z-index: 2;margin-top: -12px;margin-left: -12px;}
.thumListCom li.last {margin-right:0;}
.thumListCom li a.btmTxt {display:block; width:128px; text-align:left; color:#333;}
.thumListCom li span {font-family:Verdena; font-size:10px; color:#ccc; letter-spacing:-1px;}
.thumListCom li span.newList {display:inline-block; padding-top:4px;}
.thumListCom li span.newList font.brown {color:#cca9a3;}
.thumListCom li p {width:128px; margin-left:12px;}
.thumListCom li p.thumImg {padding-bottom:6px;}
.thumListCom li p.tit {height:30px; line-height:16px;}
.thumListCom li p.date {padding-bottom:5px;}
.thumListCom li p.iconTxt {color:#969696;}
.thumListCom li p.iconTxt img {margin-top:-1px;}

.upContArea {width:667px; height:120px; background:#dfdcd5; margin-top:26px;}

.boardTopTit {width:651px; height:21px; font-weight:bold; font-size:12px; background:#ededed; padding:10px 0 0 16px;}
.boardTopTit img {margin-top:1px;}
.boardTopTit a {color:#454545;}

.eventListBox {display:inline-block; width:667px; margin-top:27px; padding-bottom:18px; border-bottom:1px solid #f1f1f1;}
.eventListBox dl.leftImgTh {float:left;}
.eventListBox dl.leftImgTh dd.thumImgEvent {padding-right:20px;}
.eventListBox dl.rightContList {float:left; font-size:13px; color:#000; width:515px;}
.eventListBox dl.rightContList dt {height:26px; font-family:Gulim; font-size:13px; color:#333;}
.eventListBox dl.rightContList dt a {font-weight:bold; color:#000;}
.eventListBox dl.rightContList dd.btmTxt {height:37px; font-family:Gulim; font-size:12px; line-height:18px;}
.eventListBox dl.rightContList dd.btmTxt a {color:#707070;}
.eventListBox dl.rightContList dd.btmTxt span {color:#888;}
.eventListBox dl.rightContList dd.btmTxt2 {font-family:Dotum; font-size:11px; color:#a9a9a9;}
/*.eventListBox .leftImgTh .thumImgEvent .boderimg {border: 1px solid #999999;}*/

.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:26px;}
.adminPageMid {width:658px; font-family:Gulim; font-size:12px; background:url('../images/community/admin_mid_bg.gif') repeat-y; padding-left:9px; height:auto;}
.adminPageMid dl.last {background:none;}
.adminPageMid dl.last01 { background:url('../images/community/admin_mid_bg1.gif') repeat-y;}
.adminPageMid dl.last02 { height:1px; background:url('../images/community/admin_mid_bg1.gif') repeat-y;}
.adminPageMid dl {width:640px; display:inline-block; background:url('../images/community/admin_txt_bg.gif') no-repeat bottom; padding:10px 0 10px 8px;}
.adminPageMid dt {float:left; width:61px; font-weight:bold; color:#152633; background:url('../images/community/admin_txt_bg2.gif') no-repeat right;padding-top:3px;}
.adminPageMid dd {display:inline-block;line-height:160%;}
.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 span.last01 {margin-right:50px;}
.adminPageMid dd a {color:#666;}
.adminPageMid img {float:right;margin-right:20px;}
.adminPageMid .top {padding-top:5px;}
.adminPageMid .con {margin-top:5px;}
.adminPageMid td {line-height:22px;}
.adminPageMid .line{ border-bottom:solid 1px #d5d5d5; }
.adminPageMid td a {color:#222; text-decoration:none;}
.adminPageMid td a:hover {text-decoration:underline}
.adminPageBtm {width:667px; height:5px; line-height:1px; margin-bottom:30px;}