/* Variables */
/* Layout definitions */
/* New Color System */
/* Ink: Alpha + Omega */
/* Ink-ui: Alpha + Omega */
/* Deco: Alpha + Omega */
/* Point */
/* Calm */
/* Safe */
/* Warn */
/* Stone: Alpha + Omega */
/* Stone: Beta */
/* Stone-ui: Alpha + Omega */
.dfx .common {
  /* Color System */
  /* Old Color System */
  /* Mixins */
  /* https://webdesign.tutsplus.com/tutorials/making-gradients-easier-with-less-mixins--cms-24072 */
}
.dfx .roles .box {
  position: relative;
  display: block;
  float: left;
  margin: auto;
}
.dfx .roles .box:after {
  content: '';
  display: table;
  width: 100%;
}
.dfx .roles .navtoggle > li > .cover {
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}
.dfx .roles .navtoggle > li > .cover.active {
  visibility: visible;
  opacity: 1;
}
.dfx .roles .navtoggle > li > ul {
  visibility: hidden;
  display: block;
  overflow: hidden;
  opacity: 0;
  position: fixed;
}
.dfx .roles .navtoggle > li > ul.active {
  visibility: visible;
}
.dfx .roles .accordion > li > ul {
  display: block;
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
}
.dfx .roles .accordion > li > ul.active {
  opacity: 1;
  max-height: 300px;
}
.m {
  /* Color System */
  /* Old Color System */
  /* Mixins */
  /* https://webdesign.tutsplus.com/tutorials/making-gradients-easier-with-less-mixins--cms-24072 */
}
.r .box {
  position: relative;
  display: block;
  float: left;
  margin: auto;
}
.r .box:after {
  content: '';
  display: table;
  width: 100%;
}
.r .navtoggle > li > .cover {
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}
.r .navtoggle > li > .cover.active {
  visibility: visible;
  opacity: 1;
}
.r .navtoggle > li > ul {
  visibility: hidden;
  display: block;
  overflow: hidden;
  opacity: 0;
  position: fixed;
}
.r .navtoggle > li > ul.active {
  visibility: visible;
}
.r .accordion > li > ul {
  display: block;
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
}
.r .accordion > li > ul.active {
  opacity: 1;
  max-height: 300px;
}
* {
  padding: 0px;
  margin: 0px;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  padding: 0px;
  margin: 0px;
}
a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
button,
input,
select {
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}
option {
  color: black !important;
}
button:focus,
input:focus,
textarea:focus {
  outline: none;
}
br {
  font-family: verdana, sans-serif;
}
input[type="password"],
textarea {
  font-family: '맑은 고딕', sans-serif !important;
}
br.hr {
  display: table;
  clear: both;
  width: 100%;
  height: 1px;
}
.none {
  display: none !important;
}
.c {
  /* Common Mixin */
}
/* Common Mixin */
body {
  background-color: #999;
  font-family: '맑은 고딕';
  font-size: 12.5px;
  color: #666666;
  line-height: 1.5;
}
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
}
*::-webkit-scrollbar-track {
  background-color: #ffffff;
}
*::-webkit-scrollbar-thumb {
  background-color: #666666;
  border: 1px solid #4d4d4d;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
*::-webkit-scrollbar-thumb:hover {
  opacity: .9;
}
/* Layout */
.contents-spacer {
  height: 54px;
}
.contents-area.name-index .contents-container .contents-menu {
  display: none !important;
}
@media screen and (max-width:640px) {
  .contents-area.dir-user,
  .contents-area.dir-betting,
  .contents-area.dir-community {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .contents-area.dir-user,
  .contents-area.dir-betting,
  .contents-area.dir-community {
    width: 100%;
    min-width: 1280px;
  }
}
.contents-area.dir-user:after,
.contents-area.dir-betting:after,
.contents-area.dir-community:after {
  content: "";
  display: table;
  width: 100%;
}
.contents-area.dir-user .contents-container:after,
.contents-area.dir-betting .contents-container:after,
.contents-area.dir-community .contents-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .contents-area.dir-user .contents-container,
  .contents-area.dir-betting .contents-container,
  .contents-area.dir-community .contents-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .contents-area.dir-user .contents-container,
  .contents-area.dir-betting .contents-container,
  .contents-area.dir-community .contents-container {
    width: 1280px;
    margin: 0px auto;
  }
}
.contents-area.dir-user .contents-container:after,
.contents-area.dir-betting .contents-container:after,
.contents-area.dir-community .contents-container:after {
  content: "";
  display: table;
  width: 100%;
}
.contents-area.dir-user .contents-container .contents,
.contents-area.dir-betting .contents-container .contents,
.contents-area.dir-community .contents-container .contents {
  display: block;
  float: left;
  min-height: 1000px;
  padding: 5px;
}
.contents-area.dir-user .contents-container .contents:after,
.contents-area.dir-betting .contents-container .contents:after,
.contents-area.dir-community .contents-container .contents:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (min-width:640px) {
  .contents-area.dir-user .contents-container .contents,
  .contents-area.dir-betting .contents-container .contents,
  .contents-area.dir-community .contents-container .contents {
    width: 980px;
  }
}
@media screen and (max-width:640px) {
  .contents-area.dir-user .contents-container .contents,
  .contents-area.dir-betting .contents-container .contents,
  .contents-area.dir-community .contents-container .contents {
    width: 100%;
  }
}
.contents-area.dir-user .contents-container .contents-menu,
.contents-area.dir-betting .contents-container .contents-menu,
.contents-area.dir-community .contents-container .contents-menu {
  display: block;
  float: right;
  padding: 5px;
}
.contents-area.dir-user .contents-container .contents-menu:after,
.contents-area.dir-betting .contents-container .contents-menu:after,
.contents-area.dir-community .contents-container .contents-menu:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (min-width:640px) {
  .contents-area.dir-user .contents-container .contents-menu,
  .contents-area.dir-betting .contents-container .contents-menu,
  .contents-area.dir-community .contents-container .contents-menu {
    width: 300px;
  }
}
@media screen and (max-width:640px) {
  .contents-area.dir-user .contents-container .contents-menu,
  .contents-area.dir-betting .contents-container .contents-menu,
  .contents-area.dir-community .contents-container .contents-menu {
    width: 100%;
  }
}
/* Layout */
.banner-area:after {
  content: "";
  display: table;
  width: 100%;
}
.banner-container:after {
  content: "";
  display: table;
  width: 100%;
}
.bannercaption-area:after {
  content: "";
  display: table;
  width: 100%;
}
.bannercaption-container:after {
  content: "";
  display: table;
  width: 100%;
}
.bannercaption:after {
  content: "";
  display: table;
  width: 100%;
}
.bannertab-area:after {
  content: "";
  display: table;
  width: 100%;
}
.bannertab-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (min-width:640px) {
  .bannertab:after {
    content: "";
    display: table;
    width: 100%;
  }
  .bannertab > li > button {
    display: none;
  }
  .bannertab > li > ul > li {
    display: block;
    float: left;
  }
  .bannertab > li > ul > li:after {
    content: "";
    display: table;
    width: 100%;
  }
  .bannertab > li > ul > li > a {
    display: block;
    padding: 7px 14px;
  }
}
@media screen and (max-width:640px) {
  .bannertab {
    cursor: pointer;
    display: inline-block;
  }
  .bannertab * {
    list-style: none;
  }
  .bannertab > li {
    display: block;
    float: left;
  }
  .bannertab > li > a,
  .bannertab > li > button {
    display: block;
  }
  .bannertab > li > ul {
    position: absolute;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    max-height: 0px;
    opacity: 0;
  }
  .bannertab > li > ul.active {
    display: block;
    max-height: 1000px;
    -webkit-transition: 0.25s ease-in;
    -moz-transition: 0.25s ease-in;
    -ms-transition: 0.25s ease-in;
    -o-transition: 0.25s ease-in;
    opacity: 1;
  }
  .bannertab > li > ul > li > a {
    display: block;
    padding: 5px 15px;
  }
  .bannertab > li > button {
    padding: 5px 10px;
  }
  .bannertab > li > button:after {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 0.75em;
    padding-left: 5px;
    margin-bottom: 2px;
    display: inline-block;
    vertical-align: middle;
  }
  .bannertab > li > button:focus:after {
    content: "\f077";
  }
  .bannertab > li > ul > li > a {
    min-width: 150px;
    padding: 10px;
  }
}
/* Usage */
.banner-area.name-index {
  display: none !important;
}
.banner-area.name-sports .bannertab-area {
  display: none !important;
}
/* Layout */
@media screen and (max-width:640px) {
  .banner-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .banner-area {
    width: 100%;
    min-width: 1280px;
  }
}
@media screen and (max-width:640px) {
  .banner-area .banner-container .bannercaption-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .banner-area .banner-container .bannercaption-area {
    width: 100%;
    min-width: 1280px;
  }
}
.banner-area .banner-container .bannercaption-area .bannercaption-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .banner-area .banner-container .bannercaption-area .bannercaption-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .banner-area .banner-container .bannercaption-area .bannercaption-container {
    width: 1280px;
    margin: 0px auto;
  }
}
.banner-area .banner-container .bannercaption-area .bannercaption-container .bannercaption {
  height: 189px;
}
@media screen and (max-width:640px) {
  .banner-area .banner-container .bannertab-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .banner-area .banner-container .bannertab-area {
    width: 100%;
    min-width: 1280px;
  }
}
.banner-area .banner-container .bannertab-area .bannertab-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .banner-area .banner-container .bannertab-area .bannertab-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .banner-area .banner-container .bannertab-area .bannertab-container {
    width: 1280px;
    margin: 0px auto;
  }
}
@media screen and (max-width:640px) {
  .banner-area .banner-container .bannertab-area .bannertab-container .bannertab > li {
    position: relative;
  }
  .banner-area .banner-container .bannertab-area .bannertab-container .bannertab > li > ul {
    right: 0px;
  }
}
/* Theme */
.banner-area {
  height: 360px;
  background-size: cover;
}
@media screen and (min-width:640px) {
  .banner-area {
    background-position: center center;
  }
}
@media screen and (max-width:640px) {
  .banner-area {
    background-position: -500px center;
  }
}
.banner-area.name-sports {
  background-image: url(/refer/images/hobak/banner-bg-1.jpg);
}
.banner-area.name-live {
  background-image: url(/refer/images/hobak/banner-bg-5.jpg);
}
.banner-area.name-charge,
.banner-area.name-exchange,
.banner-area.name-chargelist,
.banner-area.name-exchangelist,
.banner-area.name-customerlist,
.banner-area.name-customerview,
.banner-area.name-customerform,
.banner-area.name-freelist,
.banner-area.name-freeview,
.banner-area.name-freeform,
.banner-area.name-messagelist,
.banner-area.name-modify,
.banner-area.name-sportslist,
.banner-area.name-livelist,
.banner-area.name-recommendlist {
  background-image: url(/refer/images/hobak/banner-bg-6.jpg);
}
.bannercaption {
  color: #ffffff;
  font-family: 'YDIYGO310';
  padding: 35px 5px;
  padding-top: 80px;
  padding-bottom: 22px;
}
.bannercaption > h1 {
  font-size: 3em;
  font-weight: 700;
  float: right;
  border-bottom: 2px solid #d09153;
}
.bannercaption > hr {
  display: none !important;
}
.bannercaption > h2 {
  clear: both;
  float: right;
  font-size: 1.5em;
  font-weight: 400;
}
.bannercaption > p {
  display: none !important;
}
.bannercaption > a {
  display: none !important;
}
.bannertab {
  padding: 15px 5px;
  clear: both;
  float: right;
}
@media screen and (min-width:640px) {
  .bannertab > li > ul > li > a {
    color: #ffffff;
    border-top: 2px solid #ffffff;
    opacity: 1;
  }
  .bannertab > li > ul > li > a.selected {
    opacity: 1;
    border-top: 2px solid #e25f1f;
    color: #e25f1f;
  }
}
@media screen and (max-width:640px) {
  .bannertab {
    margin-top: 5px;
  }
  .bannertab > li > button {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #666666;
    border: 0px;
    background-color: #fdfdfd;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    font-weight: 700;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  }
  .bannertab > li > button:hover {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #666666;
    border: 0px;
    background-color: #e4e4e4;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  }
  .bannertab > li > button:active,
  .bannertab > li > button:focus {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #666666;
    border: 0px;
    background-color: #e4e4e4;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(228, 228, 228, 0.5);
    -moz-box-shadow: 0px 0px 0px 2px rgba(228, 228, 228, 0.5);
    box-shadow: 0px 0px 0px 2px rgba(228, 228, 228, 0.5);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(228, 228, 228, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(228, 228, 228, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(228, 228, 228, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  }
  .bannertab > li > ul {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #666666;
    border: 0px;
    background-color: #fdfdfd;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  }
  .bannertab > li > ul:hover {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #666666;
    border: 0px;
    background-color: #e4e4e4;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  }
  .bannertab > li > ul:active,
  .bannertab > li > ul:focus {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #666666;
    border: 0px;
    background-color: #e4e4e4;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(228, 228, 228, 0.5);
    -moz-box-shadow: 0px 0px 0px 2px rgba(228, 228, 228, 0.5);
    box-shadow: 0px 0px 0px 2px rgba(228, 228, 228, 0.5);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(228, 228, 228, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(228, 228, 228, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(228, 228, 228, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  }
  .bannertab > li > ul > li > a.selected {
    background-color: #d09052;
    color: #ffffff;
  }
}
@media screen and (max-width:640px) {
  .infocart-wrap {
    visibility: hidden;
    max-height: 0px;
    max-width: 0px;
    overflow: hidden;
  }
}
.infocart-wrap .infocart .quickmenu-wrap {
  display: block;
}
.infocart-wrap .infocart .quickmenu-wrap:after {
  content: "";
  display: table;
  width: 100%;
}
.infocart-wrap .infocart .quickmenu-wrap .quickmenu {
  display: block;
}
.infocart-wrap .infocart .quickmenu-wrap .quickmenu:after {
  content: "";
  display: table;
  width: 100%;
}
.infocart-wrap .infocart .quickmenu-wrap .quickmenu > li {
  display: block;
  float: left;
  width: 50%;
}
.infocart-wrap .infocart .quickmenu-wrap .quickmenu > li > .item {
  display: inline-block;
  width: 100%;
}
.infocart-wrap .infocart .quickmenu-wrap .quickmenu > li > .item .item-icon {
  display: inline-block;
  vertical-align: middle;
}
.infocart-wrap .infocart .quickmenu-wrap .quickmenu > li > .item .item-icon {
  display: inline-block;
  vertical-align: middle;
}
/* Usage */
.infocart-wrap .infocart .quickmenu-wrap {
  display: none !important;
}
/* Theme */
.infocart-wrap .infocart .userinfo-wrap {
  background-color: #f8f8f8;
  margin-bottom: 10px;
}
.infocart-wrap .infocart .userinfo-wrap .userinfo-meta {
  padding: 10px;
  background-image: url(/refer/images/hobak/hr.png);
  background-position: left bottom;
  background-size: 400% 1px;
}
.infocart-wrap .infocart .userinfo-wrap .userinfo-meta > h1 {
  font-size: 1.35em;
  display: inline-block;
  color: #e25f1f;
  font-weight: 400;
}
.infocart-wrap .infocart .userinfo-wrap .userinfo-meta > h1:before {
  content: "Welcome!";
}
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-nickname {
  margin-bottom: 10px;
  padding: 0px 10px;
  padding-top: 12px;
  display: block;
  font-size: 1.25em;
}
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-nickname > strong {
  font-size: 1.25em;
  font-weight: 400;
  color: #6e6e6e;
}
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-money {
  padding: 0px 10px;
  display: block;
}
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-money > strong {
  font-weight: 400;
  color: #6e6e6e;
}
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-point {
  padding: 0px 10px;
  padding-bottom: 15px;
  display: block;
}
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-point > strong {
  font-weight: 400;
  color: #6e6e6e;
}
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-btns {
  background-image: url(/refer/images/hobak/hr.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 200% 1px;
  padding: 10px;
  text-align: right;
}
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-btns > [class*="item-"] {
  display: inline-block;
  padding: 2.5px 7.5px;
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.25);
  background-color: rgba(64, 64, 64, 0.05);
  color: rgba(64, 64, 64, 0.7);
}
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-btns > [class*="item-"]:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.5);
  background-color: rgba(64, 64, 64, 0.1);
  color: rgba(64, 64, 64, 0.7);
}
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-btns > [class*="item-"]:active,
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-btns > [class*="item-"].active,
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-btns > [class*="item-"]:focus,
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-btns > [class*="item-"].focus {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.7);
  background-color: rgba(64, 64, 64, 0.3);
  color: rgba(64, 64, 64, 0.9);
}
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-btns > .item-logout {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.25);
  background-color: rgba(236, 153, 0, 0.05);
  color: rgba(236, 153, 0, 0.7);
}
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-btns > .item-logout:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.5);
  background-color: rgba(236, 153, 0, 0.1);
  color: rgba(236, 153, 0, 0.7);
}
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-btns > .item-logout:active,
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-btns > .item-logout.active,
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-btns > .item-logout:focus,
.infocart-wrap .infocart .userinfo-wrap .userinfo > .item-btns > .item-logout.focus {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.7);
  background-color: rgba(236, 153, 0, 0.3);
  color: rgba(236, 153, 0, 0.9);
}
.infocart-wrap .infocart .livebanner-wrap {
  background-color: #f8f8f8;
}
.infocart-wrap .infocart .livebanner-wrap .livebanner-meta {
  padding: 10px;
  background-image: url(/refer/images/hobak/hr.png);
  background-position: left bottom;
  background-size: 400% 1px;
}
.infocart-wrap .infocart .livebanner-wrap .livebanner-meta > h1 {
  font-size: 1.35em;
  display: inline-block;
  color: #e25f1f;
  font-weight: 400;
}
.infocart-wrap .infocart .livebanner-wrap .livebanner-meta > h1:before {
  content: "미니 게임 추천";
}
.infocart-wrap .infocart .livebanner-wrap .livebanner > li > .item {
  display: block;
  height: 75px;
  margin: 5px;
  padding: 15px;
  background-position: left center;
  background-size: auto 200%;
  background-repeat: no-repeat;
  text-align: right;
  padding-top: 25px;
  font-size: 1.25em;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(208, 145, 83, 0.25);
  background-color: rgba(208, 145, 83, 0.05);
  color: rgba(208, 145, 83, 0.7);
}
.infocart-wrap .infocart .livebanner-wrap .livebanner > li > .item:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(208, 145, 83, 0.5);
  background-color: rgba(208, 145, 83, 0.1);
  color: rgba(208, 145, 83, 0.7);
}
.infocart-wrap .infocart .livebanner-wrap .livebanner > li > .item:active,
.infocart-wrap .infocart .livebanner-wrap .livebanner > li > .item.active,
.infocart-wrap .infocart .livebanner-wrap .livebanner > li > .item:focus,
.infocart-wrap .infocart .livebanner-wrap .livebanner > li > .item.focus {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(208, 145, 83, 0.7);
  background-color: rgba(208, 145, 83, 0.3);
  color: rgba(208, 145, 83, 0.9);
}
.bettingcart-wrap:after {
  content: "";
  display: table;
  width: 100%;
}
.bettingcart-wrap #bettingcart-toggle {
  display: none;
}
.bettingcart-wrap .bettingcart-title {
  padding: 5px;
}
.bettingcart-wrap .bettingcart-title:after {
  content: "";
  display: table;
  width: 100%;
}
.bettingcart-wrap .bettingcart-title .item-title {
  padding: 10px;
  display: block;
  float: left;
  padding: 5px;
}
.bettingcart-wrap .bettingcart {
  display: block;
  overflow: hidden;
  padding: 5px;
}
.bettingcart-wrap .bettingcart .item {
  display: block;
  padding: 5px;
  margin-top: 2.5px;
  font-size: 0.9em;
}
.bettingcart-wrap .bettingcart .item:after {
  content: "";
  display: table;
  width: 100%;
}
.bettingcart-wrap .bettingcart .item .item-teamname {
  display: block;
  float: left;
  width: 80%;
}
.bettingcart-wrap .bettingcart .item .item-info {
  display: block;
  float: left;
  width: 20%;
}
.bettingcart-wrap .bettingcart .item .item-teamname .item-home {
  display: block;
}
.bettingcart-wrap .bettingcart .item .item-teamname .item-away {
  display: block;
}
.bettingcart-wrap .bettingcart .item .item-info {
  text-align: right;
}
.bettingcart-wrap .bettingcart .item .item-info > .item-x {
  display: inline-block;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.bettingcart-wrap .bettingcart .item .item-info > .item-div {
  display: block;
  text-align: right;
}
.bettingcart-wrap .bettingcart-info:after {
  content: "";
  display: table;
  width: 100%;
}
.bettingcart-wrap .bettingcart-info p {
  display: block;
  padding: 5px;
}
.bettingcart-wrap .bettingcart-info p:after {
  content: "";
  display: table;
  width: 100%;
}
.bettingcart-wrap .bettingcart-info p > label {
  display: block;
  float: left;
  width: 50%;
  padding: 2.5px;
}
.bettingcart-wrap .bettingcart-info p > span {
  display: block;
  float: left;
  width: 50%;
  text-align: right;
  padding: 2.5px;
}
.bettingcart-wrap .bettingcart-info p > input {
  display: block;
  float: left;
  width: 50%;
  text-align: right;
  padding: 2.5px;
}
.bettingcart-wrap .bettingcart-moneybtn {
  display: block;
  padding: 2.5px;
}
.bettingcart-wrap .bettingcart-moneybtn:after {
  content: "";
  display: table;
  width: 100%;
}
.bettingcart-wrap .bettingcart-moneybtn li {
  display: block;
  float: left;
  padding: 2.5px;
}
.bettingcart-wrap .bettingcart-moneybtn li > a {
  display: inline-block;
  width: 100%;
  padding: 5px;
  text-align: center;
}
.bettingcart-wrap .bettingcart-button {
  padding: 5px;
}
.bettingcart-wrap .bettingcart-button:after {
  content: "";
  display: table;
  width: 100%;
}
.bettingcart-wrap .bettingcart-button .item-betting {
  width: 100%;
  padding: 15px;
  border: none;
  font-size: 1.25em;
}
.cart {
  display: block;
  z-index: 1;
  -webkit-transition: top 1s;
  -moz-transition: top 1s;
  -o-transition: top 1s;
  transition: top 1s;
  backface-visibility: hidden;
}
@media screen and (max-width:640px) {
  .cart .bettingcart-wrap {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
  }
}
.cart .bettingcart-info p {
  clear: both;
}
.cart .bettingcart-moneybtn > li {
  width: 33.33333333%;
}
@media screen and (max-width:640px) {
  .cart .bettingcart-accordion {
    max-height: 0px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    opacity: 0;
    padding: 0px;
    overflow: hidden;
  }
  .cart .bettingcart-info .item-group-beta .item-min-wrap {
    display: none !important;
  }
  .cart .bettingcart-info .item-group-beta .item-onefoldermax-wrap {
    display: none !important;
  }
  .cart .bettingcart-info .item-group-beta .item-max-wrap {
    display: none !important;
  }
  .cart .bettingcart-info .item-group-beta .item-hitgoldmax-wrap {
    display: none !important;
  }
  .cart .bettingcart .item .item-teamname .item-home {
    float: left;
    padding: 2.5px;
  }
  .cart .bettingcart .item .item-teamname .item-away {
    float: left;
    padding: 2.5px;
    display: none !important;
  }
  .cart .bettingcart .item .item-info > .item-x {
    float: right;
    margin-left: 5px;
  }
  .cart .bettingcart .item .item-info > .item-div {
    float: right;
    padding: 2.5px;
  }
  .cart #bettingcart-toggle:checked ~ .bettingcart-accordion {
    max-height: 1000px;
    opacity: 1;
  }
}
.livebettingcart-wrap .bettingcart-wrap .bettingcart-title .item-toggle {
  display: none;
}
.livebettingcart-wrap .bettingcart .item .item-teamname > .item-home {
  float: left;
  padding: 2.5px;
}
.livebettingcart-wrap .bettingcart .item .item-teamname > .item-away {
  float: left;
  padding: 2.5px;
}
.livebettingcart-wrap .bettingcart .item .item-info > .item-x {
  float: right;
  margin-left: 5px;
}
.livebettingcart-wrap .bettingcart .item .item-info > .item-div {
  float: right;
  padding: 2.5px;
}
.livebettingcart-wrap .bettingcart-info p {
  display: block;
  float: left;
  clear: none;
}
@media screen and (min-width:640px) {
  .livebettingcart-wrap .bettingcart-info p {
    width: 25%;
  }
}
@media screen and (max-width:640px) {
  .livebettingcart-wrap .bettingcart-info p {
    width: 50%;
  }
}
.livebettingcart-wrap .bettingcart-info p > label {
  text-align: right;
  padding-right: 10px;
}
.livebettingcart-wrap .bettingcart-info .item-min-wrap,
.livebettingcart-wrap .bettingcart-info .item-onefoldermax-wrap,
.livebettingcart-wrap .bettingcart-info .item-max-wrap,
.livebettingcart-wrap .bettingcart-info .item-hitgoldmax-wrap {
  display: none;
}
.livebettingcart-wrap .bettingcart-moneybtn > li {
  width: 16.66666667%;
}
@media screen and (min-width:640px) {
  .livebettingcart-wrap .bettingcart-button .item-betting {
    width: 30%;
    float: right;
  }
}
@media screen and (max-width:640px) {
  .bettingcart-wrap {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background-color: #f2f2f2;
    color: #ec9900;
  }
}
.bettingcart-wrap .bettingcart .item {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #ffffff;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
}
.bettingcart-wrap .bettingcart .item .item-info > .item-x {
  font-size: 0px;
}
.bettingcart-wrap .bettingcart .item .item-info > .item-x:before {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  content: "\f057";
  font-size: 18px;
  font-family: FontAwesome;
  color: #d7d7d7;
  line-height: 1;
}
.bettingcart-wrap .bettingcart .item .item-info > .item-x:hover:before {
  color: #ec9900;
}
.bettingcart-wrap .bettingcart-info p {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  color: #666666;
}
.bettingcart-wrap .bettingcart-info .item-group-alpha > p > span,
.bettingcart-wrap .bettingcart-info .item-group-alpha > p > input {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  color: rgba(255, 0, 0, 0.8);
  font-weight: bold;
}
.bettingcart-wrap .bettingcart-info .item-group-alpha > p > span:hover,
.bettingcart-wrap .bettingcart-info .item-group-alpha > p > input:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.bettingcart-wrap .bettingcart-info .item-group-alpha > p > span:active,
.bettingcart-wrap .bettingcart-info .item-group-alpha > p > input:active {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.bettingcart-wrap .bettingcart-info .item-group-beta {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 2px 0px -1px rgba(208, 145, 83, 0.1);
  -moz-box-shadow: inset 0px 2px 0px -1px rgba(208, 145, 83, 0.1);
  box-shadow: inset 0px 2px 0px -1px rgba(208, 145, 83, 0.1);
}
.bettingcart-wrap .bettingcart-info .item-group-beta > p > label {
  color: #404040;
}
.bettingcart-wrap .bettingcart-info .item-group-beta > p > span,
.bettingcart-wrap .bettingcart-info .item-group-beta > p > input {
  color: #e7743c;
}
.bettingcart-wrap .bettingcart-info .item-onefoldermax-wrap {
  display: none !important;
}
.bettingcart-wrap .bettingcart-moneybtn li > a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  font-weight: 700;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.bettingcart-wrap .bettingcart-moneybtn li > a:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #d48a00;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.bettingcart-wrap .bettingcart-moneybtn li > a:active,
.bettingcart-wrap .bettingcart-moneybtn li > a:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #d48a00;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(212, 138, 0, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(212, 138, 0, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(212, 138, 0, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.bettingcart-wrap .bettingcart-moneybtn li > a.item-reset,
.bettingcart-wrap .bettingcart-moneybtn li > a.item-max {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  font-weight: 700;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.bettingcart-wrap .bettingcart-moneybtn li > a.item-reset:hover,
.bettingcart-wrap .bettingcart-moneybtn li > a.item-max:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #d48a00;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.bettingcart-wrap .bettingcart-moneybtn li > a.item-reset:active,
.bettingcart-wrap .bettingcart-moneybtn li > a.item-max:active,
.bettingcart-wrap .bettingcart-moneybtn li > a.item-reset:focus,
.bettingcart-wrap .bettingcart-moneybtn li > a.item-max:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #d48a00;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(212, 138, 0, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(212, 138, 0, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(212, 138, 0, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.bettingcart-wrap .bettingcart-button .item-betting {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMjE4LCA5MiwgMCkiIHN0b3Atb3BhY2l0eT0iMC43NSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(218, 92, 0, 0.75));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(218, 92, 0, 0.75));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(218, 92, 0, 0.75));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(218, 92, 0, 0.75));
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #ec9900;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.bettingcart-wrap .bettingcart-button .item-betting:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #d48a00;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
}
.bettingcart-wrap .bettingcart-button .item-betting:active,
.bettingcart-wrap .bettingcart-button .item-betting.active,
.bettingcart-wrap .bettingcart-button .item-betting:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #d48a00;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
}
.cart {
  -webkit-transition: top 1s;
  -moz-transition: top 1s;
  -o-transition: top 1s;
  transition: top 1s;
  /* Pin Layout */
  /* Pin Theme */
}
.cart .bettingcart-wrap {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ec9900;
  border: 0px;
  background-color: #f2f2f2;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.cart .bettingcart-title {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ec9900;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  padding: 6px;
}
@media screen and (min-width:640px) {
  .cart .bettingcart-wrap {
    margin-top: 43px;
    padding: 0px;
  }
}
.cart .bettingcart-title .item-toggle {
  display: block;
  float: right;
}
.cart .bettingcart-title .item-toggle > .item-toggle-pin {
  display: block;
}
.cart .bettingcart-title > .item-toggle {
  width: 47px;
  height: 27px;
  padding: 2px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ec9900;
  border: 0px;
  background-color: #ffffff;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.cart .bettingcart-title > .item-toggle > .item-toggle-pin {
  width: 65%;
  height: 100%;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #ec9900;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
}
.cart .bettingcart-title > .item-toggle > .item-toggle-pin:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #d48a00;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
}
.cart .bettingcart-title > .item-toggle > .item-toggle-pin:active {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #d48a00;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
}
.cart #bettingcart-toggle:checked ~ .bettingcart-title .item-toggle .item-toggle-pin {
  margin-left: 35%;
}
.livebettingcart-wrap {
  margin-bottom: 10px;
}
.livebettingcart-wrap .bettingcart-wrap {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ec9900;
  border: 0px;
  background-color: #f2f2f2;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.livebettingcart-wrap .bettingcart-title {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ec9900;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMjA0LCAyMDQsIDIwNCkiIHN0b3Atb3BhY2l0eT0iMC43NSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(204, 204, 204, 0.75));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(204, 204, 204, 0.75));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(204, 204, 204, 0.75));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(204, 204, 204, 0.75));
  padding: 8px;
}
.livebettingcart-wrap .bettingcart-button .item-betting {
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
}
.paging-wrap {
  display: block;
  padding: 20px;
  text-align: center;
}
.paging-wrap > ul {
  display: inline-block;
}
.paging-wrap > ul > li {
  display: block;
  float: left;
}
.paging-wrap > ul > li > a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 5px;
}
.paging-wrap > ul {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #f2f2f2;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.paging-wrap > ul > li > a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.paging-wrap > ul > li > a:hover,
.paging-wrap > ul > li > a:active,
.paging-wrap > ul > li > a.active {
  background-color: #e4e4e4;
  color: #666666;
}
.icon-level-1,
.icon-level-2,
.icon-level-3,
.icon-level-4,
.icon-level-5,
.icon-level-6 {
  display: inline-block;
  margin-right: 5px;
  width: 22px;
  height: 22px;
  vertical-align: middle;
}
.icon-level-lg-1,
.icon-level-lg-2,
.icon-level-lg-3,
.icon-level-lg-4,
.icon-level-lg-5,
.icon-level-lg-6 {
  display: inline-block;
  width: 55px;
  height: 55px;
  vertical-align: middle;
}
.icon-level-1,
.icon-level-2,
.icon-level-3,
.icon-level-4,
.icon-level-5 {
  background-size: cover;
  background-position: center center;
}
.icon-level-1 {
  background-image: url(/refer/images/hobak/icon-level-1.png);
}
.icon-level-2 {
  background-image: url(/refer/images/hobak/icon-level-2.png);
}
.icon-level-3 {
  background-image: url(/refer/images/hobak/icon-level-3.png);
}
.icon-level-4 {
  background-image: url(/refer/images/hobak/icon-level-4.png);
}
.icon-level-5 {
  background-image: url(/refer/images/hobak/icon-level-5.png);
}
.icon-level-lg-1,
.icon-level-lg-2,
.icon-level-lg-3,
.icon-level-lg-4,
.icon-level-lg-5 {
  background-size: cover;
  background-position: center center;
  margin-right: 5px;
}
.icon-level-lg-1 {
  background-image: url(/refer/images/hobak/icon-level-lg-1.png);
}
.icon-level-lg-2 {
  background-image: url(/refer/images/hobak/icon-level-lg-2.png);
}
.icon-level-lg-3 {
  background-image: url(/refer/images/hobak/icon-level-lg-3.png);
}
.icon-level-lg-4 {
  background-image: url(/refer/images/hobak/icon-level-lg-4.png);
}
.icon-level-lg-5 {
  background-image: url(/refer/images/hobak/icon-level-lg-5.png);
}
.themeswitch-area {
  -webkit-transition: visibility 0.5s, opacity 0.5s;
  -moz-transition: visibility 0.5s, opacity 0.5s;
  -o-transition: visibility 0.5s, opacity 0.5s;
  transition: visibility 0.5s, opacity 0.5s;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 20000;
  /* Disabled */
  visibility: hidden;
  opacity: 0;
  /* Activated */
}
.themeswitch-area.active {
  visibility: visible;
  opacity: 1;
}
.themeswitch-cover {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.9);
}
.themeswitch-wrap {
  position: fixed;
  width: 300px;
  background-color: white;
  top: 50%;
  left: 50%;
  border: 1px solid black;
  color: black;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.themeswitch-wrap .themeswitch-x {
  display: block;
  height: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-align: right;
  padding: 10px 15px;
}
.themeswitch-wrap .themeswitch-list {
  display: block;
  width: 100%;
  height: 360px;
  overflow: auto;
}
.themeswitch-wrap .themeswitch-list > li > a {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.themeswitch-wrap .themeswitch-list > li > a:hover,
.themeswitch-wrap .themeswitch-list > li > a.active {
  background-color: #0070c9;
}
.themeswitch-wrap .themeswitch-btns {
  float: right;
  padding: 5px;
}
.themeswitch-wrap .themeswitch-btns input[type="button"] {
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.75);
  background-color: white;
  font-weight: bold;
}
/* Layout */
.loading-area {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  visibility: visible;
}
.loading-area.complete {
  opacity: 0;
  visibility: hidden;
}
/* Theme */
.loading-area {
  background-color: #f8f8f8;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.loading {
  position: relative;
  height: 100px;
  width: 100px;
  -webkit-border-radius: 100%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100%;
  -moz-background-clip: padding;
  border-radius: 100%;
  background-clip: padding-box;
  top: 50%;
  margin: 0px auto;
  margin-top: -50px;
}
.loading .loading-graph {
  height: 100px;
  width: 100px;
  -webkit-border-radius: 100%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100%;
  -moz-background-clip: padding;
  border-radius: 100%;
  background-clip: padding-box;
  border: 1px solid transparent;
  border-color: transparent #e25f1f transparent #e25f1f;
  -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
  -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
  -o-animation: rotate-loading 1.5s linear 0s infinite normal;
  animation: rotate-loading 1.5s linear 0s infinite normal;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
@-moz-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}
/* Layout */
.bg-area {
  position: absolute;
}
.bg-area .bg.type-default {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.bg-area .bg.type-default > .wrap {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg-area .bg.type-default > .wrap > li {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg-area .bg.type-default > .next {
  position: absolute;
  right: 0px;
}
.bg-area .bg.type-default > .prev {
  position: absolute;
  left: 0px;
}
.bg-area .bg.type-default > .nav {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.bg-area .bg.type-default > .nav > li {
  display: inline-block;
}
.bg-area .bg.type-default .wrap li {
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
  backface-visibility: hidden;
}
.bg-area .bg.type-defaultstatic {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.bg-area .bg.type-defaultstatic > .wrap {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg-area .bg.type-defaultstatic > .wrap > li {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg-area .bg.type-defaultstatic > .next {
  position: absolute;
  right: 0px;
}
.bg-area .bg.type-defaultstatic > .prev {
  position: absolute;
  left: 0px;
}
.bg-area .bg.type-defaultstatic > .nav {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.bg-area .bg.type-defaultstatic > .nav > li {
  display: inline-block;
}
.bg-area .bg.type-defaultstatic .wrap li {
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
  backface-visibility: hidden;
}
.bg-area .bg.type-sportscarousel {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.bg-area .bg.type-sportscarousel > .wrap {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg-area .bg.type-sportscarousel > .wrap > li {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg-area .bg.type-sportscarousel > .next {
  position: absolute;
  right: 0px;
}
.bg-area .bg.type-sportscarousel > .prev {
  position: absolute;
  left: 0px;
}
.bg-area .bg.type-sportscarousel > .nav {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.bg-area .bg.type-sportscarousel > .nav > li {
  display: inline-block;
}
.bg-area .bg.type-sportscarousel .wrap li {
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
  backface-visibility: hidden;
}
.bg-area .bg.type-defaulttimer {
  display: none;
}
/* Theme */
.bg-area {
  /* Overlapping */
  width: 100%;
}
.bg-area .bg.type-defaultstatic {
  /* Overlapping */
}
@media screen and (max-width:640px) {
  .bg-area .bg.type-defaultstatic {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .bg-area .bg.type-defaultstatic {
    width: 100%;
    min-width: 1280px;
  }
}
.bg-area .bg.type-defaultstatic .wrap li {
  /* Theme 
  background-image: url(/refer/images/hobak/bgbgbg.jpg);
  background-repeat: no-repeat;
  opacity: .5;
  background-attachment: fixed;
  */
}
/* Layout */
.bg-area {
  position: absolute;
}
.bg-area .bg.type-user {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.bg-area .bg.type-user > .wrap {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg-area .bg.type-user > .wrap > li {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg-area .bg.type-user > .next {
  position: absolute;
  right: 0px;
}
.bg-area .bg.type-user > .prev {
  position: absolute;
  left: 0px;
}
.bg-area .bg.type-user > .nav {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.bg-area .bg.type-user > .nav > li {
  display: inline-block;
}
.bg-area .bg.type-user .wrap li {
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-transition: opacity 3s;
  -moz-transition: opacity 3s;
  -o-transition: opacity 3s;
  transition: opacity 3s;
  backface-visibility: hidden;
}
.bg-area .bg.type-userstatic {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.bg-area .bg.type-userstatic > .wrap {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg-area .bg.type-userstatic > .wrap > li {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg-area .bg.type-userstatic > .next {
  position: absolute;
  right: 0px;
}
.bg-area .bg.type-userstatic > .prev {
  position: absolute;
  left: 0px;
}
.bg-area .bg.type-userstatic > .nav {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.bg-area .bg.type-userstatic > .nav > li {
  display: inline-block;
}
.bg-area .bg.type-userstatic .wrap li {
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-transition: opacity 3s;
  -moz-transition: opacity 3s;
  -o-transition: opacity 3s;
  transition: opacity 3s;
  backface-visibility: hidden;
}
.bg-area .bg.type-uservideo {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.bg-area .bg.type-uservideo .uservideo {
  position: relative;
  width: 100%;
  height: 100%;
}
.bg-area .bg.type-uservideo .uservideo #uservideo-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg-area .bg.type-uservideo #uservideo-video {
  display: none;
}
.bg-area .bg.type-usertimer {
  display: none;
}
/* Usage */
/* Theme */
.bg-area .bg.type-userstatic .wrap li {
  /* Theme */
  background-image: url(/refer/images/hobak/bg.jpg);
  background-repeat: no-repeat;
  opacity: .5;
}
.nav-area {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 4000;
}
@media screen and (max-width:640px) {
  .nav-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .nav-area {
    width: 100%;
    min-width: 1280px;
  }
}
.nav-area:after {
  content: "";
  display: table;
  width: 100%;
}
/* Usage */
.nav-area .navinfo-area {
  display: none !important;
}
.nav-area .navwide-top-area {
  display: none !important;
}
.nav-area .navwide-bottom-area {
  display: none !important;
}
.nav-area .navtoggle-area {
  visibility: hidden;
  max-height: 0px;
  max-width: 0px;
  overflow: hidden;
}
/* Theme */
.nav-area {
  color: #666666;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
  background-image: url(/refer/images/hobak/nav-bg.jpg);
  background-position: center center;
  background-repeat: x-repeat;
}
/* Layout */
@media screen and (max-width:640px) {
  .navinfo-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .navinfo-area {
    width: 100%;
    min-width: 1280px;
  }
}
.navinfo-area:after {
  content: "";
  display: table;
  width: 100%;
}
.navinfo-area .navinfo-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .navinfo-area .navinfo-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .navinfo-area .navinfo-container {
    width: 1280px;
    margin: 0px auto;
  }
}
.navinfo-area .navinfo-container:after {
  content: "";
  display: table;
  width: 100%;
}
.navinfo-area .navinfo-container .navinfo {
  float: right;
}
.navinfo-area .navinfo-container .navinfo:after {
  content: "";
  display: table;
  width: 100%;
}
.navinfo-area .navinfo-container .navinfo > li {
  float: left;
  height: 40px;
  padding: 0px 7.5px;
}
.navinfo-area .navinfo-container .navinfo > li:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* Layout */
/* Theme */
.navinfo-area {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 0px -1px rgba(102, 102, 102, 0.1);
  -moz-box-shadow: 0px 2px 0px -1px rgba(102, 102, 102, 0.1);
  box-shadow: 0px 2px 0px -1px rgba(102, 102, 102, 0.1);
  background-color: #666666;
  color: #ffffff;
}
.navinfo-area .navinfo-container .navinfo > li > span {
  display: inline-block;
  padding: 2px;
}
.navinfo-area .navinfo-container .navinfo > li > span > strong {
  color: #808080;
}
.navinfo-area .navinfo-container .navinfo > li > a {
  background-color: #000000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #666666;
  display: inline-block;
  padding: 2px;
}
/* Layout */
@media screen and (max-width:640px) {
  .navwide-top-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .navwide-top-area {
    width: 100%;
    min-width: 1280px;
  }
}
.navwide-top-area:after {
  content: "";
  display: table;
  width: 100%;
}
.navwide-top-area .navwide-top-container {
  position: relative;
}
.navwide-top-area .navwide-top-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .navwide-top-area .navwide-top-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .navwide-top-area .navwide-top-container {
    width: 1280px;
    margin: 0px auto;
  }
}
.navwide-top-area .navwide-top-container:after {
  content: "";
  display: table;
  width: 100%;
}
.navwide-top-area .navwide-top-container .navlogo {
  width: 225px;
  height: 95px;
  float: left;
  background-position: 5px center;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.navwide-top-area .navwide-top-container .navinfo {
  float: right;
  height: 40px;
}
.navwide-top-area .navwide-top-container .navinfo > li {
  float: left;
  height: 100%;
  padding: 0px 10px;
}
.navwide-top-area .navwide-top-container .navinfo > li:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.navwide-top-area .navwide-top-container .navquick {
  height: 60px;
  float: right;
  clear: right;
}
.navwide-top-area .navwide-top-container .navquick > li {
  display: inline-block;
  height: 100%;
}
.navwide-top-area .navwide-top-container .navquick > li:after {
  content: "";
  display: table;
  width: 100%;
}
.navwide-top-area .navwide-top-container .navquick > li > a {
  display: block;
  height: 100%;
  padding: 0px 15px;
  font-size: 1.25em;
}
.navwide-top-area .navwide-top-container .navquick > li > a:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
@media screen and (max-width:640px) {
  .navwide-bottom-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .navwide-bottom-area {
    width: 100%;
    min-width: 1280px;
  }
}
.navwide-bottom-area:after {
  content: "";
  display: table;
  width: 100%;
}
.navwide-bottom-area .navwide-bottom-container {
  position: relative;
  height: 58px;
}
.navwide-bottom-area .navwide-bottom-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .navwide-bottom-area .navwide-bottom-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .navwide-bottom-area .navwide-bottom-container {
    width: 1280px;
    margin: 0px auto;
  }
}
.navwide-bottom-area .navwide-bottom-container:after {
  content: "";
  display: table;
  width: 100%;
}
.navwide-bottom-area .navwide-bottom-container .navgnb {
  cursor: pointer;
  display: inline-block;
  display: block;
  height: 58px;
  float: left;
}
.navwide-bottom-area .navwide-bottom-container .navgnb * {
  list-style: none;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li {
  display: block;
  float: left;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li > a,
.navwide-bottom-area .navwide-bottom-container .navgnb > li > button {
  display: block;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li > ul {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -ms-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  max-height: 0px;
  opacity: 0;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li > ul.active {
  display: block;
  max-height: 1000px;
  -webkit-transition: 0.25s ease-in;
  -moz-transition: 0.25s ease-in;
  -ms-transition: 0.25s ease-in;
  -o-transition: 0.25s ease-in;
  opacity: 1;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li > ul > li > a {
  display: block;
  padding: 5px 15px;
}
.navwide-bottom-area .navwide-bottom-container .navgnb:after {
  content: "";
  display: table;
  width: 100%;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li {
  display: block;
  height: 100%;
  float: left;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li:after {
  content: "";
  display: table;
  width: 100%;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li > a {
  display: block;
  height: 100%;
  padding: 0px 20px;
  font-size: 1.25em;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li > a:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li > ul > li > a {
  padding: 0px 20px;
  min-width: 200px;
  height: 42px;
  font-size: 1.25em;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li > ul > li > a:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* Layout */
.navwide-top-area .navwide-top-container .navlogo {
  width: 140px;
  height: 100px;
}
@media screen and (max-width:640px) {
  .navwide-top-area .navwide-top-container .navinfo {
    display: none !important;
  }
}
.navwide-top-area .navwide-top-container .navquick {
  margin-right: 10px;
  height: auto;
}
@media screen and (max-width:640px) {
  .navwide-top-area .navwide-top-container .navquick {
    display: none !important;
  }
}
.navwide-top-area .navwide-top-container .navquick > li {
  height: 28px;
  margin-bottom: 4px;
}
@media screen and (min-width:640px) {
  .navwide-top-area .navwide-top-container .navquick > li {
    width: 100px;
  }
}
@media screen and (max-width:640px) {
  .navwide-top-area .navwide-top-container .navquick > li {
    width: 80px;
  }
}
.navwide-top-area .navwide-top-container .navquick > li > a {
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  padding: 5px;
}
@media screen and (max-width:640px) {
  .navwide-bottom-area .navwide-bottom-container .navgnb {
    display: none !important;
  }
}
/* Theme */
.navwide-top-area {
  background-color: #eeeeee;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 0px -1px rgba(238, 238, 238, 0.1);
  -moz-box-shadow: 0px 2px 0px -1px rgba(238, 238, 238, 0.1);
  box-shadow: 0px 2px 0px -1px rgba(238, 238, 238, 0.1);
}
.navwide-top-area .navwide-top-container .navlogo {
  background-position: left center;
  background-image: url(/refer/images/hobak/logo.png);
}
.navwide-top-area .navwide-top-container .navinfo {
  /* Overlapping */
  margin-top: 12px;
}
.navwide-top-area .navwide-top-container .navinfo > li > strong {
  color: #7bacb9;
  font-weight: bold;
}
.navwide-top-area .navwide-top-container .navquick > li > a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border: 2px solid #d09153;
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  color: #d09153;
}
.navwide-top-area .navwide-top-container .navquick > li > a:hover {
  border-color: #ec9900;
  color: #ec9900;
}
.navwide-bottom-area {
  background-color: #666666;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxYTFhMWEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDEwMiwgMTAyLCAxMDIpIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(top, rgba(102, 102, 102, 0), #1a1a1a);
  background-image: -moz-linear-gradient(top, rgba(102, 102, 102, 0), #1a1a1a);
  background-image: -o-linear-gradient(top, rgba(102, 102, 102, 0), #1a1a1a);
  background-image: linear-gradient(to bottom, rgba(102, 102, 102, 0), #1a1a1a);
}
.navwide-bottom-area .navwide-bottom-container {
  height: 39px;
}
.navwide-bottom-area .navwide-bottom-container .navgnb {
  height: 39px;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li > a {
  /* Overlapping */
  width: 123px;
  font-size: 1.05em;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li > a:hover,
.navwide-bottom-area .navwide-bottom-container .navgnb > li > a.hover {
  color: #666666;
  background-color: #1295e4;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li > ul {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li > ul > li > a {
  background-color: #666666;
  color: #ffffff;
  font-size: 1.05em;
}
.navwide-bottom-area .navwide-bottom-container .navgnb > li > ul > li > a:hover {
  background-color: #ec9900;
  color: #666666;
}
/* Layout */
@media screen and (max-width:640px) {
  .navbar-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .navbar-area {
    width: 100%;
    min-width: 1280px;
  }
}
.navbar-area:after {
  content: "";
  display: table;
  width: 100%;
}
.navbar-area .navbar-container {
  position: relative;
}
.navbar-area .navbar-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .navbar-area .navbar-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .navbar-area .navbar-container {
    width: 1280px;
    margin: 0px auto;
  }
}
.navbar-area .navbar-container:after {
  content: "";
  display: table;
  width: 100%;
}
.navbar-area .navbar-container .navlogo {
  width: 225px;
  height: 58px;
  float: left;
  background-position: 5px center;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.navbar-area .navbar-container .navgnb {
  cursor: pointer;
  display: inline-block;
  display: block;
  height: 58px;
  float: left;
}
.navbar-area .navbar-container .navgnb * {
  list-style: none;
}
.navbar-area .navbar-container .navgnb > li {
  display: block;
  float: left;
}
.navbar-area .navbar-container .navgnb > li > a,
.navbar-area .navbar-container .navgnb > li > button {
  display: block;
}
.navbar-area .navbar-container .navgnb > li > ul {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -ms-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  max-height: 0px;
  opacity: 0;
}
.navbar-area .navbar-container .navgnb > li > ul.active {
  display: block;
  max-height: 1000px;
  -webkit-transition: 0.25s ease-in;
  -moz-transition: 0.25s ease-in;
  -ms-transition: 0.25s ease-in;
  -o-transition: 0.25s ease-in;
  opacity: 1;
}
.navbar-area .navbar-container .navgnb > li > ul > li > a {
  display: block;
  padding: 5px 15px;
}
.navbar-area .navbar-container .navgnb:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .navbar-area .navbar-container .navgnb {
    display: none !important;
  }
}
.navbar-area .navbar-container .navgnb > li {
  display: block;
  height: 100%;
  float: left;
}
.navbar-area .navbar-container .navgnb > li:after {
  content: "";
  display: table;
  width: 100%;
}
.navbar-area .navbar-container .navgnb > li > a {
  display: block;
  height: 100%;
  padding: 0px 20px;
  font-size: 1.25em;
}
.navbar-area .navbar-container .navgnb > li > a:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.navbar-area .navbar-container .navgnb > li > ul > li > a {
  padding: 0px 20px;
  min-width: 200px;
  height: 42px;
  font-size: 1.25em;
}
.navbar-area .navbar-container .navgnb > li > ul > li > a:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.navbar-area .navbar-container .navinfo {
  float: right;
  height: 58px;
  margin-right: 62px;
}
@media screen and (max-width:640px) {
  .navbar-area .navbar-container .navinfo {
    display: none !important;
  }
}
.navbar-area .navbar-container .navinfo > li {
  float: left;
  height: 100%;
  padding: 0px 15px;
}
.navbar-area .navbar-container .navinfo > li:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* Layout */
.navbar-area .navbar-container {
  position: relative;
  height: 54px;
}
.navbar-area .navbar-container .navlogo {
  position: absolute;
  top: -30px;
  left: 0px;
  width: 160px;
  height: 140px;
}
.navbar-area .navbar-container .navgnb {
  height: 54px;
  margin-right: 54px;
  float: right;
}
/* Theme */
.navbar-area {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-area .navbar-container .navlogo {
  background-image: url(/refer/images/hobak/logo-lg.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.navbar-area .navbar-container .navgnb > li > a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-size: 1em;
  font-family: "맑은 고딕";
  font-weight: bold;
  color: #666666;
}
.navbar-area .navbar-container .navgnb > li > a:hover,
.navbar-area .navbar-container .navgnb > li > a.hover {
  background-color: #ffffff;
  color: #d09153;
}
.navbar-area .navbar-container .navgnb > li > ul {
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.navbar-area .navbar-container .navgnb > li > ul > li > a {
  font-size: 1em;
  font-family: "맑은 고딕";
  font-weight: bold;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-color: #ffffff;
  border: 1px solid transparent;
  color: #666666;
}
.navbar-area .navbar-container .navgnb > li > ul > li > a:hover {
  background-color: #d09153;
  color: #ffffff;
}
.navbar-area .navbar-container .navinfo {
  /* Overlapping */
  height: 54px;
  float: left;
  margin-left: 160px;
}
.navbar-area .navbar-container .navinfo > li {
  padding: 0px 10px;
}
.navbar-area .navbar-container .navinfo > li > strong {
  color: #d09153;
}
/* Layout */
@media screen and (max-width:640px) {
  .navtoggle-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .navtoggle-area {
    width: 100%;
    min-width: 1280px;
  }
}
.navtoggle-area:after {
  content: "";
  display: table;
  width: 100%;
}
.navtoggle-area .navtoggle-container {
  height: 58px;
  position: relative;
}
.navtoggle-area .navtoggle-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .navtoggle-area .navtoggle-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .navtoggle-area .navtoggle-container {
    width: 1280px;
    margin: 0px auto;
  }
}
.navtoggle-area .navtoggle-container:after {
  content: "";
  display: table;
  width: 100%;
}
.navtoggle-area .navtoggle-container .navlogo {
  width: 225px;
  height: 58px;
  float: left;
  background-position: 5px center;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.navtoggle {
  height: 58px;
  position: absolute;
  top: 0px;
  right: 0px;
  line-height: 1.5em;
}
.navtoggle > li > .cover {
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}
.navtoggle > li > .cover.active {
  visibility: visible;
  opacity: 1;
}
.navtoggle > li > ul {
  visibility: hidden;
  display: block;
  overflow: hidden;
  opacity: 0;
  position: fixed;
}
.navtoggle > li > ul.active {
  visibility: visible;
}
.navtoggle > li {
  height: 100%;
}
.navtoggle > li > a {
  display: block;
  height: 100%;
  padding: 0px 20px;
  text-align: center;
}
.navtoggle > li > a:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.navtoggle > li > ul {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  display: block;
  position: fixed;
  right: -300px;
  top: 0px;
  width: 300px;
  height: 100%;
  opacity: 0;
  z-index: 4000;
  overflow: auto;
}
.navtoggle > li > ul > li > ul {
  display: block;
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
}
.navtoggle > li > ul > li > ul.active {
  opacity: 1;
  max-height: 300px;
}
.navtoggle > li > ul > li > a {
  display: block;
  padding: 10px;
}
.navtoggle > li > ul > li > ul {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.navtoggle > li > ul > li > ul > li > a {
  display: block;
  padding: 10px;
}
.navtoggle > li > .cover {
  z-index: 4000;
}
/* Layout */
.navtoggle > li > a {
  /* Overlapping */
  padding: 0px 10px;
  width: 54px;
  height: 54px;
}
/* Theme */
.navtoggle-area .navtoggle-container .navlogo {
  background-image: url(/refer/images/hobak/logo.png);
}
.navtoggle {
  /* Overlapping */
  height: 39px;
  color: #ffffff;
  /* 모바일메뉴 판 */
  /* 모바일메뉴 판 : 활성화 */
  /* 모바일메뉴 판 : 리스트 */
  /* 모바일메뉴 판 : 어코디언 대메뉴 */
  /* 모바일 메뉴 정보 영역 */
}
.navtoggle > li > .cover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-color: rgba(0, 0, 0, 0.8);
}
.navtoggle > li > a {
  /* Overlapping */
  padding: 0px 10px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.navtoggle > li > a:hover,
.navtoggle > li > a.active {
  background-color: #ffffff;
}
.navtoggle > li > a:hover > div:before,
.navtoggle > li > a.active > div:before,
.navtoggle > li > a:hover > div:after,
.navtoggle > li > a.active > div:after {
  border-color: #d09153;
}
.navtoggle > li > a > div {
  display: inline-block;
  line-height: 0em;
  color: transparent;
}
.navtoggle > li > a > div:before {
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  border-top: 2px solid #666666;
  border-bottom: 1px solid #666666;
}
.navtoggle > li > a > div:after {
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  border-top: 1px solid #666666;
  border-bottom: 2px solid #666666;
}
.navtoggle > li > ul {
  right: auto;
  left: -300px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
  background-image: 8121991;
  background-image: -webkit-radial-gradient(45px 45px,cover, rgba(226, 95, 31, 0.1) 0%, #e25f1f 200%);
  background-image: -moz-radial-gradient(45px 45px,cover, rgba(226, 95, 31, 0.1) 0%, #e25f1f 200%);
  background-image: -o-radial-gradient(45px 45px,cover, rgba(226, 95, 31, 0.1) 0%, #e25f1f 200%);
  background-image: radial-gradient(farthest-corner at 45px 45px, rgba(226, 95, 31, 0.1) 0%, #e25f1f 200%);
}
.navtoggle > li > ul.active {
  left: 0px;
  opacity: 1;
}
.navtoggle > li > ul > li {
  border-bottom: 1px solid rgba(102, 102, 102, 0.1);
}
.navtoggle > li > ul > li > a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.navtoggle > li > ul > li > a:hover,
.navtoggle > li > ul > li > a.active {
  background-image: url(/refer/images/hobak/button-bg.png);
  background-size: 100% auto;
  background-position: center center;
}
.navtoggle > li > ul > li > ul > li > a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-color: #d09153;
  color: #ffffff;
}
.navtoggle > li > ul > li > ul > li > a:hover {
  background-color: rgba(208, 145, 83, 0.75);
}
.navtoggle > li > ul > .item-user {
  padding: 12.5px;
}
.navtoggle > li > ul > .item-moneyinfo,
.navtoggle > li > ul > .item-quick {
  padding: 10px;
}
.navtoggle > li > ul > .item-user {
  background-image: url(/refer/images/hobak/bg-2.png);
  background-size: 400%;
  background-position: center center;
}
.navtoggle > li > ul > .item-user > .item-nickname {
  display: inline-block;
}
.navtoggle > li > ul > .item-user > .item-nickname > strong {
  color: #7bacb9;
  font-size: 1.2em;
  font-weight: normal;
}
.navtoggle > li > ul > .item-user > .item-level {
  display: inline-block;
  color: red;
  font-size: 0.9em;
}
.navtoggle > li > ul > .item-moneyinfo .item-money,
.navtoggle > li > ul > .item-moneyinfo .item-point {
  display: inline-block;
  margin: 1px;
}
.navtoggle > li > ul > .item-moneyinfo .item-money > strong,
.navtoggle > li > ul > .item-moneyinfo .item-point > strong {
  color: #7bacb9;
  font-size: 1.2em;
  font-weight: normal;
}
.navtoggle > li > ul > .item-moneyinfo .item-change {
  display: inline-block;
  padding: 1px 7.5px;
  font-size: .9em;
  margin: 1px;
  background-color: rgba(0, 0, 0, 0.25);
}
.navtoggle > li > ul > .item-quick > span > a {
  display: inline-block;
  padding: 1px 7.5px;
  font-size: .9em;
  margin: 1px;
  background-color: rgba(0, 0, 0, 0.25);
}
@media screen and (max-width:640px) {
  .navnotice-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .navnotice-area {
    width: 100%;
    min-width: 1280px;
  }
}
.navnotice-area:after {
  content: "";
  display: table;
  width: 100%;
}
.navnotice-area .navnotice-container {
  height: 35px;
}
.navnotice-area .navnotice-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .navnotice-area .navnotice-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .navnotice-area .navnotice-container {
    width: 1280px;
    margin: 0px auto;
  }
}
.navnotice-area .navnotice-container:after {
  content: "";
  display: table;
  width: 100%;
}
.navnotice-area .navnotice-container .item-meta {
  display: block;
  float: left;
  width: 75px;
  height: 100%;
  padding: 5px;
}
.navnotice-area .navnotice-container .item-meta > span {
  display: inline-block;
  padding: 2.5px;
}
.navnotice-area .navnotice-container .navnotice {
  display: block;
  float: right;
  width: calc(100% - 75px - 7.5px - 7.5px);
  height: 100%;
  padding: 7.5px;
  margin-left: 7.5px;
  margin-right: 7.5px;
}
/* Layout */
.navnotice-area .navnotice-container .item-meta {
  width: 150px;
}
.navnotice-area .navnotice-container .navnotice {
  width: calc(100% - 150px - 7.5px - 7.5px);
}
/* Theme */
.navnotice-area {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 2px 0px -1px rgba(208, 145, 83, 0.1);
  -moz-box-shadow: inset 0px 2px 0px -1px rgba(208, 145, 83, 0.1);
  box-shadow: inset 0px 2px 0px -1px rgba(208, 145, 83, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background-image: url(/refer/images/hobak/hr-2.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  color: #666666;
  font-family: '맑은 고딕';
  font-weight: bold;
}
.navnotice-area .navnotice-container .item-meta {
  text-align: center;
  color: transparent;
}
.navnotice-area .navnotice-container .navnotice {
  opacity: .75;
}
/* Layout */
.messagenew-area {
  z-index: 5000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  visibility: hidden;
  opacity: 0;
}
@media screen and (max-width:640px) {
  .messagenew-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .messagenew-area {
    width: 100%;
    min-width: 1280px;
  }
}
.messagenew-area.active {
  visibility: visible;
  opacity: 1;
}
.messagenew-area .messagenew {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -150px;
  width: 300px;
  height: 200px;
}
.messagenew-area .messagenew .messagenew-meta {
  padding: 10px;
}
.messagenew-area .messagenew .messagenew-contents {
  padding: 30px;
  text-align: center;
}
.messagenew-area .messagenew .messagenew-footer {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  padding: 10px;
}
.messagenew-area .messagenew .messagenew-footer .item-btn-confirm {
  display: inline-block;
  padding: 10px 30px;
}
/* Theme */
.messagenew-area {
  background-color: rgba(249, 249, 249, 0.8);
  color: #666666;
}
.messagenew-area .messagenew {
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(208, 145, 83, 0.2);
  color: #666666;
  background-image: 8121991;
  background-image: -webkit-radial-gradient(55px 55px,cover, rgba(208, 145, 83, 0) 30%, rgba(208, 145, 83, 0.5) 150%);
  background-image: -moz-radial-gradient(55px 55px,cover, rgba(208, 145, 83, 0) 30%, rgba(208, 145, 83, 0.5) 150%);
  background-image: -o-radial-gradient(55px 55px,cover, rgba(208, 145, 83, 0) 30%, rgba(208, 145, 83, 0.5) 150%);
  background-image: radial-gradient(farthest-corner at 55px 55px, rgba(208, 145, 83, 0) 30%, rgba(208, 145, 83, 0.5) 150%);
  background-color: rgba(145, 145, 145, 0.9);
}
.messagenew-area .messagenew .messagenew-meta {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyMDgsIDE0NSwgODMpIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigyMDgsIDE0NSwgODMpIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(to top left, rgba(208, 145, 83, 0), rgba(208, 145, 83, 0.3));
  background-image: -moz-linear-gradient(to top left, rgba(208, 145, 83, 0), rgba(208, 145, 83, 0.3));
  background-image: -o-linear-gradient(to top left, rgba(208, 145, 83, 0), rgba(208, 145, 83, 0.3));
  background-image: linear-gradient(to top to right, rgba(208, 145, 83, 0), rgba(208, 145, 83, 0.3));
  background-repeat: no-repeat;
}
.messagenew-area .messagenew .messagenew-footer {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyMjYsIDk1LCAzMSkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDIyNiwgOTUsIDMxKSIgc3RvcC1vcGFjaXR5PSIwLjMiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(to bottom right, rgba(226, 95, 31, 0), rgba(226, 95, 31, 0.3));
  background-image: -moz-linear-gradient(to bottom right, rgba(226, 95, 31, 0), rgba(226, 95, 31, 0.3));
  background-image: -o-linear-gradient(to bottom right, rgba(226, 95, 31, 0), rgba(226, 95, 31, 0.3));
  background-image: linear-gradient(to bottom to left, rgba(226, 95, 31, 0), rgba(226, 95, 31, 0.3));
  background-repeat: no-repeat;
}
.messagenew-area .messagenew .messagenew-footer .item-btn-confirm {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.25);
  background-color: rgba(64, 64, 64, 0.05);
  color: rgba(64, 64, 64, 0.7);
}
.messagenew-area .messagenew .messagenew-footer .item-btn-confirm:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(226, 95, 31, 0.25);
  background-color: rgba(226, 95, 31, 0.05);
  color: rgba(226, 95, 31, 0.7);
}
.messagenew-area .messagenew .messagenew-footer .item-btn-confirm:active,
.messagenew-area .messagenew .messagenew-footer .item-btn-confirm:focus {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(226, 95, 31, 0.25);
  background-color: rgba(226, 95, 31, 0.05);
  color: rgba(226, 95, 31, 0.7);
}
/* Layout */
@media screen and (max-width:640px) {
  .popup-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .popup-area {
    width: 100%;
    min-width: 1280px;
  }
}
.popup-area .popup-container {
  position: relative;
}
.popup-area .popup-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .popup-area .popup-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .popup-area .popup-container {
    width: 1280px;
    margin: 0px auto;
  }
}
.popup-area .popup-container .popup-wrap {
  -webkit-transition: opacity 2s, visibility 2s, background-color 2s;
  -moz-transition: opacity 2s, visibility 2s, background-color 2s;
  -o-transition: opacity 2s, visibility 2s, background-color 2s;
  transition: opacity 2s, visibility 2s, background-color 2s;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 3000;
  border: 2px solid transparent;
}
@media screen and (max-width:640px) {
  .popup-area .popup-container .popup-wrap {
    width: 100% !important;
    top: 0px !important;
    left: 0px !important;
  }
}
.popup-area .popup-container .popup-wrap.active {
  opacity: 1;
  visibility: visible;
}
.popup-area .popup-container .popup-wrap.drag {
  cursor: move;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.popup-area .popup-container .popup-wrap .popup {
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  position: relative;
  width: 100%;
  height: 100%;
}
.popup-area .popup-container .popup-wrap .popup .popup-title {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 40px;
  padding: 10px;
}
.popup-area .popup-container .popup-wrap .popup .popup-title .item-title {
  cursor: pointer;
  display: block;
  float: left;
  font-size: 1em;
}
.popup-area .popup-container .popup-wrap .popup .popup-title .item-close {
  cursor: pointer;
  display: block;
  float: right;
  width: 18px;
  height: 18px;
  text-align: center;
  font-size: 0.75em;
  font-family: verdana;
}
.popup-area .popup-container .popup-wrap .popup .popup-contents {
  position: absolute;
  top: 40px;
  bottom: 20px;
  left: 0px;
  right: 0px;
  padding: 10px;
  overflow: auto;
}
.popup-area .popup-container .popup-wrap .popup .popup-footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 20px;
  padding: 0px 5px;
  font-size: 0.9em;
}
.popup-area .popup-container .popup-wrap.type-bettinglist {
  position: fixed;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
}
@media screen and (max-width:640px) {
  .popup-area .popup-container .popup-wrap.type-bettinglist {
    width: 90% !important;
    left: 5% !important;
    top: 25% !important;
  }
}
.popup-area .popup-container .popup-wrap.type-bettinglist .popup .popup-title {
  height: 40px;
}
.popup-area .popup-container .popup-wrap.type-bettinglist .popup .popup-contents {
  top: 40px;
  bottom: 50px;
  overflow: auto;
}
.popup-area .popup-container .popup-wrap.type-bettinglist .popup .popup-footer {
  height: 50px;
  text-align: right;
  padding: 10px;
}
.popup-area .popup-container .popup-wrap.type-bettinglist .popup .popup-footer .item-confirm {
  padding: 5px 10px;
  font-size: 1.5em;
}
/* Theme */
.popup-area {
  font-family: '맑은 고딕';
}
.popup-area .popup-container .popup-wrap {
  /* Overlapping */
  top: 35px !important;
}
.popup-area .popup-container .popup-wrap .popup {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #ffffff;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  background-image: url(/refer/images/hobak/popup-bg.png);
  background-position: bottom right;
  background-repeat: no-repeat;
}
.popup-area .popup-container .popup-wrap .popup .popup-title .item-close {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ffffff;
  border: 0px;
  background-color: #666666;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.popup-area .popup-container .popup-wrap .popup .popup-footer .item-confirm {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(226, 95, 31, 0.25);
  background-color: rgba(226, 95, 31, 0.05);
  color: rgba(226, 95, 31, 0.7);
}
.popup-area .popup-container .popup-wrap .popup .popup-footer .item-confirm:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(226, 95, 31, 0.5);
  background-color: rgba(226, 95, 31, 0.1);
  color: rgba(226, 95, 31, 0.7);
}
.popup-area .popup-container .popup-wrap .popup .popup-footer .item-confirm:active {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(226, 95, 31, 0.7);
  background-color: rgba(226, 95, 31, 0.3);
  color: rgba(226, 95, 31, 0.9);
}
.popup-area .popup-container .popup-wrap.type-bettinglist {
  /* Overlapping */
  top: 25% !important;
}
.popup-area .popup-container .popup-wrap.type-bettinglist .popup .popup-contents {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 0px -1px rgba(208, 145, 83, 0.1);
  -moz-box-shadow: 0px 2px 0px -1px rgba(208, 145, 83, 0.1);
  box-shadow: 0px 2px 0px -1px rgba(208, 145, 83, 0.1);
}
/* Layout */
.sportscarousel-base {
  position: relative;
  display: block;
  float: left;
  margin: auto;
  padding-top: 33.33333333%;
  width: 100%;
  min-height: 300px;
}
.sportscarousel-base .sportscarousel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sportscarousel-base .sportscarousel > .wrap {
  position: absolute;
  width: 100%;
  height: 100%;
}
.sportscarousel-base .sportscarousel > .wrap > li {
  position: absolute;
  width: 100%;
  height: 100%;
}
.sportscarousel-base .sportscarousel > .next {
  position: absolute;
  right: 0px;
}
.sportscarousel-base .sportscarousel > .prev {
  position: absolute;
  left: 0px;
}
.sportscarousel-base .sportscarousel > .nav {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.sportscarousel-base .sportscarousel > .nav > li {
  display: inline-block;
}
.sportscarousel-base .sportscarousel > .wrap {
  backface-visibility: hidden;
}
.sportscarousel-base .sportscarousel > .wrap > li {
  backface-visibility: hidden;
}
.sportscarousel-base .sportscarousel > .nav {
  padding: 5px;
  text-align: center;
}
/* Layout */
.sportscarousel-area {
  overflow: hidden;
}
.sportscarousel-area:after {
  content: "";
  display: table;
  width: 100%;
}
.sportscarousel-area .sportscarousel-container:after {
  content: "";
  display: table;
  width: 100%;
}
/* Usage */
/* Theme */
.sportscarousel-base {
  height: 363px;
  padding-top: 0px;
}
.sportscarousel-base .sportscarousel > .wrap {
  -webkit-transition: left 1s;
  -moz-transition: left 1s;
  -o-transition: left 1s;
  transition: left 1s;
}
.sportscarousel-base .sportscarousel > .wrap > li {
  /* Override */
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-size: auto 110%;
  font-size: 16px;
  /* Disabled */
  -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  -o-transition: -o-transform 1s;
  transition: -webkit-transform 1s,-moz-transform 1s,-o-transform 1s,transform 1s;
  /* Activated */
  /* Theme */
  color: #ffffff;
}
.sportscarousel-base .sportscarousel > .wrap > li a {
  margin-top: 25px;
}
@media screen and (min-width:640px) {
  .sportscarousel-base .sportscarousel > .wrap > li {
    background-position: center center;
    padding: 110px 80px;
  }
}
@media screen and (max-width:640px) {
  .sportscarousel-base .sportscarousel > .wrap > li {
    background-position: -500px center;
    padding: 110px 20px;
  }
}
.sportscarousel-base .sportscarousel > .wrap > li > h1 {
  clear: both;
  float: right;
  font-size: 2em;
  font-weight: normal;
  padding: 5px 0px;
}
.sportscarousel-base .sportscarousel > .wrap > li > h2 {
  clear: both;
  float: right;
  font-size: 1.5em;
  font-weight: normal;
  margin: 5px 0px;
}
.sportscarousel-base .sportscarousel > .wrap > li > h3 {
  clear: both;
  float: right;
  font-size: 1em;
  font-weight: normal;
  margin: 5px 0px;
}
.sportscarousel-base .sportscarousel > .wrap > li > hr {
  display: block;
  clear: both;
  float: right;
  text-align: left;
  margin: 5px 0px;
  width: 65px;
  height: 1px;
  border: none;
  background-color: #d09052;
}
.sportscarousel-base .sportscarousel > .wrap > li > a {
  display: block;
  clear: both;
  float: right;
  padding: 10px 30px;
  min-width: 200px;
  text-align: center;
  color: black;
  font-weight: 400;
  color: #fefefe;
  background-image: url(/refer/images/hobak/button-bg.png);
  background-position: right center;
  background-size: 100% auto;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.sportscarousel-base .sportscarousel > .wrap > li:nth-child(4n+1) {
  background-image: url(/refer/images/hobak/banner-bg-1.jpg);
}
.sportscarousel-base .sportscarousel > .wrap > li:nth-child(4n+2) {
  background-image: url(/refer/images/hobak/banner-bg-2.jpg);
}
.sportscarousel-base .sportscarousel > .wrap > li:nth-child(4n+3) {
  background-image: url(/refer/images/hobak/banner-bg-3.jpg);
}
.sportscarousel-base .sportscarousel > .wrap > li:nth-child(4n+4) {
  background-image: url(/refer/images/hobak/banner-bg-4.jpg);
}
.sportscarousel-base .sportscarousel > .prev {
  display: block;
  top: 50%;
  -webkit-transform: translateY(-60%);
  -moz-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  -o-transform: translateY(-60%);
  transform: translateY(-60%);
  width: 36px;
  height: 58px;
  background: url(/refer/images/hobak/sportscarousel-prev.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.sportscarousel-base .sportscarousel > .next {
  display: block;
  top: 50%;
  -webkit-transform: translateY(-60%);
  -moz-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  -o-transform: translateY(-60%);
  transform: translateY(-60%);
  width: 36px;
  height: 58px;
  background: url(/refer/images/hobak/sportscarousel-next.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.sportscarousel-base .sportscarousel > .nav > li {
  border: 1px solid rgba(254, 254, 254, 0.5);
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  margin-bottom: 5px;
}
.sportscarousel-base .sportscarousel > .nav > li.active,
.sportscarousel-base .sportscarousel > .nav > li:hover {
  background-color: #fefefe;
  border: 0px;
}
/* Layout */
.sportsfigure-area:after {
  content: "";
  display: table;
  width: 100%;
}
.sportsfigure-container:after {
  content: "";
  display: table;
  width: 100%;
}
.sportsfigure > .sportsfigure-meta {
  padding: 5px;
}
.sportsfigure > .sportsfigure-meta:after {
  content: "";
  display: table;
  width: 100%;
}
.sportsfigure > .sportsfigure-meta > h1 {
  display: block;
  float: left;
}
.sportsfigure > .sportsfigure-meta > .item-action-up {
  display: block;
  float: right;
}
.sportsfigure > .item {
  backface-visibility: hidden;
}
@media screen and (min-width:640px) {
  .sportsfigure > .item {
    position: relative;
    display: block;
    float: left;
    margin: auto;
    padding-top: 37.5%;
    width: 25%;
  }
}
@media screen and (max-width:640px) {
  .sportsfigure > .item {
    position: relative;
    display: block;
    float: left;
    margin: auto;
    padding-top: 75%;
    width: 50%;
  }
}
.sportsfigure > .item.type-fallback {
  backface-visibility: hidden;
}
@media screen and (max-width:640px) {
  .sportsfigure > .item.type-fallback {
    display: none !important;
  }
}
.sportsfigure > .item > .item-img {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  margin: auto;
  padding: 10px;
  backface-visibility: hidden;
}
.sportsfigure > .item > .item-bg {
  /* Override */
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  margin: auto;
  padding: 10px;
  backface-visibility: hidden;
}
.sportsfigure > .item > .item-cover {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  margin: auto;
  padding: 10px;
  backface-visibility: hidden;
}
.sportsfigure > .item > .item-caption {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  margin: auto;
  padding: 10px;
  backface-visibility: hidden;
}
.sportsfigure > .item > .item-btn {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  margin: auto;
  padding: 10px;
  backface-visibility: hidden;
}
/* Layout */
@media screen and (max-width:640px) {
  .sportsfigure-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .sportsfigure-area {
    width: 100%;
    min-width: 1280px;
  }
}
.sportsfigure-container {
  padding: 5px;
}
.sportsfigure-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .sportsfigure-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .sportsfigure-container {
    width: 1280px;
    margin: 0px auto;
  }
}
/* Usage */
/* Theme */
.sportsfigure-area {
  padding-top: 25px;
}
.sportsfigure-container {
  /* Override */
  padding: 5px;
}
.sportsfigure {
  color: #d09153;
}
@media screen and (min-width:640px) {
  .sportsfigure {
    font-size: 12.5px;
  }
}
@media screen and (max-width:640px) {
  .sportsfigure {
    font-size: 10px;
  }
}
.sportsfigure > .sportsfigure-meta {
  /* Override */
  padding: 5px;
}
.sportsfigure > .sportsfigure-meta > h1 {
  font-weight: 100;
}
.sportsfigure > .sportsfigure-meta > h1:before {
  content: "스포츠 게임";
}
.sportsfigure > .sportsfigure-meta > .item-action-up {
  display: none !important;
  width: 40px;
  height: 40px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/refer/images/hobak/item-action-up.png);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.sportsfigure > .sportsfigure-meta > .item-action-up:hover {
  -webkit-transform: translateY(-10%);
  -moz-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  -o-transform: translateY(-10%);
  transform: translateY(-10%);
  opacity: .75;
}
.sportsfigure > .item {
  /* Override */
  /* Override */
  -webkit-transition: 2s;
  -moz-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
}
@media screen and (min-width:640px) {
  .sportsfigure > .item {
    position: relative;
    display: block;
    float: left;
    margin: auto;
    padding-top: 35.60126582%;
    width: 25%;
  }
}
@media screen and (max-width:640px) {
  .sportsfigure > .item {
    position: relative;
    display: block;
    float: left;
    margin: auto;
    padding-top: 71.20253165%;
    width: 50%;
  }
}
.sportsfigure > .item:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.sportsfigure > .item > .item-bg {
  /* Override */
  /* Override */
  background-color: #f8f8f8;
  background-image: url(/refer/images/hobak/sports-bg.png);
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width:640px) {
  .sportsfigure > .item > .item-bg {
    position: absolute;
    top: 7.5px;
    left: 7.5px;
    right: 7.5px;
    bottom: 7.5px;
    margin: auto;
    padding: 10px;
  }
}
@media screen and (max-width:640px) {
  .sportsfigure > .item > .item-bg {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    margin: auto;
    padding: 10px;
  }
}
.sportsfigure > .item > .item-img {
  /* Override */
  height: 35%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (min-width:640px) {
  .sportsfigure > .item > .item-img {
    position: absolute;
    top: 12.5px;
    left: 12.5px;
    right: 12.5px;
    bottom: 12.5px;
    margin: auto;
    padding: 10px;
    bottom: auto;
  }
}
@media screen and (max-width:640px) {
  .sportsfigure > .item > .item-img {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    margin: auto;
    padding: 10px;
    bottom: auto;
  }
}
.sportsfigure > .item:nth-child(4n+1) > .item-img {
  background-image: url(/refer/images/hobak/sportsfigure-4.jpg);
}
.sportsfigure > .item:nth-child(4n+2) > .item-img {
  background-image: url(/refer/images/hobak/sportsfigure-1.jpg);
}
.sportsfigure > .item:nth-child(4n+3) > .item-img {
  background-image: url(/refer/images/hobak/sportsfigure-2.jpg);
}
.sportsfigure > .item:nth-child(4n+4) > .item-img {
  background-image: url(/refer/images/hobak/sportsfigure-3.jpg);
}
.sportsfigure > .item > .item-cover {
  /* Override */
  /* Override */
  background-size: auto 200%;
  background-position: left top;
  background-image: url(/refer/images/hobak/bg-3.png);
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 0;
  -webkit-animation-name: sportsfigureAnim;
  -moz-animation-name: sportsfigureAnim;
  -o-animation-name: sportsfigureAnim;
  animation-name: sportsfigureAnim;
  -webkit-animation-duration: 20000ms;
  -moz-animation-duration: 20000ms;
  -o-animation-duration: 20000ms;
  animation-duration: 20000ms;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@media screen and (min-width:640px) {
  .sportsfigure > .item > .item-cover {
    position: absolute;
    top: 7.5px;
    left: 7.5px;
    right: 7.5px;
    bottom: 7.5px;
    margin: auto;
    padding: 10px;
  }
}
@media screen and (max-width:640px) {
  .sportsfigure > .item > .item-cover {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    margin: auto;
    padding: 10px;
  }
}
.sportsfigure > .item > .item-cover lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes sportsfigureAnim{ 0%{ background-position: left top; } 50% { background-position: right 50%; } 100% { background-position: left top; }}
@-moz-keyframes sportsfigureAnim{ 0%{ background-position: left top; } 50% { background-position: right 50%; } 100% { background-position: left top; }}
@-o-keyframes sportsfigureAnim{ 0%{ background-position: left top; } 50% { background-position: right 50%; } 100% { background-position: left top; }}
@keyframes sportsfigureAnim{ 0%{ background-position: left top; } 50% { background-position: right 50%; } 100% { background-position: left top; }}
[not-existing] {
  zoom: 1;
}
.sportsfigure > .item:hover > .item-cover {
  opacity: 1;
}
.sportsfigure > .item > .item-caption {
  /* Override */
  /* Override */
}
@media screen and (min-width:640px) {
  .sportsfigure > .item > .item-caption {
    position: absolute;
    left: 45px;
    right: 45px;
    bottom: 45px;
    margin: auto;
    padding: 10px;
    bottom: 120px;
    padding: 0px;
  }
}
@media screen and (max-width:640px) {
  .sportsfigure > .item > .item-caption {
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 25px;
    margin: auto;
    padding: 10px;
    bottom: 75px;
    padding: 0px;
  }
}
.sportsfigure > .item > .item-caption > h1 {
  clear: both;
  float: left;
  line-height: 2em;
  font-weight: 400;
  color: #e25f1f;
}
.sportsfigure > .item > .item-caption > h2 {
  clear: both;
  float: left;
  line-height: 1em;
  font-weight: 300;
  border-top: 1px solid #e25f1f;
  color: #e25f1f;
}
@media screen and (min-width:640px) {
  .sportsfigure > .item > .item-caption > h2 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width:640px) {
  .sportsfigure > .item > .item-caption > h2 {
    margin-bottom: 15px;
  }
}
.sportsfigure > .item > .item-caption > hr {
  /* Override */
  display: none;
}
.sportsfigure > .item > .item-caption > p {
  clear: both;
  font-size: 0.9em;
  opacity: .5;
}
.sportsfigure > .item > .item-btn {
  /* Override */
  /* Override */
  color: #666666;
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  background: url(/refer/images/hobak/button-bg.png);
  background-position: center center;
  background-size: 100% auto;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: white;
}
@media screen and (min-width:640px) {
  .sportsfigure > .item > .item-btn {
    position: absolute;
    left: 45px;
    right: 45px;
    bottom: 45px;
    margin: auto;
    padding: 10px;
  }
}
@media screen and (max-width:640px) {
  .sportsfigure > .item > .item-btn {
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 25px;
    margin: auto;
    padding: 10px;
  }
}
.sportsfigure > .item > .item-btn:hover {
  opacity: .8;
}
.sportsfigure > .item:nth-child(4n+5) > .item-btn {
  background-color: #0f93e3;
}
.sportsfigure > .item:nth-child(4n+2) > .item-btn {
  background-color: #3a5897;
}
.sportsfigure > .item:nth-child(4n+3) > .item-btn {
  background-color: #ec9900;
}
.sportsfigure > .item:nth-child(4n+4) > .item-btn {
  background-color: #2a8d40;
}
.sportsfigure > .item.type-fallback {
  opacity: .5;
}
.sportsfigure > .item.type-fallback > .item-btn {
  display: none;
}
.infofigure-area .infofigure-container .quickmenu-wrap {
  display: block;
  float: left;
}
@media screen and (min-width:640px) {
  .infofigure-area .infofigure-container .quickmenu-wrap {
    width: 50%;
  }
}
.infofigure-area .infofigure-container .quickmenu-wrap:after {
  content: "";
  display: table;
  width: 100%;
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu {
  display: block;
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu:after {
  content: "";
  display: table;
  width: 100%;
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu > li {
  display: block;
  float: left;
  width: 25%;
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu > li > .item {
  display: inline-block;
  width: 100%;
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu > li > .item .item-icon {
  display: inline-block;
  vertical-align: middle;
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu > li > .item .item-icon {
  display: inline-block;
  vertical-align: middle;
}
.infofigure-area .infofigure-container .userinfo-wrap {
  display: block;
  float: left;
}
@media screen and (min-width:640px) {
  .infofigure-area .infofigure-container .userinfo-wrap {
    width: 50%;
  }
}
.infofigure-area .infofigure-container .userinfo-wrap:after {
  content: "";
  display: table;
  width: 100%;
}
/* Layout */
@media screen and (max-width:640px) {
  .infofigure-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .infofigure-area {
    width: 100%;
    min-width: 1280px;
  }
}
.infofigure-area:after {
  content: "";
  display: table;
  width: 100%;
}
.infofigure-area .infofigure-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .infofigure-area .infofigure-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .infofigure-area .infofigure-container {
    width: 1280px;
    margin: 0px auto;
  }
}
.infofigure-area .infofigure-container:after {
  content: "";
  display: table;
  width: 100%;
}
/* Theme */
.infofigure-area {
  padding-top: 25px;
  padding-bottom: 25px;
  color: #d09153;
}
@media screen and (min-width:640px) {
  .infofigure-area {
    font-size: 12.5px;
  }
}
@media screen and (max-width:640px) {
  .infofigure-area {
    font-size: 10px;
  }
}
.infofigure-area .infofigure-container {
  padding: 5px;
}
.infofigure-area .infofigure-container .quickmenu-wrap {
  margin: 5px;
}
@media screen and (min-width:640px) {
  .infofigure-area .infofigure-container .quickmenu-wrap {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width:640px) {
  .infofigure-area .infofigure-container .quickmenu-wrap {
    width: calc(100% - 10px);
  }
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu-meta {
  padding: 10px 10px;
  color: #e25f1f;
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu-meta > h1 {
  font-size: 1.35em;
  display: inline-block;
  font-weight: 400;
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu-meta > h1:before {
  content: "Welcome!";
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu {
  padding: 1px;
  background-color: #f8f8f8;
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu > li {
  padding: 1px;
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu > li > .item {
  text-align: center;
  padding: 35px 0px;
  border: 1px solid rgba(226, 95, 31, 0.1);
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu > li > .item:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.5);
  background-color: rgba(236, 153, 0, 0.1);
  color: rgba(236, 153, 0, 0.7);
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu > li > .item:active {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.7);
  background-color: rgba(236, 153, 0, 0.3);
  color: rgba(236, 153, 0, 0.9);
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu > li > .item .item-icon {
  width: 100%;
  height: 80px;
  margin-bottom: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu > li > .item.type-customer > .item-icon {
  background-image: url(/refer/images/hobak/quickmenu-customer.png);
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu > li > .item.type-charge > .item-icon {
  background-image: url(/refer/images/hobak/quickmenu-charge.png);
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu > li > .item.type-exchange > .item-icon {
  background-image: url(/refer/images/hobak/quickmenu-exchange.png);
}
.infofigure-area .infofigure-container .quickmenu-wrap .quickmenu > li > .item.type-change > .item-icon {
  background-image: url(/refer/images/hobak/quickmenu-change.png);
}
.infofigure-area .infofigure-container .userinfo-wrap {
  margin: 5px;
}
@media screen and (min-width:640px) {
  .infofigure-area .infofigure-container .userinfo-wrap {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width:640px) {
  .infofigure-area .infofigure-container .userinfo-wrap {
    width: calc(100% - 10px);
  }
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo-meta {
  padding: 10px;
  text-align: right;
  color: #e25f1f;
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo-meta > h1 {
  font-size: 1.35em;
  display: inline-block;
  font-weight: 400;
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo-meta > h1:before {
  content: "My Account";
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo {
  background-position: right top;
  background-image: url(/refer/images/hobak/user.png);
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-nickname {
  margin-bottom: 10px;
  padding: 0px 10px;
  padding-top: 12px;
  padding-right: 140px;
  display: block;
  font-size: 1.25em;
  text-align: right;
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-nickname > strong {
  font-size: 1.25em;
  font-weight: 400;
  color: #6e6e6e;
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-nickname > [class*="icon-level-"] {
  margin-left: 10px;
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-money {
  padding: 0px 10px;
  padding-right: 150px;
  display: block;
  text-align: right;
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-money > strong {
  font-weight: 400;
  font-size: 1.25em;
  color: #6e6e6e;
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-money > a {
  cursor: default;
  display: inline-block;
  margin-left: 5px;
  padding: 2px 5px;
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  line-height: 1em;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.25);
  background-color: rgba(236, 153, 0, 0.05);
  color: rgba(236, 153, 0, 0.7);
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-point {
  padding: 0px 10px;
  padding-bottom: 15px;
  padding-right: 150px;
  display: block;
  text-align: right;
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-point > strong {
  font-weight: 400;
  font-size: 1.25em;
  color: #6e6e6e;
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-point > a {
  cursor: default;
  display: inline-block;
  margin-left: 5px;
  padding: 2px 5px;
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  line-height: 1em;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.25);
  background-color: rgba(236, 153, 0, 0.05);
  color: rgba(236, 153, 0, 0.7);
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-btns {
  background-image: url(/refer/images/hobak/hr.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 200% 1px;
  padding: 10px;
  text-align: right;
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-btns > [class*="item-"] {
  display: inline-block;
  padding: 2.5px 7.5px;
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.25);
  background-color: rgba(64, 64, 64, 0.05);
  color: rgba(64, 64, 64, 0.7);
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-btns > [class*="item-"]:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.5);
  background-color: rgba(64, 64, 64, 0.1);
  color: rgba(64, 64, 64, 0.7);
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-btns > [class*="item-"]:active,
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-btns > [class*="item-"].active,
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-btns > [class*="item-"]:focus,
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-btns > [class*="item-"].focus {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.7);
  background-color: rgba(64, 64, 64, 0.3);
  color: rgba(64, 64, 64, 0.9);
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-btns > .item-logout {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.25);
  background-color: rgba(236, 153, 0, 0.05);
  color: rgba(236, 153, 0, 0.7);
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-btns > .item-logout:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.5);
  background-color: rgba(236, 153, 0, 0.1);
  color: rgba(236, 153, 0, 0.7);
}
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-btns > .item-logout:active,
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-btns > .item-logout.active,
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-btns > .item-logout:focus,
.infofigure-area .infofigure-container .userinfo-wrap .userinfo > .item-btns > .item-logout.focus {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.7);
  background-color: rgba(236, 153, 0, 0.3);
  color: rgba(236, 153, 0, 0.9);
}
/* Layout */
.livefigure-area:after {
  content: "";
  display: table;
  width: 100%;
}
.livefigure-container:after {
  content: "";
  display: table;
  width: 100%;
}
.livefigure > .livefigure-meta {
  padding: 5px;
}
.livefigure > .livefigure-meta:after {
  content: "";
  display: table;
  width: 100%;
}
.livefigure > .livefigure-meta > h1 {
  display: block;
  float: left;
}
.livefigure > .livefigure-meta > .item-action-up {
  display: block;
  float: right;
}
.livefigure > .item {
  backface-visibility: hidden;
}
@media screen and (min-width:640px) {
  .livefigure > .item {
    position: relative;
    display: block;
    float: left;
    margin: auto;
    padding-top: 25%;
    width: 16.66666667%;
  }
}
@media screen and (max-width:640px) {
  .livefigure > .item {
    position: relative;
    display: block;
    float: left;
    margin: auto;
    padding-top: 50%;
    width: 33.33333333%;
  }
}
@media screen and (max-width:640px) {
  .livefigure > .item.type-fallback {
    display: none !important;
  }
}
.livefigure > .item > .item-img {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  margin: auto;
  padding: 10px;
  backface-visibility: hidden;
}
.livefigure > .item > .item-bg {
  /* Override */
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  margin: auto;
  padding: 10px;
  backface-visibility: hidden;
}
.livefigure > .item > .item-cover {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  margin: auto;
  padding: 10px;
  backface-visibility: hidden;
}
.livefigure > .item > .item-caption {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  margin: auto;
  padding: 10px;
  backface-visibility: hidden;
}
.livefigure > .item > .item-btn {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  margin: auto;
  padding: 10px;
  backface-visibility: hidden;
}
/* Layout */
.livefigure-area {
  padding-top: 30px;
  padding-bottom: 200px;
}
@media screen and (max-width:640px) {
  .livefigure-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .livefigure-area {
    width: 100%;
    min-width: 1280px;
  }
}
.livefigure-container {
  padding: 5px;
}
.livefigure-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .livefigure-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .livefigure-container {
    width: 1280px;
    margin: 0px auto;
  }
}
/* Usage */
.livefigure-area {
  padding-top: 30px;
  padding-bottom: 100px;
}
/* Theme */
.livefigure-area {
  background-color: #f8f8f8;
  background-image: url(/refer/images/hobak/livefigure-bg.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}
.livefigure-container {
  /* Override */
  padding: 5px;
}
.livefigure {
  font-family: 'YDIYGO310';
}
@media screen and (min-width:640px) {
  .livefigure {
    font-size: 12.5px;
  }
}
@media screen and (max-width:640px) {
  .livefigure {
    font-size: 10px;
  }
}
.livefigure > .livefigure-meta {
  /* Override */
  padding: 5px;
}
.livefigure > .livefigure-meta > h1 {
  font-weight: 100;
}
.livefigure > .livefigure-meta > h1:before {
  content: "실시간 게임";
}
.livefigure > .livefigure-meta > .item-action-up {
  display: none !important;
  width: 40px;
  height: 40px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/refer/images/hobak/item-action-up.png);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.livefigure > .livefigure-meta > .item-action-up:hover {
  -webkit-transform: translateY(-10%);
  -moz-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  -o-transform: translateY(-10%);
  transform: translateY(-10%);
  opacity: .75;
}
.livefigure > .item {
  /* Override */
  /* Override */
  -webkit-transition: 2s;
  -moz-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
}
@media screen and (min-width:640px) {
  .livefigure > .item {
    position: relative;
    display: block;
    float: left;
    margin: auto;
    padding-top: 22.52109705%;
    width: 16.66666667%;
  }
}
@media screen and (max-width:640px) {
  .livefigure > .item {
    position: relative;
    display: block;
    float: left;
    margin: auto;
    padding-top: 45.04219409%;
    width: 33.33333333%;
  }
}
.livefigure > .item:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 0.75;
}
.livefigure > .item > .item-bg {
  /* Override */
  /* Override */
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width:640px) {
  .livefigure > .item > .item-bg {
    position: absolute;
    top: 7.5px;
    left: 7.5px;
    right: 7.5px;
    bottom: 7.5px;
    margin: auto;
    padding: 10px;
  }
}
@media screen and (max-width:640px) {
  .livefigure > .item > .item-bg {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    margin: auto;
    padding: 10px;
  }
}
.livefigure > .item > .item-img {
  /* Override */
  bottom: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (min-width:640px) {
  .livefigure > .item > .item-img {
    position: absolute;
    top: 7.5px;
    left: 7.5px;
    right: 7.5px;
    bottom: 7.5px;
    margin: auto;
    padding: 10px;
    height: 60%;
    bottom: auto;
  }
}
@media screen and (max-width:640px) {
  .livefigure > .item > .item-img {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    margin: auto;
    padding: 10px;
    height: 60%;
    bottom: auto;
  }
}
.livefigure > .item.type-ladder > .item-img {
  background-image: url(/refer/images/common/livefigure/default/ladder.png);
}
.livefigure > .item.type-daridari > .item-img {
  background-image: url(/refer/images/common/livefigure/default/daridari.png);
}
.livefigure > .item.type-lowhigh > .item-img {
  background-image: url(/refer/images/common/livefigure/default/lowhigh.png);
}
.livefigure > .item.type-lowone > .item-img {
  background-image: url(/refer/images/common/livefigure/default/lowone.png);
}
.livefigure > .item.type-aladin > .item-img {
  background-image: url(/refer/images/common/livefigure/default/aladin.png);
}
.livefigure > .item.type-alaone > .item-img {
  background-image: url(/refer/images/common/livefigure/default/alaone.png);
}
.livefigure > .item.type-powerball > .item-img {
  background-image: url(/refer/images/common/livefigure/default/powerball.png);
}
.livefigure > .item.type-pinball > .item-img {
  background-image: url(/refer/images/common/livefigure/default/pinball.png);
}
.livefigure > .item.type-pangpang > .item-img {
  background-image: url(/refer/images/common/livefigure/default/pangpang.png);
}
.livefigure > .item.type-rsr > .item-img {
  background-image: url(/refer/images/common/livefigure/default/rsr.png);
}
.livefigure > .item.type-snail > .item-img {
  background-image: url(/refer/images/common/livefigure/default/snail.png);
}
.livefigure > .item.type-lsadari > .item-img {
  background-image: url(/refer/images/common/livefigure/default/lsadari.png);
}
.livefigure > .item.type-mouse > .item-img {
  background-image: url(/refer/images/common/livefigure/default/mouse.png);
}
.livefigure > .item.type-kinosadari > .item-img {
  background-image: url(/refer/images/common/livefigure/default/kinosadari.png);
}
.livefigure > .item.type-pwsadari > .item-img {
  background-image: url(/refer/images/common/livefigure/default/pwsadari.png);
}
.livefigure > .item.type-fallback > .item-img {
  background-image: url(/refer/images/hobak/livefigure-fallback.png);
}
.livefigure > .item > .item-cover {
  /* Override */
  /* Override */
}
@media screen and (min-width:640px) {
  .livefigure > .item > .item-cover {
    position: absolute;
    top: 7.5px;
    left: 7.5px;
    right: 7.5px;
    bottom: 7.5px;
    margin: auto;
    padding: 10px;
  }
}
@media screen and (max-width:640px) {
  .livefigure > .item > .item-cover {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    margin: auto;
    padding: 10px;
  }
}
.livefigure > .item > .item-caption {
  /* Override */
  /* Override */
  color: #666666;
}
@media screen and (min-width:640px) {
  .livefigure > .item > .item-caption {
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 25px;
    margin: auto;
    padding: 10px;
    padding: 0px;
  }
}
@media screen and (max-width:640px) {
  .livefigure > .item > .item-caption {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    margin: auto;
    padding: 10px;
    padding: 0px;
  }
}
.livefigure > .item > .item-caption > h1 {
  clear: both;
  float: left;
  line-height: 2em;
  font-weight: 400;
  font-size: 1.5em;
  color: #666666;
}
.livefigure > .item > .item-caption > h2 {
  clear: both;
  float: left;
  line-height: 1em;
  font-weight: 300;
  border-top: 1px solid rgba(102, 102, 102, 0.25);
  font-size: 1.25em;
}
.livefigure > .item > .item-caption > hr {
  /* Override */
  display: none;
}
.livefigure > .item > .item-btn {
  display: none;
}
.livefigure > .item.type-fallback {
  opacity: .25;
}
.livefigure > .item.type-fallback > .item-btn {
  display: none;
}
.sportstab-wrap {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.sportstab-wrap:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (min-width:640px) {
  .sportstab-wrap {
    font-size: 12.5px;
  }
}
@media screen and (max-width:640px) {
  .sportstab-wrap {
    font-size: 10px;
  }
}
.sportstab-wrap ul {
  display: block;
}
.sportstab-wrap ul li {
  display: block;
  float: left;
}
.sportstab-wrap ul li a {
  display: block;
  padding: 5px 20px;
  margin-right: 2.5px;
  margin-bottom: 2.5px;
}
@media screen and (max-width:640px) {
  .sportstab-wrap ul li a {
    padding: 5px;
  }
}
.sportstab-wrap ul li a {
  /* Overlapping */
  margin-right: 0px;
  font-family: 맑은 고딕;
  color: #ec9900;
  border: 1px solid;
  border-color: #ec9900;
  border-left: 0px;
}
.sportstab-wrap ul li a:hover,
.sportstab-wrap ul li a.hover,
.sportstab-wrap ul li a:active,
.sportstab-wrap ul li a.active,
.sportstab-wrap ul li a.selected {
  color: #ffffff;
  background-color: #ec9900;
}
.sportstab-wrap ul li:first-child a {
  border-left: 1px solid;
  border-color: #ec9900;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomleft: 5px;
  -moz-background-clip: padding;
  border-bottom-left-radius: 5px;
  background-clip: padding-box;
}
.sportstab-wrap ul li:last-child a {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 5px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 5px;
  background-clip: padding-box;
}
.sportslist-wrap {
  cursor: default;
}
@media screen and (min-width:640px) {
  .sportslist-wrap {
    font-size: 12.5px;
  }
}
@media screen and (max-width:640px) {
  .sportslist-wrap {
    font-size: 10px;
  }
}
.sportslist-wrap .sportslist {
  margin-bottom: 10px;
}
.sportslist-wrap .sportslist:after {
  content: "";
  display: table;
  width: 100%;
}
.sportslist-wrap .sportslist .sports-meta,
.sportslist-wrap .sportslist .sports-data {
  display: block;
  width: 100%;
  clear: both;
}
.sportslist-wrap .sportslist .sports-meta:after,
.sportslist-wrap .sportslist .sports-data:after {
  content: "";
  display: table;
  width: 100%;
}
.sportslist-wrap .sportslist .sports-meta .item-info,
.sportslist-wrap .sportslist .sports-data .item-info {
  text-align: center;
}
.sportslist-wrap .sportslist .sports-meta .item-info > span,
.sportslist-wrap .sportslist .sports-data .item-info > span {
  width: 99%;
  display: inline-block;
}
.sportslist-wrap .sportslist .sports-meta .item-league,
.sportslist-wrap .sportslist .sports-data .item-league {
  text-align: center;
}
.sportslist-wrap .sportslist .sports-meta .item-left .item-team,
.sportslist-wrap .sportslist .sports-data .item-left .item-team {
  display: block;
  float: left;
  width: 75%;
  height: 100%;
}
.sportslist-wrap .sportslist .sports-meta .item-left .item-team:before,
.sportslist-wrap .sportslist .sports-data .item-left .item-team:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.sportslist-wrap .sportslist .sports-meta .item-left .item-team > span,
.sportslist-wrap .sportslist .sports-data .item-left .item-team > span {
  width: 99%;
  display: inline-block;
}
.sportslist-wrap .sportslist .sports-meta .item-left .item-div,
.sportslist-wrap .sportslist .sports-data .item-left .item-div {
  display: block;
  float: right;
  height: 100%;
}
.sportslist-wrap .sportslist .sports-meta .item-left .item-div:after,
.sportslist-wrap .sportslist .sports-data .item-left .item-div:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.sportslist-wrap .sportslist .sports-meta .item-center,
.sportslist-wrap .sportslist .sports-data .item-center {
  text-align: center;
}
.sportslist-wrap .sportslist .sports-meta .item-league,
.sportslist-wrap .sportslist .sports-data .item-league {
  text-align: center;
}
.sportslist-wrap .sportslist .sports-meta .item-right .item-team,
.sportslist-wrap .sportslist .sports-data .item-right .item-team {
  display: block;
  float: right;
  width: 75%;
  height: 100%;
  text-align: right;
}
.sportslist-wrap .sportslist .sports-meta .item-right .item-team:after,
.sportslist-wrap .sportslist .sports-data .item-right .item-team:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.sportslist-wrap .sportslist .sports-meta .item-right .item-team > span,
.sportslist-wrap .sportslist .sports-data .item-right .item-team > span {
  width: 99%;
  display: inline-block;
}
.sportslist-wrap .sportslist .sports-meta .item-right .item-div,
.sportslist-wrap .sportslist .sports-data .item-right .item-div {
  display: block;
  float: left;
  height: 100%;
}
.sportslist-wrap .sportslist .sports-meta .item-right .item-div:before,
.sportslist-wrap .sportslist .sports-data .item-right .item-div:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.sportslist-wrap .sportslist .sports-meta .item-result,
.sportslist-wrap .sportslist .sports-data .item-result {
  text-align: center;
}
.sportslist-wrap .sportslist .sports-meta .item-status,
.sportslist-wrap .sportslist .sports-data .item-status {
  text-align: center;
}
.sportslist-wrap .sportslist .sports-meta .item-more,
.sportslist-wrap .sportslist .sports-data .item-more {
  text-align: center;
}
.sportslist-wrap .sportslist .sports-meta [class*="item-"] {
  text-align: center;
}
.sportslist-wrap .sportslist .sports-data.type-handicap .item-center {
  color: #1990ff !important;
}
.sportslist-wrap .sportslist .sports-data.type-overunder .item-left > .item-div:before {
  display: inline-block;
  content: "\f062";
  font-family: FontAwesome;
  padding-right: 3.5px;
  color: #ef3445 !important;
  vertical-align: middle;
}
.sportslist-wrap .sportslist .sports-data.type-overunder .item-center {
  color: #ef3445 !important;
}
.sportslist-wrap .sportslist .sports-data.type-overunder .item-right > .item-div:after {
  display: inline-block;
  content: "\f063";
  font-family: FontAwesome;
  padding-left: 3.5px;
  color: #3088c9 !important;
  vertical-align: middle;
}
.sportslist-wrap .sportslist .sports-league {
  padding: 10px;
}
.sportslist-wrap .sportslist .sports-desc {
  clear: both;
  padding: 10px;
}
.sportslist-wrap .sportslist .sports-desc:after {
  content: "";
  display: table;
  width: 100%;
}
.sportslist-wrap .sportslist .sports-desc > [class*='item-'] {
  display: inline-block;
  padding: 3.5px 0px;
  padding-right: 5px;
}
.sportslist-wrap .sportslist .sports-desc .item-result {
  display: block;
}
.sportslist-wrap .sportslist .sports-desc .item-btn {
  display: block;
  float: right;
  padding: 2.5px 5px;
  margin-left: 2.5px;
}
.sportslist-wrap .sportslist-bonus {
  margin-bottom: 10px;
  padding: 10px;
}
.sportslist-wrap .sportslist-bonus:after {
  content: "";
  display: table;
  width: 100%;
}
.sportslist-wrap .sportslist-bonus > h1 {
  font-weight: 400;
  font-size: 1.25em;
}
.sportslist-wrap .sportslist-bonus > p {
  margin-top: 5px;
  margin-bottom: 10px;
}
.sportslist-wrap .sportslist-bonus > ul:after {
  content: "";
  display: table;
  width: 100%;
}
.sportslist-wrap .sportslist-bonus > ul > li {
  display: block;
  float: left;
  margin-top: 2.5px;
  margin-right: 2.5px;
  padding: 5px 10px;
}
.sportslist-wrap .sportslist-bonus > ul > li > .item-desc,
.sportslist-wrap .sportslist-bonus > ul > li > .item-div {
  display: inline-block;
  margin: 2.5px;
}
/* Layout */
.sportslist-wrap .sportslist .sports-meta > [class*='item-'],
.sportslist-wrap .sportslist .sports-data > [class*='item-'] {
  display: block;
  float: left;
  margin: .1%;
  padding: 5px;
  height: 36px;
  overflow: hidden;
}
@media screen and (max-width:640px) {
  .sportslist-wrap .sportslist .sports-meta > [class*='item-'],
  .sportslist-wrap .sportslist .sports-data > [class*='item-'] {
    margin: 0.2%;
  }
}
.sportslist-wrap .sportslist .sports-meta > [class*='item-']:after,
.sportslist-wrap .sportslist .sports-data > [class*='item-']:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* Layout : .sportslist-wrap.type-betting */
@media screen and (min-width:640px) {
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-info,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-info {
    width: 9.8%;
  }
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-league,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-league {
    display: none;
  }
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-left,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-left {
    width: 39.8%;
  }
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-center,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-center {
    width: 9.8%;
  }
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-right,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-right {
    width: 39.8%;
  }
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-result,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-result {
    display: none;
  }
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-status,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-status {
    display: none;
  }
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-more,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-more {
    display: none;
  }
}
@media screen and (max-width:640px) {
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-info,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-info {
    width: 9.6%;
  }
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-league,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-league {
    display: none;
  }
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-left,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-left {
    width: 40.85%;
  }
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-center,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-center {
    width: 7.1%;
  }
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-right,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-right {
    width: 40.85%;
  }
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-result,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-result {
    display: none;
  }
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-status,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-status {
    display: none;
  }
  .sportslist-wrap.type-betting .sportslist .sports-meta .item-more,
  .sportslist-wrap.type-betting .sportslist .sports-data .item-more {
    display: none;
  }
}
/* Layout : .sportslist-wrap.type-multibetting */
@media screen and (min-width:640px) {
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-info,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-info {
    width: 9.8%;
  }
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-league,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-league {
    display: none;
  }
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-left,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-left {
    width: 37.3%;
  }
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-center,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-center {
    width: 9.8%;
  }
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-right,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-right {
    width: 37.3%;
  }
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-result,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-result {
    display: none;
  }
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-status,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-status {
    display: none;
  }
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-more,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-more {
    width: 4.8%;
  }
}
@media screen and (max-width:640px) {
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-info,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-info {
    width: 9.6%;
  }
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-league,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-league {
    display: none;
  }
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-left,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-left {
    width: 37.1%;
  }
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-center,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-center {
    width: 7.1%;
  }
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-right,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-right {
    width: 37.1%;
  }
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-result,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-result {
    display: none;
  }
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-status,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-status {
    display: none;
  }
  .sportslist-wrap.type-multibetting .sportslist .sports-meta .item-more,
  .sportslist-wrap.type-multibetting .sportslist .sports-data .item-more {
    width: 7.1%;
  }
}
.sportslist-wrap.type-multibetting .sportslist .sports-data.kind-hidden {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  max-height: 0px;
  overflow: hidden;
}
.sportslist-wrap.type-multibetting .sportslist .sports-data.kind-hidden .item-info {
  visibility: hidden;
}
.sportslist-wrap.type-multibetting .sportslist .sports-data.kind-hidden .item-more {
  visibility: hidden;
}
.sportslist-wrap.type-multibetting .sportslist .sports-data.kind-hidden.active {
  max-height: 50px;
}
/* Layout : .sportslist-wrap.type-list */
@media screen and (min-width:640px) {
  .sportslist-wrap.type-list .sportslist .sports-meta .item-info,
  .sportslist-wrap.type-list .sportslist .sports-data .item-info {
    width: 9.8%;
  }
  .sportslist-wrap.type-list .sportslist .sports-meta .item-league,
  .sportslist-wrap.type-list .sportslist .sports-data .item-league {
    display: none;
  }
  .sportslist-wrap.type-list .sportslist .sports-meta .item-left,
  .sportslist-wrap.type-list .sportslist .sports-data .item-left {
    width: 29.8%;
  }
  .sportslist-wrap.type-list .sportslist .sports-meta .item-center,
  .sportslist-wrap.type-list .sportslist .sports-data .item-center {
    width: 9.8%;
  }
  .sportslist-wrap.type-list .sportslist .sports-meta .item-right,
  .sportslist-wrap.type-list .sportslist .sports-data .item-right {
    width: 29.8%;
  }
  .sportslist-wrap.type-list .sportslist .sports-meta .item-result,
  .sportslist-wrap.type-list .sportslist .sports-data .item-result {
    width: 9.8%;
  }
  .sportslist-wrap.type-list .sportslist .sports-meta .item-status,
  .sportslist-wrap.type-list .sportslist .sports-data .item-status {
    width: 9.8%;
  }
  .sportslist-wrap.type-list .sportslist .sports-meta .item-more,
  .sportslist-wrap.type-list .sportslist .sports-data .item-more {
    display: none;
  }
}
@media screen and (max-width:640px) {
  .sportslist-wrap.type-list .sportslist .sports-meta .item-info,
  .sportslist-wrap.type-list .sportslist .sports-data .item-info {
    width: 9.6%;
  }
  .sportslist-wrap.type-list .sportslist .sports-meta .item-league,
  .sportslist-wrap.type-list .sportslist .sports-data .item-league {
    display: none;
  }
  .sportslist-wrap.type-list .sportslist .sports-meta .item-left,
  .sportslist-wrap.type-list .sportslist .sports-data .item-left {
    width: 40.85%;
  }
  .sportslist-wrap.type-list .sportslist .sports-meta .item-center,
  .sportslist-wrap.type-list .sportslist .sports-data .item-center {
    width: 7.1%;
  }
  .sportslist-wrap.type-list .sportslist .sports-meta .item-right,
  .sportslist-wrap.type-list .sportslist .sports-data .item-right {
    width: 40.85%;
  }
  .sportslist-wrap.type-list .sportslist .sports-meta .item-more,
  .sportslist-wrap.type-list .sportslist .sports-data .item-more {
    display: none;
  }
}
@media screen and (max-width:640px) {
  .sportslist-wrap.type-list .sportslist .sports-meta .item-result {
    display: none;
  }
  .sportslist-wrap.type-list .sportslist .sports-meta .item-status {
    display: none;
  }
}
@media screen and (max-width:640px) {
  .sportslist-wrap.type-list .sportslist .sports-data .item-result,
  .sportslist-wrap.type-list .sportslist .sports-data .item-status {
    float: right;
    margin-bottom: 10px;
    height: 25px;
  }
  .sportslist-wrap.type-list .sportslist .sports-data .item-result {
    opacity: 0.75;
  }
  .sportslist-wrap.type-list .sportslist .sports-data .item-result:before {
    content: "경기결과";
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
  }
  .sportslist-wrap.type-list .sportslist .sports-data .item-status {
    opacity: 0.75;
  }
  .sportslist-wrap.type-list .sportslist .sports-data .item-status:before {
    content: "상태";
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
  }
}
/* Layout : .sportslist-wrap.type-result */
@media screen and (min-width:640px) {
  .sportslist-wrap.type-result .sportslist .sports-meta .item-info,
  .sportslist-wrap.type-result .sportslist .sports-data .item-info {
    width: 9.8%;
  }
  .sportslist-wrap.type-result .sportslist .sports-meta .item-left,
  .sportslist-wrap.type-result .sportslist .sports-data .item-left {
    width: 22.3%;
  }
  .sportslist-wrap.type-result .sportslist .sports-meta .item-center,
  .sportslist-wrap.type-result .sportslist .sports-data .item-center {
    width: 4.8%;
  }
  .sportslist-wrap.type-result .sportslist .sports-meta .item-right,
  .sportslist-wrap.type-result .sportslist .sports-data .item-right {
    width: 22.3%;
  }
  .sportslist-wrap.type-result .sportslist .sports-meta .item-league,
  .sportslist-wrap.type-result .sportslist .sports-data .item-league {
    width: 19.8%;
  }
  .sportslist-wrap.type-result .sportslist .sports-meta .item-result,
  .sportslist-wrap.type-result .sportslist .sports-data .item-result {
    width: 9.8%;
  }
  .sportslist-wrap.type-result .sportslist .sports-meta .item-status,
  .sportslist-wrap.type-result .sportslist .sports-data .item-status {
    width: 9.8%;
  }
  .sportslist-wrap.type-result .sportslist .sports-meta .item-more,
  .sportslist-wrap.type-result .sportslist .sports-data .item-more {
    display: none;
  }
}
@media screen and (max-width:640px) {
  .sportslist-wrap.type-result .sportslist .sports-meta .item-info,
  .sportslist-wrap.type-result .sportslist .sports-data .item-info {
    width: 9.6%;
  }
  .sportslist-wrap.type-result .sportslist .sports-meta .item-left,
  .sportslist-wrap.type-result .sportslist .sports-data .item-left {
    width: 40.85%;
  }
  .sportslist-wrap.type-result .sportslist .sports-meta .item-center,
  .sportslist-wrap.type-result .sportslist .sports-data .item-center {
    width: 7.1%;
  }
  .sportslist-wrap.type-result .sportslist .sports-meta .item-right,
  .sportslist-wrap.type-result .sportslist .sports-data .item-right {
    width: 40.85%;
  }
  .sportslist-wrap.type-result .sportslist .sports-meta .item-more,
  .sportslist-wrap.type-result .sportslist .sports-data .item-more {
    display: none;
  }
}
@media screen and (max-width:640px) {
  .sportslist-wrap.type-result .sportslist .sports-meta .item-league {
    display: none;
  }
  .sportslist-wrap.type-result .sportslist .sports-meta .item-result {
    display: none;
  }
  .sportslist-wrap.type-result .sportslist .sports-meta .item-status {
    display: none;
  }
}
@media screen and (max-width:640px) {
  .sportslist-wrap.type-result .sportslist .sports-data .item-league,
  .sportslist-wrap.type-result .sportslist .sports-data .item-result,
  .sportslist-wrap.type-result .sportslist .sports-data .item-status {
    float: right;
    margin-bottom: 10px;
    height: 25px;
  }
  .sportslist-wrap.type-result .sportslist .sports-data .item-league {
    opacity: 0.75;
  }
  .sportslist-wrap.type-result .sportslist .sports-data .item-league:before {
    content: "리그명";
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
  }
  .sportslist-wrap.type-result .sportslist .sports-data .item-result {
    opacity: 0.75;
  }
  .sportslist-wrap.type-result .sportslist .sports-data .item-result:before {
    content: "경기결과";
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
  }
  .sportslist-wrap.type-result .sportslist .sports-data .item-status {
    opacity: 0.75;
  }
  .sportslist-wrap.type-result .sportslist .sports-data .item-status:before {
    content: "상태";
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
  }
}
/* Theme */
.sportslist-wrap .sportslist {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: black;
  border: 0px;
  background-color: #f2f2f2;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
}
.sportslist-wrap .sports-league {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #e25f1f;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  font-weight: bold;
  font-size: 1.1em;
}
.sportslist-wrap .sports-meta {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #797979;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
}
.sportslist-wrap .sports-data {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  /* 베팅 아이템들에 대하여 */
}
.sportslist-wrap .sports-data .item-left,
.sportslist-wrap .sports-data .item-center,
.sportslist-wrap .sports-data .item-right {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: black;
  border: 0px;
  background-color: #d7d7d7;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  font-weight: bold;
  /* 베팅 아이템들에 대하여 : 호버 */
  /* 베팅 아이템들에 대하여 : 액티브 */
}
@media screen and (min-width:640px) {
  .sportslist-wrap .sports-data .item-left.enabled:hover,
  .sportslist-wrap .sports-data .item-center.enabled:hover,
  .sportslist-wrap .sports-data .item-right.enabled:hover {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #ffffff;
    border: 0px;
    background-color: #e25f1f;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.15);
    box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.15);
  }
}
.sportslist-wrap .sports-data .item-left.active,
.sportslist-wrap .sports-data .item-center.active,
.sportslist-wrap .sports-data .item-right.active {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ffffff;
  border: 0px;
  background-color: #e25f1f;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.15);
}
.sportslist-wrap .sports-data .item-more {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border: 1px solid #d09153;
  color: #e25f1f;
  background-color: transparent;
}
@media screen and (max-width:640px) {
  .sportslist-wrap .sports-data .item-league,
  .sportslist-wrap .sports-data .item-status,
  .sportslist-wrap .sports-data .item-result {
    border: none;
    box-shadow: none;
  }
  .sportslist-wrap .sports-data .item-league:before,
  .sportslist-wrap .sports-data .item-status:before,
  .sportslist-wrap .sports-data .item-result:before {
    border-right: 1px solid rgba(255, 255, 255, 0.25);
  }
}
.sportslist-wrap .sports-data.kind-opener .item-more:before {
  content: "+";
}
.sportslist-wrap .sports-data.kind-opener.active .item-more:before {
  content: "-";
}
.sportslist-wrap .sports-data.kind-hidden {
  /* 베팅 아이템들에 대하여 */
  -webkit-transition: opacity 0.1s, 1s;
  -moz-transition: opacity 0.1s, 1s;
  -o-transition: opacity 0.1s, 1s;
  transition: opacity 0.1s, 1s;
  opacity: 0;
}
.sportslist-wrap .sports-data.kind-hidden .item-left,
.sportslist-wrap .sports-data.kind-hidden .item-center,
.sportslist-wrap .sports-data.kind-hidden .item-right {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
}
.sportslist-wrap .sports-data.kind-hidden.active {
  opacity: 1;
}
.sportslist-wrap .sports-desc .item-btn {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.25);
  background-color: rgba(236, 153, 0, 0.05);
  color: rgba(236, 153, 0, 0.7);
}
.sportslist-wrap .sports-desc .item-btn:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.5);
  background-color: rgba(236, 153, 0, 0.1);
  color: rgba(236, 153, 0, 0.7);
}
.sportslist-wrap .sports-desc .item-btn:active {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.7);
  background-color: rgba(236, 153, 0, 0.3);
  color: rgba(236, 153, 0, 0.9);
}
.sportslist-wrap .sportslist-bonus {
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMjQ4LCAyNDgsIDI0OCkiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(45deg, rgba(248, 248, 248, 0), #ffffff);
  background-image: -moz-linear-gradient(45deg, rgba(248, 248, 248, 0), #ffffff);
  background-image: -o-linear-gradient(45deg, rgba(248, 248, 248, 0), #ffffff);
  background-image: linear-gradient(45deg, rgba(248, 248, 248, 0), #ffffff);
  -webkit-box-shadow: 0px 2px 4px 1px rgba(197, 197, 197, 0.5);
  -moz-box-shadow: 0px 2px 4px 1px rgba(197, 197, 197, 0.5);
  box-shadow: 0px 2px 4px 1px rgba(197, 197, 197, 0.5);
  border: 1px solid rgba(146, 146, 146, 0.5);
}
.sportslist-wrap .sportslist-bonus > h1:before {
  content: "※";
  display: inline-block;
  margin-right: 5px;
}
.sportslist-wrap .sportslist-bonus > p {
  opacity: .5;
}
.sportslist-wrap .sportslist-bonus > ul > li {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.25);
  background-color: rgba(64, 64, 64, 0.05);
  color: rgba(64, 64, 64, 0.7);
}
.sportslist-wrap .sportslist-bonus > ul > li:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(226, 95, 31, 0.5);
  background-color: rgba(226, 95, 31, 0.1);
  color: rgba(64, 64, 64, 0.7);
}
.sportslist-wrap .sportslist-bonus > ul > li > .item-div {
  color: #e25f1f;
}
.live-wrap {
  margin: 0px auto;
}
.livelist-wrap {
  width: 100%;
  padding: 2.5px;
}
@media screen and (min-width:640px) {
  .livelist-wrap {
    font-size: 12.5px;
  }
}
@media screen and (max-width:640px) {
  .livelist-wrap {
    font-size: 10px;
  }
}
.livelist-wrap .livelist {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
}
.livelist-wrap .livelist .livelist-data > .item-del > a {
  display: inline-block;
  padding: 2.5px 5px;
}
.livelist-wrap .livelist .item-type {
  width: 15%;
}
.livelist-wrap .livelist .item-ocnt {
  width: 12%;
}
.livelist-wrap .livelist .item-time {
  width: 7%;
}
.livelist-wrap .livelist .item-type {
  width: 7%;
}
.livelist-wrap .livelist .item-betting {
  width: 7%;
}
.livelist-wrap .livelist .item-div {
  width: 5%;
}
.livelist-wrap .livelist .item-betmoney {
  width: 8%;
}
.livelist-wrap .livelist .item-hitgold {
  width: 7%;
}
.livelist-wrap .livelist .item-result {
  width: 5%;
}
.livelist-wrap .livelist .item-del {
  width: 8%;
}
.livelist-wrap {
  /* Overlapping */
  padding: 0px;
  /* Theme */
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #f2f2f2;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  text-align: center;
}
.livelist-wrap .livelist .livelist-meta {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
}
.livelist-wrap .livelist .livelist-meta > [class*="item-"] {
  padding: 13px 0px;
}
.livelist-wrap .livelist .livelist-data {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.livelist-wrap .livelist .livelist-data > [class*="item-"] {
  padding: 5px;
}
.livelist-wrap .livelist .livelist-data > .item-del .item-btn-cancel,
.livelist-wrap .livelist .livelist-data > .item-del .item-btn-del {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f8f8f8;
  border: 0px;
  background-color: #e25f1f;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  font-weight: 700;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.livelist-wrap .livelist .livelist-data > .item-del .item-btn-cancel:hover,
.livelist-wrap .livelist .livelist-data > .item-del .item-btn-del:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f8f8f8;
  border: 0px;
  background-color: #e0591c;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.livelist-wrap .livelist .livelist-data > .item-del .item-btn-cancel:active,
.livelist-wrap .livelist .livelist-data > .item-del .item-btn-del:active,
.livelist-wrap .livelist .livelist-data > .item-del .item-btn-cancel:focus,
.livelist-wrap .livelist .livelist-data > .item-del .item-btn-del:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f8f8f8;
  border: 0px;
  background-color: #e0591c;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(224, 89, 28, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(224, 89, 28, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(224, 89, 28, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25), 0px 0px 0px 2px rgba(224, 89, 28, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25), 0px 0px 0px 2px rgba(224, 89, 28, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25), 0px 0px 0px 2px rgba(224, 89, 28, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
/* Livescreen : Visual */
.live-wrap .livebtns-meta {
  color: white;
  background-color: #454b7d;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyYzMyNWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDQ0LCA1MCwgOTQpIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: -moz-linear-gradient(90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: -o-linear-gradient(90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: linear-gradient(0deg, #2c325e, rgba(44, 50, 94, 0));
}
.live-wrap .livebtns-meta .item-kind {
  padding: 5px 10px;
  margin: 5px;
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyYzMyNWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDQ0LCA1MCwgOTQpIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(-90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: -moz-linear-gradient(-90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: -o-linear-gradient(-90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: linear-gradient(180deg, #2c325e, rgba(44, 50, 94, 0));
}
.live-wrap .livebtns-meta .item-date {
  padding: 5px 10px;
  margin: 5px;
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyYzMyNWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDQ0LCA1MCwgOTQpIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(-90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: -moz-linear-gradient(-90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: -o-linear-gradient(-90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: linear-gradient(180deg, #2c325e, rgba(44, 50, 94, 0));
}
.live-wrap .livebtns-meta .item-ocnt {
  padding: 5px 10px;
  margin: 5px;
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyYzMyNWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDQ0LCA1MCwgOTQpIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(-90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: -moz-linear-gradient(-90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: -o-linear-gradient(-90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: linear-gradient(180deg, #2c325e, rgba(44, 50, 94, 0));
}
.live-wrap .livebtns-meta .item-remain {
  padding: 5px 10px;
  margin: 5px;
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyYzMyNWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDQ0LCA1MCwgOTQpIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(-90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: -moz-linear-gradient(-90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: -o-linear-gradient(-90deg, #2c325e, rgba(44, 50, 94, 0));
  background-image: linear-gradient(180deg, #2c325e, rgba(44, 50, 94, 0));
}
.live-wrap .livebtns-wrap {
  color: black;
  background-color: #c8c9e8;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhOGE5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), #a8a9d9);
  background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), #a8a9d9);
  background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0), #a8a9d9);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #a8a9d9);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.live-wrap .livebtns-wrap > li {
  /* title */
}
.live-wrap .livebtns-wrap > li > p {
  padding: 5px;
  font-weight: 500;
  color: #5c3e2a;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.23);
  box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.23);
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.live-wrap .livebtns-wrap > li > .item-btn {
  background-color: #e9e9e9;
  color: #5c3e2a;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px -2px 0px 2px rgba(148, 92, 55, 0.25), inset 0px 0px 0px 1px #817c70, inset 0px 1px 1px 2px rgba(255, 255, 255, 0.5), inset 0px -1px 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px -2px 0px 2px rgba(148, 92, 55, 0.25), inset 0px 0px 0px 1px #817c70, inset 0px 1px 1px 2px rgba(255, 255, 255, 0.5), inset 0px -1px 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px -2px 0px 2px rgba(148, 92, 55, 0.25), inset 0px 0px 0px 1px #817c70, inset 0px 1px 1px 2px rgba(255, 255, 255, 0.5), inset 0px -1px 1px 2px rgba(0, 0, 0, 0.5);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwgMCwgMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
}
.live-wrap .livebtns-wrap > li > .item-btn:hover,
.live-wrap .livebtns-wrap > li > .item-btn.active {
  background-color: #a9a9a9;
  -webkit-box-shadow: 0px -2px 0px 2px rgba(148, 92, 55, 0.25), inset 0px 0px 0px 2px #43fddc, inset 0px 1px 1px 2px rgba(255, 255, 255, 0.5), inset 0px -1px 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px -2px 0px 2px rgba(148, 92, 55, 0.25), inset 0px 0px 0px 2px #43fddc, inset 0px 1px 1px 2px rgba(255, 255, 255, 0.5), inset 0px -1px 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px -2px 0px 2px rgba(148, 92, 55, 0.25), inset 0px 0px 0px 2px #43fddc, inset 0px 1px 1px 2px rgba(255, 255, 255, 0.5), inset 0px -1px 1px 2px rgba(0, 0, 0, 0.5);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwgMCwgMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(-90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
}
.live-wrap .livebtns-wrap > li > .item-cover {
  background-color: rgba(0, 0, 0, 0.5);
  color: transparent;
  font-size: 0;
}
.live-wrap .livebtns-wrap > li > .item-cover:before {
  content: "\f00d";
  font-family: FontAwesome;
  color: white;
  font-size: 40px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.livenotice {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px;
}
.livenotice:after {
  content: "";
  display: table;
  width: 100%;
}
.livenotice > h1 {
  font-weight: 400;
  font-size: 1.25em;
}
.livenotice > p {
  margin-top: 5px;
  margin-bottom: 5px;
}
.livenotice {
  display: none !important;
}
/* Layout */
.loginform-wrap,
.authform-wrap,
.joinform-wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
@media screen and (max-width:640px) {
  .loginform-wrap,
  .authform-wrap,
  .joinform-wrap {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .loginform-wrap,
  .authform-wrap,
  .joinform-wrap {
    width: 100%;
    min-width: 1280px;
  }
}
.loginform-container,
.authform-container,
.joinform-container {
  padding: 40px;
}
.loginform-meta,
.authform-meta,
.joinform-meta {
  width: 100%;
  height: 70px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.loginform,
.authform,
.joinform {
  padding: 2.5px 0px;
}
.loginform li,
.authform li,
.joinform li {
  padding: 2.5px 0px;
}
.loginform li:after,
.authform li:after,
.joinform li:after {
  content: "";
  display: table;
  width: 100%;
}
.loginform label,
.authform label,
.joinform label {
  display: block;
  float: left;
  width: 100px;
  padding: 10px 0px;
}
.loginform input[type="text"],
.authform input[type="text"],
.joinform input[type="text"],
.loginform select,
.authform select,
.joinform select,
.loginform input[type="password"],
.authform input[type="password"],
.joinform input[type="password"] {
  display: block;
  float: left;
  padding: 10px;
}
.loginform input[type="text"],
.authform input[type="text"],
.joinform input[type="text"],
.loginform input[type="password"],
.authform input[type="password"],
.joinform input[type="password"] {
  width: calc( 100% - 100px );
  width: -moz-calc( 100% - 100px );
  width: -webkit-calc( 100% - 100px );
  width: -o-calc( 100% - 100px );
}
.loginform .item-bank,
.authform .item-bank,
.joinform .item-bank {
  width: calc( 100% - 100px );
  width: -moz-calc( 100% - 100px );
  width: -webkit-calc( 100% - 100px );
  width: -o-calc( 100% - 100px );
}
.loginform-btns,
.authform-btns,
.joinform-btns {
  text-align: right;
  padding: 20px 0px;
}
.loginform-btns .item-btn-join,
.authform-btns .item-btn-join,
.joinform-btns .item-btn-join {
  display: inline-block;
  padding: 10px 20px;
  margin-left: 5px;
}
.loginform-btns .item-btn-submit,
.authform-btns .item-btn-submit,
.joinform-btns .item-btn-submit {
  display: inline-block;
  padding: 10px 20px;
  margin-left: 5px;
}
.loginform-footer,
.authform-footer,
.joinform-footer {
  font-size: 0.8em;
  padding: 20px 0px;
}
/* Overlapping */
.loginform-container,
.authform-container,
.joinform-container {
  margin: 0px auto;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 25px;
  width: 400px;
}
.item-phone-1,
.item-phone-2,
.item-phone-3 {
  width: 63px !important;
}
.item-phone-2,
.item-phone-3 {
  margin-left: 5px;
}
.loginform label {
  display: none !important;
  padding: 15px !important;
}
.loginform [class*="item-"] {
  width: 100% !important;
  padding: 15px !important;
}
.loginform-btns,
.authform-btns,
.joinform-btns {
  margin-top: 0px;
}
.item-btn-join {
  width: 100%;
  margin: 5px 0px;
  margin-left: 0px !important;
  padding: 15px !important;
  text-align: center;
}
.item-btn-submit {
  width: 100%;
  margin: 5px 0px;
  margin-left: 0px !important;
  padding: 15px !important;
  text-align: center;
}
/* Theme */
.loginform-wrap,
.authform-wrap,
.joinform-wrap {
  font-family: 맑은 고딕;
}
.loginform-container,
.authform-container,
.joinform-container {
  position: relative;
}
.loginform-container:before,
.authform-container:before,
.joinform-container:before {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  width: 68px;
  height: 83px;
  background-image: url(/refer/images/hobak/user-qr.gif);
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .5;
}
.loginform-container:hover:before,
.authform-container:hover:before,
.joinform-container:hover:before {
  opacity: 1;
}
.loginform-meta,
.authform-meta,
.joinform-meta {
  /* Overlapping */
  height: 325px;
  padding-top: 75px;
  background-image: url(/refer/images/hobak/logo-lg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: c;
  text-indent: 0px;
  text-align: right;
  color: transparent;
}
.loginform [class*="item-"],
.authform [class*="item-"],
.joinform [class*="item-"] {
  background-color: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #666666;
  -webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;
  background-clip: padding-box;
}
.loginform > li {
  padding: 0px;
}
.loginform > li:nth-child(1) [class*="item-"] {
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 0px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 0px;
  background-clip: padding-box;
}
.loginform > li:nth-child(2) [class*="item-"] {
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topright: 0px;
  -moz-background-clip: padding;
  border-top-right-radius: 0px;
  background-clip: padding-box;
}
.loginform-btns .item-btn-join,
.authform-btns .item-btn-join,
.joinform-btns .item-btn-join {
  border: 2px solid #ffffff;
  -webkit-border-radius: 12px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 12px;
  -moz-background-clip: padding;
  border-radius: 12px;
  background-clip: padding-box;
  font-weight: bold;
  color: #ffffff;
  background-color: transparent;
}
.loginform-btns .item-btn-submit,
.authform-btns .item-btn-submit,
.joinform-btns .item-btn-submit {
  border: 0px;
  margin: 5px 0px;
  width: 100%;
  padding: 20px !important;
  text-align: center;
  font-size: 15px;
  background: url(/refer/images/hobak/button-bg.png);
  background-position: center center;
  background-size: 100% auto;
  background-color: #ec9900;
  color: #666666;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: white;
}
.loginform-btns .item-btn-submit:hover,
.authform-btns .item-btn-submit:hover,
.joinform-btns .item-btn-submit:hover {
  opacity: .8;
}
.loginform-btns .item-btn-join {
  border: 0px;
  color: #d09153;
}
.loginform-btns .item-btn-join:before {
  content: "아직 회원이 아니신가요? ";
  display: inline-block;
  color: #666666;
  margin-right: 5px;
}
.loginform-footer,
.authform-footer,
.joinform-footer {
  opacity: .5;
  text-align: center;
}
#put-id-vdtstr {
  color: red;
  text-align: right;
  line-height: 2.5em;
}
#put-nickname-vdtstr {
  color: red;
  text-align: right;
  line-height: 2.5em;
}
.modify-wrap .item {
  display: block;
  margin-bottom: 10px;
}
.modify-wrap .item:after {
  content: "";
  display: table;
  width: 100%;
}
.modify-wrap .item .item-step {
  display: block;
  float: left;
  text-align: center;
  padding: 15px 20px;
  border-radius: 100px;
  margin: 10px;
}
.modify-wrap .item .item-title {
  display: block;
  float: left;
  padding: 20px;
}
.modify-wrap .item .item-form {
  clear: both;
  padding: 10px;
  font-size: 1.25em;
}
.modify-wrap .item .item-form > li {
  margin-bottom: 3px;
}
.modify-wrap .item .item-form > li > label {
  display: block;
  float: left;
  padding: 10px 0px;
  padding-right: 15px;
  text-align: right;
}
@media screen and (min-width:640px) {
  .modify-wrap .item .item-form > li > label {
    width: 15%;
  }
}
@media screen and (max-width:640px) {
  .modify-wrap .item .item-form > li > label {
    width: 30%;
  }
}
.modify-wrap .item .item-form > li > [class*="item"] {
  padding: 10px;
}
@media screen and (min-width:640px) {
  .modify-wrap .item .item-form > li > [class*="item"] {
    width: 85%;
  }
}
@media screen and (max-width:640px) {
  .modify-wrap .item .item-form > li > [class*="item"] {
    width: 70%;
  }
}
.modify-wrap .item .item-form > li > .item-phone-1,
.modify-wrap .item .item-form > li > .item-phone-2,
.modify-wrap .item .item-form > li > .item-phone-3 {
  width: 20%;
  max-width: 100px;
}
@media screen and (min-width:640px) {
  .modify-wrap .item .item-form > li > .item-bank {
    max-width: 310px;
  }
}
.modify-wrap .item .item-form > li #put-id-vdtstr,
.modify-wrap .item .item-form > li #put-nickname-vdtstr {
  line-height: 2em;
  text-align: right;
}
.modify-wrap .item {
  /* Overlapping */
  padding: 13px;
  /* Theme */
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ec9900;
  border: 0px;
  background-color: #f2f2f2;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.modify-wrap .item .item-step {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ffffff;
  border: 0px;
  background-color: #ec9900;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  font-weight: 700;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.modify-wrap .item .item-form > li > [class*="item"] {
  vertical-align: middle;
  height: 42px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.modify-wrap .item .item-form > li > [class*="item"]:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.modify-wrap .item .item-form > li > [class*="item"]:active,
.modify-wrap .item .item-form > li > [class*="item"]:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.modify-wrap .item .item-form > li #put-id-vdtstr,
.modify-wrap .item .item-form > li #put-nickname-vdtstr {
  line-height: 2.5em;
  text-align: right;
  padding-right: 10px;
  background-boxor: rgba(236, 153, 0, 0);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(236, 153, 0, 0)), to(rgba(236, 153, 0, 0.5)));
  background-image: -webkit-linear-gradient(left, rgba(236, 153, 0, 0), rgba(236, 153, 0, 0.5));
  background-image: -moz-linear-gradient(left, rgba(236, 153, 0, 0), rgba(236, 153, 0, 0.5));
  background-image: -ms-linear-gradient(left, rgba(236, 153, 0, 0), rgba(236, 153, 0, 0.5));
  background-image: -o-linear-gradient(left, rgba(236, 153, 0, 0), rgba(236, 153, 0, 0.5));
  color: #f2f2f2;
}
.recommendlist-wrap:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (min-width:640px) {
  .recommendlist-wrap {
    font-size: 12.5px;
  }
}
@media screen and (max-width:640px) {
  .recommendlist-wrap {
    font-size: 10px;
  }
}
.recommendlist-search:after {
  content: "";
  display: table;
  width: 100%;
}
.recommendlist-search .item-from-wrap {
  display: inline-block;
  vertical-align: middle;
}
.recommendlist-search .item-from-wrap .item-from {
  padding: 5px;
}
.recommendlist-search .item-and-wrap {
  display: inline-block;
  vertical-align: middle;
}
.recommendlist-search .item-to-wrap {
  display: inline-block;
  vertical-align: middle;
}
.recommendlist-search .item-to-wrap .item-to {
  padding: 5px;
}
.recommendlist-search .item-search-wrap {
  display: inline-block;
  vertical-align: middle;
}
.recommendlist-search .item-search-wrap .item-search {
  padding: 6px 10px;
}
.recommendlist {
  width: 100%;
  padding: 2.5px;
  border-collapse: collapse;
  border-spacing: 0px;
}
.recommendlist .recommendlist-meta > [class*="item-"] {
  padding: 10px;
  text-align: center;
}
.recommendlist .recommendlist-data > [class*="item-"] {
  padding: 10px;
}
.recommendlist-wrap {
  padding: 2.5px;
  /* Theme */
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ec9900;
  border: 0px;
  background-color: #f2f2f2;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.recommendlist-wrap .recommendlist-search {
  margin-bottom: 10px;
}
.recommendlist-wrap .recommendlist-search .item-from-wrap {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.25);
  background-color: rgba(64, 64, 64, 0.05);
  color: rgba(64, 64, 64, 0.7);
}
.recommendlist-wrap .recommendlist-search .item-from-wrap:before {
  content: "\f073";
  display: inline-block;
  vertical-align: middle;
  font-family: "FontAwesome";
  font-size: 1.25em;
  padding: 0px 10px;
}
.recommendlist-wrap .recommendlist-search .item-from-wrap .item-from {
  background-color: transparent;
  border: 1px solid transparent;
}
.recommendlist-wrap .recommendlist-search .item-from-wrap .item-from:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.5);
  background-color: rgba(64, 64, 64, 0.1);
  color: rgba(64, 64, 64, 0.7);
}
.recommendlist-wrap .recommendlist-search .item-from-wrap .item-from:active,
.recommendlist-wrap .recommendlist-search .item-from-wrap .item-from:focus {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.7);
  background-color: rgba(64, 64, 64, 0.3);
  color: rgba(64, 64, 64, 0.9);
}
.recommendlist-wrap .recommendlist-search .item-and-wrap {
  color: #404040;
}
.recommendlist-wrap .recommendlist-search .item-and-wrap:before {
  content: "\f141";
  display: inline-block;
  vertical-align: middle;
  font-family: "FontAwesome";
  font-size: 1.5em;
  padding: 0px 10px;
}
.recommendlist-wrap .recommendlist-search .item-to-wrap {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.25);
  background-color: rgba(64, 64, 64, 0.05);
  color: rgba(64, 64, 64, 0.7);
}
.recommendlist-wrap .recommendlist-search .item-to-wrap:before {
  content: "\f073";
  display: inline-block;
  vertical-align: middle;
  font-family: "FontAwesome";
  font-size: 1.25em;
  padding: 0px 10px;
}
.recommendlist-wrap .recommendlist-search .item-to-wrap .item-to {
  background-color: transparent;
  border: 1px solid transparent;
}
.recommendlist-wrap .recommendlist-search .item-to-wrap .item-to:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.5);
  background-color: rgba(64, 64, 64, 0.1);
  color: rgba(64, 64, 64, 0.7);
}
.recommendlist-wrap .recommendlist-search .item-to-wrap .item-to:active,
.recommendlist-wrap .recommendlist-search .item-to-wrap .item-to:focus {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.7);
  background-color: rgba(64, 64, 64, 0.3);
  color: rgba(64, 64, 64, 0.9);
}
.recommendlist-wrap .recommendlist-search .item-search-wrap .item-search {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.25);
  background-color: rgba(236, 153, 0, 0.05);
  color: rgba(236, 153, 0, 0.7);
}
.recommendlist-wrap .recommendlist-search .item-search-wrap .item-search:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.5);
  background-color: rgba(236, 153, 0, 0.1);
  color: rgba(236, 153, 0, 0.7);
}
.recommendlist-wrap .recommendlist-search .item-search-wrap .item-search:active {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.7);
  background-color: rgba(236, 153, 0, 0.3);
  color: rgba(236, 153, 0, 0.9);
}
.recommendlist-wrap .recommendlist .recommendlist-meta > [class*="item-"] {
  background-color: rgba(208, 145, 83, 0.1);
  border: 1px solid rgba(208, 145, 83, 0.25);
  border-left: 1px solid rgba(208, 145, 83, 0.1);
  border-right: 1px solid rgba(208, 145, 83, 0.1);
  border-bottom: 2px solid #d09153;
}
.recommendlist-wrap .recommendlist .recommendlist-data > [class*="item-"] {
  border: 1px solid rgba(208, 145, 83, 0.25);
  border-left: 1px solid rgba(208, 145, 83, 0.1);
  border-right: 1px solid rgba(208, 145, 83, 0.1);
}
/* Layout */
.moneylist-wrap {
  font-family: sans-serif;
}
.moneylist-wrap .moneylist {
  display: table;
  width: 100%;
}
.moneylist-wrap .moneylist li {
  display: table-row;
}
.moneylist-wrap .moneylist li > span {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
}
.moneylist-wrap .moneylist li .item-no {
  width: 30px;
}
.moneylist-wrap .moneylist li .item-kind {
  width: 100px;
}
.moneylist-wrap .moneylist li .item-money {
  text-align: center;
}
.moneylist-wrap .moneylist li .item-reqdate {
  width: 100px;
  text-align: center;
}
.moneylist-wrap .moneylist li .item-servdate {
  width: 100px;
  text-align: center;
}
.moneylist-wrap .moneylist li .item-status {
  width: 60px;
  text-align: center;
}
/* Usage */
/* Theme */
.moneylist-wrap .moneylist {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #f2f2f2;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
}
.moneylist-wrap .moneylist .moneylist-meta {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
}
.moneylist-wrap .moneylist .moneylist-data {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
/* Layout */
.moneyform-wrap .item {
  display: block;
  margin-bottom: 10px;
}
.moneyform-wrap .item:after {
  content: "";
  display: table;
  width: 100%;
}
.moneyform-wrap .item .item-step {
  display: block;
  float: left;
  text-align: center;
  padding: 15px 20px;
  border-radius: 100px;
  margin: 10px;
}
.moneyform-wrap .item .item-title {
  display: block;
  float: left;
  padding: 20px;
}
.moneyform-wrap .item .item-form {
  clear: both;
  padding: 10px;
}
.moneyform-wrap .item .item-form .item-mymoney,
.moneyform-wrap .item .item-form .item-moneyamount,
.moneyform-wrap .item .item-form .item-password {
  width: 100%;
  padding: 10px;
  font-size: 1.5em;
  margin-top: 20px;
}
.moneyform-wrap .item .item-form .item-checkmyacc {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
}
.moneyform-wrap .item .item-form .item-moneyamount {
  margin-bottom: 2.5px;
}
.moneyform-wrap .item .item-form .item-money {
  display: inline-block;
  width: 100px;
  padding: 10px;
  margin: 2px 0px;
  border: none;
}
@media screen and (max-width:640px) {
  .moneyform-wrap .item .item-form .item-money {
    width: 20%;
    padding: 5px;
  }
}
/* Theme */
.moneyform-wrap .item {
  /* Overlapping */
  padding: 13px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #f2f2f2;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.moneyform-wrap .item .item-step {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #ec9900;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  font-weight: 700;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.moneyform-wrap .item .item-form .item-checkmyacc {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  font-weight: 700;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.moneyform-wrap .item .item-form .item-checkmyacc:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.moneyform-wrap .item .item-form .item-checkmyacc:active,
.moneyform-wrap .item .item-form .item-checkmyacc:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.moneyform-wrap .item .item-form .item-mymoney {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.moneyform-wrap .item .item-form .item-mymoney:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.moneyform-wrap .item .item-form .item-mymoney:active,
.moneyform-wrap .item .item-form .item-mymoney:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.moneyform-wrap .item .item-form .item-moneyamount {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.moneyform-wrap .item .item-form .item-moneyamount:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.moneyform-wrap .item .item-form .item-moneyamount:active,
.moneyform-wrap .item .item-form .item-moneyamount:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.moneyform-wrap .item .item-form .item-password {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ffffff;
  border: 0px;
  background-color: #ffffff;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.moneyform-wrap .item .item-form .item-password:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ffffff;
  border: 0px;
  background-color: #e6e6e6;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.moneyform-wrap .item .item-form .item-password:active,
.moneyform-wrap .item .item-form .item-password:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ffffff;
  border: 0px;
  background-color: #e6e6e6;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(230, 230, 230, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(230, 230, 230, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(230, 230, 230, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(230, 230, 230, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(230, 230, 230, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(230, 230, 230, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.moneyform-wrap .item .item-form .item-money {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  font-weight: 700;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.moneyform-wrap .item .item-form .item-money:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.moneyform-wrap .item .item-form .item-money:active,
.moneyform-wrap .item .item-form .item-money:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
/* Layout */
.boardbtns-wrap {
  display: block;
  width: 100%;
  text-align: right;
  margin: 2.5px 0px;
}
.boardbtns-wrap ul {
  display: block;
}
.boardbtns-wrap ul:after {
  content: "";
  display: table;
  width: 100%;
}
.boardbtns-wrap ul li {
  display: block;
  float: right;
}
.boardbtns-wrap ul li:after {
  content: "";
  display: table;
  width: 100%;
}
.boardbtns-wrap ul li [class*="item-"] {
  display: block;
  float: left;
  padding: 5px 10px;
  margin-left: 2.5px;
}
/* Usage */
/* Theme */
.boardbtns-wrap ul li .item-write {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.25);
  background-color: rgba(64, 64, 64, 0.05);
  color: rgba(64, 64, 64, 0.7);
}
.boardbtns-wrap ul li .item-write:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.5);
  background-color: rgba(64, 64, 64, 0.1);
  color: rgba(64, 64, 64, 0.7);
}
.boardbtns-wrap ul li .item-write:active,
.boardbtns-wrap ul li .item-write.active,
.boardbtns-wrap ul li .item-write:focus,
.boardbtns-wrap ul li .item-write.focus {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(64, 64, 64, 0.7);
  background-color: rgba(64, 64, 64, 0.3);
  color: rgba(64, 64, 64, 0.9);
}
.boardbtns-wrap ul li .item-seldel,
.boardbtns-wrap ul li .item-register,
.boardbtns-wrap ul li .item-del,
.boardbtns-wrap ul li .item-submit {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.25);
  background-color: rgba(236, 153, 0, 0.05);
  color: rgba(236, 153, 0, 0.7);
}
.boardbtns-wrap ul li .item-seldel:hover,
.boardbtns-wrap ul li .item-register:hover,
.boardbtns-wrap ul li .item-del:hover,
.boardbtns-wrap ul li .item-submit:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.5);
  background-color: rgba(236, 153, 0, 0.1);
  color: rgba(236, 153, 0, 0.7);
}
.boardbtns-wrap ul li .item-seldel:active,
.boardbtns-wrap ul li .item-register:active,
.boardbtns-wrap ul li .item-del:active,
.boardbtns-wrap ul li .item-submit:active,
.boardbtns-wrap ul li .item-seldel.active,
.boardbtns-wrap ul li .item-register.active,
.boardbtns-wrap ul li .item-del.active,
.boardbtns-wrap ul li .item-submit.active,
.boardbtns-wrap ul li .item-seldel:focus,
.boardbtns-wrap ul li .item-register:focus,
.boardbtns-wrap ul li .item-del:focus,
.boardbtns-wrap ul li .item-submit:focus,
.boardbtns-wrap ul li .item-seldel.focus,
.boardbtns-wrap ul li .item-register.focus,
.boardbtns-wrap ul li .item-del.focus,
.boardbtns-wrap ul li .item-submit.focus {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.7);
  background-color: rgba(236, 153, 0, 0.3);
  color: rgba(236, 153, 0, 0.9);
}
.boardbtns-wrap ul li .item-list {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(208, 145, 83, 0.25);
  background-color: rgba(208, 145, 83, 0.05);
  color: rgba(208, 145, 83, 0.7);
}
.boardbtns-wrap ul li .item-list:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(208, 145, 83, 0.5);
  background-color: rgba(208, 145, 83, 0.1);
  color: rgba(208, 145, 83, 0.7);
}
.boardbtns-wrap ul li .item-list:active,
.boardbtns-wrap ul li .item-list.active,
.boardbtns-wrap ul li .item-list:focus,
.boardbtns-wrap ul li .item-list.focus {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(208, 145, 83, 0.7);
  background-color: rgba(208, 145, 83, 0.3);
  color: rgba(208, 145, 83, 0.9);
}
/* Layout */
.boardlist-wrap {
  font-family: sans-serif;
}
.boardlist-wrap .boardlist > .boardlist-notice > .item-wdate,
.boardlist-wrap .boardlist > .boardlist-notice > .item-info {
  font-size: 0px !important;
  color: transparent !important;
}
.boardlist-wrap .boardlist > .boardlist-notice > .item-wdate > *,
.boardlist-wrap .boardlist > .boardlist-notice > .item-info > * {
  display: none;
}
@media screen and (min-width:640px) {
  .boardlist-wrap .boardlist {
    display: table;
    width: 100%;
    padding: 2.5px;
  }
  .boardlist-wrap .boardlist > li {
    display: table-row;
    height: 20px;
  }
  .boardlist-wrap .boardlist > li > span {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
    overflow: hidden;
    height: 20px;
  }
  .boardlist-wrap .boardlist > li > .item-no {
    width: 70px;
    text-align: center;
  }
  .boardlist-wrap .boardlist > li > hr {
    display: none;
  }
  .boardlist-wrap .boardlist > li > .item-wdate {
    text-align: center;
    width: 200px;
  }
  .boardlist-wrap .boardlist > li > .item-wdate > span {
    display: block;
  }
  .boardlist-wrap .boardlist > li > .item-check {
    text-align: center;
    width: 30px;
  }
  .boardlist-wrap .boardlist > li > .item-info {
    width: 150px;
    text-align: center;
  }
  .boardlist-wrap .boardlist > li > .item-status {
    width: 60px;
    text-align: center;
  }
  .boardlist-wrap .boardlist > .boardlist-meta [class*="item-"] {
    text-align: center;
  }
  .boardlist-wrap .boardlist > .boardlist-data:hover {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
}
@media screen and (min-width:640px) and screen and (max-width:640px) {
  .boardlist-wrap .boardlist > li > .item-wdate {
    width: 100px;
  }
}
@media screen and (max-width:640px) {
  .boardlist-wrap .boardlist {
    display: block;
    width: 100%;
    padding: 2.5px;
  }
  .boardlist-wrap .boardlist > .boardlist-meta {
    display: none;
  }
  .boardlist-wrap .boardlist > .boardlist-data {
    margin-bottom: 5px;
  }
  .boardlist-wrap .boardlist > li:after {
    content: "";
    display: table;
    width: 100%;
  }
  .boardlist-wrap .boardlist > li > hr {
    clear: both;
  }
  .boardlist-wrap .boardlist > li > .item-no {
    display: block;
    float: left;
    padding: 8px;
  }
  .boardlist-wrap .boardlist > li > .item-no > span {
    display: inline-block;
  }
  .boardlist-wrap .boardlist > li > .item-title {
    display: block;
    float: left;
    padding: 10px;
  }
  .boardlist-wrap .boardlist > li > .item-wdate {
    display: block;
    clear: both;
    float: left;
    padding: 10px;
  }
  .boardlist-wrap .boardlist > li > .item-info {
    display: block;
    float: left;
    padding: 10px;
  }
  .boardlist-wrap .boardlist > li > .item-status {
    display: block;
    float: right;
    padding: 10px;
  }
  .boardlist-wrap .boardlist > li > .messageview-container {
    clear: both;
  }
  .boardlist-wrap .boardlist > .boardlist-notice > hr,
  .boardlist-wrap .boardlist > .boardlist-notice > .item-wdate,
  .boardlist-wrap .boardlist > .boardlist-notice > .item-info {
    display: none;
  }
}
.boardlist-wrap.type-message .boardlist .boardlist-data .item-del .item-btn,
.boardlist-wrap.type-message .boardlist .boardlist-meta .item-del .item-btn {
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
}
@media screen and (min-width:640px) {
  .boardlist-wrap.type-message .boardlist {
    display: block !important;
  }
  .boardlist-wrap.type-message .boardlist:after {
    content: "";
    display: table;
    width: 100%;
  }
  .boardlist-wrap.type-message .boardlist .boardlist-meta {
    display: block !important;
    width: 100%;
    height: auto;
  }
  .boardlist-wrap.type-message .boardlist .boardlist-data {
    display: block !important;
    width: 100%;
    height: auto;
  }
  .boardlist-wrap.type-message .boardlist .boardlist-data:after,
  .boardlist-wrap.type-message .boardlist .boardlist-meta:after {
    content: "";
    display: table;
    width: 100%;
  }
  .boardlist-wrap.type-message .boardlist .boardlist-data > span,
  .boardlist-wrap.type-message .boardlist .boardlist-meta > span {
    display: block !important;
    float: left;
    height: 40px;
    overflow: hidden;
  }
  .boardlist-wrap.type-message .boardlist .boardlist-data .item-no,
  .boardlist-wrap.type-message .boardlist .boardlist-meta .item-no {
    width: 10% !important;
    padding-right: 0px;
  }
  .boardlist-wrap.type-message .boardlist .boardlist-data .item-title,
  .boardlist-wrap.type-message .boardlist .boardlist-meta .item-title {
    width: 42% !important;
    padding-left: 0px;
    padding-right: 0px;
  }
  .boardlist-wrap.type-message .boardlist .boardlist-data .item-wdate,
  .boardlist-wrap.type-message .boardlist .boardlist-meta .item-wdate {
    width: 25% !important;
    padding-left: 0px;
    padding-right: 0px;
  }
  .boardlist-wrap.type-message .boardlist .boardlist-data .item-info,
  .boardlist-wrap.type-message .boardlist .boardlist-meta .item-info {
    width: 10% !important;
    padding-left: 0px;
    padding-right: 0px;
  }
  .boardlist-wrap.type-message .boardlist .boardlist-data .item-status,
  .boardlist-wrap.type-message .boardlist .boardlist-meta .item-status {
    width: 10% !important;
    padding-left: 0px;
  }
  .boardlist-wrap.type-message .boardlist .boardlist-data .item-del,
  .boardlist-wrap.type-message .boardlist .boardlist-meta .item-del {
    width: 3% !important;
    padding-left: 0px;
    text-align: right;
    vertical-align: middle;
  }
  .boardlist-wrap.type-message .boardlist .boardlist-data .messageview-container,
  .boardlist-wrap.type-message .boardlist .boardlist-meta .messageview-container {
    display: block;
    float: left;
    width: 100%;
    padding: 15px;
  }
}
@media screen and (max-width:640px) {
  .boardlist-wrap.type-message .boardlist > li .messageview-container {
    display: block;
    float: left;
    width: 100%;
    padding: 15px;
  }
  .boardlist-wrap.type-message .boardlist > li .item-del {
    float: right;
    padding: 10px;
  }
}
.boardsearch-wrap {
  display: block;
  padding: 20px;
  text-align: center;
}
.boardsearch-wrap ul {
  display: inline-block;
  padding: 2.5px;
}
.boardsearch-wrap ul:after {
  content: "";
  display: table;
  width: 100%;
}
.boardsearch-wrap ul li {
  display: block;
  float: left;
}
.boardsearch-wrap ul li label {
  display: block;
  padding: 5px;
  vertical-align: middle;
  margin-left: 2.5px;
}
.boardsearch-wrap ul li input[type="text"] {
  padding: 5px;
  vertical-align: middle;
  margin-left: 2.5px;
}
.boardsearch-wrap ul li input[type="button"],
.boardsearch-wrap ul li input[type="submit"],
.boardsearch-wrap ul li button {
  padding: 5px 10px;
  vertical-align: middle;
  margin-left: 2.5px;
}
/* Usage */
/* Theme */
.boardlist-wrap .boardlist > li > .item-title > a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.boardlist-wrap .boardlist > li > .item-title > a:hover {
  text-decoration: underline;
}
.boardlist-wrap .boardlist .messageview-container {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #6c6c6c;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.boardlist-wrap .boardlist .item-del > .item-btn {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.25);
  background-color: rgba(236, 153, 0, 0.05);
  color: rgba(236, 153, 0, 0.7);
}
.boardlist-wrap .boardlist .item-del > .item-btn:hover {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.5);
  background-color: rgba(236, 153, 0, 0.1);
  color: rgba(236, 153, 0, 0.7);
}
.boardlist-wrap .boardlist .item-del > .item-btn:active {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(236, 153, 0, 0.7);
  background-color: rgba(236, 153, 0, 0.3);
  color: rgba(236, 153, 0, 0.9);
}
.boardlist-wrap .boardlist .item-del > .item-btn:before {
  content: "X";
  display: inline-block;
  font-size: 10px;
}
.boardlist-wrap .boardlist > .boardlist-data > .item-title > .icon-board-bettinglist {
  margin: 0px 5px;
  padding: 2px 4px;
  display: inline-block;
  font-size: 8px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ffffff;
  border: 0px;
  background-color: #d0864b;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(209, 31, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(208, 134, 75, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(208, 134, 75, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(208, 134, 75, 0.5);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  color: white;
}
.boardlist-wrap .boardlist > .boardlist-data > .item-title > .icon-board-bettinglist:before {
  content: "베팅내역";
}
@media screen and (min-width:640px) {
  .boardlist-wrap .boardlist {
    /* Overlapping */
    padding: 0px;
    /* Theme */
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #666666;
    border: 0px;
    background-color: #e4e4e4;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  }
  .boardlist-wrap .boardlist > .boardlist-meta {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #666666;
    border: 0px;
    background-color: #f2f2f2;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  }
  .boardlist-wrap .boardlist > .boardlist-meta > [class*="item-"] {
    padding: 13px 0px;
  }
  .boardlist-wrap .boardlist > .boardlist-data > [class*="item-"] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  .boardlist-wrap .boardlist > .boardlist-data:last-child > [class*="item-"] {
    border-bottom: 0px;
  }
  .boardlist-wrap .boardlist > .boardlist-notice {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #666666;
    border: 0px;
    background-color: #d7d7d7;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    font-weight: 700;
  }
}
@media screen and (max-width:640px) {
  .boardlist-wrap .boardlist > li > .item-no > span {
    padding: 2px 5px;
    min-width: 35px;
    text-align: center;
    /* Theme */
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #f2f2f2;
    border: 0px;
    background-color: #f0ad33;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
  }
  .boardlist-wrap .boardlist > li > hr {
    border: none;
    height: 2px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    opacity: .5;
  }
  .boardlist-wrap .boardlist > li > .item-title {
    padding: 8px;
    font-size: 1.25em;
    font-weight: 400;
  }
  .boardlist-wrap .boardlist > .boardlist-data {
    padding: 7.5px;
    /* Theme */
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #666666;
    border: 0px;
    background-color: #e4e4e4;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
  }
  .boardlist-wrap .boardlist > .boardlist-notice {
    /* Theme */
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #666666;
    border: 0px;
    background-color: #c1c1c1;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(193, 193, 193, 0.5);
    -moz-box-shadow: 0px 0px 0px 2px rgba(193, 193, 193, 0.5);
    box-shadow: 0px 0px 0px 2px rgba(193, 193, 193, 0.5);
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
  }
}
.boardsearch-wrap ul {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #f2f2f2;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
}
.boardsearch-wrap ul li input[type="text"] {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #d7d7d7;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.boardsearch-wrap ul li input[type="text"]:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #c1c1c1;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.boardsearch-wrap ul li input[type="text"]:active,
.boardsearch-wrap ul li input[type="text"]:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #c1c1c1;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(193, 193, 193, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(193, 193, 193, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(193, 193, 193, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(193, 193, 193, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(193, 193, 193, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(193, 193, 193, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.boardsearch-wrap ul li input[type="button"],
.boardsearch-wrap ul li input[type="submit"],
.boardsearch-wrap ul li button {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #ec9900;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  font-weight: 700;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.boardsearch-wrap ul li input[type="button"]:hover,
.boardsearch-wrap ul li input[type="submit"]:hover,
.boardsearch-wrap ul li button:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #d48a00;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
}
.boardsearch-wrap ul li input[type="button"]:active,
.boardsearch-wrap ul li input[type="submit"]:active,
.boardsearch-wrap ul li button:active,
.boardsearch-wrap ul li input[type="button"]:focus,
.boardsearch-wrap ul li input[type="submit"]:focus,
.boardsearch-wrap ul li button:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #d48a00;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
}
/* Layout */
.boardview-wrap .boardview-meta {
  display: block;
  width: 100%;
  margin-bottom: 2.5px;
}
.boardview-wrap .boardview-meta li {
  display: block;
  float: left;
}
.boardview-wrap .boardview-meta .item-title {
  width: 100%;
  padding: 10px;
  font-size: 1.75em;
}
.boardview-wrap .boardview-meta .item-title:before {
  content: '제목';
  display: inline-block;
  font-weight: strong;
  padding-right: 5px;
  margin-right: 5px;
  font-size: 0.5em;
}
.boardview-wrap .boardview-meta .item-author,
.boardview-wrap .boardview-meta .item-wdate,
.boardview-wrap .boardview-meta .item-view,
.boardview-wrap .boardview-meta .item-comments {
  padding: 10px;
}
.boardview-wrap .boardview-meta .item-author:before,
.boardview-wrap .boardview-meta .item-wdate:before,
.boardview-wrap .boardview-meta .item-view:before,
.boardview-wrap .boardview-meta .item-comments:before {
  display: inline-block;
  font-weight: strong;
  padding-right: 5px;
  margin-right: 5px;
}
.boardview-wrap .boardview-meta .item-author {
  padding: 10px;
}
.boardview-wrap .boardview-meta .item-author:before {
  content: '작성자';
}
.boardview-wrap .boardview-meta .item-wdate {
  padding: 10px;
}
.boardview-wrap .boardview-meta .item-wdate:before {
  content: '작성일';
}
.boardview-wrap .boardview-meta .item-view {
  padding: 10px;
}
.boardview-wrap .boardview-meta .item-view:before {
  content: '조회수';
}
.boardview-wrap .boardview-meta .item-comments {
  padding: 10px;
}
.boardview-wrap .boardview-meta .item-comments:before {
  content: '댓글수';
}
.boardview-wrap .boardview-meta:after {
  content: "";
  display: table;
  width: 100%;
}
.boardview-wrap .boardview-data {
  display: block;
  width: 100%;
  margin-bottom: 2.5px;
  padding: 20px;
}
.boardview-wrap .boardview-comments {
  display: block;
  width: 100%;
  margin-bottom: 2.5px;
  padding: 10px;
}
.boardview-wrap .boardview-comments li {
  display: block;
  width: 100%;
}
.boardview-wrap .boardview-comments .item-data .item-author,
.boardview-wrap .boardview-comments .item-create .item-author {
  display: block;
  float: left;
  width: 120px;
  padding: 10px;
  text-overflow: ellipsis;
}
.boardview-wrap .boardview-comments .item-data .item-contents,
.boardview-wrap .boardview-comments .item-create .item-contents {
  display: block;
  float: left;
  width: calc( 100% - 220px );
  width: -moz-calc( 100% - 220px );
  width: -webkit-calc( 100% - 220px );
  width: -o-calc( 100% - 220px );
  padding: 10px;
  padding-right: 1.5px;
  padding-left: 0px;
}
.boardview-wrap .boardview-comments .item-data .item-btns,
.boardview-wrap .boardview-comments .item-create .item-btns {
  display: block;
  float: left;
  width: 100px;
  padding: 10px;
  padding-left: 1.5px;
  padding-right: 0px;
  text-align: right;
}
.boardview-wrap .boardview-comments .item-data:after,
.boardview-wrap .boardview-comments .item-create:after {
  content: "";
  display: table;
  width: 100%;
}
.boardview-wrap .boardview-comments .item-data .item-btns .item-btns-del {
  display: inline-block;
  width: 15px;
  height: 15px;
  padding-top: 2px;
  text-align: center;
  font-size: 0.7em;
  font-family: arial;
}
.boardview-wrap .boardview-comments .item-data .item-btns .item-btns-del:before {
  cursor: pointer;
  content: 'X';
  display: inline-block;
}
.boardview-wrap .boardview-comments .item-data .item-btns .item-writedate {
  font-size: .9em;
  padding-top: 5px;
}
.boardview-wrap .boardview-comments .item-create .item-comment {
  width: 100%;
  resize: none;
  font-family: inherit;
  padding: 10px;
  height: 50px;
}
.boardview-wrap .boardview-comments .item-create .item-submit {
  display: inline-block;
  width: 100%;
  height: 50px;
  padding: 10px;
  text-align: center;
}
/* Usage */
/* Theme */
.boardview-wrap .boardview-meta {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.boardview-wrap .boardview-meta .item-title {
  border-bottom: 1px solid rgba(228, 228, 228, 0.5);
  color: #666666;
}
.boardview-wrap .boardview-meta .item-title:before {
  border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.boardview-wrap .boardview-meta .item-author:before,
.boardview-wrap .boardview-meta .item-wdate:before,
.boardview-wrap .boardview-meta .item-view:before,
.boardview-wrap .boardview-meta .item-comments:before {
  border-right: 1px solid rgba(115, 115, 115, 0.5);
}
.boardview-wrap .boardview-data {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #f2f2f2;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.boardview-wrap .boardview-comments {
  /* Overlapping */
  padding: 0px 10px;
  /* Theme */
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #f2f2f2;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.boardview-wrap .boardview-comments li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.boardview-wrap .boardview-comments li:last-child {
  border-bottom: 0px;
}
.boardview-wrap .boardview-comments .item-data .item-btns .item-btns-del {
  font-size: 0px;
}
.boardview-wrap .boardview-comments .item-data .item-btns .item-btns-del:before {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  content: "\f057";
  font-size: 18px;
  font-family: FontAwesome;
  color: #737373;
  line-height: 1;
}
.boardview-wrap .boardview-comments .item-data .item-btns .item-btns-del:hover:before {
  color: #ec9900;
}
.boardview-wrap .boardview-comments .item-create .item-comment {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.boardview-wrap .boardview-comments .item-create .item-comment:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.boardview-wrap .boardview-comments .item-create .item-comment:active,
.boardview-wrap .boardview-comments .item-create .item-comment:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.boardview-wrap .boardview-comments .item-create .item-submit {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #ec9900;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  font-weight: 700;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.boardview-wrap .boardview-comments .item-create .item-submit:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #d48a00;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.boardview-wrap .boardview-comments .item-create .item-submit:active,
.boardview-wrap .boardview-comments .item-create .item-submit:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #f2f2f2;
  border: 0px;
  background-color: #d48a00;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(212, 138, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(212, 138, 0, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(212, 138, 0, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(212, 138, 0, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
/* Layout */
.boardform-wrap {
  width: 100%;
}
.boardform-wrap ul {
  display: block;
  width: 100%;
  padding: 2.5px 3px;
}
.boardform-wrap ul:after {
  content: "";
  display: table;
  width: 100%;
}
.boardform-wrap ul li {
  display: block;
  width: 100%;
  padding: 1.25px 0px;
}
.boardform-wrap ul li:after {
  content: "";
  display: table;
  width: 100%;
}
.boardform-wrap ul li label {
  display: block;
  float: left;
  width: 100px;
}
.boardform-wrap ul li .item-subject,
.boardform-wrap ul li .item-contents {
  width: calc( 100% - 100px );
  width: -moz-calc( 100% - 100px );
  width: -webkit-calc( 100% - 100px );
  width: -o-calc( 100% - 100px );
  display: block;
  float: left;
}
.boardform-wrap ul li label,
.boardform-wrap ul li .item-subject,
.boardform-wrap ul li .item-bettinglist,
.boardform-wrap ul li .item-contents {
  padding: 10px;
}
.boardform-wrap ul li .item-subject {
  font-size: 1.75em;
}
.boardform-wrap ul li .item-contents {
  height: 400px;
  font-family: inherit;
  fontsize: 12px;
  resize: none;
}
/* Usage */
/* Theme */
.boardform-wrap {
  width: 100%;
}
.boardform-wrap ul {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #f2f2f2;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.boardform-wrap ul li .item-subject {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.boardform-wrap ul li .item-subject:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.boardform-wrap ul li .item-subject:active,
.boardform-wrap ul li .item-subject:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.boardform-wrap ul li .item-bettinglist {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  font-weight: 700;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.boardform-wrap ul li .item-bettinglist:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.boardform-wrap ul li .item-bettinglist:active,
.boardform-wrap ul li .item-bettinglist:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.boardform-wrap ul li .item-contents {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #e4e4e4;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.boardform-wrap ul li .item-contents:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.boardform-wrap ul li .item-contents:active,
.boardform-wrap ul li .item-contents:focus {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #666666;
  border: 0px;
  background-color: #cdcdcd;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -moz-box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  box-shadow: 0px 0px 0px 2px rgba(205, 205, 205, 0.5);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 2px rgba(205, 205, 205, 0.5), inset 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
/* Layout */
.bottom-area {
  margin-top: 75px;
}
@media screen and (max-width:640px) {
  .bottom-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .bottom-area {
    width: 100%;
    min-width: 1280px;
  }
}
/* Theme */
.bottom-area {
  background-image: url(/refer/images/hobak/nav-bg.jpg);
  background-position: center center;
}
.bottom-area:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .bottomcontact-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .bottomcontact-area {
    width: 100%;
    min-width: 1280px;
  }
}
.bottomcontact-area:after {
  content: "";
  display: table;
  width: 100%;
}
.bottomcontact-area .bottomcontact-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .bottomcontact-area .bottomcontact-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .bottomcontact-area .bottomcontact-container {
    width: 1280px;
    margin: 0px auto;
  }
}
.bottomcontact-area .bottomcontact-container:after {
  content: "";
  display: table;
  width: 100%;
}
.bottomcontact-area .bottomcontact-container .bottomcontact:after {
  content: "";
  display: table;
  width: 100%;
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items:after {
  content: "";
  display: table;
  width: 100%;
}
.bottomcontact-area {
  background-image: url(/refer/images/hobak/hr-2.png);
  background-repeat: no-repeat;
  background-position: center top;
  font-family: '맑은 고딕';
}
.bottomcontact-area .bottomcontact-container {
  padding: 15px;
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-caption {
  display: block;
  margin: 2px 0px;
  height: 40px;
  font-size: 1.25em;
  color: #404040;
}
@media screen and (min-width:640px) {
  .bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-caption {
    float: left;
  }
}
@media screen and (max-width:640px) {
  .bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-caption {
    text-align: center;
  }
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-caption:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-caption:before {
  content: "문의를 원하신다면, 24시간 고객센터로 문의주세요.";
  display: inline-block;
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items {
  display: block;
}
@media screen and (min-width:640px) {
  .bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items {
    float: right;
  }
}
@media screen and (max-width:640px) {
  .bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items {
    text-align: center;
    padding: 0px 30px;
  }
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items > [class*="item-"] {
  display: inline-block;
  margin: 2px 0px;
  padding: 0px 15px;
  height: 40px;
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items > [class*="item-"]:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items .item-kakao {
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  border: 1px solid rgba(208, 145, 83, 0.2);
  background-color: rgba(208, 145, 83, 0.1);
  color: #666666;
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items .item-kakao [class*="icon-contact-"] {
  margin-right: 7.5px;
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items .item-kakao .item-id:before {
  content: "Kakao : ";
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items .item-wechat {
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  border: 1px solid rgba(208, 145, 83, 0.2);
  background-color: rgba(208, 145, 83, 0.1);
  color: #666666;
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items .item-wechat [class*="icon-contact-"] {
  margin-right: 7.5px;
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items .item-wechat .item-id:before {
  content: "Wechat : ";
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items .item-skype {
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  border: 1px solid rgba(208, 145, 83, 0.2);
  background-color: rgba(208, 145, 83, 0.1);
  color: #666666;
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items .item-skype [class*="icon-contact-"] {
  margin-right: 7.5px;
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items .item-skype .item-id:before {
  content: "skype : ";
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items .item-telegram {
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  border: 1px solid rgba(208, 145, 83, 0.2);
  background-color: rgba(208, 145, 83, 0.1);
  color: #666666;
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items .item-telegram [class*="icon-contact-"] {
  margin-right: 7.5px;
}
.bottomcontact-area .bottomcontact-container .bottomcontact .bottomcontact-items .item-telegram .item-id:before {
  content: "Telegram : ";
}
@media screen and (max-width:640px) {
  .bottomdefault-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .bottomdefault-area {
    width: 100%;
    min-width: 1280px;
  }
}
.bottomdefault-area .bottomdefault-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .bottomdefault-area .bottomdefault-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .bottomdefault-area .bottomdefault-container {
    width: 1280px;
    margin: 0px auto;
  }
}
.bottomdefault-area {
  background-image: url(/refer/images/hobak/hr.png);
  background-repeat: no-repeat;
  background-position: center top;
}
.bottomdefault-area:after {
  content: "";
  display: table;
  width: 100%;
}
.bottomdefault-area .bottomdefault-container {
  padding: 30px 20px;
}
.bottomdefault-area .bottomdefault-container:after {
  content: "";
  display: table;
  width: 100%;
}
.bottomdefault-area .bottomdefault-container .bottomdefault-logo {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  display: block;
  float: left;
  width: 140px;
  height: 120px;
  text-indent: 0px;
  padding: 0px 10px;
  color: transparent;
  text-align: center;
  background-image: url(/refer/images/hobak/380.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width:640px) {
  .bottomdefault-area .bottomdefault-container .bottomdefault-logo {
    background-size: auto 100%;
    width: 100%;
  }
}
.bottomdefault-area .bottomdefault-container .bottomdefault-sponsored {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  display: block;
  float: right;
  width: 318px;
  height: 80px;
  background-image: url(/refer/images/hobak/bottom-sponsored.png);
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
}
@media screen and (min-width:640px) {
  .bottomdefault-area .bottomdefault-container .bottomdefault-sponsored {
    margin-top: 25px;
  }
}
@media screen and (max-width:640px) {
  .bottomdefault-area .bottomdefault-container .bottomdefault-sponsored {
    background-size: 80%;
  }
}
.bottomdefault-area .bottomdefault-container .bottomdefault-sponsored:hover {
  opacity: 1;
}
@media screen and (max-width:640px) {
  .bottomdefault-area .bottomdefault-container .bottomdefault-sponsored {
    width: 100%;
  }
}
.bottomdefault-area .bottomdefault-container .bottomdefault-copyright {
  padding-left: 10px;
  display: block;
  clear: left;
  float: left;
  font-size: 0.9em;
  color: #666666;
}
@media screen and (max-width:640px) {
  .bottomdefault-area .bottomdefault-container .bottomdefault-copyright {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width:640px) {
  .bottomcard-area {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .bottomcard-area {
    width: 100%;
    min-width: 1280px;
  }
}
.bottomcard-area .bottomcard-container:after {
  content: "";
  display: table;
  width: 100%;
}
@media screen and (max-width:640px) {
  .bottomcard-area .bottomcard-container {
    width: 100%;
    min-width: 450px;
  }
}
@media screen and (min-width:640px) {
  .bottomcard-area .bottomcard-container {
    width: 1280px;
    margin: 0px auto;
  }
}
.bottomcard-area .bottomcard-container .bottomcard {
  display: block;
  width: 100%;
  text-align: center;
}
.bottomcard-area .bottomcard-container .bottomcard li {
  display: inline-block;
  margin: 7px 6px 3px;
}
.bottomcard-area .bottomcard-container .bottomcard li img {
  display: block;
}
/* Usage */
.bottomcard-area {
  display: none !important;
}
/* Theme */
.bottomcard-area {
  padding: 15px 0px;
}
.bottomcard-area .bottomcard-container .bottomcard li img {
  opacity: .5;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.bottomcard-area .bottomcard-container .bottomcard li img:hover {
  opacity: 1;
}


.gamebuttongroup-outer {
  padding: 10px;
}
.gamebuttongroup-outer .gamebuttongroup {
  border-radius: 12px;
  overflow: hidden;
}
.gamebuttongroup {
  padding: 0;
  background-color: #111e2c;
}
.gamebuttongroup-title {
  font-size: 18px;
  font-weight: 400;
  background-color: #333;
  color: #eee;
  line-height: 1.2;
  padding: 10px 20px;
  padding-top: 30px;
  background-image: url("/refer/images/buffalo/banner-area-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
  text-align: center;
}
.gamebuttongroup-title strong {
  color: #0783ff;
}
.gamebuttongroup-title .item-logo {
  content: "";
  display: inline-block;
  width: 130px;
  height: 30px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  filter: grayscale(100%);
}
.gamebuttongroup-content {
  text-align: center;
  padding: 20px;
}
.gamebuttongroup-content:after {
  content: "";
  display: table;
  width: 100%;
}
.gamebuttongroup-desc {
  padding: 20px;
  color: #ccc;
  font-size: 1.1em;
  text-align: center;
  background-color: rgba(17, 17, 17, 0.2);
}
.gamebuttongroup-money {
  padding: 20px;
  color: #ccc;
  font-size: 1.2em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiKDEyLCAzNSwgNjYpIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigyOCwgODEsIDE1MikiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(45deg, rgba(12, 35, 66, 0), rgba(28, 81, 152, 0.2));
  background-image: -moz-linear-gradient(45deg, rgba(12, 35, 66, 0), rgba(28, 81, 152, 0.2));
  background-image: -o-linear-gradient(45deg, rgba(12, 35, 66, 0), rgba(28, 81, 152, 0.2));
  background-image: linear-gradient(45deg, rgba(12, 35, 66, 0), rgba(28, 81, 152, 0.2));
  text-align: right;
  border-top: 2px solid #102e58;
  border-bottom: 2px solid #08182c;
}
.gamebuttongroup-money strong {
  color: #205cae;
  font-size: 1.2em;
}
.gamebutton {
  transition: transform ease 0.15s;
  display: inline-block;
  position: relative;
  width: 150px;
  height: 200px;
  border-radius: 2px;
  overflow: hidden;
  border-top: 3px solid rgba(255, 255, 255, 0.25);
  border-bottom: 3px solid rgba(0, 0, 0, 0.5);
  background-color: #0f1924;
  padding: 7px;
  background-image: linear-gradient(-45deg, rgba(238, 238, 238, 0) 10%, rgba(238, 238, 238, 0.2) 100%);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.5), 0 10px 10px 0 rgba(0, 0, 0, 0.5);
  color: #eee;
}
@media screen and (max-width:640px) {
  .gamebutton {
    height: 200px;
  }
}
.gamebutton .item-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.gamebutton .item-icon {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.gamebutton .item-title {
  position: absolute;
  top: 20px;
  left: 10px;
  right: 10px;
  text-align: center;
  font-size: 18px;
  color: white;
  font-weight: 700;
  text-shadow: 0 2px 4px black;
}
.gamebutton .item-play {
  transition: background-color ease 0.25s;
  position: absolute;
  margin: 0 auto;
  bottom: 10px;
  left: 0;
  right: 0;
  width: 100px;
  padding: 5px;
  border-radius: 2px;
  background-color: #90C027;
  
  
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2.5px 5px 0 #000000;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2.5px 5px 0 #000000;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2.5px 5px 0 #000000;
}
.gamebutton .item-play i {
  margin-right: 10px;
}
.gamebutton:hover {
  z-index: 1;
  transform: translateY(-10px) scale(1.05);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.5), 0 25px 15px 0 rgba(0, 0, 0, 0.5);
}
.gamebutton:hover .item-play {
  background-color: #3e81dc;
}
.gamebutton.type-live .item-icon {
  top: 60px;
  left: 20px;
  right: 20px;
  bottom: 40px;
}
.gamebutton.type-casino .item-icon {
  top: 60px;
  left: 35px;
  width: 80px;
  height: 80px;
}
.gamebutton.type-casino:nth-child(6n + 1) {
  background-color: #0a1a0f;
}
.gamebutton.type-casino:nth-child(6n + 2) {
  background-color: #110e0a;
}
.gamebutton.type-casino:nth-child(6n + 3) {
  background-color: #0a1414;
}
.gamebutton.type-casino:nth-child(6n + 4) {
  background-color: #0b0a14;
}
.gamebutton.type-casino:nth-child(6n + 5) {
  background-color: #140a13;
}
.gamebutton.type-casino:nth-child(6n + 6) {
  background-color: #140a0a;
}