.pseudo-selection {
    background: #B35026;
    color: #fff;
  }
  ::-moz-selection {
    background: #B35026;
    color: #fff;
  }
  ::-webkit-selection {
    background: #B35026;
    color: #fff;
  }
  ::selection {
    background: #B35026;
    color: #fff;
  }
  html,
  body {
    margin: 0px;
    font-size: 14px;
    font-family: "lac", 'Noto Sans KR', sans-serif;
    word-break: keep-all;
    background: #f8f6f3 !important;
  }
  html a img,
  body a img {
    border: 0;
  }
  html td,
  body td,
  html p,
  body p,
  html h3,
  body h3,
  html h4,
  body h4,
  html th,
  body th,
  html li,
  body li,
  html button,
  body button,
  html a,
  body a,
  html span,
  body span {
    font-family: 'Noto Sans KR', sans-serif;
  }
  html h1,
  body h1,
  html h2,
  body h2 {
    font-family: "lac", 'Noto Sans KR', sans-serif;
    letter-spacing: 0.075em;
    text-transform: uppercase;
  }
  @media (max-width:980px) {
    html,
    body {
      font-size: 12px;
    }
  }
  body.scrollfreeze {
    overflow: hidden;
  }
  body.ie10 select {
    background-size: auto 0.5rem !important;
  }
  body.ie10 .page-content.basket table > tbody > tr > td.border-right:after {
    height: 100px;
  }
  body.ie10 .thumbnail .prdImg a.bucket {
    display: none;
  }
  @media (max-width:980px) {
    .pc {
      display: none!important;
    }
  }
  @media (min-width:981px) {
    .mob {
      display: none!important;
    }
  }
  *::-webkit-scrollbar {
    width: 0px;
  }
  .font-lac {
    font-family: "lac", 'Noto Sans KR', sans-serif;
    letter-spacing: 0.075em;
  }
  @media (max-width:980px) {
    body.hasTop .main-slider {
      height: calc(100vh - 65px - 3rem - 55px);
    }
  }
  .main-slider {
    position: relative;
    width: 100%;
    height: 75vh;
  }
  @media (max-width:980px) {
    .main-slider {
      height: calc(100vh - 65px - 55px);
    }
  }
  .main-slider .arrows {
    position: absolute;
    font-size: 2.55rem;
    height: 0;
    width: 100%;
    top: calc(50% -  0.5em);
  }
  .main-slider .arrows .inner {
    position: relative;
    height: 0;
    width: calc(100% - 80px);
    max-width: 1080px;
    margin: 0 auto;
  }
  @media (max-width:980px) {
    .main-slider .arrows .inner {
      width: calc(100% - 40px);
    }
  }
  .main-slider .arrows .inner > * {
    position: absolute;
    font-size: 2.55rem;
    height: 1em;
    width: 1em;
    background: url(https://vcodetest.cafe24.com/modori/) center center no-repeat;
    background-size: auto 100%;
    top: 0;
    z-index: 10;
  }
  .main-slider .arrows .inner .prev {
    background-image: url("/layout/basic/imgs/arrow_prev_w.svg");
    left: 0;
  }
  .main-slider .arrows .inner .next {
    background-image: url("/layout/basic/imgs/arrow_next_w.svg");
    right: 0;
  }
  .main-slider .swiper-container {
    width: 100%;
    height: 100%;
  }
  .main-slider .swiper-slide {
    text-align: center;
  }
  .main-slider .swiper-slide {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    background: #fff;
  }
  .slider-pagi {
    width: 2.5rem;
    height: 3px;
    border-radius: 0;
    background: #D7D2CB;
    transition: 0.5s;
  }
  .slider-pagi.swiper-pagination-bullet-active {
    background: #B35026;
    width: 7.5rem;
  }
  .swiper-wrapper {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .swiper-slide {
    background-position: center center!important;
    background-repeat: no-repeat !important;
    background-size: cover!important;
    background-color: #D7D2CB;
    cursor: pointer;
  }
  .swiper-slide .overlay {
    width: calc(100% - 80px);
    max-width: 1080px;
    margin: 0 auto;
    margin: 9vh auto 0;
    background: url(https://vcodetest.cafe24.com/modori/) center center no-repeat;
    background-size: contain;
    position: relative;
    height: calc(100% - 23vh);
    z-index: 2;
  }
  @media (max-width:980px) {
    .swiper-slide .overlay {
      width: calc(100% - 40px);
    }
  }
  @media (max-width:980px) {
    .swiper-slide .overlay {
      position: absolute;
      max-width: 100%;
      margin: 0;
      top: 15vh;
      bottom: 25vh;
      height: auto;
      width: auto;
      left: 65px;
      right: 65px;
    }
  }
  .swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .swiper-pagination-bullet {
    width: 2.5rem !important;
    height: 3px !important;
    border-radius: 0 !important;
    background: #D7D2CB !important;
    transition: 0.5s !important;
  }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #B35026 !important;
    width: 7.5rem !important;
  }
  .swiper-button-next {
    right: calc(50% - 540px + 20px) !important;
  }
  @media (max-width:980px) {
    .swiper-button-next {
      right: 20px!important;
    }
  }
  .swiper-button-prev {
    left: calc(50% - 540px + 20px) !important;
  }
  @media (max-width:980px) {
    .swiper-button-prev {
      left: 20px!important;
    }
  }
  .swiper-button-next:after {
    content: "" !important;
    width: 2rem;
    height: 2rem !important;
    background: url("/layout/basic/imgs/arrow_next_w.svg") center center no-repeat;
    background-size: contain;
  }
  .swiper-button-prev:after {
    content: "" !important;
    width: 2rem;
    height: 2rem !important;
    background: url("/layout/basic/imgs/arrow_prev_w.svg") center center no-repeat;
    background-size: contain;
  }
  @media (max-width:980px) {
    .swiper-container-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
      bottom: 7vh!important;
    }
  }
  .swiper-pagination .swiper-pagination-bullet {
    background: #D7D2CB;
    opacity: 1;
  }
  .thumb_opt {
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    z-index: 999999999;
    text-align: center;
  }
  .thumb_opt_front {
    position: fixed;
    margin: 0 auto;
    top: auto;
    left: auto;
    bottom: 0;
    z-index: 999999999;
    width: 100%;
    height: 80vh;
    max-height: 650px;
    text-align: center;
  }
  @media (max-width:980px) {
    .thumb_opt_front {
      height: 100%!important;
      max-height: 100%!important;
      background: rgba(0, 0, 0, 0.5) !important;
      top: 0!important;
      left: 0!important;
    }
  }
  .thumb_opt_front iframe {
    width: 100%;
    max-width: 650px;
  }
  @media (max-width:980px) {
    .thumb_opt_front iframe {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 80vh!important;
      max-height: 650px!important;
    }
  }
  #capp-shop-new-product-optionselect-backlayer {
    position: fixed !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.5) !important;
    height: 100% !important;
    z-index: 999999999 !important;
    text-align: center !important;
  }
  #capp-shop-new-product-optionselect-layer {
    position: fixed !important;
    margin: 0 auto !important;
    top: auto !important;
    left: auto !important;
    bottom: 0 !important;
    z-index: 999999999 !important;
    width: 100% !important;
    height: 80vh !important;
    max-height: 650px !important;
    text-align: center !important;
  }
  @media (max-width:980px) {
    #capp-shop-new-product-optionselect-layer {
      height: 100%!important;
      max-height: 100%!important;
      background: rgba(0, 0, 0, 0.5) !important;
      top: 0!important;
      left: 0!important;
    }
  }
  #capp-shop-new-product-optionselect-layer iframe {
    width: 100% !important;
    max-width: 650px !important;
  }
  @media (max-width:980px) {
    #capp-shop-new-product-optionselect-layer iframe {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 80vh!important;
      max-height: 650px!important;
    }
  }
  #registrationBanner {
    position: relative;
    display: block;
    font-size: 1.2rem;
    height: 3rem;
    cursor: pointer;
  }
  #registrationBanner .ban_top {
    text-align: center;
  }
  #registrationBanner .ban_top .banimg {
    width: 100%;
  }
  #registrationBanner .ban_top .swiper-wrapper .swiper-slide a {
    color: #fff;
    font-size: 1.2rem;
    line-height: 3rem;
    float: none;
    text-decoration: none;
  }
  #registrationBanner .ban_top .swiper-wrapper > .swiper-slide > a {
    color: #fff;
  }
  #registrationBanner #banner-close-button {
    height: auto;
    width: 20px;
    position: absolute;
    right: 20px;
    top: 0.25em;
    z-index: 10;
    color: #fff;
    font-size: 1.5rem;
  }
  @media (max-width:980px) {
    #registrationBanner #banner-close-button {
      top: 0.25em;
    }
  }
  .bx-pager-item a {
    height: 3px!important;
    background: #D7D2CB !important;
    transition: 0.3s;
  }
  .bx-pager-item a.active {
    width: 150px!important;
    background: #B35026 !important;
  }
  .promotion .t-image {
    opacity: 0;
  }
  .promotion > * {
    display: block;
    background-size: cover;
    background-color: #999999;
    height: 300px;
    position: relative;
  }
  @media (max-width:980px) {
    .promotion > * {
      height: 300px;
    }
    .promotion > *:nth-child(n+2) {
      display: none;
    }
  }
  .promotion > * > div {
    position: absolute;
    bottom: 4rem;
    left: 4rem;
  }
  @media (max-width:980px) {
    .promotion > * > div {
      bottom: 20px;
      left: 20px;
    }
  }
  .promotion > * > div > p:first-child,
  .promotion > * > div > p:last-child {
    font-size: 1rem;
    margin: 0;
  }
  .promotion > * > div > p:nth-child(2) {
    font-size: 1.7rem;
    margin-top: 0;
  }
  dt,
  dd,
  .displaynone {
    display: none!important;
  }
  textarea {
    resize: none;
    width: 100%!important;
  }
  #wrap {
    width: 100%;
  }
  .top-bar-marg {
    width: 100%;
    height: 3rem;
  }
  #container {
    width: 100%;
    margin-top: 47px;
    position: relative;
  }
  @media (max-width:980px) {
    #container {
      margin-top: 65px;
    }
  }
  #container .page-content,
  #container .w-1 {
    width: calc(100% - 80px);
    max-width: 1080px;
    margin: 0 auto;
    padding-bottom: 5.5em;
    margin: 3.5rem auto;
  }
  @media (max-width:980px) {
    #container .page-content,
    #container .w-1 {
      width: calc(100% - 40px);
    }
  }
  @media (max-width:980px) {
    #container .page-content,
    #container .w-1 {
      min-height: calc(100vh - 65px);
    }
  }
  @media (max-width:980px) {
    #container .page-content.mob-full,
    #container .w-1.mob-full {
      width: 100%;
      max-width: 100%;
    }
  }
  #container .page-content h2,
  #container .w-1 h2 {
    text-align: center;
    font-size: 2rem;
  }
  #container .page-content h3,
  #container .w-1 h3 {
    text-align: left;
    font-size: 1.7rem;
    margin: 0 0 0.5em;
    line-height: 1.1em;
  }
  #container .page-content.narrow,
  #container .w-1.narrow {
    max-width: 650px;
  }
  #container .page-content:not(.board-read):not(.board) fieldset,
  #container .w-1:not(.board-read):not(.board) fieldset {
    padding: 1em !important;
    display: block !important;
    border: 1px solid #B35026 !important;
  }
  #container .page-content:not(.board-read):not(.board) fieldset span,
  #container .w-1:not(.board-read):not(.board) fieldset span {
    font-size: 1rem !important;
    line-height: 1em !important;
    min-width: 80px !important;
  }
  #container .page-content:not(.board-read):not(.board) fieldset a,
  #container .w-1:not(.board-read):not(.board) fieldset a {
    text-decoration: none !important;
    color: #B35026 !important;
    display: inline-block !important;
    min-width: 80px !important;
    text-align: center !important;
    font-weight: bold !important;
  }
  #container .page-content:not(.board-read):not(.board) fieldset button,
  #container .w-1:not(.board-read):not(.board) fieldset button,
  #container .page-content:not(.board-read):not(.board) fieldset input[type=submit],
  #container .w-1:not(.board-read):not(.board) fieldset input[type=submit] {
    text-align: center !important;
    padding: 0.75em !important;
    background: #B35026 !important;
    border-radius: 0 !important;
    border: 0 !important;
    text-decoration: none !important;
    color: #fff !important;
    min-width: 80px !important;
    line-height: 1em !important;
    font-size: 1rem !important;
  }
  #container .page-content .help,
  #container .w-1 .help {
    margin: 1.5rem 0;
  }
  #container .page-content .help ul,
  #container .w-1 .help ul {
    list-style: decimal;
    padding: 0 0 0 1em;
  }
  #container .page-content.order-detail #order_layer_detail,
  #container .w-1.order-detail #order_layer_detail {
    position: fixed;
    top: 50%!important;
    left: 50%!important;
    width: 95vw;
    max-width: 450px;
    background: #f8f6f3;
    border: 1px solid #B35026;
    padding: 1em;
    box-sizing: border-box;
    margin: -25vh 0 0 -225px;
  }
  @media (max-width:980px) {
    #container .page-content.order-detail #order_layer_detail,
    #container .w-1.order-detail #order_layer_detail {
      top: auto!important;
      bottom: 10vh;
      width: auto;
      max-width: 100%;
      margin: 0;
      left: 2.5vw !important;
      right: 2.5vw;
    }
  }
  #container .page-content.order-detail #order_layer_detail ul,
  #container .w-1.order-detail #order_layer_detail ul {
    list-style: none;
    padding: 0;
  }
  #container .page-content.order-detail #order_layer_detail ul li,
  #container .w-1.order-detail #order_layer_detail ul li {
    margin-bottom: 1em;
    color: #4E4544;
  }
  #container .page-content.order-detail #order_layer_detail ul li strong,
  #container .w-1.order-detail #order_layer_detail ul li strong {
    margin-right: 1em;
  }
  #container .page-content.order-detail #order_layer_detail .inner,
  #container .w-1.order-detail #order_layer_detail .inner {
    margin: 0;
    width: 100%;
  }
  #container .page-content.order-detail #order_layer_detail h3,
  #container .w-1.order-detail #order_layer_detail h3 {
    font-size: 1.5rem;
    color: #4E4544;
  }
  #container .page-content.order-detail #order_layer_detail .content > p,
  #container .w-1.order-detail #order_layer_detail .content > p {
    text-align: left;
    color: #B35026;
  }
  #container .page-content.order-detail .title h3,
  #container .w-1.order-detail .title h3 {
    text-align: center;
    margin-top: 2em;
  }
  #container .page-content.order-detail .table tbody tr > td:nth-child(2),
  #container .w-1.order-detail .table tbody tr > td:nth-child(2) {
    text-align: left;
  }
  #container .page-content.order-detail .table tr th,
  #container .w-1.order-detail .table tr th {
    padding: 1em 0;
  }
  #container .page-content.order-detail .table tfoot td,
  #container .w-1.order-detail .table tfoot td {
    padding: 1em 0;
  }
  #container .page-content.order-detail .orderArea .table tbody tr th,
  #container .w-1.order-detail .orderArea .table tbody tr th {
    width: 120px;
    text-align: left;
  }
  #container .page-content.order-detail .table a.btn,
  #container .w-1.order-detail .table a.btn {
    color: #fff;
  }
  #container .page-content.order-detail .btnArea,
  #container .w-1.order-detail .btnArea {
    margin-top: 1em;
  }
  #container .page-content.order-detail .dual,
  #container .w-1.order-detail .dual {
    display: inline-block;
    width: auto;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #4E4544;
    box-sizing: border-box;
    border: 0;
    padding: 0.5em 1em;
    font-size: 1rem;
    margin: 0 auto;
    font-family: "lac", 'Noto Sans KR', sans-serif;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    margin: 0 1em;
  }
  @media (max-width:980px) {
    #container .page-content.order-detail .dual.cta,
    #container .w-1.order-detail .dual.cta {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      max-width: 100%;
      z-index: 99999;
      margin: 0!important;
    }
  }
  #container .page-content.order-detail .dual.kakao,
  #container .w-1.order-detail .dual.kakao {
    background: #ffd200;
    color: #4E4544;
  }
  .selected > #container .page-content.order-detail .dual.transparent,
  .selected > #container .w-1.order-detail .dual.transparent {
    background: #4E4544;
    color: #f8f6f3;
  }
  .selected > #container .page-content.order-detail .dual.transparent.prim,
  .selected > #container .w-1.order-detail .dual.transparent.prim {
    background: #B35026;
    color: #fff;
  }
  #container .page-content.order-detail .dual.transparent,
  #container .w-1.order-detail .dual.transparent {
    background: transparent;
    border: 1px solid #4E4544;
    color: #4E4544;
  }
  #container .page-content.order-detail .dual.transparent.prim,
  #container .w-1.order-detail .dual.transparent.prim {
    background: transparent;
    border-color: #B35026;
    color: #B35026;
  }
  #container .page-content.order-detail .dual.prim,
  #container .w-1.order-detail .dual.prim {
    background: #B35026;
    color: #fff;
  }
  #container .page-content.order-detail .dual.big,
  #container .w-1.order-detail .dual.big {
    display: block;
    font-size: 1.7rem;
    margin-bottom: 0.5rem;
    padding: 1em;
    width: 100%;
    max-width: 650px;
    font-weight: bold;
  }
  @media (max-width:980px) {
    #container .page-content.order-detail .dual.big,
    #container .w-1.order-detail .dual.big {
      max-width: 100%;
    }
  }
  #container .page-content.order-detail .dual.medium,
  #container .w-1.order-detail .dual.medium {
    display: block;
    font-size: 1.35rem;
    width: 100%;
    max-width: 450px;
    margin-bottom: 0.5rem;
    padding: 0.6em 1em 0.6em;
  }
  #container .page-content.order-detail .dual.sign-up,
  #container .w-1.order-detail .dual.sign-up {
    background: #4E4544;
    color: #fff;
  }
  @media (max-width:980px) {
    #container .page-content.order-detail .table .thumb,
    #container .w-1.order-detail .table .thumb {
      display: none;
    }
    #container .page-content.order-detail .table thead,
    #container .w-1.order-detail .table thead {
      display: none;
    }
    #container .page-content.order-detail .table tbody tr,
    #container .w-1.order-detail .table tbody tr {
      border-top: 1px solid #4E4544;
      border-bottom: 1px solid #4E4544;
    }
    #container .page-content.order-detail .table tbody tr p,
    #container .w-1.order-detail .table tbody tr p {
      margin: 0;
    }
    #container .page-content.order-detail .table tbody tr > td,
    #container .w-1.order-detail .table tbody tr > td {
      display: block;
      text-align: left;
      padding: 1em 0;
      vertical-align: top;
    }
    #container .page-content.order-detail .table tbody tr > td a.btn,
    #container .w-1.order-detail .table tbody tr > td a.btn {
      margin-top: 1em;
    }
    #container .page-content.order-detail .table tbody tr > td:nth-child(n+3),
    #container .w-1.order-detail .table tbody tr > td:nth-child(n+3) {
      display: inline-block;
      width: 30%;
      box-sizing: border-box;
    }
    #container .page-content.order-detail .table tbody tr > td span.bold,
    #container .w-1.order-detail .table tbody tr > td span.bold {
      display: block;
      font-weight: bold;
      margin-top: 1em;
    }
    #container .page-content.order-detail .table tbody tr > td > span.bold:first-child,
    #container .w-1.order-detail .table tbody tr > td > span.bold:first-child {
      margin-top: 0;
    }
  }
  .fieldset-dt {
    padding: 1em;
    display: block;
    border: 1px solid #B35026;
  }
  .fieldset-dt span {
    font-size: 1rem;
    line-height: 1em;
    min-width: 80px;
  }
  .fieldset-dt a {
    text-decoration: none;
    color: #B35026;
    display: inline-block;
    min-width: 80px;
    text-align: center;
    font-weight: bold;
  }
  .fieldset-dt button,
  .fieldset-dt input[type=submit] {
    text-align: center;
    padding: 0.75em;
    background: #B35026;
    border-radius: 0;
    border: 0;
    text-decoration: none;
    color: #fff;
    min-width: 80px;
    line-height: 1em;
    font-size: 1rem;
  }
  h2.sub {
    text-align: center;
    font-size: 2rem;
    margin: 1em 0;
  }
  .pc-width {
    width: calc(100% - 80px);
    max-width: 1080px;
    margin: 0 auto;
  }
  @media (max-width:980px) {
    .pc-width {
      width: calc(100% - 40px);
    }
  }
  footer {
    background: #4E4544;
    padding-bottom: 5rem;
  }
  @media (max-width:980px) {
    footer {
      font-size: 12px;
      font-family: "lac", 'Noto Sans KR', sans-serif;
      word-break: keep-all;
      letter-spacing: 0px;
    }
    footer p {
      margin: 1em 0;
    }
  }
  footer .inner {
    clear: both;
    overflow: hidden;
    padding: 6rem 0 3rem;
  }
  @media (max-width:980px) {
    footer .inner {
      padding: 0;
    }
  }
  footer .inner h3 {
    font-family: "lac", 'Noto Sans KR', sans-serif;
    letter-spacing: 0.075em;
    font-weight: normal;
  }
  footer .inner > .section {
    float: left;
    box-sizing: border-box;
  }
  footer .inner > .section:nth-child(1),
  footer .inner > .section:nth-child(2) {
    width: calc(50% - 150px * 0.5);
    padding-right: 5%;
  }
  footer .inner > .section:nth-child(3) {
    width: 150px;
  }
  @media (max-width:980px) {
    footer .inner > .section {
      width: 100%!important;
      padding: 1rem 0!important;
      border-right: 0!important;
    }
    footer .inner > .section .utilMenu {
      clear: both;
      overflow: hidden;
      margin: 0;
    }
  }
  footer h3,
  footer p {
    line-height: 1.5rem;
  }
  footer h3 {
    color: #D7D2CB;
  }
  footer p,
  footer a {
    color: #999999;
  }
  footer ul {
    list-style: none;
    padding: 0;
  }
  footer ul > li {
    margin-bottom: 1.5em;
  }
  footer ul > li:last-child {
    margin-bottom: 0;
  }
  footer ul > li a {
    color: #D7D2CB;
    text-decoration: none;
  }
  footer .copyright {
    float: left;
    width: 100%;
    padding: 6px 0 5px;
    background: #B35026;
    color: #D7D2CB;
    text-align: center;
  }
  #boardArea {
    display: none;
  }
  .displaynone {
    display: none;
  }
  .tb_title {
    padding: 0.75em 0;
    font-weight: bold;
  }
  .border-top {
    border-top: 1px solid #4E4544;
  }
  .border-bottom {
    border-bottom: 1px solid #4E4544;
  }
  .center {
    text-align: center;
  }
  .right {
    text-align: right;
  }
  .btn {
    display: inline-block;
    width: auto;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #4E4544;
    box-sizing: border-box;
    border: 0;
    padding: 0.5em 1em;
    font-size: 1rem;
    margin: 0 auto;
    font-family: "lac", 'Noto Sans KR', sans-serif;
    letter-spacing: 0.075em;
    text-transform: uppercase;
  }
  @media (max-width:980px) {
    .btn.cta {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      max-width: 100%;
      z-index: 99999;
      margin: 0!important;
    }
  }
  .btn.kakao {
    background: #ffd200;
    color: #4E4544;
  }
  .selected > .btn.transparent {
    background: #4E4544;
    color: #f8f6f3;
  }
  .selected > .btn.transparent.prim {
    background: #B35026;
    color: #fff;
  }
  .btn.transparent {
    background: transparent;
    border: 1px solid #4E4544;
    color: #4E4544;
  }
  .btn.transparent.prim {
    background: transparent;
    border-color: #B35026;
    color: #B35026;
  }
  .btn.prim {
    background: #B35026;
    color: #fff;
  }
  .btn.big {
    display: block;
    font-size: 1.7rem;
    margin-bottom: 0.5rem;
    padding: 1em;
    width: 100%;
    max-width: 650px;
    font-weight: bold;
  }
  @media (max-width:980px) {
    .btn.big {
      max-width: 100%;
    }
  }
  .btn.medium {
    display: block;
    font-size: 1.35rem;
    width: 100%;
    max-width: 450px;
    margin-bottom: 0.5rem;
    padding: 0.6em 1em 0.6em;
  }
  .btn.sign-up {
    background: #4E4544;
    color: #fff;
  }
  .col {
    width: 100%;
    clear: both;
    overflow: hidden;
    margin-bottom: 1.2rem;
    min-height: 1rem;
  }
  .col.journal a > div {
    font-size: 0rem;
  }
  .col.journal h3,
  .col.journal p,
  .col.journal img {
    font-size: 1.2rem;
  }
  .col.journal img {
    margin-bottom: 1em;
  }
  .col.journal a {
    text-decoration: none;
    color: #4E4544;
  }
  .col img {
    width: 100%;
    height: auto;
  }
  .col > * {
    float: left;
    margin-right: 1.2rem;
    margin-bottom: 1.2rem;
    min-height: 1rem;
    display: block;
  }
  .col .col-embed {
    height: 0px;
    padding-bottom: 45%;
    position: relative;
  }
  .col .col-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  @media (max-width:980px) {
    .col:not(.col-1):not(.col-3):not(.col-4):not(.col-header-mob):not(.fixed) > *,
    .col.col-2:not(.fixed) > * {
      width: 100%!important;
      margin-right: 0px!important;
    }
  }
  .product_detail {
    overflow: hidden;
  }
  @media (max-width:980px) {
    .product_detail {
      margin-left: -20px;
      width: calc(100% + 40px);
    }
  }
  .product_detail img {
    width: 100%!important;
    height: auto!important;
    margin: 0;
  }
  .product_detail p {
    margin: 0;
  }
  .product_detail br {
    display: none;
  }
  .product_selector {
    border-top: 1px solid #4E4544;
    border-bottom: 1px solid #4E4544;
    margin-bottom: 0;
    margin-left: -20px;
    width: calc(100% + 40px);
  }
  .product_selector .count {
    font-size: 0.8rem;
    color: #999999;
  }
  .product_selector > div {
    text-align: center;
    position: relative;
    padding: 0.75em 0 0.85em;
    font-size: 1.7rem;
    margin-bottom: 0;
    width: 33.33%;
    margin: 0;
  }
  @media (max-width:980px) {
    .product_selector > div {
      padding: 0.5em 0;
    }
  }
  .product_selector > div a {
    font-family: "lac", 'Noto Sans KR', sans-serif;
    letter-spacing: 0.075em;
    color: #4E4544;
    text-decoration: none;
    opacity: 0.5;
    transition: 0.3s;
  }
  .product_selector > div:not(:last-child):after {
    content: "";
    position: absolute;
    right: -2px;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background: #4E4544;
    opacity: 0.5;
    border-radius: 100%;
  }
  .product_selector > div .active,
  .product_selector > div a:hover {
    color: #4E4544;
    font-weight: bold;
    opacity: 1;
  }
  .col-1 > * {
    width: 100%;
  }
  .col-1 > *:nth-child(n) {
    margin-right: 0px;
    clear: both;
  }
  .col-1.full-width > * {
    margin-bottom: 0;
  }
  @media (min-width:981px) {
    .col.col-4 > * {
      width: calc(25% - 1.2rem * 3/4);
    }
    .col.col-4 > *:nth-child(4n) {
      margin-right: 0px;
    }
    .col.col-4 > *:nth-child(4n + 1) {
      clear: both;
    }
  }
  @media (max-width:980px) {
    .col.col-4 > * {
      width: calc(50% - 1.2rem * 1/2);
    }
    .col.col-4 > *:nth-child(2n) {
      margin-right: 0px;
    }
    .col.col-4 > *:nth-child(2n + 1) {
      clear: both;
    }
  }
  @media (min-width:981px) {
    .col.col-3 > * {
      width: calc(33.33% - 1.2rem * 2/3);
    }
    .col.col-3 > *:nth-child(3n) {
      margin-right: 0px;
    }
    .col.col-3 > *:nth-child(3n + 1) {
      clear: both;
    }
  }
  @media (max-width:980px) {
    .col.col-3:not(.fixed) > * {
      width: calc(50% - 1.2rem * 1/2) !important;
    }
    .col.col-3:not(.fixed) > *:nth-child(2n) {
      margin-right: 0px !important;
    }
    .col.col-3:not(.fixed) > *:nth-child(2n + 1) {
      clear: both !important;
    }
  }
  .col-2-temp > * {
    width: calc(50% - 1.2rem * 1/2);
  }
  .col-2-temp > *:nth-child(2n) {
    margin-right: 0px;
  }
  .col-2-temp > *:nth-child(2n + 1) {
    clear: both;
  }
  .col-2 > * {
    width: calc(50% - 1.2rem * 1/2);
  }
  .col-2 > *:nth-child(2n) {
    margin-right: 0px;
  }
  .col-2 > *:nth-child(2n + 1) {
    clear: both;
  }
  .col-2.nomarg > * {
    width: 50%;
    margin: 0;
  }
  @media (max-width:980px) {
    .col-2:not(.fixed) > * {
      width: 100%!important;
      margin-right: 0px!important;
    }
  }
  .col-orderform > * {
    width: calc(100% - 450px -  1.2rem);
  }
  .col-orderform > *:nth-child(2n) {
    width: 450px;
    margin-right: 0px;
  }
  @media (max-width:980px) {
    .col-orderform > * {
      width: 100%!important;
      margin-right: 0px!important;
    }
  }
  .col.myshop > * {
    margin-bottom: 8.5rem;
  }
  .col.myshop > *,
  .col.myshop > * > h3 {
    text-align: center!important;
  }
  .col.myshop > * .btn {
    margin-top: 1rem;
  }
  .col.myshop .table th {
    text-align: left;
  }
  .col.myshop_home {
    margin-top: 8rem;
  }
  .detail-col {
    margin-top: 15rem;
  }
  @media (min-width:981px) {
    .detail-col > * {
      width: calc(50% -  8em*1/2);
      margin-right: 8em;
    }
    .detail-col > *:nth-child(2n) {
      margin-right: 0px;
    }
    .detail-col > *:nth-child(2n + 1) {
      clear: both;
    }
  }
  @media (max-width:980px) {
    .detail-col {
      margin-top: 0px;
    }
    .detail-col > * {
      width: 100%;
    }
    .detail-col > *:nth-child(n) {
      margin-right: 0px;
      clear: both;
    }
    .detail-col.full-width > * {
      margin-bottom: 0;
    }
  }
  .col-1-2 > *:nth-child(2n - 1) {
    width: calc(33.33% -  1.2rem*0.5);
  }
  .col-1-2 > *:nth-child(2n) {
    width: calc(66.66% -  1.2rem*0.5);
    margin-right: 0px;
  }
  .col-1-2 > *:nth-child(2n + 1) {
    clear: both;
  }
  .full-width {
    width: 100%;
  }
  .main-bottom {
    width: 100%;
    background: url(https://vcodetest.cafe24.com/modori/) center center no-repeat;
    background-size: cover;
    text-align: center;
    padding: 12rem 0 8rem;
  }
  .main-bottom img {
    height: auto;
    max-width: 90%;
  }
  @media (max-width:980px) {
    .product-list {
      margin-left: -20px;
      width: calc(100% + 40px);
    }
    .product-list.col.col-3 > div {
      width: calc(50% - 0.5px) !important;
      margin-right: 1px!important;
    }
    .product-list.col.col-3 > div:nth-child(2n) {
      margin-right: 0px;
    }
    .product-list.col.col-3 > div .description {
      padding: 0 20px;
    }
    .product-list.col.col-3 > div .description .review_count {
      color: #999999;
    }
  }
  .product-list .thumbnail {
    margin-bottom: 1rem;
  }
  .product-list p {
    margin-top: 0;
  }
  .product-list .title a {
    text-decoration: none;
  }
  .product-list .title a,
  .product-list .title a span {
    font-weight: bold!important;
    font-size: 1.2rem !important;
    color: #4E4544 !important;
  }
  .product-list .desc span span {
    margin-right: 1em;
    font-size: 1.2rem !important;
  }
  .product-list #span_product_tax_type_text {
    display: none;
  }
  table {
    width: 100%;
  }
  .table {
    width: 100%;
    border-spacing: 0 2em;
    border-bottom: 1px solid #4E4544;
    border-collapse: collapse;
  }
  .table caption {
    display: none;
  }
  .table td.empty {
    text-align: center;
    padding: 2em 0;
  }
  .table thead tr th {
    text-align: center;
    font-weight: bold;
    padding: 0.5em 0;
    border-top: 1px solid #4E4544;
    border-bottom: 1px solid #4E4544;
  }
  .table tbody tr {
    padding: 1em 0;
    border-bottom: 1px solid #4E4544;
  }
  .table tbody tr > td {
    text-align: center;
    padding: 1em 0;
  }
  .table tbody tr > td a {
    color: #4E4544;
  }
  .table tbody tr > td.info,
  .table tbody tr > td.subject {
    text-align: left;
  }
  .table tbody tr > td.border-right:after {
    content: "";
    position: absolute;
    width: 1px;
    top: 1rem;
    bottom: 1rem;
    right: 0;
    background: #999999;
  }
  @media (max-width:980px) {
    .table tbody tr > td.border-right:after {
      display: none;
    }
  }
  .table tbody tr > td.quantity div {
    position: relative;
    display: inline-block;
    width: 5.1rem;
    height: 1.7rem;
  }
  .table tbody tr > td.quantity div input {
    position: absolute;
    left: 1.7rem;
    width: 1.7rem;
    height: 1.7rem;
    box-sizing: border-box;
    border-radius: 0;
    border: 0;
    border-top: 1px solid #4E4544;
    border-bottom: 1px solid #4E4544;
    padding: 0;
    box-sizing: content-box;
    text-align: center;
    background: transparent;
    font-weight: bold;
  }
  .table tbody tr > td.quantity div a img {
    position: absolute;
    width: 1.7rem;
    height: 1.7rem;
    margin: 0;
    border: 1px solid #4E4544;
  }
  .table tbody tr > td.quantity div a.up img {
    left: 3.4rem;
    margin-left: -1px;
  }
  .table tbody tr > td.quantity div a.down img {
    left: 0;
  }
  .table.block {
    border-collapse: collapse;
    border-width: 0;
    display: block;
  }
  .table.block tbody {
    display: block;
  }
  .table.block tr {
    display: block;
    border: 0;
  }
  .table.block tr th {
    margin-bottom: 0.5em;
  }
  .table.block tr td.t-tel select {
    margin-right: 7px;
  }
  .table.block tr td.t-tel > *,
  .table.block tr td.t-tel .selectbox {
    width: calc(33.33% - 12px -  4rem*0.1) !important;
    margin: 0 0.48rem;
    display: inline-block;
  }
  @media (max-width:980px) {
    .table.block tr td.t-tel > *,
    .table.block tr td.t-tel .selectbox {
      width: calc(33.33% - 17px) !important;
    }
  }
  .table.block tr td.t-tel > *:nth-child(2),
  .table.block tr td.t-tel .selectbox:nth-child(2) {
    margin-left: 0;
    transform: translateY(4px);
  }
  .table.block tr td.t-tel > *:last-child,
  .table.block tr td.t-tel .selectbox:last-child {
    margin-right: 0;
  }
  .table.block tr td.t-tel.nosel {
    text-align: left;
  }
  .table.block tr td.t-tel.nosel > * {
    margin: 0 0.48rem;
    transform: translateY(0px) !important;
  }
  .table.block tr td.t-tel.nosel > *:nth-child(1) {
    margin-left: 0;
  }
  .table.block tr td.t-tel.nosel > *:last-child {
    margin-right: 0;
  }
  .table.block tr td.t-com > *,
  .table.block tr td.t-com .selectbox {
    width: calc(50% - 12px -  4rem*0.1) !important;
    display: inline-block;
  }
  @media (max-width:980px) {
    .table.block tr td.t-com > *,
    .table.block tr td.t-com .selectbox {
      width: calc(50% - 17px) !important;
    }
  }
  .table.block tr td.t-com > *:nth-child(1),
  .table.block tr td.t-com .selectbox:nth-child(1) {
    margin-right: 0.6rem;
  }
  .table.block tr td.t-com > *:last-child,
  .table.block tr td.t-com .selectbox:last-child {
    margin-left: 0.6rem;
    margin-right: 0;
  }
  .table.block tr td,
  .table.block tr th {
    display: block;
    width: 100%;
    padding: 0;
  }
  .table.block tr td input,
  .table.block tr th input {
    width: 100%;
  }
  .table.block .rqrd {
    display: none;
  }
  input[type=radio] {
    display: none!important;
  }
  input[type=radio] + label {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #4E4544;
    padding: 0.5em 1em 0.6em;
    text-align: center;
    margin: 0 0.5em 0.5em 0;
  }
  input[type=radio] + label img {
    display: none;
  }
  input[type=radio]:checked + label {
    border: 1px solid #B35026;
    background: #B35026;
    color: #fff;
  }
  input[type=text],
  input[type=password],
  textarea {
    padding: 1em;
    border-radius: 0;
    border: 1px solid #D7D2CB;
    background: transparent;
    font-size: 1rem;
    margin-bottom: 0.5em;
    box-sizing: border-box;
  }
  input[type=text]:disabled,
  input[type=password]:disabled,
  textarea:disabled {
    background: #D7D2CB;
  }
  input[type=text]:focus,
  input[type=password]:focus,
  textarea:focus {
    border-radius: 0;
  }
  input[type=checkbox] {
    display: none!important;
  }
  input[type=checkbox] + label {
    cursor: pointer;
  }
  input[type=checkbox] + label + label {
    transform: translateY(-0.3em);
    display: inline-block;
    margin-left: 0.5em;
  }
  input[type=checkbox]:checked + label.checkbox {
    background-image: url("/layout/basic/imgs/checkbox_btn_w.png");
    background-color: #B35026;
    border-color: #B35026;
  }
  label.checkbox {
    font-size: 1.2rem;
    width: 1em;
    height: 1em;
    display: inline-block;
    background: url(https://vcodetest.cafe24.com/modori/) center center no-repeat;
    background-image: url("/layout/basic/imgs/checkbox_btn.png");
    background-size: 0.8rem auto;
    border: 1px solid #999999;
    border-radius: 4px;
    cursor: pointer;
  }
  @media (max-width:980px) {
    label.checkbox {
      font-size: 1.7rem;
    }
  }
  .product_option table {
    width: 100%;
    border-spacing: 0px;
  }
  .product_option table .quantity {
    position: absolute;
    top: 1.25em;
    right: 2.5rem;
  }
  @media (max-width:980px) {
    .product_option table .quantity {
      top: 0;
      right: 0;
    }
  }
  .product_option table tbody.set > tr td {
    border-top: 1px solid #B35026;
    padding-left: 1em;
  }
  .product_option table tbody.set > tr td p {
    min-height: 1em;
    margin: 1.25em 0;
  }
  .product_option table tbody.set > tr td .quantity {
    right: 0;
    top: 0.75em;
  }
  .product_option table tbody.set > tr td .up {
    right: 0em;
  }
  .product_option table tbody.set > tr td .down {
    right: 5em;
  }
  .product_option table tbody.set > tr td #quantity {
    right: 2.5em;
  }
  .product_option table tbody > tr {
    position: relative;
  }
  @media (max-width:980px) {
    .product_option table tbody > tr {
      display: block;
    }
  }
  .product_option table tbody > tr > td {
    border-bottom: 1px solid #4E4544;
  }
  .product_option table tbody > tr:last-child > td {
    border-bottom: 1px solid #B35026;
  }
  .product_option table tbody > tr td {
    width: 50%;
    position: relative;
  }
  @media (max-width:980px) {
    .product_option table tbody > tr td {
      position: unset;
      font-size: 0px;
    }
    .product_option table tbody > tr td p.product,
    .product_option table tbody > tr td a,
    .product_option table tbody > tr td input {
      font-size: 1rem;
    }
  }
  .product_option table tbody > tr td span.mileage {
    display: none;
  }
  .product_option table tbody > tr td .product {
    font-weight: bold;
  }
  .product_option table tbody > tr td .product span {
    font-weight: normal;
    color: #4E4544;
  }
  .product_option table tbody > tr td .ec-front-product-item-price,
  .product_option table tbody > tr td .mileage {
    display: none;
  }
  .product_option table tbody > tr td input {
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    right: 5rem;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #4E4544;
    text-align: center;
    padding: 0;
    display: block;
    box-sizing: content-box;
    font-weight: bold;
    font-family: "lac", 'Noto Sans KR', sans-serif;
    letter-spacing: 0.075em;
  }
  @media (max-width:980px) {
    .product_option table tbody > tr td input {
      right: 5rem;
    }
  }
  .product_option table tbody > tr td input,
  .product_option table tbody > tr td a {
    top: 0;
  }
  @media (max-width:980px) {
    .product_option table tbody > tr td input,
    .product_option table tbody > tr td a {
      top: 0.75em;
    }
  }
  .product_option table tbody > tr td a {
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #4E4544;
    background: url(https://vcodetest.cafe24.com/modori/) center center no-repeat;
    background-size: 65% auto;
  }
  .product_option table tbody > tr td a img {
    display: none;
  }
  .product_option table tbody > tr td a.down {
    right: 7.5rem;
    border-right: 0;
    background-image: url("/layout/basic/imgs/q_down.png");
  }
  @media (max-width:980px) {
    .product_option table tbody > tr td a.down {
      right: 7.5rem;
    }
  }
  .product_option table tbody > tr td a.up {
    right: 2.5rem;
    border-left: 0;
    background-image: url("/layout/basic/imgs/q_up.png");
  }
  @media (max-width:980px) {
    .product_option table tbody > tr td a.up {
      right: 2.5rem;
    }
  }
  .product_option table tbody > tr td a.delete {
    right: 0;
    top: 1.25em;
    border: 0;
    background-image: url("/layout/basic/imgs/product_exit.png");
    background-size: 70%;
  }
  @media (max-width:980px) {
    .product_option table tbody > tr td a.delete {
      top: 0.75em;
    }
  }
  .totalPrice {
    text-align: right;
    padding: 1em 0;
  }
  .totalPrice span {
    margin-left: 1.5em;
    font-size: 1.7rem;
    font-weight: bold;
  }
  .totalPrice span.price {
    color: #2659cb;
    font-size: 0px;
  }
  .totalPrice span.price strong {
    font-size: 1.7rem;
    margin-left: 1.5em;
  }
  .totalPrice span em {
    font-style: normal;
  }
  .pagination {
    text-align: center;
    font-size: 1rem;
    margin: 2rem 0;
  }
  .pagination a {
    text-decoration: none;
    margin: 0 1em;
    color: #999999;
  }
  .pagination a.this {
    color: #B35026;
    font-weight: bold;
  }
  .pagination img {
    height: 1em;
  }
  .pagination .arrow img {
    transform: translate(0, 0.15em);
  }
  .displaynone {
    display: none!important;
  }
  .col-header-mob {
    padding: 20px 0;
    margin-bottom: 0;
  }
  .col-header-mob * {
    font-family: "lac", 'Noto Sans KR', sans-serif;
    letter-spacing: 0.075em;
    color: #B35026;
  }
  .col-header-mob > * {
    width: calc(50% - 1.2rem * 1/2);
    margin-bottom: 0;
  }
  .col-header-mob > *:nth-child(2n) {
    margin-right: 0px;
  }
  .col-header-mob > *:nth-child(2n + 1) {
    clear: both;
  }
  .col-header-mob img {
    width: auto;
    height: 100%;
  }
  .col-header-mob a {
    height: 26px;
    display: block;
  }
  .col-header-mob .mob-menu-right .icon {
    width: 26px;
    height: 26px;
    position: relative;
    float: right;
    margin-left: 1.5em;
  }
  .col-header-mob .mob-menu-right .hambug_icon {
    position: relative;
  }
  .col-header-mob .mob-menu-right .hambug_icon > div {
    transform-origin: center center;
    position: absolute;
    height: 4px;
    background: #fff;
    width: 100%;
    left: 0;
    transition: 0.5s;
  }
  .col-header-mob .mob-menu-right .hambug_icon > div:nth-child(1) {
    top: 0;
  }
  .col-header-mob .mob-menu-right .hambug_icon > div:nth-child(2) {
    top: 50%;
    margin-top: -2px;
  }
  .col-header-mob .mob-menu-right .hambug_icon > div:nth-child(3) {
    top: 100%;
    margin-top: -4px;
  }
  .col-header-mob .mob-menu-right .hambug_icon.active > div:nth-child(1) {
    top: 50%;
    margin-top: -2px;
    transform: rotate(45deg);
  }
  .col-header-mob .mob-menu-right .hambug_icon.active > div:nth-child(2) {
    transform: scale(0, 1);
  }
  .col-header-mob .mob-menu-right .hambug_icon.active > div:nth-child(3) {
    top: 50%;
    margin-top: -2px;
    transform: rotate(-45deg);
  }
  header .cart .count {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    font-size: 0.75rem;
    background: #fff;
    color: #B35026;
    border-radius: 100%;
    text-align: center;
    font-weight: bold;
  }
  @media (max-width:980px) {
    header .cart .count {
      position: absolute;
      font-size: 1rem;
    }
  }
  header .cart .count,
  header .cart .count span {
    line-height: 1.5em;
    letter-spacing: normal;
  }
  .col-header .cart .count {
    transform: translate(0.25em, -0.1em);
  }
  .col-header-mob .cart .count {
    top: 1em;
    right: -0.75em;
  }
  .talker {
    position: fixed;
    top: 50%;
    z-index: 999;
    font-size: 0px;
    transition: 0.5s;
    right: 20px;
  }
  @media (max-width:980px) {
    .talker {
      right: -150px;
    }
    .talker.active {
      right: 15px;
    }
  }
  .talker img {
    font-size: 45px;
    display: block;
    width: 1em;
    height: auto;
    margin-bottom: 1rem;
  }
  .hambug-panel {
    bottom: calc(100% - 65px);
    top: 65px;
    transition: 0.5s;
    overflow: hidden;
    position: fixed;
    background: #D7D2CB;
    width: 100%;
  }
  .hambug-panel .inner {
    width: 100%;
    overflow-x: hidden;
    padding-left: 20px;
  }
  .hambug-panel .inner > div {
    width: calc(100% + 20px);
  }
  .hambug-panel.hasTop {
    bottom: calc(100% - 65px - 3rem);
    top: calc(65px + 3rem);
  }
  .hambug-panel:before {
    content: "";
    position: absolute;
    width: 0%;
    top: 0;
    left: 0;
    height: 3px;
    background: #D7D2CB;
    transition: 0.5s;
  }
  .hambug-panel.active {
    bottom: calc(0% - 0px);
  }
  .hambug-panel.active:before {
    width: 100%;
  }
  .hambug-panel * {
    color: #4E4544;
    text-decoration: none;
  }
  .hambug-panel .inner {
    overflow: hidden;
    overflow-y: scroll;
    max-height: 100%;
  }
  .hambug-panel .inner > div {
    display: block;
    padding: 0.5em 0;
    font-size: 2rem;
    font-weight: normal;
  }
  .hambug-panel .inner > div,
  .hambug-panel .inner > div > a {
    color: #4E4544;
  }
  .hambug-panel .inner > div:last-child {
    padding-bottom: 15rem;
  }
  .hambug-panel .sub-menu {
    list-style: none;
    padding-left: 1rem;
    font-weight: normal;
    font-size: 1.7rem;
    overflow: hidden;
    margin: 0;
  }
  .hambug-panel .sub-menu li {
    height: 0px;
    overflow: hidden;
    margin-bottom: 0;
    transition: 0.5s;
    position: relative;
    padding-left: 1em;
  }
  .hambug-panel .sub-menu li:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 7px;
    height: 0.5em;
    background: #4E4544;
    border-radius: 2px;
  }
  .hambug-panel .sub-menu.active {
    margin: 0.5em 0 0;
  }
  .hambug-panel .sub-menu.active > li {
    height: 1.5em;
    margin-bottom: 0.5em;
  }
  .hambug-panel .sub-menu.active > li:last-child {
    margin-bottom: 0;
  }
  .hambug-panel .hambug-panel-bottom {
    position: absolute;
    bottom: 0;
    background: #4E4544;
    margin: 0;
  }
  .hambug-panel .hambug-panel-bottom * {
    color: #fff;
    font-family: "lac", 'Noto Sans KR', sans-serif;
    letter-spacing: 0.075em;
  }
  .hambug-panel .hambug-panel-bottom > div {
    padding: 1.5em 0;
    position: relative;
  }
  .hambug-panel .hambug-panel-bottom > div:last-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1rem;
    bottom: 1rem;
    width: 1px;
    background: #fff;
  }
  .hambug-panel .hambug-panel-bottom div {
    text-align: center;
    margin-bottom: 0;
    min-height: 0px;
  }
  .hambug-panel .hambug-panel-bottom div a {
    font-size: 2rem;
    font-weight: bold;
  }
  .col-header {
    margin-bottom: 0px;
    margin: 0 auto;
    padding: 0.75rem 0;
  }
  .col-header * {
    font-family: "lac", 'Noto Sans KR', sans-serif;
    letter-spacing: 0.075em;
  }
  .col-header > * {
    margin: 0px;
    padding: 0.6rem 0;
  }
  .col-header > * .col {
    margin: 0px;
  }
  .col-header > * .col > * {
    margin-bottom: 0;
  }
  .col-header > * a {
    color: #fff;
    text-decoration: none;
    height: 25px;
  }
  .col-header > * a img {
    height: 100%;
    width: auto;
  }
  .col-header > *:nth-child(1) a {
    margin-right: 1.2rem;
  }
  .col-header > *:nth-child(3) {
    text-align: right;
  }
  .col-header > *:nth-child(1),
  .col-header > *:nth-child(3) {
    width: 300px;
  }
  .col-header > *:nth-child(2) {
    width: calc(100% - 600px);
    text-align: center;
  }
  .col-header > *:nth-child(2) img {
    width: 100px;
  }
  .inner {
    width: calc(100% - 80px);
    max-width: 1080px;
    margin: 0 auto;
  }
  @media (max-width:980px) {
    .inner {
      width: calc(100% - 40px);
    }
  }
  .dimmer {
    display: none;
    background: rgba(0, 0, 0, 0.25);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: none;
    opacity: 0;
  }
  .dimmer.active {
    display: block;
    animation: fade-in 0.5s forwards;
  }
  header {
    background: #B35026;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
  }
  header > div {
    position: relative;
    z-index: 1;
  }
  header.mob {
    transition: 0.3s;
  }
  header.header-hide {
    top: -120px;
  }
  header.pc .sub-menu {
    position: relative;
    box-sizing: border-box;
    padding: 0;
    height: 0px;
    overflow: hidden;
    transition: 0.5s;
    background: #D7D2CB;
  }
  header.pc .sub-menu:before {
    content: "";
    background: #D7D2CB;
    width: 100%;
    position: absolute;
    transform-origin: center;
    top: 0;
    left: 0;
    height: 3px;
    transition: 0.5s;
    transform: scale(0, 1);
  }
  header.pc .sub-menu .col-header div > a {
    margin-bottom: 0.4em;
    padding-bottom: 0.05em;
    position: relative;
    display: block;
    color: #4E4544;
  }
  header.pc .sub-menu .col-header div > a:last-child {
    margin-bottom: 0;
  }
  header.pc .sub-menu .col-header div > a:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    transition: 0.5s;
    background: #4E4544;
    bottom: 0;
    left: 0;
  }
  header.pc .sub-menu .col-header div > a:hover:after {
    width: 50%;
  }
  header.pc:hover .sub-menu {
    height: 250px;
    padding: 1rem 0 3rem;
  }
  header.pc:hover .sub-menu:before {
    transform: scale(1, 1);
  }
  .thumbnail .prdImg {
    position: relative;
  }
  .thumbnail .prdImg a {
    display: block;
    width: 100%;
  }
  .thumbnail .prdImg a .thumb_inner {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: url(https://vcodetest.cafe24.com/modori/) center center no-repeat;
    background-size: cover;
  }
  .thumbnail .prdImg a.bucket {
    position: absolute;
    font-size: 4rem;
    width: 1em;
    height: 1em;
    bottom: 0;
    right: 0;
    background: url("/layout/basic/imgs/cart-cta-color.svg") center center no-repeat;
    background-size: 0.5em;
    background-color: #fff;
    transition: 0.3s;
  }
  @media (max-width:980px) {
    .thumbnail .prdImg a.bucket {
      font-size: 3rem;
    }
  }
  .thumbnail .prdImg a.bucket img {
    display: none;
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes back-fade-in {
    0% {
      background: rgba(0, 0, 0, 0);
    }
    100% {
      background: rgba(0, 0, 0, 0.5);
    }
  }
  #zoomMouseGiude,
  #zoom_wrap {
    display: none!important;
  }
  .product_table {
    width: 100%;
  }
  @media (max-width:980px) {
    .product_table tbody > tr:nth-child(n+2) td {
      padding: 0;
    }
  }
  .product_table tr > td {
    width: auto;
    padding: 0 0 1.5em;
  }
  .product_table tr > td:nth-child(1) {
    width: 150px;
  }
  .product_table tr > td:nth-child(1) span {
    color: #4E4544 !important;
    font-weight: normal!important;
    font-size: 1rem !important;
  }
  select {
    width: 100%;
    font-size: 1rem !important;
    padding: 1em;
    border-radius: 0!important;
    border: 1px solid #B35026 !important;
    color: #4E4544 !important;
    margin-bottom: 0.5em;
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    background: url("/layout/basic/imgs/arrow_bottom.svg") right 1em center no-repeat !important;
    background-size: auto 0.7rem !important;
    /* 화살표 모양의 이미지 */
    text-overflow: ellipsis;
    padding-right: 3rem;
  }
  select::-ms-expand {
    display: none!important;
  }
  .selectbox {
    width: 100%;
    position: relative;
    border: 1px solid #B35026;
    box-sizing: border-box;
    margin-bottom: 0.5em;
    display: -ms-none;
    cursor: pointer;
  }
  .selectbox .selected,
  .selectbox .sub > div {
    position: relative;
    padding: 1em;
    font-size: 1rem;
    box-sizing: border-box;
    width: 100%;
  }
  .selectbox .selected {
    padding-right: 3.5rem;
  }
  .selectbox .selected span {
    display: block;
    margin: 0!important;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #4E4544 !important;
  }
  .selectbox .selected:before {
    content: "";
    position: absolute;
    width: 3em;
    height: 100%;
    top: 0;
    right: 0;
    background: url("/layout/basic/imgs/arrow_bottom.svg") center center no-repeat;
    background-size: auto 0.5rem;
  }
  .selectbox .sub {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    z-index: 2;
    border: 1px solid #B35026;
    background: #fff;
    width: 100%;
    max-height: 20vh;
    overflow: hidden;
    overflow-y: scroll;
  }
  .selectbox .sub > div:hover {
    background: #D7D2CB;
  }
  .selectbox.active .selected:before {
    background: url("/layout/basic/imgs/arrow_up.svg") center center no-repeat;
    background-size: auto 0.5rem;
  }
  .selectbox.active .sub {
    display: block;
  }
  #NaverChk_Button {
    width: 100%;
  }
  #NaverChk_Button > div {
    width: 100%!important;
    max-width: 500px;
    margin: 0 auto!important;
    display: block!important;
  }
  #NaverChk_Button > div > div {
    background: transparent!important;
  }
  .product-category {
    font-size: 1rem;
    color: #999999;
  }
  .page-title {
    width: 100%;
    font-size: 1.7rem;
    background: url(https://vcodetest.cafe24.com/modori/) center top no-repeat;
    background-size: cover;
    background-color: #999999;
  }
  .page-title .title {
    font-family: "lac", 'Noto Sans KR', sans-serif;
    letter-spacing: 0.075em;
    text-transform: uppercase;
  }
  .page-title.nomarg {
    margin-bottom: 0!important;
  }
  .page-title p {
    text-align: center;
  }
  @media (min-width:981px) {
    .page-title {
      margin-bottom: 8rem;
    }
    .page-title .inner {
      padding: 125px 0 150px;
    }
  }
  @media (min-width:981px) and (min-width:981px) {
    .page-title .inner p,
    .page-title .inner p * {
      color: #B35026 !important;
    }
  }
  @media (max-width:980px) {
    .page-title {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 9999;
    }
    .page-title:not(.picture) {
      background: transparent!important;
    }
    .page-title:not(.picture) .inner {
      position: relative;
      width: calc(100% - 80px);
      max-width: 1080px;
      margin: 0 auto;
      padding: 0.5em 0;
      border-bottom: 1px solid #4E4544;
    }
    .page-title:not(.picture) .inner p {
      margin: 0;
      line-height: 1em;
    }
    .page-title:not(.picture) .inner .desc {
      display: none;
    }
    .page-title:not(.picture) .inner .back {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 30%;
      background: url("/layout/basic/imgs/arrow_prev.svg") left center no-repeat;
      background-size: auto 1em;
    }
    .page-title.normal {
      position: relative;
      margin-bottom: 3rem;
    }
    .page-title.picture {
      position: relative;
      margin-bottom: 1rem;
    }
    .page-title.picture .inner {
      position: relative;
      width: calc(100% - 80px);
      max-width: 1080px;
      margin: 0 auto;
    }
    .page-title.picture .inner .title {
      margin: 0;
      line-height: 1em;
      padding: 0.5em 0;
      border-bottom: 1px solid #4E4544;
    }
    .page-title.picture .inner .desc {
      margin: 0;
      padding: 2em 0;
    }
    .page-title.picture .inner .back {
      display: none;
      position: absolute;
      left: 0;
      top: 0;
      height: 2em;
      width: 30%;
      background: url("/layout/basic/imgs/arrow_prev.svg") left center no-repeat;
      background-size: auto 1em;
    }
  }
  @media (max-width:980px) and (max-width:980px) {
    .page-title:not(.picture) .inner {
      width: calc(100% - 40px);
    }
  }
  @media (max-width:980px) and (max-width:980px) {
    .page-title.picture .inner {
      width: calc(100% - 40px);
    }
  }
  .product-detail .mob-thumb {
    width: 100vw;
    height: 100vw;
    max-height: 500px;
    background: url(https://vcodetest.cafe24.com/modori/) center center no-repeat;
    background-size: cover;
  }
  .page-content.privacy ul {
    padding: 0;
  }
  .page-content.privacy * {
    color: #4E4544;
  }
  .page-content.order-mileage .col.mileage {
    overflow: hidden;
    font-size: 1.7rem;
    margin-bottom: 5rem;
  }
  .page-content.order-mileage .col.mileage .title {
    float: left;
  }
  .page-content.order-mileage .col.mileage .data {
    float: right;
  }
  .page-content.myshop-order .calendar {
    margin-bottom: 1rem;
  }
  .page-content.myshop-order .calendar > * {
    margin-bottom: 0;
  }
  .page-content.myshop-order .calendar > *:nth-child(2) {
    text-align: right;
  }
  @media (max-width:980px) {
    .page-content.myshop-order .calendar {
      text-align: center;
    }
    .page-content.myshop-order .calendar > * {
      margin-bottom: 0.5em;
    }
    .page-content.myshop-order .calendar > *:nth-child(2) {
      text-align: center;
    }
  }
  .page-content.myshop-order .calendar .btn,
  .page-content.myshop-order .calendar input {
    font-size: 1rem;
    padding: 1em;
    line-height: 1em;
    border: 1px solid #4E4544;
    margin: 0;
  }
  .page-content.myshop-order .calendar input {
    padding: 0.9em;
  }
  .page-content.myshop-order .calendar .ui-datepicker-trigger {
    display: none;
  }
  .page-content.myshop-order .table a.btn {
    color: #fff;
  }
  @media (max-width:980px) {
    .page-content.myshop-order .table thead {
      display: none;
    }
    .page-content.myshop-order .table tbody tr {
      border-top: 1px solid #4E4544;
      border-bottom: 1px solid #4E4544;
    }
    .page-content.myshop-order .table tbody tr p {
      margin: 0;
    }
    .page-content.myshop-order .table tbody tr > td {
      display: block;
      text-align: left;
      padding: 1em 0;
      vertical-align: top;
    }
    .page-content.myshop-order .table tbody tr > td:nth-child(1) .dual {
      display: inline-block;
      width: auto;
      text-align: center;
      text-decoration: none;
      color: #fff;
      background: #4E4544;
      box-sizing: border-box;
      border: 0;
      padding: 0.5em 1em;
      font-size: 1rem;
      margin: 0 auto;
      font-family: "lac", 'Noto Sans KR', sans-serif;
      letter-spacing: 0.075em;
      text-transform: uppercase;
      margin-top: 1em;
    }
    .page-content.myshop-order .table tbody tr > td:nth-child(1) .dual.kakao {
      background: #ffd200;
      color: #4E4544;
    }
    .selected > .page-content.myshop-order .table tbody tr > td:nth-child(1) .dual.transparent {
      background: #4E4544;
      color: #f8f6f3;
    }
    .selected > .page-content.myshop-order .table tbody tr > td:nth-child(1) .dual.transparent.prim {
      background: #B35026;
      color: #fff;
    }
    .page-content.myshop-order .table tbody tr > td:nth-child(1) .dual.transparent {
      background: transparent;
      border: 1px solid #4E4544;
      color: #4E4544;
    }
    .page-content.myshop-order .table tbody tr > td:nth-child(1) .dual.transparent.prim {
      background: transparent;
      border-color: #B35026;
      color: #B35026;
    }
    .page-content.myshop-order .table tbody tr > td:nth-child(1) .dual.prim {
      background: #B35026;
      color: #fff;
    }
    .page-content.myshop-order .table tbody tr > td:nth-child(1) .dual.big {
      display: block;
      font-size: 1.7rem;
      margin-bottom: 0.5rem;
      padding: 1em;
      width: 100%;
      max-width: 650px;
      font-weight: bold;
    }
    .page-content.myshop-order .table tbody tr > td:nth-child(1) .dual.medium {
      display: block;
      font-size: 1.35rem;
      width: 100%;
      max-width: 450px;
      margin-bottom: 0.5rem;
      padding: 0.6em 1em 0.6em;
    }
    .page-content.myshop-order .table tbody tr > td:nth-child(1) .dual.sign-up {
      background: #4E4544;
      color: #fff;
    }
    .page-content.myshop-order .table tbody tr > td a.btn {
      margin-top: 1em;
    }
    .page-content.myshop-order .table tbody tr > td:nth-child(n+3) {
      display: inline-block;
      width: 30%;
      box-sizing: border-box;
    }
    .page-content.myshop-order .table tbody tr > td span.bold {
      display: block;
      font-weight: bold;
      margin-top: 1em;
    }
    .page-content.myshop-order .table tbody tr > td > span.bold:first-child {
      margin-top: 0;
    }
  }
  @media (max-width:980px) and (max-width:980px) {
    .page-content.myshop-order .table tbody tr > td:nth-child(1) .dual.cta {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      max-width: 100%;
      z-index: 99999;
      margin: 0!important;
    }
  }
  @media (max-width:980px) and (max-width:980px) {
    .page-content.myshop-order .table tbody tr > td:nth-child(1) .dual.big {
      max-width: 100%;
    }
  }
  .page-content.board-read.journal div.subject {
    width: 100%;
    max-width: 100%;
  }
  .page-content.board-read.journal div.subject .title {
    color: #B35026;
  }
  .page-content.board-read.journal div.subject p {
    font-size: 1.2rem;
    font-weight: normal;
  }
  .page-content.board-read.journal div.subject * {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0.1em;
  }
  .page-content.board-read form {
    padding: 1em 0;
  }
  .page-content.board-read form > div {
    background: transparent;
    border: 0;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .page-content.board-read form textarea {
    background: #fff;
    height: 5rem;
  }
  .page-content.board-read form .edit {
    padding: 1em;
    line-height: 1em;
    display: inline-block;
    background: #B35026;
    color: #fff;
    text-align: center;
    min-width: 80px;
    text-decoration: none;
  }
  .page-content.board-read form p.grade label {
    padding: 1em;
    line-height: 1em;
  }
  .page-content.board-read fieldset {
    border: 0!important;
    padding: 0;
  }
  .page-content.board-read .boardComment {
    list-style: none;
    padding: 0;
  }
  .page-content.board-read .boardComment a {
    color: #B35026;
  }
  .page-content.board-read input[type=text],
  .page-content.board-read input[type=password] {
    background: #fff;
    margin: 0;
  }
  .page-content.board-read input#subject {
    width: 100%;
  }
  .page-content.board-read .submit {
    position: relative;
  }
  .page-content.board-read .pass_title {
    margin-right: 1em;
  }
  .page-content.board-read .table td {
    text-align: left;
  }
  .page-content.board-read .table td img {
    max-width: 100%!important;
    height: auto!important;
  }
  .page-content.board-read .col-board {
    margin: 5rem 0 0;
  }
  .page-content.board-read .col-board a {
    text-decoration: none;
    color: #4E4544;
    font-weight: bold;
  }
  .page-content.board-read .col-board > div {
    box-sizing: border-box;
  }
  .page-content.board-read .col-board > div a {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
  }
  .page-content.board-read .col-board .prev {
    text-align: left;
  }
  .page-content.board-read .col-board .prev a {
    padding-left: 1.5em;
    background: url("/layout/basic/imgs/arrow_prev.svg") left center no-repeat;
    background-size: auto 1em;
  }
  .page-content.board-read .col-board .next {
    text-align: right;
  }
  .page-content.board-read .col-board .next a {
    padding-right: 1.5em;
    background: url("/layout/basic/imgs/arrow_next.svg") right center no-repeat;
    background-size: auto 1em;
  }
  .page-content.board-read caption {
    display: none;
  }
  .page-content.board-read .subject {
    font-size: 2rem;
    font-weight: bold;
    word-break: keep-all;
  }
  .page-content.board-read .etcArea td {
    text-align: left;
  }
  .page-content.board-read .etcArea td ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .page-content.board-read .etcArea td ul li {
    display: inline-block;
    margin-right: 1em;
  }
  .page-content.board-read .detail img {
    margin: 0;
  }
  .page-content.board-read .btnArea {
    text-align: right;
    margin: 1em 0;
  }
  @media (max-width:980px) {
    .page-content.board-read .btnArea {
      text-align: center;
    }
  }
  .page-content.board-read .btnArea a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #B35026;
    padding: 1em 0;
    min-width: 120px;
    text-align: center;
    line-height: 1em;
    font-size: 1.2rem;
  }
  @media (max-width:980px) {
    .page-content.board-read .btnArea a {
      width: 100%;
      max-width: 450px;
      margin-bottom: 1em;
    }
  }
  .page-content.myshop .btnArea {
    margin-top: 1rem;
  }
  .page-content.myshop .table th {
    text-align: left;
  }
  .page-content.myshop .table td {
    text-align: left;
  }
  .page-content.myshop .table td input {
    width: 100%;
  }
  .page-content.myshop .table td.t-addr > input {
    display: inline-block;
    width: 100%;
  }
  .page-content.myshop .table td.t-addr > input:nth-child(1) {
    width: calc(100% - 6.4rem);
  }
  .page-content.myshop .table td.t-addr a {
    background: #B35026;
    color: #fff;
    padding: 1em;
    text-align: center;
    line-height: 1em;
    margin: 0;
    text-decoration: none;
  }
  .page-content.myshop .table td.t-tel > * {
    width: calc(33.33% - 12px -  4rem*0.1) !important;
    display: inline-block;
  }
  .page-content.myshop .table td.t-tel > *:nth-child(2) {
    margin-right: 0.6rem;
    transform: translateY(4px);
  }
  .page-content.myshop .table td.t-tel > *:nth-child(3) {
    margin: 0 0.6rem;
  }
  .page-content.myshop .table td.t-tel > *:last-child {
    margin-left: 0.6rem;
    margin-right: 0;
  }
  .page-content.board .boardListEmpty,
  .sc-3.board .boardListEmpty {
    margin: 1rem 0;
    padding: 5rem 0;
  }
  .page-content.board .boardListEmpty p,
  .sc-3.board .boardListEmpty p {
    text-align: center;
    font-size: 1.7rem;
  }
  .page-content.board .table,
  .sc-3.board .table {
    border-collapse: collapse;
    border-top: 1px solid #4E4544;
    border-bottom: 0;
  }
  .page-content.board .table.qna tr,
  .sc-3.board .table.qna tr {
    min-height: 100px;
  }
  @media (max-width:980px) {
    .page-content.board .table.qna tr,
    .sc-3.board .table.qna tr {
      min-height: 8.5rem;
    }
  }
  @media (max-width:980px) {
    .page-content.board .table thead,
    .sc-3.board .table thead {
      display: none;
    }
  }
  .page-content.board .table tbody,
  .sc-3.board .table tbody {
    border-spacing: 0 1em;
  }
  .page-content.board .table tbody tr,
  .sc-3.board .table tbody tr {
    background: transparent!important;
    color: #4E4544 !important;
    position: relative;
  }
  @media (max-width:980px) {
    .page-content.board .table tbody tr,
    .sc-3.board .table tbody tr {
      display: block;
      clear: both;
      overflow: hidden;
      padding: 1em 0;
    }
  }
  .page-content.board .table tbody tr > td,
  .sc-3.board .table tbody tr > td {
    padding: 0.5em 0;
    font-size: 1rem;
  }
  .page-content.board .table tbody tr > td.subject img:not([alt=secret]),
  .sc-3.board .table tbody tr > td.subject img:not([alt=secret]) {
    display: none;
  }
  @media (max-width:980px) {
    .page-content.board .table tbody tr > td,
    .sc-3.board .table tbody tr > td {
      padding: 0;
      padding-right: 1em;
      width: auto;
      display: block;
      text-align: left!important;
      float: left;
    }
    .page-content.board .table tbody tr > td.thumb,
    .sc-3.board .table tbody tr > td.thumb {
      width: auto;
      position: absolute;
      top: 1rem;
      right: 0;
    }
    .page-content.board .table tbody tr > td.number,
    .sc-3.board .table tbody tr > td.number {
      color: #B35026;
      font-weight: bold;
    }
    .page-content.board .table tbody tr > td.number label,
    .sc-3.board .table tbody tr > td.number label {
      display: none;
    }
    .page-content.board .table tbody tr > td.subject,
    .sc-3.board .table tbody tr > td.subject {
      font-size: 1.2rem;
      font-weight: bold;
      width: 100%;
      margin-bottom: 0.5em;
    }
    .page-content.board .table tbody tr > td:not(.number):not(.subject),
    .sc-3.board .table tbody tr > td:not(.number):not(.subject) {
      line-height: 1em;
    }
    .page-content.board .table tbody tr > td.hit,
    .sc-3.board .table tbody tr > td.hit {
      display: none;
    }
  }
  .page-content.board .table tbody tr > td a,
  .sc-3.board .table tbody tr > td a {
    text-decoration: none;
  }
  .page-content.board fieldset,
  .sc-3.board fieldset {
    border: 0;
    padding: 0;
  }
  .page-content.board fieldset legend,
  .sc-3.board fieldset legend {
    display: none;
  }
  .page-content.board fieldset.boardSearch,
  .sc-3.board fieldset.boardSearch {
    margin-top: 3rem;
    display: block;
    clear: both;
    overflow: hidden;
    padding-bottom: 10rem;
  }
  .page-content.board fieldset.boardSearch p,
  .sc-3.board fieldset.boardSearch p {
    margin: 0;
  }
  .page-content.board fieldset.boardSearch > p,
  .sc-3.board fieldset.boardSearch > p {
    margin-right: 0.6rem;
  }
  .page-content.board fieldset.boardSearch > p .selectbox,
  .sc-3.board fieldset.boardSearch > p .selectbox {
    width: 120px;
    float: left;
    border: 0;
  }
  .page-content.board fieldset.boardSearch > p .selectbox .sub,
  .sc-3.board fieldset.boardSearch > p .selectbox .sub {
    border: 0;
    background: transparent;
  }
  .page-content.board fieldset.boardSearch > p .selectbox .selected,
  .sc-3.board fieldset.boardSearch > p .selectbox .selected,
  .page-content.board fieldset.boardSearch > p .selectbox .sub > div,
  .sc-3.board fieldset.boardSearch > p .selectbox .sub > div {
    padding: 0.5em;
  }
  .page-content.board fieldset.boardSearch > p select,
  .sc-3.board fieldset.boardSearch > p select {
    width: 95px!important;
    margin-right: 1rem;
    border: 0!important;
    background-size: auto 0.5rem !important;
  }
  .page-content.board fieldset.boardSearch #search,
  .sc-3.board fieldset.boardSearch #search {
    width: calc(100% - 120px - 1.2rem*0.5);
  }
  .page-content.board fieldset.boardSearch .search,
  .sc-3.board fieldset.boardSearch .search {
    width: 120px;
    margin-right: 0;
    padding: 1em;
    border: 1px solid #B35026;
  }
  .page-content.detail.popup {
    margin-top: 25px;
    background: #f8f6f3;
    height: calc(100% - 145px);
    overflow-y: scroll;
    padding-bottom: 0;
  }
  .page-content.detail.popup .close {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: url("/layout/basic/imgs/arrow_bottom.svg") center top 15px no-repeat;
    background-size: auto 0.5em;
    background-color: #f8f6f3;
    border-radius: 100%;
    position: absolute;
    left: calc(50% -  50px*0.5);
    top: 0;
    cursor: pointer;
  }
  .page-content.detail.popup .totalPrice {
    position: fixed;
    bottom: 5em;
    height: 5em;
    line-height: 5em;
    width: 100%;
    padding: 0 20px;
    background: #f8f6f3;
    left: 0;
    box-sizing: border-box;
  }
  .page-content.detail.popup .detail-col > div {
    padding: 20px;
    box-sizing: border-box;
  }
  .page-content.detail.popup .detail-col > div.pop-thumb {
    background: transparent!important;
    width: 100%;
    height: 0;
    display: none;
  }
  .page-content.detail.popup .product_table tbody > tr:nth-child(n+2) {
    display: none;
  }
  @media (max-width:980px) {
    .page-content.detail #span_product_price_text {
      color: #B35026 !important;
      font-size: 1.7rem !important;
    }
    .page-content.detail #span_product_price_custom {
      color: #4E4544 !important;
      font-size: 1.2rem !important;
    }
  }
  .page-content.detail .infoArea {
    position: relative;
  }
  .page-content.detail .discount {
    display: none;
  }
  @media (max-width:980px) {
    .page-content.detail .discount {
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      font-size: 1.2rem;
      line-height: 3em;
      width: 3em;
      height: 3em;
      text-align: center;
      color: #B35026;
      font-weight: bold;
      border: 2px solid #B35026;
      border-radius: 5px;
    }
  }
  .page-content.detail .coupon {
    display: none;
  }
  @media (max-width:980px) {
    .page-content.detail .mob-dimmer {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.35);
      z-index: 999990;
      transition: 0.5s;
      opacity: 1;
    }
    .page-content.detail .mob-dimmer.inactive {
      pointer-events: none;
      opacity: 0;
    }
  }
  .page-content.detail .sc-3 {
    margin-top: 1.5rem;
  }
  .page-content.detail .sc-3 a {
    color: #4E4544;
  }
  .page-content.detail #prdReview {
    margin-top: 1.5rem;
  }
  .page-content.detail #prdReview iframe {
    max-width: 100%;
    width: 100%;
  }
  .page-content.detail .mobile-cta {
    z-index: 999998;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3em;
    clear: both;
    overflow: hidden;
    font-size: 1.7rem;
    border-top: 1px solid #D7D2CB;
  }
  .page-content.detail .mobile-cta > div {
    float: left;
    cursor: pointer;
  }
  .page-content.detail .mobile-cta .cart {
    width: 5.1rem;
    padding: 1.2rem 0;
    font-size: 1rem;
    height: 100%;
    box-sizing: border-box;
    background: url(https://vcodetest.cafe24.com/modori/) center center no-repeat;
    background-color: #B35026;
    color: rgba(255, 255, 255, 0);
    text-align: center;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("/layout/basic/imgs/cart-cta.svg");
    background-size: 2.5em auto;
  }
  .page-content.detail .mobile-cta .buynow {
    width: calc(100% - 3em);
    height: 100%;
    background: #4E4544;
    color: #00AC78;
    text-align: center;
    box-sizing: border-box;
    padding: 1em 0;
    line-height: 1em;
  }
  @media (max-width:980px) {
    .page-content.detail .product-cateogry {
      font-size: 1.2rem;
      color: #999999;
    }
    .page-content.detail .product_table tbody > tr:nth-child(1) > td:nth-child(2) {
      font-size: 1.7rem !important;
      color: #4E4544 !important;
      font-weight: bold;
    }
    .page-content.detail .product_table tbody > tr:nth-child(n+4) {
      display: none;
    }
    .page-content.detail .product_table tr > td:first-child {
      display: none;
    }
  }
  @media (max-width:980px) {
    .page-content.detail .option_wrap:not(.option_popup) {
      position: fixed;
      bottom: -100%;
      left: 0;
      padding: 4em 20px 1em;
      width: 100%;
      background: #f8f6f3;
      box-sizing: border-box;
      z-index: 999997;
      transition: 0.5s;
    }
    .page-content.detail .option_wrap:not(.option_popup) .close {
      width: 50px;
      height: 50px;
      margin: 0 auto;
      background: url("/layout/basic/imgs/arrow_bottom.svg") center top 15px no-repeat;
      background-size: auto 0.5em;
      background-color: #f8f6f3;
      border-radius: 100%;
      position: absolute;
      left: calc(50% -  50px*0.5);
      top: -25px;
      cursor: pointer;
    }
    .page-content.detail .option_wrap:not(.option_popup) .product_option {
      margin-top: 1rem;
      max-height: 20vh;
      overflow-y: scroll;
    }
    .page-content.detail .option_wrap:not(.option_popup) .product_option .product {
      line-height: 1.5em;
      overflow: hidden;
      margin: 0.5em 0 1em;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 100%;
      max-width: 250px;
    }
    .page-content.detail .option_wrap:not(.option_popup).active {
      bottom: calc(0% +  1.5rem*3);
    }
    .page-content.detail .option_wrap:not(.option_popup) .product_action {
      display: none;
    }
  }
  .page-content.detail .sc-2,
  .page-content.detail .sc-3 {
    display: none;
  }
  .page-content.detail .prdDetail {
    min-height: 100vh;
  }
  .page-content.detail .relation {
    margin-top: 5rem;
  }
  #container .page-content.login {
    position: relative;
    padding-bottom: 0;
  }
  @media (min-width:981px) {
    #container .page-content.login {
      margin-bottom: 0;
    }
  }
  @media (max-width:980px) {
    #container .page-content.login {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
  #container .page-content.login hr {
    margin: 0 0 2.2rem;
  }
  #container .page-content.login td .btn {
    padding: 1.25em 0;
    line-height: 1em;
    box-sizing: content-box;
    text-align: center;
    width: 6.4rem;
  }
  #container .page-content.login td.t-addr > input {
    display: inline-block;
    width: 100%;
  }
  #container .page-content.login td.t-addr > input:nth-child(1) {
    width: calc(100% - 6.4rem);
  }
  #container .page-content.login .tohome {
    margin-top: 6rem;
    text-align: left;
  }
  @media (min-width:981px) {
    #container .page-content.login .tohome .btn {
      margin: 0;
    }
  }
  @media (max-width:980px) {
    #container .page-content.login .tohome {
      text-align: center;
    }
  }
  #container .page-content.login .overlay-box {
    display: none;
    position: fixed;
    top: 55px;
    bottom: 55px;
    left: 25%;
    right: 25%;
    box-sizing: border-box;
    border: 1px solid #B35026;
    padding: 5em 2em;
    z-index: 9999;
    background: #f8f6f3;
    overflow-y: scroll;
  }
  #container .page-content.login .overlay-box.active {
    display: block;
  }
  @media (max-width:980px) {
    #container .page-content.login .overlay-box {
      top: 80px;
      bottom: 55px;
      left: 20px;
      right: 20px;
    }
  }
  #container .page-content.login .overlay-box .bottom {
    position: fixed;
    bottom: 55px;
    left: 25%;
    right: 25%;
  }
  @media (max-width:980px) {
    #container .page-content.login .overlay-box .bottom {
      bottom: 55px;
      left: 20px;
      right: 20px;
    }
  }
  #container .page-content.login .overlay-box .bottom .col {
    margin: 0;
  }
  #container .page-content.login .overlay-box .bottom .col .btn {
    margin: 0;
    max-width: 100%;
  }
  #container .page-content.login .floatleft {
    transform: translateX(18px);
    padding-top: 6rem;
    padding-bottom: 20rem;
    float: left;
    width: calc(50% + 18px);
    margin-left: -18px;
    text-align: left;
    color: #000;
    box-sizing: border-box;
    padding-right: calc(1.2rem*2 + 18px);
  }
  #container .page-content.login .floatleft .btn-bottom {
    margin: 0 0 5rem;
  }
  @media (max-width:980px) {
    #container .page-content.login .floatleft .btn-bottom {
      margin: 0 auto 5rem;
    }
  }
  @media (min-width:981px) {
  }
  @media (max-width:980px) {
    #container .page-content.login .floatleft {
      width: 100%;
      padding: 0;
      transform: translateX(0px);
      margin-left: 0px;
    }
  }
  #container .page-content.login .floatleft .title_img {
    margin-bottom: 5rem;
  }
  #container .page-content.login .floatleft .title_img img {
    width: 110px;
    height: auto;
  }
  #container .page-content.login .floatleft .title_txt {
    font-size: 2.4rem;
    line-height: 1.1em;
    display: inline-block;
    margin: 0;
    font-weight: bold;
    padding: 0;
  }
  #container .page-content.login .floatleft .sub_txt {
    font-size: 1.8rem;
    line-height: 1.5em;
  }
  @media (max-width:980px) {
    #container .page-content.login .floatleft .title_img,
    #container .page-content.login .floatleft .title_txt,
    #container .page-content.login .floatleft .sub_txt {
      display: block;
      text-align: center;
    }
  }
  #container .page-content.login .floatleft .snsbtn .login_intro_kakao,
  #container .page-content.login .floatleft .snsbtn .login_intro_differ {
    display: block;
    padding: 1em 0;
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    border-radius: 5.5px;
    line-height: 1em;
    width: 100%;
    text-decoration: none;
    color: #000;
  }
  #container .page-content.login .floatleft .snsbtn .login_intro_kakao {
    background: #ffd200;
    margin-bottom: 1rem;
  }
  #container .page-content.login .floatleft .snsbtn .login_intro_differ {
    background: #eeeeee;
  }
  #container .page-content.login .floatright {
    float: right;
    width: 50%;
  }
  @media (max-width:980px) {
    #container .page-content.login .floatright {
      display: none;
    }
  }
  #container .page-content.login .floatright .background {
    position: absolute;
    top: 0;
    width: 50vw;
    height: 100%;
    background: url(https://vcodetest.cafe24.com/modori/) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
  #container .page-content.login .italic {
    font-style: italic;
  }
  #container .page-content.login .cfrm {
    display: block;
    color: #00AC78;
  }
  #container .page-content.login .cfrm.error {
    color: #B35026;
  }
  #container .page-content.login .mlogin_form {
    width: 100%;
    clear: both;
    overflow: hidden;
  }
  #container .page-content.login .login_formbox {
    display: block;
  }
  #container .page-content.login .login_formbox .login_idpw {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 3rem;
  }
  #container .page-content.login .login_formbox .login_idpw .id input {
    margin-bottom: 14px;
  }
  #container .page-content.login .login_formbox .login_idpw .loginbtn {
    display: block;
    width: 120px;
    padding: 1.9em 0;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    background: #B35026;
    border: 0px;
    color: #f0eddd;
    font-size: 1.7rem;
  }
  #container .page-content.login .login_formbox .login_idpw input {
    width: calc(100% - 120px - 1.2rem * 0.6);
    border: 1px solid #999999;
    float: left;
    padding: 1em;
    line-height: 1em;
    font-size: 1.2rem;
  }
  #container .page-content.login .login_formbox .login_idpw input::placeholder {
    color: #999999;
  }
  #container .page-content.login .idpassjoin {
    padding: 1.5rem 0 3rem;
    text-align: center;
    display: inline-block;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
  }
  #container .page-content.login .idpassjoin ul {
    margin: 0;
  }
  #container .page-content.login .idpassjoin ul > li {
    float: left;
    width: 30%;
    color: #4E4544;
  }
  #container .page-content.login .idpassjoin ul > li:nth-child(2n) {
    width: 5%;
  }
  #container .page-content.login .idpassjoin ul > li a {
    color: #4E4544;
    font-size: 1rem;
  }
  #container .page-content.login .snsArea {
    width: 100%;
    display: inline-block;
    padding: 3rem 0 0 0;
    float: left;
  }
  #container .page-content.login .snsArea li {
    float: left;
    width: 31%;
    height: 40px;
    margin-right: 3%;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
  }
  #container .page-content.login .snsArea li a {
    font-size: 1.2rem;
    color: #000;
  }
  #container .page-content.login .snsArea .snskakao {
    background: #fee500;
  }
  #container .page-content.login .snsArea .snsnaver {
    background: #eeeeee;
  }
  #container .page-content.login .snsArea .snsnaver a img {
    width: 16px;
    vertical-align: middle;
    margin: -4px 28px 0 12px;
  }
  #container .page-content.login .snsArea .snsfacebook {
    background: #eeeeee;
    margin-right: 0;
  }
  #container .page-content.login .snsArea .snsfacebook a img {
    border-radius: 50px;
  }
  #container .page-content.login ul {
    list-style: none;
    padding: 0;
  }
  #container .page-content.login a {
    text-decoration: none;
    text-align: center;
  }
  #confirmLayer .content,
  #toaster .content {
    position: fixed;
    background: #B35026;
    color: #fff;
    padding: 1em;
    left: 0;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1em;
    text-align: center;
    transition: 0.3s;
    z-index: 9999999999;
  }
  @media (max-width:980px) {
    #confirmLayer .content,
    #toaster .content {
      background: #4E4544;
      color: #00AC78;
    }
  }
  @media (min-width:981px) {
    #confirmLayer .content,
    #toaster .content {
      bottom: 0rem;
    }
    #confirmLayer .content.start,
    #toaster .content.start {
      animation: toast 5s forwards;
    }
    #confirmLayer .content.end,
    #toaster .content.end {
      bottom: -6rem;
    }
  }
  @media (max-width:980px) {
    #confirmLayer .content,
    #toaster .content {
      top: 0rem;
    }
    #confirmLayer .content.start,
    #toaster .content.start {
      animation: toastmob 5s forwards;
    }
    #confirmLayer .content.end,
    #toaster .content.end {
      top: -6rem;
    }
  }
  @keyframes basket-up {
    0% {
      transform: translateY(-100vh);
    }
    100% {
      transform: translateY(0vh);
    }
  }
  @keyframes toast {
    0% {
      bottom: -6rem;
    }
    10% {
      bottom: 0rem;
    }
    90% {
      bottom: 0rem;
    }
    100% {
      bottom: -6rem;
    }
  }
  @keyframes toastmob {
    0% {
      top: -6rem;
    }
    10% {
      top: 0rem;
    }
    90% {
      top: 0rem;
    }
    100% {
      top: -6rem;
    }
  }
  .intro-content {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999999999;
    background: #fff;
    text-align: center;
  }
  .page-content.exchange .table tbody tr > td {
    padding: 1em;
  }
  @media (min-width:981px) {
    .page-content.basket .cta .selectbuy {
      opacity: 0.5;
      transition: 0.3s;
    }
    .page-content.basket .cta .selectbuy.active {
      opacity: 1;
      background: #B35026;
    }
  }
  @media (max-width:980px) {
    .page-content.basket .cta .selectbuy {
      display: none;
      background: #B35026;
    }
  }
  .page-content.basket .cta .buynow {
    background: #4E4544;
    color: #00AC78;
  }
  @media (max-width:980px) {
    .page-content.basket .cta.active .buynow {
      display: none;
    }
    .page-content.basket .cta.active .selectbuy {
      display: block;
    }
  }
  .page-content.basket .order_empty {
    width: 100%;
  }
  .page-content.basket .order_empty p {
    margin: 3em 0;
    text-align: center;
    font-size: 1.7rem;
  }
  .page-content.basket .table-2 tr > td p {
    font-size: 1.35rem;
    margin-top: 0;
    margin-bottom: 1em;
  }
  .page-content.basket .table-2 tr > td p > span:nth-child(2) {
    font-size: 0.8em;
  }
  .page-content.basket .table-2 tr > td:last-child {
    text-align: right;
  }
  @media (max-width:980px) {
    .page-content.basket .cta {
      position: fixed;
      bottom: 0;
      width: 100%;
      left: 0;
      z-index: 99999;
      margin-bottom: 0;
    }
    .page-content.basket .cta a {
      margin-bottom: 0;
      background: #00AC78 !important;
      color: #fff !important;
      padding: 0.75em;
    }
  }
  .page-content.basket .order-list {
    border-bottom: 0px;
  }
  @media (min-width:981px) {
    .page-content.basket .order-list td {
      position: relative;
    }
  }
  @media (max-width:980px) {
    .page-content.basket .order-list {
      border-bottom: 0;
    }
    .page-content.basket .order-list,
    .page-content.basket .order-list tbody,
    .page-content.basket .order-list thead,
    .page-content.basket .order-list tr,
    .page-content.basket .order-list td,
    .page-content.basket .order-list th {
      display: block;
      border-color: #999999;
    }
    .page-content.basket .order-list tbody tr {
      overflow: hidden;
      clear: both;
    }
    .page-content.basket .order-list tbody tr > td {
      float: right;
      width: 100%;
      padding: 0;
    }
    .page-content.basket .order-list tbody tr > td:nth-child(2) {
      width: 120px;
      padding: 0;
    }
    .page-content.basket .order-list tbody tr > td:nth-child(2) img {
      width: 100%;
    }
    .page-content.basket .order-list tbody tr > td:nth-child(3) {
      width: calc(100% -  120px);
      padding-right: 1.2rem;
      box-sizing: border-box;
      max-width: 100%;
    }
    .page-content.basket .order-list tbody tr > td:last-child {
      margin-bottom: 0;
    }
    .page-content.basket .order-list tr {
      padding: 1em 0;
    }
    .page-content.basket .order-list tr > td {
      margin-bottom: 1rem;
      border-right: 0;
    }
    .page-content.basket .order-list tr > td.mileage,
    .page-content.basket .order-list tr > td.quantity {
      display: none;
    }
    .page-content.basket .order-list tr > td.thumb {
      margin: 0;
    }
    .page-content.basket .order-list tr > td.price {
      width: 100%!important;
    }
  }
  .page-content.basket .order-list tr {
    position: relative;
  }
  @media (max-width:980px) {
    .page-content.basket .order-list tr > * {
      text-align: left;
    }
  }
  @media (max-width:980px) {
    .page-content.basket .order-list tr > th {
      border-top: 0;
      padding: 1em 0;
      line-height: 1em;
    }
    .page-content.basket .order-list tr > th:nth-child(n+2) {
      display: none;
    }
  }
  .page-content.basket .order-list tr > td {
    word-break: keep-all;
  }
  .page-content.basket .order-list tr > td:nth-child(1) {
    width: 40px;
  }
  @media (max-width:980px) {
    .page-content.basket .order-list tr > td:nth-child(1) {
      width: 100%;
    }
  }
  .page-content.basket .order-list tr > td:nth-child(2) {
    width: 150px;
  }
  .page-content.basket .order-list tr > td.info {
    max-width: 450px;
    vertical-align: top;
  }
  @media (min-width:981px) {
    .page-content.basket .order-list tr > td.info {
      position: relative;
    }
  }
  .page-content.basket .order-list tr > td.info .edit {
    position: absolute;
    right: 1.2rem;
    border: 1px solid #999999;
    padding: 0.4em 0.7em;
    line-height: 1em;
    color: #999999;
  }
  @media (max-width:980px) {
    .page-content.basket .order-list tr > td.info .edit {
      top: 1em;
      right: 0;
    }
  }
  .page-content.basket .order-list tr > td.info strong {
    font-size: 1.2rem;
  }
  .page-content.basket .order-list tr > td.info a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
  }
  .page-content.basket .order-list tr > td.info img {
    display: none;
  }
  .page-content.basket .order-list tr > td.info ul {
    list-style: none;
    padding: 0;
  }
  .page-content.basket .order-list tr > td.info ul li {
    color: #999999;
  }
  .page-content.basket .order-list tr > td.mileage,
  .page-content.basket .order-list tr > td.price,
  .page-content.basket .order-list tr > td.quantity {
    width: 150px;
  }
  .page-content.basket .order-list tr > td.mileage,
  .page-content.basket .order-list tr > td.price {
    font-size: 1.7rem;
    font-weight: bold;
  }
  .page-content.basket .order-list tr > td.mileage img,
  .page-content.basket .order-list tr > td.price img {
    display: none;
  }
  .page-content.basket .order-list tr > td.price {
    color: #B35026;
  }
  .page-content.basket .prices tr > td {
    font-size: 2rem;
    position: relative;
  }
  .page-content.basket .prices tr > td:nth-child(1):after {
    content: "+";
    position: absolute;
    right: -0.5em;
    top: calc(50% - 0.5em);
  }
  .page-content.basket .prices tr > td:nth-child(2):after {
    content: "=";
    position: absolute;
    right: -0.5em;
    top: calc(50% - 0.5em);
  }
  .page-content.basket .prices tr > td:nth-child(3) {
    color: #B35026;
  }
  .page-content.basket .actions {
    margin: 0.5em 0;
  }
  .page-content.basket .checkaction {
    opacity: 0.5;
    pointer-events: none;
    transition: 0.3s;
  }
  .page-content.basket .checkaction.active {
    opacity: 1;
    pointer-events: all;
  }
  .page-content.basket .totalprice {
    margin: 3rem 0 5rem;
  }
  p,
  div {
    word-break: keep-all;
  }
  p.prim,
  div.prim {
    color: #B35026;
  }
  .page-content.order .section {
    padding: 1em 0;
  }
  .page-content.order .section.agree {
    line-height: 1em;
    clear: both;
    overflow: hidden;
  }
  .page-content.order .section.agree > label {
    float: left;
    margin-right: 1em;
  }
  .page-content.order .section.agree > label:last-child {
    margin-top: 0.5em;
  }
  @media (max-width:980px) {
    .page-content.order .section.agree > label:last-child {
      margin-top: 0.25em;
    }
  }
  .page-content.order .payArea table td input {
    margin-bottom: 0;
  }
  .page-content.order .payArea table td.totalprice {
    position: relative;
  }
  .page-content.order .payArea table td.totalprice:after {
    content: "원";
    position: absolute;
    right: 0;
    top: calc(50% - 0.5em);
    line-height: 1em;
    color: #B35026;
    font-size: 2rem;
    font-weight: bold;
  }
  .page-content.order .payArea table td.totalprice input {
    font-size: 2rem;
    font-weight: bold;
    color: #B35026;
    padding: 0;
    padding-right: 1.25em;
  }
  .page-content.order table.total_price tr > td {
    text-align: right;
  }
  .page-content.order table.total_price tr > td.t-2 input {
    width: calc(100% - 7rem);
  }
  .page-content.order table.total_price tr > td.t-4 p.info {
    clear: both;
    overflow: hidden;
  }
  .page-content.order table.total_price tr > td.t-4 p.info span {
    color: #999999;
    max-width: 450px;
    float: right;
    display: block;
    clear: both;
  }
  .page-content.order table.total_price tr > td.t-4 .mileage {
    position: relative;
    height: 3rem;
    font-size: 0;
  }
  .page-content.order table.total_price tr > td.t-4 .mileage:after {
    content: "원";
    font-size: 1rem;
    font-weight: bold;
    position: absolute;
    top: calc(50% - 0.5em);
    right: 1em;
  }
  .page-content.order table.total_price tr > td.t-4 .mileage input {
    width: 100%;
    position: absolute;
    right: 0;
    font-size: 1rem;
    padding-right: 3em;
    text-align: right;
  }
  .page-content.order .payment {
    padding-bottom: 1.5rem;
  }
  .page-content.order table.delivery tr > th,
  .page-content.order table.total_price tr > th,
  .page-content.order .payArea table tr > th {
    width: 95px;
  }
  .page-content.order table.delivery tr > td,
  .page-content.order table.total_price tr > td,
  .page-content.order .payArea table tr > td {
    width: auto;
    margin-bottom: 0.5em;
  }
  .page-content.order table.delivery tr > td input,
  .page-content.order table.total_price tr > td input,
  .page-content.order .payArea table tr > td input {
    width: 100%;
  }
  .page-content.order table.delivery tr > td .selectbox,
  .page-content.order table.total_price tr > td .selectbox,
  .page-content.order .payArea table tr > td .selectbox {
    width: 100%;
  }
  .page-content.order .t-name input {
    width: 100%;
  }
  .page-content.order .t-addr > input {
    display: inline-block;
    width: 100%;
  }
  .page-content.order .t-addr > input:nth-child(1) {
    width: calc(100% - 6.4rem);
  }
  .page-content.order .t-tel > * {
    width: calc(33.33% - 12px -  4rem*0.1) !important;
  }
  .page-content.order .t-tel > *:nth-child(2),
  .page-content.order .t-tel > *:nth-child(1) {
    margin-right: 0.6rem;
  }
  .page-content.order .t-tel > *:nth-child(3) {
    margin: 0 0.6rem;
  }
  .page-content.order .t-tel > *:last-child {
    margin-left: 0.6rem;
    margin-right: 0;
  }
  .page-content.order .t-message textarea {
    height: 10em;
  }
  .page-content.order .selectbox {
    display: inline-block;
    width: auto;
    transform: translateY(4px);
  }
  .page-content.order table th {
    text-align: left;
    color: #4E4544;
    vertical-align: top;
    padding-top: 1em;
  }
  @media (max-width:980px) {
    .page-content.order table th,
    .page-content.order table td {
      width: 100%;
      display: block;
    }
  }
  .page-content.order .sub_title {
    margin: 0 0 0.5em;
    padding: 1em;
    border-top: 1px solid #4E4544;
    border-bottom: 1px solid #4E4544;
    font-weight: bold;
  }
  .page-content.order .payArea {
    border: 1px solid #B35026;
    padding: 1rem;
  }
  .page-content.order .payArea .right_title {
    margin: 0 0 0.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #4E4544;
  }
  .page-content.order .info p {
    color: #999999;
    margin-bottom: 1.5em;
  }
  .page-content.order .info p a {
    color: #999;
    font-weight: bold;
  }
  .page-content.order .info > table {
    padding: 1.5rem 0;
  }
  .page-content.order .method {
    clear: both;
    width: 100%;
    display: block;
    overflow: hidden;
  }
  .page-content.order .method > span {
    float: left;
    display: block;
    width: calc(50% -  3em * 0.1);
    margin-right: 0.5em;
    margin-bottom: 0.5em;
  }
  .page-content.order .method > span label {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
  }
  .page-content.order .method > span:nth-child(2n) {
    margin-right: 0px;
  }
  .order-result .logo {
    width: 100px;
    height: auto;
    margin: 0rem 0 2rem;
  }
  .order-result p {
    margin-bottom: 2rem;
  }
  html body #contents #mCafe24Order a {
    text-decoration: none;
  }
  html body #contents #mCafe24Order .order_shipping {
    font-size: 1.2rem;
    margin: 1em 0 3em;
  }
  html body #contents #mCafe24Order .order_shipping * {
    font-size: 1.2rem;
    color: #4E4544;
    font-weight: bold;
  }
  html body #contents #mCafe24Order .orderArea .info {
    margin: 0;
  }
  html body #contents #mCafe24Order .orderArea .info .prdtitle {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html body #contents #mCafe24Order .orderArea .info .prdtitle a {
    font-weight: bold;
    color: #4E4544;
  }
  html body #contents #mCafe24Order .orderArea .info .price {
    font-weight: bold;
    color: #4E4544;
    margin-top: 1em;
  }
  html body #contents #mCafe24Order .orderArea .info .price .price_title {
    color: #4E4544;
  }
  html body #contents #mCafe24Order .orderArea .info .price * {
    color: #B35026;
  }
  html body #contents #mCafe24Order .orderArea .info li {
    font-size: 1.2rem;
    color: #999999;
  }
  html body #contents #mCafe24Order .orderArea li p {
    margin: 0;
  }
  html body #contents #mCafe24Order .ec-base-box {
    background: transparent;
  }
  html body #contents #mCafe24Order #all_agreement_checkbox {
    display: block!important;
    background: transparent;
  }
  html body #contents #mCafe24Order #all_agreement_checkbox .allAgree {
    display: none;
  }
  html body #contents #mCafe24Order #all_agreement_checkbox .agreement {
    margin: 0;
  }
  html body #contents #mCafe24Order .agreeArea .allAgree {
    background: transparent;
    font-size: 1.5rem;
    padding: 1em 0;
    color: #4E4544;
  }
  html body #contents #mCafe24Order .agreeArea .allAgree li {
    padding: 1em 0;
  }
  html body #contents #mCafe24Order .agreeArea .allAgree .agreement .agree .check {
    padding: 0;
  }
  html body #contents #mCafe24Order .agreeArea .agreement .agree .check {
    padding: 0;
  }
  html body #contents #mCafe24Order .discountDetail .heading {
    font-size: 1.2rem;
    color: #4E4544;
  }
  html body #contents #mCafe24Order .ec-base-prdInfo {
    clear: both;
    overflow: hidden;
  }
  html body #contents #mCafe24Order .ec-base-prdInfo .description,
  html body #contents #mCafe24Order .ec-base-prdInfo .thumbnail {
    display: block;
    float: left;
    box-sizing: border-box;
  }
  html body #contents #mCafe24Order .ec-base-prdInfo .description {
    width: calc(100% - 120px);
    padding-right: 1.2rem;
    margin: 0;
  }
  html body #contents #mCafe24Order .ec-base-prdInfo .thumbnail {
    width: 120px;
    height: 120px;
    position: relative;
  }
  html body #contents #mCafe24Order .ec-base-prdInfo .thumbnail img {
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  html body #contents #mCafe24Order {
    padding: 1em 0;
    overflow: visible;
    background: transparent;
    border: 0;
  }
  html body #contents #mCafe24Order .segment {
    padding: 1em 0;
  }
  html body #contents #mCafe24Order .warning {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    background: #f8f6f3;
    text-align: center;
    z-index: 10;
  }
  html body #contents #mCafe24Order .txtEm {
    color: #B35026;
  }
  html body #contents #mCafe24Order .ec-base-fold {
    background: transparent;
  }
  html body #contents #mCafe24Order .ec-base-fold select,
  html body #contents #mCafe24Order .ec-base-fold input[type=text] {
    border-color: #4E4544;
  }
  html body #contents #mCafe24Order .ec-base-fold table,
  html body #contents #mCafe24Order .ec-base-fold table tbody,
  html body #contents #mCafe24Order .ec-base-fold table th,
  html body #contents #mCafe24Order .ec-base-fold table td,
  html body #contents #mCafe24Order .ec-base-fold table tr:not(.displaynone) {
    display: block;
    width: 100%;
  }
  html body #contents #mCafe24Order .ec-base-fold table th,
  html body #contents #mCafe24Order .ec-base-fold table td {
    padding: 0;
    margin-bottom: 0.5em;
  }
  html body #contents #mCafe24Order .ec-base-fold table th {
    font-weight: bold;
  }
  html body #contents #mCafe24Order .ec-base-fold input[type=text] + label {
    padding: 0;
  }
  html body #contents #mCafe24Order .ec-base-fold input[type=radio] + label {
    border: 0;
    background: transparent;
    color: #4E4544;
    padding: 0;
    padding-top: 1em;
    margin-right: 1em;
  }
  @media (max-width:980px) {
    html body #contents #mCafe24Order .ec-base-fold input[type=radio] + label {
      margin-right: 0em;
    }
  }
  html body #contents #mCafe24Order .ec-base-fold input[type=radio] + label:before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    transform: translateY(0.3em);
    border-radius: 100%;
    border: 1px solid #4E4544;
    margin-right: 0.5em;
  }
  html body #contents #mCafe24Order .ec-base-fold input[type=radio]:checked + label:before {
    background: #B35026;
    border-color: #B35026;
  }
  html body #contents #mCafe24Order .ec-base-fold ul {
    list-style: none;
  }
  html body #contents #mCafe24Order .ec-base-fold ul li {
    padding-left: 0;
  }
  html body #contents #mCafe24Order .ec-base-fold ul li:before {
    display: none;
  }
  html body #contents #mCafe24Order .ec-base-fold .gBlank10 {
    padding-top: 1em;
  }
  html body #contents #mCafe24Order span#cashreceipt_mobile_display_area > * {
    width: calc(33.33% - 0.6rem);
  }
  @media (max-width:980px) {
    html body #contents #mCafe24Order span#cashreceipt_mobile_display_area > * {
      width: calc(33.33% - 0.65rem);
    }
  }
  html body #contents #mCafe24Order .receiptArea {
    padding: 0;
    margin-bottom: 1rem;
  }
  html body #contents #mCafe24Order .helpArea {
    padding: 0;
    margin: 0 0 1em;
  }
  html body #contents #mCafe24Order .title,
  html body #contents #mCafe24Order .orderArea .totalPrice .title {
    padding: 1em 0 ;
    border-bottom: 1px solid #4E4544;
    border-top: 1px solid #4E4544;
    border-color: #4E4544;
    background: transparent;
  }
  html body #contents #mCafe24Order .title h2,
  html body #contents #mCafe24Order .orderArea .totalPrice .title h2 {
    line-height: 1em;
  }
  html body #contents #mCafe24Order .ec-base-fold {
    border-top: 1px solid #4E4544;
  }
  html body #contents #mCafe24Order .ec-base-fold > .title {
    position: initial;
  }
  html body #contents #mCafe24Order .ec-base-fold.selected > .title:after {
    top: 1.2em;
  }
  html body #contents #mCafe24Order .ec-base-fold > .title:after {
    background-image: url("/layout/basic/imgs/arrow_bottom.svg");
    transition: 0;
    background-size: contain;
    top: 1.5em;
    right: 0.75em;
    height: 1rem;
    width: 1.5rem;
  }
  html body #contents #mCafe24Order label {
    min-height: 0;
  }
  html body #contents #mCafe24Order input[type="radio"] + label,
  html body #contents #mCafe24Order input[type="checkbox"] + label {
    margin: 0 0 0 0;
    display: inline-block;
  }
  html body #contents #mCafe24Order input[type="radio"] + label + label,
  html body #contents #mCafe24Order input[type="checkbox"] + label + label {
    margin-top: 0.5em;
  }
  html body #contents #mCafe24Order .icoRequiredvv {
    display: none;
  }
  html body #contents #mCafe24Order #ozipcode1,
  html body #contents #mCafe24Order #rzipcode1,
  html body #contents #mCafe24Order #fzipcode,
  html body #contents #mCafe24Order #tax_request_zipcode {
    width: calc(100% - 88px);
    margin: 0;
    text-align: left;
  }
  html body #contents #mCafe24Order .btnBasic,
  html body #contents #mCafe24Order .btnNormal {
    border: 0;
    background: #B35026;
    color: #fff;
    border-radius: 0;
  }
  html body #contents #mCafe24Order select {
    font-size: 1.2rem !important;
    height: 3em;
    padding: 0 1em;
    vertical-align: top;
    background-size: auto 0.5rem;
    border-color: #4E4544 !important;
  }
  html body #contents #mCafe24Order .discountDetail .control {
    padding-right: 89px;
  }
  html body #contents #mCafe24Order .ec-base-mail .mailAddress .directInput {
    overflow: hidden;
    position: absolute;
    top: 1px;
    left: 1px;
    right: 3.5em;
    bottom: 1px;
    font-size: 1.2rem;
    padding: 0 1em;
    background: #f8f6f3;
  }
  html body #contents #mCafe24Order .ec-base-mail .mailAddress .directInput input {
    padding: 0;
  }
  html body #contents #mCafe24Order .ec-base-mail .mailId select option[selected=selected],
  html body #contents #mCafe24Order .ec-base-mail .mailAddress select option[selected=selected] {
    display: none;
  }
  html body #contents #mCafe24Order .ec-base-mail .mailId {
    width: 48%;
  }
  html body #contents #mCafe24Order input:disabled + label,
  html body #contents #mCafe24Order input:disabled + label + label,
  html body #contents #mCafe24Order input:disabled + label [class*="txt"],
  html body #contents #mCafe24Order input:disabled + label + label [class*="txt"] {
    display: none;
  }
  html body #contents #mCafe24Order #ophone1_2,
  html body #contents #mCafe24Order #ophone2_2,
  html body #contents #mCafe24Order #rphone1_2,
  html body #contents #mCafe24Order #rphone2_2,
  html body #contents #mCafe24Order #tax_request_phone2,
  html body #contents #mCafe24Order #ophone1_3,
  html body #contents #mCafe24Order #ophone2_3,
  html body #contents #mCafe24Order #rphone1_3,
  html body #contents #mCafe24Order #rphone2_3,
  html body #contents #mCafe24Order #tax_request_phone3 {
    width: 31%;
  }
  html body #contents #mCafe24Order .ec-base-mail .mailAddress .directInput input {
    border: 0px;
  }
  html body #contents #mCafe24Order .ec-base-fold > .title .gRight {
    margin-right: 2.5em;
    background: #B35026;
    position: absolute;
    top: 1.25em;
    right: 1em;
    height: 2em;
    border-radius: 1.5em;
    color: #fff;
    font-size: 1rem;
    padding: 0 1em;
    line-height: 2em;
  }
  html body #contents #mCafe24Order .saveArea label {
    display: inline-block;
  }
  html body #contents #mCafe24Order .totalPay {
    border: 0;
    position: relative;
    background: #eae2d8 !important;
    padding: 0.8em 0;
    margin-bottom: 2em;
  }
  html body #contents #mCafe24Order .totalPay * {
    color: #B35026;
    line-height: 1em;
    font-size: 1.2rem;
  }
  html body #contents #mCafe24Order .totalPay:before,
  html body #contents #mCafe24Order .totalPay:after {
    content: "";
    position: absolute;
    width: 20px;
    background: #eae2d8;
    top: 0;
    height: 100%;
  }
  html body #contents #mCafe24Order .totalPay:before {
    left: -20px;
  }
  html body #contents #mCafe24Order .totalPay:after {
    right: -20px;
  }
  html body #contents #mCafe24Order .defaultShip {
    border: 0;
    position: relative;
    background: #eae2d8 !important;
    padding: 0.8em 0;
    margin-bottom: 2em;
  }
  html body #contents #mCafe24Order .defaultShip * {
    color: #B35026;
    line-height: 1em;
    font-size: 1.2rem;
  }
  html body #contents #mCafe24Order .defaultShip:before,
  html body #contents #mCafe24Order .defaultShip:after {
    content: "";
    position: absolute;
    width: 20px;
    background: #eae2d8;
    top: 0;
    height: 100%;
  }
  html body #contents #mCafe24Order .defaultShip:before {
    left: -20px;
  }
  html body #contents #mCafe24Order .defaultShip:after {
    right: -20px;
  }
  html body #contents #mCafe24Order .defaultShip * {
    color: #4E4544;
  }
  html body #contents #mCafe24Order .payMethod > li.selected > label {
    display: none;
  }
  html body #contents #mCafe24Order .payMethod > li.selected > .inner {
    clear: both;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
  }
  html body #contents #mCafe24Order .payMethod > li .inner > .ec-base-label {
    display: block;
    float: left;
    margin-right: 1.2rem;
    width: calc(50% - 1rem);
    text-align: center;
  }
  html body #contents #mCafe24Order .payMethod > li .inner > .ec-base-label:nth-child(2n) {
    margin-right: 0;
  }
  html body #contents #mCafe24Order .payMethod > li .inner > .ec-base-label input[type=radio] + label {
    width: 100%;
    text-align: center;
    padding: 0.7em 0;
    border: 1px solid #B35026;
  }
  html body #contents #mCafe24Order .payMethod > li .inner > .ec-base-label input[type=radio]:checked + label {
    background-color: #B35026;
    color: #fff;
  }
  html body #contents #mCafe24Order .ec-base-tab ul {
    border: 0px;
  }
  html body #contents #mCafe24Order .ec-base-tab li {
    background: transparent;
    border: 0px;
  }
  html body #contents #mCafe24Order .ec-base-tab li a {
    background: transparent;
    border: 1px solid #999999;
    color: #999999;
    font-weight: normal;
  }
  html body #contents #mCafe24Order .ec-base-tab li.selected a {
    background: #B35026;
    color: #fff;
    border: 1px solid #B35026;
  }
  html body #contents #mCafe24Order .btnBase {
    border-radius: 0px;
    border: 1px solid #B35026;
    color: #B35026;
    background: transparent;
  }
  html body #contents #mCafe24Order .btnBase.mini {
    font-size: 1rem;
    padding: 0.75em;
  }
  html body #contents #mCafe24Order .shippingList .button .btnText {
    line-height: 1em;
    padding: 0.75em;
    background: #B35026;
    border-radius: 0px;
    border: 0px;
    color: #fff;
  }
  html body #contents #mCafe24Order #payco_info a {
    color: #B35026;
    text-decoration: underline;
  }
  html body #contents #mCafe24Order .ec-order-button-list .ec-base-label input:checked + .text {
    background: #B35026;
    border-color: #B35026;
    color: #fff;
  }
  html body #contents #mCafe24Order .ec-order-button-list .ec-base-label .text {
    padding: 1em;
    border-color: #B35026;
    color: #B35026;
  }
  html body #contents #mCafe24Order .ec-order-button-list .ec-base-label {
    border-color: #B35026;
    border-radius: 0px;
  }
  html body #contents #mCafe24Order #cashreceipt_user_type2 {
    width: 100%;
    margin-bottom: 1em;
  }
  html body #contents #mCafe24Order input[type="text"],
  html body #contents #mCafe24Order input[type="password"],
  html body #contents #mCafe24Order input[type="number"],
  html body #contents #mCafe24Order input[type="tel"] {
    font-size: 1.2rem;
    height: 3em;
    line-height: 1em;
    padding: 0 0.75em;
    margin-bottom: 0;
    color: #4E4544;
  }
  html body #contents #mCafe24Order .btnNormal,
  html body #contents #mCafe24Order .btnStrong,
  html body #contents #mCafe24Order .btnBasic,
  html body #contents #mCafe24Order .btnBase {
    height: auto;
    line-height: 1em;
    padding: 1em;
    vertical-align: top;
    font-size: 1.2rem;
    margin: 0px;
  }
  html body #contents #mCafe24Order .btnNormal.mini,
  html body #contents #mCafe24Order .btnStrong.mini,
  html body #contents #mCafe24Order .btnBasic.mini,
  html body #contents #mCafe24Order .btnBase.mini {
    font-size: 1rem;
    padding: 0.75em;
  }
  html body #contents #mCafe24Order label {
    line-height: 1em;
  }
  html body #contents #mCafe24Order .sideRight {
    right: 0px;
  }
  html body #contents #mCafe24Order .ec-base-tab {
    margin-top: 0.5em;
  }
  html body #contents #mCafe24Order .ec-base-fold.selected > .contents {
    margin-top: 0.5em;
  }
  html body #contents #mCafe24Order .payMethod input[type=radio]:checked + label:before,
  html body #contents #mCafe24Order .payMethod input[type=radio] + label:before {
    display: none;
  }
  html body #contents #mCafe24Order .ec-base-fold,
  html body #contents #mCafe24Order .ec-base-fold > .contents {
    border: 0;
  }
  html body #contents #mCafe24Order .icoRequired {
    display: none;
  }
  html body #contents #mCafe24Order .segment > .ec-base-table:first-child table,
  html body #contents #mCafe24Order .segment > .ec-base-table:last-child table,
  html body #contents #mCafe24Order .gCellNarrow table {
    display: table;
  }
  html body #contents #mCafe24Order .segment > .ec-base-table:first-child table tbody,
  html body #contents #mCafe24Order .segment > .ec-base-table:last-child table tbody,
  html body #contents #mCafe24Order .gCellNarrow table tbody {
    display: table-row-group;
  }
  html body #contents #mCafe24Order .segment > .ec-base-table:first-child table tr:not(.displaynone),
  html body #contents #mCafe24Order .segment > .ec-base-table:last-child table tr:not(.displaynone),
  html body #contents #mCafe24Order .gCellNarrow table tr:not(.displaynone) {
    display: table-row;
  }
  html body #contents #mCafe24Order .segment > .ec-base-table:first-child table tr:not(.displaynone) th,
  html body #contents #mCafe24Order .segment > .ec-base-table:last-child table tr:not(.displaynone) th,
  html body #contents #mCafe24Order .gCellNarrow table tr:not(.displaynone) th,
  html body #contents #mCafe24Order .segment > .ec-base-table:first-child table tr:not(.displaynone) td,
  html body #contents #mCafe24Order .segment > .ec-base-table:last-child table tr:not(.displaynone) td,
  html body #contents #mCafe24Order .gCellNarrow table tr:not(.displaynone) td {
    display: table-cell;
    font-size: 1.2rem;
    margin-bottom: 0.5em;
    letter-spacing: 0.05em;
  }
  html body #contents #mCafe24Order .segment.unique {
    background: transparent;
  }
  @media (max-width:980px) {
    html body #contents #mCafe24Order .segment.unique {
      padding: 1em 0;
    }
  }
  html body #contents #mCafe24Order .ec-base-button.gFull {
    margin: 1em 0;
    width: 100%;
    position: relative;
    height: 3em;
    font-size: 1.7rem;
  }
  html body #contents #mCafe24Order .ec-base-button.gFull button {
    padding: 0.5em 0;
    font-weight: bold;
    background: #00AC78;
    box-sizing: content-box;
    line-height: 1em;
    font-size: 1.7rem;
    border: 0;
    position: absolute;
    left: -20px;
    width: calc(100% + 40px);
  }
  html body #contents #mCafe24Order .discountDetail {
    padding: 1em 0;
  }
  html body #contents #mCafe24Order .ec-base-table .ec-address {
    margin: 0;
  }
  html body #contents #mCafe24Order .ec-base-table .ec-address > li {
    margin-bottom: 0.5em;
    padding: 0;
  }
  html body #contents #mCafe24Order .orderArea .totalPrice {
    margin: 1em 0;
  }
  html body #contents #mCafe24Order .ec-base-prdInfo {
    border-bottom: 1px dashed #D7D2CB;
    background: transparent;
    padding: 1.5em 0;
  }
  html body #contents #mCafe24Order .ec-base-prdInfo .btnRemove {
    display: none;
  }
  html body #contents #mCafe24Order .ec-base-prdInfo .thumbnail {
    margin-right: 0px;
  }
  html body #contents #mCafe24Order .ec-base-prdInfo .description {
    margin-right: 20px;
  }
  html body #contents #mCafe24Order .ec-base-prdInfo .price,
  html body #contents #mCafe24Order .ec-base-prdInfo .price * {
    color: #B35026;
    font-weight: bold;
  }
  html body #contents #mCafe24Order .orderArea .totalPrice .ec-base-table.gCellNarrow th,
  html body #contents #mCafe24Order .orderArea .totalPrice .ec-base-table.gCellNarrow td,
  html body #contents #mCafe24Order .orderArea .totalPrice .ec-base-table.gCellNarrow th *,
  html body #contents #mCafe24Order .orderArea .totalPrice .ec-base-table.gCellNarrow td * {
    color: #4E4544;
    font-size: 1.35rem;
  }
  html body #contents #mCafe24Order .orderArea .totalPrice {
    background: transparent;
  }
  html body #contents #mCafe24Order .orderArea .totalPrice .title {
    border: 0px;
    padding: 0;
  }
  html body #contents #mCafe24Order .contents {
    border-top: 0;
  }
  html body #contents #mCafe24Order .totalPrice span {
    margin-left: 0px;
  }
  table.seLayout {
    border-color: #D7D2CB !important;
    padding-bottom: 2rem!important;
    box-sizing: border-box;
  }
  table.seLayout #content_toolbar_container {
    padding: 1em;
    background: #fff;
  }
  table.seLayout #content_toolbar_container tr {
    border-bottom: 0;
  }
  .review-col {
    max-width: 100%;
    width: 100%;
  }
  @media (max-width:980px) {
    .products_reviews_list_review__lcontents,
    .products_reviews_list_review__info_container {
      max-width: 100%!important;
      width: 100%!important;
    }
  }
  .eYReft_temp {
    bottom: auto;
    top: calc(50% + 90px + 2rem);
    transition: 0.6s;
    right: 20px;
    z-index: 999;
  }
  .eYReft_temp > div > div:nth-child(2) {
    width: 45px;
    height: 45px;
  }
  .eYReft_temp > div > div:nth-child(2):before {
    font-size: 26px;
    width: 1em;
    height: 1em;
    background-position: -1em -1em;
    background-size: 4em;
  }
  @media (max-width:980px) {
    .eYReft_temp {
      right: -150px !important;
    }
    .eYReft_temp.active {
      right: 15px!important;
    }
  }
  html body #ch-plugin-core div[data-ch-testid=launcher] {
    bottom: auto !important;
    top: calc(50% + 90px + 2rem) !important;
    transition: 0.6s !important;
    right: 20px !important;
    z-index: 999 !important;
  }
  html body #ch-plugin-core div[data-ch-testid=launcher] > div > div:nth-child(2) {
    width: 45px !important;
    height: 45px !important;
  }
  html body #ch-plugin-core div[data-ch-testid=launcher] > div > div:nth-child(2):before {
    font-size: 26px !important;
    width: 1em !important;
    height: 1em !important;
    background-position: -1em -1em !important;
    background-size: 4em !important;
  }
  @media (max-width:980px) {
    html body #ch-plugin-core div[data-ch-testid=launcher] {
      right: -150px !important;
    }
    html body #ch-plugin-core div[data-ch-testid=launcher].active {
      right: 15px!important;
    }
  }
  #detail_info_layer {
    background: #f8f6f3;
    border: 1px solid #B35026;
    padding: 15px;
    z-index: 99;
  }
  @media (max-width:980px) {
    #detail_info_layer {
      width: 95vw;
      top: auto;
      bottom: 10vh;
      left: 2.5vw;
      box-sizing: border-box;
      margin: 0;
    }
  }
  #detail_info_layer .table * {
    color: #4E4544;
    text-align: left;
  }
  #detail_info_layer .table tbody tr > td {
    text-align: left;
  }
  #detail_info_layer .table tbody tr th {
    padding: 1em 0;
  }
  #detail_info_layer h1 {
    font-size: 1.5rem;
    color: #4E4544;
  }
  #detail_info_layer .btnArea {
    text-align: center;
  }
  #detail_info_layer .btnArea a {
    display: inline-block;
    width: auto;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #4E4544;
    box-sizing: border-box;
    border: 0;
    padding: 0.5em 1em;
    font-size: 1rem;
    margin: 0 auto;
    font-family: "lac", 'Noto Sans KR', sans-serif;
    letter-spacing: 0.075em;
    text-transform: uppercase;
  }
  @media (max-width:980px) {
    #detail_info_layer .btnArea a.cta {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      max-width: 100%;
      z-index: 99999;
      margin: 0!important;
    }
  }
  #detail_info_layer .btnArea a.kakao {
    background: #ffd200;
    color: #4E4544;
  }
  .selected > #detail_info_layer .btnArea a.transparent {
    background: #4E4544;
    color: #f8f6f3;
  }
  .selected > #detail_info_layer .btnArea a.transparent.prim {
    background: #B35026;
    color: #fff;
  }
  #detail_info_layer .btnArea a.transparent {
    background: transparent;
    border: 1px solid #4E4544;
    color: #4E4544;
  }
  #detail_info_layer .btnArea a.transparent.prim {
    background: transparent;
    border-color: #B35026;
    color: #B35026;
  }
  #detail_info_layer .btnArea a.prim {
    background: #B35026;
    color: #fff;
  }
  #detail_info_layer .btnArea a.big {
    display: block;
    font-size: 1.7rem;
    margin-bottom: 0.5rem;
    padding: 1em;
    width: 100%;
    max-width: 650px;
    font-weight: bold;
  }
  @media (max-width:980px) {
    #detail_info_layer .btnArea a.big {
      max-width: 100%;
    }
  }
  #detail_info_layer .btnArea a.medium {
    display: block;
    font-size: 1.35rem;
    width: 100%;
    max-width: 450px;
    margin-bottom: 0.5rem;
    padding: 0.6em 1em 0.6em;
  }
  #detail_info_layer .btnArea a.sign-up {
    background: #4E4544;
    color: #fff;
  }
  #detail_info_layer .prdInfo {
    padding: 1em;
    border: 0;
    background: rgba(215, 210, 203, 0.5);
    color: #4E4544;
  }
  body .csDetail .prdInfo p,
  .csDetail .prdInfo ul > li {
    font-size: 1rem;
    line-height: 1.5em;
    margin: 1em 0;
  }