/* common */
#wrap {
    width: 100%;
    position: relative;
  }
  .layout {
    position: relative;
    width: 94%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
  }
  .layout_1480 {
    max-width: 1480px;
  }
  .layout_1000 {
    max-width: 1000px;
  }
  .layout_ex {
    position: relative;
    width: 94%;
    margin: 0 auto;
    padding: 0;
  }
  .hover {
    animation: fadein2 0.5s;
    -moz-animation: fadein2 0.5s;
    -webkit-animation: fadein2 0.5s;
    -o-animation: fadein2 0.5s;
  }
  .pc {
    display: inline-block !important;
  }
  .mo {
    display: none !important;
  }
  .invisible {
    visibility: hidden !important;
  }
  
  @media all and (max-width: 1050px) {
    .layout,
    .layout_ex {
      width: 100%;
      max-width: 100%;
      padding: 0 25px;
    }
    .pc {
      display: none !important;
    }
    .mo {
      display: inline-block !important;
    }
  }
  @media all and (max-width: 600px) {
    .layout,
    .layout_ex {
      padding: 0 20px;
    }
  }
  @media all and (max-width: 400px) {
    .layout,
    .layout_ex {
      padding: 0 15px;
    }
  }
  @media all and (min-width: 1050px) {
    .pc {
      display: inline-block !important;
    }
    .mo {
      display: none !important;
    }
  }
  
  section {
    position: relative;
    overflow: hidden;
    display: block;
  }
  section:after {
    content: "";
    display: block;
    clear: both;
  }
  .section {
    padding: 60px 0 70px 0;
  }
  .subwrap {
    padding: 80px 0 50px 0;
  }
  
  @media all and (max-width: 1050px) {
    .subwrap {
      padding: 70px 0 50px 0;
    }
  }
  @media all and (max-width: 600px) {
    .section {
      padding: 34px 0 40px 0;
    }
    .subwrap {
      padding: 70px 0 40px 0;
    }
  }
  
  /* header */
  header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 80px;
    text-align: center;
    padding: 15px 0 0 0;
    background: rgba(0, 0, 0, 0.8);
  }
  header .layout_ex {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  header .logowrap {
    position: relative;
    width: 100%;
    text-align: left;
  }
  header h1 {
    width: 100px;
    max-width: 100px;
  }
  header h1 a {
    width: 100%;
    display: inline-block;
    height: 50px;
    background: url(/assets/img/com/logo.svg) no-repeat 0 8px;
    background-size: 36px;
  }
  header h1 a img {
    width: 100%;
  }
  header h1 span {
    font-size: 0;
    text-indent: -9999em;
    overflow: hidden;
  }
  .topbg {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.85);
    animation: fadein ease 2s;
    -moz-animation: fadein ease 2s;
    -webkit-animation: fadein ease 2s;
    -o-animation: fadein ease 2s;
  }
  .mbg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    z-index: 19;
    background: rgba(0, 0, 0, 0.85);
    animation: fadein ease 2s;
    -moz-animation: fadein ease 2s;
    -webkit-animation: fadein ease 2s;
    -o-animation: fadein ease 2s;
  }
  .mbg.view {
    display: block;
  }
  
  header .logowrap .searchbtn {
    position: absolute;
    top: 0;
    right: -30px;
    z-index: 20;
    width: 40px;
    max-width: 40px;
    height: 50px;
    background: url(/assets/img/com/search.svg) no-repeat center 50%;
    background-size: 20px;
  }
  header .logowrap .alarm {
    display: none;
    position: absolute;
    top: 0;
    z-index: 20;
    width: 40px;
    max-width: 40px;
    height: 50px;
    background: url(/assets/img/com/icon_alarm.svg) no-repeat center 50%;
    background-size: 22px;
  }
  header .logowrap .alarm.on {
    background: url(/assets/img/com/icon_alarm_on.svg) no-repeat center 50%;
    background-size: 22px;
  }
  header .logowrap .alarm span {
    font-size: 0;
    text-indent: -9999em;
    overflow: hidden;
  }
  header h1 span {
    font-size: 0;
    text-indent: -9999em;
    overflow: hidden;
  }
  
  /* searchwrap */
  .searchwrap {
    display: none;
    border-bottom: 1px solid #666;
    background: transparent;
    position: absolute;
    top: 0;
    left: calc(100% - 810px);
    width: 650px;
    max-width: 650px;
    z-index: 23;
  }
  .searchwrap .input-group {
    position: relative;
    z-index: 21;
    width: calc(100% - 40px);
    height: 50px;
    float: left;
  }
  .searchwrap .input-group .searchinput {
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 22;
    width: 100%;
    line-height: 50px;
    height: 50px;
    color: #fff;
    padding: 0 40px 0 0;
    text-align: left;
    background: none;
    border: none;
  }
  .visible1 {
    display: block !important;
    animation: fadeinLeft ease 0.5s;
    -moz-animation: fadeinLeft ease 0.5s;
    -webkit-animation: fadeinLeft ease 0.5s;
    -o-animation: fadeinLeft ease 0.5s;
  }
  .remove {
    width: 0;
    animation: fadeRight ease 1s;
    -moz-animation: fadeRight ease 1s;
    -webkit-animation: fadeRight ease 1s;
    -o-animation: fadeRight ease 1s;
  }
  input[type="text"]::-ms-clear {
    display: none;
  }
  
  .searchwrap .input-group .searchclear {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 23;
    bottom: 0;
    width: 30px;
    height: 30px;
    margin: auto;
    font-size: 12px;
    cursor: pointer;
    color: #cbcccd;
    background: url(/assets/img/com/close.svg) no-repeat center 50%;
    background-size: 16px;
  }
  .searchwrap .input-group .searchclear i {
    font-size: 0;
  }
  .searchwrap .input-group .searchinput:focus {
    border: none;
  }
  .searchwrap .input-group .searchclear:hover {
    background: url(/assets/img/com/close_hover.svg) no-repeat center 50%;
  }
  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .searchwrap input::placeholder {
    color: #fff;
    font-weight: 400 !important;
    opacity: 1;
  }
  .searchwrap input::-webkit-input-placeholder {
    color: #ffff;
    font-weight: 400 !important;
  }
  .searchwrap input:-ms-input-placeholder {
    color: #fff;
    font-weight: 400 !important;
  }
  .searchwrap .search_close {
    position: absolute;
    right: 0;
    top: 0;
    width: 8%;
    max-width: 40px;
    height: 50px;
    background: url(/assets/img/com/search_close.svg) no-repeat right 50%;
    background-size: 18px;
    animation: fadein ease 1s;
    -moz-animation: fadein ease 1s;
    -webkit-animation: fadein ease 1s;
    -o-animation: fadein ease 1s;
  }
  
  /* header */
  header .tsmenu {
    position: absolute;
    right: 0;
    top: 0;
    width: 140px;
    min-width: 140px;
    margin: 0;
  }
  header .tsmenu p {
    position: absolute;
    z-index: 11;
    top: 0;
    right: 0;
    width: 72px;
    height: 50px;
  }
  header .tsmenu p a {
    width: 26px !important;
    max-width: 26px;
    min-width: 26px;
    height: 100%;
    display: inline-block;
  }
  header .tsmenu p a span {
    font-size: 0 !important;
    text-indent: -9999em;
    overflow: hidden;
  }
  header .tsmenu p a.my {
    float: right;
    background: url(/assets/img/com/login.svg) no-repeat 0 50%;
    background-size: 100%;
  }
  header .tsmenu p a.my:hover {
    background: url(/assets/img/com/login.svg) no-repeat 0 50%;
    background-size: 100%;
    animation: fadein2 ease 1s;
    -moz-animation: fadein2 1s;
    -webkit-animation: fadein2 1s;
    -o-animation: fadein2 1s;
  }
  header .tsmenu p a.alarm {
    float: left;
    background: url(/assets/img/com/icon_alarm.svg) no-repeat 0 50%;
    background-size: 100%;
  }
  header .tsmenu p a.alarm.on,
  header .tsmenu p a.alarm.on:hover {
    background: url(/assets/img/com/icon_alarm_on.svg) no-repeat 0 50%;
    background-size: 100%;
  }
  header .tsmenu p a.alarm:hover {
    background: url(/assets/img/com/icon_alarm.svg) no-repeat 0 50%;
    background-size: 100%;
    animation: fadein2 ease 1s;
    -moz-animation: fadein2 1s;
    -webkit-animation: fadein2 1s;
    -o-animation: fadein2 1s;
  }
  
  @keyframes fadeinLeft {
    from {
      width: 0;
    }
    to {
      width: 650px;
    }
  }
  @-moz-keyframes fadeinLeft {
    /* Firefox */
    from {
      width: 0;
    }
    to {
      width: 650px;
    }
  }
  @-webkit-keyframes fadeinLeft {
    /* Safari and Chrome */
    from {
      width: 0;
    }
    to {
      width: 650px;
    }
  }
  @-o-keyframes fadeinLeft {
    /* Opera */
    from {
      width: 0;
    }
    to {
      width: 650px;
    }
  }
  
  @media all and (max-width: 1050px) {
    header {
      height: 50px;
      padding: 0;
    }
    header .logowrap {
      width: 100%;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 20;
      padding: 0 25px;
      background: rgba(0, 0, 0, 0.8);
    }
    header .logowrap .searchbtn {
      right: 94px;
      display: block !important;
      background: url(/assets/img/com/ic_search.svg) no-repeat center 50%;
      background-size: 20px;
    }
    header .logowrap .alarm {
      right: 56px;
      display: inline-block;
      background: url(/assets/img/com/ic_alarm.svg) no-repeat center 50%;
      background-size: 22px;
    }
    header .logowrap .alarm.on {
      background: url(/assets/img/com/ic_alarm_on.svg) no-repeat center 50%;
      background-size: 22px;
    }
  
    header h1 {
      max-width: 84px;
    }
    header h1 a {
      height: 50px;
      background: url(/assets/img/com/logo.svg) no-repeat 0 50%;
      background-size: 34px;
    }
    header .tsmenu {
      width: 100%;
      min-width: 100px;
      margin: 0;
    }
  
    .searchwrap {
      position: fixed;
      top: 50px;
      left: 0;
      width: 100%;
      max-width: 100%;
      background: #242424;
      border: none;
    }
    .searchwrap .input-group .searchinput {
      padding: 0 3%;
    }
    .searchwrap .search_close {
      right: 3%;
    }
  
    @keyframes fadeinLeft {
      from {
        width: 0;
      }
      to {
        width: 100%;
      }
    }
    @-moz-keyframes fadeinLeft {
      /* Firefox */
      from {
        width: 0;
      }
      to {
        width: 100%;
      }
    }
    @-webkit-keyframes fadeinLeft {
      /* Safari and Chrome */
      from {
        width: 0;
      }
      to {
        width: 100%;
      }
    }
    @-o-keyframes fadeinLeft {
      /* Opera */
      from {
        width: 0;
      }
      to {
        width: 100%;
      }
    }
  }
  @media all and (max-width: 900px) {
    .searchwrap .input-group .searchinput {
      padding: 0 25px;
    }
    .searchwrap .search_close {
      right: 25px;
    }
  }
  @media all and (max-width: 600px) {
    header .logowrap .searchbtn {
      right: 86px;
    }
    header .logowrap .alarm {
      right: 50px;
    }
    header .logowrap,
    .searchwrap .input-group .searchinput {
      padding: 0 20px;
    }
    .searchwrap .search_close {
      right: 20px;
    }
  }
  @media all and (max-width: 400px) {
    header .logowrap,
    .searchwrap .input-group .searchinput {
      padding: 0 15px;
    }
    .searchwrap .search_close {
      right: 15px;
    }
  }
  @media all and (min-width: 1049px) {
    .visible2 {
      display: block !important;
      animation: fadein ease 0.8s;
      -moz-animation: fadein ease 0.8s;
      -webkit-animation: fadein ease 0.8s;
      -o-animation: fadein ease 0.8s;
    }
  }
  
  #nav a span,
  #nav .inside,
  #nav li,
  #navbutton a,
  #navbutton2 a,
  #navbutton span,
  #navbutton2 span {
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }
  #navbutton {
    display: none;
  }
  #navbutton a {
    cursor: pointer;
    height: 56px;
    position: fixed;
    right: 25px;
    text-indent: -999em;
    top: 0;
    width: 22px;
    z-index: 21;
  }
  #navbutton .on {
    cursor: pointer;
    height: 56px;
    position: fixed;
    right: 25px;
    text-indent: -999em;
    top: 0px;
    width: 20px;
    z-index: 21;
  }
  #navbutton .on span {
    background: #ed1c24 !important;
    height: 2px;
    left: 0;
    position: absolute;
    top: 18px;
    width: 20px;
  }
  #navbutton span {
    background: #ed1c24;
    height: 2px;
    left: 0;
    position: absolute;
    top: 17px;
    width: 20px;
  }
  #navbutton span + span {
    top: 24px;
  }
  #navbutton span + span + span {
    top: 31px;
  }
  #navbutton a.on span:first-child {
    transform: translate3d(0, 6px, 0) rotate(225deg);
    -webkit-transform: translate3d(0, 6px, 0) rotate(225deg);
    -moz-transform: translate3d(0, 6px, 0) rotate(225deg);
    -o-transform: translate3d(0, 6px, 0) rotate(225deg);
    -ms-transform: translate(0, 6px) rotate(45deg);
  }
  #navbutton a.on span + span {
    top: 23px;
    opacity: 0;
    transform: translate3d(0, 150px, 0) rotate(-720deg);
    -webkit-transform: translate3d(0, 150px, 0) rotate(-720deg);
    -moz-transform: translate3d(0, 150px, 0) rotate(-720deg);
    -o-transform: translate3d(0, 150px, 0) rotate(-720deg);
  }
  #navbutton a.on span + span + span {
    top: 30px;
    opacity: 1;
    transform: translate3d(0, -6px, 0) rotate(-225deg);
    -webkit-transform: translate3d(0, -6px, 0) rotate(-225deg);
    -moz-transform: translate3d(0, -6px, 0) rotate(-225deg);
    -o-transform: translate3d(0, -6px, 0) rotate(-225deg);
    -ms-transform: translate(0, -6px) rotate(-45deg);
  }
  
  @media all and (max-width: 1050px) {
    #navbutton {
      display: block;
    }
  }
  @media all and (max-width: 600px) {
    #navbutton a,
    #navbutton .on {
      right: 20px;
    }
  }
  
  /* nav */
  #nav .back {
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
  }
  #nav .inside {
    position: relative;
    width: 100%;
  }
  #nav .inside h1.mo {
    display: none;
  }
  #nav .inside .mo_tit {
    display: none;
  }
  #nav .inside nav {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
  }
  #nav a {
    box-sizing: border-box;
    width: 100%;
    text-align: right;
    display: block;
    font-size: 13px;
  }
  /*  */
  #nav .inside,
  #nav .inside nav,
  #nav .inside .munu,
  #nav .inside nav > ul {
    width: auto;
    zoom: 1;
    display: inline-block;
    text-align: right;
  }
  #nav .inside nav > ul:after {
    content: "";
    display: block;
    clear: both;
  }
  #nav .inside nav > ul > li {
    width: auto;
    display: inline-block;
  }
  #nav .inside nav > ul > li > a {
    width: 100%;
    color: #fff;
    line-height: 50px;
    height: 50px;
    font-size: 22px;
    padding: 0;
    font-weight: 500;
    text-align: center;
    animation: fadein2 0.5s;
    -moz-animation: fadein2 0.5s;
    -webkit-animation: fadein2 0.5s;
    -o-animation: fadein2 0.5s;
  }
  #nav .inside nav > ul > li > a:after {
    content: "";
    display: block;
    clear: both;
  }
  #nav .inside nav > ul > li:hover > a {
    color: #ed1c24;
  }
  #nav .inside nav > ul > li.active > a,
  #nav .inside nav > ul > li:focus > a {
    color: #ed1c24;
    font-weight: 800;
    letter-spacing: -0.5px;
  }
  #nav .inside nav > ul > li > ul.smenu > li > a {
    font-size: 16px;
    line-height: 45px;
    height: 45px;
    color: #bbb;
  }
  #nav .inside nav > ul > li > ul.smenu > li.on > a {
    color: #fff;
    font-weight: 500;
  }
  
  #nav .m1 {
    transition-delay: 0.035s;
    -webkit-transition-delay: 0.035s;
    -moz-transition-delay: 0.035s;
    -o-transition-delay: 0.035s;
    -ms-transition-delay: 0.035s;
  }
  #nav .m2 {
    transition-delay: 0.07s;
    -webkit-transition-delay: 0.07s;
    -moz-transition-delay: 0.07s;
    -o-transition-delay: 0.07s;
    -ms-transition-delay: 0.07s;
  }
  #nav .m3 {
    transition-delay: 0.14s;
    -webkit-transition-delay: 0.14s;
    -moz-transition-delay: 0.14s;
    -o-transition-delay: 0.14s;
    -ms-transition-delay: 0.14s;
  }
  #nav .m4 {
    transition-delay: 0.175s;
    -webkit-transition-delay: 0.175s;
    -moz-transition-delay: 0.175s;
    -o-transition-delay: 0.175s;
    -ms-transition-delay: 0.175s;
  }
  #nav .m5 {
    transition-delay: 0.21s;
    -webkit-transition-delay: 0.21s;
    -moz-transition-delay: 0.21s;
    -o-transition-delay: 0.21s;
    -ms-transition-delay: 0.21s;
  }
  #nav #selArray {
    transition-delay: 0.34s;
    -webkit-transition-delay: 0.34s;
    -moz-transition-delay: 0.34s;
    -o-transition-delay: 0.34s;
    -ms-transition-delay: 0.34s;
  }
  #nav .contact li {
    transition-delay: 0.375s;
    -webkit-transition-delay: 0.375s;
    -moz-transition-delay: 0.375s;
    -o-transition-delay: 0.375s;
    -ms-transition-delay: 0.375s;
  }
  #nav.show {
    visibility: visible;
  }
  #nav.show .back {
    opacity: 0.7;
  }
  #nav.show .inside {
    margin-left: 0;
    width: 100%;
  }
  #nav.show .inside,
  #nav.show li {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
  }
  #nav .contact {
    padding: 20px 0;
  }
  #nav .contact a {
    line-height: 1.6;
    font-size: 12px;
    cursor: default;
    color: #fff;
    font-weight: 500;
  }
  
  /* swiper : animation */
  .swiper-pagination-bullet-active em {
    opacity: 1 !important;
    visibility: visible !important;
  }
  .swiper-wrap-container {
    margin-left: auto;
    margin-right: auto;
  }
  .swiper-wrap-container,
  .gangnam-swiper-container {
    width: 100%;
    height: 100%;
  }
  
  /* Center slide text vertically */
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
  }
  
  header,
  header h1,
  #nav a span,
  .swiper-slide .section_index .list,
  .section_index .list dd a,
  .section_index .list dd a:before,
  .section_index .list dd span,
  .btn-detail,
  .btn-detail em,
  #nav .inside,
  #nav li,
  .section_index .list dd,
  #gotop,
  .swiper-slide-active .section .bg,
  .section_no8 .map,
  .section_no8 .info,
  .section_index .list dt,
  .swiper-pagination-bullet-ready .swiper-pagination-bullet,
  .swiper-pagination-bullet em,
  #navbutton a,
  #navbutton span {
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    animation: fadein2 0.5s;
    -moz-animation: fadein2 0.5s;
    -webkit-animation: fadein2 0.5s;
    -o-animation: fadein2 0.5s;
  }
  
  @media all and (max-width: 1050px) {
    #nav .inside,
    #nav .inside nav,
    #nav .inside .munu,
    #nav .inside nav > ul {
      width: 100%;
    }
    #nav .inside {
      padding: 0 25px;
    }
    #nav .inside .mo_tit {
      position: relative;
      width: 100%;
      display: block;
      padding: 50px 0 5px 0;
    }
    #nav .inside .mo_tit:before {
      position: absolute;
      left: 0;
      top: 100%;
      content: "";
      display: inline-block;
      width: 100%;
      height: 1px;
      background-image: linear-gradient(
        to right,
        transparent 33%,
        rgb(107, 107, 107) 0%
      );
      background-position: center;
      background-size: 5px 1px;
      background-repeat: repeat-x;
      padding-bottom: 1px;
      width: 100%;
    }
    #nav .inside .mo_tit .moptit {
      width: 100%;
      padding: 10px 0;
    }
    #nav .inside .mo_tit .moptit a.my {
      width: 100%;
      font-size: 14px;
      text-align: left;
      padding: 0 0 0 50px;
      background: url(/assets/img/com/mo_member_w.svg) no-repeat 0 50%;
      background-size: 40px;
      display: flex;
      justify-content: start;
      align-items: center;
    }
    #nav .inside .mo_tit .moptit a.my span {
      width: 100%;
      display: inline-block;
      font-size: 14px;
      line-height: 1.2;
    }
    #nav .inside .mo_tit .moptit a {
      position: relative;
    }
    /* 1029 */
    #nav .inside .mo_tit .moptit a .btn-mypage-mo {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      text-align: left;
      font-size: 12px;
      font-family: "Myriad Pro";
      letter-spacing: 0.3px;
      line-height: normal;
      color: #fff;
      display:inline-block;
      background: rgba(0, 0, 0, 0.75) url(/assets/img/com/arrow.svg) no-repeat 75px / 12px auto;
      padding: 8px 35px 8px 24px;
      border-radius: 90px;
    } 

    #nav .inside .mo_tit .moptit .mypimg {
      width: 100%;
      margin: 0 0 5px;
      font-size: 14px;
      text-align: left;
      display: flex;
      justify-content: start;
      align-items: center;
    }
    /* background: url(/assets/img/com/mo_rarr_w.svg) no-repeat right 50%;		background-size: 10px;	 */
    #nav .inside .mo_tit .moptit .mypimg .img {
      position: relative;
      width: 40px;
      min-width: 40px;
      height: 40px;
      border-radius: 50%;
      overflow: hidden;
      display: block;
    }
    #nav .inside .mo_tit .moptit .mypimg .img > span {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      display: inline-block;
    }
    #nav .inside .mo_tit .moptit .mypimg .img > span img {
      margin: 0 auto;
      display: inline-block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      transition: transform 0.3s linear;
    }
    #nav .inside .mo_tit .moptit .mypimg .txt {
      width: calc(100% - 40px);
      padding: 0 0 0 10px;
      line-height: 1.3;
    }
  
    #nav .inside .mo_tit .moptit .mypimg .txt span {
      width: 100%;
      display: flex;
      justify-content: start;
      align-items: center;
      line-height: 1;
    }
    #nav .inside .mo_tit .moptit .mypimg .txt span > strong {
      width: auto;
      display: inline-block;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.2;
      max-width: calc(100% - 35px);
      overflow: hidden;
      display: inline-block;
      white-space: nowrap;
      word-wrap: break-word;
      text-overflow: ellipsis;
    }
    #nav .inside .mo_tit .moptit .mypimg .txt span > em {
      position: relative;
      width: 20px;
      height: 20px;
      overflow: hidden;
      display: inline-block;
      margin: 0 0 0 10px;
      border-radius: 50%;
    }
    #nav .inside .mo_tit .moptit .mypimg .txt span > em img {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      position: relative;
      width: 20px;
      height: 20px;
      display: inline-block;
      margin: 0 auto;
      width: 100%;
      max-width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }
    #nav .inside .mo_tit .moptit .mypimg .txt span.rank {
      color: #999;
      line-height: 1;
      padding: 2px 0 0 0;
      font-size: 14px;
    }
  
    #nav .inside .mo_tit .moptit_coin {
      width: 100%;
      display: block;
      padding: 0 20px;
      line-height: 48px;
      background: #111;
      border: 1px solid #333;
      margin-bottom: 8px;
      border-radius: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    #nav .inside .mo_tit .moptit_coin input {
      width: calc(100% - 55px);
      background: none;
      border: 0;
      padding: 0;
      line-height: 48px;
      height: 48px;
    }
    #nav .inside .mo_tit .moptit_coin span {
      text-align: right;
    }
    #nav .inside .mo_tit .moptit_btn {
      width: 100%;
      display: block;
      padding: 0 20px;
      line-height: 42px;
      height: 44px;
      background: #111;
      border: 1px solid #333;
      border-radius: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    #nav .inside .mo_tit .mobtit_btn a {
      width: 100%;
      line-height: 48px;
      height: 50px;
      text-align: left;
      background: #111;
      border: 1px solid #333;
      border-radius: 10px;
      display: block;
      font-size: 15px;
      padding: 0 20px;
    }
    #nav .inside .mo_tit .mobtit_btn a span {
      padding: 0 0 0 35px;
    }
    #nav .inside .mo_tit .mobtit_btn a.bank span {
      background: url(/assets/img/com/icon_bank.svg) no-repeat 0 50%;
      background-size: 18px;
    }
    #nav .inside .mo_tit .mobtit_btn a.bank:hover span {
      background: url(/assets/img/com/icon_bank_r.svg) no-repeat 0 50%;
      background-size: 18px;
    }
  
    /* nav */
    #nav {
      display: none;
      position: fixed;
      left: auto;
      top: 0;
      right: -100%;
      width: 100%;
      height: 100%;
      z-index: 10;
      visibility: hidden;
      text-align: center;
      margin: 0;
    }
    #nav .back {
      display: block;
      position: relative;
      left: -100%;
      top: 0;
      width: 100%;
      height: 100%;
      background: none;
      opacity: 0;
    }
    #nav .back:before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      background: rgba(0, 0, 0, 0.4);
      z-index: 10;
    }
    #nav .inside {
      position: absolute;
      right: 100%;
      top: 0;
      width: 100%;
      max-width: 100%;
      height: 100%;
      margin-left: 0;
      z-index: 11;
      overflow: hidden;
      background: #191919;
      overflow-y: auto;
      transform: translate3d(100%, 0px, 0px);
      -webkit-transform: translate3d(100%, 0px, 0px);
      -moz-transform: translate3d(100%, 0px, 0px);
      -o-transform: translate3d(100%, 0px, 0px);
      -ms-transform: translate3d(100%, 0px, 0px);
    }
  
    #nav nav {
      position: relative;
      width: 100%;
      height: 100%;
      margin: 0 0;
    }
    #nav a {
      box-sizing: border-box;
      width: 100%;
      padding-right: 30px;
      text-align: right;
      display: block;
      font-size: 16px;
      line-height: 50px;
      height: 50px;
      color: #fff;
    }
    #nav a:hover {
      color: #999;
    }
    #nav .inside nav > ul {
      width: 100%;
    }
    #nav li {
      width: 100%;
      float: left;
      transform: translate3d(250px, 0px, 0px);
      -webkit-transform: translate3d(250px, 0px, 0px);
      -moz-transform: translate3d(250px, 0px, 0px);
      -o-transform: translate3d(250px, 0px, 0px);
      -ms-transform: translate3d(250px, 0px, 0px);
    }
    #nav .inside nav {
      padding: 0;
    }
    #nav .inside nav > ul {
      width: 100%;
      display: block;
      padding: 15px 0;
    }
    #nav .inside nav > ul.mo_bmenu {
      padding: 15px 0 0 0;
    }
    #nav .inside nav > ul > li {
      width: 100%;
      border-radius: 10px;
      border: 1px solid #434343;
      padding: 0;
      margin: 10px 0 0 0;
      font-size: 15px;
    }
    #nav .inside nav > ul > li:first-child {
      margin: 0;
    }
    #nav .inside nav > ul > li a {
      width: 100%;
      line-height: 50px;
      height: 50px;
      font-size: 15px;
      padding: 0 0 0 55px;
      text-align: left;
      font-weight: 400;
    }
    #nav .inside nav > ul > li a span {
      font-size: 15px;
      font-weight: 400;
    }
    #nav .inside nav > ul > li > ul.smenu {
      position: relative;
      border-top: 1px solid #555;
    }
    #nav .inside nav > ul > li > ul.smenu li:first-child {
      padding-top: 15px;
    }
    #nav .inside nav > ul > li > ul.smenu li:last-child {
      padding-bottom: 15px;
    }
    #nav .inside nav > ul > li > ul.smenu li a {
      line-height: 35px;
      height: 35px;
      text-align: left;
      padding: 0 0 0 55px;
    }
    #nav .inside nav > ul > li.m1 > a {
      background: url(/assets/img/com/ic_market.svg) no-repeat 20px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m2 > a {
      background: url(/assets/img/com/ic_artist.svg) no-repeat 20px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m3 > a {
      background: url(/assets/img/com/ic_mint.svg) no-repeat 20px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m4 > a {
      background: url(/assets/img/com/ic_community.svg) no-repeat 20px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m5 > a {
      background: url(/assets/img/com/ic_support.svg) no-repeat 20px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m6 > a {
      background: url(/assets/img/com/ic_info.svg) no-repeat 20px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m7 > a {
      background: url(/assets/img/com/ic_buylist.svg) no-repeat 20px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m8 > a {
      background: url(/assets/img/com/ic_selllist.svg) no-repeat 20px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m9 > a {
      background: url(/assets/img/com/ic_mintlist.svg) no-repeat 20px 50%;
      background-size: 20px;
    }
    /* 1029 */
    #nav .inside nav > ul > li.m10 > a {
      background: url(/assets/img/com/ic_support.svg) no-repeat 20px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m11 > a {
      background: url(/assets/img/com/ic_buylist.svg) no-repeat 20px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.mobtit_btn > a {
      background: url(/assets/img/com/icon_bank.svg) no-repeat 20px 50%;
      background-size: 20px;
    }
	#nav .inside nav > ul > li.archive > a {
	  background: url(/assets/img/com/archive-w.svg) no-repeat 20px 50%;
	  background-size: 20px;
	}
	#nav .inside nav > ul > li.archive > a:hover {
	  background: url(/assets/img/com/archive.svg) no-repeat 20px 50%;
	  background-size: 20px;
	}
    /*  */
    #nav .inside nav > ul > li > a:hover {
      color: #fff;
      font-weight: 400;
    }
    #nav .inside nav > ul > li.active > a,
    #nav .inside nav > ul > li > a:focus {
      color: #fff;
      font-weight: 400;
      letter-spacing: 0;
    }
    #nav .inside nav > ul > li > ul.smenu > li > a {
      text-align: left;
      color: #ccc;
      font-weight: 400;
    }
    #nav .inside nav > ul > li > ul.smenu > li > a:hover {
      color: #ccc;
      font-weight: 400;
    }
    #nav .inside nav > ul > li > ul.smenu > li.on > a {
      color: #fff;
    }
    #nav.show {
      display: block;
      visibility: visible;
    }
    #nav.show .back {
      display: block;
      opacity: 0.4;
    }
    #nav .inside .tsmenu {
      position: relative;
      padding: 15px 0 0 0;
      display: block;
    }
    #nav .inside .tsmenu:before {
      position: absolute;
      left: 0;
      top: 0;
      content: "";
      display: inline-block;
      width: 100%;
      height: 1px;
      background-image: linear-gradient(
        to right,
        transparent 33%,
        rgb(107, 107, 107) 0%
      );
      background-position: center;
      background-size: 5px 1px;
      background-repeat: repeat-x;
      padding-bottom: 1px;
      width: 100%;
    }
    #nav .inside .mo_login,
    #nav .inside .mo_logout {
      width: 100%;
      padding: 15px 0 36px;
      overflow: hidden;
      display: block;
    }
    #nav .inside .mo_logout {
      padding: 15px 0 36px;
    }
    #nav .inside .mo_login a,
    #nav .inside .mo_logout a {
      font-size: 16px;
      font-weight: 600;
      padding: 0;
      text-align: center;
      width: 100%;
      line-height: 50px;
      height: 50px;
      border: solid 1.5px #fff;
      background-color: rgba(250, 46, 70, 0);
      border-radius: 10px;
    }
  }
  @media all and (max-width: 768px) {
    .swiper-pagination {
      display: none !important;
    }
  }
  @media all and (max-width: 600px) {
    #nav .inside {
      padding: 0 15px;
    }
    #nav .inside h1.mo {
      left: 15px;
    }
    #nav .inside .mo_tit .moptit_coin {
      padding: 0 15px;
    }
    #nav .inside .mo_tit .mobtit_btn a {
      padding: 0 15px;
    }
    #nav .inside nav > ul > li a {
      padding: 0 0 0 50px;
    }
    #nav .inside nav > ul > li > ul.smenu li a {
      padding: 0 0 0 50px;
    }
    #nav .inside nav > ul > li.m1 > a {
      background: url(/assets/img/com/ic_market.svg) no-repeat 15px 50%;
      background-size: 20px;
    }

    /* 1023 */
    #nav .inside nav > ul > li.m2 > a {
      background: url(/assets/img/com/ic_support.svg) no-repeat 15px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m10 > a {
      background: url(/assets/img/com/ic_support.svg) no-repeat 15px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m11 > a {
      background: url(/assets/img/com/ic_buylist.svg) no-repeat 15px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.mobtit_btn > a {
      background: url(/assets/img/com/icon_bank.svg) no-repeat 15px 50%;
      background-size: 20px;
    }
    /*  */
    
    #nav .inside nav > ul > li.m3 > a {
      background: url(/assets/img/com/ic_mint.svg) no-repeat 15px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m4 > a {
      background: url(/assets/img/com/ic_community.svg) no-repeat 15px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m5 > a {
      background: url(/assets/img/com/ic_support.svg) no-repeat 15px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m6 > a {
      background: url(/assets/img/com/ic_info.svg) no-repeat 15px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m7 > a {
      background: url(/assets/img/com/ic_buylist.svg) no-repeat 15px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m8 > a {
      background: url(/assets/img/com/ic_selllist.svg) no-repeat 15px 50%;
      background-size: 20px;
    }
    #nav .inside nav > ul > li.m9 > a {
      background: url(/assets/img/com/ic_mintlist.svg) no-repeat 15px 50%;
      background-size: 20px;
    }
	#nav .inside nav > ul > li.archive > a {
	  background: url(/assets/img/com/archive-w.svg) no-repeat 15px 50%;
	  background-size: 20px;
	}
	#nav .inside nav > ul > li.archive > a:hover {
	  background: url(/assets/img/com/archive.svg) no-repeat 15px 50%;
	  background-size: 20px;
	}
  }
  @media all and (max-width: 320px) {
    #nav .inside {
      padding: 0 15px;
    }
  }
  @media all and (min-width: 1051px) {
    #navbutton,
    #nav .back,
    #nav.show .back {
      display: none;
    }
  
    header .layout_ex.son #nav .inside nav > ul > li {
      display: none;
    }
    #nav {
      position: relative;
      padding: 0 0 0 40px;
      display: inline-block;
    }
    #nav .inside h1.mo,
    #nav .smenu {
      display: none;
    }

    /* 1025 width */
    #nav .inside nav {
      position: relative;
      width: 800px;
    }
    #nav a {
      text-align: left;
    }
    #nav .inside nav > ul {
      float: left;
      text-align: left;
      font-size: 0;
    }
	  @media (min-width: 1051px) {
		  #nav .inside nav > ul > li {
			  position: relative;
			  padding: 0 26px;
		  }
	  }
    /*  */
    
    #nav .inside nav > ul > li > ul.smenu {
      display: none;
      position: absolute;
      top: 50px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 15;
      border-radius: 10px;
      padding: 12px 0;
      border: 1px solid #333;
      background: #191919;
    }
    #nav .inside nav > ul > li > ul.smenu > li {
      position: relative;
      animation: fadein3 0.6s;
      -moz-animation: fadein3 0.6s;
      -webkit-animation: fadein3 0.6s;
      -o-animation: fadein3 0.6s;
    }
    #nav .inside nav > ul > li > ul.smenu > li > a {
      text-align: left;
      padding: 0 25px;
      line-height: 30px;
      height: 30px;
      white-space: nowrap;
      overflow: hidden;
      word-wrap: break-word;
      text-overflow: ellipsis;
    }
    #nav .inside nav > ul > li > ul.smenu > li > a:hover,
    #nav .inside nav > ul > li > ul.smenu > li > a:focus,
    #nav .inside nav > ul > li > ul.smenu > li.on > a {
      color: #fff;
      font-weight: 500;
    }
  }
  
  /*  footer */
  footer {
    position: relative;
    width: 100%;
    padding: 40px 0;
    background: #000;
    border-top: 1px solid rgba(112, 112, 112, 0.45);
    z-index: 1;
  }
  footer .layout_ex {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  footer h2 {
    width: 152px;
    padding: 0;
    margin: 0;
  }
  footer h2 a {
    width: 35px;
    display: inline-block;
    line-height: 45px;
    height: 45px;
    background: url(/assets/img/com/logo_w.svg) no-repeat center 50%;
    background-size: 100%;
    padding: 0;
    margin: 0;
	filter: brightness(0) invert(1);
  }
  footer h2 a img {
    width: 100%;
  }
  footer h2 span {
    font-size: 0;
    text-indent: -9999em;
    overflow: hidden;
  }
  footer .fwrap {
    position: relative;
    width: 90%;
    display: block;
  }
  footer .fwrap .fbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  footer .fwrap .fbox .finfo {
    width: 100%;
    display: block;
    color: #99999f;
    font-size: 13px;
  }
  footer .fwrap .fbox .finfo p {
    width: 100%;
    display: block;
    color: #99999f;
    font-size: 13px;
  }
  footer .fwrap .fbox .finfo p span {
    position: relative;
    display: inline-block;
    padding: 0 15px;
  }
  footer .fwrap .fbox .finfo p span:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 11px;
    background: rgba(222, 222, 222, 0.38);
  }
  
  footer .fwrap .fbox .finfo p span:last-child:before {
    display: none;
  }
  footer .fwrap .copyright {
    width: 100%;
    display: block;
    padding: 25px 0 0;
  }
  
  footer .fwrap .copyright span {
    float: left;
    font-size: 13px;
    line-height: 30px;
    font-weight: 300;
    color: #d5d5d5;
    padding: 0 15px;
  }
  footer .fwrap .copyright .fbtn {
  }
  footer .fwrap .copyright .fbtn a {
    font-size: 13px;
    line-height: 30px;
    color: #fff;
    padding: 0 15px;
    font-weight: 500;
  }
  footer .fwrap .copyright .fbtn a:hover {
    color: #ed1c24;
    animation: fadein2 0.5s;
    -moz-animation: fadein2 0.5s;
    -webkit-animation: fadein2 0.5s;
    -o-animation: fadein2 0.5s;
  }
  footer .fwrap .copyright .fbtn a.applink {
    color: #ed1c24;
    font-weight: 600;
  }
  footer .fwrap .copyright .fbtn .btn_infobox {
    display: none;
  }
  footer .fsns {
    width: 22%;
    display: flex;
    justify-content: end;
    align-items: center;
  }
  footer .fsns li {
    float: left;
    margin-left: 10px;
  }
  footer .fsns li:first-child {
    margin-left: 0;
  }
  footer .fsns li a {
    width: 35px;
    line-height: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    background: #363535;
  }
  footer .fsns li a span {
    font-size: 0;
    text-indent: -9999em;
    overflow: hidden;
  }
  footer .fsns li a:hover {
    animation: fadein2 0.5s;
    -moz-animation: fadein2 0.5s;
    -webkit-animation: fadein2 0.5s;
    -o-animation: fadein2 0.5s;
  }
  footer .fsns li.facebook a {
    background: #363535 url(/assets/img/com/facebook.svg) no-repeat center 51%;
    background-size: 55.55%;
  }
  footer .fsns li.twitter a {
    background: #363535 url(/assets/img/com/twitter.svg) no-repeat center 51%;
    background-size: 55.55%;
  }
  footer .fsns li.instagram a {
    background: #363535 url(/assets/img/com/instagram.svg) no-repeat center 51%;
    background-size: 55.55%;
  }
  footer .fsns li.youtube a {
    background: #363535 url(/assets/img/com/youtube.svg) no-repeat center 51%;
    background-size: 55.55%;
  }
  footer .fsns li.nft a {
    background: #363535 url(/assets/img/com/koongnft.svg) no-repeat center 51%;
    background-size: 62%;
  }
  footer .fsns li.talk a {
    background: #363535 url(/assets/img/com/koongtalk.svg) no-repeat center 51%;
    background-size: 62%;
  }
  footer .fsns li.facebook a:hover {
    background: #6b6b6b url(/assets/img/com/facebook.svg) no-repeat center 51%;
    background-size: 55.55%;
  }
  footer .fsns li.twitter a:hover {
    background: #6b6b6b url(/assets/img/com/twitter.svg) no-repeat center 51%;
    background-size: 55.55%;
  }
  footer .fsns li.instagram a:hover {
    background: #6b6b6b url(/assets/img/com/instagram.svg) no-repeat center 51%;
    background-size: 55.55%;
  }
  footer .fsns li.youtube a:hover {
    background: #6b6b6b url(/assets/img/com/youtube.svg) no-repeat center 51%;
    background-size: 55.55%;
  }
  footer .fsns li.talk a:hover {
    background: #6b6b6b url(/assets/img/com/koongtalk.svg) no-repeat center 51%;
    background-size: 62%;
  }
  
  footer.end {
    position: fixed;
    bottom: 0;
  }
  
  @media all and (max-width: 1050px) {
    footer {
      padding: 40px 0;
    }
    footer .layout_ex {
      width: 100%;
      padding: 0 15px;
      display: block;
    }
    footer h2 {
      width: 100%;
      display: block;
      text-align: center;
      padding: 0 0 30px;
    }
    footer h2 a {
      line-height: 36px;
      height: 36px;
    }
    footer .fwrap {
      width: 100%;
    }
    footer .fwrap .fbox {
      display: block;
    }
    footer .fwrap .fbox .finfo {
      display: none;
      padding: 15px 0 0 0;
    }
    footer .fwrap .fbox .finfo.on {
      display: block;
      animation: fadein ease 1s;
      -moz-animation: fadein ease 1s;
      -webkit-animation: fadein ease 1s;
      -o-animation: fadein ease 1s;
    }
    footer .fwrap .fbox .finfo p {
      text-align: center;
    }
    footer .fwrap .fbox .finfo p span:before {
      display: none;
    }
    footer .fwrap .copyright {
      padding: 15px 0 0 0;
      text-align: center;
    }
    footer .fwrap .copyright span {
      width: 100%;
      display: block;
      text-align: center;
      float: none;
      word-break: keep-all;
      line-height: 1.3;
    }
    footer .fwrap .copyright .fbtn {
      position: absolute;
      top: -20px;
      width: 100%;
      display: block;
      text-align: center;
      float: none;
      font-size: 0;
    }
    footer .fwrap .copyright .fbtn a {
      padding: 0 10px;
      font-size: 13px;
      font-weight: 500;
    }
    footer .fwrap .copyright .fbtn a:first-child {
      padding: 0;
    }
    footer .fwrap .copyright .fbtn .btn_infobox {
      display: inline-block;
      position: relative;
      width: 75px;
      height: 28px;
      margin-right: 10px;
      margin: 0 10px;
    }
    footer .fwrap .copyright .fbtn .btn_infobox a {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2;
      padding: 0;
    }
    footer .fwrap .copyright .fbtn .btn_infobox a span {
      width: 100%;
      padding: 0 20px 0 0;
      display: inline-block;
      line-height: 28px;
      font-weight: 600;
    }
    footer .fwrap .copyright .fbtn .btn_infobox a.btn_info_open {
      display: inline-block;
    }
    footer .fwrap .copyright .fbtn .btn_infobox a.btn_info_open span {
      background: url(/assets/img/com/fs_down.svg) no-repeat right 50%;
      background-size: 14px;
    }
    footer .fwrap .copyright .fbtn .btn_infobox a.btn_info_close {
      display: none;
    }
    footer .fwrap .copyright .fbtn .btn_infobox a.btn_info_close span {
      background: url(/assets/img/com/fs_up.svg) no-repeat right 50%;
      background-size: 14px;
    }
    footer .fwrap .copyright .fbtn .btn_infobox a.btn_info_close.on {
      padding: 0;
      display: block !important;
      animation: fadein ease 1s;
      -moz-animation: fadein ease 1s;
      -webkit-animation: fadein ease 1s;
      -o-animation: fadein ease 1s;
    }
    footer .fsns {
      width: 100%;
      justify-content: center;
      padding: 15px 0 0 0;
    }
    footer .fsns:after {
      content: "";
      display: block;
      clear: both;
    }
    footer .fsns li {
      margin: 0 5px;
    }
  }
  @media all and (max-width: 420px) {
    footer .fwrap {
      padding: 30px 0 0 0;
    }
    footer .fwrap .copyright .fbtn .btn_infobox {
      width: 100%;
      display: block;
      text-align: center;
      justify-content: center;
      margin: 0;
    }
    footer .fwrap .copyright .fbtn .btn_infobox a {
      left: 50%;
      margin: 0 auto;
      transform: translateX(-50%);
    }
  }
  
  @media all and (min-width: 1050px) {
    footer .fwrap .copyright .fbtn .btn_infobox {
      display: none;
    }
  }
  
  /* page */
  .page {
    width: 100%;
    margin: 0;
    display: block;
  }
  .page ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
  }
  .page ul li {
    margin: 0 5px;
    padding: 0;
  }
  .page ul li:first-child {
    margin-left: 0;
  }
  .page ul li:last-child {
    margin-right: 0;
  }
  .page ul li.prev {
    margin-right: 20px;
  }
  .page ul li.next {
    margin-left: 20px;
  }
  .page ul li a {
    display: inline-block; /*width: 42px;*/
    min-width: 42px;
    line-height: 42px;
    height: 42px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    padding: 0;
  }
  .page ul li a:hover {
    color: #ed1c24;
  }
  .page ul li a span {
    font-size: 0;
    text-indent: -9999em;
    overflow: hidden;
  }
  .page ul li.on a {
    color: #ed1c24;
    font-weight: 600;
  }
  .page ul li.first a {
    background: #333 url(/assets/img/com/page_first.svg) no-repeat center 50%;
    background-size: 12px;
    opacity: 0.5;
  }
  .page ul li.prev a {
    background: #333 url(/assets/img/com/page_prev.svg) no-repeat center 50%;
    background-size: 8px;
    opacity: 0.5;
  }
  .page ul li.next a {
    background: #333 url(/assets/img/com/page_next.svg) no-repeat center 50%;
    background-size: 8px;
    opacity: 0.5;
  }
  .page ul li.end a {
    background: #333 url(/assets/img/com/page_end.svg) no-repeat center 50%;
    background-size: 12px;
    opacity: 0.5;
  }
  .page ul li.first:hover a {
    background: #333 url(/assets/img/com/page_first.svg) no-repeat center 50%;
    background-size: 12px;
    opacity: 1;
  }
  .page ul li.prev a:hover {
    background: #333 url(/assets/img/com/page_prev.svg) no-repeat center 50%;
    background-size: 8px;
    opacity: 1;
  }
  .page ul li.next a:hover {
    background: #333 url(/assets/img/com/page_next.svg) no-repeat center 50%;
    background-size: 8px;
    opacity: 1;
  }
  .page ul li.end a:hover {
    background: #333 url(/assets/img/com/page_end.svg) no-repeat center 50%;
    background-size: 12px;
    opacity: 1;
  }
  
  @media all and (max-width: 768px) {
    .marketwrap .page ul {
      padding: 10px 0 0 0;
    }
  }
  @media all and (max-width: 600px) {
    .page ul li {
      margin: 0 3px;
    }
    .page ul li.first {
      margin-right: 5px;
    }
    .page ul li.end {
      margin-left: 5px;
    }
    .page ul li.prev {
      margin-right: 10px;
    }
    .page ul li.next {
      margin-left: 10px;
    }
  }
  @media all and (max-width: 500px) {
    .page ul li.first {
      margin-right: 2px;
    }
    .page ul li.end {
      margin-left: 2px;
    }
    .page ul li.prev {
      margin-right: 5px;
    }
    .page ul li.next {
      margin-left: 5px;
    }
    .page ul li a {
      width: 32px;
      min-width: 32px;
    }
    .page ul li.first a,
    .page ul li.prev a,
    .page ul li.next a,
    .page ul li.end a {
      width: 40px;
      min-width: 40px;
    }
  }
  @media all and (max-width: 420px) {
    .page ul li {
      margin: 0;
    }
    .page ul li.prev {
      margin-right: 2px;
    }
    .page ul li.next {
      margin-left: 2px;
    }
  }
  @media all and (max-width: 380px) {
    .page ul li a {
      width: 30px;
      min-width: 30px;
    }
    .page ul li.first a,
    .page ul li.prev a,
    .page ul li.next a,
    .page ul li.end a {
      width: 36px;
      min-width: 36px;
      line-height: 36px;
      height: 36px;
    }
  }
  @media all and (max-width: 350px) {
    .page ul li a {
      width: 28px;
      min-width: 28px;
    }
    .page ul li.first a,
    .page ul li.prev a,
    .page ul li.next a,
    .page ul li.end a {
      width: 34px;
      min-width: 34px;
      line-height: 34px;
      height: 34px;
    }
  }
  @media all and (max-width: 320px) {
    .page ul li a {
      width: 26px;
      min-width: 26px;
    }
    .page ul li.first a,
    .page ul li.prev a,
    .page ul li.next a,
    .page ul li.end a {
      width: 32px;
      min-width: 32px;
      line-height: 32px;
      height: 32px;
    }
  }
  @media all and (max-width: 300px) {
    .page ul li a {
      width: 24px;
      min-width: 24px;
    }
    .page ul li.first a,
    .page ul li.prev a,
    .page ul li.next a,
    .page ul li.end a {
      width: 32px;
      min-width: 32px;
      line-height: 32px;
      height: 32px;
    }
  }
  .withdrawInp {
    display: block !important;
  }
  .search_resultwrap {
    width: 100%;
  }