html {margin:0; padding:0}
body{background-color:#ffffff; margin:0; padding:0;}
body, div, td, li{font-size:12px;color:#444444;font-family:dotum, arial, 'µ¸¿ò';}

.input_gray{font-size:11px;font-family:µ¸¿ò;border:1px solid #CECBCE;width:100px;}

form{margin:0;padding:0;}
.big {height:20px;}
.smallHeight {height:11px;font-size:12px;width:80px;}

div, p, ul, ol, dl, dt, dd{margin:0; padding:0;}
ul, ol, li{list-style:none;}

.b {font-weight:bold;}

.lineHeight150 {padding:5px;line-height:150%;}
.lineHeight140 {line-height:140%;}

.answerDiv{position:relative;padding:10px 5px 5px 5px;margin:5px;background:url(images/dot.gif) repeat-X top;}

img{border:0 none;vertical-align:middle;}

a:link{color:#444444;text-decoration:none;}
a:visited{color:#444444; text-decoration:none;}
a:hover{color:#444444;text-decoration:underline;}
a:active{text-decoration:none;}

/*********************** 15.02.02 ¼öÁ¤ ~ *********************/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-size:1em;
  text-align:left;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color:#008806;
}

h5 {margin:20px 0 5px 0; padding-left:8px; background:url(../img/MarketReadIcon3.gif) no-repeat left center; -webkit-margin-before: 0.3em; -webkit-margin-after: 0.3em;}

.navbar {position:relative; background-color:#222; overflow:hidden; width:100%; text-align:left}
.navbar-brand {
  float: left;
  padding:0 25px;
  height:50px;
  line-height:50px;
  font-size: 18px;
  color:#9d9d9d !important;
}

.navbar-header {line-height:20px;}
.navbar-header button {position:absolute; left:-999px; top:-999px;}
.container-fluid {position:relative; left:0; top:0; width:100%; float:left;}

.navbar-collapse {*zoom:1}
.navbar-collapse:after {content:""; clear:both; display:block;}
.navbar-collapse ul li {float:left;font-size:1em;}
.navbar-nav a {display:block; height:50px; line-height:50px; padding:0 20px; color:#9d9d9d}
.navbar-nav li:hover {background-color:#080808}
.navbar-nav .active {background-color:#080808}
.navbar-nav .active a {color:#fff !important}

.navbar-right {float:right; padding-right:20px;height:50px; line-height:50px; color:#9d9d9d}
.navbar-right a {color:#9d9d9d}

/* ¿ÞÂÊ¸Þ´º */
.sidebar {position:absolute; top:15px; left:0; bottom:0; width:120px;}

.nav-sidebar {
  width:120px;
  float:left;
  height:100%;
  background-color:#f5f5f5;
  text-align: left;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
  text-align: left;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}

/* º»¹® */
.main {margin:0 0 0 18em;}

.table {border-collapse:collapse; width:100%; border:1px solid #93bc94;}
.table thead th {background-color:#e0efd8; color:#477648; }
.table th, td {padding:5px 5px; line-height:100%; border:1px solid #93bc94; text-align:center}
.table .success {border-top:2px solid #93bc94;}
.table tr:hover {background-color:#f5f5f5}
.table tr.warning {background-color:#fdf8e4;}
.table tr.warning:hover {background-color:#faf2cd;}
.table tr.info {background-color:#d9edf8;}
.table tr.info:hover {background-color:#c4e4f3;}
.table tr.danger {background-color:#fde4e4; text-align:center;}
.table tr.danger:hover {background-color:#f5c4c4;}

.pagination {text-align:center; padding:0px 0 0px 0; }
.pagination li {display:inline-block; zoom:1; *display:inline; border:1px solid #dedede; border-radius:3px; margin:3px;}
.pagination li.active {background-color:#f5f5f5}
.pagination a {display:block; width:22px; height:20px; line-height:20px; border-radius:5px 5px 5px 5px;}
.pagination a:hover {background-color: rgba(255,255,255,0.3);}
.pagination p {display:inline-block; line-height:200%; padding:0 10px;}
.pagination p strong {font-weight:bold;}

.panel {text-align:left;}
.panel .form-group {width:100%; border:1px solid #93bc94; border-top:2px solid #93bc94; background-color:#e0efd8; text-align:left; *zoom:1; vertical-align:middle}
.panel .form-group:after {content:""; clear:both; display:block;}
.panel .form-group input[type='text'] {border:1px solid #b9d7b9; padding:3px 5px;}
.panel .form-group input[type='radio'] {padding:3px 5px; margin: 3px 3px 0px 5px;}
.panel .group2 {border-top:none; background-color:#e0efd8; padding:5px 0}
.input-group {float:left; padding:5px; vertical-align:middle}
.input-group.line {border-left:1px solid #93bc94; padding-left:15px}
.input-group .last {margin-right:15px;}
.input-group label {vertical-align:middle; line-height:100%}

.btn-group {float:left;}
.item {border:1px solid #ddd; padding:3px 5px;}
.col-sm-4 {float:left; padding:5px; margin-right:10px; width:100px;}
.col-sm-8 {padding:5px;}
/* dropdown ui */
.btn {
  margin-right:5px;
  display: inline-block;
  padding:1px 5px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border:1px solid #5cb85c;
}
.dropdown {
  position: relative;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.open > .dropdown-menu {
  display: block;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.form-control {
  float:left;
  margin-right:5px;
}
.t-body label, .t-body p, .t-body span {line-height:25px}
.item_txtarea {height:16px; padding:3px 5px; border:1px solid #b9d7b9; font-size:12px; vertical-align:middle; margin:0}
.item_txt {font-size:11px; letter-spacing:-1px; color:#4d7c4e; padding-right:10px; line-height:110%}
/* dropdown ui */



/* a, button, input ¹öÆ° Á¤ÀÇ */
    /* »ç¿ë¹ý
    <span class="btn_pack small"><a href="#">anchor</a></span>
    <span class="btn_pack medium"><button type="button">button</button></span>
    <span class="btn_pack large"><input value="input" type="submit"></span>
	<span class="btn_pack xlarge icon"><span class="check"></span><input value="input" type="submit"></span>
	<span class="btn_pack small icon"><span class="add"></span><a href="#">anchor</a></span>
	<span class="btn_pack small icon"><span class="delete"></span><a href="#">anchor</a></span>
	<span class="btn_pack small icon"><span class="calendar"></span><a href="#">anchor</a></span>
	<span class="btn_pack small icon"><span class="refresh"></span><a href="#">anchor</a></span>
	<span class="btn_pack small icon"><span class="download"></span><a href="#">anchor</a></span>
    */
/* UI Object */
.btn_pack,
.btn_pack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(../img/btn_pack.gif) no-repeat;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack{margin-right:4px}
.btn_pack *{left:4px;cursor:pointer;_cursor:hand}
.btn_pack.medium,
.btn_pack.medium *{height:24px;line-height:24px}
.btn_pack.large,
.btn_pack.large *{height:30px;line-height:30px}
.btn_pack.xlarge,
.btn_pack.xlarge *{height:36px;line-height:36px}
.btn_pack.small,
.btn_pack.small *{height:19px;line-height:19px}
.btn_pack.medium{background-position:left 0}
.btn_pack.large{background-position:left -30px}
.btn_pack.xlarge{background-position:left -65px}
.btn_pack.small{background-position:left -106px}
.btn_pack.medium *{padding:0 10px 0 6px;background-position:right top;font-size:12px}
.btn_pack.large *{padding:0 10px 0 6px;background-position:right -30px;font-size:16px}
.btn_pack.xlarge *{padding:0 10px 0 6px;background-position:right -65px;font-size:20px}
.btn_pack.small *{padding:0 6px 0 2px;background-position:right -106px;font-size:11px}
.btn_pack *:hover,
.btn_pack *:active,
.btn_pack *:focus{color:#690}
.btn_pack.strong *{font-weight:bold !important}
.btn_pack.icon *{padding-left:20px}
.btn_pack.small.icon *{padding-left:16px}
.btn_pack.icon span{width:20px;margin-right:-20px;padding:0 !important}
.btn_pack.medium .check{background-position:4px -150px}
.btn_pack.large .check{background-position:4px -146px}
.btn_pack.xlarge .check{background-position:5px -144px}
.btn_pack.small .check{background-position:3px -153px}
.btn_pack.medium .add{background-position:-16px -150px}
.btn_pack.large .add{background-position:-14px -146px}
.btn_pack.xlarge .add{background-position:-14px -144px}
.btn_pack.small .add{background-position:-18px -153px}
.btn_pack.medium .delete{background-position:-34px -150px}
.btn_pack.large .delete{background-position:-34px -146px}
.btn_pack.xlarge .delete{background-position:-34px -144px}
.btn_pack.small .delete{background-position:-37px -153px}
.btn_pack.medium .calendar{background-position:-56px -150px}
.btn_pack.large .calendar{background-position:-56px -146px}
.btn_pack.xlarge .calendar{background-position:-56px -144px}
.btn_pack.small .calendar{background-position:-59px -153px}
.btn_pack.medium .refresh{background-position:-76px -150px}
.btn_pack.large .refresh{background-position:-76px -146px}
.btn_pack.xlarge .refresh{background-position:-76px -144px}
.btn_pack.small .refresh{background-position:-79px -153px}
.btn_pack.medium .download{background-position:-96px -151px}
.btn_pack.large .download{background-position:-96px -147px}
.btn_pack.xlarge .download{background-position:-96px -145px}
.btn_pack.small .download{background-position:-99px -154px}
/* //UI Object */

/* Modal Popup */
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
/* //Modal Popup */

/**********************************************************/


.highlight:link{color:#3A66A2;text-decoration:none;}
.highlight:visited{color:#3A66A2; text-decoration:none;}
.highlight:hover{color:#3A66A2;text-decoration:underline;}
.highlight:active{text-decoration:none;}

.brown:link{color:#F26522;text-decoration:none;}
.brown:visited{color:#F26522; text-decoration:none;}
.brown:hover{color:#F26522;text-decoration:underline;}
.brown:active{text-decoration:none;}

.txthighlight{color:#3A66A2;}
.gray{color:#666666;}
.bold{font-weight:bold;}
.suggestServer{float:right;text-align:right;}
.orange{color:#FF5800;}
.green{color:#009900;}

.slogan{font-size:12px;text-align:right;width:100%;padding-right:10;}

.paddingTop{padding-top:10px;}

.pointer{cursor:pointer;}

/* img vertical-align */
.imgTop{vertical-align:top;}
.imgMiddle{vertical-align:middle;}
.imgBottom{vertical-align:bottom;}

/* border box */
.border{position:absolute;width:3px;height:3px;background-image:url(images/border_gray.gif);font-size:1px;}
.tl{top:-1px;left:-1px;}
.tr{background-position:top right;top:-1px;right:-1px;}
.bl{background-position:bottom left;bottom:-1px;left:-1px;}
.br{background-position:bottom right;bottom:-1px;right:-1px;}

.tlBlue{top:-7px;left:-7px;}
.trBlue{background-position:top right;top:-7px;right:-7px;}
.blBlue{background-position:bottom left;bottom:-7px;left:-7px;}
.brBlue{background-position:bottom right;bottom:-7px;right:-7px;}

.tlB{top:-6px;left:-6px;}
.trB{background-position:top right;top:-6px;right:-6px;}
.blB{background-position:bottom left;bottom:-6px;left:-6px;}
.brB{background-position:bottom right;bottom:-6px;right:-6px;}

.borderBox{position:relative;border:solid 1px #DEDBDE;text-align:left;}
.borderBoxT{position:relative;top:0px;left:0px;border-left:solid 1px #DEDBDE;border-right:solid 1px #DEDBDE;border-bottom:solid 1px #DEDBDE;text-align:left;}

.borderBlue{position:absolute;width:9px;height:9px;background-image:url(images/borderB_blue.gif);font-size:1px;}
.borderBoxBlue{position:relative;top:0;left:0;width:966px;height:186px;border:solid 7px #5D95FF;padding:0;text-align:left;}

.borderBGray{position:absolute;width:9px;height:9px;background-image:url(images/borderB_gray.gif);font-size:1px;}
.borderBGrayBox{position:relative;top:0;left:0;width:718px;border:solid 6px #E8E8E8;padding:0;text-align:left;}

.borderGrayBox{position:relative;top:0;left:0;width:728px;border:solid 1px #DEDBDE;padding:0;margin-top:5px;text-align:left;}

.grayBox{position:relative;top:0;left:0;border:solid 5px #EAEAEA;text-align:left;padding:5px;}

.noneBox{position:relative;top:0;left:0;text-align:left;padding:5px;}

.editorBox{position:relative;width:750px;text-align:left;}

.squareBoxWhite{position:relative;border:solid 1px #CECBCE;background-color:#FFFFFF;padding:5px;text-align:left;}

/* login box */
#loginBox{padding:4px 0 0 7px;font-size:11px;}
#loginBox label{position:relative;bottom:2px;}
#loginBox li{font-size:11px;padding-top:5px;}

/* customer box */
#customerBox{padding-top:5px;width:190px;}

/* rank */
.rank{position:relative;}
.rank li{position:relative;height:18px;}
.rank span{position:absolute; top:0px;left:138px; width:30px; padding-left:15px;font-size:11px;}
.rank span.up{background:url(http://onwiz.cdn1.cafe24.com/default/arrow_t.gif) no-repeat;}
.rank span.down{background:url(http://onwiz.cdn1.cafe24.com/default/arrow_b.gif) no-repeat;}
.rank span.middle{background:url(http://onwiz.cdn1.cafe24.com/default/arrow_m.gif) no-repeat;}
.rank span.new{background:url(http://onwiz.cdn1.cafe24.com/default/arrow_n.gif) no-repeat;}

.rank2{position:relative;}
.rank2 li{position:relative;height:20px;}
.rank2 span{position:absolute;top:0px;left:200px;width:40px;padding-left:12px;font-size:11px;}
.rank2 span.suggestServer{position:absolute;top:0px;left:125px;width:65px;text-align:right;}
.rank2 span.suggestServer2{position:absolute;top:0px;left:150px;width:65px;text-align:right;}
.rank2 span.charIdPrice{position:absolute;top:0px;left:125px;width:60px;text-align:right;}
.rank2 span.up{background:url(http://onwiz.cdn1.cafe24.com/default/arrow_t.gif) no-repeat;}
.rank2 span.down{background:url(http://onwiz.cdn1.cafe24.com/default/arrow_b.gif) no-repeat;}
.rank2 span.middle{background:url(http://onwiz.cdn1.cafe24.com/default/arrow_m.gif) no-repeat;}
.rank2 span.new{background:url(http://onwiz.cdn1.cafe24.com/default/arrow_n.gif) no-repeat;}

.mainRank{position:relative;}
.mainRank li{position:relative;height:20px;}
.mainRank span{position:absolute;top:0px;left:180px;width:30px;padding-left:12px;font-size:11px;}
.mainRank span.suggestServer{position:absolute;top:0px;left:95px;width:65px;text-align:right;}
.mainRank span.up{background:url(http://onwiz.cdn1.cafe24.com/default/arrow_t.gif) no-repeat;}
.mainRank span.down{background:url(http://onwiz.cdn1.cafe24.com/default/arrow_b.gif) no-repeat;}
.mainRank span.middle{background:url(http://onwiz.cdn1.cafe24.com/default/arrow_m.gif) no-repeat;}
.mainRank span.new{background:url(http://onwiz.cdn1.cafe24.com/default/arrow_n.gif) no-repeat;}

.contentBox{padding:10px 10px 10px 10px;}
.contentBox li{height:100%;}

.menuBorderBox{position:relative;min-width:200px;top:0px;left:0px;border:solid 1px #DEDBDE;padding:0;text-align:left;background-color:#DCE8FC;}
.menuBox{padding:10px 10px 10px 10px;margin:5px;background-color:#FFFFFF;}
.menuBox li{height:18px;}

.more{position:absolute;font-size:11px;top:7px;right:10px;}

.quickmenu{padding-top:5px;width:200px;}
/* wrap */
#wrapper{position:relative;width:980px;margin:auto;}
#topwrapper{position:relative;width:980px;height:140px;}
#mainwrapper{position:relative;width:980px;height:200px;margin-top:5px;}
#leftwrapper{position:relative;width:190px;float:left;margin-top:5px;}
#rightwrapper{position:relative;width:780px;float:right;margin-top:5px;}
#bottomwrapper{position:relative;width:980px;height:60px;margin-top:5px;clear:both;}

/* adminW wrap */
#adminWleftwrapper{position:relative;width:770px;float:left;z-index:-1;margin-top:5px;}
#adminWrightwrapper{position:relative;width:200px;float:right;margin:5px 0 0 10px;}

#adminVleftwrapper{position:relative;width:730px;float:left;margin-top:5px;}
#adminVrightwrapper{position:relative;width:240px;float:right;margin-top:5px;}

.admin li{position:relative;height:20px;}
.admin li span.artNum{position:absolute;top:0;left:0;width:40px;text-align:center;}
.admin li span.tit{position:absolute;top:0;left:45px;}
.admin li span.writer{position:absolute;top:0;right:105px;width:80px;text-align:right;}
.admin li span.date{position:absolute;top:0;right:45px;width:55px;text-align:right;}
.admin li span.hit{position:absolute;top:0;right:5px;width:40px;text-align:right;}

.serverInfo{width:256px;float:left;text-align:left;background-color:#F7F7F7;padding:4px;margin:3px;}
.serverInfo h3{padding-left:5px;}
.serverInfo li{height:20px;padding-left:5px;}

/* gameknowV wrap */
#gameknowVleftwrapper{position:relative;width:730px;float:left;margin-top:5px;}
#gameknowVrightwrapper{position:relative;width:240px;float:right;margin-top:5px;}

.mgTop{margin-top:5px;}

.gameknowVBox{position:relative;width:730px;text-align:left;padding:0;}

.gameknowVBorderBox label{position:relative;bottom:1px;}

.reply li{position:relative;background-color:#FFFFFF;margin:0 5px 3px 5px;padding:5px;height:30px;}
.reply li .replyTit{position:relative;top:0;left:5px;width:100px;float:left;}
.reply li .replyContent{position:relative;top:0;left:15px;float:left;}



/* button */
.searchBtn{background:url(http://onwiz.cdn1.cafe24.com/index/btn_search.gif) no-repeat;width:44px;height:21px;border:0;margin:0;padding:0;text-indent:-100px;cursor:pointer;}
.loginBtn{background:url(http://onwiz.cdn1.cafe24.com/index/bt_login.gif) no-repeat;width:60px;height:21px;border:0;margin:0;padding:0;text-indent:-100px;cursor:pointer;background-position:left bottom;}
.memmodifyBtn{background:url(http://onwiz.cdn1.cafe24.com/cian/bt_memmodify.gif) no-repeat;width:86px;height:21px;border:0;margin:0;padding:0;text-indent:-200px;cursor:pointer;}
.logoutBtn{background:url(http://onwiz.cdn1.cafe24.com/cian/bt_logout.gif) no-repeat;width:64px;height:21px;border:0;margin:0;padding:0;text-indent:-200px;cursor:pointer;}
.questionBtn{background:url(http://onwiz.cdn1.cafe24.com/gameknow/bt_question.gif) no-repeat;width:80px;height:34px;border:0;margin:0;padding:0;text-indent:-200px;cursor:pointer;}
.replyBtn{background:url(http://onwiz.cdn1.cafe24.com/index/btn_reply.gif) no-repeat;width:80px;height:34px;border:0;margin:0;padding:0;text-indent:-200px;cursor:pointer;}
.answerBtn{background:url(http://onwiz.cdn1.cafe24.com/index/btn_answer.gif) no-repeat;width:80px;height:34px;border:0;margin:0;padding:0;text-indent:-200px;cursor:pointer;}
.answerSelectBtn{background:url(http://onwiz.cdn1.cafe24.com/gameknow/btn_answerselect.gif) no-repeat;width:120px;height:34px;border:0;margin:0;padding:0;text-indent:-200px;cursor:pointer;}

.listBtn{background:url(http://onwiz.cdn1.cafe24.com/index/btn_list.gif) no-repeat;width:43px;height:20px;border:0;margin:0;padding:0;text-indent:-200px;cursor:pointer;}
.modifyBtn{background:url(http://onwiz.cdn1.cafe24.com/index/btn_modify.gif) no-repeat;width:80px;height:34px;border:0;margin:0;padding:0;text-indent:-200px;cursor:pointer;}

/* editor */
.editorBox li{height:30px;}
.editorBox li .tit{font-weight:bold;}
.editorBox li .opt{padding-left:10px;}
.editorBox li .input{border:1px solid #CECBCE;height:18px;}
.editorBox label{position:relative;bottom:1px;}


/* display none block */
.displayNone{display:none;}
.displayBlock{display:block;}

/* server category */
#serverCategory li{position:relative;height:18px;}
#serverCategory li span.spanl{position:absolute;top:0;left:0;width:80px;}
#serverCategory li span.spanr{position:absolute;top:0;left:90px;width:80px;}

/* gameknow box */
.gameknow li{position:relative;height:20px;}
.gameknow li span.category{position:absolute;top:0;left:0;width:80px;}
.gameknow li span.tit{position:absolute;top:0;left:90px;}
.gameknow li span.answer{position:absolute;top:0;right:85px;width:20px;text-align:right;}
.gameknow li span.writer{position:absolute;top:0;right:5px;width:80px;text-align:right;}

.board li{position:relative;height:20px;}
.board li span.artNum{position:absolute;top:0;left:0;width:40px;text-align:center;}
.board li span.tit{position:absolute;top:0;left:45px;}
.board li span.answer{position:absolute;top:0;right:150px;width:20px;text-align:right;}
.board li span.writer{position:absolute;top:0;right:65px;width:80px;text-align:right;}
.board li span.date{position:absolute;top:0;right:5px;width:55px;text-align:right;}

.boardL li{position:relative;height:20px;}
.boardL li span.artNum{position:absolute;top:0;left:0;width:40px;text-align:center;}
.boardL li span.category{position:absolute;top:0;left:45px;width:70px;}
.boardL li span.tit{position:absolute;top:0;left:120px;}
.boardL li span.answer{position:absolute;top:0;right:150px;width:20px;text-align:right;}
.boardL li span.writer{position:absolute;top:0;right:65px;width:80px;text-align:right;}
.boardL li span.date{position:absolute;top:0;right:5px;width:55px;text-align:right;}


ul.suggest{float:left;background:#FFFFFF;width:100%;border:1px solid #CECBCE;padding-top:5}
ul.suggest li{text-align:left;font-weight:normal;letter-spacing:-1px;color:#666666;line-height:19px;}

#logo{text-align:center;}
#topNavi{position:absolute;color:#1F4C88;text-align:right;width:830px;top:5px;left:0;margin-left:150px;}
#topBg{position:relative;background:url(http://onwiz.cdn1.cafe24.com/gameknow/gameknowTopBg.gif) no-repeat;height:76px;}
#searchTag{color:#FFFFFF;font-size:12px;margin:5px 0 0 0;padding-top:5px;}
#searchBar{margin:0;width:480px;height:30px;float:left;padding-top:5px;clear:both;}
#topMenu{position:relative;margin:0;width:980px;height:40px;float:left;padding:12px 10px 0 10px;text-align:left;}
#topMenu ul{float:left;}
#topMenu ul li{float:left;padding:0 10px 0 10px;color:#FFFFFF;font-weight:bold;font-size:14px;}

#searchTab{color:#FFFFFF;font-size:13px;}
#searchBoxl{float:left;width:150px;height:85px;position:relative;top:10px;left:5px;}
#searchBoxr{float:right;width:830px;}
#searchBarl{float:left;width:500px;}
#searchBarr{float:right;width:150px;height:85px;position:relative;top:10px;right:5px;}

.white:link{color:#FFFFFF;text-decoration:none;}
.white:visited{color:#FFFFFF; text-decoration:none;}
.white:hover{color:#FFFFFF;text-decoration:underline;}
.white:active{text-decoration:none;}

#topNavi A:link{color:#1F4C88;text-decoration:none;}
#topNavi A:visited{color:#1F4C88; text-decoration:none;}
#topNavi A:hover{color:#1F4C88;text-decoration:underline;}
#topNavi A:active{text-decoration:none;}

.suggestNormal{background:#FFFFFF;}
.suggestHighlight{background:#EFFBEF;}

.dotLine{background:url(http://onwiz.cdn1.cafe24.com/default/dot.gif) repeat-y right top;}
.f11{font-size:11px;}
.f13{font-size:13px;}

.neutral{font-size:12px;font-family:¹ÙÅÁ;color:#FFFFFF;Filter:glow(color=#000000,strength:2);}
.lawful{font-size:12px;font-family:¹ÙÅÁ;color:#0000FF;Filter:glow(color=#000000,strength:2);}
.chaotic{font-size:12px;font-family:¹ÙÅÁ;color:#FF0000;Filter:glow(color=#000000,strength:2);}

.bgTile{background-color:#F7F7F7;}
.bgBlue{background-color:#4286EF;}
.bgSkyBlue{background-color:#99CCff;}
.bgPink{background-color:#FFF8F7;}
.bgBlack{background-color:#000000;}

.bgYellow {background-color:#FFFFD9;}
.bgSky {background-color:#F0FDFF;}
.bgRed {background-color:#FFECEC;}
.bgGray {background-color:#F6F6F6;}
.bgGreen {background-color:#F3FFEE;}
.bgWhite {background-color:#FFFFFF;}

.yellow {color:#FFFFD9;}
.sky {color:#EEF7FF;}
.red {color:#FFECEC;}

.solid1 {border:1px solid #000000;}

.bgBlue2{background-color:#C4DCFE;}


.graph{position:relative;left:30px;width:170px;}
.graph li{padding:4px;}
.graph .opt{position:absolute;right:0px;width:80px;text-align:right;}

.graph2{position:relative;left:30px;width:170px;}
.graph2 li{padding:4px;}
.graph2 .opt{position:absolute;right:0px;width:80px;text-align:right;}

/* tooltip */
.tooltipHeader{background:#D5EBF9;font-weight:bold;border:1px solid #A5CFE9;padding:5px;width:400px;};
.tooltipBody{text-align:left;background:#FFFFFF;padding:5px;width:400px;border-left:1px solid #A5CFE9;border-right:1px solid #A5CFE9;border-bottom:1px solid #A5CFE9;}

/* miniLayer */
#miniLayer ul{padding:10px;margin:0;border:solid 1px #CECBCE;background-color:#FFFFFF;text-align:left;}
#miniLayer li{line-height:18px;}

/* page */
.knowdb_page_text1 {color: #000000; font-size: 12px; font-family: Verdana;}
A.knowdb_page_link1:link {text-decoration: none; font-family: Verdana; color: #000000; font-size: 12px; font-weight: bold; LETTER-SPACING:-1px;}
A.knowdb_page_link1:visited {text-decoration: none; font-family: Verdana; color: #000000; font-size: 12px; font-weight: bold; LETTER-SPACING:-1px;}
A.knowdb_page_link1:hover {text-decoration: none; font-family: Verdana; color: #FFFFFF; font-size: 12px; font-weight: bold; background-color: #4E0092; LETTER-SPACING:-1px;}

A.knowdb_page_link2:link {text-decoration: none; font-family: Verdana; color: #FFFFFF; font-size: 12px; font-weight: bold; background-color: #4E0092; LETTER-SPACING:-1px;}
A.knowdb_page_link2:visited {text-decoration: none; font-family: Verdana; color: #FFFFFF; font-size: 12px; font-weight: bold; background-color: #4E0092; LETTER-SPACING:-1px;}
A.knowdb_page_link2:hover {text-decoration: none; font-family: Verdana; color: #FFFFFF; font-size: 12px; font-weight: bold; background-color: #4E0092; LETTER-SPACING:-1px;}

/* page */
A.page_link1:link {text-decoration: none; font-family: ±¼¸²;  color: #3A3A3A; font-size: 12px; line-height: 130%; font-weight: bold;}
A.page_link1:visited {text-decoration: none; font-family: ±¼¸²;  color: #3A3A3A; font-size: 12px; line-height: 130%; font-weight: bold;}
A.page_link1:hover {text-decoration: none; font-family: ±¼¸²;  color: #FF3600; font-size: 12px; line-height: 130%; font-weight: bold;}

A.page_link2:link {text-decoration: none; font-family: ±¼¸²;  color: #FF3600; font-size: 12px; line-height: 130%; font-weight: bold;}
A.page_link2:visited {text-decoration: none; font-family: ±¼¸²;  color: #FF3600; font-size: 12px; line-height: 130%; font-weight: bold;}
A.page_link2:hover {text-decoration: none; font-family: ±¼¸²;  color: #FF3600; font-size: 12px; line-height: 130%; font-weight: bold;}

.CopyText2 {color: #008806; font-size: 12px; font-family: ±¼¸²; LETTER-SPACING:-1px; font-weight: bold; }
.MyMoneyText1 {FONT-SIZE: 12px; COLOR: #5a8f5b;  FONT-FAMILY: µ¸¿ò;  LETTER-SPACING:-1px; font-weight: bold;}
.saleTitle {font-family:±¼¸²; color: #4f4f4f; font-size: 11px;  LETTER-SPACING:-1px; font-weight: bold;}
.LoginText2 {text-decoration: none; font-family:µ¸¿ò; color: #434343; font-size: 12px;}
.MarketText3 {text-decoration: line-none; font-family:±¼¸²; color: #057400; font-size: 14px;}

.man{color:#1e7bc2; font-size:12px; font-family:µ¸¿ò;}
.woman{color:#fa5085; font-size:12px; font-family:µ¸¿ò;}