@charset "UTF-8";
h5 {
  font-weight: bold;
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
  font-family: "NanumSquare" !important;
  font-size: 20px;
}

.summary_wrap li {
  width: 10% !important;
}

img#icon_admin_img {
  width: 45px;
}

table.bbslist_table_style > tbody > tr > td .name img {
  width: 70px;
}

.hidden-scrollbar {
  scrollbar-width: none;
}

.hidden-scrollbar::-webkit-scrollbar {
  display: none;
}

.out_suboption_price {
  display: none !important;
}

.out_option_price {
  display: none !important;
}

.sbOptions a:link, .sbOptions a:visited {
  color: #666;
  text-decoration: none;
  display: block;
  width: 100%;
}

.text--red {
  color: #e10000;
}

.text--bold {
  font-weight: bold;
}

.content-container {
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 960px) {
  .content-container {
    width: 860px;
    margin: 0 auto;
  }
}
.ui-widget-header.ui-dialog-titlebar {
  background-color: transparent !important;
}

.ls_search-form .ls_search-form-form {
  position: relative;
}
.ls_search-form #autocomplete {
  width: 100%;
}

.youtube_wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.youtube_wrap .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bg--blue {
  background-color: #d5f9ff;
}

.bg--pink {
  background-color: #ffd5ee;
}

.coupon {
  border: 2px solid #eee;
  background-color: #fafafa;
}
.coupon .coupon-inner {
  border: 2px solid #eee;
  padding: 4px;
  margin: 4px;
  background-color: #fff;
}
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}

.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader:before,
.loader:after {
  content: "";
  position: absolute;
  top: 0;
}

.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader:after {
  left: 3.5em;
}

@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.spinner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.hover {
  cursor: pointer;
  transition: all 0.5s;
}
.hover:hover {
  opacity: 0.85;
}

.bbslist_wrap {
  position: relative;
  margin-top: 40px;
  zoom: 1;
  font-size: 16px;
}

.mypage_wrap h4 {
  margin-bottom: 10px;
  font-size: 24px;
}

.ml-1 {
  margin-left: 8px;
}

.mb-1 {
  margin-bottom: 8px;
}

.mr-1 {
  margin-right: 8px;
}

.mt-1 {
  margin-top: 8px;
}

.pl-1 {
  padding-left: 8px;
}

.pb-1 {
  padding-bottom: 8px;
}

.pr-1 {
  padding-right: 8px;
}

.pt-1 {
  padding-top: 8px;
}

.ml-2 {
  margin-left: 16px;
}

.mb-2 {
  margin-bottom: 16px;
}

.mr-2 {
  margin-right: 16px;
}

.mt-2 {
  margin-top: 16px;
}

.pl-2 {
  padding-left: 16px;
}

.pb-2 {
  padding-bottom: 16px;
}

.pr-2 {
  padding-right: 16px;
}

.pt-2 {
  padding-top: 16px;
}

.ml-3 {
  margin-left: 24px;
}

.mb-3 {
  margin-bottom: 24px;
}

.mr-3 {
  margin-right: 24px;
}

.mt-3 {
  margin-top: 24px;
}

.pl-3 {
  padding-left: 24px;
}

.pb-3 {
  padding-bottom: 24px;
}

.pr-3 {
  padding-right: 24px;
}

.pt-3 {
  padding-top: 24px;
}

.ml-4 {
  margin-left: 32px;
}

.mb-4 {
  margin-bottom: 32px;
}

.mr-4 {
  margin-right: 32px;
}

.mt-4 {
  margin-top: 32px;
}

.pl-4 {
  padding-left: 32px;
}

.pb-4 {
  padding-bottom: 32px;
}

.pr-4 {
  padding-right: 32px;
}

.pt-4 {
  padding-top: 32px;
}

.ml-5 {
  margin-left: 40px;
}

.mb-5 {
  margin-bottom: 40px;
}

.mr-5 {
  margin-right: 40px;
}

.mt-5 {
  margin-top: 40px;
}

.pl-5 {
  padding-left: 40px;
}

.pb-5 {
  padding-bottom: 40px;
}

.pr-5 {
  padding-right: 40px;
}

.pt-5 {
  padding-top: 40px;
}

.ml-6 {
  margin-left: 48px;
}

.mb-6 {
  margin-bottom: 48px;
}

.mr-6 {
  margin-right: 48px;
}

.mt-6 {
  margin-top: 48px;
}

.pl-6 {
  padding-left: 48px;
}

.pb-6 {
  padding-bottom: 48px;
}

.pr-6 {
  padding-right: 48px;
}

.pt-6 {
  padding-top: 48px;
}

.ml-7 {
  margin-left: 56px;
}

.mb-7 {
  margin-bottom: 56px;
}

.mr-7 {
  margin-right: 56px;
}

.mt-7 {
  margin-top: 56px;
}

.pl-7 {
  padding-left: 56px;
}

.pb-7 {
  padding-bottom: 56px;
}

.pr-7 {
  padding-right: 56px;
}

.pt-7 {
  padding-top: 56px;
}

.ml-8 {
  margin-left: 64px;
}

.mb-8 {
  margin-bottom: 64px;
}

.mr-8 {
  margin-right: 64px;
}

.mt-8 {
  margin-top: 64px;
}

.pl-8 {
  padding-left: 64px;
}

.pb-8 {
  padding-bottom: 64px;
}

.pr-8 {
  padding-right: 64px;
}

.pt-8 {
  padding-top: 64px;
}

.ml-9 {
  margin-left: 72px;
}

.mb-9 {
  margin-bottom: 72px;
}

.mr-9 {
  margin-right: 72px;
}

.mt-9 {
  margin-top: 72px;
}

.pl-9 {
  padding-left: 72px;
}

.pb-9 {
  padding-bottom: 72px;
}

.pr-9 {
  padding-right: 72px;
}

.pt-9 {
  padding-top: 72px;
}

.ml-10 {
  margin-left: 80px;
}

.mb-10 {
  margin-bottom: 80px;
}

.mr-10 {
  margin-right: 80px;
}

.mt-10 {
  margin-top: 80px;
}

.pl-10 {
  padding-left: 80px;
}

.pb-10 {
  padding-bottom: 80px;
}

.pr-10 {
  padding-right: 80px;
}

.pt-10 {
  padding-top: 80px;
}

.bt-1 {
  border-top: 1px solid;
}

.border-white {
  border-color: #fff;
}

.text-red {
  color: #e10000;
}

.strong {
  font-weight: bold;
}

.lds-grid {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-grid div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #333;
  -webkit-animation: lds-grid 1.2s linear infinite;
          animation: lds-grid 1.2s linear infinite;
}

.lds-grid div:nth-child(1) {
  top: 8px;
  left: 8px;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.lds-grid div:nth-child(2) {
  top: 8px;
  left: 32px;
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}

.lds-grid div:nth-child(3) {
  top: 8px;
  left: 56px;
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}

.lds-grid div:nth-child(4) {
  top: 32px;
  left: 8px;
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}

.lds-grid div:nth-child(5) {
  top: 32px;
  left: 32px;
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}

.lds-grid div:nth-child(6) {
  top: 32px;
  left: 56px;
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}

.lds-grid div:nth-child(7) {
  top: 56px;
  left: 8px;
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}

.lds-grid div:nth-child(8) {
  top: 56px;
  left: 32px;
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}

.lds-grid div:nth-child(9) {
  top: 56px;
  left: 56px;
  -webkit-animation-delay: -1.6s;
          animation-delay: -1.6s;
}

@-webkit-keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

@keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #333;
  border-radius: 50%;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #333 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}

@-webkit-keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-roller div {
  -webkit-animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #333;
  margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
  -webkit-animation-delay: -0.036s;
          animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}

.lds-roller div:nth-child(2) {
  -webkit-animation-delay: -0.072s;
          animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}

.lds-roller div:nth-child(3) {
  -webkit-animation-delay: -0.108s;
          animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}

.lds-roller div:nth-child(4) {
  -webkit-animation-delay: -0.144s;
          animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

.lds-roller div:nth-child(5) {
  -webkit-animation-delay: -0.18s;
          animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}

.lds-roller div:nth-child(6) {
  -webkit-animation-delay: -0.216s;
          animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}

.lds-roller div:nth-child(7) {
  -webkit-animation-delay: -0.252s;
          animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}

.lds-roller div:nth-child(8) {
  -webkit-animation-delay: -0.288s;
          animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@-webkit-keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.flicker {
  -webkit-animation: flicker 0.1s;
          animation: flicker 0.1s;
}

@-webkit-keyframes flicker {
  0% {
    opacity: 0.9;
  }
  30% {
    opacity: 0.4;
  }
  70% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}

@keyframes flicker {
  0% {
    opacity: 0.9;
  }
  30% {
    opacity: 0.4;
  }
  70% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
.hot-issue .masking {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.7);
}

.hot-issue .main-banner .masking img {
  width: 200px;
}

.list-reset, .form-navi ul, .mobile-gnb ul, .goods-list, .mypage_info ul, .mypage_heading ul, .goods-display-wrap ul.rows, .goods-display-wrap .rows, #layout_header.layout_header .gnb .nav, .tab-container {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

/*
.flex
*/
.flex, .goods-list, .mypage_info ul li, .mypage_heading ul li, .mypage_heading ul, #layout_header.layout_header .logo_search, #layout_header.layout_header .gnb .nav, #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb, .flex-center-center, #layout_header.layout_header .ls_logo, #layout_header.layout_header .gnb .all-category-button, .tab-container {
  display: flex;
}

.flex-column, .mypage_heading ul li {
  flex-direction: column;
}

.flex-col {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center, .mypage_heading ul li, #layout_header.layout_header .logo_search, #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb, .flex-center-center, #layout_header.layout_header .ls_logo, #layout_header.layout_header .gnb .all-category-button {
  align-items: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between, .mypage_heading ul, #layout_header.layout_header .logo_search {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.box-border {
  box-sizing: border-box;
}

.box-content {
  box-sizing: content-box;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.cursor-pointer {
  cursor: pointer;
}

.button {
  display: inline-block;
  padding: 4px 8px;
  cursor: pointer;
  box-sizing: border-box;
  padding: 8px 16px;
}
.button.button--primary {
  background-color: #005aff;
  border-radius: 2px !important;
  border: 0px;
  font-size: 16px;
  color: #fff !important;
}
.button.button--red {
  background-color: #e10000;
  border-radius: 2px !important;
  border: 0px;
  font-size: 16px;
  color: #fff !important;
}
.button.button--default {
  background-color: #e6e6e6;
  border-radius: 2px !important;
  border: 0px;
  font-size: 16px;
  color: #333 !important;
}

.btn {
  display: inline-block;
  box-sizing: border-box;
}

.btn--red {
  background-color: #e10000;
  border-radius: 2px !important;
  border: 0px;
  font-size: 14px;
  color: #fff;
  padding: 6px 8px;
}

.btn--black, .order-complete-wrap .buttons button, .btn_important_large {
  background-image: unset;
  background-color: #333;
  border-radius: 2px !important;
  border: 0px;
  font-size: 14px;
  color: #fff;
  padding: 6px 8px;
}
.btn--black:hover, .order-complete-wrap .buttons button:hover, .btn_important_large:hover {
  color: #fff;
}

.btn--secondary {
  background-color: #fede03;
  border-radius: 2px !important;
  border: 0px;
  font-size: 14px;
  color: #000;
  padding: 6px 8px;
}

.btn--primary {
  background-color: #047acc;
  border-radius: 2px !important;
  border: 0px;
  font-size: 14px;
  color: #fff !important;
  padding: 6px 8px;
}

.btn--cancel {
  background-color: #fafafa;
  border-radius: 2px !important;
  border: 0px;
  color: #333;
  font-size: 14px;
  padding: 6px 8px;
}

.btn--large {
  font-size: 16px;
}

.btn--sm {
  font-size: 10px;
}

.btn--payment {
  padding: 16px 32px;
  border-radius: 5px;
  font-size: 16px;
  background-color: #e12a00;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  /* width: 200px; */
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  border-radius: 0px;
  box-shadow: 4px 4px 8px #d2a0a0;
  transition: all 0.3s;
  text-decoration: none;
}
.btn--payment:hover {
  box-shadow: 8px 8px 8px #d2a0a0;
}

.btn--normal {
  padding: 16px 32px;
  border-radius: 5px;
  font-size: 16px;
  background-color: #fafafa;
  color: #333;
  cursor: pointer;
  display: inline-block;
  /* width: 200px; */
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  border-radius: 0px;
  transition: all 0.3s;
  text-decoration: none;
}
.tab-container-wrap {
  border-bottom: 1px solid #ccc;
}

.tab-container .tab {
  flex: 1;
  font-size: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
  border: 0px solid #ddd;
}
.tab-container .tab.active {
  background: linear-gradient(45deg, #3a3a3a, #000000);
  color: #fff;
}

.container, .first-served-coupon-wrap, #layout_header.layout_header .logo_search, #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb {
  width: 100%;
  margin: auto;
}

@media screen and (min-width: 960px) {
  .container, .first-served-coupon-wrap, #layout_header.layout_header .logo_search, #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb {
    width: 1180px;
    margin: auto;
  }
}
.flex, .goods-list, .mypage_info ul li, .mypage_heading ul li, .mypage_heading ul, #layout_header.layout_header .logo_search, #layout_header.layout_header .gnb .nav, #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb, .flex-center-center, #layout_header.layout_header .ls_logo, #layout_header.layout_header .gnb .all-category-button, .tab-container {
  display: flex;
}

.flex-1, #layout_header.layout_header .ls_search-form, #layout_header.layout_header .gnb .nav {
  flex: 1;
}

.items-center, .mypage_heading ul li, #layout_header.layout_header .logo_search, #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb, .flex-center-center, #layout_header.layout_header .ls_logo, #layout_header.layout_header .gnb .all-category-button {
  align-items: center;
}

.justify-center, #layout_header.layout_header .gnb .nav, .flex-center-center, #layout_header.layout_header .ls_logo, #layout_header.layout_header .gnb .all-category-button {
  justify-content: center;
}

.justify-between, .mypage_heading ul, #layout_header.layout_header .logo_search {
  justify-content: space-between;
}

#layout_header.layout_header {
  font-size: 16px;
}
#layout_header.layout_header .nav_wrap {
  height: 35px;
  background-color: #333;
}
#layout_header.layout_header .gnb {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
}
#layout_header.layout_header .gnb .all-category-button {
  background-color: #e10000;
  text-decoration: none;
  cursor: pointer;
  padding-top: 16px;
  padding-bottom: 16px;
  border: 1px solid #e10000;
  width: 240px;
  color: #fff;
  margin-right: 24px;
}
#layout_header.layout_header .gnb .offset {
  width: 200px;
}
#layout_header.layout_header .gnb .nav li {
  margin-right: 18px;
}
#layout_header.layout_header .gnb .nav li a {
  cursor: pointer;
  border: 1px solid transparent;
  text-decoration: none;
  font-size: 14px;
  padding-top: 16px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 16px;
}
#layout_header.layout_header .gnb .nav li a:hover {
  border-bottom: 1px solid #e10000;
}
#layout_header.layout_header .gnb .nav li:last-of-type {
  margin-right: 0px;
}
#layout_header.layout_header .logo_search {
  height: 120px;
}
#layout_header.layout_header .ls_logo {
  width: 240px;
}
#layout_header.layout_header .ls_logo img {
  height: 60px;
}
#layout_header.layout_header .ls_search-form {
  margin-left: 100px;
  margin-right: 100px;
}
#layout_header.layout_header .ls_search-form .input.search {
  display: block;
  width: 100%;
  font-size: 16px;
  border: 2px solid #000;
  padding: 10px;
}
#layout_header.layout_header .ls_search-form .ls_search-form-form {
  position: relative;
}
#layout_header.layout_header .ls_search-form .ls_search-form-form button {
  position: absolute;
  top: 10px;
  right: -10px;
  font-size: 20px;
  border: 0px;
}
#layout_header.layout_header .ls_banner {
  width: 200px;
}

.full-nav {
  position: absolute;
  background-color: #fff;
  border-top: 1px solid #eee;
  top: 50px;
  left: 0px;
  width: 100%;
  box-shadow: 0px 4px 4px #ddd;
  font-size: 15px;
}
.full-nav .parent-list {
  display: flex;
  justify-content: space-between;
}
.full-nav .parent-list .parent {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 8px;
  padding-left: 8px;
  flex: 1;
  border-right: 1px solid #ddd;
  height: auto;
  transition: all 0.2s;
  cursor: pointer;
}
.full-nav .parent-list .parent:hover {
  background-color: #f1f1f1;
}
.full-nav .parent-list .parent a {
  cursor: pointer;
}
.full-nav .parent-list .parent a img {
  display: block;
  width: 40px;
}
.full-nav .parent-list li.parent:list-of-type {
  border-right: 0px solid #ddd;
}
.full-nav .parent-list .parent-title {
  font-weight: bold;
  text-align: center;
  display: flex;
  font-size: 16px;
  margin-bottom: 16px;
  margin-top: 8px;
  /*
  &:after {
    width:2px;
    content: '';
    width: 10px;
    background: transparent;
    display: block;
    height: 2px;
    margin-bottom: 0px;
    margin-top: 12px;
  }
  */
}
.full-nav .parent-list ul.nav-list li {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  color: #888;
}

.copy_wrap .container, .copy_wrap .first-served-coupon-wrap, .copy_wrap #layout_header.layout_header .gnb, #layout_header.layout_header .copy_wrap .gnb, .copy_wrap #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb .copy_wrap .nav-wrapper, .copy_wrap #layout_header.layout_header .logo_search, #layout_header.layout_header .copy_wrap .logo_search {
  position: relative;
}

@-webkit-keyframes move-right {
  from {
    fill: #7c0100;
    transform: translateX(5px);
  }
  to {
    fill: #e10000;
    transform: translateX(0px);
  }
}

@keyframes move-right {
  from {
    fill: #7c0100;
    transform: translateX(5px);
  }
  to {
    fill: #e10000;
    transform: translateX(0px);
  }
}
.swipe-navi ul li.active a {
  border-bottom: 1px solid #e10000;
}

.swipe-navi ul li.active svg {
  fill: #e10000;
}

.swipe-navi ul {
  flex: 1;
  justify-content: space-between;
}

.swipe-navi ul li a,
.theme-gnb.sticky li a {
  display: flex;
  align-items: center;
  padding-left: 2px;
  margin-left: 6px;
  padding-right: 2px;
  margin-right: 6px;
  padding-bottom: 12px;
  padding-top: 12px;
}

.swipe-navi .svg-wrap {
  display: block;
  margin-right: 8px;
}

.swipe-navi svg {
  width: 16px;
  height: 16px;
}

.swipe-navi .arrow-wrap {
  display: flex;
  align-items: center;
  padding-bottom: 2px;
  padding-top: 0px;
}

.swipe-navi .arrow-wrap a {
  display: flex;
}

.swipe-navi .arrow-wrap a svg {
  height: 18px;
  width: 18px;
  -webkit-animation: 1s linear 0s infinite move-right;
          animation: 1s linear 0s infinite move-right;
}

.modal-mask {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: table;
  transition: opacity 0.3s ease;
}
.modal-mask--loading {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.modal-mask--loading .loading-text {
  font-size: 20px;
  font-weight: bold;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal-wrapper.modal-wrapper--youtube .modal-header {
  display: flex;
  justify-content: center;
  height: 50px;
  color: #fff;
}
.modal-wrapper.modal-wrapper--youtube .modal-header .close {
  diplay: block;
  cursor: pointer;
}
.modal-wrapper.modal-wrapper--youtube .modal-container {
  box-shadow: unset;
  background-color: transparent;
}

.modal-container {
  width: 55%;
  margin: 0px auto;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease;
  font-family: Helvetica, Arial, sans-serif;
}

.modal-header {
  padding: 16px;
  position: relative;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.modal-header .close {
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
}

.modal-header h3 {
  margin-top: 0;
  color: #333;
  font-size: 16px;
  font-weight: 200;
}

.modal-body {
  margin: 20px 16px;
}
.modal-body .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.modal-body .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal-body .title {
  font-size: 16px;
  border-bottom: 1px solid #333;
  text-align: center;
  padding: 8px;
}
.modal-body ul.items {
  display: flex;
  flex-wrap: wrap;
}
.modal-body ul.items li {
  width: 50%;
  text-align: center;
}
.modal-body ul.items li div {
  padding: 8px;
}

.modal-default-button {
  float: right;
}

.modal-footer {
  padding: 16px;
}
.modal-footer ul.button-area {
  list-style: none;
  display: flex;
  justify-content: flex-end;
}
.modal-footer ul.button-area li {
  text-align: center;
}
.modal-footer ul.button-area li a {
  display: block;
  border-radius: 5px;
  padding: 8px 16px;
  font-size: 12px;
}
.modal-footer ul.button-area li a.subscribe-btn {
  background-color: #069be5;
  border-radius: 5px;
  color: #fff;
}

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */
.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  transform: scale(1.1);
}

.review-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.review-list li.review-wrap {
  padding: 16px;
  cursor: pointer;
  border-bottom: 1px solid #eeeeee;
}
.review-list li.review-wrap .review {
  display: flex;
}
.review-list li.review-wrap .review .review__body {
  flex: 1;
}
.review-list li.review-wrap .review .review__body .review__heading {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  color: #000;
  margin-bottom: 12px;
}
.review-list li.review-wrap .review .review__body .review__heading .ratings {
  display: flex;
  color: #fcb43a;
  align-items: center;
}
.review-list li.review-wrap .review .review__body .review__heading .author {
  display: flex;
}
.review-list li.review-wrap .review .review__body .review__heading .author .user {
  margin-right: 8px;
}
.review-list li.review-wrap .review .review__body .review__heading .author .date {
  color: #ccc;
}
.review-list li.review-wrap .review .review__body .review__heading .avatar-wrap {
  display: flex;
  align-items: center;
}
.review-list li.review-wrap .review .review__body .review__heading .avatar-wrap .avatar {
  font-weight: bold;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  border-radius: 50%;
  height: 20px;
}
.review-list li.review-wrap .review .review__phototext {
  display: flex;
}
.review-list li.review-wrap .review .review__phototext .review__photo {
  width: 60px;
  height: 60px;
  margin-right: 16px;
}
.review-list li.review-wrap .review .review__phototext .review__photo .img {
  background-size: cover;
  background-position: center;
  width: 60px;
  height: 60px;
}
.review-list li.review-wrap .review .review__phototext .review__photo .img img {
  display: none;
}
.review-list li.review-wrap .review .review__phototext.full {
  display: block;
}
.review-list li.review-wrap .review .review__phototext.full .review__photo {
  width: 100%;
  height: auto;
  margin: 0px;
}
.review-list li.review-wrap .review .review__phototext.full .review__photo .img {
  width: 100%;
  background-image: unset !important;
  height: auto;
}
.review-list li.review-wrap .review .review__phototext.full .review__photo img {
  display: block;
  margin-bottom: 8px;
}
.review-list li.review-wrap .review .review__title {
  color: #000;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
}
.review-list li.review-wrap .review .review__description {
  color: #000;
}
.review-list li.review-wrap .review-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
.review-list li.review-wrap .review-buttons .button-wrap {
  flex: 1;
  padding: 8px;
}
.review-list li.review-wrap .review-buttons button {
  display: block;
  padding: 8px 8px;
  background-color: transparent;
  border: 1px solid #333;
  width: 100%;
}
.review-list li.review-wrap .review-buttons button.delete {
  border: 1px solid #e10000;
  color: #e10000;
}

.review-form-dialog {
  position: fixed;
  z-index: 10000;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #fff;
  padding: 16px;
  padding-top: 40px;
}
.review-form-dialog .form-foot {
  display: flex;
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  right: 0px;
  left: 0px;
  position: absolute;
  bottom: 0px;
}
.review-form-dialog .close-btn {
  font-size: 16px;
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 8px;
}
.review-form-dialog a.photo-btn {
  cursor: pointer;
  width: 60px;
  height: 60px;
  background-color: #ccc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
}
.review-form-dialog a.photo-btn .fa {
  margin-bottom: 8px;
  font-size: 24px;
}
.review-form-dialog .regist-btn-wrap {
  flex: 1;
  margin-left: 16px;
}
.review-form-dialog a.regist-btn {
  background-color: #333333;
  cursor: pointer;
  height: 60px;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.review-form-dialog .form-heading {
  text-align: center;
  font-size: 14px;
}
.review-form-dialog .select-ratings {
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.review-form-dialog .select-ratings .ratings {
  color: #eee;
  cursor: pointer;
  font-size: 24px;
  margin-right: 16px;
  margin-left: 16px;
}
.review-form-dialog .select-ratings .ratings .fa.filled {
  color: #fcb43a;
}
.review-form-dialog .select-ratings .plus, .review-form-dialog .select-ratings .minus {
  width: 30px;
  height: 30px;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
}
.review-form-dialog .form-field {
  margin-bottom: 16px;
}
.review-form-dialog .form-field .label {
  font-size: 16px;
  margin-bottom: 8px;
}
.review-form-dialog .form-field input {
  border: 1px solid #aaa;
  width: 100%;
}
.review-form-dialog .form-field textarea {
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  border: 1px solid #aaa;
}
.review-form-dialog #image-area {
  display: flex;
  margin-top: 10px;
}
.review-form-dialog #image-area .thumb {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  width: 80px;
}
.review-form-dialog #image-area .thumb .thumb-close {
  cursor: pointer;
  position: absolute;
  top: -5px;
  right: -10px;
  box-shadow: 0px 0px 4px #777;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
}
.review-form-dialog #image-area .thumb img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .review-form-dialog-wrapper {
    display: flex;
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    align-items: center;
    justify-content: center;
  }

  .review-form-dialog {
    width: 500px;
    height: 600px;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    /*
    .form-foot {
      display:flex;
      width:100%;
      padding:16px; 
      box-sizing: border-box;
      right:0px;
      left:0px;
      position: absolute; 
      bottom:0px;
    }

    .close-btn { 
      font-size: 16px;
      position: absolute;
      top: 8px;
      right: 8px;    
    }

    a.photo-btn {
      width:60px;
      height:60px; 
      background-color:#ccc;
      display:flex;
      flex-direction: column;
      align-items:center;
      justify-content: center;
      font-size:10px;
      color:#fff;

      .fa {
        margin-bottom:8px;
        font-size:24px;
      }
    }

    .regist-btn-wrap {
      flex:1;
      margin-left:16px;
    }

    a.regist-btn {
      background-color:#333333;    
      height:60px; 
      box-sizing: border-box;
      color:#fff;
      font-size:16px;
      padding:16px;
      display:flex;
      align-items: center;
      justify-content: center;
    }

    .form-heading {
      text-align:center;
      font-size:14px;
    }

    .select-ratings { 
      padding-top:16px;
      padding-bottom:16px;
      display:flex;
      align-items: center;
      justify-content: center;

      .ratings { 
        color:#eee;
        font-size:24px;
        margin-right:16px;
        margin-left:16px;

        .fa.filled {
          color:#fcb43a;
        }
      }

      .plus,.minus {
        width:30px;
        height:30px;
        display: flex;
        align-items:center;
        justify-content: center;
        border:1px solid #ddd;
      }
    }

    .form-field {
      margin-bottom:16px;
      .label {
        font-size:16px;
        margin-bottom:8px;
      }

      input {
        border:1px solid #aaa;
        width:100%;
      }

      textarea {
        width:100%;
        height:80px;
        box-sizing: border-box;
        border:1px solid #aaa;
      }
    } 
    */
  }
}
.grid-container {
  width: 100%;
  margin: 0 auto;
}

.grid-item-wrapper {
  width: 50%;
  padding: 4px;
  box-sizing: border-box;
}

.grid-item {
  transition: all 0.3s;
  box-shadow: 0px 0px 4px #ddd;
  cursor: pointer;
}
.grid-item:hover {
  box-shadow: 4px 4px 4px #ccc;
  background-color: #fafafa;
  margin-top: -5px;
}
.grid-item .grid-item-body {
  padding: 16px;
}
.grid-item .rating {
  padding-bottom: 0px;
  color: #ffa542;
}
.grid-item .avatar-wrap {
  display: flex;
  align-items: center;
}
.grid-item .avatar-wrap .avatar {
  font-weight: bold;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  border-radius: 50%;
  height: 20px;
}
.grid-item h6 {
  padding-top: 8px;
  font-size: 12px;
  padding-bottom: 8px;
}
.grid-item .date {
  font-size: 10px;
  color: #888;
}

.grid-item img {
  width: 100%;
  border-radius: 5px;
}

.modal-wrapper.modal-wrapper--review .modal-container {
  width: 100%;
  margin: 0px auto;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease;
  font-family: Helvetica, Arial, sans-serif;
}
.modal-wrapper.modal-wrapper--review .modal-header {
  padding-bottom: 0px;
}
.modal-wrapper.modal-wrapper--review .modal-body {
  font-size: 14px;
  line-height: 160%;
  margin-top: 0px;
  height: 600px;
  overflow: auto;
  padding-bottom: 16px;
}
.modal-wrapper.modal-wrapper--review .modal-body .admin-comment {
  background-color: #f4f4f4;
  padding: 16px;
  display: flex;
  border-radius: 8px;
}
.modal-wrapper.modal-wrapper--review .modal-body .admin-comment .reply-wrap {
  display: flex;
  margin-right: 16px;
  padding-top: 4px;
}
.modal-wrapper.modal-wrapper--review .modal-body .admin-comment pre {
  font-size: 14px;
  white-space: inherit;
}
.modal-wrapper.modal-wrapper--review .modal-body .admin-comment .reply {
  width: 10px;
  height: 10px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  margin-right: 8px;
}
.modal-wrapper.modal-wrapper--review .modal-body .admin-comment .re img {
  width: 30px;
}
.modal-wrapper.modal-wrapper--review .modal-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.modal-wrapper.modal-wrapper--review .modal-body::-webkit-scrollbar {
  width: 0px;
  background-color: #F5F5F5;
}
.modal-wrapper.modal-wrapper--review .modal-body::-webkit-scrollbar {
  width: 0px;
  background-color: #F5F5F5;
}
.modal-wrapper.modal-wrapper--review .modal-body #review-rating {
  padding-bottom: 0px;
  color: #ffa542;
}
.modal-wrapper.modal-wrapper--review .modal-body #review-avatar-wrap {
  display: flex;
  align-items: center;
}
.modal-wrapper.modal-wrapper--review .modal-body #review-avatar-wrap .avatar {
  font-weight: bold;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  border-radius: 50%;
  height: 20px;
}
.modal-wrapper.modal-wrapper--review .modal-body .image-wrap {
  margin-top: 16px;
}
.modal-wrapper.modal-wrapper--review .modal-body .image-wrap img {
  max-width: 100%;
  margin: 0 auto;
  border-radius: 5px;
  display: block;
}
.modal-wrapper.modal-wrapper--review .modal-body .text-content img {
  width: 100%;
}
.modal-wrapper.modal-wrapper--review .review-goods {
  background-color: #f4f4f4;
  margin-top: 16px;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item {
  position: relative;
  padding: 0px;
  margin-bottom: 8px;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item .badge-area {
  margin-top: 16px;
  display: block;
  padding-left: 8px;
  margin-bottom: 8px;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item .badge img {
  height: 16px;
  width: auto;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item .masking.masking--soldout {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item .masking.masking--soldout img {
  width: 140px;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item .badge.badge--danger {
  font-size: 10px;
  padding: 1px 6px;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item .image-wrapper {
  width: 130px;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item .image-wrapper img {
  width: 100%;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item .text-wrapper {
  flex: 1;
  position: relative;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item__title {
  font-size: 16px;
  display: block;
  padding-left: 8px;
  padding-right: 16px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item__title .title-lg {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item__title .title-spec {
  font-size: 12px;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item__foot {
  margin-top: 24px;
  padding: 0px;
  padding-left: 8px;
  padding-right: 16px;
  display: flex;
  justify-content: flex-end;
  position: relative;
  align-items: baseline;
  box-sizing: border-box;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item .goods-item__sale-price {
  font-size: 16px;
  color: #e10000;
  font-weight: bold;
  margin-bottom: 0px;
  margin-right: 8px;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item__consumer-price {
  font-size: 12px;
  color: #0068ff;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item__percent {
  position: absolute;
  justify-content: center;
  align-items: baseline;
  background-color: #e10000;
  color: #fff;
  left: 8px;
  bottom: 0px;
  padding: 6px 4px;
  width: 35px;
  padding: 8px 4px;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item__percent .num {
  font-size: 12px;
  font-weight: bold;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item__wrap {
  border-bottom: 1px solid #ccc;
}
.modal-wrapper.modal-wrapper--review .review-goods .goods-item__wrap a {
  display: flex;
  padding-bottom: 8px;
}

@media screen and (min-width: 1180px) {
  .grid-container {
    width: 1180px;
    margin: 0 auto;
  }

  .grid-item-wrapper {
    width: 25%;
    padding: 16px;
    box-sizing: border-box;
  }

  .grid-item {
    transition: all 0.3s;
    box-shadow: 0px 0px 4px #ddd;
    cursor: pointer;
  }
  .grid-item:hover {
    box-shadow: 4px 4px 4px #ccc;
    background-color: #fafafa;
    margin-top: -5px;
  }
  .grid-item .grid-item-body {
    padding: 16px;
  }
  .grid-item .rating {
    padding-bottom: 0px;
    color: #ffa542;
  }
  .grid-item .avatar-wrap {
    margin-top: 16px;
    display: flex;
    align-items: center;
  }
  .grid-item .avatar-wrap .avatar {
    font-weight: bold;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    border-radius: 50%;
    height: 20px;
  }
  .grid-item h6 {
    font-size: 14px;
  }
  .grid-item .date {
    font-size: 12px;
  }

  .modal-wrapper.modal-wrapper--review .modal-container {
    width: 600px;
    margin: 0px auto;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
    transition: all 0.3s ease;
    font-family: Helvetica, Arial, sans-serif;
  }
}
@media screen and (min-width: 960px) {
  .review-list {
    /*
    list-style:none;
    padding:0px;
    margin:0px;
    */
  }
  .review-list li.review-wrap {
    padding: 16px;
    cursor: pointer;
    border-bottom: 1px solid #eeeeee;
  }
  .review-list li.review-wrap .review {
    display: flex;
  }
  .review-list li.review-wrap .review .review__body {
    flex: 1;
  }
  .review-list li.review-wrap .review .review__body .review__heading {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    color: #000;
    margin-bottom: 12px;
  }
  .review-list li.review-wrap .review .review__body .review__heading .ratings {
    display: flex;
    color: #fcb43a;
    align-items: center;
  }
  .review-list li.review-wrap .review .review__body .review__heading .author {
    display: flex;
  }
  .review-list li.review-wrap .review .review__body .review__heading .author .user {
    margin-right: 8px;
  }
  .review-list li.review-wrap .review .review__body .review__heading .author .date {
    color: #ccc;
  }
  .review-list li.review-wrap .review .review__body .review__heading .avatar-wrap {
    display: flex;
    align-items: center;
  }
  .review-list li.review-wrap .review .review__body .review__heading .avatar-wrap .avatar {
    font-weight: bold;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    border-radius: 50%;
    height: 20px;
  }
  .review-list li.review-wrap .review .review__phototext {
    display: flex;
  }
  .review-list li.review-wrap .review .review__phototext .review__photo {
    width: 100px;
    height: 100px;
    margin-right: 16px;
  }
  .review-list li.review-wrap .review .review__phototext .review__photo .img {
    background-size: cover;
    background-position: center;
    width: 100px;
    height: 100px;
  }
  .review-list li.review-wrap .review .review__phototext .review__photo .img img {
    display: none;
  }
  .review-list li.review-wrap .review .review__phototext.full {
    display: flex;
  }
  .review-list li.review-wrap .review .review__phototext.full .review__photo {
    width: 40%;
    height: auto;
    margin: 0px;
    margin-right: 16px;
  }
  .review-list li.review-wrap .review .review__phototext.full .review__photo .img {
    width: 100%;
    background-image: unset !important;
    height: auto;
  }
  .review-list li.review-wrap .review .review__phototext.full .review__photo img {
    display: block;
    border-radius: 10px;
    box-shadow: 0px 0px 6px #aaa;
    max-width: 100%;
    margin-bottom: 8px;
  }
  .review-list li.review-wrap .review .review__phototext.full .review__text {
    flex: 1;
  }
  .review-list li.review-wrap .review .review__title {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 8px;
  }
  .review-list li.review-wrap .review .review__description {
    color: #000;
    font-size: 14px;
    line-height: 130%;
  }
  .review-list li.review-wrap .review-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
  }
  .review-list li.review-wrap .review-buttons .button-wrap {
    flex: 1;
    padding: 8px;
  }
  .review-list li.review-wrap .review-buttons button {
    display: block;
    padding: 8px 8px;
    background-color: transparent;
    border: 1px solid #333;
    width: 100%;
  }
  .review-list li.review-wrap .review-buttons button.delete {
    border: 1px solid #e10000;
    color: #e10000;
  }
}
.naver-box-wrap {
  position: fixed;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  z-index: 10000;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  opacity: 1;
}
.naver-box-wrap.hidden {
  display: none;
  opacity: 0;
}

.notification-box-wrap {
  position: fixed;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  z-index: 10000;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  opacity: 1;
}
.notification-box-wrap.hidden {
  display: none;
  opacity: 0;
}

.notification-box-body {
  font-size: 18px;
  color: #fff;
}
.notification-box-body .spinner {
  margin: 10px auto;
}
.notification-box-body .spinner--white div {
  background-color: #fff;
}
.notification-box-body .msg img {
  width: 45%;
}

@media screen and (max-width: 768px) {
  .subscription-box-wrap.subscription-box-wrap {
    align-items: flex-start;
  }

  .notification-box-body {
    margin-top: 40px;
    font-size: 18px;
    color: #fff;
  }
  .notification-box-body .spinner {
    margin: 10px auto;
  }
  .notification-box-body .spinner--white div {
    background-color: #fff;
  }
  .notification-box-body .msg img {
    width: 90%;
  }
}
.notification-box {
  margin: 16px;
  font-size: 14px;
  max-width: 300px;
  background: #fff;
  border-radius: 5px;
  padding: 16px;
  box-shadow: 0px 0px 8px #929292;
  position: relative;
  z-index: 10000;
  opacity: 1;
}
.notification-box.hidden {
  bottom: -190px;
  opacity: 0;
}
.notification-box .close {
  position: absolute;
  top: 16px;
  right: 16px;
}
.notification-box .notification-heading {
  margin-bottom: 32px;
  padding-left: 76px;
  font-weight: bold;
}
.notification-box .logo-box {
  width: 60px;
  height: 60px;
  background-color: #fff;
  position: absolute;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -9px;
  left: 16px;
  box-shadow: 0px 0px 8px #929292;
}
.notification-box .logo-box img {
  width: 40px;
}
.notification-box .notification-title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 8px;
}
.notification-box .notification-buttons {
  margin-top: 16px;
  display: flex;
  list-style: none;
  justify-content: flex-end;
  cursor: pointer;
}
.notification-box .notification-buttons a {
  cursor: pointer;
  border-radius: 5px;
  display: inline-block;
  font-size: 12px;
  padding: 4px 12px;
}
.notification-box .notification-buttons a.confirm-btn {
  background-color: #0095ff;
  color: #fff;
}

.alert-bold {
  font-size: 20px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

.blink, .goods_header--mobile .goods_header__info .badge-area.badge--danger, .first-served-goods .goods-item .badge.badge--danger, .goods_header__info .badge-area .badge.badge--danger {
  -webkit-animation: blink-animation 0.9s steps(10, start) infinite;
          animation: blink-animation 0.9s steps(10, start) infinite;
}

.goods_tabs > ul {
  padding-top: 10px;
}

@-webkit-keyframes blink-animation {
  to {
    background-color: #a71f00;
  }
}

@keyframes blink-animation {
  to {
    background-color: #a71f00;
  }
}
.blink-coupon {
  background-color: #efefef !important;
}

@-webkit-keyframes blink-coupon-animation {
  from {
    background-color: #efefef;
  }
  /*
  to {
    background-color:#ccc;
  }
  */
}

@keyframes blink-coupon-animation {
  from {
    background-color: #efefef;
  }
  /*
  to {
    background-color:#ccc;
  }
  */
}
.category_depth ul.list li.item, .category_depth ul.list2 li {
  display: flex;
  flex-wrap: nowrap;
  font-size: 14px;
  height: 20px;
  align-items: center;
}

.flex, .goods-list, .mypage_info ul li, .mypage_heading ul li, .mypage_heading ul, .tab-container, .flex-center-center, #layout_header.layout_header .gnb, #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb .all-category-button, #layout_header.layout_header .gnb .nav, #layout_header.layout_header .logo_search, #layout_header.layout_header .ls_logo {
  display: flex !important;
}

#goods_view .back-btn {
  position: absolute;
  top: 4px;
  left: 8px;
}
#goods_view .back-btn img {
  width: 20px;
  height: 20px;
}

#goods_view .goods_description_images {
  padding: 0px;
}

._view-btn, #goods_buy_wrap .goods_btn.goods_btn--mobile .but-area-buttons .button-wrapper .button, .goods_header__info a.button {
  padding: 16px 32px;
  border-radius: 5px;
  font-size: 16px;
  background-color: #e12a00;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  /* width: 200px; */
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  border-radius: 0px;
  box-shadow: 4px 4px 8px #d2a0a0;
  transition: all 0.3s;
  text-decoration: none;
}
._view-btn:hover, #goods_buy_wrap .goods_btn.goods_btn--mobile .but-area-buttons .button-wrapper .button:hover, .goods_header__info a.button:hover {
  box-shadow: 8px 8px 8px #d2a0a0;
}

.goods_header {
  display: flex;
  font-size: 18px;
}

.goods_header__image {
  margin-right: 90px;
}
.goods_header__image #goods_thumbs .next img, .goods_header__image #goods_thumbs .prev img {
  opacity: 0.7;
  width: 30px;
}

.goods_header__info {
  flex: 1;
  font-size: 14px;
}
.goods_header__info .badge-area {
  padding-left: 16px;
  display: flex;
  align-items: center;
}
.goods_header__info .badge-area .badge {
  margin-left: 4px;
  display: inline-block;
  box-sizing: border-box;
}
.goods_header__info .badge-area .badge img {
  height: 27px;
  max-width: 100%;
  display: block;
}
.goods_header__info .badge-area .badge.badge--primary {
  height: 27px;
  border-radius: 2px;
  display: inline-block;
  margin-bottom: -1px;
  border: 1px solid #0068ff;
  color: #0068ff;
  font-size: 16px;
  padding: 2px 8px;
}
.goods_header__info .badge-area .badge.badge--stock {
  height: 27px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background-color: #000;
  padding: 2px;
  color: #fff;
  padding-right: 8px;
}
.goods_header__info .badge-area .badge.badge--stock img {
  border: 0px;
  height: 18px;
  display: inline-block;
  margin-right: 8px;
  margin-left: 2px;
}
.goods_header__info .badge-area .badge.badge--danger {
  height: 27px;
  border-radius: 2px;
  display: inline-block;
  margin-bottom: -1px;
  background-color: #e12a00;
  border: 1px solid #e12a00;
  color: #fff;
  font-size: 16px;
  padding: 2px 8px;
}
.goods_header__info .badge-area .badge.badge--flag {
  height: 27px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background-color: #e6e6e6;
  padding: 2px;
  padding-right: 8px;
  /*
  border-radius:2px ;
  @extend .blink;
  display: inline-block;
  margin-bottom:-1px;
  background-color:#e12a00 ;
  border : 1px solid #e12a00 ;
  //border : 1px solid #e12a00 ;
  color:#fff ;
  font-size: 16px;
  padding: 2px 8px;
  */
}
.goods_header__info .badge-area .badge.badge--flag img {
  height: 16px;
  border: 0px;
  display: inline-block;
  margin-right: 8px;
  margin-left: 4px;
}
.goods_header__info .title .spec {
  color: #797979;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}
.goods_header__info .title h3 {
  padding-bottom: 8px;
  font-size: 20px;
}
.goods_header__info pre {
  background-color: #f3f3f3;
  padding: 16px;
  line-height: 160%;
  font-size: 12px;
}
.goods_header__info h3 {
  font-size: 16px;
  color: #000;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 24px;
}
.goods_header__info ul {
  list-style: none;
  display: block;
  width: 100%;
}
.goods_header__info li {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #eee;
}
.goods_header__info .shipping_set_area {
  border: 0px;
}
.goods_header__info .label {
  padding: 16px;
  width: 120px;
  font-size: 14px;
  box-sizing: border-box;
}
.goods_header__info .values {
  flex: 1;
}
.goods_header__info .values dd {
  display: flex;
  flex: 1;
}
.goods_header__info .price-area {
  font-size: 20px;
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: #e12a00 !important;
}
.goods_header__info .price--red {
  color: #e12a00 !important;
  font-size: 24px;
  font-weight: bold !important;
}
.goods_header__info .price--strike {
  color: #a9a9a9 !important;
  font-size: 24px;
  font-weight: bold !important;
}
.goods_header__info .button-area {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
}
.goods_header__info .cart-button {
  padding: 16px 32px;
  border-radius: 5px;
  font-size: 16px;
  background-color: #fff !important;
  border-color: #ccc;
  border: 1px solid #ccc;
  color: #444;
  cursor: pointer;
  margin-right: 8px;
  display: inline-block;
  /* width: 200px; */
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  border-radius: 0px;
  transition: all 0.3s;
  text-decoration: none;
}
.goods_header__info .select {
  border: 1px solid #000;
  padding: 16px;
  width: 100%;
  height: 60px;
  font-size: 20px;
  display: block;
  margin: 16px 0px;
}
.goods_header__info .price_wrap {
  display: flex;
  flex: 1;
  width: 100%;
}
.goods_header__info .price_wrap .consumer_wrap {
  font-size: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.goods_header__info .price_wrap .consumer_wrap .consumer {
  flex: 1;
}
.goods_header__info .price_wrap .consumer_wrap .price {
  font-size: 20px;
  font-weight: bold !important;
  color: #0068ff !important;
}

.goods_header__foot {
  display: flex;
  justify-content: flex-end;
}
.goods_header__foot .row {
  flex: 1;
}
.goods_header__foot .re-red-box-wrapper {
  padding-top: 16px;
}
.goods_header__foot .price {
  color: #e12a00 !important;
  font-weight: 100 !important;
}
.goods_header__foot .price--red {
  font-weight: 100 !important;
  font-size: 26px !important;
}

@media screen and (min-width: 768px) {
  .goods_header__info {
    flex: 1;
    font-size: 14px;
  }
  .goods_header__info .title .spec {
    color: #797979;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
  }
  .goods_header__info .title h3 {
    padding-bottom: 8px;
    font-size: 24px;
  }
  .goods_header__info pre {
    background-color: #f3f3f3;
    padding: 16px;
    line-height: 160%;
    font-size: 12px;
  }
  .goods_header__info h3 {
    font-size: 24px;
    color: #000;
    padding-left: 16px;
    padding-bottom: 24px;
  }
  .goods_header__info ul {
    list-style: none;
    display: block;
    width: 100%;
  }
  .goods_header__info li {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #eee;
  }
  .goods_header__info .label {
    padding: 16px;
    width: 140px;
  }
  .goods_header__info .values {
    flex: 1;
  }
  .goods_header__info .price-area {
    font-size: 20px;
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #e12a00 !important;
  }
  .goods_header__info .price--red {
    color: #e12a00 !important;
    font-size: 36px;
    font-weight: bold !important;
  }
  .goods_header__info .button-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
  }
  .goods_header__info a.button {
    padding: 16px 32px;
    border-radius: 5px;
    font-size: 16px;
    background-color: #e12a00;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /* width: 200px; */
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0px;
    box-shadow: 4px 4px 8px #d2a0a0;
    transition: all 0.3s;
    text-decoration: none;
  }
  .goods_header__info a.button:hover {
    box-shadow: 8px 8px 8px #d2a0a0;
  }
  .goods_header__info .cart-button {
    padding: 16px 32px;
    border-radius: 5px;
    font-size: 16px;
    background-color: #fff !important;
    border-color: #ccc;
    color: #444;
    cursor: pointer;
    display: inline-block;
    /* width: 200px; */
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    border-radius: 0px;
    transition: all 0.3s;
    text-decoration: none;
  }
  .goods_header__info .select {
    border: 1px solid #000;
    padding: 16px;
    width: 100%;
    height: 60px;
    font-size: 20px;
    display: block;
    margin: 16px 0px;
  }
  .goods_header__info .price_wrap .consumer_wrap {
    font-size: 18px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .goods_header__info .price_wrap .consumer_wrap .price {
    font-size: 24px;
    font-weight: bold !important;
    font-family: "tahoma";
    color: #333 !important;
  }
  .goods_header__info .price_wrap .consumer_wrap .price.price--strie {
    font-size: 24px;
    font-weight: bold !important;
    color: #efefef !important;
  }
  .goods_header__info .price_wrap .dc-price.dc-price--mini {
    padding: 8px;
    font-size: 14px;
  }
  .goods_header__info .price_wrap .dc-price.dc-price--time {
    font-size: 15px;
    position: relative;
    border-radius: 9999px;
    background-repeat: no-repeat;
    color: #333;
    background-size: contain;
    background-color: #ffb435;
    height: 36px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
    width: 171px;
    box-shadow: 2px 3px 4px #ddd;
  }
  .goods_header__info .price_wrap .dc-price.dc-price--time .tape2 {
    width: 34px;
    height: 33px;
    top: -9px;
    right: -10px;
    position: absolute;
    background-size: cover;
    background-image: url("/app/dist/assets/img/icons/tape.png");
  }
  .goods_header__info .price_wrap .dc-price--time.dc-price--enuri {
    /*
    border-radius:20px;
    background-color:#fcb43a;
    padding-right:16px;
    padding-left:16px;
    display:flex;
    color:#000;
    */
  }
  .goods_header__info .price_wrap .dc-price--time.dc-price--enuri .dot {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #fff;
    border: 3px solid #e12a00;
    border-radius: 50%;
    top: 2.5px;
    right: 7px;
  }
  .goods_header__info .price_wrap .dc-price--time.dc-price--enuri .dot .dot-dot {
    width: 5px;
    height: 5px;
    position: absolute;
    background: #e12a00;
    border-radius: 50%;
    top: 3.4px;
    right: 3.4px;
  }
  .goods_header__info .price_wrap .dc-price .dc-price-percent {
    width: 38px;
    height: 45px;
  }
  .goods_header__info .price_wrap .dc-price .dc-price-percent span:last-of-type {
    font-size: 12px;
  }
  .goods_header__info #select_option_lay {
    background-color: #fafafa;
  }
  .goods_header__info .goods_option_table th {
    padding: 16px;
    width: 140px;
    font-size: 14px;
    box-sizing: border-box;
    color: #000;
  }
  .goods_header__info .goods_option_table th strong {
    font-weight: normal;
  }
  .goods_header__info .goods_option_table td.desc {
    font-size: 14px;
    padding: 0px;
  }
  .goods_header__info .goods_option_table td {
    padding-top: 12px;
  }
  .goods_header__info .goods_option_table .sbOptions a, .goods_header__info .goods_option_table .sbDisabled {
    display: block;
    width: 100%;
    padding: 8px !important;
    font-size: 14px;
  }

  .goods_header__foot {
    display: flex;
    justify-content: flex-end;
  }
  .goods_header__foot .row {
    flex: 1;
  }
  .goods_header__foot .price-area {
    justify-content: flex-end;
  }
  .goods_header__foot .re-red-box-wrapper {
    padding-top: 16px;
  }
  .goods_header__foot .price {
    width: 100%;
    text-align: right;
    color: #e12a00 !important;
  }
  .goods_header__foot .price--red {
    font-weight: bold !important;
    font-size: 26px !important;
  }
}
/*
goods/_view.html
*/
#select_option_lay {
  width: 100%;
}
#select_option_lay .option-row {
  display: flex;
}
#select_option_lay .option-row .info {
  padding: 16px 0px;
}

.dc-price {
  position: relative;
  padding: 8px 45px 8px 8px;
  box-sizing: border-box;
  background-color: #f40000;
  color: #fff;
  font-weight: bold;
  width: 171px;
}
.dc-price .dc-price-won {
  padding-right: 0px;
  display: flex;
  word-wrap: normal;
  justify-content: center;
  font-size: 17px;
  word-break: keep-all;
}
.dc-price .dc-price-percent {
  background-image: url(/app/dist/assets/img/black_arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 0px;
  right: 0px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 33px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.dc-price .dc-price-percent .percent {
  font-size: 14px;
}

.goods_header__foot--fixed {
  position: fixed;
  box-shadow: 0px 0px 4px #ddd;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 50px;
  z-index: 3;
  background-color: #e12a00 !important;
}
.goods_header__foot--fixed .button-area {
  display: flex;
  margin-top: 0px;
}
.goods_header__foot--fixed .button-area a, .goods_header__foot--fixed .button-area button {
  flex: 1;
  font-size: 16px;
  border: 0px;
}

.buy_option_wrap {
  background-color: #f9f9f9;
}

.buy-modal-mask {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.1);
  z-index: 100000;
  transition: all 0.4s;
  transform: translateY(20000px);
}
.buy-modal-mask .modal-body {
  width: 100%;
  background-color: #fff;
  position: fixed;
  bottom: 0px;
}
.buy-modal-mask .modal-body .button-area a {
  display: block;
  width: 100%;
}

.buy-modal-mask.show {
  transform: translateY(0px);
  background: rgba(0, 0, 0, 0.6);
  translate: 1;
  display: block;
}

#goods_buy_wrap .close-bar {
  width: 100%;
  position: absolute;
  height: 50px;
  background-color: transparent;
  top: -54px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#goods_buy_wrap .close-bar a.close-btn {
  width: 40px;
  background-color: transparent;
  border-radius: 50%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#goods_buy_wrap .close-bar a.close-btn img {
  width: 40px;
  height: 40px;
}

#goods_buy_wrap .goods_btn.goods_btn--mobile {
  padding: 0px;
  position: relative;
}
#goods_buy_wrap .goods_btn.goods_btn--mobile .but-area-buttons {
  display: flex;
}
#goods_buy_wrap .goods_btn.goods_btn--mobile .but-area-buttons .button-wrapper {
  flex: 1;
}
#goods_buy_wrap .goods_btn.goods_btn--mobile .but-area-buttons .button-wrapper .button {
  display: block;
}
#goods_buy_wrap .goods_btn.goods_btn--mobile .but-area-buttons .button-wrapper .button.cart-button {
  background-color: #fff;
  font-weight: 400;
  color: #000;
}
.option-row {
  display: flex;
  align-items: center;
}
.option-row.option-row--payment {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
  background: #fff;
  border-bottom: 1px solid #eee;
  justify-content: space-between;
  align-items: center;
}
.option-row.option-row--payment .label {
  color: #e12a00;
  padding: 0px;
  margin-top: 8px;
  font-size: 16px;
}
.option-row.option-row--payment .price {
  color: #e12a00;
  font-weight: bold;
  display: flex;
  align-items: baseline;
}
.option-row.option-row--payment .price .won {
  display: inline-block;
  margin-left: 8px;
}
.option-row.option-row--payment .price #total_goods_price {
  font-size: 30px;
}

.detailDescriptionLayerBtn {
  cursor: pointer;
}

.with-promotion-option-checkbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ccc;
  background-color: #fff;
  margin-bottom: 8px;
  margin-top: 8px;
  border-radius: 10px;
  position: relative;
}
.with-promotion-option-checkbox .caption {
  display: none;
  position: absolute;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  top: -27px;
  left: 16px;
  font-size: 16px;
  padding: 2px 8px;
  background-color: #f11d1d;
}
.with-promotion-option-checkbox .goods-info {
  padding-left: 16px;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-start;
}
.with-promotion-option-checkbox .goods-info .title {
  font-size: 16px;
}
.with-promotion-option-checkbox .goods-info .image-wrap {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 8px;
}
.with-promotion-option-checkbox .goods-info .image-wrap img {
  width: 60px;
  border-radius: 5px;
}
.with-promotion-option-checkbox .goods-info .more {
  cursor: pointer;
  font-size: 12px;
  margin-left: 8px;
  display: inline-block;
  padding: 2px;
  border-radius: 4px;
  background-color: #eee;
  color: #888;
}
.with-promotion-option-checkbox .goods-info .price-area {
  margin-top: 8px;
  color: #000;
  font-size: 12px;
}
.with-promotion-option-checkbox .goods-info .original-price {
  color: #333;
  text-decoration: line-through;
  font-size: 14px;
}
.with-promotion-option-checkbox .goods-info .sale-price {
  color: #000;
  margin-left: 8px;
  font-size: 14px;
  font-weight: bold;
}
.with-promotion-option-checkbox .promotion-toggler {
  cursor: pointer;
}
.with-promotion-option-checkbox .promotion-toggler a {
  display: flex;
  color: #ccc;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 90px;
  font-size: 36px;
}
.with-promotion-option-checkbox .promotion-toggler a:hover {
  text-decoration: none;
}
.with-promotion-option-checkbox.checked {
  border: 1px solid #e10000;
}
.with-promotion-option-checkbox.checked .promotion-toggler a {
  color: #e10000;
}

.with-sub-option-checkbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ccc;
  background-color: #fff;
  margin-bottom: 8px;
  margin-top: 8px;
  border-radius: 10px;
  position: relative;
}
.with-sub-option-checkbox .caption {
  display: none;
  position: absolute;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  top: -27px;
  left: 16px;
  font-size: 16px;
  padding: 2px 8px;
  background-color: #f11d1d;
}
.with-sub-option-checkbox .goods-info {
  padding-left: 16px;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-start;
}
.with-sub-option-checkbox .goods-info .title {
  font-size: 16px;
}
.with-sub-option-checkbox .goods-info .image-wrap {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 8px;
}
.with-sub-option-checkbox .goods-info .image-wrap img {
  width: 60px;
  border-radius: 5px;
}
.with-sub-option-checkbox .goods-info .more {
  cursor: pointer;
  font-size: 12px;
  margin-left: 8px;
  display: inline-block;
  padding: 2px;
  border-radius: 4px;
  background-color: #eee;
  color: #888;
}
.with-sub-option-checkbox .goods-info .price-area {
  margin-top: 8px;
  color: #000;
  font-size: 12px;
}
.with-sub-option-checkbox .goods-info .original-price {
  color: #333;
  text-decoration: line-through;
  font-size: 14px;
}
.with-sub-option-checkbox .goods-info .sale-price {
  color: #000;
  margin-left: 8px;
  font-size: 14px;
  font-weight: bold;
}
.with-sub-option-checkbox .toggler {
  cursor: pointer;
}
.with-sub-option-checkbox .toggler a {
  display: flex;
  color: #ccc;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 90px;
  font-size: 36px;
}
.with-sub-option-checkbox .toggler a:hover {
  text-decoration: none;
}
.with-sub-option-checkbox.checked {
  border: 1px solid #e10000;
}
.with-sub-option-checkbox.checked .toggler a {
  color: #e10000;
}

.md-comment {
  margin-top: 32px;
  position: relative;
  background-color: #f7f7f7;
  padding: 37px 16px 24px 16px;
  font-size: 14px;
  line-height: 160%;
  color: #797979;
}
.md-comment .md-heading {
  position: absolute;
  font-weight: bold;
  padding: 8px 16px;
  color: #fff;
  background-color: #333333;
  top: -15px;
  left: 0px;
}
.md-comment ul {
  margin: 0px;
  padding: 0px;
  list-style: disc;
}
.md-comment ul li {
  display: block;
}
.md-comment h1 {
  font-size: 16px;
  margin: 8px 0px;
}

@media screen and (min-width: 769px) {
  .md-comment {
    margin-top: 48px;
    position: relative;
    background-color: #f7f7f7;
    padding: 37px 24px 24px 24px;
    font-size: 16px;
    line-height: 160%;
    color: #797979;
  }
  .md-comment .md-heading {
    position: absolute;
    font-weight: bold;
    padding: 8px 24px;
    color: #fff;
    background-color: #333333;
    top: -15px;
    left: 0px;
  }
  .md-comment strong {
    color: #333;
  }
  .md-comment ul {
    margin: 0px;
    padding: 0px;
    list-style: disc;
  }
  .md-comment ul li {
    display: block;
  }
  .md-comment h1 {
    font-size: 22px;
    margin: 16px 0px;
  }
}
.goods_quantity_table_container {
  border: 0px;
}
.goods_quantity_table_container .goods_quantity_table td {
  border: 0px;
}

.timer {
  margin-top: 14px;
  height: 50px;
  align-items: center;
  display: flex;
  padding-left: 50px;
  position: relative;
}
.timer span {
  display: inline-block;
}
.timer .time {
  display: flex;
}
.timer .timer-icon {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 38px;
  height: 40px;
  background-image: url("/app/dist/assets/img/icons/timer.png");
  background-size: cover;
}
.timer .el {
  width: 24px;
  height: 30px;
  box-shadow: 2px 2px 4px #ccc;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 800;
  font-family: "lato";
  color: #fff;
  background-color: #e10000;
}
.timer .el:after {
  opacity: 0.7;
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #fff;
  z-index: 1;
  top: 14px;
  left: 0px;
}
.timer .el.el--colon {
  background-color: transparent;
  color: #000;
  width: 20px;
  box-shadow: unset;
}
.timer .el.el--colon:after {
  content: unset;
}

.timer.timer--first-served {
  margin-top: 0px;
  margin-right: 70px;
}
.timer.timer--first-served .el {
  margin-right: 1px;
}

.timer.timer--simpletimer {
  margin-top: 0px;
  margin-right: 0px;
  padding: 0px 4px;
  background: #959595;
  height: 20px;
  border-radius: 5px;
}
.timer.timer--simpletimer.timer--danger {
  background: #e10000;
  opacity: 0.85;
}
.timer.timer--simpletimer .el {
  margin-right: 1px;
  height: 20px;
  width: 8px;
  font-weight: normal;
  background: transparent;
  font-size: 12px;
  box-shadow: none;
}
.timer.timer--simpletimer .el.el--colon {
  color: #fff;
  width: 2px;
}
.timer.timer--simpletimer .txt {
  color: #fff;
  padding-left: 4px;
  font-size: 12px;
}

@media screen and (min-width: 768px) {
  .timer.timer--simpletimer {
    /*
    margin-top:0px;
    margin-right:00px;
    padding:0px 4px;
    background:#959595;
    */
    height: 25px;
    padding: 0px 8px;
  }
  .timer.timer--simpletimer .el {
    height: 25px;
    width: 8px;
    font-size: 14px;
    /*
    font-weight: normal;
    background:transparent;
    font-size:14px;
    box-shadow:unset;
    */
  }
  .timer.timer--simpletimer .el.el--colon {
    color: #fff;
    width: 4px;
  }
  .timer.timer--simpletimer .txt {
    color: #fff;
    padding-left: 4px;
    font-size: 14px;
  }
}
.timer.timer--simpletimer2 {
  margin-top: 0px;
  margin-right: 0px;
  padding: 0px 4px;
  background: #959595;
  height: 28px;
  width: 100%;
  border-radius: 0px;
  justify-content: center;
}
.timer.timer--simpletimer2.timer--danger {
  background: #e10000;
}
.timer.timer--simpletimer2 .el {
  margin-right: 1px;
  height: 28px;
  width: 8px;
  font-weight: normal;
  background: transparent;
  font-size: 12px;
  box-shadow: unset;
}
.timer.timer--simpletimer2 .el.el--colon {
  color: #fff;
  width: 2px;
}
.timer.timer--simpletimer2 .txt {
  color: #fff;
  padding-left: 4px;
  font-size: 12px;
}

@media screen and (min-width: 768px) {
  .timer.timer--simpletimer2 {
    border-radius: 0px;
    margin-bottom: 16px;
    border-radius: 5px;
    width: 110px;
    /*
    margin-top:0px;
    margin-right:00px;
    padding:0px 4px;
    background:#959595;
    */
    height: 28px;
    padding: 0px 8px;
  }
  .timer.timer--simpletimer2 .el {
    height: 25px;
    width: 8px;
    font-size: 14px;
    /*
    font-weight: normal;
    background:transparent;
    font-size:14px;
    box-shadow:unset;
    */
  }
  .timer.timer--simpletimer2 .el.el--colon {
    color: #fff;
    width: 4px;
  }
  .timer.timer--simpletimer2 .txt {
    color: #fff;
    padding-left: 4px;
    font-size: 14px;
  }
}
.timer.timer--launching {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}
.timer.timer--launching .el {
  margin-right: 1px;
  box-shadow: 3px 3px 0px #777;
  background-color: #575657;
}
.timer.timer--launching .el.el--colon {
  color: #fff;
}

.masking--launching-timer-smaller .timer.timer--launching {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}
.masking--launching-timer-smaller .timer.timer--launching .el {
  width: 14px;
  height: 18px;
  font-size: 12px;
}
.masking--launching-timer-smaller .timer.timer--launching .el.el--colon {
  color: #fff;
}

.timer.timer--ver2 {
  background-image: url("/app/dist/assets/img/timer_bg_yellow.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 50px;
  width: 230px;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  padding-left: 50px;
  position: relative;
}
.timer.timer--ver2 .timer-icon {
  display: none;
}
.timer.timer--ver2 .el {
  width: 18px;
  height: 30px;
  box-shadow: 2px 2px 4px #ccc;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 800;
  color: #000;
  font-family: "lato";
  background-color: #fff;
}
.timer.timer--ver2 .el:after {
  opacity: 0.7;
  position: absolute;
  height: 1px;
  width: 100%;
  z-index: 1;
  top: 14px;
  left: 0px;
}
.timer.timer--ver2 .el.el--colon {
  background-color: transparent;
  color: #000;
  width: 20px;
  box-shadow: unset;
}
.timer.timer--ver2 .el.el--colon:after {
  content: unset;
}
.timer.timer--ver2 .el:first-of-type {
  margin-right: 4px;
}

.timer.timer--coupon {
  background-image: url("/app/dist/assets/img/coupon/coupon_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 120px;
  width: 270px;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  padding: 0px;
  position: relative;
  flex-direction: column;
  margin-top: 26px;
  cursor: pointer;
}
.timer.timer--coupon .timer--header {
  position: absolute;
  font-size: 32px;
  font-family: "lato";
  font-weight: 800;
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  top: 16px;
  right: 22px;
}
.timer.timer--coupon .timer--header .num {
  font-size: 36px;
}
.timer.timer--coupon .timer--header .per {
  font-size: 20px;
}
.timer.timer--coupon .timer--header .text {
  font-size: 16px;
  margin-right: 8px;
  color: #333;
  font-weight: bold;
}
.timer.timer--coupon .timer--body {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 16px;
  left: 16px;
}
.timer.timer--coupon .timer-icon {
  display: none;
}
.timer.timer--coupon .timer-caption {
  display: inline-block;
  margin-right: 16px;
}
.timer.timer--coupon .el {
  width: 20px;
  height: 30px;
  box-shadow: 2px 2px 4px #ccc;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  font-family: "lato";
  background-color: #e10000;
}
.timer.timer--coupon .el:after {
  opacity: 0.7;
  position: absolute;
  height: 1px;
  width: 100%;
  z-index: 1;
  top: 14px;
  left: 0px;
}
.timer.timer--coupon .el:first-of-type {
  margin-right: 4px;
}
.timer.timer--coupon .el.el--colon {
  background-color: transparent;
  width: 20px;
  box-shadow: unset;
  color: #000;
}
.timer.timer--coupon .el.el--colon:after {
  content: unset;
}

.plan-timer-wrap {
  background-color: #2a2827;
  padding-top: 8px;
  padding-bottom: 8px;
}
.plan-timer-wrap .timer-caption {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.plan-timer-wrap .timer-caption--flip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
}
.plan-timer-wrap .timer-caption--flip .clock-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.plan-timer-wrap .timer-caption--flip .clock-wrap .clock-icon {
  margin-left: 24px;
}
.plan-timer-wrap .timer-caption--flip .clock-wrap .clock-icon img {
  height: 40px;
}
.plan-timer-wrap .timer .el.el--colon {
  background-color: transparent;
  color: #fff;
  width: 20px;
  box-shadow: unset;
}
.plan-timer-wrap .timer .el.el--colon:after {
  content: unset;
}
.plan-timer-wrap .container, .plan-timer-wrap .first-served-coupon-wrap, .plan-timer-wrap #layout_header.layout_header .gnb, #layout_header.layout_header .plan-timer-wrap .gnb, .plan-timer-wrap #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb .plan-timer-wrap .nav-wrapper, .plan-timer-wrap #layout_header.layout_header .logo_search, #layout_header.layout_header .plan-timer-wrap .logo_search {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .timer {
    margin-top: 14px;
    height: 30px;
    align-items: center;
    display: flex;
    padding-left: 8px;
    position: relative;
  }
  .timer span {
    display: inline-block;
  }
  .timer .time {
    display: flex;
  }
  .timer .timer-icon {
    display: block;
    position: absolute;
    top: 0px;
    left: -30px;
    width: 28px;
    height: 30px;
    background-image: url("/app/dist/assets/img/icons/timer.png");
    background-size: cover;
  }
  .timer .el {
    width: 18px;
    height: 24px;
    box-shadow: 2px 2px 4px #ccc;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    font-family: "lato";
    color: #fff;
    background-color: #e10000;
  }
  .timer .el:after {
    opacity: 0.7;
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    top: 14px;
    left: 0px;
  }
  .timer .el.el--colon {
    background-color: transparent;
    color: #000;
    width: 20px;
    box-shadow: unset;
  }
  .timer .el.el--colon:after {
    content: unset;
  }

  .timer.timer--first-served {
    margin-top: 0px;
    margin-right: 16px;
  }
  .timer.timer--first-served .el {
    margin-right: 1px;
  }

  .timer.timer--ver2 {
    background-image: url("/app/dist/assets/img/timer_bg_yellow.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 50px;
    width: 230px;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    padding-left: 50px;
    position: relative;
  }
  .timer.timer--ver2 .timer-icon {
    display: none;
  }
  .timer.timer--ver2 .el {
    width: 18px;
    height: 30px;
    box-shadow: 2px 2px 4px #ccc;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    color: #000;
    font-family: "lato";
    background-color: #fff;
  }
  .timer.timer--ver2 .el:after {
    opacity: 0.7;
    position: absolute;
    height: 1px;
    width: 100%;
    z-index: 1;
    top: 14px;
    left: 0px;
  }
  .timer.timer--ver2 .el.el--colon {
    background-color: transparent;
    color: #000;
    width: 20px;
    box-shadow: unset;
  }
  .timer.timer--ver2 .el.el--colon:after {
    content: unset;
  }
  .timer.timer--ver2 .el:first-of-type {
    margin-right: 4px;
  }

  .timer.timer--coupon {
    background-image: url("/app/dist/assets/img/coupon/coupon_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 120px;
    width: 270px;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    padding: 0px;
    position: relative;
    flex-direction: column;
    margin: 16px auto;
    cursor: pointer;
  }
  .timer.timer--coupon .timer--header {
    position: absolute;
    font-size: 32px;
    font-family: "lato";
    font-weight: 800;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    top: 16px;
    right: 22px;
  }
  .timer.timer--coupon .timer--header .num {
    font-size: 36px;
  }
  .timer.timer--coupon .timer--header .per {
    font-size: 20px;
  }
  .timer.timer--coupon .timer--header .text {
    font-size: 16px;
    margin-right: 8px;
    color: #333;
    font-weight: bold;
  }
  .timer.timer--coupon .timer--body {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 16px;
    left: 16px;
  }
  .timer.timer--coupon .timer-icon {
    display: none;
  }
  .timer.timer--coupon .timer-caption {
    display: inline-block;
    margin-right: 16px;
  }
  .timer.timer--coupon .el {
    width: 20px;
    height: 30px;
    box-shadow: 2px 2px 4px #ccc;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    font-family: "lato";
    background-color: #e10000;
  }
  .timer.timer--coupon .el:after {
    opacity: 0.7;
    position: absolute;
    height: 1px;
    width: 100%;
    z-index: 1;
    top: 14px;
    left: 0px;
  }
  .timer.timer--coupon .el:first-of-type {
    margin-right: 4px;
  }
  .timer.timer--coupon .el.el--colon {
    background-color: transparent;
    width: 20px;
    box-shadow: unset;
    color: #000;
  }
  .timer.timer--coupon .el.el--colon:after {
    content: unset;
  }

  .plan-timer-wrap {
    background-color: #2a2827;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .plan-timer-wrap .timer-caption {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
  }
  .plan-timer-wrap .timer .el.el--colon {
    background-color: transparent;
    color: #fff;
    width: 20px;
    box-shadow: unset;
  }
  .plan-timer-wrap .timer .el.el--colon:after {
    content: unset;
  }
  .plan-timer-wrap .container, .plan-timer-wrap .first-served-coupon-wrap, .plan-timer-wrap #layout_header.layout_header .gnb, #layout_header.layout_header .plan-timer-wrap .gnb, .plan-timer-wrap #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb .plan-timer-wrap .nav-wrapper, .plan-timer-wrap #layout_header.layout_header .logo_search, #layout_header.layout_header .plan-timer-wrap .logo_search {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.timer--progressbar {
  margin-top: 0px;
  padding: 0px 16px;
  margin-top: 24px;
  height: 60px;
  flex-direction: column;
}
.timer--progressbar .timer-wrap {
  display: flex;
  background-color: transparent;
  align-items: center;
  justify-content: center;
}
.timer--progressbar .timer-wrap .timer-body {
  width: 120px;
  height: 24px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffb433;
}
.timer--progressbar .timer-wrap .timer-body .time--hour {
  padding-left: 10px;
}
.timer--progressbar .timer-wrap .timer-body .el {
  font-size: 12px;
  width: 8px;
  background-color: transparent;
  box-shadow: unset;
  color: #000;
}
.timer--progressbar .timer-wrap .timer-body .el.el--colon {
  width: 8px;
  color: #000;
}
.timer--progressbar .timer-wrap .timer-body .el.el--remain {
  width: 30px;
  padding-right: 10px;
}
.timer--progressbar .progressbar {
  width: 100%;
  position: relative;
  height: 3px;
  background: #eaeaea;
  border-radius: 2px;
}
.timer--progressbar .progressbar .red-progress {
  transition: all 1s;
  background-color: #f20200;
  position: relative;
  height: 3px;
  width: 0%;
  border-radius: 2px;
  top: 0px;
  left: 0px;
}
.timer--progressbar .progressbar .red-progress .dot {
  position: absolute;
  right: 0px;
  top: -7px;
  background-color: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 3px solid #f20200;
}
.timer--progressbar .progressbar .red-progress .dot .dot-dot {
  background-color: #f20200;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  right: 2.7px;
  top: 3px;
}

.plan-mobile-timer-wrap {
  background-color: #2a2827;
  padding-top: 8px;
  padding-bottom: 8px;
}
.plan-mobile-timer-wrap .container, .plan-mobile-timer-wrap .first-served-coupon-wrap, .plan-mobile-timer-wrap #layout_header.layout_header .gnb, #layout_header.layout_header .plan-mobile-timer-wrap .gnb, .plan-mobile-timer-wrap #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb .plan-mobile-timer-wrap .nav-wrapper, .plan-mobile-timer-wrap #layout_header.layout_header .logo_search, #layout_header.layout_header .plan-mobile-timer-wrap .logo_search {
  flex-direction: column;
}
.plan-mobile-timer-wrap .timer-caption {
  font-size: 16px;
  padding-bottom: 8px;
  font-weight: bold;
  color: #fff;
}
.plan-mobile-timer-wrap .timer {
  margin: 0px;
}
.plan-mobile-timer-wrap .timer .el {
  box-shadow: unset;
}
.plan-mobile-timer-wrap .timer .el.el--colon {
  background-color: transparent;
  color: #fff;
  width: 20px;
  box-shadow: unset;
}
.plan-mobile-timer-wrap .timer .el.el--colon:after {
  content: unset;
}
.plan-mobile-timer-wrap .container, .plan-mobile-timer-wrap .first-served-coupon-wrap, .plan-mobile-timer-wrap #layout_header.layout_header .gnb, #layout_header.layout_header .plan-mobile-timer-wrap .gnb, .plan-mobile-timer-wrap #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb .plan-mobile-timer-wrap .nav-wrapper, .plan-mobile-timer-wrap #layout_header.layout_header .logo_search, #layout_header.layout_header .plan-mobile-timer-wrap .logo_search {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*
.flip-clock-wrapper .flip {
  height: 30px;
  width: 24px;
  }
  .flip-clock-wrapper .flip a div {
  //height: 49%;
  }
  .flip-clock-wrapper .flip .inn {
  font-size: 16px;
  line-height: 30px;
  }

  */
.countdown-wrapper {
  /*
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  */
}

.countdown.flip-clock-wrapper ul {
  height: 38.4px;
  margin: 0 2px;
  width: 28.8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}

.countdown.flip-clock-wrapper ul li {
  line-height: 38.4px;
}

.countdown.flip-clock-wrapper ul li a div div.inn {
  background-color: #575657;
  color: #fff;
  font-size: 24px;
  text-shadow: 0 1px 2px #000;
}

.countdown.flip-clock-wrapper ul,
.countdown.flip-clock-wrapper ul li a div div.inn {
  border-radius: 0px;
}

.countdown.flip-clock-wrapper ul li a div.down {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.countdown.flip-clock-wrapper ul li a div.up:after {
  top: 18.2px;
}

.countdown .flip-clock-dot.top {
  top: 11.9px;
}

.countdown .flip-clock-dot.bottom {
  top: 21.5px;
}

.countdown .flip-clock-dot {
  height: 5px;
  left: 5px;
  width: 5px;
  background: #575657;
}

.countdown .flip-clock-divider {
  height: 38.4px;
  width: 15px;
}
.countdown .flip-clock-divider:first-child {
  width: 0;
}

.countdown .flip-clock-divider.seconds .flip-clock-label,
.countdown .flip-clock-divider.minutes .flip-clock-label {
  right: -65.6px;
}

.countdown .flip-clock-divider .flip-clock-label {
  color: #fff;
  font-size: 6px;
  width: 65.6px;
}

.main-banner .banner-item {
  width: 100%;
}

@media screen and (min-width: 960px) {
  .main-banner .banner-item {
    width: 1180px;
    margin: 0 auto;
  }
}
.sbs-header {
  text-align: center;
  display: block;
}

.sbs-body {
  text-align: center;
}
.sbs-body img {
  display: inline-block;
}
.sbs-body .black {
  padding-top: 100px;
  background-color: #000;
}

.section {
  margin-top: 48px;
  margin-bottom: 64px;
}
.section .heading {
  border-bottom: 2px solid #000;
  padding-bottom: 8px;
  margin-bottom: 24px;
}
.section .heading__sub {
  font-size: 16px;
  padding-bottom: 8px;
}
.section .heading__title {
  font-size: 24px;
  font-weight: bold;
  align-items: center;
  display: flex;
}
.section .heading.heading--horizontal .heading__title {
  align-items: baseline;
}
.section .heading.heading--horizontal .heading__sub {
  margin-left: 16px;
  font-weight: normal;
}
.section .heading.heading--horizontal--ver2 .heading__title {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.section .heading.heading--horizontal--ver2 .heading__sub {
  font-size: 20px;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  text-align: center;
  font-weight: normal;
}
.section .heading.heading--horizontal--ver2 .heading__sub div {
  font-weight: bold;
}

.section.section--mobile .heading__title {
  font-size: 18px;
  padding-left: 16px;
  padding-right: 16px;
}
.section.section--mobile .heading__sub {
  font-size: 12px;
}

.section.section--mobile-ver2 .heading {
  border-bottom: 0px;
  margin-bottom: 0px;
}
.section.section--mobile-ver2 .ballon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 30px;
  background-image: url("/app/dist/assets/img/ballon.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.section.section--mobile-ver2 .heading__title {
  font-size: 14px;
  padding-left: 16px;
  padding-right: 16px;
}
.section.section--mobile-ver2 .heading__sub {
  font-size: 14px;
}

.category-section {
  display: flex;
  border-top: 1px solid #333;
}
.category-section a {
  display: block;
  transition: all 0.7s;
}
.category-section a:hover {
  opacity: 0.8;
}
.category-section .image-wrap img {
  width: 290px;
}
.category-section .goods-list.goods-list-3col {
  margin-bottom: 0px;
  margin-top: 24px;
}

.hot-issue .hot-issue-heading {
  border-bottom: 2px solid #000;
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
  padding-left: 16px;
  margin-bottom: 8px;
}
.hot-issue .hot-issue-body ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
}
.hot-issue .hot-issue-body ul li {
  width: 100%;
  margin-bottom: 32px;
}
.hot-issue .hot-issue-body a {
  display: block;
  margin: 8px;
  text-decoration: none;
}
.hot-issue .hot-issue-body a .img-wrap {
  position: relative;
}
.hot-issue .hot-issue-body a .img-wrap img {
  max-width: 100%;
}
.hot-issue .hot-issue-body a .img-wrap .simple-timer-wrap {
  position: absolute;
  top: 8px;
  left: 8px;
}
.hot-issue .hot-issue-body a .main-text {
  display: inline-block;
  padding-top: 8px;
  padding-bottom: 4px;
  position: relative;
  font-weight: bold;
  font-size: 18px;
}
.hot-issue .hot-issue-body a .ballon {
  position: absolute;
  background-image: url("/app/dist/assets/img/ballon2.png");
  background-size: cover;
  width: 54px;
  height: 30px;
  box-sizing: border-box;
  padding-top: 2px;
  text-align: center;
  justify-content: center;
  color: #fff;
  display: flex;
  right: -60px;
  top: 5px;
}
.hot-issue .hot-issue-body a .sub-text {
  font-size: 16px;
  color: #555;
}

@media screen and (min-width: 768px) {
  .hot-issue .hot-issue-heading {
    border-bottom: 2px solid #000;
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 16px;
    margin-bottom: 8px;
  }
  .hot-issue .hot-issue-body ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
  }
  .hot-issue .hot-issue-body ul li {
    width: 33.33333%;
  }
  .hot-issue .hot-issue-body ul li.half {
    width: 50%;
  }
  .hot-issue .hot-issue-body a {
    display: block;
    margin: 8px;
    text-decoration: none;
  }
  .hot-issue .hot-issue-body a .img-wrap img {
    max-width: 100%;
  }
  .hot-issue .hot-issue-body a .main-text {
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    font-weight: bold;
    font-size: 18px;
  }
  .hot-issue .hot-issue-body a .ballon {
    position: absolute;
    background-image: url("/app/dist/assets/img/ballon2.png");
    background-size: cover;
    width: 54px;
    height: 30px;
    box-sizing: border-box;
    padding-top: 2px;
    text-align: center;
    justify-content: center;
    color: #fff;
    display: flex;
    right: -60px;
    top: 5px;
  }
  .hot-issue .hot-issue-body a .sub-text {
    font-size: 16px;
    color: #555;
  }
}
.mypage_heading {
  background-color: #f9f9fb;
  margin-bottom: 24px;
}
.mypage_heading ul li {
  padding: 24px;
  flex: 1;
  text-align: center;
}
.mypage_heading ul .caption {
  font-size: 14px;
  padding-bottom: 16px;
  display: block;
}
.mypage_heading ul .num {
  font-size: 28px;
  font-weight: bold;
  color: #0079ff;
}
.mypage_heading ul .postfix {
  font-size: 16px;
  color: #333;
}

.mypage_info {
  margin-bottom: 24px;
}
.mypage_info .mypage_info-heading {
  margin-bottom: 16px;
}
.mypage_info .mypage_info-heading .username {
  font-size: 18px;
  font-weight: bold;
  display: flex;
}
.mypage_info .mypage_info-heading .username .more {
  color: #888;
  margin-left: 8px;
  display: inline-block;
}
.mypage_info ul li {
  border-bottom: 1px solid #ebebeb;
}
.mypage_info ul li .label, .mypage_info ul li .value {
  padding: 16px;
  font-size: 14px;
}
.mypage_info ul li .label {
  background-color: #f9f9fb;
  text-align: center;
  width: 200px;
}

.num-text {
  text-align: right;
}

.statistics-bar {
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  font-size: 11px;
}
.statistics-bar ul {
  display: flex;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.statistics-bar ul .quick-link {
  display: flex;
  cursor: pointer;
}
.statistics-bar ul .quick-link span {
  display: block;
  padding: 8px;
}
.statistics-bar ul .quick-link .caption {
  background-color: #e6e6e6;
  width: 80px;
}
.statistics-bar ul .quick-link .count-wrap {
  display: flex;
  padding: 0px;
  width: 70px;
}
.statistics-bar ul .quick-link .count {
  flex: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.statistics-bar ul .quick-link .count.caution {
  background: red;
  color: #fff;
}

.admin-search-filter {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  border-radius: 16px;
  background-color: #f6f6f6;
}

.admin-search-form .form-group .label-wrap {
  width: 120px;
}
.admin-search-form .input-wrap {
  display: flex;
  align-items: center;
}
.admin-search-form .form-group {
  display: flex;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

.admin-option-group {
  padding: 8px 16px;
  background-color: #fafafa;
  border-bottom: 1px solid #333;
}
.admin-option-group .admin-table th, .admin-option-group .admin-table td {
  text-align: left;
  padding: 8px;
}
.admin-option-group .admin-table input {
  width: 100%;
}
.admin-option-group .admin-table button {
  background-color: #0068ff;
  color: #fff;
  padding: 8px;
}

.admin-quick-view {
  background-color: #000;
  padding: 16px;
  color: #fff;
}
.admin-quick-view a {
  color: #fff;
  display: inline-block;
  padding: 8px;
}

.admin-table {
  width: 100%;
  border-collapse: collapse;
}
.admin-table thead tr.dark-grey {
  background: #333;
  color: #fff;
}
.admin-table thead tr.light-blue {
  background: #d1dfff;
  color: #333;
  border-bottom: 2px solid #333;
  padding-top: 10px;
  padding-bottom: 10px;
}
.admin-table th, .admin-table td {
  text-align: center;
  padding: 8px;
}
.admin-table th.text-right, .admin-table td.text-right {
  text-align: right;
}
.admin-table th.text-left, .admin-table td.text-left {
  text-align: left;
}
.admin-table a {
  color: blue;
}

.admin-table.admin-table--striped thead tr {
  background-color: #333;
}
.admin-table.admin-table--striped thead tr th {
  color: #fff;
}
.admin-table.admin-table--striped tr:nth-child(even) {
  background-color: #f2f2f2;
}

.admin-panel-heading {
  background-color: #f1f1f1;
  position: relative;
  padding: 12px 0 10px 10px;
  font-size: 12px;
  font-weight: 600;
  color: #000;
}

.sales-graph-wrap {
  margin: 0 auto;
  width: 300px;
  height: 30px;
  border-radius: 5px;
  color: #ccc;
  position: relative;
}
.sales-graph-wrap .graph-bar {
  transition: all 2s;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 5px;
  height: 30px;
  background-color: #e10000;
}

.statistics-table {
  display: flex;
  width: 100%;
  overflow-x: scroll;
  border: 1px solid #f1f1f1;
}
.statistics-table .sidebar {
  width: 150px;
  background-color: #f6f6f6;
  position: absolute;
}
.statistics-table .cell-heading {
  background-color: #f6f6f6;
}
.statistics-table .cell-heading div.heading-text {
  text-align: center;
  padding: 8px;
}
.statistics-table .col {
  display: flex;
  border-bottom: 1px solid #f1f1f1;
}
.statistics-table .col div {
  flex: 1;
  padding: 8px;
}
.statistics-table .month-list {
  padding: 0px;
  padding-left: 150px;
  margin: 0px;
  display: flex;
  flex-wrap: nowrap;
  border-left: 1px solid #f1f1f1;
}
.statistics-table .month-list li.monthly-section {
  width: 350px;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
}

.goods-list-wrap.goods-list-wrap--simple .goods-list {
  margin-bottom: 0px;
}
.goods-list-wrap.goods-list-wrap--simple .goods-list .goods-item .title-lg {
  font-size: 15px;
}
.goods-list-wrap.goods-list-wrap--simple .goods-list .goods-item .title-spec {
  display: none;
}

.goods-list {
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.goods-list .goods-item {
  width: 25%;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
}
.goods-list .goods-item .goods-item__wrap {
  position: relative;
  background-color: #fff;
  padding: 0px;
  transition: all 0.5s;
}
.goods-list .goods-item .goods-item__wrap:hover {
  box-shadow: 0px 0px 8px #aaa;
}
.goods-list .goods-item .goods-item__wrap a {
  position: relative;
}
.goods-list .goods-item .masking {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.7);
}
.goods-list .goods-item .masking.masking--soldout {
  text-align: center;
}
.goods-list .goods-item .masking.masking--soldout img {
  width: 200px;
}
.goods-list .goods-item .masking.masking--launching-timer {
  text-align: center;
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.88);
}
.goods-list .goods-item .masking.masking--launching-timer .launching-text {
  color: #fff;
  font-size: 20px;
  margin-bottom: 16px;
  font-weight: bold;
}
.goods-list .goods-item .masking.masking--launching-timer .open-text img {
  width: 85px;
}
.goods-list .goods-item .masking.masking--launching-timer.masking.masking--launching-timer-smaller {
  text-align: center;
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.88);
}
.goods-list .goods-item .masking.masking--launching-timer.masking.masking--launching-timer-smaller .launching-text {
  color: #fff;
  font-size: 12px;
  margin-bottom: 16px;
  font-weight: bold;
}
.goods-list .goods-item .masking.masking--launching-timer.masking.masking--launching-timer-smaller .open-text img {
  width: 65px;
}
.goods-list .goods-item a {
  display: block;
  text-decoration: none;
}
.goods-list .goods-item .image-wrapper {
  background-size: cover;
  background-position: center;
  display: block;
  padding-top: 8px;
}
.goods-list .goods-item .image-wrapper img {
  width: 100%;
}
.goods-list .goods-item .badge-area {
  display: flex;
  align-items: flex-start;
  padding-top: 8px;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: -8px;
}
.goods-list .goods-item .badge {
  display: block;
}
.goods-list .goods-item .badge img {
  height: 20px;
}
.goods-list .goods-item .badge.badge--danger {
  margin-left: 4px;
  border-radius: 2px;
  display: inline-block;
  margin-bottom: -1px;
  background-color: #e12a00;
  border: 1px solid #e12a00;
  color: #fff;
  font-size: 13px;
  padding: 1px;
}
.goods-list .goods-item .badge.badge--timesale {
  margin-left: 4px;
  border-radius: 2px;
  display: inline-block;
  margin-bottom: -1px;
  background-color: #ffb433;
  border: 1px solid #ffb433;
  color: #333;
  font-size: 13px;
  padding: 1px;
}
.goods-list .goods-item .goods-item__title {
  font-size: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: block;
  margin-top: 16px;
  margin-bottom: 16px;
}
.goods-list .goods-item .goods-item__title .title-lg {
  font-size: 16px;
  display: block;
  margin-bottom: 8px;
}
.goods-list .goods-item .goods-item__title .title-spec {
  font-size: 14px;
  color: #666;
  display: block;
}
.goods-list .goods-item .goods-item__foot {
  padding: 16px;
  padding-top: 17px;
  padding-left: 70px;
  padding-right: 8px;
  position: relative;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.goods-list .goods-item .goods-item__foot .foot-caption {
  position: absolute;
  font-size: 14px;
  top: -17px;
}
.goods-list .goods-item .goods-item__consumer-price {
  font-size: 16px;
  display: block;
  margin-top: 4px;
  margin-bottom: 0px;
  color: #0c8afd;
  letter-spacing: -1px;
  margin-left: 4px;
}
.goods-list .goods-item .goods-item__sale-price {
  font-size: 18px;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 8px;
  color: #e10000;
  font-weight: bold;
  letter-spacing: -1px;
  display: flex;
  position: relative;
  align-items: baseline;
}
.goods-list .goods-item .goods-item__sale-price .price-price {
  white-space: nowrap;
  word-break: keep-all;
  width: 110px;
}
.goods-list .goods-item .goods-item__percent {
  background-color: #000;
  color: #fff;
  position: absolute;
  display: flex;
  align-items: baseline;
  bottom: 20px;
  left: 16px;
  padding: 10px 6px;
  letter-spacing: -1px;
}
.goods-list .goods-item .goods-item__percent .num {
  font-size: 20px;
  font-weight: bold;
}
.goods-list .goods-item .goods-item__percent .percent {
  font-size: 16px;
}

.goods-list.goods-list--3column .goods-item {
  width: 33.333333333%;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 16px;
}

.goods-item__wrap.goods-item__rental .goods-item__foot {
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  padding: 0px;
  padding-left: 8px;
  padding-right: 24px;
  position: relative;
  align-items: flex-end;
  box-sizing: border-box;
  bottom: -8px;
  width: 100%;
}
.goods-item__wrap.goods-item__rental .goods-item__foot .rental-promotion {
  margin-left: 0px;
  padding: 4px 8px;
}
.goods-item__wrap.goods-item__rental .goods-item__foot .goods-item__consumer-price {
  font-size: 16px;
}
.goods-item__wrap.goods-item__rental .goods-item__foot .rental-promotion-price {
  font-size: 16px;
  font-weight: bold;
}
.goods-item__wrap.goods-item__rental .goods-item__foot .rental-promotion {
  margin-left: 0px;
  display: flex;
  flex-direction: column;
  padding: 8px 16px;
  color: #fff;
  background-color: #e10000;
}
.goods-item__wrap.goods-item__rental .goods-item__foot .rental-promotion-caption {
  margin-bottom: 4px;
}
.goods-item__wrap.goods-item__rental .goods-item__foot .goods-item__consumer-price {
  margin-top: 12px;
}

/*
.masking {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: 2;
  background: rgba(0,0,0,0.7);
}

.masking.masking--soldout {
  text-align: center;
  img {
    width: 200px;
  }
}

*/
.goods-list.goods-list--mobile {
  background-color: #f4f4f4;
  margin-top: 16px;
}
.goods-list.goods-list--mobile .goods-item {
  padding: 0px;
}
.goods-list.goods-list--mobile .goods-item .goods-item__sale-price {
  font-size: 22px;
  margin: 0px;
  margin-right: 4px;
}
.goods-list.goods-list--mobile .goods-item .goods-item__consumer-price {
  font-size: 18px;
}
.goods-list.goods-list--mobile .goods-item__foot {
  padding-left: 16px;
  padding-right: 16px;
  align-items: baseline;
}
.goods-list.goods-list--mobile .goods-item__wrap {
  border-bottom: 1px solid #ccc;
}

.goods-list.goods-list--row {
  background-color: #f4f4f4;
  margin-top: 16px;
}
.goods-list.goods-list--row .goods-item {
  padding: 0px;
  margin-bottom: 8px;
}
.goods-list.goods-list--row .goods-item .badge-area {
  padding-left: 8px;
  margin-bottom: 8px;
}
.goods-list.goods-list--row .goods-item .badge img {
  height: 16px;
}
.goods-list.goods-list--row .goods-item .masking.masking--soldout img {
  width: 140px;
}
.goods-list.goods-list--row .goods-item .badge.badge--danger {
  font-size: 10px;
  padding: 1px 6px;
}
.goods-list.goods-list--row .goods-item .badge.badge--timesale {
  font-size: 10.2px;
  padding: 1px 6px;
}
.goods-list.goods-list--row .goods-item .image-wrapper {
  width: 140px;
}
.goods-list.goods-list--row .goods-item .image-wrapper img {
  width: 100%;
}
.goods-list.goods-list--row .goods-item .text-wrapper {
  flex: 1;
  position: relative;
}
.goods-list.goods-list--row .goods-item__title {
  font-size: 16px;
  padding-left: 8px;
  padding-right: 16px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.goods-list.goods-list--row .goods-item__title .title-lg {
  font-size: 14px;
  font-weight: 400;
}
.goods-list.goods-list--row .goods-item__title .title-spec {
  font-size: 12px;
  display: none;
}
.goods-list.goods-list--row .goods-item__foot {
  padding: 0px;
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
  align-items: baseline;
  box-sizing: border-box;
  bottom: 0px;
  width: 100%;
}
.goods-list.goods-list--row .goods-item .goods-item__sale-price {
  font-size: 20px;
  margin-bottom: 0px;
}
.goods-list.goods-list--row .goods-item__consumer-price {
  font-size: 14px;
}
.goods-list.goods-list--row .goods-item__percent {
  position: absolute;
  left: 8px;
  bottom: 0px;
  padding: 6px 4px;
  width: 32px;
  padding: 8px 4px;
}
.goods-list.goods-list--row .goods-item__percent .num {
  font-size: 18px;
}
.goods-list.goods-list--row .goods-item__wrap {
  border-bottom: 1px solid #ccc;
}
.goods-list.goods-list--row .goods-item__wrap a {
  display: flex;
  padding-bottom: 8px;
}

@media screen and (max-width: 400px) {
  .goods-list.goods-list--row .goods-item__percent {
    position: absolute;
    left: 16px;
    bottom: 0px;
    padding: 6px 4px;
    width: 23px;
    padding: 4px 2px;
  }

  .goods-list.goods-list--row .goods-item .goods-item__sale-price {
    font-size: 14px;
  }

  .goods-list.goods-list--mobile .goods-item .goods-item__consumer-price {
    font-size: 14px;
  }

  .goods-list.goods-list--row .goods-item__percent .num {
    font-size: 15px;
  }

  .goods-list .goods-item .goods-item__percent .percent {
    font-size: 9px;
  }
}
.goods-list.goods-list--mobile-2col {
  background-color: #f4f4f4;
  margin-top: 16px;
}
.goods-list.goods-list--mobile-2col .masking.masking--soldout {
  text-align: center;
}
.goods-list.goods-list--mobile-2col .masking.masking--soldout img {
  width: 150px;
}
.goods-list.goods-list--mobile-2col .goods-item {
  padding: 0px;
  width: 50% !important;
  padding: 0px;
  box-sizing: border-box;
  margin-bottom: 0px;
  border: 0px;
}
.goods-list.goods-list--mobile-2col .goods-item .badge-area {
  padding-left: 8px;
  padding-right: 8px;
}
.goods-list.goods-list--mobile-2col .goods-item .badge-area .badge img {
  height: 16px;
}
.goods-list.goods-list--mobile-2col .goods-item .badge-area .badge.badge--danger {
  color: #fff;
  font-size: 10px;
  padding: 2px 6px 1px;
}
.goods-list.goods-list--mobile-2col .goods-item .badge-area .badge.badge--timesale {
  color: #333;
  font-size: 10px;
  padding: 2px 6px 1px;
}
.goods-list.goods-list--mobile-2col .goods-item .goods-item__title {
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  display: block;
  margin-top: 16px;
  margin-bottom: 16px;
}
.goods-list.goods-list--mobile-2col .goods-item .goods-item__title .title-lg {
  font-size: 12px;
  font-weight: bold;
  display: block;
  min-height: 26px;
  margin-bottom: 8px;
}
.goods-list.goods-list--mobile-2col .goods-item .goods-item__title .title-spec {
  display: none;
  font-size: 10px;
  color: #666;
  height: 30px;
}
.goods-list.goods-list--mobile-2col .goods-item .goods-item__percent {
  background-color: #e12a00;
  color: #fff;
  position: absolute;
  display: flex;
  bottom: 8px;
  left: 8px;
  padding: 8px 4px;
  letter-spacing: -1px;
}
.goods-list.goods-list--mobile-2col .goods-item .goods-item__percent .num {
  font-size: 16px;
  font-weight: bold;
}
.goods-list.goods-list--mobile-2col .goods-item .goods-item__sale-price {
  font-size: 18px;
  margin: 0px;
  margin-right: 4px;
}
.goods-list.goods-list--mobile-2col .goods-item .goods-item__consumer-price {
  font-size: 16px;
  position: absolute;
  bottom: 26px;
  right: 12px;
}
.goods-list.goods-list--mobile-2col .goods-item .goods-item__consumer-price:after {
  content: "원";
}
.goods-list.goods-list--mobile-2col .goods-item .goods-item__rental .goods-item__foot {
  padding-top: 0px;
}
.goods-list.goods-list--mobile-2col .goods-item .goods-item__rental .goods-item__consumer-price {
  position: absolute;
  bottom: 10px;
}
.goods-list.goods-list--mobile-2col .goods-item .goods-item__rental .goods-item__consumer-price:after {
  content: "";
}
.goods-list.goods-list--mobile-2col .goods-item .goods-item__rental .rental-promotion {
  padding: 4px 8px;
  margin-left: 0px;
}
.goods-list.goods-list--mobile-2col .goods-item .goods-item__rental .rental-promotion-caption {
  margin-bottom: 4px;
  font-size: 10px;
}
.goods-list.goods-list--mobile-2col .goods-item .goods-item__rental .rental-promotion-price {
  font-size: 14px;
}
.goods-list.goods-list--mobile-2col .goods-item__foot {
  align-items: baseline;
  padding: 8px;
}
.goods-list.goods-list--mobile-2col .goods-item__wrap {
  border: 0px;
  padding: 2px;
  background-color: #f1f1f1;
}
.goods-list.goods-list--mobile-2col .goods-item__wrap a {
  background-color: #fff;
}

.goods-list.goods-list--rental-row {
  background-color: #f4f4f4;
  margin-top: 16px;
}
.goods-list.goods-list--rental-row .goods-item {
  padding: 0px;
  margin-bottom: 0px;
}
.goods-list.goods-list--rental-row .goods-item .badge-area {
  padding-left: 8px;
  margin-bottom: 8px;
}
.goods-list.goods-list--rental-row .goods-item .badge img {
  height: 16px;
}
.goods-list.goods-list--rental-row .goods-item .masking.masking--soldout img {
  width: 140px;
}
.goods-list.goods-list--rental-row .goods-item .badge.badge--danger {
  font-size: 10px;
  padding: 1px 6px;
}
.goods-list.goods-list--rental-row .goods-item .image-wrapper {
  width: 140px;
}
.goods-list.goods-list--rental-row .goods-item .image-wrapper img {
  width: 100%;
}
.goods-list.goods-list--rental-row .goods-item .text-wrapper {
  flex: 1;
  position: relative;
}
.goods-list.goods-list--rental-row .goods-item__title {
  font-size: 16px;
  padding-left: 8px;
  padding-right: 16px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.goods-list.goods-list--rental-row .goods-item__title .title-lg {
  font-size: 14px;
  font-weight: 400;
}
.goods-list.goods-list--rental-row .goods-item__title .title-spec {
  font-size: 12px;
}
.goods-list.goods-list--rental-row .goods-item__foot {
  padding: 0px;
  padding-left: 8px;
  padding-right: 24px;
  position: relative;
  align-items: flex-end;
  box-sizing: border-box;
  bottom: -8px;
  width: 100%;
}
.goods-list.goods-list--rental-row .goods-item__foot .rental-promotion {
  margin-left: 0px;
  padding: 4px 8px;
}
.goods-list.goods-list--rental-row .goods-item__foot .goods-item__consumer-price {
  font-size: 16px;
}
.goods-list.goods-list--rental-row .goods-item__foot .rental-promotion-price {
  font-size: 16px;
  font-weight: bold;
}
.goods-list.goods-list--rental-row .goods-item .goods-item__sale-price {
  font-size: 20px;
  margin-bottom: 0px;
}
.goods-list.goods-list--rental-row .goods-item__consumer-price {
  font-size: 14px;
}
.goods-list.goods-list--rental-row .goods-item__percent {
  position: absolute;
  left: 8px;
  bottom: 0px;
  padding: 6px 4px;
  width: 32px;
  padding: 8px 4px;
}
.goods-list.goods-list--rental-row .goods-item__percent .num {
  font-size: 18px;
}
.goods-list.goods-list--rental-row .goods-item__wrap {
  border-bottom: 1px solid #ccc;
}
.goods-list.goods-list--rental-row .goods-item__wrap a {
  display: flex;
  padding-bottom: 16px;
}

.goods-list.goods-list--mobile-3col {
  background-color: #fff;
  margin-top: 0px;
}
.goods-list.goods-list--mobile-3col .masking.masking--soldout {
  text-align: center;
}
.goods-list.goods-list--mobile-3col .masking.masking--soldout img {
  width: 100px;
}
.goods-list.goods-list--mobile-3col .goods-item {
  padding: 0px;
  width: 33.3333333333% !important;
  padding: 0px;
  box-sizing: border-box;
  margin-bottom: 0px;
  border: 0px;
}
.goods-list.goods-list--mobile-3col .goods-item .badge-area {
  padding-left: 8px;
  padding-right: 8px;
}
.goods-list.goods-list--mobile-3col .goods-item .badge-area .badge img {
  height: 16px;
}
.goods-list.goods-list--mobile-3col .goods-item .badge-area .badge.badge--danger {
  color: #fff;
  font-size: 10px;
  padding: 2px 6px 1px;
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__title {
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  display: block;
  margin-top: 16px;
  margin-bottom: 16px;
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__title .title-lg {
  font-size: 12px;
  display: block;
  height: auto;
  margin-bottom: 8px;
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__title .title-spec {
  font-size: 10px;
  color: #666;
  height: 30px;
  display: block;
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__percent {
  background-color: #000;
  color: #fff;
  position: absolute;
  display: flex;
  bottom: 8px;
  left: 16px;
  padding: 4px 4px;
  letter-spacing: -1px;
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__percent .num {
  font-size: 12px;
  font-weight: bold;
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__percent .percent {
  font-size: 10px;
  font-weight: bold;
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__sale-price {
  font-size: 12px;
  margin: 0px;
  margin-right: 4px;
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__consumer-price {
  font-size: 16px;
  position: absolute;
  bottom: 26px;
  right: 12px;
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__consumer-price:after {
  content: "원";
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__rental .goods-item__foot {
  padding-top: 0px;
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__rental .goods-item__consumer-price {
  position: absolute;
  bottom: 10px;
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__rental .goods-item__consumer-price:after {
  content: "";
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__rental .rental-promotion {
  padding: 4px 8px;
  margin-left: 0px;
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__rental .rental-promotion-caption {
  margin-bottom: 4px;
  font-size: 10px;
}
.goods-list.goods-list--mobile-3col .goods-item .goods-item__rental .rental-promotion-price {
  font-size: 14px;
}
.goods-list.goods-list--mobile-3col .goods-item__foot {
  align-items: baseline;
  padding: 8px;
}
.goods-list.goods-list--mobile-3col .goods-item__wrap {
  border: 0px;
  padding: 2px;
  background-color: #fff;
}
.goods-list.goods-list--mobile-3col .goods-item__wrap a {
  background-color: #fff;
}

.goods_header__info ul.subopt-ul {
  display: flex;
  flex-wrap: wrap;
}
.goods_header__info ul.subopt-ul li {
  border: 0px;
  padding: 0px;
  box-sizing: border-box;
  width: 50%;
}
.goods_header__info ul.subopt-ul [type=radio]:checked,
.goods_header__info ul.subopt-ul [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.goods_header__info ul.subopt-ul [type=radio]:checked + label,
.goods_header__info ul.subopt-ul [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
.goods_header__info ul.subopt-ul [type=radio]:checked + label:before,
.goods_header__info ul.subopt-ul [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
.goods_header__info ul.subopt-ul [type=radio]:checked + label:after,
.goods_header__info ul.subopt-ul [type=radio]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #e10000;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  transition: all 0.2s ease;
}
.goods_header__info ul.subopt-ul [type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.goods_header__info ul.subopt-ul [type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.telecom-box {
  background-color: #f7f7f9;
  width: 100%;
  box-sizing: border-box;
}
.telecom-box .row {
  display: flex;
  justify-content: space-between;
}
.telecom-box .price-wrap {
  padding: 16px;
}

.timer-wrap {
  background-color: #000;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #fff;
  font-size: 24px;
}
.timer-wrap .caption {
  font-weight: bold;
  display: inline-block;
  margin-right: 16px;
}
.timer-wrap .timer span {
  display: inline-block;
  background: #fff;
  padding: 8px 10px;
  margin-left: 4px;
  margin-right: 4px;
  color: #e10000;
  font-weight: bold;
}
.timer-wrap .timer .colon {
  background-color: transparent;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 4px;
  padding-right: 4px;
}
.timer-wrap .timer-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.plan-tab-content-wrap {
  background-color: #f3f3f3;
  padding-top: 1px;
  padding-bottom: 24px;
}
.plan-tab-content-wrap .tab-header {
  border-bottom: 1px solid #000;
  display: block;
  font-size: 16px;
  padding: 16px;
  margin: 8px;
  font-weight: bold;
}

.plan-tabs {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
}
.plan-tabs li {
  width: 25%;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
}
.plan-tabs li a {
  display: inline-block;
  padding: 8px;
  font-size: 12px;
  cursor: pointer;
}
.plan-tabs li a.active {
  background-color: transparent;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #e10000;
}

@media screen and (min-width: 1180px) {
  .plan-tabs {
    list-style: none;
    display: flex;
    padding: 0px;
    margin: 0px;
  }
  .plan-tabs li {
    flex: 1;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .plan-tabs li a {
    display: inline-block;
    padding: 8px;
    font-size: 12px;
    cursor: pointer;
  }
  .plan-tabs li a.active {
    background-color: transparent;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #e10000;
  }

  .plan-tab-content-wrap {
    background-color: #f3f3f3;
    padding-top: 16px;
    padding-bottom: 24px;
  }
  .plan-tab-content-wrap .tab-header {
    border-bottom: 1px solid transparent;
    background-color: #555;
    color: #fff;
    margin-bottom: 16px;
    display: block;
    font-size: 20px;
    padding: 16px;
    margin: 8px;
    font-weight: bold;
  }

  .plan-wrap {
    background-color: #f3f3f3;
  }
  .plan-wrap .plan-tabs-wrap {
    background-color: #fff;
  }
  .plan-wrap .plan-tabs {
    list-style: none;
    display: flex;
    padding: 0px;
    margin: 0px;
  }
  .plan-wrap .plan-tabs li {
    flex: 1;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .plan-wrap .plan-tabs li a {
    display: inline-block;
    padding: 16px 16px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s;
    border-bottom: 1px solid transparent;
  }
  .plan-wrap .plan-tabs li a:hover {
    font-weight: bold;
    text-decoration: none;
    background-color: #fff;
    border-bottom: 1px solid #e10000;
  }
  .plan-wrap .plan-tabs li a.active {
    background-color: #fff;
    border-bottom: 1px solid #e10000;
  }
}
@-webkit-keyframes playing {
  from {
    width: 120px;
    height: 120px;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    width: 140px;
    height: 140px;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    width: 120px;
    height: 120px;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes playing {
  from {
    width: 120px;
    height: 120px;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    width: 140px;
    height: 140px;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    width: 120px;
    height: 120px;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.goodmorning-player {
  width: 100%;
  height: 100%;
}
.goodmorning-player .play-btn-wrap {
  width: 140px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.goodmorning-player .play-btn.paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  background-color: rgba(235, 207, 121, 0.8);
}
.goodmorning-player .play-btn.paused .play {
  display: block;
}
.goodmorning-player .play-btn.paused .mic {
  display: none;
}
.goodmorning-player .play-btn {
  display: flex;
  transition: all 0.5s;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background-color: rgba(235, 207, 121, 0.6);
  font-size: 60px;
  -webkit-animation: playing 1.5s infinite;
          animation: playing 1.5s infinite;
  text-decoration: none;
}
.goodmorning-player .play-btn .play {
  display: none;
}
.goodmorning-player .play-btn .mic {
  display: block;
}
.coupon-download-wrap {
  display: flex;
  align-items: flex-end;
}

.coupon-mini-timer .coupon-body--timer .el {
  width: 15px;
  height: 20px;
  box-shadow: 2px 2px 4px #ccc;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  font-family: "lato";
  color: #fff;
  background-color: #e10000;
}
.coupon-mini-timer .coupon-body--timer .el:after {
  opacity: 0.7;
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #fff;
  z-index: 1;
  top: 14px;
  left: 0px;
}
.coupon-mini-timer .coupon-body--timer .el.el--colon {
  background-color: transparent;
  color: #000;
  width: 5px;
  box-shadow: unset;
}
.coupon-mini-timer .coupon-body--timer .el.el--colon:after {
  content: unset;
}

.coupon-wrap {
  cursor: pointer;
  display: flex;
  background: #f1f1f1;
}
.coupon-wrap .bar-graph-wrap {
  width: 100%;
  margin-bottom: 0px;
  text-align: center;
}
.coupon-wrap .bar-graph-wrap .used {
  font-weight: bold;
  color: #0068ff;
  display: inline-block;
}
.coupon-wrap .bar-graph-wrap .remain {
  font-weight: bold;
  color: #e10000;
  display: inline-block;
}
.coupon-wrap .bar-graph-wrap .base-graph {
  width: 100%;
  height: 15px;
  display: block;
  border-radius: 4px;
  background-color: #efefef;
  box-shadow: inset 0 0 10px #cfcfcf;
  margin-bottom: 8px;
}
.coupon-wrap .bar-graph-wrap .base-graph .inner-graph {
  border-radius: 4px;
  display: block;
  width: 20%;
  height: 15px;
  background-color: #e10000;
}
.coupon-wrap .coupon-tag-wrap {
  border-right: 5px dotted #e12a02;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.coupon-wrap .coupon-tag {
  background-color: #e12a02;
  box-sizing: border-box;
  margin-right: -3px;
  height: 100px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 35px;
}
.coupon-wrap .coupon-tag img {
  width: 33px;
  height: 100px;
}
.coupon-wrap .coupon-tag div {
  transform: rotate(-90deg);
}
.coupon-wrap .coupon-body-wrap {
  border-left: 0px;
  width: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.coupon-wrap .coupon-body-wrap .coupon-body--heading {
  margin-bottom: 8px;
}
.coupon-wrap .coupon-body-wrap .coupon-body--heading .num {
  font-size: 30px;
  font-family: "lato";
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.coupon-wrap .coupon-body-wrap .coupon-body--heading .percent {
  color: #e12a02;
  font-weight: bold;
  letter-spacing: -2px;
}
.coupon-wrap .coupon-body-wrap .coupon-body--heading .per {
  color: #e12a02;
  font-weight: bold;
}
.coupon-wrap .coupon-body-wrap .coupon-body--heading .text {
  font-size: 16px;
  margin-right: 0px;
  margin-left: 8px;
  text-align: center;
  line-height: 100%;
}
.coupon-wrap .coupon-body-wrap .coupon-body--heading .text .superdc-txt {
  display: block;
  font-weight: bold;
  color: #e10000;
}
.coupon-wrap .coupon-body-wrap .coupon-body--heading .text .superdc-txt-sub {
  display: block;
  font-size: 12px;
  text-align: center;
}
.coupon-wrap .coupon-body-wrap .coupon-body {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.coupon-wrap .coupon-body--timer .el {
  width: 24px;
  height: 30px;
  box-shadow: 2px 2px 4px #ccc;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 800;
  font-family: "lato";
  color: #fff;
  background-color: #e10000;
}
.coupon-wrap .coupon-body--timer .el:after {
  opacity: 0.7;
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #fff;
  z-index: 1;
  top: 14px;
  left: 0px;
}
.coupon-wrap .coupon-body--timer .el.el--colon {
  background-color: transparent;
  color: #000;
  width: 5px;
  box-shadow: unset;
}
.coupon-wrap .coupon-body--timer .el.el--colon:after {
  content: unset;
}

.coupon-warning {
  padding-top: 1px;
  text-align: center;
  padding-bottom: 12px;
  text-align: center;
}
.coupon-warning span {
  color: #e10000;
}

.timer {
  margin-top: 14px;
  height: 50px;
  align-items: center;
  display: flex;
  padding-left: 50px;
  position: relative;
}
.timer span {
  display: inline-block;
}
.timer .time {
  display: flex;
}
.timer .timer-icon {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 38px;
  height: 40px;
  background-image: url("/app/dist/assets/img/icons/timer.png");
  background-size: cover;
}
.timer .el {
  width: 24px;
  height: 30px;
  box-shadow: 2px 2px 4px #ccc;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 800;
  font-family: "lato";
  color: #fff;
  background-color: #e10000;
}
.timer .el:after {
  opacity: 0.7;
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #fff;
  z-index: 1;
  top: 14px;
  left: 0px;
}
.timer .el.el--colon {
  background-color: transparent;
  color: #000;
  width: 20px;
  box-shadow: unset;
}
.timer .el.el--colon:after {
  content: unset;
}

.timer.timer--first-served {
  margin-top: 0px;
  margin-left: 24px;
}
.timer.timer--first-served .el {
  margin-right: 1px;
}

.timer.timer--ver2 {
  background-image: url("/app/dist/assets/img/timer_bg_yellow.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 50px;
  width: 230px;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  padding-left: 50px;
  position: relative;
}
.timer.timer--ver2 .timer-icon {
  display: none;
}
.timer.timer--ver2 .el {
  width: 18px;
  height: 30px;
  box-shadow: 2px 2px 4px #ccc;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 800;
  color: #000;
  font-family: "lato";
  background-color: #fff;
}
.timer.timer--ver2 .el:after {
  opacity: 0.7;
  position: absolute;
  height: 1px;
  width: 100%;
  z-index: 1;
  top: 14px;
  left: 0px;
}
.timer.timer--ver2 .el.el--colon {
  background-color: transparent;
  color: #000;
  width: 20px;
  box-shadow: unset;
}
.timer.timer--ver2 .el.el--colon:after {
  content: unset;
}
.timer.timer--ver2 .el:first-of-type {
  margin-right: 4px;
}

.timer.timer--coupon {
  background-image: url("/app/dist/assets/img/coupon/coupon_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 120px;
  width: 270px;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  padding: 0px;
  position: relative;
  flex-direction: column;
  margin-top: 26px;
  cursor: pointer;
}
.timer.timer--coupon .timer--header {
  position: absolute;
  font-size: 32px;
  font-family: "lato";
  font-weight: 800;
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  top: 16px;
  right: 22px;
}
.timer.timer--coupon .timer--header .num {
  font-size: 36px;
}
.timer.timer--coupon .timer--header .per {
  font-size: 20px;
}
.timer.timer--coupon .timer--header .text {
  font-size: 16px;
  margin-right: 8px;
  color: #333;
  font-weight: bold;
}
.timer.timer--coupon .timer--body {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 16px;
  left: 16px;
}
.timer.timer--coupon .timer-icon {
  display: none;
}
.timer.timer--coupon .timer-caption {
  display: inline-block;
  margin-right: 16px;
}
.timer.timer--coupon .el {
  width: 20px;
  height: 30px;
  box-shadow: 2px 2px 4px #ccc;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  font-family: "lato";
  background-color: #e10000;
}
.timer.timer--coupon .el:after {
  opacity: 0.7;
  position: absolute;
  height: 1px;
  width: 100%;
  z-index: 1;
  top: 14px;
  left: 0px;
}
.timer.timer--coupon .el:first-of-type {
  margin-right: 4px;
}
.timer.timer--coupon .el.el--colon {
  background-color: transparent;
  width: 20px;
  box-shadow: unset;
  color: #000;
}
.timer.timer--coupon .el.el--colon:after {
  content: unset;
}

.plan-timer-wrap {
  background-color: #2a2827;
  padding-top: 8px;
  padding-bottom: 8px;
}
.plan-timer-wrap .timer-caption {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.plan-timer-wrap .timer-caption--flip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
}
.plan-timer-wrap .timer-caption--flip .clock-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.plan-timer-wrap .timer-caption--flip .clock-wrap .clock-icon {
  margin-left: 24px;
}
.plan-timer-wrap .timer-caption--flip .clock-wrap .clock-icon img {
  height: 40px;
}
.plan-timer-wrap .timer .el.el--colon {
  background-color: transparent;
  color: #fff;
  width: 20px;
  box-shadow: unset;
}
.plan-timer-wrap .timer .el.el--colon:after {
  content: unset;
}
.plan-timer-wrap .container, .plan-timer-wrap .first-served-coupon-wrap, .plan-timer-wrap #layout_header.layout_header .gnb, #layout_header.layout_header .plan-timer-wrap .gnb, .plan-timer-wrap #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb .plan-timer-wrap .nav-wrapper, .plan-timer-wrap #layout_header.layout_header .logo_search, #layout_header.layout_header .plan-timer-wrap .logo_search {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .timer {
    margin-top: 14px;
    height: 30px;
    align-items: center;
    display: flex;
    padding-left: 8px;
    position: relative;
  }
  .timer span {
    display: inline-block;
  }
  .timer .time {
    display: flex;
  }
  .timer .timer-icon {
    display: block;
    position: absolute;
    top: 0px;
    left: -30px;
    width: 28px;
    height: 30px;
    background-image: url("/app/dist/assets/img/icons/timer.png");
    background-size: cover;
  }
  .timer .el {
    width: 18px;
    height: 24px;
    box-shadow: 2px 2px 4px #ccc;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    font-family: "lato";
    color: #fff;
    background-color: #e10000;
  }
  .timer .el:after {
    opacity: 0.7;
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    top: 14px;
    left: 0px;
  }
  .timer .el.el--colon {
    background-color: transparent;
    color: #000;
    width: 20px;
    box-shadow: unset;
  }
  .timer .el.el--colon:after {
    content: unset;
  }

  .timer.timer--first-served {
    margin-top: 0px;
    margin-left: 24px;
  }
  .timer.timer--first-served .el {
    margin-right: 1px;
  }

  .timer.timer--ver2 {
    background-image: url("/app/dist/assets/img/timer_bg_yellow.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 50px;
    width: 230px;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    padding-left: 50px;
    position: relative;
  }
  .timer.timer--ver2 .timer-icon {
    display: none;
  }
  .timer.timer--ver2 .el {
    width: 18px;
    height: 30px;
    box-shadow: 2px 2px 4px #ccc;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    color: #000;
    font-family: "lato";
    background-color: #fff;
  }
  .timer.timer--ver2 .el:after {
    opacity: 0.7;
    position: absolute;
    height: 1px;
    width: 100%;
    z-index: 1;
    top: 14px;
    left: 0px;
  }
  .timer.timer--ver2 .el.el--colon {
    background-color: transparent;
    color: #000;
    width: 20px;
    box-shadow: unset;
  }
  .timer.timer--ver2 .el.el--colon:after {
    content: unset;
  }
  .timer.timer--ver2 .el:first-of-type {
    margin-right: 4px;
  }

  .timer.timer--coupon {
    background-image: url("/app/dist/assets/img/coupon/coupon_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 120px;
    width: 270px;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    padding: 0px;
    position: relative;
    flex-direction: column;
    margin: 16px auto;
    cursor: pointer;
  }
  .timer.timer--coupon .timer--header {
    position: absolute;
    font-size: 32px;
    font-family: "lato";
    font-weight: 800;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    top: 16px;
    right: 22px;
  }
  .timer.timer--coupon .timer--header .num {
    font-size: 36px;
  }
  .timer.timer--coupon .timer--header .per {
    font-size: 20px;
  }
  .timer.timer--coupon .timer--header .text {
    font-size: 16px;
    margin-right: 8px;
    color: #333;
    font-weight: bold;
  }
  .timer.timer--coupon .timer--body {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 16px;
    left: 16px;
  }
  .timer.timer--coupon .timer-icon {
    display: none;
  }
  .timer.timer--coupon .timer-caption {
    display: inline-block;
    margin-right: 16px;
  }
  .timer.timer--coupon .el {
    width: 20px;
    height: 30px;
    box-shadow: 2px 2px 4px #ccc;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    font-family: "lato";
    background-color: #e10000;
  }
  .timer.timer--coupon .el:after {
    opacity: 0.7;
    position: absolute;
    height: 1px;
    width: 100%;
    z-index: 1;
    top: 14px;
    left: 0px;
  }
  .timer.timer--coupon .el:first-of-type {
    margin-right: 4px;
  }
  .timer.timer--coupon .el.el--colon {
    background-color: transparent;
    width: 20px;
    box-shadow: unset;
    color: #000;
  }
  .timer.timer--coupon .el.el--colon:after {
    content: unset;
  }

  .plan-timer-wrap {
    background-color: #2a2827;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .plan-timer-wrap .timer-caption {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
  }
  .plan-timer-wrap .timer .el.el--colon {
    background-color: transparent;
    color: #fff;
    width: 20px;
    box-shadow: unset;
  }
  .plan-timer-wrap .timer .el.el--colon:after {
    content: unset;
  }
  .plan-timer-wrap .container, .plan-timer-wrap .first-served-coupon-wrap, .plan-timer-wrap #layout_header.layout_header .gnb, #layout_header.layout_header .plan-timer-wrap .gnb, .plan-timer-wrap #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb .plan-timer-wrap .nav-wrapper, .plan-timer-wrap #layout_header.layout_header .logo_search, #layout_header.layout_header .plan-timer-wrap .logo_search {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.timer--progressbar {
  margin-top: 0px;
  padding: 0px 16px;
  margin-top: 24px;
  height: 60px;
  flex-direction: column;
}
.timer--progressbar .timer-wrap {
  display: flex;
  background-color: transparent;
  align-items: center;
  justify-content: center;
}
.timer--progressbar .timer-wrap .timer-body {
  width: 120px;
  height: 24px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffb433;
}
.timer--progressbar .timer-wrap .timer-body .time--hour {
  padding-left: 10px;
}
.timer--progressbar .timer-wrap .timer-body .el {
  font-size: 12px;
  width: 8px;
  background-color: transparent;
  box-shadow: unset;
  color: #000;
}
.timer--progressbar .timer-wrap .timer-body .el.el--colon {
  width: 8px;
  color: #000;
}
.timer--progressbar .timer-wrap .timer-body .el.el--remain {
  width: 30px;
  padding-right: 10px;
}
.timer--progressbar .progressbar {
  width: 100%;
  position: relative;
  height: 3px;
  background: #eaeaea;
  border-radius: 2px;
}
.timer--progressbar .progressbar .red-progress {
  transition: all 1s;
  background-color: #f20200;
  position: relative;
  height: 3px;
  width: 0%;
  border-radius: 2px;
  top: 0px;
  left: 0px;
}
.timer--progressbar .progressbar .red-progress .dot {
  position: absolute;
  right: 0px;
  top: -7px;
  background-color: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 3px solid #f20200;
}
.timer--progressbar .progressbar .red-progress .dot .dot-dot {
  background-color: #f20200;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  right: 2.7px;
  top: 3px;
}

.plan-mobile-timer-wrap {
  background-color: #2a2827;
  padding-top: 8px;
  padding-bottom: 8px;
}
.plan-mobile-timer-wrap .container, .plan-mobile-timer-wrap .first-served-coupon-wrap, .plan-mobile-timer-wrap #layout_header.layout_header .gnb, #layout_header.layout_header .plan-mobile-timer-wrap .gnb, .plan-mobile-timer-wrap #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb .plan-mobile-timer-wrap .nav-wrapper, .plan-mobile-timer-wrap #layout_header.layout_header .logo_search, #layout_header.layout_header .plan-mobile-timer-wrap .logo_search {
  flex-direction: column;
}
.plan-mobile-timer-wrap .timer-caption {
  font-size: 16px;
  padding-bottom: 8px;
  font-weight: bold;
  color: #fff;
}
.plan-mobile-timer-wrap .timer {
  margin: 0px;
}
.plan-mobile-timer-wrap .timer .el {
  box-shadow: unset;
}
.plan-mobile-timer-wrap .timer .el.el--colon {
  background-color: transparent;
  color: #fff;
  width: 20px;
  box-shadow: unset;
}
.plan-mobile-timer-wrap .timer .el.el--colon:after {
  content: unset;
}
.plan-mobile-timer-wrap .container, .plan-mobile-timer-wrap .first-served-coupon-wrap, .plan-mobile-timer-wrap #layout_header.layout_header .gnb, #layout_header.layout_header .plan-mobile-timer-wrap .gnb, .plan-mobile-timer-wrap #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb .plan-mobile-timer-wrap .nav-wrapper, .plan-mobile-timer-wrap #layout_header.layout_header .logo_search, #layout_header.layout_header .plan-mobile-timer-wrap .logo_search {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*
.flip-clock-wrapper .flip {
  height: 30px;
  width: 24px;
  }
  .flip-clock-wrapper .flip a div {
  //height: 49%;
  }
  .flip-clock-wrapper .flip .inn {
  font-size: 16px;
  line-height: 30px;
  }

  */
.countdown-wrapper {
  /*
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  */
}

.countdown.flip-clock-wrapper ul {
  height: 38.4px;
  margin: 0 2px;
  width: 28.8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}

.countdown.flip-clock-wrapper ul li {
  line-height: 38.4px;
}

.countdown.flip-clock-wrapper ul li a div div.inn {
  background-color: #575657;
  color: #fff;
  font-size: 24px;
  text-shadow: 0 1px 2px #000;
}

.countdown.flip-clock-wrapper ul,
.countdown.flip-clock-wrapper ul li a div div.inn {
  border-radius: 0px;
}

.countdown.flip-clock-wrapper ul li a div.down {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.countdown.flip-clock-wrapper ul li a div.up:after {
  top: 18.2px;
}

.countdown .flip-clock-dot.top {
  top: 11.9px;
}

.countdown .flip-clock-dot.bottom {
  top: 21.5px;
}

.countdown .flip-clock-dot {
  height: 5px;
  left: 5px;
  width: 5px;
  background: #575657;
}

.countdown .flip-clock-divider {
  height: 38.4px;
  width: 15px;
}
.countdown .flip-clock-divider:first-child {
  width: 0;
}

.countdown .flip-clock-divider.seconds .flip-clock-label,
.countdown .flip-clock-divider.minutes .flip-clock-label {
  right: -65.6px;
}

.countdown .flip-clock-divider .flip-clock-label {
  color: #fff;
  font-size: 6px;
  width: 65.6px;
}

.naver-lp {
  margin-bottom: 24px;
}
.naver-lp .naver-lp__heading {
  background: linear-gradient(-45deg, #15c642, #12c73d);
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.naver-lp .naver-lp__logo {
  padding-left: 16px;
  display: flex;
  align-items: center;
}
.naver-lp .naver-lp__logo img:first-of-type {
  display: inline-block;
  width: 50px;
  margin-right: 16px;
}
.naver-lp .naver-lp__logo img:last-of-type {
  display: inline-block;
  width: 50px;
}
.naver-lp .naver-lp__search .input-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.naver-lp .naver-lp__search .input-wrap input {
  border: 1px solid #fff !important;
  padding-left: 16px;
  font-size: 16px;
  width: 400px;
  height: 40px;
  display: inline-block;
  border: 0px;
}
.naver-lp .naver-lp__search .input-wrap .icon-wrap {
  border: 1px solid #12c73d;
  box-shadow: 2px 2px 4px #12c73d;
  background-color: #00d941;
  height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.naver-lp .naver-lp__search .input-wrap .icon-wrap img {
  height: 30px;
}
.naver-lp .naver-lp__confirm {
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  color: #fff;
  display: flex;
  flex-wrap: nowrap;
}
.naver-lp .naver-lp__confirm a {
  color: #fff;
  font-size: 12px;
}
.naver-lp .naver-lp__body {
  padding: 16px;
  background-color: #fff;
}
.naver-lp .naver-lp__body .lp-title__heading {
  margin-top: 16px;
  border-bottom: 1px solid #000;
  padding-bottom: 16px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.naver-lp .naver-lp__body .lp-title__heading .lp-title {
  font-size: 24px;
  padding-left: 16px;
  border-left: 10px solid #000;
  font-weight: bold;
}
.naver-lp .naver-lp__body .lp-title__heading .lp-date {
  color: #888;
}
.naver-lp .naver-lp__body .lp-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
.naver-lp .naver-lp__body .lp-content .lp-img {
  width: 40%;
}
.naver-lp .naver-lp__body .lp-content .lp-img img {
  max-width: 100%;
  border: 1px solid #ccc;
}
.naver-lp .naver-lp__body .lp-content .lp-price-info {
  flex: 1;
  padding-left: 24px;
}
.naver-lp .naver-lp__body .lp-content .lp-price-info .lp-graph-wrap {
  margin-bottom: 60px;
}
.naver-lp .naver-lp__body .lp-content .lp-price-info .lp-graph {
  font-size: 18px;
  display: flex;
  align-items: center;
}
.naver-lp .naver-lp__body .lp-content .lp-price-info .lp-graph .graph-caption {
  width: 120px;
}
.naver-lp .naver-lp__body .lp-content .lp-price-info .lp-graph .graph-bar {
  border-left: 1px solid #ccc;
  position: relative;
  height: 90px;
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.naver-lp .naver-lp__body .lp-content .lp-price-info .lp-graph .graph-bar .desc {
  position: absolute;
  font-size: 14px;
  color: #000;
  width: 340px;
  bottom: -12px;
  left: 0px;
}
.naver-lp .naver-lp__body .lp-content .lp-price-info .lp-graph .graph-bar-bar {
  transition: all 0.5s;
  height: 60px;
  background-color: #999999;
  position: relative;
  width: 200px;
}
.naver-lp .naver-lp__body .lp-content .lp-price-info .lp-graph .graph-bar-bar img {
  position: relative;
  bottom: -10px;
  left: 0px;
  width: 100%;
  height: 60px;
}
.naver-lp .naver-lp__body .lp-content .lp-price-info .lp-graph--rethink .graph-bar-bar {
  background-color: #e12a02;
}
.naver-lp .naver-lp__body .lp-content .lp-price-info .lp-graph--rethink .graph-price {
  color: #e12a02;
  font-size: 20px;
  font-weight: bold;
}
.naver-lp .naver-lp__body .lp-content .lp-price-info .lp-price-foot {
  font-size: 20px;
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.naver-lp .naver-lp__body .lp-content .lp-price-info .lp-price-foot .dc-arrow {
  background: url(/app/dist/assets/img/black_arrow.png);
  height: 55px;
  width: 60px;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  background-size: cover;
}

.naver-lp--mobile .naver-lp__heading {
  padding-top: 10px;
  padding-bottom: 10px;
}
.naver-lp--mobile .naver-lp__heading .naver-lp__logo img:first-of-type {
  display: inline-block;
  width: 24px;
  margin-right: 8px;
}
.naver-lp--mobile .naver-lp__heading .naver-lp__logo img:last-of-type {
  display: inline-block;
  width: 26px;
}
.naver-lp--mobile .naver-lp__body .lp-title__heading .lp-title {
  font-size: 14px;
  padding-left: 16px;
  border-left: 10px solid #000;
  font-weight: bold;
}
.naver-lp--mobile .naver-lp__body .lp-content .lp-price-info {
  padding-left: 0px;
}
.naver-lp--mobile .naver-lp__body .lp-content .lp-price-info .lp-price-foot {
  margin-top: 0px;
  font-size: 18px;
}
.naver-lp--mobile .naver-lp__body .lp-content .lp-price-info .lp-graph-wrap {
  margin-bottom: 16px;
}
.naver-lp--mobile .naver-lp__body .lp-content .lp-price-info .lp-graph {
  font-size: 14px;
}
.naver-lp--mobile .naver-lp__body .lp-content .lp-price-info .lp-graph .graph-caption {
  width: 80px;
}
.naver-lp--mobile .naver-lp__body .lp-content .lp-price-info .lp-graph .graph-bar {
  height: 60px;
}
.naver-lp--mobile .naver-lp__body .lp-content .lp-price-info .lp-graph .graph-bar .desc {
  font-size: 10px;
  width: 180px;
}
.naver-lp--mobile .naver-lp__body .lp-content .lp-price-info .graph-bar .desc {
  font-size: 10px;
  width: 180px;
}
.naver-lp--mobile .naver-lp__body .lp-content .lp-price-info .lp-graph .graph-bar-bar {
  height: 30px;
  width: 150px;
}
.naver-lp--mobile .naver-lp__body .lp-content .lp-price-info .lp-graph .graph-bar-bar img {
  bottom: 13px;
}

.naver-iframe-wrapper {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.88);
  z-index: 10000;
  height: 100vh;
  width: 100vw;
  padding: 32px;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}
.naver-iframe-wrapper .naver-iframe-wrap {
  width: 1180px;
  height: 100%;
  margin: 0 auto;
}
.naver-iframe-wrapper .naver-iframe-body {
  background-color: #fff;
  height: 90%;
}
.naver-iframe-wrapper iframe {
  width: 100%;
  border: 0px;
  margin: 0 auto;
  height: 100%;
}
.naver-iframe-wrapper .ref {
  margin-top: 8px;
  color: #fff;
  display: flex;
  justify-content: flex-end;
}
.naver-iframe-wrapper .naver-iframe-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  font-size: 20px;
  padding: 16px 0px;
  margin-bottom: 0px;
}
.naver-iframe-wrapper .naver-iframe-header .now {
  padding: 8px;
  background-color: #e3e3e3;
  border-radius: 5px;
}
.naver-iframe-wrapper .naver-iframe-header .reference {
  font-size: 14px;
}
.naver-iframe-wrapper .naver-iframe-header .close {
  cursor: pointer;
  right: 0px;
  width: 32px;
}
.naver-iframe-wrapper .naver-iframe-header .close img {
  max-width: 100%;
}

.caution-text {
  padding: 14px;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.rebox-header {
  background-image: url(/app/dist/assets/img/rebox/texture.png);
  background-repeat: repeat;
}

.rebox-image-wrap img {
  max-width: 100%;
}

.red-box-list {
  display: flex;
  font-family: "Nanum Square";
  justify-content: center;
  padding-bottom: 24px;
}

.red-box-list .redbox {
  width: 90px;
  height: 80px;
  box-sizing: border-box;
  color: #fff;
  background-color: #c83936;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 10px;
}

.red-box-list .redbox .middle {
  font-size: 32px;
  font-weight: bold;
}

.cheer-text {
  padding-bottom: 16px;
  font-size: 20px;
}

.write-box {
  display: flex;
  padding: 16px;
  align-items: center;
}
.write-box .textarea-wrap {
  flex: 1;
}
.write-box .textarea-wrap textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  font-size: 16px;
  height: 50px;
}
.write-box .button-wrap {
  width: 100px;
  margin-left: 16px;
}
.write-box .button-wrap button {
  width: 100%;
  color: #fff;
  background-color: #e10000;
  font-size: 16px;
  height: 50px;
}

.cheer-list .cheer-item {
  font-size: 16px;
  border-bottom: 1px solid #fff;
  padding-bottom: 16px;
  padding-top: 16px;
  display: flex;
  flex-direction: column;
}
.cheer-list .author {
  width: 150px;
  padding-left: 16px;
}
.cheer-list .author .author-badge {
  display: block;
  color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cheer-list .content {
  flex: 1;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
}
.cheer-list .date {
  text-align: left;
  padding-left: 16px;
  font-size: 12px;
}

@media screen and (min-width: 768px) {
  .cheer-list .cheer-item {
    font-size: 16px;
    border-bottom: 1px solid #fff;
    padding-bottom: 16px;
    padding-top: 16px;
    flex-direction: row;
    display: flex;
  }
  .cheer-list .author {
    width: 150px;
    padding-left: 16px;
  }
  .cheer-list .author .author-badge {
    display: block;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .cheer-list .content {
    flex: 1;
    padding: 0px;
  }
  .cheer-list .date {
    width: 150px;
    font-size: 16px;
    text-align: right;
    padding-right: 16px;
  }

  .caution-text {
    font-size: 16px;
  }

  .red-box-list {
    font-size: 16px;
  }

  .red-box-list .redbox {
    width: 140px;
    height: 140px;
    font-size: 14px;
    margin-left: 12px;
    margin-right: 12px;
    /*
    box-sizing: border-box;
    color:#fff;
    background-color:#c83936;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    */
  }

  .red-box-list .redbox .middle {
    font-size: 44px;
  }
}
/*
.red-box-list {
  display:flex;
  font-family: 'Nanum Square' ;
  justify-content: center; 
  padding-bottom:24px;
}

.red-box-list .redbox { 
  width:120px;
  height:120px;
  box-sizing: border-box;
  color:#fff;
  background-color:#c83936;
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-left:8px;
  margin-right:8px;
}


.red-box-list .redbox .top{ 
}

.red-box-list .redbox .middle{ 
  font-size:44px;
  font-weight: bold;
}
*/
.blink, .goods_header--mobile .goods_header__info .badge-area.badge--danger, .first-served-goods .goods-item .badge.badge--danger, .goods_header__info .badge-area .badge.badge--danger {
  -webkit-animation: blink-animation 0.9s steps(10, start) infinite;
          animation: blink-animation 0.9s steps(10, start) infinite;
}

.first-served-coupon-wrap {
  display: flex;
  margin-top: 48px;
}
.first-served-coupon-wrap.first-served-coupon-wrap--2col .first-served-coupon:first-of_type {
  padding-right: 8px;
}
.first-served-coupon-wrap.first-served-coupon-wrap--2col .first-served-coupon:last-of_type {
  padding-left: 8px;
}
.first-served-coupon-wrap.first-served-coupon-wrap--2col .first-served-coupon {
  margin-bottom: 40px;
  width: 50%;
}
.first-served-coupon-wrap.first-served-coupon-wrap--mobile {
  width: 100%;
}
.first-served-coupon-wrap.first-served-coupon-wrap--mobile .first-served-coupon:first-of_type {
  padding-right: 8px;
}
.first-served-coupon-wrap.first-served-coupon-wrap--mobile .first-served-coupon:last-of_type {
  padding-left: 8px;
}
.first-served-coupon-wrap .first-served-coupon .heading {
  border-bottom: 2px solid #000;
  padding-bottom: 8px;
  margin-bottom: 24px;
}
.first-served-coupon-wrap .first-served-coupon .heading__sub {
  font-size: 16px;
  padding-bottom: 0px;
}
.first-served-coupon-wrap .first-served-coupon .heading__title {
  font-size: 18px;
  font-weight: bold;
  padding-left: 16px;
  align-items: center;
  justify-content: space-between;
  display: flex;
}

.first-served-coupon .heading {
  border-bottom: 2px solid #000;
  padding-bottom: 8px;
  margin-bottom: 24px;
}
.first-served-coupon .heading__sub {
  font-size: 16px;
  padding-bottom: 0px;
}
.first-served-coupon .heading__title {
  font-size: 24px;
  font-weight: bold;
  align-items: center;
  display: flex;
}
.first-served-coupon .coupon {
  background: #fff;
  width: 190px;
  margin-right: 16px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  color: #e10000;
  font-weight: bold;
  padding: 0px;
  margin-bottom: 16px;
}
.first-served-coupon .coupon .coupon-img {
  background-color: #e10000;
}
.first-served-coupon .coupon .coupon-img img {
  height: 50px;
}
.first-served-coupon .coupon .coupon-icon {
  padding: 8px;
}

.first-served-goods {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.first-served-goods .discount_percent {
  letter-spacing: -1px;
  position: absolute;
  display: flex !important;
  align-items: center;
  justify-content: center;
  right: 45px;
  font-size: 18px;
  box-sizing: border-box;
  font-weight: bold;
  color: #fff;
  background-image: url("/app/dist/assets/img/red_arrow.png");
  background-size: cover;
  width: 56px;
  height: 51px;
}
.first-served-goods .goods-item {
  position: relative;
  flex: 1;
  margin-right: 4px;
  margin-left: 4px;
  box-sizing: border-box;
  display: inline-flex;
  text-decoration: none;
  transition: all 0.2s;
}
.first-served-goods .goods-item.masking:hover .coupon-download {
  background-color: #fff;
  color: #000;
}
.first-served-goods .goods-item.masking:hover .coupon-download span {
  display: inline-block;
  margin-left: 8px;
}
.first-served-goods .goods-item.masking .mask {
  display: flex;
  top: 0px;
}
.first-served-goods .goods-item .mask {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 160%;
}
.first-served-goods .goods-item:hover .coupon-download {
  background-color: #333;
  color: #fff;
}
.first-served-goods .goods-item:hover .coupon-download span {
  display: inline-block;
  margin-left: 8px;
}
.first-served-goods .goods-item__image {
  width: 300px;
}
.first-served-goods .goods-item__image img {
  max-width: 100%;
  border: 1px solid #f1f1f1;
}
.first-served-goods .goods-item__information {
  padding-left: 24px;
  flex: 1;
  position: relative;
}
.first-served-goods .goods-item .coupon-download {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  border-radius: 4px;
  padding: 16px;
  border: 1px solid #333;
}
.first-served-goods .goods-item .coupon-download span {
  display: inline-block;
  margin-left: 8px;
}
.first-served-goods .goods-item .rating-wrap .rating {
  display: inline-block;
}
.first-served-goods .goods-item .rating-wrap .rating span {
  display: inline-block;
  margin-right: 1px;
  font-size: 12px;
  color: #FAB90B;
}
.first-served-goods .goods-item .rating-wrap .rating-caption {
  display: inline-block;
  color: #555;
  font-weight: bold;
}
.first-served-goods .goods-item .rating-wrap .rating-caption span {
  display: inline-block;
}
.first-served-goods .goods-item .bar-graph-wrap {
  width: 195px;
  margin-bottom: 24px;
}
.first-served-goods .goods-item .bar-graph-wrap .used {
  font-weight: bold;
  color: #0068ff;
  display: inline-block;
}
.first-served-goods .goods-item .bar-graph-wrap .remain {
  font-weight: bold;
  color: #e10000;
  display: inline-block;
}
.first-served-goods .goods-item .bar-graph-wrap .base-graph {
  width: 100%;
  height: 15px;
  border-radius: 4px;
  background-color: #efefef;
  box-shadow: inset 0 0 10px #cfcfcf;
  margin-bottom: 8px;
}
.first-served-goods .goods-item .bar-graph-wrap .base-graph .inner-graph {
  border-radius: 4px;
  width: 20%;
  height: 15px;
  background-color: #e10000;
}
.first-served-goods .goods-item span {
  display: block;
}
.first-served-goods .goods-item .badge {
  color: #0068ff;
  display: inline-block;
  padding: 4px;
  border: 1px solid #0068ff;
  border-radius: 3px;
  font-size: 12px;
  margin-bottom: 8px;
}
.first-served-goods .goods-item .badge.badge--danger {
  border-radius: 2px;
  display: inline-block;
  margin-bottom: 8px;
  background-color: #e12a00;
  border: 1px solid #e12a00;
  color: #fff;
  font-size: 14px;
  padding: 2px 8px;
}
.first-served-goods .goods-item .title {
  font-size: 16px;
  margin-bottom: 24px;
}
.first-served-goods .goods-item .origin_price {
  color: #222;
  font-family: tahoma;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 4px;
}
.first-served-goods .goods-item .sale_price {
  color: #e10000;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 24px;
  display: flex;
  align-items: baseline;
}
.first-served-goods .goods-item .sale_price .num {
  display: inline-block;
  margin-left: 2px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .first-served-goods {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 24px;
    font-size: 16px;
  }
  .first-served-goods .price-area {
    position: relative;
  }
  .first-served-goods .discount_percent {
    right: 15px;
    top: 7px;
    font-size: 15px;
    width: 40px;
    height: 36px;
  }
  .first-served-goods .goods-item {
    position: relative;
    flex: 1;
    margin-right: 4px;
    margin-left: 4px;
    box-sizing: border-box;
    display: inline-flex;
    text-decoration: none;
    transition: all 0.2s;
  }
  .first-served-goods .goods-item.masking:hover .coupon-download {
    background-color: #fff;
    color: #000;
  }
  .first-served-goods .goods-item.masking:hover .coupon-download span {
    display: inline-block;
    margin-left: 8px;
  }
  .first-served-goods .goods-item.masking .mask {
    display: flex;
  }
  .first-served-goods .goods-item .mask {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 160%;
  }
  .first-served-goods .goods-item:hover .coupon-download {
    background-color: #333;
    color: #fff;
  }
  .first-served-goods .goods-item:hover .coupon-download span {
    display: inline-block;
    margin-left: 8px;
  }
  .first-served-goods .goods-item__image {
    width: 50%;
  }
  .first-served-goods .goods-item__image img {
    max-width: 100%;
    border: 0px;
  }
  .first-served-goods .goods-item__information {
    padding-left: 8px;
    flex: 1;
    position: relative;
  }
  .first-served-goods .goods-item .coupon-download {
    display: inline-flex;
    display: none;
    align-items: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 8px;
    border: 1px solid #333;
  }
  .first-served-goods .goods-item .coupon-download span {
    display: inline-block;
    margin-left: 8px;
  }
  .first-served-goods .goods-item .rating-wrap .rating {
    display: inline-block;
  }
  .first-served-goods .goods-item .rating-wrap .rating span {
    display: inline-block;
    margin-right: 1px;
    font-size: 12px;
    color: #FAB90B;
  }
  .first-served-goods .goods-item .rating-wrap .rating-caption {
    display: inline-block;
    color: #555;
    font-weight: bold;
  }
  .first-served-goods .goods-item .rating-wrap .rating-caption span {
    display: inline-block;
  }
  .first-served-goods .goods-item .bar-graph-wrap {
    font-size: 12px;
    margin-bottom: 16px;
  }
  .first-served-goods .goods-item .bar-graph-wrap .used {
    font-weight: bold;
    color: #0068ff;
    display: inline-block;
  }
  .first-served-goods .goods-item .bar-graph-wrap .remain {
    font-weight: bold;
    color: #e10000;
    display: inline-block;
  }
  .first-served-goods .goods-item .bar-graph-wrap .base-graph {
    height: 10px;
  }
  .first-served-goods .goods-item .bar-graph-wrap .base-graph .inner-graph {
    height: 10px;
  }
  .first-served-goods .goods-item span {
    display: block;
  }
  .first-served-goods .goods-item .badge {
    color: #0068ff;
    display: inline-block;
    padding: 2px 4px;
    border: 1px solid #0068ff;
    border-radius: 3px;
    font-size: 10px;
    margin-bottom: 8px;
  }
  .first-served-goods .goods-item .badge.badge--danger {
    border-radius: 2px;
    display: inline-block;
    margin-bottom: 8px;
    background-color: #e12a00;
    border: 1px solid #e12a00;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
  }
  .first-served-goods .goods-item .title {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .first-served-goods .goods-item .title .title-spec {
    font-size: 12px;
    color: #4d4d4d;
    display: block;
    margin-top: 4px;
  }
  .first-served-goods .goods-item .price-area {
    /*
    display:flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: baseline;
    */
  }
  .first-served-goods .goods-item .origin_price {
    font-size: 19px;
  }
  .first-served-goods .goods-item .sale_price {
    color: #e10000;
    font-size: 16px;
    margin-bottom: 8px;
    margin-right: 8px;
    font-weight: bold;
  }
}
.sub_title_bar {
  padding-top: 16px;
  padding-bottom: 16px;
  margin-top: 0px !important;
  border-bottom: 0px;
}

.__heading, .mobile-category-gnb .category-heading, .bank-wrap .heading, .contact-wrap .heading, .theme-wrap .heading {
  padding: 16px;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.mobile-header .menu-bar {
  font-size: 18px;
  color: #000;
  padding-right: 16px;
}
.mobile-header .logo-wrap {
  padding: 16px 16px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-header .logo-wrap .ls_logo img {
  height: 40px;
}
.mobile-header .search-wrap {
  display: flex;
  align-items: center;
  flex: 1;
  margin-left: 16px;
}
.mobile-header .search-wrap .cart {
  font-size: 18px;
  margin-left: 16px;
}
.mobile-header .form-wrap {
  flex: 1;
}
.mobile-header .search-form input[name=search_text] {
  padding-left: 8px;
  border: 0px;
  width: 100%;
  background-color: #f1f1f1;
  border-radius: 3px;
}
.mobile-header .search-form .form-field {
  position: relative;
}
.mobile-header .search-form .form-field span.fa.fa-search {
  position: absolute;
  font-size: 16px;
  top: 6px;
  right: 8px;
}
.mobile-header ul.theme-gnb {
  display: flex;
  padding: 0px;
  font-size: 14px;
  justify-content: space-between;
}
.mobile-header ul.theme-gnb li a {
  padding: 0px 4px 7px 4px;
  border-bottom: 1px solid transparent;
  display: block;
}
.mobile-header ul.theme-gnb li.active a {
  border-bottom: 1px solid #e10000;
}
.mobile-header ul.theme-gnb li:first-of-type a {
  margin-left: 16px;
}
.mobile-header ul.theme-gnb li:last-of-type a {
  margin-right: 16px;
}

.goods_information_tabs {
  border: 0px;
}

.theme-wrap .heading .fa {
  display: inline-block;
  margin-right: 16px;
}

.contact-wrap {
  margin-top: 16px;
  background-color: #f1f2f6;
}
.contact-wrap .heading {
  background-color: #f1f2f6;
}
.contact-wrap .heading .title {
  margin-bottom: 8px;
}
.contact-wrap .heading .fa {
  display: inline-block;
  margin-right: 16px;
}
.contact-wrap .divider {
  height: 4px;
  width: 20px;
  background-color: #000;
}
.contact-wrap .contact-body {
  padding-left: 16px;
  padding-right: 16px;
}
.contact-wrap .contact-body .phone {
  color: #333;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 16px;
}
.contact-wrap .contact-body .meta {
  font-size: 12px;
}
.contact-wrap .contact-body .meta li {
  margin-bottom: 8px;
}
.contact-wrap .contact-body .col1 {
  display: inline-block;
  width: 60px;
}
.contact-wrap .contact-body .col2 {
  display: inline-block;
  width: 110px;
}
.contact-wrap .contact-body .col3 {
  display: inline-block;
}

.bank-wrap {
  margin-top: 16px;
  background-color: #f1f2f6;
}
.bank-wrap .heading {
  background-color: #f1f2f6;
}
.bank-wrap .heading .title {
  margin-bottom: 8px;
}
.bank-wrap .heading .fa {
  display: inline-block;
  margin-right: 16px;
}
.bank-wrap .divider {
  height: 4px;
  width: 20px;
  background-color: #000;
}
.bank-wrap .bank-body {
  padding-left: 16px;
  padding-right: 16px;
}
.bank-wrap .bank-body .meta {
  font-size: 12px;
}
.bank-wrap .bank-body .meta li {
  margin-bottom: 8px;
}
.bank-wrap .bank-body .col1 {
  display: inline-block;
  width: 100px;
}
.bank-wrap .bank-body .col2 {
  display: inline-block;
}
.bank-wrap .bank-body .col3 {
  display: inline-block;
}

.mobile-category-gnb {
  background-color: #f3f3f3;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100vh;
  overflow: auto;
  margin-bottom: 120px;
  z-index: 1000;
}
.mobile-category-gnb .category-heading .fa {
  display: inline-block;
  margin-right: 10px;
}
.mobile-category-gnb ul.category {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.mobile-category-gnb ul.category a {
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  padding-top: 16px;
  font-size: 14px;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mobile-category-gnb ul.category a .image-wrap {
  display: block;
}
.mobile-category-gnb ul.category a .text-wrap {
  display: block;
}
.mobile-category-gnb ul.category a img {
  display: block;
  width: 50px;
}
.mobile-category-gnb ul.category a.theme-item {
  background-size: cover;
  height: 40px;
}
.mobile-category-gnb ul.category li:last-of-type a {
  border-bottom: 0px;
}

.mobile-gnb {
  position: fixed;
  background: #fafafa;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1001;
  transition: all 0.5s;
}
.mobile-gnb ul {
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
}
.mobile-gnb ul li {
  display: flex;
  align-items: stretch;
}
.mobile-gnb ul a {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 14px 8px;
  font-size: 10px;
}
.mobile-gnb ul a:hover {
  color: #000;
}
.mobile-gnb ul a span {
  display: block;
  margin-top: 8px;
}
.mobile-gnb ul a span.fa {
  margin: 0px;
  font-size: 20px;
  color: #444;
}
.mobile-gnb ul a.home img {
  display: block;
  width: 30px;
}

.category-header-bar {
  background-color: #fff;
  box-shadow: 0px 4px 4px #eee;
  transition: all 0.5s;
}
.category-header-bar .header-top {
  display: flex;
  font-size: 16px;
  padding: 16px 16px 0px;
}
.category-header-bar .header-top .back-btn {
  display: block;
  margin-right: 16px;
}
.category-header-bar.headroom--unpinned.headroom--not-top {
  position: fixed;
  height: 0px;
  transform: translateY(-83px);
}
.category-header-bar.headroom--pinned.headroom--not-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  transform: translateY(0px);
  background-color: #fff;
  z-index: 100;
}
.category-header-bar.headroom--unpinned.headroom--not-top .form-navi {
  display: none;
}

.category-header-bar.category-header-bar--goods .header-top {
  padding: 16px;
  align-items: center;
}
.category-header-bar.category-header-bar--goods .category-wrap ul.list {
  font-size: 12px;
  color: #000;
  display: flex;
  align-items: center;
}
.category-header-bar.category-header-bar--goods .category-wrap ul.list li.item {
  display: flex;
  align-items: center;
}
.category-header-bar.category-header-bar--goods .category-wrap ul.list li.item a {
  color: #000;
}
.category-header-bar.category-header-bar--goods .category-wrap ul.list .fa {
  margin-left: 2px;
  margin-right: 2px;
}

.form-navi {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.form-navi .icon .fa {
  margin-left: 4px;
}
.form-navi ul {
  display: flex;
  justify-content: space-between;
}

.login_form_wrap input[type=submit] {
  background: #333;
  color: #fff;
  padding: 10px;
  border: 0px;
  border-radius: 2px !important;
}

.btn_normal_large {
  background: #333;
  color: #fff;
  padding: 10px;
  border: 0px;
  border-radius: 2px !important;
}

.ctg_wrap {
  z-index: 10000;
}

.mobile-gnb .ico_floating_recently img {
  width: 22px;
  border: 1px solid #b7b7b7;
  box-shadow: 2px 2px 0px #615a5a;
}
.mobile-gnb .box-sha {
  box-shadow: 2px 2px 0px #4e4e4e;
  padding: 2px 4px;
  color: #000;
}

.recently_popup {
  position: fixed;
  bottom: 65px;
}

.top-category {
  border-bottom: 10px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  overflow-x: scroll;
  flex-wrap: nowrap;
}
.top-category ul {
  display: flex;
  padding-left: 8px;
  padding-right: 8px;
  align-items: center;
  justify-content: space-between;
}
.top-category ul li {
  flex-shrink: 0;
  display: inline-block;
}
.top-category ul li a {
  display: block;
  text-align: center;
  padding: 12px 8px;
}
.top-category ul li.active a {
  color: #e10000;
}

.theme-gnb.sticky {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  background-color: #fff;
  position: fixed;
  z-index: 9999;
  box-shadow: 0px 0px 4px #ddd;
  top: 0px;
  left: 0px;
  right: 0px;
}
#goodscategoryForm.sticky {
  background-color: #fff;
  position: fixed;
  width: 100%;
  top: 40px;
  z-index: 9998;
}
#goodscategoryForm.sticky .top-category {
  border-bottom: 2px solid #eaeaea;
}

.blink, .goods_header--mobile .goods_header__info .badge-area.badge--danger, .goods_header__info .badge-area .badge.badge--danger, .first-served-goods .goods-item .badge.badge--danger {
  -webkit-animation: blink-animation 0.9s steps(10, start) infinite;
          animation: blink-animation 0.9s steps(10, start) infinite;
}

@keyframes blink-animation {
  to {
    background-color: #a71f00;
  }
}
#goods_view .back-btn {
  position: absolute;
  top: 4px;
  left: 8px;
}
#goods_view .back-btn img {
  width: 20px;
  height: 20px;
}

#goods_view .goods_description_images {
  padding: 0px;
}

.goods_header--mobile {
  display: flex;
  font-size: 18px;
  flex-direction: column;
}
.goods_header--mobile .dc-price {
  position: relative;
  padding: 4px 29px 4px 4px;
  width: 128px;
}
.goods_header--mobile .dc-price.dc-price--time.dc-price--plain {
  background-color: transparent;
  padding-right: 16px;
  padding-left: 16px;
  display: flex;
  color: #e10000;
}
.goods_header--mobile .dc-price.dc-price--time.dc-price--enuri {
  border-radius: 20px;
  background-color: #fcb43a;
  padding-right: 16px;
  padding-left: 16px;
  display: flex;
  color: #000;
}
.goods_header--mobile .dc-price.dc-price--time.dc-price--enuri .dot {
  width: 12px;
  height: 12px;
  position: absolute;
  background: #fff;
  border: 3px solid #e12a00;
  border-radius: 50%;
  top: 2.5px;
  right: 7px;
}
.goods_header--mobile .dc-price.dc-price--time.dc-price--enuri .dot .dot-dot {
  width: 5px;
  height: 5px;
  position: absolute;
  background: #e12a00;
  border-radius: 50%;
  top: 3.4px;
  right: 3.4px;
}
.goods_header--mobile .dc-price .dc-price-won {
  font-size: 12px;
}
.goods_header--mobile .dc-price .dc-price-percent {
  top: -1px;
  width: 30px;
  height: 27px;
  font-size: 12px;
}
.goods_header--mobile .goods_header__image {
  margin-right: 0px;
  padding: 16px;
}
.goods_header--mobile .goods_header__info h3 {
  padding-top: 8px;
}
.goods_header--mobile .goods_header__info .price--strike {
  font-size: 18px;
}
.goods_header--mobile .goods_header__info .price_wrap .consumer_wrap .price {
  font-size: 18px;
  font-family: "tahoma";
  color: #000 !important;
}
.goods_header--mobile .goods_header__info ul {
  font-size: 12px;
}
.goods_header--mobile .goods_header__info .label {
  padding: 10px 16px;
  font-size: 12px;
}
.goods_header--mobile .goods_header__info .badge-area .badge:first-of-type {
  margin-left: 0px;
}
.goods_header--mobile .goods_header__info .badge-area .badge img {
  height: 18px;
  width: auto;
}
.goods_header--mobile .goods_header__info .badge-area .badge.badge--primary {
  font-size: 12px;
  padding: 1px 4px;
  height: auto;
}
.goods_header--mobile .goods_header__info .badge-area .badge.badge--danger {
  height: 20px;
  border-radius: 2px;
  display: inline-block;
  margin-bottom: -1px;
  background-color: #e12a00;
  border: 1px solid #e12a00;
  color: #fff;
  font-size: 12px;
  padding: 1px 4px;
}
.goods_header--mobile .goods_header__info .badge-area .badge.badge--stock {
  height: 20px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background-color: #000;
  padding: 2px;
  color: #fff;
  padding-right: 8px;
  font-size: 12px;
}
.goods_header--mobile .goods_header__info .badge-area .badge.badge--stock img {
  border: 0px;
  height: 14px;
  display: inline-block;
  margin-right: 8px;
  margin-left: 2px;
}
.goods_header--mobile .goods_header__info .badge-area.badge--danger {
  height: 27px;
  border-radius: 2px;
  display: inline-block;
  margin-bottom: -1px;
  background-color: #e12a00;
  border: 1px solid #e12a00;
  color: #fff;
  font-size: 16px;
  padding: 2px 8px;
}
.goods_header--mobile .goods_header__info .badge-area .badge.badge--flag {
  height: 20px;
  display: flex;
  width: 125px;
  align-items: center;
  box-sizing: border-box;
  background-color: #e6e6e6;
  font-size: 12px;
  padding: 2px;
  padding-right: 8px;
  white-space: nowrap;
}
.goods_header--mobile .goods_header__info .badge-area .badge.badge--flag span {
  display: inline-block;
}
.goods_header--mobile .goods_header__info .badge-area .badge.badge--flag img {
  height: 20px;
  border: 0px;
  display: inline-block;
  margin-right: 8px;
  margin-left: 0px;
}
.goods_header--mobile .goods_header__foot--fixed {
  height: auto;
  box-shadow: unset;
  background-color: unset !important;
}
.goods_header--mobile .goods_header__foot--fixed.scrolling .button-area a {
  border: 1px solid #fff;
}
.goods_header--mobile .goods_header__foot--fixed .maximum-benefit {
  border-bottom: 30px solid #e12a00;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  height: 0px;
  color: #fff;
  width: 150px;
  margin: 0 auto;
  font-size: 12px;
  display: flex;
}
.goods_header--mobile .goods_header__foot--fixed .maximum-benefit .price {
  display: flex;
  height: 30px;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  padding-left: 8px;
  padding-right: 8px;
}
.goods_header--mobile .goods_header__foot--fixed .button-area {
  background: #e12a00;
}
.goods_header--mobile .goods_header__foot--fixed .button-area a {
  transition: all 0.5s;
  border: 1px solid #e12a00;
  box-shadow: unset;
  margin: 8px;
  padding: 8px;
}

.mobile-contents img {
  max-width: 100%;
}

#goods_buy_wrap.mobile {
  background: #fff;
}
#goods_buy_wrap.mobile .option-row.option-row--card {
  background: #fff;
  margin: 16px 32px;
}
#goods_buy_wrap.mobile .option-row.option-row--card select.select {
  height: auto;
  font-size: 14px;
  margin: 0px;
}
#goods_buy_wrap.mobile .option-row--rental {
  padding-top: 0px;
  padding-bottom: 16px;
}
#goods_buy_wrap.mobile a.rental-request {
  display: block;
}

#floating_over .ico_floating_back {
  position: absolute;
  display: none;
  bottom: 65px;
  left: 10px;
}
#floating_over .ico_floating_top {
  position: absolute;
  bottom: 65px;
}

.goods-relation-section h4 {
  padding-top: 16px;
  text-align: center;
  font-size: 16px;
  border-top: 8px solid #eee;
}

ul.goods-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
ul.goods-tabs.fixed-header {
  background-color: #fff;
  box-shadow: 0px 0px 4px #333;
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 10000;
}
ul.goods-tabs li {
  flex: 1;
}
ul.goods-tabs li a {
  text-align: center;
  display: block;
  font-size: 14px;
  padding: 16px;
}
ul.goods-tabs li a.active {
  border-bottom: 2px solid #e10000;
  color: #e10000;
}

.tab-panel .tab-heading {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f1f1f1;
}
.tab-panel .tab-heading a.review-regist-btn {
  color: #fff;
  border-radius: 20px;
  background-color: #e12a00;
  padding: 8px 16px;
}
.tab-panel .tab-heading a.kakao-qna-btn {
  color: #553720;
  border-radius: 20px;
  background-color: #fbe100;
  padding: 8px 16px;
}

.order-complete-wrap {
  background-color: #fff;
  font-size: 0.8333333333rem;
}
.order-complete-wrap .buttons {
  display: flex;
}
.order-complete-wrap .buttons button {
  flex: 1;
  margin: 8px;
}
.order-complete-wrap .complete-header {
  padding: 16px;
  background-color: #f1f2f6;
}
.order-complete-wrap .complete-header h3 {
  font-size: 1rem;
  margin-bottom: 16px;
}
.order-complete-wrap .complete-section {
  padding: 16px;
  color: #000;
}
.order-complete-wrap .complete-section dl {
  margin-bottom: 8px;
}
.order-complete-wrap .complete-section dl.order-seq {
  display: flex;
  flex-direction: row;
  font-size: 1rem;
  margin-bottom: 16px;
}
.order-complete-wrap .complete-section dl.order-seq dt {
  margin-right: 16px;
}
.order-complete-wrap .complete-section dl.order-date {
  display: flex;
  flex-direction: row;
  font-size: 1rem;
  margin-bottom: 16px;
}
.order-complete-wrap .complete-section dl.order-date dt {
  margin-right: 16px;
}
.order-complete-wrap .complete-section dl dt {
  font-weight: bold;
}
.order-complete-wrap .complete-section .complete-section-header {
  font-size: 1rem;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid #000;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.order-complete-wrap .complete-section .address-info li, .order-complete-wrap .complete-section .user-info li {
  margin-bottom: 8px;
}
.order-complete-wrap .complete-section .complete_info_lay dl {
  display: flex;
  margin-bottom: 12px;
}
.order-complete-wrap .complete-section .complete_info_lay dt {
  width: 100px;
}
.order-complete-wrap .complete-section .complete_info_lay dd {
  flex: 1;
}

.order-form-section .heading {
  font-family: "NanumSquare";
  font-size: 14px;
  color: #000;
  font-weight: 800;
  padding: 12px;
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
}

.order-form-section {
  border-bottom: 8px solid #e4e4e4;
}
.order-form-section div.default_table_style {
  border: 0px;
}

.order-form-section .cart_contents.discount_contents {
  background: #fff;
  padding: 10px;
  font-size: 12px;
}
.order-form-section .cart_contents.discount_contents ul {
  border: 0px;
}
.order-form-section .cart_contents.discount_contents ul li {
  padding-top: 4px;
  padding-bottom: 4px;
}
.order-form-section .cart_contents.discount_contents .total_sum_price table th, .order-form-section .cart_contents.discount_contents .total_sum_price table td {
  padding-top: 4px;
  padding-bottom: 4px;
}
.order-form-section .cart_contents.discount_contents .total_sum_price table .order-price th, .order-form-section .cart_contents.discount_contents .total_sum_price table .order-price td {
  color: #e10000;
  font-size: 16px;
  font-weight: bold;
}
.order-form-section .cart_contents.discount_contents .coupon-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-form-section .cart_contents.discount_contents .coupon-item .fleft {
  flex: 1;
  align-items: center;
}

.order-form-section ul.c-goods {
  list-style: none;
  border-bottom: 1px solid #ccc;
}

.order-form-section ul.c-goods li.c-goods__detail {
  display: flex;
  padding: 16px;
}
.order-form-section ul.c-goods li.c-goods__detail .thumb-wrapper {
  padding-right: 16px;
}
.order-form-section ul.c-goods li.c-goods__detail .goods_name span {
  display: block;
}
.order-form-section ul.c-goods li.c-goods__detail .goods_name .title-lg {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
.order-form-section ul.c-goods li.c-goods__detail .goods_name .title-spec {
  font-size: 14px;
  color: #888;
}
.order-form-section ul.c-goods li.c-goods__detail .item_suboption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -22px;
}

.order-form-section .cart_contents {
  padding: 0px;
}

.order-form-section .settle_tab, .order-form-section .settle_tab li a {
  border: 0px;
}

.order-form-section .settle_tab_contents {
  border: 0px;
}

#payment_type > li > div.active > label {
  background-color: #000;
}

@media screen and (min-width: 768px) {
  dd.total {
    color: #e10000;
  }
  dd.total .price.tahoma {
    color: #e10000 !important;
    font-weight: bold !important;
  }

  .agreement {
    width: 100%;
    display: flex;
  }

  #typereceipttablelay input {
    margin-bottom: 8px;
  }

  #payment_type {
    font-size: 12px;
    margin-top: 16px;
  }
  #payment_type li div {
    border-radius: 10px;
    width: 90px;
    height: 90px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
  }
  #payment_type li p {
    font-size: 16px;
    line-height: 18px;
  }
  #payment_type li label {
    margin: 0px;
    border-radius: 5px;
  }

  .order_settle .benefit li {
    padding: 0px;
  }

  .benefit li {
    padding: 0px;
  }
  .benefit table {
    margin-top: 16px;
    font-size: 16px;
  }
  .benefit label {
    display: inline-block;
    margin: 8px 24px 8px 0px;
  }

  .order-form-section {
    margin-bottom: 48px;
    border-bottom: 0px;
    font-size: 16px;
  }
  .order-form-section table.list_table_style > thead > tr > th {
    background: #fff;
  }
  .order-form-section table.list_table_style > tbody > tr > td {
    border-left: 0px !important;
  }
  .order-form-section input {
    margin-right: 8px;
    font-size: 16px;
    padding: 8px;
    height: auto;
    box-sizing: border-box;
  }
  .order-form-section .w-input-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .order-form-section .w-input-wrap .input-wrap {
    width: 385px;
    margin-right: 16px;
  }
  .order-form-section .w-input-wrap .input-wrap-has-3input {
    display: flex;
    align-items: center;
  }
  .order-form-section .w-input-wrap .input-wrap-has-3input input {
    margin: 0px;
    flex: 1;
  }
  .order-form-section .w-input-wrap .input-wrap-has-3input .hyphen {
    margin-left: 4px;
    margin-right: 4px;
  }
  .order-form-section .w-input-wrap .w-full {
    width: 100%;
  }
  .order-form-section .btn_move {
    background-color: #252522;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    border: 0px;
  }
  .order-form-section .common_delivery_info {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .order-form-section .common_delivery_info label {
    margin-right: 16px;
  }
  .order-form-section .common_delivery_info input {
    margin-right: 8px;
  }
  .order-form-section .list_inner.delivery_input input {
    margin-right: 8px;
    font-size: 16px;
    padding: 8px;
  }

  .order-form-section .heading {
    border-bottom: 2px solid #000;
    font-size: 24px;
    border-top: 0px;
  }

  .discount-list {
    margin: 0px;
    padding: 0px;
  }

  .discount-list .discount-item {
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    align-items: center;
  }
  .discount-list .discount-item .l-discount-item {
    width: 385px;
    margin-right: 16px;
    display: flex;
    align-items: center;
  }
  .discount-list .discount-item .l-discount-item .label {
    margin-right: 16px;
  }
  .pricetag-box {
    padding: 16px;
    margin-top: 16px;
    border-radius: 10px;
    box-sizing: border-box;
    width: 50%;
  }
  .pricetag-box dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .pricetag-box dt {
    margin-bottom: 8px;
    width: 50%;
  }
  .pricetag-box dd {
    margin-bottom: 16px;
    text-align: right;
    width: 50%;
  }
  .pricetag-box dt.total {
    border-top: 1px solid #d8d8d8;
    padding-top: 16px;
  }
  .pricetag-box dd.total {
    border-top: 1px solid #d8d8d8;
    padding-top: 16px;
  }
  .pricetag-box .price.tahoma {
    color: #e10000;
    font-size: 24px;
  }

  #coupon_apply_dialog {
    font-size: 16px;
  }
  #coupon_apply_dialog .sel_area {
    margin-top: 16px;
  }
}
.lotte-top-banner {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
  background-image: url(/app/dist/assets/img/lotteevent/top_banner.png);
  background-size: cover;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lotte-top-banner img {
  max-width: 100%;
}

.card-columns-wrap {
  background-image: url("/app/dist/assets/img/lotteevent/lighting.png");
  background-size: 80%;
  background-position: center;
}

.card-columns {
  display: flex;
  align-items: center;
  justify-content: center;
}

.event-goods-card {
  width: 240px;
  margin: 16px;
}
.event-goods-card img {
  max-width: 100%;
}

.lotte-bg {
  background-size: cover;
  background-position: top;
  background-image: url("/app/dist/assets/img/lotteevent/bg.png");
  background-repeat: no-repeat;
  padding-bottom: 80px;
}

.lotte-event-text-header {
  padding-top: 160px;
  padding-bottom: 80px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.lotte-event-text-header img {
  max-width: 500px;
}
.lotte-event-text-header div:first-of-type {
  font-size: 30px;
  margin-bottom: 10px;
}
.lotte-event-text-header div:nth-of-type(2) {
  color: #feff00;
  font-weight: bold;
  font-family: "Nanum Square";
  font-size: 80px;
  margin-bottom: 20px;
}
.lotte-event-text-header div:last-of-type {
  font-size: 16px;
  display: inline-block;
  padding: 8px 48px;
  border-radius: 25px;
  border: 1px solid #fff;
}

.lotte-rebox-wrap {
  background-color: #a59275;
  text-align: center;
  padding-top: 40px;
}
.lotte-rebox-wrap img {
  width: 85%;
}

@media screen and (max-width: 768px) {
  .event-goods-card {
    width: 110px;
    margin: 8px;
  }
  .event-goods-card img {
    max-width: 100%;
  }

  .lotte-rebox-wrap {
    background-color: #a59275;
    text-align: center;
  }
  .lotte-rebox-wrap img {
    width: 100%;
  }

  .lotte-event-text-header {
    padding-top: 80px;
    padding-bottom: 80px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .lotte-event-text-header div:first-of-type {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .lotte-event-text-header div:nth-of-type(2) {
    color: #feff00;
    font-weight: bold;
    font-family: "Nanum Square";
    font-size: 40px;
    margin-bottom: 20px;
  }
  .lotte-event-text-header div:last-of-type {
    font-size: 16px;
    display: inline-block;
    padding: 8px 48px;
    border-radius: 25px;
    border: 1px solid #fff;
  }
}
.buying-body {
  padding: 16px;
  padding-bottom: 120px;
}
.buying-body .buying-option-group {
  margin-bottom: 16px;
}
.buying-body .buying-option-group h6.label {
  font-size: 16px;
  margin-bottom: 8px;
}
.buying-body ul.option-items {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
.buying-body ul.option-items li {
  padding: 8px;
  box-sizing: border-box;
  width: 33.3333333%;
}
.buying-body ul.option-items li button {
  display: block;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  padding: 8px 16px;
  border: 1px solid #ccc;
}
.buying-body ul.option-items li button:hover, .buying-body ul.option-items li button.active {
  background-color: #e10000;
  border: 1px solid #e10000;
  color: #fff;
}

.buying-foot {
  box-shadow: 0px 0px 4px #ccc;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 24px;
  border-bottom: 1px solid #fff;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
  color: #fff;
}
.buying-foot .container, .buying-foot #layout_header.layout_header .gnb, #layout_header.layout_header .buying-foot .gnb, .buying-foot #layout_header.layout_header .gnb .nav-wrapper, #layout_header.layout_header .gnb .buying-foot .nav-wrapper, .buying-foot #layout_header.layout_header .logo_search, #layout_header.layout_header .buying-foot .logo_search, .buying-foot .first-served-coupon-wrap {
  width: 1180px;
  margin: 0 auto;
}
.buying-foot .estimate-price-wrap {
  background-color: #fff;
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  color: #e10000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.buying-foot .estimate-button-wrap {
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  text-align: center;
  justify-content: center;
  background: #e10000;
}

.buying-service-order-section {
  border-bottom: 10px solid #ddd;
}
.buying-service-order-section .title {
  padding-bottom: 8px;
  padding-top: 8px;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px solid #ddd;
}
.buying-service-order-section .body {
  padding: 8px 16px;
}
.buying-service-order-section .foot {
  padding: 16px;
  border-top: 1px solid #ddd;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.buying-service-order-section .foot .price {
  color: #e10000;
  font-size: 24px;
}
.buying-service-order-section .foot .request-btn {
  background-color: #e10000;
  color: #fff;
  border: 0px;
  padding: 12px;
  font-size: 18px;
  display: block;
  width: 100%;
  box-shadow: 0px 0px 8px #aaa;
}

.buying-service-order-section ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.buying-service-order-section ul li {
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
}
.buying-service-order-section ul li .label {
  width: 100px;
}
.buying-service-order-section ul li .value {
  flex: 1;
  text-align: right;
}
.buying-service-order-section ul li.col {
  flex-direction: column;
}
.buying-service-order-section ul li.col div.text-input-wrap {
  padding-top: 8px;
}
.buying-service-order-section ul li.col div.text-input-wrap input {
  width: 100%;
}

.bbslist_wrap table.list_table_style {
  border-collapse: collapse;
}
.bbslist_wrap table.list_table_style tbody tr:hover {
  cursor: pointer;
}
.bbslist_wrap table.list_table_style tbody tr:hover td {
  background-color: #f1f1f1;
}

.buying_service_detail .h3_wrap {
  margin-top: 24px;
}
.buying_service_detail .item-title {
  font-size: 16px;
  margin-top: 24px;
  margin-bottom: 16px;
}
.buying_service_detail .its-td, .buying_service_detail .its-td-align {
  padding: 8px;
}
.buying_service_detail .final-row {
  background-color: #f1f1f1;
}

.order-form-section .info-table-style th, .order-form-section .info-table-style td {
  font-size: 16px;
  padding: 8px 16px;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

@font-face {
  font-family: "NanumSquare";
  font-weight: 400;
  src: url(/app/dist/assets/fonts/NanumSquareR.eot);
  src: url(/app/dist/assets/fonts/NanumSquareR.eot?#iefix) format("embedded-opentype"), url(/app/dist/assets/fonts/NanumSquareR.woff) format("woff"), url(/app/dist/assets/fonts/NanumSquareR.ttf) format("truetype");
}
@font-face {
  font-family: "NanumSquare";
  font-weight: 700;
  src: url(/app/dist/assets/fonts/NanumSquareB.eot);
  src: url(/app/dist/assets/fonts/NanumSquareB.eot?#iefix) format("embedded-opentype"), url(/app/dist/assets/fonts/NanumSquareB.woff) format("woff"), url(/app/dist/assets/fonts/NanumSquareB.ttf) format("truetype");
}
@font-face {
  font-family: "NanumSquare";
  font-weight: 800;
  src: url(/app/dist/assets/fonts/NanumSquareEB.eot);
  src: url(/app/dist/assets/fonts/NanumSquareEB.eot?#iefix) format("embedded-opentype"), url(/app/dist/assets/fonts/NanumSquareEB.woff) format("woff"), url(/app/dist/assets/fonts/NanumSquareEB.ttf) format("truetype");
}
@font-face {
  font-family: "NanumSquare";
  font-weight: 300;
  src: url(/app/dist/assets/fonts/NanumSquareL.eot);
  src: url(/app/dist/assets/fonts/NanumSquareL.eot?#iefix) format("embedded-opentype"), url(/app/dist/assets/fonts/NanumSquareL.woff) format("woff"), url(/app/dist/assets/fonts/NanumSquareL.ttf) format("truetype");
}
/*
html,body,* {
  font-family: 'NanumSquare' ;
}
*/
ul.category_wrap {
  display: flex;
  justify-content: flex-end;
}

.wrap_inner--nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#layout_header .logo_wrap .showCategoryNavigation {
  position: static;
  top: unset;
  left: unset;
}

#layout_header .logo_wrap.flying .showCategoryNavigation {
  top: unset;
}

@media screen and (min_width: 768px) {
  #layout_header .logo_wrap h1, #layout_header .logo_wrap.flying h1 {
    padding: 16px 0;
    text-align: left;
  }
}
/*
button
*/
/*
input[type=submit],input[type=button],.btn_normal_large {
  background-color: #333;
  color:#fff;
  display: inline-block;
  border:0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 16px;
  min-width: 80px;
  line-height: 1;
  text-align: center;
  font-size: 12px;
  letter-spacing: -1px;
  cursor: pointer;
  vertical-align: middle;
  transition: all linear 0.5s;
}
*/
.btn_style {
  background-color: #333;
  color: #fff;
  display: inline-block;
  border: 0px;
  box-sizing: border-box;
  padding: 4px 16px;
  line-height: 100%;
  text-align: center;
  font-size: 10px;
  letter-spacing: -1px;
  cursor: pointer;
  vertical-align: middle;
  transition: all linear 0.5s;
}

.btn_style.small {
  background-color: #333;
  color: #fff;
  display: inline-block;
  border: 0px;
  box-sizing: border-box;
  padding: 1px 16px;
  line-height: 100%;
  text-align: center;
  font-size: 10px;
  letter-spacing: -1px;
  cursor: pointer;
  vertical-align: middle;
  transition: all linear 0.5s;
}

.sub_title_bar .stb_back_btn {
  display: block;
  background: none;
  background-size: 24px 24px;
  margin-top: -16px;
  margin-left: 16px;
}
.sub_title_bar .stb_back_btn img {
  width: 16px;
  height: 16px;
}

.sub_title_bar {
  margin-top: 16px;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: none !important;
}

.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
  background-image: url("/app/dist/assets/img/close-icon.png");
  background-repeat: no-repeat;
  background-size: cover;
  text-indent: -10000px;
  background-color: transparent;
  border: 0px;
}

.ui-dialog .ui-dialog-titlebar-close:before {
  position: absolute !important;
  top: 10px;
  height: 10px;
  width: 10px;
  content: "";
}

.app-intro-header {
  background-color: #f3f1f4;
  display: flex;
  font-size: 12px;
  padding: 8px 0px;
}
.app-intro-header .close {
  padding-left: 20px;
  padding-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-intro-header .content {
  display: flex;
  flex: 1;
}
.app-intro-header .content .content-logo {
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.app-intro-header .content .content-text {
  padding-left: 16px;
  font-size: 10px;
}
.app-intro-header .content .content-text .title {
  font-size: 12px;
  margin-bottom: 4px;
  margin-top: 4px;
}
.app-intro-header .content .content-text .corp {
  margin-bottom: 4px;
}
.app-intro-header .content .content-text .ratings {
  margin-bottom: 4px;
}
.app-intro-header .content .content-text .fa-star {
  font-size: 6px;
  color: #ff9400;
}
.app-intro-header .cta {
  width: 50px;
  color: #207df8;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}