/*common, custom css*/

@charset "utf-8";

/*font*/

@font-face {
  font-family: 'noto_sans';
  font-style: normal;
  font-weight: 100;
  src: url(../font/notokr-light.eot);
  src: url(../font/notokr-light.eot?#iefix) format('embedded-opentype'), url(../font/notokr-light.woff) format('woff');
}
@font-face {
  font-family: 'noto_sans';
  font-style: normal;
  font-weight: 300;
  src: url(../font/notokr-demiLight.eot);
  src: url(../font/notokr-demiLight.eot?#iefix) format('embedded-opentype'), url(../font/notokr-demiLight.woff) format('woff');
}
@font-face {
  font-family: 'noto_sans';
  font-style: normal;
  font-weight: 500;
  src: url(../font/notokr-regular.eot);
  src: url(../font/notokr-regular.eot?#iefix) format('embedded-opentype'), url(../font/notokr-regular.woff) format('woff');
}
@font-face {
  font-family: 'noto_sans';
  font-style: normal;
  font-weight: 700;
  src: url(../font/notokr-medium.eot);
  src: url(../font/notokr-medium.eot?#iefix) format('embedded-opentype'), url(../font/notokr-medium.woff) format('woff');
}
@font-face {
  font-family: 'noto_sans';
  font-style: normal;
  font-weight: 800;
  src: url(../font/notokr-bold.eot);
  src: url(../font/notokr-bold.eot?#iefix) format('embedded-opentype'), url(../font/notokr-bold.woff) format('woff');
}

/*background*/

.bg-gray {
  background-color: #d7d7d7
}
.bg-bkp {
  background-color: #771c2f
}
.bg-bkc {
  background-color: #93a955
}
.bg-bkb {
  background-color: #56a2d3
}
.bg-etc,
.bg-eth {
  background-color: #262626
}
.bg-xrp {
  background-color: #006fa7
}
.bg-usdt {
  background-color: #228e6d
}
.bg-krw {
  background-color: #154671
}
.bg-btc,
.bg-bch {
  background-color: #d88725
}
.bg-xrp {
  background-color: #56a2d3
}
.bg-ltc {
  background-color: #4a5f96
}
.bg-dash {
  background-color: #1162a3
}
.bg-wbc {
  background-color: #40497c
}
.bg-krm {
  background-color: #692626
}
.bg-espo {
  background-color: #4a4a4a
}
.bg-neo {
  background-color: #5c8e29
}
.bg-qtum {
  background-color: #67b8dc
}
.bg-tlg {
  background-color: #b38c32
}
.bg-lcgc {
  background-color: #b18f4d
}
.bg-ohas {
  background-color: #007fc8
}

/*common set*/

article {
  background: #fff;
  border-bottom: 8px solid #f4f5f8;
  position: relative
}
article.box-ver2 {
  border: none;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
}
article.box-ver3 {
  border: none;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
article.box-ver3 > div {
  margin-top: 0rem
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
  -o-text-overflow: ellipsis
}
.none-info {
  padding: 5rem 1rem;
  text-align: center;
  color: #888;
  font-size: .84rem;
}
.none-info-lg {
  padding: 10rem 1rem;
  text-align: center;
  color: #888;
  font-size: .84rem;
}
.invisible {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.hidden {
  display: none;
}
.over-hidden {
  overflow: hidden
}
.position-r {
  position: relative
}
.position-ab {
  position: absolute
}
.v-align-sub {
  vertical-align: sub;
}
.display-inline {
  display: inline
}
.display-table {
  display: table;
  table-layout: fixed;
  width: 100%
}
.display-table-cell {
  display: table-cell
}
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
}
.display-flex li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center
}
.display-flex li a {
  width: 100%;
  padding: .6rem 0;
  color: #888;
}
.display-flex.three li {
  -ms-flex-preferred-size: 33.3333%;
  flex-basis: 33.3333%;
}
.display-flex.two li {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.display-block {
  display: block
}
.break-all {
  word-break: break-all;
}
.radius-2 {
  border-radius: 2px !important
}
.radius-5 {
  border-radius: 5px !important
}
.radius-50 {
  border-radius: 50% !important
}
.m-0-auto {
  margin: 0 auto !important
}
input.form-control {
  border-radius: 5px;
  padding: 0.9rem 0.8rem;
}
.form-vertical label + input {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.form-vertical input + input {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.form-horizontal label + input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.form-horizontal select {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: 0
}
.form-horizontal input + input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.form-horizontal select + input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.form-horizontal select,
.form-horizontal input {
  box-shadow: none
}
.btn {
  border-radius: 30px
}
.btn-secondary {
  background-color: background: #e03241;
  background: -moz-linear-gradient(left, #e03241 0%, #ec4d41 100%);
  background: -webkit-linear-gradient(left, #e03241 0%, #ec4d41 100%);
  background: linear-gradient(to right, #e03241 0%, #ec4d41 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e03241', endColorstr='#ec4d41', GradientType=1);
  color: #fff;
  border: 1px solid #cd2e29;
}
.btn-secondary.active,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:active:focus {
  background-color: background: #e03241;
  background: -moz-linear-gradient(left, #e03241 0%, #ec4d41 100%);
  background: -webkit-linear-gradient(left, #e03241 0%, #ec4d41 100%);
  background: linear-gradient(to right, #e03241 0%, #ec4d41 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e03241', endColorstr='#ec4d41', GradientType=1);
  color: #fff
}
.btn-outline-secondary {
  background-color: #fff;
  border: 1px solid #e03241;
  color: #e03241
}
.btn-outline-secondary.active,
.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary:focus,
.btn-outline-secondary:active:focus {
  background-color: #f4f4f4;
  border: 1px solid #e03241;
  color: #e03241
}
.btn-outline-secondary2 {
  background-color: #fff;
  border: 1px solid #fb8787;
  color: #fb8787
}
.btn-outline-secondary2.active,
.btn-outline-secondary2:hover,
.btn-outline-secondary2:active,
.btn-outline-secondary2:focus,
.btn-outline-secondary2:active:focus {
  background-color: #f4f4f4;
  border: 1px solid #e009f9;
  color: #e009f9
}
.btn-gray {
  background-color: #464646;
  border: 1px solid #58585a;
  color: #ffffff;
}
.btn-outline-gray {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  color: #404040
}
.btn-outline-gray.active,
.btn-outline-gray:hover,
.btn-outline-gray:active,
.btn-outline-gray:focus,
.btn-outline-gray:active:focus {
  background-color: #f4f4f4;
  border: 1px solid #d4d4d4;
  color: #4f4f4f
}
.btn-primary-dark {
  color: white;
  background-color: #6a3e3e;
  border-color: #212938;
}
.text-info {
  color: #ffb6b6 !important;
}

/*
.check-primary input[type=checkbox].invisible {
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  opacity: 0;

}
*/

.check-primary {
  position: relative
}
.check-primary input:checked + label .icon {
  color: #ff2424 !important
}
.radio-primary input:checked + label .icon {
  color: #ed5c5c !important;
}
.radio-primary input:checked + label .icon::before {
  content: "\e958";
}
.fs--1 .icon {
  font-size: 0.5rem
}
.btn-float {
  position: fixed;
  bottom: 3%;
  text-align: center;
  right: 41.5%;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: #970000;
  border: 1px solid #930000;
  padding-top: 3px;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.4);
  z-index: 998
}
.btn-float a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.btn-float p {
  font-size: 0.7rem
}
.btn-float img {
  width: 27px;
  height: 27px;
}
.btn-shadow {
  border-color: #f0f0f0;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
}
.none-shadow {
  box-shadow: none !important;
}
.bar:after {
  content: '';
  margin: 0px 4px 0px 8px;
  height: 10px;
  vertical-align: unset;
  border-left: 1px solid #fb9191;
  display: inline-block;
}
.bar2:after {
  content: '';
  height: 14px;
  border-left: 1px solid #ccc;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}
.bar3:after {
  content: '';
  width: calc(100% - 1rem);
  border-bottom: 1px solid #d79c9f;
  position: absolute;
  top: 50%;
  opacity: 0.5;
  left: 1rem;
}
.bar4:after {
  content: '';
  margin: 0px 4px 0px 8px;
  height: 10px;
  vertical-align: unset;
  border-left: 1px solid #ccc;
  display: inline-block;
}
.bar.gray:after {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0px 4px 0px 6px;
  height: 8px;
}
.border-box {
  border: 6px solid #f0f1f4;
  display: table;
  width: 100%;
  padding: .8rem .5rem;
}
.border-box .border-top {
  border-color: #ececec
}
.ul-notice li {
  position: relative;
  font-size: .84rem;
  margin-top: 8px;
  padding-left: 9px
}
.ul-notice li:before {
  content: '-';
  position: absolute;
  color: #7b7b7b;
  left: 0;
  top: 0
}
.notcontens {
  text-align: center;
  color: #949494;
  padding: 5rem 1rem;
}
.notcontens-lg {
  text-align: center;
  color: #949494;
  padding: 12rem 1rem;
}

/*header*/

.header {
  background-color: #000;
  /* background: -moz-linear-gradient(left, #e03241 0%, #ec4d41 100%);
  background: -webkit-linear-gradient(left, #e03241 0%, #ec4d41 100%);
  background: linear-gradient(to right, #02ba6bb8 0%, #02ba27b8 100%); */
  /* filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e03241', endColorstr='#ec4d41', GradientType=1); */
  color: #fff;
  height: 42px;
  position: relative;
  font-weight: 500;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.header-top {
  padding-top: 45px;
}
.top_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 45px;
  z-index: 999;
}
.header .link-back {
  font-size: 18px;
  color: #fff;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 10px 14px;
}
.header .link-close {
  font-size: 18px;
  color: #fff;
  position: absolute;
  right: 15px;
  top: 11px;
}
.header .link-home {
  font-size: 18px;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  padding: 8px 13px;
}
.header .header-title {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 600;
  padding: 14px 0;
}

/*header height*/

.mt-header {
  margin-top: 48px
}

/*list*/

.list a {
  width: 100%;
  height: 100%;
  display: inline-block
}
.list li {
  position: relative;
}
.list-default li {
  padding: .5rem 1rem
}
.list-default li a {
  display: inline-block;
  width: 100%;
}
.list-default .con-img {
  width: 105px;
  height: 79px;
  overflow: hidden;
  border: 1px solid #ececec
}
.list-default .con-info {
  position: absolute;
  width: calc(100% - 10rem);
  left: 8.5rem;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.list-default .con-info p {
  margin-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  word-wrap: normal;
}
.list-top ul {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
.list-top li {
  display: inline-block;
  width: 130px;
  margin-right: 15px
}
.list-top .con-desc p {
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  word-wrap: normal;
}
.list-top .con-img {
  width: 130px;
  height: 97px
}
.list-two li {
  display: inline-block;
  width: calc(50% - 3px);
  vertical-align: middle;
  text-align: center
}
.list-two li:nth-child(2n+1) {
  border-right: 1px solid #ececec
}
.list-three li {
  width: 30%;
  margin-bottom: 3%;
}
.list-three li + li {
  margin-left: 4.5%
}
.list-three li:nth-child(3n+1) {
  margin-left: 0
}

/*tabs*/

.tabs .nav-bar {
  display: table;
  width: 100%;
  table-layout: fixed
}
.tabs .nav-bar .nav-bar-item {
  display: table-cell;
  font-size: .84rem;
  font-weight: 400;
  color: #888;
  border-bottom: 1px solid #ececec;
  padding: .8rem 0;
  line-height: 1.5;
}
.tabs .nav-bar .nav-bar-item + .nav-bar-item {
  border-left: 1px solid #ececec
}
.tabs .nav-bar .nav-bar-item.active {
  color: #333;
  font-weight: bold;
  border-bottom-color: #fff
}
.tabs .nav-bar .indicator {
  display: none
}
.tabs .tab-contents {
  margin-top: 0
}

/*banner*/

.slider-banner .slick-dots {
  bottom: 10px;
  margin: 0 0 .2rem 1rem;
  text-align: left;
}
.slider-banner .slick-dots li {
  margin: 0
}
.slider-banner .slick-dots li button:before {
  font-size: 20px
}
.slider-banner.slick-dotted.slick-slider {
  margin-bottom: 0
}

/*nav*/

#nav_category {
  /*background-color: #cd3354;
  background: -moz-linear-gradient(left, #cd3354 0%, #ff2424 100%);
  background: -webkit-linear-gradient(left, #cd3354 0%, #ff2424 100%);
  background: linear-gradient(to right, #cd3354 0%, #ff2424 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd3354', endColorstr='#ff2424', GradientType=1);*/
  height: 47px;
  padding: 0 10px;
}
#nav_category .main_category {
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center;
}
#nav_category .main_category li {
  display: table-cell;
  position: relative
}

/*
#nav_category .main_category li:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
  content: "";
}

#nav_category .main_category li.active:after {
  height: 4px;
  background-color: rgba(255, 255, 255, 0.7);
}
*/

#nav_category .main_category a {
  color: #ffeaea;
  padding: 10px 0;
  display: inline-block;
  font-size: 16px;
  height: 47px;
}
#nav_category .main_category li.active a {
  color: #fff;
  font-weight: bold
}
#nav_category .li-aside {
  z-index: 1002
}

/*tab*/

#tab-menu {
  border-bottom: none;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  z-index: 998;
  left: 0
}
#tab-menu li.active a {
  color: #333;
  font-weight: bold
}
#tab-menu li:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
  content: "";
}
#tab-menu li.active:after {
  height: 3px;
  background-color: #ff2424;
}

/*login*/

.wrap-login input.form-control {
  border-radius: 10px;
}
.con-language select {
  width: 35%
}
.wrap-login .input-login {
  position: relative
}
.wrap-login .input-login span {
  position: absolute;
  left: 1.6rem;
  color: #b8b8b8;
  padding: 1.05rem 0;
  font-size: .9rem;
}
.wrap-login .p-txt {
  position: absolute;
  right: -1.8rem;
  top: .5rem;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  padding: .5rem 2.2rem .5rem 1.8rem;
  font-size: .85rem;
  font-weight: 300;
  letter-spacing: 0;
}
.link-password {
  color: #87888a;
  font-size: .85rem;
}

/*join*/

#wrap-join .con-article {
  /* box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1); */
  border: 1px solid #ddd;
}
#wrap-join .con-article .icon {
  vertical-align: middle;
  font-size: 1.1rem;
  margin-right: 2px;
  
}
#wrap-join .con-article .p-article {
  height: 90px;
  overflow-y: overlay;
  -webkit-overflow-scrolling: touch;
}
#wrap-join .con-article + .con-article {
  margin-top: 1rem
}

#wrap-join .form-group {
  margin-bottom: 1.4rem
}
#wrap-join .time {
  top: 1rem;
  right: 1rem;
}
.basic-info li + li {
  margin-top: 10px
}
.basic-info li {
  font-size: .9rem
}
.basic-info li strong {
  width: 28%;
  display: inline-block;
  color: #949494;
  font-weight: 300
}

/*aside*/

body.menu-open {
  overflow: hidden;
  position: fixed;
}
#aside {
  display: none;
}
#aside.active {
  display: block;
}
#fadeBg {
  /*  display: none;*/
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  filter: alpha(opacity=80);
  z-index: 1000;
  -webkit-transition: all .3s ease-in-out 1s;
  transition: all .3s ease-in-out 1s;
}
#aside.active #fadeBg {
  opacity: .8;
}

/*
#asideMenu {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 700px;
  min-width: 320px;
  height: 100%;
  z-index: 1001;
  -webkit-transition: all .3s ease-in-out 1s;
  transition: all .3s ease-in-out 1s;
  overflow-y: auto;
  margin-bottom: 0;
  opacity: 0;
}
*/

#aside.active #asideMenu {
  opacity: 1
}
#asideMenu .wrap-aside {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
}
#asideMenu .link-login {
  font-size: 1.2rem;
  display: inline-block;
  padding: 0px 12px;
}
#asideMenu .con-info {
  height: 160px
}
#asideMenu .user-aside {
  margin-top: .8rem;
}
#asideMenu .user-aside .user-info {
  top: 1.8rem;
}
#asideMenu .con-menu {
  background: #253009;
  height: calc(100vh - 110px);
}
#asideMenu .con-menu h2 {
  font-size: .9rem;
  padding: 15px;
  border-bottom: 1px solid #ececec;
}
#asideMenu .con-menu a {
  font-size: .88rem;
  display: block;
  padding: 10px 5px;
  margin-left: 15px;
  font-weight: 300;
}
#asideMenu .menu01 {
  position: relative;
  float: left;
  width: 130px;
  height: 100%;
}
#asideMenu .menu01 li {
  position: relative
}
#asideMenu .menu01 li.active > a {
  font-size: .9rem;
  font-weight: 600;
  color: #ff828c;
  position: relative
}
#asideMenu .menu01 li.active a::before {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 0;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
}
#asideMenu .menu02 {
  z-index: 10;
  width: calc(100% - 130px);
  height: 100%;
  overflow-y: auto;
  background: #fff;
  padding: 0 .5rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: calc(100vh - 640px);
}
#asideMenu .menu02 > ul {
  margin: 1rem 0;
}
#asideMenu .menu02 > ul ul {
  margin-bottom: 1rem
}
#asideMenu .menu02 a {
  padding: 4px 10px;
}
#asideMenu .menu02 a .icon {
  float: right;
  color: #cacaca;
  font-size: .8rem;
  margin-top: 4px;
}
#asideMenu .con-menu .link-out {
  text-decoration: underline;
  color: #888;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

/*pay*/

#wrap-pay .box-payment li {
  font-family: Roboto, "Spoqa Han sans";
  display: table;
  width: 100%;
  table-layout: fixed;
  font-size: .9rem;
}
#wrap-pay .box-payment li + li {
  margin-top: .6rem
}
#wrap-pay .box-payment li div {
  display: table-cell;
  color: #636363;
  font-weight: 400;
}
#wrap-pay .box-payment li:last-child {
  border-top: 1px dashed #c2c2c2;
  padding-top: 1rem;
  margin-top: 1rem;
}
#wrap-pay .box-payment input[type="text"] {
  font-family: Roboto, "Spoqa Han sans";
}

/*datepicker custom*/

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
  background-color: #ff5454 !important;
  border-color: #f94848 !important;
}

/*datepicker months custom*/
.datepicker table tr td span.active, 
.datepicker table tr td span.active.disabled, 
.datepicker table tr td span.active.disabled:hover, 
.datepicker table tr td span.active:hover {
	background-color: #ff5454 !important;
  border-color: #f94848 !important;
}

/* user*/

.user-profile {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #e08c89;
}
#wrap-join .user-profile {
  width: 90px;
  height: 90px;
}
#wrap-join .user-profile img{
	overflow: hidden;
	border-radius: 50%;
}
.user-profile input {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  opacity: 0;
  display: block
}
.user-profile .input-icon {
  position: absolute;
  bottom: -2px;
  right: -4px;
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #ccced2;
}
.user-profile .input-icon .icon {
  font-size: .95rem;
  color: #556080;
}
.user-info {
  left: 100px;
  top: 1rem;
}

/*store-img*/

.con-store-img .box {
	position: relative;
	margin: 0 4% 4% 0;
}
.js-image-preview {
	height: 280px;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 0px solid #f2f2f2;
	border-radius:1.25rem;
}
.js-image-preview input[type='file'] {
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	display: block
}

.js-image-preview2 {
	height: 100px;
	width: 100px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 4px solid #f2f2f2;
}
.js-image-preview2 input[type='file'] {
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	display: block
}
.js-image-preview3 {
	height: 280px;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 0px solid #f2f2f2;
	border-radius:1.25rem;
}
.js-image-preview3 input[type='file'] {
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	display: block
}

.js-image-preview4 {
	height: 310px;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 0px solid #f2f2f2;
	border-radius:1.25rem;
}
.js-image-preview4 input[type='file'] {
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	display: block
}

.js-image-preview5 {
	height: 280px;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 0px solid #f2f2f2;
	border-radius:1.25rem;
}
.js-image-preview5 input[type='file'] {
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	display: block
}

/*setting*/

#wrap-setting .con-language select {
  width: 100%;
  height: 50%;
}
#wrap-setting .con-language {
  top: -0.6rem;
  right: 0;
}
#wrap-setting .lang-set strong {
  display: inline-block;
  font-weight: 300;
}
#wrap-setting .version-txt p {
  display: inline-block;
}
#wrap-setting .btn-shadow {
  background: #fff;
}

/*footer*/

#footer_category {
  padding: 0.3rem 0;
  background: #5c3819;
  background-image: url(../../assets2/img/f_bg.jpg);
  border-top: 1px solid #885327;
}
#footer_category .footer_category {
  display: table;
  width: 100%;
  text-align: center;
}
#footer_category .footer_category li {
  display: table-cell;
  position: relative;
  /*width: 16%;*/
}
#footer_category .footer_category a {
  color: #666;
  padding: 5px 0;
  display: inline-block;
  font-size: 0.7rem;
  height: 42px;
}
#footer_category p {
  text-align: center;
}
.p-address {
  word-break: break-all;
  color: #bebebe;
  line-height: 1.2
}

.box-round{
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2);
	border-radius:1.4rem;
	padding: 1.25rem;
	background: #ffffffd9;
}

.box-round2{
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
	border-radius:1.4rem;
	padding: 1.25rem;
	/*background-image: url('../img/m_farm_bg.png');*/
	background: #bca09430;
    padding-bottom: 20px;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.box-round3{
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2);
	border-radius:1rem;
	padding: 0.7rem;
	background: #753723b0;
}

.box-round4{
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2);
	border-radius:1rem;
	padding: 0.7rem;
	background: #ff6a6ab0;
}

.box-round3 h2{
	font-size:1rem;
	color:#393939
}


.box-round5{
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2);
	border-radius:1rem;
	padding: 0.7rem;
	background: #b6d336b0;
}

.box-round5-2{
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2);
	border-radius:1rem;
	padding: 0.7rem;
	background: #65d3e6b0;
}

.box-round6{
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
	border-radius:1.4rem;
	padding: 1.25rem;
	/*background-image: url('../img/m_farm_bg.png');*/
	background: #89826ad6;
    padding-bottom: 20px;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.box-round7{
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
	border-radius:1.4rem;
	padding: 1.25rem;
	background: #59953da8;
    padding-bottom: 20px;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.nav_bottom {
	background-color: #5c3819;
	height: 55px;
	padding: 0 4px;
	border-top: 1px solid #885327;
	min-width: 320px;
}
.nav_bottom li {
	-webkit-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
	text-align: center;
	position: relative
}
.nav_bottom li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
	padding-top: 9px
}
.nav_bottom li.active a i {
	color: #8dfc00;
}
.nav_bottom li.active a {
	color: #8dfc00;
}
.nav_bottom li.active a p {
	color: #333
}
.nav_bottom p {
	margin-bottom: 0;
	font-size: 11.5px;
	line-height: 1.5
}
.nav_bottom li i {
	font-size: 28px
}


.nav_bottom_grow {
	height: 90px;
	background-color: #0000009e;
	padding: 0 4px;
	border-top: 1px solid #7dff00;
	min-width: 320px;
	background-size: cover; 
	background-repeat: no-repeat;
	margin-bottom: 0px;
}
.nav_bottom_grow li {
	-webkit-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
	text-align: center;
	position: relative;
	padding-top: 12px;
}
.nav_bottom_grow li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
	padding-top: 2px
}
.nav_bottom_grow li.active a i {
	color: #fc7400;
}
.nav_bottom_grow li.active a p {
	color: #333
}
.nav_bottom_grow p {
	margin-bottom: 0;
	font-size: 11.5px;
	line-height: 1.5
}
.nav_bottom_grow li i {
	font-size: 28px
}

.bottom_fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

/* 모바일 세로 
@media only screen and (max-width: 767px) */
@media (max-width: 768px) and (orientation: portrait) {
  .gnb-1 {
    height: 54px;
  }
  .hidden-xs {
    display: none;
  }
  .mobile-po {
    display: inline;
  }
  .mobile-ho {
    display: none;
  }
  .layer .container {
  	width: 98% !important;
  }

}

/* PC 버젼 */
@media (min-width: 769px) {
  .hidden-xs {
    display: block;
  }
  .mobile-po {
    display: none;
  }
  .mobile-ho {
    display: none;
  }

}