@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-style: normal;
}

::before,
::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  position: relative;
  overflow-x: hidden;
}

html {
  height: 100%;
  margin: 0 auto;
}

body {
  line-height: 100%;
  font-size: 100%;
}

body * {
  font-family: "Pretendard Variable", Pretendard, sans-serif;
  letter-spacing: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

strong {
  font-weight: 800;
}

:lang(en) {
  letter-spacing: 0;
  font-family: "Pretendard Variable", Pretendard, sans-serif;
}

/* 테이블 스타일 초기화 */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  table-layout: fixed;
}

th,
td {
  font-weight: 400;
}

td {
  word-wrap: break-word;
  word-break: keep-all;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend,
caption {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

address,
caption,
em,
var {
  font-style: normal;
  font-weight: 400;
}

/* 링크 */
a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

/* 이미지, 폼관련 요소 */
img {
  border: 0;
  width: 100%;
  max-width: 100%;
  display: block;
}

button {
  padding: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  cursor: pointer;
  outline: none;
  font-size: 15px;
}

.hidden {
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

::-webkit-scrollbar {
  display: none;
  width: 2px;
  height: 2px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #a7a7a7;
}

html,
body,
#wrap {
  min-height: 100vh;
}

.wrap {
  position: relative;
  max-width: 213.333vw;
  margin: 0 auto;
}

.skip a {
  position: absolute;
  top: 0;
  width: 100vw;
  left: -1000vw;
  z-index: 1000;
  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;
  height: 40px;
  color: #fff;
  font-size: 20px;
  background-color: #333;
}

.skip a:focus {
  left: 0;
}

.row-c {
  position: relative;
  width: 1280px;
  margin: 0 auto;
}

input {
  outline: none;
}

table caption {
  position: absolute;
  left: -99999999vw;
}

*::-webkit-input-placeholder {
  color: #787e85;
  font-weight: 400;
  font-size: 3.889vw;
}

*::-moz-placeholder {
  color: #787e85;
  font-weight: 400;
  font-size: 3.889vw;
}

*:-ms-input-placeholder {
  color: #787e85;
  font-weight: 400;
  font-size: 3.889vw;
}

*::-ms-input-placeholder {
  color: #787e85;
  font-weight: 400;
  font-size: 3.889vw;
}

*::placeholder {
  color: #787e85;
  font-weight: 400;
  font-size: 3.889vw;
}

figcaption {
  height: 0;
  overflow: hidden;
}

a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

button {
  border: 0;
  cursor: pointer;
  background: none;
  font-family: "Pretendard", sans-serif;
}

video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

strong {
  font-weight: 800;
}

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

.is-blind {
  position: absolute;
  left: -9999em;
}

.rokaf {
  font-family: "rokaf-slab", sans-serif !important;
}

.italic {
  font-style: italic;
}

.themeTxtPoint01 {
  color: #f70f66;
}

[class*=d-flex] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[class*=d-flex].f-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.d-block {
  display: block;
}

.d-flex-s-s {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.d-flex-s-c {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.d-flex-s-e {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.d-flex-c-s {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.d-flex-c-c {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.d-flex-c-e {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.d-flex-e-s {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.d-flex-e-c {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.d-flex-e-e {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.d-flex-sb-s {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.d-flex-sb-c {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.d-flex-sb-e {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.tac {
  text-align: center !important;
}

.ovh {
  overflow: hidden;
}

.pageTab + *[class$=-container] {
  height: calc(100% - 10vw);
  overflow-y: auto;
}

.p-sticky {
  position: sticky;
  top: 0;
}

.p-relative {
  position: relative;
}

.zoomimg {
  overflow: hidden;
}

.zoomimg img {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.zoomimg img:hover {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

.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-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-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-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-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-arrow-bottom.svg");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.icon.icon-triangle-arrow-bottom.down {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.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-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-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-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: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/common/icon_search_black_24.svg");
}
.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-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-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-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-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-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-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-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-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-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: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/form/icon_close_circle_gray_24.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-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.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-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-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-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-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-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-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-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-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-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-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-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-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-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-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.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;
  line-height: 6.25vw;
  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;
  line-height: 3.75vw;
}
.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.8333333333vw;
  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;
  line-height: 5.8333333333vw;
}
.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;
  line-height: 5.8333333333vw;
}
.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;
  line-height: 5.8333333333vw;
}
.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;
  line-height: 6.6666666667vw;
}
.layer-popup .layer-content .layer-title strong {
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #333;
  text-align: left;
  line-height: 6.6666666667vw;
  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 .layer-select-head {
  padding: 0 5.5555555556vw;
  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;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5.8333333333vw;
}
.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;
  line-height: 5.8333333333vw;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  width: 90%;
}
.layer-popup .layer-content .layer-select-box .layer-select-head .layer-close {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-left: auto;
}
.layer-popup .layer-content .layer-select-box .layer-select-lists {
  padding: 3.8888888889vw 5.5555555556vw 0;
  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: 2.7777777778vw;
}
.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;
  line-height: 5.8333333333vw;
}
.layer-popup .layer-content .layer-select-box .layer-select-lists ul li.selected a {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #ff7600;
  text-align: left;
  line-height: 5.8333333333vw;
}
.layer-popup .layer-content .layer-select-box .layer-select-lists ul li:last-child {
  margin-bottom: 0;
}
.layer-popup .layer-content .layer-select-box .layer-select-lists ul li.noReview span {
  opacity: 0.3;
}
.layer-popup .layer-content .layer-select-box .layer-select-lists ul li.disabled a {
  pointer-events: none;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #cccccc;
  text-align: left;
  line-height: 5.8333333333vw;
}
.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: 5.4166666667vw;
  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: 5vw;
  line-height: 4.4444444444vw;
}
.layer-popup .cart-dv-text strong {
  font-weight: 600;
}
.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: 4.4444444444vw 0;
  border-radius: 0;
  border-top-left-radius: 5vw;
  border-top-right-radius: 5vw;
}
.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;
  line-height: 5.8333333333vw;
  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;
  line-height: 6.6666666667vw;
  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.4166666667vw;
  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.8333333333vw;
  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;
  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: 5vw;
  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.5833333333vw;
  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.5833333333vw;
  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;
  line-height: 5vw;
  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;
  line-height: 5.4166666667vw;
}
.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: 5vw;
  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;
  line-height: 5.8333333333vw;
}

.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;
  line-height: 5vw;
  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;
  line-height: 5vw;
  -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.8333333333vw;
  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;
  line-height: 5.8333333333vw;
}
.toast-popup .toast-header.recommend_foryou strong {
  margin-top: 2.2222222222vw;
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #fff;
  text-align: left;
  line-height: 6.6666666667vw;
}
.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;
  line-height: 5.4166666667vw;
}
.toast-popup .toast-body .toast-cart-item h4 span {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5.4166666667vw;
}
.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;
  line-height: 5vw;
  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;
  line-height: 6.6666666667vw;
}
.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;
  line-height: 5.8333333333vw;
}
.toast-popup.type2.show {
  -webkit-transform: translateY(-3.8888888889vw);
          transform: translateY(-3.8888888889vw);
}

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

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 .mg-b16 {
  margin-bottom: 4.4444444444vw;
}
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;
}
body .w260 {
  width: 72.2222222222vw;
}

.dw-form {
  position: relative;
  border: 1px solid #d8d9da;
  border-radius: 1.1111111111vw;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.6111111111vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5.4166666667vw;
}
.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;
  line-height: 5.4166666667vw;
}
.dw-form input::-moz-placeholder {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #b3b3b3;
  text-align: left;
  line-height: 5.4166666667vw;
}
.dw-form input:-ms-input-placeholder {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #b3b3b3;
  text-align: left;
  line-height: 5.4166666667vw;
}
.dw-form input::-ms-input-placeholder {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #b3b3b3;
  text-align: left;
  line-height: 5.4166666667vw;
}
.dw-form input::placeholder {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #b3b3b3;
  text-align: left;
  line-height: 5.4166666667vw;
}
.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 + .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;
  line-height: 6.6666666667vw;
}
.dw-form.area textarea::-moz-placeholder {
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #b3b3b3;
  text-align: left;
  line-height: 6.6666666667vw;
}
.dw-form.area textarea:-ms-input-placeholder {
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #b3b3b3;
  text-align: left;
  line-height: 6.6666666667vw;
}
.dw-form.area textarea::-ms-input-placeholder {
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #b3b3b3;
  text-align: left;
  line-height: 6.6666666667vw;
}
.dw-form.area textarea::placeholder {
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #b3b3b3;
  text-align: left;
  line-height: 6.6666666667vw;
}
.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;
  line-height: 5.4166666667vw;
}
.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;
  line-height: 5.4166666667vw;
  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;
  line-height: 4.1666666667vw;
}
.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.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5.4166666667vw;
}
.dw-form.check span::before {
  display: inline-block;
  content: "";
  margin-right: 1.6666666667vw;
  border: 1px solid #d4d4d4;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  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: 3.3333333333vw 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.8888888889vw;
  font-weight: 400;
  color: #7e7e7e;
  text-align: left;
  line-height: 5.8333333333vw;
  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;
  line-height: 5vw;
}
.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;
  line-height: 5.4166666667vw;
}
.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;
  line-height: 5.4166666667vw;
}
.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.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5.8333333333vw;
  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: 11.3888888889vw;
  height: 6.1111111111vw;
  background: #e5e5e5;
  border: 1px solid #e5e5e5;
  border-radius: 4.1666666667vw;
  margin-left: 1.6666666667vw;
  -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;
  line-height: 5vw;
}
.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;
  line-height: 5.8333333333vw;
}
.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;
  border-radius: 50% !important;
  border: 0.2777777778vw solid #d4d4d4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #fff;
}
.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;
  background-color: #fff;
  border-radius: 50%;
  left: 4px;
  width: 6px;
  height: 6px;
}
.dw-form + span {
  display: block;
  padding: 1.1111111111vw 0;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7e7e7e;
  text-align: left;
  line-height: 5vw;
  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: #ff7600 !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;
  line-height: 5.8333333333vw;
}
.dw-form-wrapper > span {
  padding: 1.1111111111vw 0;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7e7e7e;
  text-align: left;
  line-height: 5vw;
  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: 2.2222222222vw;
  right: 2.2222222222vw;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-color: transparent;
  border-radius: 0vw;
  background-size: 6.6666666667vw;
}
.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;
  line-height: 5.8333333333vw;
}
.dw-form-wrapper.search .search-word strong {
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #ff7600;
  text-align: left;
  line-height: 5.8333333333vw;
}
.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;
  line-height: 5vw;
  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;
  line-height: 5.4166666667vw;
}

.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;
}

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 {
  line-height: 1.2;
  font-weight: 400;
  font-size: 13px;
  color: #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto !important;
}
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;
}

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

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: 5vw;
  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;
  line-height: 5vw;
  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;
  line-height: 4.1666666667vw;
}

.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+4).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;
}

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

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

.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: 20;
}
.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;
  line-height: 3.75vw;
}
.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;
  line-height: 6.6666666667vw;
  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;
}

.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;
}

.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;
  line-height: 4.1666666667vw;
}
.bottom-tab .bottom-menu a.selected span {
  color: #333;
}

.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 11.1111111111vw;
}
.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 .company-info .isms a {
  pointer-events: none;
}
.footer .company-info .isms img {
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 592/118;
}
.footer .guide {
  display: block;
  margin: 0 2.7777777778vw;
  padding: 4.4444444444vw 0 8.3333333333vw;
  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: #f5f5f5;
}
.content-gap.line {
  width: 92.2222222222vw;
  margin: auto;
  height: 1px;
  background-color: #e5e5e5;
}
.content-gap.border {
  height: 0.2777777778vw;
  background: #f5f5f5;
}
.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;
  line-height: 5vw;
}
.btn-show-all i {
  margin-left: 0.5555555556vw;
}

.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;
  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;
}

.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: 11.1111111111vw;
  height: 11.1111111111vw;
  background: url(../images/close-top-banner.png) 50%/10px no-repeat;
}

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

.popup-toast {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 100%;
  max-width: 213.3333333333vw;
  z-index: 50;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.popup-toast.active {
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.popup-toast label.btn-close-today {
  font-size: 4.1666666667vw;
  color: #e6e6e6;
}
.popup-toast label.btn-close-today input {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}
.popup-toast .toast-content {
  position: relative;
}
.popup-toast .popupToastSwiper {
  position: relative;
}
.popup-toast .popupToastSwiper .swiper-slide {
  font-size: 0;
}
.popup-toast .popupToastSwiper .swiper-slide img {
  width: 100%;
}
.popup-toast .popupToastSwiper .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 7.2222222222vw;
  position: absolute;
  bottom: 3.3333333333vw;
  left: auto;
  right: 2.7777777778vw;
  z-index: 1;
  width: auto;
  padding: 0 2.7777777778vw;
  color: #fff;
  font-weight: 300;
  font-size: 3.3333333333vw;
  background-color: rgba(0, 0, 0, 0.18);
  border-radius: 6.6666666667vw;
}
.popup-toast .popupToastSwiper .pagination span {
  margin: 0 0.5555555556vw;
  color: #fff;
  font-weight: 300;
  font-size: 3.3333333333vw;
}
.popup-toast .bottom-row {
  height: 10vw;
  padding: 0 4.1666666667vw;
  background-color: #333;
}
.popup-toast .bottom-row button {
  color: #e6e6e6;
}

.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;
}

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

.product {
  /* 유지 목적 */
  /* 옵션 리스트 */
  /* 옵션 리스트가 보일 때 */
}
.product .select-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: 2.7777777778vw;
  cursor: pointer;
  padding: 2.7777777778vw;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 1.3888888889vw;
}
.product .select-box.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.product .select-box .select-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 3.8888888889vw;
  color: #7e7e7e;
}
.product .select-box .arrow {
  font-size: 4.4444444444vw;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.product .select-box .arrow i {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background: url(../images/icon/common/arrow_10.svg) no-repeat;
}
.product .option-list {
  background-color: #fff;
  border: 1px solid #ccc;
  max-height: 41.6666666667vw;
  overflow-y: auto;
  display: none; /* 기본적으로 숨김 */
  z-index: 10;
}
.product .option-list .option-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3.3333333333vw;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.product .option-list .option-item.soldout {
  opacity: 0.3;
  pointer-events: none;
}
.product .option-list .option-item.noReview {
  opacity: 0.3;
  pointer-events: none;
}
.product .option-list .option-item img {
  width: 15.8333333333vw;
  height: 15.8333333333vw;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 2.7777777778vw;
}
.product .option-list .option-item .option-info {
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.product .option-list .option-item .option-info .product-name {
  width: 66.6666666667vw;
  margin-bottom: 1.6666666667vw;
  padding: 0;
  font-size: 3.6111111111vw;
  color: #333333;
  line-height: 5vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product .option-list .option-item .option-info .product-info {
  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: 66.6666666667vw;
}
.product .option-list .option-item .option-info .product-info .product-price {
  padding: 0;
  font-size: 15px;
  color: #333333;
  font-weight: 600;
}
.product .option-list .option-item .option-info .product-info .product-stock {
  padding: 0;
  font-size: 3.3333333333vw;
  color: #a4a4a4;
}
.product .option-list .option-item .option-info .product-info .product-review {
  padding: 0;
  font-size: 3.6111111111vw;
  color: #333333;
}
.product .selected-options {
  margin-top: 2.7777777778vw;
}
.product .selected-option-box {
  margin-top: 2.7777777778vw;
  padding: 2.7777777778vw;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 1.1111111111vw;
  position: relative;
}
.product .option-name {
  font-size: 3.8888888889vw;
  color: #333333;
  line-height: 5.5555555556vw;
}
.product .option-quantity {
  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: 3.8888888889vw;
}
.product .qty-box {
  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;
}
.product .qty-box .num {
  padding-left: 2.2222222222vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #a4a4a4;
  text-align: left;
}
.product .qty-box .num b {
  color: #fa192f;
}
.product .quantity-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.9444444444vw 3.3333333333vw;
  border: 1px solid #e5e5e5;
  border-radius: 1.1111111111vw;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product .quantity-controls input {
  width: 11.1111111111vw;
  text-align: center;
  margin: 0 1.3888888889vw;
}
.product .price {
  font-size: 4.1666666667vw;
  color: #333333;
  font-weight: 600;
}
.product .close-btn {
  position: absolute;
  right: 2.7777777778vw;
  top: 2.7777777778vw;
  cursor: pointer;
}
.product .confirm-btn {
  margin-top: 2.7777777778vw;
  padding: 2.7777777778vw 5.5555555556vw;
  background-color: #5cb85c;
  color: #fff;
  border: none;
  border-radius: 1.3888888889vw;
  cursor: pointer;
}
.product .select-box.open .arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); /* 화살표 위로 향하게 회전 */
}

.all-bottom {
  margin-top: 2.7777777778vw;
}

#product_review .product .option-list .option-item:nth-of-type(1) .option-info,
#product_review .product .option-list .option-item:nth-of-type(1) .option-info .product-info {
  width: 100%;
}

.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;
}
.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;
  line-height: 5.8333333333vw;
  width: 16.1111111111vw;
  overflow: hidden;
  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;
  line-height: 5.8333333333vw;
  line-height: unset;
}
.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);
}
.sticky-banner.hide {
  display: none !important;
}
.sticky-banner.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

#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;
  line-height: 4.5833333333vw;
  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: 7.0833333333vw;
  line-height: 6.6666666667vw;
}
#recommend_popup .layer-content .content h3 em {
  font-size: 4.7222222222vw;
  font-weight: 600;
  color: #ff7600;
  text-align: center;
  line-height: 7.0833333333vw;
}
#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: 5.4166666667vw;
  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;
  line-height: 6.6666666667vw;
}
#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;
  line-height: 6.6666666667vw;
}
#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;
  line-height: 6.6666666667vw;
  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;
  line-height: 5.8333333333vw;
  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;
  line-height: 6.6666666667vw;
  letter-spacing: -0.0888888889vw;
}
.pd-info .pd-price strong {
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #333333;
  text-align: left;
  line-height: 6.6666666667vw;
  letter-spacing: -0.0888888889vw;
}
.pd-info .pd-price span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #cccccc;
  text-align: left;
  line-height: 5vw;
  text-decoration: line-through;
}
.pd-info del {
  margin-top: 0.5555555556vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #cccccc;
  text-align: left;
  line-height: 5vw;
  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: 7.0833333333vw;
  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%;
}

.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: 5vw;
  line-height: 3.8888888889vw;
}
.header-tooltip p strong {
  font-weight: 500;
}
.header-tooltip i {
  position: absolute;
  top: 0;
  right: 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: 7.5vw;
  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: 7.0833333333vw;
  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;
  line-height: 5.8333333333vw;
  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;
  line-height: 7.0833333333vw;
}
.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;
  line-height: 6.25vw;
}
.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: 6.6666666667vw;
  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;
  line-height: 5.8333333333vw;
}
.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;
}

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

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

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

.isApp .quick-btn a.btn-top {
  bottom: -5.5555555556vw;
}

.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;
}

.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;
  height: auto;
  max-width: 100%;
  aspect-ratio: 1/1;
}
.category-icons a span {
  display: block;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #595959;
  text-align: center;
  line-height: 5.4166666667vw;
  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;
}

.quick-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 29;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateY(80px);
  transform: translateY(80px);
}

.quick-btn.scroll-top {
  -webkit-transform: translateY(-65px);
  transform: translateY(-65px);
}

.quick-btn.scroll-down {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}

.quick-btn a {
  position: absolute;
  bottom: 0;
  display: block;
  border-radius: 100%;
}

.quick-btn a:after {
  content: "";
  display: block;
  width: 10vw;
  height: 10vw;
  background-color: transparent;
  border-radius: 0vw;
  font-size: 0;
  background-size: 100% 100%;
}

.quick-btn a.btn-back {
  left: 0;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.quick-btn a.btn-back:after {
  background-image: url("../images/icons/common/ico_back.png");
}

.quick-btn a.btn-top {
  right: 4.4444444444vw;
  bottom: 5.5555555556vw;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.quick-btn a.btn-top:after {
  background-image: url("../images/icons/common/ico_top_36px.svg");
}

h5.tit {
  font-size: 5.5555555556vw;
  font-weight: 600;
  margin-bottom: 3.8888888889vw;
  line-height: 1.4;
}
h5.tit span {
  display: block;
  color: #7e7e7e;
  font-weight: 400;
  font-size: 3.6111111111vw;
  margin-top: 2.2222222222vw;
}
h5.tit span strong {
  color: #333;
  font-weight: bold;
}
h5.tit em {
  color: #ff7600;
  font-weight: 600;
}

.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;
}

.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;
}

.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;
  line-height: 6.25vw;
}
.sub-header > section > h1 span {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7e7e7e;
  text-align: left;
  line-height: 5.8333333333vw;
}
.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%;
  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;
}
.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;
  line-height: 3.75vw;
}
.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.25vw;
  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.25vw;
  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.25vw;
  line-height: 6.1111111111vw;
}
.sub-header.category .tit a.on {
  max-width: 15vw;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.sub-header.category .cate-depth-btn span {
  display: inline-block;
  max-width: 41.6666666667vw;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.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;
  line-height: 5vw;
  -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;
}

.sub-header ~ main {
  padding-top: 13.3333333333vw;
  padding-bottom: 15vw;
  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.8333333333vw;
  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;
}

.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: 5.4166666667vw;
  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;
}

.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.4166666667vw;
  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;
  line-height: 5.4166666667vw;
}
.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;
}

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;
}

.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;
  line-height: 5vw;
}
.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;
}

.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;
  line-height: 5.8333333333vw;
}
.btn span {
  margin: 0 1.6666666667vw;
}
.btn.h40 {
  height: 11.1111111111vw;
}
.btn.h44 {
  height: 12.2222222222vw;
}
.btn.h55 {
  height: 15.2777777778vw;
}
.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;
  line-height: 6.6666666667vw;
  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;
  line-height: 6.6666666667vw;
  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;
  line-height: 6.6666666667vw;
}
.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;
  line-height: 6.6666666667vw;
  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;
  line-height: 6.6666666667vw;
}
.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 .btn.lf-line {
  margin-left: 0;
}
.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;
  line-height: 5.4166666667vw;
  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.8333333333vw;
  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;
  line-height: 5.8333333333vw;
}
.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;
  line-height: 5.8333333333vw;
}
.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;
}

.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;
  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;
  line-height: 5vw;
  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;
  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;
  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;
  line-height: 4.5833333333vw;
}
.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.4166666667vw;
  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: 5.4166666667vw;
  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;
  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;
  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;
  line-height: 5vw;
}
.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 #e9e9e9;
  padding-bottom: 3.8888888889vw;
  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.2777777778vw;
  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: #cccccc;
}
.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: #cccccc;
}
.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: #cccccc;
}
.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: #cccccc;
}
.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: #cccccc;
}
.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.4166666667vw;
  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;
  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: 5vw;
  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: 5vw;
  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;
}
.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: 5.5555555556vw 3.8888888889vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5.8333333333vw;
  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;
  color: #333;
  font-family: "Pretendard Variable", Pretendard, sans-serif;
}
.basic-review-write .basic-review-write-box .input input::-webkit-input-placeholder {
  color: #ccc;
}
.basic-review-write .basic-review-write-box .input input::-moz-placeholder {
  color: #ccc;
}
.basic-review-write .basic-review-write-box .input input:-ms-input-placeholder {
  color: #ccc;
}
.basic-review-write .basic-review-write-box .input input::-ms-input-placeholder {
  color: #ccc;
}
.basic-review-write .basic-review-write-box .input input::placeholder {
  color: #ccc;
}
.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 .max .limit-counter {
  font-size: 3.6111111111vw;
  color: #ccc;
}
.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 {
  resize: none;
  padding: 3.3333333333vw;
  line-height: 5.5555555556vw;
  outline: none;
  font-size: 3.6111111111vw;
  color: #333;
}
.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;
  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;
  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;
  line-height: 4.1666666667vw;
}

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

.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;
  line-height: 5vw;
}
.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;
  line-height: 5vw;
}

.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;
  line-height: 5.8333333333vw;
}
.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;
}

.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;
  line-height: 5.8333333333vw;
}

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

.list-data-none {
  padding: 13.8888888889vw 0 22.2222222222vw;
  text-align: center;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7e7e7e;
  text-align: center;
  line-height: 5.8333333333vw;
  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;
  line-height: 5.8333333333vw;
}
.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 {
  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;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7e7e7e;
  text-align: left;
  line-height: 5.5555555556vw;
}
.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.6111111111vw;
  font-weight: 400;
  color: #7e7e7e;
  text-align: left;
  line-height: 5.5555555556vw;
}
.important-box .important-content h6 {
  margin-bottom: 2.2222222222vw;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 5vw;
  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.6111111111vw;
  font-weight: 400;
  color: #7e7e7e;
  text-align: left;
  line-height: 5.5555555556vw;
}
.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;
  line-height: 5vw;
}
.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: 5vw;
  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: 5vw;
  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;
  line-height: 4.5833333333vw;
}

.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;
  line-height: 5.4166666667vw;
  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;
  line-height: 5.4166666667vw;
  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: 5.4166666667vw;
  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: 5.4166666667vw;
  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;
  line-height: 5.8333333333vw;
}
.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;
  line-height: 5.8333333333vw;
}
.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: 5vw;
  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;
  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;
  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.8333333333vw;
  line-height: 5.5555555556vw;
}
.zipcode-lists ul li span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7e7e7e;
  text-align: left;
  line-height: 5vw;
  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.8333333333vw;
  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;
  line-height: 5vw;
}
.search-tip-area .tbl-search-tip td {
  width: 59.7222222222vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5vw;
}
.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.4166666667vw;
  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;
}

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

.ellipsis {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

.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;
  line-height: 7.5vw;
  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: 5.4166666667vw;
  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;
  line-height: 5.4166666667vw;
  margin-top: 6.6666666667vw;
}
.error-page span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: rgb(164, 164, 164);
  text-align: left;
  line-height: 5vw;
  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;
}

.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;
}

.customer .dw-form.text .form-ui {
  right: 6.944444vw;
}
.customer main {
  padding-bottom: 8.3333333333vw;
}

.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;
  line-height: 5vw;
}
.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;
}

.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: 1.6666666667vw;
  background: #f7f7f7;
}

.line-box {
  width: 100%;
  height: 0.2777777778vw;
  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);
}
.modal-content {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.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;
}

.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;
}

.flag_tbc.nineteen {
  color: #ffffff;
  background-color: #ff7600;
  border-color: #ff7600;
  border-radius: 1.1111111111vw;
  position: absolute;
  top: 1.1111111111vw;
  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: #e9e9e9;
}

.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: #6a6a6a;
  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;
  width: 11.6666666667vw;
  height: 5.5555555556vw;
  border: none;
}

.review-inner .container {
  margin: unset;
  overflow: unset;
}
.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.4444444444vw;
  color: #333333;
  font-weight: 800;
}
.review-box .title h6 span {
  font-size: 4.4444444444vw;
  color: #333;
  font-weight: 400;
}
.review-box .title span {
  font-size: 4.1666666667vw;
  line-height: 9.1666666667vw;
  color: #2d2d2d;
}
.review-box .title button {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  position: relative;
}
.review-box .title button.arrow-right::after {
  display: inline-block;
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  border: 0.2777777778vw solid #7e7e7e;
  background: #fff;
  border-width: 0.2777777778vw 0.2777777778vw 0 0;
  vertical-align: middle;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.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;
  padding: 0 3.8888888889vw;
}
.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.22em 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.3333333333vw;
}
.liked-box button i {
  display: inline-block;
  width: 5vw;
  height: 5vw;
  margin-right: 1.1111111111vw;
  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: 6.6666666667vw 0;
  color: #929292;
  background: #fff;
  text-align: center;
}
.more#goNext 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;
  font-size: 4.1666666667vw;
}
.more#goNext span:before {
  content: "+";
  background: #7e7e7e;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  line-height: 4.4444444444vw;
  font-weight: 200;
  font-size: 4.4444444444vw;
  margin-right: 1.3888888889vw;
}

.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;
}

#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;
}

.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;
  line-height: 5.8333333333vw;
}
.gift-result ul li {
  font-size: 3.3333333333vw;
  line-height: 4.4444444444vw;
}

.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);
}

.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;
  line-height: 5.8333333333vw;
}
.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;
}

.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);
}

.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;
}
.mevent-banners .swiper-slide .thumb .event-labels {
  position: absolute;
  top: 1.6666666667vw;
  right: 1.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.1111111111vw;
     -moz-column-gap: 1.1111111111vw;
          column-gap: 1.1111111111vw;
  margin-bottom: unset;
}
.mevent-banners .swiper-slide .thumb .event-labels .dday {
  display: block;
  width: 13.8888888889vw;
  height: 6.6666666667vw;
  text-align: center;
  font-size: 3.0555555556vw;
  font-weight: 400;
  color: #fff;
  text-align: center;
  line-height: 4.5833333333vw;
  line-height: 6.6666666667vw;
  background: rgba(0, 0, 0, 0.68);
  border-radius: 1.1111111111vw;
  padding: unset;
  margin-right: unset;
}
.mevent-banners .swiper-slide .thumb .event-labels .dday.orange {
  background: #ff7600;
}

.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);
}

.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;
}

.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;
}

.modal.for-detail {
  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.6);
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s;
}
.modal.for-detail .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.for-detail .modal-body {
  padding: 0px 5vw 5vw;
  background: #fff;
  border-top-right-radius: 5vw;
  border-top-left-radius: 5vw;
  height: auto;
  overflow-y: scroll;
}
.modal.for-detail.fixedbtn .modal-body {
  max-height: 70.5555555556vw;
}
.modal.for-detail.fixedbtn .modal-content {
  bottom: 0;
}
.modal.for-detail .mlist {
  overflow-y: auto;
}
.modal.for-detail .mlist li a {
  height: 7.7777777778vw;
  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;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7e7e7e;
  text-align: left;
  line-height: 7.7777777778vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: unset;
}
.modal.for-detail .mlist li.disabled {
  pointer-events: none;
}
.modal.for-detail .mlist li.disabled a {
  color: #cccccc;
}
.modal.for-detail .mlist li:first-child {
  margin-top: unset;
}
.modal.for-detail .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;
}
.modal.for-detail .mlist .view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal.for-detail .mlist .view .img {
  width: 11.6666666667vw;
  height: 11.6666666667vw;
  margin-right: 4.1666666667vw;
  background: #efefef;
  border-right: 1.3888888889vw;
}
.modal.for-detail .mlist .view .txt {
  font-size: 5.2777777778vw;
  color: #000000;
  line-height: 7.5vw;
}
.modal.for-detail .mlist .num {
  font-size: 5.2777777778vw;
  color: #b7b7b7;
}
.modal.for-detail .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;
}

@-webkit-keyframes slideIn {
  from {
    bottom: -83.3333333333vw;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}

@keyframes slideIn {
  from {
    bottom: -83.3333333333vw;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mydw .quick-btn {
  display: none;
}

.basic-view-reply-content-list {
  margin-bottom: 5.5555555556vw;
}

#reviewComments {
  margin-bottom: 13.8888888889vw;
}

.scroll-box {
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
  white-space: nowrap;
}

.category-wrap {
  padding-top: 0 !important;
  min-height: 100vh;
  background: #f7f7f7;
}

.category-wrap .category-inner .top {
  height: 50px;
  position: relative;
  background: #fff;
  padding: 0 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.category-wrap .category-inner .top .btn-back {
  display: inline-block;
  margin-right: 6px;
  line-height: 50px;
  vertical-align: 3px;
}

.category-wrap .category-inner .top .title {
  display: inline-block;
  font-size: 18px;
  line-height: 50px;
  font-weight: 500;
}

.category-wrap .category-inner .top .btn-search {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 64px;
}

.category-wrap .category-inner .top .btn-cart {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
}

.category-wrap .category-inner .top .btn-cart .cart-num {
  position: absolute;
  top: -6px;
  right: -6px;
  z-index: 2;
  min-width: 20px;
  height: 20px;
  line-height: 19px;
  padding: 0 2px;
  background: #ff4b00;
  border-radius: 100%;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.category-wrap .category-inner .category-list {
  overflow-x: hidden;
  padding: 13.3333vw 0px 2.778888vw;
  background: #fff;
  border-bottom: 10px solid #f7f7f7;
}

.category-wrap .category-inner .category-list ul {
  font-size: 0;
}

.category-wrap .category-inner .category-list li {
  margin-bottom: 20px;
  display: inline-block;
  width: 25%;
  text-align: center;
  vertical-align: top;
}

.category-wrap .category-inner .category-list li .dep1 {
  position: relative;
  font-size: 14px;
  color: #333;
}

.category-wrap .category-inner .category-list li .dep1 .icon-box {
  width: 50px;
  height: 50px;
  margin: 10px auto 0;
  text-align: center;
}

.category-wrap .category-inner .category-list li .dep1 .icon-box img {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.category-wrap .category-inner .category-list li .dep1 .icon-box img.off {
  display: block;
}

.category-wrap .category-inner .category-list li .dep1 .icon-box img.on {
  display: none;
}

.category-wrap .category-inner .category-list li .dep1.active {
  color: #458e15;
  font-weight: 500;
}

.category-wrap .category-inner .category-list li .dep1.active .icon-box img.off {
  display: none;
}

.category-wrap .category-inner .category-list li .dep1.active .icon-box img.on {
  display: block;
}

.category-wrap .category-inner .category-list li .dep1 span.icon-ctg-nm {
  display: block;
  margin-top: 10px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.category-wrap .category-inner .category-list li ul {
  position: relative;
  display: none;
  width: 400%;
  margin-top: 10px;
  padding: 8px 0;
  text-align: left;
}

.category-wrap .category-inner .category-list li ul:before {
  content: "";
  position: absolute;
  top: 0;
  left: -15px;
  right: -15px;
  display: block;
  width: calc(100% + 30px);
  height: 100%;
  background: #f7f7f7;
}

.category-wrap .category-inner .category-list li ul li {
  margin: 0;
  width: 50%;
  text-align: left;
  padding: 15px 0;
}

.category-wrap .category-inner .category-list li ul li a {
  position: relative;
  display: block;
  padding-left: 15px;
  font-size: 14px;
}

.category-wrap .category-inner .category-list li ul li a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 25px;
  width: 8px;
  height: 16px;
  background-size: 100% 100%;
  background-image: url("../images/icons/category/icon_arrow_left.png");
}

.category-wrap .category-inner .category-list li ul li ul li a {
  font-size: 14px;
}

.category-wrap .category-inner .category-list li:nth-child(2) ul,
.category-wrap .category-inner .category-list li:nth-child(6) ul {
  margin-left: -100%;
}

.category-wrap .category-inner .category-list li:nth-child(3) ul,
.category-wrap .category-inner .category-list li:nth-child(7) ul {
  margin-left: -200%;
}

.category-wrap .category-inner .category-list li:nth-child(4) ul,
.category-wrap .category-inner .category-list li:nth-child(8) ul {
  margin-left: -300%;
}

.category-wrap .category-inner .category-list li.nav-item {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 15px;
}

.category-wrap .category-inner .category-list li.nav-item:first-child {
  margin-top: 0;
}

.category-wrap .category-inner .category-list li.nav-item .dp1 {
  padding-bottom: 9px;
  position: relative;
  font-size: 19px;
  font-weight: 800;
  font-family: "Pretendard Variable", Pretendard, sans-serif;
  color: #333;
  letter-spacing: 0;
}

.category-wrap .category-inner .category-list li.nav-item .dp1:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #000;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.category-wrap .category-inner .category-list li.nav-item .dp2 {
  overflow: hidden;
  height: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.category-wrap .category-inner .category-list li.nav-item .dp2 li {
  margin-top: 12px;
}

.category-wrap .category-inner .category-list li.nav-item .dp2 li:first-child {
  margin: 0;
}

.category-wrap .category-inner .category-list li.nav-item .dp2 a {
  position: relative;
  display: block;
  font-size: 14px;
  color: #888;
}

.category-wrap .category-inner .category-list li.nav-item.active .dp1:after {
  width: 100%;
}

.category-wrap .category-inner .category-list li.nav-item.active .dp2 {
  display: block;
  height: auto;
  margin-top: 29px;
}

.category-wrap .category-inner .service-wrap {
  padding: 26px 14px 20px;
  background: #fff;
  border-bottom: 10px solid #f7f7f7;
}

.category-wrap .category-inner .service-wrap .title-type {
  font-size: 20px;
  padding-bottom: 10px;
  font-weight: 500;
}

.category-wrap .category-inner .service-wrap ul {
  font-size: 0;
}

.category-wrap .category-inner .service-wrap ul li {
  padding: 12px 0;
  border-bottom: 1px solid #eee;
  text-align: left;
}

.category-wrap .category-inner .service-wrap ul li a {
  position: relative;
  font-size: 0;
  display: block;
}

.category-wrap .category-inner .service-wrap ul li a span {
  display: inline-block;
}

.category-wrap .category-inner .service-wrap ul li a span.title {
  width: 78px;
  height: 26px;
  line-height: 25px;
  border: 1px solid #ff4b00;
  border-radius: 15px;
  color: #ff4b00;
  font-size: 14px;
  text-align: center;
  line-height: 25px;
}

.category-wrap .category-inner .service-wrap ul li:first-child a span.title {
  border: 1px solid #458e15;
  color: #458e15;
}

.category-wrap .category-inner .service-wrap ul li a span.desc {
  margin-left: 16px;
  font-size: 14px;
  color: #888;
  line-height: 25px;
}

.category-wrap .category-inner .service-wrap ul li a:after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
  vertical-align: middle;
  font-size: 0;
  background-size: 100% 100%;
  width: 8px;
  height: 16px;
  background-image: url("../images/icons/category/icon_arrow_left.png");
}

.category-wrap .category-inner .service-wrap ul li:last-child {
  border-bottom: 0;
}

.category-wrap .category-inner .theme-wrap {
  padding: 25px 0;
  background: #fff;
  border-bottom: 10px solid #f7f7f7;
}

.category-wrap .category-inner .theme-wrap .title-wrap {
  padding: 0 0 13px 14px;
}

.category-wrap .category-inner .theme-wrap .title-wrap .title-type {
  font-size: 20px;
  padding-bottom: 10px;
  font-weight: 500;
}

.category-wrap .category-inner .theme-wrap .slick-list {
  padding-right: 14px;
}

.category-wrap .category-inner .theme-wrap .theme-slider {
  font-size: 0;
  padding-right: 14px;
}

.category-wrap .category-inner .theme-wrap .theme-slider .item {
  display: inline-block;
  width: 156px;
  margin-left: 12px;
  text-align: center;
}

.category-wrap .category-inner .theme-wrap .theme-slider .item .thumb {
  border-radius: 8px;
  overflow: hidden;
}

.category-wrap .category-inner .theme-wrap .theme-slider .item p {
  margin-top: 10px;
  font-size: 14px;
}

.category-wrap .category-inner .menu-wrap {
  padding: 14px;
  background: #fff;
  border-bottom: 10px solid #f7f7f7;
}

.category-wrap .category-inner .menu-wrap ul {
  font-size: 0;
}

.category-wrap .category-inner .menu-wrap ul li {
  display: inline-block;
  text-align: center;
  height: 46px;
  line-height: 45px;
  width: calc(33.333% + 1px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: -1px 0 0 -1px;
}

.category-wrap .category-inner .menu-wrap ul li:nth-child(n+2) {
  margin-left: -1px;
}

.category-wrap .category-inner .menu-wrap ul li:nth-child(n+4) {
  margin-top: -2px;
}

.category-wrap .category-inner .menu-wrap ul li a {
  position: relative;
  display: block;
  font-size: 14px;
}

.category-wrap .category-inner .menu-wrap ul li a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #eee;
}

.category-wrap .category-inner .footer {
  padding: 30px 14px 106px;
  background: #f7f7f7;
}

.category-wrap .category-inner .footer p {
  font-size: 13px;
  color: #777;
  line-height: 26px;
}

.category-wrap .category-inner .footer p span {
  color: #333;
  font-weight: 500;
}

.category-wrap .category-inner .footer p.call {
  margin-bottom: 5px;
}

.category-wrap .category-inner .footer p.call a.tel {
  display: inline-block;
  padding-left: 17px;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  vertical-align: middle;
  font-family: "Pretendard Variable", Pretendard, sans-serif;
}

.category-wrap .category-inner .footer p.call a.tel:before {
  display: block;
  content: "";
  width: 1px;
  height: 12px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 6px;
  background: #ccc;
}

.category-wrap .category-inner .footer p:first-child {
  margin-top: 0;
}

/* 230102 css 추가 */
.category-wrap .category-inner .category-list li .dep1 .icon-box img {
  width: 50px;
  height: 50px;
  margin: 10px auto 0;
  text-align: center;
}

.category-wrap .category-inner .category-list li.active .dep1 img.off {
  display: none;
}

.category-wrap .category-inner .category-list li.active .dep1 img.on {
  width: 50px;
  height: 50px;
  margin: 10px auto 0;
  text-align: center;
  display: block;
}

.category-wrap .category-inner .category-list li:nth-child(2) ul,
.category-wrap .category-inner .category-list li:nth-child(6) ul,
.category-wrap .category-inner .category-list li:nth-child(10) ul {
  margin-left: -100%;
}

.category-wrap .category-inner .category-list li:nth-child(3) ul,
.category-wrap .category-inner .category-list li:nth-child(7) ul,
.category-wrap .category-inner .category-list li:nth-child(11) ul {
  margin-left: -200%;
}

.category-wrap .category-inner .category-list li:nth-child(4) ul,
.category-wrap .category-inner .category-list li:nth-child(8) ul,
.category-wrap .category-inner .category-list li:nth-child(12) ul {
  margin-left: -300%;
}

.tab-content.active {
  display: block;
}

.no-content {
  margin: 11.1111111111vw 0;
  font-size: 4.1666666667vw;
  font-weight: 400;
  color: #7e7e7e;
  text-align: center;
  line-height: 6.25vw;
}

.layer-popup.profile-suggest .animate {
  opacity: 0;
  -webkit-transform: translateY(13.8888888889vw);
          transform: translateY(13.8888888889vw);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.layer-popup.profile-suggest.show .animate {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.layer-popup.profile-suggest.show .animate.late1 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.layer-popup.profile-suggest .content {
  max-height: unset;
  max-width: 91.1111111111vw;
  margin: 0 auto;
}
.layer-popup.profile-suggest h4 {
  font-size: 5.5555555556vw;
  font-weight: 600;
  color: #333;
  text-align: center;
  line-height: 8.3333333333vw;
  line-height: 7.2222222222vw;
  letter-spacing: -0.4px;
  margin-top: 8.3333333333vw;
}
.layer-popup.profile-suggest p {
  font-size: 4.1666666667vw;
  font-weight: 400;
  color: #7e7e7e;
  text-align: center;
  line-height: 6.25vw;
  letter-spacing: -0.4px;
  margin-top: 2.7777777778vw;
  line-height: 1;
}
.layer-popup.profile-suggest .profile-wrap {
  margin: 8.3333333333vw auto;
  position: relative;
  width: 30.5555555556vw;
}
.layer-popup.profile-suggest .profile-wrap .profile-img {
  display: block;
  width: 30.5555555556vw;
  height: 30.5555555556vw;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  background: #eee;
}
.layer-popup.profile-suggest .profile-wrap .profile-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: blur(15px);
          filter: blur(15px);
  -webkit-transition: -webkit-filter 0.4s ease;
  transition: -webkit-filter 0.4s ease;
  transition: filter 0.4s ease;
  transition: filter 0.4s ease, -webkit-filter 0.4s ease;
}
.layer-popup.profile-suggest .profile-wrap .profile-img.reveal img {
  -webkit-filter: blur(0);
          filter: blur(0);
}
.layer-popup.profile-suggest .profile-wrap .profile-img.reveal .shimmer-overlay {
  display: none; /* blur 해제 후 shimmer 제거 */
}
.layer-popup.profile-suggest .profile-wrap .shimmer-overlay {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-animation: shimmer 1s infinite;
          animation: shimmer 1s infinite;
  pointer-events: none;
}
.layer-popup.profile-suggest .profile-wrap .btn-add-file {
  display: block;
  position: absolute;
  width: 9.4444444444vw;
  height: 9.4444444444vw;
  border-radius: 50%;
  bottom: 0;
  right: 0;
  background: #fff url(../images/review/icon_camera_fill.svg) no-repeat center/50%;
  border: 0.2777777778vw solid #CCCCCC;
}
.layer-popup.profile-suggest .profile-wrap .btn-add-file span {
  text-indent: -99999px;
  font-size: 0;
}
.layer-popup.profile-suggest .nickname-form {
  overflow: hidden;
  width: 50vw;
  margin: 0 auto;
  border-bottom: 0.2777777778vw solid #7e7e7e;
  position: relative;
}
.layer-popup.profile-suggest .nickname-form input {
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0 2.7777777778vw 1.1111111111vw;
  font-size: 4.1666666667vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 6.25vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer-popup.profile-suggest .nickname-form input::-webkit-input-placeholder {
  font-size: 4.1666666667vw;
}
.layer-popup.profile-suggest .nickname-form input::-moz-placeholder {
  font-size: 4.1666666667vw;
}
.layer-popup.profile-suggest .nickname-form input:-ms-input-placeholder {
  font-size: 4.1666666667vw;
}
.layer-popup.profile-suggest .nickname-form input::-ms-input-placeholder {
  font-size: 4.1666666667vw;
}
.layer-popup.profile-suggest .nickname-form input::placeholder {
  font-size: 4.1666666667vw;
}
.layer-popup.profile-suggest .nickname-form .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;
  position: absolute;
  top: 50%;
  right: 0;
  height: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.layer-popup.profile-suggest .checking {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #FF7600;
  text-align: center;
  line-height: 5.4166666667vw;
  line-height: 1;
  margin-top: 1.9444444444vw;
  min-height: 3.8888888889vw;
}
.layer-popup.profile-suggest .checking.error {
  color: #E81010;
}
.layer-popup.profile-suggest .profile-set {
  display: block;
  width: 100%;
  height: 13.8888888889vw;
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  line-height: 6.6666666667vw;
  line-height: 13.8888888889vw;
  border-radius: 0.5555555556vw;
  background: #333;
  margin-top: 3.8888888889vw;
}
.layer-popup.profile-suggest .profile-reject {
  display: block;
  margin-top: 3.8888888889vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: center;
  line-height: 5.4166666667vw;
  margin: 0 auto;
  padding: 3.8888888889vw 3.8888888889vw 1.6666666667vw;
}

@-webkit-keyframes shimmer {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

@keyframes shimmer {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
.search-no-data {
  width: 100%;
}
.search-no-data .search-txt {
  padding: 7.2222222222vw 0;
}
.search-no-data .search-txt p {
  padding: 0;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7e7e7e;
  text-align: center;
  line-height: 5.8333333333vw;
  line-height: 5.5555555556vw;
  word-wrap: break-word;
}
.search-no-data .search-find-pd h3 {
  padding: 3.8888888889vw 0;
  font-size: 5vw;
  font-weight: 700;
  color: #333;
  text-align: center;
  line-height: 7.5vw;
  line-height: 8.3333333333vw;
}