@charset "utf-8";
/* common styles *************************************************************/
.right {
  float: right;
}
.left {
  float: left;
}
.clear {
  clear: both;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.tac {
  text-align: center;
}
.valign_middle {
  vertical-align:top;
}
#body_wrap {
  position: absolute;
  left: 10px;
  width: 100%;
  padding: 0;
}

/* basic *********************************************************************/
.w10 {
  width: 10px;
}
.w20 {
  width: 20px;
}
.w30 {
  width: 30px;
}
.w40 {
  width: 40px;
}
.w50 {
  width: 50px;
}
.w60 {
  width: 60px;
}
.w70 {
  width: 70px;
}
.w80 {
  width: 80px;
}
.w90 {
  width: 90px;
}
.w100 {
  width: 100px;
}
.w110 {
  width: 110px;
}
.w120 {
  width: 120px;
}
.w130 {
  width: 130px;
}
.w140 {
  width: 140px;
}
.w150 {
  width: 150px;
}
.w160 {
  width: 160px;
}
.w170 {
  width: 170px;
}
.w180 {
  width: 180px;
}
.w190 {
  width: 190px;
}
.w200 {
  width: 200px;
}
.w300 {
  width: 300px;
}
.w400 {
  width: 400px;
}
.w480 {
  width: 480px;
}
.w500 {
  width: 500px;
}
.w550 {
  width: 550px;
}
.w560 {
  width: 560px;
}
.cursor_hand {
  cursor: hand;
}

h3.brown {
  color: #8b5316;
  font-weight: bold;
  margin: 10px 0 5px 0;
  font-size:16px;
  font-family: Dotum;
}

.white {
  color:#ffffff;
}

.red {
  color: red;
}

.bold {
  font-weight: bold;
}

.center {
  text-align: center;
  margin: auto;
  width: 100%;
}