@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: -0.1388888889vw;
}

a, input {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

html .popup-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(51, 51, 51, 0.4392156863);
  z-index: 10;
}
html body {
  font-family: "Pretendard Variable", Pretendard, sans-serif;
  color: #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto !important;
}
html body img {
  display: block;
  width: 100%;
}
html body li {
  list-style: none;
}
html body a {
  text-decoration: none;
  color: #333;
}
html body button {
  background: none;
  border: none;
  padding: 0;
  outline: none;
}
html body * {
  font-family: "Pretendard Variable", Pretendard, sans-serif;
  letter-spacing: -0.1944444444vw;
}
html.lock-scroll {
  overflow-y: hidden;
  -ms-touch-action: none;
      touch-action: none;
  height: 100%;
  min-height: 100%;
}
html.lock-scroll main {
  pointer-events: none;
}

.main-grey-bg {
  background-color: #F8F8F8;
}

.dummy-content {
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
  background: linear-gradient(0deg, #fff, #ccc);
}

span.line {
  display: inline-block;
  margin: 0 1.6666666667vw;
  width: 0.2777777778vw;
  height: 2.7777777778vw;
  background: #CCCCCC;
}

.dw-splash {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100vw;
  height: 100vh;
}
.dw-splash i.icon.icon-main-logo {
  width: 38.8888888889vw;
  height: 14.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
}

header .app-download-banner {
  background: rgb(246, 247, 248);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  display: none;
  height: 17.7777777778vw;
  padding: 0 4.4444444444vw;
  border-bottom: 1px solid rgb(229, 229, 229);
}
header .app-download-banner img {
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  background-color: transparent;
  border-radius: 0vw;
}
header .app-download-banner p {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 1.4em;
}
header .app-download-banner p strong {
  color: #ff7600;
  font-weight: 500;
}
header .app-download-banner .btn {
  width: 20.8333333333vw;
  height: 8.3333333333vw;
  border-radius: 4.1666666667vw;
  background: transparent !important;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #ff7600;
  text-align: left;
  margin-left: 2.7777777778vw;
}
header .app-download-banner .icon {
  width: 6.1111111111vw;
  height: 6.1111111111vw;
}
header.show-app-banner.main-header .app-download-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header .header-utils {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
header .header-utils a {
  position: relative;
  margin-left: 2.7777777778vw;
}
header .header-utils a:first-child {
  margin-left: 0;
}
header .header-utils a.mydw span {
  position: absolute;
  top: 0.2777777778vw;
  right: 0.2777777778vw;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  background-color: #FF5100;
  border-radius: 0.5555555556vw;
}
header .btn-cart {
  position: relative;
}
header .btn-cart span {
  position: absolute;
  top: -0.8vw;
  right: -1.4vw;
  width: 5vw;
  height: 4.1666666667vw;
  background-color: #ff7600;
  border-radius: 1.9444444444vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 2.7777777778vw;
  font-weight: 500;
  color: #fff;
  text-align: left;
}

.header-nav {
  display: none;
  padding: 1.1111111111vw 0 0 0;
  border-bottom: 1px solid #E5E5E5;
}
.header-nav > div {
  overflow-x: scroll;
}
.header-nav > div a {
  padding: 0 0.8333333333vw;
  margin-right: 4.7222222222vw;
}
.header-nav > div a#lnk_gnb_best {
  margin-left: 2.7777777778vw;
}
.header-nav > div a:nth-child(n+5).on {
  margin-left: 0;
}
.header-nav > div a:last-child {
  margin-right: 3.8888888889vw;
}
.header-nav > div a:last-child.on {
  margin-left: 0;
}
.header-nav > div a.on {
  font-weight: 500;
  color: #FF5600;
  margin-left: 2.7777777778vw;
}
.header-nav > div a.gnb-ybj {
  width: 14vw;
  height: 8vw;
  background: url("../images/icon/common/img_header_logo_ybj.svg") no-repeat center/100%;
  text-indent: -9999px;
}
.header-nav > div a:first-child {
  margin-left: 3.8888888889vw;
}

.main-header .header-nav {
  display: block;
}
.main-header.tb-hide {
  top: 0;
}

.main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  background: #fff;
  z-index: 8;
}
.main-header .header-top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 3.8888888889vw;
  height: 13.3333333333vw;
}
.main-header .header-top .header-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.main-header .header-top .header-logo .logo {
  display: none;
}
.main-header .header-top .header-logo a:first-child {
  position: relative;
  top: -1.1111111111vw;
}
.main-header .header-top .home {
  width: 18.8888888889vw;
}
.main-header .header-top .btn-cart {
  position: relative;
}
.main-header .header-top .btn-cart span {
  position: absolute;
  top: -0.8vw;
  right: -1.4vw;
  width: 5vw;
  height: 3.8888888889vw;
  background-color: #ff7600;
  border-radius: 1.9444444444vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 2.5vw;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
.main-header .header-top .header-utils {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.main-header nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  width: auto;
  height: 10vw;
  font-weight: 500;
}
.main-header nav a.on:after {
  display: inline-block;
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 0.5555555556vw;
  background: #FF5600;
}
.main-header nav a.new::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 1.6666666667vw;
  right: -1.3888888889vw;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  background-color: #FF7600;
  border-radius: 50%;
}
.main-header nav a.ybj-icon {
  width: 18.8888888889vw;
}
.main-header nav a.ybj-icon img {
  margin-bottom: 2.2222222222vw;
}
.main-header nav a.tjm-icon {
  width: 18.8888888889vw;
}

.sub-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 102;
  background: #fff;
}
.sub-header > section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 3.8888888889vw;
  height: 13.3333333333vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sub-header > section .back {
  display: block;
  margin-right: 2.7777777778vw;
}
.sub-header > section > h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 4.1666666667vw;
  font-weight: 500;
  color: #333;
  text-align: left;
}
.sub-header > section > h1 span {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.sub-header > section > h1 span::after {
  content: " >";
  margin: 0 1.1111111111vw;
}
.sub-header > section .dw-form-wrapper.search {
  width: 75vw;
  margin-right: 2.2222222222vw;
}
.sub-header > section .dw-form-wrapper.search .dw-form {
  border: 0 none;
  background: #F8F8F8;
  height: 10vw;
}
.sub-header > section .dw-form-wrapper.search .dw-form.on.text input {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sub-header > section .dw-form-wrapper.search .dw-form input {
  width: 100%;
  height: 100%;
  padding: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sub-header > section .dw-form-wrapper.search .dw-form input:focus {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sub-header > section .dw-form-wrapper.search .dw-form .form-ui {
  padding-right: 1.9444444444vw;
  right: -5.5555555556vw;
}
.sub-header > section .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.sub-header > section .icons a {
  position: relative;
  margin-left: 3.3333333333vw;
}
.sub-header > section .icons a span {
  position: absolute;
  top: -0.8vw;
  left: 60%;
  width: 5vw;
  height: 3.8888888889vw;
  background-color: #ff7600;
  border-radius: 1.9444444444vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 2.5vw;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
.sub-header > section .icons a.icon-home {
  display: none;
}
.sub-header.category .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.sub-header.category .tit .cate-detp-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.sub-header.category .tit a:not(.back) {
  display: block;
  max-width: 26vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 4.1666666667vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 6.1111111111vw;
}
.sub-header.category .tit a:not(.back).full-width {
  max-width: none;
}
.sub-header.category .tit a.cate-depth {
  position: relative;
  top: -0.2777777778vw;
  font-size: 4.1666666667vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 6.1111111111vw;
}
.sub-header.category .tit a.cate-depth-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sub-header.category .tit a.cate-depth-btn span {
  font-size: 4.1666666667vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 6.1111111111vw;
}
.sub-header.category .tit a.on {
  max-width: 15vw;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sub-header.category .cate-depth-btn span {
  display: inline-block;
  max-width: 41.6666666667vw;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sub-header .category-depth2-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: none;
  border-top: 0.2777777778vw solid #E5E5E5;
  background: #F8F8F8;
}
.sub-header .category-depth2-menu .list li {
  padding: 3.8888888889vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sub-header .category-depth2-menu .list li.on {
  font-weight: 500;
}
.sub-header .category-depth2-menu .list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sub-header .category-depth2-menu .cate-depth1-list {
  width: 41.6666666667vw;
  background: #F8F8F8;
}
.sub-header .category-depth2-menu .cate-depth1-list li {
  background: #F8F8F8;
}
.sub-header .category-depth2-menu .cate-depth1-list li.on {
  background: #fff;
  font-weight: 500;
}
.sub-header .category-depth2-menu .cate-depth2-list {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fff;
}
.sub-header .category-depth2-menu .cate-depth2-list .list {
  overflow-y: scroll;
  display: none;
}
.sub-header .category-depth2-menu .cate-depth2-list .list:first-child {
  display: block;
}
.sub-header .category-depth2-menu .cate-depth2-list i {
  margin-left: 0.2777777778vw;
}

.main-header ~ main {
  padding-top: 24.4444444444vw;
}
.main-header ~ main.tb-show {
  padding-top: 35.5555555556vw;
}
.main-header ~ main.tb-hide {
  padding-top: 24.4444444444vw;
}

.main-header.show-app-banner ~ main {
  padding-top: 40vw;
}

.sub-header ~ main {
  padding-top: 13.3333333333vw;
  padding-bottom: 17.7777777778vw;
  min-height: calc(100vh - 104.1666666667vw - env(safe-area-inset-bottom));
}

.sub-header.category ~ main {
  padding-top: 0;
}

.popup-header ~ main {
  padding-bottom: 17.7777777778vw;
}

.deal-popup {
  width: 75vw;
  margin: auto;
}
.deal-popup .slide-paging {
  position: absolute;
  top: 2.7777777778vw;
  right: 2.7777777778vw;
  z-index: 10;
  height: 6.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 2.2222222222vw;
  background-color: rgba(51, 51, 51, 0.5);
  border-radius: 3.3333333333vw;
  color: #fff;
  font-size: 3.3333333333vw;
}
.deal-popup .slide-paging strong {
  font-weight: 700;
}
.deal-popup .slide-paging span {
  opacity: 0.8;
}
.deal-popup .deal-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.deal-popup .deal-buttons a {
  padding: 2.2222222222vw 9.1666666667vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #fff;
  text-align: center;
  line-height: 5.5555555556vw;
}
.deal-popup .deal-buttons i {
  display: block;
  width: 0.2777777778vw;
  height: 3.3333333333vw;
  background-color: rgba(255, 255, 255, 0.1882352941);
  border-radius: 0vw;
}
.deal-popup.layer-popup .layer-content {
  border-radius: 0;
}

.btn-to-top {
  position: fixed;
  right: 3.8888888889vw;
  bottom: 3.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: rgba(255, 255, 255, 0.9);
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.btn-to-back {
  position: fixed;
  left: 2.7777777778vw;
  bottom: 17.2222222222vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  display: none;
  background: rgba(255, 255, 255, 0.9);
  z-index: 100;
}

.scroll-upable .btn-to-top {
  opacity: 1;
  pointer-events: all;
  display: none;
}

.scroll-down .hide-on-down {
  display: none;
}

.scroll-up .hide-on-up {
  display: none;
}

.bottom-tab {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  z-index: 101;
}
.bottom-tab .bottom-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: #FFFFFF;
  height: 15vw;
  border-top: 0.2777777778vw solid #E5E5E5;
}
.bottom-tab .bottom-menu a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.bottom-tab .bottom-menu a .thumb {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: #ccc;
  border-radius: 0vw;
}
.bottom-tab .bottom-menu a span {
  margin-top: 1.1111111111vw;
  font-size: 2.7777777778vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: center;
}
.bottom-tab .bottom-menu a.selected span {
  color: #333;
}

.footer {
  padding-bottom: 15vw;
}
.footer .notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 15.5555555556vw;
  padding: 0px 2.7777777778vw;
}
.footer .notice .label {
  width: 15.8333333333vw;
  font-size: 3.3333333333vw;
  line-height: 3.8888888889vw;
}
.footer .notice a {
  display: block;
  position: relative;
  width: calc(100% - 15.8333333333vw);
  padding-right: 5.5555555556vw;
  font-size: 3.3333333333vw;
  line-height: 3.8888888889vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.footer .notice a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.3888888889vw;
  height: 2.7777777778vw;
  background: url(../images/notice-arrow.png) 0/5px no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.footer .foot-body {
  background-color: #F8F8F8;
}
.footer .foot-menu {
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
.footer .foot-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 10vw;
  padding: 0 2.7777777778vw;
}
.footer .foot-menu li {
  margin-right: 5.5555555556vw;
}
.footer .foot-menu a {
  color: #7E7E7E;
  font-weight: 400;
  font-size: 3.3333333333vw;
  line-height: 3.8888888889vw;
}
.footer .company-info {
  padding: 4.1666666667vw 2.7777777778vw;
}
.footer .company-info .c-name {
  display: inline-block;
  position: relative;
  padding-right: 3.8888888889vw;
  color: #333;
  font-weight: 500;
  font-size: 3.3333333333vw;
  line-height: 3.8888888889vw;
}
.footer .company-info .c-name:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.5vw;
  height: 1.3888888889vw;
  background-image: url(../images/c-name-arrow.png);
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.footer .company-info .c-name.active:after {
  background-image: url(../images/c-name-arrow-up.png);
}
.footer .company-info address {
  display: none;
  margin-top: 1.9444444444vw;
  color: #555;
  font-weight: 400;
  font-size: 3.3333333333vw;
  line-height: 5.5555555556vw;
}
.footer .company-info address a {
  color: #333;
  font-weight: 400;
  font-size: 3.3333333333vw;
  text-decoration: underline;
}
.footer .company-info .info-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4.4444444444vw;
}
.footer .company-info .info-menu li {
  margin-right: 5.5555555556vw;
}
.footer .company-info .info-menu a {
  color: #555;
  font-weight: 400;
  font-size: 3.3333333333vw;
  line-height: 3.8888888889vw;
}
.footer .company-info .payinfo {
  margin: 4.4444444444vw 0;
  color: #555555;
  font-size: 3.3333333333vw;
  letter-spacing: -0.0666666667vw;
}
.footer .company-info .payinfo a {
  text-decoration: underline;
}
.footer .guide {
  display: block;
  margin: 0 2.7777777778vw;
  padding: 4.4444444444vw 0 8.3333333333vw;
  border-top: 0.2777777778vw solid #E5E5E5;
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.footer .guide .txt {
  color: #A4A4A4;
  font-weight: 300;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  letter-spacing: -0.0666666667vw;
}
.footer .guide .copyright {
  padding-top: 2.7777777778vw;
  color: #A4A4A4;
  font-weight: 300;
  font-size: 3.3333333333vw;
  line-height: 3.8888888889vw;
  letter-spacing: -0.0666666667vw;
}

.absolute-fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.hidden {
  overflow: hidden;
}

.flex-fill {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.content-gap {
  height: 2.7777777778vw;
  background-color: #F8F8F8;
}
.content-gap.line {
  width: 92.2222222222vw;
  margin: auto;
  height: 1px;
  background-color: #E5E5E5;
}
.content-gap.border {
  height: 1.6666666667vw;
  background: #F5F5F5;
  border-top: 0.2777777778vw solid #F2F2F2;
}
.content-gap.h6 {
  height: 1.6666666667vw;
}

.btn-show-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.btn-show-all span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.btn-show-all i {
  margin-left: 0.5555555556vw;
}

.center-title {
  font-size: 5vw;
  font-weight: 500;
  text-align: center;
}

.cate-horizontal-icons {
  overflow-x: scroll;
  overflow-y: hidden;
}
.cate-horizontal-icons ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cate-horizontal-icons ul li {
  width: 15vw;
  margin-right: 3.3333333333vw;
}
.cate-horizontal-icons ul li img {
  width: 11.1111111111vw;
  height: 11.1111111111vw;
}
.cate-horizontal-icons ul li span {
  display: block;
}
.cate-horizontal-icons ul li span.cate-img {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 auto;
  width: 15vw;
  height: 15vw;
  background-color: transparent;
  border-radius: 0vw;
  background-color: #F8F8F8;
  border-radius: 5vw;
}
.cate-horizontal-icons ul li span.cate-img i {
  width: 10vw;
  height: 10vw;
  background-color: transparent;
  border-radius: 0vw;
}
.cate-horizontal-icons ul li span.cate-img .on {
  display: none;
}
.cate-horizontal-icons ul li span.cate-img .off {
  display: block;
}
.cate-horizontal-icons ul li span:not(.cate-img) {
  display: block;
  width: 15vw;
  margin-top: 1.9444444444vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: center;
  line-height: 4.1666666667vw;
  word-break: break-all;
  white-space: normal;
}
.cate-horizontal-icons ul li.on .cate-img .on {
  display: block;
}
.cate-horizontal-icons ul li.on .cate-img .off {
  display: none;
}
.cate-horizontal-icons ul li.on span:not(.cate-img) {
  color: #333;
  font-weight: 500;
}
.cate-horizontal-icons ul li:nth-child(8) span:not(.cate-img) {
  letter-spacing: 0.1388888889vw;
}
.cate-horizontal-icons ul:last-child {
  margin-right: 0;
}

.dw-form-select select {
  outline: none;
  display: none;
}
.dw-form-select select option {
  display: none;
  visibility: hidden;
}
.dw-form-select .dw-form-select-list li {
  display: none;
}
.dw-form-select .dw-form-select-list li.selected {
  display: block;
}

.category-select {
  padding-bottom: 3.8888888889vw;
  position: relative;
  margin: 11.1111111111vw 0 6.9444444444vw;
}
.category-select h2 {
  font-weight: 600;
  font-size: 5vw;
  text-align: center;
  font-size: 4.4444444444vw;
}
.category-select .dw-tab-wrapper.round-type .dw-tab-controller {
  margin-bottom: 0;
}
.category-select .swiper-container .swiper-paging {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10;
}
.category-select .cate-depth2 {
  display: none;
}
.category-select.mg0 {
  margin-bottom: 0;
}

.cate-depth2 {
  position: relative;
  padding: 4.1666666667vw 3.8888888889vw 0;
  margin: 2.7777777778vw 0 3.3333333333vw;
  overflow: hidden;
}
.cate-depth2 .right-square {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 10.8333333333vw;
  height: 13.3333333333vw;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.cate-depth2 .inner {
  overflow-x: scroll;
  overflow-y: hidden;
  border-bottom: 1px solid #E5E5E5;
}
.cate-depth2 .inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cate-depth2 .inner ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 5.5555555556vw;
  padding-bottom: 4.1666666667vw;
  font-size: 3.3333333333vw;
  color: #7E7E7E;
}
.cate-depth2 .inner ul li:last-child {
  margin-right: 0;
}
.cate-depth2 .inner ul li.on {
  color: #000;
  font-weight: 600;
  border-bottom: 1px solid #000;
}

#band .best-pd-list .best-thumb-wrap .list {
  padding-left: 0;
}

.delivery-chk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4.1666666667vw 3.8888888889vw;
}
.delivery-chk .dw-form.check input {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  border-color: #7E7E7E;
}
.delivery-chk .dw-form.check input:checked {
  border-color: #ff7600;
}
.delivery-chk .dw-form.check span {
  color: #7E7E7E;
  font-size: 3.3333333333vw;
}
.delivery-chk .dw-form:first-child {
  margin-right: 3.3333333333vw;
}

.cate-top-menu {
  position: fixed;
  top: 13.3333333333vw;
  left: 0;
  overflow: hidden;
  width: 100%;
  padding: 2.5vw 0;
  background: #F8F8F8;
  z-index: 11;
}
.cate-top-menu .cate-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 8.6111111111vw;
  height: 11.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), to(rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgb(255, 255, 255) 100%);
  z-index: 99;
}
.cate-top-menu .right-square {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 10.8333333333vw;
  height: 13.3333333333vw;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.cate-top-menu .inner {
  overflow-x: scroll;
  padding-left: 3.8888888889vw;
}
.cate-top-menu .inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cate-top-menu .inner ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1.1111111111vw;
}
.cate-top-menu .inner ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 2.2222222222vw;
  height: 8.3333333333vw;
  border-radius: 4.1666666667vw;
  white-space: nowrap;
  border: 1px solid transparent;
}
.cate-top-menu .inner ul li span {
  display: block;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 5.2777777778vw;
}
.cate-top-menu .inner ul li:last-child {
  padding-right: 11.1111111111vw;
}
.cate-top-menu .inner ul li.on a {
  background: #333;
}
.cate-top-menu .inner ul li.on span {
  font-size: 3.6111111111vw;
  font-weight: 500;
  color: #ffffff;
  text-align: left;
}
.cate-top-menu .inner ul.open {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cate-top-menu .inner ul.open li {
  margin-right: 0;
  width: 50%;
  margin-top: 2.2222222222vw;
}
.cate-top-menu .inner ul.open li:nth-child(-n+2) {
  margin-top: 0;
}
.cate-top-menu .cate-list-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  top: 2.2222222222vw;
  right: 3.8888888889vw;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 0.5555555556vw;
  z-index: 100;
  opacity: 0.8;
}

body.scroll-down .cate-top-menu {
  top: 0;
}

.toggle-info {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.toggle-info .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 4.1666666667vw 3.8888888889vw;
}
.toggle-info .tit span {
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #333;
  text-align: left;
}
.toggle-info .tit img {
  width: 5.5555555556vw;
}
.toggle-info .tit.on img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.toggle-info .cont {
  display: none;
  padding: 3.3333333333vw 3.8888888889vw 5.5555555556vw;
  background-color: #F8F8F8;
}
.toggle-info .cont ul li {
  position: relative;
  margin-bottom: 1.6666666667vw;
  padding-left: 2.7777777778vw;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  color: #7E7E7E;
}
.toggle-info .cont ul li:last-child {
  margin-bottom: 0;
}
.toggle-info .cont ul li::before {
  position: absolute;
  top: 1.9444444444vw;
  left: 0;
  content: "";
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  border-radius: 50%;
  background-color: #7E7E7E;
}

.review-lists .star-rating {
  width: 23.3333333333vw;
}

.star-rating {
  position: relative;
}
.star-rating input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0 none;
  outline: 0 none;
  z-index: 10;
  display: none;
}
.star-rating .stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 0.8333333333vw;
     -moz-column-gap: 0.8333333333vw;
          column-gap: 0.8333333333vw;
}
.star-rating .stars .box-16 {
  width: 3.8888888889vw;
  height: 3.8888888889vw;
}

.top-navigate {
  padding: 0 3.8888888889vw;
  height: 13.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.top-navigate a {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
}
.top-navigate h2 {
  font-size: 3.8888888889vw;
  font-weight: 500;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #333;
  text-align: left;
}
.btn span {
  margin: 0 1.6666666667vw;
}
.btn.h44 {
  height: 12.2222222222vw;
}
.btn.h40 {
  height: 11.1111111111vw;
}
.btn.btn-more-prod {
  height: 13.3333333333vw;
  border-radius: 6.6666666667vw;
  background: #F8F8F8;
  font-size: 3.3333333333vw;
  font-weight: 300;
  color: #7E7E7E;
}
.btn.btn-more-prod img {
  width: 3.3333333333vw;
}
.btn.bottom-fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  z-index: 10;
}
.btn.btn-grey {
  background: #E5E5E5;
  color: #fff;
}
.btn.btn-grey.line {
  border: 0.2777777778vw solid #E5E5E5;
  color: #7E7E7E;
  background: #fff;
}
.btn.btn-light-grey {
  background: #F3F4F5;
  color: #A4A4A4;
}
.btn.btn-darkgrey-line {
  border: 1px solid #B3B3B3;
  color: #7E7E7E;
}
.btn.btn-grey-line {
  border: 1px solid #E5E5E5;
  color: #7E7E7E;
}
.btn.btn-blue {
  background: #ff7600;
  color: #fff;
  border-radius: 0.2em;
}
.btn.btn-blue.line {
  color: #ff7600;
  background: #fff;
  border: 1px solid #ff7600;
}
.btn.btn-blue.disabled {
  background: #E5E5E5;
  color: #fff;
}
.btn.btn-blue.right-line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1px;
  height: 5.5555555556vw;
  background: #FFFFFF;
  opacity: 0.2;
}
.btn.btn-blue-line {
  border: 0.2777777778vw solid #ff7600;
  background: #fff;
  color: #ff7600;
  border-radius: 0.2em;
}
.btn.btn-black {
  background: #333;
  color: #fff;
}
.btn.btn-show-more {
  background: #F8F8F8;
  color: #7E7E7E;
}
.btn.btn-show-more::before {
  content: "";
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_g_btn_moreplus.png");
  margin-right: 1.1111111111vw;
}
.btn.btn-like {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_like.png");
}
.btn.btn-like.liked {
  background-image: url(../images/icons/common/icon_like_on.png);
}
.btn.btn-gold {
  background: #B89451;
  color: #fff;
}
.btn.btn-radius-min {
  border-radius: 0.2em;
}
.btn.btn-red {
  background: #C4171B;
  color: #fff;
}
.btn.fix {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15.2777777778vw;
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  z-index: 50;
  border-radius: 0;
}
.btn.fix.btn-blue, .btn.fix.btn-grey {
  color: #fff;
}
.btn.fix:disabled {
  background: #E5E5E5;
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #A4A4A4;
  text-align: left;
}
.btn.fix .btn-gift {
  width: 40%;
  height: 15.2777777778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #FF7600;
  text-align: left;
  border: 1px solid #ccc;
  position: relative;
}
.btn.fix .btn-gift::before {
  content: "";
  width: 5vw;
  height: 5vw;
  margin-right: 1.3888888889vw;
  background: url(../images/icons/product_view/icon_gift_orange.svg) no-repeat center center/100%;
}
.btn.fix .btn-order {
  width: 60%;
  height: 15.2777777778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ff7600;
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #ffffff;
  text-align: left;
}
.btn.fix .btn-order.full {
  width: 100%;
}

.btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.btn-wrapper.fix {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 12;
}
.btn-wrapper.fix a {
  font-size: 4.4444444444vw;
}
.btn-wrapper .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 2.7777777778vw;
  border-radius: 0;
}
.btn-wrapper .btn:last-child {
  margin-right: 0;
}
.btn-wrapper .btn.rg-line {
  position: relative;
  margin-right: 0;
}
.btn-wrapper .btn.rg-line::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.2777777778vw;
  height: 5.5555555556vw;
  background-color: #ffffff;
  border-radius: 0vw;
  opacity: 0.2;
}
.btn-wrapper.fit .btn {
  margin: 0;
}

.dw-tab-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dw-tab-wrapper .dw-tab-controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 12.2222222222vw;
  border-bottom: 0.2777777778vw solid #E5E5E5;
}
.dw-tab-wrapper .dw-tab-controller a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  border-bottom: 0.5555555556vw solid transparent;
}
.dw-tab-wrapper .dw-tab-controller a.ov {
  border-color: #333;
  color: #333;
  font-weight: 500;
}
.dw-tab-wrapper .dw-tab-content {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dw-tab-wrapper .dw-tab-content.on {
  display: block;
}
.dw-tab-wrapper.style-only .dw-tab-content {
  display: block;
}
.dw-tab-wrapper.round-type .dw-tab-controller {
  margin: 4.4444444444vw 3.8888888889vw 3.8888888889vw;
  background: #F8F8F8;
  height: 12.7777777778vw;
  border-radius: 6.6666666667vw;
  padding: 1.6666666667vw;
  border-bottom: 0 none;
}
.dw-tab-wrapper.round-type .dw-tab-controller a {
  border-bottom: 0 none;
  height: 100%;
  border-radius: 4.7222222222vw;
}
.dw-tab-wrapper.round-type .dw-tab-controller a.ov {
  -webkit-box-shadow: 1.1111111111vw 1.3888888889vw 3.8888888889vw 0 rgba(0, 0, 0, 0.14);
          box-shadow: 1.1111111111vw 1.3888888889vw 3.8888888889vw 0 rgba(0, 0, 0, 0.14);
  background: #333;
  color: #fff;
}
.dw-tab-wrapper.border-type .dw-tab-controller {
  border-color: transparent;
}
.dw-tab-wrapper.border-type .dw-tab-controller a {
  background: #F8F8F8;
  border-top: 0.2777777778vw solid #F8F8F8;
  border-bottom: 0.2777777778vw solid #EFEFEF;
}
.dw-tab-wrapper.border-type .dw-tab-controller a.ov {
  background: #fff;
  border-top-color: #F8F8F8;
  border-bottom-color: #fff;
  border-right: 0.2777777778vw solid #EFEFEF;
  border-left: 0.2777777778vw solid #EFEFEF;
}
.dw-tab-wrapper.border-type .dw-tab-controller a:last-child {
  border-right: 0 none;
}
.dw-tab-wrapper.bg-type .dw-tab-controller {
  border-bottom: none;
}
.dw-tab-wrapper.bg-type .dw-tab-controller a {
  border-bottom: none;
  border-color: none;
  background: #F2F2F2;
  color: #B3B3B3;
}
.dw-tab-wrapper.bg-type .dw-tab-controller a.ov {
  background: #fff;
  color: #333333;
}

.toggle-content {
  background: #fff;
}
.toggle-content .toggle-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 3.0555555556vw 3.8888888889vw;
}
.toggle-content .toggle-header h5 {
  font-size: 3.8888888889vw;
  font-weight: 700;
  color: #333;
  text-align: left;
  line-height: 5.5555555556vw;
}
.toggle-content .toggle-header .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: 3.8888888889vw;
}
.toggle-content .toggle-header .right span {
  margin-right: 2.7777777778vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.toggle-content .toggle-header.border {
  border-bottom: 0.2777777778vw solid #E5E5E5;
}
.toggle-content .toggle-header .delivery-name span {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.toggle-content.important-box .toggle-header h5 {
  font-size: 3.3333333333vw;
  font-weight: 400;
}
.toggle-content .toggle-body {
  display: none;
  margin-top: 0.2777777778vw;
}
.toggle-content.open .toggle-body {
  display: block;
}
.toggle-content.border {
  border-bottom: 0.2777777778vw solid #E5E5E5;
}
.toggle-content.border-all {
  border-bottom: 0.2777777778vw solid #E5E5E5;
  border-top: 0.2777777778vw solid #E5E5E5;
}

.grey-info-box {
  padding: 3.8888888889vw;
  background-color: #F8F8F8;
}
.grey-info-box h3 {
  font-size: 3.8888888889vw;
  font-weight: 500;
  margin-bottom: 5vw;
}
.grey-info-box ul li {
  padding-left: 2.7777777778vw;
  position: relative;
  margin-bottom: 1.1111111111vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  line-height: 1.5em;
}
.grey-info-box ul li::before {
  content: "";
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  position: absolute;
  left: 0;
  top: 1.6666666667vw;
  background: #7E7E7E;
  border-radius: 0.5555555556vw;
}
.grey-info-box ul li:last-child {
  margin-bottom: 0;
}

.btn-coupon-mini {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: #fff url(../images/banners/recipe/coupon_mini_line.svg) no-repeat center/100%;
  height: 11.1111111111vw;
  width: 81.1111111111vw;
  margin: auto;
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  color: #FF7600;
  padding: 0 5.5555555556vw;
}
.btn-coupon-mini::before {
  content: "";
  width: 6.6666666667vw;
  height: 6.6666666667vw;
}
.btn-coupon-mini::after {
  content: "";
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background: url(../images/icons/coupon/icon_coupon_download.png) no-repeat center/100%;
}

.swiper-paging {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10;
}
.swiper-paging .swiper-pagination-bullet {
  background: #CCCCCC;
  opacity: 1;
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  border-radius: 0.6944444444vw;
}
.swiper-paging .swiper-pagination-bullet-active {
  background: #333333;
  width: 6.6666666667vw;
}
.swiper-paging span {
  margin-right: 2.7777777778vw;
}
.swiper-paging span:last-child {
  margin-right: 0;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: #ff7600;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  transform: translateX(14px);
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E5E5E5;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.3);
}
.switch .slider.round {
  border-radius: 34px;
}
.switch .slider.round::before {
  border-radius: 50%;
}

.tab-top-head-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 11.1111111111vw;
  border-bottom: 1px solid #E5E5E5;
}
.tab-top-head-menu a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.3333333333vw;
  font-weight: 300;
  color: #7E7E7E;
  border-bottom: 2px solid transparent;
}
.tab-top-head-menu a.ov {
  border-color: #333;
  color: #333;
  font-weight: 500;
}

.basic-view {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.basic-view .basic-view-content {
  margin-bottom: 4.4444444444vw;
  background: #fff;
}
.basic-view .basic-view-content .basic-view-head {
  position: relative;
  padding: 2.7777777778vw 3.8888888889vw;
}
.basic-view .basic-view-content .basic-view-head .basic-view-share-btn {
  position: absolute;
  right: 3.8888888889vw;
  top: 2.7777777778vw;
  width: 7.7777777778vw;
  height: 7.7777777778vw;
}
.basic-view .basic-view-content .basic-view-head .basic-view-utils button:last-child {
  margin-left: 1.1111111111vw;
}
.basic-view .basic-view-content .basic-view-head .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
}
.basic-view .basic-view-content .basic-view-head .tit h6 {
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 6.6666666667vw;
  width: 90%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  text-overflow: ellipsis;
  font-weight: 500;
}
.basic-view .basic-view-content .basic-view-head .tit > div:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 80%;
}
.basic-view .basic-view-content .basic-view-head .tit > div.basic-view-utils {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.basic-view .basic-view-content .basic-view-head .sub-tit {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 92%;
  margin-bottom: 2.7777777778vw;
}
.basic-view .basic-view-content .basic-view-head p {
  margin-top: 1.1111111111vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 5vw;
}
.basic-view .basic-view-content .basic-view-head-pd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: start;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 4.4444444444vw 3.8888888889vw;
}
.basic-view .basic-view-content .basic-view-head-pd .basic-view-head-pdimg {
  overflow: hidden;
  width: 22.2222222222vw;
  height: 22.2222222222vw;
  border: 1px solid #E6E6E6;
  border-radius: 1.1111111111vw;
}
.basic-view .basic-view-content .basic-view-head-pd .basic-view-head-pdimg img {
  width: 100%;
  height: 100%;
}
.basic-view .basic-view-content .basic-view-head-pd .basic-view-head-pdtxt {
  padding: 0.5555555556vw 0 0 3.8888888889vw;
  padding-left: 3.8888888889vw;
  width: calc(100% - 30vw);
}
.basic-view .basic-view-content .basic-view-head-pd .basic-view-head-pdtxt .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.6666666667vw;
}
.basic-view .basic-view-content .basic-view-head-pd .basic-view-head-pdtxt span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #999999;
  text-align: left;
  line-height: 5vw;
}
.basic-view .basic-view-content .basic-view-head-pd .basic-view-head-pdtxt h6 {
  font-size: 3.3333333333vw;
  font-weight: 500;
}
.basic-view .basic-view-content .basic-view-head-pd .basic-view-head-pdtxt p {
  margin-top: 1.6666666667vw;
  font-size: 3.6111111111vw;
  line-height: 4.4444444444vw;
}
.basic-view .basic-view-content .basic-view-head-pd .basic-view-head-pdtxt small, .basic-view .basic-view-content .basic-view-head-pd .basic-view-head-pdtxt a {
  word-break: break-all;
  font-size: 3.0555555556vw;
  font-weight: 400;
  color: #A4A4A4;
  text-align: left;
}
.basic-view .basic-view-content .basic-view-head-pd .basic-view-utils-btn {
  position: absolute;
  top: 5.5555555556vw;
  right: 3.8888888889vw;
}
.basic-view .basic-view-content .basic-view-img-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  margin: 0 3.8888888889vw 6.6666666667vw;
  min-height: 38.8888888889vw;
  background: #F7F8F9;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.basic-view .basic-view-content .basic-view-img-select .img-area img {
  position: relative;
  z-index: 2;
}
.basic-view .basic-view-content .basic-view-img-select .img-area .select-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 5.2777777778vw;
}
.basic-view .basic-view-content .basic-view-img-select a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  right: 3.3333333333vw;
  bottom: 3.3333333333vw;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  border-radius: 50%;
  background: rgba(51, 51, 51, 0.7);
  z-index: 3;
}
.basic-view .basic-view-content .basic-view-text {
  padding: 4.4444444444vw 3.8888888889vw 18.0555555556vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: center;
  line-height: 6.1111111111vw;
}
.basic-view .plancontype2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.basic-view .plancontype2 > * {
  width: 50%;
}
.basic-view .basic-view-product {
  padding-top: 3.3333333333vw;
  background: #fff;
}
.basic-view .basic-view-reply-content {
  background: #fff;
}
.basic-view .basic-view-reply-content .basic-view-reply-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 4.4444444444vw 3.8888888889vw 2.7777777778vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-title h3 {
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #333;
  text-align: left;
  line-height: 6.6666666667vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-title h3 span {
  margin-left: 1.3888888889vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
  line-height: 5vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-title .basic-view-my {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.basic-view .basic-view-reply-content .basic-view-reply-title .basic-view-my span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.basic-view .basic-view-reply-content .basic-view-reply-tip {
  background: #F8F8F8;
  margin: 0 3.8888888889vw 3.8888888889vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: start;
  padding: 3.3333333333vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-tip span {
  display: block;
  width: 10vw;
  height: 5vw;
  line-height: 5vw;
  background: #FF7600;
  border-radius: 2em;
  text-align: center;
  color: #fff;
  font-size: 2.7777777778vw;
  font-weight: bold;
  margin-right: 1.6666666667vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-tip p {
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 4.4444444444vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-write-box, .basic-view .basic-view-reply-content .basic-view-rereply-write-box {
  padding: 0 3.8888888889vw 7.7777777778vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-reply-write, .basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-rereply-write, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-reply-write, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-rereply-write {
  position: relative;
  margin-bottom: 3.3333333333vw;
  border-radius: 0.5555555556vw;
  border: 1px solid #D4D4D4;
  padding-bottom: 8.3333333333vw;
  background: #fff;
}
.basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-reply-write textarea, .basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-rereply-write textarea, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-reply-write textarea, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-rereply-write textarea {
  width: 100%;
  height: 37.2222222222vw;
  resize: none;
  padding: 2.7777777778vw 3.3333333333vw 0;
  font-family: "Pretendard Variable", Pretendard, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 3.6111111111vw;
  font-weight: 400;
  line-height: 5.5555555556vw;
  border: none;
}
.basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-reply-write textarea::-webkit-input-placeholder, .basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-rereply-write textarea::-webkit-input-placeholder, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-reply-write textarea::-webkit-input-placeholder, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-rereply-write textarea::-webkit-input-placeholder {
  color: #B3B3B3;
}
.basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-reply-write textarea::-moz-placeholder, .basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-rereply-write textarea::-moz-placeholder, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-reply-write textarea::-moz-placeholder, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-rereply-write textarea::-moz-placeholder {
  color: #B3B3B3;
}
.basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-reply-write textarea:-ms-input-placeholder, .basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-rereply-write textarea:-ms-input-placeholder, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-reply-write textarea:-ms-input-placeholder, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-rereply-write textarea:-ms-input-placeholder {
  color: #B3B3B3;
}
.basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-reply-write textarea::-ms-input-placeholder, .basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-rereply-write textarea::-ms-input-placeholder, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-reply-write textarea::-ms-input-placeholder, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-rereply-write textarea::-ms-input-placeholder {
  color: #B3B3B3;
}
.basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-reply-write textarea::placeholder, .basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-rereply-write textarea::placeholder, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-reply-write textarea::placeholder, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-rereply-write textarea::placeholder {
  color: #B3B3B3;
}
.basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-reply-write textarea:focus, .basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-rereply-write textarea:focus, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-reply-write textarea:focus, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-rereply-write textarea:focus {
  outline: none;
}
.basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-reply-write .basic-view-reply-write-cnt, .basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-reply-write .basic-view-rereply-write-cnt, .basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-rereply-write .basic-view-reply-write-cnt, .basic-view .basic-view-reply-content .basic-view-reply-write-box .basic-view-rereply-write .basic-view-rereply-write-cnt, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-reply-write .basic-view-reply-write-cnt, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-reply-write .basic-view-rereply-write-cnt, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-rereply-write .basic-view-reply-write-cnt, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .basic-view-rereply-write .basic-view-rereply-write-cnt {
  position: absolute;
  right: 3.8888888889vw;
  bottom: 4.1666666667vw;
  font-size: 2.7777777778vw;
  font-weight: 400;
  color: #7E7E7E;
}
.basic-view .basic-view-reply-content .basic-view-reply-write-box .btn-write, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .btn-write {
  width: 100%;
  height: 11.1111111111vw;
  border-radius: 0.2em;
  background: #ff7600;
  color: #fff;
  font-size: 3.8888888889vw;
  font-weight: 500;
}
.basic-view .basic-view-reply-content .basic-view-reply-write-box .btn, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .btn {
  width: 100%;
  height: 11.1111111111vw;
  font-size: 3.8888888889vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-write-box .btn-write:disabled, .basic-view .basic-view-reply-content .basic-view-rereply-write-box .btn-write:disabled {
  background: #E5E5E5;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap {
  border-top: 1px solid #E5E5E5;
  padding: 3.8888888889vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-reply-txt {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5.2777777778vw;
  word-break: break-all;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-reply-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 3.3333333333vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-reply-info span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #999999;
  text-align: left;
  line-height: 5vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-reply-btn {
  margin-top: 3.3333333333vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-reply-btn a {
  display: inline-block;
  height: 6.6666666667vw;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 6.6666666667vw;
  border-radius: 1.2em;
  text-align: center;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-reply-btn a.btn-reply {
  width: 17.2222222222vw;
  border: 1px solid #E5E5E5;
  color: #7E7E7E;
  display: none;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-reply-btn a.btn-del {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-rereply-txt-box {
  position: relative;
  border-radius: 0.5555555556vw;
  padding: 2.7777777778vw 3.8888888889vw 3.0555555556vw 1.6666666667vw;
  background: #F8F8F8;
  margin: 3.3333333333vw 0 0;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-rereply-txt-box .basic-view-reply-info {
  margin-bottom: 1.6666666667vw;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-rereply-txt-box .basic-view-reply-info i {
  margin-right: 1.6666666667vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-rereply-txt-box .basic-view-reply-info .basic-view-reply-btn {
  margin-top: 0;
  position: absolute;
  right: 3.8888888889vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-rereply-txt-box .basic-view-rereply-txt {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 4.4444444444vw;
  padding-left: 6.1111111111vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-rereply-txt-box .basic-view-rereply-write-box {
  padding: 0;
  padding-left: 1.1111111111vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-rereply-txt-box .basic-view-rereply-write-box .basic-view-rereply-write textarea {
  height: 16.6666666667vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-rereply-txt-box .basic-view-rereply-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-rereply-txt-box .basic-view-rereply-btn a {
  display: inline-block;
  width: 10vw;
  height: 6.6666666667vw;
  line-height: 6.6666666667vw;
  border-radius: 1.2em;
  font-size: 3.3333333333vw;
  font-weight: 500;
  text-align: center;
  margin-left: 1.1111111111vw;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-rereply-txt-box .basic-view-rereply-btn a.btn-rereply {
  background: #ff7600;
  color: #fff;
}
.basic-view .basic-view-reply-content .basic-view-reply-wrap .basic-view-rereply-txt-box .basic-view-rereply-btn a.btn-cancel {
  background: #fff;
  border: 1px solid #E5E5E5;
  color: #7E7E7E;
}
.basic-view .basic-view-pd-con {
  padding: 4.4444444444vw 0 5.5555555556vw;
}
.basic-view .basic-view-pd-con .basic-view-pd-txt {
  padding: 5vw 3.8888888889vw 6.6666666667vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  text-align: center;
  line-height: 7.2222222222vw;
  word-break: break-all;
}
.basic-view .basic-view-fix-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.basic-view .basic-view-fix-btn a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 0;
}
.basic-view .basic-view-modify-btn {
  margin: 0 auto 8.3333333333vw;
  width: 29.4444444444vw;
  height: 10vw;
}

.basic-view-head-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.basic-view-head-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 29.4444444444vw;
  height: 10vw;
}

.basic-review-write {
  padding: 0 0 22.2222222222vw;
}
.basic-review-write .basic-review-write-box {
  margin-top: 5.5555555556vw;
  padding: 0 3.8888888889vw 0;
}
.basic-review-write .basic-review-write-box .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.8888888889vw;
  font-weight: 500;
  line-height: 5.5555555556vw;
  margin-bottom: 3.3333333333vw;
}
.basic-review-write .basic-review-write-box .tit i {
  color: #FF7600;
}
.basic-review-write .basic-review-write-box .input {
  border: 1px solid #D4D4D4;
  border-radius: 0.2em;
  overflow: hidden;
  position: relative;
  background: #fff;
}
.basic-review-write .basic-review-write-box .input input {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 3.3333333333vw;
  font-size: 3.6111111111vw;
  height: 11.1111111111vw;
  border: none;
  font-family: "Pretendard Variable", Pretendard, sans-serif;
}
.basic-review-write .basic-review-write-box .input input::-webkit-input-placeholder {
  color: #B3B3B3;
}
.basic-review-write .basic-review-write-box .input input::-moz-placeholder {
  color: #B3B3B3;
}
.basic-review-write .basic-review-write-box .input input:-ms-input-placeholder {
  color: #B3B3B3;
}
.basic-review-write .basic-review-write-box .input input::-ms-input-placeholder {
  color: #B3B3B3;
}
.basic-review-write .basic-review-write-box .input input::placeholder {
  color: #B3B3B3;
}
.basic-review-write .basic-review-write-box .input select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../images/icons/common/icon_select_down_arrow.png") no-repeat 98% center;
  background-size: 5.5555555556vw;
}
.basic-review-write .basic-review-write-box .max input {
  padding-right: 18.0555555556vw;
}
.basic-review-write .basic-review-write-box .textarea {
  padding-bottom: 8.3333333333vw;
  background: #fff;
}
.basic-review-write .basic-review-write-box .textarea *:not(span) {
  height: 100%;
}
.basic-review-write .basic-review-write-box .textarea textarea {
  resize: none;
  padding: 3.3333333333vw;
  line-height: 5.5555555556vw;
  outline: none;
}
.basic-review-write .basic-review-again {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 2.7777777778vw 3.8888888889vw 3.3333333333vw;
  background: #F8F8F8;
}
.basic-review-write .basic-review-again h6 {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5vw;
}
.basic-review-write .basic-review-again a {
  position: relative;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5vw;
}
.basic-review-write .basic-review-again a::after {
  position: absolute;
  bottom: -0.8333333333vw;
  left: 0;
  display: inline-block;
  content: "";
  width: 100%;
  height: 0.2777777778vw;
  background: #7E7E7E;
}
.basic-review-write .basic-paragraph-list li {
  margin-top: 5.5555555556vw;
}
.basic-review-write .basic-review-write-sbox .stit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.3333333333vw;
  font-weight: 500;
  line-height: 5vw;
  border-bottom: 1px solid #E5E5E5;
  padding: 0 3.8888888889vw 3.3333333333vw;
  position: relative;
  margin-bottom: 5.5555555556vw;
}
.basic-review-write .basic-review-write-sbox .stit span {
  color: #7E7E7E;
  font-weight: 400;
}
.basic-review-write .basic-review-write-sbox .stit span::before {
  display: inline-block;
  content: "|";
  margin: 0 1.9444444444vw;
}
.basic-review-write .basic-review-write-sbox .stit i {
  color: #FF7600;
}
.basic-review-write .basic-review-write-sbox .stit a {
  display: block;
  width: 10vw;
  height: 6.6666666667vw;
  line-height: 6.6666666667vw;
  text-align: center;
  border-radius: 5.5555555556vw;
  background: #fff;
  border-radius: 5.5555555556vw;
  border: 1px solid #E5E5E5;
  position: absolute;
  right: 3.8888888889vw;
}
.basic-review-write .basic-review-write-sbox .img-box {
  margin: 0 3.8888888889vw 3.8888888889vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.basic-review-write .basic-review-write-sbox .img-box .img {
  width: 27.7777777778vw;
  height: 27.7777777778vw;
  border-radius: 0.2em;
  overflow: hidden;
  position: relative;
  margin-right: 2.7777777778vw;
}
.basic-review-write .basic-review-write-sbox .img-box .img a {
  position: absolute;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background: #7E7E7E url("../images/icons/common/icon_tab_delete.png") no-repeat center;
  background-size: 5vw;
  border-radius: 50%;
  right: 1.1111111111vw;
  top: 1.1111111111vw;
}
.basic-review-write .basic-review-write-sbox .img-box .img-btn {
  border: 1px solid #E6E6E6;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.basic-review-write .basic-review-write-sbox .img-box .img-btn img {
  display: inline-block;
  width: 11.6666666667vw;
}
.basic-review-write .basic-review-write-sbox .img-box .img-btn span {
  display: inline-block;
  font-size: 3.3333333333vw;
  font-weight: 500;
  line-height: 5vw;
  margin-top: 2.7777777778vw;
}
.basic-review-write .basic-review-write-sbox .img-box .img-btn span::before {
  display: inline-block;
  content: "";
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  background: url("../images/icons/common/ico_plus_b.png") no-repeat left center;
  margin-right: 1.1111111111vw;
}
.basic-review-write .basic-review-scon {
  background: #F8F8F8;
  padding: 3.3333333333vw 0 0;
  margin-bottom: 5.5555555556vw;
}

.img-caption-write-cnt {
  position: absolute;
  right: 3.8888888889vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2.7777777778vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}

.content-write-cnt {
  position: absolute;
  right: 3.8888888889vw;
  bottom: 4.1666666667vw;
  font-size: 2.7777777778vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}

.basic-more-btn, .basic-delete-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 4.4444444444vw 0 5.5555555556vw;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 7.5vw;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #7E7E7E;
  text-align: left;
}
.basic-more-btn i, .basic-delete-btn i {
  margin-left: 0.5555555556vw;
}

.basic-delete-btn {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #EA4D4D;
  text-align: left;
}

.basic-more-btn2 {
  display: block;
  margin: 2.7777777778vw auto 0;
  width: 92.2222222222vw;
  text-align: center;
  height: 12.2222222222vw;
  border: 1px solid #E5E5E5;
  border-radius: 0.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.basic-more-btn2 i {
  margin-left: 0.8333333333vw;
}

.basic-list-btn {
  text-align: center;
}
.basic-list-btn a {
  display: inline-block;
  width: 38.8888888889vw;
  height: 11.1111111111vw;
  line-height: 11.1111111111vw;
  border-radius: 6.1111111111vw;
  border: 1px solid #333333;
  font-size: 3.8888888889vw;
  font-weight: 500;
}

.basic-review-img-popup {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.basic-review-img-popup .slide-paging {
  position: fixed;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  background: #333333;
  color: rgba(255, 255, 255, 0.8);
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 5vw;
  padding: 0.5555555556vw 2.2222222222vw 1.1111111111vw;
  border-radius: 3.3333333333vw;
}
.basic-review-img-popup .slide-paging strong {
  font-weight: 500;
  color: #fff;
}

.basic-review-detail .basic-review-detail-head {
  padding: 3.3333333333vw 3.8888888889vw 2.7777777778vw;
  border-bottom: 1px solid #E5E5E5;
}
.basic-review-detail .basic-review-detail-head h6 {
  font-size: 5vw;
  font-weight: 400;
  line-height: 7.5vw;
  margin-bottom: 1.6666666667vw;
}
.basic-review-detail .basic-review-detail-head .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: center;
      align-content: center;
}
.basic-review-detail .basic-review-detail-head .info > p {
  margin-left: 5vw;
}
.basic-review-detail .basic-review-detail-head .info > p:first-child {
  margin-left: 0;
}
.basic-review-detail .basic-review-detail-head .info * {
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 5vw;
  color: #B3B3B3;
}
.basic-review-detail .basic-review-detail-box {
  padding: 4.4444444444vw 3.8888888889vw 8.3333333333vw;
}
.basic-review-detail .basic-review-detail-box .img {
  margin-bottom: 6.6666666667vw;
}
.basic-review-detail .basic-review-detail-box .txt {
  word-break: keep-all;
  font-size: 3.6111111111vw;
  font-weight: 400;
  line-height: 6.1111111111vw;
}
.basic-review-detail .basic-review-detail-box .txt.center {
  text-align: center;
}

h3.center-title {
  font-size: 5vw;
  font-weight: 700;
  color: #333;
  text-align: left;
  margin: 11.1111111111vw 0 5.5555555556vw;
}

.list-loading {
  padding: 15.2777777778vw 0;
  width: 100%;
}
.list-loading img {
  margin: 0 auto;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
}

.dot-list li, .dot-list span {
  position: relative;
  padding-left: 2.5vw;
}
.dot-list li::before, .dot-list span::before {
  position: absolute;
  top: 2.2222222222vw;
  left: 0;
  content: "";
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  background: #7E7E7E;
  border-radius: 50%;
}

.empty-content {
  height: 83.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.empty-content span {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}

.horizontal-scrollbox::-webkit-scrollbar {
  display: none;
}

.scroll-bar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll-bar-hide::-webkit-scrollbar {
  display: none;
}

.layer-share-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 7.2222222222vw 0;
}
.layer-share-list li {
  margin-right: 8.3333333333vw;
  text-align: center;
}
.layer-share-list li span {
  display: block;
  margin-top: 2.7777777778vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: center;
  line-height: 5vw;
}
.layer-share-list li a span:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 13.8888888889vw;
  height: 13.8888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  border-radius: 5vw;
}
.layer-share-list li a span:first-child.kakao {
  background-color: #FAE302;
}
.layer-share-list li a span:first-child.sms {
  background-color: #05DF3D;
}
.layer-share-list li a span:first-child.urlcopy {
  background-color: #47C2FF;
}
.layer-share-list li:last-child {
  margin-right: 0;
}

.list-data-none {
  padding: 13.8888888889vw 0 22.2222222222vw;
  text-align: center;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: center;
  line-height: 5vw;
}
.list-data-none i {
  margin: 0 auto;
}
.list-data-none span {
  display: block;
}
.list-data-none a.btn {
  display: inline-block;
  margin-top: 4.4444444444vw;
  padding: 0 6.1111111111vw;
  font-size: 3.8888888889vw;
  font-weight: 500;
  line-height: 10vw;
}

.list-more-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 11.1111111111vw;
  border-radius: 0.5555555556vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.list-more-btn::after {
  content: "";
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_arrow.svg");
  margin-left: 1.1111111111vw;
}

.attach-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 8.3333333333vw 0 2.7777777778vw;
}
.attach-buttons i {
  width: 1px;
  height: 15vw;
  background: #F2F2F2;
}

.important-box {
  border-top: 0.2777777778vw solid #E5E5E5;
  border-bottom: 0.2777777778vw solid #E5E5E5;
  background: #fff;
  margin-bottom: 8.3333333333vw;
}
.important-box p {
  color: #333;
  font-weight: 600;
}
.important-box .important-tit {
  padding: 3.0555555556vw 3.8888888889vw;
  font-size: 3.3333333333vw;
  font-weight: 500;
  line-height: 5vw;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.important-box .important-tit::after {
  display: block;
  content: "";
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: url("../images/icon/common/icon_arrow_gray_16.svg") no-repeat right center;
}
.important-box .important-tit.on::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.important-box .important-tit h5 {
  font-size: 3.3333333333vw;
}
.important-box .important-content {
  display: none;
  padding: 3.8888888889vw;
  background: #FFFFFF;
  border-top: 0.2777777778vw solid #E5E5E5;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 3.8888888889vw;
}
.important-box .important-content h6 {
  margin-bottom: 2.2222222222vw;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 5vw;
}
.important-box .important-content .list {
  margin-bottom: 5.5555555556vw;
}
.important-box .important-content .list:last-of-type(1) {
  margin-bottom: 0;
}
.important-box .important-content ul li {
  position: relative;
  margin-bottom: 1.6666666667vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 5vw;
}
.important-box .important-content ul li:last-child {
  margin-bottom: 0;
}
.important-box .important-content ul.dotlist li {
  padding-left: 2.2222222222vw;
}
.important-box .important-content ul.dotlist li::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 2.2222222222vw;
  left: 0;
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  background-color: #7E7E7E;
  border-radius: 0.8333333333vw;
}
.important-box .important-content strong {
  font-size: 3.3333333333vw;
  font-weight: 600;
  color: #333;
  text-align: left;
}
.important-box .important-content table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.important-box .important-content table th {
  display: inline-block;
  margin-right: 5vw;
  width: 20vw;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 4.4444444444vw;
  padding: 0.8333333333vw 0;
  vertical-align: top;
}
.important-box .important-content table td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 4.4444444444vw;
  padding: 0.8333333333vw 0;
  vertical-align: top;
}
.important-box.open .important-content {
  display: block;
}

.pd-img {
  overflow: hidden;
  display: block;
  position: relative;
  margin-top: 2.7777777778vw;
  width: 17.7777777778vw;
  height: 17.7777777778vw;
  background-color: transparent;
  border-radius: 0vw;
  border-radius: 1.1111111111vw;
}
.pd-img span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: rgba(51, 51, 51, 0.6);
  font-size: 3.0555555556vw;
  font-weight: 400;
  color: #fff;
  text-align: left;
}

.popup-notice-wrapper {
  padding: 5.5555555556vw 3.8888888889vw 0;
}
.popup-notice-wrapper .popup-notice {
  margin-bottom: 5.5555555556vw;
}
.popup-notice-wrapper .popup-notice h4 {
  margin-bottom: 2.2222222222vw;
  font-size: 3.6111111111vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  letter-spacing: -0.2777777778vw;
}
.popup-notice-wrapper .popup-notice .popup-text strong {
  display: block;
  margin-bottom: 2.2222222222vw;
  font-size: 3.6111111111vw;
  font-weight: 500;
  color: #7E7E7E;
  text-align: left;
  letter-spacing: -0.2777777778vw;
  line-height: 6.1111111111vw;
}
.popup-notice-wrapper .popup-notice .popup-text ul {
  margin-bottom: 3.8888888889vw;
}
.popup-notice-wrapper .popup-notice .popup-text ul li {
  margin-bottom: 1.6666666667vw;
  position: relative;
  padding-left: 2.5vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 5vw;
  letter-spacing: -0.2777777778vw;
}
.popup-notice-wrapper .popup-notice .popup-text ul li::before {
  position: absolute;
  top: 2.2222222222vw;
  left: 0;
  content: "";
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  background: #7E7E7E;
  border-radius: 50%;
}
.popup-notice-wrapper .popup-notice .popup-text ul li span {
  display: block;
  line-height: 5vw;
  letter-spacing: -0.2777777778vw;
  position: relative;
  padding-left: 0.5555555556vw;
  margin-top: 0.5555555556vw;
}
.popup-notice-wrapper .popup-notice .popup-text ul li span::before {
  content: "-";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -1.9444444444vw;
}
.popup-notice-wrapper .popup-notice .popup-text ul li:last-child {
  margin-bottom: 0;
}
.popup-notice-wrapper .popup-notice .popup-text p {
  position: relative;
  margin-bottom: 1.6666666667vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5vw;
  padding-left: 3.8888888889vw;
  letter-spacing: -0.2777777778vw;
}
.popup-notice-wrapper .popup-notice .popup-text p::before {
  display: inline-block;
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.my-delivery-write .row1 {
  padding: 4.4444444444vw 3.8888888889vw;
}
.my-delivery-write .row1 > * {
  margin-bottom: 3.3333333333vw;
}
.my-delivery-write .row1 > *:last-child {
  margin-bottom: 0;
}
.my-delivery-write .row2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 3.8888888889vw;
}
.my-delivery-write .row2 strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.8888888889vw;
  font-weight: 700;
  color: #333;
  text-align: left;
}
.my-delivery-write .row2 strong .icon-question {
  margin-left: 0.8333333333vw;
}
.my-delivery-write .row2 .right .icon-arrow {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
}
.my-delivery-write .row2 .toggle-body {
  padding: 3.8888888889vw;
}
.my-delivery-write .row2 .toggle-body .door-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.7777777778vw;
}
.my-delivery-write .row2 .toggle-body .door-selector .dw-form {
  margin-right: 2.7777777778vw;
}
.my-delivery-write .row2 .toggle-body .door-selector .dw-form span {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.my-delivery-write .row2 .toggle-body .dw-form.text {
  margin-bottom: 2.7777777778vw;
}
.my-delivery-write .row2 .toggle-body .dot-list li {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 1.5em;
}
.my-delivery-write .row3 {
  padding: 2.7777777778vw 3.8888888889vw;
}

.zipcode-search {
  margin-bottom: 5.5555555556vw;
  padding: 3.3333333333vw 3.8888888889vw 0;
}

.zipcode-lists {
  padding: 0 3.8888888889vw;
}
.zipcode-lists .list-data-none {
  padding: 13.8888888889vw 0 5.5555555556vw;
}
.zipcode-lists > p {
  margin-bottom: 3.3333333333vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 5vw;
}
.zipcode-lists > p span {
  font-weight: 500;
}
.zipcode-lists ul li {
  margin-bottom: 1.6666666667vw;
  padding: 2.7777777778vw 3.3333333333vw;
  border: 1px solid #F2F2F2;
  border-radius: 0.5555555556vw;
}
.zipcode-lists ul li.selected {
  border-color: #ff7600;
}
.zipcode-lists ul li strong {
  margin-bottom: 0.5555555556vw;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 5vw;
}
.zipcode-lists ul li strong.thebc-orange {
  color: #ff9100;
}
.zipcode-lists ul li strong.thebc-grey {
  color: #A4A4A4;
}
.zipcode-lists ul li p {
  margin-bottom: 1.1111111111vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5.5555555556vw;
}
.zipcode-lists ul li span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 5vw;
}
.zipcode-lists ul li span em {
  margin-left: 1.1111111111vw;
}

.search-tip-area {
  margin-top: 8.3333333333vw;
  padding: 0 3.8888888889vw;
}
.search-tip-area h3 {
  margin-bottom: 2.2222222222vw;
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 5.2777777778vw;
}
.search-tip-area .tbl-search-tip th {
  width: 32.7777777778vw;
  background: #F8F8F8;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.search-tip-area .tbl-search-tip td {
  width: 59.7222222222vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.search-tip-area .tbl-search-tip th, .search-tip-area .tbl-search-tip td {
  padding-left: 3.3333333333vw;
  border: 0.2777777778vw solid #E5E5E5;
  line-height: 11.1111111111vw;
}

.dawn-delivery-search {
  padding: 0 3.8888888889vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 5.2777777778vw;
}
.dawn-delivery-search em {
  color: #FF4B00;
}

#fileFrm {
  position: fixed;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

.ajax-on-hide {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@-webkit-keyframes loopRotate {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loopRotate {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.ajax-wait .ajax-on-hide {
  opacity: 0;
  pointer-events: none;
}
.ajax-wait .ajax-loading::after {
  content: "";
  background: url("../images/icons/common/icon_loading.png") no-repeat center/100%;
  display: block;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  margin: 11.1111111111vw auto;
  -webkit-animation: loopRotate 1s infinite linear;
          animation: loopRotate 1s infinite linear;
}
.ajax-wait.wait-content::before {
  content: "";
  position: fixed;
  z-index: 100000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-filter: blur(0.9);
          filter: blur(0.9);
}
.ajax-wait.wait-content::after {
  content: "";
  position: fixed;
  background-image: url("../images/icons/common/icon_loading.png");
  background-repeat: no-repeat;
  background-size: 11.1111111111vw 11.1111111111vw;
  background-position: center;
  -webkit-animation: loopRotate 1s infinite linear;
          animation: loopRotate 1s infinite linear;
  z-index: 100000;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  left: 50vw;
  top: 50vh;
  margin-top: -5.5555555556vw;
  margin-left: -5.5555555556vw;
  opacity: 0.6;
}

.error-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.error-inner .content {
  text-align: center;
}
.error-inner .content i {
  margin: 0 auto;
}
.error-inner .content h2 {
  margin-top: 3.3333333333vw;
  font-size: 5vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 7.5vw;
}
.error-inner .content p {
  margin: 1.6666666667vw 0 6.6666666667vw;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
}
.error-inner .content .btn-box a {
  margin: 0 auto 2.7777777778vw;
  width: 63.8888888889vw;
  height: 12.2222222222vw;
  font-weight: 500;
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
.error-inner .content .btn-box a:last-child {
  margin-bottom: 6.6666666667vw;
  color: #7E7E7E;
}
.error-inner .content .info-box {
  margin-top: 3.8888888889vw;
  text-align: center;
}
.error-inner .content .info-box a {
  display: block;
  margin-bottom: 0.5555555556vw;
  font-size: 3.6111111111vw;
}
.error-inner .content .info-box i {
  font-size: 3.3333333333vw;
  color: #A4A4A4;
}

.share-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: fixed;
  top: 15.5555555556vw;
  left: 2.7777777778vw;
  right: 2.7777777778vw;
  z-index: 1;
  padding: 3.8888888889vw 3.3333333333vw;
  border-radius: 0.4em;
  background: #333;
  opacity: 0.98;
}
.share-inner p {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #fff;
  text-align: left;
}
.share-inner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 17.2222222222vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  border: 1px solid rgba(255, 255, 255, 0.3137254902);
  border-radius: 1.1111111111vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #fff;
  text-align: left;
}

.today-recommend-inner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 15vw;
  overflow: hidden;
  border-top-left-radius: 5.5555555556vw;
  border-top-right-radius: 5.5555555556vw;
}
.today-recommend-inner .tti {
  position: relative;
  padding: 2.7777777778vw 4.4444444444vw;
  background: -webkit-gradient(linear, left top, right top, from(#4FA0FB), to(#3480D7));
  background: linear-gradient(90deg, #4FA0FB 0%, #3480D7 100%);
  color: #fff;
}
.today-recommend-inner .tti p {
  padding-bottom: 2.2222222222vw;
  font-size: 3.8888888889vw;
}
.today-recommend-inner .tti h3 {
  font-size: 4.4444444444vw;
}
.today-recommend-inner .tti .layer-cancel {
  position: absolute;
  top: 4.1666666667vw;
  right: 4.1666666667vw;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: url("../images/icon/common/icon_close_wht_24.svg") no-repeat center 0/100% auto;
}
.today-recommend-inner .product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 4.4444444444vw;
}
.today-recommend-inner .product-info .thumb {
  width: 17.7777777778vw;
  height: 17.7777777778vw;
  overflow: hidden;
  border: 1px solid #E6E6E6;
  border-radius: 0.4em;
}
.today-recommend-inner .product-info .info {
  width: 70vw;
}
.today-recommend-inner .product-info .info h4 {
  font-size: 3.3333333333vw;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  text-overflow: ellipsis;
  max-height: 9.4444444444vw;
}
.today-recommend-inner .product-info .info .price {
  padding-top: 2.2222222222vw;
  font-size: 4.4444444444vw;
}
.today-recommend-inner .product-info .info .price small {
  font-weight: 500;
  color: #FF5600;
}
.today-recommend-inner .product-info .info .price strong {
  font-weight: 500;
}

.main-slide-text {
  padding: 3.8888888889vw 5.5555555556vw;
}
.main-slide-text h4 {
  font-size: 6.1111111111vw;
  font-weight: 700;
  color: #333;
  text-align: center;
  line-height: 7.7777777778vw;
}
.main-slide-text span {
  display: block;
  margin-top: 1.1111111111vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: center;
  line-height: 5.5555555556vw;
}

.icon {
  display: block;
  /* 
      아이콘 다시 정리 - svg
      /icon/폴더명/
      TODO: bottom menu / 전문관 로고 / 안뜨는 아이콘 넣기
  */
}
.icon.icon-header-search {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_header_search_b.svg");
}
.icon.icon-header-cart {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_header_cart_b.svg");
}
.icon.icon-write {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_write.svg");
}
.icon.icon-write.white {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_write_w.svg");
}
.icon.icon-write.white2 {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_write_w2.svg");
}
.icon.icon-full-arrow {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_arrow_full_b.svg");
}
.icon.icon-user-chk {
  width: 5.8333333333vw;
  height: 5vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_app_user.svg");
}
.icon.icon-bell {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_app_bell.svg");
}
.icon.icon-gift {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_app_gift.svg");
}
.icon.icon-sort-one {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_prdlist_sort_one.svg");
}
.icon.icon-sort-two {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_prdlist_sort_two.svg");
}
.icon.icon-back-arrow {
  width: 2.2222222222vw;
  height: 4.1666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_back_arrow_bk.svg");
}
.icon.icon-plus {
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_plus.svg");
}
.icon.icon-plus.white {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_plus_w.svg");
}
.icon.icon-plus.black {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_plus_b.svg");
}
.icon.icon-plus-grey {
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_plus_grey.svg");
}
.icon.icon-plus-grey.light {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_plus_grey_light.svg");
}
.icon.icon-plus-blue {
  width: 3.0555555556vw;
  height: 3.0555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_plus_blue.svg");
}
.icon.icon-arrow-link {
  width: 0.8333333333vw;
  height: 1.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/product_view/icon_arrow_link.svg");
}
.icon.icon-arrow-right.white {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_arrow_right_w.svg");
}
.icon.icon-clock-w {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/product_view/icon_clock_w.svg");
}
.icon.icon-star-blue {
  width: 5vw;
  height: 5vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/mypage/icon_mydw_dv_star.png");
}
.icon.icon-question {
  width: 3.8888888889vw;
  height: 3.8888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_question.svg");
}
.icon.icon-triangle-arrow-bottom {
  width: 3.8888888889vw;
  height: 3.8888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_triangle_gray_circcle_14.svg");
}
.icon.icon-triangle-arrow-bottom.down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.icon.icon-triangle-arrow-bottom.dark-grey {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_trianble_darkg.svg");
}
.icon.icon-triangle-pink {
  width: 1.6666666667vw;
  height: 1.3888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_triangle_pink.png");
}
.icon.icon-circle-close {
  width: 8.3333333333vw;
  height: 8.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_circle_close.svg");
}
.icon.icon-circle-close.dark-grey {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_circle_close_dgrey.svg");
}
.icon.icon-circle-close.light-grey {
  width: 3.8888888889vw;
  height: 3.8888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_circle_close_lgrey.svg");
}
.icon.icon-heart {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_heart.svg");
}
.icon.icon-heart.on {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_heart_on.svg");
}
.icon.icon-setting {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_setting.svg");
}
.icon.icon-error-bulb {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_error_bulb.svg");
}
.icon.icon-search {
  width: 3.8888888889vw;
  height: 3.8888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_search_active.svg");
}
.icon.icon-search.active {
  background-color: #ff7600;
}
.icon.icon-search.disable {
  background-color: #A4A4A4;
}
.icon.icon-circle-arrow {
  mask-image: url(../images/icons/common/icon_circle_arrow.svg);
  -webkit-mask-image: url(../images/icons/common/icon_circle_arrow.svg);
  mask-size: cover;
  -webkit-mask-size: cover;
  background: #333;
}
.icon.icon-circle-arrow.white {
  background: #fff;
}
.icon.icon-home {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_home.svg");
}
.icon.icon-home.black {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_home_selected.svg");
}
.icon.icon-foryou {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_foryou.svg");
}
.icon.icon-category {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_category.svg");
}
.icon.icon-mypage {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_mydwm.svg");
}
.icon.icon-delivery {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_delivery.svg");
}
.icon.icon-eye {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/form/icon_input_pweye_32.png");
}
.icon.icon-eye.on {
  background-image: url("../images/icon/form/icon_input_pweye_on_32.png");
}
.icon.icon-coupon {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_coupon.svg");
}
.icon.icon-coupon-cool {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/coupon/icon_coupon_cool.svg");
}
.icon.icon-present {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/event/icon_present_g.svg");
}
.icon.icon-search-default {
  width: 8.8888888889vw;
  height: 8.8888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_search_default.png");
}
.icon.icon-arrow-unfold {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_arrow_gray_16.svg");
}
.icon.icon-arrow-unfold.down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.icon.icon-arrow-unfold.r90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.icon.icon-like-black {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_like_black.svg");
}
.icon.icon-like-grey {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_like.png");
}
.icon.icon-share-black {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_share_black.svg");
}
.icon.icon-share-grey {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_share.png");
}
.icon.icon-drop-arrow {
  width: 2.2222222222vw;
  height: 1.1111111111vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_drop_arrow.svg");
}
.icon.icon-drop-arrow.down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.icon.icon-arrow-bk {
  width: 2.2222222222vw;
  height: 1.3888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_arrow_bk.svg");
}
.icon.icon-arrow-bk.down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.icon.icon-arrow-grey {
  width: 1.6666666667vw;
  height: 1.1111111111vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_arrow_gy.svg");
}
.icon.icon-arrow-grey.down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.icon.icon-cart-b {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_prdlist_cart_blue_24.svg");
}
.icon.icon-cart-b.w22 {
  width: 6.1111111111vw;
  height: 6.1111111111vw;
  background-color: transparent;
  border-radius: 0vw;
}
.icon.icon-reset {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_reset_grey.svg");
}
.icon.icon-reset.white {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_reset_w.svg");
}
.icon.icon-reset.w24 {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
}
.icon.icon-to-list {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/to_list.svg");
}
.icon.icon-triangle-blue {
  width: 1.1111111111vw;
  height: 1.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_triangle_blue.svg");
}
.icon.icon-bc {
  width: 17.5vw;
  height: 5.2777777778vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/pavilion/icon_thebc_logo.png");
}
.icon.icon-cji {
  width: 7.7777777778vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/pavilion/icon_cji_logo.png");
}
.icon.icon-yb {
  width: 9.4444444444vw;
  height: 4.7222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/pavilion/icon_yb_logo.png");
}
.icon.icon-dw {
  width: 8.0555555556vw;
  height: 5.8333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/pavilion/icon_dw_logo.png");
}
.icon.icon-costco {
  width: 9.7222222222vw;
  height: 5vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/pavilion/icon_costco_logo.png");
}
.icon.icon-camera-w {
  width: 5.5555555556vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_camera_w.svg");
}
.icon.icon-check {
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/event/icon_check_w.svg");
}
.icon.icon-check.grey {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_check_grey.svg");
}
.icon.icon-check.black {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_check_black.svg");
}
.icon.icon-trash-red {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_trash_red.svg");
}
.icon.icon-review-none {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/product_view/icon_review_none.svg");
}
.icon.icon-user {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_user.svg");
}
.icon.icon-outlet {
  width: 9.4444444444vw;
  height: 2.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/outlet/icon_outlet_text.svg");
}
.icon.icon-list {
  width: 2.7777777778vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/order/icon_list_w.svg");
}
.icon.icon-select-down {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_select_down.svg");
}
.icon.icon-select-down.down {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.icon.icon-calendar {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/order/icon_calendar_black.svg");
}
.icon.icon-calendar-check {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_calendar.svg");
}
.icon.icon-discount {
  width: 1.6666666667vw;
  height: 1.9444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_discount_arrow_w.svg");
}
.icon.icon-home {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_home.svg");
}
.icon.icon-home.black {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_home_selected.svg");
}
.icon.icon-foryou {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_foryou.svg");
}
.icon.icon-category {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_category.svg");
}
.icon.icon-mypage {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_mydwm.svg");
}
.icon.icon-delivery {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_delivery.svg");
}
.icon.icon-ctg-all {
  background-image: url("../images/icon/categories/img_catg_all.svg");
}
.icon.icon-ctg-apple {
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_apple.svg");
}
.icon.icon-ctg-seaweed {
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_seaweed.png");
}
.icon.icon-ctg-water {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_water.png");
}
.icon.icon-ctg-instfood {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_instfood.png");
}
.icon.icon-ctg-can {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_can.png");
}
.icon.icon-ctg-snack {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_snack.png");
}
.icon.icon-ctg-casualf {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_casualf.png");
}
.icon.icon-ctg-sauce {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_sauce.png");
}
.icon.icon-ctg-omg {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_omg.png");
}
.icon.icon-ctg-detergent {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/life/img_ctglf_detergent.png");
}
.icon.icon-ctg-hair {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/life/img_ctglf_hair.png");
}
.icon.icon-ctg-tableware {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/life/img_ctglf_tableware.png");
}
.icon.icon-ctg-kids_acces {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/life/img_ctglf_kids_acces.png");
}
.icon.icon-ctg-tv {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/life/img_ctglf_tv.png");
}
.icon.icon-ctg-kidbook {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/life/img_ctglf_kidbook.png");
}
.icon.icon-ctg-cc {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_cc.png");
}
.icon.icon-ctg-dumpling {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_dumpling.png");
}
.icon.icon-ctg-porkcut {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_porkcut.png");
}
.icon.icon-ctg-snack {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_snack.png");
}
.icon.icon-ctg-ham {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_ham.png");
}
.icon.icon-ctg-salad {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_salad.png");
}
.icon.icon-ctg-cheeze {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_cheeze.png");
}
.icon.icon-ctg-ic {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_ic.png");
}
.icon.icon-ctg-kchi {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_kchi.png");
}
.icon.icon-ctg-ff {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_ff.png");
}
.icon.icon-ctg-health {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/entire/food/img_ctgfd_health.svg");
}
.icon.icon-ctg-dw {
  background: #F8F8F8 no-repeat center/100%;
  background-image: url("../images/icon/categories/011200060006.png");
}
.icon.icon-meatq-big {
  width: 16.6666666667vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_meatq_header_logo.png");
}
.icon.icon-dw-big {
  width: 8.8888888889vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_dw_header_logo.png");
}
.icon.icon-costco-big {
  width: 11.6666666667vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_costco_header_logo.png");
}
.icon.icon-cji-big {
  width: 8.8888888889vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_cji_header_logo.png");
}
.icon.icon-gnc-big {
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_gnc_header_logo.png");
}
.icon.icon-chuchu-big {
  width: 14.1666666667vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_chuchu_header_logo.png");
}
.icon.icon-thebc-big {
  width: 17.5vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_thebc_header_logo.png");
}
.icon.icon-yb-big {
  width: 10.5555555556vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_yb_header_logo.png");
}
.icon.icon-dwfish-big {
  width: 17.5vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_dwfish_header_logo.png");
}
.icon.icon-meatmart-big {
  width: 17.5vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_meatmart_header_logo.svg");
}
.icon.icon-meatq {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_meatq_logo.png");
}
.icon.icon-dw {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_dw_logo.png");
}
.icon.icon-costco {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_costco_logo.png");
}
.icon.icon-cji {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_cji_logo.png");
}
.icon.icon-gnc {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_gnc_logo.png");
}
.icon.icon-chuchu {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_chuchu_logo.png");
}
.icon.icon-thebc {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_thebc_logo.png");
}
.icon.icon-yb {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_yb_logo.png");
}
.icon.icon-dwfish {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_dwfish_logo.png");
}
.icon.icon-gnc-story {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/gnc/icon_gnc_story_24.png");
}
.icon.icon-gnc-gold {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/gnc/icon_gnc_goldcard_24.png");
}
.icon.icon-view-dw {
  width: 14.4444444444vw;
  height: 14.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/img_prdlist_dw.png");
}
.icon.icon-view-ccik {
  width: 14.4444444444vw;
  height: 14.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/img_prdlist_ccik.png");
}
.icon.icon-view-chuchu {
  width: 14.4444444444vw;
  height: 14.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/img_prdlist_chuchu.png");
}
.icon.icon-view-cji {
  width: 14.4444444444vw;
  height: 14.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/img_prdlist_cji.png");
}
.icon.icon-view-gnc {
  width: 14.4444444444vw;
  height: 14.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/img_prdlist_gnc.png");
}
.icon.icon-view-mtq {
  width: 14.4444444444vw;
  height: 14.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/img_prdlist_mtq.png");
}
.icon.icon-view-gnc {
  width: 14.4444444444vw;
  height: 14.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/img_prdlist_gnc.png");
}
.icon.icon-view-thebc {
  width: 14.4444444444vw;
  height: 14.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/img_prdlist_thebc.png");
}
.icon.icon-view-yb {
  width: 14.4444444444vw;
  height: 14.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/img_prdlist_yb.png");
}
.icon.icon-view-dwfish {
  width: 14.4444444444vw;
  height: 14.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/img_prdlist_dwfish.png");
}
.icon.icon-view-mtm {
  width: 14.4444444444vw;
  height: 14.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/img_prdlist_mtm.svg");
}
.icon.icon-main-logo {
  width: 30.5555555556vw;
  height: 10.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/logo.png");
  margin-top: 10px;
}
.icon.icon-header-home {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_header_home_24.svg");
}
.icon.icon-header-cart {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_header_cart_24.svg");
}
.icon.icon-header-search {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_header_search_24.svg");
}
.icon.icon-header-alarm {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/mypage/icon_header_alarm_24.svg");
}
.icon.icon-arrow-header {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_arrow_header_12.svg");
}
.icon.icon-close {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_close_gray_16.svg");
}
.icon.icon-close.lightgrey {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_close_lightgray_16.svg");
}
.icon.icon-close.black {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_close_bk_24.svg");
}
.icon.icon-close.white {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_close_wht_24.svg");
}
.icon.icon-close-app {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_close_app.svg");
}
.icon.icon-close-big {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_close_gray_24.svg");
}
.icon.icon-close-big.black {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_close_bk_24.svg");
}
.icon.icon-close-big.white {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_close_wht_24.svg");
}
.icon.icon-close-circle {
  width: 8.8888888889vw;
  height: 8.8888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/form/icon_close_circle_gray_32.svg");
}
.icon.icon-arrow-back {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_arrow_bk_24.svg");
}
.icon.icon-arrow-back.disable {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_arrow_disabled_24.svg");
}
.icon.icon-arrow {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_arrow_gray_16.svg");
  background-size: 100% 100%;
}
.icon.icon-arrow.w12 {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_arrow_gray_12.svg");
}
.icon.icon-arrow.lightgrey {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_arrow_lightgray_16.svg");
}
.icon.icon-arrow.lightbk {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_arrow_lightbk_12.svg");
}
.icon.icon-arrow.black {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_arrow_bk_16.svg");
}
.icon.icon-arrow.black.w12 {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_arrow_bk_12.svg");
}
.icon.icon-arrow.white {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_arrow_w_16.png");
}
.icon.icon-arrow.r90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.icon.icon-arrow.r180, .icon.icon-arrow.down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.icon.icon-arrow.r270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.icon.icon-arrow-band {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/icon_arrow_band.svg");
}
.icon.icon-arrow-gnc {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/icon_arrow_gnc.svg");
}
.icon.icon-arrow-triangle {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_arrow_triangle_gray_12.svg");
}
.icon.icon-arrow-triangle.lightgrey {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_arrow_triangle_lightgray_12.svg");
}
.icon.icon-arrow-triangle.black {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_arrow_triangle_bk_12.svg");
}
.icon.icon-arrow-triangle.r180, .icon.icon-arrow-triangle.down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.icon.icon-plus {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_plus_lightgray_16.svg");
}
.icon.icon-plus.grey {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_plus_lightgray_16.svg");
}
.icon.icon-plus.black {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_plus_bk_16.svg");
}
.icon.icon-plus.black.w12 {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_plus_bk_12.svg");
}
.icon.icon-plus.disabled {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_plus_disabled_16.svg");
}
.icon.icon-plus.white {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_plus_wht_16.svg");
}
.icon.icon-plus.white.w12 {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_plus_wht_12.svg");
}
.icon.icon-plus.w24 {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_plus_lightgray_24.svg");
}
.icon.band-coins {
  width: 8.3333333333vw;
  height: 8.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/bandplus/band_coins.png");
}
.icon.icon-vip {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/grade/ico_mem_vip.png");
}
.icon.icon-vip.lg {
  width: 16.6666666667vw;
  height: 16.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/grade/my_seed_60.png");
}
.icon.icon-family {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/grade/ico_mem_fam.png");
}
.icon.icon-family.lg {
  width: 16.6666666667vw;
  height: 16.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/grade/my_leaf_60.png");
}
.icon.icon-friends {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/grade/ico_mem_frd.png");
}
.icon.icon-friends.lg {
  width: 16.6666666667vw;
  height: 16.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/grade/my_tree_60.png");
}
.icon.icon-welcome {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/grade/ico_mem_wel.png");
}
.icon.icon-plus-big {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
}
.icon.icon-plus-big.white {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_plus_white_16.svg");
}
.icon.icon-minus {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_minus_gray_12.svg");
}
.icon.icon-minus.black {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_minus_bk_12.svg");
}
.icon.icon-minus.disabled {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_minus_disabled_12.svg");
}
.icon.icon-subtext {
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_subtext.svg");
}
.icon.icon-arrow-top {
  width: 10vw;
  height: 10vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_top_btn_36.svg");
}
.icon.icon-phone {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_app_phone_gray_24.svg");
}
.icon.icon-gallery {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_app_gallery_gray_24.svg");
}
.icon.icon-camera {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_app_camera_gray_24.svg");
}
.icon.icon-print {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_app_print_gray_24.svg");
}
.icon.icon-bell {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_app_bell_gray_24.svg");
}
.icon.icon-gift {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_app_gift_gray_24.svg");
}
.icon.icon-user-chk {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_app_user_gray_24.svg");
}
.icon.icon-error {
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_error_gray_48.svg");
}
.icon.icon-sort-one {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_prdlist_sort_one_20.svg");
}
.icon.icon-sort-two {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_prdlist_sort_two_20.svg");
}
.icon.icon-filter {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_filter_gray_20.svg");
}
.icon.icon-heart {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_heart_gray_24.svg");
}
.icon.icon-heart.on {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_heart_on_24.svg");
}
.icon.icon-cart {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_cart_gray_24.svg");
}
.icon.icon-cart.soldout {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_cart_sold_24.svg");
  -webkit-mask-image: none;
          mask-image: none;
}
.icon.icon-cart-cicle {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_cart_circle_gray_20.svg");
}
.icon.icon-star {
  background-image: url("../images/icons/common/star_step.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 0 0;
}
.icon.icon-star.small {
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_prdlist_star_bk_10.svg");
}
.icon.icon-refresh {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_refresh_blue_20.svg");
}
.icon.icon-refresh.grey {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_refresh_gray_20.svg");
}
.icon.icon-refresh.white {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_refresh_wht_24.svg");
}
.icon.icon-question {
  width: 3.8888888889vw;
  height: 3.8888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_question_circle_gray_14.svg");
}
.icon.icon-check {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_check_bk_16.svg");
}
.icon.icon-reply {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/icon_answer_gray_16.svg");
}
.icon.icon-arrow-reply {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_reply_gray_16.svg");
}
.icon.icon-deal-clock {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/deal/icon_clock_24.png");
}
.icon.icon-deal-exclamation {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/deal/icon_soldout_24.png");
}
.icon.icon-deal-foodi {
  width: 8.3333333333vw;
  height: 8.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/deal/icon_foodi_30.png");
}
.icon.icon-deal-best {
  width: 10vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/deal/icon_best_36x12.png");
}
.icon.icon-naver {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/form/icon_naver_12.svg");
}
.icon.icon-kakao {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/form/icon_kakao_12.svg");
}
.icon.icon-apple {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/form/icon_apple_12.svg");
}
.icon.icon-chk-green {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/form/icon_chk_green_12.svg");
}
.icon.icon-eclamation-purple {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/outlet/icon_eclamation_purple_24.svg");
}
.icon.icon-eclamation-gray {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_eclamation_gray_16.svg");
}
.icon.icon-mbship {
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/benefit/icon_mbship_48.svg");
}
.icon.icon-coupon {
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/benefit/icon_coupon_48.svg");
}
.icon.icon-coupon-w {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/benefit/icon_coupon_w.png");
}
.icon.icon-event-gift {
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/benefit/icon_event_gift_48.svg");
}
.icon.icon-coupon-down {
  width: 2.7777777778vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/benefit/icon_coupon_down_g.svg");
}
.icon.icon-coupon-down.purple {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/icon_coupon_down_purple_24.svg");
}
.icon.icon-coupon-down.orange {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/coupon/icon_coupon_down_orange.svg");
}
.icon.icon-coupon-down.black {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/benefit/icon_coupon_down_bk.png");
}
.icon.icon-coupon-down.downloaded {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/benefit/icon_coupon_end_g.svg");
}
.icon.icon-coupon-apply {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/benefit/icon_coupon_apply.svg");
}
.icon.icon-gift-grey {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/benefit/icon_gift_gray_44.svg");
}
.icon.icon-reviewer-grey {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/benefit/icon_reviewer_gray_44.svg");
}
.icon.icon-coupon-grey {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/benefit/icon_coupon_gray_44.svg");
}
.icon.icon-share-black {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/benefit/icon_share_black_24.svg");
}
.icon.icon-camera-w {
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/benefit/icon_camera_wht_40.svg");
}
.icon.icon-write {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/benefit/icon_write_wht_16.svg");
}
.icon.icon-write.no-line {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/icon_write_noline_wht_16.svg");
}
.icon.icon-reviewer {
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/event/icon_reviewer_g.svg");
}
.icon.icon-trash-red {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_trash_red.svg");
}
.icon.icon-like {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/plan/icon_like_bk_24.svg");
}
.icon.icon-like.on {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/plan/icon_like_on_24.svg");
}
.icon.icon-kakao-big {
  width: 10vw;
  height: 10vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/plan/icon_kakao_36.svg");
}
.icon.icon-sms {
  width: 10vw;
  height: 10vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/plan/icon_sms_36.svg");
}
.icon.icon-urlcopy {
  width: 10vw;
  height: 10vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/plan/icon_urlcopy_36.svg");
}
.icon.icon-search-gnc {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_search_gnc_bk_24.svg");
}
.icon.icon-cscenter {
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/pavilion/icon_cscenter_40.svg");
}
.icon.icon-fy-heart {
  width: 11.6666666667vw;
  height: 11.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/foryou/icon_fy_heart_42.svg");
}
.icon.icon-clock {
  width: 3.8888888889vw;
  height: 3.8888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/search/icon_clock_gray_14.svg");
}
.icon.icon-up {
  width: 1.9444444444vw;
  height: 1.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_search_up_b.svg");
}
.icon.icon-down {
  width: 1.9444444444vw;
  height: 1.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_search_down_grey.svg");
}
.icon.icon-new {
  width: 6.6666666667vw;
  height: 2.5vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_new_orange.svg");
}
.icon.icon-no-change {
  width: 3.3333333333vw;
  height: 0.2777777778vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_search_no_change.svg");
}
.icon.icon-share-view {
  width: 7.5vw;
  height: 7.5vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/icon_share_gray_27.svg");
}
.icon.icon-like-view {
  width: 7.5vw;
  height: 7.5vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/icon_heart_gray_27.svg");
}
.icon.icon-like-view.on {
  background-image: url("../images/icon/prd_view/icon_heart_on_27.svg");
}
.icon.icon-chk-down {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/icon_chk_down_gray_24.svg");
}
.icon.icon-review-none {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/icon_review_none_gray_44.svg");
}
.icon.icon-review-view {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/icon_header_review.svg");
}
.icon.icon-calendar-check {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/cart/icon_chk_calendar_24.svg");
}
.icon.icon-arrow-sale {
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/cart/icon_arrow_sale_wht_10.svg");
}
.icon.icon-calendar {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/order/icon_calendar_16.svg");
}
.icon.icon-calendar-chk {
  width: 16.6666666667vw;
  height: 16.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/order/icon_calendar_chk.svg");
}
.icon.icon-chk-orange {
  width: 8.8888888889vw;
  height: 8.8888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/order/icon_chk_orange_32.png");
}
.icon.icon-calendar-regular {
  width: 16.6666666667vw;
  height: 16.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/order/icon_calendar_regular_60.svg");
}
.icon.icon-gift-orange {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/order/icon_gift_orange_16.svg");
}
.icon.my-bandplus {
  width: 16.6666666667vw;
  height: 16.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/grade/my_bandplus_60.png");
}
.icon.icon-dw-pay {
  width: 11.1111111111vw;
  height: 3.6111111111vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/order/icon_dwpay_text.png");
}
.icon.w12 {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
}
.icon .w16 {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
}
.icon.w24 {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
}
.icon.w32 {
  width: 8.8888888889vw;
  height: 8.8888888889vw;
}
.icon.icon-sns-naver {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/form/icon_naver_24.png");
}
.icon.icon-sns-kakao {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/form/icon_kakao_24.png");
}
.icon.icon-sns-apple {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/form/icon_apple_24.png");
}

.selected .icon.icon-home {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_home_selected.svg");
}
.selected .icon.icon-foryou {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_foryou_selected.svg");
}
.selected .icon.icon-category {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_category_selected.svg");
}
.selected .icon.icon-mypage {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_mydwm_selected.svg");
}
.selected .icon.icon-delivery {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_delivery_selected.svg");
}

.grade-icon {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/grade/img_mydw_family.png");
}
.grade-icon.gold {
  background-image: url(../images/icons/grade/img_mydw_gold.png);
}
.grade-icon.premium {
  background-image: url(../images/icons/grade/img_mydw_premium.png);
}
.grade-icon.vip {
  background-image: url(../images/icons/grade/img_mydw_vip.png);
}

.layer-popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
}
.layer-popup.ready {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.layer-popup.show {
  opacity: 1;
  pointer-events: all;
}
.layer-popup.bg70 {
  background: rgba(0, 0, 0, 0.7);
}
.layer-popup.bg-none {
  background: none;
}
.layer-popup.scrollable {
  overflow: hidden;
  overflow-y: scroll;
}
.layer-popup.scrollable .layer-content {
  padding-bottom: 22.2222222222vw;
  overflow-y: scroll;
}
.layer-popup .layer-header {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 3.8888888889vw;
  top: 0;
  left: 0;
  width: 100vw;
  height: 13.3333333333vw;
  background: #fff;
  z-index: 100;
}
.layer-popup .layer-header.left-button-on::before {
  content: none;
}
.layer-popup .layer-header h1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 4.1666666667vw;
  font-weight: 500;
  color: #333;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  white-space: nowrap;
}
.layer-popup .layer-header .dw-form-wrapper.search {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.layer-popup .layer-header .dw-form-wrapper.search .dw-form {
  border: 0 none;
  background: #F8F8F8;
  height: 9.4444444444vw;
}
.layer-popup .layer-header .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.layer-popup .layer-header .icons a {
  position: relative;
  margin-left: 3.3333333333vw;
}
.layer-popup .layer-header .icons a span {
  position: absolute;
  top: -0.8vw;
  left: 60%;
  width: 5vw;
  height: 3.8888888889vw;
  background-color: #ff7600;
  border-radius: 1.9444444444vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 2.5vw;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
.layer-popup .layer-header + .layer-content {
  padding: 13.3333333333vw 0;
  width: 100%;
  height: 100%;
}
.layer-popup .layer-content {
  position: relative;
  background: #fff;
  min-width: 75vw;
  overflow: hidden;
  border-radius: 0.4em;
}
.layer-popup .layer-content.fill {
  height: 100%;
}
.layer-popup .layer-content .layer-simple-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 5.5555555556vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: center;
  line-height: 5.5555555556vw;
}
.layer-popup .layer-content .layer-controllers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layer-popup .layer-content .layer-controllers a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 12.2222222222vw;
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #333;
  text-align: left;
}
.layer-popup .layer-content .layer-controllers a.layer-confirm {
  color: #ff7600;
  border-top: 0.2777777778vw solid #E5E5E5;
}
.layer-popup .layer-content .layer-controllers a.layer-confirm::before {
  content: "확인";
}
.layer-popup .layer-content .layer-controllers a.layer-confirm.blue {
  background: #ff7600;
  color: #fff;
  border-top: none;
}
.layer-popup .layer-content .layer-controllers a.layer-cancel {
  color: #999;
  border-top: 0.2777777778vw solid #E5E5E5;
  border-right: 0.2777777778vw solid #E5E5E5;
}
.layer-popup .layer-content .layer-controllers a.layer-cancel::before {
  content: "취소";
}
.layer-popup .layer-content .layer-controllers a.layer-update {
  color: #ff7600;
}
.layer-popup .layer-content .layer-controllers a.layer-update::before {
  content: "업데이트";
}
.layer-popup .layer-content .layer-controllers a.layer-after {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: 27.7777777778vw;
  background: #F6F7F8;
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #999999;
  text-align: left;
}
.layer-popup .layer-content .layer-controllers a.layer-after::before {
  content: "나중에";
}
.layer-popup .layer-content .layer-controllers a.layer-alarm {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: 47.2222222222vw;
  background: #ff7600;
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
.layer-popup .layer-content .layer-controllers a.layer-alarm::before {
  content: "알림을 받을게요";
}
.layer-popup .layer-content .layer-controllers a.layer-normal {
  color: #333333;
  border-top: 0.2777777778vw solid #E5E5E5;
  border-right: 0.2777777778vw solid #E5E5E5;
}
.layer-popup .layer-content .layer-controllers a:last-child {
  border-right: none;
}
.layer-popup .layer-content .layer-controllers a.h40 {
  height: 11.1111111111vw;
}
.layer-popup .layer-content .layer-controllers a.line {
  border-top: 1px solid #E5E5E5;
}
.layer-popup .layer-content .layer-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 3.8888888889vw;
}
.layer-popup .layer-content .layer-title h2 {
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #333;
  text-align: left;
}
.layer-popup .layer-content .layer-title strong {
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #333;
  text-align: left;
  line-height: 6.6666666667vw;
}
.layer-popup .layer-content .layer-title a {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
}
.layer-popup .layer-content .layer-title a.layer-cancel {
  position: absolute;
  top: 5.5555555556vw;
  right: 5.5555555556vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_close_grey.svg");
}
.layer-popup .layer-content .layer-title.typeA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 3.3333333333vw;
}
.layer-popup .layer-content.transparent {
  background: transparent;
}
.layer-popup .layer-content .layer-select-box {
  padding-bottom: 5.5555555556vw;
}
.layer-popup .layer-content .layer-select-box .layer-select-head {
  padding: 0 3.8888888889vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.layer-popup .layer-content .layer-select-box .layer-select-head strong {
  display: block;
  font-size: 3.8888888889vw;
  font-weight: 700;
  color: #333;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  text-overflow: ellipsis;
  width: 90%;
}
.layer-popup .layer-content .layer-select-box .layer-select-head .layer-close {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.layer-popup .layer-content .layer-select-box .layer-select-lists {
  padding: 6.1111111111vw 3.8888888889vw;
  overflow-x: hidden;
  overflow-y: auto;
}
.layer-popup .layer-content .layer-select-box .layer-select-lists ul {
  max-height: 55.5555555556vw;
}
.layer-popup .layer-content .layer-select-box .layer-select-lists ul li {
  margin-bottom: 5.5555555556vw;
}
.layer-popup .layer-content .layer-select-box .layer-select-lists ul li a {
  display: block;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.layer-popup .layer-content .layer-select-box .layer-select-lists ul li.selected a {
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #333;
  text-align: left;
}
.layer-popup .layer-content .layer-select-box .layer-select-lists ul li:last-child {
  margin-bottom: 0;
}
.layer-popup .cart-dv-text p {
  background: #F8F8F8;
  padding: 3.8888888889vw 3.3333333333vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5vw;
  text-align: center;
  word-break: keep-all;
}
.layer-popup .cart-dv-text p em {
  color: #ff7600;
  font-weight: 500;
}
.layer-popup .cart-dv-text span {
  display: block;
  margin-top: 3.8888888889vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: center;
  line-height: 4.4444444444vw;
}
.layer-popup.layer-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.layer-popup.layer-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.layer-popup.layer-bottom .layer-content {
  width: 100%;
  padding: 5.5555555556vw 0;
  border-radius: 0;
  border-top-left-radius: 5.5555555556vw;
  border-top-right-radius: 5.5555555556vw;
}
.layer-popup.no-fullscreen {
  top: auto;
  height: auto;
  background: transparent;
}

.popup-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  height: 13.3333333333vw;
}
.popup-header h2 {
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  text-align: center;
}
.popup-header a {
  display: block;
  position: absolute;
  top: 50%;
  right: 3.8888888889vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.layer-alert-common h2 {
  padding: 3.3333333333vw 0 2.2222222222vw;
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  text-align: center;
  line-height: 6.6666666667vw;
}
.layer-alert-common .dw-tab-wrapper.round-type .dw-tab-controller {
  margin-top: 0;
}
.layer-alert-common .layer-content {
  width: 75vw;
}
.layer-alert-common .layer-content .content {
  overflow-y: scroll;
  padding: 0 3.8888888889vw 5.5555555556vw;
  max-height: 116.6666666667vw;
}
.layer-alert-common .layer-content .content .layer-stit {
  font-size: 3.6111111111vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 5.2777777778vw;
  margin: 5.5555555556vw 0 3.8888888889vw;
}
.layer-alert-common .layer-content .content .layer-txt {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: center;
  line-height: 5.5555555556vw;
}
.layer-alert-common .layer-content .content .layer-stxt {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: center;
  line-height: 5vw;
}
.layer-alert-common .layer-content .content .layer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3.8888888889vw;
}
.layer-alert-common .layer-content .content .layer-list .layer-list-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 9.4444444444vw;
  height: 9.4444444444vw;
  background-color: #F2F2F2;
  border-radius: 50%;
}
.layer-alert-common .layer-content .content .layer-list .layer-list-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 2.2222222222vw;
}
.layer-alert-common .layer-content .content .layer-list .layer-list-txt h6 {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 4.4444444444vw;
}
.layer-alert-common .layer-content .content .layer-list .layer-list-txt p {
  font-size: 3.0555555556vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 4.4444444444vw;
}
.layer-alert-common .layer-content .content .layer-info-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 3.0555555556vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 4.4444444444vw;
}
.layer-alert-common .layer-content .content .layer-info-list li::before {
  display: block;
  content: "•";
  margin-right: 1.6666666667vw;
}
.layer-alert-common .layer-content .content .layer-banner {
  width: 100%;
  display: table;
  height: 16.6666666667vw;
  margin-bottom: 2.7777777778vw;
}
.layer-alert-common .layer-content .content .layer-banner.grey {
  background: #D8D8D8;
}
.layer-alert-common .layer-content .content .layer-banner p {
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #333;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.layer-alert-common .layer-content .content .list {
  margin-bottom: 2.2222222222vw;
}
.layer-alert-common .layer-content .content .list h3 {
  margin-bottom: 2.7777777778vw;
  font-size: 3.6111111111vw;
  font-weight: 500;
  color: #333;
  text-align: left;
}
.layer-alert-common .layer-content .content .list ul li {
  margin-bottom: 2.2222222222vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 4.4444444444vw;
}
.layer-alert-common .layer-content .content .list ul li:last-child {
  margin-bottom: 0;
}
.layer-alert-common .layer-content .content .list:last-child {
  margin-bottom: 0;
}
.layer-alert-common .layer-content .txt {
  padding: 8.3333333333vw 0;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: center;
}

.layer-popup-helper {
  display: none;
}

.layer-product-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.layer-product-selector .layer-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.layer-product-selector .layer-content .layer-product-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 3.8888888889vw;
}
.layer-product-selector .layer-content .layer-product-tabs a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 8.3333333333vw;
  border-radius: 8.8888888889vw;
  background: #F8F8F8;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  margin-right: 1.1111111111vw;
}
.layer-product-selector .layer-content .layer-product-tabs a:last-child {
  margin-right: 0;
}
.layer-product-selector .layer-content .layer-product-tabs a.on {
  background: #333;
  color: #fff;
}
.layer-product-selector .layer-content .layer-product-content {
  padding: 3.8888888889vw;
}
.layer-product-selector .layer-content .layer-product-content ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-bottom: 1px solid #F2F2F2;
  padding: 5.5555555556vw 0;
}
.layer-product-selector .layer-content .layer-product-content ul li .dw-form input {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
}
.layer-product-selector .layer-content .layer-product-content ul li .thumb {
  width: 15.5555555556vw;
  height: 15.5555555556vw;
  background-color: #fff;
  border-radius: 1.1111111111vw;
  border: 1px solid #E6E6E6;
  overflow: hidden;
  margin: 0 2.7777777778vw;
}
.layer-product-selector .layer-content .layer-product-content ul li span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.5em;
}
.layer-product-selector .layer-content .layer-product-content ul + .btn {
  margin-top: 5.5555555556vw;
}

.toast-popup {
  position: fixed;
  z-index: 1100;
  bottom: 0;
  left: 0;
  width: 100vw;
  background: #fff;
  border-radius: 5vw 5vw 0 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  overflow: hidden;
  -webkit-box-shadow: 0 -1.6666666667vw 8.3333333333vw 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 -1.6666666667vw 8.3333333333vw 0 rgba(0, 0, 0, 0.08);
}
.toast-popup.none-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.toast-popup.ready {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.toast-popup.show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.toast-popup .toast-header {
  height: 13.3333333333vw;
  padding: 3.3333333333vw 0 4.4444444444vw;
}
.toast-popup .toast-header strong {
  display: block;
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #333;
  text-align: center;
  line-height: 5.5555555556vw;
}
.toast-popup .toast-header.recommend_foryou {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding: 3.8888888889vw;
  height: 17.7777777778vw;
  background: -webkit-gradient(linear, left top, right top, from(rgb(79, 160, 251)), to(rgb(52, 128, 215)));
  background: linear-gradient(90deg, rgb(79, 160, 251), rgb(52, 128, 215));
  overflow: hidden;
  border-radius: 5vw 5vw 0 0;
}
.toast-popup .toast-header.recommend_foryou span {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #fff;
  text-align: left;
}
.toast-popup .toast-header.recommend_foryou strong {
  margin-top: 2.2222222222vw;
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
.toast-popup .toast-header.recommend_foryou a {
  position: absolute;
  top: 4.1666666667vw;
  right: 4.1666666667vw;
}
.toast-popup .toast-body .toast-cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 3.8888888889vw;
  display: none;
}
.toast-popup .toast-body .toast-cart-item h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.toast-popup .toast-body .toast-cart-item h4 strong {
  font-size: 3.6111111111vw;
  font-weight: 500;
  color: #333;
  text-align: left;
}
.toast-popup .toast-body .toast-cart-item h4 span {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.toast-popup .toast-body .toast-cart-item h4 span strong {
  font-weight: 700;
}
.toast-popup .toast-body .toast-cart-item h4 span em {
  font-weight: 400;
}
.toast-popup .toast-body .toast-cart-item div {
  margin-top: 3.8888888889vw;
  height: 1.6666666667vw;
  background: #F2F2F2;
  border-radius: 0.8333333333vw;
  overflow: hidden;
}
.toast-popup .toast-body .toast-cart-item div i {
  content: "";
  display: block;
  width: 0;
  height: 1.6666666667vw;
  border-radius: 0.8333333333vw;
  overflow: hidden;
  -webkit-transition: width 0.4s ease-out;
  transition: width 0.4s ease-out;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.toast-popup .toast-body .toast-cart-item.band h4 strong {
  color: #FF6314;
  padding-left: 8.3333333333vw;
  background: url(../images/icons/bandplus/icon_big_band.png) no-repeat 0 center/24px;
}
.toast-popup .toast-body .toast-cart-item.band h4 span small {
  color: #FF6314;
}
.toast-popup .toast-body .toast-cart-item.band h4 span strong {
  padding: 0;
  background: none;
  color: #FF6314;
}
.toast-popup .toast-body .toast-cart-item.band i {
  background: -webkit-gradient(linear, left top, right top, from(#FFA900), to(#FF5600));
  background: linear-gradient(90deg, #FFA900 0%, #FF5600 100%);
}
.toast-popup .toast-body .toast-cart-item.cool h4 strong {
  color: #ff7600;
  padding-left: 8.3333333333vw;
  background: url(../images/icons/bandplus/icon_big_cool.png) no-repeat 0 center/24px;
}
.toast-popup .toast-body .toast-cart-item.cool h4 span {
  color: #ff7600;
}
.toast-popup .toast-body .toast-cart-item.cool h4 span small {
  color: #ff7600;
}
.toast-popup .toast-body .toast-cart-item.cool i {
  background: -webkit-gradient(linear, left top, right top, from(#00D5FF), to(#00AAFF));
  background: linear-gradient(90deg, #00D5FF 0%, #00AAFF 100%);
}
.toast-popup .toast-body .recommend_foryou_content {
  padding: 4.4444444444vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.toast-popup .toast-body .recommend_foryou_content .thumb {
  width: 17.7777777778vw;
  height: 17.7777777778vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/product/thumb.png");
  border-radius: 1.1111111111vw;
  border: 1px solid #E5E5E5;
}
.toast-popup .toast-body .recommend_foryou_content .info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 3.3333333333vw;
}
.toast-popup .toast-body .recommend_foryou_content .info p {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.2em;
  max-height: 2.4em;
}
.toast-popup .toast-body .recommend_foryou_content .info span {
  margin-top: 1.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #333;
  text-align: left;
}
.toast-popup .toast-body .recommend_foryou_content .info span strong {
  color: #FF5600;
  margin-right: 1.3888888889vw;
}
.toast-popup.type2 {
  background: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0 2.7777777778vw;
}
.toast-popup.type2 .toast-header {
  background: #222222;
  opacity: 0.9;
  border-radius: 2.2222222222vw;
}
.toast-popup.type2 .toast-header strong {
  position: relative;
  top: 0.2777777778vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.toast-popup.type2.show {
  -webkit-transform: translateY(-3.8888888889vw);
          transform: translateY(-3.8888888889vw);
}

#quantity_change .layer-content {
  width: 75vw;
}

.dw-form {
  position: relative;
  border: 1px solid #d8d9da;
  border-radius: 0.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.6111111111vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.dw-form input, .dw-form textarea {
  background: transparent;
}
.dw-form input:focus, .dw-form textarea:focus {
  outline: none;
}
.dw-form input::-webkit-input-placeholder {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
}
.dw-form input::-moz-placeholder {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
}
.dw-form input:-ms-input-placeholder {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
}
.dw-form input::-ms-input-placeholder {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
}
.dw-form input::placeholder {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
}
.dw-form.text {
  position: relative;
  height: 11.1111111111vw;
  background-color: #fff;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.dw-form.text .form-ui {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 2.7777777778vw;
  position: absolute;
  top: 50%;
  right: 0;
  height: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.dw-form.text .form-ui .type-toggle {
  margin-left: 1.1111111111vw;
}
.dw-form.text input {
  border: 0 none;
  outline: 0 none;
  -moz-appearance: none;
       appearance: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font: inherit;
  color: inherit;
  padding: 0 17.2222222222vw 0 3.3333333333vw;
  margin: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.dw-form.text input:-moz-read-only {
  background: #f0f0f0;
  color: #B3B3B3;
}
.dw-form.text input:read-only {
  background: #f0f0f0;
  color: #B3B3B3;
}
.dw-form.text input:-moz-placeholder-shown + .form-ui .type-reset {
  visibility: hidden;
  pointer-events: none;
}
.dw-form.text input:-ms-input-placeholder + .form-ui .type-reset {
  visibility: hidden;
  pointer-events: none;
}
.dw-form.text input:placeholder-shown + .form-ui .type-reset {
  visibility: hidden;
  pointer-events: none;
}
.dw-form.text input:-moz-read-only + .form-ui {
  display: none;
}
.dw-form.text input:disabled + .form-ui, .dw-form.text input:read-only + .form-ui {
  display: none;
}
.dw-form.text input + .btn {
  width: 20vw;
}
.dw-form.text.no .form-ui {
  display: none;
}
.dw-form.area {
  height: 44.4444444444vw;
}
.dw-form.area textarea {
  border: 0 none;
  outline: 0 none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 4.4444444444vw;
  line-height: 1.6em;
  color: inherit;
  padding: 2.7777777778vw 3.3333333333vw 11.1111111111vw;
  resize: none;
}
.dw-form.area textarea::-webkit-input-placeholder {
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
}
.dw-form.area textarea::-moz-placeholder {
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
}
.dw-form.area textarea:-ms-input-placeholder {
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
}
.dw-form.area textarea::-ms-input-placeholder {
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
}
.dw-form.area textarea::placeholder {
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
}
.dw-form.area .long-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 3.3333333333vw 3.8888888889vw;
  line-height: 1.6em;
  pointer-events: none;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
}
.dw-form.area .limit-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 11.1111111111vw;
  background: #fff;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #CCC;
  text-align: left;
  padding-right: 3.8888888889vw;
}
.dw-form.max input {
  padding-right: 22.2222222222vw;
  max-width: 91.6666666667vw;
}
.dw-form.max .limit-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 18.0555555556vw;
  height: 100%;
  font-size: 2.7777777778vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.dw-form.check {
  border: 0 none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.8888888889vw;
  color: #333;
}
.dw-form.check span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.dw-form.check span::before {
  display: inline-block;
  content: "";
  margin-right: 1.6666666667vw;
  border: 1px solid #D4D4D4;
  width: 3.8888888889vw;
  height: 3.8888888889vw;
  background-color: #fff;
  border-radius: 0.5555555556vw;
}
.dw-form.check.w12 span::before {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
}
.dw-form.check input {
  position: absolute;
  top: -9999px;
  text-indent: -9999px;
  visibility: hidden;
}
.dw-form.check input:checked + span::before {
  border-color: #ff7600;
  background: #ff7600;
  background-image: url("../images/icons/common/icon_check_wt.svg");
  background-repeat: no-repeat;
  background-size: 80% auto;
  background-position: center;
}
.dw-form.check input:disabled + span::before {
  background-color: #F2F2F2;
}
.dw-form.check strong {
  margin-left: 1.6666666667vw;
  font-weight: 500;
}
.dw-form.check span.safe {
  padding-right: 4.4444444444vw;
  background: url("../images/icons/common/icon_que_mark.png") no-repeat right center;
  background-size: 3.8888888889vw;
}
.dw-form.select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 25vw;
  height: 10vw;
  border: 1px solid #D4D4D4;
  padding: 0 3.8888888889vw 0 3.3333333333vw;
}
.dw-form.select::after {
  content: "";
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background: url(../images/icon/common/icon_arrow_gray_16.svg) no-repeat center/100%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dw-form.select select {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
}
.dw-form.select span, .dw-form.select strong {
  display: inline-block;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 5.2777777778vw;
}
.dw-form.select.no-boader {
  border: 0 none;
}
.dw-form.select.filled-arrow::after {
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  background-image: url(../images/icons/common/icon_search_down.png);
}
.dw-form.select.select-custom-typeA {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: auto;
  height: auto;
  padding: 0;
  border: none;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.dw-form.select.select-custom-typeA::-ms-expand {
  display: none;
}
.dw-form.select.select-custom-typeA::after {
  content: "";
  margin-left: 1.1111111111vw;
  width: 3.3333333333vw;
  height: 1.6666666667vw;
  background: url(../images/icons/common/icon_prdlist_sort_arrow.svg) right no-repeat;
  background-size: 2.2222222222vw 1.6666666667vw;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.dw-form.select.select-custom-typeB {
  border: 0.2777777778vw solid #D4D4D4;
  height: 11.1111111111vw;
  padding: 0 3.8888888889vw 0 3.3333333333vw;
  border-radius: 0.5555555556vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.dw-form.select.select-custom-typeB::-ms-expand {
  display: none;
}
.dw-form.select.select-custom-typeB::after {
  content: "";
  margin-left: 1.1111111111vw;
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: url(../images/icons/common/icon_prdlist_sort_arrow_dark.svg) right no-repeat;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.dw-form.select.select-custom-typeB.w100 {
  width: 100%;
}
.dw-form.select.select-custom-typeC {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0.2777777778vw solid #D4D4D4;
  height: 11.1111111111vw;
  padding: 0 3.8888888889vw 0 3.3333333333vw;
  border-radius: 0.5555555556vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.dw-form.select.select-custom-typeC::-ms-expand {
  display: none;
}
.dw-form.select.select-custom-typeC::after {
  content: "";
  margin-left: 1.1111111111vw;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: url(../images/icons/common/icon_select_arrow_bottom.svg) right no-repeat;
  background-size: 5.5555555556vw 5.5555555556vw;
}
.dw-form.select.select-custom-typeC.w100 {
  width: 100%;
}
.dw-form.select.w100 {
  width: 100%;
}
.dw-form.toggle {
  overflow: inherit;
  border: 0 none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.dw-form.toggle span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  color: #7E7E7E;
}
.dw-form.toggle input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.dw-form.toggle i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 8.3333333333vw;
  height: 5vw;
  background: #E5E5E5;
  border: 1px solid #E5E5E5;
  border-radius: 4.1666666667vw;
  margin-left: 2.2222222222vw;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.dw-form.toggle i::before {
  display: block;
  content: "";
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background: #fff;
  border-radius: 2.2222222222vw;
  -webkit-transition: margin 0.5s;
  transition: margin 0.5s;
  -webkit-box-shadow: 0.8333333333vw 0.5555555556vw 1.1111111111vw rgba(179, 179, 179, 0.3);
          box-shadow: 0.8333333333vw 0.5555555556vw 1.1111111111vw rgba(179, 179, 179, 0.3);
}
.dw-form.toggle input:checked + i {
  background: #ff7600;
  border-color: #ff7600;
}
.dw-form.toggle input:checked + i::before {
  margin-left: 3.3333333333vw;
  -webkit-box-shadow: -0.8333333333vw 0.5555555556vw 1.1111111111vw rgba(19, 124, 172, 0.3);
          box-shadow: -0.8333333333vw 0.5555555556vw 1.1111111111vw rgba(19, 124, 172, 0.3);
}
.dw-form.toggle.big-button i {
  width: 13.3333333333vw;
  height: 8.3333333333vw;
  border-radius: 4.1666666667vw;
  border-width: 1.1111111111vw;
}
.dw-form.toggle.big-button i::before {
  width: 7.2222222222vw;
  height: 7.2222222222vw;
  border-radius: 3.6111111111vw;
}
.dw-form.toggle.big-button input:checked + i::before {
  margin-left: 4.4444444444vw;
}
.dw-form.toggle input[disabled] + i {
  opacity: 0.25;
}
.dw-form.round-checkbox {
  border: 0 none;
}
.dw-form.round-checkbox span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 29.7222222222vw;
  height: 8.3333333333vw;
  background-color: #F8F8F8;
  border-radius: 4.1666666667vw;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #7E7E7E;
  text-align: left;
}
.dw-form.round-checkbox input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.dw-form.round-checkbox input:checked + span {
  background-color: #333;
  color: #fff;
}
.dw-form.round-checkbox.blue span {
  background: #fff;
  border: 0.2777777778vw solid #E5E5E5;
}
.dw-form.round-checkbox.blue input:checked + span {
  border-color: #ff7600;
  background: #ff7600;
}
.dw-form.file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border: 0 none;
}
.dw-form.file input {
  position: absolute;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.dw-form.file span {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.dw-form.file.camera::before {
  content: "";
  width: 8.8888888889vw;
  height: 8.8888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_mydw_rv_camera.svg");
  margin-right: 1.6666666667vw;
}
.dw-form.file.gallery::before {
  content: "";
  width: 8.8888888889vw;
  height: 8.8888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/icon_alert_gallery.svg");
  margin-right: 1.6666666667vw;
}
.dw-form.round-radio {
  border: 0 none;
}
.dw-form.round-radio span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 6.9444444444vw;
  font-size: 3.8888888889vw;
  position: relative;
}
.dw-form.round-radio span::before {
  position: relative;
  content: "";
  margin-right: 1.6666666667vw;
  width: 3.8888888889vw;
  height: 3.8888888889vw;
  background-color: #fff;
  border-radius: 0vw;
  border-radius: 50% !important;
  border: 0.2777777778vw solid #D4D4D4;
}
.dw-form.round-radio input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.dw-form.round-radio input:checked + span:before {
  background: #ff7600;
  border-color: #ff7600;
}
.dw-form.round-radio input:checked + span:after {
  content: "";
  position: absolute;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  background-color: #fff;
  border-radius: 50%;
  left: 1.1111111111vw;
}
.dw-form + span {
  display: block;
  padding: 1.1111111111vw 0;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 5vw;
}
.dw-form.error {
  border-color: #EC3D3D;
}
.dw-form.error + span {
  color: #EC3D3D !important;
}
.dw-form.success {
  border-color: #ff7600;
}
.dw-form.success + span {
  color: #00AEFF !important;
}
.dw-form.none {
  border-color: #D4D4D4;
}
.dw-form input:disabled, .dw-form .disabled {
  background: #F8F8F8;
  color: #B3B3B3;
}
.dw-form.on {
  border-color: #ff7600;
}
.dw-form.pr0 {
  padding-right: 0;
}

.dw-form-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dw-form-wrapper > strong {
  font-size: 3.8888888889vw;
  font-weight: 500;
  margin-bottom: 2.7777777778vw;
}
.dw-form-wrapper > strong.required::after {
  content: "*";
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #FF6314;
  text-align: left;
}
.dw-form-wrapper > span {
  padding: 1.1111111111vw 0;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 5vw;
}
.dw-form-wrapper > span.error {
  color: #EC3D3D;
}
.dw-form-wrapper > span.true {
  color: #00AEFF;
}
.dw-form-wrapper.search .btn-search {
  position: absolute;
  top: 1.1111111111vw;
  right: 1.6666666667vw;
  width: 8.8888888889vw;
  height: 8.8888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_search_gray_20.svg");
  background-size: 5.5555555556vw;
}
.dw-form-wrapper.search .search-word {
  margin-top: 3.8888888889vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.dw-form-wrapper.search .search-word span {
  margin-left: 1.1111111111vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.dw-form-wrapper.search .search-word strong {
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #ff7600;
  text-align: left;
}
.dw-form-wrapper.search .search-word strong::before {
  content: '"';
}
.dw-form-wrapper.search .search-word strong::after {
  content: '"';
}

.attach-file-lists .attach-files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 27.7777777778vw;
  height: 27.7777777778vw;
  background-color: #fff;
  border-radius: 1.1111111111vw;
  border: 1px solid #D4D4D4;
  margin-right: 2.7777777778vw;
}
.attach-file-lists .attach-files::before {
  content: "";
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_mydw_rv_camera.png");
}
.attach-file-lists .attach-files span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  margin-top: 1.1111111111vw;
}
.attach-file-lists .attach-files span::before {
  content: "";
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_plus_bk_12.png");
  margin-right: 1.1111111111vw;
}
.attach-file-lists .attach-files input {
  position: absolute;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.attach-file-lists .attach-files.disabled {
  background: #F5F5F5;
}
.attach-file-lists .attach-files.disabled::before {
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/ico_camera_gray.svg");
}
.attach-file-lists .attach-files.disabled span {
  color: #B3B3B3;
}
.attach-file-lists.grey-wrap {
  padding: 3.8888888889vw;
  background: #F8F8F8;
  border: 1px solid #D4D4D4;
  border-bottom-left-radius: 1.1111111111vw;
  border-bottom-right-radius: 1.1111111111vw;
}

.quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  padding: 1.3888888889vw 1.6666666667vw;
  width: 23.8888888889vw;
  height: 7.7777777778vw;
  background-color: transparent;
  border-radius: 0vw;
  background: #fff;
  border-radius: 0.2em;
  border: 1px solid #E5E5E5;
}
.quantity a {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background: no-repeat center/100%;
}
.quantity a.qty-down {
  background-image: url(../images/icons/order/icon_circle_minus.svg);
}
.quantity a.qty-up {
  background-image: url(../images/icons/order/icon_circle_plus.svg);
}
.quantity input {
  width: 11.1111111111vw;
  border: 0 none;
  outline: 0 none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  font-size: 3.6111111111vw;
  font-weight: 500;
  color: #555555;
  text-align: center;
}

.btn-option-chg {
  font-size: 12px;
  font-weight: 500;
  color: #7E7E7E;
}

.ipt_msg.hide {
  display: none;
}

input[type=password] {
  font-family: sans-serif !important;
  letter-spacing: 1;
}
input[type=password]::-webkit-input-placeholder {
  letter-spacing: -0.1944444444vw;
}
input[type=password]::-moz-placeholder {
  letter-spacing: -0.1944444444vw;
}
input[type=password]:-ms-input-placeholder {
  letter-spacing: -0.1944444444vw;
}
input[type=password]::-ms-input-placeholder {
  letter-spacing: -0.1944444444vw;
}
input[type=password]::placeholder {
  letter-spacing: -0.1944444444vw;
}

#quantity_change .dw-form-wrapper span {
  text-align: center;
}

body .pd-b0 {
  padding-bottom: 0;
}
body .pd-l4 {
  margin-left: 1.1111111111vw;
}
body .pd14 {
  padding: 3.8888888889vw;
}
body .pd-r26 {
  padding-right: 7.2222222222vw;
}
body .mg14 {
  margin: 3.8888888889vw;
}
body .mg-v14 {
  margin: 3.8888888889vw 0;
}
body .mg-h14 {
  margin: 0 3.8888888889vw;
}
body .mg-b10 {
  margin-bottom: 2.7777777778vw;
}
body .mg-b14 {
  margin-bottom: 3.8888888889vw;
}
body .mg20 {
  margin: 5.5555555556vw;
}
body .mg-b20 {
  margin-bottom: 5.5555555556vw;
}
body .mg-t20 {
  margin-top: 5.5555555556vw;
}
body .mg30 {
  margin: 8.3333333333vw;
}
body .mg-b30 {
  margin-bottom: 8.3333333333vw;
}
body .mg-auto {
  margin: auto;
}
body .box-8 {
  width: 2.2222222222vw;
  height: 2.2222222222vw;
}
body .box-10 {
  width: 2.7777777778vw;
  height: 2.7777777778vw;
}
body .box-12 {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
}
body .box-14 {
  width: 3.8888888889vw;
  height: 3.8888888889vw;
}
body .box-16 {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
}
body .box-18 {
  width: 5vw;
  height: 5vw;
}
body .box-20 {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
}
body .box-24 {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
}
body .box-26 {
  width: 7.2222222222vw;
  height: 7.2222222222vw;
}
body .box-28 {
  width: 7.7777777778vw;
  height: 7.7777777778vw;
}
body .box-30 {
  width: 8.3333333333vw;
  height: 8.3333333333vw;
}
body .box-32 {
  width: 8.8888888889vw;
  height: 8.8888888889vw;
}
body .box-34 {
  width: 9.4444444444vw;
  height: 9.4444444444vw;
}
body .box-36 {
  width: 10vw;
  height: 10vw;
}
body .box-36.round {
  border-radius: 5.2777777778vw;
}
body .box-100 {
  width: 27.7777777778vw;
  height: 27.7777777778vw;
}
body .box-120 {
  width: 33.3333333333vw;
  height: 33.3333333333vw;
}
body .r-min {
  border-radius: 0.2em;
}
body .r-0 {
  border-radius: 0;
}
body .r-2 {
  border-radius: 0.5555555556vw;
}
body .r-4 {
  border-radius: 0.4em;
}
body .r-8 {
  border-radius: 2.2222222222vw;
}
body .h24 {
  height: 6.6666666667vw;
}
body .h24.round {
  border-radius: 3.3333333333vw;
}
body .h28 {
  height: 7.7777777778vw;
}
body .h28.round {
  border-radius: 3.8888888889vw;
}
body .h30 {
  height: 8.3333333333vw;
}
body .h30.round {
  border-radius: 4.1666666667vw;
}
body .h32 {
  height: 8.8888888889vw;
}
body .h32.round {
  border-radius: 4.4444444444vw;
}
body .h36 {
  height: 10vw !important;
}
body .h36.round {
  border-radius: 5vw;
}
body .h40 {
  height: 11.1111111111vw;
}
body .h40.round {
  border-radius: 5.5555555556vw;
}
body .h44 {
  height: 12.2222222222vw;
}
body .h44.round {
  border-radius: 6.1111111111vw;
}
body .h48 {
  height: 13.3333333333vw;
}
body .h48.round {
  border-radius: 6.6666666667vw;
}
body .h50 {
  height: 13.8888888889vw;
}
body .h50.round {
  border-radius: 6.9444444444vw;
}
body .w120 {
  width: 33.3333333333vw;
}
body .w100p {
  width: 100%;
}
body .w108 {
  width: 30vw;
}

.scroll-fix-wrap {
  position: relative;
}
.scroll-fix-wrap.fixed > div {
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
}

.ellipsis {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  text-overflow: ellipsis;
}

.error-page {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.error-page img {
  width: 13.3333333333vw;
}
.error-page h1 {
  font-size: 5vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  margin-top: 3.3333333333vw;
}
.error-page p {
  margin-top: 2.2222222222vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: center;
  line-height: 1.4em;
}
.error-page .btn {
  width: 63.8888888889vw;
  border-radius: 0.5555555556vw;
  margin-top: 6.6666666667vw;
}
.error-page .btn + .btn {
  margin-top: 2.7777777778vw;
}
.error-page strong {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  margin-top: 6.6666666667vw;
}
.error-page span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: rgb(164, 164, 164);
  text-align: left;
  margin-top: 1.6666666667vw;
}

#chatbotWrap {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  z-index: 99999999;
  display: none;
}
#chatbotWrap iframe {
  width: 100%;
  height: 100%;
}
#chatbotWrap .back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: fixed;
  left: 2.7777777778vw;
  top: 3.8888888889vw;
}

.thumb a:not(.cart):not(.wish):not(.btn-like) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
.thumb img {
  width: 100%;
  height: 100%;
}

.servicecon {
  padding: 6.66667vw 3.88889vw 5vw;
  font-size: 3.61111vw;
  text-align: left;
  line-height: 5.27778vw;
}

.servicecon ul li {
  margin-bottom: 3.88889vw;
}

.mg table {
  width: 100%; /*margin: 6.66667vw 0;*/
  border-collapse: collapse;
  border-spacing: 0;
}
.mg table caption {
  display: none;
}
.mg table th {
  padding: 1.66667vw;
  border: 1px solid #ccc;
  font-size: 3.3333333333vw;
  min-width: 11.1111111111vw;
}
.mg table td {
  padding: 1.66667vw;
  border: 0.2777777778vw solid #ccc;
  font-size: 3.3333333333vw;
}

.outlet-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  top: 1.6666666667vw;
  left: 1.6666666667vw;
  width: 13.0555555556vw;
  height: 5vw;
  border-radius: 2.7777777778vw;
  background: -webkit-gradient(linear, left top, right top, from(rgb(221, 36, 118)), to(rgb(255, 86, 47)));
  background: linear-gradient(90deg, rgb(221, 36, 118) 0%, rgb(255, 86, 47) 100%);
}

.handwriting-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  top: 1.6666666667vw;
  left: 1.6666666667vw;
  min-width: 8.3333333333vw;
  height: 5vw;
  padding: 0 2.2222222222vw;
  border-radius: 2.7777777778vw;
  background: #fff;
  color: #333;
  font-size: 2.7777777778vw;
  font-weight: 500;
  border: 1px solid #c1c1c1;
}

.employee .best-pd-list .best-thumb-wrap .list {
  padding-left: 0;
}

.customer .dw-form.text .form-ui {
  right: 6.944444vw;
}

.list-company {
  height: 100%;
  overflow-y: scroll;
}
.list-company ul {
  padding: 4.1666666667vw;
  font-size: 3.8888888889vw;
  line-height: 6.1111111111vw;
}
.list-company ul li {
  margin-bottom: 4.1666666667vw;
}

.order-btn-box {
  padding: 0 3.8888888889vw 2.2222222222vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.6666666667vw;
}
.order-btn-box a {
  width: 45.2777777778vw;
  height: 8.8888888889vw;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 0.2777777778vw solid #E5E5E5;
  border-radius: 0.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #7E7E7E;
  text-align: left;
}
.order-btn-box a:nth-child(2n) {
  margin-left: 1.6666666667vw;
}
.order-btn-box a b {
  color: #00AAFF;
  margin-left: 0.5555555556vw;
}
.order-btn-box a.dw-form.select::after {
  display: none;
}

.big-btn {
  width: 100%;
  margin: 5.5555555556vw 0;
  padding: 0 12.7777777778vw;
  background: #fa4904;
  font-size: 4.4444444444vw;
  text-align: center;
  color: #fff;
  line-height: 15.5555555556vw;
  border-radius: 1.9444444444vw;
  letter-spacing: -0.2777777778vw;
}

.left-title {
  margin-top: 8.3333333333vw;
  margin-bottom: 3.8888888889vw;
  font-size: 4.4444444444vw;
  line-height: 5.2777777778vw;
  color: #333333;
  letter-spacing: -0.2777777778vw;
  font-weight: 600;
  text-align: left;
}

.middle-title {
  margin: 8.3333333333vw 0 3.8888888889vw 0;
  font-size: 4.4444444444vw;
  line-height: 5.2777777778vw;
  color: #333333;
  letter-spacing: -0.2777777778vw;
  font-weight: 600;
  text-align: center;
}

.margin-box {
  width: 100%;
  height: 16px;
  background: #f7f7f7;
}

.line-box {
  width: 100%;
  height: 1px;
  background: #ebebeb;
}

.caution {
  display: block;
  width: 100%;
  margin-top: 1.6666666667vw;
  font-size: 3.6111111111vw;
  line-height: 4.1666666667vw;
  color: #E81010;
  text-align: left;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1500;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s;
}
.modal-content {
  position: fixed;
  bottom: 0;
  width: 100%;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s;
}
.modal.fixedbtn .modal-content {
  bottom: 25vw;
}
.modal-body {
  padding: 0px 5vw;
  background: #fff;
  border-top-right-radius: 8.3333333333vw;
  border-top-left-radius: 8.3333333333vw;
  height: auto;
  overflow-y: scroll;
}
.modal.fixedbtn .modal-body {
  max-height: 128.3333333333vw;
}
.modal-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 27.2222222222vw;
  line-height: 27.2222222222vw;
  background: #fff;
  width: 100%;
  text-align: center;
}
.modal-footer .modal-close {
  display: block;
  width: 100%;
  height: 27.2222222222vw;
  margin: 0 auto;
  line-height: 27.2222222222vw;
  font-size: 5.2777777778vw;
  color: #000000;
  font-weight: 600;
  text-align: center;
}

-webkit-keyframes slideIn {
  bottom: -83.3333333333vw;
  opacity: 0;
}

to {
  bottom: 0;
  opacity: 1;
}

keyframes slideIn {
  bottom: -83.3333333333vw;
  opacity: 0;
}

to {
  bottom: 0;
  opacity: 1;
}

-webkit-keyframes fadeIn {
  opacity: 0;
}

to {
  opacity: 1;
}

keyframes fadeIn {
  opacity: 0;
}

to {
  opacity: 1;
}

.flag_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8333333333vw;
}

.flag_tbc {
  border-radius: 0.8333333333vw;
  letter-spacing: -0.0777777778vw;
  font-size: 3.3333333333vw;
  padding: 0.5555555556vw 1.1111111111vw;
  border: 0.1944444444vw solid #e1e1e1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #6A6A6A;
  background-color: #ffffff;
}

.nineteen {
  color: #ffffff;
  background-color: #ff7600;
  border-color: #ff7600;
  border-radius: 1.1111111111vw;
  position: absolute;
  top: 0vw;
  left: 2.2222222222vw;
  font-size: 3.3333333333vw;
  opacity: 0.9;
  line-height: 1;
}

.flag_tbc.lightning {
  color: #A04EFF;
  background-color: #F0DEFF;
  border-color: #D2ABFF;
}

.flag_tbc.only_tbc {
  color: #00B73D;
  background-color: #E5FEED;
  border-color: #99E6B3;
}

.flag_tbc.onlly_ybj {
  color: #FC4C4C;
  background-color: #FFE9E8;
  border-color: #FF7E7E;
}

.flag_tbc.etc {
  color: #6A6A6A;
  background-color: #ffffff;
  border-color: #E1E1E1;
}

.flag_tbc.more_better {
  color: #FC4C4C;
  background-color: #FFE9E8;
  border-color: #FF7E7E;
}

.flag_tbc.big_sale {
  color: #fff;
  background-color: #eb0a00;
  border-color: #eb0a00;
}

.flag_tbc.price_365 {
  color: #4C69FC;
  background-color: #E8EAFF;
  border-color: #AAB8FF;
}

.flag_tbc.biz_tbc {
  color: #FC4CD3;
  background-color: #FFE8FC;
  border-color: #FF9FE9;
}

.flag_tbc.gray {
  color: #888888;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
}

.flag_tbc.farm_direct {
  color: #00B73D;
  background-color: #E5FEED;
  border-color: #99E6B3;
}

.flag_tbc.bang_sale {
  background: url("../images/icons/bang/flag_bang.png") no-repeat 100%/cover;
  font-size: 0;
}

.flag_tbc.flash_sale {
  background: url("../images/icons/bang/flag_flash.png") no-repeat 100%/cover;
  font-size: 0;
}

.review-inner .container {
  margin: 0 1.9444444444vw;
}
.review-inner .review-box .title {
  padding: 0 3.8888888889vw;
}
.review-inner .normal .swiper-slide {
  width: 27.7777777778vw !important;
}
.review-inner .normal .swiper-slide .photo-num {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  font-size: 2.7777777778vw;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  line-height: 5.5555555556vw;
  text-align: center;
  z-index: 22;
}

.review-box {
  margin-bottom: 5.5555555556vw;
  font-size: 3.8888888889vw;
  color: #333333;
  letter-spacing: -0.2777777778vw;
}
.review-box .total.invisible {
  visibility: hidden;
}
.review-box .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2.7777777778vw;
  margin-bottom: 2.7777777778vw;
  letter-spacing: -0.2083333333vw;
}
.review-box .title.mt0 {
  margin-top: 0;
}
.review-box .title em {
  font-size: 4.1666666667vw;
  line-height: 9.1666666667vw;
  color: #e20000;
}
.review-box .title h5 {
  font-size: 5.5555555556vw;
  line-height: 9.1666666667vw;
  color: #000;
  font-weight: 600;
}
.review-box .title h6 {
  font-size: 4.1666666667vw;
  color: #333333;
  font-weight: 600;
}
.review-box .title h6 span {
  font-size: 4.1666666667vw;
  color: #7e7e7e;
  font-weight: 300;
}
.review-box .title span {
  font-size: 4.1666666667vw;
  line-height: 9.1666666667vw;
  color: #2d2d2d;
}
.review-box .title button {
  width: 4.7222222222vw;
  height: 4.7222222222vw;
  background: url("../images/review/ico_arrow.svg");
}
.review-box .title a {
  margin-left: 3.3333333333vw;
  font-size: 3.8888888889vw;
  color: #c8c8c8;
}
.review-box .title .between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.review-box .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 5.5555555556vw;
  font-size: 5vw;
  line-height: 6.1111111111vw;
  font-weight: 600;
  margin-bottom: 2.7777777778vw;
  color: #333333;
  font-weight: 600;
}
.review-box .name .label {
  margin-left: 2.7777777778vw;
}
.review-box .date {
  display: inline-block;
  vertical-align: top;
  font-size: 3.6111111111vw;
  line-height: 6.6666666667vw;
  color: #bbb;
}
.review-box .label {
  display: inline-block;
  vertical-align: top;
  margin-left: 0.8333333333vw;
  line-height: 6.6666666667vw;
  font-size: 3.6111111111vw;
  color: #707070;
  text-align: center;
  letter-spacing: -0.2777777778vw;
}
.review-box .ico-best {
  display: inline-block;
  vertical-align: top;
  width: 9.4444444444vw;
  height: 7.7777777778vw;
  background: url("../images/review/flag_best.svg") no-repeat center center/100%;
}
.review-box .num {
  padding: 0 2.2222222222vw;
  height: 6.3888888889vw;
  font-size: 3.3333333333vw;
  line-height: 5.5555555556vw;
  color: #b7b7b7;
  text-align: center;
  border: 1px solid #b7b7b7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3.3333333333vw;
}

.mlist {
  overflow-y: auto;
}
.mlist li:first-child {
  margin-top: 3.3333333333vw;
}
.mlist li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
  font-size: 5.2777777778vw;
  height: 20.8333333333vw;
  line-height: 20.8333333333vw;
  text-align: left;
  border-bottom: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mlist li.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.mlist .close {
  display: block;
  margin: 6.9444444444vw auto 16.6666666667vw;
  font-weight: 600;
  font-size: 5.2777777778vw;
  line-height: 7.5vw;
  color: #000;
  text-align: center;
  font-weight: 600;
}
.mlist .view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mlist .view .img {
  width: 11.6666666667vw;
  height: 11.6666666667vw;
  margin-right: 4.1666666667vw;
  background: #efefef;
  border-right: 1.3888888889vw;
}
.mlist .view .txt {
  font-size: 5.2777777778vw;
  color: #000000;
  line-height: 7.5vw;
}
.mlist .num {
  font-size: 5.2777777778vw;
  color: #b7b7b7;
}
.mlist h3 {
  margin-top: 10.2777777778vw;
  font-size: 6.1111111111vw;
  line-height: 6.1111111111vw;
  color: #333;
  text-align: center;
  font-weight: 600;
  letter-spacing: -0.2777777778vw;
}

.element-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 9.7222222222vw;
}
.element-box + .element-box {
  margin-top: 3.8888888889vw;
}
.element-box .texts {
  margin-bottom: 4.1666666667vw;
}
.element-box .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.element-box .items .star-ico {
  width: 5.2777777778vw;
  height: 5vw;
  margin-right: 1.1111111111vw;
  background: url("../images/review/ico_star.svg") no-repeat 100%/cover;
}
.element-box .items .score {
  font-size: 6.1111111111vw;
  letter-spacing: -0.4277777778vw;
  color: #000;
  font-weight: 600;
}
.element-box .items .dline {
  width: 0.2777777778vw;
  height: 2.7777777778vw;
  background: #cbcbcb;
}
.element-box .items .number {
  margin-left: 3.6111111111vw;
  font-size: 3.6111111111vw;
  color: #707070;
  letter-spacing: -0.2777777778vw;
}
.element-box .items .ico-best {
  margin-left: 3.6111111111vw;
  width: 10.8333333333vw;
  height: 5.5555555556vw;
  background: url("../images/review/flag_best.svg") no-repeat center center/100%;
}
.element-box .items .name {
  margin-right: 3.6111111111vw;
  font-size: 4.7222222222vw;
  letter-spacing: -0.4277777778vw;
  color: #000;
  font-weight: 600;
}
.element-box .items .pr-name {
  margin-top: 5vw;
  font-size: 3.8888888889vw;
  color: #333;
}
.element-box .date {
  font-size: 3.6111111111vw;
  color: #bbb;
}

.reviews-list-wrap {
  background: #fff;
  margin-top: 4.4444444444vw;
}
.reviews-list-wrap > li {
  margin: 0 5vw;
  padding-bottom: 8.3333333333vw;
  border-bottom: 1px solid #EBEBEB;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.reviews-list-wrap > li:only-child {
  border-bottom: 0;
}
.reviews-list-wrap > li:last-child {
  margin-bottom: 0;
  border: none;
}
.reviews-list-wrap.written > li {
  padding-top: 9.7222222222vw;
  padding-bottom: 8.3333333333vw;
  border-top-left-radius: 8.3333333333vw;
  border-top-right-radius: 8.3333333333vw;
  background: #fff;
  border-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.reviews-list-wrap.written > li:first-child {
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.name-box {
  margin-top: 4.1666666667vw;
}
.name-box span {
  display: block;
  margin-bottom: 1.3888888889vw;
  font-size: 3.8888888889vw;
  letter-spacing: -0.2777777778vw;
  color: #b7b7b7;
  line-height: 5.5555555556vw;
}
.name-box span:last-child {
  margin-bottom: 0;
}

.texts {
  margin: 4.1666666667vw 0 6.9444444444vw;
  text-align: left;
}
.texts p {
  font-size: 4.7222222222vw;
  line-height: 7.2222222222vw;
  color: #313131;
  letter-spacing: -0.3333333333vw;
}

.big-img {
  position: relative;
  border-radius: 1.3888888889vw;
  overflow: hidden;
  width: 100%;
  margin-top: 5.5555555556vw;
}
.big-img button {
  position: absolute;
  bottom: 2.2222222222vw;
  right: 2.2222222222vw;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  background: url("..images/review/ico_extend.svg");
}

.assess-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 6.9444444444vw;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.assess-box > span {
  position: relative;
  display: inline-block;
  margin-right: 1.3888888889vw;
  padding: 0.33em 1em;
  text-align: center;
  font-size: 3.6111111111vw;
  letter-spacing: -0.5555555556vw;
  color: #333;
  border: 1px solid #E9E9E9;
  border-radius: 13.8888888889vw;
  line-height: 6.1111111111vw;
}
.assess-box > span em {
  margin-right: 1.3888888889vw;
  font-size: 3.6111111111vw;
  color: #000;
  font-weight: 600;
}

.hash-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 2.7777777778vw;
  margin-bottom: 5.5555555556vw;
}
.hash-box span {
  display: inline-block;
  margin-right: 1.3888888889vw;
  padding: 0.33em 1em;
  font-size: 3.6111111111vw;
  line-height: 6.1111111111vw;
  color: #ff7600;
  letter-spacing: -1px;
  background: #ffffff;
  border-radius: 6.3888888889vw;
  border: 1px solid #ff7600;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1.3888888889vw;
}

.review-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5.5555555556vw;
}

.liked-box button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #7E7E7E;
  font-size: 3.6111111111vw;
}
.liked-box button i {
  display: inline-block;
  width: 5vw;
  height: 5vw;
  margin-right: 1.6666666667vw;
  background: url("../images/review/ico_good_default_s.svg") no-repeat center center/100%;
}
.liked-box button.active {
  color: #ff7600;
}
.liked-box button.active span {
  color: #ff7600;
}
.liked-box button.active i {
  background: url("../images/review/ico_good_press_s.svg") no-repeat center center/100%;
}

.liked-box span {
  font-size: 3.6111111111vw;
  color: #7E7E7E;
}

.modify-box {
  margin-top: 2.7777777778vw;
  margin-left: 2.2222222222vw;
}

.modify-box a {
  display: inline-block;
  vertical-align: top;
  letter-spacing: -0.2777777778vw;
  text-align: right;
  color: #bbb;
  font-size: 3.6111111111vw;
}

.comment {
  position: relative;
  margin-top: 5vw;
  padding: 5.5555555556vw 5vw;
  border-radius: 1.3888888889vw;
  background: #f2f2f2;
  letter-spacing: -0.2777777778vw;
}
.comment:before {
  position: absolute;
  content: "";
  left: 2.7777777778vw;
  top: -2.7777777778vw;
  border-top: 2.7777777778vw solid none;
  border-left: 2.7777777778vw solid transparent;
  border-right: 2.7777777778vw solid transparent;
  border-bottom: 5.5555555556vw solid #f2f2f2;
}
.comment .cmmt-head {
  margin-bottom: 1.9444444444vw;
  text-align: left;
}
.comment .cmmt-head .name {
  font-size: 4.1666666667vw;
  line-height: 6.1111111111vw;
  letter-spacing: -1px;
  color: #313131;
  font-weight: 600;
}
.comment .cmmt-head .date {
  padding-left: 1.3888888889vw;
  font-size: 3.8888888889vw;
  line-height: 6.1111111111vw;
  letter-spacing: -1px;
  color: #898989;
}
.comment p {
  font-size: 4.1666666667vw;
  color: #313131;
  text-align: left;
  line-height: 6.1111111111vw;
}

.more {
  padding: 8.3333333333vw 0;
  font-size: 3.8888888889vw;
  color: #929292;
  background: #fff;
  text-align: center;
}
.more span:after {
  display: inline-block;
  width: 2.5vw;
  height: 2.5vw;
  margin: -2.5vw 2.5vw 0 2.5vw;
  border: 1px solid #929292;
  border-width: 0 1px 1px 0;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

.pop-layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pop-layer .dim {
  z-index: 1;
}
.pop-layer:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
}
.pop-layer .pop-box {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  width: 83.3333333333vw;
  overflow: hidden;
  margin: 0 auto;
  height: auto;
  background: #fff;
  border-radius: 2.7777777778vw;
}
.pop-layer .pop-box p {
  display: block;
  padding: 11.1111111111vw 16.6666666667vw;
  font-size: 5vw;
  line-height: 7.2222222222vw;
  color: #000000;
  text-align: center;
  letter-spacing: -1px;
}
.pop-layer .pop-box .confirm-box {
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #c8c8c8;
}
.pop-layer .pop-box .confirm-box li {
  float: left;
  width: 50%;
  height: 15.2777777778vw;
  line-height: 15.2777777778vw;
  font-size: #3d3d3d;
  font-size: 4.4444444444vw;
  text-align: center;
}
.pop-layer .pop-box .confirm-box li:first-child {
  border-right: 1px solid #c8c8c8;
}
.pop-layer .pop-box .confirm-box li:only-child {
  width: 100%;
}
.pop-layer .pop-box .confirm-box li em {
  color: #fa4904;
}
.pop-layer.pop2 .pop-box .confirm-box li {
  width: 100%;
}

.mbox {
  text-align: center;
  padding-top: 11.1111111111vw;
}
.mbox h5 {
  margin-top: 3.0555555556vw;
  margin-bottom: 6.3888888889vw;
  font-size: 5.5555555556vw;
  line-height: 8.3333333333vw;
  letter-spacing: -1.5px;
  color: #333333;
  font-weight: 600;
}
.mbox h5 em {
  color: #ff7600;
  font-weight: 600;
}
.mbox span {
  font-size: 4.7222222222vw;
  color: #898989;
  letter-spacing: -1px;
}
.mbox .yes {
  display: block;
  width: 100%;
  height: 17.5vw;
  font-size: 5vw;
  line-height: 17.5vw;
  color: #fff;
  background: #fa4904;
  border-radius: 2.7777777778vw;
}
.mbox .no {
  display: inline-block;
  margin: 3.8888888889vw auto 12.7777777778vw;
  text-align: center;
  font-size: 4.1666666667vw;
  height: 5.8333333333vw;
  padding-bottom: 0.5555555556vw;
  border-bottom: 1px solid #b7b7b7;
  color: #b7b7b7;
}

.fixed-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 49;
}
.fixed-menu .inner {
  max-width: 213.3333333333vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 15vw;
  padding: 0 6.6666666667vw;
  background-color: #fff;
  -webkit-box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.0784313725);
          box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.0784313725);
}
.fixed-menu .fmenu-btn {
  display: block;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.fixed-menu .fmenu-btn.menu01 {
  background-image: url(../images/fixed-menu01.png);
}
.fixed-menu .fmenu-btn.menu02 {
  background-image: url(../images/fixed-menu02.png);
}
.fixed-menu .fmenu-btn.menu03 {
  background-image: url(../images/fixed-menu03.png);
}
.fixed-menu .fmenu-btn.menu04 {
  background-image: url(../images/fixed-menu04.png);
}
.fixed-menu .fmenu-btn.menu05 {
  background-image: url(../images/fixed-menu05.png);
}

.top-banner {
  position: relative;
  max-width: 213.3333333333vw;
  margin: 0 auto;
  display: none;
}
.top-banner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 11.1111111111vw;
  color: #fff;
  font-size: 3.8888888889vw;
  background-color: #333;
}
.top-banner a .txt {
  display: block;
  width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.top-banner .btn-close {
  position: absolute;
  top: 50%;
  right: 2.5vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background: url(../images/close-top-banner.png) 50%/10px no-repeat;
}

body.scroll-down .top-banner {
  display: none;
}

.icon-star.gradient0 {
  background-position: 0% 0;
}
.icon-star.gradient1 {
  background-position: 10% 0;
}
.icon-star.gradient2 {
  background-position: 20% 0;
}
.icon-star.gradient3 {
  background-position: 30% 0;
}
.icon-star.gradient4 {
  background-position: 40% 0;
}
.icon-star.gradient5 {
  background-position: 50% 0;
}
.icon-star.gradient6 {
  background-position: 60% 0;
}
.icon-star.gradient7 {
  background-position: 70% 0;
}
.icon-star.gradient8 {
  background-position: 80% 0;
}
.icon-star.gradient9 {
  background-position: 90% 0;
}
.icon-star.gradient10 {
  background-position: 100% 0;
}

#band .category-select, #best .category-select, #gift .category-select {
  margin: 0;
}
#band h2, #best h2, #gift h2 {
  text-align: left;
  font-weight: 500;
  font-size: 5.5555555556vw;
  margin: 6.9444444444vw 3.3333333333vw 0;
  line-height: 8.8888888889vw;
}
#band h2 img, #best h2 img, #gift h2 img {
  width: 8.8888888889vw;
  display: inline-block;
  margin-right: 1.6666666667vw;
  vertical-align: middle;
}

#best h2 {
  margin-bottom: 6vw;
}
#best .nineteen {
  left: 18.0555555556vw;
}

.coupon-main-review .item.first {
  width: 90%;
  margin: 0 auto;
}
.coupon-main-review .item.first .comment {
  width: 100%;
  display: inline-block;
  text-align: center;
}

#gift h2 img {
  width: 7.7777777778vw;
  vertical-align: top;
}

.scroll-down .main-header {
  top: 0 !important;
}

.scroll-upable .main-header {
  top: 0 !important;
}

.gift-result {
  margin: 3.8888888889vw;
  padding: 4.1666666667vw;
  background: #F7F7F7;
}
.gift-result h3 {
  margin-bottom: 2.7777777778vw;
  font-size: 3.8888888889vw;
  font-weight: 600;
  color: #333;
  text-align: left;
}
.gift-result ul li {
  font-size: 3.3333333333vw;
  line-height: 4.4444444444vw;
}

main.monthly {
  padding-top: 13.3333333333vw;
}

.isApp main.monthly {
  padding-top: 0vw;
}

.isApp.scroll-down .monthly .cate-top-menu {
  top: 0;
}

.isApp.scroll-upable .monthly .cate-top-menu {
  top: 0;
}

.isApp .footer {
  padding-bottom: 0;
}

.ani {
  display: block;
}

.ani i {
  font-style: normal;
}

.ani1 i {
  position: relative;
  display: inline-block;
  -webkit-animation: gnbAni1 1s infinite;
          animation: gnbAni1 1s infinite;
}

@-webkit-keyframes gnbAni1 {
  0%, 40% {
    top: 0;
  }
  20% {
    top: -0.2rem;
  }
}

@keyframes gnbAni1 {
  0%, 40% {
    top: 0;
  }
  20% {
    top: -0.2rem;
  }
}
.ani2 i {
  position: relative;
  display: inline-block;
  -webkit-animation: gnbAni2 0.6s linear infinite;
          animation: gnbAni2 0.6s linear infinite;
}

@-webkit-keyframes gnbAni2 {
  0%, 25%, 75%, 100% {
    color: #000;
  }
  50% {
    color: #aaa;
  }
}

@keyframes gnbAni2 {
  0%, 25%, 75%, 100% {
    color: #000;
  }
  50% {
    color: #aaa;
  }
}
.ani i.flash:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.ani i.flash:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.ani i.flash:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.ani i.flash:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.ani i.flash:nth-child(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.ani i.flash:nth-child(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.ani i.flash:nth-child(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.ani i.flash:nth-child(8) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.ani i.flash:nth-child(9) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.ani i.flash:nth-child(10) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.ani.on i {
  -webkit-animation: none;
          animation: none;
}

.deal-wrap {
  padding: 0 2.7777777778vw;
  margin: 6.9444444444vw 0;
  position: relative;
}
.deal-wrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100%;
  height: 13.8888888889vw;
  text-align: center;
  font-size: 4.4444444444vw;
  -webkit-box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.08);
          box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  margin: 0 auto;
}
.deal-wrap a::after {
  content: "";
  display: inline-block;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background: url(../images/icon/deal/ico_info.png) no-repeat center center/100%;
}
.deal-wrap .alert-tooltip {
  position: absolute;
  top: 19.4444444444vw;
  right: 50%;
  padding: 5.5555555556vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px 0 8px 8px;
  width: 90%;
  border: 1px solid #dddddd;
  background: #ffffff;
  z-index: 30;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.deal-wrap .alert-tooltip b {
  font-weight: 700;
  font-size: 4.4444444444vw;
}
.deal-wrap .alert-tooltip::before {
  right: -1px;
  top: -15px;
  position: absolute;
  content: "";
  display: block;
  width: 0px;
  border-width: 0 0 3.8888888889vw 4.1666666667vw;
  border-style: solid;
  border-color: #fff;
  border-style: solid;
  border-color: #ddd transparent;
}
.deal-wrap .alert-tooltip::after {
  right: 0px;
  top: -13px;
  position: absolute;
  content: "";
  display: block;
  width: 0px;
  border-width: 0 0 4.1666666667vw 4.1666666667vw;
  border-style: solid;
  border-style: solid;
  border-color: #fff transparent;
}

#detail_seven_pop .layer-popup .layer-content img.photo {
  height: 100vw !important;
}

#seven .contents {
  overflow: hidden;
}

.disp_svnTb .charts {
  padding: 0;
  border-radius: none;
  background: #fff;
}
.disp_svnTb .charts .chart-box.l {
  margin-right: 0;
  padding: 20px 0 0;
}
.disp_svnTb .charts .chart-box.l h5 {
  font-size: 16px;
}
.disp_svnTb .charts .chart-box.l .total {
  line-height: 30px;
  font-size: 30px;
  margin-top: 8px;
  position: relative;
  width: 87%;
}
.disp_svnTb .charts .chart-box.l .total::after {
  content: "/ 5.0";
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  color: #c3c3c3;
  position: absolute;
  right: 28%;
  top: 62%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  letter-spacing: normal;
}
.disp_svnTb .review-box .title {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  margin-bottom: 0;
}
.disp_svnTb .review-box .title h6 {
  font-size: 16px;
}
.disp_svnTb .review-box .title span {
  font-size: 16px;
  line-height: 22px;
  color: #333;
}
.disp_svnTb .reviews-list-wrap li {
  padding-bottom: 0;
}
.disp_svnTb .reviews-list-wrap li .element-box .items .score {
  font-size: 20px;
}
.disp_svnTb .reviews-list-wrap li .element-box .items .name {
  font-size: 16px;
  letter-spacing: normal;
}
.disp_svnTb .reviews-list-wrap li .pr-name {
  line-height: 3;
  font-size: 14px;
}

.btn-like.liked .icon.icon-heart {
  background-image: url(../images/icon/common/icon_heart_on_20.svg);
}

.header-nav > div a#lnk_gnb_best {
  margin-left: 2.7777777778vw;
}

.header-nav > div a:nth-child(n+5).on {
  margin-left: 0;
}

.toggle-content.cm_rcmd .toggle-header .right span {
  color: #ff7600;
}
.toggle-content.cm_rcmd .toggle-body .dw-form.text {
  width: 92%;
  margin: 0 auto;
}
.toggle-content.cm_rcmd .toggle-body #recomid_msg {
  color: #ff7600;
  padding: 0 4.1666666667vw;
}
.toggle-content.cm_rcmd .rcmd_agree {
  padding: 4.1666666667vw;
}
.toggle-content.cm_rcmd .rcmd_agree .discount-info {
  margin: 2.7777777778vw 1.3888888889vw;
  line-height: 5.5555555556vw;
}
.toggle-content.cm_rcmd .rcmd_agree .discount-toggle-btn {
  position: relative;
}
.toggle-content.cm_rcmd .rcmd_agree .discount-toggle-btn span {
  font-size: 3.8888888889vw;
}
.toggle-content.cm_rcmd .rcmd_agree .discount-toggle-btn i {
  position: absolute;
  top: 0.5555555556vw;
  left: 52.7777777778vw;
}

.toggle-content.cm_rcmd .toggle-header {
  position: relative;
}
.toggle-content.cm_rcmd .toggle-header h5 span {
  color: #ff7600;
  font-weight: normal;
  position: absolute;
  top: 50%;
  right: 11.1111111111vw;
  display: inline-block;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.gift-order.gift-order-sender.open .toggle-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.gift-order.gift-order-sender.open .toggle-header .right {
  margin-top: 1.1111111111vw;
}
.gift-order h5 {
  font-size: 3.8888888889vw;
  font-weight: 700;
  color: #333;
  text-align: left;
}
.gift-order .left .txt {
  display: none;
  font-size: 12px;
  font-weight: 400;
  color: #B3B3B3;
  margin-top: 1.6666666667vw;
}
.gift-order.show.open .left .txt {
  display: block;
}
.gift-order.open {
  background: #fff;
  position: relative;
}
.gift-order.open .left .txt {
  display: none;
}
.gift-order.open .toggle-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 3.0555555556vw 3.8888888889vw;
}
.gift-order.open.address {
  display: none;
}
.gift-order.open.message label {
  display: none;
}
.gift-order.open.message .message-box {
  padding-bottom: 7.2222222222vw;
  position: relative;
  margin: 0 3.8888888889vw;
  border: 1px solid #d4d4d4;
}
.gift-order.open.message .message-box .text-length {
  position: absolute;
  bottom: 2.2222222222vw;
  right: 3.8888888889vw;
  font-size: 3.3333333333vw;
  color: #7e7e7e;
}
.gift-order.open.message .message-box textarea {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 20vw;
  padding: 2.7777777778vw;
  resize: none;
  font-size: 3.3333333333vw;
  line-height: 1.3;
}
.gift-order.open.message .message-box textarea::-webkit-input-placeholder {
  font-size: 3.3333333333vw;
  color: #B3B3B3;
}
.gift-order.open.message .message-box textarea::-moz-placeholder {
  font-size: 3.3333333333vw;
  color: #B3B3B3;
}
.gift-order.open.message .message-box textarea:-ms-input-placeholder {
  font-size: 3.3333333333vw;
  color: #B3B3B3;
}
.gift-order.open.message .message-box textarea::-ms-input-placeholder {
  font-size: 3.3333333333vw;
  color: #B3B3B3;
}
.gift-order.open.message .message-box textarea::placeholder {
  font-size: 3.3333333333vw;
  color: #B3B3B3;
}
.gift-order.open.message .message-box textarea:focus-visible {
  border: unset;
  outline: none;
}
.gift-order.open.message .txt {
  display: block;
  padding-left: 3.8888888889vw;
  margin-top: 3.8888888889vw;
  font-size: 3.3333333333vw;
  color: #B3B3B3;
  padding-bottom: 3.8888888889vw;
}
.gift-order.open.alert .toggle-header {
  display: block;
}
.gift-order.open.alert .toggle-header h6 {
  font-size: 3.3333333333vw;
  color: #7E7E7E;
  font-weight: 600;
  margin: 2.7777777778vw 0;
}
.gift-order.open.alert .toggle-header ul li {
  font-size: 3.3333333333vw;
  color: #7E7E7E;
  font-weight: 400;
  margin-bottom: 2.7777777778vw;
  line-height: 1.4;
}
.gift-order.receive .toggle-header {
  display: block;
}
.gift-order.receive .toggle-header .gift-receive {
  position: absolute;
  right: 3.8888888889vw;
  top: 9.4444444444vw;
}
.gift-order.receive .toggle-header .gift-receive button {
  width: 28.8888888889vw;
  height: 6.6666666667vw;
  line-height: 6.6666666667vw;
  background: #f8f8f8;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 8.3333333333vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
}
.gift-order.address .toggle-header {
  display: block;
}
.gift-order.address .toggle-header .gift-receive {
  position: absolute;
  right: 3.8888888889vw;
  top: 1.3888888889vw;
}
.gift-order.address .toggle-header .gift-receive button {
  width: 31.6666666667vw;
  height: 6.6666666667vw;
  line-height: 6.6666666667vw;
  background: #f8f8f8;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 8.3333333333vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
}
.gift-order .my-delivery-write .row1 {
  padding-top: 0;
}

.receive-address {
  width: 50%;
  padding: 0 3.8888888889vw 3.3333333333vw;
}

.receive-address .address-self {
  display: block;
  position: relative;
  padding-left: 7.7777777778vw;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 5.8333333333vw;
}

.receive-address .address-self input[type=checkbox] {
  display: none;
}

.receive-address span {
  font-size: 3.3333333333vw;
}

.receive-address .on {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background: #fff;
  border: 1px solid #D6D6D6;
  position: absolute;
  top: 0.5555555556vw;
  left: 0;
}

.receive-address .address-self input[type=checkbox]:checked + .on {
  background: #ff7600;
  border: 1px solid #FF7600;
}

.receive-address .on:after {
  content: "";
  position: absolute;
  display: none;
}

.receive-address .address-self input[type=checkbox]:checked + .on:after {
  display: block;
}

.receive-address .on:after {
  width: 1.6666666667vw;
  height: 2.7777777778vw;
  border: solid #ffffff;
  border-width: 0 0.5555555556vw 0.5555555556vw 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 1.1111111111vw;
  top: 0.2777777778vw;
}

.receive-address .on:before {
  content: "";
  position: absolute;
  display: block;
  width: 1.6666666667vw;
  height: 2.7777777778vw;
  border: solid #d6d6d6;
  border-width: 0 0.5555555556vw 0.5555555556vw 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 1.1111111111vw;
  top: 0.2777777778vw;
}

.receive-address .address-self input[type=checkbox]:checked + .on:before {
  display: none;
}

#gift .cate-top-menu {
  background-color: #ffffff;
  overflow: visible;
  position: static;
  margin-top: 4.4444444444vw;
}
#gift .cate-top-menu.fixed {
  position: fixed;
  top: 0;
  margin-top: 0;
}
#gift .cate-top-menu .inner {
  overflow-x: scroll;
}
#gift .cate-top-menu .inner ul li {
  margin-right: 3.3333333333vw;
}
#gift .cate-top-menu .inner ul li a {
  border: 1px solid #E6E6E6;
  padding: 0 3.3333333333vw;
  background: #ffffff;
  position: relative;
}
#gift .cate-top-menu .inner ul li.on a {
  background: #333;
}
#gift .cate-top-menu .inner ul li .pick-self {
  position: absolute;
  display: block;
  width: 44.4444444444vw;
  height: 8.8888888889vw;
  line-height: 8.8888888889vw;
  background: rgba(255, 118, 0, 0.1490196078);
  color: #FF5600;
  text-align: center;
  border-radius: 8.3333333333vw;
  font-size: 3.0555555556vw;
  top: -12.2222222222vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#gift .cate-top-menu .inner ul li .pick-self::after {
  display: block;
  position: absolute;
  top: 8.8888888889vw;
  left: 19.666667vw;
  content: " ";
  height: 0;
  border-bottom: 2.7777777778vw solid;
  border-left: 2.7777777778vw solid rgba(0, 0, 0, 0);
  border-right: 2.7777777778vw solid rgba(0, 0, 0, 0);
  color: rgba(255, 118, 0, 0.1490196078);
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
}
#gift section#category {
  margin-top: 2.7777777778vw;
}

body.scroll-down #gift .cate-top-menu .inner ul li .pick-self {
  display: none;
}
body.scroll-down #gift .cate-top-menu .inner ul li .pick-self::after {
  display: none;
}

body.scroll-upable #gift .cate-top-menu .inner ul li .pick-self {
  display: none;
}
body.scroll-upable #gift .cate-top-menu .inner ul li .pick-self::after {
  display: none;
}

.isApp #gift .cate-top-menu.fixed {
  top: -4.4444444444vw;
}

.isApp.scroll-upable #gift .cate-top-menu {
  top: -4.4444444444vw;
}

.category-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 5.5555555556vw 5.8333333333vw 5.5555555556vw;
}
.category-icons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 15vw;
  height: 25vw;
  margin-right: 3.3333333333vw;
  position: relative;
  margin-top: 3.6111111111vw;
}
.category-icons a:nth-of-type(5n) {
  margin-right: 0;
}
.category-icons a:nth-of-type(-n+5) {
  margin-top: 0;
}
.category-icons a.new::after {
  content: "";
  width: 3.8888888889vw;
  height: 3.8888888889vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icons/common/quick_new.svg");
  position: absolute;
  top: 0;
  right: 0;
}
.category-icons a i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 15vw;
  height: 15vw;
  background-color: #f8f8f8;
  border-radius: 15.5555555556vw;
  background-position: center;
  background-size: 5vw;
  background-repeat: no-repeat;
  border: 0.5555555556vw solid transparent;
  margin-bottom: 1.6666666667vw;
  overflow: hidden;
}
.category-icons a i img {
  width: 11.1111111111vw;
}
.category-icons a span {
  display: block;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: center;
  line-height: 4.7222222222vw;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  text-overflow: ellipsis;
  letter-spacing: -0.2777777778vw;
}

.reviews-list-wrap .review-box > .container > .swiper-wrapper > li > a {
  width: 27.7777777778vw;
  height: 27.7777777778vw;
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  text-align: center;
  border-radius: 1.6666666667vw;
}
.reviews-list-wrap .review-box > .container > .swiper-wrapper > li > a img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 0;
}
.reviews-list-wrap .review-box > .container > .swiper-wrapper > li > a .video-icon {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  position: absolute;
  top: 2.2222222222vw;
  right: 2.2222222222vw;
  border-radius: 50%;
  -webkit-box-shadow: 0.5555555556vw 0.5555555556vw 1.1111111111vw 0.8333333333vw rgba(0, 0, 0, 0.0588235294);
          box-shadow: 0.5555555556vw 0.5555555556vw 1.1111111111vw 0.8333333333vw rgba(0, 0, 0, 0.0588235294);
}

.popup-app {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 100%;
  max-width: 213.3333333333vw;
  z-index: 70;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  background: #fff;
  overflow: hidden;
  border-top-left-radius: 2.7777777778vw;
  border-top-right-radius: 2.7777777778vw;
}
.popup-app.active {
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
.popup-app .inner {
  padding: 6.6666666667vw 3.8888888889vw;
}
.popup-app .inner .app-image {
  width: 14.4444444444vw;
  height: 14.4444444444vw;
  display: block;
  text-align: center;
  margin: 0 auto 4.4444444444vw;
}
.popup-app .inner .main-msg {
  font-size: 5vw;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 3.8888888889vw;
  word-break: keep-all;
  text-align: center;
}
.popup-app .inner .sub-msg {
  font-size: 3.8888888889vw;
  color: #7e7e7e;
  text-align: center;
  margin-bottom: 3.8888888889vw;
}
.popup-app .inner .btn-inapp {
  width: 100%;
  height: 13.8888888889vw;
  border-radius: 0.5555555556vw;
  background: #FF7600;
  color: #fff;
  text-align: center;
  line-height: 13.8888888889vw;
  display: block;
  font-size: 4.4444444444vw;
  font-weight: 400;
}
.popup-app .inner .btn-inmo {
  display: block;
  font-size: 3.8888888889vw;
  color: #CCCCCC;
  text-align: center;
  margin: 3.8888888889vw auto 0;
  border-bottom: 1px solid #ccc;
}

span.toast-dimm-app {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  width: 100%;
  height: 100%;
  opacity: 70%;
  z-index: 105;
}

span.toast-dimm.show {
  display: inline;
}

.customer-notice-lists .toggle-body b {
  font-weight: bold;
}

.layer-content .dw-form-wrapper.pd14 input {
  max-width: 66.6666666667vw;
}

main#join2 .dw-form-wrapper.search .btn-search {
  top: 6.9444444444vw;
}

/* 로딩 이미지 */
#ziploading {
  display: none;
  position: fixed;
  top: 80%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  z-index: 999;
}

#ziploading .con {
  display: inline-block;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  background: url(../images/disp/loading.gif) no-repeat center center/100%;
  text-indent: -1388.8888888889vw;
  vertical-align: middle;
  z-index: 999;
}

.mevent-banners .swiper-slide .thumb {
  width: 100%;
  height: 46.1111111111vw;
  overflow: hidden;
  display: block;
  position: relative;
}
.mevent-banners .swiper-slide .thumb img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: unset;
}

.sticky-banner {
  position: fixed;
  left: 2.7777777778vw;
  bottom: 20vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.9444444444vw 2.7777777778vw;
  border: 0.2777777778vw solid #FF7600;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border-radius: 5.5555555556vw;
  font-size: 3.8888888889vw;
  z-index: 9;
  line-height: 3.8888888889vw;
}
.sticky-banner strong {
  display: block;
}
.sticky-banner i {
  display: block;
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  margin-right: 1.6666666667vw;
  background: url("../images/icons/bang/icon_clock_15px.svg") no-repeat 100%/cover;
}
.sticky-banner.fixed i {
  background: url("../images/icons/bang/icon_clock_fill_15px.svg") no-repeat 100%/cover;
}
.sticky-banner.fixed strong {
  display: none;
}
.sticky-banner em {
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #FF7600;
  text-align: left;
  width: 16.1111111111vw;
  overflow: hidden;
  line-height: 4.4444444444vw;
  letter-spacing: -0.0777777778vw;
}
.sticky-banner strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1.1111111111vw;
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #333333;
  text-align: left;
}
.sticky-banner strong::after {
  content: "";
  display: block;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  margin: 0 0 0 1.6666666667vw;
  border: 0.2777777778vw solid #333333;
  border-width: 0.2777777778vw 0.2777777778vw 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#searching_popup .layer-content {
  width: 83.3333333333vw;
}
#searching_popup .layer-content .content {
  padding: 8.3333333333vw 5.5555555556vw;
  border-radius: 2.7777777778vw;
  overflow: visible;
}
#searching_popup .layer-content .content .animated-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 27.7777777778vw;
  display: block;
  width: 26.9444444444vw;
  height: 11.3888888889vw;
  margin: 0 auto;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-animation: slideUp 2s forwards;
          animation: slideUp 2s forwards; /* 애니메이션 적용 */
}
#searching_popup .layer-content .content .animated-box img {
  width: 100%;
}
#searching_popup .layer-content .content .bomb {
  position: relative;
  z-index: 2;
  margin-top: 13.0555555556vw;
}
#searching_popup .layer-content .content .bomb i {
  display: block;
  width: 18.0555555556vw;
  height: 18.0555555556vw;
  margin: 0 auto;
  background: #B7E39A url("../images/icons/bang/icon_bomb.png") no-repeat center;
  border-radius: 100%;
  background-size: 35px 33px;
  -webkit-box-shadow: 0 2px 5px #B7E39A;
          box-shadow: 0 2px 5px #B7E39A;
}

#recommend_popup .layer-content {
  position: relative;
  width: 83.3333333333vw;
  overflow: visible;
  border-radius: 2.7777777778vw;
}
#recommend_popup .layer-content .layer-popup-close {
  position: absolute;
  top: 5.5555555556vw;
  right: 5.5555555556vw;
  display: block;
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  background: url("../images/icons/bang/icon_x_black.svg") no-repeat 100%/cover;
  z-index: 2;
}
#recommend_popup .layer-content .content {
  position: relative;
  padding: 13.3333333333vw 5.5555555556vw 5.5555555556vw;
  text-align: center;
  overflow: visible;
}
#recommend_popup .layer-content .content .animated-box {
  position: absolute;
  left: 0;
  right: 0;
  top: -14.4444444444vw;
  display: block;
  width: 26.9444444444vw;
  height: 11.3888888889vw;
  margin: 0 auto;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-animation: slideUp 2s forwards;
          animation: slideUp 2s forwards; /* 애니메이션 적용 */
}
#recommend_popup .layer-content .content .animated-box img {
  width: 100%;
}
#recommend_popup .layer-content .content .bomb {
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -9.0277777778vw;
  margin-left: -9.0277777778vw;
}
#recommend_popup .layer-content .content .bomb i {
  display: block;
  width: 18.0555555556vw;
  height: 18.0555555556vw;
  background: #F1F1F1 url("../images/icons/bang/icon_bomb.png") no-repeat center;
  border-radius: 100%;
  background-size: 9.7222222222vw 9.1666666667vw;
  -webkit-box-shadow: 0 0.5555555556vw 1.3888888889vw rgba(0, 0, 0, 0.1215686275);
          box-shadow: 0 0.5555555556vw 1.3888888889vw rgba(0, 0, 0, 0.1215686275);
}
#recommend_popup .layer-content .content .small {
  margin-bottom: 2.7777777778vw;
  padding: 1.1111111111vw 1.6666666667vw;
  background: #FFF0E4;
  font-size: 3.0555555556vw;
  font-weight: 400;
  color: #FF7600;
  text-align: center;
  border-radius: 1.1111111111vw;
}
#recommend_popup .layer-content .content h3 {
  margin: 2.7777777778vw 0 5.5555555556vw;
  font-size: 4.7222222222vw;
  font-weight: 600;
  color: #000000;
  text-align: center;
  line-height: 6.6666666667vw;
}
#recommend_popup .layer-content .content h3 em {
  font-size: 4.7222222222vw;
  font-weight: 600;
  color: #FF7600;
  text-align: center;
}
#recommend_popup .layer-content .content .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 3.3333333333vw;
     -moz-column-gap: 3.3333333333vw;
          column-gap: 3.3333333333vw;
  text-align: left;
}
#recommend_popup .layer-content .content .item .thumb {
  width: 27.7777777778vw;
  height: 27.7777777778vw;
  border-radius: 1.1111111111vw;
  overflow: hidden;
}
#recommend_popup .layer-content .content .item .name {
  margin-bottom: 1.6666666667vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333333;
  text-align: left;
  line-height: 5vw;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#recommend_popup .layer-content .content .item .new-price {
  margin-bottom: 0.5555555556vw;
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #333333;
  text-align: left;
}
#recommend_popup .layer-content .content .item .new-price em {
  margin-right: 1.3888888889vw;
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #FF7600;
  text-align: left;
}
#recommend_popup .layer-content .content .item .old-price {
  font-size: 3.3333333333vw;
  color: #CCCCCC;
  text-decoration: line-through;
}
#recommend_popup .layer-controllers a {
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  border-radius: 0 0 2.7777777778vw 2.7777777778vw;
  background: #CCCCCC;
}
#recommend_popup .layer-controllers a.active {
  background: #FF7600;
}
#recommend_popup .dont-show-again-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
}
#recommend_popup .dont-show-again-btn a {
  display: block;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #CCCCCC;
  text-align: center;
  background: transparent;
}
#recommend_popup .dont-show-again-btn a em {
  text-decoration: underline;
}

@-webkit-keyframes slideUp {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideUp {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.pd-info {
  width: 36.1111111111vw;
}
.pd-info .pd-remain {
  font-size: 3.3333333333vw;
  color: #7E7E7E;
  letter-spacing: -0.0611111111vw;
}
.pd-info .pd-name {
  width: 36.1111111111vw;
  font-size: 3.6111111111vw;
  color: #333333;
  line-height: 5vw;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  text-overflow: ellipsis;
}
.pd-info .pd-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.1111111111vw;
     -moz-column-gap: 1.1111111111vw;
          column-gap: 1.1111111111vw;
  margin-top: 1.6666666667vw;
}
.pd-info .pd-price em {
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #FF7600;
  text-align: left;
  letter-spacing: -0.0888888889vw;
}
.pd-info .pd-price strong {
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #333333;
  text-align: left;
  letter-spacing: -0.0888888889vw;
}
.pd-info .pd-price span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #CCCCCC;
  text-align: left;
  text-decoration: line-through;
}
.pd-info del {
  margin-top: 0.5555555556vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #CCCCCC;
  text-align: left;
  text-decoration: line-through;
  letter-spacing: -0.0666666667vw;
}

.rcmd-card {
  margin-bottom: 16.6666666667vw;
  padding: 0 13.8888888889vw;
  display: none;
}
.rcmd-card.show {
  display: block;
}

.rcmd-txt {
  padding: 4.7222222222vw 0 5.5555555556vw;
  font-size: 4.7222222222vw;
  font-weight: 400;
  color: #000000;
  text-align: center;
  line-height: 6.9444444444vw;
}
.rcmd-txt strong {
  font-weight: bold;
}
.rcmd-txt em {
  color: #FF7600;
  font-weight: bold;
}

.rcmd-prd {
  padding: 0 3.8888888889vw 8.3333333333vw;
  display: none;
}
.rcmd-prd.show {
  display: block;
}
.rcmd-prd h3 {
  margin-bottom: 3.8888888889vw;
  font-size: 4.7222222222vw;
  color: #333333;
  line-height: 6.6666666667vw;
  font-weight: 600;
  letter-spacing: -0.0472222222vw;
}
.rcmd-prd h3.icon::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 6.3888888889vw;
  height: 6.1111111111vw;
  background: url("../images/icons/bang/icon_bomb.png") no-repeat center 100%/cover;
}
.rcmd-prd h3 em {
  color: #3D9404;
  font-weight: 600;
}
.rcmd-prd .item .thumb {
  position: relative;
  height: 44.4444444444vw;
  margin-bottom: 1.6666666667vw;
  overflow: hidden;
  border-radius: 1.3888888889vw;
}
.rcmd-prd .item .thumb img {
  height: auto;
}
.rcmd-prd .item .thumb .count {
  position: absolute;
  top: 2.7777777778vw;
  left: 2.7777777778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: flex;
  padding: 1.3888888889vw 2.2222222222vw 1.1111111111vw 2.2222222222vw;
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8.3333333333vw;
}
.rcmd-prd .item .thumb .count::before {
  content: "";
  display: block;
  width: 3.6111111111vw;
  height: 3.6111111111vw;
  margin-right: 0.5555555556vw;
  background: url("../images/icons/bang/icon_clock_13px.svg") no-repeat;
  background-size: 100%;
}
.rcmd-prd .item .thumb .count span {
  display: block;
  width: 13.8888888889vw;
  font-size: 3.3333333333vw;
  color: #FF7600;
  line-height: 14px;
  font-weight: 600;
}
.rcmd-prd .item .product-list-info .pd-info {
  width: 100%;
}
.rcmd-prd .item .product-list-info .pd-info .pd-remain {
  margin-bottom: 1.6666666667vw;
  font-size: 3.3333333333vw;
}
.rcmd-prd .item .product-list-info .pd-info .pd-name {
  width: 100%;
  font-size: 3.8888888889vw;
}
.rcmd-prd .put-the-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 2.7777777778vw;
  line-height: 8.3333333333vw;
  border-radius: 1.1111111111vw;
  border: 0.2777777778vw solid #DDDDDD;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rcmd-prd .put-the-cart span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  letter-spacing: -0.0722222222vw;
}
.rcmd-prd .put-the-cart span::before {
  content: "";
  display: block;
  width: 4.1666666667vw;
  height: 3.8888888889vw;
  margin-right: 1.1111111111vw;
  background: url("../images/icons/bang/icon_cart.svg") no-repeat;
  background-size: 100%;
}

.mypage-main .rcmd-card {
  padding-top: 3.6111111111vw;
}
.mypage-main .rcmd-prd {
  padding: 11.1111111111vw 3.8888888889vw 0;
}
.mypage-main .rcmd-prd .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 3.3333333333vw;
     -moz-column-gap: 3.3333333333vw;
          column-gap: 3.3333333333vw;
  margin-bottom: 2.7777777778vw;
}
.mypage-main .rcmd-prd .item .thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 27.7777777778vw;
  height: 27.7777777778vw;
  -webkit-column-gap: 3.3333333333vw;
     -moz-column-gap: 3.3333333333vw;
          column-gap: 3.3333333333vw;
  margin-bottom: 0;
}
.mypage-main .rcmd-prd .item .thumb .count {
  top: auto;
  left: auto;
  bottom: 1.1111111111vw;
  padding: 0.5555555556vw 1.6666666667vw;
}
.mypage-main .rcmd-prd .item .thumb .count span {
  width: 10vw;
  font-size: 2.5vw;
  line-height: 3.0555555556vw;
  letter-spacing: -0.05vw;
}
.mypage-main .rcmd-prd .item .thumb .count::before {
  width: 2.5vw;
  height: 2.5vw;
}
.mypage-main .rcmd-prd .item .thumb img {
  width: 100%;
  height: 100%;
  -webkit-transform: none;
          transform: none;
}
.mypage-main .rcmd-prd .item .pd-info {
  width: 53.3333333333vw;
  letter-spacing: -0.0722222222vw;
}
.mypage-main .rcmd-prd .item .pd-info .pd-name {
  margin-top: 1.6666666667vw;
}

.free-bar {
  height: 1.3888888889vw;
  background: #E5E5E5;
  border-radius: 2.7777777778vw;
  overflow: hidden;
}

.free-bar i {
  display: block;
  width: 0;
  height: 1.3888888889vw;
  border-radius: 2.7777777778vw;
  overflow: hidden;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  background-color: #FF7600;
}

.free-bar input[type=range] {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}

#recommend_confirm .layer-txt {
  margin: 8.3333333333vw 0 5vw;
  font-size: 3.8888888889vw;
  color: #000000;
}
#recommend_confirm a {
  display: block;
  line-height: 11.1111111111vw;
  border-radius: 1.1111111111vw;
  text-align: center;
  font-size: 3.8888888889vw;
}
#recommend_confirm a.rcmd-deals-btn {
  background: #FF7600;
  color: #fff;
}
#recommend_confirm a.dont-show-again-btn {
  background: transparent;
  color: #CCCCCC;
  text-decoration: underline;
}

@-webkit-keyframes moveUp {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes moveUp {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.product-top-slide .count {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.85);
  text-align: center;
  z-index: 10;
}
.product-top-slide .count span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2.3611111111vw;
  font-size: 3.6111111111vw;
  color: #FF7600;
  font-weight: bold;
  line-height: 3.6111111111vw;
}
.product-top-slide .count span::before {
  content: "";
  display: block;
  width: 3.6111111111vw;
  height: 3.6111111111vw;
  margin-right: 1.1111111111vw;
  background: url("../images/icons/bang/icon_clock_fill_13px.svg") no-repeat;
  background-size: 100%;
}

.header-tooltip {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.6666666667vw;
  margin-top: 13.3333333333vw;
  margin-right: 3.8888888889vw;
  border-radius: 1.1111111111vw;
  background: #333333;
  -webkit-box-shadow: 0 0.8333333333vw 1.6666666667vw rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0 0.8333333333vw 1.6666666667vw rgba(0, 0, 0, 0.1607843137);
}
.header-tooltip:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -1.6666666667vw;
  margin-right: 1.6666666667vw;
  width: 0;
  height: 0;
  border-left: 1.1111111111vw solid transparent;
  border-right: 1.1111111111vw solid transparent;
  border-bottom: 2.2222222222vw solid #333;
}
.header-tooltip .close:after {
  display: inline-block;
  content: "×";
  font-size: 5.5555555556vw;
  line-height: 5.5555555556vw;
  color: #fff;
  font-weight: 100;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 1.3888888889vw;
}
.header-tooltip p {
  width: 33.3333333333vw;
  padding-right: 5.5555555556vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #fff;
  text-align: left;
  line-height: 3.8888888889vw;
}
.header-tooltip p strong {
  font-weight: 500;
}
.header-tooltip i {
  position: absolute;
  top: 0;
  right: 0;
}

.total-quantity-wrap .total-quantity-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.total-quantity-wrap .total-quantity-inner .total-quantity {
  position: fixed;
  left: auto;
  right: auto;
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  height: 6.6666666667vw;
  margin: 0 auto;
  padding: 1.3888888889vw 2.7777777778vw;
  font-size: 3.3333333333vw;
  background-color: rgba(0, 0, 0, 0.7019607843);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 13.8888888889vw;
}
.total-quantity-wrap .total-quantity-inner .total-quantity ul {
  margin-top: 6.6666666667vw;
}
.total-quantity-wrap .total-quantity-inner .total-quantity ul li {
  height: 6.6666666667vw;
  font-size: 3.3333333333vw;
  color: #ffffff;
  font-weight: 500;
  line-height: 6.6666666667vw;
}
.total-quantity-wrap .total-quantity-inner .total-quantity.open {
  bottom: 18.0555555556vw;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.toast-message {
  position: fixed;
  bottom: 19.4444444444vw;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 3.8888888889vw;
  padding: 2.2222222222vw;
  border-radius: 1.1111111111vw;
  background: rgba(0, 0, 0, 0.8);
  font-size: 3.3333333333vw;
  color: #fff;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.toast-message.show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.toast-message.hide {
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.popup-app {
  overflow: visible;
  z-index: 110;
}
.popup-app .section-head {
  display: block;
  margin: 11.1111111111vw 3.8888888889vw 3.8888888889vw;
}
.popup-app .section-head h2 {
  margin-bottom: 2.7777777778vw;
  font-size: 5vw;
  font-weight: 600;
  color: #333333;
  text-align: left;
  line-height: 6.6666666667vw;
}
.popup-app .section-head h2 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.popup-app .section-head h2 span img {
  width: 27.7777777778vw;
  height: 9.4444444444vw;
}
.popup-app .section-head h3 {
  margin-top: 11.1111111111vw;
  font-size: 4.7222222222vw;
  font-weight: 600;
  color: #333333;
  text-align: left;
  line-height: 6.6666666667vw;
  letter-spacing: -0.1vw;
}
.popup-app .section-head h3.icon::after {
  content: "";
  display: inline-block;
  width: 6.6666666667vw;
  height: 6.1111111111vw;
  background: url("../images/icons/bang/icon_glitter.png") no-repeat 100%/cover;
}
.popup-app .section-head p {
  margin-top: 1.9444444444vw;
  margin-bottom: 6.3888888889vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  letter-spacing: -0.0777777778vw;
}
.popup-app .section-title {
  margin: 6.6666666667vw 3.8888888889vw 3.8888888889vw;
  font-size: 4.7222222222vw;
  font-weight: 500;
  color: #333333;
  text-align: left;
}
.popup-app .popup-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 6.3888888889vw 3.8888888889vw;
  border-bottom: 0.2777777778vw solid #E9E9E9;
}
.popup-app .popup-header h4 {
  font-size: 4.1666666667vw;
  font-weight: 400;
  color: #333333;
  text-align: left;
}
.popup-app .popup-header h4 em {
  color: #FF7600;
}
.popup-app .popup-header i {
  display: block;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background: url("../images/icons/bang/icon_refresh.png") no-repeat center;
}
.popup-app .popup-close {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 5.5555555556vw;
  margin-right: 5.5555555556vw;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background: url("../images/icons/bang/icon_x_black.svg") no-repeat center;
}
.popup-app .popup-close span {
  font-size: 0;
  opacity: 0;
}
.popup-app .btn-popup {
  display: block;
  width: 100%;
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  line-height: 15.2777777778vw;
  background: #FF7600;
}
.popup-app .btn-login {
  text-decoration: underline;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.popup-app .swiper-slide {
  width: 36.1111111111vw;
  margin-right: 2.7777777778vw !important;
}
.popup-app .swiper-slide:last-child {
  margin-right: 0 !important;
}
.popup-app .swiper-slide .row-thumb {
  position: relative;
  width: 36.1111111111vw;
  height: 36.1111111111vw;
  margin-bottom: 2.7777777778vw;
  border-radius: 1.1111111111vw;
  overflow: hidden;
}
.popup-app .swiper-slide .row-thumb .flag_area {
  position: absolute;
  top: 2.2222222222vw;
  left: 2.2222222222vw;
  z-index: 1;
}
.popup-app .swiper-slide .row-thumb .flag_area .flag_tbc {
  display: block;
  width: 11.6666666667vw;
  height: 5.5555555556vw;
  margin: 0;
  padding: 0;
  border: none;
  color: transparent;
}
.popup-app .swiper-slide .row-thumb .count {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  line-height: 6.6666666667vw;
  text-align: center;
  z-index: 1;
}
.popup-app .swiper-slide .row-thumb .count span {
  font-size: 3.3333333333vw;
  color: #fff;
}
.popup-app .swiper-slide .option-quantity {
  display: none;
}
.popup-app .swiper-slide .option-quantity .quantity {
  width: 100%;
  height: 8.8888888889vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2.7777777778vw;
  padding: 2.2222222222vw;
  font-size: 5vw;
  border: 0.2777777778vw solid #333333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.popup-app .swiper-slide .option-quantity .quantity input {
  width: 50%;
}
.popup-app .swiper-slide .option-quantity .quantity a.qty-down {
  background-image: none;
}
.popup-app .swiper-slide .option-quantity .quantity a.qty-down::after {
  content: "-";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
.popup-app .swiper-slide .option-quantity .quantity a.qty-up {
  background-image: none;
}
.popup-app .swiper-slide .option-quantity .quantity a.qty-up::after {
  content: "+";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
.popup-app .swiper-slide .cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 8.8888888889vw;
  margin-top: 2.7777777778vw;
  border-radius: 1.1111111111vw;
  border: 0.2777777778vw solid #DDDDDD;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 3.6111111111vw;
  color: #333333;
}
.popup-app.active .swiper {
  margin-bottom: 8.3333333333vw;
  padding-left: 3.8888888889vw;
  overflow: visible !important;
}
.popup-app.active .swiper .swiper-pagination {
  left: 0;
  right: 0;
  bottom: 530px !important;
  margin: 0 auto;
  z-index: 2;
  display: none;
}
.popup-app.active .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 1.9444444444vw;
  height: 1.9444444444vw;
  margin: 0 1.3888888889vw;
  background: #7E7E7E;
}
.popup-app.active .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.popup-app.lg .swiper-slide {
  width: 36.1111111111vw;
}

.specialBnSwiper {
  position: relative;
  width: 100%;
  height: 119.4444444444vw;
  overflow: hidden;
}
.specialBnSwiper .title {
  font-size: 0;
  text-indent: -9999999px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../images/banners/special/center_text.webp) no-repeat center center/100%;
  width: 69.4444444444vw;
  height: 30.5555555556vw;
  z-index: 10;
}
.specialBnSwiper .swiper-slide {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 119.4444444444vw;
  opacity: 0;
  -webkit-transition: all 2s;
  transition: all 2s;
}
.specialBnSwiper .swiper-slide.n1 {
  background-image: url(../images/banners/special/bg01.webp);
}
.specialBnSwiper .swiper-slide.n2 {
  background-image: url(../images/banners/special/bg02.webp);
}
.specialBnSwiper .swiper-slide.n3 {
  background-image: url(../images/banners/special/bg03.webp);
}
.specialBnSwiper .swiper-slide.on {
  opacity: 1;
  -webkit-transition: all 2s;
  transition: all 2s;
}