*{margin:0;padding:0;}
html,body {padding:0px; margin:0px; font-family:verdana, tahoma, arial, sans-serif ; font-size: 11px; color:#333; background-color: #F4FBE5;}
body, textarea, select, input, td {font-family: verdana, tahoma, arial, sans-serif; font-size: 11px; color:#333; line-height: 15px;}
select, input {font-family: verdana, tahoma, arial, sans-serif;}
table {border-collapse: collapse; border: 0;}
td {word-break:break-all;}
img {border:0;}
select, input { vertical-align:middle; }
select, input, li img {vertical-align:middle;}
ul, li, ol {list-style-type : none;}
legend, hr {display: none;}
fieldset {border: 0;}
input {padding: 2px 5px 2px 5px; border: 1px solid #8EA379;}
textarea {padding: 2px 5px 2px 5px; border: 1px solid #8EA379;}
input.button {padding: 0; border: 0 !important;}
select {height: 20px;}
dd, dt {padding:0px; margin:0px; }
.radio {margin: -1px 0 0 -5px; border: none !important; border: 0;}
:root .radio {margin: -1px 0 0 0;}
.check {margin: -1px 0 0 -5px; border: none !important; border: 0;}
:root .check {margin: -1px 0 0 0;}
em {font-style: normal;}
.hand {cursor: hand;}
a {color:#333; text-decoration:none;}
a:link {color:#333;}
a:visited {color:#333;}
a:active {color:#333;}
a:hover {color:#333;}
.fl {float:left !important;}
.fr {float:right !important;}
.cl {clear:both;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.at {vertical-align:top;}
.ab {vertical-align:bottom;}
.am {vertical-align:middle !important;}
.ac {text-align:center !important;}
.b {font-weight:bold !important;;}
.u {text-decoration: underline !important;}
/* font style */
.t11 {font-size:11px !important;}
.t12 {font-size:12px !important;}
.white {color: #FFF !important;}
.orange {color: #F36522 !important;}
.grayaaa {color: #AAA !important;}
.bgnone {background-image:none !important;}
.b0 {border:0 !important;}
.bt0 {border-top:0 !important;}
.bb0 {border-bottom:0 !important;}
.br0 {border-right:0 !important;}
.bl0 {border-left:0 !important;}
.p0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pl0 {padding-left:0 !important;}
.pr0 {padding-right:0 !important;}
.m0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}
.mr0 {margin-right:0 !important;}
.ml0 {margin-left:0 !important;}
.ls0 {letter-spacing:0 !important;}
.ls1 {letter-spacing:-1px !important;}
a:hover.nodeco {text-decoration: none; !important;}
.normal {font-weight: normal !important;}
.hidden {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.dn {display:none;}
.absol {position: absolute;}
.rela {position: relative;}
.lineh16 {line-height: 16px !important;}
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* hides from ie-mac */
.clfix{ zoom:1; } /*for ie 5.5-7*/
/* margin, padding */
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.pl20 {padding-left: 20px;}
/* Layout */
.news-topbg {background:url('http://mbimage.nexoneu.com/es/common/bg_news_top.jpg') top center no-repeat;}
.guide-topbg {background:url('http://mbimage.nexoneu.com/es/common/bg_guide_top.jpg') top center no-repeat;}
.wiki-topbg {background:url('http://mbimage.nexoneu.com/es/common/bg_wiki_top.jpg') top center no-repeat;}
.support-topbg {background:url('http://mbimage.nexoneu.com/es/common/bg_support_top.jpg') top center no-repeat;}
.download-topbg {background:url('http://mbimage.nexoneu.com/es/common/bg_download_top.jpg') top center no-repeat;}
.community-topbg {background:url('http://mbimage.nexoneu.com/es/common/bg_community_top.jpg') top center no-repeat;}
#wrapper {width: 100%; text-align:center;}
#sub-visual {width: 980px; height: 210px; margin: 0 auto;}
#TopNavi {width: 980px; margin: -143px auto 0 auto; position:relative; z-index: 10;}
#TopNavi #gnb-area { position:relative; width:980px; height:148px; z-index:20; top:0; left:0; margin:0 auto; font-size:0; }
#TopNavi #gnb-area .mnavView { width:980px; height:260px; position:absolute; top:0px; left:0px; }
#TopNavi #gnb-area .mnavClose { width:980px; height:148px; position:absolute; overflow:hidden; top:0px; left:0px; }
#BodyArea {width: 980px; min-height: 585px;_height: 585px; margin: 0 auto; padding-bottom: 60px; text-align: left; background:#F4FBE5 url('http://mbimage.nexoneu.com/es/common/bg_body_cont.gif') top repeat-x;overflow: hidden;}/* 2009-11-24 수정 */
#LeftArea {float: left; width: 222px; padding-left: 15px;} /* 2009-11-23 수정 */
.LeftNavi {float: left; width: 209px:}
.LeftNavi dt {padding: 0; margin-top: 13px;}
.LeftNavi dd {padding: 1px 0; border-bottom: 1px solid #A1A480;}
.LeftNavi dd span {display: block; padding-left: 2px; color: #878B6A;}
.LeftNavi dd a {width: 209px: height: 22px; padding: 4px 0 3px 21px; display: block; color: #636747; background:url('http://mbimage.nexoneu.com/es/ico/ico_left_menu_off.gif') 7px 8px no-repeat;}
.LeftNavi dd a:hover {padding: 4px 0 3px 21px; display: block; color: #4A590D; background:#E1EDC8 url('http://mbimage.nexoneu.com/es/ico/ico_left_menu_on.gif') 7px 8px no-repeat;}
.LeftNavi dd a.on {padding: 4px 0 3px 21px; display: block; color: #4A590D; background:#E1EDC8 url('http://mbimage.nexoneu.com/es/ico/ico_left_menu_on.gif') 7px 8px no-repeat;}
.bnrBottom {float: left; margin-top: 15px;}
#ContArea {float: left; width: 715px; padding-left: 5px;}
#ContArea .title {float: left; width: 715px; height: 29px; background:url('http://mbimage.nexoneu.com/es/common/bg_h2_line.gif') bottom repeat-x; margin-bottom: 28px;}
#ContArea h2 {float: left; width: 315px; height: 29px;}
.path {float: right; text-align: right; color: #374519; margin-top: 5px; font-family: tahoma;}
/* 2010-01-13 수정 및 추가 */
*:first-child+html .noticeSearch {float: right;}
.noticeSearch {_float: right; text-align: right; width: 715px;}
.noticeSearch02 {_float: right; text-align: right;}
.noticeSearch select {width: 89px;}
.noticeSearch input {margin-left: 5px;}
.noticeSearch input.search {width: 189px;}
.suspended {margin-top: -20px;}
*:first-child+html .suspended {float: left;}
.rss-feed {float: right; margin-top: 10px;}
.rss-feed dt {float: left; margin-right: 2px;}
.rss-feed dd {float: left; font: 10px tahoma; background:url('http://mbimage.nexoneu.com/es/common/bg_gray_bar.gif') center left no-repeat; padding: 0 8px;}
#main-rbanner {position:absolute; width:120px; margin:-20px 0 0 990px;_margin: -20px 0 0 500px;}/* 2009-11-23 수정 */
*:first-child+html #main-rbanner {margin: -20px 0 0 500px;}/* 2009-11-23 수정 */
/* Footer 2009-12-02 추가 및 수정 */
#FooterArea {width: 100%; text-align:center; border-top: 1px solid #CABDA3; padding-top: 32px;}
.Footer {width: 980px; height: 65px; margin: 0 auto; text-align: left;}
.Footer p.logo {float: left; margin: 0 91px 0 66px;}
.foot-right {float: left;}
.foot-right address {clear: both; padding-top: 10px; font-style: normal; letter-spacing: -1px;}
.foot-right p.family {margin: -17px 0 0 460px;}
ul.foot-list {float: left;}
ul.foot-list li {float: left; font-weight: bold; padding: 0 13px 0 15px; background:url('http://mbimage.nexoneu.com/es/common/bg_footer_bar.gif') center left no-repeat; letter-spacing: -1px;}
ul.foot-list li.fir {padding-left: 0; background-image: none;}
.top {position: absolute; margin: -20px 0 0 900px; _margin: -20px 0 0 0;}
*:first-child+html .top {margin: -20px 0 0 60px;}
/* viewer */
.view-title {float: left; width: 100%; height: 24px; background:url('http://mbimage.nexoneu.com/es/common/bg_tbl_top.gif') top left no-repeat; }
.view-title dt {float: left; margin: 7px 0 0 18px; _margin: 5px 0 0 12px;}
*:first-child+html .view-title dt {left; margin: 4px 0 0 18px;}
.view-title dt, x:-moz-any-link, x:default {margin: 4px 0 0 18px;}
.view-title dd {float: left; background:url('http://mbimage.nexoneu.com/es/common/bg_th_bar.gif') center left no-repeat; color: #FFF; padding-left: 11px; margin: 4px 0 0 10px; display: inline;}
.view-title dd.ls-star {letter-spacing: -3px; background-image: none; padding-left: 0;}
.view-title dd.subject {width: 500px; font-weight: bold;}
.view-title dd.subject02 {width: 470px; font-weight: bold; background-image: none;}
.view-title dd.subject02 img {vertical-align: middle; margin-right: 6px;}
.cont-view {float: left; width: 675px; padding: 25px 20px 15px 20px; border-bottom: 2px solid #ADBD8D; line-height: 18px;}
.url-copy {margin-top: 10px;}
.url-copy dt {float: left; margin-right: 10px;}
.url-copy dd {float: left; font-size: 9px; color: #8BA15E;}
.url-copy dd a {color: #8BA15E !important;}
/* Paging */
.paging {float: left; width: 100%; padding:15px 0; text-align:center;}
.paging-comen {margin: -30px 0 0 0; text-align:right !important;}
.paging a img {border:none; vertical-align:middle; _vertical-align:top;}
.paging a,
.paging strong {position:relative; margin-left:-6px; display:inline-block; vertical-align:middle; _width /**/:18px; padding:2px 6px 3px 7px; color:#333; text-decoration:none; line-height:normal; font:11px Tahoma; background:url('http://mbimage.nexoneu.com/es/common/bg_page_bar.gif') no-repeat left center;}
.paging a:hover {text-decoration:underline;}
.paging strong {color:#ff6600 !important; font-weight:bold;}
.paging .first {background:none;}
.paging a.prev,
.paging a.next {padding:0; background:none !important;}
.paging a.prev {margin:0 3px 0 -6px;}
.paging a.next {margin:0 3px 0 -3px;}
/* Tab */
ul.mtab {float: left; width:696px; height: 24px; margin-top: 10px; padding-left: 19px; overflow:hidden; background:url('http://mbimage.nexoneu.com/es/common/bg_event_tab.gif') left top no-repeat;}
ul.mtab img { vertical-align: bottom; }
ul.mtab li {float: left; background:url('http://mbimage.nexoneu.com/es/common/bg_th_bar.gif') left center no-repeat; padding-left: 2px; margin-top:4px;}
ul.nonemtab li {background-image: none;}
ul.mtab li.on a, ul.mtab li a:hover { position:relative; right:0px; margin-right:0; margin-left:0px;}
ul.mtab li a { float:left; height:20px; overflow:hidden; }
ul.mtab li a:focus, ul.mtab li a:hover, ul.mtab li a:active { outline:0; zoom:1; }
ul.mtab li.on a img, ul.mtab li a:focus img, ul.mtab li a:hover img, ul.mtab li a:active img { margin-top:-21px; }
/* event */
.event-list {float: left; width: 715px; overflow: hidden;}
.event-list ul {float: left; border-bottom: 2px solid #ADBD8D;}
.event-list li {float: left; width: 675px; border-bottom: 1px solid #C9D4B0; padding: 15px 20px;}
.event-list li img.thumb {float: left; width: 203px; height: 80px; border: 2px solid #CCC;}
.event-cont {float: left; width: 440px; padding-left: 17px;}
.event-cont h3 {float: left; font-size: 12px;}
.event-cont h3 img {margin-right: 8px;}
.event-cont dl {float: left; width: 455px; margin-top: 10px;}
*:first-child+html .event-cont dl {margin-top: 5px;}
.event-cont dt {float: left; width: 60px; padding-left: 6px; background:url('http://mbimage.nexoneu.com/es/ico/ico_bg_event.gif') left top no-repeat; margin-top: 5px;}
.event-cont dt img {vertical-align: top;}
.event-cont dd {float: left; width: 380px; _margin-top: 2px;}
*:first-child+html .event-cont dd {margin-top: 3px;}
.event-cont p {float: left; width: 455px; margin-top: 5px; letter-spacing: -3px;}
.event-cont p, x:-moz-any-link, x:default {margin-top: 0px;}
/* Comment 2009-11-24 수정 및 추가*/
h3.comment {float: left; width: 715px; background:url('http://mbimage.nexoneu.com/es/ico/ico_bg_comment.gif') left 4px no-repeat; padding: 1px 0 1px 14px; display: block; margin-top: 35px; color: #fc7908 !important; font-size: 11px !important;}
h3.comment img {vertical-align: middle;}
.comment-input {float: left; width: 695px; height: 114px; background:url('http://mbimage.nexoneu.com/es/common/bg_comment_box.gif') no-repeat; padding: 10px 0 0 20px; margin: -10px 0 15px 0;}
.comment-input p {float: left; width: 695px; margin: 5px 0 0 3px; color: #cf460f;}
.comment-input textarea {float: left; width: 577px; height: 54px; margin-right: 10px;}
.comment-input input {float: left; border: none;}
.comment-input dl {float: left; width: 590px; margin-bottom: 5px;}
.comment-input dt {float: left; background:url('http://mbimage.nexoneu.com/es/ico/ico_question.gif') left center no-repeat; padding-left: 18px; margin: 2px 10px 0 0;}
.comment-input dd {float: left; letter-spacing: -3px;}
.comment-input dd.byte {float: right; margin-top: 2px; letter-spacing: 0;}
.comment-input dd.byte input {position: absolute; width: 22px; margin: 1px 0 0 4px; padding: 0; z-index: 10;}
*:first-child+html .comment-input dd.byte input {margin: 0 0 0 4px;}
.comment-input dd.byte span {margin-left: 29px;}
/* Comment List */
.comment-list {float: left;}
.comment-list li {float: left; width: 700px; border-top: 1px solid #becaa3; padding-top: 16px; margin-top: 15px;}
.comment-list li.comment-first {border-top: none; margin-top: 0;}
.comment-list p {float: left; width: 715px; margin-top: 10px; line-height: 18px;}
.comment-list p.btn-r { width: 715px; margin-top: 10px; padding-bottom: 1px; text-align: right;}
.comment-list p.btn-r img {margin-left: 7px;}
.comment-list h4 {font-size: 11px;}
.user-date {float: right; text-align: right; margin-top: -15px; font-size: 9px;}
.user-date span.date {float: right; display: block; _margin-top: -2px;}
.user-date span.ipadd {float: right; width: 120px; display: block;}
.user-date span.ipadd img {vertical-align: middle;}
/* Beta Key */
.beta-key {float: left; width: 715px; height: 422px; background:url('http://mbimage.nexoneu.com/es/common/bg_beta_key.gif') top left no-repeat;}
.beta-key fieldset {margin: 90px 0 0 330px;}
.beta-key fieldset dl {}
.beta-key fieldset dt {width: 340px; }
.beta-key fieldset dd {width: 335px; margin-top: 5px; padding-left: 5px;}
.beta-key fieldset dd.btn-enter {margin-top: 17px; padding-left: 0; text-align: center;}
.beta-key fieldset dd input {width: 60px;}
/* 2009-11-23 추가 */
.beta-key fieldset dd input.wid150 {width: 145px;}
.beta-key fieldset dd input.wid230 {width: 230px;}
/* Sitemap */
.sitemap {}
.sitemap li {float: left; margin: 0 44px 30px 0;}
.sitemap-gnb {float: left; width: 209px:}
.sitemap-gnb dt {padding: 0;}
.sitemap-gnb dd {padding: 1px 0; border-bottom: 1px solid #A1A480;}
.sitemap-gnb dd span {display: block; padding-left: 2px; color: #878B6A;}
.sitemap-gnb dd a {width: 188px: height: 22px; padding: 4px 0 3px 21px; display: block; color: #636747; background:url('http://mbimage.nexoneu.com/es/ico/ico_left_menu_off.gif') 7px 8px no-repeat;}
.sitemap-gnb dd a:hover {padding: 4px 0 3px 21px; display: block; color: #4A590D; background:#E1EDC8 url('http://mbimage.nexoneu.com/es/ico/ico_left_menu_on.gif') 7px 8px no-repeat;}
/* Contact us */
.contact {float: left; margin-bottom: 30px;}
.contact dt{float: left; font-size: 0;}
.contact dd{float: left; font-size: 0;}
/* Launcher 2009-11-23 추가*/
.launcher {width: 691px; height: 347px; background:url('http://mbimage.nexoneu.com/es/common/bg_launcher.gif') no-repeat; padding: 20px 10px 10px 10px;}
.launcher-cont {float: left; width: 450px;}
h2.launcher-tit {float: left; width:415px; height: 16px; margin-bottom: 12px; padding: 8px 0 0 15px; background:url('http://mbimage.nexoneu.com/es/common/bg_launcher_tab.gif') left top no-repeat; font-size: 0;}
ul.launcher-tab {float: left; width:411px; height: 24px; padding-left: 19px; overflow:hidden; background:url('http://mbimage.nexoneu.com/es/common/bg_launcher_tab.gif') left top no-repeat;}
ul.launcher-tab img { vertical-align: bottom; }
ul.launcher-tab li {float: left; margin-top:4px; padding-left: 1px;}
ul.launcher-tab li.on a, ul.launcher-tab li a:hover { position:relative; right:0px; margin-right:0; margin-left:0px;}
ul.launcher-tab li a { float:left; height:20px; overflow:hidden; }
ul.launcher-tab li a:focus, ul.launcher-tab li a:hover, ul.launcher-tab li a:active { outline:0; zoom:1; }
ul.launcher-tab li.on a img, ul.launcher-tab li a:focus img, ul.launcher-tab li a:hover img, ul.launcher-tab li a:active img { margin-top:-20px; }
.launcher-notice {float: left; width: 430px; font-family: tahoma;}
.launcher-notice li {float: left; height: 49px; padding: 10px 0 9px 0; border-bottom: 1px solid #ceba8e;} /* 2009-11-24 수정 */
.launcher-notice li dt {float: left; width: 430px; font-weight: bold;}
.launcher-notice li dt span {font-weight: normal; margin-left: 10px;}
.launcher-notice li dd {float: left; width: 430px; margin-top: 5px;}
img.img-launcher {float: left; border: 1px solid #aa9085; margin-right: 10px;}
.launcher-hint dl {float: left; width: 346px;}
.launcher-hint dt {float: left; width: 346px; font-weight: bold; margin-top: -2px; font-family: tahoma;}
.launcher-hint dd {float: left; width: 346px; margin-top: 3px; font-family: tahoma;}
.launcher-hint dd a {color: #5b9c06; text-decoration: underline;}
.launcher-txt {float: left; width: 679px; height: 63px; background-color: #f8f5ea; border: 1px solid #b99d72; margin-top: 10px; padding: 5px;}
/* login 2010-01-15 수정 */
.logout {float: left; width: 208px; height: 155px; background:url('http://mbimage.nexoneu.com/es/common/bg_logout.gif') no-repeat; padding: 2px 0 0 1px; text-align: center;}
.logout div {font-size: 11px; color: #513a27; text-decoration: underline; font-weight: bold; padding: 23px 0 16px 0;}
logout-btn {margin-left: 11px;}
.login {float: left; width: 204px; height: 145px; background:url('http://mbimage.nexoneu.com/es/common/bg_login.gif') no-repeat; padding: 12px 0 0 5px; font-size: 0; text-align: center;}
.sign-up {margin-top: 5px;}
.findid-btn {margin: 7px 2px 0 -2px;}
.find-btn {margin: 7px 0 0 -6px;}
/* Button */
.btn-r {float: right; margin-top: 10px;}
.btn-r img{margin-left: 7px;}
.view-btn {float: left; margin-top: 10px;}
.view-btn img.next {float: left; margin-left: 10px;}
img.list {float: right; margin-top: 10px;}
/* Table notice*/
.bg-tbl {float: left; width: 100%; background:url('http://mbimage.nexoneu.com/es/common/bg_tbl_top.gif') top left no-repeat; margin-top: 10px;}
.bg-tbl02 {float: left; width: 100%; background:url('http://mbimage.nexoneu.com/es/common/bg_tbl_top02.gif') top left no-repeat; margin-top: 10px;}
.tbl {float: left; width: 100%; border-bottom: 2px solid #ADBD8D;}
.tbl th {height: 24px; background:url('http://mbimage.nexoneu.com/es/common/bg_th_bar.gif') center left no-repeat;}
.tbl td {height: 27px; border-bottom: 1px solid #C9D4B0;}
.tbl td,th {text-align: center;}
.tbl td.contit {text-align: left; padding-left: 17px; height: 27px;}
.tbl td.contit2 {text-align: left; padding: 15px 0 15px 17px; height: 27px;}
/* bug report */
.bug-tbl {float: left; width: 100%; border-top: 2px solid #adbd8d; border-bottom: 2px solid #adbd8d;}
.bug-tbl tr { background:url('http://mbimage.nexoneu.com/es/wiki/bg_box_line.gif') bottom repeat-x;}
.bug-tbl th {padding: 10px 0 0 20px; text-align: left; vertical-align: top;}
.bug-tbl th span {background:url('http://mbimage.nexoneu.com/es/ico/ico_th_bug.gif') center left no-repeat; padding-left: 6px;}
.bug-tbl td {padding: 8px 0;}
.bug-tbl td textarea.bug-cont {width: 560px; height: 198px;}
.facebook-top {float: left; margin-top: 15px;}
.network-link {float: left; width: 209px; background:url('http://mbimage.nexoneu.com/es/main/bg_facebook.gif') repeat-y; padding: 10px 0 10px 9px;}
.network-link img {margin-right: 4px;}
.facebook-bottom {font-size: 0; line-height: 0;}