@charset "UTF-8";
/* font-family: 'Noto Sans KR', sans-serif; */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap");
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;
  box-sizing: border-box;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-weight: 400;
  overflow-y: scroll;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

hr,
legend {
  display: none;
  height: 0px;
}

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

a:hover {
  text-decoration: none;
}

caption {
  font-size: 0;
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

label,
input,
select,
button {
  vertical-align: middle;
  outline: 0;
  box-sizing: border-box;
}

button {
  padding: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input::-ms-clear {
  display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

img {
  border: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
}

em {
  font-style: normal;
}

b {
  font-weight: 700;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

br {
  font-size: 0;
  opacity: 0;
}

input::-webkit-input-placeholder {
  color: #bcbdc1;
}

input::-moz-placeholder {
  color: #bcbdc1;
}

input:-moz-placeholder {
  color: #bcbdc1;
}

input:-ms-input-placeholder {
  color: #bcbdc1;
}

textarea::-webkit-input-placeholder {
  color: #bcbdc1;
}

textarea::-moz-placeholder {
  color: #bcbdc1;
}

textarea:-moz-placeholder {
  color: #bcbdc1;
}

textarea:-ms-input-placeholder {
  color: #bcbdc1;
}

@font-face {
  font-family: "Manrope";
  src: url("/_lib/fonts/Manrope/Manrope-ExtraBold.woff") format("woff"), url("/_lib/fonts/Noto/Manrope-ExtraBold.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("/_lib/fonts/Manrope/Manrope-Light.woff") format("woff"), url("/_lib/fonts/Noto/Manrope-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("/_lib/fonts/Manrope/Manrope-Regular.woff") format("woff"), url("/_lib/fonts/Noto/Manrope-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("/_lib/fonts/Manrope/Manrope-Medium.woff") format("woff"), url("/_lib/fonts/Noto/Manrope-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("/_lib/fonts/Manrope/Manrope-Bold.woff") format("woff"), url("/_lib/fonts/Noto/Manrope-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("/_lib/fonts/Manrope/Manrope-ExtraBold.woff") format("woff"), url("/_lib/fonts/Noto/Manrope-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
.mo-visible {
  display: none;
}
@media all and (max-width: 670px) {
  .mo-visible {
    display: block;
  }
}

@media all and (max-width: 670px) {
  .pc-visible {
    display: none;
  }
}

html, body {
  scroll-behavior: smooth;
}
@media all and (max-width: 1920px) {
  html, body {
    font-size: 16px;
  }
}
@media all and (min-width: 1920px) {
  html, body {
    font-size: 16px;
  }
}

body, textarea, select {
  font-family: "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  color: #333333;
}

@media all and (max-width: 1024px) {
  .for-pc {
    display: none !important;
  }
}

@media all and (min-width: 1024px) {
  .for-mobile {
    display: none !important;
  }
}

.hidden {
  display: none !important;
}

html.hold {
  overflow-y: hidden !important;
}

em, strong {
  font-weight: 700;
}

.color-green {
  color: #89b03f !important;
}

.color-red {
  color: #f01d11 !important;
}

.color-gray {
  color: #040405 !important;
}

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

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

.align-r {
  text-align: right;
}
.font-manrope {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
}

.product-name {
  word-break: keep-all;
}

.content-wrap {
  width: 100%;
  margin-top: 8.1875rem;
  min-height: 46vh;
}
.content-wrap.nr-content-wrap {
  min-width: 87.5rem;
}

.container {
  width: 87.5rem;
  margin: auto;
}

.mb0 {
  margin-bottom: 0rem !important;
}

.mt0 {
  margin-top: 0rem !important;
}

.ml0 {
  margin-left: 0rem !important;
}

.mr0 {
  margin-right: 0rem !important;
}

.mb10 {
  margin-bottom: 0.625rem !important;
}

.mt10 {
  margin-top: 0.625rem !important;
}

.ml10 {
  margin-left: 0.625rem !important;
}

.mr10 {
  margin-right: 0.625rem !important;
}

.mb20 {
  margin-bottom: 1.25rem !important;
}

.mt20 {
  margin-top: 1.25rem !important;
}

.ml20 {
  margin-left: 1.25rem !important;
}

.mr20 {
  margin-right: 1.25rem !important;
}

.mb30 {
  margin-bottom: 1.875rem !important;
}

.mt30 {
  margin-top: 1.875rem !important;
}

.ml30 {
  margin-left: 1.875rem !important;
}

.mr30 {
  margin-right: 1.875rem !important;
}

.mb40 {
  margin-bottom: 2.5rem !important;
}

.mt40 {
  margin-top: 2.5rem !important;
}

.ml40 {
  margin-left: 2.5rem !important;
}

.mr40 {
  margin-right: 2.5rem !important;
}

.mb50 {
  margin-bottom: 3.125rem !important;
}

.mt50 {
  margin-top: 3.125rem !important;
}

.ml50 {
  margin-left: 3.125rem !important;
}

.mr50 {
  margin-right: 3.125rem !important;
}

.mb60 {
  margin-bottom: 3.75rem !important;
}

.mt60 {
  margin-top: 3.75rem !important;
}

.ml60 {
  margin-left: 3.75rem !important;
}

.mr60 {
  margin-right: 3.75rem !important;
}

.mb70 {
  margin-bottom: 4.375rem !important;
}

.mt70 {
  margin-top: 4.375rem !important;
}

.ml70 {
  margin-left: 4.375rem !important;
}

.mr70 {
  margin-right: 4.375rem !important;
}

.mb80 {
  margin-bottom: 5rem !important;
}

.mt80 {
  margin-top: 5rem !important;
}

.ml80 {
  margin-left: 5rem !important;
}

.mr80 {
  margin-right: 5rem !important;
}

.mb90 {
  margin-bottom: 5.625rem !important;
}

.mt90 {
  margin-top: 5.625rem !important;
}

.ml90 {
  margin-left: 5.625rem !important;
}

.mr90 {
  margin-right: 5.625rem !important;
}

.mb100 {
  margin-bottom: 6.25rem !important;
}

.mt100 {
  margin-top: 6.25rem !important;
}

.ml100 {
  margin-left: 6.25rem !important;
}

.mr100 {
  margin-right: 6.25rem !important;
}

.mb110 {
  margin-bottom: 6.875rem !important;
}

.mt110 {
  margin-top: 6.875rem !important;
}

.ml110 {
  margin-left: 6.875rem !important;
}

.mr110 {
  margin-right: 6.875rem !important;
}

.mb120 {
  margin-bottom: 7.5rem !important;
}

.mt120 {
  margin-top: 7.5rem !important;
}

.ml120 {
  margin-left: 7.5rem !important;
}

.mr120 {
  margin-right: 7.5rem !important;
}

.mb130 {
  margin-bottom: 8.125rem !important;
}

.mt130 {
  margin-top: 8.125rem !important;
}

.ml130 {
  margin-left: 8.125rem !important;
}

.mr130 {
  margin-right: 8.125rem !important;
}

.mb140 {
  margin-bottom: 8.75rem !important;
}

.mt140 {
  margin-top: 8.75rem !important;
}

.ml140 {
  margin-left: 8.75rem !important;
}

.mr140 {
  margin-right: 8.75rem !important;
}

.mb150 {
  margin-bottom: 9.375rem !important;
}

.mt150 {
  margin-top: 9.375rem !important;
}

.ml150 {
  margin-left: 9.375rem !important;
}

.mr150 {
  margin-right: 9.375rem !important;
}

.mb160 {
  margin-bottom: 10rem !important;
}

.mt160 {
  margin-top: 10rem !important;
}

.ml160 {
  margin-left: 10rem !important;
}

.mr160 {
  margin-right: 10rem !important;
}

.mb170 {
  margin-bottom: 10.625rem !important;
}

.mt170 {
  margin-top: 10.625rem !important;
}

.ml170 {
  margin-left: 10.625rem !important;
}

.mr170 {
  margin-right: 10.625rem !important;
}

.mb180 {
  margin-bottom: 11.25rem !important;
}

.mt180 {
  margin-top: 11.25rem !important;
}

.ml180 {
  margin-left: 11.25rem !important;
}

.mr180 {
  margin-right: 11.25rem !important;
}

.mb190 {
  margin-bottom: 11.875rem !important;
}

.mt190 {
  margin-top: 11.875rem !important;
}

.ml190 {
  margin-left: 11.875rem !important;
}

.mr190 {
  margin-right: 11.875rem !important;
}

.mb200 {
  margin-bottom: 12.5rem !important;
}

.mt200 {
  margin-top: 12.5rem !important;
}

.ml200 {
  margin-left: 12.5rem !important;
}

.mr200 {
  margin-right: 12.5rem !important;
}

/* 서브 헤더 */
.sub-header-title {
  margin: 3.125rem 0 2.5rem 0;
}

/* 카테고리 */
.sub-category-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 3.125rem;
  width: 100%;
}
.sub-category-wrap .category-menu {
  padding-bottom: 1.25rem;
  width: 18.75rem;
}
.sub-category-wrap .category-menu .category-title {
  display: flex;
  height: 3.75rem;
  align-items: center;
  position: relative;
  padding-bottom: 1.25rem;
  line-height: 1;
  font-size: 2.25rem;
  font-weight: 700;
  color: #333333;
}
.sub-category-wrap .category-menu .category-title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.25rem;
  width: 100%;
  background-color: #333333;
  border-radius: 0.3125rem;
}
.sub-category-wrap .category-menu .category-title > [class*=icon-] {
  margin-left: 0.625rem;
}
.sub-category-wrap .category-menu .menu-box {
  padding: 0.625rem 0;
  border-top: 1px solid #e7e7e7;
}
.sub-category-wrap .category-menu .menu-box:first-child {
  border-top: 0;
}
.sub-category-wrap .category-menu .menu-box .btn-menu {
  display: block;
  position: relative;
  padding: 0 1.25rem;
  line-height: 3.75rem;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  font-weight: 500;
  color: #333333;
}
.sub-category-wrap .category-menu .menu-box .btn-menu:after {
  display: block;
  content: "";
  position: absolute;
  right: 1.5625rem;
  top: 50%;
  margin-top: -0.9375rem;
  width: 1.9375rem;
  height: 1.9375rem;
  border-radius: 50%;
  background: url("/img/icons/icon_arrow_category.png") no-repeat center center;
}
.sub-category-wrap .category-menu .menu-box.active .btn-menu {
  color: #89b03f;
  font-weight: 700;
}
.sub-category-wrap .category-menu .menu-box.active .btn-menu:after {
  background: url("/img/icons/icon_arrow_next.png") no-repeat center center;
}
.sub-category-wrap .category-menu .menu-box.menu-open .menu-title {
  font-weight: 700;
}
.sub-category-wrap .category-menu .menu-box.menu-open .sub-list {
  display: block;
}
.sub-category-wrap .category-menu .menu-box .sub-list {
  display: none;
  padding-bottom: 1.25rem;
}
.sub-category-wrap .category-menu .menu-box .sub-list .sub-box .btn-sub {
  display: block;
  position: relative;
  padding: 0 1.25rem;
  line-height: 2.5rem;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: -0.05625rem;
  color: #040405;
}
.sub-category-wrap .category-menu .menu-box .sub-list .sub-box .btn-sub:hover {
  text-decoration: underline;
  font-weight: 700;
  color: #333333;
}
.sub-category-wrap .category-menu .menu-box .sub-list .sub-box.active .btn-sub {
  text-decoration: underline;
  font-weight: 700;
  color: #333333;
}
.sub-category-wrap .category-menu .menu-box .menu-title {
  padding: 0 1.25rem;
  line-height: 3.75rem;
  font-size: 1.375rem;
  font-weight: 500;
  color: #333333;
}
.sub-category-wrap .category-menu .menu-box .check-list {
  padding: 0 1.25rem 1.25rem;
}
.sub-category-wrap .category-menu .menu-box .check-list .check-wrap {
  margin-top: 0.75rem;
}
.sub-category-wrap .category-menu .menu-box .check-list .check-wrap .checkbox {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 0;
  margin-right: 0.75rem;
}
.sub-category-wrap .category-menu .menu-box .check-list .check-wrap .checkbox input[type=checkbox] {
  width: 1.875rem;
  height: 1.875rem;
  margin: 0;
}
.sub-category-wrap .category-menu .menu-box .check-list .check-wrap .checkbox input[type=checkbox]:checked ~ label span {
  font-weight: 600;
  color: #333333;
}
.sub-category-wrap .category-menu .menu-box .check-list .check-wrap label {
  display: inline-block;
  padding-left: 0.5rem;
}
.sub-category-wrap .category-menu .menu-box .check-list .check-wrap label > span {
  color: #040405;
  font-weight: 400;
  line-height: 1;
}
.sub-category-wrap .category-menu .menu-box .check-list .check-wrap .icon-good {
  margin: 0 0.1875rem 0 0.375rem;
}
.sub-category-wrap .category-menu .menu-box .check-list .check-btn {
  margin-top: 1.25rem;
}
.sub-category-wrap .category-menu .menu-box .check-list .check-btn .btn-more {
  display: inline-block;
  position: relative;
  padding: 0 0.3125rem;
  line-height: 1.875rem;
  font-size: 1rem;
  font-weight: 500;
  color: #58595b;
}
.sub-category-wrap .category-menu .menu-box .check-list .check-btn .btn-more:after {
  display: inline-block;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
  background: url("/img/icons/icon_arrow_more.png") no-repeat center center;
}
.sub-category-wrap .category-menu .menu-box .price-list {
  padding: 0 1.25rem 0.625rem;
}
.sub-category-wrap .category-menu .menu-box .price-list li {
  padding: 0.3125rem 0;
}
.sub-category-wrap .category-menu .menu-box .price-list li .btn-price {
  display: inline-block;
  line-height: 1.875rem;
  font-size: 1rem;
  color: #040405;
}
.sub-category-wrap .category-menu .menu-box .price-list li .btn-price.active {
  color: #333333;
  font-weight: 600;
}
.sub-category-wrap .category-menu .menu-box .category-search {
  padding: 0 1.25rem;
  width: 18.75rem;
}
.sub-category-wrap .category-menu .menu-box .category-search .input-wrap {
  position: relative;
  margin-top: 0.625rem;
  width: 13.75rem;
  overflow: visible;
}
.sub-category-wrap .category-menu .menu-box .category-search .input-wrap:first-child {
  margin-top: 0;
}
.sub-category-wrap .category-menu .menu-box .category-search .input-wrap .unit {
  position: absolute;
  right: -2.1875rem;
  top: 0;
  line-height: 3rem;
  font-size: 1rem;
  color: #58595b;
}
.sub-category-wrap .category-menu .menu-box .category-search .btn-category-search {
  margin-top: 0.9375rem;
}
.sub-category-wrap .category-content {
  width: 65.625rem;
}
.sub-category-wrap .category-content .category-title {
  margin-bottom: 1.875rem;
}
.sub-category-wrap .category-content .category-bnr-wrap {
  margin-bottom: 4.375rem;
}
.tooltip-popup {
  position: absolute;
  left: -2.5rem;
  top: 1.75rem;
  padding: 0.625rem 0.9375rem;
  line-height: 1.625rem;
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
  border: 1px solid #333;
  border-radius: 0.375rem;
  background: #fff;
  white-space: nowrap;
  z-index: 100;
  letter-spacing: -0.05rem;
}

.round-tip .tooltip-popup {
  font-size: 0.875rem;
  letter-spacing: -0.04375rem;
  padding: 0 0.625rem;
  border-radius: 1.0625rem;
  line-height: 1.875rem;
}

.side-tip .tooltip-popup {
  left: 1.875rem;
  top: -0.4375rem;
}

.popup-window .scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -1.625rem;
  margin-left: 1.625rem;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  background-color: #e5e3e3;
}

body.popup-open {
  padding-right: 20px;
  overflow: hidden;
}

h2 {
  display: inline-block;
  font-size: 2.5rem;
  letter-spacing: -0.125rem;
  font-weight: 700;
  line-height: 1;
}
h2.align-c {
  display: block;
  text-align: center;
  font-size: 2.875rem;
  letter-spacing: -0.14375rem;
}
h2.align-c.mb {
  margin-bottom: 3.75rem;
}
h2 em {
  color: #89b03f;
}
h2 .en {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 800;
  letter-spacing: 0;
}

.sub-phrase {
  display: inline-block;
  margin-left: 1.25rem;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: -0.05625rem;
  color: #58595b;
}
.sub-phrase.align-c {
  display: block;
  text-align: center;
  margin-left: 0;
  margin-top: 1.25rem;
  margin-bottom: 3.75rem;
}

h3 {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.1125rem;
}
h3 .emphas {
  color: #89b03f;
}

h4 {
  font-size: 1.75rem;
  letter-spacing: -0.0875rem;
  font-weight: 700;
  line-height: 1;
}
h4 .emphas {
  color: #89b03f;
}

h5 {
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  font-weight: 500;
  line-height: 1;
}
h5 .emphas {
  color: #89b03f;
}

.location {
  padding-top: 2.5rem;
  padding-bottom: 0.9375rem;
}
.location > ul {
  display: flex;
}
.location > ul > li {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.125rem;
  color: #58595b;
}
.location > ul > li:nth-of-type(n+2) {
  position: relative;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
.location > ul > li:nth-of-type(n+2):after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 25%;
  height: 50%;
  border-right: 1px solid #e7e7e7;
}
.location > ul > li:nth-last-of-type(1):after {
  content: none;
}
.location > ul > li a {
  color: #58595b;
}
.location > ul > li.has-combobox {
  position: relative;
}
.location > ul > li.has-combobox > a:after {
  content: "";
  margin-top: -0.1875rem;
  vertical-align: middle;
  margin-left: 0.625rem;
}
.location > ul > li.has-combobox .combo-box {
  display: none;
  position: absolute;
  left: 0;
  top: 2.5rem;
  border: 1px solid #333333;
  border-radius: 1.25rem;
  padding: 1.25rem;
  width: auto;
  min-width: 13.75rem;
  background-color: #ffffff;
}
.location > ul > li.has-combobox .combo-box li {
  line-height: 1;
  margin-bottom: 0.9375rem;
}
.location > ul > li.has-combobox .combo-box li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.location > ul > li.has-combobox .combo-box li a {
  font-size: 1.125rem;
}
.location > ul > li.has-combobox.active .combo-box {
  display: inline-block;
  z-index: 11;
}
.location > ul > li.has-combobox.active > a:after {
  transform: rotate(180deg);
}
.location .to-home .icon-breadcrumb-home {
  text-indent: -99999px;
  margin-top: -0.25rem;
  vertical-align: middle;
}

.icon-alignc {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.icon-logo {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -99999px;
  width: 18.5rem;
  height: 3.125rem;
  background-image: url("https://cfimg.naturerepublic.com/img/icon/icon_logo_pc.png");
}

.icon-logo-dev {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -99999px;
  width: 18.5rem;
  height: 3.125rem;
  background-image: url("https://devcfimg.naturerepublic.com/img/icon/icon_logo_pc.png");
}

.icon-category-menu {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -99999px;
  width: 1.3125rem;
  height: 1.3125rem;
  background-image: url("/img/icons/icon_category_menu.png");
}

.icon-category-menu-on {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -99999px;
  width: 1.3125rem;
  height: 1.3125rem;
  background-image: url("/img/icons/icon_category_menu_on.png");
}

.icon-cart {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.8125rem;
  background-image: url("/img/icons/icon_cart_gray.png");
}

.icon-wish {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.75rem;
  height: 1.5625rem;
  background-image: url("/img/icons/icon_wish_gray.png");
}

.icon-wish-check, .img-list .img-slot .quick-btns > ul > li .btn-circle.checked .icon-wish {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.75rem;
  height: 1.5625rem;
  background-image: url("/img/icons/icon_wish_white_check.png");
}

.icon-cart-white {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.8125rem;
  background-image: url("/img/icons/icon_cart_white.png");
}

.icon-wish-white {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.75rem;
  height: 1.5625rem;
  background-image: url("/img/icons/icon_wish_white.png");
}

.icon-good {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.8125rem;
  height: 0.75rem;
  background-image: url("/img/icons/icon_good.png");
}

.icon-good-white {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.8125rem;
  height: 0.75rem;
  background-image: url("/img/icons/icon_good_white.png");
}

.icon-good-lg, #popup-review-write .popup-area .popup-content .write-point-box .point-box .icon.on {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1875rem;
  height: 2.125rem;
  background-image: url("/img/icons/icon_good_lg.png");
}

.icon-good-lg-white {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1875rem;
  height: 2.125rem;
  background-image: url("/img/icons/icon_good_lg_white.png");
}
.icon-good-lg-white.on {
  background-image: url("/img/icons/icon_good_lg_green.png");
}

.icon-good-lg-primary {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1875rem;
  height: 2.125rem;
  background-image: url("/img/icons/icon_good_lg_green.png");
}

.icon-good-lg-green {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1875rem;
  height: 2.125rem;
  background-image: url("/img/icons/icon_good_lg_green.png");
}

.icon-gnb-cart {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/icons/icon_gnb_cart.png");
  width: 1.75rem;
  height: 2rem;
}

.icon-gnb-logout {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/icons/icon_gnb_logout.png");
  width: 2.125rem;
  height: 1.9375rem;
}

.icon-gnb-login {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/icons/icon_gnb_login.png");
  width: 2.125rem;
  height: 1.9375rem;
}

.icon-gnb-mypage {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/icons/icon_gnb_mypage.png");
  width: 1.75rem;
  height: 1.9375rem;
}

.icon-gnb-search {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/icons/icon_gnb_search.png");
  width: 1.6875rem;
  height: 1.6875rem;
}

.icon-gnb-cart-on {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/icons/icon_gnb_cart_on.png");
  width: 1.75rem;
  height: 2rem;
}

.icon-gnb-logout-on {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/icons/icon_gnb_logout_on.png");
  width: 2.125rem;
  height: 1.9375rem;
}

.icon-gnb-login-on {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/icons/icon_gnb_login_on.png");
  width: 2.125rem;
  height: 1.9375rem;
}

.icon-gnb-mypage-on {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/icons/icon_gnb_mypage_on.png");
  width: 1.75rem;
  height: 1.9375rem;
}

.icon-gnb-search-on {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/icons/icon_gnb_search_on.png");
  width: 1.6875rem;
  height: 1.6875rem;
}

.icon-breadcrumb-home {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/icons/icon_breadcrumb_home.png");
  width: 1.25rem;
  height: 1.25rem;
}

.icon-arrow-down-location, .location > ul > li.has-combobox > a:after {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/icons/icon_arrow_down_location.png");
  width: 0.625rem;
  height: 0.375rem;
}

.icon-chk, .check-wrap .checkbox .icon-chk {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.25rem;
  height: 1.25rem;
}

.icon-chk-large, .check-wrap .checkbox.large .icon-chk {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.875rem;
  height: 1.875rem;
}

.icon-close-pop {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.125rem;
  height: 3.125rem;
  background-image: url("/img/icons/icon_close_pop.png");
}

.icon-setup-gear {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.625rem;
  height: 1.6875rem;
  background-image: url("/img/icons/icon_setup_gear.png");
}

.icon-link {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.5rem;
  height: 0.6875rem;
  background-image: url("/img/icons/icon_arrow_link.png");
}
.icon-link.icon-md {
  width: 0.5rem;
  height: 0.875rem;
  background-image: url("/img/icons/icon_arrow_link_md.png");
}
.icon-link.green {
  background-image: url("/img/icons/icon_link_green.png");
}

.icon-arrow-up,
.icon-arrow-down {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.6875rem;
  height: 0.5rem;
  background-image: url("/img/icons/icon_arrow_more.png");
}

.icon-arrow-up {
  transform: rotate(180deg);
}
.icon-arrow-up.icon-alignc {
  transform: translate(-50%, -50%) rotate(180deg);
}

.icon-arrow-link, .reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-content .condition a:after, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-content .condition a:after {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.5rem;
  height: 0.8125rem;
  background-image: url("/img/icons/icon_arrow_category.png");
}

.icon-print {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.1875rem;
  height: 1.125rem;
  background-image: url("/img/icons/icon_print.png");
}

.icon-order-list {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.375rem;
  height: 1.5rem;
  background-image: url("/img/icons/icon_order_list.png");
}

.icon-tooltip {
  cursor: pointer;
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.125rem;
  height: 1.125rem;
  background-image: url("/img/icons/icon_tooltip.png");
}
.icon-tooltip.icon-sm {
  width: 0.875rem;
  height: 0.875rem;
  background-image: url("/img/icons/icon_tooltip_sm.png");
}

.icon-help {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1rem;
  height: 1rem;
  background-image: url("/img/icons/icon_help.png");
}

.icon-share-url {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.4375rem;
  height: 1.3125rem;
  background-image: url("/img/icons/icon_share_url.png");
}

.icon-share-facebook {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.75rem;
  height: 1.5rem;
  background-image: url("/img/icons/icon_share_facebook.png");
}

.icon-share-kakao {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.75rem;
  height: 1.5rem;
  background-image: url("/img/icons/icon_share_kakao.png");
}

.icon-share-link {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.25rem;
  height: 1.3125rem;
  background-image: url("/img/icons/icon_share_link.png");
}

.icon-share-close {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.875rem;
  height: 0.875rem;
  background-image: url("/img/icons/icon_share_close.png");
}

.icon-review-check {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.8125rem;
  height: 0.8125rem;
  background-image: url("/img/icons/icon_review_check.png");
}
.icon-review-check.on {
  background-image: url("/img/icons/icon_review_check_on.png");
}

.icon-qna-q {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.125rem;
  height: 1rem;
  background-image: url("/img/icons/icon_qna_q_black.png");
}

.icon-qna-a {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.0625rem;
  height: 0.9375rem;
  background-image: url("/img/icons/icon_qna_a.png");
}

.icon-product-pick {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.75rem;
  height: 1.5625rem;
  background-image: url("/img/icons/icon_product_pick.png");
}

.icon-product-pick-check, .product-info-box .product-btn-box .btn-pick.checked .icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.875rem;
  height: 1.5625rem;
  background-image: url("/img/icons/icon_product_pick_check.png");
}

.icon-product-cart {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.8125rem;
  background-image: url("/img/icons/icon_product_cart.png");
}
.icon-product-cart.icon-sm {
  width: 1.125rem;
  height: 1rem;
  background-image: url("/img/icons/icon_product_pick_sm.png");
}

.on .icon-product-cart.icon-sm {
  background-image: url("/img/icons/icon_product_pick_sm_black.png");
}

.icon-option-delete {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("/img/icons/icon_option_delete.png");
}

.icon-lock {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.125rem;
  height: 1.3125rem;
  background-image: url("/img/icons/icon_lock.png");
}

.icon-count-minus {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("/img/icons/icon_count_minus.png");
}

.icon-count-plus {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("/img/icons/icon_count_plus.png");
}

.icon-arrow-slider {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5625rem;
  height: 2.875rem;
  background-image: url("/img/icons/icon_arrow_slider.png");
}
.icon-arrow-slider.next {
  transform: rotate(180deg);
}

.icon-arrow-slider-black {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5625rem;
  height: 2.875rem;
  background-image: url("/img/icons/icon_slider_arrow_25.png");
}
.icon-arrow-slider-black.next {
  transform: rotate(180deg);
}

.icon-arrow-slider-box {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.9375rem;
  height: 1.625rem;
  background-image: url("/img/icons/icon_slider_arrow_25.png");
}

.icon-arrow-select {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.8125rem;
  height: 0.5rem;
  background-image: url("/img/icons/icon_arrow_select.png");
}

.icon-circle-link {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.125rem;
  height: 1.125rem;
  background-image: url("/img/icons/icon_arrow_circle_link.png");
}

.icon-favorite {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.0625rem;
  height: 1.25rem;
  background-image: url("/img/icons/icon_product_favorite.png");
}

.icon-close {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.8125rem;
  height: 0.8125rem;
  background-image: url("/img/icons/icon_close.png");
}

.icon-close-black, .icon-noti-close {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.1875rem;
  height: 1.1875rem;
  background-image: url("/img/icons/icon_close_19_black.png");
}

.icon-close-white {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.9375rem;
  height: 0.9375rem;
  background-image: url("/img/icons/icon_close_white.png");
}

.icon-noti-close {
  width: 0.75rem;
  height: 0.75rem;
}

.icon-close-banner {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("/img/icons/icon_close_banner.png");
}

.icon-plus {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.625rem;
  height: 0.625rem;
  background-image: url("/img/icons/icon_plus.png");
}
.icon-plus.black {
  background-image: url("/img/icons/icon_plus_black.png");
}

.icon-minus {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.625rem;
  height: 0.625rem;
  background-image: url("/img/icons/icon_minus.png");
}
.icon-minus.black {
  background-image: url("/img/icons/icon_minus_black.png");
}

.icon-benefit {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.1875rem;
  height: 1.25rem;
  background-image: url("/img/icons/icon_benefit.png");
}

.icon-payco {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.6875rem;
  height: 1.25rem;
  background-image: url("/img/icons/icon_payment_payco.png");
}
.icon-payco.on {
  background-image: url("/img/icons/icon_payment_payco_on.png");
}

.icon-naverpay {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.625rem;
  height: 1.4375rem;
  background-image: url("/img/icons/icon_payment_naverpay.png");
}
.icon-naverpay.on {
  background-image: url("/img/icons/icon_payment_naverpay_on.png");
}

.icon-kakaopay {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4rem;
  height: 1.5rem;
  background-image: url("/img/icons/icon_payment_kakaopay.png");
}
.icon-kakaopay.on {
  background-image: url("/img/icons/icon_payment_kakaopay_on.png");
}

.icon-customer {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.625rem;
  height: 1.8125rem;
  background-image: url("/img/icons/icon_customer.png");
}

.icon-search {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.125rem;
  height: 1.125rem;
  background-image: url("/img/icons/icon_search.png");
}

.icon-search-black {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.125rem;
  height: 1.125rem;
  background-image: url("/img/icons/icon_search_black.png");
}

.icon-customer-help {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.625rem;
  height: 2.6875rem;
  background-image: url("/img/icons/icon_customer_help2.png");
}

.icon-chat {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.5625rem;
  height: 2.6875rem;
  background-image: url("/img/icons/icon_customer_chat.png");
}

.icon-notice {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.125rem;
  height: 1.375rem;
  background-image: url("/img/icons/icon_notice.png");
}

.icon-notice-white {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.125rem;
  height: 1.25rem;
  background-image: url("/img/icons/icon_notice_white.png");
}

.icon-q-black, .customer-content-wrap .customer-help-box .help-menu li .btn-menu:before {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.3125rem;
  height: 1.4375rem;
  background-image: url("/img/icons/icon_q_black.png");
}

.icon-grade-crown {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.3125rem;
  height: 1.1875rem;
  background-image: url("/img/icons/icon_grade_crown.png");
}

.icon-refresh {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.875rem;
  height: 0.875rem;
  background-image: url("/img/icons/icon_filter_refresh.png");
}

.icon-map-point {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.0625rem;
  height: 2.0625rem;
  background-image: url("/img/icons/icon_map_point.png");
}

.icon-map-subway {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.0625rem;
  height: 2.9375rem;
  background-image: url("/img/icons/icon_map_subway.png");
}

.icon-map-bus {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.6875rem;
  height: 2.4375rem;
  background-image: url("/img/icons/icon_map_bus.png");
}

.icon-upload-close {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("/img/icons/icon_upload_close.png");
}

.icon-upload-clip {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.6875rem;
  height: 0.6875rem;
  background-image: url("/img/icons/icon_upload_clip.png");
}

.icon-upload-plus {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1rem;
  height: 1rem;
  background-image: url("/img/icons/icon_upload_plus.png");
}

.icon-point {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5625rem;
  height: 1.5625rem;
  background-image: url("/img/icons/icon_point.png");
}

.icon-point-green {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5625rem;
  height: 1.5625rem;
  background-image: url("/img/icons/icon_point_green.png");
}

.icon-point-lg, .reward-info-wrap .level-description > ul > li .text .point .icon-point-lg, .reward-coupone-zone .level-description > ul > li .text .point .icon-point-lg {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.9375rem;
  height: 2rem;
  background-image: url("/img/icons/icon_point_lg.png");
}

.icon-coupon-lg, .reward-info-wrap .level-description > ul > li .text .coupon .icon-coupon-lg, .reward-coupone-zone .level-description > ul > li .text .coupon .icon-coupon-lg {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.0625rem;
  height: 1.8125rem;
  background-image: url("/img/icons/icon_coupon_lg.png");
}

.icon-account-new {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.6875rem;
  height: 1.75rem;
  background-image: url("/img/icons/icon_account_new.png");
}

.icon-logo-footer {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13.9375rem;
  height: 1.125rem;
  background-image: url("/img/icons/icon_logo_footer.png");
}

.icon-sns-facebook {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.8125rem;
  height: 1.5rem;
  background-image: url("/img/icons/icon_sns_facebook.png");
}

.icon-sns-instagram {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("/img/icons/icon_sns_instagram.png");
}

.icon-sns-youtube {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.75rem;
  height: 1.25rem;
  background-image: url("/img/icons/icon_sns_youtube.png");
}

.icon-sns-kakao {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.75rem;
  height: 1.375rem;
  background-image: url("/img/icons/icon_sns_kakao.png");
}

.icon-sns-blog {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.9375rem;
  height: 1.3125rem;
  background-image: url("/img/icons/icon_sns_blog.png");
}

.icon-level-new, .reward-info-wrap .gray-box .level-step li [class*=level-new], .reward-coupone-zone .gray-box .level-step li [class*=level-new] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.625rem;
  height: 5.1875rem;
  background-image: url("/img/icons/icon_level_new.png");
}

.icon-level-vip, .reward-info-wrap .gray-box .level-step li [class*=level-vip], .reward-coupone-zone .gray-box .level-step li [class*=level-vip] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5.625rem;
  height: 5.0625rem;
  background-image: url("/img/icons/icon_level_vip.png");
}

.icon-level-vvip, .reward-info-wrap .gray-box .level-step li [class*=level-vvip], .reward-coupone-zone .gray-box .level-step li [class*=level-vvip] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5.6875rem;
  height: 5.6875rem;
  background-image: url("/img/icons/icon_level_vvip.png");
}

.icon-level-svip, .reward-info-wrap .gray-box .level-step li [class*=level-svip], .reward-coupone-zone .gray-box .level-step li [class*=level-svip] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5.625rem;
  height: 5.5625rem;
  background-image: url("/img/icons/icon_level_svip.png");
}

.icon-level-new-black, .reward-info-wrap .level-description > ul > li .level-title .icon-level-new, .reward-info-wrap .gray-box .level-step .level-description > ul > li .level-title [class*=level-new], .reward-coupone-zone .level-description > ul > li .level-title .icon-level-new, .reward-coupone-zone .gray-box .level-step .level-description > ul > li .level-title [class*=level-new] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.625rem;
  height: 4.0625rem;
  background-image: url("/img/icons/icon_level_new_black.png");
}

.icon-level-vip-black, .reward-info-wrap .level-description > ul > li .level-title .icon-level-vip, .reward-info-wrap .gray-box .level-step .level-description > ul > li .level-title [class*=level-vip], .reward-coupone-zone .level-description > ul > li .level-title .icon-level-vip, .reward-coupone-zone .gray-box .level-step .level-description > ul > li .level-title [class*=level-vip] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.1875rem;
  height: 3.8125rem;
  background-image: url("/img/icons/icon_level_vip_black.png");
}

.icon-level-vvip-black, .reward-info-wrap .level-description > ul > li .level-title .icon-level-vvip, .reward-info-wrap .gray-box .level-step .level-description > ul > li .level-title [class*=level-vvip], .reward-coupone-zone .level-description > ul > li .level-title .icon-level-vvip, .reward-coupone-zone .gray-box .level-step .level-description > ul > li .level-title [class*=level-vvip] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.1875rem;
  height: 4.125rem;
  background-image: url("/img/icons/icon_level_vvip_black.png");
}

.icon-level-svip-black, .reward-info-wrap .level-description > ul > li .level-title .icon-level-svip, .reward-info-wrap .gray-box .level-step .level-description > ul > li .level-title [class*=level-svip], .reward-coupone-zone .level-description > ul > li .level-title .icon-level-svip, .reward-coupone-zone .gray-box .level-step .level-description > ul > li .level-title [class*=level-svip] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.1875rem;
  height: 4.125rem;
  background-image: url("/img/icons/icon_level_svip_black.png");
}

.icon-flag, .reward-info-wrap .level-description > ul > li.my-level .level-title:before, .reward-coupone-zone .level-description > ul > li.my-level .level-title:before {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.125rem;
  height: 2.6875rem;
  background-image: url("/img/icons/icon_flag.png");
}

.icon-benefit-01 {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.375rem;
  height: 3.375rem;
  background-image: url("/img/icons/icon_benefit_01.png");
}

.icon-benefit-02 {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.3125rem;
  height: 3.3125rem;
  background-image: url("/img/icons/icon_benefit_02.png");
}

.icon-benefit-03 {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.375rem;
  height: 3.375rem;
  background-image: url("/img/icons/icon_benefit_03.png");
}

.icon-benefit-04 {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.375rem;
  height: 3.375rem;
  background-image: url("/img/icons/icon_benefit_04.png");
}

.icon-benefit-05 {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.375rem;
  height: 3.375rem;
  background-image: url("/img/icons/icon_benefit_05.png");
}

.icon-join {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15.5rem;
  height: 9.1875rem;
  background-image: url("/img/icons/icon_join.png");
}

.icon-leaf-sm {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.25rem;
  height: 1.375rem;
  background-image: url("/img/icons/icon_leaf_sm.png");
}

.icon-leaf {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.5rem;
  height: 2.0625rem;
  background-image: url("/img/icons/icon_leaf_on.png");
}

.icon-money-pocket {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.75rem;
  height: 2.4375rem;
  background-image: url("/img/icons/icon_money_pocket_on.png");
}

.icon-trash {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.875rem;
  height: 1.9375rem;
  background-image: url("/img/icons/icon_trash.png");
}

.icon-policy {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.375rem;
  height: 1.3125rem;
  background-image: url("/img/icons/icon_policy.png");
}
.icon-policy.lg {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.125rem;
  height: 2.0625rem;
  background-image: url("/img/icons/icon_policy_lg.png");
}

.icon-logout {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.125rem;
  height: 1rem;
  background-image: url("/img/icons/icon_logout.png");
}

.icon-download {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.9375rem;
  height: 2.125rem;
  background-image: url("/img/icons/icon_download.png");
}

.icon-download-disabled, .reward-info-wrap .coupone-list > li .coupone.disabled .coupone-link a .icon-download, .reward-coupone-zone .coupone-list > li .coupone.disabled .coupone-link a .icon-download {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.9375rem;
  height: 2.125rem;
  background-image: url("/img/icons/icon_download_disabled.png");
}

.icon-no-coupone {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.75rem;
  height: 4.0625rem;
  background-image: url("/img/icons/icon_no_coupone.png");
}

.icon-slider-arrow-white, .home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .swiper-indicater-wrap .swiper-stop.stopped, .swiper-indicater-wrap .swiper-stop.stopped, .home .main-bnr-slide .swiper-indicater-wrap .swiper-stop.stopped {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.5rem;
  height: 0.8125rem;
  background-image: url("/img/icons/icon_slider_arrow_white.png");
}

.icon-time-discount {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.6875rem;
  height: 2.875rem;
  background-image: url("/img/icons/icon_time_discount.png");
}

.icon-time-discount2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.8125rem;
  height: 2rem;
  background-image: url("/img/icons/icon_time_discount2.png");
}

.icon-time-clock {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.5rem;
  height: 0.5625rem;
  background-image: url("/img/icons/icon_time_clock.png");
}

.icon-time-semicolon, .home .container.time-discount .event-container .time > span:after {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.1875rem;
  height: 0.5625rem;
  background-image: url("/img/icons/icon_time_semicolon.png");
}

.icon-rank-down {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1rem;
  height: 0.625rem;
  background-image: url("/img/icons/icon_rank_down.png");
}

.icon-rank-up {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1rem;
  height: 0.625rem;
  background-image: url("/img/icons/icon_rank_up.png");
}

.icon-rank-stay {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1rem;
  height: 0.375rem;
  background-image: url("/img/icons/icon_rank_stay.png");
}

.icon-follow-facebook {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.8125rem;
  height: 1.5rem;
  background-image: url("/img/icons/icon_follow_facebook.png");
}

.icon-follow-instagram {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("/img/icons/icon_follow_instagram.png");
}

.icon-follow-youtube {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.75rem;
  height: 1.25rem;
  background-image: url("/img/icons/icon_follow_youtube.png");
}

.icon-follow-kakao {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.75rem;
  height: 1.375rem;
  background-image: url("/img/icons/icon_follow_kakao.png");
}

.icon-follow-blog {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.9375rem;
  height: 1.5rem;
  background-image: url("/img/icons/icon_follow_blog.png");
}

.icon-top-anchor {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.75rem;
  height: 0.4375rem;
  background-image: url("/img/icons/icon_top_anchor.png");
}

.icon-gnb-arrow, header .nav-list .gnb-sub-menu .sub-list .subs-list .btn-sub:after, header .gnb-megadrop .container.category .depth-01 > li > a:after {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.125rem;
  height: 1.125rem;
  background-image: url("/img/icons/icon_gnb_arrow.png");
}

.icon-gnb-close {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.1875rem;
  height: 1.1875rem;
  background-image: url("/img/icons/icon_gnb_close.png");
}

.icon-store {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1875rem;
  height: 1.875rem;
  background-image: url("/img/icons/icon_store.png");
}

.icon-membership {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.125rem;
  height: 1.8125rem;
  background-image: url("/img/icons/icon_membership.png");
}

.icon-download-sm {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1rem;
  height: 1rem;
  background-image: url("/img/icons/icon_download_sm.png");
}

.icon-step-arrow, .order-content-wrap .payment-notice .info-content.deposit .step-wrap > ul > li:after, .order-content-wrap .payment-notice .info-content.realtime .step-wrap > ul > li:after {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.875rem;
  height: 1.625rem;
  background-image: url("/img/icons/icon_step_arrow.png");
}

.icon-gnb-search {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.6875rem;
  height: 1.6875rem;
  background-image: url("/img/icons/icon_gnb_search.png");
}

.icon-arrow-prev {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.5rem;
  height: 0.8125rem;
  background-image: url("/img/icons/icon_arrow_prev.png");
}

.icon-arrow-next {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.5rem;
  height: 0.8125rem;
  background-image: url("/img/icons/icon_arrow_next.png");
}

.icon-q-black, .customer-content-wrap .customer-help-box .help-menu li .btn-menu:before {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.3125rem;
  height: 1.4375rem;
  background-image: url("/img/icons/icon_q_black.png");
}

.icon-arrow-white {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.375rem;
  height: 0.8125rem;
  background-image: url("/img/icons/icon_arrow_detail_white.png");
}

.icon-skin-dry, .mypage-skininfo > ul > li .item-check:checked + div.check-slot + div.img-slot .icon-skin-dry-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-dry {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.75rem;
  height: 4.3125rem;
  background-image: url("/img/icons/icon_skin_dry.png");
}
.icon-login-auto-off{
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.75rem;
  height: 4.3125rem;
  background-image: url("/img/icons/icon_login_automatic.png");
}

.icon-skin-complex, .mypage-skininfo > ul > li .item-check:checked + div.check-slot + div.img-slot .icon-skin-complex-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-complex {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.75rem;
  height: 4.3125rem;
  background-image: url("/img/icons/icon_skin_complex.png");
}

.icon-skin-oily, .mypage-skininfo > ul > li .item-check:checked + div.check-slot + div.img-slot .icon-skin-oily-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-oily {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.75rem;
  height: 4.3125rem;
  background-image: url("/img/icons/icon_skin_oily.png");
}

.icon-skin-sensitive, .mypage-skininfo > ul > li .item-check:checked + div.check-slot + div.img-slot .icon-skin-sensitive-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-sensitive {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.75rem;
  height: 4.25rem;
  background-image: url("/img/icons/icon_skin_sensitive.png");
}

.icon-skin-dry-off, .mypage-skininfo > ul > li > div.img-slot .icon-skin-dry, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-dry-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-dry {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.75rem;
  height: 4.3125rem;
  background-image: url("/img/icons/icon_skin_dry_off.png");
}

.icon-login-mual-off{
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.75rem;
  height: 4.3125rem;
  background-image: url("/img/icons/icon_login_manual.png");
}

.icon-skin-complex-off, .mypage-skininfo > ul > li > div.img-slot .icon-skin-complex, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-complex-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-complex {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.75rem;
  height: 4.3125rem;
  background-image: url("/img/icons/icon_skin_complex_off.png");
}

.icon-skin-oily-off, .mypage-skininfo > ul > li > div.img-slot .icon-skin-oily, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-oily-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-oily {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.75rem;
  height: 4.3125rem;
  background-image: url("/img/icons/icon_skin_oily_off.png");
}

.icon-skin-sensitive-off, .mypage-skininfo > ul > li > div.img-slot .icon-skin-sensitive, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-sensitive-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-sensitive {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.75rem;
  height: 4.25rem;
  background-image: url("/img/icons/icon_skin_sensitive_off.png");
}

.icon-skin-whitening, .mypage-skininfo > ul > li .item-check:checked + div.check-slot + div.img-slot .icon-skin-whitening-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-whitening {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4rem;
  height: 4.1875rem;
  background-image: url("/img/icons/icon_skin_whitening.png");
}

.icon-skin-elastic, .mypage-skininfo > ul > li .item-check:checked + div.check-slot + div.img-slot .icon-skin-elastic-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-elastic {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.0625rem;
  height: 4.25rem;
  background-image: url("/img/icons/icon_skin_elastic.png");
}

.icon-skin-moisturizing, .mypage-skininfo > ul > li .item-check:checked + div.check-slot + div.img-slot .icon-skin-moisturizing-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-moisturizing {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4rem;
  height: 4.25rem;
  background-image: url("/img/icons/icon_skin_moisturizing.png");
}

.icon-skin-sensitive-problem, .mypage-skininfo > ul > li .item-check:checked + div.check-slot + div.img-slot .icon-skin-sensitive-problem-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-sensitive-problem {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4rem;
  height: 4.25rem;
  background-image: url("/img/icons/icon_skin_sensitive_problem.png");
}

.icon-skin-whitening-off, .mypage-skininfo > ul > li > div.img-slot .icon-skin-whitening, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-whitening-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-whitening {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4rem;
  height: 4.1875rem;
  background-image: url("/img/icons/icon_skin_whitening_off.png");
}

.icon-skin-elastic-off, .mypage-skininfo > ul > li > div.img-slot .icon-skin-elastic, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-elastic-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-elastic {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.0625rem;
  height: 4.25rem;
  background-image: url("/img/icons/icon_skin_elastic_off.png");
}

.icon-skin-moisturizing-off, .mypage-skininfo > ul > li > div.img-slot .icon-skin-moisturizing, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-moisturizing-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-moisturizing {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4rem;
  height: 4.25rem;
  background-image: url("/img/icons/icon_skin_moisturizing_off.png");
}

.icon-skin-sensitive-problem-off, .mypage-skininfo > ul > li > div.img-slot .icon-skin-sensitive-problem, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-sensitive-problem-off, .mypage-skininfo > ul > li > div.img-slot .item-check:checked + div.check-slot + div.img-slot .icon-skin-sensitive-problem {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4rem;
  height: 4.25rem;
  background-image: url("/img/icons/icon_skin_sensitive_problem_off.png");
}

.icon-essential-login {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 7rem;
  height: 7rem;
  background-image: url("/img/icons/icon_essential_login.png");
}

.icon-empty-cart {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.125rem;
  height: 3.75rem;
  background-image: url("/img/icons/icon_empty_cart.png");
}

.icon-cart-btn {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.4375rem;
  height: 1.5rem;
  background-image: url("/img/icons/icon_cart_btn.png");
}

.icon-category-skincare {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1875rem;
  height: 2.1875rem;
  background-image: url("/img/icons/icon_category_skin.png");
}

.icon-category-clean {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1875rem;
  height: 2.1875rem;
  background-image: url("/img/icons/icon_category_clean.png");
}

.icon-category-mask {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1875rem;
  height: 2.1875rem;
  background-image: url("/img/icons/icon_category_mask.png");
}

.icon-category-base {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1875rem;
  height: 2.1875rem;
  background-image: url("/img/icons/icon_category_base.png");
}

.icon-category-point {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1875rem;
  height: 2.1875rem;
  background-image: url("/img/icons/icon_category_point.png");
}

.icon-category-suncare {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1875rem;
  height: 2.1875rem;
  background-image: url("/img/icons/icon_category_suncare.png");
}

.icon-category-body {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1875rem;
  height: 2.1875rem;
  background-image: url("/img/icons/icon_category_body.png");
}

.icon-category-man {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.4375rem;
  height: 2.1875rem;
  background-image: url("/img/icons/icon_category_man.png");
}

.icon-category-cosmetic {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.125rem;
  height: 2.1875rem;
  background-image: url("/img/icons/icon_category_cosmetic.png");
}

.icon-category-set {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1875rem;
  height: 2.1875rem;
  background-image: url("/img/icons/icon_category_set.png");
}

.icon-play {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5rem;
  height: 5rem;
  background-image: url("/img/icons/icon_play.png");
}

.icon-loading {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4rem;
  height: 4rem;
  background-image: url("/img/icons/icon_loading.png");
}

.icon-more-plus {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.875rem;
  height: 1.875rem;
  background-image: url("/img/icons/icon_more_plus.png");
}

.icon-delivery {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.6875rem;
  height: 1.4375rem;
  background-image: url("/img/icons/icon_delivery.png");
}

.icon-error {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.6875rem;
  height: 4.0625rem;
  background-image: url("/img/icons/icon_error.png");
}

.icon-order-processing {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.6875rem;
  height: 4.6875rem;
  background-image: url("/img/icons/icon_order_processing.png");
}

.icon-dday {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5.625rem;
  height: 1.875rem;
  background-image: url("/img/icons/icon_dday.png");
}

.icon-recent-arrow {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.6875rem;
  height: 0.375rem;
  background-image: url("/img/icons/icon_recent_arrow.png");
}

.icon-new {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("/img/icons/icon_new.png");
}

.tab.fixed > ul li {
  flex: 1 1 0 !important;
  flex-grow: 1;
}
.tab.tab-text > ul {
  display: flex;
  margin: auto;
  justify-content: center;
}
.tab.tab-text > ul li {
  flex: 0 1 auto;
  text-align: center;
  padding-left: 2.1875rem;
  padding-right: 2.1875rem;
}
.tab.tab-text > ul li a {
  position: relative;
  display: inline-block;
  font-size: 1.625rem;
  line-height: 1;
  padding-bottom: 0.8125rem;
  color: #bcbdc1;
}
.tab.tab-text > ul li a:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -0.125rem;
  left: 0;
  width: 0;
  height: 0.25rem;
  background-color: #333333;
  border-radius: 0.1875rem;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
}
.tab.tab-text > ul li.active a {
  position: relative;
  color: #333333;
  font-weight: 700;
}
.tab.tab-text > ul li.active a:after {
  width: 100%;
}
.tab.tab-text.align-l > ul {
  margin: 0;
}
.tab.tab-underline {
  border-bottom: 2px solid #e7e7e7;
}
.tab.tab-underline > ul {
  display: flex;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
.tab.tab-underline > ul li {
  text-align: center;
}
.tab.tab-underline > ul li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 0.3125rem;
  font-size: 1.625rem;
  line-height: 1;
  font-weight: 400;
  color: #bcbdc1;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}
.tab.tab-underline > ul li a:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -0.125rem;
  left: 0;
  width: 0;
  height: 0.25rem;
  background-color: #333333;
  border-radius: 0.1875rem;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
}
.tab.tab-underline > ul li.active a {
  position: relative;
  color: #333333;
  font-weight: 700;
}
.tab.tab-underline > ul li.active a:after {
  width: 100%;
}
.tab.tab-underline.tab-underline-narrow ul {
  width: 80%;
}
.tab.tab-tablet > ul {
  display: flex;
  width: 100%;
  margin: auto;
  justify-content: center;
  background-color: #f8f8f8;
  border-radius: 0.75rem;
}
.tab.tab-tablet > ul li {
  flex: 1 1 auto;
  text-align: center;
}
.tab.tab-tablet > ul li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.375rem;
  padding: 0 0.3125rem;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  font-weight: 500;
  color: #bcbdc1;
  border-radius: 0.75rem;
}
.tab.tab-tablet > ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 35%;
  display: inline-block;
  height: 30%;
  width: 1px;
  border-left: 1px solid #e7e7e7;
}
.tab.tab-tablet > ul li:nth-of-type(1) a:before {
  content: none;
}
.tab.tab-tablet > ul li.active a {
  color: #333333;
  font-weight: 500;
  border: 1px solid #333333;
  background-color: #ffffff;
}
.tab.tab-tablet > ul li.active a:before {
  content: none;
}
.tab.tab-tablet > ul li.active + li a:before {
  content: none;
}
.tab.tab-wingtip > ul {
  display: flex;
  width: 100%;
  margin: auto;
  justify-content: center;
  background-color: #f8f8f8;
  border-radius: 0.75rem;
}
.tab.tab-wingtip > ul li {
  flex: 1 1 auto;
  text-align: center;
}
.tab.tab-wingtip > ul li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.375rem;
  padding: 0 0.3125rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #bcbdc1;
  border-bottom: 1px solid #333333;
}
.tab.tab-wingtip > ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 35%;
  display: inline-block;
  height: 30%;
  width: 1px;
  border-left: 1px solid #e7e7e7;
}
.tab.tab-wingtip > ul li:nth-of-type(1) a:before {
  content: none;
}
.tab.tab-wingtip > ul li.active a {
  color: #333333;
  font-weight: 700;
  border: 1px solid #333333;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom: 0;
  background-color: #ffffff;
}
.tab.tab-wingtip > ul li.active a:before {
  content: none;
}
.tab.tab-wingtip > ul li.active + li a:before {
  content: none;
}

.tab-scroll.active > .tab {
  position: fixed;
  left: 0;
  top: 8.1875rem;
  right: 0;
  background: #fff;
  z-index: 11;
  transition: top 0.3s;
}
.tab-scroll.active > .tab > ul {
  margin: 0 auto;
  width: 87.5rem;
}
.tab-scroll.active.sticky > .tab {
  top: 0;
}

.tab-wrap .tab-area {
  display: none;
}
.tab-wrap .tab-area.active {
  display: block;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.125rem;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.05rem;
  color: #58595b;
  padding: 0 1.875rem;
  min-width: 7.5rem;
}
.btn-al {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.125rem;
  line-height: 1;
  color: #58595b;
  padding: 0 1.875rem;
  /*float: right;*/
  margin: 9px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  position: absolute;
  right: 0;
}
.btn.btn-sm {
  font-size: 1rem;
  letter-spacing: -0.05rem;
  height: 2.375rem;
  padding: 0 1.25rem;
  min-width: 5rem;
}
.btn.btn-lg {
  height: 3.75rem;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  min-width: 10rem;
  padding: 0 2.5rem;
}
.btn_al.btn-lg-al {
  /*height: 3.75rem;*/
  font-size: 0.75rem;
  letter-spacing: -0.06875rem;
  min-width: 10rem;
}
.btn.btn-lg.btn-round {
  border-radius: 1.875rem;
}
.btn-al.btn-lg-al.btn-round {
  border-radius: 1.875rem;
}
.btn.btn-md {
  height: 3.125rem;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  padding: 0 1.875rem;
}
.btn.btn-xs {
  height: 3.75rem;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
}
.btn.btn-xs.btn-round {
  border-radius: 2.5rem;
}
.btn.btn-round {
  border-radius: 3.125rem;
}
.btn.btn-fill {
  color: #ffffff;
}
/*.btn-al.btn-fill {*/
/*  color: #ffffff;*/
/*}*/
.btn.btn-fill.primary {
  background-color: #89b03f;
}
.btn.btn-fill.secondary {
  background-color: #8a4933;
}
.btn.btn-fill.black {
  background-color: #31291c;
}
/*.btn-al.btn-fill.black {*/
/*  background-color: #31291c;*/
/*}*/
.btn.btn-fill.green {
  background-color: #89b03f;
}
.btn.btn-outline.light-gray {
  border: 1px solid #e7e7e7;
  transition: border 0.2s ease-out;
}
.btn.btn-outline.light-gray:hover {
  border: 1px solid #333333;
}
.btn.btn-outline.black {
  border: 1px solid #333333;
}
.btn.btn-outline.white {
  color: #fff;
  border: 1px solid #ffffff;
}
.btn.btn-outline.green {
  color: #89b03f;
  border: 1px solid #89b03f;
}
.btn.btn-square {
  border-radius: 0.75rem;
}
.btn.btn-wide {
  width: 100%;
}
.btn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.125rem;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.05rem;
  color: #58595b;
  padding: 0 1.875rem;
  min-width: 7.5rem;
}
.btn2.btn2-sm {
  font-size: 1rem;
  letter-spacing: -0.05rem;
  height: 2.375rem;
  padding: 0 1.25rem;
  min-width: 5rem;
}
.btn2.btn2-lg {
  height: 3.75rem;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  min-width: 10rem;
  padding: 0 2.5rem;
}
.btn2.btn2-lg.btn2-round {
  border-radius: 1.875rem;
}
.btn2.btn2-md {
  height: 3.125rem;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  padding: 0 1.875rem;
}
.btn2.btn2-xs {
  height: 3.75rem;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
}
.btn2.btn2-xs.btn2-round {
  border-radius: 2.5rem;
}
.btn2.btn2-round {
  border-radius: 3.125rem;
}
.btn2.btn2-fill {
  color: #ffffff;
}
.btn2.btn2-fill.primary {
  background-color: #89b03f;
}
.btn2.btn2-fill.secondary {
  background-color: #8a4933;
}
.btn2.btn2-fill.black {
  background-color: #31291c;
}
.btn2.btn2-fill.green {
  background-color: #89b03f;
}
.btn2.btn2-outline.light-gray {
  border: 1px solid #e7e7e7;
  transition: border 0.2s ease-out;
}
.btn2.btn2-outline.light-gray:hover {
  border: 1px solid #333333;
}
.btn2.btn2-outline.black {
  border: 1px solid #333333;
}
.btn2.btn2-outline.white {
  color: #fff;
  border: 1px solid #ffffff;
}
.btn2.btn2-outline.green {
  color: #89b03f;
  border: 1px solid #89b03f;
}
.btn2.btn2-square {
  border-radius: 0.75rem;
}
.btn2.btn2-wide {
  width: 100%;
}
.btn-all-link {
  display: inline-block;
  padding: 0 0.3125rem;
  height: 1.875rem;
  line-height: 1.75rem;
  font-size: 1rem;
  font-weight: 500;
  color: #58595b;
}
.btn-all-link:after {
  display: inline-block;
  content: "";
  margin: -0.125rem 0 0 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
  background: url("/img/icons/icon_arrow_link.png") no-repeat center center;
}
.btn2-review-helpful-right {
  display: inline-block;
  position: relative;
  padding: 0 -0.9375rem 0 2.5rem;
  min-width: 7.5rem;
  line-height: 3rem;
  text-align: right;
  font-weight: 700;
}
.btn-review-helpful {
  display: inline-block;
  position: relative;
  padding: 0 0.9375rem 0 2.5rem;
  min-width: 12.5rem;
  line-height: 3rem;
  text-align: left;
  font-weight: 700;
}
.btn-review-helpful:before {
  display: block;
  content: "";
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1.0625rem;
}
.btn-review-helpful.green:before {
  background: url("/img/icons/icon_help_thumb.png") no-repeat center center;
}
.btn-review-helpful.light-gray {
  color: #bcbdc1;
}
.btn-review-helpful.light-gray:before {
  background: url("/img/icons/icon_help_thumb_gray.png") no-repeat center center;
}

input {
  box-shadow: none;
}

.input-wrap {
  border: 1px solid #e7e7e7;
  height: 3.125rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
.input-wrap input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 1.25rem;
  font-size: 1rem;
  color: #333333;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.input-wrap input::-moz-placeholder {
  font-size: 1rem;
  color: #b3b3b3;
  font-family: "Noto Sans KR";
}
.input-wrap input:-ms-input-placeholder {
  font-size: 1rem;
  color: #b3b3b3;
  font-family: "Noto Sans KR";
}
.input-wrap input::placeholder {
  font-size: 1rem;
  color: #b3b3b3;
  font-family: "Noto Sans KR";
}

.date-picker {
  display: none;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
  padding: 0 1.25rem;
  width: 14.375rem;
  height: 3.125rem;
  font-size: 1rem;
  color: #58595b;
  border: 1px solid #e7e7e7;
  border-radius: 0.625rem;
  background: #fff;
  margin: 0 0.3125rem;
  text-align: center;
}
.date-picker.active {
  display: inline-block;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #89b03f !important;
}

.check-wrap label {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1rem;
  letter-spacing: -0.05rem;
}
.check-wrap label > span {
  font-weight: 500;
}
.check-wrap .checkbox {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.3125rem;
  margin-left: 0.3125rem;
}
.check-wrap .checkbox input[type=checkbox] {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
}
.check-wrap .checkbox input[type=checkbox]:checked + .icon-chk {
  border: 1px solid #333333;
  background-image: url("/img/icons/checkbox_large_checked.png");
  background-size: 0.625rem 0.625rem;
}
.check-wrap .checkbox .icon-chk {
  border: 1px solid #e7e7e7;
  border-radius: 0.25rem;
  background-position: center;
}
.check-wrap .checkbox.large {
  width: auto;
  height: auto;
  line-height: 0;
}
.check-wrap .checkbox.large input[type=checkbox]:checked + .icon-chk {
  border: 1px solid #333333;
  background-image: url("/img/icons/checkbox_large_checked.png");
  background-size: auto;
}
.check-wrap .checkbox.large input[type=checkbox]:disabled + .icon-chk {
  border: 1px solid #e7e7e7;
  background: #f8f8f8;
}
.check-wrap .checkbox.large .icon-chk {
  border-radius: 0.5rem;
}

.radio-wrap label {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1rem;
}
.radio-wrap label .radio {
  width: 1.375rem;
  height: 1.375rem;
  margin-right: 0.3125rem;
}
.radio-wrap label .radio input[type=radio] {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
}
.radio-wrap label .radio input[type=radio]:checked + .icon-radio {
  background-image: url("/img/icons/radio-checked.png");
}
.radio-wrap label .radio .icon-radio {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.375rem;
  height: 1.375rem;
  background-image: url("/img/icons/radio.png");
}
.radio-wrap label .radio .icon-radio.gray-type {
  background-image: url("/img/icons/radio_gray.png");
}

.graph {
  position: relative;
  width: 100%;
  height: 0.375rem;
  border-radius: 0.1875rem;
  background: #dddddd;
  overflow: hidden;
}
.graph .graph-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0.375rem;
  border-radius: 0.1875rem;
  background: #89b03f;
}

header {
  position: fixed;
  top: -8.1875rem;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid #e7e7e7;
  z-index: 20;
  transition: opacity 0.5s;
  transition: all 0.3s;
}
header.active {
  top: 0;
}
header .gnb {
  display: flex;
  justify-content: space-between;
  width: 87.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5625rem;
  height: 6.625rem;
  align-items: center;
}
header .gnb .suffix, header .gnb .prefix {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
header .gnb .prefix {
  justify-content: flex-start;
}
header .gnb .suffix {
  justify-content: flex-end;
}
header .gnb .prefix {
  flex: 0 0 18.5rem;
  width: 18.5rem;
}
header .gnb .prefix h1 a {
  display: inline-block;
}
header .gnb .suffix {
  flex: 0 1 20%;
}
header .gnb .suffix .mypage-group {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
header .gnb .suffix .mypage-group li {
  display: flex;
  margin-left: 2.5rem;
  justify-content: flex-end;
  align-items: center;
}
header .gnb .suffix .mypage-group li:nth-of-type(1) {
  margin-left: 0;
}
header .gnb .suffix .mypage-group li a {
  position: relative;
}
header .gnb .suffix .mypage-group li a .icon {
  display: block;
}
header .gnb .suffix .mypage-group li a .on {
  position: absolute;
  left: 0;
  top: 0;
}
header .gnb .suffix .mypage-group li .put::before {
  content: "";
  display: block;
  position: absolute;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 100%;
  background: #89b03f;
  right: -0.375rem;
  top: 0;
}
header .gnb .language-choice{
  position: absolute;
  top: 0;
}
header .gnb .center {
  flex: 1 1 60%;
  height: 100%;
  margin-left: 5.625rem;
}
header .gnb .nav-list {
  display: flex;
  height: 100%;
  flex: 1 1 auto;
  align-items: center;
}
header .gnb .nav-list > li {
  height: 100%;
  margin-right: 3rem;
  min-width: 3.3125rem;
}
header .gnb .nav-list > li:nth-last-of-type(1) {
  margin-right: 0;
}
header .gnb .nav-list > li > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 100%;
  font-size: 1.375rem;
  font-weight: 500;
  color: #333333;
  letter-spacing: -0.06875rem;
}
header .gnb .nav-list > li > a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -1px;
  height: 0.3125rem;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
}
header .gnb .nav-list > li > a:hover {
  font-weight: 700;
}
header .gnb .nav-list > li.active > a:after {
  right: 0;
  background-color: #333333;
}
header .gnb .nav-btn .icon.on, header .gnb .nav-btn .icon.off {
  position: absolute;
  left: 0;
}
header .gnb-megadrop {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.3s;
  position: relative;
  background-color: #ffffff;
  border-top: 1px solid #e7e7e7;
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
header .gnb-megadrop.open {
  height: 42.5rem;
  opacity: 1;
  visibility: visible;
}
header .gnb-megadrop .container {
  position: relative;
  padding-top: 3.75rem;
  padding-bottom: 6.25rem;
  display: none;
}
header .gnb-megadrop .container.active {
  display: block;
}
header .gnb-megadrop .container.active.show > .banner, header .gnb-megadrop .container.active.show > .banner-wrap, header .gnb-megadrop .container.active.show > .review-banner {
  opacity: 1;
}
header .gnb-megadrop .container > .banner, header .gnb-megadrop .container > .banner-wrap, header .gnb-megadrop .container > .review-banner {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.3s;
  opacity: 0;
}
header .gnb-megadrop .container.category .depth-01 {
  position: relative;
  display: inline-block;
  width: 12.9375rem;
}
header .gnb-megadrop .container.category .depth-01 > li > a {
  display: block;
  position: relative;
  font-size: 1.375rem;
  font-weight: 300;
  height: 3.375rem;
  line-height: 3.375rem;
  letter-spacing: -0.0625rem;
}
header .gnb-megadrop .container.category .depth-01 > li > a:after {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.3s;
  content: "";
  display: block;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
header .gnb-megadrop .container.category .depth-01 > li.active > a {
  font-weight: 700;
  line-height: 3.1875rem;
}
header .gnb-megadrop .container.category .depth-01 > li.active > a:after {
  right: 0;
  opacity: 1;
}
header .gnb-megadrop .container.category .depth-01 > li.active > .depth-02 {
  opacity: 1;
  visibility: visible;
}
header .gnb-megadrop .container.category .depth-01 > li.active > .depth-02 .depth-02-list {
  transform: translateX(0);
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.3s;
  position: absolute;
  display: block;
  flex-wrap: wrap;
  flex-direction: column;
  left: 17.9375rem;
  top: 0;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 .depth-02-list {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.3s;
  background: #fff;
  transform: translateX(-30px);
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 .depth-02-list > li {
  width: 12.5rem;
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 .depth-02-list > li > a {
  display: block;
  position: relative;
  font-size: 1.375rem;
  font-weight: 300;
  height: 3rem;
  line-height: 3rem;
  letter-spacing: -0.0625rem;
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 .depth-02-list > li:hover a {
  font-weight: 500;
  text-decoration: underline;
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 .img-list {
  position: absolute;
  left: 19.375rem;
  width: 25rem;
  top: 0;
  padding-right: 1.25rem;
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 .img-list li {
  margin-bottom: 1.25rem;
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 .img-list li .item {
  display: flex;
  align-items: center;
  height: 8.75rem;
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 .img-list li .item .img-slot {
  flex: 0 0 8.75rem;
  border-radius: 1.25rem;
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 .img-list li .item .product-info-slot {
  margin-top: 0;
  padding-left: 1.25rem;
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 .img-list li .item .product-info-slot .product-name {
  font-size: 1.125rem;
  letter-spacing: -0.0625rem;
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 .img-list li .item .product-info-slot .slot-bottom {
  margin-top: 0.875rem;
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 .img-list li .item .product-info-slot .slot-bottom .price-wrap .price {
  font-size: 1.125rem;
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 .img-list li .item .product-info-slot .slot-bottom .price-wrap .price em {
  font-size: 1.375rem;
}
header .gnb-megadrop .container.category .depth-01 > li .depth-02 .img-list li .item .product-info-slot .slot-bottom .price-wrap .before-sale {
  font-size: 1.125rem;
}
header .gnb-megadrop .container.category .banner {
  position: absolute;
  right: 0;
  top: 3.75rem;
  width: 25rem;
}
header .gnb-megadrop .container.category .banner .img-wrap {
  border-radius: 1.875rem;
  overflow: hidden;
}
header .gnb-megadrop .container.category .banner .img-wrap img {
  width: 100%;
}
header .gnb-megadrop .container.category .banner .phrase {
  margin-top: 1.875rem;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
}
header .gnb-megadrop .container.event .depth-01 {
  position: relative;
  display: inline-block;
  width: 12.9375rem;
}
header .gnb-megadrop .container.event .depth-01 > li > a {
  display: block;
  position: relative;
  font-size: 1.375rem;
  font-weight: 300;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  letter-spacing: -0.0625rem;
}
header .gnb-megadrop .container.event .banner-wrap {
  position: absolute;
  right: 0;
  top: 3.75rem;
}
header .gnb-megadrop .container.event .banner-wrap .banner {
  display: inline-block;
  width: 25rem;
  margin-right: 2.5rem;
}
header .gnb-megadrop .container.event .banner-wrap .banner:nth-last-of-type(1) {
  margin-right: 0;
}
header .gnb-megadrop .container.event .banner-wrap .banner a {
  display: inline-block;
}
header .gnb-megadrop .container.event .banner-wrap .banner a .img-wrap {
  border-radius: 1.875rem;
  overflow: hidden;
}
header .gnb-megadrop .container.event .banner-wrap .banner a .img-wrap img {
  width: 100%;
}
header .gnb-megadrop .container.event .banner-wrap .banner a .title {
  margin-top: 1.4375rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
}
header .gnb-megadrop .container.event .banner-wrap .banner a .duration {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
  margin-top: 0.9375rem;
  font-size: 1rem;
  color: #58595b;
}
header .gnb-megadrop .container.reward .depth-01 {
  position: relative;
  display: inline-block;
  width: 12.9375rem;
}
header .gnb-megadrop .container.reward .depth-01 > li > a {
  display: block;
  position: relative;
  font-size: 1.375rem;
  font-weight: 300;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  letter-spacing: -0.0625rem;
}
header .gnb-megadrop .container.reward .review-banner {
  position: absolute;
  right: 0;
  top: 3.75rem;
}
header .gnb-megadrop .container.reward .review-banner .review-detail-list {
  display: flex;
  height: 29.375rem;
}
header .gnb-megadrop .container.reward .review-banner .review-detail-list .review-comment-box {
  position: relative;
  display: inline-block;
  border: 0;
  width: 23.125rem;
  margin-right: 2.5rem;
}
header .gnb-megadrop .container.reward .review-banner .review-detail-list .review-comment-box:nth-last-of-type(1) {
  margin-right: 0;
}
header .gnb-megadrop .container.reward .review-banner .review-detail-list .review-comment-box .img-box {
  position: relative;
  right: auto;
  top: auto;
  width: 23.125rem;
  height: 16.875rem;
  border-radius: 0.9375rem;
}
header .gnb-megadrop .container.reward .review-banner .review-detail-list .review-comment-box .info-box {
  display: flex;
  height: auto;
  margin-top: 0.875rem;
  line-height: 1;
}
header .gnb-megadrop .container.reward .review-banner .review-detail-list .review-comment-box .info-box .user-box {
  float: none;
}
header .gnb-megadrop .container.reward .review-banner .review-detail-list .review-comment-box .info-box .user-box .user-name {
  font-size: 1.25rem;
}
header .gnb-megadrop .container.reward .review-banner .review-detail-list .review-comment-box .text-area {
  padding-right: 0;
  padding-top: 0;
  min-height: auto;
}
header .gnb-megadrop .container.reward .review-banner .review-detail-list .review-comment-box .text-area p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  height: 2.8rem;
}
header .gnb-megadrop .container.reward .review-banner .review-detail-list .review-comment-box .text-area .title {
  margin-top: 1.25rem;
  margin-bottom: 0.875rem;
  line-height: 1;
  font-size: 1.125rem;
  font-weight: 500;
  color: #333333;
}
header .gnb-megadrop .container.reward .review-banner .review-detail-list .review-comment-box .filter-list {
  margin-top: 1.875rem;
}
header .gnb-megadrop .container.reward .review-banner.bordered {
  border-top: 1px solid #e7e7e7;
}
header .gnb-megadrop .container.search {
  width: 62.5rem;
}
header .gnb-megadrop .container.search .header .input-search {
  display: flex;
  border-bottom: 2px solid #333333;
  padding-bottom: 1.875rem;
}
header .gnb-megadrop .container.search .header .input-search input {
  display: inline-block;
  width: 100%;
  border: 0;
  font-size: 2.625rem;
  font-weight: 700;
  letter-spacing: -0.125rem;
  color: #000000;
}
header .gnb-megadrop .container.search .header .input-search .search {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 6.875rem;
}
header .gnb-megadrop .container.search .header .input-search .search a {
  display: inline-block;
  height: 1.6875rem;
  width: 1.6875rem;
}
header .gnb-megadrop .container.search .popular-keyword-list {
  margin-top: 4.375rem;
}
header .gnb-megadrop .container.search .popular-keyword-list .title {
  position: relative;
  font-size: 1.625rem;
  font-weight: 500;
}
header .gnb-megadrop .container.search .popular-keyword-list .title [class*=btn-] {
  display: inline-block;
  position: absolute;
  right: 0.625rem;
  top: 0;
}
header .gnb-megadrop .container.search .popular-keyword-list .title [class*=btn-].btn-prev {
  right: 1.875rem;
}
header .gnb-megadrop .container.search .popular-keyword-list .rank {
  margin-top: 2.5rem;
  counter-reset: pop-rank;
}
header .gnb-megadrop .container.search .popular-keyword-list .rank li {
  position: relative;
}
header .gnb-megadrop .container.search .popular-keyword-list .rank li:before {
  font-size: 1.125rem;
  counter-increment: pop-rank;
  content: "0" counter(pop-rank);
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
header .gnb-megadrop .container.search .popular-keyword-list .rank li a {
  display: inline-block;
  margin-left: 1.4375rem;
  line-height: 2.6;
  font-size: 1.125rem;
  letter-spacing: -0.0625rem;
  color: #333333;
}
header .gnb-megadrop .container.search .popular-keyword-list .rank li [class*=icon-rank] {
  position: absolute;
  right: 1.875rem;
  top: 1.25rem;
  width: 0.5rem;
  height: 0.3125rem;
}
header .gnb-megadrop .container.search .popular-keyword-list .rank li [class*=num-] {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
}
header .gnb-megadrop .container.search .popular-keyword-list .rank li .num-up {
  font-size: 1rem;
  font-weight: 700;
  color: #7a953c;
}
header .gnb-megadrop .container.search .popular-keyword-list .rank li .num-down {
  font-size: 1rem;
  font-weight: 700;
  color: #ed1c24;
}
header .gnb-megadrop .container.search .recommand-keyword-list {
  display: none;
  margin-top: 4.375rem;
  height: 18.75rem;
}
header .gnb-megadrop .container.search .recommand-keyword-list ol {
  counter-reset: recommand;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  flex-wrap: wrap;
}
header .gnb-megadrop .container.search .recommand-keyword-list ol li {
  height: 3.125rem;
}
header .gnb-megadrop .container.search .recommand-keyword-list ol li:before {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  counter-increment: recommand;
  content: "0" counter(recommand);
  margin-right: 1.5625rem;
  font-size: 1.125rem;
}
header .gnb-megadrop .container.search .recommand-keyword-list ol li:nth-of-type(n+10):before {
  counter-increment: recommand;
  content: counter(recommand);
}
header .gnb-megadrop .container.search .recommand-keyword-list ol li a {
  font-size: 1.125rem;
}
header .gnb-megadrop .bottom-wrap {
  position: absolute;
  bottom: 2.5rem;
  right: 1.25rem;
}
header .gnb-megadrop .bottom-wrap .close-btn {
  display: block;
}
header .gnb-megadrop .bottom-wrap .icon-gnb-close {
  text-indent: -99999px;
  font-size: 0;
}

#gnb-mask {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.3s;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 19;
}
#gnb-mask.active {
  opacity: 1;
  visibility: visible;
}

header .gnb .nav-list > li > a {
  transition: all 0.3s ease-in-out;
}
header .gnb .nav-btn .on,
header .gnb .mypage-group .on {
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

header.trans:not(:hover):not(.scroll) {
  border-bottom: rgba(255, 255, 255, 0);
  background: rgba(255, 255, 255, 0);
}
header.trans:not(:hover):not(.scroll) .gnb .nav-list > li > a {
  color: #fff;
}
header.trans:not(:hover):not(.scroll) .gnb .nav-btn .off,
header.trans:not(:hover):not(.scroll) .gnb .mypage-group .off {
  opacity: 0;
}
header.trans:not(:hover):not(.scroll) .gnb .nav-btn .on,
header.trans:not(:hover):not(.scroll) .gnb .mypage-group .on {
  opacity: 1;
}

header .gnb {
  position: relative;
  z-index: 20;
}
header .nav-btn {
  position: absolute;
  left: 21.5625rem;
  top: 2.625rem;
  z-index: 10;
  width: 1.3125rem;
  height: 1.3125rem;
  cursor: pointer;
}
header .nav-btn .btn-gnb-close {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
  display: block;
  position: absolute;
  left: -0.5625rem;
  top: -0.5625rem;
  padding: 0.625rem;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
header .nav-btn .btn-gnb-close .icon {
  text-indent: -9999px;
}
header .nav-btn .icon-category-menu {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
}
header .nav-btn.active .btn-gnb-close {
  opacity: 1;
  visibility: visible;
}
header .nav-btn.active .icon-category-menu {
  opacity: 0;
  visibility: hidden;
}
header .nav-list > li.active .gnb-sub-menu {
  max-height: 40.625rem;
  visibility: visible;
}
header .nav-list .gnb-sub-menu {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.3s;
  position: absolute;
  left: 0;
  top: 6.6875rem;
  width: 87.5rem;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
header .nav-list .gnb-sub-menu .sub-list {
  position: relative;
  padding: 1.875rem 0 1.875rem 3rem;
  width: 18.625rem;
  height: 100%;
}
header .nav-list .gnb-sub-menu .sub-list > li > .btn-sub {
  display: inline-block;
}
header .nav-list .gnb-sub-menu .sub-list .btn-sub {
  display: block;
  height: 2.375rem;
  line-height: 2.375rem;
  font-size: 1rem;
  font-weight: 400;
  color: #818286;
}
header .nav-list .gnb-sub-menu .sub-list .btn-sub:after {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
}
header .nav-list .gnb-sub-menu .sub-list .btn-sub:hover {
  font-weight: 700;
  color: #333333;
}
header .nav-list .gnb-sub-menu .sub-list > li.active > .btn-sub {
  font-weight: 700;
  color: #333333;
}
header .nav-list .gnb-sub-menu .sub-list > li.active .subs-list {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  z-index: 11;
}
header .nav-list .gnb-sub-menu .sub-list .subs-list {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
  position: absolute;
  left: 21.625rem;
  top: 1.875rem;
  min-width: 10.625rem;
  white-space: nowrap;
  background: #fff;
  transform: translateX(-30px);
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
header .nav-list .gnb-sub-menu .sub-list .subs-list .btn-sub {
  position: relative;
  padding-right: 2.5rem;
}
header .nav-list .gnb-sub-menu .sub-list .subs-list .btn-sub:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
header .nav-list .gnb-sub-menu .sub-list .subs-list .btn-sub:hover {
  text-decoration: underline;
}
header .nav-list .gnb-sub-menu .sub-list .subs-list .btn-sub:hover:after {
  opacity: 1;
}
header .nav-list .gnb-sub-menu .sub-bnr {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  right: 0;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .item-wrap {
  margin-right: 1.875rem;
  width: 19.375rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .item-wrap .sub-item-list {
  position: relative;
}
header .nav-list .gnb-sub-menu .sub-bnr .item-wrap .sub-item-list .img-list {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  opacity: 0;
  background: #fff;
}
header .nav-list .gnb-sub-menu .sub-bnr .item-wrap .sub-item-list .img-list.thumb-list .item .product-info-slot {
  flex-basis: 14.375rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .item-wrap .sub-item-list .img-list.active {
  opacity: 1;
  z-index: 20;
}
header .nav-list .gnb-sub-menu .sub-bnr .bnr-wrap {
  width: 25rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .bnr-wrap .btn-bnr {
  display: none;
}
header .nav-list .gnb-sub-menu .sub-bnr .bnr-wrap .btn-bnr .img-wrap {
  position: relative;
  width: 25rem;
  height: 25rem;
  overflow: hidden;
}
header .nav-list .gnb-sub-menu .sub-bnr .bnr-wrap .btn-bnr .img-wrap img {
  display: block;
  border-radius: 1.875rem;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
header .nav-list .gnb-sub-menu .sub-bnr .bnr-wrap .btn-bnr .title {
  display: block;
  margin-top: 1.25rem;
  line-height: 1;
  font-size: 1.125rem;
  font-weight: 700;
  color: #333333;
}
header .nav-list .gnb-sub-menu .sub-bnr .bnr-wrap .active {
  display: block !important;
}
header .nav-list .gnb-sub-menu .sub-bnr .event-list {
  width: 68.75rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .event-list .product-name {
  height: auto;
}
header .nav-list .gnb-sub-menu .sub-bnr .event-list .product-date {
  margin-top: 0.625rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .event-list .item.col-3-40 {
  width: 20.9375rem;
  margin-right: 1.25rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .event-list .item.col-3-40:nth-of-type(1) {
  margin-left: 3.4375rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .event-list .item.col-3-40:nth-of-type(3n) {
  margin-right: 0;
}
header .nav-list .gnb-sub-menu .sub-bnr .event-list .img-slot {
  height: 11.5625rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .review-list {
  width: 68.75rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .review-list .img-slot {
  height: 17.5rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .review-list .img-slot .img-wrap {
  position: relative;
  width: 100%;
  height: 17.5rem;
  overflow: hidden;
}
header .nav-list .gnb-sub-menu .sub-bnr .review-list .img-slot .img-wrap > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
header .nav-list .gnb-sub-menu .sub-bnr .review-list .user-slot {
  margin-top: 0.9375rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .review-list .user-slot .name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #333333;
}
header .nav-list .gnb-sub-menu .sub-bnr .review-list .user-slot .name .icon {
  margin-right: 0.625rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .review-list .product-info-slot {
  margin-top: 0.9375rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .review-list .product-info-slot .product-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: auto;
  width: 100%;
}
header .nav-list .gnb-sub-menu .sub-bnr .review-list .product-info-slot .product-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.625rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .review-list .item.col-3-40 {
  width: 20rem;
  margin-right: 2.5rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .review-list .item.col-3-40:nth-of-type(1) {
  margin-left: 3.75rem;
}
header .nav-list .gnb-sub-menu .sub-bnr .review-list .item.col-3-40:nth-of-type(3n) {
  margin-right: 0;
}
header .header-search {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.3s;
  max-height: 0;
  padding-top: 0;
  overflow: hidden;
  visibility: hidden;
}
header .header-search.active {
  max-height: 40.625rem;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  visibility: visible;
  border-top: 1px solid #e7e7e7;
}
header .header-search .container {
  width: 62.5rem;
}
header .header-search .header .input-search {
  display: flex;
  border-bottom: 2px solid #333333;
  padding-bottom: 1.875rem;
}
header .header-search .header .input-search input {
  display: inline-block;
  width: 100%;
  border: 0;
  font-size: 2.625rem;
  font-weight: 700;
  letter-spacing: -0.125rem;
  color: #000000;
}
header .header-search .header .input-search .search {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 6.875rem;
}
header .header-search .header .input-search .search a {
  display: inline-block;
  height: 1.6875rem;
  width: 1.6875rem;
}
header .header-search .popular-keyword-list {
  margin-top: 4.375rem;
}
header .header-search .popular-keyword-list .title {
  position: relative;
  font-size: 1.625rem;
  font-weight: 500;
}
header .header-search .popular-keyword-list .title [class*=btn-] {
  display: inline-block;
  position: absolute;
  right: 0.625rem;
  top: 0;
}
header .header-search .popular-keyword-list .title [class*=btn-].btn-prev {
  right: 1.875rem;
}
header .header-search .popular-keyword-list .title [class*=btn-].swiper-button-disabled {
  opacity: 0.5;
}
header .header-search .popular-keyword-list .rank-wrap {
  counter-reset: pop-rank;
}
header .header-search .popular-keyword-list .rank {
  margin-top: 2.5rem;
}
header .header-search .popular-keyword-list .rank li {
  position: relative;
}
header .header-search .popular-keyword-list .rank li:before {
  font-size: 1.125rem;
  counter-increment: pop-rank;
  content: "0" counter(pop-rank);
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
header .header-search .popular-keyword-list .rank li a {
  display: inline-block;
  margin-left: 1.4375rem;
  line-height: 2.6;
  font-size: 1.125rem;
  letter-spacing: -0.0625rem;
  color: #333333;
}
header .header-search .popular-keyword-list .rank li [class*=icon-rank] {
  position: absolute;
  right: 1.875rem;
  top: 1.25rem;
  width: 0.5rem;
  height: 0.3125rem;
}
header .header-search .popular-keyword-list .rank li [class*=num-] {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
}
header .header-search .popular-keyword-list .rank li .num-up {
  font-size: 1rem;
  font-weight: 700;
  color: #7a953c;
}
header .header-search .popular-keyword-list .rank li .num-down {
  font-size: 1rem;
  font-weight: 700;
  color: #ed1c24;
}
header .header-search .popular-keyword-list .rank + .rank li:last-of-type:before {
  content: counter(pop-rank);
}
header .header-search .recommand-keyword-list {
  display: none;
  margin-top: 4.375rem;
  height: 18.75rem;
}
header .header-search .recommand-keyword-list ol {
  counter-reset: recommand;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  flex-wrap: wrap;
}
header .header-search .recommand-keyword-list ol li {
  height: 3.125rem;
}
header .header-search .recommand-keyword-list ol li:before {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  counter-increment: recommand;
  content: "0" counter(recommand);
  margin-right: 1.5625rem;
  font-size: 1.125rem;
}
header .header-search .recommand-keyword-list ol li:nth-of-type(n+10):before {
  counter-increment: recommand;
  content: counter(recommand);
}
header .header-search .recommand-keyword-list ol li a {
  font-size: 1.125rem;
}
header .header-bg {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.3s;
  position: absolute;
  left: 0;
  top: 8.25rem;
  right: 0;
  max-height: 0;
  background: #fff;
  visibility: hidden;
}
header .header-bg::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 18.625rem;
  height: 100%;
  margin-left: -43.75rem;
  background: #f7fafc;
  z-index: 0;
}
header .header-bg.active {
  max-height: 40.625rem;
  visibility: visible;
}

.header-mask {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.3s;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 19;
  visibility: hidden;
  opacity: 0;
}
.header-mask.active {
  visibility: visible;
  opacity: 1;
}

footer {
  margin-top: 9.375rem;
  background: linear-gradient(to right, #f9f9f9 50%, #ffffff 30%);
  letter-spacing: -0.05rem;
}
footer .container .footer-wrap {
  display: flex;
}
footer .container .footer-wrap .gray-box {
  position: relative;
  flex: 0 0 60.5rem;
  padding-top: 3.125rem;
  padding-bottom: 1.375rem;
  padding-right: 1.25rem;
  background-color: #f9f9f9;
  border-top-right-radius: 3.75rem;
  border-bottom-right-radius: 3.75rem;
}
footer .container .footer-wrap .gray-box .logo {
  display: inline-block;
}
footer .container .footer-wrap .gray-box .sns-links {
  display: none;
  position: absolute;
  right: 6.25rem;
  top: 3.125rem;
  text-align: right;
}
footer .container .footer-wrap .gray-box .sns-links > ul li {
  display: inline-block;
  margin-left: 1.25rem;
}
footer .container .footer-wrap .gray-box .sns-links > ul li [class*=icon-] {
  vertical-align: middle;
}
footer .container .footer-wrap .gray-box .another-links {
  margin-top: 1.5625rem;
}
footer .container .footer-wrap .gray-box .another-links > ul > li {
  position: relative;
  display: inline-block;
  padding: 0 0.625rem 0 0.375rem;
}
footer .container .footer-wrap .gray-box .another-links > ul > li:nth-of-type(1) {
  padding: 0 0.625rem 0 0rem;
}
footer .container .footer-wrap .gray-box .another-links > ul > li a {
  display: inline-block;
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 500;
  color: #58595b;
}
footer .container .footer-wrap .gray-box .another-links > ul > li a:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 60%;
  right: 0;
  top: 25%;
  border-right: 1px solid #e7e7e7;
}
footer .container .footer-wrap .gray-box .another-links > ul > li:nth-last-of-type(1) a:after {
  content: none;
}
footer .container .footer-wrap .gray-box .company-info {
  display: flex;
  justify-content: space-between;
  margin-top: 2.1875rem;
  color: #58595b;
}
footer .container .footer-wrap .gray-box .company-info dl {
  flex: 0 1 27.5rem;
  line-height: 1.3;
}
footer .container .footer-wrap .gray-box .company-info dl dt, footer .container .footer-wrap .gray-box .company-info dl dd {
  display: inline-block;
  margin-bottom: 0.9375rem;
  font-size: 0.875rem;
  color: #58595b;
}
footer .container .footer-wrap .gray-box .company-info dl dt {
  width: 40%;
}
footer .container .footer-wrap .gray-box .company-info dl dd {
  width: 60%;
}
footer .container .footer-wrap .gray-box .company-info dl dd .underline {
  text-decoration: underline;
}
footer .container .footer-wrap .gray-box .company-info .adress {
  flex: 0 1 32.8125rem;
}
footer .container .footer-wrap .gray-box .company-info .adress .adress-txt {
  font-size: 0.875rem;
  padding-bottom: 1.25rem;
}
footer .container .footer-wrap .gray-box .company-info .adress .notice {
  margin-top: 2.25rem;
  font-size: 0.75rem;
  line-height: 1.6;
  letter-spacing: -0.003125rem;
}
footer .container .footer-wrap .gray-box .company-info .adress .copyright {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.6;
}
footer .container .footer-wrap .contact {
  flex: 0 0 27.0625rem;
  padding-top: 3.125rem;
  padding-left: 6.25rem;
}
footer .container .footer-wrap .contact [class*=icon-] {
  vertical-align: middle;
}
footer .container .footer-wrap .contact .title {
  line-height: 1;
  font-size: 1.125rem;
  font-weight: 700;
}
footer .container .footer-wrap .contact .cs-number {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  margin-top: 0.625rem;
  line-height: 1;
  font-size: 1.75rem;
}
footer .container .footer-wrap .contact .time {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
  margin-top: 0.8125rem;
  line-height: 1.4;
  font-size: 0.875rem;
  color: #717275;
}
footer .container .footer-wrap .contact .notice {
  margin-top: 0;
  line-height: 1.88;
  font-size: 0.875rem;
  color: #7e7f82;
  letter-spacing: -0.05rem;
}
footer .container .footer-wrap .contact .links {
  display: flex;
  width: 100%;
  margin-top: 1.25rem;
}
footer .container .footer-wrap .contact .links li {
  margin-right: 3.75rem;
}
footer .container .footer-wrap .contact .links li a {
  font-size: 1rem;
  font-weight: 700;
}
footer .container .footer-wrap .contact .links li a [class*=icon-] {
  margin-right: 0.3125rem;
}
footer .container .footer-wrap .contact .links li:nth-of-type(2) {
  margin-right: 0;
}
footer .container .footer-wrap .contact .family-site {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  margin-top: 1.5625rem;
  width: 20.625rem;
}
footer .container .footer-wrap .contact .family-site .btn-select {
  padding-left: 0.625rem;
  width: 20.625rem;
  font-size: 1rem;
}
footer .container .footer-wrap .contact .family-site .btn-select.placeholder {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  color: #333333;
}
footer .container .footer-wrap .contact .family-site.active .btn-select {
  padding-left: 0.5625rem;
  border-top: 0;
}
footer .container .footer-wrap .contact .family-site .select-drop-list .btn-menu {
  font-size: 1rem;
  padding: 0 0.5625rem;
}
footer .container .btn-sm.black {
  background-color: #333333;
  font-size: 0.875rem;
  padding: 0 0.875rem;
  height: 1.875rem;
}

.img-list.space-40 .item {
  margin-bottom: 2.5rem;
}
.img-list.space-50 .item {
  margin-bottom: 3.125rem;
}
.img-list.space-60 .item {
  margin-bottom: 3.75rem;
}
.img-list.space-70 .item {
  margin-bottom: 4.375rem;
}
.img-list.space-80 .item {
  margin-bottom: 5rem;
}
.img-list.margin-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.img-list.margin-50 {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}
.img-list.margin-60 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}
.img-list.margin-70 {
  padding-left: 4.375rem;
  padding-right: 4.375rem;
}
.img-list.margin-80 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.img-list > ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.img-list .item {
  position: relative;
}
.img-list .item.col-2-20 {
  width: calc(50% - 0.625rem);
  margin-right: 1.1875rem;
}
.img-list .item.col-2-20:nth-of-type(2n) {
  margin-right: 0;
}
.img-list .item.col-2-30 {
  width: calc(50% - 0.9375rem);
  margin-right: 1.8125rem;
}
.img-list .item.col-2-30:nth-of-type(2n) {
  margin-right: 0;
}
.img-list .item.col-2-40 {
  width: calc(50% - 1.25rem);
  margin-right: 2.4375rem;
}
.img-list .item.col-2-40:nth-of-type(2n) {
  margin-right: 0;
}
.img-list .item.col-3-20 {
  width: calc(33.3333333333% - 0.8333333333rem);
  margin-right: 1.1875rem;
}
.img-list .item.col-3-20:nth-of-type(3n) {
  margin-right: 0;
}
.img-list .item.col-3-30 {
  width: calc(33.3333333333% - 1.25rem);
  margin-right: 1.8125rem;
}
.img-list .item.col-3-30:nth-of-type(3n) {
  margin-right: 0;
}
.img-list .item.col-3-40 {
  width: calc(33.3333333333% - 1.6666666667rem);
  margin-right: 2.4375rem;
}
.img-list .item.col-3-40:nth-of-type(3n) {
  margin-right: 0;
}
.img-list .item.col-4-20 {
  width: calc(25% - 0.9375rem);
  margin-right: 1.1875rem;
}
.img-list .item.col-4-20:nth-of-type(4n) {
  margin-right: 0;
}
.img-list .item.col-4-30 {
  width: calc(25% - 1.40625rem);
  margin-right: 1.8125rem;
}
.img-list .item.col-4-30:nth-of-type(4n) {
  margin-right: 0;
}
.img-list .item.col-4-40 {
  width: calc(25% - 1.875rem);
  margin-right: 2.4375rem;
}
.img-list .item.col-4-40:nth-of-type(4n) {
  margin-right: 0;
}
.img-list .item.col-5-20 {
  width: calc(20% - 1rem);
  margin-right: 1.1875rem;
}
.img-list .item.col-5-20:nth-of-type(5n) {
  margin-right: 0;
}
.img-list .item.col-5-30 {
  width: calc(20% - 1.5rem);
  margin-right: 1.8125rem;
}
.img-list .item.col-5-30:nth-of-type(5n) {
  margin-right: 0;
}
.img-list .item.col-5-40 {
  width: calc(20% - 2rem);
  margin-right: 2.4375rem;
}
.img-list .item.col-5-40:nth-of-type(5n) {
  margin-right: 0;
}
.img-list .item-num {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  position: relative;
  display: inline-block;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  color: #3c3e26;
  z-index: 3;
}
.img-list .item-num:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 105%;
  height: 0.1875rem;
  border-radius: 0.1875rem;
  bottom: 0;
  left: 0;
  background-color: #333333;
}
.img-list .img-slot {
  position: relative;
  display: block;
  background-color: #ffffff;
  box-sizing: border-box;
  border-radius: 1.875rem;
  overflow: hidden;
  width: 100%;
  height: 20rem;
}
.img-list .img-slot.round-20 {
  display: block;
  border-radius: 1.25rem;
}
.img-list .img-slot.round-20 img {
  display: block;
}
.img-list .img-slot img {
  display: inline-block;
  width: 100%;
}
.img-list .img-slot > img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.img-list .img-slot > img + img {
  opacity: 0;
  z-index: 2;
  transition: all 0.2s ease-in-out;
}
.img-list .img-slot:hover > img + img {
  opacity: 1;
}
.img-list .img-slot.bordered {
  border: 1px solid #eeeeee;
  overflow: hidden;
}
.img-list .img-slot .badge-list {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  width: 3rem;
  z-index: 3;
}
.img-list .img-slot #search-badge-list{
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  width: 2.7rem;
  z-index: 3;
}
.img-list .img-slot #event-badge-list,#new-badge-list,#main-badge-list,#mdchoice-badge-list{
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  width: 3.6rem;
  z-index: 3;
}
.img-list .img-slot .badge-list > li {
  flex: 0 0 3.75rem;
  margin-bottom: -0.1875rem;
}
.img-list .img-slot .quick-btns, .img-list .img-slot .sold-out {
  display: none;
  width: 100%;
}
.img-list .img-slot .img-good {
  position: absolute;
  left: 0.9375rem;
  bottom: 0.9375rem;
  width: 3.5rem;
  height: 1.875rem;
  line-height: 1.625rem;
  text-align: center;
  font-size: 1rem;
  color: #333333;
  font-weight: 700;
  border-radius: 0.9375rem;
  background: #fff;
}
.img-list .img-slot .img-good .icon {
  margin-right: 0.1875rem;
}
.img-list .img-slot .img-more {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border-top-left-radius: 1.25rem;
  letter-spacing: -0.05rem;
}
.img-list .img-slot:hover .quick-btns {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.img-list .img-slot .quick-btns {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.3s;
  position: absolute;
  display: flex;
  bottom: 0;
  height: 3.75rem;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  z-index: 3;
}
.img-list .img-slot .quick-btns > ul {
  display: flex;
  width: 100%;
  height: 100%;
}
.img-list .img-slot .quick-btns > ul > li {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
}
.img-list .img-slot .quick-btns > ul > li:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  height: 1.5625rem;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  transform: translateY(-50%);
}
.img-list .img-slot .quick-btns > ul > li:nth-last-of-type(1):after {
  content: none;
}
.img-list .img-slot .quick-btns > ul > li .btn-circle {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.3s;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 4.125rem;
  height: 4.125rem;
  opacity: 0.7;
}
.img-list .img-slot .quick-btns > ul > li .btn-circle:hover {
  opacity: 1;
}
.img-list .img-slot .quick-btns > ul > li .btn-circle .icon-cart {
  background-image: url("/img/icons/icon_cart_white.png");
}
.img-list .img-slot .quick-btns > ul > li .btn-circle .icon-wish {
  background-image: url("/img/icons/icon_wish_white.png");
}
.img-list .img-slot .quick-btns > ul > li .btn-circle [class*=icon-] {
  text-indent: -99999px;
}
.img-list .img-slot .btn-link {
  text-indent: -99999px;
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 5rem);
  width: 100%;
  z-index: 3;
}
.img-list .tag-list {
  position: absolute;
  width: calc(100% - 2.5rem);
  right: 1.25rem;
  bottom: 1.25rem;
  text-align: right;
}
.img-list .tag-list > li {
  display: inline-block;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}
.img-list .tag-list > li .tag {
  display: inline-block;
  text-align: center;
  min-width: 3.75rem;
  font-size: 1rem;
  line-height: 1;
  padding: 0.4375rem 0;
  border-radius: 1.875rem;
}
.img-list .tag-list > li .tag.tag-primary {
  background-color: #89b03f;
  color: #ffffff;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
}
.img-list .tag-list > li .tag.tag-secondary {
  background-color: #8a4933;
  color: #ffffff;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
}
.img-list .tag-list > li .tag.tag-tertiary {
  background-color: #e9bb5b;
  color: #ffffff;
}
.img-list.tag-bottom .tag-list, .img-list.tag-top .tag-list {
  position: relative;
  margin: 1.75rem 0 0 0;
  width: 100%;
  right: auto;
  bottom: auto;
  text-align: left;
  min-height: 1.875rem;
  font-size: 0;
  max-width: calc(100% - 2.5625rem);
}
.img-list.tag-top .tag-list {
  margin: 0 0 1.5625rem 0;
}
.img-list .product-info-slot {
  display: block;
  margin-top: 1.25rem;
}
.img-list .product-info-slot .product-name {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: -0.05625rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.2;
  height: 2.625rem;
}
.img-list .product-info-slot .product-date {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
  margin-top: 0.9375rem;
  font-size: 1rem;
  color: #58595b;
}
.img-list .product-info-slot .product-desc {
  margin-top: 0.3125rem;
  font-size: 1rem;
  letter-spacing: -0.05rem;
  color: #58595b;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.img-list .product-info-slot .slot-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.1875rem;
  line-height: 1;
}
.img-list .product-info-slot .slot-bottom .suffix, .img-list .product-info-slot .slot-bottom .prefix {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
.img-list .product-info-slot .slot-bottom .prefix {
  justify-content: flex-start;
}
.img-list .product-info-slot .slot-bottom .suffix {
  justify-content: flex-end;
}
.img-list .product-info-slot .slot-bottom .price-wrap .price {
  color: #333333;
  font-size: 1.375rem;
  font-weight: 500;
}
.img-list .product-info-slot .slot-bottom .price-wrap .price em {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 1;
  letter-spacing: -0.08125rem;
}
.img-list .product-info-slot .slot-bottom .price-wrap .before-sale {
  letter-spacing: -0.08125rem;
  position: relative;
  margin-left: 0.9375rem;
  line-height: 1;
  color: #bcbdc1;
  word-break: keep-all;
  font-size: 1rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
}
.img-list .product-info-slot .slot-bottom .price-wrap .before-sale em {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
}
.img-list .product-info-slot .slot-bottom .price-wrap .before-sale:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -5%;
  top: calc(50% - 1px);
  width: 110%;
  border-bottom: 0.125rem solid #bcbdc1;
}
.img-list .wish-count {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
  padding-right: 1.25rem;
  font-size: 1rem;
}
.img-list .wish-count .count {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.img-list .badge-slot {
  position: relative;
  margin-top: 1.875rem;
  text-align: left;
  font-size: 0;
}
.img-list .badge-slot .badge {
  display: inline-block;
  margin-right: 0.2rem;
  padding: 0 0.3rem;
  min-width: 3.75rem;
  height: 1.875rem;
  text-align: center;
  line-height: 1.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #58595b;
  border: 1px solid #e7e7e7;
  border-radius: 0.9375rem;
  background: #fff;
}
.img-list .badge-slot .dday {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0.625rem;
  min-width: 3.75rem;
  height: 1.875rem;
  text-align: center;
  line-height: 1.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
  border: 1px solid #333;
  border-radius: 0.9375rem;
  background: #fff;
}
.img-list .badge-slot .dday.soon {
  color: #ed1c24;
  border-color: #ed1c24;
}
.img-list .btn-link:hover {
  text-decoration: underline;
}
.img-list .user-slot {
  margin-top: 1.25rem;
  white-space: nowrap;
}
.img-list .user-slot p {
  display: inline-block;
  position: relative;
  padding-left: 1.625rem;
  line-height: 1.875rem;
  font-size: 0.9375rem;
  color: #58595b;
}
.img-list .user-slot p:first-child {
  padding-left: 0;
}
.img-list .user-slot p:first-child:before {
  display: none;
}
.img-list .user-slot p:before {
  display: block;
  content: "";
  position: absolute;
  left: 0.8125rem;
  top: 50%;
  margin-top: -0.375rem;
  width: 1px;
  height: 0.8125rem;
  background: #e7e7e7;
}
.img-list .filter-list {
  margin-top: 1.25rem;
  height: 1.875rem;
  white-space: nowrap;
  font-size: 0;
}
.img-list .filter-list .filter {
  display: inline-block;
  margin-right: 0.375rem;
  padding: 0 0.75rem;
  height: 1.875rem;
  line-height: 1.75rem;
  font-size: 0.875rem;
  color: #58595b;
  border-radius: 0.9375rem;
  border: 1px solid #e7e7e7;
}
.img-list .tag-wrap {
  position: relative;
  margin-top: 0.9375rem;
}
.img-list .tag-wrap .wish-count {
  position: absolute;
  bottom: 0.3125rem;
  right: 1.25rem;
  padding-right: 0;
}
.img-list.slide-width .slide-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8125rem;
}
.img-list.slide-width .slide-item .img-slot {
  width: 14.625rem;
}
.img-list.slide-width .slide-item .product-info-slot {
  flex: 1;
  margin-top: 0;
  padding-left: 1.4375rem;
}
.img-list.slide-width .slide-item .product-info-slot .slot-bottom {
  display: block;
}
.img-list.slide-width .slide-item .product-info-slot .slot-bottom .wish-count {
  margin-top: 1.25rem;
}
.img-list.event-list .item.ended .img-slot .item-end {
  display: flex;
}
.img-list.event-list .img-slot {
  display: block;
  height: 13.125rem;
  position: relative;
}
.img-list.event-list .img-slot img {
  display: block;
  position: static;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}
.img-list.event-list .img-slot:hover > img {
  opacity: 1;
  transform: scale(1.05);
}
.img-list.event-list .img-slot .item-end {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 1.875rem;
  text-align: center;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  color: #fff;
  font-weight: 500;
  background: rgba(0, 0, 0, 0.6);
}
.img-list.event-list .img-slot .img-wrap {
  width: 100%;
  height: 100%;
}
.img-list.event-list .product-info-slot .product-name {
  display: inline-block;
  width: 100%;
  font-size: 1rem;
  height: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.img-list.event-list .product-info-slot .product-date {
  margin-top: 0.625rem;
}
.img-list.event-list .badge-slot {
  margin-top: 1.25rem;
}
.img-list .item-check, .img-list .check-slot {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.84375rem;
  height: 1.84375rem;
}
.img-list .item-check {
  margin: 0;
  z-index: 11;
  opacity: 0;
}
.img-list .item-check:checked + div.check-slot {
  background-image: url("/img/icons/checkbox_large_checked.png");
  border: 1px solid #333333;
}
.img-list .item-check:checked + div.check-slot + div.img-slot {
  border-color: #333333;
}
.img-list .item-check:checked + div.check-slot + div.img-slot-lgin {
  border-color: #333333;
  background-color: #89ae47;
}
.img-list .item-check + div.check-slot + div.img-slot-lgin {
  border-color: #333333;
  background-color: #bcbdc1;
}

.img-list .check-slot {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/icons/checkbox_large.png");
  background-position: center;
  background-size: auto;
  z-index: 10;
  border: 1px solid #eeeeee;
  border-radius: 0.375rem;
}

.item-list-more {
  margin-top: 4.375rem;
  text-align: center;
}
.item-list-more .btn {
  position: relative;
  width: 16.25rem;
}
.item-list-more .btn-list-more:after {
  display: inline-block;
  content: "";
  margin: 0.125rem 0 0 0.375rem;
  width: 11px;
  height: 8px;
  vertical-align: middle;
  background: url("/img/icons/icon_arrow_more.png") no-repeat center center;
}

.item-coupon-list .coupon-box {
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.item-coupon-list .coupon-box:before, .item-coupon-list .coupon-box:after {
  display: block;
  content: "";
  position: absolute;
  left: -0.6875rem;
  bottom: 3.5625rem;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  border: 1px solid #89b03f;
  background: #fff;
  z-index: 10;
}
.item-coupon-list .coupon-box:after {
  left: auto;
  right: -0.6875rem;
}
.item-coupon-list .coupon-box.time .coupon-slot, .item-coupon-list .coupon-box.time .status-slot, .item-coupon-list .coupon-box.time:before, .item-coupon-list .coupon-box.time:after {
  border-color: #e9bb5b;
}
.item-coupon-list .coupon-box.time .coupon-slot .coupon-info .dday {
  color: #ed1c24;
}
.item-coupon-list .coupon-box.time .status-slot {
  background: #f8ecd2;
}
.item-coupon-list .coupon-box.time .status-slot:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-image: url(/img/icons/dash_secondary.jpg);
  background-repeat: repeat-x;
  top: 0;
  left: 0;
}
.item-coupon-list .coupon-box.time .status-slot .coupon-status {
  color: #e9bb5b;
}
.item-coupon-list .coupon-box.time .status-slot .coupon-status:before {
  display: inline-block;
  content: "";
  margin: -0.25rem 0.25rem 0 0;
  width: 1.1875rem;
  height: 1.1875rem;
  vertical-align: middle;
  background: url("/img/icons/icon_coupon_time.png") no-repeat center center;
}
.item-coupon-list .coupon-box.end .coupon-slot, .item-coupon-list .coupon-box.end .status-slot, .item-coupon-list .coupon-box.end:before, .item-coupon-list .coupon-box.end:after {
  border-color: #e7e7e7;
}
.item-coupon-list .coupon-box.end .coupon-slot .coupon-price, .item-coupon-list .coupon-box.end .coupon-slot .coupon-name, .item-coupon-list .coupon-box.end .coupon-slot .coupon-target, .item-coupon-list .coupon-box.end .coupon-slot .coupon-target .btn-link, .item-coupon-list .coupon-box.end .coupon-slot .coupon-info {
  color: #dddddd;
}
.item-coupon-list .coupon-box.end .coupon-slot .coupon-info .dday {
  color: #dddddd;
}
.item-coupon-list .coupon-box.end .status-slot {
  background: #f8f8f8;
}
.item-coupon-list .coupon-box.end .status-slot:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-image: url(/img/icons/dash_gray.jpg);
  background-repeat: repeat-x;
  top: 0;
  left: 0;
}
.item-coupon-list .coupon-box.end .status-slot .coupon-status {
  color: #dddddd;
}
.item-coupon-list .coupon-slot {
  flex: 1 1 auto;
  padding: 1.875rem 1.875rem;
  border: 1px solid #89b03f;
  border-bottom: 0;
  border-radius: 1.25rem 1.25rem 0 0;
}
.item-coupon-list .coupon-slot .coupon-info {
  line-height: 1.625rem;
  font-size: 1rem;
  font-weight: 500;
  color: #58595b;
  white-space: nowrap;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
}
.item-coupon-list .coupon-slot .coupon-info .dday {
  position: relative;
  margin-left: 2.5rem;
}
.item-coupon-list .coupon-slot .coupon-info .dday:before {
  display: block;
  content: "";
  position: absolute;
  left: -1.25rem;
  top: 50%;
  margin-top: -0.4375rem;
  width: 1px;
  height: 0.875rem;
  background: #e7e7e7;
}
.item-coupon-list .coupon-slot .coupon-price {
  display: inline-block;
  margin-top: 1.25rem;
  font-size: 2.25rem;
  line-height: 1;
  font-weight: 700;
  color: #89b03f;
}
.item-coupon-list .coupon-slot .coupon-price .price {
  display: inline-block;
  font-size: 3.25rem;
  line-height: 1;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.1625rem;
}
.item-coupon-list .coupon-slot .coupon-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.625rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #333333;
  letter-spacing: -0.0625rem;
}
.item-coupon-list .coupon-slot .coupon-target {
  display: inline-block;
  margin-top: 0.3125rem;
  line-height: 1.625rem;
  font-size: 1rem;
  letter-spacing: -0.05625rem;
  font-weight: 500;
  color: #58595b;
}
.item-coupon-list .coupon-slot .coupon-target .btn-link {
  margin-left: 1.25rem;
  font-size: 1rem;
  color: #58595b;
}
.item-coupon-list .coupon-slot .coupon-target .btn-link .icon {
  margin-left: 0.3125rem;
}
.item-coupon-list .status-slot {
  position: relative;
  height: 4.25rem;
  text-align: center;
  border: 1px solid #89b03f;
  border-top: 0;
  border-radius: 0 0 1.25rem 1.25rem;
  background: #f3f4e6;
}
.item-coupon-list .status-slot:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-image: url(/img/icons/dash_primary.jpg);
  background-repeat: repeat-x;
  top: 0;
  left: 0;
}
.item-coupon-list .status-slot .coupon-status {
  position: relative;
  line-height: 4.25rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #89b03f;
}
.item-coupon-list .btn-coupon-close {
  display: block;
  position: absolute;
  right: 1.875rem;
  top: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  z-index: 1;
}
.item-coupon-list .btn-coupon-delete {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.25rem;
  overflow: hidden;
  z-index: 1;
  opacity: 0;
}
.item-coupon-list .btn-coupon-delete:hover {
  opacity: 1;
}
.item-coupon-list .btn-coupon-delete:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.item-coupon-list .btn-coupon-delete .icon-box {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -2.0625rem 0 0 -2.0625rem;
  width: 4.125rem;
  height: 4.125rem;
  border-radius: 50%;
  background: #fff;
  z-index: 2;
}

.img-list.thumb-list li {
  margin-top: 1.25rem;
}
.img-list.thumb-list li:first-child {
  margin-top: 0;
}
.img-list.thumb-list .item {
  display: flex;
  align-items: center;
}
.img-list.thumb-list .item .img-slot {
  flex: 0 0 5rem;
  width: 5rem;
  height: 5rem;
  border-radius: 1.25rem;
}
.img-list.thumb-list .item .img-slot img {
  display: block;
}
.img-list.thumb-list .item .product-info-slot {
  margin: 0;
  padding-left: 1.25rem;
}
.img-list.thumb-list .item .product-info-slot .slot-bottom {
  margin-top: 0.625rem;
}
.img-list.thumb-list .item .product-info-slot .product-name {
  height: auto;
  font-size: 1rem;
  font-weight: 700;
}
.img-list.thumb-list .item .product-info-slot .price-wrap .price, .img-list.thumb-list .item .product-info-slot .price-wrap .before-sale {
  font-size: 0.875rem;
  font-weight: 700;
}
.img-list.thumb-list .item .product-info-slot .price-wrap .price em, .img-list.thumb-list .item .product-info-slot .price-wrap .before-sale em {
  margin-right: 0.1875rem;
  font-size: 1.125rem;
}

.category-item-wrap .item .img-slot {
  height: 14.8125rem;
}
.category-item-wrap .item.col-4-30 .img-slot {
  height: 15rem;
}

.best-list-wrap .item.col-4-20 .img-slot {
  height: 20.9375rem;
}

.img-list .sold-out .quick-btns ul {
  display: none;
}
.img-list .sold-out .quick-btns:after {
  content: "품절되었습니다.";
  display: block;
  text-align: center;
  line-height: 3.75rem;
  color: #fff;
  font-size: 1.375rem;
  font-weight: 500;
}

.category-bnr-slide .tag-list {
  width: auto;
}
.img-list.tag-bottom .col-4-30 .tag-list {
  max-width: 100%;
}
.img-list.tag-bottom .col-4-30 .tag-list li > .tag {
  min-width: 3.4375rem;
  font-size: 0.9375rem;
}

.best-item-list .item.col-4-40 .img-slot{
  height: 18rem;
}

.category-result-wrap .result-header {
  position: relative;
  padding-top: 3.125rem;
}
.category-result-wrap .result-header .result-total {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1.875rem;
  font-size: 1.125rem;
  color: #000;
}
.category-result-wrap .result-header .result-total .total {
  font-weight: 700;
  color: #89b03f;
}
.category-result-wrap .result-header .sort-menu {
  position: absolute;
  right: 0;
  top: 0;
  height: 1.875rem;
}
.category-result-wrap .result-header .sort-menu .menu-box {
  position: relative;
  float: left;
  padding: 0 0.375rem;
}
.category-result-wrap .result-header .sort-menu .menu-box:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.3125rem;
  width: 1px;
  height: 14px;
  background: #e7e7e7;
}
.category-result-wrap .result-header .sort-menu .menu-box:first-child:before {
  display: none;
}
.category-result-wrap .result-header .sort-menu .drop-down-box {
  margin-left: 1.875rem;
}
.category-result-wrap .result-header .sort-menu .drop-down-box:before {
  display: none;
}
.category-result-wrap .result-header .sort-menu .btn-sort {
  display: block;
  padding: 0 0.375rem;
  line-height: 1.875rem;
  font-size: 1rem;
  color: #58595b;
}
.category-result-wrap .result-header .result-filter-box {
  position: relative;
  padding: 1.5625rem 1.875rem;
  height: 5rem;
  border-top: 1px solid #333;
  background: #f5f5f5;
}
.category-result-wrap .result-header .result-filter-box .filter-list {
  height: 1.875rem;
}
.category-result-wrap .result-header .result-filter-box .filter-list .filter-box {
  position: relative;
  float: left;
  margin-right: 0.25rem;
  padding: 0 2.1875rem 0 0.9375rem;
  min-width: 5rem;
  height: 1.875rem;
  border: 1px solid #e7e7e7;
  border-radius: 0.9375rem;
  background: #fff;
}
.category-result-wrap .result-header .result-filter-box .filter-list .filter-box p {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #58595b;
}
.category-result-wrap .result-header .result-filter-box .filter-list .filter-box .icon-good {
  margin-right: 0.3125rem;
}
.category-result-wrap .result-header .result-filter-box .filter-list .filter-box .btn-delete {
  display: block;
  position: absolute;
  right: 0;
  top: -1px;
  width: 1.875rem;
  height: 1.875rem;
  background: url("/img/icons/icon_filter_close.png") no-repeat center center;
}
.category-result-wrap .result-header .result-filter-box .btn-filter-reset {
  display: block;
  position: absolute;
  right: 1.5625rem;
  top: 1.5625rem;
  padding: 0 1.875rem 0 0.9375rem;
  height: 1.875rem;
  line-height: 1.75rem;
  font-size: 1rem;
  color: #58595b;
}
.category-result-wrap .result-header .result-filter-box .btn-filter-reset:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: url("/img/icons/icon_filter_refresh.png") no-repeat center center;
}

.home.content-wrap {
  min-width: 87.5rem;
}
.home section.bg-gray {
  background-color: #f9f9fc;
}
.home section.bg-gray02 {
  background-color: #f3f5f2;
}
.home section.bg-gray03 {
  background-color: #f1f1f5;
}
.home section.best-photoreview-wrap {
  position: relative;
}
.home section.best-photoreview-wrap:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #ffffff;
  left: 0;
  right: 0;
  bottom: 0;
  height: 9.375rem;
}
.home section.online-only-bg {
  background-image: url(/img/bg/online_only_01.png), url(/img/bg/online_only_02.png);
  background-repeat: no-repeat;
  background-position: left -10% center, right -10% center;
}
.home h2 {
  line-height: 1;
  font-size: 2.875rem;
  letter-spacing: 0rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  text-align: center;
}
.home h2 b {
  font-size: 3.25rem;
  font-weight: 800;
}
.home .tab {
  margin-top: 3.75rem;
}
.home .main-bnr-slide {
  width: 100%;
  position: relative;
  transition: background-color 0.3s;
  padding-top: 3.125rem;
}
.home .main-bnr-slide:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 90px;
  background-color: #ffffff;
}
.home .main-bnr-slide.slidecnt1 .swiper-slide {
  left: 50%;
  transform: translate(-50%, 0);
}
.home .main-bnr-slide .swiper-wrapper .swiper-slide, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate {
  position: relative;
  width: 68.75rem;
  height: 37.5rem;
  background-position: center;
  background-size: 105%;
  background-repeat: no-repeat;
  border-radius: 4.375rem;
  transition: background-size 5s cubic-bezier(0.31, 0.77, 0.56, 1.05);
}
.home .main-bnr-slide .swiper-wrapper .swiper-slide.swiper-slide-active, .home .main-bnr-slide .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate.swiper-slide-active, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate.swiper-slide-duplicate-active {
  background-size: 100%;
  transition: background-size 5s cubic-bezier(0.31, 0.77, 0.56, 1.05);
}
.home .main-bnr-slide .swiper-wrapper .swiper-slide .text-box, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate .text-box {
  padding-top: 6.875rem;
  padding-left: 6.25rem;
}
.home .main-bnr-slide .swiper-wrapper .swiper-slide .text-box .title, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate .text-box .title {
  line-height: 3.25rem;
  font-size: 2.875rem;
  font-weight: 500;
  letter-spacing: -0.003125rem;
  color: #000000;
}
.home .main-bnr-slide .swiper-wrapper .swiper-slide .text-box .title.bold, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate .text-box .title.bold {
  margin-top: 0.625rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 3.25rem;
  letter-spacing: -0.003125rem;
}
.home .main-bnr-slide .swiper-wrapper .swiper-slide .text-box .sub-text, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate .text-box .sub-text {
  margin-top: 2.5rem;
  font-size: 1.625rem;
  line-height: 2.125rem;
  color: #333333;
}
.home .main-bnr-slide .swiper-wrapper .swiper-slide .text-box.white-type .title, .home .main-bnr-slide .swiper-wrapper .swiper-slide .text-box.white-type .sub-text, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate .text-box.white-type .title, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate .text-box.white-type .sub-text {
  color: #ffffff;
}
.home .main-bnr-slide .swiper-wrapper .swiper-slide .btn, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate .btn {
  position: absolute;
  bottom: 10rem;
  left: 6.25rem;
  font-size: 1.375rem;
  font-weight: 500;
  color: #000000;
  width: 11.25rem;
}
.home .main-bnr-slide .swiper-wrapper .swiper-slide .btn.white, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate .btn.white {
  color: #fff;
  border: 1px solid #ffffff;
}
.home .main-bnr-slide .swiper-wrapper .swiper-slide .flag, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate .flag {
  position: absolute;
  display: inline-block;
  left: -2.625rem;
  top: 1.375rem;
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.7);
      writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  text-orientation: sideways;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.3s;
  transition-delay: 0.5s;
}
.home .main-bnr-slide .swiper-wrapper .swiper-slide .flag:before, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate .flag:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -0.3125rem;
  top: 0.0625rem;
  height: 3.125rem;
  width: 2px;
  background: #ffffff;
  opacity: 0;
  transition: all 0.3s;
  transition-delay: 0.5s;
}
.home .main-bnr-slide .swiper-wrapper .swiper-slide.swiper-slide-active .flag, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate.swiper-slide-active .flag {
  display: none;
  opacity: 1;
}
.home .main-bnr-slide .swiper-wrapper .swiper-slide.swiper-slide-active .flag:before, .home .main-bnr-slide .swiper-wrapper .swiper-slide-duplicate.swiper-slide-active .flag:before {
  opacity: 0.6;
}
.home .main-bnr-slide .slider-arrow {
  position: relative;
  width: 68.75rem;
  margin-left: auto;
  margin-right: auto;
}
.home .main-bnr-slide .slider-arrow .btn-slider {
  position: absolute;
  top: -21.5625rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5625rem;
  height: 2.875rem;
  background-image: url("/img/icons/icon_arrow_main_slide.png");
  z-index: 1;
  opacity: 0.5;
}
.home .main-bnr-slide .slider-arrow .btn-slider:hover {
  opacity: 1;
}
.home .main-bnr-slide .slider-arrow .btn-slider.slider-prev {
  left: 1.875rem;
}
.home .main-bnr-slide .slider-arrow .btn-slider.slider-next {
  right: 1.875rem;
  transform: rotate(180deg);
}
.home .main-bnr-slide .slider-arrow .btn-slider.swiper-button-disabled {
  opacity: 0.2;
}
.home .main-bnr-slide .swiper-indicater-wrap {
  position: absolute;
  bottom: 3.125rem;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  width: 68.75rem;
  height: 1.25rem;
  z-index: 1;
}
.home .main-bnr-slide .swiper-indicater-wrap .swiper-pagination {
  display: inline-flex;
  margin: auto;
  position: relative;
  max-width: 49.375rem;
}
.home .main-bnr-slide .swiper-indicater-wrap .swiper-pagination .square-bullet {
  flex: 1 1 9.375rem;
}
.home .main-bnr-slide .swiper-indicater-wrap .swiper-stop {
  display: inline-block;
  width: 0.4375rem;
  height: 0.75rem;
  background-image: url("/img/icons/icon_slide_stop.png");
  z-index: 9999;
  cursor: pointer;
  vertical-align: bottom;
}
.home .main-bnr-slide .swiper-indicater-wrap .swiper-stop.stopped {
  transform: rotate(180deg);
}
.home .main-bnr-slide .square-bullet {
  display: inline-block;
  max-width: 9.375rem;
  height: 0.25rem;
  margin: 0 0.3125rem;
  background: #ffffff;
  opacity: 0.2;
  border-radius: 0.625rem;
}
.home .main-bnr-slide .square-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #ffffff;
}
.home .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 1.875rem;
}
.home .container {
  margin-top: 6.25rem;
}
.home .container.wide-type-popular {
  width: 131.875rem;
  max-width: 100%;
  overflow: hidden;
}
.home .container.wide-type-popular .tab {
  margin-top: 3.125rem;
}
.home .container.wide-type-popular .tab .tab-item {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.home .container.wide-type-popular .tab .active .tab-item {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.home .container.wide-type-popular .tab > ul li {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.home .container .popular-items-slide {
  position: relative;
  margin-top: 1.875rem;
  height: 35.75rem;
}
.home .container .popular-items-slide .swiper-container {
  position: absolute;
  height: 35.75rem;
  width: 87.5rem;
  overflow: visible;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.home .container .popular-items-slide .swiper-container:not(.active) {
  visibility: hidden;
}
.home .container .popular-items-slide .img-list .item {
  width: 20.9375rem;
}
.home .container .popular-items-slide .img-list .item .img-slot {
  border: 1px solid #eeeeee;
  height: 20.9375rem;
  border-radius: 1.875rem;
}
.home .container .popular-items-slide .img-list .item .img-slot .product-img {
  margin-top: 1.875rem;
}
.home .container .popular-items-slide .btn-slider-arrow {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
  display: block;
  position: absolute;
  top: 10.625rem;
  left: 1.25rem;
  width: 3.125rem;
  transform: translateY(-50%);
  height: 3.125rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10;
}
.home .container .popular-items-slide .btn-slider-arrow:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.375rem 0 0 -0.25rem;
  width: 0.5rem;
  height: 0.8125rem;
  background: url("/img/icons/icon_slider_arrow_white.png") no-repeat center center;
}
.home .container .popular-items-slide .btn-slider-arrow.slider-next {
  left: auto;
  right: 1.25rem;
}
.home .container .popular-items-slide .btn-slider-arrow.slider-next:before {
  transform: rotate(180deg);
}
.home .container .popular-items-slide:hover .btn-slider-arrow {
  background: rgba(0, 0, 0, 0.3);
}
.home .container .popular-items-slide .swiper-scrollbar {
  left: 0rem;
  right: 0rem;
  bottom: 0;
  width: auto;
  height: 0.375rem;
  background-color: #e7e7e7;
}
.home .container .popular-items-slide .swiper-scrollbar .scrollbar-drag {
  display: inline-block;
  position: absolute;
  top: 0;
  width: 30%;
  background-color: #333333;
  height: 0.375rem;
  border-radius: 0.1875rem;
  transition: transform ease-out 0.5s;
}
.home .container.time-discount {
  position: relative;
  height: 27.5rem;
  margin-top: 6.25rem;
  background-repeat: no-repeat;
  background-position: left 45% bottom;
  background-size: contain;
}
.home .container.time-discount .event-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.home .container.time-discount .event-container h2 {
  position: relative;
  font-size: 3.25rem;
  font-weight: 700;
  padding-top: 5rem;
}
.home .container.time-discount .event-container h2 [class*=icon-] {
  position: absolute;
  right: -3.125rem;
  top: 0.4375rem;
}
.home .container.time-discount .event-container .sub-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 1.5625rem;
  font-size: 1.125rem;
  line-height: 1.2;
  color: #58595b;
  letter-spacing: -0.05625rem;
  width: 21.875rem;
}
.home .container.time-discount .event-container .sub-text em {
  font-weight: 500;
}
.home .container.time-discount .event-container .time-box {
  position: absolute;
  right: 0;
  top: 6.875rem;
  width: 28.75rem;
  height: 4.375rem;
  background: #fff;
  border-radius: 0.625rem;
  overflow: hidden;
  box-shadow: 0 0 2.5rem rgba(0, 20, 43, 0.17);
  display: flex;
  align-items: center;
  background: linear-gradient(to right, #8bb23f, #aec952);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 0;
  transition: all 0.6s ease-in-out;
}
.home .container.time-discount .event-container .time-box.active {
  background-size: 100%;
}
.home .container.time-discount .event-container .time-box.active .time-bg {
  transition: all 0.6s ease-in-out 0.6s;
}
.home .container.time-discount .event-container .time-box .icon-time-discount2 {
  position: relative;
  z-index: 1;
  margin-left: 1.125rem;
}
.home .container.time-discount .event-container .time-box .due-date {
  position: relative;
  z-index: 1;
  padding-right: 1.375rem;
  font-size: 1.25rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 800;
  color: #31291c;
  float: right;
}
.home .container.time-discount .event-container .time-box .due-date::after {
  content: "HOT DEAL";
  display: block;
  font-size: 0.875rem;
}
.home .container.time-discount .event-container .time-box .time-bg {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 0;
  transition: all 0.3s;
}
.home .container.time-discount .event-container .time {
  position: relative;
  z-index: 1;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  margin-left: 2.125rem;
  flex: 1 1 auto;
}
.home .container.time-discount .event-container .time:before {
  content: "남은시간";
  display: block;
  font-size: 0.875rem;
}
.home .container.time-discount .event-container .time > span {
  font-size: 1.25rem;
  line-height: 1;
}
.home .container.time-discount .event-container .time > span:after {
  content: "";
  display: inline-block;
  margin-left: 0.1875rem;
  margin-right: 0.1875rem;
  vertical-align: middle;
}
.home .container.time-discount .event-container .time > span:nth-last-of-type(1):after {
  content: none;
}
.home .container.time-discount .product-list-slide {
  position: absolute;
  top: 19.375rem;
  right: 0;
  width: 28.75rem;
  z-index: 11;
}
.home .container.time-discount .product-list-slide .thumb-img {
  display: inline-block;
  position: relative;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.625rem;
  margin-right: 0.625rem;
  box-sizing: border-box;
  cursor: pointer;
}
.home .container.time-discount .product-list-slide .thumb-img img {
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.home .container.time-discount .product-list-slide .thumb-img.swiper-slide-active:before {
  display: block;
  content: "";
  position: absolute;
  border-radius: 1.25rem;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
}
.home .container.time-discount .product-info-slide {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.home .container.time-discount .product-info .img-area {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.home .container.time-discount .product-info .img-area .product-img {
  padding-top: 2.875rem;
}
.home .container.time-discount .product-info .img-area .product-img .img-wrap {
  position: relative;
  width: 21.875rem;
  height: 21.875rem;
  border-radius: 50%;
  overflow: hidden;
}
.home .container.time-discount .product-info .img-area .product-img .img-wrap img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.home .container.time-discount .product-info .img-area .product-img .circle-red {
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  top: 1.25rem;
  left: -1.5625rem;
  width: 8.125rem;
  height: 8.125rem;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  background-color: #da382d;
}
.home .container.time-discount .product-info .img-area .product-img .circle-red em {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
  letter-spacing: -0.0875rem;
  font-size: 1.75rem;
}
.home .container.time-discount .product-info .img-area .product-img .circle-red .unit {
  font-size: 1rem;
}
.home .container.time-discount .product-info .img-area .product-img .circle-red p {
  line-height: 1.2;
}
.home .container.time-discount .product-info .info-area {
  display: inline-block;
  vertical-align: top;
  width: 29.375rem;
  padding-top: 11.875rem;
}
.home .container.time-discount .product-info .info-area .sub-title {
  font-size: 1.375rem;
  width: 85%;
  letter-spacing: -0.06875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home .container.time-discount .product-info .info-area .product-name {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.075rem;
  line-height: 2rem;
  padding-top: 0.3125rem;
  width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home .container.time-discount .product-info .info-area .price-wrap {
  display: flex;
  align-items: flex-end;
  margin-top: 2.5rem;
}
.home .container.time-discount .product-info .info-area .price-wrap .price {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  font-size: 2.25rem;
  letter-spacing: -0.1125rem;
  line-height: 1;
  margin-left: 1.25rem;
}
.home .container.time-discount .product-info .info-area .price-wrap .price .unit {
  font-size: 1.625rem;
  margin-bottom: 0.25rem;
}
.home .container.time-discount .product-info .info-area .price-wrap .price-before-discount {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
  display: flex;
  position: relative;
  flex: 0 1 6.25rem;
  align-items: flex-end;
  justify-content: center;
  margin-left: 1.25rem;
  font-size: 1.625rem;
  letter-spacing: -0.08125rem;
  line-height: 1;
  color: #bcbdc1;
}
.home .container.time-discount .product-info .info-area .price-wrap .price-before-discount .unit {
  font-size: 1.125rem;
  margin-bottom: 0.125rem;
}
.home .container.time-discount .product-info .info-area .price-wrap .price-before-discount:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 55%;
  width: 110%;
  border-bottom: 2px solid #bcbdc1;
  transform: translateX(-50%);
}
.home .container.time-discount .product-info .info-area .price-wrap .discount-percent {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  font-size: 2.25rem;
  letter-spacing: -0.08125rem;
  line-height: 1;
  color: #ed1c24;
}
.home .container.time-discount .product-info .info-area .price-wrap .discount-percent .unit {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.home .container.time-discount .product-info .btn-wrap {
  width: 28.75rem;
  float: right;
  margin-top: 13.75rem;
}
.home .container.time-discount .product-info .btn-wrap .btn {
  width: 11.25rem;
  height: 3.125rem;
  font-weight: 500;
  font-size: 1.375rem;
  margin-right: 0.625rem;
}
.home .container.time-discount .product-info.sold-out .btn-wrap a {
  display: none;
}
.home .container.time-discount .product-info.sold-out .btn-wrap:after {
  content: "품절되었습니다.";
  display: block;
  width: 15.625rem;
  line-height: 3.125rem;
  color: #bcbdc1;
  font-size: 1.375rem;
  font-weight: 500;
  text-align: center;
  border-radius: 3.125rem;
  border: 1px solid #e7e7e7;
}
.home .container.time-discount .btn-slider-arrow {
  display: block;
  position: absolute;
  top: 50%;
  left: 25rem;
  margin-top: -1.4375rem;
  width: 1.5625rem;
  height: 2.875rem;
  background: url("/img/icons/icon_arrow_slider.png") no-repeat center center;
  background-size: contain;
}
.home .container.time-discount .btn-slider-arrow::before {
  content: none;
}
.home .container.time-discount .btn-slider-arrow.slider-next {
  left: auto;
  right: 31.875rem;
  margin-top: -2.875rem;
  transform: rotate(180deg);
}
.home .container.time-discount .btn-slider-arrow.swiper-button-disabled {
  opacity: 0.2;
}
.home .container.banner-band a {
  display: block;
}
.home .container.banner-band a img {
  width: 100%;
}
.home .container.ranking {
  overflow: hidden;
  width: 100%;
  padding-left: calc((100% - 1400px) / 2);
}
.home .container.ranking .tab-wrap {
  display: inline-block;
  position: absolute;
  width: 28.125rem;
  vertical-align: top;
  z-index: 9;
}
.home .container.ranking .tab-wrap .tab {
  margin-top: 2.8125rem;
}
.home .container.ranking .tab-wrap .tab.tab-underline > ul {
  justify-content: center;
}
.home .container.ranking .tab-wrap .tab.tab-underline > ul li {
  flex: 1 1 50%;
}
.home .container.ranking .tab-wrap .tab.tab-underline > ul li .tab-item {
  font-size: 1.375rem;
}
.home .container.ranking .tab-wrap .tab.tab-underline > ul li.active a:after {
  width: 100%;
}
.home .container.ranking .tab-wrap .tab-area {
  height: 26.625rem;
}
.home .container.ranking .tab-wrap .tab-area.realtime-best, .home .container.ranking .tab-wrap .tab-area.week-best {
  counter-reset: realtime-rank;
}
.home .container.ranking .tab-wrap .tab-area.realtime-best ol, .home .container.ranking .tab-wrap .tab-area.week-best ol {
  display: flex;
  flex-direction: column;
}
.home .container.ranking .tab-wrap .tab-area.realtime-best ol li, .home .container.ranking .tab-wrap .tab-area.week-best ol li {
  flex: 1 1 4.4375rem;
  border-bottom: 1px solid #e7e7e7;
}
.home .container.ranking .tab-wrap .tab-area.realtime-best ol li.active a, .home .container.ranking .tab-wrap .tab-area.week-best ol li.active a {
  font-weight: 700;
  color: #557705;
}
.home .container.ranking .tab-wrap .tab-area.realtime-best ol li.active a:before, .home .container.ranking .tab-wrap .tab-area.week-best ol li.active a:before {
  font-weight: 700;
  color: #557705;
}
.home .container.ranking .tab-wrap .tab-area.realtime-best ol li:hover, .home .container.ranking .tab-wrap .tab-area.week-best ol li:hover {
  background-color: #f8f8f8;
}
.home .container.ranking .tab-wrap .tab-area.realtime-best ol li a, .home .container.ranking .tab-wrap .tab-area.week-best ol li a {
  display: flex;
  flex-direction: row;
  height: 4.375rem;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 400;
  color: #58595b;
  letter-spacing: -0.05625rem;
}
.home .container.ranking .tab-wrap .tab-area.realtime-best ol li a:before, .home .container.ranking .tab-wrap .tab-area.week-best ol li a:before {
  display: inline-block;
  width: 2.8125rem;
  margin-left: 2.5rem;
  counter-increment: realtime-rank;
  content: "0" counter(realtime-rank);
  font-size: 1.125rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
}
.home .container.ranking .tab-wrap .tab-area.realtime-best ol li a .product-name, .home .container.ranking .tab-wrap .tab-area.week-best ol li a .product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 21.25rem;
}
.home .container.ranking .tab-wrap .tab-area.realtime-best ol li a .rank-direction, .home .container.ranking .tab-wrap .tab-area.week-best ol li a .rank-direction {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
  padding-right: 1.6875rem;
}
.home .container.ranking .tab-wrap .tab-area.realtime-best ol li a .rank-direction [class*=icon-], .home .container.ranking .tab-wrap .tab-area.week-best ol li a .rank-direction [class*=icon-] {
  width: 0.5rem;
}
.home .container.ranking .product-item-slide.swiper-container {
  display: inline-block;
  width: 28.125rem;
  margin-left: 36.25rem;
  overflow: visible;
  z-index: 0;
}
.home .container.ranking .product-item-slide .product-item {
  position: relative;
  width: 28.125rem;
  opacity: 0;
  transition: all 0.3s;
}
.home .container.ranking .product-item-slide .product-item.swiper-slide-active {
  opacity: 1;
}
.home .container.ranking .product-item-slide .product-item.swiper-slide-active .img-slot {
  opacity: 1;
}
.home .container.ranking .product-item-slide .product-item.swiper-slide-next {
  margin-top: 3.125rem;
  opacity: 0.3;
}
.home .container.ranking .product-item-slide .product-item.swiper-slide-next .img-slot {
  opacity: 1;
  height: 25rem;
  width: 25rem;
}
.home .container.ranking .product-item-slide .product-item.swiper-slide-next .img-slot .badge-list {
  width: 3.75rem;
}
.home .container.ranking .product-item-slide .product-item.swiper-slide-next .product-info-slot,
.home .container.ranking .product-item-slide .product-item.swiper-slide-next .tag-wrap {
  width: 25rem;
}
.home .container.ranking .product-item-slide .product-item.swiper-slide-next .ranking {
  font-weight: 700;
  color: white;
  right: 3.125rem;
  /*top: 0.1rem;*/
  background: #cccccc;
  font-size: 2.125rem;
  padding-top: 6px;
}
.home .container.ranking .product-item-slide .product-item .img-slot {
  position: relative;
  width: 28.125rem;
  height: 28.125rem;
  opacity: 0;
  transition: all 0.3s;
}
.home .container.ranking .product-item-slide .product-item .img-slot > img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.home .container.ranking .product-item-slide .product-item .img-slot .badge-list {
  width: 3.75rem;
}
.home .container.ranking .product-item-slide .product-item .ranking {
  position: absolute;
  left: 0rem;
  top: -0.125rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 2.375rem;
  z-index: 5;
  width: 3.875rem;
  height: 3.625rem;
  background: #557705;
  border-radius: 1.885rem 0px 0.5rem 0px;
  color: white;
  text-align: center;
  padding-top: 2px;
}
.home .container.ranking .product-item-slide .product-item .product-info-slot {
  width: 100%;
  margin-top: 1.25rem;
}
.home .container.ranking .product-item-slide .product-item .product-info-slot .product-name {
  font-size: 1.375rem;
  line-height: 1;
  height: 2.75rem;
}
.home .container.ranking .product-item-slide .product-item .tag-wrap {
  margin-top: 1.875rem;
}
.home .container.ranking .product-item-slide .product-item .tag-wrap .tag-list {
  margin-top: 0;
}
.home .container.banner-wide-band a {
  background-repeat: repeat-x;
}
.home .container.banner-wide-band, .home .container.banner-wide-band-02 {
  margin-left: auto;
  width: 100%;
}
.home .container.banner-wide-band a, .home .container.banner-wide-band-02 a {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.home .container.banner-wide-band a img, .home .container.banner-wide-band-02 a img {
  position: relative;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.home .container.banner-wide-band-02 a {
  height: 27.5rem;
}
.home .container .recommand-wrap {
  position: relative;
}
.home .container .recommand-wrap .recommand-slide {
  margin-top: 2.5rem;
}
.home .container .recommand-wrap .recommand-slide .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.home .container .recommand-wrap .recommand-slide .swiper-wrapper .swiper-slide .item:nth-of-type(4n) {
  margin-right: 0;
}
.home .container .recommand-wrap .recommand-slide .swiper-wrapper .swiper-slide .item:nth-of-type(n+5) {
  margin-top: 3.75rem;
}
.home .container .recommand-wrap .recommand-slide .swiper-wrapper .swiper-slide .item .img-slot {
  display: inline-block;
  width: 100%;
  height: 20.9375rem;
}
.home .container .recommand-wrap .recommand-slide .swiper-wrapper .swiper-slide.swiper-slide-active {
  height: auto;
}
.home .container .recommand-wrap .btn-slider-arrow {
  display: block;
  position: absolute;
  left: -5.3125rem;
  top: 40%;
  margin-top: -1.4375rem;
  width: 1.5625rem;
  height: 2.875rem;
  background: url("/img/icons/icon_arrow_slider.png") no-repeat center center;
  background-size: contain;
}
.home .container .recommand-wrap .btn-slider-arrow::before {
  content: none;
}
.home .container .recommand-wrap .btn-slider-arrow.slider-next {
  left: auto;
  right: -5.3125rem;
  transform: rotate(180deg);
}
.home .container.online-only {
  position: relative;
  height: 21.25rem;
  padding-top: 5rem;
}
.home .container.online-only h2 {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
  font-size: 3.25rem;
}
.home .container.online-only h2 em {
  font-weight: 800;
}
.home .container.online-only .sub-text {
  font-size: 1.125rem;
  line-height: 1;
  margin-top: 1.25rem;
  margin-bottom: 1.875rem;
  color: #000000;
  letter-spacing: -0.05625rem;
}
.home .container.online-only .btn {
  padding: 0 1.25rem;
}
.home .container.online-only .btn.btn-fill.green {
  background-color: #6b8138;
}
.home .container.online-only .event-products-list {
  display: inline-block;
  position: absolute;
  left: 27.5rem;
  top: 3.125rem;
}
.home .container.online-only .event-products-list li {
  display: inline-block;
  margin-right: 9.375rem;
}
.home .container.online-only .event-products-list li:nth-last-of-type(1) {
  margin-right: 0;
}
.home .container.online-only .event-products-list li .product-summary {
  width: 13.125rem;
}
.home .container.online-only .event-products-list li .product-summary .img-wrap {
  text-align: center;
}
.home .container.online-only .event-products-list li .product-summary .img-wrap img {
  width: auto;
  max-width: 100%;
}
.home .container.online-only .event-products-list li .product-summary .product-name {
  margin-top: 2.1875rem;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.05625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home .container.brand-line {
  margin-top: 6.25rem;
}
.home .container.brand-line .banner-wrap {
  position: relative;
  display: inline-block;
  width: 37.5rem;
  vertical-align: top;
  float: left;
  height: 37.5rem;
}
.home .container.brand-line .banner-wrap a {
  display: inline-block;
  position: relative;
  width: 37.5rem;
  height: 37.5rem;
  border-radius: 3.125rem;
  overflow: hidden;
}
.home .container.brand-line .banner-wrap a img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transition: transform 0.3s ease-in-out;
}
.home .container.brand-line .banner-wrap a .dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease-in;
}
.home .container.brand-line .banner-wrap a:hover .dim {
  background-color: rgba(0, 0, 0, 0.6);
}
.home .container.brand-line .banner-wrap a:hover img {
  transform: translateY(-50%) scale(1.05);
}
.home .container.brand-line .banner-wrap .video {
  position: relative;
  width: 37.5rem;
  height: 37.5rem;
  border-radius: 3.125rem;
  overflow: hidden;
}
.home .container.brand-line .brand-list-wrap {
  display: inline-block;
  width: 50rem;
  height: 37.5rem;
  padding-left: 3.125rem;
}
.home .container.brand-line .brand-list-wrap .category {
  margin-top: 1.875rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  color: #3a5542;
}
.home .container.brand-line .brand-list-wrap .category > span {
  font-weight: 400;
}
.home .container.brand-line .brand-list-wrap .title {
  font-size: 2.875rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  line-height: 1;
  text-indent: -0.125rem;
}
.home .container.brand-line .brand-list-wrap .sub-text {
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  line-height: 1.625rem;
  color: #58595b;
}
.home .container.brand-line .brand-list-wrap .slider-wrap {
  position: relative;
  margin-top: 2.5rem;
}
.home .container.brand-line .brand-list-wrap .slider-wrap .brand-line-slider {
  position: relative;
}
.home .container.brand-line .brand-list-wrap .slider-wrap .brand-line-slider.img-list .swiper-slide.slide-item {
  position: relative;
  width: 15rem;
}
.home .container.brand-line .brand-list-wrap .slider-wrap .brand-line-slider.img-list .swiper-slide.slide-item .img-slot {
  border-radius: 1.875rem;
  height: 14.875rem;
}
.home .container.brand-line .brand-list-wrap .slider-wrap .brand-line-slider.img-list .swiper-slide.slide-item .product-info-slot .product-name {
  font-size: 1.125rem;
}
.home .container.brand-line .brand-list-wrap .slider-wrap .brand-line-slider.img-list .swiper-slide.slide-item .product-info-slot .slot-bottom .price {
  font-size: 1.125rem;
}
.home .container.brand-line .brand-list-wrap .slider-wrap .brand-line-slider.img-list .swiper-slide.slide-item .product-info-slot .slot-bottom .price em {
  font-size: 1.375rem;
}
.home .container.brand-line .brand-list-wrap .slider-wrap .slider-arrow-box {
  top: -4.6875rem;
}
.home .container.brand-line .banner-group {
  margin-top: 5rem;
}
.home .container.brand-line .banner-group ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.home .container.brand-line .banner-group ul li {
  height: 27.5rem;
}
.home .container.brand-line .banner-group ul li a {
  position: relative;
  display: inline-block;
  width: 27.5rem;
  height: 27.5rem;
  border-radius: 1.875rem;
  overflow: hidden;
}
.home .container.brand-line .banner-group ul li a img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transition: transform 0.3s ease-in-out;
}
.home .container.brand-line .banner-group ul li a:hover img {
  transform: translateY(-50%) scale(1.05);
}
.home .container.best-photoreview {
  padding-top: 5rem;
}
.home .container.best-photoreview h2 {
  position: relative;
}
.home .container.best-photoreview h2 .btn-all-link {
  position: absolute;
  right: 0;
  bottom: 0;
}
.home .container.best-photoreview .review-card {
  margin-top: 3rem;
}
.home .container.best-photoreview .review-card > ul {
  display: flex;
  width: 100%;
}
.home .container.best-photoreview .review-card > ul > li {
  position: relative;
  flex: 0 1 20.9375rem;
  width: 20.9375rem;
  margin-left: 1.25rem;
}
.home .container.best-photoreview .review-card > ul > li:first-child {
  margin-left: 0;
}
.home .container.best-photoreview .review-card > ul > li .review-link {
  position: relative;
  border-radius: 1.875rem;
  overflow: hidden;
  width: 100%;
  height: 20.9375rem;
  display: inline-block;
  color: #ffffff;
}
.home .container.best-photoreview .review-card > ul > li .review-link:hover .img-wrap > img {
  transform: translateY(-50%) scale(1.05);
}
.home .container.best-photoreview .review-card > ul > li .review-link .img-wrap {
  position: relative;
  height: 20.9375rem;
}
.home .container.best-photoreview .review-card > ul > li .review-link .img-wrap img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transition: transform 0.3s ease-in-out;
}
.home .container.best-photoreview .review-card > ul > li .review-link .review-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 3.125rem 1.875rem 2.5rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.home .container.best-photoreview .review-card > ul > li .review-link .review-wrap .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.1;
  font-size: 1.375rem;
  font-weight: 700;
}
.home .container.best-photoreview .review-card > ul > li .review-link .review-wrap .review {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  letter-spacing: -0.05rem;
  margin-top: 1.875rem;
  font-size: 1rem;
  font-weight: 300;
}
.home .container.best-photoreview .review-card > ul > li .review-link .review-wrap .profile {
  position: absolute;
  bottom: 2.5rem;
  width: calc(100% - 3.75rem);
}
.home .container.best-photoreview .review-card > ul > li .review-link .review-wrap .profile .id {
  display: inline-block;
  font-weight: 500;
}
.home .container.best-photoreview .review-card > ul > li .review-link .review-wrap .profile .wish-count {
  display: inline-block;
  position: absolute;
  right: 0;
}
.home .container.best-photoreview .review-card > ul > li .product-link {
  display: flex;
  align-items: center;
  margin-top: 1.875rem;
}
.home .container.best-photoreview .review-card > ul > li .product-link .thumb-img {
  position: relative;
  display: inline-block;
  width: 5rem;
  height: 5rem;
  border: 1px solid #e7e7e7;
  border-radius: 1.25rem;
  overflow: hidden;
}
.home .container.best-photoreview .review-card > ul > li .product-link .thumb-img img {
  width: 100%;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.home .container.best-photoreview .review-card > ul > li .product-link .product-info {
  display: inline-block;
  padding-left: 1.25rem;
  max-width: calc(100% - 5rem);
}
.home .container.best-photoreview .review-card > ul > li .product-link .product-info .name {
  font-size: 1rem;
  letter-spacing: -0.05rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home .container.best-photoreview .review-card > ul > li .product-link .product-info .price-wrap .price {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: -0.08125rem;
}
.home .container.best-photoreview .review-card > ul > li .product-link .product-info .price-wrap .unit {
  font-size: 0.875rem;
}
.home .container.best-photoreview .review-card > ul > li .product-link .product-info .price-wrap .before-sale {
  position: relative;
  margin-left: 0.625rem;
  letter-spacing: -0.08125rem;
  line-height: 1;
  color: #bcbdc1;
  font-size: 0.875rem;
  font-weight: 700;
}
.home .container.best-photoreview .review-card > ul > li .product-link .product-info .price-wrap .before-sale em {
  font-size: 1.125rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
}
.home .container.best-photoreview .review-card > ul > li .product-link .product-info .price-wrap .before-sale:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -5%;
  top: 50%;
  width: 110%;
  border-bottom: 0.125rem solid #bcbdc1;
}
.home .container.banner-half-wrap {
  position: relative;
  height: 11.25rem;
  margin-top: 7.5rem;
}
.home .container.banner-half-wrap .banner-half {
  position: absolute;
  display: inline-block;
  top: 0;
  border-radius: 1.875rem;
  overflow: hidden;
}
.home .container.banner-half-wrap .banner-half:nth-of-type(1) {
  left: 0;
}
.home .container.banner-half-wrap .banner-half:nth-of-type(2) {
  right: 0;
}
.home .container.banner-half-wrap .banner-half a {
  display: block;
  width: 42.5rem;
  height: 11.25rem;
}
.home .container.banner-half-wrap .banner-half a img {
  width: 100%;
}
.home .container.md-choice {
  margin-top: 7.5rem;
  padding-bottom: 5rem;
  border-bottom: 1px solid #e7e7e7;
}
.home .container.md-choice h2 {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}
.home .container.md-choice .mdchoice-wrap {
  position: relative;
}
.home .container.md-choice .mdchoice-wrap .mdchoice-slide {
  margin-top: 2.5rem;
}
.home .container.md-choice .mdchoice-wrap .mdchoice-slide .swiper-wrapper .swiper-slide {
  width: 100%;
}
.home .container.md-choice .mdchoice-wrap .mdchoice-slide .swiper-wrapper .swiper-slide.item .img-slot {
  display: inline-block;
  width: 20.9375rem;
  height: 20.9375rem;
}
.home .container.md-choice .mdchoice-wrap .mdchoice-slide .swiper-wrapper .swiper-slide.item .product-info-slot .product-name {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: -0.05rem;
}
.home .container.md-choice .mdchoice-wrap .mdchoice-slide .swiper-wrapper .swiper-slide.item .product-info-slot .price {
  font-weight: 500;
}
.home .container.md-choice .mdchoice-wrap .btn-slider-arrow {
  display: block;
  position: absolute;
  left: -5.3125rem;
  top: 40%;
  margin-top: -1.4375rem;
  width: 1.5625rem;
  height: 2.875rem;
  background: url("/img/icons/icon_arrow_slider.png") no-repeat center center;
  background-size: contain;
}
.home .container.md-choice .mdchoice-wrap .btn-slider-arrow::before {
  content: none;
}
.home .container.md-choice .mdchoice-wrap .btn-slider-arrow.slider-next {
  left: auto;
  right: -5.3125rem;
  transform: rotate(180deg);
}
.home .container.sns-community {
  margin-top: 5rem;
}
.home .container.sns-community h2, .home .container.sns-community .sub-phrase {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}
.home .container.sns-community .sub-phrase {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: normal;
}
.home .container.sns-community .sns-wrap {
  width: 87.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.9375rem;
}
.home .container.sns-community .sns-wrap ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.home .container.sns-community .sns-wrap ul li a {
  position: relative;
  display: inline-block;
  width: 16.25rem;
  height: 16.25rem;
  border-radius: 1.875rem;
  overflow: hidden;
}
.home .container.sns-community .sns-wrap ul li a img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transition: transform 0.3s ease-in-out;
}
.home .container.sns-community .sns-wrap ul li a:hover > img {
  transform: translateY(-50%) scale(1.05);
}
.home .container.sns-community .follow-us {
  text-align: center;
}
.home .container.sns-community .follow-us .phrase {
  display: inline-block;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 800;
  vertical-align: middle;
  font-size: 1.375rem;
}
.home .container.sns-community .follow-us .bar {
  display: inline-block;
  margin: 0 1.875rem;
  height: 2px;
  width: 8.125rem;
  background-color: #333333;
}
.home .container.sns-community .follow-us > ul {
  display: inline-block;
  height: 1.625rem;
  vertical-align: bottom;
}
.home .container.sns-community .follow-us > ul > li {
  display: inline-block;
  margin: 0 0.625rem;
}
.home .container.sns-community .follow-us > ul > li a {
  vertical-align: middle;
}
.home .container.notice-wrap {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.home .container.notice-wrap .notice, .home .container.notice-wrap .news-media {
  display: inline-flex;
  justify-content: space-between;
  width: 43.4375rem;
}
.home .container.notice-wrap .notice .label, .home .container.notice-wrap .news-media .label {
  flex: 0 1 9.375rem;
  font-size: 1.375rem;
  font-weight: 700;
}
.home .container.notice-wrap .notice .notice-list ul li a, .home .container.notice-wrap .news-media .notice-list ul li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: -0.0625rem;
  font-weight: 300;
  color: #58595b;
}
.home .container.notice-wrap .notice .notice-list ul li a .title, .home .container.notice-wrap .news-media .notice-list ul li a .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 25rem;
  margin-right: 0.9375rem;
}
.home .container.notice-wrap .notice {
  padding-right: 2.5rem;
  border-right: 1px solid #e7e7e7;
}
.home .container.notice-wrap .news-media {
  padding-left: 2.5rem;
}

@media screen and (max-width: 1600px) {
  .home .container .banner-slide-wrap .btn-slider-arrow.slider-prev {
    left: 0.625rem !important;
  }
  .home .container .banner-slide-wrap .btn-slider-arrow.slider-next {
    right: 0.625rem !important;
  }
}
.sub-bnr-wrap {
  position: relative;
  margin-bottom: 5rem;
  border-radius: 0.75rem;
  background: #ffedab;
}
.sub-bnr-wrap .swiper-slide {
  position: relative;
  height: 23.125rem;
}
.sub-bnr-wrap .slide-bg {
  background-position: center center !important;
  background-size: cover !important;
}
.sub-bnr-wrap .text-box {
  position: absolute;
  left: 120px;
  top: 70px;
}
.sub-bnr-wrap .text-box .sub-title {
  line-height: 1;
  font-size: 2.25rem;
  font-weight: 500;
  color: #ff9600;
}
.sub-bnr-wrap .text-box .sub-title {
  margin-bottom: 0.9375rem;
  line-height: 1;
  font-size: 2.25rem;
  font-weight: 500;
  color: #ff9600;
}
.sub-bnr-wrap .text-box .title {
  margin-bottom: 1.8125rem;
  line-height: 1;
  font-size: 3.125rem;
  font-weight: 700;
  color: #254c97;
}
.sub-bnr-wrap .text-box .text {
  margin-bottom: 3.125rem;
  line-height: 1;
  font-size: 1.375rem;
  font-weight: 700;
  color: #222;
}
.sub-bnr-wrap .text-box .date {
  position: relative;
  padding-left: 5rem;
  height: 1.875rem;
  line-height: 1.75rem;
  font-size: 1.125rem;
  color: #333333;
}
.sub-bnr-wrap .text-box .date:before {
  display: block;
  content: "기간";
  position: absolute;
  left: 0;
  top: 0;
  width: 4.375rem;
  height: 1.875rem;
  line-height: 1.75rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  border-radius: 0.9375rem;
  background: #31291c;
}
.sub-bnr-wrap .detail-box {
  position: absolute;
  right: 8.125rem;
  top: 3.4375rem;
  width: 33.75rem;
  height: 16.25rem;
  border-radius: 1.875rem;
  background: #fff;
  box-shadow: 6px 10px 9px 0 rgba(0, 0, 0, 0.06);
}
.sub-bnr-wrap .detail-box .swiper-slide {
  height: 16.25rem;
}
.sub-bnr-wrap .detail-box .swiper-slide .img-list {
  padding: 0.8125rem;
}

.banner-slide-wrap {
  position: relative;
}

.btn-slider-arrow {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
  display: block;
  position: absolute;
  top: 50%;
  left: 0.625rem;
  width: 3.125rem;
  transform: translateY(-50%);
  height: 3.125rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0);
  z-index: 10;
}
.btn-slider-arrow:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.375rem 0 0 -0.25rem;
  width: 0.5rem;
  height: 0.8125rem;
  background: url("/img/icons/icon_slider_arrow_white.png") no-repeat center center;
}
.btn-slider-arrow.slider-next {
  left: auto;
  right: 0.625rem;
}
.btn-slider-arrow.slider-next:before {
  transform: rotate(180deg);
}

.banner-slide-wrap:hover .btn-slider-arrow {
  background: rgba(0, 0, 0, 0.3);
}

.slider-arrow-box {
  position: absolute;
  right: 0;
  top: -3.125rem;
}
.slider-arrow-box .btn-slider {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  vertical-align: middle;
  background: url("/img/icons/icon_slider_arrow.png") no-repeat center center;
}
.slider-arrow-box .btn-slider.slider-next {
  transform: rotate(180deg);
}
.slider-arrow-box .btn-slider.swiper-button-disabled {
  opacity: 0.5;
}
.slider-arrow-box .slider-count {
  display: inline-block;
  margin: -0.1875rem 0.625rem 0;
  height: 1.875rem;
  line-height: 1.875rem;
  vertical-align: middle;
  font-size: 1.125rem;
  font-weight: 700;
  color: #bcbdc1;
}
.slider-arrow-box .slider-count .count {
  display: inline-block;
  line-height: 1.875rem;
  vertical-align: middle;
  color: #333333;
}
.slider-arrow-box .slider-count .total {
  display: inline-block;
  line-height: 1.875rem;
  vertical-align: middle;
}

.category-bnr-wrap {
  position: relative;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  border-radius: 1.875rem;
  background: #f8f8f8;
}
.category-bnr-wrap .img-list {
  margin-left: 3.125rem;
  margin-right: 3.125rem;
}
.category-bnr-wrap .img-list .swiper-slide.slide-item {
  position: relative;
}
.category-bnr-wrap .img-list .swiper-slide.slide-item .img-slot {
  height: 18.75rem;
  border-radius: 1.875rem;
}

.recent-slide-wrap {
  position: relative;
  padding-top: 2.5rem;
  border-top: 1px solid #333333;
}
.recent-slide-wrap > .btn-slider {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
  display: block;
  position: absolute;
  top: 6.875rem;
  left: 0.625rem;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0);
  z-index: 10;
}
.recent-slide-wrap > .btn-slider:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.375rem 0 0 -0.25rem;
  width: 0.5rem;
  height: 0.8125rem;
  background: url("/img/icons/icon_slider_arrow_white.png") no-repeat center center;
}
.recent-slide-wrap > .btn-slider.slider-next {
  left: auto;
  right: 0.625rem;
}
.recent-slide-wrap > .btn-slider.slider-next:before {
  transform: rotate(180deg);
}
.recent-slide-wrap:hover .btn-slider {
  background: rgba(0, 0, 0, 0.3);
}

.na-bnr-wrap {
  min-width: 87.5rem;
}
.na-bnr-wrap .slide-item {
  height: 25rem;
  background-position: center center !important;
  background-size: cover;
  transition: background-size 5s cubic-bezier(0.31, 0.77, 0.56, 1.05);
}
.na-bnr-wrap .slide-item .container {
  position: relative;
  height: 100%;
}
.na-bnr-wrap .slide-item .text-box {
  position: absolute;
  top: 5.9375rem;
  right: 0;
  min-width: 36.875rem;
  white-space: nowrap;
}
.na-bnr-wrap .slide-item .text-box .title {
  margin-bottom: 1.25rem;
  line-height: 1;
  font-size: 3.5rem;
  letter-spacing: -0.175rem;
  font-weight: 700;
  color: #31291c;
  text-indent: -0.1875rem;
}
.na-bnr-wrap .slide-item .text-box .sub-title {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
  margin-bottom: 1.5625rem;
  line-height: 1;
  font-size: 1.25rem;
  color: #333333;
}
.na-bnr-wrap .slide-item .text-box .desc {
  line-height: 1;
  font-size: 2rem;
  color: #31291c;
  text-indent: -1px;
  letter-spacing: -0.1rem;
}
.na-bnr-wrap .slide-item .text-box .btn {
  margin-top: 2.5rem;
  width: 11.25rem;
  font-size: 1.375rem;
  font-weight: 500;
  color: #000000;
}
.na-bnr-wrap .slide-item .text-box.align-l {
  left: 0;
  right: auto;
}
.na-bnr-wrap .slide-item .text-box.align-l .title {
  margin-bottom: 2.5rem;
  line-height: 1;
  font-size: 2.25rem;
  letter-spacing: -0.003125rem;
  font-weight: 400;
}
.na-bnr-wrap .slide-item .text-box.align-l .sub-title {
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0.9375rem;
  font-size: 2.875rem;
}
.na-bnr-wrap .slide-item .text-box.align-l .desc {
  font-size: 1.125rem;
  letter-spacing: -0.003125rem;
}

.swiper-indicater-wrap {
  position: absolute;
  bottom: 1.875rem;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  width: 87.5rem;
  height: 1.25rem;
  z-index: 1;
}
.swiper-indicater-wrap.b0 {
  bottom: 0;
}
.swiper-indicater-wrap .swiper-pagination {
  display: inline-block;
  position: relative;
}
.swiper-indicater-wrap .scroll-bar {
  display: block;
  left: 0rem;
  right: 0rem;
  bottom: 0;
  width: auto;
  height: 0.375rem;
  background-color: #e7e7e7;
  overflow: hidden;
  border-radius: 0.1875rem;
}
.swiper-indicater-wrap .scroll-bar .swiper-pagination-progressbar-fill {
  background-color: #333333;
  border-radius: 0.375rem;
}
.swiper-indicater-wrap .swiper-stop {
  display: inline-block;
  width: 0.4375rem;
  height: 0.75rem;
  background-image: url("/img/icons/icon_slide_stop.png");
  z-index: 9999;
  cursor: pointer;
  vertical-align: bottom;
  margin-left: 0.9375rem;
}
.swiper-indicater-wrap .swiper-stop.stopped {
  transform: rotate(180deg);
}
.swiper-indicater-wrap .square-bullet {
  display: inline-block;
  width: 9.375rem;
  height: 0.25rem;
  margin: 0 0.3125rem;
  background: #ffffff;
  opacity: 0.2;
  border-radius: 0.625rem;
}
.swiper-indicater-wrap .square-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #ffffff;
}

.common-notice {
  padding: 12.5rem 0;
}
.common-notice .empty p {
  font-size: 1.625rem;
  font-weight: 500;
  letter-spacing: -0.08125rem;
}

.table-fixed {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

.table-style-normal {
  border-top: 1px solid #333333;
}
.table-style-normal th, .table-style-normal td {
  padding: 1.625rem 1.875rem 1.625rem 2.5rem;
  text-align: left;
  border-bottom: 1px solid #e7e7e7;
}
.table-style-normal th {
  background: #f8f8f8;
  vertical-align: middle;
}
.table-style-normal th p {
  font-size: 1.125rem;
  font-weight: 500;
  color: #333333;
}
.table-style-normal p {
  margin-top: 0.3125rem;
  line-height: 1.625rem;
  font-size: 1rem;
  letter-spacing: -0.05rem;
  color: #58595b;
}
.table-style-normal p:first-child {
  margin-top: 0;
}

.fgtable table {
  border-collapse: collapse;
}
.fgtable table td {
  padding: 15px;
}
.fgtable table thead th {
  background-color: #54585d;
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #54585d;
}
.fgtable table tbody tr {
  background-color: #ffffff;
}
.fgtable table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.fgtable table tbody td {
  color: #636363;
  border: 1px solid #dddfe1;
}

.order-step-list {
  border-top: 1px solid #e7e7e7;
  text-align: center;
  overflow: hidden;
}
.order-step-list.noborder {
  margin-top: -1.25rem;
  border-top: 0;
}
.order-step-list > ul {
  display: flex;
  width: calc(100% + 50px);
  padding: 2.5rem 0 3.125rem 0;
}
.order-step-list .step-list {
  flex: 1;
  position: relative;
}
.order-step-list .step-list:before {
  display: block;
  content: "";
  position: absolute;
  right: 1.25rem;
  top: 50%;
  margin-top: -0.8125rem;
  width: 0.875rem;
  height: 1.625rem;
  background: url("/img/icons/icon_arrow_order_step.png") no-repeat center center;
}
.order-step-list .step-list:last-child:before {
  display: none;
}
.order-step-list .step-list.active .step-box {
  background: #31291c;
}
.order-step-list .step-list.active .step-box .step-text {
  font-weight: 700;
  color: #fff;
}
.order-step-list .step-list.apply .step-box:before {
  background: url("/img/icons/icon_order_step_apply.png") no-repeat center center;
}
.order-step-list .step-list.payment .step-box:before {
  background: url("/img/icons/icon_order_step_payment.png") no-repeat center center;
}
.order-step-list .step-list.prepare .step-box:before {
  background: url("/img/icons/icon_order_step_prepare.png") no-repeat center center;
}
.order-step-list .step-list.delivery .step-box:before {
  background: url("/img/icons/icon_order_step_delivery.png") no-repeat center center;
}
.order-step-list .step-list.complete .step-box:before {
  background: url("/img/icons/icon_order_step_complete.png") no-repeat center center;
}
.order-step-list .step-list.confirm .step-box:before {
  background: url("/img/icons/icon_order_step_confirm.png") no-repeat center center;
}
.order-step-list .step-list.apply.active .step-box:before {
  background: url("/img/icons/icon_order_step_apply_on.png") no-repeat center center;
}
.order-step-list .step-list.payment.active .step-box:before {
  background: url("/img/icons/icon_order_step_payment_on.png") no-repeat center center;
}
.order-step-list .step-list.prepare.active .step-box:before {
  background: url("/img/icons/icon_order_step_prepare_on.png") no-repeat center center;
}
.order-step-list .step-list.delivery.active .step-box:before {
  background: url("/img/icons/icon_order_step_delivery_on.png") no-repeat center center;
}
.order-step-list .step-list.complete.active .step-box:before {
  background: url("/img/icons/icon_order_step_complete_on.png") no-repeat center center;
}
.order-step-list .step-list.confirm.active .step-box:before {
  background: url("/img/icons/icon_order_step_confirm_on.png") no-repeat center center;
}
.order-step-list .step-box {
  position: relative;
  display: block;
  padding-top: 5.5rem;
  width: 8.125rem;
  height: 8.125rem;
  border-radius: 50%;
  background: #f8f8f8;
}
.order-step-list .step-box:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 6.875rem;
}
.order-step-list .step-box .step-text {
  line-height: 1;
  font-size: 1rem;
  letter-spacing: -0.05rem;
  font-weight: 500;
  color: #333333;
}
.order-step-list .step-box .step-badge {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  color: #fff;
  border-radius: 50%;
  background: #89b03f;
}
.order-step-list .step-box .step-badge.hide {
  display: none;
}

.order-recent-list .list-box {
  margin-top: 1.25rem;
  padding: 0 2.5rem;
  border: 1px solid #e7e7e7;
  border-radius: 1.25rem;
}
.order-recent-list .list-box:first-child {
  margin-top: 0;
}
.order-recent-list .order-top {
  border-bottom: 1px solid #e7e7e7;
}
.order-recent-list .order-top .btn-link {
  display: block;
  position: relative;
  line-height: 4.125rem;
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
}
.order-recent-list .order-top .btn-link .label {
  position: relative;
  margin-left: 1.5625rem;
  padding-right: 1.5625rem;
  font-family: "Noto Sans KR";
  font-size: 1rem;
  font-weight: 500;
}
.order-recent-list .order-top .btn-link .label:after {
  display: block;
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  margin-top: -0.375rem;
  width: 1px;
  height: 0.8125rem;
  background: #e7e7e7;
}
.order-recent-list .order-top .btn-link .label:first-child {
  margin-left: 0;
}
.order-recent-list .order-top .btn-link .icon {
  display: block;
  position: absolute;
  right: 1.25rem;
  top: 50%;
  margin-top: -0.375rem;
}
.order-recent-list.noborder .list-box {
  padding: 0 5.625rem 0 0;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0;
}
.order-recent-list.noborder .order-top {
  border-bottom: 0;
}
.order-recent-list.noborder .order-top .btn-link {
  line-height: 1.875rem;
}
.order-recent-list.noborder .order-item-box {
  height: 7.5rem;
}

.order-item-box {
  display: flex;
  justify-content: space-between;
  min-height: 8.75rem;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.order-item-box .order-check {
  display: flex;
  align-items: center;
  width: 2.1875rem;
}
.order-item-box .order-info {
  display: flex;
  align-items: center;
  flex: 1;
  padding-left: 0.875rem;
}
.order-item-box .order-info .item-box {
  display: flex;
  align-items: center;
}
.order-item-box .order-info .item-box .img-slot {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 1.25rem;
  overflow: hidden;
}
.order-item-box .order-info .item-box .img-slot.md {
  width: 5.625rem;
  border-radius: 1.25rem;
}
.order-item-box .order-info .item-box .img-slot img {
  display: inline-block;
  width: 100%;
}
.order-item-box .order-info .item-box .img-slot.disabled {
  position: relative;
}
.order-item-box .order-info .item-box .img-slot.disabled:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  z-index: 10;
}
.order-item-box .order-info .item-box .img-slot.disabled img {
  opacity: 0.5;
}
.order-item-box .order-info .item-box .info-slot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 1.25rem;
  flex: 1 1 50rem;
}
.order-item-box .order-info .item-box .info-slot .product-name {
  margin-bottom: 0.9375rem;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.05rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.order-item-box .order-info .item-box .info-slot .product-desc {
  margin-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -0.05rem;
  color: #818286;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.order-item-box .order-info .item-box .info-slot .product-opt {
  font-size: 1rem;
  color: #818286;
}
.order-item-box .order-info .item-box .info-slot .product-opt b {
  margin-right: 0.3125rem;
  font-weight: 700;
  color: #58595b;
}
.order-item-box .order-info .item-box .info-slot .product-opt .btn-change {
  margin-left: 0.75rem;
  color: #333333;
  font-weight: 700;
}
.order-item-box .order-info .item-box .info-slot .product-opt .btn-change .icon {
  margin-left: 0.3125rem;
}
.order-item-box .order-info .item-box .info-slot .product-opt .btn-change:before {
  content: "\a";
  white-space: pre;
  line-height: 30px;
}
.order-item-box .order-info .item-box .info-slot .opt-box {
  line-height: 1;
}
.order-item-box .order-info .item-box .info-slot .opt-box > p {
  display: inline-block;
  position: relative;
  margin-left: 1.5625rem;
  vertical-align: middle;
  line-height: 1;
}
.order-item-box .order-info .item-box .info-slot .opt-box > p:after {
  display: block;
  content: "";
  position: absolute;
  left: -0.75rem;
  top: 50%;
  margin-top: -0.375rem;
  width: 1px;
  height: 0.8125rem;
  background: #e7e7e7;
}
.order-item-box .order-info .item-box .info-slot .opt-box > p:first-child {
  margin-left: 0;
}
.order-item-box .order-info .item-box .info-slot .opt-box > p:first-child:after {
  display: none;
}
.order-item-box .order-info .item-box .info-slot .product-price {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 1.875rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
}
.order-item-box .order-info .item-box .info-slot .product-price .price {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.08125rem;
  font-size: 1.125rem;
}
.order-item-box .order-info .item-box .info-slot .product-old-price {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 1.875rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #bcbdc1;
  text-decoration: line-through;
}
.order-item-box .order-info .item-box .info-slot .product-old-price .price {
  font-size: 1rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
  letter-spacing: -0.08125rem;
}
.order-item-box .order-info .item-box .info-slot .product-payment, .order-item-box .order-info .item-box .info-slot .product-count {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.875rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
}
.order-item-box .order-info .item-box .info-slot .product-introduce {
  margin-bottom: 1.125rem;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.05rem;
  color: #89b03f;
}
.order-item-box .order-point {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21.25rem;
  text-align: center;
}
.order-item-box .order-point .point-text {
  line-height: 1;
  font-size: 1.125rem;
  color: #333333;
}
.order-item-box .order-point .point-text .point {
  display: block;
  margin-top: 0.5rem;
  color: #6b8138;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.order-item-box .order-status {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 15rem;
  text-align: center;
}
.order-item-box .order-status .status-text {
  line-height: 1;
  font-size: 1.125rem;
  color: #333333;
}
.order-item-box .order-status .status-date {
  margin-top: 0.75rem;
  line-height: 1;
  font-size: 0.875rem;
  color: #818286;
}
.order-item-box .product-name {
  display: flex;
}
.order-item-box .order-count {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.875rem;
  width: 11.25rem;
  text-align: center;
}
.order-item-box .order-count .opt-count {
  position: relative;
  padding: 0 2.4375rem;
  height: 2.375rem;
}
.order-item-box .order-count .opt-count.disabled .btn-count {
  cursor: not-allowed;
}
.order-item-box .order-count .opt-count.disabled .count {
  cursor: not-allowed;
  color: #bcbdc1;
}
.order-item-box .order-count .opt-count .btn-count {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2.5rem;
  height: 2.25rem;
  border: 1px solid #ddd;
  border-radius: 0.375rem 0 0 0.375rem;
}
.order-item-box .order-count .opt-count .btn-count.count-up {
  left: auto;
  right: 0;
  border-radius: 0 0.375rem 0.375rem 0;
}
.order-item-box .order-count .opt-count .count {
  width: 2.625rem;
  height: 2.25rem;
  line-height: 2.125rem;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  color: #58595b;
  border: 1px solid #ddd;
}
.order-item-box .order-count .count-text {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
}
.order-item-box .order-price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 2.5rem;
  width: 21.25rem;
  text-align: center;
}
.order-item-box .order-price.old-price {
  justify-content: flex-end;
  text-align: right;
}
.order-item-box .order-price.old-price .price-text .price {
  font-size: 1.375rem;
  letter-spacing: -0.08125rem;
}
.order-item-box .order-price .price-text {
  line-height: 1;
  font-size: 1.125rem;
  color: #333333;
  word-break: keep-all;
}
.order-item-box .order-price .price-text .price {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.08125rem;
}
.order-item-box .order-price .old-price-text {
  margin-top: 0.5rem;
  line-height: 1;
  font-size: 0.8125rem;
  color: #bcbdc1;
  text-decoration: line-through;
}
.order-item-box .order-price .old-price-text .price {
  font-size: 1rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
  letter-spacing: -0.08125rem;
}
.order-item-box .order-btn {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 6.25rem;
  white-space: nowrap;
}
.order-item-box .order-btn .btn-box {
  width: 100%;
}
.order-item-box .order-btn .btn {
  display: flex;
  padding: 0;
  margin-top: 0.625rem;
  width: 100%;
  text-align: center;
}
.order-item-box .order-btn .btn:first-child {
  margin-top: 0;
}
.order-item-box .order-btn .btn-delete {
  display: block;
  position: absolute;
  right: 0;
  top: -1.6875rem;
  padding: 0.375rem;
  width: 1.5625rem;
  height: 1.5625rem;
}
.order-item-box .order-btn .btn-delete .icon {
  display: block;
}
.order-item-box .order-btn .soldout {
  color: #bcbdc1;
  background: #f8f8f8;
}
.order-item-box .order-btn .point-text {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  color: #818286;
}
.order-item-box .tooltip-drop-down {
  cursor: pointer;
  position: relative;
  padding-right: 1.25rem !important;
}
.order-item-box .tooltip-drop-down:before {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.375rem;
  width: 0.75rem;
  height: 0.75rem;
  background: url("/img/icons/icon_arrow_more.png") no-repeat center center;
}
.order-item-box .tooltip-drop-down.active:before {
  transform: rotate(180deg);
}
.order-item-box .tooltip-drop-down.active .tooltip-box {
  opacity: 1;
  visibility: visible;
}
.order-item-box .tooltip-drop-down .tooltip-box {
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 0.625rem;
  padding: 0.625rem 1.25rem;
  line-height: 1;
  border: 1px solid #333333;
  border-radius: 0.375rem;
  background: #fff;
  white-space: nowrap;
}
.order-item-box .tooltip-drop-down .tooltip-box.active {
  opacity: 1;
  visibility: visible;
}
.order-item-box .tooltip-drop-down .tooltip-box.alignr {
  left: auto;
  right: 0;
}
.order-item-box .tooltip-drop-down .tooltip-box > span {
  display: inline-block;
  position: relative;
  padding-left: 2rem;
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 500;
  color: #818286;
}
.order-item-box .tooltip-drop-down .tooltip-box > span.emphas-label {
  color: #333333;
}
.order-item-box .tooltip-drop-down .tooltip-box > span .price {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.08125rem;
}
.order-item-box .tooltip-drop-down .tooltip-box > span:first-child {
  padding-left: 0;
  color: #333333;
}
.order-item-box .tooltip-drop-down .tooltip-box > span:first-child:before {
  display: none;
}
.order-item-box .tooltip-drop-down .tooltip-box > span:before {
  display: block;
  content: "";
  position: absolute;
  left: 1rem;
  top: 50%;
  margin-top: -0.375rem;
  width: 1px;
  height: 0.8125rem;
  background: #e7e7e7;
}

.tooltip-msg {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  padding: 0 0.9375rem;
  margin-top: 0.625rem;
  height: 2.375rem;
  line-height: 2.25rem;
  font-size: 0.9375rem;
  color: #000;
  font-weight: 500;
  border: 1px solid #333;
  border-radius: 0.375rem;
  white-space: nowrap;
}
.tooltip-msg:before, .tooltip-msg:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: -5px;
  margin-left: -0.1875rem;
  width: 0.5rem;
  height: 0.5rem;
  transform: rotate(45deg);
  background: #333;
}
.tooltip-msg:after {
  top: -4px;
  margin-left: -0.1875rem;
  background: #fff;
}

.order-detail-top {
  position: relative;
  padding: 1.5625rem 1.875rem;
  margin-bottom: 3.125rem;
  height: 5rem;
  border-radius: 0.75rem;
  background-color: #f7fafc;
}
.order-detail-top .order-info {
  line-height: 1.875rem;
  font-size: 1.125rem;
  color: #58595b;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.order-detail-top .order-info .label {
  position: relative;
  margin-left: 3.75rem;
  padding-right: 1.5625rem;
  font-family: "Noto Sans KR";
}
.order-detail-top .order-info .label:first-child {
  margin-left: 0;
}
.order-detail-top .order-info .label:after {
  display: block;
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  margin-top: -0.5rem;
  width: 1px;
  height: 1.0625rem;
  background: #e7e7e7;
}
.order-detail-top .btn-print {
  position: absolute;
  right: 1.25rem;
  top: 1.5625rem;
  padding: 0 0.625rem;
  font-size: 1rem;
  letter-spacing: -0.05rem;
  font-weight: 700;
  color: #58595b;
}
.order-detail-top .btn-print .icon {
  margin: -0.1875rem 0.375rem 0 0;
  vertical-align: middle;
}
.order-detail-top + p.caution-text {
  margin: -2.375rem 0 2.5rem 0;
}

.order-detail-list .detail-list-wrap {
  margin-top: 5rem;
}
.order-detail-list .detail-list-wrap:first-child {
  margin-top: 0;
}
.order-detail-list .item-list-more {
  margin-top: 3.75rem;
}
.order-detail-list .detail-header, .order-detail-list .detail-footer {
  position: relative;
  padding: 1.25rem 0;
  border-bottom: 1px solid #333;
}
.order-detail-list .detail-header .order-title, .order-detail-list .detail-footer .order-title {
  line-height: 1;
  font-size: 1.375rem;
  font-weight: 700;
  color: #333333;
  letter-spacing: -0.06875rem;
}
.order-detail-list .detail-header .order-info, .order-detail-list .detail-footer .order-info {
  display: block;
  position: relative;
  line-height: 2.3125rem;
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
}
.order-detail-list .detail-header .order-info .label, .order-detail-list .detail-footer .order-info .label {
  position: relative;
  margin-left: 1.5625rem;
  padding-right: 1.5625rem;
}
.order-detail-list .detail-header .order-info .label:after, .order-detail-list .detail-footer .order-info .label:after {
  display: block;
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  margin-top: -0.375rem;
  width: 1px;
  height: 0.8125rem;
  background: #e7e7e7;
}
.order-detail-list .detail-header .order-info .label:first-child, .order-detail-list .detail-footer .order-info .label:first-child {
  margin-left: 0;
}
.order-detail-list .detail-header .order-info .icon, .order-detail-list .detail-footer .order-info .icon {
  display: block;
  position: absolute;
  right: 1.25rem;
  top: 50%;
  margin-top: -0.375rem;
}
.order-detail-list .detail-header .btn, .order-detail-list .detail-footer .btn {
  position: absolute;
  padding: 0;
  right: 1.875rem;
  bottom: 1.25rem;
  width: auto;
  min-width: 6.25rem;
  text-align: center;
}
.order-detail-list .detail-header .price-total, .order-detail-list .detail-footer .price-total {
  position: absolute;
  right: 0;
  bottom: 0.625rem;
  line-height: 2.3125rem;
  font-size: 1.125rem;
  color: #333333;
}
.order-detail-list .detail-header .price-total .price, .order-detail-list .detail-footer .price-total .price {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  margin-left: 0.9375rem;
  font-size: 1.375rem;
  letter-spacing: -0.08125rem;
}
.order-detail-list .detail-header .price-total .tooltip-msg, .order-detail-list .detail-footer .price-total .tooltip-msg {
  top: 70%;
  background-color: #ffffff;
}
.order-detail-list .detail-header .check-wrap, .order-detail-list .detail-footer .check-wrap {
  display: inline-block;
  vertical-align: middle;
}
.order-detail-list .detail-header .check-wrap label, .order-detail-list .detail-footer .check-wrap label {
  color: #040405;
}
.order-detail-list .detail-header .check-wrap label span, .order-detail-list .detail-footer .check-wrap label span {
  font-weight: 400;
}
.order-detail-list .detail-header .check-wrap label .checkbox, .order-detail-list .detail-footer .check-wrap label .checkbox {
  margin-left: 0;
}
.order-detail-list .detail-footer .btn {
  top: 1.25rem;
}
.order-detail-list .detail-footer {
  border-bottom: 0;
}
.order-detail-list .detail-footer p {
  letter-spacing: -0.05rem;
  color: #58595b;
}
.order-detail-list .detail-list .order-item-box {
  border-bottom: 1px solid #e7e7e7;
}
.order-detail-list .detail-list .order-item-box .item-box .img-slot {
  position: relative;
  width: 5.625rem;
  height: 5.625rem;
  overflow: hidden;
  border-radius: 0.9375rem;
}
.order-detail-list .detail-list .order-item-box .item-box .img-slot img {
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.order-detail-list .detail-list .order-item-box .check-wrap label .checkbox {
  margin-left: 0;
}
.order-detail-list .detail-list .order-item-box .order-info {
  padding-left: 2.5rem;
}
.order-detail-list .detail-list .order-item-box .order-point {
  width: 10rem;
}
.order-detail-list .detail-list .order-item-box .order-status {
  width: 10rem;
}
.order-detail-list .detail-list .order-item-box .order-price {
  width: 10rem;
}
.order-detail-list .detail-list .order-item-box .order-btn {
  padding: 0 2.5rem 0 1.875rem;
  width: 10rem;
}

.popup-window .order-detail-list .detail-list .order-item-box .order-info {
  padding-left: 1.875rem;
}
.popup-window .order-detail-table th, .popup-window .order-detail-table td {
  padding-left: 1.875rem;
  padding-right: 0;
}

.order-detail-list .detail-table-box {
  padding: 1.5625rem 0;
}
.order-detail-list .detail-table-box.bordered {
  border-bottom: 1px solid #e7e7e7;
}
.order-detail-list .detail-table-box.total {
  padding-bottom: 0;
}

.order-detail-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
.order-detail-table th, .order-detail-table td {
  padding: 0.625rem 0.625rem 0.625rem 2.5rem;
  text-align: left;
}
.order-detail-table p {
  font-size: 1rem;
  color: #333333;
  letter-spacing: -0.05rem;
}
.order-detail-table th p {
  font-weight: 700;
}
.order-detail-table td.price {
  padding-right: 2.5rem;
  text-align: right;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.order-detail-table td.order-name .name {
  display: inline-block;
}
.order-detail-table td.order-name .btn-name-change {
  margin-left: 0.9375rem;
  padding: 0 0.625rem;
  min-width: 5rem;
  height: 2.3125rem;
  text-align: center;
}

.order-detail-total {
  margin-top: 2.5rem;
  padding: 0.9375rem 2.5rem;
  height: 4.375rem;
  border-radius: 0.75rem;
  background: #f8f8f8;
}
.order-detail-total .label {
  float: left;
  line-height: 2.5rem;
  font-size: 1.125rem;
  color: #333333;
  font-weight: 700;
}
.order-detail-total .price {
  float: right;
  line-height: 2.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #6b8138;
  letter-spacing: -0.05625rem;
}
.order-detail-total .price b {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
}

.order-gift-list .detail-header .order-gift-info {
  position: absolute;
  right: 1.5625rem;
  top: 1.25rem;
}
.order-gift-list .detail-header .order-gift-info p {
  position: relative;
  padding-left: 1.875rem;
  float: left;
  line-height: 1;
  font-size: 1rem;
  color: #818286;
}
.order-gift-list .detail-header .order-gift-info p .label {
  margin-right: 0.5rem;
}
.order-gift-list .detail-header .order-gift-info p b {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.08125rem;
  font-size: 1.125rem;
  color: #333333;
}
.order-gift-list .detail-header .order-gift-info p b.fc-priamry {
  color: #6b8138;
}
.order-gift-list .detail-header .order-gift-info p:before {
  display: block;
  content: "";
  position: absolute;
  left: 0.875rem;
  top: 50%;
  margin-top: -0.4375rem;
  width: 1px;
  height: 1rem;
  background: #e7e7e7;
}
.order-gift-list .detail-header .order-gift-info p:first-child:before {
  display: none;
}
.order-gift-list .gift-list {
  display: flex;
  flex-flow: row wrap;
}
.order-gift-list .gift-list .list-box {
  position: relative;
  padding-top: 1.875rem;
  width: calc(100% / 7);
  height: 17.8125rem;
  text-align: center;
}
.order-gift-list .gift-list .list-box .badge {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  width: 2rem;
  height: 2rem;
  line-height: 1.875rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  border-radius: 50%;
  background-color: #333333;
  z-index: 10;
}
.order-gift-list .gift-list .list-box .item-box:hover {
  opacity: 1;
}
.order-gift-list .gift-list .list-box .item-box.selected .img-slot {
  border-color: #333333;
}
.order-gift-list .gift-list .list-box .item-box.selected .count-slot {
  opacity: 1;
}
.order-gift-list .gift-list .list-box .item-box.selected .count-slot .icon {
  opacity: 1;
}
.order-gift-list .gift-list .list-box .item-box.selected .info-slot .product-price {
  color: #333333;
}
.order-gift-list .gift-list .list-box .item-box.soldout .img-slot {
  position: relative;
}
.order-gift-list .gift-list .list-box .item-box.soldout .img-slot:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
}
.order-gift-list .gift-list .list-box .item-box.soldout .img-slot img {
  opacity: 0.2;
}
.order-gift-list .gift-list .list-box .item-box.soldout .info-slot .product-price {
  color: #d47475;
}
.order-gift-list .gift-list .list-box .img-slot {
  position: relative;
  margin: 0 auto;
  margin-bottom: 0.625rem;
  width: 5.625rem;
  height: 5.625rem;
  border: 1px solid transparent;
  border-radius: 1.25rem;
  overflow: hidden;
  box-sizing: content-box;
}
.order-gift-list .gift-list .list-box .img-slot img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  max-width: 100%;
}
.order-gift-list .gift-list .list-box .info-slot p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.25rem;
  font-size: 0.875rem;
  color: #333333;
}
.order-gift-list .gift-list .list-box .info-slot .product-favorite {
  color: #89b03f;
  margin-bottom: 0.9375rem;
  font-weight: 500;
}
.order-gift-list .gift-list .list-box .info-slot .product-name {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: 2.5rem;
}
.order-gift-list .gift-list .list-box .info-slot .product-price {
  margin-top: 0.3125rem;
  color: #bcbdc1;
  font-weight: 500;
}
.order-gift-list .gift-list .list-box .info-slot .product-price .price {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: -0.08125rem;
}
.order-gift-list .gift-list .list-box .count-slot {
  position: relative;
  margin: 0 auto;
  margin-top: 0.9375rem;
  width: 4.9375rem;
  height: 2rem;
}
.order-gift-list .gift-list .list-box .count-slot .btn-count {
  display: block;
  position: relative;
  width: 2.5rem;
  height: 2rem;
  border: 1px solid rgba(51, 51, 51, 0.15);
  border-radius: 0.3125rem 0 0 0.3125rem;
}
.order-gift-list .gift-list .list-box .count-slot .btn-count .icon {
  opacity: 0.6;
}
.order-gift-list .gift-list .list-box .count-slot .btn-count.count-up {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 0.3125rem 0.3125rem 0;
}
.order-gift-list .gift-list.bordered .list-box .img-slot {
  border-color: #e7e7e7;
}

.order-cancel-list .check-list-wrap .detail-header {
  height: auto;
}
.order-cancel-list .check-list-wrap .detail-header .order-title {
  line-height: 1;
  margin-bottom: 1.25rem;
}
.order-cancel-list .detail-list .order-item-box .order-count {
  width: 15rem;
}
.order-cancel-list .detail-list .order-item-box .order-status {
  width: 11.25rem;
}
.order-cancel-list .detail-list .order-item-box .order-price {
  width: 11.25rem;
}

.order-address-list .list-box {
  position: relative;
  padding: 1.875rem 2.5rem;
  margin-top: 1.25rem;
  border: 1px solid #e7e7e7;
  border-radius: 1.25rem;
}
.order-address-list .list-box:first-child {
  margin-top: 0;
}
.order-address-list .list-box.default {
  border-color: #333333;
}
.order-address-list .list-box .check-wrap {
  display: inline-block;
  margin-bottom: 0.9375rem;
}
.order-address-list .list-box .check-wrap label {
  justify-content: flex-start;
}
.order-address-list .list-box .check-wrap label .checkbox {
  margin: 0;
}
.order-address-list .list-box .info {
  line-height: 1.5rem;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  color: #58595b;
}
.order-address-list .list-box .info em {
  color: #333333;
  font-weight: 700;
}
.order-address-list .list-box .info .line {
  display: inline-block;
  margin: -0.1875rem 0.875rem 0 1rem;
  width: 1px;
  height: 1rem;
  vertical-align: middle;
  background: #ddd;
}
.order-address-list .list-box .info .phone {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
}
.order-address-list .list-box .address {
  margin-top: 0.8125rem;
  line-height: 1.5rem;
  font-size: 1rem;
  color: #818286;
  letter-spacing: -0.05rem;
}
.order-address-list .list-box .btn-box {
  display: flex;
  justify-content: flex-end;
  position: relative;
  margin-top: 1.5625rem;
  right: auto;
  top: auto;
  transform: none;
  width: auto;
}
.order-address-list .list-box .btn-box .btn {
  margin-left: 0.625rem;
}
.order-address-list .list-box .default {
  position: absolute;
  bottom: 1.875rem;
  left: 2.5rem;
  padding: 0;
  margin-bottom: 0;
  width: 9.75rem;
  font-size: 0.875rem;
  min-width: auto;
}

.order-address-wrap .btn-address-add {
  width: 11.25rem;
  text-align: center;
  font-size: 1.375rem;
  font-weight: 700;
}
.order-address-wrap .list-empty-box.bordered {
  border-top-color: #333333;
}

.order-return-step {
  margin-top: 4.375rem;
}
.order-return-step .step-title {
  height: 3.125rem;
  line-height: 2.25rem;
  font-size: 1.375rem;
  color: #333333;
  font-weight: 700;
}
.order-return-step .return-step-list {
  display: flex;
  padding: 2.5rem 0 2.5rem 2.8125rem;
  height: 12.5rem;
  border-top: 1px solid #333;
  border-bottom: 1px solid #e7e7e7;
}
.order-return-step .return-step-list .step-list {
  position: relative;
  flex: 1;
  width: 21.875rem;
  height: 8.75rem;
}
.order-return-step .return-step-list .step-list:before {
  display: block;
  content: "";
  position: absolute;
  right: 2.1875rem;
  top: 50%;
  margin-top: -0.8125rem;
  width: 0.875rem;
  height: 1.625rem;
  background: url("/img/icons/icon_arrow_order_step.png") no-repeat center center;
}
.order-return-step .return-step-list .step-list:last-child:before {
  display: none;
}
.order-return-step .return-step-list .step-box {
  display: flex;
  align-items: center;
}
.order-return-step .return-step-list .step-box .icon-box {
  position: relative;
  padding-top: 5.875rem;
  width: 8.125rem;
  height: 8.125rem;
  line-height: 1;
  text-align: center;
  font-size: 1rem;
  color: #333333;
  font-weight: 500;
  border-radius: 50%;
  background: #f8f8f8;
  letter-spacing: -0.05rem;
}
.order-return-step .return-step-list .step-box .icon-box:before {
  display: block;
  content: "1";
  position: absolute;
  left: 0.75rem;
  top: 0.75rem;
  font-size: 1.375rem;
  color: #333333;
  font-weight: 700;
}
.order-return-step .return-step-list .step-box .text-box {
  padding-left: 1.25rem;
  line-height: 1.375rem;
  font-size: 0.875rem;
  color: #333333;
  letter-spacing: -0.04375rem;
}
.order-return-step .return-step-list .step-list:nth-child(1) .icon-box {
  background: #f7fafc url("/img/icons/icon_return_step_01.png") no-repeat center 38%;
}
.order-return-step .return-step-list .step-list:nth-child(1) .icon-box:before {
  content: "1";
}
.order-return-step .return-step-list .step-list:nth-child(2) .icon-box {
  background: #f7fafc url("/img/icons/icon_return_step_02.png") no-repeat center 38%;
}
.order-return-step .return-step-list .step-list:nth-child(2) .icon-box:before {
  content: "2";
}
.order-return-step .return-step-list .step-list:nth-child(3) .icon-box {
  background: #f7fafc url("/img/icons/icon_return_step_03.png") no-repeat center 38%;
}
.order-return-step .return-step-list .step-list:nth-child(3) .icon-box:before {
  content: "3";
}
.order-return-step .cancel-step-list .step-list:nth-child(1) .icon-box {
  background: #f8f8f8 url("/img/icons/icon_cancel_step_01.png") no-repeat center 38%;
}
.order-return-step .cancel-step-list .step-list:nth-child(2) .icon-box {
  background: #f8f8f8 url("/img/icons/icon_cancel_step_02.png") no-repeat center 38%;
}
.order-return-step .cancel-step-list .step-list:nth-child(3) .icon-box {
  background: #f8f8f8 url("/img/icons/icon_cancel_step_03.png") no-repeat center 38%;
}

.order-processing {
  text-align: center;
}
.order-processing h2 {
  margin-bottom: 3.75rem;
  font-size: 2.875rem;
}
.order-processing .icon-box {
  text-align: center;
  margin-bottom: 3.75rem;
}
.order-processing .sub-text {
  font-size: 1.125rem;
  font-weight: 500;
  color: #333333;
  letter-spacing: -0.05625rem;
}
.order-processing .progressbar {
  width: 25.25rem;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}
.order-processing .progressbar .graph-bar {
  width: 100%;
  height: 0.375rem;
}
@-webkit-keyframes loading-loop {
  from {
    transform: translate(-100%);
  }
  to {
    transform: translate(400%);
  }
}
@keyframes loading-loop {
  from {
    transform: translate(-100%);
  }
  to {
    transform: translate(400%);
  }
}
.order-processing .progressbar.loop .graph-bar {
  overflow: hidden;
  background-color: #e7e7e7;
}
.order-processing .progressbar.loop .graph-bar .bar {
  height: 0.375rem;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-name: loading-loop;
          animation-name: loading-loop;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  background-color: #333333;
}
.order-processing .btn-wrap {
  margin-top: 3.75rem;
}
.order-processing .btn-wrap .btn.btn-lg {
  width: 12.5rem;
}
.order-processing .btn-wrap .btn + .btn {
  margin-left: 0.625rem;
}
.order-processing .notice {
  color: #040405;
  margin-top: 2.5rem;
  font-size: 1rem;
  letter-spacing: -0.05rem;
}
.order-processing .notice .underline {
  display: inline-block;
  border-bottom: 1px solid #333333;
  color: #333333;
  font-weight: 500;
}

.order-complete .gray-box {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  text-align: center;
  background-color: #f7fafc;
  border-radius: 1.25rem;
}
.order-complete .gray-box .phrase {
  font-size: 2.25rem;
  letter-spacing: -0.1125rem;
  font-weight: 700;
  line-height: 1;
}
.order-complete .gray-box .sub-description {
  margin-top: 1.875rem;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  font-weight: 500;
  line-height: 1;
}
.order-complete .gray-box .sub-description .emphas {
  color: #6b8138;
}
.order-complete .order-detail-list {
  margin-top: 3.75rem;
}
.order-complete .order-detail-list .detail-list-wrap {
  margin-top: 4.375rem;
}
.order-complete .order-detail-list .detail-list-wrap:first-child {
  margin-top: 0;
}
.order-complete .order-detail-list .detail-header, .order-complete .order-detail-list .detail-footer {
  position: relative;
  padding: 0.9375rem 0;
  min-height: 3.75rem;
  border-bottom: 1px solid #333;
}
.order-complete .order-detail-list .detail-header .order-title, .order-complete .order-detail-list .detail-footer .order-title {
  line-height: 2.3125rem;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  font-weight: 700;
  color: #333333;
}
.order-complete .order-detail-list .detail-header .order-info, .order-complete .order-detail-list .detail-footer .order-info {
  display: block;
  position: relative;
  line-height: 2.3125rem;
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
}
.order-complete .order-detail-list .detail-header .order-info .label, .order-complete .order-detail-list .detail-footer .order-info .label {
  position: relative;
  margin-left: 1.5625rem;
  padding-right: 1.5625rem;
}
.order-complete .order-detail-list .detail-header .order-info .label:after, .order-complete .order-detail-list .detail-footer .order-info .label:after {
  display: block;
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  margin-top: -0.375rem;
  width: 1px;
  height: 0.8125rem;
  background: #e7e7e7;
}
.order-complete .order-detail-list .detail-header .order-info .label:first-child, .order-complete .order-detail-list .detail-footer .order-info .label:first-child {
  margin-left: 0;
}
.order-complete .order-detail-list .detail-header .order-info .icon, .order-complete .order-detail-list .detail-footer .order-info .icon {
  display: block;
  position: absolute;
  right: 1.25rem;
  top: 50%;
  margin-top: -0.375rem;
}
.order-complete .order-detail-list .detail-header .btn, .order-complete .order-detail-list .detail-footer .btn {
  position: absolute;
  padding: 0;
  right: 1.875rem;
  top: 0.75rem;
  width: auto;
  min-width: 6.25rem;
  text-align: center;
}
.order-complete .order-detail-list .detail-header .price-total, .order-complete .order-detail-list .detail-footer .price-total {
  position: absolute;
  right: 0;
  bottom: 0.3125rem;
  line-height: 2.3125rem;
  font-size: 1.125rem;
  color: #333333;
}
.order-complete .order-detail-list .detail-header .price-total .price, .order-complete .order-detail-list .detail-footer .price-total .price {
  margin-left: 0.9375rem;
  font-size: 1.375rem;
  font-weight: 700;
}
.order-complete .order-detail-list .detail-header .check-wrap, .order-complete .order-detail-list .detail-footer .check-wrap {
  display: inline-block;
  vertical-align: middle;
}
.order-complete .order-detail-list .detail-footer {
  border-bottom: 0;
}
.order-complete .order-detail-list .detail-list .order-item-box {
  border-bottom: 1px solid #e7e7e7;
}
.order-complete .order-detail-list .detail-list .order-item-box .item-box .img-slot {
  width: 5.625rem;
  border-radius: 0.9375rem;
}
.order-complete .order-detail-list .detail-list .order-item-box .order-info {
  padding-left: 2.5rem;
}
.order-complete .order-detail-list .detail-list .order-item-box .order-point {
  width: 10rem;
}
.order-complete .order-detail-list .detail-list .order-item-box .order-status {
  width: 10rem;
}
.order-complete .order-detail-list .detail-list .order-item-box .order-price {
  width: 10rem;
}
.order-complete .order-detail-list .detail-list .order-item-box .order-btn {
  padding: 0 1.875rem;
  width: 10rem;
}
.order-complete .order-detail-list .detail-list .order-item-box {
  height: auto;
}
.order-complete .order-detail-list .detail-list .order-item-box .order-price {
  width: 8.75rem;
}
.order-complete .order-detail-list .detail-list .order-item-box .order-btn {
  padding: 0 3.125rem 0 3.75rem;
  width: 14.375rem;
}
.order-complete .form-content .form-list .value {
  height: 3.125rem;
  font-size: 1rem;
}
.order-complete .form-content .form-list.no-border-bottom {
  border-bottom: 0;
}
.order-complete .form-content .total-price {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 1.5625rem 3.75rem 1.5625rem 1.875rem;
  margin-top: 1.25rem;
  background-color: #f8f8f8;
  border-radius: 0.9375rem;
}
.order-complete .form-content .total-price .label {
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
}
.order-complete .form-content .total-price .value {
  line-height: 1;
  vertical-align: middle;
  font-size: 1.125rem;
  font-weight: 500;
  color: #6b8138;
}
.order-complete .form-content .total-price .value b {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: -0.075rem;
}
.order-complete .gift-list .detail-list-wrap .detail-header {
  display: flex;
  justify-content: space-between;
}
.order-complete .gift-list .detail-list-wrap .detail-header .total-price-gift .label {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 500;
  margin-right: 0.625rem;
}
.order-complete .gift-list .detail-list-wrap .detail-header .total-price-gift .value {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: -0.0625rem;
}
.order-complete .gift-list .detail-list-wrap .order-item-box .order-info .item-box .info-slot .product-name {
  margin-bottom: 0;
}

.bottom-notice-wrap p {
  text-align: center;
  color: #040405;
  font-size: 1.125rem;
  letter-spacing: -0.05rem;
}
.bottom-notice-wrap p a {
  color: #333333;
  border-bottom: 1px solid #333333;
}

.form-content {
  margin-top: 3.75rem;
}
.form-content .toggle-btn-list {
  display: flex;
  padding: 1.875rem 0 0.625rem 2.5rem;
}
.form-content .toggle-btn-list .btn-toggle {
  display: block;
  position: relative;
  padding-top: 1.5rem;
  margin-right: 0.625rem;
  width: 10rem;
  height: 5.625rem;
  text-align: center;
}
.form-content .toggle-btn-list .btn-toggle.new-account .text {
  margin: -0.3125rem 0 0 0;
}
.form-content .toggle-btn-list .btn-toggle .box {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #e7e7e7;
  border-radius: 0.625rem;
}
.form-content .toggle-btn-list .btn-toggle .text {
  display: block;
  margin: -0.125rem 0 0.1875rem 0;
  width: 100%;
  line-height: 1.5rem;
  font-size: 1.125rem;
  color: #333333;
  font-weight: 700;
}
.form-content .toggle-btn-list .btn-toggle .desc {
  display: block;
  width: 100%;
  line-height: 1.25rem;
  font-size: 0.875rem;
  color: #333333;
}
.form-content .toggle-btn-list .btn-toggle input {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
}
.form-content .toggle-btn-list .btn-toggle input:checked + span.box {
  border-color: #333333;
}
.form-content .toggle-btn-list .btn-toggle.disabled {
  opacity: 0.4;
  cursor: default;
}
.form-content .input-text {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
  padding: 0 1.25rem;
  width: 16.25rem;
  height: 3.125rem;
  font-size: 1rem;
  color: #58595b;
  border: 1px solid #e7e7e7;
  border-radius: 0.625rem;
  background: #fff;
}
.form-content .input-text.input-sm {
  width: 6.25rem;
}
.form-content .input-text.input-sm2 {
  width: 9.375rem;
}
.form-content .input-text.input-sm3 {
  width: 8.125rem;
}
.form-content .input-text.input-md {
  width: 12.5rem;
}
.form-content .input-text.input-md0 {
  width: 13.5rem;
}
.form-content .input-text.input-md1 {
  width: 14.125rem;
}
.form-content .input-text.input-md2 {
  width: 15.625rem;
}
.form-content .input-text.input-md3 {
  width: 18.75rem;
}
.form-content .input-text.input-md4 {
  width: 25rem;
}
.form-content .input-text.input-md5 {
  width: 15rem;
}
.form-content .input-text.input-md6 {
  width: 13.75rem;
}
.form-content .input-text.input-lg {
  width: 31.25rem;
}
.form-content .input-text.input-lgs {
  width: 28.75rem;
}
.form-content .input-text.input-xs {
  width: 43.75rem;
}
.form-content .input-text.input-xs2 {
  width: 38.125rem;
}
.form-content .input-text.input-full {
  width: 100%;
}
.form-content .input-text + p.text-count {
  margin-top: 1.25rem;
  width: 100%;
  text-align: right;
  line-height: 1;
  font-size: 1rem;
  color: #818286;
}
.form-content textarea.input-text {
  padding: 0.9375rem 1.25rem;
  height: 29.375rem;
  line-height: 1.625rem;
  overflow: hidden;
  overflow-y: auto;
  resize: none;
}
.form-content textarea.input-text.height-md {
  height: 12.5rem;
}
.form-content .input-text:-moz-read-only {
  color: #bcbdc1 !important;
  background: #f8f8f8;
}
.form-content .input-text:read-only {
  color: #bcbdc1 !important;
  background: #f8f8f8;
}
.form-content .input-text.alignr {
  text-align: right;
}
.form-content .input-text.alignc {
  text-align: center;
}
.form-content .radio-wrap {
  padding: 0.75rem 0;
}
.form-content .check-wrap {
  padding: 0.625rem 0;
}
.form-content .unit-text {
  margin: 0 0.625rem;
  line-height: 3.125rem;
  font-size: 1rem;
  letter-spacing: -0.05rem;
  color: #333333;
}
.form-content .desc-text {
  margin-top: 0.625rem;
  width: 100%;
  line-height: 1.5rem;
  font-size: 1rem;
  color: #333333;
}
.form-content .btn {
  padding: 0 0.9375rem;
  margin: 0.375rem 0;
  min-width: 5rem;
  text-align: center;
}
.form-content .info-text {
  margin-left: 1.25rem;
  line-height: 3.125rem;
  font-size: 1rem;
  color: #333333;
}
.form-content .info-text b {
  font-size: 1.125rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.form-content .file-box {
  position: relative;
  padding-right: 8.125rem;
  width: 28.125rem;
}
.form-content .file-box .input-text {
  color: #58595b !important;
  background: #fff;
}
.form-content .file-box .btn-file {
  position: absolute;
  margin: 0;
  right: 0;
  top: 0;
  min-width: 7.5rem;
}
.form-content .file-box .input-file {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
}
.form-content .file-upload-list {
  margin-top: 1.25rem;
}
.form-content .file-upload-list .file-upload-box {
  position: relative;
  margin-top: 0.625rem;
  height: 1.875rem;
}
.form-content .file-upload-list .file-upload-box:first-child {
  margin-top: 0;
}
.form-content .file-upload-list .file-upload-box .file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding: 0 1.875rem;
  width: 20rem;
  height: 1.875rem;
  line-height: 1.625rem;
  font-size: 0.875rem;
  color: #818286;
  border: 1px solid #e7e7e7;
  border-radius: 0.9375rem;
}
.form-content .file-upload-list .file-upload-box .file-name .icon {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
}
.form-content .file-upload-list .file-upload-box .btn-delete {
  display: block;
  position: absolute;
  left: 18.4375rem;
  top: 0.3125rem;
  padding: 0.375rem;
  line-height: 1;
  z-index: 10;
}
.form-content .file-upload-list .file-upload-box .btn-delete .icon {
  display: block;
}
.form-content .file-upload-list .file-upload-box .file-size {
  position: absolute;
  left: 20.625rem;
  top: 0;
  line-height: 1.875rem;
  font-size: 0.875rem;
  color: #818286;
}
.form-content .form-title-box .form-title {
  line-height: 1;
  font-size: 1.375rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 1.25rem;
}
.form-content .form-list {
  padding: 1.25rem 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #e7e7e7;
}
.form-content .form-list + p.caution-text {
  margin-top: 0.9375rem;
}
.form-content .form-box {
  display: flex;
  flex-flow: wrap;
  position: relative;
  padding: 0.625rem 0 0.625rem 12.5rem;
}
.form-content .form-box.text {
  padding-top: 0;
  padding-bottom: 0;
}
.form-content .form-box.text .form-label {
  top: 0;
}
.form-content .form-box.phone-box .input-text.input-sm2 {
  width: 5.625rem;
}
.form-content .form-box p {
  line-height: 3.125rem;
  font-size: 1rem;
  letter-spacing: -0.05rem;
  color: #333333;
}
.form-content .form-box p.date {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
}
.form-content .form-box .form-label {
  position: absolute;
  left: 0;
  top: 0.625rem;
  padding-left: 1.875rem;
  font-weight: 700;
}
.form-content .form-box .notice {
  font-size: 1rem;
  color: #818286;
}
.form-content .form-box .fc-primary {
  color: #6b8138;
}
.form-content .form-box .fc-emphas {
  color: #89b040;
}
.form-content .form-box.inline {
  flex-flow: unset;
}
.form-content .form-desc {
  padding: 1.25rem 0 1.25rem 2.5rem;
}
.form-content .form-desc p {
  line-height: 1.5rem;
  font-size: 1rem;
  color: #818286;
  letter-spacing: -0.05rem;
}
.form-content .form-desc p.dot {
  position: relative;
  padding-left: 0.75rem;
}
.form-content .form-desc p.dot:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.125rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #bcbdc1;
}
.form-content .form-line {
  margin: 1.25rem 0;
  border-top: 1px solid #e7e7e7;
}
.form-content .form-enter {
  width: 100%;
}
.form-content .shipping-input-box {
  display: none;
}
.form-content .form-box.agree-box {
  padding-left: 2.5rem;
}
.form-content .form-box.agree-box .form-label {
  position: relative;
  left: auto;
  top: auto;
  padding-left: 0;
}
.form-content .form-box.agree-box .agree-text {
  margin-bottom: 0.625rem;
  width: 100%;
}
.form-content .form-box.agree-box .agree-text p {
  line-height: 1.75rem;
  font-size: 1rem;
  color: #818286;
}
.form-content .form-box.agree-box .agree-text p + p {
  margin-top: 0.625rem;
}
.form-content .form-box.agree-box .check-wrap {
  margin-left: -0.3125rem;
}
.form-content .sns-account-list li {
  display: flex;
  padding: 0.625rem;
}
.form-content .sns-account-list li .icon-account {
  margin-right: 1rem;
  width: 6.25rem;
  height: 2.3125rem;
  border: 1px solid #e7e7e7;
  border-radius: 1.1875rem;
}
.form-content .sns-account-list li .icon-account .icon {
  display: block;
  width: 100%;
  height: 100%;
  filter: grayscale(100%);
}
.form-content .sns-account-list li p {
  width: 18.125rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  font-size: 1rem;
  color: #333333;
}
.form-content .sns-account-list li .btn-connect {
  margin: 0;
  padding: 0;
  width: 5.625rem;
  text-align: center;
}
.form-content .sns-account-list li.payco .icon-account .icon {
  opacity: 0.3;
  background: url("/img/icons/icon_account_payco.png") no-repeat center center;
}
.form-content .sns-account-list li.kakao .icon-account .icon {
  background: url("/img/icons/icon_account_kakao.png") no-repeat center center;
}
.form-content .sns-account-list li.naver .icon-account .icon {
  opacity: 0.4;
  background: url("/img/icons/icon_account_naver.png") no-repeat center center;
}
.form-content .sns-account-list li.apple .icon-account .icon {
  opacity: 0.2;
  background: url("/img/icons/icon_account_apple.png") no-repeat center center;
}
.form-content .sns-account-list li.connected .icon-account .icon {
  filter: grayscale(0);
  opacity: 1;
}
.form-content .account-apply {
  display: flex;
  align-items: center;
  padding: 0.625rem;
}
.form-content .account-apply p {
  width: 25.375rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  font-size: 1rem;
  color: #333333;
}
.form-content .account-apply p.no-account {
  color: #bcbdc1;
}
.form-content .account-apply p .account {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
}
.form-content .account-apply p .name {
  display: inline-block;
  line-height: 1;
  border-left: 1px solid #e7e7e7;
  padding-left: 0.625rem;
  margin-left: 0.625rem;
}
.form-content .account-apply .btn-connect {
  margin: 0;
  padding: 0;
  width: 5.625rem;
  text-align: center;
}
.form-content .count-down-time {
  position: relative;
}
.form-content .count-down-time .time {
  position: absolute;
  right: 1.5625rem;
  top: 0.9375rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 300;
  color: #040405;
  font-size: 1rem;
  letter-spacing: -0.05rem;
}

.drop-down {
  position: relative;
}
.drop-down .btn-drop-down, .drop-down .btn-down-menu {
  position: relative;
  display: inline-block;
  padding: 0 0.3125rem;
  min-width: 3.125rem;
  line-height: 1.875rem;
  font-size: 1rem;
  color: #58595b;
  white-space: nowrap;
}
.drop-down .btn-drop-down {
  padding: 0 1.875rem 0 0.3125rem;
}
.drop-down .btn-drop-down:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: url("/img/icons/icon_arrow_more.png") no-repeat center center;
}
.drop-down .drop-down-list {
  display: none;
  position: absolute;
  left: 0;
  top: 1.875rem;
  border: 1px solid #333333;
  border-radius: 1.25rem;
  padding: 1.25rem;
  width: auto;
  min-width: 6.25rem;
  background-color: #ffffff;
  z-index: 1;
}
.drop-down .drop-down-list.align-r {
  left: auto;
  right: 0;
}
.drop-down .drop-down-list li {
  line-height: 1;
  margin-bottom: 0.9375rem;
}
.drop-down .drop-down-list li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.drop-down .drop-down-list li a {
  line-height: 1;
  font-size: 1rem;
}
.drop-down.active .drop-down-list {
  display: inline-block;
  z-index: 100;
}
.drop-down.active .btn-drop-down:after {
  transform: rotate(180deg);
}
.drop-down.filter-good .drop-down-list {
  min-width: 9.375rem;
}
.drop-down.filter-good .drop-down-list li {
  margin-bottom: 0.9375rem;
}
.drop-down.filter-good .drop-down-list li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.drop-down.filter-good .drop-down-list li a {
  width: 100%;
}
.drop-down.filter-good .drop-down-list li a.btn-down-menu {
  padding-left: 0;
  padding-right: 0;
}
.drop-down.filter-good .drop-down-list li a.btn-down-menu p {
  display: inline-block;
}
.drop-down.filter-good .drop-down-list li a.btn-down-menu p.star {
  width: 2.5rem;
  font-weight: 700;
}
.drop-down.filter-good .drop-down-list li a.btn-down-menu p.star [class*=icon-] {
  margin-right: 0.1875rem;
}
.drop-down.filter-good .drop-down-list li a.btn-down-menu p.count {
  font-size: 1rem;
  color: #58595b;
}
.drop-down.filter-type .drop-down-list {
  width: 27.5rem;
  left: auto;
  right: 0;
}
.drop-down.filter-type .drop-down-list > ul {
  display: flex;
  width: 100%;
}
.drop-down.filter-type .drop-down-list > ul > li {
  flex: 1 1 33%;
}
.drop-down.filter-type .drop-down-list > ul > li .title {
  font-size: 1.125rem;
  font-weight: 700;
}
.drop-down.filter-type .drop-down-list > ul > li .check-list {
  margin-top: 1.25rem;
}
.drop-down.filter-type .drop-down-list > ul > li .check-list .check-wrap {
  margin-bottom: 0.625rem;
}
.drop-down.filter-type .drop-down-list > ul > li .check-list .check-wrap:nth-last-of-type(1) {
  margin-bottom: 0;
}
.drop-down.filter-type .drop-down-list > ul > li .check-list .check-wrap label .checkbox {
  margin-left: 0;
}

.select-drop-down {
  position: relative;
  display: inline-block;
}
.select-drop-down select {
  display: none;
}
.select-drop-down.readonly .btn-select {
  color: #bcbdc1 !important;
  background: #f2f2f2;
}
.select-drop-down:not(.select-option) .btn-select {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  padding: 0 1.875rem 0 1.25rem;
  min-width: 7.375rem;
  height: 3.125rem;
  line-height: 3rem;
  font-size: 1rem;
  color: #333333;
  font-weight: 500;
  border: 1px solid #e7e7e7;
  border-radius: 0.75rem;
}
.select-drop-down:not(.select-option) .btn-select:after {
  display: block;
  content: "";
  position: absolute;
  right: 0.625rem;
  top: 50%;
  margin-top: -0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url("/img/icons/icon_arrow_more.png") no-repeat center center;
}
.select-drop-down:not(.select-option) .btn-select.placeholder {
  font-weight: 400;
  color: #bcbdc1;
}
.select-drop-down.select-option {
  display: block;
  width: 100%;
}
.select-drop-down.select-option .btn-select {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0 5rem 0 3.125rem;
  height: 4.375rem;
  line-height: 4.25rem;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  font-weight: 500;
  color: #58595b;
  border: 1px solid #f5f5f5;
  border-radius: 0.75rem;
  background: #f5f5f5;
}
.select-drop-down.select-option .btn-select:after {
  display: block;
  content: "";
  position: absolute;
  right: 3.125rem;
  top: 50%;
  margin-top: -0.25rem;
  width: 0.8125rem;
  height: 0.5rem;
  background: url("/img/icons/icon_arrow_select.png") no-repeat center center;
}
.select-drop-down.underline:not(.active) .btn-select {
  border: 0;
  border-bottom: 1px solid #58595b;
  border-radius: 0;
}
.select-drop-down.active {
  z-index: 20;
}
.select-drop-down.active .btn-select {
  border-color: #333333;
  border-bottom-color: #fff;
  border-radius: 0.75rem 0.75rem 0 0;
}
.select-drop-down.active .btn-select:after {
  transform: rotate(180deg);
}
.select-drop-down.active.select-option .btn-select {
  border-color: #333333;
  border-bottom-color: #fff;
  border-radius: 0.75rem 0.75rem 0 0;
  background: #fff;
}
.select-drop-down.active .select-drop-list {
  display: block;
}
.select-drop-down.alignt .btn-select:after {
  transform: rotate(180deg);
}
.select-drop-down.alignt.active .btn-select:after {
  transform: rotate(0deg);
}
.select-drop-down.alignt .btn-select {
  border-color: #333333;
  border-top-color: #fff;
  border-radius: 0 0 0.75rem 0.75rem;
}
.select-drop-down.alignt .select-drop-list {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -0.3125rem;
  padding: 0.8125rem 0 0 0;
  border: 1px solid #333333;
  border-bottom: 0;
  border-radius: 0.75rem 0.75rem 0 0;
}
.select-drop-down .select-drop-list {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: -0.375rem;
  padding: 0 0 0.8125rem 0;
  width: 100%;
  border: 1px solid #333333;
  border-top: 0;
  border-radius: 0 0 0.75rem 0.75rem;
  background: #fff;
}
.select-drop-down .select-drop-list .btn-menu {
  display: block;
  padding: 0 1.25rem;
  line-height: 1.875rem;
  font-size: 1rem;
  color: #58595b;
  font-weight: 500;
}
.select-drop-down .select-drop-list .btn-menu.active {
  color: #333333;
  font-weight: 700;
}
.select-drop-down.select-option .select-drop-list {
  padding: 0.625rem 0 1.25rem 0;
  margin-top: 0;
}
.select-drop-down.select-option .select-drop-list:before {
  display: block;
  content: "";
  position: absolute;
  left: 3.125rem;
  top: 0;
  right: 3.125rem;
  height: 1px;
  background: #e7e7e7;
}
.select-drop-down.select-option .select-drop-list .btn-menu {
  padding: 0.3125rem 5rem 0.3125rem 3.125rem;
  line-height: 1.4;
  font-size: 1.125rem;
}
.select-drop-down.select-sm .btn-select {
  min-width: 6.25rem;
}
.select-drop-down.select-sm2 .btn-select {
  min-width: 9.375rem;
}
.select-drop-down.select-md .btn-select {
  min-width: 12.5rem;
}
.select-drop-down.select-md2 .btn-select {
  min-width: 25rem;
}
.select-drop-down.select-lg .btn-select {
  min-width: 31.25rem;
}
.select-drop-down.select-xs .btn-select {
  min-width: 43.75rem;
}
.select-drop-down.select-full {
  width: 100%;
}
.select-drop-down.select-full .btn-select {
  width: 100%;
  min-width: 0;
}
.select-drop-down ~ .check-wrap .checkbox {
  margin-left: 0;
}
.select-drop-down.w-auto .btn-select {
  width: 9.375rem;
}
.select-drop-down.w-auto .select-drop-list {
  display: block;
  visibility: hidden;
  height: 0;
  padding: 0;
}
.select-drop-down.w-auto .select-drop-list .btn-menu {
  white-space: nowrap;
}
.select-drop-down.w-auto.active .select-drop-list {
  visibility: visible;
  height: 13.75rem;
  overflow-y: auto;
  transform: rotate(-0.001deg);
  padding: 0 0 0.8125rem 0;
}

.select-drop-box {
  display: inline-block;
  position: relative;
}
.select-drop-box.select-wide {
  display: block;
  width: 100%;
}
.select-drop-box.select-wide .btn-select {
  display: block;
}
.select-drop-box.select-alignc .btn-select {
  text-align: center;
}
.select-drop-box.select-alignc .btn-select:after {
  display: inline-block;
  position: relative;
  margin-left: 0.9375rem;
  right: auto;
  top: auto;
}
.select-drop-box .btn-select {
  position: relative;
  display: inline-block;
  padding: 0 5rem 0 3.125rem;
  height: 4.375rem;
  line-height: 4.375rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #58595b;
  border-radius: 0.75rem;
  background: #f5f5f5;
}
.select-drop-box .btn-select:after {
  display: block;
  content: "";
  position: absolute;
  right: 3.125rem;
  top: 50%;
  margin-top: -0.25rem;
  width: 0.8125rem;
  height: 0.5rem;
  background: url("/img/icons/icon_arrow_select.png") no-repeat center center;
}

.btn-review-helpful {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2;
}

.content-desc-box {
  text-align: center;
  padding-bottom: 1.875rem;
}
.content-desc-box .icon-box {
  height: 5.625rem;
}
.content-desc-box p {
  line-height: 2rem;
  font-size: 1.375rem;
  color: #333333;
}

.loading-box {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
  opacity: 0;
  visibility: hidden;
  margin-top: 2.5rem;
  height: 4rem;
}
.loading-box.active {
  opacity: 1;
  visibility: visible;
}
.loading-box.active .icon {
  -webkit-animation: animation-loading 1.2s infinite cubic-bezier(0.7, 0.3, 0.9, 1);
  animation: animation-loading 1.2s infinite cubic-bezier(0.7, 0.3, 0.9, 1);
}
.loading-box .icon {
  display: block;
  margin: 0 auto;
  transform: translateZ(0);
}

@-webkit-keyframes animation-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animation-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bbs-wrap.best {
  margin-bottom: 3.75rem;
}
.bbs-wrap.best .bbs-header {
  height: 7.5rem;
}
.bbs-wrap .bbs-header {
  position: relative;
  height: 4.375rem;
}
.bbs-wrap .bbs-header.md {
  height: 3.125rem;
}
.bbs-wrap .bbs-header .left-box {
  display: flex;
  float: left;
}
.bbs-wrap .bbs-header .right-box {
  display: flex;
  float: right;
}
.bbs-wrap .bbs-header .bbs-total {
  margin-top: 1.25rem;
  line-height: 3.125rem;
  font-size: 1.125rem;
  color: #000000;
}
.bbs-wrap .bbs-header .bbs-total .total {
  font-weight: 700;
  color: #6b8138;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.bbs-wrap .bbs-header .bbs-title {
  line-height: 3.125rem;
}
.bbs-wrap .bbs-header .btn-link {
  display: block;
  position: absolute;
  right: 0;
  top: 1.25rem;
  color: #58595b;
}
.bbs-wrap .bbs-header .btn-link .icon {
  vertical-align: middle;
  margin: -0.125rem 0 0 0.25rem;
}
.bbs-wrap .bbs-header .drop-down {
  margin-top: 1.25rem;
}
.bbs-wrap .bbs-header .search-input-box {
  position: relative;
}
.bbs-wrap .bbs-header .search-input-box .input-search {
  padding: 0 3.125rem 0 1.75rem;
  width: 23.125rem;
  height: 3.125rem;
  font-size: 1rem;
  font-weight: 500;
  color: #58595b;
  border: 1px solid #ddd;
  border-radius: 1.5625rem;
}
.bbs-wrap .bbs-header .search-input-box .input-search::-moz-placeholder {
  letter-spacing: -0.05rem;
}
.bbs-wrap .bbs-header .search-input-box .input-search:-ms-input-placeholder {
  letter-spacing: -0.05rem;
}
.bbs-wrap .bbs-header .search-input-box .input-search::placeholder {
  letter-spacing: -0.05rem;
}
.bbs-wrap .bbs-header .search-input-box .btn-search {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 3.125rem;
  height: 3.125rem;
  z-index: 10;
}
.bbs-wrap .bbs-header .sort-menu {
  margin-top: 1.25rem;
  height: 1.875rem;
}
.bbs-wrap .bbs-header .sort-menu.select {
  float: right;
}
.bbs-wrap .bbs-header .sort-menu.select .menu-box {
  margin-left: 1.5625rem;
}
.bbs-wrap .bbs-header .sort-menu.select .menu-box:before {
  display: none;
}
.bbs-wrap .bbs-header .sort-menu .menu-box {
  position: relative;
  float: left;
  padding: 0 0.875rem;
}
.bbs-wrap .bbs-header .sort-menu .menu-box:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.3125rem;
  width: 1px;
  height: 14px;
  background: #e7e7e7;
}
.bbs-wrap .bbs-header .sort-menu .menu-box:nth-of-type(1) {
  padding-left: 0;
}
.bbs-wrap .bbs-header .sort-menu .menu-box:nth-of-type(1) .btn-sort {
  padding-left: 0;
}
.bbs-wrap .bbs-header .sort-menu .menu-box:first-child:before {
  display: none;
}
.bbs-wrap .bbs-header .sort-menu .btn-sort {
  display: block;
  padding: 0 0.375rem;
  line-height: 1.875rem;
  font-size: 1rem;
  color: #58595b;
}
.bbs-wrap .bbs-header .sort-menu .btn-sort.active {
  font-weight: 700;
  color: #333333;
}
.bbs-wrap .bbs-header .select-drop-down + p.bbs-total {
  margin: 0 0 0 1.875rem;
}
.bbs-wrap .bbs-header .bbs-total + p.bbs-total {
  position: relative;
  margin: 0 0 0 1.25rem;
}
.bbs-wrap .bbs-header .bbs-total + p.bbs-total:before {
  display: block;
  content: "";
  position: absolute;
  left: -0.625rem;
  top: 50%;
  margin-top: -0.4375rem;
  width: 1px;
  height: 14px;
  background: #e7e7e7;
}
.bbs-wrap .bbs-header .desc {
  margin-left: 3.4375rem;
  line-height: 3.125rem;
  font-size: 1rem;
  color: #818286;
}
.bbs-wrap .bbs-list, .bbs-wrap .bbs-view {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 1px solid #333333;
}
.bbs-wrap .bbs-list th p, .bbs-wrap .bbs-view th p {
  font-weight: 500;
  color: #333333;
}
.bbs-wrap .bbs-list p, .bbs-wrap .bbs-view p {
  line-height: 1.625rem;
  font-size: 1rem;
  color: #818286;
  letter-spacing: -0.05rem;
}
.bbs-wrap .bbs-list p.date, .bbs-wrap .bbs-view p.date {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
}
.bbs-wrap .bbs-list .list-empty-box p, .bbs-wrap .bbs-view .list-empty-box p {
  line-height: 1.4;
  font-size: 1.375rem;
  color: #333333;
  letter-spacing: -0.06875rem;
}
.bbs-wrap .bbs-list .list-empty-box p.sub-text, .bbs-wrap .bbs-view .list-empty-box p.sub-text {
  font-size: 1.125rem;
  line-height: 1;
  margin-top: 1.25rem;
  margin-bottom: 1.875rem;
  color: #000000;
  letter-spacing: -0.05625rem;
}
.bbs-wrap .bbs-list th, .bbs-wrap .bbs-list td, .bbs-wrap .bbs-view th, .bbs-wrap .bbs-view td {
  padding: 0.625rem;
  height: 5rem;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #e7e7e7;
}
.bbs-wrap .bbs-list th.alignl, .bbs-wrap .bbs-list td.alignl, .bbs-wrap .bbs-view th.alignl, .bbs-wrap .bbs-view td.alignl {
  padding-left: 1.25rem;
  text-align: left;
}
.bbs-wrap .bbs-list th .btn-link, .bbs-wrap .bbs-list td .btn-link, .bbs-wrap .bbs-view th .btn-link, .bbs-wrap .bbs-view td .btn-link {
  position: relative;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.05rem;
}
.bbs-wrap .bbs-list th .btn-link:hover, .bbs-wrap .bbs-list td .btn-link:hover, .bbs-wrap .bbs-view th .btn-link:hover, .bbs-wrap .bbs-view td .btn-link:hover {
  text-decoration: underline;
}
.bbs-wrap .bbs-list th .btn-link .icon, .bbs-wrap .bbs-list td .btn-link .icon, .bbs-wrap .bbs-view th .btn-link .icon, .bbs-wrap .bbs-view td .btn-link .icon {
  vertical-align: middle;
  margin: -0.125rem 0 0 0.25rem;
}
.bbs-wrap .bbs-list th .btn-link.new, .bbs-wrap .bbs-list td .btn-link.new, .bbs-wrap .bbs-view th .btn-link.new, .bbs-wrap .bbs-view td .btn-link.new {
  max-width: calc(100% - 1.875rem);
}
.bbs-wrap .bbs-list th .icon-new, .bbs-wrap .bbs-list td .icon-new, .bbs-wrap .bbs-view th .icon-new, .bbs-wrap .bbs-view td .icon-new {
  margin-left: 0.625rem;
  position: relative;
  top: -0.0625rem;
}
.bbs-wrap .bbs-list .fixed td, .bbs-wrap .bbs-list .fixed th, .bbs-wrap .bbs-view .fixed td, .bbs-wrap .bbs-view .fixed th {
  background-color: #f7fafc;
}
.bbs-wrap .bbs-list .fixed td .icon-notice, .bbs-wrap .bbs-list .fixed th .icon-notice, .bbs-wrap .bbs-view .fixed td .icon-notice, .bbs-wrap .bbs-view .fixed th .icon-notice {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 0.9375rem;
  width: 1.4375rem;
  background-image: url("/img/icons/icon_notice_bbs.png");
}
.bbs-wrap .bbs-list .fixed td .date, .bbs-wrap .bbs-list .fixed th .date, .bbs-wrap .bbs-view .fixed td .date, .bbs-wrap .bbs-view .fixed th .date {
  color: #333333;
}
.bbs-wrap .bbs-view .view-type {
  padding-left: 2.5rem;
  text-align: left;
}
.bbs-wrap .bbs-view .text-area {
  padding: 2.5rem;
  text-align: left;
  font-weight: 300;
  letter-spacing: -0.05rem;
}
.bbs-wrap .bbs-view p {
  color: #58595b;
}
.bbs-wrap .bbs-write-wrap {
  padding: 0 6.25rem 3.125rem 3.75rem;
  margin: 0 auto;
  width: 75rem;
  border-bottom: 1px solid #e7e7e7;
}
.bbs-wrap .bbs-footer {
  margin-top: 2.5rem;
  text-align: center;
}
.bbs-wrap .bbs-footer .btn {
  margin: 0 0.3125rem;
  min-width: 10rem;
}

.bbs-qna-list {
  border-top: 1px solid #333;
  border-bottom: 1px solid #e7e7e7;
}
.bbs-qna-list.nobordered {
  border-top: 0;
}
.bbs-qna-list .qna-title {
  cursor: pointer;
  position: relative;
  padding-left: 12.5rem;
  border-top: 1px solid #e7e7e7;
}
.bbs-qna-list .qna-title:first-child {
  border-top: 0;
}
.bbs-qna-list .qna-title.active .btn-title .text, .bbs-qna-list .qna-title.show .btn-title .text {
  color: #333333;
  font-weight: 500;
}
.bbs-qna-list .qna-title.active .btn-title .icon, .bbs-qna-list .qna-title.show .btn-title .icon {
  transform: rotate(180deg);
}
.bbs-qna-list .qna-title.qna-secret .btn-title .text {
  padding-left: 1.75rem;
}
.bbs-qna-list .qna-title .label {
  position: absolute;
  left: 0;
  top: 0;
  width: 12.5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 1rem;
  color: #818286;
  letter-spacing: -0.05rem;
}
.bbs-qna-list .qna-title .btn-title {
  position: relative;
  display: table;
  padding-left: 1.75rem;
  width: 100%;
}
.bbs-qna-list .qna-title .btn-title:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url("/img/icons/icon_qna_q_black.png") no-repeat center center;
}
.bbs-qna-list .qna-title .btn-title .text {
  display: table-cell;
  padding-right: 4.375rem;
  height: 5rem;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #58595b;
  letter-spacing: -0.05rem;
}
.bbs-qna-list .qna-title .btn-title .icon-lock {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.6875rem;
}
.bbs-qna-list .qna-title .btn-title .icon-arrow-up {
  display: block;
  position: absolute;
  right: 2.1875rem;
  top: 50%;
  margin-top: -0.25rem;
  transform: rotate(0);
}
.bbs-qna-list .qna-title.show + dd.qna-text {
  display: block;
}
.bbs-qna-list .qna-text {
  display: none;
  position: relative;
  padding: 0 4.375rem 1.875rem 12.5rem;
}
.bbs-qna-list .qna-text .qna-q, .bbs-qna-list .qna-text .qna-a {
  position: relative;
  padding-left: 1.75rem;
  font-size: 1rem;
  letter-spacing: -0.05rem;
}
.bbs-qna-list .qna-text .qna-q + div.qna-a {
  margin-top: 1.875rem;
}
.bbs-qna-list .qna-text .qna-q:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0.1875rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url("/img/icons/icon_qna_q.png") no-repeat center center;
}
.bbs-qna-list .qna-text .qna-a:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0.1875rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url("/img/icons/icon_qna_a.png") no-repeat center center;
}
.bbs-qna-list .qna-text p {
  line-height: 1.625rem;
  font-size: 1rem;
  color: #58595b;
}
.bbs-qna-list.qna-info {
  border-bottom: 0;
}
.bbs-qna-list.qna-info .qna-title {
  padding: 1.25rem 0 1.25rem 10.625rem;
  border-top: 0;
  border-bottom: 1px solid #e7e7e7;
}
.bbs-qna-list.qna-info .qna-title.qna-answer .label {
  background-color: #333333;
}
.bbs-qna-list.qna-info .qna-title.secret .btn-title .text {
  padding-left: 1.625rem;
  background: url("/img/icons/icon_lock.png") no-repeat left center;
}
.bbs-qna-list.qna-info .qna-title .label {
  display: inline-block;
  border-radius: 1.875rem;
  left: 2.5rem;
  top: 50%;
  margin-top: -0.9375rem;
  width: 4.6875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.05rem;
  background-color: #bcbdc1;
}
.bbs-qna-list.qna-info .qna-title .info {
  line-height: 1.875rem;
  font-size: 1rem;
  color: #818286;
  letter-spacing: -0.05rem;
}
.bbs-qna-list.qna-info .qna-title .info span {
  position: relative;
  margin-left: 1.375rem;
}
.bbs-qna-list.qna-info .qna-title .info span:before {
  display: block;
  content: "";
  position: absolute;
  left: -0.625rem;
  top: 50%;
  margin-top: -0.375rem;
  width: 1px;
  height: 14px;
  background: #e7e7e7;
}
.bbs-qna-list.qna-info .qna-title .info span:first-child {
  margin-left: 0;
}
.bbs-qna-list.qna-info .qna-title .info span:first-child:before {
  display: none;
}
.bbs-qna-list.qna-info .qna-title .info span.date {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
}
.bbs-qna-list.qna-info .qna-title .btn-title {
  position: static;
  padding-left: 0;
}
.bbs-qna-list.qna-info .qna-title .btn-title:before {
  display: none;
}
.bbs-qna-list.qna-info .qna-title .btn-title .text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0.1875rem 0;
  height: auto;
  width: 90%;
  letter-spacing: -0.05rem;
}
.bbs-qna-list.qna-info .qna-text {
  padding: 1.875rem 11.25rem 1.875rem 10.625rem;
  border-bottom: 1px solid #e7e7e7;
  background: #f8f8f8;
}
.bbs-qna-list.qna-info .qna-text .text-box p.title {
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #333333;
}
.bbs-qna-list.qna-info .qna-text .btn {
  position: absolute;
  right: 2.5rem;
  width: 6.25rem;
  background: #fff;
}
.bbs-qna-list.qna-info .qna-text .btn:nth-of-type(1) {
  top: 1.875rem;
}
.bbs-qna-list.qna-info .qna-text .btn:nth-of-type(2) {
  top: 4.6875rem;
}

.detail-filter-wrap {
  margin-bottom: 1.875rem;
  padding: 0.625rem 1.875rem;
  border-radius: 0.625rem;
  background: #f8f8f8;
}
.detail-filter-wrap .filter-box {
  position: relative;
  padding-left: 5.3125rem;
  height: 3.75rem;
  border-top: 1px solid #e7e7e7;
}
.detail-filter-wrap .filter-box:first-child {
  border-top: 0;
}
.detail-filter-wrap .filter-box .filter-label {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 3.75rem;
  font-size: 1rem;
  color: #333333;
  font-weight: 700;
}
.detail-filter-wrap .filter-box .check-list {
  display: flex;
}
.detail-filter-wrap .filter-box .check-wrap {
  margin: 0.9375rem 0 0 1.5625rem;
}
.detail-filter-wrap .filter-box .check-wrap:first-child {
  margin-left: 0;
}
.detail-filter-wrap .filter-box .date-list {
  display: flex;
  padding-top: 0.75rem;
}
.detail-filter-wrap .filter-box .date-box {
  display: flex;
}
.detail-filter-wrap .filter-box .date-box .btn-date {
  margin-left: 0.5rem;
  padding: 0 0.625rem;
  min-width: 3.5rem;
  background: #fff;
  white-space: nowrap;
}
.detail-filter-wrap .filter-box .date-box .btn-date:first-child {
  margin-left: 0;
}
.detail-filter-wrap .filter-box .date-box .btn-date.active {
  color: #fff;
  border-color: #89b03f;
  background: #89b03f;
}
.detail-filter-wrap .filter-box .calendar-box {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 0 1.875rem;
  width: 19.375rem;
}
.detail-filter-wrap .filter-box .calendar-box .input-calendar {
  padding-right: 3.125rem;
  width: 8.75rem;
  text-align: center;
}
.detail-filter-wrap .filter-box .calendar-box:before {
  display: block;
  content: "~";
  position: absolute;
  left: 8.75rem;
  top: 0;
  width: 1.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  text-align: center;
  font-size: 1rem;
  color: #333333;
}
.detail-filter-wrap .filter-box .input-calendar, .detail-filter-wrap .filter-box .input-search {
  padding: 0 0.9375rem;
  height: 2.3125rem;
  font-size: 1rem;
  color: #333333;
  border: 1px solid #e7e7e7;
  border-radius: 0.625rem;
  background: #fff;
}
.detail-filter-wrap .filter-box .search-box {
  position: relative;
  width: 20.625rem;
}
.detail-filter-wrap .filter-box .search-box .input-search {
  width: 11.5625rem;
}
.detail-filter-wrap .filter-box .search-box .btn-search {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 7.8125rem;
}

.list-filter-wrap {
  margin-bottom: 1.875rem;
}
.list-filter-wrap + div.list-empty-box:not(.bordered) {
  margin-top: -1.875rem;
}
.list-filter-wrap.bordered {
  border-bottom: 1px solid #333;
}
.list-filter-wrap.bordered + div.list-empty-box.bordered {
  border-top: 0;
}
.list-filter-wrap.list-filter-bottom {
  margin-top: 4.375rem;
  padding-top: 0.9375rem;
}
.list-filter-wrap.list-filter-bottom.bordered {
  border-bottom: 0;
  border-top: 1px solid #e7e7e7;
}
.list-filter-wrap .filter-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  min-height: 3.75rem;
}
.list-filter-wrap .filter-top .list-line {
  position: relative;
  margin-right: 1.375rem;
}
.list-filter-wrap .filter-top .list-line:after {
  display: block;
  content: "";
  position: absolute;
  right: -0.8125rem;
  top: 50%;
  margin-top: -0.4375rem;
  width: 1px;
  height: 0.875rem;
  background: #e7e7e7;
}
.list-filter-wrap .filter-top .check-wrap .checkbox {
  margin-left: 0;
}
.list-filter-wrap .filter-top .right-box {
  display: flex;
  margin-left: auto;
}
.list-filter-wrap .filter-top .list-total {
  position: relative;
  line-height: 1.875rem;
  font-size: 1.125rem;
  color: #333333;
  letter-spacing: -0.05625rem;
}
.list-filter-wrap .filter-top .list-total .total {
  font-weight: 700;
  color: #6b8138;
}
.list-filter-wrap .filter-top .sort-menu {
  display: flex;
  height: 1.875rem;
}
.list-filter-wrap .filter-top .sort-menu.select .menu-box {
  margin-left: 1.5625rem;
}
.list-filter-wrap .filter-top .sort-menu.select .menu-box:before {
  display: none;
}
.list-filter-wrap .filter-top .sort-menu .menu-box {
  position: relative;
  padding: 0 0.375rem;
}
.list-filter-wrap .filter-top .sort-menu .menu-box:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.3125rem;
  width: 1px;
  height: 14px;
  background: #e7e7e7;
}
.list-filter-wrap .filter-top .sort-menu .menu-box.photo {
  margin-left: 0.625rem;
}
.list-filter-wrap .filter-top .sort-menu .menu-box.photo:before {
  display: none;
}
.list-filter-wrap .filter-top .sort-menu .menu-box.photo .check-wrap {
  margin-top: 0.25rem;
}
.list-filter-wrap .filter-top .sort-menu .menu-box:first-child:before {
  display: none;
}
.list-filter-wrap .filter-top .sort-menu .btn-sort {
  display: block;
  padding: 0 0.375rem;
  line-height: 1.875rem;
  font-size: 1rem;
  color: #58595b;
  letter-spacing: -0.05rem;
}
.list-filter-wrap .filter-top .sort-menu .btn-sort.active {
  font-weight: 500;
  color: #333333;
}
.list-filter-wrap .filter-top .desc-text {
  line-height: 1.875rem;
  font-size: 1rem;
  color: #58595b;
}
.list-filter-wrap .filter-bottom {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 1.5625rem 1.875rem;
  min-height: 5rem;
  border-top: 1px solid #333;
  background: #f5f5f5;
}
.list-filter-wrap .filter-bottom .filter-list {
  display: flex;
  min-height: 1.875rem;
  flex-wrap: wrap;
  flex: 0 0 90%;
}
.list-filter-wrap .filter-bottom .filter-list .filter {
  position: relative;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 0 2.1875rem 0 0.9375rem;
  min-width: 5rem;
  height: 1.875rem;
  border: 1px solid #e7e7e7;
  border-radius: 0.9375rem;
  background: #fff;
}
.list-filter-wrap .filter-bottom .filter-list .filter p {
  font-size: 0.875rem;
  line-height: 1.75rem;
  color: #58595b;
}
.list-filter-wrap .filter-bottom .filter-list .filter .icon-good {
  margin-right: 0.3125rem;
}
.list-filter-wrap .filter-bottom .filter-list .filter .btn-delete {
  display: block;
  position: absolute;
  right: 0;
  top: -1px;
  width: 1.875rem;
  height: 1.875rem;
  background: url("/img/icons/icon_filter_close.png") no-repeat center center;
}
.list-filter-wrap .filter-bottom .btn-filter-reset {
  display: block;
  position: absolute;
  right: 1.5625rem;
  top: 1.5625rem;
  padding: 0 1.875rem 0 0.9375rem;
  height: 1.875rem;
  line-height: 1.75rem;
  font-size: 1rem;
  color: #58595b;
}
.list-filter-wrap .filter-bottom .btn-filter-reset:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: url("/img/icons/icon_filter_refresh.png") no-repeat center center;
}

.list-filter-box {
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-filter-box .select-drop-down {
  display: inline-block;
  vertical-align: top;
  height: 3.125rem;
}
.list-filter-box .list-total {
  flex: 1 1 auto;
  display: inline-block;
  margin-left: 1.875rem;
  line-height: 3.125rem;
  vertical-align: top;
  font-size: 1.125rem;
  color: #000;
}
.list-filter-box .list-total .total {
  font-weight: 700;
  color: #89b03f;
}

.list-paging {
  margin-top: 3.75rem;
  text-align: center;
}
.list-paging li {
  display: inline-block;
  vertical-align: top;
}
.list-paging .btn-page {
  display: block;
  width: 2.125rem;
  height: 2.125rem;
  line-height: 2rem;
  font-size: 1.125rem;
  color: #000;
  font-weight: 500;
  border-radius: 0.5rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
}
.list-paging .btn-page.active {
  color: #fff;
  font-weight: 700;
  background: #31291c;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.list-paging .btn-page-prev, .list-paging .btn-page-next {
  display: block;
  margin: 0 0 0 1.875rem;
  width: 2.125rem;
  height: 2.125rem;
  background: url("/img/icons/icon_arrow_link.png") no-repeat center center;
}
.list-paging .btn-page-prev {
  margin: 0 1.875rem 0 0;
  transform: rotate(180deg);
}

.list-empty-box {
  padding: 6.25rem 0 7.5rem 0;
  text-align: center;
}
.list-empty-box + div.list-filter-wrap {
  margin-top: -1px;
}
.list-empty-box.bordered {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
.list-empty-box .icon-box {
  margin-bottom: 1.875rem;
}
.list-empty-box p {
  line-height: 1;
  font-size: 1.375rem;
  color: #333333;
  letter-spacing: -0.06875rem;
}
.list-empty-box p.sub-text {
  font-size: 1.125rem;
  line-height: 1;
  margin-top: 1.25rem;
  margin-bottom: 1.875rem;
  color: #000000;
  letter-spacing: -0.0625rem;
}
.list-empty-box .btn {
  margin-top: 3.125rem;
}

.page-bottom-btn {
  margin-top: 5rem;
  text-align: center;
}
.page-bottom-btn .btn {
  margin: 0 0.25rem;
  min-width: 11.25rem;
  height: 3.75rem;
  vertical-align: top;
  font-size: 1.375rem;
}
.page-bottom-btn .btn .icon {
  margin: 0.25rem 0.5rem 0 0;
  vertical-align: middle;
}

.caution-text {
  position: relative;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: -0.05rem;
  color: #818286;
}
.caution-text.dot {
  padding-left: 0.875rem;
}
.caution-text.dot:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0.6875rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #bcbdc1;
}

.caution-list-box {
  margin-top: 2.5rem;
}
.caution-list-box.bordered {
  padding-top: 2.5rem;
  border-top: 1px solid #e7e7e7;
}
.caution-list-box.bordered-bottom {
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #e7e7e7;
}
.caution-list-box .caution-label {
  margin-bottom: 1.25rem;
  line-height: 1;
  font-size: 1.375rem;
  font-weight: 700;
  color: #333333;
}
.caution-list-box .caution-label .icon {
  margin: -0.375rem 0.625rem 0 0;
  vertical-align: middle;
}
.caution-list-box .caution-list li {
  margin-bottom: 0.625rem;
}
.caution-list-box .caution-list li p {
  position: relative;
  padding-left: 0.875rem;
  line-height: 1.5rem;
  font-size: 0.9375rem;
  color: #818286;
  letter-spacing: -0.046875rem;
}
.caution-list-box .caution-list li p:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0.6875rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #bcbdc1;
}
.caution-list-box .caution-list li p .sub {
  display: block;
  margin-top: 0.3125rem;
}
.caution-list-box.list-width .caution-list {
  display: flex;
  flex-flow: wrap;
}
.caution-list-box.list-width .caution-list li {
  width: 40%;
}
.caution-list-box.list-width .caution-list li:nth-child(1),
.caution-list-box.list-width .caution-list li:nth-child(3) {
  width: 55%;
}
.caution-list-box.black .caution-label {
  color: #fff;
}
.caution-list-box.black li p {
  color: #eee;
}
.caution-list-box .gray-box-type {
  padding: 2.5rem;
  border-radius: 1.25rem;
  margin-top: 0;
  background-color: #f8f8f8;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.review-comment-box .point-box {
  height: 2.5rem;
}
.review-comment-box .point-box .icon {
  float: left;
  margin: 0.1875rem 0.0625rem 0 0;
}
.review-comment-box .point-box .point {
  float: left;
  margin-left: 0.25rem;
  line-height: 1.125rem;
  font-size: 1rem;
  font-weight: 700;
  color: #333333;
}
.review-comment-box .point-box .view-box {
  float: right;
  white-space: nowrap;
}
.review-comment-box .info-box {
  height: 3.4375rem;
}
.review-comment-box .info-box .user-box {
  float: left;
}
.review-comment-box .info-box .user-box .user-name {
  float: left;
  margin-right: 2.5rem;
  line-height: 1.875rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #333333;
  white-space: nowrap;
}
.review-comment-box .info-box .user-box .user-name .icon {
  margin: -0.3125rem 0.5rem 0 0;
  vertical-align: middle;
}
.review-comment-box .info-box .view-box {
  float: right;
  white-space: nowrap;
}
.review-comment-box .info-box .view-box p {
  display: inline-block;
  position: relative;
  padding-left: 1.875rem;
  line-height: 1.875rem;
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
}
.review-comment-box .info-box .view-box p:first-child {
  padding-left: 0;
}
.review-comment-box .info-box .view-box p:first-child:before {
  display: none;
}
.review-comment-box .info-box .view-box p:before {
  display: block;
  content: "";
  position: absolute;
  left: 0.9375rem;
  top: 50%;
  margin-top: -0.4375rem;
  width: 1px;
  height: 0.875rem;
  background: #e7e7e7;
}
.review-comment-box .info-box .view-box p.date {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
}
.review-comment-box .info-box .view-box .icon {
  margin: -0.1875rem 0.375rem 0 0;
  vertical-align: middle;
}
.review-comment-box .filter {
  float: left;
  margin-right: 0.375rem;
  padding: 0 0.75rem;
  height: 1.875rem;
  line-height: 1.75rem;
  font-size: 0.875rem;
  color: #58595b;
  border-radius: 0.9375rem;
  border: 1px solid #e7e7e7;
}
.review-comment-box .summary-box {
  height: 1.875rem;
}
.review-comment-box .summary-box li {
  float: left;
  margin-right: 1.25rem;
  letter-spacing: -0.05rem;
}
.review-comment-box .summary-box li .name {
  float: left;
  margin-right: 0.375rem;
  line-height: 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  color: #333333;
}
.review-comment-box .summary-box li .icon {
  float: left;
  margin: 0.25rem 0.0625rem 0 0;
}
.review-comment-box .text-area {
  position: relative;
  padding: 0 12.5rem 0 0;
  margin-top: 1.5625rem;
  min-height: 9.375rem;
}
.review-comment-box>.text-area>.text-area {
  margin-top: 0;
}
.review-comment-box .text-area .text-box p {
  line-height: 1.625rem;
  font-size: 1rem;
  color: #58595b;
  letter-spacing: -0.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
}
.review-comment-box .text-area .text-box p.option {
  margin-bottom: 0.875rem;
}
.review-comment-box .text-area .text-box p img {
  max-width: 80%;
  height: auto !important;
}
.review-comment-box .text-area .btn-review-helpful {
  margin-top: 1.5625rem;
}
.review-comment-box .img-box {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 9.375rem;
  height: 9.375rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: #f8f8f8;
}
.review-comment-box .img-box a {
  display: inline-block;
}
.review-comment-box .img-box img {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease-in-out;
}
.review-comment-box .img-box:hover img {
  opacity: 1;
  transform: translateY(-50%) scale(1.05);
}
.review-comment-box .img-box .img-good {
  position: absolute;
  left: 0.9375rem;
  bottom: 0.9375rem;
  width: 3.5rem;
  height: 1.875rem;
  line-height: 1.625rem;
  text-align: center;
  font-size: 1rem;
  color: #333333;
  font-weight: 700;
  border-radius: 0.9375rem;
  border: 1px solid #e7e7e7;
  background: #fff;
}
.review-comment-box .img-box .img-good .icon {
  margin-right: 0.1875rem;
}
.review-comment-box .img-box .img-more {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border-top-left-radius: 1.25rem;
}

.review-content-wrap {
  margin-top: 4.375rem;
}

.review-detail-wrap {
  position: relative;
  padding: 2.5rem 0;
  border-bottom: 1px solid #e7e7e7;
}
.review-detail-wrap .review-detail-list {
  display: flex;
}
.review-detail-wrap .review-detail-list .review-comment-box {
  display: block;
  padding-right: 3.75rem;
  width: 50%;
  border-right: 1px solid #e7e7e7;
}
.review-detail-wrap .review-detail-list .review-comment-box:nth-child(2) {
  padding: 0 0 0 3.75rem;
  border-right: 0;
}
.review-detail-wrap .review-detail-list .review-comment-box.btn-review-link {
  cursor: pointer;
}
.review-detail-wrap .review-detail-list.review-width {
  height: 25rem;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box {
  position: relative;
  padding: 1.25rem 1.25rem 0 20rem;
  height: 25rem;
  border: 0;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box:first-child {
  padding-right: 3.125rem;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box .img-box {
  position: absolute;
  right: auto;
  left: 0;
  top: 0;
  width: 18.75rem;
  height: 21.3125rem;
  border-radius: 0.9375rem;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box .img-box .img-more {
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box .info-box {
  display: flex;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box .info-box .user-box, .review-detail-wrap .review-detail-list.review-width .review-comment-box .info-box .view-box {
  float: none;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box .info-box .user-name {
  float: none;
  margin-right: 1.25rem;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box .info-box .view-box p {
  padding-left: 1.5625rem;
  letter-spacing: -1px;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box .info-box .view-box p:before {
  left: 0.75rem;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box .info-box .view-box p:first-child {
  padding-left: 0;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box .summary-box {
  height: 3.75rem;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box .summary-box li {
  margin: 0;
  width: 49%;
  height: 1.875rem;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box .summary-box li .name {
  margin: 0;
  width: 5.3125rem;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box .text-area {
  padding-right: 0;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box .text-area .title {
  margin-bottom: 0.625rem;
  line-height: 2.25rem;
  font-size: 1.375rem;
  font-weight: 700;
  color: #333333;
}
.review-detail-wrap .review-detail-list.review-width .review-comment-box .filter-list {
  position: absolute;
  left: 25rem;
  bottom: 1.25rem;
}
.review-detail-wrap.bordered {
  border-top: 1px solid #e7e7e7;
}

.review-recent-wrap {
  margin: 2.5rem 0 5rem 0;
}
.review-recent-wrap .recent-thumb-list {
  display: flex;
  justify-content: flex-start;
}
.review-recent-wrap .recent-thumb-list li {
  flex: 0 0 11.625rem;
  margin-right: 1rem;
}
.review-recent-wrap .recent-thumb-list li .btn-link {
  display: block;
  width: 11.625rem;
  height: 11.625rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: #f8f8f8;
}
.review-recent-wrap .recent-thumb-list li .btn-link img {
  display: block;
  width: 100%;
  transition: transform 0.3s ease-in-out;
}
.review-recent-wrap .recent-thumb-list li .btn-link:hover > img {
  transform: scale(1.05);
}

.review-comment-list .review-comment-box {
  padding: 2.5rem 2.5rem;
  border-bottom: 1px solid #e7e7e7;
}
.review-comment-list .review-comment-box:nth-of-type(1) {
  padding-top: 0.625rem;
}

.review-list-wrap .img-list .img-slot {
  height: 20rem;
  background-color: #f8f8f8;
}
.review-list-wrap .img-list .img-slot > img {
  transition: transform 0.3s ease-in-out;
}
.review-list-wrap .img-list .img-slot:hover > img {
  opacity: 1;
  transform: translateY(-50%) scale(1.05);
}
.review-list-wrap .img-list .product-info-slot .product-name {
  display: block;
  height: 1.35rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
}

.bbs-list.header-line {
  border-top: 0;
}
.bbs-list.header-line thead td {
  border-bottom: 1px solid #333;
}
.bbs-list .btn.btn-sm {
  padding: 0 1.25rem;
  min-width: 6.25rem;
}
.bbs-list td p b {
  font-weight: 700;
  color: #333333;
}
.bbs-list td p.status-type {
  display: inline-block;
  padding: 0 0.75rem;
  min-width: 3.125rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  border-radius: 0.9375rem;
  font-size: 0.875rem;
  color: #fff;
  font-weight: 700;
}
.bbs-list td p.status-type.green {
  background-color: #8bb23f;
}
.bbs-list td p.status-type.black {
  background-color: #31291c;
}
.bbs-list td p.status-type.gray {
  color: #bcbdc1;
  background-color: #f8f8f8;
}
.bbs-list td p.status-type.line-gray {
  line-height: 1.75rem;
  color: #bcbdc1;
  border: 1px solid #bcbdc1;
  background-color: #fff;
}
.bbs-list.point-list td.alignl {
  padding-left: 0;
}
.bbs-list.point-list td .point {
  color: #333333;
  font-weight: 500;
}

.bbs-list + div.list-empty-box.bordered {
  border-top: 0;
}

.comment-list {
  margin-bottom: 2.5rem;
}
.comment-list .item {
  padding: 1.25rem;
  border-bottom: 1px solid #ddd;
}
.comment-list .item p {
  color: #333;
}
.comment-list .user-slot p {
  position: relative;
  display: inline-block;
  margin-right: 0.625rem;
  padding-right: 0.9375rem;
}
.comment-list .user-slot p:after {
  display: block;
  content: "";
  position: absolute;
  right: 0rem;
  top: 50%;
  margin-top: -0.4375rem;
  width: 1px;
  height: 0.875rem;
  background: #e7e7e7;
}
.comment-list .user-slot p:last-child:after {
  display: none;
}
.comment-list .product-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.popup-window {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}
.popup-window.nofooter .popup-area {
  padding-bottom: 1.875rem;
}
.popup-window .popup-area {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 2.5rem 2.5rem;
  min-width: 32.5rem;
  border-radius: 1.25rem;
  background: #fff;
}
.popup-window .popup-header {
  position: relative;
  height: 3.25rem;
  border-bottom: 1px solid #333;
  z-index: 10;
}
.popup-window .popup-header.noborder {
  border-bottom: 0;
}
.popup-window .popup-header .title {
  line-height: 1;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  color: #333333;
  font-weight: 700;
}
.popup-window .popup-header .btn-close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -0.3125rem;
  top: -0.3125rem;
  width: 1.875rem;
  height: 1.875rem;
}
.popup-window .popup-header .btn-close .icon-alignc {
  display: block;
  position: initial;
  left: initial;
  top: initial;
  transform: initial;
}
.popup-window .popup-content {
  padding-top: 1.875rem;
}
.popup-window .popup-content.scroll-content {
  padding-top: 0;
}
.popup-window .popup-content .form-content {
  margin-top: -0.625rem;
}
.popup-window .popup-footer {
  padding-top: 2.5rem;
  text-align: center;
  white-space: nowrap;
}
.popup-window .popup-footer .btn {
  margin: 0 0.3125rem;
  width: 9.375rem;
  vertical-align: top;
}
.popup-window .form-content .form-box {
  padding-left: 11.25rem;
}
.popup-window .form-content .form-box .form-label {
  padding-left: 0;
}
.popup-window .form-content .form-box.phone-box .input-text {
  width: 13.75rem;
}
.popup-window .form-content .form-box.phone-box .input-text.input-sm {
  width: 6.25rem;
}

#popup-review-detail .popup-area {
  width: 65.625rem;
}
#popup-review-detail .review-detail-wrap {
  position: relative;
  padding: 0;
  border: 0;
}
#popup-review-detail .review-detail-wrap .btn-slider {
  display: block;
  position: absolute;
  left: -7.5rem;
  top: 50%;
  margin-top: -2.3125rem;
  width: 3.1875rem;
  height: 4.6875rem;
  border-radius: 0.625rem;
  background: #ffffff;
}
#popup-review-detail .review-detail-wrap .btn-slider.last .icon-arrow-slider-box {
  opacity: 0.3;
}
#popup-review-detail .review-detail-wrap .btn-slider.prev {
  /*transform: rotate(180deg);*/
}
#popup-review-detail .review-detail-wrap .btn-slider.next {
  left: auto;
  right: -7.5rem;
  transform: rotate(180deg);
}
#popup-review-detail .review-detail-wrap .btn-slider.swiper-button-disabled {
  opacity: 0.5;
}
#popup-review-detail .review-detail-wrap .review-detail-list {
  height: auto;
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box {
  width: 100%;
  padding: 1.25rem 0 0 28.75rem;
  height: auto;
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box .img-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 26.25rem;
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box .img-area .img-top {
  margin-bottom: 1.25rem;
  height: 26.25rem;
  border-radius: 1.25rem;
  overflow: hidden;
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box .img-area .img-top .popup-review-img-slide {
  position: relative;
  height: 100%;
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box .img-area .img-top .popup-review-img-slide img {
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box .img-area .img-bottom > ul {
  display: flex;
  width: 100%;
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box .img-area .img-bottom > ul li {
  flex: 0 1 4.75rem;
  display: inline-block;
  margin-right: 0.625rem;
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box .img-area .img-bottom > ul li:nth-last-of-type(1) {
  margin-right: 0;
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box .img-area .img-bottom > ul li .thumb-img-wrap {
  position: relative;
  display: inline-block;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: #f8f8f8;
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box .img-area .img-bottom > ul li .thumb-img-wrap img {
  display: inline-block;
  width: 100%;
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box .img-area .img-bottom > ul li.active .thumb-img-wrap:before {
  display: block;
  content: "";
  position: absolute;
  border-radius: 1.25rem;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box .info-area {
  margin-bottom: 1.875rem;
  height: 11.5625rem;
  border-bottom: 1px solid #e7e7e7;
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box .text-area {
  padding: 0;
  height: 17.1875rem;
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box .point-box .user-box {
  float: left;
  margin: -0.4375rem 0 0 1.5625rem;
}
#popup-review-detail .review-detail-wrap .review-detail-list .review-comment-box .popup-review-thumb-slide .swiper-slide {
  cursor: pointer;
}
#popup-review-detail .review-detail-wrap .review-item-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 2.5rem;
  height: 5rem;
}
#popup-review-detail .review-detail-wrap .review-item-box .item-box {
  display: flex;
  flex: 0 0 28.75rem;
  width: 28.75rem;
  align-items: center;
}
#popup-review-detail .review-detail-wrap .review-item-box .item-box .img-slot {
  flex: 0 0 5rem;
  width: 5rem;
  border-radius: 1.25rem;
  overflow: hidden;
}
#popup-review-detail .review-detail-wrap .review-item-box .item-box .img-slot img {
  display: block;
  width: 100%;
}
#popup-review-detail .review-detail-wrap .review-item-box .item-box .info-slot {
  flex: 0 0 21.25rem;
  width: 21.25rem;
  padding-left: 1.25rem;
}
#popup-review-detail .review-detail-wrap .review-item-box .item-box .info-slot .product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5rem;
  font-size: 1rem;
  color: #333333;
  font-weight: 700;
}
#popup-review-detail .review-detail-wrap .review-item-box .item-box .info-slot .product-price {
  margin-top: 0.3125rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
}
#popup-review-detail .review-detail-wrap .review-item-box .item-box .info-slot .product-price .price {
  font-size: 1.125rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.08125rem;
}
#popup-review-detail .review-detail-wrap .review-item-box .btn-box {
  flex: 1 1 28.75rem;
}

#popup-reply-detail .popup-area {
  width: 43.75rem;
}
#popup-reply-detail .reply-detail-wrap {
  position: relative;
  padding: 0;
  border: 0;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box {
  width: 100%;
  padding: 1.25rem 0 0 21.875rem;
  height: auto;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box.img-none {
  padding-left: 0;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .img-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 20rem;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .img-area .img-top {
  margin-bottom: 1.25rem;
  height: 20rem;
  border-radius: 1.25rem;
  overflow: hidden;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .img-area .img-top img {
  display: block;
  width: 100%;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .info-area {
  margin-bottom: 1.875rem;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .info-area .info-box {
  display: flex;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .info-area .info-box .user-box, #popup-reply-detail .reply-detail-wrap .reply-comment-box .info-area .info-box .view-box {
  float: none;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .info-area .info-box .user-name {
  float: none;
  margin-right: 1.25rem;
  font-weight: 700;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .info-area .info-box .view-box {
  flex: 1 1 auto;
  text-align: right;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .info-area .info-box .view-box p {
  padding-left: 1.5625rem;
  letter-spacing: -1px;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .info-area .info-box .view-box p:before {
  left: 0.75rem;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .info-area .info-box .view-box p:first-child {
  padding-left: 0;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .info-area .info-box .view-box p.date {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .text-area {
  padding: 0;
  height: 14.6875rem;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .point-box .user-box {
  float: left;
  margin: -0.4375rem 0 0 1.5625rem;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .popup-reply-thumb-slide .swiper-slide {
  cursor: pointer;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .reply-item-box {
  display: flex;
  justify-content: space-between;
  margin-top: 2.5rem;
  height: 5rem;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .reply-item-box .item-box {
  display: flex;
  flex: 1;
  align-items: center;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .reply-item-box .item-box .img-slot {
  width: 5rem;
  border-radius: 1.25rem;
  overflow: hidden;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .reply-item-box .item-box .img-slot img {
  display: block;
  width: 100%;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .reply-item-box .item-box .info-slot {
  padding-left: 1.25rem;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .reply-item-box .item-box .info-slot .product-name {
  line-height: 1.5rem;
  font-size: 1rem;
  color: #333333;
  font-weight: 700;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .reply-item-box .item-box .info-slot .product-price {
  margin-top: 0.3125rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .reply-item-box .item-box .info-slot .product-price .price {
  font-size: 1.125rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.08125rem;
}
#popup-reply-detail .reply-detail-wrap .reply-comment-box .reply-item-box .btn-box {
  padding-top: 1.875rem;
  width: 28.75rem;
}

#popup-reply-write .popup-area {
  width: 43.75rem;
}
#popup-reply-write .popup-area .popup-content {
  max-height: 39.25rem;
  box-sizing: border-box;
}
#popup-reply-write .popup-area .popup-content .reply-write {
  padding-top: 2.5rem;
}
#popup-reply-write .popup-area .popup-content .reply-write .title {
  margin-bottom: 1.25rem;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
}
#popup-reply-write .popup-area .popup-content .reply-write .form-content {
  margin-top: 0;
  border-top: 1px solid #e7e7e7;
  padding-top: 1.25rem;
}
#popup-reply-write .popup-area .popup-content .reply-write .form-content textarea.input-text {
  box-sizing: border-box;
}
#popup-reply-write .popup-area .popup-content .reply-write .form-content .form-box {
  padding-left: 11.25rem;
}
#popup-reply-write .popup-area .popup-content .reply-write .form-content .form-box .form-label {
  padding-left: 2.5rem;
}
#popup-reply-write .popup-area .popup-content .reply-write .form-content .form-box.phone-box .input-text {
  width: 5.625rem;
}
#popup-reply-write .popup-area .popup-content .reply-write .form-content .form-box .select-drop-down.select-md2 {
  flex: 1 1 auto;
}
#popup-reply-write .popup-area .popup-content .reply-write .form-content .form-box .select-drop-down.select-md2 .btn-select {
  width: 100%;
}
#popup-reply-write .popup-area .popup-content .reply-write .form-content .form-box .unit-text {
  margin-right: 0;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box {
  padding-bottom: 1.875rem;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .title-box {
  display: flex;
  margin-bottom: 2.5rem;
  height: 2.8125rem;
  border-bottom: 1px solid #333333;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .title-box .title {
  line-height: 1.5rem;
  font-size: 1.375rem;
  color: #333333;
  font-weight: 700;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .title-box .desc {
  margin-left: 0.625rem;
  line-height: 1.5rem;
  font-size: 1rem;
  color: #58595b;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .upload-list {
  margin-bottom: 1.25rem;
  height: 5.625rem;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .upload-list li {
  float: left;
  width: 5.9375rem;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .upload-list li:first-child .upload-box:before {
  display: none;
  content: "대표";
  position: absolute;
  left: 0.3125rem;
  bottom: 0.3125rem;
  padding: 0 0.75rem;
  height: 1.875rem;
  line-height: 1.875rem;
  font-size: 0.875rem;
  color: #fff;
  font-weight: 700;
  border-radius: 0.9375rem;
  background: #8bb23f;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .upload-list li:first-child .upload-box.upload {
  border-color: #333333;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .upload-list li:first-child .upload-box.upload:before {
  display: block;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .upload-list .upload-box {
  position: relative;
  width: 5.375rem;
  height: 5.375rem;
  border: 1px solid #e7e7e7;
  border-radius: 1.25rem;
  overflow: hidden;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .upload-list .upload-box .input-file {
  cursor: pointer;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .upload-list .upload-box .btn-close {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: #7b7c7d;
  border-top-left-radius: 1.25rem;
  z-index: 11;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .upload-list .upload-box .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .upload-list .upload-box.upload {
  border-color: transparent;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .upload-list .upload-box.upload > .icon {
  display: none;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .upload-list .upload-box.upload .btn-close {
  display: block;
}
#popup-reply-write .popup-area .popup-content .reply-write .write-picture-box .caution-list-box {
  margin-top: 1.125rem;
}
#popup-reply-write .popup-area .popup-content .notice-list {
  margin-top: 1.25rem;
  padding-top: 0.9375rem;
  font-size: 1rem;
  line-height: 2.2;
  color: #040405;
  border-top: 1px solid #e7e7e7;
  letter-spacing: -0.05rem;
}
#popup-reply-write .popup-area .popup-content .notice-list li {
  position: relative;
  padding-left: 0.9375rem;
}
#popup-reply-write .popup-area .popup-content .notice-list li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1.125rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #bcbdc1;
}
#popup-reply-write .popup-area .popup-content .notice-agr li.notice-head .notice-ckbox{
  appearance: auto;
  margin: 0 8px 0 0;
  zoom: 1.5;
}
#popup-reply-write .popup-area .popup-content .notice-agr li.notice-head{
  padding-top: 20px;
}
#popup-reply-write .popup-area .popup-content .notice-agr div.notice-box{
  background-color: #F5F5F5;
  border-radius: 0.625rem;
}
#popup-reply-write .popup-area .popup-content .notice-agr div.notice-box .notice-con{
  padding: 0.5rem 0;
}
#popup-reply-write .popup-area .popup-content .notice-agr div>p {
  padding-left: 10px;
}
#popup-reply-write .popup-area .popup-content .notice-agr {
  padding-top: 30px;
}
#popup-entry-write .popup-area {
  width: 65.75rem;
}
#popup-entry-write .popup-area .popup-content {
  max-height: 39.25rem;
  box-sizing: border-box;
  height: 37.25rem;
}
#popup-entry-write .popup-area .popup-content .entry-write {
  /*padding-top: 2.5rem;*/
}
#popup-entry-write .popup-area .popup-content .entry-write .title {
  margin-bottom: 1.25rem;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
}
#popup-entry-write .popup-area .popup-content .entry-write .form-content {
  margin-top: 0;
  border-top: 1px solid #e7e7e7;
  padding-top: 1.25rem;
}
#popup-entry-write .popup-area .popup-content .entry-write .form-content textarea.input-text {
  box-sizing: border-box;
}
#popup-entry-write .popup-area .popup-content .entry-write .form-content .form-box {
  padding-left: 11.25rem;
}
#popup-entry-write .popup-area .popup-content .entry-write .form-content .form-box .form-label {
  padding-left: 2.5rem;
}
#popup-entry-write .popup-area .popup-content .entry-write .form-content .form-box.phone-box .input-text {
  width: 5.625rem;
}
#popup-entry-write .popup-area .popup-content .entry-write .form-content .form-box .select-drop-down.select-md2 {
  flex: 1 1 auto;
}
#popup-entry-write .popup-area .popup-content .entry-write .form-content .form-box .select-drop-down.select-md2 .btn-select {
  width: 100%;
}
#popup-entry-write .popup-area .popup-content .entry-write .form-content .form-box .unit-text {
  margin-right: 0;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box {
  padding-bottom: 1.875rem;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .title-box {
  display: flex;
  margin-bottom: 2.5rem;
  height: 2.8125rem;
  border-bottom: 1px solid #333333;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .title-box .title {
  line-height: 1.5rem;
  font-size: 1.375rem;
  color: #333333;
  font-weight: 700;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .title-box .desc {
  margin-left: 0.625rem;
  line-height: 1.5rem;
  font-size: 1rem;
  color: #58595b;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .upload-list {
  margin-bottom: 1.25rem;
  height: 5.625rem;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .upload-list li {
  float: left;
  width: 5.9375rem;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .upload-list li:first-child .upload-box:before {
  display: none;
  content: "대표";
  position: absolute;
  left: 0.3125rem;
  bottom: 0.3125rem;
  padding: 0 0.75rem;
  height: 1.875rem;
  line-height: 1.875rem;
  font-size: 0.875rem;
  color: #fff;
  font-weight: 700;
  border-radius: 0.9375rem;
  background: #8bb23f;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .upload-list li:first-child .upload-box.upload {
  border-color: #333333;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .upload-list li:first-child .upload-box.upload:before {
  display: block;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .upload-list .upload-box {
  position: relative;
  width: 5.375rem;
  height: 5.375rem;
  border: 1px solid #e7e7e7;
  border-radius: 1.25rem;
  overflow: hidden;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .upload-list .upload-box .input-file {
  cursor: pointer;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .upload-list .upload-box .btn-close {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: #7b7c7d;
  border-top-left-radius: 1.25rem;
  z-index: 11;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .upload-list .upload-box .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .upload-list .upload-box.upload {
  border-color: transparent;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .upload-list .upload-box.upload > .icon {
  display: none;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .upload-list .upload-box.upload .btn-close {
  display: block;
}
#popup-entry-write .popup-area .popup-content .entry-write .write-picture-box .caution-list-box {
  margin-top: 1.125rem;
}
#popup-entry-write .popup-area .popup-content .notice-list {
  margin-top: 1.25rem;
  padding-top: 0.9375rem;
  font-size: 1rem;
  line-height: 2.2;
  color: #040405;
  border-top: 1px solid #e7e7e7;
  letter-spacing: -0.05rem;
}
#popup-entry-write .popup-area .popup-content .notice-list li {
  position: relative;
  padding-left: 0.9375rem;
}
#popup-entry-write .popup-area .popup-content .notice-list li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1.125rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #bcbdc1;
}

#popup-review-write .popup-area {
  width: 43.75rem;
}
#popup-review-write .popup-area .popup-content {
  max-height: 39.25rem;
}
#popup-review-write .popup-area .popup-content .form-content {
  margin-top: 0;
}
#popup-review-write .popup-area .popup-content .order-item-box .order-info .info-slot .product-opt {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
  display: inline-block;
  line-height: 1.875rem;
  vertical-align: middle;
  font-size: 1rem;
  color: #333333;
}
#popup-review-write .popup-area .popup-content .write-point-box {
  margin-bottom: 2.5rem;
  padding: 1.875rem 0;
  text-align: center;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
#popup-review-write .popup-area .popup-content .write-point-box .title {
  margin-bottom: 0.9375rem;
  line-height: 1;
  font-size: 1.125rem;
  color: #333333;
  font-weight: 700;
}
#popup-review-write .popup-area .popup-content .write-point-box .title .icon {
  display: inline-block;
  vertical-align: middle;
  margin: -0.25rem 0 0 0;
}
#popup-review-write .popup-area .popup-content .write-point-box .title em {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
}
#popup-review-write .popup-area .popup-content .write-point-box .desc {
  margin-top: 0.9375rem;
  line-height: 1;
  font-size: 1rem;
  color: #333333;
}
#popup-review-write .popup-area .popup-content .write-point-box .point-box {
  height: 2.1875rem;
}
#popup-review-write .popup-area .popup-content .write-point-box .point-box .icon {
  cursor: pointer;
  display: inline-block;
  margin: 0 0.25rem;
  height: 2.1875rem;
  vertical-align: top;
  opacity: 0.15;
}
#popup-review-write .popup-area .popup-content .write-point-box .point-box .icon.on {
  opacity: 1;
}
#popup-review-write .popup-area .popup-content .write-summary-box {
  margin-bottom: 2.5rem;
}
#popup-review-write .popup-area .popup-content .write-summary-box .summary-list .list-box {
  position: relative;
  height: 4.375rem;
  margin-bottom: 2.5rem;
  padding-left: 8.125rem;
}
#popup-review-write .popup-area .popup-content .write-summary-box .summary-list .list-box .label {
  position: absolute;
  left: 0;
  top: 0.375rem;
  line-height: 1.75rem;
  font-size: 1.125rem;
  color: #333333;
  font-weight: 700;
  letter-spacing: -0.05625rem;
}
#popup-review-write .popup-area .popup-content .write-summary-box .summary-list .list-box .check-list {
  display: flex;
  width: 21.25rem;
}
#popup-review-write .popup-area .popup-content .write-summary-box .summary-list .list-box .check-list li {
  position: relative;
  flex: 1;
}
#popup-review-write .popup-area .popup-content .write-summary-box .summary-list .list-box .check-list li:before {
  display: block;
  content: "";
  position: absolute;
  left: -1.5625rem;
  top: 50%;
  margin-top: -1px;
  width: 3.125rem;
  height: 0.125rem;
  border-top: 2px dotted #e7e7e7;
}
#popup-review-write .popup-area .popup-content .write-summary-box .summary-list .list-box .check-list li:first-child:before {
  display: none;
}
#popup-review-write .popup-area .popup-content .write-summary-box .summary-list .list-box .check-list li .check-box {
  cursor: pointer;
  display: block;
  position: relative;
  margin: 0 auto;
  width: 2.5rem;
  height: 2.5rem;
}
#popup-review-write .popup-area .popup-content .write-summary-box .summary-list .list-box .check-list li .check-box input {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 2.5rem;
  height: 2.5rem;
  opacity: 0;
  z-index: 10;
}
#popup-review-write .popup-area .popup-content .write-summary-box .summary-list .list-box .check-list li .check-box .icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2.5rem;
  height: 2.5rem;
  border: 2px solid #e7e7e7;
  border-radius: 50%;
}
#popup-review-write .popup-area .popup-content .write-summary-box .summary-list .list-box .check-list li .check-box .text {
  display: block;
  position: absolute;
  left: 50%;
  bottom: -1.875rem;
  margin-left: -3.75rem;
  width: 7.5rem;
  height: 1.25rem;
  line-height: 1.25rem;
  text-align: center;
  font-size: 1rem;
  color: #bcbdc1;
}
#popup-review-write .popup-area .popup-content .write-summary-box .summary-list .list-box .check-list li .check-box input:checked + span.icon {
  border-color: #8bb23f;
  background: #8bb23f url("/img/icons/icon_review_white.png") no-repeat center center;
}
#popup-review-write .popup-area .popup-content .write-summary-box .summary-list .list-box .check-list li .check-box input:checked + span.icon + span.text {
  color: #333333;
  font-weight: 700;
}
#popup-review-write .popup-area .popup-content .write-summary-box .desc-box {
  text-align: center;
  border-radius: 1.125rem;
  background: #f8f8f8;
}
#popup-review-write .popup-area .popup-content .write-summary-box .desc-box p {
  line-height: 4.375rem;
  font-size: 1rem;
  color: #333333;
  letter-spacing: -0.05rem;
}
#popup-review-write .popup-area .popup-content .write-summary-box .desc-box p b {
  font-weight: 700;
}
#popup-review-write .popup-area .popup-content .write-picture-box {
  margin-bottom: 3.75rem;
}
#popup-review-write .popup-area .popup-content .write-picture-box .title-box {
  display: flex;
  margin-bottom: 1.25rem;
}
#popup-review-write .popup-area .popup-content .write-picture-box .title-box .title {
  line-height: 1.5rem;
  font-size: 1.375rem;
  color: #333333;
  font-weight: 700;
}
#popup-review-write .popup-area .popup-content .write-picture-box .title-box .desc {
  margin-left: 0.625rem;
  line-height: 1.5rem;
  font-size: 1rem;
  color: #58595b;
}
#popup-review-write .popup-area .popup-content .write-picture-box .upload-list {
  margin-bottom: 1.25rem;
  height: 5.625rem;
}
#popup-review-write .popup-area .popup-content .write-picture-box .upload-list li {
  float: left;
  width: 5.9375rem;
}
#popup-review-write .popup-area .popup-content .write-picture-box .upload-list li:first-child .upload-box:before {
  display: none;
  content: "대표";
  position: absolute;
  left: 0.3125rem;
  top: 0.3125rem;
  padding: 0 0.625rem;
  height: 1.375rem;
  line-height: 1.375rem;
  font-size: 0.875rem;
  color: #fff;
  font-weight: 700;
  border-radius: 0.9375rem;
  background: #31291c;
  z-index: 1;
}
#popup-review-write .popup-area .popup-content .write-picture-box .upload-list li:first-child .upload-box.upload {
  border-color: #333333;
}
#popup-review-write .popup-area .popup-content .write-picture-box .upload-list li:first-child .upload-box.upload:before {
  display: block;
}
#popup-review-write .popup-area .popup-content .write-picture-box .upload-list .upload-box {
  position: relative;
  width: 5.375rem;
  height: 5.375rem;
  border: 1px solid #e7e7e7;
  border-radius: 1.125rem;
  overflow: hidden;
}
#popup-review-write .popup-area .popup-content .write-picture-box .upload-list .upload-box .input-file {
  cursor: pointer;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
}
#popup-review-write .popup-area .popup-content .write-picture-box .upload-list .upload-box .btn-close {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: #7b7c7d;
  border-top-left-radius: 1.25rem;
  z-index: 11;
}
#popup-review-write .popup-area .popup-content .write-picture-box .upload-list .upload-box .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
#popup-review-write .popup-area .popup-content .write-picture-box .upload-list .upload-box.upload {
  border-color: transparent;
}
#popup-review-write .popup-area .popup-content .write-picture-box .upload-list .upload-box.upload > .icon {
  display: none;
}
#popup-review-write .popup-area .popup-content .write-picture-box .upload-list .upload-box.upload .btn-close {
  display: block;
}
#popup-review-write .popup-area .popup-content .write-picture-box .caution-list-box {
  margin-top: 1.125rem;
}
#popup-review-write .popup-area .popup-content .write-comment-box .title {
  margin-bottom: 1.25rem;
  line-height: 1.375rem;
  font-size: 1.375rem;
  color: #333333;
  font-weight: 700;
}
#popup-review-write .popup-area .popup-content .write-comment-box .input-text {
  width: 100%;
  height: 6.25rem;
  box-sizing: border-box;
}

.popup-deadline .popup-area {
  width: 43.75rem;
}
.popup-deadline .popup-area .popup-content {
  max-height: 39.25rem;
}
.popup-deadline .popup-area .popup-content .deadline-table table {
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 1px solid #333333;
}
.popup-deadline .popup-area .popup-content .deadline-table table thead {
  background-color: #f8f8f8;
}
.popup-deadline .popup-area .popup-content .deadline-table table thead th {
  padding: 1.875rem 0;
  text-align: center;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  font-weight: 500;
}
.popup-deadline .popup-area .popup-content .deadline-table table tbody tr {
  border-bottom: 1px solid #e7e7e7;
}
.popup-deadline .popup-area .popup-content .deadline-table table tbody tr td {
  text-align: center;
  padding: 1.875rem 0;
}

.popup-material .popup-area, .popup-material-overseas .popup-area {
  width: 43.75rem;
}
.popup-material .popup-area .popup-content, .popup-material-overseas .popup-area .popup-content {
  max-height: 39.25rem;
}
.popup-material .popup-area .popup-content .material-table table, .popup-material-overseas .popup-area .popup-content .material-table table {
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 1px solid #333333;
}
.popup-material .popup-area .popup-content .material-table table thead, .popup-material-overseas .popup-area .popup-content .material-table table thead {
  background-color: #f8f8f8;
}
.popup-material .popup-area .popup-content .material-table table thead th, .popup-material-overseas .popup-area .popup-content .material-table table thead th {
  padding: 1.875rem 0;
  text-align: center;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  font-weight: 500;
}
.popup-material .popup-area .popup-content .material-table table tbody tr, .popup-material-overseas .popup-area .popup-content .material-table table tbody tr {
  border-bottom: 1px solid #e7e7e7;
}
.popup-material .popup-area .popup-content .material-table table tbody tr td, .popup-material-overseas .popup-area .popup-content .material-table table tbody tr td {
  text-align: center;
  vertical-align: middle;
  padding: 1.875rem 0.625rem;
  color: #58595b;
  font-weight: 300;
}
.popup-material .popup-area .popup-content .material-table table tbody tr td:first-child, .popup-material-overseas .popup-area .popup-content .material-table table tbody tr td:first-child {
  color: #333333;
  font-weight: 500;
}

.popup-product-compose .popup-area {
  width: 43.75rem;
}
.popup-product-compose .popup-area .popup-header {
  margin-bottom: 1.875rem;
}
.popup-product-compose .popup-area .popup-content {
  max-height: 39.25rem;
}
.popup-product-compose .popup-area .popup-content .title {
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  font-weight: 700;
}
.popup-product-compose .popup-area .popup-content .product-compose {
  line-height: 1.6;
  font-size: 1rem;
  font-weight: 300;
  color: #58595b;
}

.popup-faq-detail .popup-area {
  width: 43.75rem;
}
.popup-faq-detail .popup-area .popup-content {
  max-height: 39.25rem;
}
.popup-faq-detail .popup-area .popup-content.scroll-wrapper {
  padding-top: 1.875rem !important;
}
.popup-faq-detail .popup-area .popup-content .title {
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  font-weight: 700;
}
.popup-faq-detail .popup-area .popup-content .title.question {
  position: relative;
  padding-left: 1.5625rem;
}
.popup-faq-detail .popup-area .popup-content .title.question:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0.3125rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url("/img/icons/icon_qna_q_black.png") no-repeat center center;
}
.popup-faq-detail .popup-area .popup-content .answer-content {
  position: relative;
  padding-left: 1.5625rem;
  line-height: 1.6;
  font-size: 1rem;
  font-weight: 300;
  color: #58595b;
}
.popup-faq-detail .popup-area .popup-content .answer-content:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0.1875rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url("/img/icons/icon_qna_a.png") no-repeat center center;
}

.popup-product-notice .popup-area {
  width: 43.75rem;
}
.popup-product-notice .popup-area .popup-content .title {
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  font-weight: 700;
}
.popup-product-notice .popup-area .popup-content .product-notice {
  line-height: 1.6;
  font-size: 1rem;
  font-weight: 300;
  color: #58595b;
}
.popup-product-notice .popup-area .popup-content .product-notice > ul > li {
  padding-left: 1rem;
  margin-bottom: 0.3125rem;
  line-height: 2;
  text-indent: -1rem;
  letter-spacing: -0.05rem;
}
.popup-product-notice .popup-area .popup-content .product-notice > ul > li > ul > li {
  text-indent: -1rem;
  padding-left: 1rem;
  line-height: 1.6;
}

.popup-product-question .popup-area {
  width: 62.5rem;
}
.popup-product-question .popup-area .popup-content {
  max-height: 39.25rem;
}
.popup-product-question .popup-area .popup-content .title {
  font-size: 1.125rem;
  font-weight: 700;
}
.popup-product-question .popup-area .popup-content .product-question.form-content .form-list {
  padding-top: 0;
  border-top: 0;
  border-bottom: 0;
}
.popup-product-question .popup-area .popup-content .product-question.form-content .form-box.options .select-drop-down {
  margin-right: 1.25rem;
}
.popup-product-question .popup-area .popup-content .product-question.form-content .form-box.options .select-drop-down .btn-select {
  width: 16.25rem;
}
.popup-product-question .popup-area .popup-content .product-question.form-content .form-box.title .input-text {
  width: 33.75rem;
}
.popup-product-question .popup-area .popup-content .product-question.form-content .form-box.question-text textarea.input-text {
  height: 15rem;
}
.popup-product-question .popup-area .popup-content .product-question.form-content .form-box.question-text .check-wrap {
  position: absolute;
  bottom: -0.8125rem;
  left: 11.25rem;
}
.popup-product-question .popup-area .popup-content .product-question.form-content .form-box.question-text .check-wrap label .checkbox {
  margin-left: 0;
}
.popup-product-question .popup-area .popup-content .notice-list {
  font-size: 1rem;
  line-height: 2.2;
  color: #040405;
}
.popup-product-question .popup-area .popup-content .notice-list li {
  position: relative;
  padding-left: 0.9375rem;
}
.popup-product-question .popup-area .popup-content .notice-list li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1.125rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #bcbdc1;
}

#popup-ordercancel-detail .popup-area {
  width: 43.75rem;
}
#popup-ordercancel-detail .popup-area .popup-content {
  max-height: 39.25rem;
}
#popup-ordercancel-detail .popup-area .order-detail-list .detail-list-wrap {
  margin-top: 1.875rem;
}
#popup-ordercancel-detail .popup-area .order-detail-list .detail-list-wrap .detail-header.border-gray {
  border-bottom: 1px solid #e7e7e7;
}
#popup-ordercancel-detail .popup-area .order-detail-list .detail-list-wrap:first-child {
  margin-top: 0;
}
#popup-ordercancel-detail .popup-area .order-detail-list .detail-list .order-item-box .order-status {
  width: 7.5rem;
}

#popup-address-add .popup-area, #popup-address-modify .popup-area {
  width: 43.75rem;
  height: auto;
}
#popup-address-add .form-content .form-box .text-count, #popup-address-modify .form-content .form-box .text-count {
  margin-top: 0.625rem;
  font-size: 1rem;
  color: #818286;
}
#popup-address-add .form-content .form-box .shipping-input-box, #popup-address-modify .form-content .form-box .shipping-input-box {
  width: 100%;
}
#popup-address-add .check-wrap label .checkbox, #popup-address-modify .check-wrap label .checkbox {
  margin-left: 0;
}

#popup-coupon-detail .popup-area {
  width: 43.75rem;
}
#popup-coupon-detail .popup-content {
  display: flex;
}
#popup-coupon-detail .coupon-list-box {
  width: 20.625rem;
}
#popup-coupon-detail .coupon-list-box .item-coupon-list > ul {
  display: block;
  width: 20.625rem;
}
#popup-coupon-detail .coupon-info-box {
  flex: 1;
  padding-top: 0.9375rem;
  padding-left: 1.75rem;
}
#popup-coupon-detail .coupon-info-box .coupon-name {
  margin-bottom: 2.1875rem;
  line-height: 1.6;
  font-size: 1.375rem;
  font-weight: 700;
  color: #333333;
  letter-spacing: -0.06875rem;
}
#popup-coupon-detail .coupon-info-box .info-list li {
  position: relative;
  margin-top: 1rem;
  padding-left: 5rem;
}
#popup-coupon-detail .coupon-info-box .info-list li:first-child {
  margin-top: 0;
}
#popup-coupon-detail .coupon-info-box .info-list li p {
  line-height: 1.4;
  font-size: 0.875rem;
  font-weight: 500;
  color: #58595b;
  letter-spacing: -0.04375rem;
}
#popup-coupon-detail .coupon-info-box .info-list li p.label {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  color: #333333;
}

#popup-orderconfirm-complete .popup-area {
  min-width: 26.875rem;
  height: 40.625rem;
  overflow: hidden;
}
#popup-orderconfirm-complete .popup-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  height: 28.125rem;
  background: #f3f4e6;
}
#popup-orderconfirm-complete .popup-content .point-top {
  padding-top: 5.625rem;
  height: 100%;
  text-align: center;
}
#popup-orderconfirm-complete .popup-content .point-top .icon-box {
  height: 8.125rem;
  text-align: center;
}
#popup-orderconfirm-complete .popup-content .point-top .point {
  line-height: 2.5rem;
  font-size: 1.625rem;
  color: #333333;
  white-space: nowrap;
  letter-spacing: -0.08125rem;
  font-weight: 500;
}
#popup-orderconfirm-complete .popup-content .point-top .point b {
  font-size: 1.75rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  color: #6b8138;
}
#popup-orderconfirm-complete .popup-content .point-top .point-box {
  position: relative;
  margin: 1.5625rem 0 0.9375rem 0;
  height: 4.375rem;
  border-radius: 1.25rem;
  background: #ffffff;
}
#popup-orderconfirm-complete .popup-content .point-top .point-box .label {
  position: absolute;
  left: 1.875rem;
  top: 0;
  line-height: 4.375rem;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  font-weight: 500;
  color: #333333;
}
#popup-orderconfirm-complete .popup-content .point-top .point-box .value {
  position: absolute;
  right: 1.875rem;
  top: 0;
  line-height: 4.375rem;
  font-size: 1.25rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  color: #6b8138;
}
#popup-orderconfirm-complete .popup-content .point-top .desc {
  line-height: 1.875rem;
  font-size: 1rem;
  color: #818286;
  letter-spacing: -0.05rem;
}
#popup-orderconfirm-complete .popup-content .point-bottom {
  position: relative;
  padding: 2.375rem 0 0 3.9375rem;
}
#popup-orderconfirm-complete .popup-content .point-bottom .icon {
  display: block;
  position: absolute;
  left: 0.625rem;
  top: 2.875rem;
}
#popup-orderconfirm-complete .popup-content .point-bottom p {
  line-height: 1.5rem;
  font-size: 1rem;
  color: #58595b;
  letter-spacing: -0.05rem;
}
#popup-orderconfirm-complete .popup-content .point-bottom p b {
  color: #333333;
  font-weight: 700;
}
#popup-orderconfirm-complete .popup-footer {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
}

#popup-order-option .popup-area {
  width: 43.75rem;
}
#popup-order-option .popup-area .popup-content {
  max-height: 40.625rem;
}
#popup-order-option .order-item-box .order-info {
  padding-left: 0;
}
#popup-order-option .product-opt-box .opt-list .total-box .price {
  font-size: 1.375rem;
}
#popup-order-option .product-opt-box .opt-list .total-box .price b {
  font-size: 2rem;
}

#popup-item-option .popup-content {
  max-height: 40.625rem;
}

#popup-order-address .popup-area {
  width: 43.75rem;
}
#popup-order-address .order-address-list {
  margin-right: -0.625rem;
  padding-right: 0.625rem;
  max-height: 29.375rem;
}

#popup-refund-account .popup-area {
  width: 43.75rem;
  min-height: 28.125rem;
}
#popup-refund-account .form-content .use-box {
  margin-top: -0.625rem;
}
#popup-refund-account .check-wrap label .checkbox {
  margin-left: 0;
}

.password-change .popup-area {
  overflow: hidden;
  width: 43.75rem;
  padding: 0;
}
.password-change .popup-area .popup-header {
  height: auto;
  text-align: right;
  background-color: #f7fafc;
  padding: 1.875rem 2.5rem 0 2.5rem;
}
.password-change .popup-area .popup-header .btn-close {
  position: relative;
  display: inline-block;
  right: unset;
  left: unset;
  top: unset;
}
.password-change .popup-area .popup-content {
  padding-top: 0;
}
.password-change .popup-area .popup-content .password-top {
  padding-bottom: 2.5rem;
  text-align: center;
  background-color: #f7fafc;
}
.password-change .popup-area .popup-content .password-top .title {
  margin-top: 1.5625rem;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: -0.06875rem;
}
.password-change .popup-area .popup-content .password-top .sub-text {
  margin-top: 0.75rem;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
}
.password-change .popup-area .popup-content .password-bottom .form-content {
  margin-top: 2.5rem;
  margin-left: 5rem;
  margin-right: 5rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e7e7e7;
}
.password-change .popup-area .popup-footer {
  position: relative;
  left: unset;
  right: unset;
  bottom: unset;
  padding-bottom: 1.875rem;
}

#popup-item-option .popup-area {
  width: 62.5rem;
}
#popup-item-option .popup-area .option-select-wrap {
  position: relative;
  padding-left: 25.625rem;
  margin-bottom: 0.625rem;
  min-height: 26.875rem;
}
#popup-item-option .popup-area .option-select-wrap .product-img-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 23.125rem;
  border: 1px solid #eee;
  border-radius: 1.25rem;
  overflow: hidden;
}
#popup-item-option .popup-area .option-select-wrap .product-img-box img {
  display: block;
  width: 100%;
}
#popup-item-option .popup-area .option-select-wrap .product-info-box {
  margin-bottom: 1.875rem;
}
#popup-item-option .popup-area .option-select-wrap .product-info-box .product-desc {
  margin: 0 0 0.625rem 0;
}
#popup-item-option .popup-area .option-select-wrap .product-info-box .product-price {
  margin-top: 1.25rem;
}
#popup-item-option .popup-area .product-opt-box {
  margin-top: 0;
}
#popup-item-option .popup-area .product-opt-box .opt-list {
  padding: 0;
}
#popup-item-option .popup-area .popup-footer .icon {
  margin-right: 0.5rem;
}

#popup-footer-partner .popup-area, #popup-footer-contact .popup-area {
  min-width: 43.75rem;
}
#popup-footer-partner .popup-area .popup-content, #popup-footer-contact .popup-area .popup-content {
  padding-top: 0;
}
#popup-footer-partner .manager-list, #popup-footer-contact .manager-list {
  padding: 0 0 2.5rem 0;
}
#popup-footer-partner .manager-list .manager-title, #popup-footer-contact .manager-list .manager-title {
  margin: 3.125rem 0 0.9375rem 0;
  line-height: 1.875rem;
  font-size: 1.125rem;
  color: #333333;
  font-weight: 700;
  letter-spacing: -0.05625rem;
}
#popup-footer-partner .manager-list .manager-title:first-child, #popup-footer-contact .manager-list .manager-title:first-child {
  margin-top: 0;
}
#popup-footer-partner .manager-list .manager-box, #popup-footer-contact .manager-list .manager-box {
  display: flex;
}
#popup-footer-partner .manager-list .manager-box.flex-center, #popup-footer-contact .manager-list .manager-box.flex-center {
  justify-content: center;
}
#popup-footer-partner .manager-list .manager-box .manager-info, #popup-footer-contact .manager-list .manager-box .manager-info {
  width: 50%;
  position: relative;
  padding-left: 5.625rem;
  padding-right: 1.25rem;
}
#popup-footer-partner .manager-list .manager-box .manager-info p, #popup-footer-contact .manager-list .manager-box .manager-info p {
  line-height: 1.375rem;
  font-size: 0.875rem;
  color: #58595b;
  white-space: nowrap;
}
#popup-footer-partner .manager-list .manager-box .manager-info p a, #popup-footer-contact .manager-list .manager-box .manager-info p a {
  color: #58595b;
}
#popup-footer-partner .manager-list .manager-box .manager-info p .email, #popup-footer-contact .manager-list .manager-box .manager-info p .email {
  text-decoration: underline;
  font-weight: 300;
}
#popup-footer-partner .manager-list .manager-box .manager-info p .tel, #popup-footer-contact .manager-list .manager-box .manager-info p .tel {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
}
#popup-footer-partner .manager-list .manager-box .manager-info .profile, #popup-footer-contact .manager-list .manager-box .manager-info .profile {
  position: absolute;
  left: 0;
  top: 0;
  width: 4.375rem;
  height: 4.375rem;
  line-height: 4.375rem;
  text-align: center;
  font-size: 1.375rem;
  font-weight: 700;
  color: #8bb23f;
  border-radius: 50%;
  background: #f3f4e6;
}
#popup-footer-partner .manager-list .manager-box .manager-info .name, #popup-footer-contact .manager-list .manager-box .manager-info .name {
  margin-bottom: 0.375rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.05rem;
}
#popup-footer-partner .manager-list .manager-box .manager-info:first-child .profile, #popup-footer-contact .manager-list .manager-box .manager-info:first-child .profile {
  color: #fff;
  background: #8bb23f;
}

#popup-footer-contact .manager-list .manager-box .manager-info {
  padding: 0;
  text-align: center;
}
#popup-footer-contact .manager-list .manager-box .manager-info .manager-title {
  margin: 0 0 1.25rem 0;
  line-height: 1.875rem;
  font-size: 1.125rem;
  color: #333333;
  font-weight: 700;
}
#popup-footer-contact .manager-list .manager-box .manager-info .profile {
  position: relative;
  left: auto;
  top: auto;
  margin: 0 auto;
  margin-bottom: 1.25rem;
  color: #fff;
  background: #8bb23f;
}
#popup-footer-contact .manager-list .manager-box .manager-info .name {
  margin-bottom: 0.625rem;
}

#popup-coupon-select.popup-window .popup-area {
  width: 43.75rem;
}
#popup-coupon-select.popup-window .popup-area .popup-content {
  max-height: 39.25rem;
  height: 39.25rem;
}
#popup-coupon-select.popup-window .popup-area .popup-content .title {
  font-size: 1.125rem;
  font-weight: 700;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  letter-spacing: -0.05625rem;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list li {
  margin-top: 1.25rem;
  overflow: hidden;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list li:first-child {
  margin-top: 0 !important;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .btn-coupon-info {
  float: right;
  margin: 0.625rem -0.625rem 0 0;
  line-height: 1;
  padding: 0.625rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: #58595b;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .btn-coupon-info .icon {
  margin-left: 0.9375rem;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box {
  display: block;
  position: relative;
  padding: 1.4375rem 2.5rem 1.4375rem 12.5rem;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box.no-coupon {
  padding-left: 4.375rem;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .radio {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  margin: 0;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .coupon-box {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #e7e7e7;
  border-radius: 0.75rem;
  z-index: 0;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: block;
  position: relative;
  z-index: 1;
  line-height: 1.4em;
  font-size: 1rem;
  letter-spacing: -0.05rem;
  font-weight: 500;
  color: #bcbdc1;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .coupon-name {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.05rem;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .coupon-name .icon {
  margin-right: 1rem;
  opacity: 0.5;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .coupon-desc {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .icon-radio {
  position: absolute;
  left: 1.875rem;
  top: 1.5rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.375rem;
  height: 1.375rem;
  background-image: url("/img/icons/radio_gray.png");
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .coupon-price {
  position: absolute;
  left: 4.375rem;
  top: 1.5rem;
  font-weight: 500;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .coupon-price .price {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 800;
  margin-right: 0.1875rem;
  font-size: 1.125rem;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .radio:checked ~ .icon-radio {
  background-image: url("/img/icons/radio-checked.png");
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .radio:checked + div.coupon-box {
  border-color: #333333;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .radio:checked ~ span.coupon-name {
  color: #333333;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .radio:checked ~ span.coupon-name .icon {
  opacity: 1;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .radio:checked ~ span.coupon-desc {
  color: #58595b;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .radio:checked ~ span.coupon-date {
  color: #f01d11;
}
#popup-coupon-select.popup-window .popup-area .popup-content .coupon-item-list .coupon-item-box .radio:checked ~ span.coupon-price {
  color: #333333;
}
#popup-coupon-select.popup-window .popup-area .popup-content .important-notice-phrase {
  margin-top: 4.375rem;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  line-height: 1;
  font-weight: 700;
}
#popup-coupon-select.popup-window .popup-area .popup-content .important-notice-phrase [class*=icon-] {
  margin-right: 0.625rem;
}
#popup-coupon-select.popup-window .popup-area .popup-content .notice-list {
  margin-top: 1.25rem;
  padding-bottom: 2.5rem;
  font-size: 1rem;
  letter-spacing: -0.05rem;
  line-height: 2.2;
  color: #040405;
}
#popup-coupon-select.popup-window .popup-area .popup-content .notice-list li {
  position: relative;
  padding-left: 0.9375rem;
}
#popup-coupon-select.popup-window .popup-area .popup-content .notice-list li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1.125rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #bcbdc1;
}
#popup-coupon-select.popup-window .popup-area .popup-content .notice-list li .underline {
  text-decoration: underline;
  color: #333333;
}
#popup-coupon-select.popup-window .popup-area .popup-content .notice-list [class*=icon-] {
  vertical-align: middle;
}
#popup-coupon-select.popup-window .popup-area.sticky-btn-type {
  padding-bottom: 5rem;
  overflow: hidden;
}
#popup-coupon-select.popup-window .popup-area.sticky-btn-type .popup-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#popup-coupon-select.popup-window .popup-area.sticky-btn-type .popup-footer .coupon-total {
  display: flex;
  height: 5rem;
}
#popup-coupon-select.popup-window .popup-area.sticky-btn-type .popup-footer .coupon-total .total-discount {
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
  background-color: #333333;
  color: #ffffff;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
#popup-coupon-select.popup-window .popup-area.sticky-btn-type .popup-footer .coupon-total .total-discount .suffix, #popup-coupon-select.popup-window .popup-area.sticky-btn-type .popup-footer .coupon-total .total-discount .prefix {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
#popup-coupon-select.popup-window .popup-area.sticky-btn-type .popup-footer .coupon-total .total-discount .prefix {
  justify-content: flex-start;
}
#popup-coupon-select.popup-window .popup-area.sticky-btn-type .popup-footer .coupon-total .total-discount .suffix {
  justify-content: flex-end;
}
#popup-coupon-select.popup-window .popup-area.sticky-btn-type .popup-footer .coupon-total .total-discount .label {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.05rem;
}
#popup-coupon-select.popup-window .popup-area.sticky-btn-type .popup-footer .coupon-total .total-discount .sub-label {
  margin-left: 0.4375rem;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: -0.05rem;
}
#popup-coupon-select.popup-window .popup-area.sticky-btn-type .popup-footer .coupon-total .total-discount .price {
  font-size: 1.125rem;
  font-weight: 500;
}
#popup-coupon-select.popup-window .popup-area.sticky-btn-type .popup-footer .coupon-total .total-discount .price em {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
}
#popup-coupon-select.popup-window .popup-area.sticky-btn-type .popup-footer .coupon-total .btn {
  flex: 0 0 10.625rem;
  width: 10.625rem;
  height: 100%;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
}

@media all and (max-height: 799px) {
  #popup-coupon-select.popup-window .popup-area .popup-content {
    max-height: 25.25rem;
  }
}
@media all and (max-height: 600px) {
  #popup-coupon-select.popup-window .popup-area .popup-content {
    max-height: 15.25rem;
  }
}
#popup-store-image .popup-area {
  width: 43.75rem;
}
#popup-store-image .popup-area .map-store-slide {
  width: 38.75rem;
  height: 25rem;
  border-radius: 1.25rem;
  overflow: hidden;
}
#popup-store-image .popup-area .map-store-slide .btn-slider-arrow {
  background-color: rgba(0, 0, 0, 0.4);
}
#popup-store-image .popup-area .map-store-slide .btn-slider-arrow:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
#popup-store-image .popup-area .map-store-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.home-banner-popup.popup-window {
  overflow-y: auto;
}
.home-banner-popup.popup-window .popup-area {
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  width: 35.625rem;
  height: 45rem;
  background-color: transparent;
}
.home-banner-popup.popup-window .popup-area .popup-header {
  position: absolute;
  top: -3.875rem;
  width: 100%;
  border-bottom: 0;
  display: flex;
  justify-content: space-between;
}
.home-banner-popup.popup-window .popup-area .popup-header .suffix, .home-banner-popup.popup-window .popup-area .popup-header .prefix {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
.home-banner-popup.popup-window .popup-area .popup-header .prefix {
  justify-content: flex-start;
}
.home-banner-popup.popup-window .popup-area .popup-header .suffix {
  justify-content: flex-end;
}
.home-banner-popup.popup-window .popup-area .popup-header .no-more.check-wrap label {
  font-size: 1.375rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.034375rem;
}
.home-banner-popup.popup-window .popup-area .popup-header .no-more.check-wrap label .checkbox.large {
  margin-left: 0;
  margin-right: 1.25rem;
}
.home-banner-popup.popup-window .popup-area .popup-header .no-more.check-wrap label .checkbox.large .icon-chk {
  width: 2.0625rem;
  height: 2.0625rem;
  border: 0;
  background-image: url("/img/icons/icon_checkbox_circle_white.png");
}
.home-banner-popup.popup-window .popup-area .popup-header .no-more.check-wrap label .checkbox.large input[type=checkbox]:checked + .icon-chk {
  background-image: url("/img/icons/icon_checkbox_circle_white_on.png");
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 4.375rem;
  overflow: hidden;
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .slide-item {
  width: 35.625rem;
  height: 45rem;
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .slide-item .img-slot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .slide-item .text-box {
  position: absolute;
  bottom: 6.25rem;
  left: 0;
  width: 100%;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .slide-item .text-box .sub-text {
  margin-top: 1.875rem;
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .slider-arrow {
  position: absolute;
  width: 100%;
  height: 2.875rem;
  margin-left: auto;
  margin-right: auto;
  top: calc(50% - 1.4375rem);
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .slider-arrow .btn-slider {
  position: absolute;
  top: 50%;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5625rem;
  height: 2.875rem;
  background-image: url("/img/icons/icon_arrow_main_slide.png");
  z-index: 1;
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .slider-arrow .btn-slider.slider-prev {
  left: 1.25rem;
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .slider-arrow .btn-slider.slider-next {
  right: 1.25rem;
  transform: rotate(180deg);
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .slider-arrow .btn-slider.swiper-button-disabled {
  opacity: 0.5;
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .swiper-indicater-wrap {
  width: 31.25rem;
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .swiper-indicater-wrap .swiper-pagination {
  display: inline-flex;
  width: 80%;
  height: 0.25rem;
  border-radius: 0.625rem;
  background: rgba(255, 255, 255, 0.2);
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .swiper-indicater-wrap .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .swiper-indicater-wrap .swiper-stop {
  display: inline-block;
  width: 0.4375rem;
  height: 0.75rem;
  background-image: url("/img/icons/icon_slide_stop.png");
  z-index: 9999;
  cursor: pointer;
  vertical-align: bottom;
}
.home-banner-popup.popup-window .popup-area .popup-content .main-pop-slider .swiper-indicater-wrap .swiper-stop.stopped {
  transform: rotate(180deg);
}

@media all and (max-height: 800px) {
  .home-banner-popup.popup-window .popup-area {
    top: 5rem;
    transform: translate(-50%, 0);
  }
}
/* modify for dev - start */
#popup-footer-newstore .popup-area, #popup-footer-contact .popup-area {
  min-width: 43.75rem;
}

#popup-footer-newstore .popup-area .popup-content, #popup-footer-contact .popup-area .popup-content {
  padding-top: 0;
}

#popup-footer-newstore .manager-list, #popup-footer-contact .manager-list {
  padding: 0 0 2.5rem 0;
}

#popup-footer-newstore .manager-list .manager-title, #popup-footer-contact .manager-list .manager-title {
  margin: 3.125rem 0 0.9375rem 0;
  line-height: 1.875rem;
  font-size: 1.125rem;
  color: #333333;
  font-weight: 700;
  letter-spacing: -0.05625rem;
}

#popup-footer-newstore .manager-list .manager-title:first-child, #popup-footer-contact .manager-list .manager-title:first-child {
  margin-top: 0;
}

#popup-footer-newstore .manager-list .manager-box, #popup-footer-contact .manager-list .manager-box {
  display: flex;
}

#popup-footer-newstore .manager-list .manager-box.flex-center, #popup-footer-contact .manager-list .manager-box.flex-center {
  justify-content: center;
}

#popup-footer-newstore .manager-list .manager-box .manager-info, #popup-footer-contact .manager-list .manager-box .manager-info {
  width: 50%;
  position: relative;
  padding-left: 5.625rem;
  padding-right: 1.25rem;
}

#popup-footer-newstore .manager-list .manager-box .manager-info p, #popup-footer-contact .manager-list .manager-box .manager-info p {
  line-height: 1.375rem;
  font-size: 0.875rem;
  color: #58595b;
  white-space: nowrap;
}

#popup-footer-newstore .manager-list .manager-box .manager-info p a, #popup-footer-contact .manager-list .manager-box .manager-info p a {
  color: #58595b;
}

#popup-footer-newstore .manager-list .manager-box .manager-info p .email, #popup-footer-contact .manager-list .manager-box .manager-info p .email {
  text-decoration: underline;
  font-weight: 300;
}

#popup-footer-newstore .manager-list .manager-box .manager-info p .tel, #popup-footer-contact .manager-list .manager-box .manager-info p .tel {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
}

#popup-footer-newstore .manager-list .manager-box .manager-info .profile, #popup-footer-contact .manager-list .manager-box .manager-info .profile {
  position: absolute;
  left: 0;
  top: 0;
  width: 4.375rem;
  height: 4.375rem;
  line-height: 4.375rem;
  text-align: center;
  font-size: 1.375rem;
  font-weight: 700;
  color: #8bb23f;
  border-radius: 50%;
  background: #f3f4e6;
}

#popup-footer-newstore .manager-list .manager-box .manager-info .name, #popup-footer-contact .manager-list .manager-box .manager-info .name {
  margin-bottom: 0.375rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.05rem;
}

#popup-footer-newstore .manager-list .manager-box .manager-info:first-child .profile, #popup-footer-contact .manager-list .manager-box .manager-info:first-child .profile {
  color: #fff;
  background: #8bb23f;
}

/* modify for dev - end */
.video-popup .video-wrap {
  position: relative;
  max-width: 62.5rem;
  margin: 12.5rem auto 0 auto;
}
.video-popup .video-wrap .close-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.video-popup .video-wrap video, .video-popup .video-wrap iframe {
  display: block;
  margin: auto;
  width: calc(100% - 3.125rem);
}

#popup-coupon-target .popup-area {
  width: 71.25rem;
}
#popup-coupon-target .popup-content {
  padding-top: 0;
  max-height: 70vh;
  left: 0;
  margin: 0;
}
#popup-coupon-target .popup-content .item-list-more {
  margin: 1.875rem 0 2.5rem;
}
#popup-coupon-target .filter-top {
  background: #f5f5f5;
  padding-left: 1.25rem;
  padding-right: 0.625rem;
}

.remote-controls {
  display: inline-block;
  position: absolute;
  top: 43.75rem;
  right: 1.25rem;
  width: 6.25rem;
  border: 1px solid #e7e7e7;
  background-color: #ffffff;
  z-index: 0;
  border-radius: 0.625rem;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, z-index 0.3s, top 0.3s;
  transition-delay: top 0.2s;
}
.remote-controls.active {
  z-index: 11;
}
.remote-controls .recent-list .title {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -0.04375rem;
  padding: 0.625rem 0;
  color: #333333;
  border-bottom: 1px solid #e7e7e7;
}
.remote-controls .recent-list .list-wrap {
  position: relative;
  width: 6.0625rem;
  max-height: 18.75rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  float: right;
  transition: width 0.2s;
  overflow: hidden;
}
.remote-controls .recent-list .list-wrap:hover {
  width: 18.9375rem;
}
.remote-controls .recent-list .list-wrap ul {
  max-height: 15.375rem;
  flex-direction: column;
}
.remote-controls .recent-list .list-wrap ul li {
  display: inline-block;
  width: 100%;
  height: 5.125rem;
  text-align: right;
}
.remote-controls .recent-list .list-wrap ul li a {
  display: inline-block;
  position: relative;
  width: 5.875rem;
  height: 5.125rem;
  overflow: hidden;
  border: 1px solid transparent;
  border-top-left-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
  background-color: #ffffff;
  transition: width 0.2s, border 0.3s;
}
.remote-controls .recent-list .list-wrap ul li a:hover {
  width: 18.75rem;
  border: 1px solid #333333;
}
.remote-controls .recent-list .list-wrap ul li a img {
  width: 5rem;
  position: absolute;
  right: 0.4375rem;
  top: 50%;
  transform: translateY(-50%);
}
.remote-controls .recent-list .list-wrap ul li a .product-info {
  display: inline-block;
  position: absolute;
  width: 12.5rem;
  height: 5rem;
  right: 6.25rem;
  padding: 1.25rem;
  top: 0;
  text-align: left;
}
.remote-controls .recent-list .list-wrap ul li a .product-info .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
  line-height: 1;
  letter-spacing: -0.05rem;
}
.remote-controls .recent-list .list-wrap ul li a .product-info .price-wrap {
  margin-top: 0.625rem;
  line-height: 1;
  white-space: nowrap;
}
.remote-controls .recent-list .list-wrap ul li a .product-info .price-wrap .unit {
  font-family: "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
}
.remote-controls .recent-list .list-wrap ul li a .product-info .price-wrap .price {
  display: inline-block;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  line-height: 1;
}
.remote-controls .recent-list .list-wrap ul li a .product-info .price-wrap .before-discount {
  position: relative;
  display: inline-block;
  margin-left: 0.9375rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
  color: #bcbdc1;
  line-height: 1;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
}
.remote-controls .recent-list .list-wrap ul li a .product-info .price-wrap .before-discount:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -5%;
  top: calc(50%);
  width: 110%;
  border-bottom: 0.125rem solid #bcbdc1;
}
.remote-controls .recent-list .recent-nav-next,
.remote-controls .recent-list .recent-nav-prev {
  position: absolute;
  top: 2.5rem;
  right: 0;
  width: 6.25rem;
  height: 1.25rem;
  background-image: url("/img/icons/icon_recent_arrow.png");
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
}
.remote-controls .recent-list.over-three .recent-nav-next, .remote-controls .recent-list.over-three .recent-nav-prev {
  opacity: 1;
  height: 1.875rem;
}
.remote-controls .recent-list.over-three .swiper-button-disabled.recent-nav-next, .remote-controls .recent-list.over-three .swiper-button-disabled.recent-nav-prev {
  opacity: 0.3;
}
.remote-controls .recent-list.over-three .list-wrap {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.remote-controls .recent-list .recent-nav-next {
  top: unset;
  bottom: 3.4375rem;
  transform: rotate(180deg);
}
.remote-controls .anchor {
  clear: both;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  border-top: 1px solid #e7e7e7;
}
.remote-controls .anchor a {
  color: #333333;
}

@media screen and (max-width: 1600px) {
  .remote-controls {
    position: fixed;
    right: -3.125rem;
}
}
.float-banner {
  position: fixed;
  left: 1.875rem;
  bottom: 8.125rem;
  z-index: 10;
  line-height: 0;
  font-size: 0;
}
.float-banner > ul li.banner-slot {
  position: relative;
  margin-bottom: 0.875rem;
}
.float-banner > ul li.banner-slot a.img-wrap {
  display: inline-block;
  transition: all 0.5s;
}
.float-banner > ul li.banner-slot a.img-wrap img {
  width: 100%;
}
.float-banner > ul li.banner-slot a.btn-close {
  position: absolute;
  padding: 0.125rem;
  top: -0.875rem;
  right: 0;
}
.float-banner > ul li.banner-slot a:hover.img-wrap {
  transform: scale(1.05, 1.05);
}

@media screen and (max-width: 1600px) {
  .float-banner {
    left: -12.5rem;
  }
}
.float-pop-banner {
  position: fixed;
  left: 1.875rem;
  bottom: 2.125rem;
  z-index: 10;
  line-height: 0;
  font-size: 0;
}
.float-pop-banner > ul li.banner-slot {
  position: relative;
  margin-bottom: 0.875rem;
}
.float-pop-banner > ul li.banner-slot a.img-wrap {
  display: inline-block;
  transition: all 0.5s;
}
.float-pop-banner > ul li.banner-slot a.img-wrap img {
  width: 100%;
}
.float-pop-banner > ul li.banner-slot a.btn-close {
  position: absolute;
  padding: 0.125rem;
  top: -0.875rem;
  right: 0;
}
.float-pop-banner > ul li.banner-slot a:hover.img-wrap {
  transform: scale(1.05, 1.05);
}

/*@media screen and (max-width: 1600px) {*/
/*  .float-pop-banner {*/
/*    left: -12.5rem;*/
/*  }*/
/*}*/
.micro-popup {
  position: relative;
  display: inline-flex;
  background-color: #f7fafc;
  height: 3.75rem;
  align-items: center;
  padding-left: 1.875rem;
  padding-right: 3.125rem;
  margin-left: 1.25rem;
  border-radius: 0.75rem;
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
}
.micro-popup .btn-close {
  position: absolute;
  right: 1rem;
  top: 1.46875rem;
  line-height: 0;
  font-size: 0;
}

.alertify-notifier .ajs-message.ajs-success {
  background-color: rgba(0, 0, 0, 0.6);
  min-width: 20rem;
  min-height: 3.75rem;
  line-height: 1.6;
  text-align: center;
  padding: 1.25rem 1.875rem;
  border-radius: 0.75rem;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  border: 0px solid #ddd;
  text-shadow: none;
  box-sizing: border-box;
  word-break: keep-all;
}

.alertify-notifier.ajs-right .ajs-message.ajs-visible {
  right: 360px;
}
.alertify .ajs-body .ajs-content{
  font-size: 0.9rem;
  font-family: "Noto Sans KR";
}
.alertify .ajs-body .ajs-content>span{
  font-size: 0.9rem;
  font-family: "Noto Sans KR";
  color: #525252;
}
.best-category-wrap {
  margin-bottom: 1.875rem;
}
.best-category-wrap .category-menu .menu-list {
  height: 5rem;
  text-align: center;
  border-radius: 1.875rem 1.875rem 0 0;
  background: #3c3e26;
}
.best-category-wrap .category-menu .menu-list .btn-tab {
  display: inline-block;
  margin: 0 1.25rem;
  padding: 0.9375rem 1.25rem;
  line-height: 3.125rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
}
.best-category-wrap .category-menu .menu-list .btn-tab.active {
  color: #fff;
}
.best-category-wrap .category-menu .category-list {
  display: table;
  margin-top: 2.5rem;
  padding: 0 3.125rem;
  width: 100%;
  height: 14.8125rem;
  table-layout: fixed;
  border-radius: 1.875rem;
  background: #f8f8f8;
}
.best-category-wrap .category-menu .category-list li {
  display: table-cell;
  padding-top: 3.125rem;
}
.best-category-wrap .category-menu .category-list .btn-category {
  display: block;
  margin: 0 auto;
  width: 6.25rem;
  line-height: 1.25rem;
  text-align: center;
  font-size: 1.125rem;
  color: #818286;
}
.best-category-wrap .category-menu .category-list .btn-category .icon {
  display: block;
  position: relative;
  margin-bottom: 1.25rem;
  width: 6.25rem;
  height: 6.25rem;
  border: 1px solid transparent;
  border-radius: 50%;
  background: #fdfdfd;
}
.best-category-wrap .category-menu .category-list .btn-category .icon:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/img/icons/split_category_list.png") no-repeat;
  background-size: 68.75rem;
}
.best-category-wrap .category-menu .category-list .btn-category.active {
  color: #333333;
  font-weight: 700;
}
.best-category-wrap .category-menu .category-list .btn-category.active .icon {
  border-color: #333333;
  background: #fff;
}
.best-category-wrap .category-menu .category-list .btn-category.all .icon:before {
  background-position: 0rem 0rem;
}
.best-category-wrap .category-menu .category-list .btn-category.skincare .icon:before {
  background-position: -6.25rem 0rem;
}
.best-category-wrap .category-menu .category-list .btn-category.clean .icon:before {
  background-position: -12.5rem 0rem;
}
.best-category-wrap .category-menu .category-list .btn-category.mask .icon:before {
  background-position: -18.75rem 0rem;
}
.best-category-wrap .category-menu .category-list .btn-category.base .icon:before {
  background-position: -25rem 0rem;
}
.best-category-wrap .category-menu .category-list .btn-category.point .icon:before {
  background-position: -31.25rem 0rem;
}
.best-category-wrap .category-menu .category-list .btn-category.suncare .icon:before {
  background-position: -37.5rem 0rem;
}
.best-category-wrap .category-menu .category-list .btn-category.body .icon:before {
  background-position: -43.75rem 0rem;
}
.best-category-wrap .category-menu .category-list .btn-category.man .icon:before {
  background-position: -50rem 0rem;
}
.best-category-wrap .category-menu .category-list .btn-category.cosmetic .icon:before {
  background-position: -56.25rem 0rem;
}
.best-category-wrap .category-menu .category-list .btn-category.set .icon:before {
  background-position: -62.5rem 0rem;
}
.best-category-wrap .category-menu .category-list .btn-category.all.active .icon:before {
  background-position: 0rem -6.25rem;
}
.best-category-wrap .category-menu .category-list .btn-category.skincare.active .icon:before {
  background-position: -6.25rem -6.25rem;
}
.best-category-wrap .category-menu .category-list .btn-category.clean.active .icon:before {
  background-position: -12.5rem -6.25rem;
}
.best-category-wrap .category-menu .category-list .btn-category.mask.active .icon:before {
  background-position: -18.75rem -6.25rem;
}
.best-category-wrap .category-menu .category-list .btn-category.base.active .icon:before {
  background-position: -25rem -6.25rem;
}
.best-category-wrap .category-menu .category-list .btn-category.point.active .icon:before {
  background-position: -31.25rem -6.25rem;
}
.best-category-wrap .category-menu .category-list .btn-category.suncare.active .icon:before {
  background-position: -37.5rem -6.25rem;
}
.best-category-wrap .category-menu .category-list .btn-category.body.active .icon:before {
  background-position: -43.75rem -6.25rem;
}
.best-category-wrap .category-menu .category-list .btn-category.man.active .icon:before {
  background-position: -50rem -6.25rem;
}
.best-category-wrap .category-menu .category-list .btn-category.cosmetic.active .icon:before {
  background-position: -56.25rem -6.25rem;
}
.best-category-wrap .category-menu .category-list .btn-category.set.active .icon:before {
  background-position: -62.5rem -6.25rem;
}
.best-category-wrap .sort-menu {
  padding: 0 0 1.875rem 0;
  margin-top: 3.75rem;
  border-bottom: 1px solid #e7e7e7;
  overflow: hidden;
}
.best-category-wrap .sort-menu .sort-box {
  float: left;
  margin-left: 3.75rem;
}
.best-category-wrap .sort-menu .sort-box:first-child {
  margin-left: 0;
}
.best-category-wrap .sort-menu .sort-box .label {
  float: left;
  padding-right: 1.875rem;
  line-height: 2.375rem;
  font-size: 1.375rem;
  font-weight: 700;
  color: #333333;
}
.best-category-wrap .sort-menu .sort-box .sort-list {
  float: left;
}
.best-category-wrap .sort-menu .sort-box .sort-list .btn {
  display: block;
  float: left;
  margin-left: 0.25rem;
  padding: 0 0.9375rem;
  min-width: 4.375rem;
  height: 2.375rem;
  line-height: 2.25rem;
  text-align: center;
  color: #58595b;
  border-color: #e7e7e7;
  background: #fff;
}
.best-category-wrap .sort-menu .sort-box .sort-list .btn.active {
  font-weight: 700;
  border-color: #333333;
}
.best-category-wrap .sort-menu .sort-box .sort-list .btn:nth-of-type(1) {
  margin-left: 0;
}

.container.mypage-top {
  margin-top: 11.9375rem;
}

.mypage-welcome-box:after {
  content: "";
  display: block;
  height: 0.25rem;
  background-color: #31291c;
  margin-top: 0.75rem;
  border-radius: 0.25rem;
}
.mypage-welcome-box .user-name {
  line-height: 2.8125rem;
  font-size: 1.625rem;
  font-weight: 500;
  color: #333333;
  white-space: nowrap;
}
.mypage-welcome-box .user-name .name {
  color: #89b03f;
  font-weight: 700;
  font-size: 2.25rem;
}
.mypage-welcome-box .btn-user-modify {
  display: inline-block;
  margin-top: 1.5625rem;
  height: 2.5rem;
  line-height: 2.375rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #333333;
}
.mypage-welcome-box .btn-user-modify .icon {
  margin: -0.25rem 0.5rem 0 0;
  vertical-align: middle;
}

.mypage-userinfo-box {
  display: flex;
  padding: 1.875rem 0;
  margin-bottom: 3.75rem;
  height: 10.625rem;
  border-radius: 1.25rem;
  background-color: #8ab03f;
}
.mypage-userinfo-box.platinum {
  background-color: #494b62;
}
.mypage-userinfo-box.platinum .grade:before {
  background-image: url("/img/icons/icon_level_svip_small.png");
}
.mypage-userinfo-box.gold {
  background-color: #577365;
}
.mypage-userinfo-box.gold .grade:before {
  background-image: url("/img/icons/icon_level_vvip_small.png");
}
.mypage-userinfo-box.silver {
  background-color: #8ab03f;
}
.mypage-userinfo-box.silver .grade:before {
  background-image: url("/img/icons/icon_level_vip_small.png");
}
.mypage-userinfo-box.welcome {
  background-color: #91b8b5;
}
.mypage-userinfo-box.welcome .grade:before {
  background-image: url("/img/icons/icon_level_new_small.png");
}
.mypage-userinfo-box.members {
  background-color: #6b8138;
}
.mypage-userinfo-box.members .grade-box .grade {
  font-size: 2.5rem;
}
.mypage-userinfo-box.members .grade-box .grade:before {
  vertical-align: text-top;
  width: 5rem;
  height: 3.6875rem;
  background-image: url("/img/icons/icon_level_members_small.png");
}
.mypage-userinfo-box .grade-box {
  position: relative;
  padding: 0 0 0 2.5rem;
  flex: 1 1 auto;
}
.mypage-userinfo-box .grade-box .grade {
  margin-bottom: 1.875rem;
  line-height: 1;
  font-size: 3.5rem;
  font-weight: 700;
  color: #fff;
}
.mypage-userinfo-box .grade-box .grade:before {
  content: "";
  display: inline-block;
  width: 3.75rem;
  height: 3.125rem;
  background-position: left center;
  background-repeat: no-repeat;
  vertical-align: bottom;
}
.mypage-userinfo-box .grade-box .desc {
  line-height: 1;
  font-size: 0.875rem;
  color: white;
  letter-spacing: -0.05rem;
}
.mypage-userinfo-box .grade-box .btn-grade {
  display: block;
  position: absolute;
  right: 1.875rem;
  /*top: 0.625rem;*/
  top: 4.625rem;
  padding: 0 0.9375rem;
  line-height: 2.25rem;
}
.mypage-userinfo-box .info-box {
  position: relative;
  padding: 1.25rem 0 0 0;
  width: 9.375rem;
  text-align: center;
}
.mypage-userinfo-box .info-box:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3.4375rem;
  width: 1px;
  height: 6.875rem;
  background: rgba(255, 255, 255, 0.2);
}
.mypage-userinfo-box .info-box .info-title {
  margin-bottom: 1.875rem;
  line-height: 1.25rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #fff;
}
.mypage-userinfo-box .info-box .info-val {
  line-height: 1;
  font-size: 1.625rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  color: #fff;
}

.mypage-content-wrap .content-wrap {
  margin-top: 6.25rem;
}
.mypage-content-wrap .content-wrap:first-child {
  margin-top: 0;
}
.mypage-content-wrap .content-wrap .img-list .img-slot {
  height: 15rem;
}
.mypage-content-wrap .content-wrap .img-list .item.col-4-30 .img-slot {
  height: 15rem;
}
.mypage-content-wrap .content-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  position: relative;
  margin-bottom: 1.875rem;
}
.mypage-content-wrap .content-top .content-title {
  line-height: normal;
}
.mypage-content-wrap .content-top .btn-all-link {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}
.mypage-content-wrap .content-top .list-total {
  font-size: 1.125rem;
  color: #000000;
}
.mypage-content-wrap .content-top .list-total .total {
  color: #6b8138;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.mypage-content-wrap .content-top .btn-refresh {
  display: block;
  position: absolute;
  right: 0;
  top: 0.625rem;
  line-height: 2.25rem;
  font-size: 1rem;
  color: #58595b;
}
.mypage-content-wrap .content-top .btn-refresh .icon {
  margin: -0.125rem 0 0 0.375rem;
  vertical-align: middle;
}
.mypage-content-wrap .content-top .desc {
  margin-top: 0.625rem;
  width: 100%;
  line-height: 1.875rem;
  font-size: 1rem;
  color: #818286;
  letter-spacing: -0.05rem;
}
.mypage-content-wrap .content-top .desc.dot {
  position: relative;
  padding-left: 0.75rem;
}
.mypage-content-wrap .content-top .desc.dot:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.125rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #bcbdc1;
}
.mypage-content-wrap .content-top .desc.inline-type {
  display: inline-block;
  width: auto;
  margin-top: 0;
}

.point-summary-box {
  display: flex;
  display: flex;
  justify-content: space-between;
  padding: 2.1875rem 2.5rem;
  margin-bottom: 3.125rem;
  text-align: center;
  border-radius: 0.75rem;
  background: #f7fafc;
}
.point-summary-box .suffix, .point-summary-box .prefix {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
.point-summary-box .prefix {
  justify-content: flex-start;
}
.point-summary-box .suffix {
  justify-content: flex-end;
}
.point-summary-box .suffix .label {
  position: relative;
}
.point-summary-box .suffix .label:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -1.875rem;
  top: 0.25rem;
  height: 1.25rem;
  width: 1px;
  border-left: 1px solid #e7e7e7;
}
.point-summary-box .label {
  display: inline-block;
  margin-right: 2.5rem;
  vertical-align: middle;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  line-height: 1.875rem;
  color: #333333;
  font-weight: 700;
}
.point-summary-box .label .icon {
  margin: -0.3125rem 0.375rem 0 0;
  vertical-align: middle;
}
.point-summary-box .point {
  position: relative;
  display: inline-block;
  font-size: 1.75rem;
  line-height: 1.875rem;
  vertical-align: middle;
  color: #6b8138;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.0875rem;
}
.point-summary-box .expire-point {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.25rem;
  letter-spacing: -0.0625rem;
  line-height: 1.875rem;
  color: #6b8138;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.point-summary-box .expire-point .icon {
  margin-left: 0.3125rem;
}

.coupon-add-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.5rem;
  padding: 1.875rem 0;
  border-radius: 1.25rem;
  background: #f7fafc;
}
.coupon-add-box .label {
  line-height: 3.125rem;
  font-size: 1.375rem;
  font-weight: 700;
  color: #333333;
}
.coupon-add-box .input-search {
  margin: 0 1.25rem;
  width: 25rem;
  height: 3.125rem;
  font-size: 1rem;
  padding: 0 1.25rem;
  color: #333333;
  border: 1px solid #e7e7e7;
  border-radius: 0.75rem;
  background: #fff;
}
.coupon-add-box .input-search::-moz-placeholder {
  font-family: "Noto Sans KR";
  letter-spacing: -0.05rem;
}
.coupon-add-box .input-search:-ms-input-placeholder {
  font-family: "Noto Sans KR";
  letter-spacing: -0.05rem;
}
.coupon-add-box .input-search::placeholder {
  font-family: "Noto Sans KR";
  letter-spacing: -0.05rem;
}
.my-coupon .caution-list-box {
  margin-top: 3.75rem;
  border-top: 1px solid #e7e7e7;
  padding-top: 2.1875rem;
}

.reward-policy-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}
.reward-policy-info .policy-box {
  padding: 1.375rem 0 0 0;
  width: 49%;
  height: 7.1875rem;
  border-radius: 0.75rem;
  background-color: #f7fafc;
}
.reward-policy-info .policy-box .policy-title {
  margin-bottom: 0.9375rem;
  line-height: 1.875rem;
  text-align: center;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  font-weight: 500;
  color: #333333;
}
.reward-policy-info .policy-box .policy-title .icon {
  margin: -0.25rem 0.375rem 0 0;
  vertical-align: middle;
}
.reward-policy-info .policy-box .policy-point {
  display: flex;
  justify-content: center;
  text-align: center;
}
.reward-policy-info .policy-box .policy-point .point-box {
  display: flex;
  position: relative;
  justify-content: center;
  text-align: center;
}
.reward-policy-info .policy-box .policy-point .point-box:nth-of-type(n+2) {
  margin-left: 3.75rem;
}
.reward-policy-info .policy-box .policy-point .point-box:nth-of-type(n+2):after {
  display: block;
  content: "";
  position: absolute;
  left: -1.9375rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.8125rem;
  background: #e7e7e7;
}
.reward-policy-info .policy-box .policy-point .point-box .label {
  line-height: 1;
  font-size: 1rem;
  color: #333333;
  letter-spacing: -0.05rem;
}
.reward-policy-info .policy-box .policy-point .point-box .point {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  margin: 0 0 0 0.75rem;
  line-height: 1;
  font-size: 1rem;
  color: #6b8138;
}

.mypage-content-wrap .review-comment-list .review-comment-box {
  padding-top: 0;
  padding-bottom: 3.125rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  margin-top: 1.875rem;
  border: 1px solid #e7e7e7;
  border-radius: 1.25rem;
}
.mypage-content-wrap .review-comment-list .review-comment-box:first-child {
  margin-top: 0;
}
.mypage-content-wrap .review-comment-list .review-comment-box .order-item-box {
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #e7e7e7;
}

.mypage-content-wrap .password-area {
  padding: 5rem 0 6.25rem 0;
  text-align: center;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
.mypage-content-wrap .password-area .text-box {
  margin: 1.5625rem 0 2.1875rem 0;
  line-height: 2.125rem;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
}
.mypage-content-wrap .password-area .password-box .btn-password {
  margin-left: 1.25rem;
  width: 6.25rem;
}

.mypage-content-wrap .modify-area .btn-right {
  text-align: right;
}
.mypage-content-wrap .modify-area .btn-right .btn-drop {
  display: inline-block;
  line-height: 1.875rem;
  font-size: 1rem;
  font-weight: 700;
  color: #58595b;
}
.mypage-content-wrap .modify-area .btn-right .btn-drop .icon {
  margin: -0.25rem 0.25rem 0 0;
  vertical-align: middle;
}
.mypage-content-wrap .modify-area .count-down-wrap {
  flex: 1 1 auto;
}
.mypage-content-wrap .modify-area .count-down-wrap .count-down-time {
  display: inline-block;
}
.mypage-content-wrap .modify-area .count-down-wrap .count-down-time .input-text {
  padding-right: 4.0625rem;
}

.content-wrap.mypage-drop-content {
  background: url("/img/ui/bg_mypage_drop.jpg") no-repeat center center;
  background-size: cover;
}
.content-wrap.mypage-drop-content .drop-area {
  position: relative;
  min-height: 50rem;
  height: calc(100vh - 8.1875rem);
}
.content-wrap.mypage-drop-content .drop-area .drop-box {
  position: absolute;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
  padding-top: 5rem;
  width: 43.75rem;
  height: 34.375rem;
  text-align: center;
  border-radius: 1.25rem;
  background: white;
  box-shadow: 0.625rem 0.625rem 2.5rem rgba(0, 0, 0, 0.1);
}
.content-wrap.mypage-drop-content .drop-area .drop-box .text-box {
  margin: 1.875rem 0 5rem 0;
  line-height: 1.625rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #818286;
}
.content-wrap.mypage-drop-content .drop-area .drop-box .text-box .title {
  margin: 0.625rem 0 1.25rem 0;
  line-height: 2.5rem;
  font-size: 2rem;
  font-weight: 500;
  color: #333333;
  letter-spacing: -0.1rem;
}
.content-wrap.mypage-drop-content .drop-area .drop-box .text-box p {
  letter-spacing: -0.05rem;
}
.content-wrap.mypage-drop-content .drop-area .drop-box .btn-home {
  width: 17.5rem;
  height: 3.75rem;
  font-size: 1.375rem;
  font-weight: 700;
}

.mypage-content-wrap .drop-area .drop-top {
  padding: 4.375rem 0;
  text-align: center;
  border-top: 1px solid #333;
}
.mypage-content-wrap .drop-area .drop-top .label {
  margin: 1.25rem 0 0.625rem 0;
  line-height: 1.875rem;
  font-size: 1.375rem;
  font-weight: 700;
  color: #333333;
  letter-spacing: -0.06875rem;
}
.mypage-content-wrap .drop-area .drop-top .desc {
  line-height: 1.5rem;
  font-size: 1.125rem;
  color: #333333;
  letter-spacing: -0.05625rem;
}
.mypage-content-wrap .drop-area .form-content textarea.input-text {
  height: 12.5rem;
}
.mypage-content-wrap .drop-area .drop-agree {
  margin-top: 0.625rem;
  margin-bottom: 3.125rem;
  text-align: left;
}
.mypage-content-wrap .drop-area .drop-agree .check-wrap {
  display: inline-block;
}

.mypage-skininfo {
  padding-top: 2.5rem;
  border-top: 1px solid #333333;
}
.mypage-skininfo h4 {
  font-size: 1.375rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
  letter-spacing: -0.06875rem;
}
.mypage-skininfo .img-list .item-check, .mypage-skininfo .img-list .check-slot {
  left: 1.25rem;
  top: 1.25rem;
}
.mypage-skininfo > ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}
.mypage-skininfo > ul > li {
  flex: 1 1 15rem;
  margin-right: 1.875rem;
}
.mypage-skininfo > ul > li:nth-of-type(4n) {
  margin-right: 0;
}
.mypage-skininfo > ul > li > div {
  display: flex;
  height: 15rem;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 1.25rem;
  cursor: pointer;
}
.mypage-skininfo > ul > li > div.img-slot {
  display: flex;
  border: 1px solid #e7e7e7;
}
.mypage-skininfo > ul > li > div .text {
  margin-top: 2.1875rem;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
}
.mypage-skininfo > ul > li .item-check:checked + div.check-slot + div.img-slot .text {
  color: #58595b;
  font-weight: 700;
}
.product-detail-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8.75rem;
}
.product-detail-top .product-img-wrap {
  width: 40rem;
}
.product-detail-top .product-img-wrap .product-img-top {
  position: relative;
  width: 40rem;
  height: 40rem;
  border-radius: 2.8125rem;
  overflow: hidden;
}
.product-detail-top .product-img-wrap .product-img-top .product-img-slide, .product-detail-top .product-img-wrap .product-img-top .product-img-slide .swiper-slide {
  width: 40rem;
  height: 40rem;
}
.product-detail-top .product-img-wrap .product-img-top .product-img-slide .video-wrap, .product-detail-top .product-img-wrap .product-img-top .product-img-slide .swiper-slide .video-wrap {
  position: relative;
  background-color: rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.product-detail-top .product-img-wrap .product-img-top .product-img-slide .video-wrap video, .product-detail-top .product-img-wrap .product-img-top .product-img-slide .swiper-slide .video-wrap video {
  width: 100%;
}
.product-detail-top .product-img-wrap .product-img-top .product-img-slide .video-wrap .play-btn, .product-detail-top .product-img-wrap .product-img-top .product-img-slide .swiper-slide .video-wrap .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.product-detail-top .product-img-wrap .product-img-top .product-img-slide .video-wrap .play-btn.playing, .product-detail-top .product-img-wrap .product-img-top .product-img-slide .swiper-slide .video-wrap .play-btn.playing {
  display: none;
}
.product-detail-top .product-img-wrap .product-img-top .img {
  display: block;
  width: 100%;
}
.product-detail-top .product-img-wrap .product-img-top .badge-list {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  z-index: 10;
}
.product-detail-top .product-img-wrap .product-img-top .badge-list .badge {
  margin-bottom: 0.3125rem;
  width: 6.875rem;
  height: 6.875rem;
}
.product-detail-top .product-img-wrap .product-img-top .badge-list img {
  display: block;
  width: 100%;
}
.product-detail-top .product-img-wrap .product-img-bottom {
  margin-top: 1.875rem;
  height: 7.75rem;
}
.product-detail-top .product-img-wrap .product-img-bottom .product-thumb-slide {
  position: relative;
  height: 7.75rem;
}
.product-detail-top .product-img-wrap .product-img-bottom .product-thumb-slide .video-thumb-wrap {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.product-detail-top .product-img-wrap .product-img-bottom .product-thumb-slide .video-thumb-wrap .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.5rem;
  height: 2.5rem;
}
.product-detail-top .product-img-wrap .product-img-bottom .product-thumb-slide .btn-slider {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
  display: block;
  position: absolute;
  top: 2.8125rem;
  left: 0.625rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0);
  z-index: 10;
  opacity: 0;
}
.product-detail-top .product-img-wrap .product-img-bottom .product-thumb-slide .btn-slider:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.375rem 0 0 -0.25rem;
  width: 0.5rem;
  height: 0.8125rem;
  background: url("/img/icons/icon_slider_arrow_white.png") no-repeat center center;
}
.product-detail-top .product-img-wrap .product-img-bottom .product-thumb-slide .btn-slider.slider-next {
  left: auto;
  right: 0.625rem;
}
.product-detail-top .product-img-wrap .product-img-bottom .product-thumb-slide .btn-slider.slider-next:before {
  transform: rotate(180deg);
}
.product-detail-top .product-img-wrap .product-img-bottom .product-thumb-slide:hover .btn-slider {
  background: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.product-detail-top .product-img-wrap .product-img-bottom .swiper-slide {
  cursor: pointer;
  height: 7.5rem;
  width: 7.5rem;
  border: 1px solid #eee;
  border-radius: 1.25rem;
  overflow: hidden;
}
.product-detail-top .product-img-wrap .product-img-bottom .img {
  display: block;
  width: 100%;
}
.product-detail-top .product-img-wrap .product-review-link {
  margin-top: 1.875rem;
  height: 1.875rem;
}
.product-detail-top .product-img-wrap .product-review-link .link-box {
  position: relative;
  float: left;
  padding-left: 2.5rem;
  height: 1.875rem;
}
.product-detail-top .product-img-wrap .product-review-link .link-box:first-child {
  padding-left: 0;
}
.product-detail-top .product-img-wrap .product-review-link .link-box:first-child:before {
  display: none;
}
.product-detail-top .product-img-wrap .product-review-link .link-box:before {
  display: block;
  content: "";
  position: absolute;
  left: 1.25rem;
  top: 50%;
  margin-top: -0.5rem;
  width: 1px;
  height: 1rem;
  background: #e7e7e7;
}
.product-detail-top .product-img-wrap .product-review-link .link-box .label {
  float: left;
  margin-right: 0.625rem;
  line-height: 1.875rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #333333;
}
.product-detail-top .product-img-wrap .product-review-link .link-box .btn-link {
  display: block;
  float: left;
  line-height: 1.875rem;
  font-size: 1.25rem;
  font-weight: 500;
  color: #333333;
  text-decoration: underline;
}
.product-detail-top .product-img-wrap .product-review-link .link-box .point {
  line-height: 1.875rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #333333;
}
.product-detail-top .product-img-wrap .product-review-link .link-box .point .icon-good {
  margin-right: 0.25rem;
  width: 1rem;
  height: 0.9375rem;
}
.product-detail-top .product-info-wrap {
  width: 42.5rem;
}
.product-detail-top .product-opt-box .select-drop-down .btn-select {
  border: 0;
  border-radius: 0.75rem;
}
.product-detail-top .product-opt-box .select-drop-down.active.select-option .btn-select {
  border: 1px solid #333;
  border-radius: 0.75rem 0.75rem 0 0;
  border-bottom: 0;
}
.product-detail-top .product-opt-box .select-drop-down.active.alignt.select-option .btn-select {
  border-radius: 0 0 0.75rem 0.75rem;
  border-bottom: 1px solid #333;
  border-top: 0;
}
.product-detail-top.sold-out .product-img-top:after {
  content: "품절되었습니다.";
  font-size: 2rem;
  font-weight: 500;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 40rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
}
.product-detail-top.sold-out .product-btn-box .btn:not(.btn-pick, .btn-alarmPush) {
  background: #f8f8f8;
  color: #bcbdc1;
  border: 1px solid #e7e7e7;
  pointer-events: none;
}
.product-detail-top.sold-out .product-btn-box .btn:not(.btn-pick, .btn-alarmPush) .icon {
  opacity: 0.45;
}
.product-detail-top.sold-out .btn-opt {
  visibility: hidden;
}
.product-detail-top.sold-out .badge-list {
  z-index: 2 !important;
}

.sticky-bottom {
  min-height: 62.125rem;
}
.sticky-bottom .container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5.6875rem;
  width: 100%;
  z-index: 100;
  border-top: 1px solid #e7e7e7;
  background-color: #ffffff;
}
.sticky-bottom .container .product-detail-top {
  width: 87.5rem;
  margin: auto;
}
.sticky-bottom .container .product-detail-top .product-img-wrap {
  display: none;
}
.sticky-bottom .container .product-detail-top .product-info-wrap {
  height: 5.6875rem;
  width: 100%;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box {
  position: relative;
  height: 100%;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .product-badge, .sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .product-desc, .sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .product-coupon-list, .sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .product-table-box {
  display: none;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .thumb-for-sticky {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: red;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .thumb-for-sticky img {
  width: 100%;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .product-name {
  position: absolute;
  font-size: 1.375rem;
  top: 0.9375rem;
  left: 10rem;
  width: 25.375rem;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .product-price {
  position: absolute;
  top: 0;
  left: 10rem;
  height: 1.25rem;
  margin-top: 3.1875rem;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .product-price .price {
  font-size: 0.875rem;
  text-indent: unset;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .product-price .price b {
  font-size: 1.125rem;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .product-price .before-price {
  font-size: 0.875rem;
  margin-top: 0;
  margin-left: 0.5625rem;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .product-price .before-price b {
  font-size: 1.125rem;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .product-price .sale {
  font-size: 1.125rem;
  margin-top: 0;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .product-price .sale b {
  font-size: 1.125rem;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .product-btn-box {
  margin-top: 0;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .total-box {
  position: absolute;
  display: inline-flex;
  align-items: center;
  bottom: 0;
  height: 5.6875rem;
  right: 43.75rem;
  border-top: 0;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .total-box .label {
  display: none;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .total-box .price {
  position: relative;
  left: unset;
  right: unset;
  bottom: unset;
  top: unset;
  line-height: normal;
  font-size: 1.125rem;
  color: #333333;
  white-space: nowrap;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-info-box .total-box .price b {
  font-size: 1.625rem;
  color: #6b8138;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-opt-box {
  position: absolute;
  margin-top: 0;
  right: 0;
  top: 0;
  width: 40rem;
  padding: 1.25rem;
  background-color: #ffffff;
  transition: top bottom 0.3s;
  border-style: solid;
  border-width: 1px;
  border-color: #e7e7e7 #e7e7e7 #ffff;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-opt-box.open {
  top: unset;
  bottom: 5.6875rem;
  border-style: solid;
  border-width: 1px;
  border-color: #e7e7e7 #e7e7e7 #ffff;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-opt-box.open .icon-arrow-up {
  transform: translate(-50%, -50%) rotate(0deg);
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-opt-box .option-wrap {
  max-height: 18.75rem;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-opt-box .btn-opt {
  display: inline-block;
  position: absolute;
  left: -0.0625rem;
  top: -1.375rem;
  width: 3.75rem;
  height: 1.375rem;
  background: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #e7e7e7 #e7e7e7 #ffff;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-btn-box {
  position: absolute;
  right: 0;
  height: 5.6875rem;
  width: 40rem;
  align-items: center;
  justify-content: flex-end;
  background-color: #ffffff;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-btn-box .btn {
  margin-right: 0.3125rem;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-btn-box .btn.btn-order, .sticky-bottom .container .product-detail-top .product-info-wrap .product-btn-box .btn.btn-cart {
  width: 15.625rem;
}
.sticky-bottom .container .product-detail-top .product-info-wrap .product-btn-box .btn.btn-pick {
  width: 5.3125rem;
  min-width: 0;
  padding: 0;
}
.sticky-bottom .container .product-detail-top .product-opt-box .select-drop-down.alignt.select-option .select-drop-list {
  padding: 1.25rem 0 0.625rem 0;
}
.sticky-bottom .container .product-detail-top .product-opt-box .select-drop-down.alignt.select-option .select-drop-list:before {
  top: unset;
  bottom: 0;
}
.sticky-bottom .container .product-detail-top.sold-out:after {
  content: "품절되었습니다.";
  position: absolute;
  width: 100%;
  line-height: 5.6875rem;
  background: rgba(0, 0, 0, 0.6);
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  left: 0;
  top: 0;
}

.product-opt-modal {
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  height: 7.5rem;
  background: #fff;
  z-index: 100;
}
.product-opt-modal.active {
  opacity: 1;
  visibility: visible;
}
.product-opt-modal .container {
  position: relative;
}
.product-opt-modal .product-info-box {
  position: absolute;
  right: 0;
  bottom: 7.5rem;
  width: 40rem;
  background: #fff;
}
.product-opt-modal .product-info-box .btn-opt {
  display: block;
  position: absolute;
  left: 0;
  top: -1.375rem;
  width: 3.75rem;
  height: 1.375rem;
  background: #fff;
}
.product-opt-modal .product-info-box .product-opt-box {
  display: none;
  margin-top: 0 !important;
  padding: 1.25rem 0;
}
.product-opt-modal .product-info-box .opt-list .list-box {
  height: 4.0625rem !important;
}
.product-opt-modal .img-thumb-list .item-box {
  height: 7.5rem;
}
.product-opt-modal.open .product-info-box .btn-opt .icon {
  transform: translate(-50%, -50%);
}
.product-opt-modal.open .product-info-box .product-opt-box {
  display: block;
}

.img-thumb-list .item-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2.5rem 0 1.875rem;
  width: 100%;
}
.img-thumb-list .item-box .img-slot {
  flex: 0 0 6.25rem;
  text-align: center;
}
.img-thumb-list .item-box .img-slot img {
  display: inline-block;
}
.img-thumb-list .item-box .info-slot {
  flex: 1;
  padding-left: 1.25rem;
}
.img-thumb-list .item-box .info-slot .product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
  font-size: 1.375rem;
  color: #333333;
  letter-spacing: -0.06875rem;
}
.img-thumb-list .item-box .info-slot .price-wrap {
  margin-top: 0.625rem;
}
.img-thumb-list .item-box .info-slot .price-wrap .price {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.04375rem;
}
.img-thumb-list .item-box .info-slot .price-wrap .price b {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
}
.img-thumb-list .item-box .info-slot .price-wrap .before-sale {
  position: relative;
  margin-left: 0.625rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  color: #bcbdc1;
  letter-spacing: -0.04375rem;
}
.img-thumb-list .item-box .info-slot .price-wrap .before-sale b {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
  letter-spacing: -0.08125rem;
  font-size: 1.125rem;
}
.img-thumb-list .item-box .info-slot .price-wrap .before-sale:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -5%;
  top: 50%;
  width: 110%;
  border-bottom: 0.125rem solid #bcbdc1;
}
.img-thumb-list .item-box .info-slot .price-wrap .sale {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  margin-left: 0.625rem;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  line-height: 1;
  color: #f0333c;
}
.img-thumb-list .item-box .price-slot {
  padding-right: 1.25rem;
  text-align: right;
}
.img-thumb-list .item-box .price-slot .price-total {
  font-size: 1.125rem;
  color: #333333;
}
.img-thumb-list .item-box .price-slot .price-total .price {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  letter-spacing: -0.08125rem;
  color: #6b8138;
}
.img-thumb-list .item-box .btn-slot {
  display: flex;
  justify-content: flex-end;
}
.img-thumb-list .item-box .btn-slot .btn {
  height: 3.75rem;
  margin-right: 0.625rem;
  min-width: 5.625rem;
}
.img-thumb-list .item-box .btn-slot .btn .icon {
  margin: 0 0.5rem 0 0;
  vertical-align: middle;
}
.img-thumb-list .item-box .btn-slot .btn-pick .icon {
  margin: 0;
}
.img-thumb-list .item-box .btn-slot .btn-cart {
  width: 12.5rem;
}
.img-thumb-list .item-box .btn-slot .btn-order {
  width: 16.25rem;
}

.product-info-box .product-badge {
  position: relative;
  margin-bottom: 1.625rem;
  height: 1.875rem;
}
.product-info-box .product-badge .badge {
  float: left;
  margin-right: 0.25rem;
  padding: 0 0.75rem;
  min-width: 3.75rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  border-radius: 0.9375rem;
}
.product-info-box .product-badge .badge.sale {
  background: #8a4933;
}
.product-info-box .product-badge .badge.new {
  background: #89b03f;
}
.product-info-box .product-badge .badge.online {
  background: #3c3e26;
}
.product-info-box .product-badge .share-group {
  display: block;
  position: absolute;
  right: -0.75rem;
  top: -1.125rem;
  height: 3.75rem;
  width: 3.75rem;
  overflow: hidden;
  transition: all 0.1s;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 1.875rem;
}
.product-info-box .product-badge .share-group.active {
  border: 1px solid #333333;
  width: 14.375rem;
}
.product-info-box .product-badge .share-group.active ul li {
  width: 20.625rem;
  opacity: 1;
}
.product-info-box .product-badge .share-group.active ul li .btn-share.toggle .icon-share-url {
  background-image: url("/img/icons/icon_share_close.png");
  background-size: auto;
  background-position: center;
}
.product-info-box .product-badge .share-group ul {
  position: absolute;
  display: flex;
  right: 0.4375rem;
  width: 13.4375rem;
  height: 100%;
}
.product-info-box .product-badge .share-group ul li {
  position: relative;
  flex: 0 0 25%;
  opacity: 0;
  transition: all 0.1s;
}
.product-info-box .product-badge .share-group ul li:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 1.25rem;
  width: 1px;
  height: 1.25rem;
  border-right: 1px solid #e7e7e7;
}
.product-info-box .product-badge .share-group ul li:nth-last-of-type(1):after {
  content: none;
}
.product-info-box .product-badge .share-group ul li:nth-last-of-type(1) {
  opacity: 1;
}
.product-info-box .product-badge .share-group ul li .btn-share {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.359375rem;
  height: 3.625rem;
}
.product-info-box .thumb-for-sticky {
  display: none;
}
.product-info-box .product-name {
  line-height: 1;
  font-size: 2.625rem;
  font-weight: 500;
  color: #333333;
  letter-spacing: -0.13125rem;
}
.product-info-box .product-desc {
  margin-top: 0.625rem;
  line-height: 1.625rem;
  font-size: 1rem;
  color: #58595b;
  letter-spacing: -0.05625rem;
}
.product-info-box .product-price {
  display: flex;
  align-items: center;
  margin-top: 2.1875rem;
  height: 5rem;
}
.product-info-box .product-price .price {
  line-height: 3.125rem;
  text-indent: -0.1875rem;
  font-size: 2rem;
  font-weight: 700;
  color: #333333;
}
.product-info-box .product-price .price b {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.1625rem;
  margin-right: 0.3125rem;
  font-size: 3.25rem;
}
.product-info-box .product-price .before-price {
  position: relative;
  margin-top: 0.625rem;
  margin-left: 1.25rem;
  line-height: 3.125rem;
  font-size: 1.375rem;
  color: #bcbdc1;
}
.product-info-box .product-price .before-price b {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
  letter-spacing: -0.08125rem;
  margin-right: 0.1875rem;
  font-size: 2.25rem;
  letter-spacing: -0.1125rem;
}
.product-info-box .product-price .before-price:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -5%;
  top: calc(50% - 1px);
  width: 110%;
  border-bottom: 0.125rem solid #bcbdc1;
}
.product-info-box .product-price .sale {
  margin-top: 0.625rem;
  margin-left: 2.1875rem;
  line-height: 3.125rem;
  font-size: 1.25rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.0625rem;
  color: #ed1c24;
}
.product-info-box .product-price .sale b {
  font-size: 2.625rem;
}
.product-info-box .product-coupon-list {
  margin-bottom: 2.5rem;
}
.product-info-box .product-coupon-list li {
  margin-top: 1.25rem;
}
.product-info-box .product-coupon-list li:first-child {
  margin-top: 0;
}
.product-info-box .product-coupon-list .btn-coupon {
  display: inline-block;
  padding: 0 6.25rem 0 0.9375rem;
  width: 28.75rem;
  height: 3.125rem;
  line-height: 3.125rem;
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
  background: url("/img/icons/coupon_box.png") no-repeat;
  background-size: contain;
}
.product-info-box .product-table-box {
  padding-top: 1.25rem;
  border-top: 2px solid #31291c;
}
.product-info-box .product-table {
  width: 100%;
  table-layout: fixed;
}
.product-info-box .product-table th, .product-info-box .product-table td {
  position: relative;
  padding: 0.5625rem 0;
  height: 2.625rem;
  line-height: 1.5rem;
  text-align: left;
  vertical-align: middle;
  font-size: 1.125rem;
  font-weight: 300;
  color: #333333;
  letter-spacing: -0.05625rem;
}
.product-info-box .product-table th {
  font-weight: 500;
}
.product-info-box .product-table .btn-link {
  display: block;
  position: absolute;
  right: 0;
  top: 0.3125rem;
  line-height: 1.5rem;
}
.product-info-box .product-table .btn-link .icon {
  margin: -0.375rem 0 0 0.375rem;
  vertical-align: middle;
}
.product-info-box .product-table .icon-tooltip {
  margin: -0.1875rem 0 0 0.375rem;
  vertical-align: middle;
}
.product-info-box .product-btn-box {
  margin-top: 1.625rem;
  display: flex;
  justify-content: space-between;
}
.product-info-box .product-btn-box .btn {
  min-width: 6.25rem;
  font-size: 1.375rem;
  font-weight: 500;
  vertical-align: top;
}
.product-info-box .product-btn-box .btn .icon {
  margin: 0 0.5rem 0 0;
  vertical-align: middle;
}
.product-info-box .product-btn-box .btn-pick {
  width: 6.875rem;
}
.product-info-box .product-btn-box .btn-pick .icon {
  margin: 0;
}
.product-info-box .product-btn-box .btn-cart {
  width: 15.625rem;
}
.product-info-box .product-btn-box .btn-alarmPush {
  width: 34.625rem;
}
.product-info-box .product-btn-box .btn-order {
  margin-right: 0;
  width: 19.375rem;
}
.product-info-box .product-btn-box .btn-option {
  display: none;
}
.product-info-box .product-btn-box.option-btn-box .btn-cart, .product-info-box .product-btn-box.option-btn-box .btn-order {
  display: none;
}
.product-info-box .product-btn-box.option-btn-box .btn-option {
  display: inline-flex;
}

.product-opt-box {
  margin-top: 1.875rem;
}
.product-opt-box .btn-opt {
  display: none;
}
.product-opt-box .opt-list {
  padding: 0 1.25rem;
}
.product-opt-box .opt-list .list-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 5rem;
  border-top: 1px solid #e7e7e7;
}
.product-opt-box .opt-list .list-box:first-child {
  border-top: 0;
}
.product-opt-box .opt-list .list-box .opt-count {
  flex: 0 0 10.625rem;
  text-align: left;
}
.product-opt-box .opt-list .list-box .opt-count .btn-count {
  display: inline-block;
  padding: 0.5rem 0 0 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
  vertical-align: middle;
}
.product-opt-box .opt-list .list-box .opt-count .btn-count .icon {
  display: block;
}
.product-opt-box .opt-list .list-box .opt-count .count {
  display: inline-block;
  width: 3.125rem;
  line-height: 2.5rem;
  vertical-align: middle;
  text-align: center;
  font-size: 1.125rem;
  color: #58595b;
}
.product-opt-box .opt-list .list-box .opt-size {
  flex: 1 1 15rem;
  max-width: 15rem;
}
.product-opt-box .opt-list .list-box .opt-size p {
  width: 100%;
  line-height: 1.2;
  font-size: 1.125rem;
  font-weight: 500;
  color: #58595b;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  word-break: break-all;
}
.product-opt-box .opt-list .list-box .opt-price {
  flex: 0 0 9.375rem;
  text-align: right;
}
.product-opt-box .opt-list .list-box .opt-price p {
  line-height: 2.5rem;
  font-size: 1rem;
  font-weight: 700;
  color: #333333;
  word-break: keep-all;
}
.product-opt-box .opt-list .list-box .opt-price p b {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.08125rem;
  margin-left: 0.1875rem;
  font-size: 1.375rem;
}
.product-opt-box .opt-list .list-box .opt-btn {
  flex: 0 1 auto;
  text-align: center;
}
.product-opt-box .opt-list .list-box .opt-btn .btn-delete {
  display: inline-block;
  padding: 0.5rem 0 0 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
}
.product-opt-box .opt-list .list-box .opt-btn .btn-delete .icon {
  display: block;
}

.total-box {
  position: relative;
  border-top: 1px solid #e7e7e7;
  height: 5.625rem;
  padding: 0 1.25rem;
}
.total-box .label {
  position: absolute;
  left: 1.875rem;
  top: 1.5625rem;
  line-height: 2.5rem;
  font-size: 1.375rem;
  font-weight: 700;
  color: #333333;
}
.total-box .price {
  position: absolute;
  right: 2.5rem;
  top: 1.5625rem;
  line-height: 2.5rem;
  font-size: 1.375rem;
  font-weight: 700;
  color: #6b8138;
}
.total-box .price b {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.08125rem;
  margin-left: 0.3125rem;
  font-size: 2.625rem;
}

.product-detail-content .tab.tab-underline > ul li a {
  font-size: 1.375rem;
  padding-bottom: 0.875rem;
  padding-top: 0.875rem;
}
.product-detail-content > .tab-scroll {
  height: 3.5625rem;
}
.product-detail-content .product-detail-img {
  padding-top: 3.75rem;
  margin: 0 auto 5rem;
  max-width: 62.5rem;
  text-align: center;
}
.product-detail-content .product-detail-img .img {
  display: block;
  margin: 0 auto;
  max-width: 62.5rem;
}
.product-detail-content .product-detail-img img {
  display: block;
  margin: 0 auto;
}
.product-detail-content .detail-title-box {
  position: relative;
  height: 4.375rem;
  border-bottom: 1px solid #414141;
}
.product-detail-content .detail-title-box .title {
  float: left;
  line-height: 4.25rem;
  font-size: 1.75rem;
  letter-spacing: -0.0875rem;
  color: #333333;
  font-weight: 700;
}
.product-detail-content .detail-title-box .title .sub {
  font-weight: 400;
}
.product-detail-content .detail-title-box .desc {
  float: left;
  margin-left: 3.125rem;
  line-height: 4.25rem;
  font-size: 1rem;
  color: #818286;
}
.product-detail-content .detail-title-box .btn-link {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.9375rem;
  line-height: 1.875rem;
  font-size: 1rem;
  font-weight: 500;
  color: #58595b;
}
.product-detail-content .detail-title-box .btn-link .icon {
  margin: -0.1875rem 0 0 0.375rem;
  vertical-align: middle;
}
.product-detail-content .product-detail-review {
  margin-bottom: 5rem;
}
.product-detail-content .product-detail-review .review-grade-wrap {
  padding: 0 0;
  margin-bottom: 5rem;
  border-bottom: 1px solid #e7e7e7;
  overflow: hidden;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-top {
  position: relative;
  height: 12.5rem;
  border-bottom: 1px solid #e7e7e7;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-total {
  float: left;
  padding: 5rem 0 0 0;
  width: 50%;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-total .label {
  float: left;
  width: 10rem;
  line-height: 2.5rem;
  font-size: 1.375rem;
  font-weight: 500;
  color: #333333;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-total .point-box {
  float: left;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-total .point-box .icon {
  float: left;
  margin: 0.1875rem 0.125rem;
  opacity: 0.15;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-total .point-box .icon.on {
  opacity: 1;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-total .point-box .point {
  float: left;
  margin-left: 1.875rem;
  line-height: 2.375rem;
  font-size: 2.25rem;
  font-weight: 700;
  color: #bcbdc1;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-total .point-box .point b {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.08125rem;
  font-size: 2.875rem;
  color: #333333;
}
.product-detail-content .product-detail-review .review-grade-wrap .reivew-total-list {
  float: left;
  padding-top: 1.875rem;
  width: 26.875rem;
}
.product-detail-content .product-detail-review .review-grade-wrap .reivew-total-list .list-box {
  position: relative;
  padding: 0.6875rem 6.25rem 0 2.8125rem;
  height: 1.75rem;
}
.product-detail-content .product-detail-review .review-grade-wrap .reivew-total-list .list-box .star {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.8125rem;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 1rem;
  font-weight: 700;
  color: #333333;
}
.product-detail-content .product-detail-review .review-grade-wrap .reivew-total-list .list-box .star .icon {
  margin: -0.25rem 0.3125rem 0 0;
  vertical-align: middle;
}
.product-detail-content .product-detail-review .review-grade-wrap .reivew-total-list .list-box .point {
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 1.25rem;
  width: 6.25rem;
  line-height: 1.75rem;
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
}
.product-detail-content .product-detail-review .review-grade-wrap .btn-review {
  display: block;
  position: absolute;
  right: 2.5rem;
  top: 50%;
  margin-top: -1.875rem;
  width: 7.5rem;
  line-height: 3.75rem;
  text-align: center;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-bottom {
  padding-top: 2.8125rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  height: 12.5rem;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-bottom .label {
  margin-bottom: 0.9375rem;
  line-height: 1.875rem;
  font-size: 1.375rem;
  font-weight: 500;
  color: #333333;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-bottom .review-user-list {
  width: 104%;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-bottom .review-user-list .list-box {
  position: relative;
  float: left;
  padding-right: 6.25rem;
  width: 25%;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-bottom .review-user-list .review-title {
  height: 2.5rem;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-bottom .review-user-list .review-title p {
  float: left;
  line-height: 1.875rem;
  font-size: 1rem;
  color: #58595b;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-bottom .review-user-list .review-title .title {
  margin-right: 1.25rem;
  font-weight: 700;
  color: #89b03f;
}
.product-detail-content .product-detail-review .review-grade-wrap .review-bottom .review-user-list .point {
  position: absolute;
  right: 0;
  bottom: -0.4375rem;
  padding-left: 0.9375rem;
  width: 6.25rem;
  line-height: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
}
.product-detail-content .product-detail-qna {
  margin-bottom: 5rem;
}
.product-detail-content .product-detail-qna .detail-title-box {
  border-bottom: 0;
}
.review-comment-wrap .list-filter-wrap .filter-top .check-wrap label > span {
  font-weight: 400;
}

.brand-bottom-wrap .title-box {
  margin: 0rem 0 1.25rem 0;
  height: 7rem;
  text-align: center;
  position: relative;
}
.brand-bottom-wrap .title-box .title {
  display: block;
  position: relative;
  line-height: 3.75rem;
}
.brand-bottom-wrap .title-box .title .btn-all-link {
  position: absolute;
  right: 0;
  bottom: 0;
}

.brand-bottom-wrap .title-box .tab{
  position: absolute;
  bottom: 0;
  width: 100%;
}

.brand-bottom-wrap .brand-bnr-wrap.banner-slide-wrap .btn-slider-arrow {
  display: block;
  position: absolute;
  left: -5.3125rem;
  top: 40%;
  margin-top: -1.4375rem;
  width: 1.5625rem;
  height: 2.875rem;
  background: url("/img/icons/icon_arrow_slider.png") no-repeat center center;
  background-size: contain;
}
.brand-bottom-wrap .brand-bnr-wrap.banner-slide-wrap .btn-slider-arrow::before {
  content: none;
}
.brand-bottom-wrap .brand-bnr-wrap.banner-slide-wrap .btn-slider-arrow.slider-next {
  left: auto;
  right: -5.3125rem;
  transform: rotate(180deg);
}
.brand-bottom-wrap .brand-bnr-wrap .img-list .item .img-slot {
  height: 20.9375rem;
}
.brand-bottom-wrap .event-reply {
  margin-top: 6.25rem;
}

@media screen and (max-width: 1600px) {
  .brand-bnr-wrap.banner-slide-wrap .btn-slider-arrow.slider-prev {
    left: 0.625rem !important;
  }
  .brand-bnr-wrap.banner-slide-wrap .btn-slider-arrow.slider-next {
    right: 0.625rem !important;
  }
}
.order-content-wrap {
  position: relative;
}
.order-content-wrap .list-empty-box {
  position: relative;
  padding-top: 10rem;
  border-bottom: 2px solid #e7e7e7;
}
.order-content-wrap .list-empty-box:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 3.75rem;
  right: 0;
  height: 1px;
  background: #333;
}
.order-content-wrap.order-right-menu {
  padding-right: 21.875rem;
}
.order-content-wrap .order-detail-list .detail-header .btn, .order-content-wrap .order-detail-list .detail-footer .btn {
  right: 0;
}
.order-content-wrap .order-detail-list .detail-list .order-item-box {
  height: auto;
}
.order-content-wrap .order-detail-list .detail-list .order-item-box .order-price {
  width: 8.75rem;
}
.order-content-wrap .order-detail-list .detail-list .order-item-box .order-btn {
  padding: 0 2.5rem 0 1.875rem;
  width: 5.9375rem;
  box-sizing: content-box;
}
.order-content-wrap .order-detail-list .detail-list .order-item-box .order-btn .btn {
  min-width: auto;
}
.order-content-wrap .order-detail-list .detail-list .order-item-box.sold-out .img-slot img {
  opacity: 0.5;
}
.order-content-wrap .order-detail-list .detail-list .order-item-box.sold-out .img-slot:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  z-index: 10;
}
.order-content-wrap .order-detail-list .detail-list .order-item-box.sold-out .opt-count .btn-count {
  cursor: not-allowed;
}
.order-content-wrap .order-detail-list .detail-list .order-item-box.sold-out .opt-count .count {
  cursor: not-allowed;
  color: #bcbdc1;
}
.order-content-wrap .order-detail-list .detail-list .order-item-box.sold-out .btn-box {
  position: relative;
}
.order-content-wrap .order-detail-list .detail-list .order-item-box.sold-out .btn-box .btn-order {
  display: none;
}
.order-content-wrap .order-detail-list .detail-list .order-item-box.sold-out .btn-box:after {
  content: "품절";
  display: flex;
  padding: 0;
  margin-top: 0.625rem;
  width: 100%;
  text-align: center;
  color: #bcbdc1;
  background: #f8f8f8;
  border-radius: 3.125rem;
  font-size: 1rem;
  letter-spacing: -0.05rem;
  height: 2.375rem;
  border: 1px solid #e7e7e7;
  transition: border 0.2s ease-out;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.order-content-wrap .order-payment-info {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 3.75rem;
  width: 18.75rem;
  border: 1px solid #333;
  border-radius: 1.25rem;
  overflow: hidden;
  background: #fff;
}
.order-content-wrap .order-payment-info.sticky {
  position: fixed;
  right: calc((100% - 87.5rem)/2);
  margin-top: 1.875rem;
  transition: top 0.2s linear;
}
.order-content-wrap .order-payment-info.sticky.reach-bottom {
  position: absolute;
  top: auto;
  bottom: -8.125rem;
}
.order-content-wrap .order-payment-info .scroll-custom-y {
  max-height: calc(100vh - 12.5rem);
}
.order-content-wrap .order-payment-info .info-title {
  margin-bottom: 0.9375rem;
  line-height: 1;
  text-align: right;
  font-size: 1rem;
  color: #333333;
  font-weight: 700;
}
.order-content-wrap .order-payment-info .info-title .icon {
  margin: -0.125rem 0.375rem 0 0;
  vertical-align: middle;
}
.order-content-wrap .order-payment-info .info-title.title-alignl {
  text-align: left;
}
.order-content-wrap .order-payment-info .info-list li {
  position: relative;
  min-height: 1.875rem;
  text-align: right;
}
.order-content-wrap .order-payment-info .info-list li p {
  line-height: 1.875rem;
  font-size: 0.875rem;
  letter-spacing: -0.04375rem;
  color: #333333;
  font-weight: 500;
}
.order-content-wrap .order-payment-info .info-list li .label {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 500;
}
.order-content-wrap .order-payment-info .info-list li .value.green {
  color: #6b8138;
}
.order-content-wrap .order-payment-info .info-list li .value.emphas {
  color: #ed1c24;
}
.order-content-wrap .order-payment-info .info-list li .value b {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  display: inline-block;
  margin: -0.25rem 0 0 0;
  vertical-align: middle;
  line-height: 1.875rem;
  font-size: 1.25rem;
  letter-spacing: -0.08125rem;
}
.order-content-wrap .order-payment-info .info-list li.total-box {
  margin-top: 1.25rem;
  padding: 1.25rem 0 0;
  border-top: 0;
  background-image: url(/img/icons/dash.jpg);
  background-repeat: repeat-x;
}
.order-content-wrap .order-payment-info .info-list li.total-box .label {
  font-size: 1rem;
  top: 1.25rem;
  font-weight: 700;
}
.order-content-wrap .order-payment-info .info-list li.total-box .value {
  font-size: 1rem;
  font-weight: 500;
}
.order-content-wrap .order-payment-info .info-list li.total-box .value b {
  font-size: 1.75rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.08125rem;
  vertical-align: text-bottom;
}
.order-content-wrap .order-payment-info .info-list li.desc-box {
  margin-top: 1.5625rem;
}
.order-content-wrap .order-payment-info .info-list li.desc-box .desc {
  height: 3.125rem;
  line-height: 3.125rem;
  font-size: 0.875rem;
  color: #666;
  text-align: center;
  border-radius: 0.625rem;
  border: 1px solid #f5f5f5;
  letter-spacing: -0.05rem;
}
.order-content-wrap .order-payment-info .info-list li.desc-box .desc .icon {
  margin: 0 0.75rem 0 0;
  vertical-align: middle;
}
.order-content-wrap .order-payment-info .payment-point {
  padding: 1.875rem 1.875rem 1.25rem 1.875rem;
  background: #f8f8f8;
}
.order-content-wrap .order-payment-info .payment-point.bg-gray {
  background-color: #f7fafc;
}
.order-content-wrap .order-payment-info .payment-price {
  padding: 2.5rem 1.875rem 1.625rem 1.875rem;
}
.order-content-wrap .order-payment-info .payment-price.bg-gray {
  background-color: #f7fafc;
}
.order-content-wrap .order-payment-info .payment-price .total-top {
  margin-top: 1.625rem;
  text-align: right;
}
.order-content-wrap .order-payment-info .payment-price .total-top .value {
  font-size: 1rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
  letter-spacing: -0.08125rem;
  color: #6b8138;
}
.order-content-wrap .order-payment-info .payment-price .total-top .value b {
  margin: -1.25rem 0.1875rem 0 0;
  line-height: 1;
  font-size: 1.75rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  letter-spacing: -0.08125rem;
  vertical-align: text-bottom;
}
.order-content-wrap .order-payment-info .payment-detail {
  padding: 1.875rem;
}
.order-content-wrap .order-payment-info .payment-detail .btn-detail-price {
  cursor: pointer;
  position: relative;
  padding-right: 1.375rem;
}
.order-content-wrap .order-payment-info .payment-detail .btn-detail-price:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.25rem;
  width: 0.6875rem;
  height: 0.5rem;
  background: url("/img/icons/icon_arrow_more.png") no-repeat center center;
}
.order-content-wrap .order-payment-info .payment-detail .info-detail-price {
  display: none;
  margin-top: 0.625rem;
  padding: 0.9375rem 1.25rem;
  border-radius: 0.625rem;
  background-color: #ffffff;
  border: 1px solid #333333;
}
.order-content-wrap .order-payment-info .payment-detail .info-detail-price p {
  font-size: 0.875rem;
  color: #666;
}
.order-content-wrap .order-payment-info .payment-detail .info-detail-price .value b {
  font-size: 1rem;
  color: #58595b;
}
.order-content-wrap .order-payment-info .payment-detail li.active .btn-detail-price:after {
  transform: rotate(180deg);
}
.order-content-wrap .order-payment-info .payment-agree {
  padding: 1.875rem 1.25rem 2.5rem 1.875rem;
}
.order-content-wrap .order-payment-info .payment-agree p {
  line-height: 1.5rem;
  font-size: 0.875rem;
  color: #999999;
  letter-spacing: -0.5px;
}
.order-content-wrap .order-payment-info .payment-agree .check-wrap {
  margin: 1.25rem 0 0 -0.1875rem;
}
.order-content-wrap .order-payment-info .payment-btn .btn {
  display: block;
  height: 4.375rem;
  line-height: 4.375rem;
  text-align: center;
  font-size: 1.375rem;
  color: #333333;
  font-weight: 700;
  background: #f8f8f8;
}
.order-content-wrap .order-payment-info .payment-btn .btn-order {
  color: #fff;
  background: #31291c;
}
.order-content-wrap .order-payment-info .payment-btn .btn-empty {
  padding: 0;
  color: #bcbdc1;
  background: #f8f8f8;
}
.order-content-wrap .tooltip-drop-down {
  padding-right: 1.25rem !important;
}
.order-content-wrap .tooltip-drop-down:before {
  right: 0;
  opacity: 0.4;
}
.order-content-wrap .order-gift-list {
  margin-top: 3.75rem;
}
.order-content-wrap .order-gift-list .gift-more-wrap {
  margin-top: 5rem;
  padding: 2.5rem 0 3.75rem 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
.order-content-wrap .order-gift-list .gift-more-wrap .gift-title {
  padding-left: 1.25rem;
  line-height: 1;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  font-weight: 700;
  color: #333333;
}
.order-content-wrap .order-gift-list .gift-more-wrap .gift-title b {
  font-size: 1.25rem;
}
.order-content-wrap .order-gift-list .gift-more-wrap .gift-title b.fc-primary {
  color: #6b8138;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.order-content-wrap .order-gift-list .gift-more-wrap .gift-list .list-box {
  height: auto;
}
.order-content-wrap .order-gift-list .gift-more-wrap .item-list-more {
  margin-top: 2.5rem;
}
.order-content-wrap .order-gift-list .gift-caution-box {
  margin-top: 2.5rem;
}
.order-content-wrap .important-notice-phrase {
  margin-top: 4.375rem;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  line-height: 1;
  font-weight: 700;
}
.order-content-wrap .important-notice-phrase [class*=icon-] {
  margin-right: 0.625rem;
}
.order-content-wrap .notice-wrap .important-notice-phrase {
  margin-top: 2.5rem;
}
.order-content-wrap .notice-list {
  margin-top: 1.25rem;
  font-size: 1rem;
  letter-spacing: -0.05rem;
  line-height: 2.2;
  color: #040405;
}
.order-content-wrap .notice-list li {
  position: relative;
  padding-left: 0.9375rem;
}
.order-content-wrap .notice-list li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1.125rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #bcbdc1;
}
.order-content-wrap .notice-list [class*=icon-] {
  vertical-align: middle;
}
.order-content-wrap .order-payment-select {
  display: flex;
  flex-flow: wrap;
  padding: 1.875rem;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #e7e7e7;
}
.order-content-wrap .order-payment-select .btn-payment {
  position: relative;
  flex: 1;
  margin: 0 0.625rem;
  font-size: 1.125rem;
  padding: 0;
}
.order-content-wrap .order-payment-select .btn-payment.btn-outline {
  border-width: 2px;
}
.order-content-wrap .order-payment-select .btn-payment.btn-fill {
  border: 2px solid transparent;
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul {
  display: flex;
  border-bottom: 1px solid #e7e7e7;
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul > li {
  flex: 0 0 calc(100%/3);
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul > li .card-item {
  display: flex;
  flex-direction: column;
  padding-top: 1.875rem;
  padding-bottom: 1.25rem;
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul > li .card-item .logo {
  width: 6.25rem;
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul > li .card-item .logo.samsung {
  width: 8.25rem;
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul > li .card-item .logo.hyundai {
  width: 7.3125rem;
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul > li .card-item .logo.shinhan {
  width: 7.125rem;
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul > li .card-item .logo.kb {
  width: 7.625rem;
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul > li .card-item .logo.nh {
  width: 7.4375rem;
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul > li .card-item .logo.bc {
  width: 6rem;
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul > li .card-item .logo img {
  width: 100%;
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul > li .card-item .info {
  margin-top: 0.9375rem;
  letter-spacing: -0.0625rem;
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul > li .card-item .info .title {
  font-size: 0.875rem;
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul > li .card-item .info .content {
  margin-top: 0.9375rem;
  font-size: 0.75rem;
  font-weight: 300;
}
.order-content-wrap .payment-notice .info-content.credit-card .list ul > li .card-item .info .content .red {
  color: red;
}
.order-content-wrap .payment-notice .info-content.credit-card .important-notice-phrase {
  margin-top: 2.5rem;
}
.order-content-wrap .payment-notice .info-content.deposit .gray-box, .order-content-wrap .payment-notice .info-content.realtime .gray-box {
  background-color: #f7fafc;
}
.order-content-wrap .payment-notice .info-content.deposit .step-wrap, .order-content-wrap .payment-notice .info-content.realtime .step-wrap {
  margin-top: 2.5rem;
  padding: 1.875rem 0;
}
.order-content-wrap .payment-notice .info-content.deposit .step-wrap > ul, .order-content-wrap .payment-notice .info-content.realtime .step-wrap > ul {
  display: flex;
  width: 100%;
}
.order-content-wrap .payment-notice .info-content.deposit .step-wrap > ul > li, .order-content-wrap .payment-notice .info-content.realtime .step-wrap > ul > li {
  position: relative;
  flex: 1 1 auto;
  text-align: center;
}
.order-content-wrap .payment-notice .info-content.deposit .step-wrap > ul > li:after, .order-content-wrap .payment-notice .info-content.realtime .step-wrap > ul > li:after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.order-content-wrap .payment-notice .info-content.deposit .step-wrap > ul > li:nth-last-of-type(1):after, .order-content-wrap .payment-notice .info-content.realtime .step-wrap > ul > li:nth-last-of-type(1):after {
  content: none;
}
.order-content-wrap .payment-notice .info-content.deposit .step-wrap > ul > li .step, .order-content-wrap .payment-notice .info-content.realtime .step-wrap > ul > li .step {
  font-size: 1rem;
  margin-bottom: 0.625rem;
  letter-spacing: -0.05rem;
}
.order-content-wrap .payment-notice .info-content.deposit .step-wrap > ul > li .description, .order-content-wrap .payment-notice .info-content.realtime .step-wrap > ul > li .description {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: -0.05625rem;
}
.order-content-wrap .payment-notice .info-content.deposit .table-wrap table, .order-content-wrap .payment-notice .info-content.realtime .table-wrap table {
  text-align: left;
}
.order-content-wrap .payment-notice .info-content.deposit .table-wrap table th, .order-content-wrap .payment-notice .info-content.realtime .table-wrap table th {
  font-size: 1.125rem;
  font-weight: 500;
  background-color: #f8f8f8;
}
.order-content-wrap .payment-notice .info-content.deposit .table-wrap table td, .order-content-wrap .payment-notice .info-content.realtime .table-wrap table td {
  line-height: 2;
  font-size: 1rem;
  font-weight: 300;
}
.order-content-wrap .order-payment-desc {
  display: flex;
  flex-flow: wrap;
  padding: 1.875rem;
  border-bottom: 1px solid #e7e7e7;
}
.order-content-wrap .order-payment-desc .btn-info {
  min-width: 12.5rem;
  margin: 0 0.3125rem;
}
.order-content-wrap .order-payment-desc .desc-text {
  margin-left: 1.25rem;
  width: auto;
  color: #58595b;
}
.order-content-wrap .order-payment-desc .desc-text .icon {
  margin: -0.25rem 0.25rem 0 0.25rem;
  vertical-align: middle;
}
.order-content-wrap .order-payment-desc .desc-text:last-child {
  margin-left: 0;
  width: 100%;
}

.order-recent-slide-wrap {
  margin-top: 7.5rem;
}
.order-recent-slide-wrap .recent-slide-wrap {
  padding-top: 2.5rem;
  border-top: 1px solid #333333;
}
.order-recent-slide-wrap .recent-slide-wrap .img-list .img-slot {
  height: 15rem;
}

.scroll.active + .header-mask + .content-wrap .order-payment-info.sticky {
  top: 8.25rem;
}
.scroll.active + .header-mask + .content-wrap .order-payment-info.sticky.reach-bottom {
  top: auto;
}

.customer-content-wrap {
  margin-top: 3.75rem;
}
.customer-content-wrap .customer-info-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5rem 0;
  height: 4.375rem;
  text-align: center;
  border-radius: 0.625rem;
  background: #f8f8f8;
}
.customer-content-wrap .customer-info-box .tel {
  margin-right: 5.625rem;
  font-size: 1.375rem;
  color: #000;
  font-weight: 700;
}
.customer-content-wrap .customer-info-box .tel .icon {
  margin: -0.25rem 0.5rem 0 0;
  vertical-align: middle;
}
.customer-content-wrap .customer-info-box .tel .btn-link {
  margin-left: 1.25rem;
  font-size: 1.625rem;
  color: #6b8138;
}
.customer-content-wrap .customer-info-box .time {
  position: relative;
  padding-right: 1.875rem;
  font-size: 1.125rem;
  color: #818286;
}
.customer-content-wrap .customer-info-box .time:after {
  display: block;
  content: "";
  position: absolute;
  right: 0.875rem;
  top: 50%;
  margin-top: -0.375rem;
  width: 1px;
  height: 1rem;
  background: #dddddd;
}
.customer-content-wrap .customer-info-box .time:last-child {
  padding-right: 0;
}
.customer-content-wrap .customer-info-box .time:last-child:after {
  display: none;
}
.customer-content-wrap .page-tab-menu {
  margin-bottom: 3.75rem;
}
.customer-content-wrap .customer-help-title {
  margin-bottom: 4.375rem;
  text-align: center;
  padding: 1.875rem 0 3.75rem 0;
  border-bottom: 1px solid #e7e7e7;
}
.customer-content-wrap .customer-help-title .help-title {
  margin-bottom: 0.9375rem;
  line-height: 1;
  font-size: 2.25rem;
  font-weight: 700;
  color: #333333;
  font-weight: 700;
}
.customer-content-wrap .customer-help-title .help-title .icon {
  margin: -0.375rem 0.625rem 0 0;
  vertical-align: middle;
}
.customer-content-wrap .customer-help-title .help-text {
  line-height: 1;
  font-size: 1.375rem;
  color: #58595b;
  letter-spacing: -0.06875rem;
}
.customer-content-wrap .customer-help-box {
  padding-bottom: 3.4375rem;
  border-bottom: 1px solid #e7e7e7;
}
.customer-content-wrap .customer-help-box .help-label {
  margin: 3.125rem 0 1.875rem 0;
  line-height: 1;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  font-weight: 700;
  color: #333333;
}
.customer-content-wrap .customer-help-box .help-label:first-child {
  margin-top: 0;
}
.customer-content-wrap .customer-help-box .help-label .icon {
  margin: 0 0.625rem 0 0;
  vertical-align: middle;
}
.customer-content-wrap .customer-help-box .help-label .icon-notice {
  margin-top: -0.375rem;
}
.customer-content-wrap .customer-help-box .help-menu {
  display: flex;
  flex-flow: wrap;
  margin-bottom: 4.375rem;
}
.customer-content-wrap .customer-help-box .help-menu li {
  flex: 1;
  margin-left: 1.5625rem;
}
.customer-content-wrap .customer-help-box .help-menu li:first-child {
  margin-left: 0;
}
.customer-content-wrap .customer-help-box .help-menu li .btn-menu {
  display: flex;
  position: relative;
  justify-content: center;
  padding-top: 4.0625rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  height: 8.75rem;
  text-align: center;
  line-height: 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: #818286;
  border: 1px solid #e7e7e7;
  border-radius: 1.25rem;
  letter-spacing: -0.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.customer-content-wrap .customer-help-box .help-menu li .btn-menu:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 1.5625rem;
  transform: translateX(-50%);
  opacity: 0.3;
}
.customer-content-wrap .customer-help-box .help-menu li .btn-menu:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 1.75rem;
  left: 0;
  bottom: 0;
  background: #fff;
}
.customer-content-wrap .customer-help-box .help-menu li .btn-menu.active {
  color: #333333;
  border-color: #333333;
}
.customer-content-wrap .customer-help-box .help-menu li .btn-menu.active:before {
  opacity: 1;
}
.customer-content-wrap .customer-help-box .help-btn-box {
  position: relative;
}
.customer-content-wrap .customer-help-box .help-btn-box p {
  font-size: 1rem;
  line-height: 1.5em;
  color: #58595b;
  letter-spacing: -0.05rem;
}
.customer-content-wrap .customer-help-box .help-btn-box .btn-box {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
}
.customer-content-wrap .customer-help-box .help-btn-box .btn-box .btn {
  min-width: 11.25rem;
  margin-left: 0.625rem;
}

.page-category-menu {
  display: flex;
  flex-flow: wrap;
  margin-bottom: 5rem;
}
.page-category-menu .btn-menu {
  flex: 1;
  padding-top: 2.5rem;
  margin: 0 1.25rem;
  height: 9.375rem;
  text-align: center;
  border-radius: 1.5625rem;
  background: #e0ead1;
}
.page-category-menu .btn-menu:first-child {
  margin-left: 0;
}
.page-category-menu .btn-menu:last-child {
  margin-right: 0;
}
.page-category-menu .btn-menu .name {
  display: block;
  margin-bottom: 1.125rem;
  line-height: 1;
  font-size: 1.625rem;
  font-weight: 700;
  color: #3a5542;
}
.page-category-menu .btn-menu .text {
  display: block;
  line-height: 1;
  font-size: 1rem;
  color: #58595b;
}

.content-wrap.map-wrap {
  position: absolute;
  margin: 0;
  left: 0;
  top: 8.1875rem;
  right: 0;
  bottom: 0;
  min-width: 87.5rem;
}
.content-wrap.map-wrap .map-area {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 4.375rem;
}
.content-wrap.map-wrap .map-area .map {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.map-wrap .map-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 4.375rem;
  text-align: center;
  background: #fff;
}
.map-wrap .map-footer p {
  line-height: 4.375rem;
  font-size: 1rem;
  color: #58595b;
}
.map-wrap .map-over {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
}
.map-wrap .map-over .container {
  position: relative;
}
.map-wrap .map-search-popup {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2;
  display: none;
  position: absolute;
  left: 0;
  top: 3.125rem;
  width: 23.75rem;
  height: 100%;
  max-height: 40rem;
  border-radius: 1.125rem;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.05);
  background: #fff;
  overflow: hidden;
}
.map-wrap .map-search-popup .map-tab {
  display: flex;
  height: 5rem;
}
.map-wrap .map-search-popup .map-tab .btn-tab {
  display: block;
  flex: 1;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 1.375rem;
  font-weight: 500;
  color: #58595b;
  background: #f5f5f5;
}
.map-wrap .map-search-popup .map-tab .btn-tab.active {
  color: #fff;
  font-weight: 700;
  background: #31291c;
}
.map-wrap .map-search-popup .map-tab-area {
  position: absolute;
  left: 0;
  top: 5rem;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
}
.map-wrap .map-search-popup .map-tab-area.active {
  opacity: 1;
  visibility: visible;
}
.map-wrap .map-search-popup .btn-close {
  display: block;
  position: absolute;
  right: 1.5625rem;
  bottom: 1.5625rem;
  padding: 0.3125rem;
  z-index: 10;
}
.map-wrap .map-search-popup .btn-close .icon {
  display: block;
}
.map-wrap .map-search-popup .btn-result-close {
  display: block;
  position: relative;
  padding: 0 0 0 1.875rem;
  height: 3.75rem;
}
.map-wrap .map-search-popup .btn-result-close .on, .map-wrap .map-search-popup .btn-result-close .off {
  display: none;
  line-height: 3.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #333333;
}
.map-wrap .map-search-popup .btn-result-close .off {
  display: block;
}
.map-wrap .map-search-popup .btn-result-close .icon {
  position: absolute;
  right: 1.875rem;
  top: 50%;
  margin-top: -0.25rem;
  transform: rotate(180deg);
}
.map-wrap .map-search-popup.close {
  height: 13.75rem !important;
}
.map-wrap .map-search-popup.close .btn-result-close .on {
  display: block;
}
.map-wrap .map-search-popup.close .btn-result-close .off {
  display: none;
}
.map-wrap .map-search-popup.close .btn-result-close .icon {
  transform: rotate(0);
}
.map-wrap .map-search-popup .map-search {
  position: relative;
  border-bottom: 1px solid #e7e7e7;
  height: 5.0625rem;
}
.map-wrap .map-search-popup .map-search .search-box {
  display: flex;
  padding: 0.9375rem 0 0 1.875rem;
  flex-wrap: wrap;
}
.map-wrap .map-search-popup .map-search .search-box .select-map-addr1 .btn-select {
  min-width: 6.875rem;
  width: 6.875rem;
}
.map-wrap .map-search-popup .map-search .search-box .select-map-addr2 .btn-select {
  width: 9.375rem;
}
.map-wrap .map-search-popup .map-search .input-search {
  padding: 0 4.375rem 0 1.875rem;
  width: 100%;
  height: 5rem;
  font-size: 1.125rem;
  color: #333333;
  border: 0;
}
.map-wrap .map-search-popup .map-search .btn-search {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 5rem;
  height: 5rem;
}
.map-wrap .map-search-popup .map-result-total {
  padding: 0 1.875rem;
  line-height: 3.125rem;
  font-size: 1rem;
  color: #58595b;
  border-top: 1px solid #333333;
  background: #f8f8f8;
}
.map-wrap .map-search-popup .map-result {
  position: absolute;
  left: 0;
  top: 11.875rem;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
}
.map-wrap .map-search-popup .map-result .scroll-wrapper {
  height: 100%;
}
.map-wrap .map-search-popup .map-result .result-list li {
  padding: 1.5625rem 1.875rem;
  width: 23.75rem;
  border-top: 1px solid #e7e7e7;
}
.map-wrap .map-search-popup .map-result .result-list li:first-child {
  border-top: 0;
}
.map-wrap .map-search-popup .map-result .result-list li .btn-map {
  display: block;
  position: relative;
  padding-right: 3.125rem;
  background: url("/img/icons/icon_map_point.png") no-repeat right top;
}
.map-wrap .map-search-popup .map-result .result-list li .btn-map .map-name {
  display: block;
  margin-bottom: 0.375rem;
  line-height: 1.5rem;
  font-size: 1.125rem;
  color: #333333;
  font-weight: 500;
}
.map-wrap .map-search-popup .map-result .result-list li .btn-map .map-address {
  display: block;
  line-height: 1.375rem;
  font-size: 1rem;
  color: #58595b;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.map-wrap .map-search-popup .map-result .result-list li .map-tel {
  margin-top: 0.625rem;
}
.map-wrap .map-search-popup .map-result .result-list li .map-tel .btn-tel {
  font-size: 1rem;
  color: #6b8138;
}
.map-wrap .map-search-popup .map-result .list-empty-box {
  padding: 2.5rem 0;
}
.map-wrap .map-info-wrap {
  border: 0 !important;
  background: transparent !important;
}
.map-wrap .map-info-wrap > div {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
}
.map-wrap .map-info-wrap > div:after {
  display: block;
  content: "";
  position: absolute;
  right: 1.875rem;
  top: 1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url("/img/icons/icon_close_black.png") no-repeat center center;
  z-index: 9;
}
.map-wrap .map-info-wrap > img {
  right: 1.875rem !important;
  top: 1.875rem !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  opacity: 0;
  z-index: 10;
}
.map-wrap .map-info-popup {
  padding: 1.5625rem 1.875rem 0.625rem 1.875rem;
  width: 28.75rem;
  border-radius: 1.5625rem;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.05);
  background: #fff;
  overflow: hidden;
  z-index: 20;
}
.map-wrap .map-info-popup .info-top {
  position: relative;
  padding-right: 6.25rem;
  padding-bottom: 0.9375rem;
}
.map-wrap .map-info-popup .info-top .map-name {
  margin-bottom: 0.375rem;
  line-height: 1.5rem;
  font-size: 1.125rem;
  color: #333333;
  font-weight: 500;
}
.map-wrap .map-info-popup .info-top .map-address {
  line-height: 1.375rem;
  font-size: 1rem;
  color: #58595b;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.map-wrap .map-info-popup .info-top .map-tel {
  margin-top: 0.625rem;
}
.map-wrap .map-info-popup .info-top .map-tel .btn-tel {
  font-size: 1rem;
  color: #6b8138;
}
.map-wrap .map-info-popup .info-top .btn-store {
  position: absolute;
  right: 0;
  bottom: 0.9375rem;
  padding: 0;
  min-width: 5.5rem;
  text-align: center;
}
.map-wrap .map-info-popup .info-transport {
  margin-top: 0.3125rem;
}
.map-wrap .map-info-popup .info-transport .list-box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0.9375rem 0;
  padding-left: 7.8125rem;
  min-height: 5rem;
  border-top: 1px solid #e7e7e7;
}
.map-wrap .map-info-popup .info-transport .list-box .label {
  position: absolute;
  left: 3.75rem;
  top: 50%;
  margin-top: -0.625rem;
  line-height: 1.25rem;
  font-size: 1.125rem;
  color: #333333;
  font-weight: 700;
}
.map-wrap .map-info-popup .info-transport .bus-box {
  background: url("/img/icons/icon_map_bus.png") no-repeat left center;
}
.map-wrap .map-info-popup .info-transport .bus-box .transport-list li {
  position: relative;
}
.map-wrap .map-info-popup .info-transport .bus-box .transport-list li.blue:before, .map-wrap .map-info-popup .info-transport .bus-box .transport-list li.green:before, .map-wrap .map-info-popup .info-transport .bus-box .transport-list li.red:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0.8125rem;
  margin-top: -0.1875rem;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background: #1b2caa;
}
.map-wrap .map-info-popup .info-transport .bus-box .transport-list li.green:before {
  background: #89b03f;
}
.map-wrap .map-info-popup .info-transport .bus-box .transport-list li.red:before {
  background: #8a494d;
}
.map-wrap .map-info-popup .info-transport .subway-box {
  background: url("/img/icons/icon_map_subway.png") no-repeat 5px center;
}
.map-wrap .map-info-popup .info-transport .transport-list {
  width: 17.1875rem;
}
.map-wrap .map-info-popup .info-transport .transport-list li {
  padding-left: 1rem;
  margin-top: 0.3125rem;
}
.map-wrap .map-info-popup .info-transport .transport-list li:first-child {
  margin-top: 0;
}
.map-wrap .map-info-popup .info-transport .transport-list p {
  line-height: 1.5rem;
  font-size: 1rem;
  color: #58595b;
}

.store-list {
  margin-top: 4.6875rem;
}
.store-list > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.store-list > ul li {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 13.875rem;
}
.store-list > ul li:nth-of-type(6n) {
  margin-right: 0;
}
.store-list > ul li:nth-last-of-type(n+7) {
  margin-bottom: 0.9375rem;
}
.store-list > ul li a {
  display: block;
  border: 1px solid #e7e7e7;
  border-radius: 0.625rem;
  overflow: hidden;
}
.store-list > ul li a img {
  display: block;
  width: 100%;
}
.store-list > ul li a:hover {
  border-color: #333333;
}

.sub-event-wrap .tab-text {
  margin-bottom: 3.125rem;
}
.sub-event-wrap .img-list.event-list .img-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 20.9375rem;
  height: 11.5625rem;
}
.sub-event-wrap .img-list .item.col-4-40 {
  width: calc(25% - 0.9375rem);
  margin-right: 1.1875rem;
}
.sub-event-wrap .img-list .item.col-4-40:nth-of-type(4n) {
  margin-right: 0;
}
.sub-event-wrap .promotion-list {
  display: flex;
  flex-wrap: wrap;
}
.sub-event-wrap .promotion-list .list-box {
  width: calc(50% - 2.5rem);
  margin-bottom: 3.75rem;
  margin-right: 3.125rem;
}
.sub-event-wrap .promotion-list .list-box:nth-of-type(2n) {
  margin-right: 0;
}
.sub-event-wrap .promotion-list .list-box .title {
  display: block;
  font-size: 1.625rem;
  font-weight: bold;
  margin: 1.875rem 0 0.9375rem;
  text-align: center;
  color: #333333;
  letter-spacing: -0.08125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sub-event-wrap .promotion-list .list-box .desc {
  display: block;
  font-size: 1.125rem;
  color: #818286;
  text-align: center;
  letter-spacing: -0.05625rem;
}
.sub-event-wrap .promotion-list .btn-promotion {
  display: block;
  position: relative;
  border-radius: 1.875rem;
  overflow: hidden;
  width: 41.875rem;
  height: 23.125rem;
}
.sub-event-wrap .promotion-list .btn-promotion img {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 100%;
  transform: translateY(-50%) scale(1);
  transition: transform 0.3s ease-in-out;
}
.sub-event-wrap .promotion-list .btn-promotion:hover > img {
  opacity: 1;
  transform: translateY(-50%) scale(1.05);
}
.sub-event-wrap .promotion-list .btn-promotion .title {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 5.625rem;
  line-height: 5.625rem;
  text-align: center;
  font-size: 1.625rem;
  font-weight: 700;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  letter-spacing: -0.08125rem;
}
.sub-event-wrap .promotion-list .promotion-thumb {
  display: flex;
  justify-content: flex-start;
  margin-top: 1.25rem;
}
.sub-event-wrap .promotion-list .promotion-thumb .btn-thumb {
  position: relative;
  flex: 0 0 7.4375rem;
  margin-right: 1rem;
  border: 1px solid #e7e7e7;
  border-radius: 0.9375rem;
  overflow: hidden;
}
.sub-event-wrap .promotion-list .promotion-thumb .btn-thumb img {
  display: block;
  width: 100%;
}
.sub-event-wrap .promotion-list .promotion-thumb .btn-thumb .over {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 7.0625rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  background: rgba(0, 0, 0, 0.44);
}

.event-view-wrap {
  min-width: 87.5rem;
  width: 100%;
}
.event-view-wrap .view-title-box {
  padding: 1.25rem 0 1.875rem 0;
}
.event-view-wrap .view-title-box .container {
  position: relative;
}
.event-view-wrap .view-title-box .container .share-group {
  display: block;
  position: absolute;
  right: -0.75rem;
  top: -1.125rem;
  height: 3.75rem;
  width: 3.75rem;
  overflow: hidden;
  transition: all 0.1s;
  box-sizing: border-box;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 1.875rem;
}
.event-view-wrap .view-title-box .container .share-group.active {
  border: 1px solid #333333;
  width: 14.375rem;
  box-shadow: 0.1875rem 0.3125rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.event-view-wrap .view-title-box .container .share-group.active ul li {
  width: 20.625rem;
  opacity: 1;
}
.event-view-wrap .view-title-box .container .share-group.active ul li .btn-share.toggle .icon-share-url {
  background-image: url("/img/icons/icon_share_close.png");
  background-size: auto;
  background-position: center;
}
.event-view-wrap .view-title-box .container .share-group ul {
  position: absolute;
  display: flex;
  right: 0.4375rem;
  width: 13.4375rem;
  height: 100%;
}
.event-view-wrap .view-title-box .container .share-group ul li {
  position: relative;
  flex: 0 0 25%;
  opacity: 0;
  transition: all 0.1s;
}
.event-view-wrap .view-title-box .container .share-group ul li:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 1.25rem;
  width: 1px;
  height: 1.25rem;
  border-right: 1px solid #e7e7e7;
}
.event-view-wrap .view-title-box .container .share-group ul li:nth-last-of-type(1):after {
  content: none;
}
.event-view-wrap .view-title-box .container .share-group ul li:nth-last-of-type(1) {
  opacity: 1;
}
.event-view-wrap .view-title-box .container .share-group ul li .btn-share {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.359375rem;
  height: 3.625rem;
}
.event-view-wrap .view-title-box .container h2 {
  font-size: 2.625rem;
  letter-spacing: -0.13125rem;
}
.event-view-wrap .view-title-box .badge-slot {
  position: relative;
  margin-bottom: 1.25rem;
  text-align: left;
}
.event-view-wrap .view-title-box .badge-slot .badge {
  display: inline-block;
  margin-right: 0.3125rem;
  padding: 0 0.9375rem;
  min-width: 3.75rem;
  height: 1.875rem;
  line-height: 1.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #58595b;
  border: 1px solid #e7e7e7;
  border-radius: 0.9375rem;
  background: #fff;
}
.event-view-wrap .view-title-box .badge-slot .dday {
  display: inline-block;
  padding: 0 0.9375rem;
  min-width: 3.75rem;
  height: 1.875rem;
  line-height: 1.75rem;
  font-size: 1rem;
  font-weight: 700;
  color: #333333;
  border: 1px solid #333;
  border-radius: 0.9375rem;
  background: #fff;
}
.event-view-wrap .view-title-box .badge-slot .dday.soon {
  color: #ed1c24;
  border-color: #ed1c24;
}
.event-view-wrap .view-title-box .date {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
  margin-top: 1.25rem;
  font-size: 1.125rem;
  color: #58595b;
}
.event-view-wrap .view-content-box img {
  display: block;
  width: 100%;
  margin: auto;
}

.event-caution-wrap {
  min-width: 87.5rem;
  width: 100%;
  padding: 3.125rem 0;
  background: #333333;
}
.event-caution-wrap .caution-list-box {
  margin-top: 0;
}

.event-bnr-wrap {
  position: relative;
  padding: 0 2.5rem;
}
.event-bnr-wrap .btn-slider-arrow {
  display: block;
  position: absolute;
  left: 0;
  top: 40%;
  margin-top: -1.4375rem;
  width: 1.5625rem;
  height: 2.875rem;
  background: url("/img/icons/icon_arrow_slider.png") no-repeat center center;
  background-size: contain;
}
.event-bnr-wrap .btn-slider-arrow::before {
  content: none;
}
.event-bnr-wrap .btn-slider-arrow.slider-next {
  left: auto;
  right: 0;
  transform: rotate(180deg);
}

.event-reply {
  margin-top: 3.75rem;
  margin-bottom: 7.5rem;
}
.event-reply .btn-wrap {
  text-align: center;
  margin-bottom: 1.875rem;
}
.event-reply .img-list {
  padding-top: 2.375rem;
}
.event-reply .img-list > ul {
  flex-wrap: wrap;
}
.event-reply .img-list > ul .item {
  flex: 0 1 50%;
}
.event-reply .img-list > ul .item[class*=col-] {
  flex: none;
}
.event-reply .img-list > ul .item .img-slot {
  display: inline-block;
  width: 11.625rem;
  height: 11.625rem;
}
.event-reply .img-list > ul .item .img-slot img {
  transition: transform 0.3s ease-in-out;
}
.event-reply .img-list > ul .item .img-slot:hover > img {
  opacity: 1;
  transform: translateY(-50%) scale(1.05);
}
.event-reply .img-list > ul .item .product-info-slot, .event-reply .img-list > ul .item .user-slot {
  display: inline-block;
  position: absolute;
  width: calc(100% - 246px);
  left: 13.5rem;
  margin-top: 0;
}
.event-reply .img-list > ul .item .product-info-slot {
  top: 1.875rem;
}
.event-reply .img-list > ul .item .product-info-slot .product-desc {
  margin-top: 0;
}
.event-reply .img-list > ul .item .user-slot {
  bottom: 1.875rem;
}
.event-reply .img-list .user-slot .date {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
}
.event-reply .img-list .list-empty-box {
  border-bottom: 1px solid #e7e7e7;
}
.event-reply .bbs-header {
  display: flex;
  align-items: center;
}
.event-reply .bbs-header .bbs-total {
  margin-top: 0;
  line-height: 1;
}
.event-reply .bbs-header [class*=-box] {
  float: none;
  flex: 1 1 auto;
}
.event-reply .bbs-header .right-box {
  justify-content: flex-end;
}
.event-reply .item-list-more {
  margin-top: 1.25rem;
}

.brand-bottom-wrap .tab.tab-text > ul {
  justify-content: space-evenly;
}
.brand-bottom-wrap .tab.tab-text > ul li {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.reward-info-wrap .tab .tab-item, .reward-coupone-zone .tab .tab-item {
  padding-bottom: 0.625rem;
  letter-spacing: -0.08125rem;
}
.reward-info-wrap .tab .tab-item [class*=icon-], .reward-coupone-zone .tab .tab-item [class*=icon-] {
  vertical-align: middle;
}
.reward-info-wrap .tab .icon-leaf, .reward-coupone-zone .tab .icon-leaf {
  background-image: url("/img/icons/icon_leaf_off.png");
}
.reward-info-wrap .tab .icon-money-pocket, .reward-coupone-zone .tab .icon-money-pocket {
  background-image: url("/img/icons/icon_money_pocket_off.png");
}
.reward-info-wrap .tab .active .icon-leaf, .reward-coupone-zone .tab .active .icon-leaf {
  background-image: url("/img/icons/icon_leaf_on.png");
}
.reward-info-wrap .tab .active .icon-money-pocket, .reward-coupone-zone .tab .active .icon-money-pocket {
  background-image: url("/img/icons/icon_money_pocket_on.png");
}
.reward-info-wrap .gray-box, .reward-coupone-zone .gray-box {
  border-radius: 4.375rem;
  background-color: #f7fafc;
  padding-top: 9.6875rem;
  padding-bottom: 9.375rem;
  background-image: url("/img/bg/bg_membership_01.png");
  background-position: center 55%;
  background-repeat: no-repeat;
  background-size: 87.5rem;
  margin-top: 3.125rem;
}
.reward-info-wrap .gray-box .level-step, .reward-coupone-zone .gray-box .level-step {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.reward-info-wrap .gray-box .level-step li, .reward-coupone-zone .gray-box .level-step li {
  position: relative;
  display: inline-block;
  width: 15rem;
  color: #ffffff;
  margin-right: 1.25rem;
  margin-left: 1.25rem;
  transition: all 0.3s;
}
.reward-info-wrap .gray-box .level-step li [class*=level-new], .reward-coupone-zone .gray-box .level-step li [class*=level-new] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  padding-bottom: 3.75rem;
  border-top-right-radius: 6.25rem;
  border-bottom-left-radius: 6.25rem;
  border-top-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  background-color: #a3c6c3;
  width: 100%;
  background-size: auto;
  background-position: top 20% center;
}
.reward-info-wrap .gray-box .level-step li [class*=level-vip], .reward-coupone-zone .gray-box .level-step li [class*=level-vip] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  padding-bottom: 3.75rem;
  border-top-right-radius: 6.25rem;
  border-bottom-left-radius: 6.25rem;
  border-top-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  background-color: #89b03f;
  width: 100%;
  background-size: auto;
  background-position: top 20% center;
}
.reward-info-wrap .gray-box .level-step li [class*=level-vvip], .reward-coupone-zone .gray-box .level-step li [class*=level-vvip] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  padding-bottom: 3.75rem;
  border-top-right-radius: 6.25rem;
  border-bottom-left-radius: 6.25rem;
  border-top-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  background-color: #577365;
  width: 100%;
  background-size: auto;
  background-position: top 20% center;
}
.reward-info-wrap .gray-box .level-step li [class*=level-svip], .reward-coupone-zone .gray-box .level-step li [class*=level-svip] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  padding-bottom: 3.75rem;
  border-top-right-radius: 6.25rem;
  border-bottom-left-radius: 6.25rem;
  border-top-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  background-color: #484b62;
  width: 100%;
  background-size: auto;
  background-position: top 20% center;
}
.reward-info-wrap .gray-box .level-step li [class*=level-], .reward-coupone-zone .gray-box .level-step li [class*=level-] {
  transition: all 0.3s;
}
.reward-info-wrap .gray-box .level-step li [class*=level-] .tooltip, .reward-coupone-zone .gray-box .level-step li [class*=level-] .tooltip {
  position: absolute;
  opacity: 0;
  width: 12.5rem;
  top: -6.25rem;
  left: 1.25rem;
  padding: 1.25rem;
  font-size: 1rem;
  letter-spacing: -0.05rem;
  line-height: 1.5;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #333333;
  border-radius: 1.25rem;
  transition: all 0.3s;
}
.reward-info-wrap .gray-box .level-step li [class*=level-] .tooltip:before, .reward-coupone-zone .gray-box .level-step li [class*=level-] .tooltip:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -0.75rem;
  left: 5.625rem;
  width: 0.8125rem;
  height: 0.75rem;
  background-image: url("/img/icons/icon_tooltip_pin.png");
  background-repeat: no-repeat;
}
.reward-info-wrap .gray-box .level-step li [class*=level-] .tooltip em.point, .reward-coupone-zone .gray-box .level-step li [class*=level-] .tooltip em.point {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.reward-info-wrap .gray-box .level-step li:hover, .reward-info-wrap .gray-box .level-step li.active, .reward-coupone-zone .gray-box .level-step li:hover, .reward-coupone-zone .gray-box .level-step li.active {
  transform: translateY(-1.875rem);
}
.reward-info-wrap .gray-box .level-step li:hover [class*=level-], .reward-info-wrap .gray-box .level-step li.active [class*=level-], .reward-coupone-zone .gray-box .level-step li:hover [class*=level-], .reward-coupone-zone .gray-box .level-step li.active [class*=level-] {
  box-shadow: 0.625rem 1.25rem 1.875rem 0 rgba(0, 0, 0, 0.2);
}
.reward-info-wrap .gray-box .level-step li:hover .tooltip, .reward-info-wrap .gray-box .level-step li.active .tooltip, .reward-coupone-zone .gray-box .level-step li:hover .tooltip, .reward-coupone-zone .gray-box .level-step li.active .tooltip {
  top: -7.5rem;
  opacity: 1;
}
.reward-info-wrap .gray-box .level-step li:nth-of-type(1) [class*=level-], .reward-coupone-zone .gray-box .level-step li:nth-of-type(1) [class*=level-] {
  height: 16.4375rem;
}
.reward-info-wrap .gray-box .level-step li:nth-of-type(2) [class*=level-], .reward-coupone-zone .gray-box .level-step li:nth-of-type(2) [class*=level-] {
  height: 18.75rem;
}
.reward-info-wrap .gray-box .level-step li:nth-of-type(3) [class*=level-], .reward-coupone-zone .gray-box .level-step li:nth-of-type(3) [class*=level-] {
  height: 21.5625rem;
}
.reward-info-wrap .gray-box .level-step li:nth-of-type(4) [class*=level-], .reward-coupone-zone .gray-box .level-step li:nth-of-type(4) [class*=level-] {
  height: 24.0625rem;
}
.reward-info-wrap .gray-box .level-step li .title, .reward-coupone-zone .gray-box .level-step li .title {
  display: block;
  font-size: 2.25rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.reward-info-wrap .gray-box .level-step li .sub-txt, .reward-coupone-zone .gray-box .level-step li .sub-txt {
  font-size: 1rem;
}
.reward-info-wrap .important-notice-phrase, .reward-coupone-zone .important-notice-phrase {
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  font-weight: 500;
}
.reward-info-wrap .level-description, .reward-coupone-zone .level-description {
  width: 78.75rem;
  margin: 0 auto;
  margin-top: 4.375rem;
  border-bottom: 1px solid #e7e7e7;
}
.reward-info-wrap .level-description > ul > li, .reward-coupone-zone .level-description > ul > li {
  display: flex;
}
.reward-info-wrap .level-description > ul > li.my-level .level-title, .reward-coupone-zone .level-description > ul > li.my-level .level-title {
  position: relative;
}
.reward-info-wrap .level-description > ul > li.my-level .level-title:before, .reward-coupone-zone .level-description > ul > li.my-level .level-title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  padding-top: 0.3125rem;
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
}
.reward-info-wrap .level-description > ul > li .level-title, .reward-coupone-zone .level-description > ul > li .level-title {
  position: relative;
  display: flex;
  align-items: center;
  flex: 0 0 18.75rem;
  height: 7.5rem;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  margin-bottom: 3.125rem;
  margin-right: 3.75rem;
  font-size: 3.125rem;
  box-sizing: content-box;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.reward-info-wrap .level-description > ul > li .level-title:after, .reward-coupone-zone .level-description > ul > li .level-title:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 0.25rem;
  background-color: #333333;
  left: 0;
  top: 0;
  border-radius: 0.25rem;
}
.reward-info-wrap .level-description > ul > li .level-title [class*=icon-], .reward-coupone-zone .level-description > ul > li .level-title [class*=icon-] {
  margin-left: 2.5rem;
}
.reward-info-wrap .level-description > ul > li .level-title .level, .reward-coupone-zone .level-description > ul > li .level-title .level {
  flex: 1 1 9.375rem;
  text-align: left;
  margin-left: 2.3125rem;
}
.reward-info-wrap .level-description > ul > li .text, .reward-coupone-zone .level-description > ul > li .text {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  border-top: 1px solid #e7e7e7;
  min-height: 7.5rem;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  margin-bottom: 3.125rem;
  box-sizing: content-box;
  line-height: 2.1;
  color: #58595b;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
}
.reward-info-wrap .level-description > ul > li .text .point, .reward-coupone-zone .level-description > ul > li .text .point {
  position: relative;
  width: 25rem;
  height: 100%;
  padding-top: 1.875rem;
  padding-left: 6.25rem;
  border-right: 1px solid #e7e7e7;
}
.reward-info-wrap .level-description > ul > li .text .point .icon-point-lg, .reward-coupone-zone .level-description > ul > li .text .point .icon-point-lg {
  position: absolute;
  left: 3.125rem;
  top: 2.5rem;
}
.reward-info-wrap .level-description > ul > li .text .coupon, .reward-coupone-zone .level-description > ul > li .text .coupon {
  position: relative;
  padding-top: 1.875rem;
  padding-left: 6.25rem;
  height: 100%;
}
.reward-info-wrap .level-description > ul > li .text .coupon .icon-coupon-lg, .reward-coupone-zone .level-description > ul > li .text .coupon .icon-coupon-lg {
  position: absolute;
  left: 3.125rem;
  top: 2.5rem;
}
.reward-info-wrap .notice-wrap, .reward-coupone-zone .notice-wrap {
  width: 78.75rem;
  margin: 0 auto;
}
.reward-info-wrap .notice-wrap.width-auto, .reward-coupone-zone .notice-wrap.width-auto {
  width: auto;
}
.reward-info-wrap .notice-wrap .important-notice-phrase, .reward-coupone-zone .notice-wrap .important-notice-phrase {
  margin-top: 2.5rem;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  line-height: 1;
  font-weight: 700;
}
.reward-info-wrap .notice-wrap .important-notice-phrase [class*=icon-], .reward-coupone-zone .notice-wrap .important-notice-phrase [class*=icon-] {
  margin-right: 0.625rem;
}
.reward-info-wrap .notice-wrap .notice-list, .reward-coupone-zone .notice-wrap .notice-list {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 2.2;
  color: #818286;
}
.reward-info-wrap .notice-wrap .notice-list li, .reward-coupone-zone .notice-wrap .notice-list li {
  position: relative;
  padding-left: 0.9375rem;
}
.reward-info-wrap .notice-wrap .notice-list li:before, .reward-coupone-zone .notice-wrap .notice-list li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1.125rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #bcbdc1;
}
.reward-info-wrap .green-box, .reward-coupone-zone .green-box {
  display: flex;
  padding: 3.125rem 0 3.125rem 4.375rem;
  border-radius: 1.875rem;
  background-color: #f3f4e6;
  margin-top: 6.875rem;
}
.reward-info-wrap .green-box .benefit, .reward-coupone-zone .green-box .benefit {
  flex: 1 1 auto;
  border-right: 1px solid #e7e7e7;
}
.reward-info-wrap .green-box .benefit h4, .reward-coupone-zone .green-box .benefit h4 {
  font-size: 2rem;
  line-height: 1;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  color: #3a5542;
  letter-spacing: normal;
  padding-top: 3.75rem;
}
.reward-info-wrap .green-box .benefit .sub-txt, .reward-coupone-zone .green-box .benefit .sub-txt {
  margin-top: 1.125rem;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  line-height: 1;
}
.reward-info-wrap .green-box .benefit .benefit-list, .reward-coupone-zone .green-box .benefit .benefit-list {
  margin-top: 3.75rem;
  letter-spacing: -0.05rem;
}
.reward-info-wrap .green-box .benefit .benefit-list > ul li, .reward-coupone-zone .green-box .benefit .benefit-list > ul li {
  display: inline-block;
  text-align: center;
  margin-right: 3.75rem;
}
.reward-info-wrap .green-box .benefit .benefit-list > ul li:nth-last-of-type(1), .reward-coupone-zone .green-box .benefit .benefit-list > ul li:nth-last-of-type(1) {
  margin-right: 0;
}
.reward-info-wrap .green-box .benefit .benefit-list > ul li .txt, .reward-coupone-zone .green-box .benefit .benefit-list > ul li .txt {
  display: inline-block;
  margin-left: 1.25rem;
  vertical-align: top;
  text-align: left;
}
.reward-info-wrap .green-box .benefit .benefit-list > ul li .txt span, .reward-coupone-zone .green-box .benefit .benefit-list > ul li .txt span {
  display: block;
  font-size: 1rem;
  letter-spacing: -0.05rem;
}
.reward-info-wrap .green-box .benefit .benefit-list > ul li .txt em, .reward-coupone-zone .green-box .benefit .benefit-list > ul li .txt em {
  font-size: 1.25rem;
  letter-spacing: -0.0625rem;
}
.reward-info-wrap .green-box .goto-join, .reward-coupone-zone .green-box .goto-join {
  flex: 0 1 26.875rem;
  text-align: center;
}
.reward-info-wrap .green-box .goto-join .icon-join, .reward-coupone-zone .green-box .goto-join .icon-join {
  display: block;
  margin: 0 auto;
}
.reward-info-wrap .green-box .goto-join p, .reward-coupone-zone .green-box .goto-join p {
  font-size: 1rem;
  margin-top: 1.25rem;
  margin-bottom: 1.75rem;
}
.reward-info-wrap .green-box .goto-join .btn, .reward-coupone-zone .green-box .goto-join .btn {
  width: 14.375rem;
  height: 3.75rem;
  font-size: 1.375rem;
  font-weight: 700;
}
.reward-info-wrap .green-box .goto-join .btn [class*=icon-], .reward-coupone-zone .green-box .goto-join .btn [class*=icon-] {
  margin-right: 0.625rem;
}
.reward-info-wrap .notice-area, .reward-coupone-zone .notice-area {
  margin-top: 3.125rem;
  height: 6.25rem;
  background-color: #f8f8f8;
  border-radius: 0.75rem;
  border-bottom-left-radius: 3.125rem;
}
.reward-info-wrap .notice-area .category, .reward-coupone-zone .notice-area .category {
  display: inline-block;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  height: 100%;
  border-top-right-radius: 3.125rem;
  border-bottom-right-radius: 3.125rem;
  border-bottom-left-radius: 3.125rem;
  background-color: #333333;
  font-size: 1.5rem;
  letter-spacing: -0.075rem;
  line-height: 6.25rem;
  font-weight: 700;
  color: #ffffff;
  vertical-align: top;
}
.reward-info-wrap .notice-area .content, .reward-coupone-zone .notice-area .content {
  display: inline-block;
  width: 70.625rem;
  padding-left: 2.5rem;
  line-height: 6.25rem;
  font-size: 1.375rem;
  letter-spacing: -0.06875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reward-info-wrap .price-step, .reward-coupone-zone .price-step {
  margin: 0 auto;
  margin-top: 4.375rem;
  border-bottom: 1px solid #e7e7e7;
}
.reward-info-wrap .price-step > ul > li, .reward-coupone-zone .price-step > ul > li {
  display: flex;
}
.reward-info-wrap .price-step > ul > li .price-range, .reward-coupone-zone .price-step > ul > li .price-range {
  flex-wrap: wrap;
  flex: 0 0 15.625rem;
  height: 7.5rem;
  margin-right: 2.5rem;
  padding: 2.8125rem 0 5rem 1.25rem;
  border-top: 0.25rem solid #333333;
  box-sizing: content-box;
}
.reward-info-wrap .price-step > ul > li .price-range .price, .reward-coupone-zone .price-step > ul > li .price-range .price {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 800;
  font-size: 2.25rem;
  line-height: 1;
  vertical-align: middle;
  letter-spacing: -0.1125rem;
}
.reward-info-wrap .price-step > ul > li .price-range .unit, .reward-coupone-zone .price-step > ul > li .price-range .unit {
  font-size: 1.625rem;
  line-height: 2.25rem;
  font-weight: 700;
  vertical-align: middle;
}
.reward-info-wrap .price-step > ul > li .price-range .suffix, .reward-coupone-zone .price-step > ul > li .price-range .suffix {
  display: block;
  margin-top: 0.625rem;
  font-size: 1.375rem;
  line-height: 1;
  letter-spacing: -0.06875rem;
}
.reward-info-wrap .price-step > ul > li .gift-list, .reward-coupone-zone .price-step > ul > li .gift-list {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  border-top: 1px solid #e7e7e7;
  padding-top: 2.8125rem;
  padding-bottom: 5rem;
  box-sizing: content-box;
  line-height: 2.1;
  color: #58595b;
}
.reward-info-wrap .price-step > ul > li .gift-list .item, .reward-coupone-zone .price-step > ul > li .gift-list .item {
  display: flex;
  flex: 0 0 33%;
  height: 7.5rem;
}
.reward-info-wrap .price-step > ul > li .gift-list .item:nth-of-type(n+4), .reward-coupone-zone .price-step > ul > li .gift-list .item:nth-of-type(n+4) {
  margin-top: 1.25rem;
}
.reward-info-wrap .price-step > ul > li .gift-list .item .img-wrap, .reward-coupone-zone .price-step > ul > li .gift-list .item .img-wrap {
  position: relative;
  height: 7.5rem;
  width: 7.5rem;
  border: 1px solid #e7e7e7;
  border-radius: 1.25rem;
  overflow: hidden;
  flex: 0 0 7.5rem;
}
.reward-info-wrap .price-step > ul > li .gift-list .item .img-wrap img, .reward-coupone-zone .price-step > ul > li .gift-list .item .img-wrap img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.reward-info-wrap .price-step > ul > li .gift-list .item .product-name, .reward-coupone-zone .price-step > ul > li .gift-list .item .product-name {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.05rem;
}
.reward-info-wrap .price-step > ul > li .gift-list .item .product-name .tag, .reward-coupone-zone .price-step > ul > li .gift-list .item .product-name .tag {
  margin-top: 0.9375rem;
  line-height: 1;
  font-size: 1rem;
  color: #89b03f;
}
.reward-info-wrap .download-coupone-summary, .reward-coupone-zone .download-coupone-summary {
  position: relative;
  margin-top: 5rem;
  height: 6.25rem;
  background-color: #f7fafc;
  border-radius: 0.75rem;
  text-align: center;
}
.reward-info-wrap .download-coupone-summary .content, .reward-coupone-zone .download-coupone-summary .content {
  display: inline-block;
  padding-left: 3.75rem;
  line-height: 6.25rem;
  font-size: 1.625rem;
  font-weight: 700;
  letter-spacing: -0.08125rem;
}
.reward-info-wrap .download-coupone-summary .content em, .reward-coupone-zone .download-coupone-summary .content em {
  color: #6b8138;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.reward-info-wrap .download-coupone-summary .btn-all-link, .reward-coupone-zone .download-coupone-summary .btn-all-link {
  position: absolute;
  display: inline-block;
  right: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.125rem;
  color: #58595b;
  font-weight: 500;
}
.reward-info-wrap .download-coupone-summary .btn-all-link:before, .reward-coupone-zone .download-coupone-summary .btn-all-link:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -2.5rem;
  top: -0.625rem;
  height: 3.125rem;
  border-left: 1px solid #e7e7e7;
  cursor: default;
}
.reward-info-wrap .download-coupone-summary .btn-all-link em, .reward-coupone-zone .download-coupone-summary .btn-all-link em {
  color: #6b8138;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
}
.reward-info-wrap .coupone-list, .reward-coupone-zone .coupone-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 3.75rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #e7e7e7;
}
.reward-info-wrap .coupone-list > li, .reward-coupone-zone .coupone-list > li {
  position: relative;
  margin-bottom: 2.5rem;
  width: calc(33.3333333333% - 1.4583333333rem);
  margin-right: 2.125rem;
}
.reward-info-wrap .coupone-list > li:nth-of-type(3n), .reward-coupone-zone .coupone-list > li:nth-of-type(3n) {
  margin-right: 0;
}
.reward-info-wrap .coupone-list > li:nth-of-type(3), .reward-coupone-zone .coupone-list > li:nth-of-type(3) {
  margin-right: 0;
}
.reward-info-wrap .coupone-list > li .coupone, .reward-coupone-zone .coupone-list > li .coupone {
  display: flex;
  width: 100%;
  min-height: 17.875rem;
  overflow: hidden;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-info, .reward-coupone-zone .coupone-list > li .coupone .coupone-info {
  position: relative;
  flex: 1 1 auto;
  padding: 2.1875rem 0 2.1875rem 2.5rem;
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  border: 1px solid #8bb23f;
  border-right: 0;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-info:after, .reward-coupone-zone .coupone-list > li .coupone .coupone-info:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -0.9375rem;
  top: -0.9375rem;
  border-radius: 50%;
  width: 1.875rem;
  height: 1.875rem;
  background-color: #ffffff;
  border: 1px solid #8bb23f;
  z-index: 1;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-header, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-header {
  font-size: 1rem;
  font-weight: 500;
  color: #58595b;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-header .date, .reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-header .due-date, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-header .date, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-header .due-date {
  display: inline-block;
  line-height: 1;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-header .date em, .reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-header .due-date em, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-header .date em, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-header .due-date em {
  color: #ed1c24;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-header .date, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-header .date {
  padding-right: 0.9375rem;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-header .due-date, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-header .due-date {
  padding-left: 0.9375rem;
  border-left: 1px solid #e7e7e7;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-content, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-content {
  padding-right: 1.25rem;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-content .benefit, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-content .benefit {
  display: inline-block;
  margin-top: 1.5625rem;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 3.25rem;
  line-height: 1;
  letter-spacing: -0.1625rem;
  color: #89b03f;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-content .benefit .unit, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-content .benefit .unit {
  font-size: 0.5em;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-content .description, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-content .description {
  margin-top: 1.5625rem;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: -0.0625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-content .condition, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-content .condition {
  display: inline-block;
  margin-top: 0.625rem;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: #58595b;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-content .condition a, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-content .condition a {
  position: relative;
  margin-left: 0.9375rem;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  color: #58595b;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-info .coupone-content .condition a:after, .reward-coupone-zone .coupone-list > li .coupone .coupone-info .coupone-content .condition a:after {
  content: "";
  position: absolute;
  right: -0.625rem;
  top: 0.5rem;
  width: 0.375rem;
  height: 0.5625rem;
  margin-left: 0.625rem;
  vertical-align: middle;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-link, .reward-coupone-zone .coupone-list > li .coupone .coupone-link {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex: 0 0 6.4375rem;
  background-color: #f3f4e6;
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  border: 1px solid #8bb23f;
  border-left: 2px dashed #dbe7c5;
}
.reward-info-wrap .coupone-list > li .coupone .coupone-link:before, .reward-coupone-zone .coupone-list > li .coupone .coupone-link:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -0.9375rem;
  bottom: -0.9375rem;
  border-radius: 50%;
  width: 1.875rem;
  height: 1.875rem;
  background-color: #ffffff;
  border: 1px solid #8bb23f;
}
.reward-info-wrap .coupone-list > li .coupone.disabled .coupone-info, .reward-coupone-zone .coupone-list > li .coupone.disabled .coupone-info {
  border-color: #e7e7e7;
}
.reward-info-wrap .coupone-list > li .coupone.disabled .coupone-info:after, .reward-coupone-zone .coupone-list > li .coupone.disabled .coupone-info:after {
  border-color: #e7e7e7;
}
.reward-info-wrap .coupone-list > li .coupone.disabled .coupone-info .coupone-header, .reward-coupone-zone .coupone-list > li .coupone.disabled .coupone-info .coupone-header {
  color: #dddddd;
}
.reward-info-wrap .coupone-list > li .coupone.disabled .coupone-info .coupone-content .benefit, .reward-info-wrap .coupone-list > li .coupone.disabled .coupone-info .coupone-content .description, .reward-info-wrap .coupone-list > li .coupone.disabled .coupone-info .coupone-content .condition, .reward-info-wrap .coupone-list > li .coupone.disabled .coupone-info .coupone-content .condition > a, .reward-coupone-zone .coupone-list > li .coupone.disabled .coupone-info .coupone-content .benefit, .reward-coupone-zone .coupone-list > li .coupone.disabled .coupone-info .coupone-content .description, .reward-coupone-zone .coupone-list > li .coupone.disabled .coupone-info .coupone-content .condition, .reward-coupone-zone .coupone-list > li .coupone.disabled .coupone-info .coupone-content .condition > a {
  color: #dddddd;
}
.reward-info-wrap .coupone-list > li .coupone.disabled .coupone-link, .reward-coupone-zone .coupone-list > li .coupone.disabled .coupone-link {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.reward-info-wrap .coupone-list > li .coupone.disabled .coupone-link:before, .reward-coupone-zone .coupone-list > li .coupone.disabled .coupone-link:before {
  border-color: #e7e7e7;
}
.reward-info-wrap .coupone-list > li .coupone.disabled .coupone-link a, .reward-coupone-zone .coupone-list > li .coupone.disabled .coupone-link a {
  cursor: default;
}
.reward-info-wrap .empty, .reward-coupone-zone .empty {
  text-align: center;
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  border-bottom: 1px solid #e7e7e7;
}
.reward-info-wrap .empty p, .reward-coupone-zone .empty p {
  font-size: 1.375rem;
}

.nr-content-wrap .nr-list {
  margin-bottom: 11.25rem;
}
.nr-content-wrap .nr-list .list-box {
  display: flex;
  justify-content: space-between;
  margin-top: 6.25rem;
}
.nr-content-wrap .nr-list .list-box:nth-child(n+2) {
  margin-top: 7.5rem;
}
.nr-content-wrap .nr-list .list-box:nth-of-type(1) .na-animate.thumb-slot {
  margin-top: 6.25rem;
}
.nr-content-wrap .nr-list .list-box:nth-of-type(1) .na-animate.thumb-slot.animated {
  margin-top: 0;
}
.nr-content-wrap .nr-list .list-box:nth-of-type(1) .na-animate.item-slot {
  margin-top: 11.25rem;
}
.nr-content-wrap .nr-list .list-box:nth-of-type(1) .na-animate.item-slot.animated {
  margin-top: 5rem;
}
.nr-content-wrap .nr-list .list-box:nth-of-type(2) .na-animate.thumb-slot {
  margin-top: 6.25rem;
}
.nr-content-wrap .nr-list .list-box:nth-of-type(2) .na-animate.thumb-slot.animated {
  margin-top: 0;
}
.nr-content-wrap .nr-list .list-box:nth-of-type(2) .na-animate.item-slot {
  margin-top: 11.25rem;
}
.nr-content-wrap .nr-list .list-box:nth-of-type(2) .na-animate.item-slot.animated {
  margin-top: 5rem;
}
.nr-content-wrap .nr-list .list-box:nth-of-type(3) .na-animate.thumb-slot {
  margin-top: 6.25rem;
}
.nr-content-wrap .nr-list .list-box:nth-of-type(3) .na-animate.thumb-slot.animated {
  margin-top: 0;
}
.nr-content-wrap .nr-list .list-box:nth-of-type(3) .na-animate.item-slot {
  margin-top: 11.25rem;
}
.nr-content-wrap .nr-list .list-box:nth-of-type(3) .na-animate.item-slot.animated {
  margin-top: 5rem;
}
.nr-content-wrap .nr-list .thumb-slot {
  width: 41.25rem;
}
.nr-content-wrap .nr-list .thumb-slot .img-box img {
  display: block;
  width: 100%;
  border-radius: 3.125rem;
}
.nr-content-wrap .nr-list .thumb-slot .text-box {
  position: relative;
  margin-top: 2.5rem;
  padding: 0 0 0 1.25rem;
}
.nr-content-wrap .nr-list .thumb-slot .text-box p {
  line-height: 2.5rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.1rem;
  color: #333333;
}
.nr-content-wrap .nr-list .thumb-slot .text-box p b {
  font-weight: 700;
}
.nr-content-wrap .nr-list .thumb-slot .text-box p .en {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
}
.nr-content-wrap .nr-list .thumb-slot .text-box .btn-link {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-left: 2.5rem;
  width: 15.75rem;
  height: 3.75rem;
  line-height: 3.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #ffffff;
  border-radius: 0.75rem;
  background: #31291c;
}
.nr-content-wrap .nr-list .thumb-slot .text-box .btn-link .icon {
  display: block;
  position: absolute;
  right: 2.5rem;
  top: 50%;
  margin-top: -0.4375rem;
}
.nr-content-wrap .nr-list .item-slot {
  position: relative;
  margin-top: 5rem;
  margin-bottom: 1.875rem;
  padding: 6.25rem 5rem 0 5rem;
  width: 41.25rem;
  border-radius: 3.125rem;
  background: #f7fafc;
}
.nr-content-wrap .nr-list .item-slot .tag-list {
  position: absolute;
  right: 3.75rem;
  top: 5rem;
}
.nr-content-wrap .nr-list .item-slot .tag-list .tag {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: -0.0375rem;
  color: #fff;
  border-radius: 50%;
  background: #89b03f;
  margin-bottom: 0.3125rem;
}
.nr-content-wrap .nr-list .item-slot .text-box .title {
  margin-bottom: 1.875rem;
  line-height: 1;
  font-size: 2.625rem;
  font-weight: 500;
  color: #333333;
  letter-spacing: -0.13125rem;
}
.nr-content-wrap .nr-list .item-slot .text-box .title .en {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
}
.nr-content-wrap .nr-list .item-slot .text-box .title b {
  display: inline-block;
  font-size: 3.125rem;
  line-height: 1;
  font-weight: 700;
}
.nr-content-wrap .nr-list .item-slot .text-box .title b.en {
  font-size: 3.5rem;
  font-weight: 700;
}
.nr-content-wrap .nr-list .item-slot .text-box .desc {
  line-height: 1;
  font-size: 1.375rem;
  color: #58595b;
  letter-spacing: -0.06875rem;
}
.nr-content-wrap .nr-list .item-slot .pd-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  font-weight: 700;
  color: #333333;
  margin-top: 7.5rem;
}
.nr-content-wrap .nr-list .item-slot .price-wrap {
  display: flex;
  align-items: center;
  margin-top: 1.5625rem;
}
.nr-content-wrap .nr-list .item-slot .price-wrap .price {
  line-height: 1;
  font-size: 2rem;
  color: #333333;
  font-weight: 700;
}
.nr-content-wrap .nr-list .item-slot .price-wrap .price b {
  display: inline-block;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 3.25rem;
  letter-spacing: -0.1625rem;
}
.nr-content-wrap .nr-list .item-slot .price-wrap .before-sale {
  position: relative;
  padding-top: 0.875rem;
  line-height: 1;
  margin-left: 1.25rem;
  font-size: 1.375rem;
  color: #bcbdc1;
}
.nr-content-wrap .nr-list .item-slot .price-wrap .before-sale b {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
  font-size: 2.25rem;
  letter-spacing: -0.1125rem;
}
.nr-content-wrap .nr-list .item-slot .price-wrap .before-sale:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -5%;
  bottom: 36%;
  width: 110%;
  border-bottom: 0.125rem solid #bcbdc1;
}
.nr-content-wrap .nr-list .item-slot .price-wrap .sale {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  padding-top: 0.4375rem;
  line-height: 1;
  margin-left: 2.5rem;
  font-size: 1.25rem;
  color: #ed1c24;
}
.nr-content-wrap .nr-list .item-slot .price-wrap .sale b {
  display: inline-block;
  font-size: 2.625rem;
  letter-spacing: -0.13125rem;
}
.nr-content-wrap .nr-list .item-slot .quick-btns {
  display: flex;
  margin-top: 2.1875rem;
}
.nr-content-wrap .nr-list .item-slot .quick-btns .btn-wish,
.nr-content-wrap .nr-list .item-slot .quick-btns .btn-cart {
  position: relative;
  margin-right: 0.625rem;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: #bbbbbb;
}
.nr-content-wrap .nr-list .na-animate {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.5s;
}
.nr-content-wrap .nr-list .na-animate.item-slot {
  transition-delay: 0.5s;
}
.nr-content-wrap .nr-list .na-animate.animated {
  opacity: 1;
}
.nr-content-wrap .nr-list.style2 {
  margin-bottom: 0;
}
.nr-content-wrap .nr-list.style2 .list-box {
  display: block;
  margin-top: 5rem;
}
.nr-content-wrap .nr-list.style2 .list-box:nth-of-type(1) {
  margin-top: 6.25rem;
}
.nr-content-wrap .nr-list.style2 .title {
  opacity: 1;
  font-size: 2.25rem;
  color: #818286;
  letter-spacing: -0.1125rem;
}
.nr-content-wrap .nr-list.style2 .title b {
  color: #333333;
}
.nr-content-wrap .nr-list.style2 .product-info-box {
  display: flex;
  justify-content: space-between;
  margin-top: 1.875rem;
  align-items: center;
  position: relative;
  top: 6.25rem;
}
.nr-content-wrap .nr-list.style2 .img-box {
  position: relative;
  width: 41.875rem;
  height: 23.125rem;
  border-radius: 1.5625rem;
  overflow: hidden;
}
.nr-content-wrap .nr-list.style2 .img-box img {
  position: absolute;
  width: 100%;
  top: 50%;
  transition: transform 0.3s ease-in-out;
  transform: translateY(-50%) scale(1);
}
.nr-content-wrap .nr-list.style2 .img-box img:hover {
  transform: translateY(-50%) scale(1.05);
}
.nr-content-wrap .nr-list.style2 .text-box {
  width: 40.625rem;
  letter-spacing: -0.003125rem;
}
.nr-content-wrap .nr-list.style2 .text-box .product-name {
  font-size: 1.75rem;
  font-weight: bold;
}
.nr-content-wrap .nr-list.style2 .text-box .product-desc {
  font-size: 1.125rem;
  margin-top: 1.25rem;
}
.nr-content-wrap .nr-list.style2 .product-price {
  margin-top: 1.25rem;
  height: 3.4375rem;
  align-items: flex-end;
}
.nr-content-wrap .nr-list.style2 .product-price .sale {
  margin: 0 1.875rem 0 0;
  font-size: 1.25rem;
}
.nr-content-wrap .nr-list.style2 .product-price .sale b {
  font-size: 2rem;
}
.nr-content-wrap .nr-list.style2 .product-price .price {
  font-size: 1.375rem;
}
.nr-content-wrap .nr-list.style2 .product-price .price b {
  font-size: 2.25rem;
}
.nr-content-wrap .nr-list.style2 .product-price .before-price {
  font-size: 1.125rem;
  margin-top: 0;
}
.nr-content-wrap .nr-list.style2 .product-price .before-price b {
  font-size: 1.625rem;
}
.nr-content-wrap .nr-list.style2 .product-btns {
  margin-top: 1.5625rem;
}
.nr-content-wrap .nr-list.style2 .product-btns a {
  position: relative;
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  border: 0.0625rem solid #e7e7e7;
  border-radius: 100%;
  margin-right: 0.375rem;
}
.nr-content-wrap .nr-list.style2 .product-btns a .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.8);
}
.nr-content-wrap .nr-list.style2 .product-btns a.checked .icon-wish {
  width: 1.875rem;
  height: 1.5625rem;
  background-image: url("/img/icons/icon_wish_gray_check.png");
}
.nr-content-wrap .nr-list.style2 .btn-link {
  position: relative;
  display: block;
  padding-left: 2.5rem;
  width: 15.75rem;
  height: 3.75rem;
  line-height: 3.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #ffffff;
  border-radius: 0.75rem;
  background: #31291c;
  margin-top: 2.8125rem;
}
.nr-content-wrap .nr-list.style2 .btn-link .icon {
  display: block;
  position: absolute;
  right: 2.5rem;
  top: 50%;
  margin-top: -0.4375rem;
}
.nr-content-wrap .nr-list.style2 .na-animate {
  opacity: 1;
}
.nr-content-wrap .nr-list.style2 .na-animate > div {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.5s;
}
.nr-content-wrap .nr-list.style2 .na-animate > div + div {
  transition-delay: 0.2s;
}
.nr-content-wrap .nr-list.style2 .na-animate.animated > div {
  opacity: 1;
  top: 0;
}
.nr-content-wrap .brand-bottom-wrap {
  margin-top: 11.25rem;
}
.nr-content-wrap .brand-bottom-wrap .title-box {
  margin-bottom: 3.125rem;
}
.nr-content-wrap .brand-bottom-wrap .brand-bnr-wrap {
  padding: 0;
}
.nr-content-wrap .brand-bottom-wrap .brand-bnr-wrap .swiper-slide .img-slot {
  border-radius: 1.875rem;
  background: #f7f8fc;
}
.nr-content-wrap .brand-bottom-wrap .brand-bnr-wrap .swiper-slide .img-slot img {
  display: block;
}
.nr-content-wrap .brand-bottom-wrap .brand-bnr-wrap .slider-arrow-box {
  top: -5rem;
}
.nr-content-wrap .nr-tv-wrap {
  margin: 6.25rem 0;
}
.nr-content-wrap .nr-tv-wrap .title {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 800;
  margin-bottom: 2.5rem;
  line-height: 1;
  text-align: center;
  font-size: 2.875rem;
  color: #333333;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap {
  position: relative;
  background: #f8f3f0;
  height: 42.75rem;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #ffffff;
  left: 0;
  right: 0;
  top: 0;
  height: 22.5rem;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap.wide-video {
  height: 33.375rem;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap.wide-video:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #ffffff;
  left: 0;
  right: 0;
  top: 0;
  height: 16.25rem;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap.wide-video .tv-box {
  width: 48rem;
  height: 27rem;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap.wide-video .info-wrap {
  padding-left: 52.8125rem;
  padding-top: 1.875rem;
  height: 27rem;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap.wide-video .info-wrap .product-line {
  bottom: 0;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap .container {
  position: relative;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap .tv-box {
  position: absolute;
  left: 0;
  height: 37.5rem;
  width: 37.5rem;
  border-radius: 3.125rem;
  overflow: hidden;
  box-shadow: 0.375rem 0.8125rem 1.5rem 0rem rgba(0, 0, 0, 0.25);
}
.nr-content-wrap .nr-tv-wrap .tv-wrap .tv-box video {
  width: 100%;
  /*background-color: #000;*/
}
.nr-content-wrap .nr-tv-wrap .tv-wrap .tv-box .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap .tv-box .play-btn.playing {
  display: none;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap .info-wrap {
  display: inline-block;
  width: 100%;
  padding-left: 43.75rem;
  padding-top: 5rem;
  height: 37.5rem;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap .info-wrap .product-info .sub-title {
  font-size: 2.625rem;
  letter-spacing: -0.13125rem;
  color: #040405;
  line-height: 1;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap .info-wrap .product-info .sub-title.gray {
  color: #818286;
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap .info-wrap .product-info .name {
  margin-top: 1.875rem;
  font-size: 3.5rem;
  font-weight: 700;
  letter-spacing: -0.175rem;
  color: #31291c;
  line-height: 1.1;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap .info-wrap .product-line {
  position: absolute;
  bottom: 3.25rem;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap .info-wrap .product-line p {
  line-height: 1;
  font-size: 1.625rem;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap .info-wrap .product-line p em {
  font-weight: 700;
  letter-spacing: -0.025em;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap .info-wrap .product-line p em + a.btn {
  margin-left: 3.75rem;
  margin-top: 1.5625rem;
}
.nr-content-wrap .nr-tv-wrap .tv-wrap .info-wrap .product-line .btn {
  margin-top: 1.875rem;
}
.nr-content-wrap .category-result-wrap {
  margin-top: 6.25rem;
}
.nr-content-wrap .category-result-wrap .list-filter-wrap {
  border-bottom: 1px solid #e7e7e7;
}
.nr-content-wrap .category-result-wrap .filter-top .list-total {
  padding-bottom: 1.875rem;
  font-size: 2.25rem;
  letter-spacing: -0.1125rem;
  color: #000000;
}
.nr-content-wrap .category-result-wrap .filter-top .list-total .total {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  color: #000000;
}

.terms-content-wrap {
  padding-top: 3.125rem;
}
.terms-content-wrap p, .terms-content-wrap li {
  line-height: 2rem;
  font-size: 1rem;
  color: #58595b;
}
.terms-content-wrap .title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 1.375rem;
  color: #333333;
}
.terms-content-wrap .sub_title {
  margin-bottom: 15px;
  font-weight: 500;
  color: #333333;
}
.terms-content-wrap ol + .sub_title {
  margin-top: 10px;
}
.terms-content-wrap ol.sub {
  margin: 3px 0 6px 0;
}
.terms-content-wrap ol.sub li {
  line-height: 2.0625rem;
  font-size: 1rem;
}

.privacy-term {
  padding-top: 3.125rem;
}
.privacy-term .title {
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: -0.06875rem;
}
.privacy-term .content {
  margin-top: 0.9375rem;
  line-height: 1.8;
  font-size: 1.125rem;
  color: #58595b;
  letter-spacing: -0.05625rem;
}
.privacy-term .table-style-normal {
  border-top: 1px solid #333333;
}
.privacy-term .table-style-normal th, .privacy-term .table-style-normal td {
  padding: 1rem 1.25rem 1rem 1.875rem;
}
.privacy-term .table-style-normal.head1th tr:nth-of-type(1) td {
  background: #f8f8f8;
  vertical-align: middle;
}
.privacy-term .privacy-term-list {
  border-top: 1px solid #333;
  border-bottom: 1px solid #e7e7e7;
  margin-top: 4.6875rem;
}
.privacy-term .privacy-term-list .accordion-title.active .btn-title .icon {
  transform: rotate(180deg);
}
.privacy-term .privacy-term-list .accordion-title .btn-title {
  display: block;
  position: relative;
  padding: 1.875rem 2.5rem;
  font-size: 1.125rem;
  font-weight: 700;
}
.privacy-term .privacy-term-list .accordion-title .btn-title .icon-arrow-up {
  display: block;
  position: absolute;
  right: 2.5rem;
  top: 50%;
  margin-top: -0.25rem;
  transform: rotate(0);
}
.privacy-term .privacy-term-list .qna-text {
  display: none;
  position: relative;
}
.privacy-term .privacy-term-list .qna-text .qna-q + div.qna-a {
  margin-top: 1.875rem;
}
.privacy-term .privacy-term-list .qna-text p {
  line-height: 1.625rem;
  font-size: 1rem;
  color: #58595b;
}
.privacy-term .privacy-term-list .qna-text table {
  width: 100%;
  border-top: 1px solid #e7e7e7;
}
.privacy-term .privacy-term-list .qna-text table tr td {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #e7e7e7;
}
.privacy-term .privacy-term-list .qna-text table tr td:nth-of-type(2) {
  text-align: center;
}
.privacy-term .privacy-term-list .qna-text table tr td:nth-of-type(3) {
  text-align: right;
}
.privacy-term .privacy-term-list .qna-text table tr td.date {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 400;
}

/* 키프레임 이름 = 애니메이션 이름 */
header.brand.active.scroll .icon-logo {
  background-image: url("https://cfimg.naturerepublic.com/img/icon/icon_logo_pc.png");
}
header.brand.active.scroll .icon-logo-dev {
  background-image: url("https://devcfimg.naturerepublic.com/img/icon/icon_logo_pc.png");
}
header.brand.active .icon-logo {
  background-image: url("https://cfimg.naturerepublic.com/img/icon/icon_logo_white.png");
}
header.brand.active .icon-logo-dev {
  background-image: url("https://devcfimg.naturerepublic.com/img/icon/icon_logo_white.png");
}
header.brand:hover .icon-logo {
  background-image: url("https://cfimg.naturerepublic.com/img/icon/icon_logo_pc.png");
}
header.brand:hover .icon-logo-dev {
  background-image: url("https://devcfimg.naturerepublic.com/img/icon/icon_logo_pc.png");
}

.brand-wrap {
  margin: 0;
  min-width: 87.5rem;
}
.brand-wrap .brand-visual {
  display: flex;
  flex-direction: column;
  /*min-height: 43.75rem;*/
  min-height: 49vw;
}
.brand-wrap .brand-visual .brand-top {
  position: relative;
  flex: 1;
  overflow: hidden;
}
.brand-wrap .brand-visual .brand-top .container {
  position: relative;
  height: 100%;
  z-index: 10;
}
.brand-wrap .brand-visual .brand-top .brand-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  white-space: nowrap;
  transition: opacity 0.3s;
}
.brand-wrap .brand-visual .brand-top .brand-text .title {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  margin-bottom: 3.125rem;
  line-height: 1;
  font-size: 6.25rem;
  color: #fff;
}
.brand-wrap .brand-visual .brand-top .brand-text .text {
  line-height: 1.875rem;
  font-size: 1.375rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.05em;
}
.brand-wrap .brand-visual .brand-top .brand-text.fade-out {
  opacity: 0;
}
.brand-wrap .brand-visual .brand-top .brand-scroll {
  position: absolute;
  right: 0;
  bottom: 6.25rem;
  width: 4.375rem;
  height: 8.75rem;
  background: url("/img/icons/icon_brand_scroll.png") no-repeat center center;
  overflow: hidden;
}
.brand-wrap .brand-visual .brand-top .brand-scroll img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: scroll-arrow 1.2s ease-in-out;
          animation: scroll-arrow 1.2s ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes scroll-arrow {
  0% {
    top: -30%;
  }
  100% {
    top: 120%;
  }
}
@keyframes scroll-arrow {
  0% {
    top: -30%;
  }
  100% {
    top: 120%;
  }
}
.brand-wrap .brand-visual .brand-top .brand-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
}
.brand-wrap .brand-visual .brand-top .brand-video.youtube {
  min-height: 0;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background: #fff;
}
.brand-wrap .brand-visual .brand-top .brand-video.youtube iframe {
  position: absolute;
  left: 0;
  top: 0;
  /*width: 110%;*/
  width: 100%;
  height: 110%;
}
.brand-wrap .brand-visual .brand-menu {
  padding-top: 2.5rem;
  height: 7.5rem;
  background: #f8f8f8;
}
.brand-wrap .brand-visual .brand-menu .tab.tab-text > ul li {
  padding: 0 3.75rem;
}
.brand-wrap .brand-visual .brand-menu .tab.tab-text > ul li a {
  font-size: 2.25rem;
}
.brand-wrap .brand-area {
  display: none;
  overflow: hidden;
}
.brand-wrap .brand-area.active {
  display: block;
}
.brand-wrap .brand-intro .intro-top, .brand-wrap .brand-intro-overseas .intro-top {
  padding: 4.375rem 0 5rem 0;
}
.brand-wrap .brand-intro .intro-top .item-box, .brand-wrap .brand-intro-overseas .intro-top .item-box {
  display: flex;
  justify-content: space-between;
}
.brand-wrap .brand-intro .intro-top .item-box .btn-item, .brand-wrap .brand-intro-overseas .intro-top .item-box .btn-item {
  display: block;
  position: relative;
}
.brand-wrap .brand-intro .intro-top .item-box .btn-item .img, .brand-wrap .brand-intro .intro-top .item-box .btn-item span, .brand-wrap .brand-intro-overseas .intro-top .item-box .btn-item .img, .brand-wrap .brand-intro-overseas .intro-top .item-box .btn-item span {
  display: block;
}
.brand-wrap .brand-intro .intro-top .item-box .btn-item .desc, .brand-wrap .brand-intro-overseas .intro-top .item-box .btn-item .desc {
  line-height: 1.875rem;
  font-size: 1.375rem;
  color: #58595b;
}
.brand-wrap .brand-intro .intro-top .item-box .btn-item .title, .brand-wrap .brand-intro-overseas .intro-top .item-box .btn-item .title {
  margin-top: 2.5rem;
  line-height: 1;
  text-indent: -0.3125rem;
  font-size: 3.125rem;
  font-weight: 500;
  color: #333333;
}
.brand-wrap .brand-intro .intro-top .item-box .btn-item .sub-title, .brand-wrap .brand-intro-overseas .intro-top .item-box .btn-item .sub-title {
  line-height: 1;
  font-size: 1.375rem;
  color: #333333;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left {
  flex: 0 0 56.25rem;
  width: 56.25rem;
  height: 53.75rem;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left.overseas, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left.overseas {
  flex: 0 0 40rem;
  width: 40rem;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left.overseas .btn-item .img-box .obj-03, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left.overseas .btn-item .img-box .obj-03 {
  left: 16rem;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item {
  position: relative;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item .img-box, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item .img-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: green;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item .img-box .obj-01, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item .img-box .obj-01 {
  position: absolute;
  top: 0;
  left: 0;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item .img-box .obj-02, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item .img-box .obj-02 {
  position: absolute;
  top: 40.625rem;
  left: 2.5rem;
  transition: all 2s ease-in-out;
  transition-delay: 1.5s;
  opacity: 0;
  transform: scale(0.8, 0.8);
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item .img-box .obj-03, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item .img-box .obj-03 {
  position: absolute;
  top: 36.5rem;
  left: 26.25rem;
  transition: all 0.7s ease-in-out;
  transition-delay: 2.5s;
  opacity: 0;
  transform: scale(0.8, 0.8);
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item.animated .img-box .obj-02, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item.animated .img-box .obj-02 {
  top: 38.75rem;
  opacity: 1;
  transform: scale(1, 1);
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item.animated .img-box .obj-03, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item.animated .img-box .obj-03 {
  top: 35.25rem;
  opacity: 1;
  transform: scale(1, 1);
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item.animated .text-box .mask .sub-title, .brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item.animated .text-box .mask .title, .brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item.animated .text-box .mask .bold-title, .brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item.animated .text-box .mask .desc, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item.animated .text-box .mask .sub-title, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item.animated .text-box .mask .title, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item.animated .text-box .mask .bold-title, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item.animated .text-box .mask .desc {
  transform: translateY(0);
  opacity: 1;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item .text-box, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item .text-box {
  position: absolute;
  top: 3.75rem;
  left: 5.625rem;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item .text-box .title, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item .text-box .title {
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.13125rem;
  font-size: 2.625rem;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item .text-box .bold-title, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item .text-box .bold-title {
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.13125rem;
  font-size: 2.625rem;
  font-weight: 700;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item .text-box .sub-title, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item .text-box .sub-title {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 900;
  margin-bottom: 1.25rem;
  font-size: 2rem;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item .text-box .desc, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item .text-box .desc {
  line-height: 1.875rem;
  font-size: 1.125rem;
  margin-top: 2.5rem;
  letter-spacing: -0.05em;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item .text-box .mask .sub-title, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item .text-box .mask .sub-title {
  transition: all 1s;
  transition-delay: 1s;
  transform: translateY(2rem);
  opacity: 0;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item .text-box .mask .title, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item .text-box .mask .title {
  transition: all 1s;
  transition-delay: 1.3s;
  transform: translateY(4.375rem);
  opacity: 0;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item .text-box .mask .bold-title, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item .text-box .mask .bold-title {
  transition: all 1s;
  transition-delay: 1.6s;
  transform: translateY(4.375rem);
  opacity: 0;
}
.brand-wrap .brand-intro .intro-top .item-box .item-left .btn-item .text-box .mask .desc, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-left .btn-item .text-box .mask .desc {
  transition: all 1s;
  transition-delay: 1.9s;
  transform: translateY(5rem);
  opacity: 0;
}
.brand-wrap .brand-intro .intro-top .item-box .item-right, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-right {
  padding-top: 11.875rem;
}
.brand-wrap .brand-intro .intro-top .item-box .item-right .btn-item, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-right .btn-item {
  position: relative;
  margin-right: 0rem;
  border-radius: 3.125rem;
  width: 31.25rem;
  height: 25rem;
  overflow: hidden;
}
.brand-wrap .brand-intro .intro-top .item-box .item-right .btn-item.overseas, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-right .btn-item.overseas {
  width: 50rem;
  height: 28.125rem;
}
.brand-wrap .brand-intro .intro-top .item-box .item-right .btn-item video.brand-video, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-right .btn-item video.brand-video {
  position: absolute;
  left: 50%;
  min-width: 100%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.5, 0.5);
  background-color: #e7e7e7;
  transition: all 1s;
  z-index: 1;
}
.brand-wrap .brand-intro .intro-top .item-box .item-right .btn-item video.brand-video.hide, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-right .btn-item video.brand-video.hide {
  display: none;
  z-index: -1;
}
.brand-wrap .brand-intro .intro-top .item-box .item-right .btn-item.animated .mask, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-right .btn-item.animated .mask {
  width: 0;
}
.brand-wrap .brand-intro .intro-top .item-box .item-right .btn-item.animated video.brand-video, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-right .btn-item.animated video.brand-video {
  transform: translate(-50%, -50%) scale(1, 1);
}
.brand-wrap .brand-intro .intro-top .item-box .item-right .mask, .brand-wrap .brand-intro-overseas .intro-top .item-box .item-right .mask {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: white;
  width: 100%;
  transition: all 1s;
}
.brand-wrap .brand-intro .intro-top .item-box .mask, .brand-wrap .brand-intro-overseas .intro-top .item-box .mask {
  overflow-y: hidden;
}
.brand-wrap .brand-intro .intro-history, .brand-wrap .brand-intro-overseas .intro-history {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  /*background: url("/img/ui/brand_history.jpg") no-repeat center center;*/
  background: url("/img/brand/story/history_bg.jpg") no-repeat center center;
}
.brand-wrap .brand-intro .intro-history .container, .brand-wrap .brand-intro-overseas .intro-history .container {
  height: 100%;
}
.brand-wrap .brand-intro .intro-history .history-content, .brand-wrap .brand-intro-overseas .intro-history .history-content {
  height: 80vh;
}
.brand-wrap .brand-intro .intro-history .history-content .history-scroll, .brand-wrap .brand-intro .intro-history .history-content .history-overseas-scroll, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-scroll, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-overseas-scroll {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.brand-wrap .brand-intro .intro-history .history-content .year-box, .brand-wrap .brand-intro-overseas .intro-history .history-content .year-box {
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
  position: absolute;
  left: 0;
  top: 9.375rem;
  opacity: 0;
}
.brand-wrap .brand-intro .intro-history .history-content .year-box.active, .brand-wrap .brand-intro-overseas .intro-history .history-content .year-box.active {
  opacity: 1;
}
.brand-wrap .brand-intro .intro-history .history-content .year-box p, .brand-wrap .brand-intro-overseas .intro-history .history-content .year-box p {
  line-height: 1.875rem;
  font-size: 1.375rem;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: -0.05em;
}
.brand-wrap .brand-intro .intro-history .history-content .year-box .year, .brand-wrap .brand-intro-overseas .intro-history .history-content .year-box .year {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  margin: 3.125rem 0 1.875rem 0;
  font-size: 6.25rem;
  line-height: 1;
}
.brand-wrap .brand-intro .intro-history .history-content .year-box .title, .brand-wrap .brand-intro-overseas .intro-history .history-content .year-box .title {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 800;
  font-size: 2rem;
  line-height: 1;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list {
  position: relative;
  margin-left: 50%;
  height: 100%;
  overflow: hidden;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-list, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-list {
  margin-left: 0;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .scroll-y, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .scroll-y {
  right: auto;
  left: 0;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .scroll-y .scroll-element_outer, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .scroll-y .scroll-element_outer {
  border-radius: 0;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .scroll-y .scroll-element_track, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .scroll-y .scroll-element_track {
  left: 1px;
  width: 1px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .scroll-y .scroll-bar, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .scroll-y .scroll-bar {
  cursor: pointer;
  width: 3px;
  border-radius: 0;
  background: #9ed437;
  opacity: 1;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .scroll-wrap, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .scroll-wrap {
  position: relative;
  padding: 5rem 0;
  z-index: 10;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-box, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-box {
  margin-top: 3.125rem;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-box:first-child, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-box:first-child {
  margin-top: 0;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-box:last-child, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-box:last-child {
  min-height: 38.75rem;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-info, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-info {
  padding: 0 2.5rem 0 5.625rem;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-info .info-box, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-info .info-box {
  margin-top: 3.125rem;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-info .info-box:first-child, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-info .info-box:first-child {
  margin-top: 0;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-info .info-box p, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-info .info-box p {
  line-height: 1.5rem;
  font-size: 1.125rem;
  color: #ffffff;
  word-break: keep-all;
  letter-spacing: -0.05em;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-info .info-box p:not(.date) + p, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-info .info-box p:not(.date) + p {
  margin-top: 0.625rem;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-info .info-box p small, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-info .info-box p small {
  display: block;
  font-size: 0.875rem;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-info .info-box .date, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-info .info-box .date {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
  margin-bottom: 0.625rem;
  font-size: 1.375rem;
  line-height: 1;
  letter-spacing: 0;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-info .info-box .img, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-info .info-box .img {
  display: block;
  margin-top: 1.25rem;
  border-radius: 0.625rem;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.1);
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-info .info-box .info-detail, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-info .info-box .info-detail {
  padding-left: 2.125rem;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-info .info-box .info-detail p, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-info .info-box .info-detail p {
  text-indent: -2rem;
  padding-bottom: 2.5rem;
}
.brand-wrap .brand-intro .intro-history .history-content .history-list .history-info .info-box .info-detail p span, .brand-wrap .brand-intro-overseas .intro-history .history-content .history-list .history-info .info-box .info-detail p span {
  padding-right: 1.125rem;
}
.brand-wrap .brand-intro .intro-history .history-page, .brand-wrap .brand-intro-overseas .intro-history .history-page {
  height: 6.25rem;
  background: rgba(49, 41, 28, 0.9);
}
.brand-wrap .brand-intro .intro-history .history-page .contains, .brand-wrap .brand-intro-overseas .intro-history .history-page .contains {
  width: 87.5rem;
  margin: auto;
}
.brand-wrap .brand-intro .intro-history .history-page .page-list, .brand-wrap .brand-intro-overseas .intro-history .history-page .page-list {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.brand-wrap .brand-intro .intro-history .history-page .page-list li, .brand-wrap .brand-intro-overseas .intro-history .history-page .page-list li {
  display: table-cell;
  position: relative;
  padding-top: 1.5625rem;
}
.brand-wrap .brand-intro .intro-history .history-page .page-list li:first-child:before, .brand-wrap .brand-intro-overseas .intro-history .history-page .page-list li:first-child:before {
  display: none;
}
.brand-wrap .brand-intro .intro-history .history-page .page-list li:before, .brand-wrap .brand-intro-overseas .intro-history .history-page .page-list li:before {
  display: block;
  content: "";
  position: absolute;
  left: -20%;
  top: 3.125rem;
  width: 40%;
  height: 1px;
  background: #fff;
  opacity: 0.3;
}
.brand-wrap .brand-intro .intro-history .history-page .page-list .btn-year, .brand-wrap .brand-intro-overseas .intro-history .history-page .page-list .btn-year {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
  display: block;
  position: relative;
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  font-size: 1.375rem;
  color: #fff;
  opacity: 0.3;
}
.brand-wrap .brand-intro .intro-history .history-page .page-list .btn-year.active, .brand-wrap .brand-intro-overseas .intro-history .history-page .page-list .btn-year.active {
  opacity: 1;
}
.brand-wrap .brand-intro .intro-brand, .brand-wrap .brand-intro-overseas .intro-brand {
  position: relative;
  padding: 14.375rem 0 9.375rem 0;
}
.brand-wrap .brand-intro .intro-brand .brand-title, .brand-wrap .brand-intro-overseas .intro-brand .brand-title {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 800;
  position: absolute;
  left: calc(50% - 0.5rem);
  top: 3.75rem;
  margin-left: calc(-87.5rem / 2);
  line-height: 1;
  font-size: 12.5rem;
  color: #f7f7f7;
  white-space: nowrap;
  z-index: 1;
}
.brand-wrap .brand-intro .intro-brand .container, .brand-wrap .brand-intro-overseas .intro-brand .container {
  position: relative;
  z-index: 2;
}
.brand-wrap .brand-intro .intro-brand .brand-list .list-box, .brand-wrap .brand-intro-overseas .intro-brand .brand-list .list-box {
  display: flex;
  flex-grow: 1;
  margin-top: 6.25rem;
}
.brand-wrap .brand-intro .intro-brand .brand-list .list-box:first-child, .brand-wrap .brand-intro-overseas .intro-brand .brand-list .list-box:first-child {
  margin-top: 0;
}
.brand-wrap .brand-intro .intro-brand .brand-list .list-box:first-child .text-box, .brand-wrap .brand-intro-overseas .intro-brand .brand-list .list-box:first-child .text-box {
  padding-top: 0;
}
.brand-wrap .brand-intro .intro-brand .brand-list .list-box:nth-child(2) .text-box, .brand-wrap .brand-intro .intro-brand .brand-list .list-box:nth-child(4) .text-box, .brand-wrap .brand-intro-overseas .intro-brand .brand-list .list-box:nth-child(2) .text-box, .brand-wrap .brand-intro-overseas .intro-brand .brand-list .list-box:nth-child(4) .text-box {
  padding-right: 0;
  padding-left: 5rem;
}
.brand-wrap .brand-intro .intro-brand .brand-list .list-box .img-box, .brand-wrap .brand-intro-overseas .intro-brand .brand-list .list-box .img-box {
  width: 50%;
}
.brand-wrap .brand-intro .intro-brand .brand-list .list-box .img-box img, .brand-wrap .brand-intro-overseas .intro-brand .brand-list .list-box .img-box img {
  display: block;
}
.brand-wrap .brand-intro .intro-brand .brand-list .list-box .text-box, .brand-wrap .brand-intro-overseas .intro-brand .brand-list .list-box .text-box {
  padding-top: 6.25rem;
  padding-right: 5rem;
  width: 50%;
}
.brand-wrap .brand-intro .intro-brand .brand-list .list-box .text-box .title, .brand-wrap .brand-intro-overseas .intro-brand .brand-list .list-box .text-box .title {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 3.75rem;
  color: #333333;
}
.brand-wrap .brand-intro .intro-brand .brand-list .list-box .text-box .title span, .brand-wrap .brand-intro-overseas .intro-brand .brand-list .list-box .text-box .title span {
  color: #89b03f;
}
.brand-wrap .brand-intro .intro-brand .brand-list .list-box .text-box .sub-title, .brand-wrap .brand-intro-overseas .intro-brand .brand-list .list-box .text-box .sub-title {
  margin: 1.25rem 0 1.875rem 0;
  line-height: 1;
  font-size: 2.625rem;
  font-weight: 700;
  color: #333333;
  letter-spacing: -0.13125rem;
}
.brand-wrap .brand-intro .intro-brand .brand-list .list-box .text-box .text p, .brand-wrap .brand-intro-overseas .intro-brand .brand-list .list-box .text-box .text p {
  line-height: 2.125rem;
  font-size: 1.125rem;
  color: #58595b;
  word-break: keep-all;
  letter-spacing: -0.05em;
}
.brand-wrap .brand-intro .intro-brand .brand-list .list-box .text-box .eng, .brand-wrap .brand-intro-overseas .intro-brand .brand-list .list-box .text-box .eng {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  margin-bottom: 3.125rem;
  line-height: 1;
  font-size: 2rem;
  color: #333333;
}
.brand-wrap .brand-intro .intro-bottom, .brand-wrap .brand-intro-overseas .intro-bottom {
  display: flex;
  flex-grow: 1;
}
.brand-wrap .brand-intro .intro-bottom .item-box, .brand-wrap .brand-intro-overseas .intro-bottom .item-box {
  position: relative;
  width: 50%;
  height: 95vh;
  background: #ede8e2;
  overflow: hidden;
}
.brand-wrap .brand-intro .intro-bottom .item-box.overseas, .brand-wrap .brand-intro-overseas .intro-bottom .item-box.overseas {
  width: 100%;
}
.brand-wrap .brand-intro .intro-bottom .item-box .leaf, .brand-wrap .brand-intro-overseas .intro-bottom .item-box .leaf {
  position: absolute;
  left: 0;
  top: -3.125rem;
  width: 18.4375rem;
  height: 18.5rem;
  background: url("/img/ui/brand_leaf.png") no-repeat;
}
.brand-wrap .brand-intro .intro-bottom .item-box .text-box, .brand-wrap .brand-intro-overseas .intro-bottom .item-box .text-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 2.5rem;
  text-align: center;
}
.brand-wrap .brand-intro .intro-bottom .item-box .text-box .card-img, .brand-wrap .brand-intro-overseas .intro-bottom .item-box .text-box .card-img {
  margin-bottom: 3.75rem;
  text-align: center;
}
.brand-wrap .brand-intro .intro-bottom .item-box .text-box .card-img img, .brand-wrap .brand-intro-overseas .intro-bottom .item-box .text-box .card-img img {
  border-radius: 1.875rem;
  box-shadow: 0.9375rem 0.9375rem 1.25rem rgba(0, 0, 0, 0.2);
}
.brand-wrap .brand-intro .intro-bottom .item-box .text-box p, .brand-wrap .brand-intro-overseas .intro-bottom .item-box .text-box p {
  line-height: 2rem;
  font-size: 1.125rem;
  letter-spacing: -0.05625rem;
  color: #000000;
  word-break: keep-all;
}
.brand-wrap .brand-intro .intro-bottom .item-box .text-box .title, .brand-wrap .brand-intro-overseas .intro-bottom .item-box .text-box .title {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 700;
  margin-bottom: 1.25rem;
  line-height: 1;
  font-size: 2rem;
  color: #333333;
}
.brand-wrap .brand-intro .intro-bottom .item-box .text-box .btn-detail, .brand-wrap .brand-intro-overseas .intro-bottom .item-box .text-box .btn-detail {
  display: block;
  position: relative;
  margin: 0 auto;
  margin-top: 3.4375rem;
  padding-left: 2.5rem;
  width: 15.625rem;
  height: 3.75rem;
  line-height: 3.625rem;
  text-align: left;
  font-size: 1.125rem;
  font-weight: 700;
  color: #ffffff;
  border-radius: 0.625rem;
  background: #31291c;
}
.brand-wrap .brand-intro .intro-bottom .item-box .text-box .btn-detail .icon, .brand-wrap .brand-intro-overseas .intro-bottom .item-box .text-box .btn-detail .icon {
  position: absolute;
  right: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.brand-wrap .brand-intro .intro-bottom .slide-box, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box {
  width: 50%;
  height: 95vh;
}
.brand-wrap .brand-intro .intro-bottom .slide-box .brand-slide-area, .brand-wrap .brand-intro .intro-bottom .slide-box .our-heritage-slide-area, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .brand-slide-area, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .our-heritage-slide-area {
  width: 100%;
  height: 100%;
}
.brand-wrap .brand-intro .intro-bottom .slide-box .brand-slide-area .btn-detail, .brand-wrap .brand-intro .intro-bottom .slide-box .our-heritage-slide-area .btn-detail, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .brand-slide-area .btn-detail, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .our-heritage-slide-area .btn-detail {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 3.125rem;
  padding-left: 2.5rem;
  width: 15.625rem;
  height: 3.75rem;
  margin: 0rem 0 0 -7.8125rem;
  line-height: 3.625rem;
  text-align: left;
  font-size: 1.125rem;
  font-weight: 700;
  color: #ffffff;
  border-radius: 2rem;
  background: #31291c;
  z-index: 2;
}
.brand-wrap .brand-intro .intro-bottom .slide-box .brand-slide-area .btn-detail .icon, .brand-wrap .brand-intro .intro-bottom .slide-box .our-heritage-slide-area .btn-detail .icon, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .brand-slide-area .btn-detail .icon, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .our-heritage-slide-area .btn-detail .icon {
  position: absolute;
  right: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.brand-wrap .brand-intro .intro-bottom .slide-box .brand-slide-area .swiper-container, .brand-wrap .brand-intro .intro-bottom .slide-box .our-heritage-slide-area .swiper-container, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .brand-slide-area .swiper-container, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .our-heritage-slide-area .swiper-container {
  height: 100%;
}
.brand-wrap .brand-intro .intro-bottom .slide-box .brand-slide-area .swiper-container .swiper-slide, .brand-wrap .brand-intro .intro-bottom .slide-box .our-heritage-slide-area .swiper-container .swiper-slide, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .brand-slide-area .swiper-container .swiper-slide, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .our-heritage-slide-area .swiper-container .swiper-slide {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.brand-wrap .brand-intro .intro-bottom .slide-box .brand-slide-area .swiper-container .swiper-slide .btn-detail, .brand-wrap .brand-intro .intro-bottom .slide-box .our-heritage-slide-area .swiper-container .swiper-slide .btn-detail, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .brand-slide-area .swiper-container .swiper-slide .btn-detail, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .our-heritage-slide-area .swiper-container .swiper-slide .btn-detail {
  display: none;
}
.brand-wrap .brand-intro .intro-bottom .slide-box .brand-slide-area .btn-slide, .brand-wrap .brand-intro .intro-bottom .slide-box .our-heritage-slide-area .btn-slide, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .brand-slide-area .btn-slide, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .our-heritage-slide-area .btn-slide {
  display: block;
  position: absolute;
  left: 5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.brand-wrap .brand-intro .intro-bottom .slide-box .brand-slide-area .btn-slide.next, .brand-wrap .brand-intro .intro-bottom .slide-box .our-heritage-slide-area .btn-slide.next, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .brand-slide-area .btn-slide.next, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .our-heritage-slide-area .btn-slide.next {
  left: auto;
  right: 5rem;
}
.brand-wrap .brand-intro .intro-bottom .slide-box .icon-arrow-slider-black, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .icon-arrow-slider-black {
  background-image: url("/img/icons/icon_arrow_main_slide.png");
}
.brand-wrap .brand-intro .intro-bottom .slide-box .btn-slide, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .btn-slide {
  opacity: 0.5;
}
.brand-wrap .brand-intro .intro-bottom .slide-box .btn-slide:hover, .brand-wrap .brand-intro-overseas .intro-bottom .slide-box .btn-slide:hover {
  opacity: 1;
}
.brand-wrap .brand-intro .intro-our, .brand-wrap .brand-intro-overseas .intro-our {
  padding: 6.875rem 0 0 0;
}
.brand-wrap .brand-intro .intro-our .title-box, .brand-wrap .brand-intro-overseas .intro-our .title-box {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 800;
  position: relative;
  margin-bottom: 5rem;
  line-height: 1;
  text-align: center;
  font-size: 3.75rem;
  color: #333333;
}
.brand-wrap .brand-intro .intro-our .title-box span, .brand-wrap .brand-intro-overseas .intro-our .title-box span {
  color: #89b03f;
}
.brand-wrap .brand-intro .intro-our .title-box .btn-detail, .brand-wrap .brand-intro-overseas .intro-our .title-box .btn-detail {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.375rem;
  height: 4.375rem;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.brand-wrap .brand-intro .intro-our .our-slide-area, .brand-wrap .brand-intro .intro-our .our-overseas-slide-area, .brand-wrap .brand-intro-overseas .intro-our .our-slide-area, .brand-wrap .brand-intro-overseas .intro-our .our-overseas-slide-area {
  position: relative;
  padding: 0 2.5rem;
}
.brand-wrap .brand-intro .intro-our .our-slide-area .slide-area, .brand-wrap .brand-intro .intro-our .our-overseas-slide-area .slide-area, .brand-wrap .brand-intro-overseas .intro-our .our-slide-area .slide-area, .brand-wrap .brand-intro-overseas .intro-our .our-overseas-slide-area .slide-area {
  overflow: hidden;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(0.3, black), color-stop(0.7, black), to(rgba(0, 0, 0, 0)));
}
.brand-wrap .brand-intro .intro-our .our-slide-area .btn-link, .brand-wrap .brand-intro .intro-our .our-overseas-slide-area .btn-link, .brand-wrap .brand-intro-overseas .intro-our .our-slide-area .btn-link, .brand-wrap .brand-intro-overseas .intro-our .our-overseas-slide-area .btn-link {
  display: block;
  margin: 0 auto;
  width: 22.5rem;
  text-align: center;
}
.brand-wrap .brand-intro .intro-our .our-slide-area .btn-link span, .brand-wrap .brand-intro .intro-our .our-overseas-slide-area .btn-link span, .brand-wrap .brand-intro-overseas .intro-our .our-slide-area .btn-link span, .brand-wrap .brand-intro-overseas .intro-our .our-overseas-slide-area .btn-link span {
  display: block;
}
.brand-wrap .brand-intro .intro-our .our-slide-area .btn-link .img, .brand-wrap .brand-intro .intro-our .our-overseas-slide-area .btn-link .img, .brand-wrap .brand-intro-overseas .intro-our .our-slide-area .btn-link .img, .brand-wrap .brand-intro-overseas .intro-our .our-overseas-slide-area .btn-link .img {
  display: block;
}
.brand-wrap .brand-intro .intro-our .our-slide-area .btn-link .title, .brand-wrap .brand-intro .intro-our .our-overseas-slide-area .btn-link .title, .brand-wrap .brand-intro-overseas .intro-our .our-slide-area .btn-link .title, .brand-wrap .brand-intro-overseas .intro-our .our-overseas-slide-area .btn-link .title {
  margin: 2.5rem 0 0.9375rem 0;
  line-height: 1.625rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #333333;
  letter-spacing: -0.05em;
}
.brand-wrap .brand-intro .intro-our .our-slide-area .btn-link .title .emphas, .brand-wrap .brand-intro .intro-our .our-overseas-slide-area .btn-link .title .emphas, .brand-wrap .brand-intro-overseas .intro-our .our-slide-area .btn-link .title .emphas, .brand-wrap .brand-intro-overseas .intro-our .our-overseas-slide-area .btn-link .title .emphas {
  color: #89b03f;
}
.brand-wrap .brand-intro .intro-our .our-slide-area .btn-link .text, .brand-wrap .brand-intro .intro-our .our-overseas-slide-area .btn-link .text, .brand-wrap .brand-intro-overseas .intro-our .our-slide-area .btn-link .text, .brand-wrap .brand-intro-overseas .intro-our .our-overseas-slide-area .btn-link .text {
  line-height: 1.375rem;
  font-size: 0.875rem;
  color: #333333;
  letter-spacing: -0.05em;
}
.brand-wrap .brand-intro .intro-our .our-slide-area .btn-slide, .brand-wrap .brand-intro .intro-our .our-overseas-slide-area .btn-slide, .brand-wrap .brand-intro-overseas .intro-our .our-slide-area .btn-slide, .brand-wrap .brand-intro-overseas .intro-our .our-overseas-slide-area .btn-slide {
  display: block;
  position: absolute;
  left: 0;
  top: 10rem;
  /*opacity: 0.3;*/
  z-index: 10;
}
.brand-wrap .brand-intro .intro-our .our-slide-area .btn-slide.next, .brand-wrap .brand-intro .intro-our .our-overseas-slide-area .btn-slide.next, .brand-wrap .brand-intro-overseas .intro-our .our-slide-area .btn-slide.next, .brand-wrap .brand-intro-overseas .intro-our .our-overseas-slide-area .btn-slide.next {
  left: auto;
  right: 0;
}
.brand-wrap .brand-intro .intro-our-offline, .brand-wrap .brand-intro-overseas .intro-our-offline {
  padding: 6.875rem 0 0 0;
}
.brand-wrap .brand-intro .intro-our-offline .title-box, .brand-wrap .brand-intro-overseas .intro-our-offline .title-box {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 800;
  position: relative;
  margin-bottom: 2.5rem;
  line-height: 1;
  text-align: center;
  font-size: 3.75rem;
  color: #333333;
}
.brand-wrap .brand-intro .intro-our-offline .title-box span, .brand-wrap .brand-intro-overseas .intro-our-offline .title-box span {
  color: #89b03f;
}
.brand-wrap .brand-intro .intro-our-offline .title-box .btn-detail, .brand-wrap .brand-intro-overseas .intro-our-offline .title-box .btn-detail {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.375rem;
  height: 4.375rem;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area {
  position: relative;
  padding: 0 2.5rem;
  margin-bottom: 6.875rem;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .btn-link, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .btn-link {
  display: block;
  margin: 0 auto;
  width: 68.75rem;
  text-align: center;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .btn-link span, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .btn-link span {
  display: block;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .btn-link .img, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .btn-link .img {
  display: block;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .btn-link .title, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .btn-link .title {
  margin: 2.5rem 0 1.25rem 0;
  line-height: 1.625rem;
  font-size: 2.625rem;
  font-weight: 700;
  color: #333333;
  letter-spacing: -0.05em;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .btn-link .title .emphas, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .btn-link .title .emphas {
  color: #89b03f;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .btn-link .sub-title, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .btn-link .sub-title {
  font-size: 1.625rem;
  color: #a6a6a8;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .btn-link .text, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .btn-link .text {
  line-height: 1.375rem;
  font-size: 0.875rem;
  color: #333333;
  letter-spacing: -0.05em;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .btn-slide, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .btn-slide {
  display: block;
  position: absolute;
  left: 1.25rem;
  top: 17.1875rem;
  /*opacity: 0.3;*/
  z-index: 10;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .btn-slide.next, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .btn-slide.next {
  left: auto;
  right: 1.25rem;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .offline-page, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .offline-page {
  height: 6.25rem;
  background: rgba(49, 41, 28, 0.9);
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .offline-page .contains, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .offline-page .contains {
  width: 87.5rem;
  margin: auto;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .offline-page .page-list, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .offline-page .page-list {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .offline-page .page-list li, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .offline-page .page-list li {
  display: table-cell;
  position: relative;
  padding-top: 1.5625rem;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .offline-page .page-list li:first-child:before, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .offline-page .page-list li:first-child:before {
  display: none;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .offline-page .page-list li:before, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .offline-page .page-list li:before {
  display: block;
  content: "";
  position: absolute;
  left: -20%;
  top: 3.125rem;
  width: 40%;
  height: 1px;
  background: #fff;
  opacity: 0.3;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .offline-page .page-list .btn-nation, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .offline-page .page-list .btn-nation {
  font-family: "Manrope", "Noto Sans KR", "맑은고딕", "Malgun Gothic", dotum, gulim, sans-serif;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.2s;
  display: block;
  position: relative;
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  font-size: 1.375rem;
  color: #fff;
  opacity: 0.3;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .offline-page .page-list .btn-nation.active, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .offline-page .page-list .btn-nation.active {
  opacity: 1;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .offline-page-number, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .offline-page-number {
  background-color: #00000075;
  width: 4.375rem;
  height: 2.375rem;
  border-radius: 1.125rem;
  text-align: center;
  position: absolute;
  top: 73.3%;
  right: 11.5%;
  z-index: 2;
}
.brand-wrap .brand-intro .intro-our-offline .our-offline-slide-area .offline-page-number span, .brand-wrap .brand-intro-overseas .intro-our-offline .our-offline-slide-area .offline-page-number span {
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.brand-wrap .brand-intro .offline-page, .brand-wrap .brand-intro-overseas .offline-page {
  margin-bottom: 4.375rem;
}
.brand-wrap .brand-intro .offline-page .contains, .brand-wrap .brand-intro-overseas .offline-page .contains {
  width: 87.5rem;
  margin: auto;
}
.brand-wrap .brand-intro .offline-page .page-list, .brand-wrap .brand-intro-overseas .offline-page .page-list {
  display: flex;
  width: 68.75rem;
  margin: 0 auto;
  justify-content: space-between;
}
.brand-wrap .brand-intro .offline-page .page-list li, .brand-wrap .brand-intro-overseas .offline-page .page-list li {
  display: block;
  position: relative;
  padding-top: 1.5625rem;
}
.brand-wrap .brand-intro .offline-page .page-list li.active .active-rnd, .brand-wrap .brand-intro-overseas .offline-page .page-list li.active .active-rnd {
  padding: 4px;
  background-color: #8ab03f;
  border-radius: 50%;
  width: 6.25rem;
  height: 6.25rem;
  position: absolute;
  top: 1.25rem;
  left: -0.3125rem;
}
.brand-wrap .brand-intro .offline-page .page-list li.active .active-rnd.r90, .brand-wrap .brand-intro-overseas .offline-page .page-list li.active .active-rnd.r90 {
  clip: rect(0, 100px, 50px, 50px);
}
.brand-wrap .brand-intro .offline-page .page-list li.active .active-rnd.r180, .brand-wrap .brand-intro-overseas .offline-page .page-list li.active .active-rnd.r180 {
  clip: rect(0, 100px, 100px, 50px);
}
.brand-wrap .brand-intro .offline-page .page-list li.active .active-rnd.r270, .brand-wrap .brand-intro-overseas .offline-page .page-list li.active .active-rnd.r270 {
  -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 75% 100%, 0 100%, 0% 50%, 50% 50%);
          clip-path: polygon(50% 0%, 100% 0, 100% 100%, 75% 100%, 0 100%, 0% 50%, 50% 50%);
}
.brand-wrap .brand-intro .offline-page .page-list li.active .active-rnd .active-rnd2, .brand-wrap .brand-intro-overseas .offline-page .page-list li.active .active-rnd .active-rnd2 {
  padding: 3px;
  background-color: #fff;
  border-radius: 50%;
  height: 100%;
}
.brand-wrap .brand-intro .offline-page .page-list li.active .btn-nation, .brand-wrap .brand-intro-overseas .offline-page .page-list li.active .btn-nation {
  background-color: #f3f4e6;
}
.brand-wrap .brand-intro .offline-page .page-list li.active .text, .brand-wrap .brand-intro-overseas .offline-page .page-list li.active .text {
  font-size: 0.9375rem;
  color: #000;
}
.brand-wrap .brand-intro .offline-page .page-list .btn-nation, .brand-wrap .brand-intro-overseas .offline-page .page-list .btn-nation {
  display: block;
  position: relative;
  text-align: center;
  background-color: #f7f7f7;
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 3.125rem;
  overflow: hidden;
  z-index: 2;
}
.brand-wrap .brand-intro .offline-page .page-list .btn-nation img, .brand-wrap .brand-intro-overseas .offline-page .page-list .btn-nation img {
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.brand-wrap .brand-intro .offline-page .page-list .text, .brand-wrap .brand-intro-overseas .offline-page .page-list .text {
  text-align: center;
  margin-top: 0.375rem;
  font-size: 0.875rem;
  font-weight: bold;
  color: #bcbdc1;
}
.brand-wrap .brand-media {
  padding-top: 5rem;
}
.brand-wrap .brand-media .map-wrap {
  margin-top: 7.5rem;
}
.brand-wrap .brand-media .map-wrap .brand-map-area {
  height: 43.75rem;
  border-radius: 4.0625rem;
  overflow: hidden;
}
.brand-wrap .brand-media .map-wrap .brand-map-area .map {
  height: 50rem;
}
.brand-wrap .brand-media .map-wrap .brand-map-area .map-info-wrap {
  margin-left: -300px;
}
.brand-wrap .brand-animate {
  transition: all 0.2s ease-in-out;
  transition-duration: 1s;
  transition-delay: 0.3s;
  opacity: 0;
}
.brand-wrap .brand-animate.left {
  transform: translateX(-300px);
}
.brand-wrap .brand-animate.right {
  transform: translateX(300px);
}
.brand-wrap .brand-animate.bottom {
  transform: translateY(300px);
}
.brand-wrap .brand-animate.bottom100 {
  transform: translateY(100px);
}
.brand-wrap .brand-animate.animated {
  transform: translate(0, 0);
  opacity: 1;
}
.brand-wrap .brand-intro-overseas .intro-brand .brand-list .list-box .text-box .text p {
  line-height: 1.75rem;
}

.error {
  position: relative;
  min-height: 37.5rem;
  height: calc(100vh - 8.1875rem);
}
.error .text-box {
  position: absolute;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.error h1 {
  margin-top: 3.4375rem;
  font-size: 2.25rem;
  font-weight: 700;
  color: #333333;
  letter-spacing: -0.1125rem;
}
.error .description {
  margin-top: 1.5625rem;
  font-size: 1rem;
  color: #58595b;
}
.error .btn-wrap {
  margin-top: 2.5rem;
}

body.notibar {
  /*padding-top: 3.75rem;*/
  padding-top: 2.3rem;
}
body.notibar .header-notibar {
  top: 0;
}
body.notibar header.active {
  /*top: 3.75rem;*/
  top: 2.3rem;
}
body.notibar .tab-scroll.active.sticky .tab {
  top: 3.75rem;
}
body.notibar .tab-scroll.active .tab {
  top: 11.9375rem;
}

.header-notibar {
  position: fixed;
  top: -3.75rem;
  left: 0;
  right: 0;
  height: 3.75rem;
  z-index: 99;
  transition: 0.3s;
}
.header-notibar .container {
  position: relative;
  height: 100%;
  text-align: center;
}
.header-notibar .container .btn-link {
  display: block;
  /*height: 3.75rem;*/
  height: 3.125rem;
}
.header-notibar .container .btn-link>span {
  position: relative;
  top: 0.4rem;
  font-size: 14px;
  display: block;
  height: 20px;
  font-weight: 400;
  font-family: Noto Sans KR;
  object-fit: contain;
  text-align: center;
}
.header-notibar .container .btn-close {
  position: absolute;
  right: 0;
  /*top: 1.25rem;*/
  top: 0.4rem;
  font-size: 1rem;
  letter-spacing: -0.05rem;
}
.header-notibar .container .btn-close .icon {
  margin-left: 0.3125rem;
}

/* 에디터 테이블 속성 */
.fgtable table {
  border-collapse: collapse;
}
.fgtable table td {
  padding: 15px;
}
.fgtable table thead th {
  background-color: #54585d;
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #54585d;
}
.fgtable table tbody td {
  color: #636363;
  border: 1px solid #dddfe1;
}
.fgtable table tbody tr {
  background-color: #ffffff;
}
.fgtable table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

/*# sourceMappingURL=./style.css.map */

/* add css */
.icon-list-more-pc {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 0.7rem;
  height: 0.5rem;
  margin-top: 5px;
  background-image: url("/imgm/icons/icon_list_more.png");
}

.btn-close {
  /*position:relative;*/
  /*float:left;*/
  /*display:inline-block;*/
  /**display:inline;*/
  width:50px;
  height:50px;
  text-align:center;
  margin-right:20px;
}
.top-bnr-close:after {
  content: "\00d7";
  /*font-size:9.75pt;*/
  width: 13px;
  height: 13px;
  display: block;
  padding-left: 49px;
  }

.float-pop-close:after {
  content: "\00d7";
  font-size:13.75pt;
  width: 13px;
  height: 13px;
  display: block;
  padding-left: 49px;
}

#swiper-transe-with{
  width: 87.5rem;
  margin: auto;
  position: relative;
}

#main_banner_basic {
  color:#333333;
}

#main_banner_bold {
  color:#333333;
}

#main_banner_sub {
  font-size: 1.3rem;
  color:#333333;
}

#store_name{
  height: 35px;
}