@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  touch-action: pan-x;
}

/*
display
clear
float
overflow
position
top
right
botton
left
z-index
width
height
margin
padding
background:#color (url) no-repeat x y;
background-size:;
border
color
font-size
font-weight
text-overflow
text-align
line-height
text-indent
transform
transition
box-sizing
white-space

::after {
  display: block;
  clear: both;
  content: "";
};

 */
@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans Regular"), local("NotoSans-Regular"), url(/front_pc/font/NotoSansKR-Regular-Hestia-227c062c2c21568e8d802670f924e908.eot), url(/front_pc/font/NotoSansKR-Regular-Hestia-227c062c2c21568e8d802670f924e908.eot?#iefix) format("embedded-opentype"), url(/front_pc/font/NotoSansKR-Regular-Hestia-476563b34cbe5da62bdd82a1e21c64fc.woff) format("woff"), url(/front_pc/font/NotoSansKR-Regular-Hestia-a9bdbc9b5be26b2fdd21ad9b06512338.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(/front_pc/font/NotoSansKR-Bold-Hestia-7c7e657adfa8d39218727a6879abb465.eot), url(/front_pc/font/NotoSansKR-Bold-Hestia-7c7e657adfa8d39218727a6879abb465.eot?#iefix) format("embedded-opentype"), url(/front_pc/font/NotoSansKR-Bold-Hestia-bcacd0068ce611f413c4788810c65e59.woff) format("woff"), url(/front_pc/font/NotoSansKR-Bold-Hestia-72dd74dc69f94d9352de3a1daacd5a57.otf) format("opentype");
}

.hd__header .header__sec:after, .hd__header .header .all-category > div:after, .hd__footer__inner:after, .hd .sns-share__icon:after, .hd .popup_search .modal .category .box:after, .hd .popup_filter .modal .category .box:after, .hd .designationDetail .overview:after, .hd .addPopup .overview:after, .hd .designationDetail .detail .tab-menu__inner:after, .hd .addPopup .detail .tab-menu__inner:after, .hd .designationDetail .detail .tab-content.cont-info .item-area .box:after, .hd .addPopup .detail .tab-content.cont-info .item-area .box:after, .hd .designationDetail .detail .tab-content.cont-inquiry .head:after, .hd .addPopup .detail .tab-content.cont-inquiry .head:after, .hd .designationDetail .detail .tab-content.cont-inquiry .btn:after, .hd .addPopup .detail .tab-content.cont-inquiry .btn:after, .hd .popup_orderDeadline .orderDeadline .box .boxInner__list:after, .hd .minicart .input:after, .hd .minicart .btn-area:after, .hd .main .now:after, .hd__displayList .list-area .box:after, .hd .displayDetail .item-area .head:after, .hd .story__comm .head:after, .hd .mealsConfirm__table table tbody td div:after, .hd__healthCareList .healthCareList .box:after, .hd__market .market .oveview:after, .hd__marketList .marketList .item-area .head:after, .hd .designationDetail .detail .tab-content.cont-review .btn:after, .hd .addPopup .detail .tab-content.cont-review .btn:after, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .btn:after, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .btn:after, .hd__marketDetail .marketDetail .overview:after, .hd__marketDetail .marketDetail .overview .btn-area:after, .hd__marketDetail .marketDetail .detail .tab-menu__inner:after, .hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box:after, .hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .head:after, .hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .btn:after, .hd .designationList__btn__inner:after, .hd__eventDetail .eventCheckAttendance .stamp-area .stamps:after, .hd__orderPayment .orderPayment__inner:after, .itemConfirm .box__list.multi:after, .itemConfirm .box__list.multi .boxInner__list .detail p:after, .itemConfirm .box__list.single .boxInner .detail:after, .itemConfirm .box__list.single .boxInner .detail__rgt.price:after, .hd .orderComplete__sec .cont-table:after, .hd__greatingJoin .hd__sub .health-info__sec:after, .hd__snsJoin .hd__sub .health-info__sec:after, .hd__empJoin .empJoin .health-info__sec:after, .hd__fsJoin .fsJoin .health-info__sec:after, .hd__b2bJoin .b2bJoin .health-info__sec:after, .hd__b2cJoin .b2cJoin .health-info__sec:after, .hd .sub-wrap:after, .hd__searchResult .searchResult .item-area .head:after, .hd .myPage .mySearch__box:after, .hd .orderView .paymentList .box:after, .hd .applyOrderCancel .refund__price:after, .hd .applyOrderExchange .refund__price:after, .hd .tab-menu__inner:after, .hd [class*="myClaimDetail"] .refund__price:after, .hd .myLoginLog__search .mySearch__box:after, .hd__myCoupon .coupon__wrap .tab-menu__inner:after, .hd__myGiftcard .coupon__wrap .tab-menu__inner:after, .item-area .box:after {
  display: block;
  clear: both;
  content: "";
}

.hd .designationDetail .detail .tab-content.cont-info figure, .hd .addPopup .detail .tab-content.cont-info figure, .hd .popup_menuChoice .mchoice__wrap figure, .hd__marketDetail .marketDetail .detail .tab-content.cont-info figure, .hd__myOrderList .myOrderList .myList .item-wrap .item-info figure, .hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox .gift figure, .hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem figure, .hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox .gift figure, .hd__myClaimList .myClaimList .innerItem-wrap .innerItem figure, .hd__myClaimList .myClaimList .innerItem-wrap .innerItem .textbox .gift figure, .hd__myClaimList .myClaimList .myList .item-wrap .item-info figure, .hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox .gift figure, .hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem figure, .hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox .gift figure, .hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info figure, .hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .innerItem-wrap .innerItem figure {
  text-align: center;
}

.hd .designationDetail .detail .tab-content.cont-info figure img, .hd .addPopup .detail .tab-content.cont-info figure img, .hd .popup_menuChoice .mchoice__wrap figure img, .hd__marketDetail .marketDetail .detail .tab-content.cont-info figure img, .hd__myOrderList .myOrderList .myList .item-wrap .item-info figure img, .hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox .gift figure img, .hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem figure img, .hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox .gift figure img, .hd__myClaimList .myClaimList .innerItem-wrap .innerItem figure img, .hd__myClaimList .myClaimList .innerItem-wrap .innerItem .textbox .gift figure img, .hd__myClaimList .myClaimList .myList .item-wrap .item-info figure img, .hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox .gift figure img, .hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem figure img, .hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox .gift figure img, .hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info figure img, .hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .innerItem-wrap .innerItem figure img {
  max-width: 100%;
  vertical-align: middle;
}

.hd .designationDetail .detail .tab-content.cont-info figure:after, .hd .addPopup .detail .tab-content.cont-info figure:after, .hd .popup_menuChoice .mchoice__wrap figure:after, .hd__marketDetail .marketDetail .detail .tab-content.cont-info figure:after, .hd__myOrderList .myOrderList .myList .item-wrap .item-info figure:after, .hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox .gift figure:after, .hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem figure:after, .hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox .gift figure:after, .hd__myClaimList .myClaimList .innerItem-wrap .innerItem figure:after, .hd__myClaimList .myClaimList .innerItem-wrap .innerItem .textbox .gift figure:after, .hd__myClaimList .myClaimList .myList .item-wrap .item-info figure:after, .hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox .gift figure:after, .hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem figure:after, .hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox .gift figure:after, .hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info figure:after, .hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .innerItem-wrap .innerItem figure:after {
  display: inline-block;
  position: relative;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: "";
}

/* 구분선 ex) userid | 2018-04-30 */
.hd__header .header .user-area nav a + a, .hd .designationDetail .detail .tab-content.cont-inquiry .head .mine, .hd .addPopup .detail .tab-content.cont-inquiry .head .mine, .hd__displayList .list-area .box__list__dDay, .hd .displayDetail__dDay, .hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .head .mine, .hd .eventList__cont .box__list__dDay, .hd__eventDetail__date .d-day {
  position: relative;
}

.hd__header .header .user-area nav a + a:before, .hd .designationDetail .detail .tab-content.cont-inquiry .head .mine:before, .hd .addPopup .detail .tab-content.cont-inquiry .head .mine:before, .hd__displayList .list-area .box__list__dDay:before, .hd .displayDetail__dDay:before, .hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .head .mine:before, .hd .eventList__cont .box__list__dDay:before, .hd__eventDetail__date .d-day:before {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.45);
  content: '';
}

.hd__header .header .all a, .hd__header .header .all a:hover, .hd__header .header .all.on .all__icon span, .hd__page-title-more, .hd__page-title a, .hd .pagenation__number .paging, .hd .popup_search .modal .category .box__list label, .hd .main__h3-more, .hd .main__h3 a, .hd .main .normal-tab li a, .hd .main .magazine-list .slick-arrow, .hd .main .tv-area__btn i:after, .hd .main .banner-list__title, .hd .main .banner-list__desc, .hd__bestList .list-area .tab-menu__list a, .hd__bestList .list-area .tab-menu__list:hover a, .hd .brandStory.story .story__sec.main .main-btn, .hd .brandStory.story .story__sec.main .main-btn i:after, .hd .brandStory.story .story__sec.greating .greating-btn, .hd .brandStory.story .story__sec.greating .greating-btn i:after, .hd .brandStory.story .story__sec.greenfood .greenfood-title, .hd .brandStory.story .story__sec.greenfood .greenfood-desc, .hd .meals.v2 a, .hd .meals.v2 a i, .hd .meals.v2 .meals__banner-btn .btn-init, .hd .meals.v2 .meals__banner-more, .hd__market .market .oveview .slider-nav__list, .hd__market .market .oveview .slider-nav .swiper-scrollbar, .hd__market .market .market__top .category-list ul li a:after, .hd__marketList .marketList .category .tnb__list > a, .hd .bestReview__list [class^="swiper-button-"]:after {
  transition: all 0.4s ease;
}

.hd .meals__choice .box__list__count, .item-area .box__list__count {
  display: block;
  position: relative;
  margin-top: 10px;
  text-align: center;
}

.hd .meals__choice .box__list__count input, .item-area .box__list__count input {
  vertical-align: top;
  width: calc(100% - 110px);
  height: 45px;
  border: 0;
  background: #F0F0F0;
  line-height: 45px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #ccc;
  box-sizing: border-box;
}

.hd .meals__choice .box__list__count input.on, .item-area .box__list__count input.on {
  border: 1px solid #918c00;
  background: #FFF;
  color: #3D3D3D;
}

.hd .meals__choice .box__list__count .btn__count, .item-area .box__list__count .btn__count {
  position: absolute;
  top: 0;
  width: 45px;
  height: 45px;
  background: #918c00;
}

.hd .meals__choice .box__list__count .btn__count-down, .item-area .box__list__count .btn__count-down {
  left: -1px;
}

.hd .meals__choice .box__list__count .btn__count-down:before, .item-area .box__list__count .btn__count-down:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 3px;
  background: #FFF;
  transform: translate(-50%, -50%);
}

.hd .meals__choice .box__list__count .btn__count-up, .item-area .box__list__count .btn__count-up {
  right: -1px;
}

.hd .meals__choice .box__list__count .btn__count-up:before, .item-area .box__list__count .btn__count-up:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 3px;
  background: #FFF;
  transform: translate(-50%, -50%);
}

.hd .meals__choice .box__list__count .btn__count-up:after, .item-area .box__list__count .btn__count-up:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 21px;
  background: #FFF;
  transform: translate(-50%, -50%);
}

.hd .meals__choice .box__list__count button:disabled, .item-area .box__list__count button:disabled {
  background: #BCBCBC;
}

/******************************
***********scss 파일***********
******************************/
.hd .hide {
  display: none !important;
}

.hd:not(#main):not(#healthCare) .hd__header .header {
  border-bottom: 1px solid #ebebeb;
}

.hd #wrap {
  position: relative;
  color: #1c1c1c;
  min-width: 1260px;
  margin: 0 auto;
}

.hd .hd__inner1920 {
  width: 1920px;
  margin: 0 auto;
}

.hd .hd__inner1100 {
  width: 1100px;
  margin: 0 auto;
}

.hd .hd__inner900 {
  width: 900px;
  margin: 0 auto;
}

.hd__header {
  position: relative;
  width: 100%;
  min-width: 1200px;
  min-height: 160px;
  z-index: 4;
}

.hd__header .topBanner {
  overflow: hidden;
  position: relative;
  height: 40px;
  margin: 0 auto;
  background: #918c00;
}

.hd__header .topBanner figure {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1920px;
  height: 40px;
  margin-left: -960px;
}

.hd__header .topBanner__close {
  display: block;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
}

.hd__header .header {
  position: relative;
  top: 0;
  width: 100%;
  height: 200px;
  z-index: 3;
  background: #fff;
}

.hd__header .header__sec {
  position: relative;
  width: 1100px;
  margin: 0 auto;
}

.hd__header .header .user-area {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  text-align: right;
}

.hd__header .header .user-area .login-name {
  display: inline-block;
  margin-right: 25px;
}

.hd__header .header .user-area nav {
  display: inline-block;
}

.hd__header .header .user-area nav a {
  display: inline-block;
  font-size: 14px;
}

.hd__header .header .user-area nav a + a {
  margin-left: 32px;
}

.hd__header .header .user-area nav a + a:before {
  left: -16px;
}

.hd__header .header .user-area__menu > li {
  display: inline-block;
  position: relative;
}

.hd__header .header .user-area__menu > li:not(:first-child) {
  margin-left: 30px;
}

.hd__header .header .user-area__menu > li:not(:first-child):after {
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -7.5px;
  width: 1px;
  height: 15px;
  background: #888;
  content: '';
}

.hd__header .header .user-area__menu > li:nth-child(1) > ul {
  width: 111px;
}

.hd__header .header .user-area__menu > li > a {
  display: block;
  line-height: 45px;
  font-size: 14px;
  color: #1c1c1c;
}

.hd__header .header .user-area__menu > li > a > i {
  display: inline-block;
  position: relative;
  width: 10px;
  height: 2px;
  vertical-align: middle;
}

.hd__header .header .user-area__menu > li > a > i:after {
  position: absolute;
  top: -2px;
  right: 0px;
  width: 0;
  height: 0;
  content: '';
  border: 4px solid transparent;
  border-color: #1c1c1c transparent transparent transparent;
}

.hd__header .header .user-area__menu > li > ul {
  display: none;
  position: absolute;
  right: 0;
  top: 40px;
  padding: 0 10px;
  width: 105px;
  border: 1px solid #ccc;
  text-align: left;
  box-sizing: border-box;
  background: #fff;
  z-index: 2;
}

.hd__header .header .user-area__menu > li > ul > li a {
  display: block;
  margin: 10px 0;
  font-size: 13px;
}

.hd__header .header .user-area__menu > li > ul > li a:hover {
  color: #918c00;
}

.hd__header .header .user-area__menu > li:hover > ul {
  display: block;
}

.hd__header .header .user-area__menu .ico_strap {
  margin: -3px -3px 0 0;
  transform: scale(0.4);
}

.hd__header .header .logo {
  float: left;
  margin: 36px 39px 35px 0;
  font-size: 0;
}

.hd__header .header .logo a {
  display: inline-block;
}

.hd__header .header .logo a img {
  display: block;
}

.hd__header .header .menu {
  display: flex;
  align-items: center;
  float: left;
  width: 220px;
  height: 50px;
  margin-top: 23px;
  border-radius: 25px;
  background: #eaeaea;
}

.hd__header .header .menu a {
  position: relative;
  width: 50%;
  line-height: 50px;
  font-size: 20px;
  color: #929292;
  text-align: center;
}

.hd__header .header .menu a.on {
  width: 55%;
  font-weight: bold;
  color: #fff;
  background: #918c00;
  border-radius: 25px;
}

.hd__header .header .menu a i {
  display: inline-block;
  margin: 0 -5px 0 3px;
  line-height: 1;
  font-size: 11px;
  font-style: normal;
  color: #ff0000;
  vertical-align: text-top;
}

.hd__header .header .all {
  position: relative;
  padding-bottom: 20px;
  width: 160px;
  vertical-align: top;
}

.hd__header .header .all > a {
  display: block;
  position: relative;
  font-size: 20px;
  line-height: 37px;
  white-space: nowrap;
}

.hd__header .header .all > a .all__icon {
  display: inline-block;
  margin-right: 10px;
  margin-top: -6px;
  vertical-align: middle;
}

.hd__header .header .all > a .all__icon span {
  display: block;
  position: relative;
  width: 25px;
  height: 2px;
  background: #1c1c1c;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 4;
}

.hd__header .header .all > a .all__icon span:not(:first-child) {
  margin-top: 5px;
}

.hd__header .header .all > a .all__icon--close span:nth-child(1) {
  transform: rotate(-45deg);
}

.hd__header .header .all > a .all__icon--close span:nth-child(2) {
  margin-top: -3px;
  transform: rotate(45deg);
}

.hd__header .header .all > a .all__icon--close span:last-child {
  display: none;
}

.hd__header .header .all > a div {
  display: inline;
  position: relative;
  z-index: 4;
}

.hd__header .header .all-menu {
  display: none;
  position: absolute;
  left: -40px;
  top: 57px;
  width: 1180px;
  background: #fff;
  box-sizing: border-box;
  z-index: 1;
}

.hd__header .header .all-menu__inner {
  position: relative;
  padding: 40px 50px 40px 0;
  border: 2px solid #1c1c1c;
}

.hd__header .header .all-menu__depth1 {
  display: flex;
}

.hd__header .header .all-menu__depth1 > li {
  width: 20%;
}

.hd__header .header .all-menu__depth1 > li > a {
  display: block;
  margin: 0 10px 10px 60px;
  padding-bottom: 8px;
  font-size: 21px;
  font-weight: 600;
  border-bottom: 2px solid #1c1c1c;
}

.hd__header .header .all-menu__depth1 > li > a sup {
  margin-left: 3px;
  font-size: 65%;
  font-weight: normal;
  color: #ff0000;
}

.hd__header .header .all-menu__depth1 > li > a + a {
  margin-top: 10px;
}

.hd__header .header .all-menu__depth3 {
  display: none;
  position: absolute;
  left: calc(20% - 10px);
  top: 0;
  width: 18.5%;
  height: 100%;
  padding: 41px 30px 30px;
  box-sizing: border-box;
  background: #f5f5f5;
  border-left: 0;
}

.hd__header .header .all-menu__depth3 > a {
  display: block;
  padding-bottom: 8px;
  font-size: 19px;
  font-weight: bold;
  border-bottom: 2px solid #1c1c1c;
}

.hd__header .header .all-menu__depth3 li {
  margin: 20px 0;
}

.hd__header .header .all-menu__depth3 li > a {
  display: inline-block;
  position: relative;
  font-size: 18px;
  word-break: keep-all;
}

.hd__header .header .all-menu__depth3 li:hover a {
  color: #918c00;
}

.hd__header .header .all-menu__depth3-tit {
  font-size: 17px;
  font-weight: bold;
  margin-top: 20px;
}

.hd__header .header .all-menu__depth3-tit:not(:first-child) {
  margin-top: 40px;
}

.hd__header .header .all-menu__depth2 > li {
  padding: 0 0 0 60px;
}

.hd__header .header .all-menu__depth2 > li > a {
  display: block;
  padding: 8px 0;
  line-height: 1.3;
  font-size: 17px;
}

.hd__header .header .all-menu__depth2 > li > a span {
  font-size: 16px;
}

.hd__header .header .all-menu__depth2 > li:hover {
  background: #f5f5f5;
}

.hd__header .header .all-menu__depth2 > li:hover > a {
  display: block;
  color: #918c00;
}

.hd__header .header .all-menu__depth2 > li:hover .all-menu__depth3 {
  display: block;
}

.hd__header .header .all-menu__depth2 > li:hover .all-menu__depth2-ico {
  background-position-x: -25px;
}

.hd__header .header .all-menu__depth2 > li .point:after {
  display: inline-block;
  margin-top: 2px;
  width: 5px;
  height: 5px;
  background: #ff0000;
  border-radius: 50%;
  vertical-align: text-top;
  content: '';
}

.hd__header .header .all-menu__depth2-ico {
  display: inline-block;
  margin: 5px 10px 0 0;
  width: 25px;
  height: 25px;
  vertical-align: top;
}

.hd__header .header .all-menu__depth2.depth > li > a {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid #1c1c1c;
}

.hd__header .header .all-menu__depth2.depth > li:hover {
  background: none;
}

.hd__header .header .all-menu__depth2.depth > li:hover > a {
  border-color: #918c00;
}

.hd__header .header .all-menu__nav {
  margin-top: 20px;
}

.hd__header .header .all-menu__nav li {
  margin: 15px 0;
}

.hd__header .header .all-menu__nav li a {
  display: block;
  font-size: 16px;
}

.hd__header .header .all-menu__nav li a:hover {
  color: #918c00;
}

.hd__header .header .all-menu__banner {
  position: absolute;
  right: 40px;
  bottom: 40px;
}

.hd__header .header .all-menu__banner img {
  display: block;
}

.hd__header .header .all.on > a:after {
  position: absolute;
  left: -40px;
  bottom: -22px;
  width: 189px;
  height: 73px;
  border-top: 2px solid #1c1c1c;
  border-right: 2px solid #1c1c1c;
  border-left: 2px solid #1c1c1c;
  background: #fff;
  z-index: 3;
  content: '';
}

.hd__header .header .all.on .all__icon span {
  background: #918c00;
}

.hd__header .header .all.on .all__icon span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

.hd__header .header .all.on .all__icon span:nth-child(2) {
  opacity: 0;
}

.hd__header .header .all.on .all__icon span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

.hd__header .header .all.on .all-menu {
  display: block;
}

.hd__header .header .all-category {
  display: none;
  position: absolute;
  top: 111px;
  width: 100%;
  padding: 14px 45px 40px;
  background: #FFF;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.hd__header .header .all-category--show {
  display: block;
}

.hd__header .header .all-category .box {
  float: left;
}

.hd__header .header .all-category .box__list {
  margin: 5px 0;
}

.hd__header .header .all-category .box__list a {
  display: block;
  padding: 5px 0;
  font-size: 16px;
  color: #1c1c1c;
}

.hd__header .header .all-category .box__list a:hover {
  color: #918c00;
}

.hd__header .header .all-category .box1 {
  margin-right: 50px;
  margin-left: 45px;
  font-weight: 600;
}

.hd__header .header .all-category .box2 {
  width: 190px;
  padding-left: 60px;
  text-align: left;
  box-sizing: border-box;
}

.hd__header .header .all-category .box3 {
  width: 190px;
  padding-left: 65px;
  text-align: left;
  box-sizing: border-box;
}

.hd__header .header .all-category .box4 {
  width: 190px;
  padding-left: 70px;
  text-align: left;
  box-sizing: border-box;
}

.hd__header .header .all-category .box5 {
  width: 190px;
  padding-left: 50px;
  text-align: left;
  box-sizing: border-box;
}

.hd__header .header .all-category2 {
  width: 130px;
  box-sizing: content-box;
}

.hd__header .header .gnb {
  position: absolute;
  left: 160px;
  bottom: 0;
  width: 680px;
  font-size: 0;
  vertical-align: top;
  z-index: 0;
}

.hd__header .header .gnb__list {
  display: inline-block;
  vertical-align: top;
  margin: 0 28px;
  padding-bottom: 23px;
  border-bottom: 4px solid #fff;
}

.hd__header .header .gnb__list a:hover {
  color: #918c00;
  transition: all 0.5s ease;
}

.hd__header .header .gnb__list.on {
  font-weight: bold;
  border-bottom-color: #918c00;
}

.hd__header .header .gnb__list-name {
  display: block;
  font-size: 20px;
  text-align: center;
  white-space: nowrap;
}

.hd__header .header .gnb__list.importand a {
  position: relative;
  color: #fff !important;
}

.hd__header .header .gnb__list.importand a:after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 40px;
  background: #918c00;
  border-radius: 40px;
  transform: translate3d(-50%, -50%, 0);
  content: '';
  z-index: -1;
}

.hd__header .header .gnb__list.point {
  font-weight: bold;
}

.hd__header .header .gnb__list.point a {
  position: relative;
  font-weight: normal;
}

.hd__header .header .gnb__list.point a span {
  display: block;
  position: absolute;
  left: 50%;
  top: -13px;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: normal;
  color: #918c00;
  transform: translateX(-50%);
}

.hd__header .header .gnb__list.point a:after {
  position: absolute;
  right: -7px;
  top: 0;
  width: 5px;
  height: 5px;
  background: #ff0000;
  border-radius: 50%;
  vertical-align: text-top;
  content: '';
}

.hd__header .header .gnb__list.new a {
  position: relative;
}

.hd__header .header .gnb__list.new a:after {
  position: absolute;
  left: 50%;
  top: -11px;
  font-size: 11px;
  color: #ff0000;
  content: 'NEW';
  transform: translateX(-50%);
}

.hd__header .header .gnb .swiper-container {
  display: inline-block;
  margin: 0;
  overflow: inherit;
}

.hd__header .header .direct {
  display: flex;
  position: relative;
  margin: 20px 13px 0 0;
  float: right;
  align-items: center;
}

.hd__header .header .direct__search {
  display: inline-block;
  position: relative;
  margin-right: 22px;
  width: 390px;
  height: 55px;
  line-height: 55px;
  vertical-align: bottom;
  border: 1px solid #b2ac00;
  border-radius: 15px;
  text-indent: 20px;
  text-align: left;
  box-sizing: border-box;
}

.hd__header .header .direct__search input {
  line-height: 53px;
  width: 82%;
  border: 0;
  font-size: 17px;
  letter-spacing: -0.3px;
  background: transparent;
}

.hd__header .header .direct__search input::placeholder {
  color: #999;
}

.hd__header .header .direct__search a {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 55px;
  height: 55px;
  font-size: 0;
  background: url("/front_pc/images/icon_header_search-8e00dd071181e8220a006014f3747915.png?ver=210304") no-repeat center;
}

.hd__header .header .direct__search-remove {
  position: absolute;
  right: 60px;
  top: 18px;
  width: 20px;
  height: 20px;
  background: #ddd url("/front_mo/images/icon_comm_close-black-4f84954e831829bcaef630be1cae8386.png") no-repeat center;
  background-size: 50%;
  border-radius: 50%;
  font-size: 0;
}

.hd__header .header .direct__search-layer {
  display: none;
  position: absolute;
  left: 0;
  top: 55px;
  padding: 0 20px 25px;
  width: 390px;
  border: 1px solid #b2ac00;
  border-top-color: #e5e5e5;
  background: #fff;
  box-sizing: border-box;
  border-radius: 0 0 15px 15px;
  z-index: 1;
}

.hd__header .header .direct__search-layer:after {
  position: absolute;
  left: -1px;
  top: -14px;
  width: 100%;
  height: 13px;
  border-left: 1px solid #b2ac00;
  border-right: 1px solid #b2ac00;
  background: #fff;
  content: '';
}

.hd__header .header .direct__search-layer-sec {
  margin-top: 20px;
}

.hd__header .header .direct__search-layer-sec:not(:first-child) {
  margin-top: 35px;
}

.hd__header .header .direct__search-layer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.hd__header .header .direct__search-layer-tit {
  font-size: 16px;
  color: #000;
  letter-spacing: -0.5px;
}

.hd__header .header .direct__search-layer-del {
  font-size: 13px;
  color: #aaa;
}

.hd__header .header .direct__search-layer-list1 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 12px;
  box-sizing: border-box;
}

.hd__header .header .direct__search-layer-list1::-webkit-scrollbar {
  display: none;
}

.hd__header .header .direct__search-layer-list1 li {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  flex: 0 0 auto;
  margin: 7px 5px 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  box-sizing: border-box;
}

.hd__header .header .direct__search-layer-list1 li a {
  display: block;
  box-sizing: border-box;
  font-size: 14px;
  color: #555;
}

.hd__header .header .direct__search-layer-list1 li a span {
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  overflow: hidden;
  max-width: 218px;
  min-width: 0px;
  width: 100%;
  padding: 5px 0 5px 10px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd__header .header .direct__search-layer-list1 li:hover a {
  color: #1c1c1c;
}

.hd__header .header .direct__search-layer-list1 li .list-del {
  flex: 0 0 25px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  align-self: stretch;
  width: 25px;
  height: auto;
  font-size: 0;
  background: url("/front_mo/images/icon_comm_close-black-4f84954e831829bcaef630be1cae8386.png") no-repeat center;
  background-size: 45%;
  opacity: 0.5;
}

.hd__header .header .direct__search-layer-list2 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 12px;
}

.hd__header .header .direct__search-layer-list2 li {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  flex: 0 0 auto;
  margin: 7px 5px 0 0;
  background: #f6f6f6;
  border-radius: 100px;
  box-sizing: border-box;
}

.hd__header .header .direct__search-layer-list2 li a {
  display: block;
  box-sizing: border-box;
  font-size: 14px;
  color: #555;
}

.hd__header .header .direct__search-layer-list2 li a span {
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  overflow: hidden;
  max-width: 218px;
  min-width: 0px;
  width: 100%;
  padding: 6px 10px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd__header .header .direct__search-layer-list2 li:hover {
  background: #e8e7d1;
}

.hd__header .header .direct__search-layer-list2 li:hover a {
  color: #918c00;
}

.hd__header .header .direct__search-layer-list3 {
  overflow: hidden;
  display: grid;
  grid-auto-flow: column;
  grid-template: repeat(5, auto)/repeat(5, 50%);
  counter-reset: search_list;
  padding: 0 3px;
}

.hd__header .header .direct__search-layer-list3 li {
  position: relative;
  color: #6e6e6e;
}

.hd__header .header .direct__search-layer-list3 li:nth-child(-n + 3) a:after {
  color: #918c00;
}

.hd__header .header .direct__search-layer-list3 li a {
  position: relative;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding: 15px 10px 0 20px;
  width: 100%;
  font-size: 14px;
  color: #555;
  box-sizing: border-box;
  text-align: left;
}

.hd__header .header .direct__search-layer-list3 li a span {
  display: block;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd__header .header .direct__search-layer-list3 li a:after {
  position: absolute;
  bottom: -1px;
  left: 0px;
  font-size: 13px;
  color: #999;
  counter-increment: search_list;
  content: counter(search_list);
}

.hd__header .header .direct__search-layer-list3 li:hover a {
  text-decoration: underline;
}

.hd__header .header .direct__search-layer-inputList {
  margin-top: 10px;
}

.hd__header .header .direct__search-layer-inputList li a {
  display: block;
  position: relative;
  padding: 10px 0;
  font-size: 14px;
}

.hd__header .header .direct__search-layer-inputList li a:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 15px;
  height: 15px;
  background: url("/front_pc/images/icon_header_search-8e00dd071181e8220a006014f3747915.png") no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
  opacity: 0.3;
  transition: all 0.5s;
  content: '';
}

.hd__header .header .direct__search-layer-inputList li:hover a:after {
  opacity: 1;
}

.hd__header .header .direct__search-layer-inputList .highlight {
  color: #918c00;
}

.hd__header .header .direct__search-layer-inputBrand {
  padding-top: 15px;
  margin-top: 10px;
  border-top: 1px solid #e5e5e5;
}

.hd__header .header .direct__search-layer-inputBrand li a {
  display: block;
  position: relative;
  padding: 5px 0;
  font-size: 15px;
  font-weight: bold;
}

.hd__header .header .direct__search-layer-inputBrand li a:after {
  position: absolute;
  right: 0;
  top: 50%;
  padding: 1.5px 3px;
  font-family: '굴림';
  font-size: 10px;
  font-weight: normal;
  color: #666;
  content: '브랜드';
  border: 1px solid #aaa;
  border-radius: 30px;
  letter-spacing: -1px;
  transform: translateY(-50%);
}

.hd__header .header .direct__search-layer-inputBrand li:not(:first-child) {
  margin-top: 10px;
}

.hd__header .header .direct__search-layer-inputBrand .highlight {
  color: #918c00;
}

.hd__header .header .direct__search-layer .no-data {
  margin-top: 15px;
  font-size: 14px;
  color: #888;
}

.hd__header .header .direct__cart, .hd__header .header .direct__gift, .hd__header .header .direct__heart {
  display: inline-block;
  position: relative;
  margin: -2px 0 0 23px;
  vertical-align: bottom;
}

.hd__header .header .direct__cart span, .hd__header .header .direct__gift span, .hd__header .header .direct__heart span {
  content: '';
  display: block;
  position: absolute;
  top: -8px;
  right: -12px;
  min-width: 23px;
  height: 23px;
  line-height: 23px;
  line-height: 23px;
  background: #918c00;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  border-radius: 100%;
}

.hd__header .header .direct__heart {
  margin-top: 2px;
}

.hd__header .header .direct__heart span {
  top: -12px;
}

.hd__header .header .direct__btn {
  margin-top: 3px;
}

.hd__header .header.fixed .header__inner {
  position: fixed;
  top: -80px;
  left: 0;
  width: 100%;
  min-width: 1200px;
  border-bottom: 1px solid #dcdcdc;
  background: #fff;
  z-index: 5;
}

.hd__header .header.fixed .header__inner .direct__search-layer {
  display: none !important;
}

.hd__header--showBg {
  background: #FFF;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.1);
}

.hd__header.care .all.on > a:after, .hd__header.care .all-menu__inner {
  border-width: 1px;
  border-color: #bababa;
}

.hd:not(#main) .hd__footer {
  margin-top: 150px;
}

.hd__footer {
  background: #F9F9F9;
  padding: 40px 0 70px;
}

.hd__footer__inner {
  width: 1100px;
  margin: 0 auto;
}

.hd__footer__left {
  float: left;
  width: 490px;
}

.hd__footer__left .item {
  font-size: 0;
}

.hd__footer__left .item li {
  display: inline-block;
  position: relative;
  margin-left: 15px;
  padding-left: 15px;
  vertical-align: top;
  line-height: 24px;
}

.hd__footer__left .item li:before {
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 18px;
  font-size: 18px;
  background: #ccc;
  content: '';
}

.hd__footer__left .item li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.hd__footer__left .item li:first-child:before {
  display: none;
}

.hd__footer__left .item li a {
  display: block;
  font-size: 17px;
  color: #1c1c1c;
}

.hd__footer__left .item li a.bold {
  font-weight: 600;
}

.hd__footer__left .support {
  margin: 34px 0 25px;
}

.hd__footer__left .support__title {
  line-height: 30px;
  font-size: 22px;
  font-weight: 600;
  color: #1c1c1c;
}

.hd__footer__left .support__tel {
  display: block;
  margin: 5px 0 15px;
  font-size: 32px;
  font-weight: 600;
  color: #918c00;
}

.hd__footer__left .support__desc {
  line-height: 29px;
  font-size: 16px;
  color: #888;
}

.hd__footer__left .support__desc .point {
  color: #918c00;
}

.hd__footer__left .sns-box {
  margin-bottom: 25px;
  overflow: hidden;
}

.hd__footer__left .sns-box li {
  float: left;
}

.hd__footer__left .sns-box li:not(:first-child) {
  margin-left: 20px;
}

.hd__footer__left .sns-box li a {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  font-size: 0;
}

.hd__footer__left .sns-box__intagram {
  background: url("/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?ver=210304") no-repeat -0px;
  background-position-y: -160px;
}

.hd__footer__left .sns-box__youtube {
  background: url("/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?ver=210304") no-repeat -50px;
  background-position-y: -160px;
}

.hd__footer__left .sns-box__blog {
  background: url("/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?ver=210304") no-repeat -100px;
  background-position-y: -160px;
}

.hd__footer__left .sns-box__kakao {
  background: url("/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?ver=210304") no-repeat -150px;
  background-position-y: -160px;
}

.hd__footer__left .copyright {
  font-size: 14px;
  color: #aaa;
}

.hd__footer__right {
  position: relative;
  float: right;
  width: 610px;
}

.hd__footer__right .company {
  margin: 60px 0 10px;
  letter-spacing: -0.03em;
}

.hd__footer__right .company__name {
  display: block;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
  color: #1c1c1c;
}

.hd__footer__right .company__info {
  line-height: 27px;
  font-size: 15px;
  color: #888;
}

.hd__footer__right .company__info p {
  margin: 15px 0;
}

.hd__footer__right .company__info.flex {
  display: flex;
}

.hd__footer__right .company__info.flex > * {
  margin-right: 10px;
}

.hd__footer__right .company__info.flex img {
  margin-top: 3px;
}

.hd__footer__right .company__info + .company__info {
  margin-top: 15px;
}

.hd__footer__right .familySite {
  position: absolute;
  top: -10px;
  right: 0;
  width: 243px;
  height: 45px;
  box-sizing: border-box;
}

.hd__footer__right .familySite__default {
  display: block;
  position: relative;
  z-index: 2;
  padding: 0 47px 0 14px;
  border: 1px solid #ccc;
  background: #FFF url(/front_pc/images/ico_comm_select-arrow-2f4c626e52a0ed55ede0723c1797ddaf.png) no-repeat 95% 50%;
  font-size: 16px;
  font-weight: 400;
  line-height: 43px;
}

.hd__footer__right .familySite__default.on {
  background-image: url(/front_pc/images/ico_comm_select-arrow_on-c2a4c26fb2c7ac420b8bf739d29ccc8f.png);
}

.hd__footer__right .familySite__inner {
  display: none;
  overflow: hidden;
  overflow-y: scroll;
  position: absolute;
  bottom: 44px;
  left: 0;
  width: 100%;
  max-height: 300px;
  border: 1px solid #ccc;
  background: #FFF;
  box-sizing: border-box;
}

.hd__footer__right .familySite__inner > div {
  padding: 20px 14px;
}

.hd__footer__right .familySite__inner__one > li {
  margin-top: 20px;
}

.hd__footer__right .familySite__inner__one > li:first-child {
  margin-top: 0;
}

.hd__footer__right .familySite__inner__one > li span {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}

.hd__footer__right .familySite__inner__two > li a {
  display: block;
  padding-left: 10px;
  font-size: 16px;
  line-height: 26px;
}

.hd__footer__right .familySite__inner__two > li a:hover {
  color: #F9D983;
}

.hd .breadcrumb {
  width: 1100px;
  margin: 0 auto;
  font-size: 0;
}

.hd .breadcrumb li {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #888;
}

.hd .breadcrumb li:before {
  content: '>';
  color: #888;
  margin: 0 10px;
}

.hd .breadcrumb li:first-child:before {
  display: none;
}

.hd .breadcrumb li:last-child {
  color: #1c1c1c;
}

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

.hd__page-title {
  margin: 50px 0 50px;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
}

.hd__page-title__btn-link {
  position: absolute;
  right: 50%;
  top: 0;
  margin-right: -550px;
  height: 69px;
  line-height: 65px;
  font-size: 22px;
  color: #3d3d3d;
  text-align: center;
  box-sizing: border-box;
  border-radius: 50px;
}

.hd__page-title__btn-link:after {
  display: inline-block;
  margin-left: 10px;
  width: 27px;
  height: 19px;
  vertical-align: middle;
  background: url("/front_pc/images/ico_meals_arrow-next-37999c6a0209768e1a3c6bb1293d9198.png") no-repeat;
  content: '';
}

.hd__page-title-more {
  display: inline-block;
  margin: 5px 0 0 10px;
  width: 30px;
  height: 30px;
  line-height: 28px;
  font-size: 0;
  text-indent: -999em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 50%;
  vertical-align: top;
}

.hd__page-title-more:before {
  display: inline-block;
  margin: 1px 0 0 -3px;
  width: 7px;
  height: 7px;
  vertical-align: middle;
  border: solid #1c1c1c;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd__page-title a {
  color: #1c1c1c;
}

.hd__page-title a:hover {
  color: #918c00;
}

.hd__page-title a:hover .hd__page-title-more, .hd__page-title a:hover .hd__page-title-more:before {
  border-color: #918c00;
}

.hd__page-desc {
  display: block;
  text-align: center;
  line-height: 26px;
  font-size: 16px;
}

.hd .floating-btn {
  position: fixed;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #FFF;
  box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.1);
}

.hd .floating-btn__box {
  font-size: 0;
}

.hd .floating-btn__box__list {
  width: 100%;
  display: inline-block;
}

.hd .floating-btn__box__list.half {
  width: 50%;
}

.hd .floating-btn__box__list a {
  display: block;
  height: 60px;
  border: 1px solid #ccc;
  background: #FFF;
  line-height: 58px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  box-sizing: border-box;
}

.hd .floating-btn__box__list a.white {
  border: 1px solid #918c00;
  color: #1c1c1c;
}

.hd .floating-btn__box__list a.green {
  border: 1px solid #918c00;
  background: #918c00;
  color: #FFF;
}

.hd__top, .hd__score {
  position: fixed;
  z-index: 5;
  right: 35px;
  bottom: 100px;
  width: 60px;
  height: 60px;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #A9A9A9;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
  transition: opacity 0.35s linear, visibility 0.35s linear;
}

.hd__top.show, .hd__score.show {
  visibility: visible;
  opacity: 1;
}

.hd__top {
  background: #FFF url("/front_pc/images/ico_comm_top-c99d8821008851726b5acf29bc3e2a7b.png") no-repeat 50% 50%;
}

.hd__score {
  display: flex;
  padding: 11px 0;
  flex-wrap: wrap;
  justify-content: center;
  bottom: 170px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: #918c00;
  border-color: #918c00;
  visibility: visible !important;
  opacity: 1 !important;
}

.hd__score .hd__icon__score {
  margin-top: -3px;
  white-space: nowrap;
  transform: scale(0.7);
}

.hd .choice-gift {
  margin: 20px 0;
}

.hd .choice-gift ul {
  font-size: 0;
  margin: -40px -20px;
}

.hd .choice-gift ul li {
  display: inline-block;
  position: relative;
  width: 300px;
  margin: 15px 10px;
  vertical-align: top;
  box-sizing: border-box;
}

.hd .choice-gift ul li .hd-checkbox-type2 label {
  display: block;
  padding-left: 24px;
  font-size: 0;
}

.hd .choice-gift ul li .hd-checkbox-type2 label:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate3d(0, -50%, 0);
}

.hd .choice-gift ul li .hd-checkbox-type2 label figure {
  display: inline-block;
  width: 45px;
  height: 40px;
  vertical-align: middle;
  margin-right: 5px;
}

.hd .choice-gift ul li .hd-checkbox-type2 label .gift__name {
  display: inline-block;
  vertical-align: middle;
}

.hd .pagenation .pageBtn {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 32px;
  vertical-align: top;
  box-sizing: content-box;
}

.hd .pagenation .pageBtn.first {
  margin-right: 3px;
  background: url("/front_pc/images/ico_pager_first-add48de452117db8edf29b7cca8f18fd.png") no-repeat 50% 50%;
}

.hd .pagenation .pageBtn.prev {
  background: url("/front_pc/images/ico_pager_prev-e15c3abca24a186c5ab2f476a58b4a98.png") no-repeat 50% 50%;
}

.hd .pagenation .pageBtn.next {
  background: url("/front_pc/images/ico_pager_next-03cb8c1556b5adb546acc0eff5bd440d.png") no-repeat 50% 50%;
}

.hd .pagenation .pageBtn.end {
  margin-left: 3px;
  background: url("/front_pc/images/ico_pager_end-728eb67145a91d26f7a0d402e9e2260d.png") no-repeat 50% 50%;
}

.hd .pagenation__number {
  margin: 0 5px;
  font-size: 0;
}

.hd .pagenation__number .paging {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-left: 3px;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 32px;
  vertical-align: top;
  font-size: 14px;
}

.hd .pagenation__number .paging:first-child {
  margin-left: 0;
}

.hd .pagenation__number .paging:hover {
  color: #918c00;
  border-color: #918c00;
}

.hd .pagenation__number .paging.active {
  border: 1px solid #918c00;
  background: #918c00;
  color: #FFF;
}

.hd .progress {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.hd .progress img {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 130px;
  border-radius: 50%;
  overflow: hidden;
}

.hd .progress:before {
  position: absolute;
  width: 95px;
  height: 95px;
  top: 50%;
  left: 50%;
  background: url(/front_mo/images/progress-dd8abf9398d7853cd8e44b6679b403fa.gif?ver=20210316) no-repeat center center;
  transform: translate(-50%, -50%);
  content: "";
  background-size: 100px auto;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}

.hd .progress.cart {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 140px;
  height: 140px;
  background: none;
}

.hd .progress.cart img {
  display: none;
}

.hd .progress.cart:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(/front_pc/images/addCart-5def9c7527e157b15095d4dd8e1c4d26.png);
  width: 140px;
  height: 140px;
  transform: translate(-50%, -50%);
}

.hd .progress.cart.fadeOut {
  -webkit-animation: cartAni .4s ease-in-out both;
  animation: cartAni .4s ease-in-out both;
}

.hd .progress.text:before {
  margin-top: -25px;
}

.hd .progress.text .text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 155px 20px 20px;
  line-height: 1.4;
  font-size: 14px;
  text-align: center;
  letter-spacing: -0.3px;
  background: #fff;
  border-radius: 20px;
  transform: translate(-50%, -50%);
  z-index: 0;
}

@-webkit-keyframes cartAni {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
}

@keyframes cartAni {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
}

.hd__myShippingAddrList .shipping-list {
  position: relative;
}

.hd__myShippingAddrList .btn-add-addresss {
  position: absolute;
  top: 14px;
  right: 0;
  width: 155px !important;
  margin-top: 0 !important;
  height: 46px;
  line-height: 44px;
  font-size: 16px !important;
}

.hd__myShippingAddrList .btn-add-addresss a {
  width: 100% !important;
  height: 100% !important;
  line-height: 44px !important;
  font-size: 16px !important;
}

.hd figure {
  position: relative;
  text-align: center;
}

.hd img {
  max-width: 100%;
}

.hd__popup {
  display: none;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  color: #1c1c1c;
}

.hd__popup--open {
  display: block;
}

.hd__popup__modal {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;
  width: 580px;
  background: #FFF;
  transform: translate(-50%, -50%);
}

.hd__popup .modal__sec {
  position: relative;
}

.hd__popup .modal__sec__title {
  display: flex;
  align-items: center;
  position: relative;
  height: 70px;
  padding-left: 28px;
  border-bottom: 1px solid #ccc;
  line-height: 70px;
  font-size: 20px;
  font-weight: 600;
  color: #1c1c1c;
  z-index: 1;
}

.hd__popup .modal__sec__title span {
  margin-left: 20px;
  color: #888;
  font-size: 16px;
  font-weight: normal;
}

.hd__popup .modal__sec__sub {
  margin-left: 20px;
  font-size: 16px;
  color: #888;
}

.hd__popup .modal__sec__cont {
  padding: 30px;
  box-sizing: border-box;
}

.hd__popup .modal__sec__cont.scroll {
  overflow: hidden;
  overflow-y: auto;
  max-height: 600px;
}

.hd__popup .modal__sec__cont.scroll .div-text {
  line-height: 1.5;
}

.hd__popup .modal__sec.pb {
  padding-bottom: 70px;
}

.hd__popup .modal__sec__desc {
  position: relative;
  margin-top: 10px;
  padding-left: 15px;
  line-height: 1.4;
  font-size: 16px;
  word-break: keep-all;
}

.hd__popup .modal__sec__desc:before {
  content: '-';
  position: absolute;
  top: -2px;
  left: 0;
}

.hd__popup .modal__sec__desc:first-child {
  margin-top: 0;
}

.hd__popup .modal__sec__desc .safe-number {
  color: #918c00;
}

.hd__popup .btn__check {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  border-top: 1px solid #ccc;
  line-height: 70px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #1c1c1c;
  box-sizing: border-box;
}

.hd__popup .btn__close-x {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 25px;
  width: 20px;
  height: 20px;
  padding: 5px;
  transform: translate3d(0, -50%, 0);
}

.hd__popup .btn__close-x:before {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 14px;
  width: 2px;
  height: 25px;
  background: #1c1c1c;
  transform: rotate(45deg);
}

.hd__popup .btn__close-x:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 14px;
  width: 2px;
  height: 25px;
  background: #1c1c1c;
  transform: rotate(-45deg);
}

.hd__popup-v2 {
  background: none;
}

.hd__popup .comm-layer-wrap .btn__close-x {
  top: 25px;
  right: 25px;
  transform: none;
}

.hd__popup .comm-layer {
  height: 370px;
  font-size: 0;
}

.hd__popup .comm-layer__inner {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

.hd__popup .comm-layer__success:before {
  content: '';
  display: block;
  width: 79px;
  height: 79px;
  margin: 0 auto 35px;
  background: #918c00 url(/front_mo/images/icon_common_check-type02-4d593dfc56977515a67de4a2adac2bc7.png) no-repeat 50% 50%;
  border-radius: 50%;
}

.hd__popup .comm-layer__alert:before {
  content: '';
  display: block;
  width: 79px;
  height: 79px;
  margin: 0 auto 35px;
  background: url("/front_mo/images/icon_important-msg-fd07fac3411376072ac7dcf6af36de80.png") no-repeat 50% 50%;
  border-radius: 50%;
}

.hd__popup .comm-layer__title {
  display: block;
  font-size: 30px;
  font-weight: 600;
  color: #3D3D3D;
}

.hd__popup .comm-layer__desc {
  margin-top: 20px;
  line-height: 1.6;
  color: #3D3D3D;
  font-size: 16px;
}

.hd__popup .comm-layer:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.hd__popup .comm-layer .modal-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 84px;
  border-top: 1px solid #ccc;
  line-height: 84px;
}

.hd__popup .comm-layer .modal-btn-half {
  display: inline-block;
  width: 50%;
  height: 84px;
  text-align: center;
  font-weight: 600;
  color: #3D3D3D;
  font-size: 20px;
}

.hd__popup .comm-layer .modal-btn-half:not(:first-child) {
  position: relative;
}

.hd__popup .comm-layer .modal-btn-half:not(:first-child):before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #ccc;
  content: '';
}

.hd .sns-share__icon {
  padding-bottom: 40px;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 16px;
}

.hd .sns-share__icon__list {
  display: inline-block;
  width: 90px;
  margin: 0 5px;
  vertical-align: top;
  color: #1c1c1c;
  font-size: 16px;
}

.hd .sns-share__icon__list-kakaoStory {
  letter-spacing: -2px;
}

.hd .sns-share__icon__list-facebook:before {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto 10px;
  background: url("/front_pc/images/ico_popup_sns-6a2fde24b32492774778dcb52dbc6223.png") no-repeat -0px 0;
  content: '';
}

.hd .sns-share__icon__list-kakaoTalk:before {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto 10px;
  background: url("/front_pc/images/ico_popup_sns-6a2fde24b32492774778dcb52dbc6223.png") no-repeat -102px 0;
  content: '';
}

.hd .sns-share__icon__list-kakaoStory:before {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto 10px;
  background: url("/front_pc/images/ico_popup_sns-6a2fde24b32492774778dcb52dbc6223.png") no-repeat -204px 0;
  content: '';
}

.hd .sns-share__icon__list-naver:before {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto 10px;
  background: url("/front_pc/images/ico_popup_sns-6a2fde24b32492774778dcb52dbc6223.png") no-repeat -306px 0;
  content: '';
}

.hd .sns-share__icon__list-naverBand:before {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto 10px;
  background: url("/front_pc/images/ico_popup_sns-6a2fde24b32492774778dcb52dbc6223.png") no-repeat -408px 0;
  content: '';
}

.hd .sns-share__url {
  padding: 25px 0 0;
}

.hd .sns-share__url__txt {
  font-size: 16px;
  color: #1c1c1c;
  text-align: center;
}

.hd .sns-share__url__copy {
  display: block;
  width: 100%;
  padding: 7px 15px;
  margin-top: 30px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  color: #1c1c1c;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  word-break: break-all;
}

.hd .popup_search {
  left: 50%;
  width: 1100px;
  height: auto;
  margin-left: -550px;
}

.hd .popup_search .input-text {
  position: relative;
  height: 60px;
  display: flex;
}

.hd .popup_search .input-text input {
  width: 100%;
  height: 100%;
  padding: 0 80px 0 25px;
  border: 3px solid #918c00;
  font-size: 17px;
  box-sizing: border-box;
  border-radius: 30px;
}

.hd .popup_search .input-text .btn-init {
  flex: 0 0 140px;
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 60px;
  font-size: 0;
  background: url(/front_pc/images/ico_csCenter_search-d0673de1d64213d967bd890b2d36929a.png?ver=210317) no-repeat 50% 50%;
  border: 0;
  text-indent: -999em;
}

.hd .popup_search .input-text .remove-btn {
  position: absolute;
  right: 70px;
  top: 18px;
  width: 23px;
  height: 23px;
  background: #dedede url("/front_mo/images/icon_comm_close-black-4f84954e831829bcaef630be1cae8386.png") no-repeat center;
  background-size: 47%;
  border-radius: 50%;
  font-size: 0;
}

.hd .popup_search .modal {
  transform: translate(-50%, 0);
  width: 1100px;
  border-top: 3px solid #eee;
  box-shadow: 1px 10px 30px 0 rgba(0, 0, 0, 0.1);
}

.hd .popup_search .modal__sec {
  margin: 10px 35px 35px;
}

.hd .popup_search .modal__sec__cont {
  position: relative;
  margin-top: 20px;
  max-height: 500px;
}

.hd .popup_search .modal__sec__cont.scroll::-webkit-scrollbar {
  width: 10px;
}

.hd .popup_search .modal__sec__cont.scroll::-webkit-scrollbar-track {
  background-color: #eee;
}

.hd .popup_search .modal__sec__cont.scroll::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}

.hd .popup_search .modal__sec__cont.scroll::-webkit-scrollbar-button:start:decrement, .hd .popup_search .modal__sec__cont.scroll ::-webkit-scrollbar-button:end:increment {
  width: 5px;
  height: 5px;
  background: #eee;
}

.hd .popup_search .modal__sec__cont.scroll::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}

.hd .popup_search .modal__sec__title {
  padding: 30px 0 40px;
  height: 0;
  line-height: 1;
  color: #1c1c1c;
}

.hd .popup_search .modal__sec__title.bb-none {
  border-bottom: none;
}

.hd .popup_search .modal__sec__cont {
  padding: 0;
}

.hd .popup_search .modal__sec .btn__close-x {
  right: 0;
}

.hd .popup_search .modal__sec .btn-clear {
  position: absolute;
  right: 20px;
  top: 0;
}

.hd .popup_search .modal .category__title {
  margin: 30px 0 15px 0;
  font-size: 18px;
  font-weight: 600;
  color: #3D3D3D;
}

.hd .popup_search .modal .category__desc {
  margin: -10px 0 10px;
  color: #888;
}

.hd .popup_search .modal .category__desc .ico_tooltip {
  margin-left: -2px;
  transform: scale(0.7);
}

.hd .popup_search .modal .category .box {
  margin: -3.5px 0;
}

.hd .popup_search .modal .category .box__list {
  float: left;
  margin: 0 5px 6px 0;
  font-size: 16px;
  color: #1c1c1c;
  text-align: center;
}

.hd .popup_search .modal .category .box__list label {
  padding: 0 10px;
  min-width: 95.5px;
  font-weight: 400;
  border-radius: 25px;
  box-sizing: border-box;
}

.hd .popup_search .modal .category .box__list:hover label {
  color: #918c00;
  background: #e8e7d1;
}

.hd .popup_search .modal .category .score {
  display: inline-block;
  direction: rtl;
  border: 0;
}

.hd .popup_search .modal .category .score legend {
  text-align: left;
}

.hd .popup_search .modal .category .score input[type=radio] {
  display: none;
}

.hd .popup_search .modal .category .score label {
  font-size: 2.5em;
  color: transparent;
  text-shadow: 0 0 0 #f0f0f0;
  cursor: pointer;
}

.hd .popup_search .modal .category .score input[type=radio]:checked ~ label {
  text-shadow: 0 0 0 #FECC1B;
}

.hd .popup_search .modal .btn {
  width: 440px;
  margin-top: 60px;
}

.hd .popup_search .modal .btn button {
  display: inline-block;
  width: calc(100% / 2);
  height: 55px;
  line-height: 53px;
}

.hd .popup_search .modal .btn-img {
  background: url("/front_pc/images/btn_comm_reset-b0c36ade0734a76576abd70d3621d9ca.png") no-repeat 0 50%;
  padding-left: 30px;
}

.hd .popup_filter {
  position: absolute;
  z-index: 3;
  top: 409px;
  left: 50%;
  width: auto;
  height: auto;
}

.hd .popup_filter .input-text {
  position: relative;
  height: 70px;
  padding: 0 80px 0 25px;
  border: 3px solid #918c00;
  box-sizing: border-box;
}

.hd .popup_filter .input-text input {
  width: 100%;
  height: 100%;
  border: none;
  font-size: 18px;
}

.hd .popup_filter .input-text .search-btn {
  display: block;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background: url("/front_pc/images/btn_comm_search-6a833b06a9f21d2a2dabeedf581232b6.png") no-repeat 0 0;
  font-size: 0;
}

.hd .popup_filter .modal {
  width: 1100px;
  top: 0;
  transform: translate(-50%, 0);
  border-top: 3px solid #918c00;
  box-shadow: 1px 10px 30px 0 rgba(0, 0, 0, 0.1);
}

.hd .popup_filter .modal__sec {
  margin: 0 45px 45px;
}

.hd .popup_filter .modal__sec__title {
  padding: 20px 0 0 0;
  color: #1c1c1c;
}

.hd .popup_filter .modal__sec__title.bb-none {
  border-bottom: none;
}

.hd .popup_filter .modal__sec__cont {
  padding: 0;
}

.hd .popup_filter .modal__sec .btn__close-x {
  right: 0;
}

.hd .popup_filter .modal .category__wrap {
  display: flex;
  flex-wrap: wrap;
}

.hd .popup_filter .modal .category__wrap .category {
  padding-right: 30px;
  width: 50%;
  box-sizing: border-box;
}

.hd .popup_filter .modal .category__wrap .category__box {
  width: 50%;
}

.hd .popup_filter .modal .category__wrap .category__box .category {
  width: 100%;
}

.hd .popup_filter .modal .category__title {
  padding: 30px 0 15px;
  font-size: 18px;
  font-weight: 600;
  color: #1c1c1c;
}

.hd .popup_filter .modal .category__desc {
  margin: -10px 0 10px;
  color: #888;
}

.hd .popup_filter .modal .category__desc .ico_tooltip {
  margin-left: -2px;
  transform: scale(0.7);
}

.hd .popup_filter .modal .category__range {
  width: 400px;
}

.hd .popup_filter .modal .category__range .ui-slider {
  position: relative;
  margin-top: 20px;
  height: 15px;
  border-top: 0 !important;
  background: #ddd;
  border-radius: 30px;
}

.hd .popup_filter .modal .category__range .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 100%;
  display: block;
  border: 0;
  background: #918c00 !important;
}

.hd .popup_filter .modal .category__range .ui-state-default {
  position: absolute;
  top: -0.45em;
  margin-left: -5px;
  z-index: 2;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
  border: 6px solid #fff;
  background: #918c00;
  outline: 1px solid #ccc;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}

.hd .popup_filter .modal .category__range .ui-state-default:last-child {
  margin-left: -25px;
}

.hd .popup_filter .modal .category__range .ui-state-default span {
  position: absolute;
  left: -40px;
  bottom: -35px;
  width: 100px;
  text-align: center;
}

.hd .popup_filter .modal .category__range .ui-state-hover, .hd .popup_filter .modal .category__range .ui-state-focus {
  background: #5b5800;
}

.hd .popup_filter .modal .category__range-num {
  font-size: 22px;
  font-weight: bold;
  color: #3D3D3D;
}

.hd .popup_filter .modal .category__radio {
  margin-top: 10px;
}

.hd .popup_filter .modal .category__radio li {
  display: block;
}

.hd .popup_filter .modal .category__radio li:not(:first-child) {
  margin-top: 15px;
}

.hd .popup_filter .modal .category .box {
  margin: 0 -3.5px 7px;
}

.hd .popup_filter .modal .category .box__list {
  float: left;
  margin: 3.5px;
  font-size: 16px;
  color: #1c1c1c;
  text-align: center;
}

.hd .popup_filter .modal .category .box__list label {
  padding: 0 10px;
  min-width: 94px;
  font-weight: 400;
  border-radius: 25px;
  box-sizing: border-box;
}

.hd .popup_filter .modal .score {
  display: inline-block;
  direction: rtl;
  border: 0;
}

.hd .popup_filter .modal .score legend {
  text-align: left;
}

.hd .popup_filter .modal .score input[type=radio] {
  display: none;
}

.hd .popup_filter .modal .score label {
  font-size: 2.5em;
  color: transparent;
  text-shadow: 0 0 0 #f0f0f0;
  cursor: pointer;
}

.hd .popup_filter .modal .score input[type=radio]:checked ~ label {
  text-shadow: 0 0 0 #FECC1B;
}

.hd .popup_filter .modal .btn {
  width: 440px;
  margin-top: 60px;
}

.hd .popup_filter .modal .btn button {
  display: inline-block;
  width: calc(100% / 2);
  height: 55px;
  line-height: 53px;
}

.hd .popup_filter .modal .btn-img {
  background: url("/front_pc/images/btn_comm_reset-b0c36ade0734a76576abd70d3621d9ca.png") no-repeat 0 50%;
  padding-left: 30px;
}

.hd .popup_filter .modal .option-area1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-top: 15px;
  width: 890px;
}

.hd .popup_filter .modal .option-list {
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-right: 20px;
  box-sizing: border-box;
}

.hd .popup_filter .modal .option-list::-webkit-scrollbar {
  display: none;
}

.hd .popup_filter .modal .option-list li {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  flex: 0 0 auto;
  border: 1px solid #918c00;
  border-radius: 100px;
  box-sizing: border-box;
  margin: 0 7px 7px 0;
}

.hd .popup_filter .modal .option-list li a {
  display: block;
  font-size: 14px;
  color: #918c00;
  box-sizing: border-box;
}

.hd .popup_filter .modal .option-list li a span {
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  overflow: hidden;
  max-width: 218px;
  min-width: 0px;
  width: 100%;
  padding: 7px 3px 8px 9px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd .popup_filter .modal .option-list li .list-del {
  flex: 0 0 20px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  align-self: stretch;
  width: 20px;
  height: auto;
  font-size: 0;
}

.hd .popup_filter .modal .option-list li .list-del:after {
  font-size: 15px;
  color: #918c00;
  content: "\00d7";
}

.hd .popup_filter.searchPop .searchPop-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.hd .popup_filter.searchPop .searchPop-btn {
  position: absolute;
  right: 0;
  top: 20px;
  opacity: 0.5;
}

.hd .popup_filter.searchPop .btn {
  margin-top: 100px;
  justify-content: center;
  width: auto;
}

.hd .popup_filter.searchPop .btn button {
  height: 70px;
  font-size: 22px;
  border-radius: 10px;
}

.hd .coupon-download__desc {
  margin-bottom: 20px;
  font-size: 16px;
}

.hd .coupon-download__list {
  margin-top: 40px;
}

.hd .coupon-download__list:first-child {
  margin-top: 0;
}

.hd .coupon-download__list .coupon {
  position: relative;
  height: 140px;
  padding-left: 40px;
  background: #918c00;
  font-size: 0;
  cursor: pointer;
}

.hd .coupon-download__list .coupon.coupon--done {
  background: #DCDCDC;
  cursor: default;
}

.hd .coupon-download__list .coupon.coupon--done .download-btn {
  display: none;
}

.hd .coupon-download__list .coupon.coupon--done .download-btn-done {
  display: block;
}

.hd .coupon-download__list .coupon:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.hd .coupon-download__list .coupon__info {
  display: inline-block;
  position: relative;
  width: calc(100% - 97px);
  padding-right: 97px;
  vertical-align: middle;
}

.hd .coupon-download__list .coupon__info:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: -40px;
  width: 18px;
  height: 36px;
  background: #FFF;
  border-radius: 0 100px 100px 0;
  transform: translate3d(0, -50%, 0);
}

.hd .coupon-download__list .coupon__name {
  font-size: 18px;
  font-weight: normal;
  color: #FFF;
}

.hd .coupon-download__list .coupon__price {
  display: block;
  margin-top: 10px;
  font-size: 18px;
  color: #FFF;
}

.hd .coupon-download__list .coupon__price strong {
  font-size: 46px;
  font-weight: 600;
}

.hd .coupon-download__list .coupon .download-btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 97px;
  height: 100%;
  padding-top: 25px;
  border-left: 1px dashed #fff;
  line-height: 22px;
  text-align: center;
  font-size: 16px;
  color: #FFF;
  box-sizing: border-box;
}

.hd .coupon-download__list .coupon .download-btn:after {
  content: '';
  display: block;
  width: 21px;
  height: 23px;
  margin: 10px auto 0;
  background: url("/front_mo/images/btn_download-58c2f8881db93439868d4056f28ef84b.png") no-repeat 0 0;
}

.hd .coupon-download__list .coupon .download-btn-done {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 97px;
  height: 100%;
  padding-top: 35px;
  border-left: 1px dashed #FFF;
  line-height: 22px;
  text-align: center;
  font-size: 16px;
  color: #FFF;
  box-sizing: border-box;
}

.hd .coupon-download__list .download-info {
  margin: 10px 0 0;
  line-height: 24px;
  font-size: 16px;
}

.hd .coupon-download__notice {
  display: block;
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
  font-size: 16px;
  font-weight: 400;
  color: #888;
  line-height: 30px;
}

.hd .coupon-download__notice span {
  color: #1c1c1c;
}

.hd .popup_productWrite .hd__popup__modal {
  width: 650px;
}

.hd .popup_productWrite .productWrite__head {
  margin-top: -10px;
  line-height: 30px;
  font-size: 16px;
}

.hd .popup_productWrite .productWrite-form {
  margin-top: 10px;
}

.hd .popup_productWrite .productWrite-form__sec {
  margin-bottom: 15px;
  padding: 15px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.hd .popup_productWrite .productWrite-form__sec__check {
  position: relative;
  margin-bottom: 20px;
  padding-left: 95px;
}

.hd .popup_productWrite .productWrite-form__sec__check .hd__form-title {
  position: absolute;
  top: 3px;
  left: 0;
}

.hd .popup_productWrite .productWrite-form__sec__check ul {
  font-size: 0;
}

.hd .popup_productWrite .productWrite-form__sec__check ul li {
  display: inline-block;
  vertical-align: top;
  margin-left: 15px;
}

.hd .popup_productWrite .productWrite-form__sec__check ul li:first-child {
  margin-left: 0;
}

.hd .popup_productWrite .productWrite-form__sec__textarea {
  margin: 10px 0 20px;
}

.hd .popup_productWrite .productWrite-form__sec__textarea textarea {
  width: 100%;
  height: 90px;
  padding: 20px;
  border: 1px solid #ccc;
  font-size: 16px;
  color: #1c1c1c;
  resize: none;
  box-sizing: border-box;
}

.hd .popup_productWrite .productWrite-form__sec__email .hd__form-title {
  display: block;
}

.hd .popup_productWrite .productWrite-form__sec__email .email-form {
  margin: 15px 0;
  display: flex;
  font-size: 16px;
  color: #888;
  justify-content: space-between;
  align-items: center;
}

.hd .popup_productWrite .productWrite-form__sec__email .email-form input {
  width: 190px;
}

.hd .popup_productWrite .productWrite-form__sec__email .email-form .hd__custom-select {
  width: 165px;
}

.hd .popup_productWrite .productWrite-form__sec__email .desc {
  display: block;
  font-size: 15px;
  color: #888;
}

.hd .popup_productWrite .productWrite-form .import {
  color: #918c00;
}

.hd .popup_productWrite .productWrite .btn {
  margin-top: 30px;
}

.hd .popup_productWrite .productWrite .btn-init {
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-weight: 600;
}

.hd .designationDetail__wrap, .hd .addPopup__wrap {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1100px;
  max-height: 90%;
  background: #FFF;
}

.hd .designationDetail .close-area, .hd .addPopup .close-area {
  position: relative;
  z-index: 4;
  width: 100%;
  max-width: 1100px;
  height: 64px;
  background: #918c00;
}

.hd .designationDetail .close-area .page-mark, .hd .addPopup .close-area .page-mark {
  display: block;
  position: relative;
  top: 0;
  left: 30px;
  float: left;
  width: 220px;
  height: 50px;
  margin-top: 6px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  line-height: 50px;
}

.hd .designationDetail .close-area a, .hd .addPopup .close-area a {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  font-size: 18px;
  color: #FFF;
  transform: translate(0, -50%);
}

.hd .designationDetail .close-area a .top-area__btn-icon, .hd .addPopup .close-area a .top-area__btn-icon {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  margin-left: 5px;
  vertical-align: -8px;
}

.hd .designationDetail .close-area a .top-area__btn-icon:before, .hd .addPopup .close-area a .top-area__btn-icon:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 26px;
  background-color: #FFF;
  transform: rotate(45deg);
  margin: -13px 0 0 -1px;
}

.hd .designationDetail .close-area a .top-area__btn-icon:after, .hd .addPopup .close-area a .top-area__btn-icon:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 26px;
  background-color: #FFF;
  transform: rotate(-45deg);
  margin: -13px 0 0 -1px;
}

.hd .designationDetail .close-area .hd-checkbox, .hd .addPopup .close-area .hd-checkbox {
  position: absolute;
  right: 130px;
  top: 20px;
  transform: scale(0.8);
}

.hd .designationDetail .close-area .hd-checkbox label, .hd .addPopup .close-area .hd-checkbox label {
  font-size: 17px;
  color: rgba(255, 255, 255, 0.8);
}

.hd .designationDetail .close-area .hd-checkbox label:before, .hd .addPopup .close-area .hd-checkbox label:before {
  background-color: transparent;
}

.hd .designationDetail .close-area .hd-checkbox input:checked + label:before, .hd .addPopup .close-area .hd-checkbox input:checked + label:before {
  background-color: #1c1c1c;
}

.hd .designationDetail__inner, .hd .addPopup__inner {
  overflow: hidden;
  overflow-y: scroll;
  width: 1020px;
  height: 760px;
  padding: 0 40px;
}

.hd .designationDetail__cont, .hd .addPopup__cont {
  padding: 40px 0;
}

.hd .designationDetail .overview, .hd .addPopup .overview {
  position: relative;
}

.hd .designationDetail .overview .slider, .hd .addPopup .overview .slider {
  overflow: hidden;
  width: 550px;
  height: 550px;
}

.hd .designationDetail .overview .slider__sec, .hd .addPopup .overview .slider__sec {
  position: relative;
  float: left;
}

.hd .designationDetail .overview .slider__sec .slick-controller, .hd .addPopup .overview .slider__sec .slick-controller {
  transform: none;
}

.hd .designationDetail .overview .slider figure, .hd .addPopup .overview .slider figure {
  overflow: hidden;
  width: 550px;
  height: 550px;
}

.hd .designationDetail .overview .slider .slick-dots, .hd .addPopup .overview .slider .slick-dots {
  left: 30px;
  bottom: 30px;
  transform: none;
}

.hd .designationDetail .overview .info-area, .hd .addPopup .overview .info-area {
  float: left;
  width: calc(100% - 590px);
  margin-left: 40px;
}

.hd .designationDetail .overview .info-area__name, .hd .addPopup .overview .info-area__name {
  padding: 10px 30px 15px 0;
  font-size: 26px;
  line-height: 32px;
}

.hd .designationDetail .overview .info-area__name .strong, .hd .addPopup .overview .info-area__name .strong {
  display: block;
}

.hd .designationDetail .overview .info-area .box, .hd .addPopup .overview .info-area .box {
  border-top: 1px solid #1c1c1c;
  border-bottom: 1px solid #ccc;
}

.hd .designationDetail .overview .info-area .box__list, .hd .addPopup .overview .info-area .box__list {
  padding: 16px 0;
}

.hd .designationDetail .overview .info-area .box__list:not(:last-child), .hd .addPopup .overview .info-area .box__list:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

.hd .designationDetail .overview .info-area .box .icon, .hd .addPopup .overview .info-area .box .icon {
  padding: 6px 0;
  font-size: 0;
}

.hd .designationDetail .overview .info-area .box .icon__list, .hd .addPopup .overview .info-area .box .icon__list {
  display: inline-block;
  width: calc(100% / 6);
  padding: 10px 5px;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
  box-sizing: border-box;
}

.hd .designationDetail .overview .info-area .box .icon__list img, .hd .addPopup .overview .info-area .box .icon__list img {
  display: block;
  width: 35px;
  height: 35px;
  margin: 0 auto 5px;
}

.hd .designationDetail .overview .info-area .box .gram__name, .hd .addPopup .overview .info-area .box .gram__name {
  display: inline-block;
  width: 80px;
}

.hd .designationDetail .overview .info-area .box .kcal__name, .hd .addPopup .overview .info-area .box .kcal__name {
  display: inline-block;
  width: 80px;
}

.hd .designationDetail .overview .info-area .box .ingredient, .hd .addPopup .overview .info-area .box .ingredient {
  word-break: normal;
  word-wrap: break-word;
  line-height: 26px;
  font-size: 26px;
}

.hd .designationDetail .overview .info-area .box .ingredient-type2 li, .hd .addPopup .overview .info-area .box .ingredient-type2 li {
  display: table;
  width: 100%;
  padding: 5px 0;
}

.hd .designationDetail .overview .info-area .box .ingredient-type2 li span:first-child, .hd .addPopup .overview .info-area .box .ingredient-type2 li span:first-child {
  display: table-cell;
}

.hd .designationDetail .overview .info-area .box .ingredient-type2 li span:last-child, .hd .addPopup .overview .info-area .box .ingredient-type2 li span:last-child {
  display: table-cell;
  width: 150px;
  text-align: right;
}

.hd .designationDetail .overview .info-area .price, .hd .addPopup .overview .info-area .price {
  height: 44px;
  line-height: 44px;
  margin-top: 16px;
}

.hd .designationDetail .overview .info-area .price-discounted, .hd .addPopup .overview .info-area .price-discounted {
  display: inline-block;
  font-size: 24px;
}

.hd .designationDetail .overview .info-area .price-origin, .hd .addPopup .overview .info-area .price-origin {
  display: inline-block;
  margin-left: 8px;
  font-size: 16px;
}

.hd .designationDetail .overview .info-area .coupon, .hd .addPopup .overview .info-area .coupon {
  position: relative;
  display: block;
  float: right;
  width: 110px;
  height: 44px;
  padding-left: 20px;
  color: #FFF;
  background-color: #918c00;
  line-height: 44px;
  text-align: left;
}

.hd .designationDetail .overview .info-area .coupon:before, .hd .addPopup .overview .info-area .coupon:before {
  display: block;
  position: absolute;
  left: -7px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background-color: #FFF;
  border-radius: 10px;
  content: '';
}

.hd .designationDetail .overview .info-area .coupon:after, .hd .addPopup .overview .info-area .coupon:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  background: #918c00 url(/front_mo/images/btn_download-58c2f8881db93439868d4056f28ef84b.png) no-repeat center center;
  background-size: 40%;
  content: '';
}

.hd .designationDetail .detail, .hd .addPopup .detail {
  position: relative;
  padding-top: 137px;
}

.hd .designationDetail .detail .tab-menu, .hd .addPopup .detail .tab-menu {
  position: absolute;
  z-index: 3;
  top: 0;
  width: 1003px;
  height: 57px;
  padding-top: 70px;
  background-color: #FFF;
  border-bottom: 10px solid #FFF;
}

.hd .designationDetail .detail .tab-menu.fixed, .hd .addPopup .detail .tab-menu.fixed {
  position: fixed;
  top: 30px;
}

.hd .designationDetail .detail .tab-menu.ieFixed, .hd .addPopup .detail .tab-menu.ieFixed {
  position: fixed;
  top: 70px;
  margin-left: -550px;
}

.hd .designationDetail .detail .tab-menu__inner, .hd .addPopup .detail .tab-menu__inner {
  position: relative;
  width: 100%;
  height: 57px;
  margin: 0 auto;
}

.hd .designationDetail .detail .tab-menu__inner:after, .hd .addPopup .detail .tab-menu__inner:after {
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 3px;
  background: #918c00;
  content: '';
}

.hd .designationDetail .detail .tab-menu__list, .hd .addPopup .detail .tab-menu__list {
  position: relative;
  float: left;
  width: calc(100% /4);
  height: 55px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 55px;
}

.hd .designationDetail .detail .tab-menu__list:first-child, .hd .addPopup .detail .tab-menu__list:first-child {
  margin-left: 0;
}

.hd .designationDetail .detail .tab-menu__list a, .hd .addPopup .detail .tab-menu__list a {
  display: block;
  padding-right: 24px;
}

.hd .designationDetail .detail .tab-menu__list a:after, .hd .addPopup .detail .tab-menu__list a:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 22px solid #EAEAEA;
  border-left: 13px solid #EAEAEA;
}

.hd .designationDetail .detail .tab-menu__list a strong, .hd .addPopup .detail .tab-menu__list a strong {
  display: block;
  background: #EAEAEA;
  border-radius: 20px 20px 0 0;
}

.hd .designationDetail .detail .tab-menu__list--on, .hd .addPopup .detail .tab-menu__list--on {
  z-index: 2;
}

.hd .designationDetail .detail .tab-menu__list--on a:after, .hd .addPopup .detail .tab-menu__list--on a:after {
  border-top: 24px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 22px solid #918c00;
  border-left: 13px solid #918c00;
}

.hd .designationDetail .detail .tab-menu__list--on a strong, .hd .addPopup .detail .tab-menu__list--on a strong {
  background: #918c00;
  color: #FFF;
}

.hd .designationDetail .detail .tab-menu__count, .hd .addPopup .detail .tab-menu__count {
  display: block;
  position: absolute;
  top: -16px;
  right: 10px;
  z-index: 2;
  min-width: 29px;
  min-height: 29px;
  padding: 0 8px;
  background: #3D3D3D;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  line-height: 28px;
  border-radius: 15px;
  box-sizing: border-box;
}

.hd .designationDetail .detail .tab-menu--fixed, .hd .addPopup .detail .tab-menu--fixed {
  position: fixed;
  padding-top: 30px;
}

.hd .designationDetail .detail .tab-content, .hd .addPopup .detail .tab-content {
  width: 100%;
  margin: 0 auto;
  /** 상품 정보 **/
  /** 상품 후기 **/
  /** 상품 문의 **/
  /** 배송/교환 **/
}

.hd .designationDetail .detail .tab-content.cont-notice .box__list__cont, .hd .addPopup .detail .tab-content.cont-notice .box__list__cont {
  display: block !important;
}

.hd .designationDetail .detail .tab-content__sect, .hd .addPopup .detail .tab-content__sect {
  margin-top: 120px;
}

.hd .designationDetail .detail .tab-content__sect__tit, .hd .addPopup .detail .tab-content__sect__tit {
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: 600;
}

.hd .designationDetail .detail .tab-content__sect__tit.middleLine, .hd .addPopup .detail .tab-content__sect__tit.middleLine {
  position: relative;
}

.hd .designationDetail .detail .tab-content__sect__tit.middleLine:before, .hd .addPopup .detail .tab-content__sect__tit.middleLine:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  margin-top: -15px;
  background: #1c1c1c;
}

.hd .designationDetail .detail .tab-content__sect__tit.middleLine > span, .hd .addPopup .detail .tab-content__sect__tit.middleLine > span {
  display: inline-block;
  position: relative;
  padding: 0 25px;
  padding-left: 0;
  background: #FFF;
  font-size: 33px;
  line-height: 36px;
}

.hd .designationDetail .detail .tab-content__sect__tit.middleLine > span span, .hd .addPopup .detail .tab-content__sect__tit.middleLine > span span {
  display: block;
  font-size: 22px;
  color: #707070;
  font-weight: 300;
}

.hd .designationDetail .detail .tab-content__sect.notification, .hd .addPopup .detail .tab-content__sect.notification {
  position: relative;
}

.hd .designationDetail .detail .tab-content__sect.notification .tab-content__sect__tit, .hd .addPopup .detail .tab-content__sect.notification .tab-content__sect__tit {
  margin-bottom: 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

.hd .designationDetail .detail .tab-content__sect.notification .btn_accd, .hd .addPopup .detail .tab-content__sect.notification .btn_accd {
  position: absolute;
  top: 0;
  right: 12px;
  z-index: 1;
  width: 28px;
  height: 51px;
  background: url("/front_pc/images/btn_main_slider-arrow-e626e4f529efc564e38a4e9b64e4a2d0.png") no-repeat 50% 50%/70%;
  font-size: 0;
  transform: rotate(-90deg);
}

.hd .designationDetail .detail .tab-content__sect.notification .btn_accd.on, .hd .addPopup .detail .tab-content__sect.notification .btn_accd.on {
  transform: rotate(90deg);
}

.hd .designationDetail .detail .tab-content.cont-info, .hd .addPopup .detail .tab-content.cont-info {
  margin-top: 40px;
}

.hd .designationDetail .detail .tab-content.cont-info .cont-info__banner, .hd .addPopup .detail .tab-content.cont-info .cont-info__banner {
  text-align: center;
}

.hd .designationDetail .detail .tab-content.cont-info .detailInfo, .hd .addPopup .detail .tab-content.cont-info .detailInfo {
  font-size: 20px;
  line-height: 29px;
}

.hd .designationDetail .detail .tab-content.cont-info .message__to, .hd .addPopup .detail .tab-content.cont-info .message__to {
  margin-bottom: 35px;
  font-size: 24px;
}

.hd .designationDetail .detail .tab-content.cont-info .message__name, .hd .addPopup .detail .tab-content.cont-info .message__name {
  font-weight: bold;
}

.hd .designationDetail .detail .tab-content.cont-info .message__advice, .hd .addPopup .detail .tab-content.cont-info .message__advice {
  font-size: 20px;
  line-height: 29px;
}

.hd .designationDetail .detail .tab-content.cont-info .message__advice__from, .hd .addPopup .detail .tab-content.cont-info .message__advice__from {
  display: block;
  position: relative;
  margin-top: 50px;
  font-size: 20px;
  text-align: right;
  white-space: normal;
}

.hd .designationDetail .detail .tab-content.cont-info .message__advice__from .sign, .hd .addPopup .detail .tab-content.cont-info .message__advice__from .sign {
  display: block;
  padding: 10px 20px 0 0;
}

.hd .designationDetail .detail .tab-content.cont-info .message__advice__from .sign img, .hd .addPopup .detail .tab-content.cont-info .message__advice__from .sign img {
  width: 150px;
}

.hd .designationDetail .detail .tab-content.cont-info .nutri__thumb,
.hd .designationDetail .detail .tab-content.cont-info .package__thumb, .hd .addPopup .detail .tab-content.cont-info .nutri__thumb,
.hd .addPopup .detail .tab-content.cont-info .package__thumb {
  width: 700px;
  text-align: center;
}

.hd .designationDetail .detail .tab-content.cont-info .message,
.hd .designationDetail .detail .tab-content.cont-info .detailInfo,
.hd .designationDetail .detail .tab-content.cont-info .package,
.hd .designationDetail .detail .tab-content.cont-info .nutri, .hd .addPopup .detail .tab-content.cont-info .message,
.hd .addPopup .detail .tab-content.cont-info .detailInfo,
.hd .addPopup .detail .tab-content.cont-info .package,
.hd .addPopup .detail .tab-content.cont-info .nutri {
  width: 700px;
  margin: 0 auto;
}

.hd .designationDetail .detail .tab-content.cont-info .notification .box, .hd .addPopup .detail .tab-content.cont-info .notification .box {
  display: none;
}

.hd .designationDetail .detail .tab-content.cont-info .notification .box__list, .hd .addPopup .detail .tab-content.cont-info .notification .box__list {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
  line-height: 24px;
}

.hd .designationDetail .detail .tab-content.cont-info .notification .box__list__tit, .hd .addPopup .detail .tab-content.cont-info .notification .box__list__tit {
  display: table-cell;
  width: 210px;
}

.hd .designationDetail .detail .tab-content.cont-info .notification .box__list__desc, .hd .addPopup .detail .tab-content.cont-info .notification .box__list__desc {
  display: table-cell;
  width: calc(100% - 240px);
  padding-left: 30px;
  vertical-align: top;
  word-break: keep-all;
}

.hd .designationDetail .detail .tab-content.cont-info .item-area .tab-content__sect__tit, .hd .addPopup .detail .tab-content.cont-info .item-area .tab-content__sect__tit {
  padding-bottom: 25px;
  border-bottom: 3px solid #918c00;
}

.hd .designationDetail .detail .tab-content.cont-info .item-area .box a, .hd .addPopup .detail .tab-content.cont-info .item-area .box a {
  display: block;
}

.hd .designationDetail .detail .tab-content.cont-info .item-area .box a figure, .hd .addPopup .detail .tab-content.cont-info .item-area .box a figure {
  overflow: hidden;
  width: 260px;
  height: 260px;
}

.hd .designationDetail .detail .tab-content.cont-info .item-area .box__list, .hd .addPopup .detail .tab-content.cont-info .item-area .box__list {
  float: left;
  width: 260px;
  margin-top: 30px;
  margin-left: 30px;
}

.hd .designationDetail .detail .tab-content.cont-info .item-area .box__list:nth-child(-n+4), .hd .addPopup .detail .tab-content.cont-info .item-area .box__list:nth-child(-n+4) {
  margin-top: 0;
}

.hd .designationDetail .detail .tab-content.cont-info .item-area .box__list:nth-child(4n+1), .hd .addPopup .detail .tab-content.cont-info .item-area .box__list:nth-child(4n+1) {
  margin-left: 0;
  clear: both;
}

.hd .designationDetail .detail .tab-content.cont-info .item-area .box__list__title, .hd .addPopup .detail .tab-content.cont-info .item-area .box__list__title {
  display: block;
  max-height: 52px;
  margin-top: 15px;
  font-size: 20px;
  line-height: 26px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .designationDetail .detail .tab-content.cont-info .item-area .box__list__price, .hd .addPopup .detail .tab-content.cont-info .item-area .box__list__price {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  color: #888;
}

.hd .designationDetail .detail .tab-content.cont-info .item-area .box__list__price-discounted, .hd .addPopup .detail .tab-content.cont-info .item-area .box__list__price-discounted {
  font-size: 20px;
}

.hd .designationDetail .detail .tab-content.cont-info .item-area .box__list__price-origin, .hd .addPopup .detail .tab-content.cont-info .item-area .box__list__price-origin {
  display: inline-block;
  margin-left: 15px;
  font-size: 16px;
  color: #888;
}

.hd .designationDetail .detail .tab-content.cont-info .item-area .box__list .icon-area, .hd .addPopup .detail .tab-content.cont-info .item-area .box__list .icon-area {
  margin-top: 15px;
  padding: 10px 15px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 0;
}

.hd .designationDetail .detail .tab-content.cont-info .item-area .box__list .icon-area span, .hd .addPopup .detail .tab-content.cont-info .item-area .box__list .icon-area span {
  display: inline-block;
  width: 33px;
  height: 36px;
}

.hd .designationDetail .detail .tab-content.cont-info .item-area .box__list .icon-area span:not(:first-child), .hd .addPopup .detail .tab-content.cont-info .item-area .box__list .icon-area span:not(:first-child) {
  margin-left: 16px;
}

.hd .designationDetail .detail .tab-content.cont-info .item-area .box__list .icon-area span img, .hd .addPopup .detail .tab-content.cont-info .item-area .box__list .icon-area span img {
  display: block;
  max-width: 100%;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .head, .hd .addPopup .detail .tab-content.cont-inquiry .head {
  padding: 15px 0;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .head .all, .hd .addPopup .detail .tab-content.cont-inquiry .head .all {
  font-size: 16px;
  font-weight: 600;
  line-height: 44px;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .head .all__num, .hd .addPopup .detail .tab-content.cont-inquiry .head .all__num {
  font-weight: 400;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .head .mine, .hd .addPopup .detail .tab-content.cont-inquiry .head .mine {
  position: relative;
  height: 42px;
  margin-left: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 42px;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .head .mine__num, .hd .addPopup .detail .tab-content.cont-inquiry .head .mine__num {
  font-weight: 400;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .head .mine:before, .hd .addPopup .detail .tab-content.cont-inquiry .head .mine:before {
  top: 55%;
  left: -10px;
  height: 70%;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .head .sorting-area, .hd .addPopup .detail .tab-content.cont-inquiry .head .sorting-area {
  float: right;
  width: 170px;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box, .hd .addPopup .detail .tab-content.cont-inquiry .box {
  width: 100%;
  border-top: 1px solid #ccc;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list, .hd .addPopup .detail .tab-content.cont-inquiry .box__list {
  border-bottom: 1px solid #ccc;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list + .box__list, .hd .addPopup .detail .tab-content.cont-inquiry .box__list + .box__list {
  border-top: none;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list__head, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__head {
  padding: 22px 24px;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list__sort, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__sort {
  display: inline-block;
  width: 85px;
  vertical-align: top;
  line-height: 24px;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list__title, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__title {
  display: inline-block;
  width: 400px;
  vertical-align: top;
  line-height: 24px;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list .writer-info, .hd .addPopup .detail .tab-content.cont-inquiry .box__list .writer-info {
  display: inline-block;
  width: 300px;
  font-size: 16px;
  color: #888;
  text-align: right;
  vertical-align: top;
  line-height: 24px;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list .writer-info__id, .hd .addPopup .detail .tab-content.cont-inquiry .box__list .writer-info__id {
  padding-right: 10px;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list .writer-info__date, .hd .addPopup .detail .tab-content.cont-inquiry .box__list .writer-info__date {
  margin-left: 10px;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list .writer-info__time, .hd .addPopup .detail .tab-content.cont-inquiry .box__list .writer-info__time {
  margin-left: 10px;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list__process, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__process {
  display: inline-block;
  width: 100px;
  text-align: right;
  vertical-align: top;
  line-height: 24px;
  color: #918c00;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list__cont, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__cont {
  width: calc(100% - 50px);
  padding: 25px;
  background: #f9f9f9;
  border-top: 1px solid #ccc;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list__cont .boxInner, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__cont .boxInner {
  display: inline-block;
  width: 100%;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list__cont .boxInner__cont, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__cont .boxInner__cont {
  width: 100%;
  padding: 30px 0;
  font-size: 16px;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list__cont .boxInner .detail, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__cont .boxInner .detail {
  padding-top: 0;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list__cont .review, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__cont .review {
  width: 100%;
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list__cont .review__text, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__cont .review__text {
  font-size: 16px;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list__cont .review .writer-info, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__cont .review .writer-info {
  margin-top: 15px;
  text-align: left;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list__cont .box__list__title, .hd .designationDetail .detail .tab-content.cont-inquiry .box__list__cont .box__list__sort, .hd .designationDetail .detail .tab-content.cont-inquiry .box__list__cont .box__list__process, .hd .designationDetail .detail .tab-content.cont-inquiry .box__list__cont .writer-info, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__cont .box__list__title, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__cont .box__list__sort, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__cont .box__list__process, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__cont .writer-info {
  display: none;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list__tag, .hd .addPopup .detail .tab-content.cont-inquiry .box__list__tag {
  display: inline-block;
  height: 24px;
  margin-bottom: 15px;
  padding: 0 15px;
  background: #918c00;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  color: #FFF;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .box__list .secret:after, .hd .addPopup .detail .tab-content.cont-inquiry .box__list .secret:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 22px;
  margin-left: 10px;
  background: url("/front_pc/images/ico_comm_lock-de3ce8fcfd45719780705240b1ab80ad.png") no-repeat 0 0;
  background-size: 90%;
  vertical-align: text-bottom;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .btn, .hd .addPopup .detail .tab-content.cont-inquiry .btn {
  display: inherit;
  width: 100%;
  margin-top: 25px;
  text-align: right;
}

.hd .designationDetail .detail .tab-content.cont-inquiry .btn__write, .hd .addPopup .detail .tab-content.cont-inquiry .btn__write {
  display: block;
  float: right;
  width: 203px;
  height: 54px;
  font-size: 18px;
  line-height: 52px;
}

.hd .designationDetail .detail .tab-content.cont-notice .box, .hd .addPopup .detail .tab-content.cont-notice .box {
  width: 100%;
}

.hd .designationDetail .detail .tab-content.cont-notice .box__list, .hd .addPopup .detail .tab-content.cont-notice .box__list {
  margin-top: 40px;
}

.hd .designationDetail .detail .tab-content.cont-notice .box__list + .box__list, .hd .addPopup .detail .tab-content.cont-notice .box__list + .box__list {
  border-top: none;
}

.hd .designationDetail .detail .tab-content.cont-notice .box__list__head, .hd .addPopup .detail .tab-content.cont-notice .box__list__head {
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: 600;
}

.hd .designationDetail .detail .tab-content.cont-notice .box__list__title, .hd .addPopup .detail .tab-content.cont-notice .box__list__title {
  display: block;
  width: 100%;
  line-height: 24px;
}

.hd .designationDetail .detail .tab-content.cont-notice .box__list__cont, .hd .addPopup .detail .tab-content.cont-notice .box__list__cont {
  padding: 25px 0 0;
}

.hd .designationDetail .add-top, .hd .addPopup .add-top {
  margin: 50px 60px -30px;
  line-height: 1.3;
  text-align: center;
}

.hd .designationDetail .add-top .info, .hd .addPopup .add-top .info {
  overflow: hidden;
}

.hd .designationDetail .add-top .info dt, .hd .addPopup .add-top .info dt {
  float: left;
  width: 40%;
  font-size: 29px;
  font-weight: 600;
}

.hd .designationDetail .add-top .info dd, .hd .addPopup .add-top .info dd {
  float: left;
  padding-top: 7px;
  width: 60%;
  line-height: 1.5;
  font-size: 18px;
  color: #888;
  text-align: left;
}

.hd .designationDetail .add-top .box, .hd .addPopup .add-top .box {
  display: block;
  padding: 12px 20px;
  margin: 30px auto 0;
  font-size: 17px;
  border-radius: 100px;
  text-align: center;
  background-color: #F9D983;
}

.hd .designationDetail .add-inner, .hd .addPopup .add-inner {
  position: relative;
  overflow: hidden;
}

.hd .designationDetail .add-inner .scroll, .hd .addPopup .add-inner .scroll {
  margin-bottom: 70px;
  overflow: hidden;
  overflow-y: scroll;
  width: 1100px;
  height: 680px;
}

.hd .designationDetail .add-inner .item-area, .hd .addPopup .add-inner .item-area {
  margin-left: -5px;
  width: 1100px;
  transform: scale(0.9);
}

.hd .designationDetail .add-inner .final-count, .hd .addPopup .add-inner .final-count {
  margin: 0 43px 50px 50px;
}

.hd .designationDetail .add-inner .layer-opacity, .hd .addPopup .add-inner .layer-opacity {
  top: 64px;
}

.hd .designationDetail .add-inner .option-area, .hd .addPopup .add-inner .option-area {
  bottom: -60px;
  transition: all 0.35s linear;
}

.hd .designationDetail .add-inner .option-area.open, .hd .addPopup .add-inner .option-area.open {
  bottom: 0;
}

.hd .designationDetail .add-btn, .hd .addPopup .add-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.hd .designationDetail .add-btn .btn-init > span, .hd .addPopup .add-btn .btn-init > span {
  height: 70px;
  line-height: 70px;
  font-size: 22px;
}

.hd .designationDetail .add-btn .count-wrap, .hd .addPopup .add-btn .count-wrap {
  padding: 22.5px 30px;
  text-align: left;
  overflow: hidden;
  font-size: 22px;
}

.hd .designationDetail .add-btn .count-wrap .count-box, .hd .addPopup .add-btn .count-wrap .count-box {
  margin-right: 20px;
  padding: 2px 20px 4px;
  font-size: 18px;
  color: #1c1c1c;
  border-radius: 30px;
  background: #fff;
}

.hd .designationDetail .add-btn .count-wrap .count-text, .hd .addPopup .add-btn .count-wrap .count-text {
  float: right;
}

.hd .designationDetail .add-btn .green .count-box, .hd .addPopup .add-btn .green .count-box {
  color: #918c00;
}

.hd .coupon-use__notice {
  display: block;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
}

.hd .coupon-use__sec {
  margin-top: 25px;
  font-size: 16px;
}

.hd .coupon-use__sec__title {
  position: relative;
  display: block;
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 3px solid #918c00;
  font-size: 20px;
  font-weight: 600;
}

.hd .coupon-use__sec__title span {
  font-size: 18px;
  font-weight: normal;
  color: #888;
}

.hd .coupon-use__sec__title .hd-checkbox {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: normal;
}

.hd .coupon-use__sec__title .hd-checkbox [type="checkbox"]:checked + label {
  color: #918c00;
}

.hd .coupon-use__sec.type2 .coupon-use__list__detail {
  position: relative;
  padding-left: 140px;
  line-height: 1.2;
}

.hd .coupon-use__sec.type2 .coupon-use__list__detail .coupon-use__list__left {
  position: absolute;
  left: 0;
  top: 20px;
  width: 120px;
}

.hd .coupon-use__sec.type2 .coupon-use__list__detail .coupon-use__list__left span {
  display: block;
  text-align: center;
}

.hd .coupon-use__sec.type2 .coupon-use__list__detail .coupon-use__list__left-title {
  font-weight: 600;
}

.hd .coupon-use__sec.type2 .coupon-use__list__detail .coupon-use__list__left-price {
  color: #888;
}

.hd .coupon-use__sec.type2 .coupon-use__list__detail .coupon-use__list__right-option {
  margin-bottom: 10px;
}

.hd .coupon-use__sec.type2 .coupon-use__list__detail .coupon-use__list__right .coupon-use__list__select {
  margin: 0;
  padding-right: 50px;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd .coupon-use__sec.type2 .coupon-use__list__detail .coupon-use__list__right .coupon-use__list__select-guide {
  margin-top: 10px;
  color: #888;
}

.hd .coupon-use__sec.type2 .coupon-use__list__detail .coupon-use__list__right .coupon-use__list__select-guide.green {
  color: #918c00;
}

.hd .coupon-use__sec.type2 .coupon-use__list__detail .coupon-use__list__right .coupon-use__list__select + .coupon-use__list__right-option {
  margin-top: 20px;
}

.hd .coupon-use__sec.type2 .coupon-use__list__discount {
  margin-top: 25px;
}

.hd .coupon-use__number {
  margin-top: -5px;
  padding-bottom: 20px;
  text-align: center;
}

.hd .coupon-use__number-text {
  display: inline-block;
}

.hd .coupon-use__number-text:not(:first-child) {
  margin-left: 15px;
}

.hd .coupon-use__number-text:not(:first-child):before {
  display: inline-block;
  margin-right: 15px;
  width: 2px;
  height: 15px;
  background-color: #ccc;
  vertical-align: baseline;
  content: '';
}

.hd .coupon-use__list li {
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.hd .coupon-use__list li .normal-product {
  margin-top: 5px;
}

.hd .coupon-use__list__detail {
  position: relative;
  padding-top: 20px;
}

.hd .coupon-use__list__txt {
  overflow: hidden;
  max-height: 52px;
  padding-right: 80px;
  line-height: 26px;
  font-weight: 600;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .coupon-use__list__price {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 26px;
}

.hd .coupon-use__list__select {
  width: 100%;
  max-width: 580px;
  height: 45px;
  margin: 20px 0;
  padding: 0 15px;
  border: 1px solid #ccc;
  background: url("/front_pc/images/ico_comm_select-arrow-2f4c626e52a0ed55ede0723c1797ddaf.png") no-repeat right 10px top 50%;
  line-height: 45px;
  color: #3D3D3D;
  box-sizing: border-box;
  -webkit-appearance: none;
}

.hd .coupon-use__list select::-ms-expand {
  display: none;
}

.hd .coupon-use__list__discount {
  text-align: right;
  font-weight: 600;
}

.hd .coupon-use__discount-total {
  margin-top: 30px;
  font-size: 20px;
  text-align: right;
  font-weight: 600;
}

.hd .coupon-use__discount-total em {
  display: inline-block;
  position: relative;
  margin-left: 10px;
}

.hd .coupon-use__discount-total em:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 8px;
  background: #F9D983;
}

.hd .coupon-use__discount-total.coupon-use__btn {
  padding-top: 10px;
  height: auto;
  line-height: inherit;
}

.hd .coupon-use__btn {
  width: 520px;
  height: 70px;
  line-height: 70px;
  margin: 30px auto !important;
}

.hd .coupon-use__btn a {
  display: block;
  font-size: 20px;
}

.hd .coupon-use__cancel {
  border: 1px solid #BFBFBF;
  color: #1c1c1c;
}

.hd .coupon-use__using {
  background: #918c00;
  color: #FFF;
}

.hd .delivery-list {
  padding: 0 25px !important;
}

.hd .delivery-list__list {
  position: relative;
  margin-top: 20px;
  padding: 25px;
  border: 1px solid #ccc;
}

.hd .delivery-list__user {
  line-height: 1.7;
}

.hd .delivery-list__user-name {
  display: block;
  width: 80%;
  font-weight: 600;
}

.hd .delivery-list__user-name span {
  display: inline-block;
  font-weight: 400;
}

.hd .delivery-list__user-addr {
  display: block;
  margin-top: 10px;
  font-weight: 600;
}

.hd .delivery-list__user-phone {
  display: block;
  font-weight: 400;
}

.hd .delivery-list__user .default {
  color: #918c00;
  font-weight: 600;
}

.hd .delivery-list .btn-choic {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 65px;
  height: 38px;
  line-height: 34px;
  text-align: center;
}

.hd .delivery-list__notice {
  position: relative;
  margin: 25px 0;
  padding: 0 25px;
}

.hd .delivery-list__notice p {
  line-height: 1.6;
}

.hd .delivery-list__notice p em {
  font-weight: 600;
}

.hd .delivery-list__notice .btn__address__admin {
  position: absolute;
  top: 50%;
  right: 25px;
  width: 120px;
  height: 45px;
  border: 1px solid #C1C1C1;
  text-align: center;
  line-height: 45px;
  transform: translate(0, -50%);
}

.hd .delivery-list .Badge {
  display: inline-block;
  margin-left: 5px;
  font-size: 15px;
  color: #888;
  font-style: normal;
  font-weight: bold;
}

.hd .delivery-list .Badge.green {
  color: #918c00;
}

.hd .delivery-list__btn {
  margin-top: 30px;
  width: 580px;
  height: 70px;
  line-height: 70px;
}

.hd .delivery-list__btn a {
  display: block;
  font-size: 20px;
}

.hd .checkMember .input_type .title {
  display: inline-block;
  width: 90px;
}

.hd .checkMember .input_type input {
  display: inline-block;
  width: 400px;
  height: 45px;
}

.hd .checkMember .input_type + .input_type {
  margin-top: 20px;
}

.hd .popup_jointDelivery .jointDelivery {
  line-height: 24px;
}

.hd .popup_jointDelivery .jointDelivery .joint {
  margin: 20px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.hd .popup_jointDelivery .jointDelivery .joint__list {
  padding: 20px 0;
}

.hd .popup_jointDelivery .jointDelivery .joint__list + .joint__list {
  border-top: 1px solid #ccc;
}

.hd .popup_jointDelivery .jointDelivery .joint__cont {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  width: 91%;
}

.hd .popup_jointDelivery .jointDelivery .not-joint {
  margin-bottom: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.hd .popup_jointDelivery .jointDelivery .not-joint label {
  padding-left: 40px;
}

.hd .popup_jointDelivery .btn__order {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  background: #918c00;
  color: #fff;
  box-sizing: border-box;
}

.hd .popup_loginCommon .hd__popup__modal {
  width: 480px;
}

.hd .popup_loginCommon .btn__close-x {
  top: 20px;
  right: 20px;
  transform: none;
}

.hd .popup_loginCommon .popup__comm-txt {
  margin: 50px 0;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
}

.hd .popup_loginCommon .popup__comm-txt span {
  font-weight: 600;
}

.hd .popup_loginCommon .popup__comm-txt:before {
  content: '';
  display: block;
  width: 63px;
  height: 63px;
  margin: 0 auto 20px;
  background: #918c00 url(/front_pc/images/ico_comm_check-607274af4e5fab6d013ce04d9b24cb28.png) no-repeat 0 0;
  border-radius: 50%;
}

.hd .popup_orderDeadline .orderDeadline__desc {
  display: block;
  padding-bottom: 30px;
  line-height: 1.6;
}

.hd .popup_orderDeadline .orderDeadline__desc strong {
  display: block;
  color: #918c00;
}

.hd .popup_orderDeadline .orderDeadline .box {
  padding: 25px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.hd .popup_orderDeadline .orderDeadline .box + .box {
  padding: 25px 0;
  border-top: none;
}

.hd .popup_orderDeadline .orderDeadline .box .boxInner {
  margin-top: 15px;
}

.hd .popup_orderDeadline .orderDeadline .box .boxInner__list {
  line-height: 1.8;
}

.hd .popup_orderDeadline .orderDeadline .box .boxInner__list .txt-lft {
  float: left;
  width: 90%;
}

.hd .popup_orderDeadline .orderDeadline .box .boxInner__list .txt-rgt {
  float: right;
}

.hd .popup_orderDeadline .orderDeadline__date {
  font-weight: 600;
}

.hd .popup_orderDeadline .orderDeadline .btn {
  width: 100%;
  height: 70px;
  margin-top: 30px;
  font-size: 20px;
  line-height: 70px;
  box-sizing: border-box;
}

.hd .popup_menuChange .btn a {
  height: 70px;
  font-size: 20px;
  line-height: 70px;
}

.hd .popup_menuChange .modal__sec__title {
  border-bottom: 0;
}

.hd .popup_menuChange .calendar-area {
  padding: 0;
  border-top: 3px solid #918c00;
}

.hd .popup_menuChange .calendar-area__tit {
  padding: 20px 0;
  text-align: center;
  font-size: 24px;
}

.hd .popup_menuChange .calendar-area .calendar {
  padding: 0;
  border-top: 1px solid #DDD;
}

.hd .popup_menuChange .calendar-area .calendar table {
  max-width: 572px;
  margin: 0 auto 20px;
}

.hd .popup_menuChange .calendar-area .calendar table thead th {
  padding: 20px 0;
  font-weight: 400;
}

.hd .popup_menuChange .calendar-area .calendar table .cal__day {
  padding: 0;
  text-align: center;
  border-bottom: 2px solid #FFF;
  border-left: 2px solid #FFF;
}

.hd .popup_menuChange .calendar-area .calendar table .cal__day label {
  display: block;
  padding: 15px 0;
  background: #F4F4F4;
  font-weight: 400;
}

.hd .popup_menuChange .calendar-area .calendar table .cal__day input[type="checkbox"]:checked + label {
  background: #918c00;
  color: #FFF;
}

.hd .popup_menuChange .calendar-area .calendar table .cal__disabled label {
  background: #FFF;
  font-weight: 400;
}

.hd .popup_menuChoice .modal__sec__title {
  border-bottom: 0;
}

.hd .popup_menuChoice .menu-choice {
  padding: 0;
  border-top: 3px solid #918c00;
}

.hd .popup_menuChoice .menu-choice__tit {
  padding: 20px 0;
  border-bottom: 1px solid #DDD;
  text-align: center;
  font-size: 24px;
  min-height: 68px;
  box-sizing: border-box;
}

.hd .popup_menuChoice .mchoice {
  background: #FFF;
  box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.1);
}

.hd .popup_menuChoice .mchoice .menu-change-info {
  padding: 20px 20px 0;
}

.hd .popup_menuChoice .mchoice .menu-change-info p {
  margin-top: 5px;
  padding-left: 20px;
  line-height: 1.4;
  text-indent: -20px;
}

.hd .popup_menuChoice .mchoice__title {
  display: block;
  height: 70px;
  border-top: 3px solid #918c00;
  border-bottom: 1px solid #DDD;
  text-align: center;
  line-height: 70px;
}

.hd .popup_menuChoice .mchoice__wrap {
  width: 520px;
  margin: 0 auto;
  padding: 30px 0;
  font-size: 0;
}

.hd .popup_menuChoice .mchoice__list {
  display: inline-block;
  width: 245px;
  vertical-align: top;
  margin-top: 30px;
  margin-left: 30px;
  font-size: 0;
}

.hd .popup_menuChoice .mchoice__list:nth-child(odd) {
  margin-left: 0;
}

.hd .popup_menuChoice .mchoice__list:nth-child(-n+2) {
  margin-top: 0;
}

.hd .popup_menuChoice .mchoice__list__img {
  position: relative;
}

.hd .popup_menuChoice .mchoice__list__img figure {
  overflow: hidden;
  width: 245px;
  height: 245px;
}

.hd .popup_menuChoice .mchoice__list__img label:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 6px solid transparent;
  box-sizing: border-box;
}

.hd .popup_menuChoice .mchoice__list__img input[type="checkbox"]:checked + label:before {
  border-color: #918c00;
}

.hd .popup_menuChoice .mchoice__list__count {
  display: block;
  position: relative;
  margin: 10px 0;
  text-align: center;
}

.hd .popup_menuChoice .mchoice__list__count input {
  vertical-align: top;
  width: 143px;
  height: 45px;
  border: 0;
  background: #F0F0F0;
  line-height: 45px;
  text-align: center;
  font-weight: 600;
  color: #ccc;
  box-sizing: border-box;
  font-size: 20px;
  color: #1c1c1c;
}

.hd .popup_menuChoice .mchoice__list__count input.on {
  border: 1px solid #918c00;
  background: #FFF;
  color: #3D3D3D;
}

.hd .popup_menuChoice .mchoice__list__count .btn__count {
  position: absolute;
  top: 0;
  width: 45px;
  height: 45px;
  background: #918c00;
}

.hd .popup_menuChoice .mchoice__list__count .btn__count-down {
  left: -1px;
}

.hd .popup_menuChoice .mchoice__list__count .btn__count-down:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 3px;
  background: #FFF;
  transform: translate(-50%, -50%);
}

.hd .popup_menuChoice .mchoice__list__count .btn__count-up {
  right: -1px;
}

.hd .popup_menuChoice .mchoice__list__count .btn__count-up:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 3px;
  background: #FFF;
  transform: translate(-50%, -50%);
}

.hd .popup_menuChoice .mchoice__list__count .btn__count-up:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 21px;
  background: #FFF;
  transform: translate(-50%, -50%);
}

.hd .popup_menuChoice .mchoice__list__count button:disabled {
  background: #ccc;
}

.hd .popup_menuChoice .mchoice__list__promotion {
  max-height: 48px;
  margin-top: 15px;
  line-height: 1.4;
  font-size: 16px;
  font-weight: bold;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .popup_menuChoice .mchoice__list__title {
  display: block;
  overflow: hidden;
  max-height: 46px;
  margin: 5px 0;
  line-height: 1.4;
  font-size: 16px;
  font-weight: 600;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .popup_menuChoice .mchoice__list__price {
  display: block;
  margin-top: 10px;
  color: #888;
  font-size: 16px;
}

.hd .popup_menuChoice .mchoice__list__price-discounted {
  font-size: 20px;
}

.hd .popup_menuChoice .mchoice__list__price-origin {
  display: inline-block;
  margin-left: 15px;
  color: #888;
  font-size: 16px;
}

.hd .popup_menuChoice .mchoice__list__material, .hd .popup_menuChoice .mchoice__list__mealTag {
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #ccc;
}

.hd .popup_menuChoice .mchoice__list__material li, .hd .popup_menuChoice .mchoice__list__mealTag li {
  display: inline-block;
  margin: 0 8px 0 0;
  vertical-align: top;
  text-align: center;
}

.hd .popup_menuChoice .mchoice__list--on .mchoice__list__img label:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-color: #918c00;
  box-sizing: border-box;
}

.hd .popup_menuChoice .btn a {
  height: 70px;
  font-size: 20px;
  line-height: 70px;
}

.hd [class*="popup_confirmed"] .orderView .orderListView {
  margin-top: -31px;
}

.hd [class*="popup_confirmed"] .orderView .orderListView .box__list__img {
  width: 100px;
  height: 100px;
}

.hd [class*="popup_confirmed"] .orderView .orderListView .box__list.single .item {
  width: 320px;
}

.hd [class*="popup_confirmed"] .orderView .orderListView .box__list .boxInner__list .multi__box {
  padding-left: 0;
}

.hd [class*="popup_confirmed"] .orderView .orderListView .box__list .boxInner__list .multi__box__date {
  display: inline-block;
  position: relative;
  margin-right: 15px;
  width: 90px;
  height: 90px;
  vertical-align: top;
}

.hd [class*="popup_confirmed"] .orderView .orderListView .box__list .boxInner__list .multi__box__date strong {
  font-size: 16px;
}

.hd [class*="popup_confirmed"] .orderView .orderListView .box__list .boxInner__list .multi__box__product {
  display: inline-block;
  width: 220px;
  vertical-align: top;
}

.hd [class*="popup_confirmed"] .orderView .orderListView .box__list .boxInner__list .multi__box__product p {
  width: auto;
}

.hd [class*="popup_confirmed"] .orderView .orderListView .box__list .boxInner__list .multi__box__product .product__lft {
  width: 180px;
}

.hd [class*="popup_confirmed"] .btn-init {
  line-height: 70px;
  font-size: 20px;
}

.hd .popup_orderReview .modal__sec__cont {
  padding: 0 30px 40px;
}

.hd .popup_orderReview .orderReview__sec .form__input {
  margin-top: 20px;
}

.hd .popup_orderReview .orderReview__sec .warning__text {
  padding: 0 5px;
  padding-left: 20px;
  color: #888;
  line-height: 1.4;
  letter-spacing: -.5px;
  text-indent: -20px;
  word-break: keep-all;
}

.hd .popup_orderReview .orderReview__title {
  display: block;
  padding: 20px 0;
  font-size: 18px;
  color: #1c1c1c;
}

.hd .popup_orderReview .orderReview__title .point_color {
  color: #918c00;
}

.hd .popup_orderReview .orderReview__item {
  position: relative;
  min-height: 100px;
  padding: 15px 0 15px 125px;
  font-size: 0;
  border-bottom: 1px solid #ccc;
}

.hd .popup_orderReview .orderReview__item__img {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 15px;
  left: 0;
  width: 100px;
  height: 100px;
}

.hd .popup_orderReview .orderReview__item__info .item__view > * {
  display: block;
  line-height: 24px;
  color: #1c1c1c;
  font-size: 16px;
}

.hd .popup_orderReview .orderReview__item__info .item__view__title {
  max-height: 48px;
  font-size: 18px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .popup_orderReview .orderReview__item__info .item__view__title-photo {
  display: inline-block;
  width: 24px;
  height: 22px;
  margin-left: 10px;
  background: url(/front_pc/images/ico_comm_photo-75c907f0bc83ff7531b5ca87aeb07ac9.png) no-repeat 0 0;
  background-size: 100%;
  vertical-align: top;
}

.hd .popup_orderReview .orderReview__item__info .item__view__opts {
  position: relative;
}

.hd .popup_orderReview .orderReview__item__info .item__view__opts span {
  display: block;
}

.hd .popup_orderReview .orderReview__item__info .gift {
  position: relative;
  margin-top: 20px;
  padding-left: 40px;
  font-size: 16px;
}

.hd .popup_orderReview .orderReview__item__info .gift__img {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 30px;
  height: 30px;
  font-size: 0;
}

.hd .popup_orderReview .orderReview__item__info .gift span {
  display: block;
  font-size: 16px;
  line-height: 26px;
}

.hd .popup_orderReview .orderReview__file__list {
  margin-bottom: 20px;
}

.hd .popup_orderReview .orderReview__file__list:after {
  content: '';
  display: block;
  clear: both;
}

.hd .popup_orderReview .orderReview__file__list li {
  float: left;
  margin-top: 0;
  margin-left: 12px;
}

.hd .popup_orderReview .orderReview__file__list li:first-child {
  margin-left: 0;
}

.hd .popup_orderReview .orderReview__file__list li:first-child .image-box {
  border-color: #1c1c1c;
}

.hd .popup_orderReview .orderReview__file__list li:first-child .image-box:before {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 5px;
  height: 22px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #1c1c1c;
  z-index: 1;
  content: '대표';
}

.hd .popup_orderReview .orderReview__file__list li .image-box {
  display: block;
  overflow: hidden;
  position: relative;
  width: 70px;
  height: 70px;
  border: 1px solid #C3C3C3;
}

.hd .popup_orderReview .orderReview__file__list li .image-box figure {
  width: 100%;
  height: 100%;
}

.hd .popup_orderReview .orderReview__file__list li .image-box img {
  width: 100%;
  pointer-events: none;
}

.hd .popup_orderReview .orderReview__file__list li .image-box .btn_icon {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 21px;
  height: 22px;
  background: #918c00 url("/front_mo/images/ico_file_delte-603f210c24f38b597ea138831efca392.png") no-repeat 50% 50%;
  background-size: 40%;
}

.hd .popup_orderReview .orderReview__file__notice {
  display: block;
  position: relative;
  padding-left: 8px;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 400;
  color: #888;
}

.hd .popup_orderReview .orderReview__file__notice:before {
  content: '*';
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  color: #888;
}

.hd .popup_orderReview .orderReview__keyword .keyword__label {
  display: inline-block;
  margin: 0 2px 10px 0;
  padding: 7px;
  min-width: 60px;
  color: #888;
  text-align: center;
  border: 1px solid #ccc;
  vertical-align: top;
  border-radius: 30px;
}

.hd .popup_orderReview .orderReview__keyword .keyword__input:checked + .keyword__label {
  font-weight: bold;
  color: #918c00;
  border-color: #918c00;
}

.hd .popup_orderReview .orderReview__keyword .keyword__txt {
  margin: -10px 0 20px;
  color: #888;
}

.hd .popup_orderReview .btn {
  height: 70px;
  margin-top: 50px;
  font-size: 20px;
}

.hd .popup_orderReview .btn button {
  font-weight: 600;
}

.hd .popup_orderReview .btn-cancel {
  background: #f4f4f4;
  color: #1c1c1c;
  border: 1px solid #ccc;
}

.hd .popup_orderReview .box__list__cont.awsn {
  border-top: 0 !important;
  padding: 25px 0 !important;
  background: transparent !important;
}

.hd .popup_orderReview .accordion .orderReview__title {
  border-bottom: 1px solid #ccc;
}

.hd .popup_reviewImg .slick-slider img {
  width: 580px;
}

.hd .popup_reviewImg .slick-dots {
  bottom: -20px;
}

.hd .popup_reviewImg .btn__close-x {
  right: 0;
  top: -45px;
  padding: 8px;
  background: #918c00;
  border-radius: 50%;
  transform: none;
}

.hd .popup_reviewImg .btn__close-x:after, .hd .popup_reviewImg .btn__close-x:before {
  margin: 6px 0 0 3px;
  background: #fff;
  height: 20px;
}

.hd .popup_pointConver .pointConver__annc__tit {
  padding-bottom: 20px;
  border-bottom: 1px solid #cdcdcd;
}

.hd .popup_pointConver .pointConver__annc .txt-box {
  padding: 20px 0;
}

.hd .popup_pointConver .pointConver__annc .txt-box__list {
  position: relative;
  padding-left: 15px;
  line-height: 1.6;
}

.hd .popup_pointConver .pointConver__annc .txt-box__list:before {
  display: block;
  position: absolute;
  left: 0;
  content: '-';
}

.hd .popup_pointConver .pointConver .input-area {
  display: inline-block;
  width: 360px;
  margin-right: 10px;
  vertical-align: middle;
}

.hd .popup_pointConver .pointConver .btn {
  display: inline-block;
  vertical-align: middle;
}

.hd .popup_pointConver .pointConver .btn button {
  width: 135px;
  height: 45px;
}

.hd .popup_pointConver .pointConver__desc {
  margin-top: 20px;
  line-height: 1.6;
  color: #888;
}

.hd .popup_pointConver .pointConver__desc__list {
  position: relative;
  padding-left: 15px;
}

.hd .popup_pointConver .pointConver__desc__list:before {
  display: block;
  position: absolute;
  left: 0;
  content: '-';
}

.hd .popup_coupon-target .coupon-target__title {
  padding-bottom: 15px;
  color: #1c1c1c;
  font-size: 18px;
  font-weight: bold;
}

.hd .popup_coupon-target .coupon-target .infoBox {
  margin-bottom: 20px;
}

.hd .popup_coupon-target .coupon-target .infoBox__cont {
  padding: 20px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.hd .popup_coupon-target .coupon-target .infoBox__list {
  display: block;
  line-height: 1.6;
}

.hd .popup_coupon-target .coupon-target .infoBox__list.important {
  color: #1c1c1c;
  font-size: 18px;
}

.hd .popup_coupon-target .coupon-target .infoTarget__inner {
  padding: 20px 25px 25px;
  max-height: 273px;
  overflow-y: auto;
  background: #f9f9f9;
  border: 1px solid #ccc;
}

.hd .popup_coupon-target .coupon-target .infoTarget__list {
  display: block;
  margin-top: 5px;
  line-height: 1.7;
}

.hd .popup_coupon-target .coupon-target .infoTarget__list .option {
  position: relative;
  padding-left: 80px;
  color: #888;
}

.hd .popup_coupon-target .coupon-target .infoTarget__list .option span {
  position: absolute;
  left: 10px;
  top: 0;
  width: 80px;
  vertical-align: top;
}

.hd .popup_coupon-target .coupon-target .desc {
  position: relative;
  padding-top: 20px;
  padding-left: 10px;
  color: #888;
  line-height: 1.6;
}

.hd .popup_coupon-target .coupon-target .desc:before {
  display: inline-block;
  position: absolute;
  left: 0;
  content: '-';
}

.hd .popup_coupon-target .coupon-target .btn-init.green {
  display: block;
  padding: 15px;
  margin-top: 20px;
}

.hd .popup_pwChange__txt {
  margin-bottom: 25px;
  color: #1c1c1c;
  font-size: 18px;
  font-weight: 600;
}

.hd .popup_pwChange .input__text + .input__text {
  margin-top: 15px;
}

.hd .popup_pwChange__desc {
  position: relative;
  margin-top: 20px;
  padding-left: 10px;
  color: #888;
  word-break: keep-all;
  line-height: 1.6;
}

.hd .popup_pwChange__desc:before {
  content: '*';
  display: inline-block;
  position: absolute;
  left: 0;
}

.hd .popup_pwChange .btn {
  height: 70px;
  margin-top: 30px;
}

.hd .popup_pwChange .btn a {
  height: 70px;
  line-height: 68px;
  font-size: 20px;
}

.hd .popup_pwChange .btn a.btn-cancel {
  background: #f4f4f4;
  border: 1px solid #ccc;
}

.hd .popup_reviewList .reviewList__name {
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: 600;
}

.hd .popup_reviewList .reviewList__box__list {
  border-top: 1px solid #ccc;
}

.hd .popup_reviewList .reviewList__box__list:first-child {
  border-top: 0;
}

.hd .popup_reviewList .reviewList__inner {
  position: relative;
  padding: 20px 0;
}

.hd .popup_reviewList .reviewList__img {
  overflow: hidden;
  position: absolute;
  top: 20px;
  left: 0;
  width: 120px;
  height: 110px;
}

.hd .popup_reviewList .reviewList__cont {
  min-height: 110px;
  margin: 0 0 20px 140px;
  font-size: 16px;
  line-height: 26px;
}

.hd .popup_reviewList .reviewList__cont__name {
  display: block;
  max-height: 52px;
  margin-bottom: 5px;
  font-weight: 600;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .popup_reviewList .reviewList__cont .product__gift {
  position: relative;
  min-height: 40px;
  margin-top: 15px;
  padding-left: 60px;
  font-size: 0;
  line-height: 1;
}

.hd .popup_reviewList .reviewList__cont .product__gift figure {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 40px;
}

.hd .popup_reviewList .reviewList__cont .product__gift .gift-name {
  display: block;
  padding-top: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #1c1c1c;
}

.hd .popup_reviewList .btn-init {
  height: 60px;
  line-height: 60px;
}

.hd .popup_adressAgree .agree-text {
  display: block;
  padding-bottom: 20px;
}

.hd .popup_adressAgree .agree-table table {
  border: 1px solid #ccc;
  border-bottom: 0;
  overflow: hidden;
}

.hd .popup_adressAgree .agree-table table th, .hd .popup_adressAgree .agree-table table td {
  padding: 10px;
  font-weight: normal;
  color: #555;
  text-align: center;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.hd .popup_adressAgree .agree-table table th {
  background: #f5f5f5;
}

.hd .popup_adressAgree .agree-table p {
  margin-top: 10px;
  color: #918c00;
}

.hd .popup_adressAgree .btn {
  margin-top: 30px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  box-sizing: border-box;
}

.hd__notice-img {
  margin-bottom: 10px;
  padding-left: 30px;
  background: url("/front_pc/images/ico_comm_notice-e439b9e7238d86cebe90cccb2ee577b1.png") no-repeat 0 0;
  line-height: 23px;
  font-size: 16px;
}

.hd__notice-bar {
  position: relative;
  padding-left: 10px;
  line-height: 22px;
  font-size: 15px;
  color: #888;
}

.hd__notice-bar:before {
  content: '-';
  position: absolute;
  top: 0;
  left: 0;
}

.hd .greatingPay {
  margin: 0;
  padding-top: 0 !important;
}

.hd .greatingPay__card + .greatingPay__notice {
  margin-top: 20px;
  padding-bottom: 15px;
  border-top: 1px solid #ccc;
  border-bottom: 0;
}

.hd .greatingPay__notice {
  display: block;
  padding: 22px 0;
  line-height: 1.5;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
}

.hd .greatingPay__notice .point {
  position: relative;
  font-size: 15px;
}

.hd .greatingPay__notice .point:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  background: #F9D983;
  content: '';
  z-index: -1;
}

.hd .greatingPay__notice + .notice {
  position: relative;
  margin-top: 0;
}

.hd .greatingPay__notice + .notice .notice__list {
  line-height: 1.5;
  font-size: 15px;
  color: #666;
}

.hd .greatingPay__notice + .notice .notice__list + li {
  margin-top: 7px;
}

.hd .greatingPay__notice + .notice .notice__btn {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #918c00;
  border-bottom: 1px solid #918c00;
}

.hd .greatingPay__tit {
  display: block;
  font-size: 16px;
}

.hd .greatingPay .btn {
  width: 100%;
  height: 70px;
  margin-top: 30px;
  line-height: 70px;
}

.hd .greatingPay .btn a {
  font-size: 20px;
}

.hd .greatingPay .input_type {
  display: flex;
  justify-content: space-between;
}

.hd .greatingPay .input_type input {
  height: 45px;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 16px;
  color: #3D3D3D;
}

.hd .greatingPay .input_type input + input {
  margin-left: 10px;
}

.hd .greatingPay .input_type input::-webkit-input-placeholder {
  color: #888;
}

.hd .greatingPay .input_type input::-moz-placeholder {
  color: #888;
}

.hd .greatingPay .input_type input:-ms-input-placeholder {
  color: #888;
}

.hd .greatingPay .input_type input::-ms-input-placeholder {
  color: #888;
}

.hd .greatingPay .input_type input::placeholder {
  color: #888;
}

.hd .greatingPay .input_type.input_one input {
  width: 100%;
}

.hd .greatingPay .input_type.input_two input {
  width: 203px;
}

.hd .greatingPay .input_type.input_three input {
  width: 129px;
}

.hd .greatingPay .input_type.input_four input {
  width: 93px;
}

.hd .greatingPay .input_type.input_six input {
  width: 70px;
  height: 70px;
  border: 3px solid #ccc;
  box-sizing: border-box;
}

.hd .greatingPay .input_type.input_six input + input {
  margin-left: 14px;
}

.hd .greatingPay .input_type .btn-init {
  margin-left: 10px;
  width: 220px;
  line-height: 45px;
  font-size: 16px;
}

.hd .greatingPay .policy {
  position: relative;
  margin-top: 10px;
}

.hd .greatingPay .policy + .policy {
  margin-top: 0;
}

.hd .greatingPay .policy .accordion__head {
  line-height: 40px;
  background-position-y: 18px;
}

.hd .greatingPay .policy .accordion__cont {
  position: relative;
  margin-top: 10px;
  padding: 10px;
  max-height: 200px;
  line-height: 1.4;
  font-size: 14px;
  overflow-y: auto;
  background: #f5f5f5;
  box-sizing: border-box;
}

.hd .greatingPay .policy .accordion__cont .check_area--cont {
  padding: 10px;
  height: 100px;
  overflow-y: auto;
  background-color: #fff;
}

.hd .greatingPay .policy .accordion__cont .check_area .hd-checkbox {
  display: block;
  padding: 30px 0 10px;
}

.hd .greatingPay .policy .accordion__cont .check_area .hd-checkbox label {
  font-size: 15px;
  font-weight: bold;
}

.hd .greatingPay .policy .accordion__cont .check_area .table-area table, .hd .greatingPay .policy .accordion__cont .check_area .table-area th, .hd .greatingPay .policy .accordion__cont .check_area .table-area td {
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #ccc;
}

.hd .greatingPay .policy .accordion__cont .check_area .table-area th, .hd .greatingPay .policy .accordion__cont .check_area .table-area td {
  padding: 5px;
}

.hd .greatingPay .policy .accordion__cont .check_area .table-area th {
  background: rgba(0, 0, 0, 0.03);
}

.hd .greatingPay .policy .accordion__cont .check_area .table-area .text.desc {
  margin-top: 5px;
  font-size: 12px;
}

.hd .greatingPay .policy .accordion__cont .check_area .point_color {
  color: #918c00;
}

.hd .greatingPay .policy .accordion__cont .table-area + p {
  margin-top: 5px;
}

.hd .greatingPay .policy > .hd-checkbox {
  position: absolute;
  left: 0;
  top: 13px;
  z-index: 1;
}

.hd .greatingPay .policy .point_color {
  color: #918c00;
}

.hd .greatingPay .policy__btn {
  position: absolute;
  right: 15px;
  top: 45px;
  color: #918c00;
  border-bottom: 1px solid #918c00;
}

.hd .greatingPay .number > p:first-child {
  padding: 20px 0 10px;
  border-top: 1px solid #ccc;
}

.hd .greatingPay .number__box {
  padding: 15px 20px;
  line-height: 1.5;
  background: #FFF5D1;
  border-radius: 10px;
}

.hd .greatingPay .number__box strong {
  color: #ff0000;
}

.hd .greatingPay .number__list {
  margin: 25px 0;
}

.hd .greatingPay .number__list li {
  margin-top: 15px;
  overflow: hidden;
}

.hd .greatingPay .number__list .tit {
  display: inline-block;
  font-weight: normal;
}

.hd .greatingPay .number__list .tit .hd-checkbox {
  margin-left: 0;
}

.hd .greatingPay .number__list .tit .hd-checkbox label {
  font-size: 17px;
}

.hd .greatingPay .number__list .num {
  display: inline-block;
  float: right;
  text-align: right;
  color: #1c1c1c !important;
}

.hd .greatingPay .number__list .text {
  color: #888;
}

.hd .greatingPay .number__list.check li {
  margin-top: 30px;
}

.hd .greatingPay .number__list.check .cont {
  margin-top: 5px;
  padding-left: 30px;
}

.hd .greatingPay .number__list.check .cont p + .input_box {
  margin-top: 15px;
}

.hd .greatingPay .number__list.check .cont p + .input_box input {
  width: 100%;
}

.hd .greatingPay .number__list.check .cont__list {
  padding: 15px 20px;
  background: #f5f5f5;
}

.hd .greatingPay .number__list.check .cont__list li {
  margin: 0;
  line-height: 1.5;
}

.hd .greatingPay .number__list.check .cont__list .sub {
  float: right;
}

.hd .greatingPay .number__list.check .cont .input_type {
  display: flex;
  margin-top: 0;
}

.hd .greatingPay .number .num {
  color: #918c00;
}

.hd .greatingPay .number .input_type {
  display: inline-block;
  position: relative;
  margin-top: 10px;
}

.hd .greatingPay .number .input_type input {
  width: 175px;
  height: 45px;
  padding-right: 32px;
  text-align: right;
}

.hd .greatingPay .number .input_type span {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  color: #1c1c1c;
}

.hd .greatingPay .number .hd-checkbox {
  display: inline-block;
  margin-left: 10px;
}

.hd .greatingPay.point .card-insert > li {
  padding-left: 0;
}

.hd .greatingPay.point .card-insert > li .greatingPay__tit {
  position: relative;
  top: 0;
  margin-bottom: 15px;
}

.hd .greatingPay.point .card-insert > li .input_type {
  margin-top: 0;
}

.hd .greatingPay.point .card-insert > li .input_type .input_text.left {
  padding: 0 10px;
  width: 250px;
  text-align: left;
}

.hd .greatingPay.point .card-insert > li .input_type.input_one input {
  text-align: left;
  text-indent: 10px;
}

.hd .greatingPay.point .card-insert > li .input_type + .input_type {
  margin-top: 5px;
}

.hd .greatingPay.point .point__notice {
  display: block;
  padding: 22px 0;
  line-height: 1.5;
  font-size: 16px;
}

.hd .greatingPay.point .point__select {
  display: flex;
}

.hd .greatingPay.point .point__select a {
  padding: 70px 0;
  width: 50%;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.hd .greatingPay.point .point__select a.t {
  background: #E9002D;
}

.hd .greatingPay.point .point__select a.b {
  background: #053266;
}

.hd .greatingPay.point .point__select a:first-child {
  margin-right: 10px;
}

.hd .greatingPay.point .point__card {
  position: relative;
  padding: 20px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 10px;
}

.hd .greatingPay.point .point__card .num {
  margin-top: 10px;
}

.hd .greatingPay.point .point__card .num span {
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
  font-size: 20px;
}

.hd .greatingPay.point .point__card a {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 80px;
  line-height: 45px;
  font-size: 16px;
  text-align: center;
  color: gray;
  border-color: gray;
  transform: translateY(-50%);
}

.hd .greatingPay.point .point__user {
  position: relative;
  padding: 25px 0;
}

.hd .greatingPay.point .point__user .name {
  font-size: 19px;
}

.hd .greatingPay.point .point__user .level {
  display: inline-block;
  margin: 0 10px 0 5px;
  padding: 2px 10px 4px;
  font-size: 15px;
  color: #fff;
  border-radius: 20px;
  background: #C4C7CF;
  vertical-align: top;
}

.hd .greatingPay.point .point__user .level.v {
  background: #EE3356;
}

.hd .greatingPay.point .point__user .level.g {
  background: #FFBE10;
}

.hd .greatingPay.point .point__user .level.s {
  background: #72CCD3;
}

.hd .greatingPay.point .point__user .text .sorting .ico_tooltip {
  margin: 0;
  transform: scale(0.8);
}

.hd .greatingPay.point .point__user .text .sorting .select-area {
  display: none;
  position: absolute;
  top: 53px;
  left: 50%;
  padding: 10px;
  width: 483px;
  line-height: 1.3;
  font-size: 14px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  letter-spacing: -0.5px;
  transform: translateX(-50%);
  z-index: 1;
}

.hd .greatingPay.point .point__user .text .sorting .select-area--show {
  display: block;
}

.hd .greatingPay.point .point__user .text .sorting .select-area--show + .ico_tooltip:after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform: translateX(-50%);
  content: "";
}

.hd .greatingPay.point + .btn {
  margin-top: 0 !important;
}

.hd .card-insert {
  margin-top: 25px;
}

.hd .card-insert > li {
  position: relative;
  padding-left: 108px;
  margin-top: 25px;
}

.hd .card-insert > li:first-child {
  margin-top: 0;
}

.hd .card-insert > li .greatingPay__tit {
  position: absolute;
  top: 15px;
  left: 0;
}

.hd .greatingPay__pwd ul li {
  margin-top: 30px;
}

.hd .greatingPay__pwd ul li .greatingPay__tit {
  text-align: center;
  margin-bottom: 25px;
}

.hd .card-view li {
  position: relative;
  padding: 20px 0 20px 120px;
  border-bottom: 1px solid #ccc;
}

.hd .card-view li .card-logo-center {
  display: table;
  position: absolute;
  top: 50%;
  left: 0;
  width: 96px;
  height: 64px;
  color: #fff;
  border: 1px solid #888;
  background-size: 100% auto;
  background-position: 0 15px;
  border-radius: 5px;
  transform: translate3d(0, -50%, 0);
  box-sizing: border-box;
  text-align: center;
}

.hd .card-view li [class^="card-logo-center bk-"] {
  border: 0 !important;
}

.hd .card-view li [class^="card-logo-center bk-"]:before {
  display: table-cell;
  font-size: 14px;
  vertical-align: middle;
}

.hd .card-view li .card__delete {
  position: absolute;
  top: 50%;
  right: 0;
  width: 80px;
  height: 45px;
  border: 1px solid #ccc;
  background: #FFF;
  font-size: 16px;
  color: #3D3D3D;
  transform: translate3d(0, -50%, 0);
}

.hd .card-view__info {
  line-height: 34px;
}

.hd .card-view__num {
  font-size: 16px;
}

.hd .hpPay .hd__caulseAgree .caulseAgree .box {
  margin-top: 0;
  border-top: 2px solid #1c1c1c;
}

.hd .hpPay .hd__caulseAgree .caulseAgree .box .view-detail:before {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  margin-top: -0.4rem;
  width: 0.75rem;
  height: 0.75rem;
  vertical-align: middle;
  border: solid rgba(0, 0, 0, 0.5);
  border-width: 0.1rem 0.1rem 0 0;
  background: transparent;
  transform: rotate(45deg);
  content: '';
}

.hd .popup_hpPayPolicy .hd__caulseAgree .caulseAgree .box {
  margin-top: -1px;
  border-top: 0;
}

.hd__custom-select select {
  width: 100%;
  min-height: 42px;
  padding: 0 47px 0 14px;
  border: 1px solid #ccc;
  background: #FFF url("/front_pc/images/ico_comm_select-arrow-2f4c626e52a0ed55ede0723c1797ddaf.png") no-repeat right 10px top 50%;
  font-size: 16px;
  color: #1c1c1c;
  line-height: 42px;
  box-sizing: border-box;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

.hd__custom-select select::-ms-expand {
  display: none;
}

.hd__custom-select--off select {
  background: #f9f9f9 url("/front_pc/images/ico_comm_selectOff-arrow-1d48589040d498a018fa633c9ba08263.png") no-repeat 10px top 50%;
}

.hd__custom-label label {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #ccc;
  background: #F4F4F4;
  text-align: center;
  line-height: 48px;
  font-size: 17px;
  font-weight: 600;
  box-sizing: border-box;
  cursor: pointer;
}

.hd__custom-label input[type="checkbox"]:checked + label,
.hd__custom-label input[type="radio"]:checked + label {
  border: 1px solid #918c00;
  background: #918c00;
  color: #FFF;
}

.hd__custom--type2 select {
  background: #FFF url("/front_pc/images/btn_sorting_drop-down-c544231499c7481372563a12df66b1a9.png") no-repeat 10px top 50%;
}

.hd__custom-textarea {
  position: relative;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__custom-textarea textarea {
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  min-height: 150px;
  padding: 20px;
  border: none;
  box-sizing: border-box;
  vertical-align: top;
  line-height: 1.5;
  font-size: 16px;
  resize: none;
  background: none;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-line;
}

.hd__custom-textarea .text_count {
  display: block;
  width: 100px;
  position: absolute;
  bottom: 22px;
  right: 30px;
  font-size: 20px;
  text-align: right;
  color: #9f9f9f;
  font-size: 16px;
}

.hd-checkbox label {
  position: relative;
  padding-left: 30px;
  line-height: 24px;
  font-size: 16px;
  cursor: pointer;
}

.hd-checkbox label:before {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #ccc;
  background: #FFF url("/front_pc/images/ico_comm_checkbox-fc3131821da6cb1b27e84b08680a2f22.png") no-repeat 50% 50%;
  border-radius: 50%;
  box-sizing: border-box;
}

.hd-checkbox [type="checkbox"]:checked + label:before,
.hd-checkbox [type="radio"]:checked + label:before {
  border: 1px solid #918c00;
  background: #918c00 url(/front_pc/images/ico_comm_checkbox_on-2bb49b0f9d9a22138694752231647e7d.png?ver=210315) no-repeat 50% 50%;
}

.hd-checkbox-type2 {
  display: inline-block;
  vertical-align: middle;
}

.hd-checkbox-type2 label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  line-height: 24px;
  font-size: 16px;
  cursor: pointer;
}

.hd-checkbox-type2 label:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  background: url("/front_pc/images/btn_comm_radio-c27fa5e303d3799360f7ecdf8e383b06.png") no-repeat 1px 0;
  border-radius: 50%;
  box-sizing: border-box;
}

.hd-checkbox-type2 [type="checkbox"]:checked + label:before,
.hd-checkbox-type2 [type="radio"]:checked + label:before {
  background: url("/front_pc/images/btn_comm_radio-c27fa5e303d3799360f7ecdf8e383b06.png") no-repeat -24px 0;
}

.hd-checkbox.disabled label:before {
  display: none;
}

.hd .input_text {
  border: 1px solid #ccc;
}

.hd .input__text {
  width: 100%;
  min-height: 45px;
  padding: 0 20px;
  border: 1px solid #ccc;
  line-height: 43px;
  font-size: 16px;
  color: #1c1c1c;
  box-sizing: border-box;
}

.hd .input__text:placeholder {
  color: #888;
}

.hd .input__textarea {
  width: 100%;
  min-height: 260px;
  padding: 20px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  line-height: 20px;
  font-size: 16px;
  color: #1c1c1c;
  resize: none;
}

.hd .input__textarea:placeholder {
  color: #888;
}

.hd .btn {
  display: flex;
  margin: 0 auto;
}

.hd .btn-init {
  position: relative;
  width: 100%;
  font-size: 18px;
  text-align: center;
  border: 1px solid transparent;
  box-sizing: border-box;
}

.hd .btn-init.white {
  background: #FFF;
  border: 1px solid #ccc;
  color: #1c1c1c;
  box-sizing: border-box;
}

.hd .btn-init.green {
  background: #918c00;
  border: 1px solid #918c00;
  color: #FFF;
}

.hd .btn-init.grey {
  background: #a8a8a8;
  border: 1px solid #a8a8a8;
  color: #FFF;
}

.hd .btn-init.orange {
  background: #FFF;
  border: 1px solid #918c00;
  color: #918c00;
}

.hd .btn-init.gift {
  position: relative;
  width: 85%;
  color: #fff;
  border: 0;
  background: #e5b83f;
}

.hd .btn-init.gift:before {
  display: inline-block;
  margin: 1px 0 0 5px;
  width: 21px;
  height: 22px;
  background: url("/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?ver=210331") no-repeat -56px -94px;
  content: '';
  vertical-align: top;
}

.hd .btn-init.arr {
  position: relative;
  padding: 19px;
  background: #FFF;
  border: 1px solid #BCBCBC;
  text-align: center;
  transition: all 0.5s;
}

.hd .btn-init.arr:after {
  display: inline-block;
  margin-left: 20px;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border: solid #888;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .btn-init.arr:hover {
  color: #918c00;
  border-color: #918c00;
}

.hd .btn-init.arr:hover:after {
  border-color: #918c00;
}

.hd .btn-init .btn-tooltip {
  visibility: visible;
  position: absolute;
  z-index: 1;
  top: -52px;
  left: 50%;
  padding: 15px;
  line-height: 1;
  font-size: 20px;
  font-weight: 100;
  color: #3d3d3d;
  text-align: center;
  background-color: #fff;
  border-radius: 7px;
  border: 1px solid #4e4e4e;
  white-space: nowrap;
  letter-spacing: -1px;
  transform: translateX(-50%);
  animation: tooltipMotion 0.5s ease-out  0s infinite alternate;
}

.hd .btn-init .btn-tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #4e4e4e;
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg);
}

@keyframes tooltipMotion {
  0% {
    top: -52px;
  }
  100% {
    top: -62px;
  }
}

.hd .btn--delete {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 25px;
  width: 20px;
  height: 20px;
  padding: 5px;
  transform: translate3d(0, -50%, 0);
}

.hd .btn--delete:before {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 14px;
  width: 2px;
  height: 25px;
  background: #1c1c1c;
  transform: rotate(45deg);
}

.hd .btn--delete:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 14px;
  width: 2px;
  height: 25px;
  background: #1c1c1c;
  transform: rotate(-45deg);
}

.hd .detailViewer {
  font-size: 0;
  text-align: center;
}

.hd .slick-prev {
  position: absolute;
  top: 50%;
  left: 4%;
  z-index: 1;
  transform: translateY(-50%);
  width: 28px;
  height: 51px;
  background: url("/front_pc/images/btn_main_slider-arrow-e626e4f529efc564e38a4e9b64e4a2d0.png") no-repeat 50% 50%;
  font-size: 0;
}

.hd .slick-next {
  position: absolute;
  top: 50%;
  right: 4%;
  z-index: 1;
  transform: translateY(-50%) rotate(-180deg);
  width: 28px;
  height: 51px;
  background: url("/front_pc/images/btn_main_slider-arrow-e626e4f529efc564e38a4e9b64e4a2d0.png") no-repeat 50% 50%;
  font-size: 0;
}

.hd .slick-disabled {
  display: none !important;
}

.hd:not(#main) .slick-next,
.hd:not(#main) .slick-prev {
  background-size: 70%;
}

.hd .slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0;
}

.hd .slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background: #d6d6d6;
  border-radius: 5px;
  cursor: pointer;
}

.hd .slick-dots li:first-child {
  margin-left: 0;
}

.hd .slick-dots li.slick-active {
  width: 25px;
  background: #918c00;
}

.hd .slick-controller {
  position: absolute;
  left: 5%;
  bottom: 30px;
  transform: translateX(-50%);
}

.hd .slick-controller .slick-dots {
  display: inline-block;
  vertical-align: middle;
  position: static;
  transform: none;
  margin-left: 5px;
}

.hd .slick-controller .slick-stop {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url("/front_pc/images/ico_comm_stop-5a0e58d5e04d9edcbb8adf637a065c7c.png") no-repeat 50% 50%;
  padding: 10px;
}

.hd .slick-controller .slick-play {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url("/front_pc/images/ico_comm_play-171ebffd76240f88d7087e4d16af0d07.png") no-repeat 50% 50%;
  padding: 10px;
}

.hd .pagenation {
  margin-top: 70px;
  text-align: center;
}

.hd .tab-content {
  display: none;
}

.hd .tab-content--show {
  display: block;
}

.hd .option-area {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  max-height: 60px;
  transition: max-height 0.35s linear;
}

.hd .option-area.open {
  overflow: visible;
  max-height: 741px;
}

.hd .option-area .btn-option {
  width: 900px;
  height: 60px;
  margin: 0 auto;
}

.hd .option-area .btn-option .btn {
  float: right;
  width: 224px;
  height: 60px;
  line-height: 60px;
}

.hd .option-area .btn-option .btn a {
  display: block;
  width: 100%;
  font-size: 20px;
  background: #1c1c1c url(/front_pc/images/btn_comm_arrow-up-dcb850e9a9bb6140063ddc673388506e.png) no-repeat 154px 25px;
  border-color: #1c1c1c;
  text-indent: -15px;
}

.hd .option-area .btn-option .btn .active, .hd .option-area .btn-option .btn .next__tab {
  background-color: #918c00;
  border-color: #918c00;
}

.hd .option-area .btn-option .btn .active .minicart, .hd .option-area .btn-option .btn .next__tab .minicart {
  color: #918c00;
}

.hd .option-area .btn-option--on .btn a {
  background-image: url(/front_pc/images/btn_comm_arrow-down-e6bda780593314221fc082521283755d.png);
}

.hd .option-area--open {
  display: block;
}

.hd .minicart {
  width: 100%;
  padding: 30px 0;
  background: #FFF;
  border-top: 3px solid #1c1c1c;
}

.hd .minicart__inner {
  width: 900px;
  min-height: 300px;
  margin: 0 auto;
}

.hd .minicart__title {
  font-size: 16px;
}

.hd .minicart .input {
  margin-bottom: 20px;
}

.hd .minicart .input__box {
  display: table;
  table-layout: fixed;
  float: left;
}

.hd .minicart .input__box__title {
  display: table-cell;
  width: 120px;
}

.hd .minicart .input__box.option {
  width: calc(100% / 2 - 28px);
  margin-right: 28px;
}

.hd .minicart .input__box.addItem {
  width: calc(100% / 2 - 28px);
  margin-left: 28px;
}

.hd .minicart .select-wrap {
  width: 300px;
  display: table-cell;
}

.hd .minicart .select-wrap .hd__custom-select {
  width: 300px;
  height: 45px;
  line-height: 45px;
}

.hd .minicart .select-wrap .hd__custom-select + .hd__custom-select {
  margin-top: 14px;
}

.hd .minicart .output {
  overflow: hidden;
  overflow-y: auto;
  max-height: 345px;
  margin-bottom: 20px;
}

.hd .minicart .output__box {
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 0;
}

.hd .minicart .output__box + .output__box {
  border-top: none;
}

.hd .minicart .output__title {
  display: inline-block;
  width: 490px;
  line-height: 1.3;
  font-size: 16px;
  vertical-align: middle;
}

.hd .minicart .output__info {
  position: relative;
  display: inline-block;
  padding-right: 50px;
  width: 490px;
  line-height: 1.3;
  font-size: 16px;
  vertical-align: middle;
}

.hd .minicart .output__info .output__title {
  float: left;
  position: absolute;
  left: 0;
  top: 50%;
  width: 260px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  transform: translateY(-50%);
}

.hd .minicart .output__info .orange {
  float: right;
  display: block;
  width: 100%;
  color: #918c00;
  text-align: right;
}

.hd .minicart .output__info .error {
  float: right;
  display: block;
  margin-top: 5px;
  display: block;
  font-size: 14px;
  color: #ff0000;
  text-align: right;
}

.hd .minicart .output__info .error:before {
  display: inline-block;
  margin-right: 3px;
  width: 13px;
  height: 13px;
  line-height: 12px;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  border: 1px solid #ff0000;
  border-radius: 50%;
  content: '!';
  vertical-align: bottom;
}

.hd .minicart .output .count-area {
  display: inline-block;
  vertical-align: middle;
}

.hd .minicart .output .count-area .count {
  display: inline-block;
  width: 159px;
  vertical-align: middle;
}

.hd .minicart .output .count-area .count__name {
  display: none;
  min-width: 67px;
  padding: 0 27px;
  font-size: 16px;
  vertical-align: middle;
}

.hd .minicart .output .count-area .count .prd_btn {
  margin-left: -1px;
}

.hd .minicart .output .count-area .prd_btn {
  width: 159px;
  vertical-align: middle;
}

.hd .minicart .output .price {
  display: inline-block;
  width: 157px;
  text-align: right;
  vertical-align: middle;
  font-size: 18px;
}

.hd .minicart .output .price-origin {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  color: #888;
}

.hd .minicart .output .price-discounted {
  display: block;
}

.hd .minicart .output .price-discounted-rate {
  display: inline-block;
  margin-right: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #ea1111;
}

.hd .minicart .output .delete {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-left: 20px;
  padding: 2px;
}

.hd .minicart .output .delete:before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 20px;
  background: #3d3d3d;
  transform: rotate(45deg);
  content: '';
}

.hd .minicart .output .delete:after {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 20px;
  background: #3d3d3d;
  transform: rotate(-45deg);
  content: '';
}

.hd .minicart .total {
  position: relative;
  font-size: 18px;
  text-align: right;
}

.hd .minicart .total__price {
  margin-left: 20px;
  font-size: 30px;
  font-weight: 600;
}

.hd .minicart .total__text {
  position: absolute;
  left: 0;
  top: 12px;
  font-size: 16px;
  color: #918c00;
}

.hd .minicart .btn-area {
  width: 900px;
  margin-top: 35px;
}

.hd .minicart .btn-area .btn-heart {
  float: left;
  display: block;
  position: relative;
  width: 225px;
  height: 60px;
  background: #FFF;
  border: 1px solid #ccc;
  border-right: 0;
  box-sizing: border-box;
}

.hd .minicart .btn-area .btn-heart span {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-left: 15px;
  line-height: 58px;
  font-size: 20px;
}

.hd .minicart .btn-area .btn-heart span:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 58px;
  transform: translateY(-50%);
  width: 23px;
  height: 22px;
  margin: 0 auto;
  background: url("/front_mo/images/btn_heart-off-9a5aade5906b74837490ea5e8fe2acad.png") no-repeat 0 0;
  background-size: 100%;
}

.hd .minicart .btn-area .btn-heart.active span:before {
  background: url("/front_mo/images/btn_heart-on-8360fc631c685973c48d68d387376f33.png") no-repeat center center;
  background-size: 100%;
}

.hd .minicart .btn-area .btn-notify {
  float: left;
  display: block;
  position: relative;
  width: 225px;
  height: 60px;
  background: #FFF;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd .minicart .btn-area .btn-notify span {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  line-height: 58px;
  font-size: 20px;
}

.hd .minicart .btn-area .btn-notify span:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 32px;
  height: 45px;
  vertical-align: middle;
  background: url("/front_mo/images/sp_ico-5e6cf53d3ebc4b7f16d07f5bd177f5cb.png?ver=210331") no-repeat -61px -34px;
  transform: scale(0.7);
}

.hd .minicart .btn-area .btn {
  float: left;
  width: 675px;
  height: 60px;
}

.hd .minicart .btn-area .btn button {
  font-size: 20px;
}

.hd .minicart .btn-area.full {
  width: 100%;
}

.hd .minicart .btn-area.full .btn {
  width: 100%;
}

.hd .minicart .delivery {
  margin-top: 20px;
  font-size: 16px;
  text-align: right;
}

.hd .minicart .delivery__price {
  margin-left: 20px;
}

.hd .count {
  display: block;
  overflow: hidden;
  position: relative;
  width: 71px;
  height: 45px;
  padding: 0 45px;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 55px;
  color: #1c1c1c;
  box-sizing: border-box;
}

.hd .count input {
  width: 100%;
  height: 43px;
  padding: 0;
  border: 0;
  text-align: center;
  vertical-align: top;
  line-height: 43px;
  font-size: 16px;
  color: #1c1c1c;
}

.hd .count button {
  position: absolute;
  top: -1px;
  width: 45px;
  height: 45px;
  border: 1px solid #ccc;
  background: #f8f8f8;
}

.hd .count button:disabled {
  border: 1px solid #ccc !important;
  background: #f8f8f8 !important;
  cursor: auto;
}

.hd .count button:disabled:before, .hd .count button:disabled:after {
  background: #cdcdcd;
}

.hd .count .btn__count-down {
  left: -1px;
}

.hd .count .btn__count-down:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background: #1c1c1c;
  transform: translate(-50%, -50%);
}

.hd .count .btn__count-up {
  right: -1px;
}

.hd .count .btn__count-up:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background: #1c1c1c;
  transform: translate(-50%, -50%);
}

.hd .count .btn__count-up:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 14px;
  background: #1c1c1c;
  transform: translate(-50%, -50%);
}

.hd .no-list {
  padding: 100px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.hd .no-list p {
  position: relative;
  padding-top: 75px;
  font-size: 16px;
  text-align: center;
}

.hd .no-list p:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 60px;
  background: url("/front_pc/images/icon_comm_bank-mark-6864e11ed84b4d00a206a089e1cabc98.png") no-repeat 0 0;
  background-size: 100%;
}

.hd .accordion__head {
  background: url("/front_pc/images/btn_comm_accordion-down-49268102887cac88ee7592e265819c70.png") no-repeat right 50%;
}

.hd .accordion__head--on {
  background: url("/front_pc/images/btn_comm_accordion-up-ee0aab0d9bbdb765f4c9ed01abe13d5a.png") no-repeat right 50%;
}

.hd .accordion__head.bgType2 {
  position: relative;
  background: none;
}

.hd .accordion__head.bgType2:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 2px;
  background-color: #3d3d3d;
  content: '';
}

.hd .accordion__head.bgType2:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 29px;
  transform: translateY(-50%);
  width: 2px;
  height: 20px;
  background-color: #3d3d3d;
  content: '';
}

.hd .accordion__head.bgType2.accordion__head--on::after {
  display: none;
}

.hd .accordion__cont {
  display: none;
}

.hd .reply {
  margin-top: 90px;
  border-top: 3px solid #1c1c1c;
}

.hd .reply__total {
  height: 69px;
  line-height: 69px;
  font-size: 20px;
  font-weight: 600;
}

.hd .reply__total span {
  font-weight: 400;
}

.hd .reply__write-form {
  position: relative;
  padding-right: 110px;
}

.hd .reply__write-form .input__text {
  padding-right: 110px;
  height: 60px;
  border: 1px solid #918c00;
}

.hd .reply__write-form .input__text:disabled {
  background: #FFF;
}

.hd .reply__write-form .btn-init {
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  height: 60px;
  line-height: 60px;
}

.hd .reply__write-form .chk-secret {
  position: absolute;
  top: 21px;
  right: 130px;
}

.hd .reply__write-form .chk-secret input {
  display: none;
}

.hd .reply__write-form .chk-secret input:checked + label {
  color: #918c00;
}

.hd .reply__write-form .chk-secret input:checked + label .chk-secret-ico {
  background-position-x: -94px;
}

.hd .reply__write-form .chk-secret label {
  display: block;
  line-height: 18px;
  font-size: 15px;
  color: #757575;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hd .reply__write-form .chk-secret label .chk-secret-ico {
  display: inline-block;
  margin-top: -2px;
  width: 20px;
  height: 18px;
  background: url("/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?ver=231121") no-repeat -72px -131px;
  vertical-align: top;
}

.hd .reply__box .box__list {
  position: relative;
}

.hd .reply__box .box__list__cont {
  position: relative;
  padding: 20px 0;
  word-break: break-all;
  border-bottom: 1px solid #ccc;
}

.hd .reply__box .box__list__cont .user__update {
  position: relative;
  margin-top: 10px;
  padding-right: 70px;
}

.hd .reply__box .box__list__cont .user__update .btn-init {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 45px;
  font-size: 16px;
  background: #888;
  border-color: #888;
}

.hd .reply__box .box__list__cont .user__update__btn {
  position: absolute;
  bottom: 10px;
  right: 0;
  font-size: 0;
}

.hd .reply__box .box__list__cont .user__update__btn:before {
  content: '|';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 16px;
  transform: translate3d(-50%, -50%, 0);
}

.hd .reply__box .box__list__cont .user__update__btn li {
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
}

.hd .reply__box .box__list__cont .user__update__btn li:first-child {
  margin-left: 0;
}

.hd .reply__box .box__list__cont .user__update__btn li a {
  line-height: 36px;
  font-size: 16px;
}

.hd .reply__box .box__list__cont.admin {
  padding-left: 50px;
}

.hd .reply__box .box__list__cont.admin:before {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 18px;
  height: 18px;
  border-bottom: 3px solid #1c1c1c;
  border-left: 3px solid #1c1c1c;
  box-sizing: border-box;
}

.hd .reply__box .box__list__txt {
  display: block;
  line-height: 24px;
  font-size: 16px;
}

.hd .reply__box .box__list__date {
  display: block;
  margin-top: 20px;
  font-size: 15px;
  color: #a1a1a1;
}

.hd .reply__box .box__list__date .ico_secret {
  margin-right: 3px;
}

.hd .reply__box .box__list__date .bar {
  margin: 0 5px;
  color: #ccc;
}

.hd .reply__box .box__list__date u {
  cursor: pointer;
}

.hd .reply .none-list__inner {
  border-top: 0;
}

.hd__error {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 460px;
  transform: translate(-50%, -50%);
  text-align: center;
}

.hd__error__title {
  margin-top: 35px;
  font-size: 30px;
  font-weight: 600;
}

.hd__error__txt {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #ccc;
  line-height: 32px;
  font-size: 20px;
}

.hd__error .btn {
  width: 100%;
  height: 70px;
  line-height: 70px;
  margin: 40px auto 0;
  font-size: 0;
}

.hd__error .btn a {
  border: 1px solid #918c00 !important;
  font-size: 20px;
}

.hd__error .btn-service-error {
  width: 225px;
}

.hd input[type="text"]:-moz-read-only {
  background: #F9F9F9;
}

.hd input[type="text"]:read-only {
  background: #F9F9F9;
}

.hd button:disabled {
  background: #A8A8A8 !important;
  border: 1px solid #A8A8A8 !important;
}

.hd .member-box__list .alertBox {
  margin-left: 135px;
}

.hd .alertBox {
  margin-top: 10px;
}

.hd .alertBox.fail {
  color: #ff0000;
}

.hd .alertBox.success {
  color: #918c00;
}

.hd__ico-area {
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 0;
}

.hd__ico-area li {
  display: inline-block;
  width: calc(100% / 6);
  margin-top: 5px;
  vertical-align: top;
  text-align: center;
}

.hd__ico-area li:nth-child(-n+7) {
  margin-top: 0;
}

.hd__ico-area li img {
  width: 35px;
  height: 35px;
  vertical-align: top;
}

.hd__icon__score span.on {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("/front_mo/images/sp_ico-5e6cf53d3ebc4b7f16d07f5bd177f5cb.png?ver=220704") no-repeat;
  background-position-x: -595px;
}

.hd .userName-mixChar {
  display: none;
  margin: 10px 0 0 135px;
  color: #918c00;
}

.hd .userName-space {
  display: none;
  margin: 10px 0 0 135px;
  color: #918c00;
}

.hd [class^="ico_"] {
  display: inline-block;
  margin-top: -3px;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  background: url("/front_mo/images/sp_ico-5e6cf53d3ebc4b7f16d07f5bd177f5cb.png?ver=210708") no-repeat 0 0;
  background-size: 640px auto;
}

.hd .ico_gift {
  background-position: 2px 0px;
}

.hd .ico_tooltip {
  margin: -3px 0 0 1px;
  width: 18px;
  height: 18px;
  line-height: 15px;
  text-align: center;
  font-size: 16px;
  font-style: inherit;
  background: #fff;
  background-size: 23px auto;
  border: 1px solid #aaa;
  border-radius: 50%;
  cursor: pointer;
}

.hd .ico_tooltip:before {
  font-family: 'tahoma';
  font-size: 14px;
  font-weight: normal;
  color: #888;
  content: '?';
}

.hd .ico_delivery {
  width: 55px;
  height: 30px;
  background-position: -74px 0px;
}

.hd .ico_notify {
  width: 32px;
  height: 39px;
  background-position: -61px -34px;
  transform: scale(0.55);
}

.hd .ico_notify-v2 {
  width: 32px;
  height: 40px;
  background-position: -61px -74px;
  transform: scale(0.7);
}

.hd .ico_eco {
  margin-left: -3px;
  width: 38px;
  height: 26px;
  background-position: -220px -76px;
  transform: scale(0.7);
}

.hd .ico_photo {
  width: 24px;
  height: 22px;
  background: url(/front_pc/images/ico_comm_photo-75c907f0bc83ff7531b5ca87aeb07ac9.png) no-repeat 0 0;
  background-size: 100%;
}

.hd .ico_secret {
  width: 13px;
  height: 15px;
  background: url("/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?ver=231121") no-repeat;
  background-position: -56px -131px;
}

.hd .ico_strap {
  width: 32px;
  height: 37px;
  background-position: -476px -191px;
}

.hd .ico_strap.on {
  background-position-x: -513px;
}

.hd .progress_wrap {
  display: flex;
  width: 100%;
  align-items: center;
  vertical-align: top;
}

.hd .progress_bg {
  position: relative;
  flex-grow: 1;
  height: 10px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.2);
}

.hd .progress_bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 10px;
  font-size: 0;
  text-indent: -9999px;
  border-radius: 5px;
  background-color: #1c1c1c;
}

.hd .fadeInUp {
  -webkit-animation: fadeInUp 0.9s both 0.25s cubic-bezier(0.22, 0.61, 0.87, 1.27);
  animation: fadeInUp 0.9s both 0.25s cubic-bezier(0.22, 0.61, 0.87, 1.27);
}

.hd .fadeInDown {
  -webkit-animation: fadeInUp 0.9s both 0.25s cubic-bezier(0.22, 0.61, 0.87, 1.27);
  animation: fadeInUp 0.9s both 0.25s cubic-bezier(0.22, 0.61, 0.87, 1.27);
}

.hd .delay_500 {
  animation-delay: .5s;
}

.hd .delay_1000 {
  animation-delay: 1s;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.hd .tab-type3 li {
  display: inline-block;
  margin: 0 15px 20px 0;
}

.hd .tab-type3 li a {
  display: block;
  padding: 15px 20px;
  font-size: 18px;
  color: #1c1c1c;
  border-radius: 25px;
  background: #f5f5f5;
  cursor: pointer;
}

.hd .tab-type3 li a:hover {
  color: #918c00;
  background: #e8e7d1;
}

.hd .tab-type3 li.on a {
  color: #fff;
  background: #918c00;
}

.hd .relative {
  position: relative;
}

.hd .discount-tooltip {
  visibility: visible;
  position: absolute;
  top: 50%;
  right: 120px;
  padding: 5px 10px;
  line-height: 1.3;
  font-size: 15px;
  font-weight: 100;
  color: #ea1111;
  text-align: center;
  background-color: #fff;
  border-radius: 30px;
  border: 1px solid #ea1111;
  white-space: nowrap;
  letter-spacing: -.65px;
  transform: translateY(-50%);
  z-index: 1;
}

.hd .discount-tooltip:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -5px;
  margin-top: -5px;
  margin-left: -5px;
  width: 8px;
  height: 8px;
  background: #fff;
  border: 1px solid #ea1111;
  border-left: 0;
  border-top: 0;
  transform: rotate(-45deg);
}

.hd .discount-tooltip.bottom {
  top: 120%;
  right: 50%;
  transform: translateX(50%);
}

.hd .discount-tooltip.bottom:after {
  top: 0;
  right: 50%;
  margin-top: -2px;
  margin-right: -8px;
  transform: rotate(-135deg) translateX(50%);
}

.hd .discount-tooltip.right {
  right: inherit;
  left: 110%;
}

.hd .discount-tooltip.right:after {
  right: inherit;
  left: 0;
  transform: rotate(135deg) translateX(0);
}

.hd .main {
  position: relative;
  margin: 0 auto;
}

.hd .main__title {
  position: relative;
  font-size: 36px;
  text-align: center;
}

.hd .main__title .go-page {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 39px;
  height: 39px;
  transform: translateY(-50%);
  margin-left: 25px;
}

.hd .main__ico {
  display: inline-block;
  margin-top: 0;
  padding: 4px 7px;
  font-size: 15px;
  font-style: inherit;
  background: #e2e735;
  border: 2px solid #1c1c1c;
  border-radius: 30px;
  vertical-align: top;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #1c1c1c;
  animation: saleMotion 0.4s ease-out 0s infinite alternate;
}

.hd .main__ico.v2 {
  color: #fff;
  background-color: #f83737;
}

@keyframes saleMotion {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: 7px;
  }
}

.hd .main__img {
  display: inline-block;
  vertical-align: middle;
}

.hd .main__subtitle {
  position: relative;
  margin-top: 25px;
  padding-top: 25px;
  line-height: 32px;
  font-size: 18px;
  text-align: center;
}

.hd .main__subtitle:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 92px;
  height: 1px;
  background: #1c1c1c;
  content: '';
}

.hd .main__sect:not(:first-child) {
  margin-top: 100px;
}

.hd .main__h3 {
  position: relative;
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 600;
}

.hd .main__h3-more {
  display: inline-block;
  margin: 6px 0 0 5px;
  width: 25px;
  height: 25px;
  line-height: 23px;
  font-size: 0;
  text-indent: -999em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 50%;
  vertical-align: top;
}

.hd .main__h3-more:before {
  display: inline-block;
  margin: 2px 0 0 -2px;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border: solid #1c1c1c;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .main__h3-txt {
  margin-left: 10px;
  font-size: 22px;
  font-weight: normal;
}

.hd .main__h3 a {
  color: #1c1c1c;
}

.hd .main__h3 a:hover {
  color: #918c00;
}

.hd .main__h3 a:hover .main__h3-more, .hd .main__h3 a:hover .main__h3-more:before {
  border-color: #918c00;
}

.hd .main__h3 a:hover .main__h3-more {
  margin-left: 0;
}

.hd .main__desc {
  margin-bottom: 6px;
  font-size: 21px;
  color: #888;
}

.hd .main .slides {
  position: relative;
}

.hd .main .slides__sec {
  position: relative;
}

.hd .main .slides__sec:hover .btn__prev, .hd .main .slides__sec:hover .btn__next {
  display: block;
  visibility: visible;
  opacity: 1;
}

.hd .main .slides__sec .slick-arrow.slick-hidden {
  display: none;
}

.hd .main .slides__sec [class^="btn__"] {
  position: absolute;
  top: 50%;
  width: 55px;
  height: 55px;
  font-size: 0;
  visibility: hidden;
  text-align: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  transition: all .5s;
  transform: translateY(-50%);
  z-index: 1;
  opacity: 0;
}

.hd .main .slides__sec .btn__prev {
  left: 12%;
}

.hd .main .slides__sec .btn__prev:after {
  display: inline-block;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hd .main .slides__sec .btn__next {
  right: 12%;
}

.hd .main .slides__sec .btn__next:after {
  display: inline-block;
  margin-left: -5px;
  width: 12px;
  height: 12px;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hd .main .slides .main-slider {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.hd .main .slides .main-slider__list {
  position: relative;
  display: inline-block;
  width: 100%;
}

.hd .main .slides .main-slider__list a img {
  width: 100%;
}

.hd .main .slides .main-slider__box {
  display: inline-block;
  overflow: hidden;
}

.hd .main .slides .main-slider__box .main-slider__list {
  float: left;
  margin: 0 5px;
  width: 545px !important;
}

.hd .main .slides .main-slider .slick-dots {
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 75px;
  padding: 4px 5px 8px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  letter-spacing: 0.5px;
  text-indent: 0.5px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  box-sizing: border-box;
  transform: translateX(475px);
}

.hd .main .slides .main-slider .slick-dots li {
  width: auto;
  height: auto;
  background: transparent;
}

.hd .main .slides .main-slider .slick-dots li span {
  color: #fff;
}

.hd .main .slides .main-slider .slick-slide .main-slider__list {
  background: #000;
}

.hd .main .slides .main-slider .slick-slide .main-slider__list img {
  opacity: 0.65;
  transition: 0.5s;
}

.hd .main .slides .main-slider .slick-slide.slick-center img {
  opacity: 1;
}

.hd .main .slides .main-controller {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px auto 0;
  width: 1100px;
}

.hd .main .slides .main-controller .slide-progress {
  width: 1055px;
  height: 5px;
  background: #d9d9d9;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.hd .main .slides .main-controller .slide-progress__track {
  width: 100%;
  height: 100%;
  position: relative;
}

.hd .main .slides .main-controller .slide-progress__thumb {
  width: 0%;
  height: 100%;
  background: #fff;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  transition: width 1s;
  border-radius: 5px;
}

.hd .main .slides .main-controller .btn-toggle {
  font-size: 0;
  width: 33px;
  height: 14px;
  background: url("/front_pc/images/ico_main_slide-655b4f55f146629e5021032015f0fde3.png") no-repeat 0 0;
}

.hd .main .slides .main-controller .btn-toggle.is-playing {
  /* 일시정지 아이콘 */
}

.hd .main .slides .main-controller .btn-toggle.is-paused {
  /* 재생 아이콘 */
  background-position-y: bottom;
}

.hd .main .item-area .box {
  margin-top: 0;
}

.hd .main .item-area .box__list {
  width: 260px;
  margin-left: 20px;
  padding-bottom: 3px;
  border: 0;
}

.hd .main .item-area .box__list:nth-child(4n+1) {
  margin-left: 0;
}

.hd .main .item-area .box__list:nth-child(-n+4) {
  margin-top: 0;
}

.hd .main .item-area .box__list__thumb {
  height: 260px;
}

.hd .main .item-area .box__list__thumb > img {
  width: 260px;
}

.hd .main .item-area .box__list__cart {
  top: 360px;
}

.hd .main .item-area .box__list__label {
  font-size: 15px;
}

.hd .main .item-area .box__list__label-txt {
  min-width: 100px;
}

.hd .main .item-area.big .box__list {
  margin: 60px 0 0 20px;
  width: 350px;
}

.hd .main .item-area.big .box__list:nth-child(3n+1) {
  margin-left: 0;
}

.hd .main .item-area.big .box__list:nth-child(-n+3) {
  margin-top: 0;
}

.hd .main .item-area.big .box__list__thumb {
  height: 350px;
}

.hd .main .item-area.big .box__list__thumb img {
  width: 350px;
}

.hd .main .item-area.big .box__list__btn {
  margin-top: -50px;
  text-align: right;
}

.hd .main .now {
  margin-top: 80px;
}

.hd .main .now .box__list__tag {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.hd .main .now-top {
  float: left;
  width: 530px;
}

.hd .main .now-top .box__list {
  width: 100%;
}

.hd .main .now-top .box__list__thumb {
  height: 500px;
}

.hd .main .now-top .box__list__thumb > img {
  width: 530px;
}

.hd .main .now-top .box__list__sub {
  font-size: 20px;
}

.hd .main .now-top .box__list__title {
  margin-top: 5px;
  font-size: 23px;
}

.hd .main .now-top .box__list__title__wrap {
  margin: 15px 0 20px;
}

.hd .main .now-top .box__list__price {
  overflow: hidden;
}

.hd .main .now-top .box__list__price-origin {
  float: left;
  margin: 9px 0 0 10px;
  font-size: 21px;
}

.hd .main .now-top .box__list__price-discounted {
  float: left;
}

.hd .main .now-top .box__list__price-discounted strong {
  font-size: 30px;
}

.hd .main .now-top .box__list__price-discounted-rate {
  float: left;
  font-size: 30px;
}

.hd .main .now-top .box__list__btn {
  position: absolute;
  right: 0;
  bottom: 0;
}

.hd .main .now-top .box__list__tag span {
  margin-top: 15px;
}

.hd .main .now-top + .item-area {
  float: right;
  width: 570px;
  height: 670px;
  overflow: hidden;
}

.hd .main .now-top + .item-area .box__list {
  display: block;
  position: relative;
  margin: 0 0 18px 0;
  padding-left: 20px;
  box-sizing: border-box;
}

.hd .main .now-top + .item-area .box__list__thumb {
  width: 200px;
  height: 200px;
}

.hd .main .now-top + .item-area .box__list__thumb > img {
  width: 200px;
}

.hd .main .now-top + .item-area .box__list__thumb + .box__list__score {
  right: inherit;
  left: 110px;
}

.hd .main .now-top + .item-area .box__list__info {
  position: absolute;
  left: 240px;
  top: 50%;
  transform: translateY(-50%);
}

.hd .main .now-top + .item-area .box__list__btn {
  margin-top: -50px;
  width: 328px;
  text-align: right;
}

.hd .main .now-top + .item-area .box__list__price-origin {
  font-size: 20px;
}

.hd .main .now-top + .item-area .box__list__price-discounted strong {
  font-size: 26px;
}

.hd .main .now-top + .item-area .box__list .hd__icon__bundle {
  width: 100px;
}

.hd .main .now-top + .item-area .slick-list {
  height: 641px !important;
}

.hd .main .now .slick-dots {
  left: 20px;
  bottom: -20px;
  transform: none;
}

.hd .main .normal {
  margin-top: 80px;
}

.hd .main .normal .timer {
  margin: -10px 0 25px;
  font-size: 28px;
}

.hd .main .normal .timer:before {
  display: inline-block;
  margin-right: 5px;
  width: 34px;
  height: 30px;
  vertical-align: bottom;
  background: url("/front_mo/images/sp_ico-5e6cf53d3ebc4b7f16d07f5bd177f5cb.png?ver=230110") no-repeat -308px -155px;
  content: '';
}

.hd .main .normal-tab {
  margin-bottom: 11px;
}

.hd .main .normal-tab li {
  display: inline-block;
  margin: 0 10px 20px 0;
}

.hd .main .normal-tab li a {
  display: block;
  padding: 15px 20px;
  font-size: 18px;
  color: #1c1c1c;
  border-radius: 25px;
  background: #f5f5f5;
  cursor: pointer;
}

.hd .main .normal-tab li:hover a {
  color: #918c00;
  background: #e8e7d1;
}

.hd .main .normal-tab li.on a {
  color: #fff;
  background: #918c00;
}

.hd .main .subscribe .item-area .box__list {
  width: 530px;
}

.hd .main .subscribe .item-area .box__list__thumb {
  height: 400px;
}

.hd .main .subscribe .item-area .box__list__thumb img {
  width: 530px;
}

.hd .main .subscribe .item-area .box__list .box__list__price-origin {
  display: inline-block;
  margin: 0 0 2px 5px;
  vertical-align: bottom;
}

.hd .main .bestReview {
  margin: -20px 0 0 0;
  width: 1100px;
}

.hd .main .bestReview__list {
  padding-left: 0;
}

.hd .main .bestReview__list .list__keyword-box {
  margin-bottom: 10px;
  justify-content: left;
}

.hd .main .bestReview__list .list__keyword-box span {
  padding: 0 10px;
  font-size: 14px;
}

.hd .main .bestReview .swiper-slide {
  margin: 20px 0 0 0;
  padding: 30px;
  width: 540px;
  border: 1px solid  #cdcdcd;
  box-sizing: border-box;
}

.hd .main .bestReview .swiper-slide:not(:last-child) {
  margin-right: 20px;
}

.hd .main .bestReview .swiper-slide:before {
  left: inherit !important;
  right: 0;
  top: 0 !important;
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  font-size: 18px !important;
  color: #3a3801 !important;
  background: #ded716 !important;
}

.hd .main .bestReview .swiper-slide:after {
  left: inherit !important;
  right: 3px;
  top: -20px !important;
  transform: scale(0.8);
}

.hd .main .bestReview .swiper-slide:nth-of-type(1):after {
  right: -13px;
}

.hd .main .bestReview .swiper-slide a {
  display: flex;
  align-items: center;
}

.hd .main .bestReview .swiper-slide .list__thumb {
  width: 160px;
  height: 160px;
  border-radius: 0;
}

.hd .main .bestReview .swiper-slide .list__thumb img {
  height: auto;
}

.hd .main .bestReview .swiper-slide .list__review {
  margin: 0 0 0 20px;
  padding: 0;
  width: calc(100% - 180px);
  height: 149px;
  background: transparent;
  border-radius: 0;
  text-align: left;
}

.hd .main .bestReview .swiper-slide .list__review:before {
  display: none;
}

.hd .main .bestReview .swiper-slide .list__user {
  margin: 0;
  font-size: 19px;
  font-weight: bold;
  color: #1c1c1c;
}

.hd .main .bestReview .swiper-slide .list__title {
  margin-top: 10px;
  height: 45px;
  font-size: 19px;
  font-weight: normal;
}

.hd .main .bestReview .swiper-slide .list__name {
  display: block;
  margin-top: 10px;
  height: auto;
  font-size: 18px;
  font-weight: normal;
  color: #999;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd .main .bestReview .swiper-button-prev {
  top: 53%;
  left: -25px;
}

.hd .main .bestReview .swiper-button-next {
  top: 53%;
  right: -25px;
}

.hd .main .bestReview .swiper-button-disabled {
  display: none;
}

.hd .main .review .vreview-best-review-widget-iframe {
  max-width: 100% !important;
}

.hd .main .brand-img {
  display: block;
  margin-bottom: 20px;
}

.hd .main .brand-img img {
  display: block;
}

.hd .main .brand .slick-slide {
  padding-right: 20px;
  width: 260px !important;
}

.hd .main .brand .slick-arrow {
  position: absolute;
  top: 130px;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
}

.hd .main .brand .slick-arrow:after {
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 12px;
  border: solid #1c1c1c;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .main .brand .slick-prev {
  left: -30px;
}

.hd .main .brand .slick-next {
  right: -30px;
}

.hd .main .brand .slick-next:after {
  margin-left: 3px;
}

.hd .main .magazine {
  /* &-bg{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 0;

                img{
                    margin-top: -50%;
                    width: 100%;
                    -webkit-filter: blur(10px); 
                    -moz-filter: blur(10px); 
                    -o-filter: blur(10px); 
                    -ms-filter: blur(10px); 
                    filter: blur(10px); 
                    transform: scale(1.02);
                }

                .slick-slide{
                    position: relative;

                    &:after{
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        background: rgba(0,0,0,0.5);
                        content: '';
                        z-index: 0;
                    }
                }
            } */
}

.hd .main .magazine-slider {
  position: relative;
  overflow: hidden;
}

.hd .main .magazine-list {
  position: relative;
  margin: 0 auto;
  padding: 28px 34px 0;
  width: 828px;
  height: 368px;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 1;
}

.hd .main .magazine-list__slide {
  position: relative;
  display: inline-block;
  margin: 0 11.5px 0;
  transition: all 0.5s;
  width: 230px !important;
  height: 340px;
  border-radius: 20px;
  overflow: hidden;
}

.hd .main .magazine-list__slide a:before {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 75px;
  height: 15px;
  background: url("/front_pc/images/img_header_logo_w-bdb1e0e73b78bc314432182069493341.png") no-repeat;
  background-size: 100% auto;
  content: '';
  z-index: 1;
}

.hd .main .magazine-list__slide a:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  z-index: 0;
}

.hd .main .magazine-list__slide .list-txt {
  position: absolute;
  left: 20px;
  bottom: 60px;
  width: 190px;
  color: #fff;
  z-index: 1;
}

.hd .main .magazine-list__slide .list-txt-sort {
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 10px;
  line-height: 25px;
  font-size: 15px;
  color: #918c00;
  background: #fff;
  border-radius: 30px;
  letter-spacing: -1px;
}

.hd .main .magazine-list__slide .list-txt-sort.c1 {
  color: #307d0e;
}

.hd .main .magazine-list__slide .list-txt-sort.c2 {
  color: #918c00;
}

.hd .main .magazine-list__slide .list-txt-sort.c3 {
  color: #a4111f;
}

.hd .main .magazine-list__slide .list-txt-sort.c4 {
  color: #378a9f;
}

.hd .main .magazine-list__slide .list-txt-title {
  display: block !important;
  line-height: 1.3;
  width: 99%;
  font-size: 27px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .main .magazine-list__slide .list-txt-desc {
  display: block;
  margin-top: 15px;
  width: 99%;
  line-height: 1.2;
  font-size: 17px;
  color: rgba(255, 255, 255, 0.7);
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd .main .magazine-list .slick-arrow {
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
}

.hd .main .magazine-list .slick-arrow:after {
  display: inline-block;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .main .magazine-list .slick-arrow:hover {
  background: rgba(145, 140, 0, 0.8);
}

.hd .main .magazine-list .slick-prev {
  top: 50%;
  left: 0;
}

.hd .main .magazine-list .slick-next {
  top: 50%;
  right: 0;
}

.hd .main .magazine-list .slick-dots {
  bottom: 0;
}

.hd .main .magazine-list .save {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 0;
  z-index: 1;
}

.hd .main .magazine-list .save:after {
  display: block;
  width: 40px;
  height: 40px;
  background: url("/front_pc/images/icon_header_heart-w-c5eefef897205ef71c0f8ab75c88e583.png") no-repeat center;
  content: '';
}

.hd .main .magazine-list .save.on:after {
  background-image: url("/front_pc/images/ico_heart-on-f9663660aa7aaf2a69e3aff1755fe39f.png");
  background-size: 71%;
}

.hd .main .magazine-list .ico_strap {
  position: absolute;
  right: 20px;
  top: 20px;
}

.hd .main .magazine .tab-wrap {
  display: flex;
  height: 397px;
  border: 1px solid #cdcdcd;
  overflow: hidden;
}

.hd .main .magazine .tab-menu {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0;
  width: 200px;
  height: auto;
  border: 0;
  border-right: 1px solid #cdcdcd;
}

.hd .main .magazine .tab-menu__list {
  width: 100%;
  height: 79.5px;
  line-height: 79.5px;
  box-sizing: border-box;
}

.hd .main .magazine .tab-menu__list a {
  padding-right: 0;
  font-size: 22px;
  font-weight: normal;
}

.hd .main .magazine .tab-menu__list a:after {
  display: none;
}

.hd .main .magazine .tab-menu__list--on a {
  font-weight: bold;
  color: #fff;
  background: #918c00;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.hd .main .magazine .tab-menu__list:not(:first-child) {
  border-top: 1px solid #cdcdcd;
}

.hd .main .magazine .tab-content {
  width: calc(100% - 200px);
  background: #f5f5f5;
}

.hd .main .tv {
  position: relative;
}

.hd .main .tv .hd__inner1100 {
  overflow: hidden;
}

.hd .main .tv-area {
  float: left;
  padding-top: 50px;
}

.hd .main .tv-area .main__h3 a:before {
  display: inline-block;
  width: 90px;
  height: 90px;
  box-sizing: border-box;
  background: #fff url("/front_pc/images/img_header_logo_s-c214e16cce81bdc7ea2a2482d1345dbe.png?ver=210315") no-repeat center center;
  background-size: 76px auto;
  border: 1px solid #ccc;
  border-radius: 50%;
  vertical-align: middle;
  content: '';
}

.hd .main .tv-area .main__h3-more {
  margin-top: 29px;
}

.hd .main .tv-area__txt dt {
  display: block;
  margin-bottom: 15px;
  width: 400px;
  height: 26px;
  font-size: 23px;
  font-weight: 600;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd .main .tv-area__txt dd {
  width: 400px;
  height: 120px;
  line-height: 30px;
  font-size: 20px;
  color: #888;
}

.hd .main .tv-area__btn {
  display: block;
  margin-top: 40px;
  width: 400px;
  font-size: 20px;
  color: #fff;
  height: 60px;
  line-height: 58px;
  text-align: center;
  background: #d2211f;
  opacity: 0;
  -webkit-transition: all 1s 1.5s ease;
  -moz-transition: all 1s 1.5s ease;
  -o-transition: all 1s 1.5s ease;
  transition: all 1s 1.5s ease;
}

.hd .main .tv-area__btn i {
  display: inline-block;
  width: 28px;
}

.hd .main .tv-area__btn i:after {
  display: inline-block;
  margin: -4px 0 0 20px;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .main .tv-area__btn:hover i:after {
  margin-left: 10px !important;
}

.hd .main .tv-link {
  float: right;
  position: relative;
  width: 640px;
  max-height: 380px;
  margin-top: 51px;
  overflow: hidden;
}

.hd .main .tv-link:after {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #918c00;
  z-index: 0;
  content: '';
}

.hd .main .tv-link img {
  width: 640px;
  height: 380px;
}

.hd .main .tv.active:after {
  right: 0;
}

.hd .main .tv.active .tv-area__btn {
  opacity: 1;
}

.hd .main .tv.active .tv-link:after {
  -webkit-animation: linkActive 1.5s ease;
  animation: linkActive 1.5s ease;
}

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

.hd .main .notice {
  background: #918c00;
}

.hd .main .notice .hd__inner1100 {
  position: relative;
  padding: 0 95px;
  box-sizing: border-box;
}

.hd .main .notice-h3 {
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.85);
  transform: translateY(-50%);
}

.hd .main .notice-h3:after {
  display: inline-block;
  margin: -3px 0 0 15px;
  width: 2px;
  height: 12px;
  background: #fff;
  content: '';
  vertical-align: middle;
}

.hd .main .notice-btn {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 30px;
  color: rgba(255, 255, 255, 0.85);
  transform: translateY(-50%);
}

.hd .main .notice-list {
  width: 100%;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
}

.hd .main .notice-list a {
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hd .main .banner-list {
  white-space: nowrap;
  margin: 0 auto;
  width: 1100px;
  overflow: hidden;
}

.hd .main .banner-list div {
  display: block;
  height: 100%;
}

.hd .main .banner-list__slide {
  display: block;
  position: relative;
  height: 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.hd .main .banner-list__slide a {
  display: block;
  height: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
}

.hd .main .banner-list__title {
  position: absolute;
  left: 0;
  top: 190px;
  width: 100%;
  font-size: 42px;
  text-align: center;
  opacity: 0;
}

.hd .main .banner-list__desc {
  position: absolute;
  left: 0;
  top: 260px;
  width: 100%;
  font-size: 25px;
  text-align: center;
  opacity: 0;
}

.hd .main .banner-list .slick-dots {
  bottom: 15px;
}

.hd .main .banner-list .slick-active .banner-list__title {
  top: 160px;
  opacity: 1;
}

.hd .main .banner-list .slick-active .banner-list__desc {
  top: 230px;
  opacity: 1;
}

.hd .main .fadeInUp + .fadeInUp {
  animation-delay: 0.6s;
}

.hd .main .fadeInUp + .fadeInUp + .fadeInUp {
  animation-delay: 1.3s;
}

.hd .main .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp {
  animation-delay: 1.6s;
}

.hd .main .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp {
  animation-delay: 2.3s;
}

.hd .main .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp {
  animation-delay: 2.6s;
}

.hd .main .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp {
  animation-delay: 3.3s;
}

.hd .main .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp + .fadeInUp {
  animation-delay: 3.6s;
}

.hd .main.care {
  overflow: hidden;
}

.hd .main.care .main__sect .slick-slide:not(.slick-active) {
  opacity: 0.5;
  transition: all 0.3s;
}

.hd .main.care .main__sect .slick-arrow {
  position: absolute;
  top: 130px;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
}

.hd .main.care .main__sect .slick-arrow:after {
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 12px;
  border: solid #1c1c1c;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .main.care .main__sect .slick-prev {
  left: -25px;
}

.hd .main.care .main__sect .slick-next {
  right: -25px;
}

.hd .main.care .main__sect .slick-next:after {
  margin-left: 3px;
}

.hd .main.care .slides {
  overflow: hidden;
}

.hd .main.care .slides .main-slider {
  white-space: nowrap;
}

.hd .main.care .slides .main-slider__list {
  display: inline-block;
  padding: 0 20px;
  width: 1100px !important;
}

.hd .main.care .slides .main-slider .slick-arrow {
  top: 158px;
  width: 44px;
  height: 44px;
  background: rgba(0, 0, 0, 0.3);
  transform: none;
  border: 0;
}

.hd .main.care .slides .main-slider .slick-arrow:after {
  display: inline-block;
  margin: 2px 0 0 4px;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  transform: rotate(45deg);
  content: '';
}

.hd .main.care .slides .main-slider .slick-prev {
  left: 50%;
  margin-left: -550px;
  border-radius: 0 10px 10px 0;
}

.hd .main.care .slides .main-slider .slick-next {
  right: 50%;
  margin-right: -550px;
  border-radius: 10px 0 0 10px;
}

.hd .main.care .slides .main-slider .slick-next:after {
  margin-left: 0;
  border-width: 2px 2px 0 0;
}

.hd .main.care .slides:after {
  position: absolute;
  top: 360px;
  left: 50%;
  margin-left: 590px;
  width: 1100px;
  height: calc(100% - 360px);
  background: #fff;
  content: '';
}

.hd .main.care .care-comm {
  position: relative;
}

.hd .main.care .care-comm > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -123px;
}

.hd .main.care .care-comm > ul li {
  margin-top: 20px;
  width: 500px;
  border-radius: 20px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.hd .main.care .care-comm > ul li img {
  display: block;
}

.hd .main.care .care-comm > ul li:nth-child(2n) {
  margin-left: 20px;
}

.hd .main.care .care-comm > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 70px;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  box-sizing: border-box;
  overflow: hidden;
}

.hd .main.care .care-comm > div img {
  display: block;
  margin: 0 auto;
}

.hd .main.care .care-comm .main__h3 {
  font-size: 34px;
  text-align: center;
}

.hd .main.care .care-comm .main__h3 strong {
  color: #fff;
}

.hd .main.care .care-comm .main__h3-more {
  margin-top: 8px;
  border-color: #fff;
  background: #fff !important;
}

.hd .main.care .care-comm .main__h3-more:before {
  border-color: #1c1c1c !important;
}

.hd .main.care .care-comm .main__desc {
  font-size: 26px;
  color: #fff;
  text-align: center;
}

.hd .main.care .care-comm .main__desc.xs {
  font-size: 18px;
}

.hd .main.care .care-comm .main__desc.s {
  font-size: 20px;
}

.hd .main.care .care-comm .main__desc .bg {
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
}

.hd .main.care .care-comm .main__desc .bg:before {
  position: absolute;
  left: -25px;
  top: -5px;
  width: calc(100% + 50px);
  height: calc(100% + 10px);
  background: rgba(215, 42, 17, 0.6);
  border-radius: 5px;
  z-index: -1;
  content: '';
}

.hd .main.care .care-comm .main__desc + .main__h3 {
  margin-top: 15px;
}

.hd .main.care .care-comm .main__tag {
  margin-top: 30px;
  text-align: center;
}

.hd .main.care .care-comm .main__tag span {
  display: inline-block;
  margin: 0 2px;
  padding: 0 15px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  vertical-align: top;
  border: 1px solid #fff;
  border-radius: 30px;
}

.hd .main.care .healthy {
  margin-top: 0;
}

.hd .main.care .healthy-list {
  position: relative;
  margin-top: 90px;
  padding-top: 70px;
  text-align: center;
}

.hd .main.care .healthy-list:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 410px;
  background: #f5f5f5;
  z-index: -1;
  content: '';
}

.hd .main.care .healthy-select {
  position: relative;
  margin: 20px 0 40px;
  font-size: 24px;
  z-index: 1;
}

.hd .main.care .healthy-select .box {
  display: inline-block;
  position: relative;
  margin-right: 15px;
  height: 36px;
  vertical-align: top;
  text-align: left;
}

.hd .main.care .healthy-select .box button {
  display: inline-block;
  padding-bottom: 5px;
  font-size: 26px;
  font-weight: bold;
  color: #918c00;
  vertical-align: top;
  border-bottom: 1px solid #918c00;
}

.hd .main.care .healthy-select .box button:after {
  display: inline-block;
  margin-left: 5px;
  width: 0;
  height: 0;
  border-top: 8px solid #918c00;
  border-bottom: 8px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  vertical-align: middle;
  content: '';
}

.hd .main.care .healthy-select .box button span {
  font-size: 20px;
}

.hd .main.care .healthy-select .box ul {
  display: none;
  position: relative;
}

.hd .main.care .healthy-select .box ul li {
  line-height: 1.5;
  font-size: 23px;
  cursor: pointer;
}

.hd .main.care .healthy-select .box ul li span {
  font-size: 20px;
}

.hd .main.care .healthy-select .box.on button {
  border-color: #fff;
}

.hd .main.care .healthy-select .box.on button:before {
  position: absolute;
  left: -15px;
  top: -10px;
  width: calc(100% + 25px);
  height: calc(100% + 15px);
  background: #fff;
  border: 2px solid #918c00;
  border-bottom: 0;
  z-index: -1;
  content: '';
  transition: all 0.5s;
}

.hd .main.care .healthy-select .box.on ul {
  display: block;
}

.hd .main.care .healthy-select .box.on ul:before {
  position: absolute;
  left: -15px;
  top: 0;
  width: calc(100% + 25px);
  height: calc(100% + 15px);
  background: #fff;
  border: 2px solid #918c00;
  border-top: 0;
  z-index: -1;
  content: '';
  transition: all 0.5s;
}

.hd .main.care .healthy-select__depth1 {
  margin-top: 30px;
  height: 30px;
}

.hd .main.care .healthy-select__depth1 li {
  display: inline-block;
  line-height: 25px;
  vertical-align: top;
}

.hd .main.care .healthy-select__depth1 li a {
  position: relative;
  font-size: 30px;
  color: #888;
}

.hd .main.care .healthy-select__depth1 li a:after {
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background: #888;
  content: '';
}

.hd .main.care .healthy-select__depth1 li:not(:first-child) {
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #ccc;
}

.hd .main.care .healthy-select__depth1 li.on a {
  font-weight: bold;
  color: #918c00;
}

.hd .main.care .healthy-select__depth1 li.on a:after {
  display: none;
}

.hd .main.care .healthy-select__depth2 {
  margin-top: 25px;
}

.hd .main.care .healthy-select__depth2 li {
  display: inline-block;
  margin: 0 1px;
  padding: 0 15px;
  height: 40px;
  line-height: 34px;
  vertical-align: top;
  border: 1px solid #777;
  border-radius: 30px;
}

.hd .main.care .healthy-select__depth2 li a {
  font-size: 18px;
}

.hd .main.care .healthy-select__depth2 li.on {
  border-color: #918c00;
  background: #918c00;
}

.hd .main.care .healthy-select__depth2 li.on a {
  color: #fff;
}

.hd .main.care .healthy .meals__choice {
  padding: 0;
  width: 1100px;
  height: 326px;
}

.hd .main.care .healthy .meals__choice .box {
  display: block;
  white-space: nowrap;
}

.hd .main.care .healthy .meals__choice .box__list {
  margin: 0 20px 0 0;
  width: 260px !important;
  border-bottom: 0;
  white-space: normal;
}

.hd .main.care .healthy .meals__choice .box__list__img {
  border-radius: 20px;
  overflow: hidden;
}

.hd .main.care .healthy .meals__choice .box__list__title {
  margin-bottom: 0;
  height: auto;
  max-height: 56px;
  font-weight: normal;
}

.hd .main.care .healthy .care-comm > div {
  background-image: url("/front_pc/images/img_main_healthy-ce2cd70903c313cba7fae2a9dd5a89db.jpg");
}

.hd .main.care .care-list {
  margin-top: 80px;
  text-align: center;
}

.hd .main.care .care-list ul {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.hd .main.care .care-list-desc {
  margin-top: 15px;
  font-size: 24px;
}

.hd .main.care .care-review {
  position: relative;
  margin-top: 90px;
}

.hd .main.care .care-review .main__h3 {
  text-align: center;
}

.hd .main.care .care-review .swiper-pagination-progressbar {
  position: relative;
  margin-top: 40px;
  height: 2px;
  overflow: hidden;
  background: #ddd;
}

.hd .main.care .care-review .swiper-pagination-progressbar-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  transform: scale(0);
  transform-origin: left top;
  transition: all 0.3s;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.hd .main.care .care-review [class^="swiper-button-"] {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  line-height: 47px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  transform: translateY(-50%);
}

.hd .main.care .care-review [class^="swiper-button-"]:after {
  display: inline-block;
  margin-left: 4px;
  width: 12px;
  height: 12px;
  border: solid #1c1c1c;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .main.care .care-review .swiper-button-prev {
  left: -25px;
}

.hd .main.care .care-review .swiper-button-next {
  right: -25px;
}

.hd .main.care .care-review .swiper-button-next:after {
  margin-left: -4px;
  border-width: 2px 2px 0 0;
}

.hd .main.care .care-review .swiper-button-disabled {
  display: none;
}

.hd .main.care .care .care-comm > div {
  background-image: url("/front_pc/images/img_main_care-58e6b30836936947f89ebf133eab1e47.jpg");
}

.hd .main.care .challenge .care-comm > div {
  background-image: url("/front_pc/images/img_main_challenge-deae7eebcdd93b4b4ef5f309af9c264c.jpg");
}

.hd .main.care .product .main__h3 {
  margin-bottom: 25px;
  text-align: center;
}

.hd .main.care .product .main__desc {
  margin-bottom: 40px;
  text-align: center;
}

.hd .main.care .product .slick-slide {
  padding-right: 20px;
  width: 260px !important;
}

.hd .main.care .product .slick-arrow {
  position: absolute;
  top: 130px;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
}

.hd .main.care .product .slick-arrow:after {
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 12px;
  border: solid #1c1c1c;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .main.care .product .slick-prev {
  left: -30px;
}

.hd .main.care .product .slick-next {
  right: -30px;
}

.hd .main.care .product .slick-next:after {
  margin-left: 3px;
}

.hd .main.care .event .main__h3 {
  font-size: 36px;
  text-align: center;
}

.hd .main.care .event-list {
  padding-bottom: 50px;
  width: 1100px;
  overflow: inherit;
}

.hd .main.care .event-list-slide {
  margin-right: 25px;
  width: 350px !important;
}

.hd .main.care .event-list .thumb {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.hd .main.care .event-list .thumb img {
  display: block;
}

.hd .main.care .event-list .day {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px 2px;
  min-width: 75px;
  color: #fff;
  text-align: center;
  border-radius: 0 10px 0 0;
  background: rgba(0, 0, 0, 0.7);
}

.hd .main.care .event-list .title {
  display: block;
  margin-top: 20px;
  line-height: 1.5;
  font-size: 21px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .main.care .event-list .slick-dots {
  bottom: 0;
}

.hd .main.care .event-list .slick-arrow {
  top: 225px;
}

.hd .main.care .research-bg {
  padding-top: 65px;
  text-align: center;
  height: 400px;
  background: url("/front_pc/images/bg_main_research-b77c0a716de4d1b364eebf2257f796ac.jpg") no-repeat center top;
  background-size: cover;
  box-sizing: border-box;
}

.hd .main.care .research-h3 {
  font-size: 36px;
}

.hd .main.care .research-h3 a {
  color: #fff;
}

.hd .main.care .research-h3 a:hover .main__h3-more {
  margin-left: 0;
}

.hd .main.care .research-h3 .main__h3-more {
  margin-top: 8px;
  border-color: #fff;
  background: #fff !important;
}

.hd .main.care .research-h3 .main__h3-more:before {
  border-color: #1c1c1c !important;
}

.hd .main.care .research-desc {
  margin: 20px 0 50px;
  line-height: 1.5;
  font-size: 26px;
  color: #fff;
}

.hd .main.care .research-desc span {
  display: inline-block;
  margin-top: 15px;
  padding: 0 5px;
  font-size: 70%;
  background: rgba(145, 140, 0, 0.8);
}

.hd .main.care .research-slide {
  padding: 0 5px 3px;
  width: 360px !important;
}

.hd .main.care .research-slide img {
  overflow: hidden;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}

.hd .main.care .research .slick-slider {
  margin-top: -123px;
  width: 1110px;
}

.hd .main.care .research .slick-arrow {
  top: 230px;
}

.hd .today-popup {
  display: none;
  position: absolute;
  top: 160px;
  left: 260px;
}

.hd .today-popup__box {
  width: 400px;
  height: 360px;
}

.hd .today-popup__box .slick-list {
  height: 100%;
}

.hd .today-popup__box .slick-dots {
  z-index: 2;
  bottom: 20px;
}

.hd .today-popup__box a {
  display: block;
  width: 400px;
  height: 300px;
}

.hd .today-popup__btn {
  position: relative;
  margin-top: 1px;
  font-size: 0;
}

.hd .today-popup__btn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #FFF;
  transform: translate3d(-50%, 0, 0);
}

.hd .today-popup__btn a {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  height: 44px;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
}

.hd .today-popup__btn a.close-today {
  background: #918c00;
  color: #FFF;
}

.hd .today-popup__btn a.close {
  background: #D5D5D5;
}

.hd .intro-popup {
  position: absolute;
  z-index: 5;
  min-width: 400px;
  background: #FFF;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
}

.hd .intro-popup .popup-cont {
  width: 100%;
  min-height: 360px;
}

.hd .intro-popup .popup-cont img {
  display: block;
}

.hd .intro-popup .popup-btm {
  position: relative;
}

.hd .intro-popup .popup-btm .checks {
  display: none;
}

.hd .intro-popup .popup-btm .btn-init {
  height: 45px;
  line-height: 43px;
  font-size: 15px;
  font-weight: 400;
  color: #555;
  background: #f5f5f5;
  border: 0;
  letter-spacing: -0.5px;
}

.hd .intro-popup .popup-btm .btn-init:last-child {
  border-left: 1px solid #e2e2e2;
}

.hd .intro-popup .popup-slide {
  overflow: hidden;
}

.hd .intro-popup .popup-slide .slick-dots {
  bottom: 20px;
  width: 100%;
  text-align: center;
}

.hd .intro-popup .popup-slide .slick-arrow {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  font-size: 0;
  visibility: hidden;
  text-align: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  transition: all .5s;
  transform: translateY(-50%);
  z-index: 1;
  opacity: 0;
}

.hd .intro-popup .popup-slide .slick-arrow:after {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .intro-popup .popup-slide .slick-prev {
  left: 20px;
}

.hd .intro-popup .popup-slide .slick-prev:after {
  margin-left: 4px;
  border-width: 0 0 2px 2px;
}

.hd .intro-popup .popup-slide .slick-next {
  right: 20px;
}

.hd .intro-popup .popup-slide .slick-next:after {
  margin-left: -4px;
  border-width: 2px 2px 0 0;
}

.hd .intro-popup .popup-slide:hover .slick-arrow {
  display: block;
  visibility: visible;
  opacity: 1;
}

.hd .side-banner {
  position: absolute;
  top: 600px;
  right: 100px;
  width: 100px;
  box-sizing: border-box;
  border: solid 1px #d7d7d7;
  font-size: 14px;
  color: #3c3c3c;
  text-align: center;
  visibility: visible;
  background: #fff;
  transition: all .25s;
  z-index: 4;
}

.hd .side-banner img {
  vertical-align: top;
}

.hd .side-banner .side-slide-wrap {
  position: relative;
  overflow: hidden;
}

.hd .side-banner .side-slide-wrap .slide-prev, .hd .side-banner .side-slide-wrap .slide-next {
  position: absolute;
  bottom: 6px;
  width: 16px;
  height: 16px;
  border: solid 1px #eaeaea;
  border-radius: 50%;
  background: url("/front_pc/images/arrow-b2c0d3533a4e29b04ed99c3a8b668561.svg") no-repeat 50% 50%;
  background-size: 6px 6px;
}

.hd .side-banner .side-slide-wrap .slide-prev {
  left: 30px;
  transform: rotate(180deg);
}

.hd .side-banner .side-slide-wrap .slide-next {
  right: 30px;
}

.hd .side-banner .side-slide-wrap div {
  vertical-align: top;
}

.hd .side-banner .good-list div {
  border-top: solid 1px #d7d7d7;
}

.hd .side-banner .good-list div a {
  display: flex;
  padding: 10px 0;
  align-items: center;
  justify-content: center;
}

.hd .side-banner .good-list div a::after {
  content: "";
  background: url(/front_pc/images/arrow-b2c0d3533a4e29b04ed99c3a8b668561.svg) no-repeat 0 0;
  width: 10px;
  height: 10px;
  margin-top: 2px;
  margin-left: 2px;
}

.hd .side-banner .good-list ul li {
  padding: 5px;
  border-top: solid 1px #d7d7d7;
}

.hd .side-banner .good-list ul li a {
  display: block;
}

.hd .side-banner .call-center {
  display: flex;
  padding: 10px 0;
  justify-content: center;
  align-items: center;
  border-top: solid 1px #d7d7d7;
}

.hd .side-banner .call-center::before {
  content: "";
  display: block;
  background: url("/front_pc/images/callCenter-fcd826cfd234bf8647d66de1385cdecb.png?ver=210315") 0 0 no-repeat;
  width: 10px;
  height: 16px;
  margin-right: 5px;
}

.hd .side-banner .mem-info {
  display: flex;
  padding: 10px 0;
  border-top: solid 1px #d7d7d7;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1600px) {
  .hd .side-banner {
    right: 1vw;
    z-index: 10;
  }
}

@media (max-width: 1440px) {
  .hd .side-banner {
    visibility: hidden;
    right: 1vw;
    z-index: 10;
  }
}

#main .intro-popup .popup-slide {
  height: 530px;
}

#market .intro-popup .popup-slide {
  height: 600px;
}

.hd .window-popup__header {
  position: relative;
  height: 69px;
  padding-left: 40px;
  border-bottom: 1px solid #ccc;
  line-height: 69px;
}

.hd .window-popup__header__title {
  font-size: 24px;
  font-weight: 600;
}

.hd .window-popup__header .btn__close {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 40px;
  width: 25px;
  height: 25px;
  padding: 5px;
  transform: translate3d(0, -50%, 0);
}

.hd .window-popup__header .btn__close:before {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 16px;
  width: 2px;
  height: 30px;
  background: #3d3d3d;
  transform: rotate(45deg);
}

.hd .window-popup__header .btn__close:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 16px;
  width: 2px;
  height: 30px;
  background: #3d3d3d;
  transform: rotate(-45deg);
}

.hd .window-popup__cont {
  padding: 40px 35px;
}

.hd .window-popup__cont__txt {
  line-height: 30px;
  font-size: 16px;
  color: #1c1c1c;
}

.hd .window-popup__cont .hd__custom-select {
  width: 370px;
  margin-top: 30px;
}

.hd.defaultCaulse .hd__custom-select {
  width: 370px;
  margin: 0 35px 50px;
}

.hd__displayList .banner-area {
  overflow: hidden;
  position: relative;
  height: 200px;
  display: none;
}

.hd__displayList .banner-area .slider__list {
  overflow: hidden;
}

.hd__displayList .banner-area .slider__list a {
  display: block;
}

.hd__displayList .banner-area .slider__list a img {
  max-width: 100%;
}

.hd__displayList .list-area .box {
  margin: 0 -20px;
}

.hd__displayList .list-area .box__list {
  position: relative;
  float: left;
  width: 530px;
  max-height: 190px;
  margin: 20px;
}

.hd__displayList .list-area .box__list a {
  position: relative;
  display: block;
  height: 100%;
}

.hd__displayList .list-area .box__list__thumb {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.hd__displayList .list-area .box__list__title {
  display: block;
  max-height: 52px;
  margin-top: 20px;
  font-size: 20px;
  line-height: 26px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__displayList .list-area .box__list__date {
  display: block;
  margin-top: 15px;
  font-size: 16px;
}

.hd__displayList .list-area .box__list__dDay {
  display: inline-block;
  margin-left: 20px;
  color: #F9D983;
}

.hd__displayList .list-area .box__list__dDay:before {
  left: -10px;
}

.hd__displayList ul.tab-menu {
  padding: 20px 0 40px;
}

.hd__displayList ul.tab-menu .tab-menu__list {
  width: 50%;
  margin-right: -1px;
  height: 66px;
  line-height: 60px;
  font-size: 19px;
  font-weight: normal;
  border: 1px solid #e5e5e5;
  border-bottom: 3px solid #1c1c1c;
  box-sizing: border-box;
  letter-spacing: -1px;
}

.hd__displayList ul.tab-menu .tab-menu__list a {
  padding-right: 0;
  color: #777;
}

.hd__displayList ul.tab-menu .tab-menu__list a:after {
  display: none;
}

.hd__displayList ul.tab-menu .tab-menu__list--on {
  position: relative;
  line-height: 56px;
  font-weight: bold;
  border: 3px solid #1c1c1c;
  border-bottom: 0;
}

.hd__displayList ul.tab-menu .tab-menu__list--on a {
  color: #1c1c1c;
}

.hd__displayList ul.tab-menu.col2 .tab-menu__list {
  width: calc(50% + 1px);
}

.hd__displayList ul.tab-menu.col3 .tab-menu__list {
  width: calc(33.33% + 1px);
}

.hd__displayList ul.tab-menu:after {
  display: none;
}

.hd .displayDetail__title {
  font-size: 20px;
}

.hd .displayDetail__subtitle {
  margin-top: 10px;
  font-size: 16px;
}

.hd .displayDetail__date {
  display: block;
  margin-top: 15px;
  font-size: 16px;
  color: #888;
}

.hd .displayDetail__dDay {
  display: inline-block;
  margin-left: 20px;
  color: #918c00;
}

.hd .displayDetail__dDay:before {
  left: -10px;
  background: #ccc;
}

.hd .displayDetail__sec {
  position: relative;
  margin-top: 50px;
}

.hd .displayDetail__floating {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFF;
  font-size: 0;
}

.hd .displayDetail__floating ul {
  width: 1100px;
  margin: 0 auto;
}

.hd .displayDetail__floating ul li {
  display: inline-block;
  position: relative;
  width: 33.333%;
  vertical-align: top;
  box-sizing: border-box;
}

.hd .displayDetail__floating ul li:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  width: 1px;
  height: 20px;
  background: #ccc;
  vertical-align: top;
}

.hd .displayDetail__floating ul li:nth-child(3n+1):before {
  display: none;
}

.hd .displayDetail__floating ul li a {
  display: inline-block;
  padding: 0 0 20px;
  line-height: 1;
  width: 95%;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.hd .displayDetail__floating ul li.on a {
  color: #918c00;
}

.hd .displayDetail__floating.fixed {
  position: fixed;
  z-index: 3;
  top: 75px;
  padding-top: 20px;
  border-bottom: 1px solid #ccc;
}

.hd .displayDetail .head-area {
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
}

.hd .displayDetail .admin-cont {
  width: 100%;
  margin-top: 30px;
  line-height: normal;
  position: relative;
}

.hd .displayDetail .admin-cont .displayList__sect__video {
  position: absolute;
  top: 1527px;
  width: 830px;
  height: 530px;
  background: #fff;
  left: 135px;
}

.hd .displayDetail .admin-cont .displayList__sect__video #videoPlayer {
  display: block;
  width: 100%;
  height: 100%;
}

.hd .displayDetail .item-area .head {
  padding: 20px 0;
  border-top: 3px solid #1c1c1c;
  border-bottom: 1px solid #C0C0C0;
  line-height: 45px;
}

.hd .displayDetail .item-area .head .displayDetail__title {
  display: inline-block;
}

.hd .displayDetail .item-area .head .select-wrap {
  float: right;
  width: 388px;
  height: 45px;
}

.hd__bestList .banner-area {
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

.hd__bestList .banner-area .slider {
  overflow: hidden;
  white-space: nowrap;
}

.hd__bestList .banner-area .slider__list {
  position: relative;
  display: inline-block;
  width: 100%;
}

.hd__bestList .banner-area .slider__list a img {
  width: 100%;
}

.hd__bestList .banner-area .slider .slick-dots {
  bottom: 30px;
}

.hd__bestList .list-area .tab-menu {
  position: relative;
  padding: 20px 20px 20px 130px;
  height: auto;
  font-size: 0;
  border: 1px solid #ccc;
  border-radius: 30px;
  box-sizing: border-box;
  overflow: hidden;
}

.hd__bestList .list-area .tab-menu__list {
  display: inline-block;
  width: calc(100% / 5);
  height: 40px;
  line-height: 38px;
  box-sizing: border-box;
  text-align: center;
}

.hd__bestList .list-area .tab-menu__list:first-child {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 130px;
}

.hd__bestList .list-area .tab-menu__list a {
  display: inline-block;
  padding: 5px 20px;
  line-height: 1.5;
  font-size: 17px;
  font-weight: normal;
  border-radius: 30px;
}

.hd__bestList .list-area .tab-menu__list a::after {
  display: none;
}

.hd__bestList .list-area .tab-menu__list:hover a {
  color: #918c00;
}

.hd__bestList .list-area .tab-menu__list--on a {
  color: #fff !important;
  font-weight: 600;
  background: #918c00;
}

.hd__bestList .list-area.newItemList .tab-menu__list {
  width: calc(100% / 5);
}

.hd__bestList .list-area.newItemList .tab-menu__list:first-child {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 130px;
}

.hd .story__sec:not(:nth-of-type(1)) {
  margin-top: 130px;
}

.hd .story__sec:nth-of-type(2) {
  margin-top: 80px;
}

.hd .story__sec .main__h3, .hd .story__sec .main__desc {
  margin: 0;
  text-align: center;
}

.hd .story__sec .main__desc {
  margin-top: 15px;
}

.hd .story__sec .hd__page-title {
  margin: 20px 0 30px;
  font-size: 30px;
}

.hd .story__visual {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.hd .story__visual__list {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.hd .story__visual__list a img {
  width: 100%;
}

.hd .story__visual__list .youtube {
  margin: 10px auto;
  width: 1100px;
  background: #000;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.hd .story__visual:hover .btn__prev, .hd .story__visual:hover .btn__next {
  display: block;
  visibility: visible;
  opacity: 1;
}

.hd .story__visual .slick-arrow.slick-hidden {
  display: none;
}

.hd .story__visual [class^="btn__"] {
  position: absolute;
  top: 50%;
  width: 55px;
  height: 55px;
  font-size: 0;
  visibility: hidden;
  text-align: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  transition: all .5s;
  transform: translateY(-50%);
  z-index: 1;
  opacity: 0;
}

.hd .story__visual .btn__prev {
  left: 12%;
}

.hd .story__visual .btn__prev:after {
  display: inline-block;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hd .story__visual .btn__next {
  right: 12%;
}

.hd .story__visual .btn__next:after {
  display: inline-block;
  margin-left: -5px;
  width: 12px;
  height: 12px;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hd .story__tabmenu {
  border-bottom: 1px solid #e5e5e5;
}

.hd .story__tabmenu-inner {
  margin: 20px auto 0;
  width: 1100px;
  text-align: center;
  box-sizing: border-box;
}

.hd .story__tabmenu ul {
  white-space: nowrap;
  justify-content: center;
}

.hd .story__tabmenu ul li {
  display: inline-block;
  width: auto !important;
}

.hd .story__tabmenu ul li a {
  display: block;
  padding: 20px 30px;
  font-size: 20px;
  color: #6a6a6a;
}

.hd .story__tabmenu ul li a:hover {
  color: #1c1c1c;
}

.hd .story__tabmenu ul li.on a {
  font-weight: 600;
  color: #918c00;
  border-bottom: 2px solid #918c00;
}

.hd .story__tabmenu [class^="swiper-button"] {
  position: absolute;
  left: 0;
  bottom: 22px;
  width: 20px;
  height: 20px;
  line-height: 15px;
  background: #918c00;
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
}

.hd .story__tabmenu [class^="swiper-button"]:before {
  font-size: 11px;
  font-weight: 600;
  font-family: 'dotum';
  color: #fff;
  content: '<';
}

.hd .story__tabmenu .swiper-container-initialized {
  padding: 0 30px;
}

.hd .story__tabmenu .swiper-container-initialized:before, .hd .story__tabmenu .swiper-container-initialized:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  background: white;
  content: '';
  z-index: 2;
}

.hd .story__tabmenu .swiper-container-initialized:after {
  left: inherit;
  right: 0;
  width: 50px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.hd .story__tabmenu .swiper-container-initialized .swiper-wrapper {
  justify-content: normal;
}

.hd .story__tabmenu .swiper-button-next {
  left: inherit;
  right: 0;
}

.hd .story__tabmenu .swiper-button-next:before {
  content: '>';
}

.hd .story__tabmenu .swiper-button-disabled {
  opacity: 0.5;
}

.hd .story__list {
  display: flex;
  flex-wrap: wrap;
}

.hd .story__list li {
  margin-top: 60px;
  width: 352px;
}

.hd .story__list li:not(:nth-of-type(3n)) {
  margin-right: 22px;
}

.hd .story__list li:nth-of-type(1), .hd .story__list li:nth-of-type(2), .hd .story__list li:nth-of-type(3) {
  margin-top: 40px;
}

.hd .story__list .image {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}

.hd .story__list .image .save {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 0;
}

.hd .story__list .image .save:after {
  display: block;
  width: 40px;
  height: 40px;
  background: url("/front_pc/images/icon_header_heart-w-c5eefef897205ef71c0f8ab75c88e583.png") no-repeat center;
  content: '';
}

.hd .story__list .image .save.on:after {
  background-image: url("/front_pc/images/ico_heart-on-f9663660aa7aaf2a69e3aff1755fe39f.png");
  background-size: 71%;
}

.hd .story__list .image .ico_strap {
  position: absolute;
  top: 20px;
  right: 20px;
}

.hd .story__list .sort {
  color: #888;
}

.hd .story__list .sort.c1 {
  color: #307d0e;
}

.hd .story__list .sort.c2 {
  color: #918c00;
}

.hd .story__list .sort.c3 {
  color: #a4111f;
}

.hd .story__list .sort.c4 {
  color: #378a9f;
}

.hd .story__list .sort.c5 {
  color: #6111a4;
}

.hd .story__list .title {
  display: block;
  margin-top: 10px;
  line-height: 1.3;
  font-size: 21px;
  font-weight: normal;
}

.hd .story__list .desc {
  margin-top: 10px;
  padding-top: 10px;
  font-size: 18px;
  color: #888;
  border-top: 1px solid #e5e5e5;
}

.hd .story__list.type1 li {
  margin-top: 60px;
  margin-right: 22px;
  width: 539px;
}

.hd .story__list.type1 li:nth-of-type(2n) {
  margin-right: 0;
}

.hd .story__list.type1 li:nth-of-type(1), .hd .story__list.type1 li:nth-of-type(2) {
  margin-top: 40px;
}

.hd .story__list.type1 .sort {
  display: inline-block;
  padding: 3px 5px;
  font-size: 13px;
  color: #fff;
  background: #1c1c1c;
}

.hd .story__instagram {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.hd .story__instagram li {
  margin: 20px 0 0 10px;
  width: 175px;
}

.hd .story__instagram li:first-child {
  margin-left: 0;
}

.hd .story__comm .head {
  position: relative;
  width: 100%;
  padding-top: 40px;
}

.hd .story__comm .head .all {
  display: inline-block;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
}

.hd .story__comm .head .all__num {
  color: #888;
}

.hd .story__comm .head .sorting-area {
  float: right;
}

.hd .story__comm .head .select-wrap {
  display: inline-block;
  vertical-align: top;
  width: 120px;
}

.hd .story__comm .head .select-wrap select {
  line-height: 40px;
}

.hd .story__comm .story__list li:nth-of-type(-n+3) {
  margin-top: 20px;
}

.hd .story__comm .story__list.type1 li {
  margin-top: 60px;
}

.hd .story__comm .story__list.type1 li:nth-of-type(-n+2) {
  margin-top: 20px;
}

.hd .story .month .story__sec__left {
  overflow: hidden;
  width: 354px;
}

.hd .story .month__cont {
  margin-top: 20px;
}

.hd .story .month .story__sec__left .story__sec__img {
  overflow: hidden;
  width: 355px;
  height: 430px;
}

.hd .story .month .story__sec__right .story__sec__img {
  overflow: hidden;
  width: 333px;
  height: 250px;
}

.hd .story .life .story__sec__img {
  width: 1100px;
  height: 160px;
}

.hd .story .life .fix {
  margin-top: 40px;
}

.hd .story .life .story__sec__left {
  margin: 20px 0 0 40px;
}

.hd .story .life .story__sec__left:nth-child(odd) {
  margin-left: 0;
}

.hd .story .life .story__sec__left:nth-child(-n+2) {
  margin-top: 0;
}

.hd .story .life .story__sec__left .story__sec__img {
  width: 530px;
  height: 190px;
}

.hd .story .table .story__sec__left {
  overflow: hidden;
  width: 354px;
}

.hd .story .table__cont {
  margin-top: 20px;
}

.hd .story .table .story__sec__left .story__sec__img {
  width: 354px;
  height: 430px;
}

.hd .story .table .story__sec__right .story__sec__img {
  width: 333px;
  height: 333px;
}

.hd .story .hd__page-title + .story__sec {
  padding-top: 0;
}

.hd .more-product {
  margin-top: 50px;
  text-align: right;
}

.hd .more-product a {
  position: relative;
  display: inline-block;
  padding-left: 35px;
  background: url(/front_pc/images/ico_story_check-6a86e8b640022a5eac8075f67b4c1464.png) no-repeat 0 0;
  font-size: 18px;
}

.hd .more-product a:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -5px;
  right: 0;
  width: calc(100% - 35px);
  height: 2px;
  background: #BABABA;
}

.hd .pre-txt {
  display: inline-block;
  width: 100%;
  white-space: pre-wrap;
}

.hd .brandStory.story .story__sec:not(:first-child) {
  margin: 70px 0;
}

.hd .brandStory.story .story__sec .hd__inner1100 {
  width: 1050px;
}

.hd .brandStory.story .story__sec .fix:after {
  content: '';
  display: block;
  clear: both;
}

.hd .brandStory.story .story__sec__full {
  display: block;
  width: 100%;
  font-size: 0;
}

.hd .brandStory.story .story__sec__left {
  float: left;
}

.hd .brandStory.story .story__sec__right {
  float: left;
  margin-left: 40px;
}

.hd .brandStory.story .story__sec__img {
  font-size: 0;
}

.hd .brandStory.story .story__sec .box {
  font-size: 0;
}

.hd .brandStory.story .story__sec .box__list {
  display: inline-block;
  width: 333px;
  margin-left: 40px;
  vertical-align: top;
}

.hd .brandStory.story .story__sec .box__list:first-child {
  margin-left: 0;
}

.hd .brandStory.story .story__sec .box__list__cont {
  margin-top: 25px;
}

.hd .brandStory.story .story__sec .box__list__sub {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}

.hd .brandStory.story .story__sec .box__list__sub:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 100%;
  height: 2px;
  background: #BABABA;
}

.hd .brandStory.story .story__sec .box__list__title {
  display: block;
  max-height: 52px;
  margin: 20px 0 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .brandStory.story .story__sec .box__list__txt {
  line-height: 26px;
  font-size: 16px;
  color: #888;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 3;
}

.hd .brandStory.story .story__sec .box__list__desc {
  position: relative;
  font-size: 16px;
  color: #BCBCBC;
}

.hd .brandStory.story .story__sec .box__list__desc img {
  vertical-align: -2px;
}

.hd .brandStory.story .story__sec .box__list__time {
  margin-right: 5px;
  font-size: 16px;
  color: #3D3D3D;
}

.hd .brandStory.story .story__sec .box__list__level {
  margin-left: 5px;
  font-size: 16px;
  color: #3D3D3D;
}

.hd .brandStory.story .story__sec .box__list__like {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #3D3D3D;
}

.hd .brandStory.story .story__sec .box__list__like.on {
  color: #F9D983;
}

.hd .brandStory.story .story__sec .hd__page-title {
  margin-bottom: 20px;
}

.hd .brandStory.story .story__sec .hd__page-title a {
  position: relative;
  display: inline-block;
  padding-right: 45px;
}

.hd .brandStory.story .story__sec .hd__page-title a:hover .hd__page-title-more {
  right: 5px;
}

.hd .brandStory.story .story__sec .hd__page-title-more {
  position: absolute;
  right: 0;
  top: 0;
}

.hd .brandStory.story .story__sec .hd__page-desc {
  margin-bottom: 40px;
  font-size: 24px;
}

.hd .brandStory.story .story__sec.main {
  position: relative;
  height: auto;
}

.hd .brandStory.story .story__sec.main .main-img__wrap {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  height: 100vh;
}

.hd .brandStory.story .story__sec.main .main-img__wrap img {
  min-width: 1260px;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

.hd .brandStory.story .story__sec.main .main-img__dimmed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  z-index: 1;
}

.hd .brandStory.story .story__sec.main .main-txt__wrap {
  position: relative;
  margin-top: -430px;
  padding-bottom: 100px;
  z-index: 2;
}

.hd .brandStory.story .story__sec.main .main-txt__kor {
  margin: 18px 0 64px;
  line-height: 55px;
  font-size: 43px;
  font-weight: 600;
  color: #fff;
}

.hd .brandStory.story .story__sec.main .main-txt__list {
  overflow: hidden;
}

.hd .brandStory.story .story__sec.main .main-txt__list li {
  float: left;
  padding-top: 25px;
  width: 355px;
  height: 455px;
  line-height: 28px;
  font-size: 19px;
  color: #888;
  text-align: center;
  background: #fff;
  letter-spacing: -0.5px;
  box-sizing: border-box;
}

.hd .brandStory.story .story__sec.main .main-txt__list li:not(:first-child) {
  margin-left: 17px;
}

.hd .brandStory.story .story__sec.main .main-txt__list li span {
  display: block;
  font-size: 20px;
  color: #918c00;
  letter-spacing: 0;
}

.hd .brandStory.story .story__sec.main .main-txt__list li strong {
  display: inline-block;
  margin: 8px 0 15px;
  padding-bottom: 10px;
  font-size: 28px;
  color: #1c1c1c;
  border-bottom: 2px solid #918c00;
}

.hd .brandStory.story .story__sec.main .main-txt__list li:before {
  display: inline-block;
  width: 70px;
  height: 70px;
  content: '';
  background: url("/front_pc/images/ico_story_main-7f1b777b06699730c539f76ea84a6c00.png");
  background-size: 300% auto;
}

.hd .brandStory.story .story__sec.main .main-txt__list .list01:before {
  background-position-x: 0px;
}

.hd .brandStory.story .story__sec.main .main-txt__list .list02:before {
  background-position-x: -70px;
}

.hd .brandStory.story .story__sec.main .main-txt__list .list03:before {
  background-position-x: -140px;
}

.hd .brandStory.story .story__sec.main .main-txt__grt {
  margin-top: 60px;
  font-size: 42px;
  font-weight: 600;
  color: #fff;
  text-align: right;
}

.hd .brandStory.story .story__sec.main .main-txt__grt em {
  display: inline-block;
  text-indent: -10px;
}

.hd .brandStory.story .story__sec.main .main-txt__grt em.timesaletext {
  animation: TextTimeSale 1.5s  forwards infinite ease;
}

.hd .brandStory.story .story__sec.main .main-txt__grt em.timesaletext1 {
  animation-delay: 1s;
  margin-left: 10px;
}

.hd .brandStory.story .story__sec.main .main-txt__grt em.timesaletext2 {
  animation-delay: 1.25s;
}

.hd .brandStory.story .story__sec.main .main-txt__grt em.timesaletext3 {
  animation-delay: 1.5s;
}

@keyframes TextTimeSale {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(0, -10px);
  }
  100% {
    transform: translate(0);
  }
}

.hd .brandStory.story .story__sec.main .main-btn {
  display: block;
  margin: 80px auto 0;
  padding: 23px 0;
  width: 680px;
  font-size: 26px;
  color: #fff;
  text-align: center;
  border: 3px solid #fff;
}

.hd .brandStory.story .story__sec.main .main-btn span {
  display: block;
  margin-bottom: 5px;
}

.hd .brandStory.story .story__sec.main .main-btn i {
  display: inline-block;
  width: 28px;
}

.hd .brandStory.story .story__sec.main .main-btn i:after {
  display: inline-block;
  margin: -5px 0 0 20px;
  width: 9px;
  height: 9px;
  vertical-align: middle;
  border: solid #fff;
  border-width: 3px 3px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .brandStory.story .story__sec.main .main-btn:hover {
  color: #cdc60a;
  border-color: #cdc60a;
}

.hd .brandStory.story .story__sec.main .main-btn:hover i:after {
  margin-left: 10px;
  border-color: #cdc60a;
}

.hd .brandStory.story .story__sec.greating {
  position: relative;
  margin-top: -300px;
  padding: 80px 0 0;
  z-index: 2;
}

.hd .brandStory.story .story__sec.greating .greating-txt {
  padding: 20px 0 40px;
  text-align: center;
}

.hd .brandStory.story .story__sec.greating .greating-txt img {
  display: inline-block;
}

.hd .brandStory.story .story__sec.greating .greating-btn {
  display: block;
  margin: 0 auto;
  padding: 15px 0;
  width: 578px;
  font-size: 22px;
  color: #1c1c1c;
  text-align: center;
  border: 1px solid #BCBCBC;
}

.hd .brandStory.story .story__sec.greating .greating-btn span {
  display: block;
  margin-bottom: 5px;
  font-size: 17px;
  color: #888;
}

.hd .brandStory.story .story__sec.greating .greating-btn i {
  display: inline-block;
  width: 28px;
}

.hd .brandStory.story .story__sec.greating .greating-btn i:after {
  display: inline-block;
  margin: -4px 0 0 20px;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border: solid #1c1c1c;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .brandStory.story .story__sec.greating .greating-btn:hover {
  color: #918c00;
  border-color: #918c00;
}

.hd .brandStory.story .story__sec.greating .greating-btn:hover span {
  color: #918c00;
}

.hd .brandStory.story .story__sec.greating .greating-btn:hover i:after {
  margin-left: 10px;
  border-color: #918c00;
}

.hd .brandStory.story .story__sec.greating .greating-img {
  display: block;
  margin: 0 auto;
  padding-bottom: 49px;
  width: 720px;
  height: 405px;
  overflow: hidden;
  background: url("/front_pc/images/bg_story-8a7cd51ca1014a785b6045f94cb5d60a.png") no-repeat center bottom;
}

.hd .brandStory.story .story__sec.greating .greating-img iframe {
  background: #000;
}

.hd .brandStory.story .story__sec.greenfood {
  position: relative;
  margin: 0;
  height: 240px;
  background: #b1b1b1;
}

.hd .brandStory.story .story__sec.greenfood a {
  display: block;
  height: 100%;
  color: #fff;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
}

.hd .brandStory.story .story__sec.greenfood .greenfood-title {
  position: absolute;
  left: 0;
  top: 110px;
  width: 100%;
  font-size: 42px;
  font-weight: 600;
  text-align: center;
  z-index: 1;
}

.hd .brandStory.story .story__sec.greenfood .greenfood-desc {
  position: absolute;
  left: 0;
  top: 70px;
  width: 100%;
  font-size: 25px;
  text-align: center;
  z-index: 1;
}

.hd .brandStory.story .story__sec.library .library-list {
  white-space: nowrap;
  height: 160px;
}

.hd .brandStory.story .story__sec.library .library-list__slide {
  width: 450px;
  display: inline-block;
  margin-right: 16px;
}

.hd .brandStory.story .story__sec.library .slick-slide {
  margin-right: 16px;
  display: inline-block;
  width: 450px !important;
}

.hd .brandStory.story .story__sec.library .slick-arrow {
  width: 48px;
  height: 48px;
  background: #1c1c1c;
  border-radius: 50%;
}

.hd .brandStory.story .story__sec.library .slick-arrow:after {
  display: inline-block;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .brandStory.story .story__sec.library .slick-prev {
  left: -22px;
}

.hd .brandStory.story .story__sec.library .slick-next {
  right: -22px;
}

.hd .brandStory.story .story__sec.magazine {
  position: relative;
  margin-top: 0;
  padding: 70px 0 200px;
  overflow: hidden;
  background: #5f6b25;
}

.hd .brandStory.story .story__sec.magazine .hd__page-title a, .hd .brandStory.story .story__sec.magazine .hd__page-desc, .hd .brandStory.story .story__sec.magazine .hd__page-title-more, .hd .brandStory.story .story__sec.magazine .hd__page-title-more:before {
  color: #fff;
  border-color: #fff;
  z-index: 1;
}

.hd .brandStory.story .story__sec.magazine .hd__page-title a:hover, .hd .brandStory.story .story__sec.magazine .hd__page-title a:hover .hd__page-title-more, .hd .brandStory.story .story__sec.magazine .hd__page-title a:hover .hd__page-title-more:before {
  color: #918c00;
  border-color: #918c00;
}

.hd .brandStory.story .story__sec.magazine .hd__page-desc {
  position: relative;
}

.hd .brandStory.story .story__sec.magazine .magazine-list {
  position: relative;
  margin-top: -50px;
  padding: 30px 20px 0;
  width: 1100px;
  height: 605px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 1;
}

.hd .brandStory.story .story__sec.magazine .magazine-list__slide {
  position: relative;
  display: inline-block;
  width: 330px !important;
  height: 515px;
  border-radius: 20px;
  overflow: hidden;
}

.hd .brandStory.story .story__sec.magazine .magazine-list__slide a:before {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 75px;
  height: 15px;
  background: url("/front_pc/images/img_header_logo_w-bdb1e0e73b78bc314432182069493341.png") no-repeat;
  background-size: 100% auto;
  content: '';
  z-index: 1;
}

.hd .brandStory.story .story__sec.magazine .magazine-list__slide a:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  z-index: 0;
}

.hd .brandStory.story .story__sec.magazine .magazine-list__slide .list-txt {
  position: absolute;
  left: 20px;
  bottom: 60px;
  width: 290px;
  color: #fff;
}

.hd .brandStory.story .story__sec.magazine .magazine-list__slide .list-txt-sort {
  display: inline-block;
  margin-bottom: 15px;
  padding: 0 15px;
  line-height: 35px;
  font-size: 14px;
  color: #918c00;
  background: #fff;
  border-radius: 30px;
  letter-spacing: -1px;
}

.hd .brandStory.story .story__sec.magazine .magazine-list__slide .list-txt-sort.c1 {
  color: #307d0e;
}

.hd .brandStory.story .story__sec.magazine .magazine-list__slide .list-txt-sort.c2 {
  color: #918c00;
}

.hd .brandStory.story .story__sec.magazine .magazine-list__slide .list-txt-sort.c3 {
  color: #a4111f;
}

.hd .brandStory.story .story__sec.magazine .magazine-list__slide .list-txt-sort.c4 {
  color: #378a9f;
}

.hd .brandStory.story .story__sec.magazine .magazine-list__slide .list-txt-title {
  display: block;
  line-height: 1.3;
  width: 99%;
  font-size: 35px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  word-break: normal;
  word-wrap: keep-all;
}

.hd .brandStory.story .story__sec.magazine .magazine-list__slide .list-txt-desc {
  display: block;
  margin-top: 17px;
  width: 99%;
  line-height: 1.2;
  font-size: 20px;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd .brandStory.story .story__sec.magazine .magazine-list .slick-slide {
  margin: 30px 5px 0;
  transition: all 0.5s;
}

.hd .brandStory.story .story__sec.magazine .magazine-list .slick-center {
  margin-top: 0;
}

.hd .brandStory.story .story__sec.magazine .magazine-list .slick-center .list-txt {
  z-index: 1;
}

.hd .brandStory.story .story__sec.magazine .magazine-list .slick-arrow {
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
}

.hd .brandStory.story .story__sec.magazine .magazine-list .slick-arrow:after {
  display: inline-block;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .brandStory.story .story__sec.magazine .magazine-list .slick-prev {
  top: 55%;
  left: 0;
}

.hd .brandStory.story .story__sec.magazine .magazine-list .slick-next {
  top: 55%;
  right: 0;
}

.hd .brandStory.story .story__sec.magazine .magazine-list .slick-dots {
  bottom: 0;
}

.hd .brandStory.story .story__sec.magazine .magazine-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.hd .brandStory.story .story__sec.magazine .magazine-bg img {
  margin-top: -50%;
  width: 100%;
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  transform: scale(1.02);
}

.hd .brandStory.story .story__sec.magazine .magazine-bg .slick-slide {
  position: relative;
}

.hd .brandStory.story .story__sec.magazine .magazine-bg .slick-slide:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: '';
  z-index: 0;
}

.hd .brandStory.story .story__sec.tv {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 110px;
  min-height: 735px;
  overflow: hidden;
}

.hd .brandStory.story .story__sec.tv .tv-list {
  display: block;
  margin: 0 auto;
  padding-bottom: 30px;
  width: 720px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}

.hd .brandStory.story .story__sec.tv .tv-list__slide {
  display: inline-block;
  margin-right: 16px;
  width: 720px !important;
  border-radius: 20px;
  overflow: hidden;
  vertical-align: top;
  box-sizing: border-box;
  background: #fff;
}

.hd .brandStory.story .story__sec.tv .tv-list__box {
  padding: 20px;
  text-align: center;
}

.hd .brandStory.story .story__sec.tv .tv-list__text {
  margin: 0 auto 10px;
  font-size: 16px;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd .brandStory.story .story__sec.tv .tv-list__title {
  margin: 0 auto;
  width: 600px;
  font-size: 22px;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd .brandStory.story .story__sec.tv .tv-list__view {
  margin: 0 auto;
  width: 600px;
  display: block;
  margin-top: 10px;
  font-size: 16px;
  color: #a7a7a7;
  text-transform: uppercase;
}

.hd .brandStory.story .story__sec.tv .tv-list .slick-dots {
  bottom: 0;
}

.hd .brandStory.story .story__sec.tv:after {
  position: absolute;
  right: 100%;
  top: 360px;
  width: 100%;
  height: 100%;
  background: #918c00;
  z-index: -1;
  content: '';
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}

.hd .brandStory.story .story__sec.tv.active:after {
  right: 0;
}

.hd .brandStory.story .story__sec.tv .slick-dots li.slick-active {
  background: #1c1c1c;
}

.hd .brandStory.story .story__sec .story-video {
  position: relative;
  min-height: 775px;
  background: url("/front_pc/images/story_main-236f0c21e4b8eb04672f7806b4bc5165.jpg") no-repeat;
  background-size: cover;
}

.hd .brandStory.story .story__sec .story-video video {
  display: block;
  width: 100%;
}

.hd .brandStory.story .story__sec .story-video-txt {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  z-index: 2;
  transform: translate3d(-50%, -50%, 0);
}

.hd .brandStory.story .story__sec .story-video-txt .txt {
  margin-top: 30px;
  font-size: 30px;
  color: #fff;
  letter-spacing: -0.5px;
}

.hd .brandStory.story .story__sec .story-tit {
  margin-top: 60px;
}

.hd .brandStory.story .story__sec .story-txt {
  margin-top: 20px;
}

.hd .brandStory.story .story__sec .story-img {
  margin: 50px 0 0;
  text-align: center;
}

.hd .brandStory.story .story__sec .story-scroll {
  overflow: hidden;
  margin: 10px auto 0;
  width: 1050px;
  box-sizing: border-box;
  white-space: nowrap;
}

.hd .brandStory.story .story__sec .story-scroll-inner > div {
  display: inline-block;
  margin-right: 10px;
}

@keyframes care {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-2960px);
  }
}

@keyframes market {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-2220px);
  }
}

.hd .brandStory.story .story__sec .story-ban {
  display: flex;
  width: 660px;
  margin: 40px auto 0;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.hd .brandStory.story .story__sec .story-ban a {
  position: relative;
  margin: 10px;
  border-radius: 30px;
  overflow: hidden;
}

.hd .brandStory.story .story__sec .story-ban a img {
  display: block;
  margin: 0 auto;
}

.hd .brandStory.story .story__sec .story-ban a .thumb img {
  transition: all 0.8s;
}

.hd .brandStory.story .story__sec .story-ban a .box {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  text-align: center;
}

.hd .brandStory.story .story__sec .story-ban a .box .btn {
  display: inline-block;
  padding: 10px 25px;
  margin-top: 40px;
  font-size: 21px;
  color: #fff;
  border-radius: 50px;
  background: #918c00;
}

.hd .brandStory.story .story__sec .story-ban a:hover .thumb img {
  transform: scale(1.3);
}

.hd .brandStory.story .story__sec .story-wrap {
  margin-top: 60px;
}

.hd .brandStory.story .story__sec .story-640 {
  margin: 0 auto;
  width: 640px;
}

.hd .brandStory.story .story__sec .story-youtube {
  margin: 0 auto;
  width: 640px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}

.hd .brandStory.story .story__sec .story-youtube iframe {
  display: block;
}

.hd .brandStory.story .story__sec .story-banner {
  margin-top: 50px;
}

.hd .brandStory.story .story__sec.brand .story-tit {
  margin-top: 30px;
}

.hd .brandStory.story .story__sec.brand .story-youtube {
  margin: 60px 0 30px;
}

.hd .brandStory.story .story__sec.brand .story-youtube + p {
  margin-bottom: 80px;
}

.hd .brandStory.story .story__sec.slogan {
  text-align: center;
}

.hd .brandStory.story .story__sec.eating .story-tit {
  margin-bottom: 30px;
}

.hd .brandStory.story .story__sec.eating .story-youtube {
  margin-bottom: 30px;
}

.hd .brandStory.story .story__sec.eating .story-youtube + p {
  margin-bottom: 125px;
}

.hd .brandStory.story .story__sec.eating .slick-dots {
  position: relative;
  left: 0;
  transform: none;
  text-align: center;
  margin-top: 35px;
}

.hd .brandStory.story .story__sec.eating .slick-dots li {
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.hd .brandStory.story .story__sec.eating .slick-dots li.slick-active {
  width: 15px;
  background-color: #bab40d;
}

.hd .brandStory.story .story__sec.eating .slick-arrow {
  top: 40%;
  opacity: 0.5;
}

.hd .story-popup .btn__close-x {
  top: 20px;
}

.hd .story-popup .hd__popup__modal {
  padding: 20px 0 50px;
  width: 1000px;
  border-radius: 30px;
  text-align: center;
}

.hd .story-popup-btn {
  display: inline-block;
  margin-top: 10px;
  padding: 20px 30px;
  width: auto;
  font-size: 28px;
  border-radius: 50px;
}

.hd .monthStoryDetail__view {
  margin-top: 50px;
}

.hd .monthStoryDetail__view__title {
  display: block;
  margin-bottom: 45px;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
}

.hd .monthStoryDetail__view__cont {
  line-height: normal;
}

.hd .monthStoryDetail__cont {
  margin: 0 auto;
  width: 640px;
}

.hd .monthStoryDetail__cont .cont-top {
  position: relative;
  margin-bottom: 20px;
}

.hd .monthStoryDetail__cont .cont-top:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  z-index: 0;
}

.hd .monthStoryDetail__cont .cont-top:before {
  position: absolute;
  left: 45px;
  top: 45px;
  width: 105px;
  height: 20px;
  background: url("/front_pc/images/img_header_logo_w-bdb1e0e73b78bc314432182069493341.png") no-repeat;
  background-size: 100% auto;
  content: '';
  z-index: 1;
}

.hd .monthStoryDetail__cont .cont-top .info {
  position: absolute;
  left: 45px;
  bottom: 75px;
  letter-spacing: -0.5px;
  z-index: 1;
}

.hd .monthStoryDetail__cont .cont-top .info-type {
  display: inline-block;
  padding: 0 15px;
  height: 40px;
  line-height: 38px;
  font-size: 20px;
  color: #918c00;
  border-radius: 30px;
  background: #fff;
}

.hd .monthStoryDetail__cont .cont-top .info-tit {
  margin: 15px 0 25px;
  font-size: 65px;
  font-weight: bold;
  color: #fff;
}

.hd .monthStoryDetail__cont .cont-top .info-txt {
  font-size: 26px;
  color: rgba(255, 255, 255, 0.8);
}

.hd .monthStoryDetail__cont .cont-top .info-txt i {
  display: inline-block;
  margin: -5px 10px 0 0;
  width: 30px;
  height: 32px;
  background: url("/front_pc/images/ico_clock-b19fdd4506e9cbca33f02987f0de625a.png") no-repeat;
  vertical-align: middle;
}

.hd .monthStoryDetail__cont .cont-top .info-txt .line:before {
  display: inline-block;
  margin: -3px 15px 0 10px;
  width: 1px;
  height: 23px;
  background: rgba(255, 255, 255, 0.5);
  vertical-align: middle;
  content: '';
}

.hd .monthStoryDetail__cont .cont-top .info-txt + .info-txt {
  margin-top: 15px;
}

.hd .monthStoryDetail__cont .cont-top img {
  display: block;
  width: 100%;
}

.hd .monthStoryDetail__cont .cont-top .ico_strap {
  position: absolute;
  right: 28px;
  top: 28px;
  width: 39px;
  height: 46px;
  background-position: -476px -233px;
  z-index: 1;
}

.hd .monthStoryDetail__cont .cont-top .ico_strap.on {
  background-position-x: -521px;
}

.hd .monthStoryDetail__cont .cont-box {
  margin-top: 100px;
  letter-spacing: -1px;
}

.hd .monthStoryDetail__cont .cont-box__tit {
  display: flex;
  font-size: 26px;
}

.hd .monthStoryDetail__cont .cont-box__txt {
  margin: 30px;
  line-height: 1.8;
  font-size: 23px;
  color: #707070;
}

.hd .monthStoryDetail__cont .cont-box__txt + .cont-box__img {
  margin-top: 100px;
}

.hd .monthStoryDetail__cont .cont-box__img img {
  display: block;
  margin: 0 auto;
}

.hd .monthStoryDetail__cont .cont-box.type1 {
  margin-top: 120px;
  text-align: center;
}

.hd .monthStoryDetail__cont .cont-box.type1 .cont-box__tit {
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 30px 50px;
  font-size: 33px;
}

.hd .monthStoryDetail__cont .cont-box.type1 .cont-box__tit:before {
  display: block;
  margin: 0 auto 50px;
  width: 350px;
  height: 1px;
  background: #b7b7b7;
  content: '';
}

.hd .monthStoryDetail__cont .cont-box.type1 .cont-box__tit span {
  display: block;
}

.hd .monthStoryDetail__cont .cont-box.type1 .cont-box__txt {
  margin-top: 50px;
  margin-bottom: 180px;
}

.hd .monthStoryDetail__cont .cont-box.type2 .cont-box__tit {
  color: #fff;
}

.hd .monthStoryDetail__cont .cont-box.type2 .cont-box__tit span {
  padding: 15px 30px;
  background: #918c00;
  border-radius: 0 30px 0 0;
}

.hd .monthStoryDetail__cont .cont-box.type2 .cont-box__tit span i {
  display: inline-block;
  margin: -3px 3px 0 0;
  width: 30px;
  height: 30px;
  line-height: 28px;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  color: #918c00;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  vertical-align: middle;
}

.hd .monthStoryDetail__cont .cont-box.type3 .cont-box__tit {
  margin-left: 30px;
}

.hd .monthStoryDetail__cont .cont-box.type3 .cont-box__tit span i {
  display: inline-block;
  position: relative;
  margin-bottom: -32.5px;
  width: 65px;
  height: 65px;
  line-height: 61px;
  font-size: 26px;
  font-style: normal;
  color: #fff;
  text-align: center;
  background: #918c00;
  border-radius: 50%;
  vertical-align: middle;
}

.hd .monthStoryDetail__cont .cont-tit {
  position: relative;
  margin: 120px 30px 40px;
}

.hd .monthStoryDetail__cont .cont-tit span {
  font-size: 24px;
  color: #918c00;
}

.hd .monthStoryDetail__cont .cont-tit strong {
  display: block;
  margin-top: 5px;
  font-size: 31px;
  font-weight: bold;
  letter-spacing: -1px;
}

.hd .monthStoryDetail__cont .cont-tit:after {
  position: absolute;
  left: 260px;
  top: 45px;
  width: 350px;
  height: 1px;
  background: #cdcdcd;
  content: '';
}

.hd .monthStoryDetail__cont .cont-tit + .cont-box {
  margin-top: 0;
}

.hd .monthStoryDetail__cont .cont-list {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 60px 0;
}

.hd .monthStoryDetail__cont .cont-list li {
  position: relative;
  margin-top: 15px;
  padding-left: 25px;
  width: 50%;
  font-size: 23px;
  color: #777;
  box-sizing: border-box;
}

.hd .monthStoryDetail__cont .cont-list li:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 12px;
  height: 12px;
  content: '';
  border: 1px solid #918c00;
}

.hd .monthStoryDetail__cont .cont-list-tit {
  margin: 40px 50px 0;
}

.hd .monthStoryDetail__cont .cont-list-tit span {
  display: inline-block;
  padding: 7px 15px;
  font-size: 22px;
  border-radius: 30px;
  color: #777;
  background: #f5f5f5;
}

.hd .monthStoryDetail__cont .cont-list2 {
  margin: 100px auto 0;
  padding-bottom: 25px;
  width: 580px;
  background: #f4f4f4;
  overflow: hidden;
  border-radius: 0 30px 0 0;
}

.hd .monthStoryDetail__cont .cont-list2__top {
  padding: 0 20px;
  height: 60px;
  line-height: 58px;
  font-size: 23px;
  font-weight: bold;
  color: #fff;
  background: #000;
}

.hd .monthStoryDetail__cont .cont-list2__bottom {
  margin: 0 auto;
  padding: 14px 0;
  width: 415px;
  font-size: 20px;
  color: #393939;
  text-align: center;
  background: #f7e6a0;
}

.hd .monthStoryDetail__cont .cont-list2 ul {
  display: flex;
  flex-wrap: wrap;
  padding: 35px 35px 30px;
}

.hd .monthStoryDetail__cont .cont-list2 ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 50px 0 30px;
  width: 46%;
}

.hd .monthStoryDetail__cont .cont-list2 ul li strong {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  font-size: 23px;
  text-align: center;
}

.hd .monthStoryDetail__cont .cont-list2 ul li span {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 17px;
  color: #626262;
  text-align: center;
}

.hd .monthStoryDetail__cont .cont-list2 ul li:last-child {
  margin-left: 8%;
}

.hd .monthStoryDetail__cont .cont-list2 ul li:last-child:before {
  position: absolute;
  left: -12.5%;
  top: 50%;
  font-size: 30px;
  color: #888;
  content: "&";
  transform: translateY(-50%);
}

.hd .ico__reply__best {
  display: inline-block;
  width: auto;
  height: 24px;
  margin-right: 10px;
  padding: 0 12px;
  background: #918c00;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  color: #FFF;
}

.hd .greatingLifeMain-banner {
  position: relative;
}

.hd .greatingLifeMain-banner ul {
  overflow: hidden;
  white-space: nowrap;
}

.hd .greatingLifeMain-banner .slick-initialized .slide, .hd .greatingLifeMain-banner img {
  display: block !important;
  width: 100%;
}

.hd .greatingLifeMain-banner .custom-scrollbar {
  position: absolute;
  left: 50%;
  bottom: 15px;
  width: 1100px;
  height: 4px;
  background: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  border-radius: 5px;
  transform: translateX(-50%);
  z-index: 1;
}

.hd .greatingLifeMain-banner .custom-scrollbar-track {
  position: absolute;
  height: 100%;
  width: 100%;
}

.hd .greatingLifeMain-banner .custom-scrollbar-thumb {
  position: absolute;
  height: 100%;
  background: #FFF;
  border-radius: 5px;
  transition: transform 0.7s;
}

.hd .greatingLifeMain-banner:hover .slick-arrow {
  display: block;
  visibility: visible;
  opacity: 1;
}

.hd .greatingLifeMain-banner .slick-arrow {
  width: 55px;
  height: 55px;
  font-size: 0;
  visibility: hidden;
  text-align: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  transition: all .5s;
  transform: translateY(-50%);
  z-index: 1;
  opacity: 0;
}

.hd .greatingLifeMain-banner .slick-prev {
  left: 12%;
}

.hd .greatingLifeMain-banner .slick-prev:after {
  display: inline-block;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hd .greatingLifeMain-banner .slick-next {
  right: 12%;
}

.hd .greatingLifeMain-banner .slick-next:after {
  display: inline-block;
  margin-left: -5px;
  width: 12px;
  height: 12px;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hd .greatingLifeMain-menu {
  height: 85px;
}

.hd .greatingLifeMain-menu > div {
  background: #f5f5f5;
}

.hd .greatingLifeMain-menu ul {
  display: flex;
}

.hd .greatingLifeMain-menu ul li {
  position: relative;
  width: 100%;
}

.hd .greatingLifeMain-menu ul li a {
  display: block;
  font-size: 20px;
  line-height: 85px;
  text-align: center;
}

.hd .greatingLifeMain-menu ul li:not(:first-child):before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  width: 1px;
  height: 18px;
  background: rgba(0, 0, 0, 0.2);
  content: '';
}

.hd .greatingLifeMain-menu.fixed > div {
  position: fixed;
  left: 0;
  top: 76px;
  width: 100%;
  z-index: 1;
}

.hd .greatingLifeMain-list {
  margin-top: 110px;
}

.hd .greatingLifeMain-list .main__h3 {
  font-size: 26px;
  text-align: center;
}

.hd .greatingLifeMain-list .list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.hd .greatingLifeMain-list .list li {
  margin: 0 22px 50px 0;
  width: 352px;
}

.hd .greatingLifeMain-list .list li:nth-of-type(3n) {
  margin-right: 0;
}

.hd .greatingLifeMain-list .list li .img {
  position: relative;
}

.hd .greatingLifeMain-list .list li .img .ico_strap {
  position: absolute;
  right: 20px;
  top: 20px;
}

.hd .greatingLifeMain-list .list li .img img {
  width: 100%;
}

.hd .greatingLifeMain-list .list li .box {
  position: relative;
  margin-top: 20px;
  line-height: 1.5;
}

.hd .greatingLifeMain-list .list li .box .tit {
  display: block;
  font-size: 20px;
  font-weight: bold;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd .greatingLifeMain-list .list li .box .txt {
  display: block;
  margin-top: 10px;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd .greatingLifeMain-list .list.type1 .box {
  padding-right: 30px;
}

.hd .greatingLifeMain-list .list.type1 .box:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -11.5px;
  width: 30px;
  height: 23px;
  background: url("/front_mo/images/sp_ico-5e6cf53d3ebc4b7f16d07f5bd177f5cb.png?ver=20250207");
  background-position: -310px -229px;
  transform: scale(0.8);
  content: '';
}

.hd .greatingLifeMain-list .list .slick-slide {
  margin-right: 22px;
  width: 352px;
}

.hd .greatingLifeMain-list .list .slick-arrow {
  position: absolute;
  margin-top: -65px;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
}

.hd .greatingLifeMain-list .list .slick-arrow:after {
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 12px;
  border: solid #1c1c1c;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .greatingLifeMain-list .list .slick-prev {
  left: -30px;
}

.hd .greatingLifeMain-list .list .slick-next {
  right: -30px;
}

.hd .greatingLifeMain-list .list .slick-next:after {
  margin-left: 3px;
}

.hd .greatingLifeMain-instagram {
  margin-top: 120px;
}

.hd .greatingLifeMain-instagram .info {
  margin: 0 0 30px;
  width: 450px;
  overflow: hidden;
}

.hd .greatingLifeMain-instagram .info .thumb {
  position: relative;
  float: left;
  width: 90px;
  height: 90px;
  font-size: 0;
  border-radius: 50%;
}

.hd .greatingLifeMain-instagram .info .thumb:after {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 76px;
  height: 76px;
  background: #fff url("/front_pc/images/img_header_logo_s-c214e16cce81bdc7ea2a2482d1345dbe.png?ver=210315") no-repeat center center;
  background-size: 62px auto;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  content: '';
  z-index: 1;
}

.hd .greatingLifeMain-instagram .info .thumb:before {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-radius: 50%;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #feda75 0%, #fa7e1e 25%, #d62976 75%, #962fbf 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-sizing: border-box;
  transform: rotate(-45deg);
  z-index: 0;
  content: '';
}

.hd .greatingLifeMain-instagram .info .text {
  float: left;
  margin: 13px 0 0 20px;
}

.hd .greatingLifeMain-instagram .info .text strong {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: normal;
}

.hd .greatingLifeMain-instagram .info .btn-round {
  float: right;
  margin-top: 22px;
  padding: 10px 20px;
  font-size: 16px;
  color: #1c1c1c;
  border-color: #1c1c1c;
}

.hd .greatingLifeMain-instagram .list {
  display: flex;
  flex-wrap: wrap;
}

.hd .greatingLifeMain-instagram .list li {
  position: relative;
  margin: 0px 22px 22px 0px;
  width: 352px;
  height: 438px;
  overflow: hidden;
}

.hd .greatingLifeMain-instagram .list li figure {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 352px;
  transform: translate3d(-50%, -50%, 0);
}

.hd .greatingLifeMain-instagram .list li:nth-of-type(3n) {
  margin-right: 0;
}

.hd .greatingLifeMain-instagram .list li video {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.hd .greatingLifeDetail .relation-product {
  position: relative;
  margin: 90px auto 0;
  border-top: 3px solid #1c1c1c;
}

.hd .greatingLifeDetail .relation-product__title {
  height: 69px;
  line-height: 69px;
  font-size: 20px;
  font-weight: 600;
}

.hd .greatingLifeDetail .relation-product__title h2 {
  display: inline-block;
}

.hd .greatingLifeDetail .relation-product__title-view {
  float: right;
  margin-right: 3px;
  font-size: 16px;
  font-weight: normal;
  color: #b2ac00;
}

.hd .greatingLifeDetail .relation-product__title-view:after {
  display: inline-block;
  margin: -4px 0 0 3px;
  width: 7px;
  height: 7px;
  vertical-align: middle;
  border: solid #b2ac00;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
  content: '';
}

.hd .greatingLifeDetail .relation-product__box {
  height: auto;
  overflow: hidden;
  white-space: nowrap;
}

.hd .greatingLifeDetail .relation-product__box__pager {
  position: relative;
}

.hd .greatingLifeDetail .relation-product__box .relation-product__list {
  display: inline-block;
  margin-right: 19.5px;
  width: 287px;
  vertical-align: top;
}

.hd .greatingLifeDetail .relation-product__box .relation-product__list:last-child {
  margin-right: 0;
}

.hd .greatingLifeDetail .relation-product__box .relation-product__list__img {
  overflow: hidden;
  width: 285px;
  height: 285px;
  font-size: 0;
}

.hd .greatingLifeDetail .relation-product__box .relation-product__list__title {
  display: block;
  height: 44px;
  margin: 10px 0 10px;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .greatingLifeDetail .relation-product__box .relation-product__list__price {
  font-size: 16px;
}

.hd .greatingLifeDetail .relation-product__box .relation-product__list__price .discount {
  display: block;
  margin-top: 28px;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 600;
}

.hd .greatingLifeDetail .relation-product__box .relation-product__list__price .discount-rate {
  display: inline-block;
  margin-right: 5px;
  font-weight: 600;
  color: #ea1111;
}

.hd .greatingLifeDetail .relation-product__box .relation-product__list__price .origin {
  display: inline-block;
  color: #888;
}

.hd .greatingLifeDetail .relation-product__box .relation-product__list__price .origin + .discount {
  margin-top: 0;
}

.hd .greatingLifeDetail .relation-product__box .slick-slide {
  margin-right: 19.5px;
  width: 287px;
  height: auto;
}

.hd .greatingLifeDetail .relation-product__box .slick-slide:last-child {
  margin-right: 0;
}

.hd .greatingLifeDetail .relation-product__btn {
  margin-top: 13px;
  padding-bottom: 3px;
}

.hd .greatingLifeDetail .relation-product__btn button {
  position: relative;
  right: 0;
  top: 0 !important;
  vertical-align: top;
}

.hd .greatingLifeDetail .relation-product__btn button span {
  display: block;
  position: relative;
  font: 0/0 a;
}

.hd .greatingLifeDetail .relation-product__btn button span:before {
  display: block;
  margin: 0 auto;
  width: 45px;
  height: 45px;
  background: url("/front_mo/images/icon_item_btn-ac73a6813fc75cd4235c08d0cbb46bf3.png") no-repeat;
  background-size: 300% auto;
  border: 1px solid #efefef;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.hd .greatingLifeDetail .relation-product__btn button:not(:first-child) {
  margin-left: 5px;
}

.hd .greatingLifeDetail .relation-product__btn .relation-product__gift span:before {
  background-position-x: 48%;
}

.hd .greatingLifeDetail .relation-product__btn .relation-product__heart span:before {
  background-position-x: 100%;
}

.hd .greatingLifeDetail .relation-product__btn .relation-product__heart.active span:before {
  background-image: url("/front_pc/images/btn_heart-on-8360fc631c685973c48d68d387376f33.png");
  background-position: center;
  background-size: 24px;
}

.hd .greatingLifeDetail .relation-product .slick-dots {
  bottom: 0;
}

.hd .greatingLifeDetail .story__list {
  padding-bottom: 50px;
  white-space: nowrap;
}

.hd .greatingLifeDetail .story__list li {
  margin-top: 0;
  width: 285px !important;
}

.hd .greatingLifeDetail .story__list .image {
  margin-bottom: 15px;
}

.hd .greatingLifeDetail .story__list .sort {
  font-size: 14px;
}

.hd .greatingLifeDetail .story__list .title {
  font-size: 18px;
}

.hd .greatingLifeDetail .story__list .desc {
  font-size: 16px;
}

.hd .greatingLifeDetail .story__list.type1 li {
  margin-top: 0;
  width: 439px !important;
}

.hd .greatingTableList__sec {
  position: relative;
}

.hd .greatingTableList__sec .head {
  margin: 40px 0 30px;
  text-align: right;
}

.hd .greatingTableList__sec .head .hd__custom-select {
  display: inline-block;
  vertical-align: top;
  width: 170px;
}

.hd .greatingTableList__sec .box {
  font-size: 0;
}

.hd .greatingTableList__sec .box__list {
  display: inline-block;
  position: relative;
  width: 340px;
  margin: 60px 0 0 40px;
  vertical-align: top;
}

.hd .greatingTableList__sec .box__list:nth-child(-n+3) {
  margin-top: 0;
}

.hd .greatingTableList__sec .box__list:nth-child(3n+1) {
  margin-left: 0;
}

.hd .greatingTableList__sec .box__list__img {
  overflow: hidden;
  width: 340px;
  height: 340px;
}

.hd .greatingTableList__sec .box__list__txt {
  margin-top: 20px;
}

.hd .greatingTableList__sec .box__list__title {
  display: block;
  max-height: 56px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .greatingTableList__sec .box__list__desc {
  font-size: 16px;
  color: #BCBCBC;
}

.hd .greatingTableList__sec .box__list__desc img {
  vertical-align: -2px;
}

.hd .greatingTableList__sec .box__list__time {
  margin-right: 5px;
  font-size: 16px;
  color: #3D3D3D;
}

.hd .greatingTableList__sec .box__list__level {
  margin-left: 5px;
  font-size: 16px;
  color: #3D3D3D;
}

.hd .greatingTableList__sec .box__list__like {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #3D3D3D;
}

.hd .greatingTableList__sec .box__list__like.on {
  color: #F9D983;
}

.hd .hd__icon__bundle {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  font-size: 0;
}

.hd .hd__icon__bundle span {
  display: block;
}

.hd .hd__icon__bundle span img {
  vertical-align: top;
  max-height: 100%;
}

.hd .greatingTableDetail .product__head {
  position: relative;
  margin: 70px 0 23px;
}

.hd .greatingTableDetail .product__head__title {
  padding-right: 80px;
  font-size: 30px;
  font-weight: 600;
  line-height: 32px;
}

.hd .greatingTableDetail .product__cont .box {
  border-top: 3px solid #918c00;
  font-size: 0;
}

.hd .greatingTableDetail .product__cont .box__list {
  display: inline-block;
  width: 100%;
  min-height: 54px;
  padding: 15px 20px;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
  line-height: 21px;
  font-size: 16px;
  box-sizing: border-box;
}

.hd .greatingTableDetail .product__cont .box__list.half {
  width: 50%;
  border-left: 1px solid #ccc;
}

.hd .greatingTableDetail .product__cont .box__list.half:nth-child(odd) {
  border-left: 0;
}

.hd .greatingTableDetail .product__cont .box__list strong {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
}

.hd .greatingTableDetail .product__cont .box__list span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 40px;
}

.hd .greatingTableDetail .product__cont .box__list img {
  vertical-align: middle;
  line-height: 1px;
}

.hd .greatingTableDetail .product__cont .box__list .last-img {
  margin-right: 15px;
}

.hd .greatingTableDetail .product__detail {
  min-height: 300px;
  padding: 40px 0 0;
  line-height: normal;
  font-size: 16px;
}

.hd .greatingTableDetail .btn__like {
  display: block;
  position: absolute;
  top: -10px;
  right: 0;
  width: 50px;
  height: 50px;
  border: 1px solid #ccc;
  background: #FFF url(/front_pc/images/ico_btn_like-3fff775a0fe1b76bdaf1e674242e68f7.png) no-repeat 50% 50%;
  border-radius: 50%;
  box-sizing: border-box;
}

.hd .greatingTableDetail .btn__like.on {
  background-image: url(/front_pc/images/ico_btn_like_on-1a4010563c6f7e34a6042ccf7da8b6a0.png);
}

#meals .hd__header .header.fixed .header__inner {
  position: relative;
  top: 0;
}

.hd .meals__title {
  width: 100%;
  margin-bottom: 35px;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
}

.hd .meals__title span {
  font-weight: 400;
}

.hd .meals__title a {
  display: inline-block !important;
}

.hd .meals__title + .meals__subtitle {
  margin-top: -40px;
}

.hd .meals__subtitle {
  position: relative;
  width: 100%;
  line-height: 28px;
  padding-top: 20px;
  font-size: 25px;
  text-align: center;
}

.hd .meals .moreView {
  margin-top: 30px;
  text-align: center;
  font-size: 0;
}

.hd .meals .moreView li {
  display: inline-block;
  vertical-align: top;
  margin: 0 50px;
  font-size: 22px;
  font-weight: 600;
}

.hd .meals .moreView li a {
  margin-left: 15px;
  vertical-align: -13px;
}

.hd .meals__banner {
  margin: 70px -20px 0;
  font-size: 0;
}

.hd .meals__banner ul {
  overflow: hidden;
}

.hd .meals__banner li {
  display: inline-block;
  width: 340px;
  height: auto !important;
  vertical-align: top;
  margin: 0 20px;
  margin-left: 20px !important;
  box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.1);
}

.hd .meals__banner li a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto !important;
}

.hd .meals__banner li a img {
  max-width: 100%;
}

.hd .meals__banner li:first-child {
  margin-left: 20px;
}

.hd .meals__banner + .meals__banner {
  margin-top: 0 !important;
}

.hd .meals__banner.type2 {
  width: 100%;
  max-width: 1100px;
  margin: 40px 0 0 0 !important;
}

.hd .meals__banner.type2 li {
  width: auto;
  margin: 0 !important;
  box-shadow: initial;
  box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.1);
}

.hd .meals-order {
  position: relative;
  margin-bottom: 50px;
  text-align: center;
  counter-reset: meals_list;
}

.hd .meals-order:before {
  content: '';
  position: absolute;
  top: 15px;
  left: 50%;
  height: 1px;
  width: 292px;
  background: #918c00;
  transform: translate3d(-50%, 0, 0);
}

.hd .meals-order li {
  display: inline-block;
  position: relative;
  width: 160px;
  vertical-align: top;
  font-size: 20px;
  color: #888;
}

.hd .meals-order li:before {
  counter-increment: meals_list;
  content: counter(meals_list);
  display: block;
  box-sizing: border-box;
  width: 35px;
  height: 35px;
  margin: 0 auto 10px;
  text-align: center;
  line-height: 31px;
  border: 2px solid #918c00;
  background: #FFF;
  font-size: 14px;
  font-weight: 600;
  color: #918c00;
  border-radius: 50%;
}

.hd .meals-order li.on {
  color: #1c1c1c;
}

.hd .meals-order li.on:before {
  background: #918c00;
  color: #FFF;
}

.hd .meals-area {
  position: relative;
  padding-bottom: 40px;
  border-top: 3px solid #1c1c1c;
  background: #FFF;
  box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.1);
}

.hd .meals-area.weektype .box__list label {
  display: table;
  padding: 8px 0;
  line-height: 20px;
}

.hd .meals-area.weektype .box__list label .text {
  display: table-cell;
  vertical-align: middle;
}

.hd .meals-area.weektype .box__list label .text__desc {
  display: block;
  font-size: 16px;
  font-weight: normal;
}

.hd .meals-area__cont__title {
  padding: 50px 0 30px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}

.hd .meals-area__cont__title span {
  font-weight: 400;
}

.hd .meals-area__cont__title__desc {
  font-size: 16px;
}

.hd .meals-area__cont__title .point {
  display: block;
  margin-top: 10px;
  font-size: 20px;
  color: #ff0000;
}

.hd .meals-area__cont__desc {
  font-size: 16px;
}

.hd .meals-area__cont__list {
  margin: 0 auto;
  width: 380px;
}

.hd .meals-area__cont__box {
  margin: 20px auto;
  width: 380px;
}

.hd .meals-area__cont__box.bg {
  padding: 20px;
  text-align: center;
  background: #f5f5f5;
  box-sizing: border-box;
}

.hd .meals-area__cont__box dl {
  line-height: 1.8;
}

.hd .meals-area__cont__box dl dt {
  font-size: 20px;
}

.hd .meals-area__cont__box dl dt em {
  color: #918c00;
}

.hd .meals-area__cont__box dl dd {
  font-size: 18px;
}

.hd .meals-area__cont__input {
  width: 100%;
  line-height: 42px;
  text-indent: 15px;
}

.hd .meals-area__cont .box {
  text-align: center;
  font-size: 0;
}

.hd .meals-area__cont .box__list {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
}

.hd .meals-area__cont .box__list:first-child {
  margin-left: 0;
}

.hd .meals-area__cont .btn-check {
  position: absolute;
  top: 10px;
  right: 10px;
}

.hd .meals-area__cont .btn-check button {
  display: block;
  overflow: hidden;
  background: #f4f4f4;
  padding: 5px 10px;
  border: 1px solid #bcbcbc;
  border-radius: 3px;
  font-size: 14px;
}

.hd .meals-area__cont .btn-check .closed-day {
  margin-bottom: 5px;
  margin-left: auto;
}

.hd .meals-area__text {
  margin-bottom: -20px;
  padding-top: 40px;
  line-height: 1.4;
  text-align: center;
  font-size: 20px;
}

.hd .meals-area__text .green {
  color: #918c00;
}

.hd .meals-area__text .orange {
  color: #e0ba53;
}

.hd .meals-area__text span {
  font-size: 16px;
  color: #888;
}

.hd .meals-final {
  margin-top: 60px;
  text-align: center;
}

.hd .meals-final__head {
  display: block;
  margin-bottom: 15px;
  font-size: 18px;
}

.hd .meals-final__cont {
  display: inline-block;
  vertical-align: middle;
  font-size: 36px;
}

.hd .meals-final__cont em {
  display: inline-block;
  position: relative;
  font-weight: 600;
  z-index: 1;
}

.hd .meals-final__cont em:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 8px;
  background: #F9D983;
}

.hd .meals-final__cont-txt {
  margin-right: 5px;
  font-size: 18px;
}

.hd .meals-final__cont.minicart {
  margin: -7px 5px 0 0;
  padding: 4px 11px 5px;
  width: auto;
  line-height: 1;
  font-size: 18px;
  font-weight: 600;
  color: #1c1c1c;
  border: 0;
  border-radius: 15px;
  text-indent: 0;
}

.hd .meals-final__delivery {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 20px;
}

.hd .meals-final__delivery__tit {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 26px;
}

.hd .meals-final__delivery__price {
  display: inline-block;
  vertical-align: middle;
}

.hd .meals-final__delivery__price del,
.hd .meals-final__delivery__price span,
.hd .meals-final__delivery__price strong {
  display: inline-block;
  vertical-align: middle;
}

.hd .meals-final__delivery .Qmark {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 7px;
  background: url(/front_pc/images/icon_order-payment_Qmark-fe3cf032c20ec6f471d68f60f1fda9a3.png) no-repeat 1px 1px;
  background-size: 100%;
  vertical-align: middle;
  cursor: pointer;
}

.hd .meals-final__delivery__result {
  margin-left: 20px;
  font-size: 36px;
}

.hd .meals-final__desc {
  margin-top: 50px;
  font-size: 16px;
}

.hd .meals-final__calc {
  margin: 20px 0 50px;
  font-size: 26px;
}

.hd .meals-final__calc__price {
  margin-right: 10px;
}

.hd .meals-final__calc__count {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  width: 160px;
  height: 45px;
  padding: 0 45px;
  border: 1px solid #BCBCBC;
  text-align: center;
  line-height: 55px;
  color: #3D3D3D;
  box-sizing: border-box;
  vertical-align: middle;
}

.hd .meals-final__calc__count input {
  width: 100%;
  height: 43px;
  padding: 0;
  border: 0;
  text-align: center;
  vertical-align: top;
  line-height: 43px;
  font-size: 16px;
  color: #3D3D3D;
}

.hd .meals-final__calc__count .btn__count {
  position: absolute;
  top: 0;
  width: 45px;
  height: 45px;
  border: 1px solid #BCBCBC;
  background: #F5F5F5;
  color: #3D3D3D;
}

.hd .meals-final__calc__count .btn__count-down {
  top: -1px;
  left: -1px;
}

.hd .meals-final__calc__count .btn__count-down:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background: #3D3D3D;
  transform: translate(-50%, -50%);
}

.hd .meals-final__calc__count .btn__count-up {
  top: -1px;
  right: -1px;
}

.hd .meals-final__calc__count .btn__count-up:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background: #3D3D3D;
  transform: translate(-50%, -50%);
}

.hd .meals-final__calc__count .btn__count-up:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 14px;
  background: #3D3D3D;
  transform: translate(-50%, -50%);
}

.hd .meals-final__calc__count button:disabled {
  background: #BCBCBC;
}

.hd .meals-btn {
  display: block;
  width: 628px;
  margin-top: 80px;
  text-align: center;
  justify-content: space-between;
}

.hd .meals-btn .btn-init {
  display: inline-block;
  margin: 0 1px;
  width: 310px;
  height: 70px;
  line-height: 68px;
  font-size: 24px;
  font-weight: 600;
}

.hd .meals-btn .btn-init.prev span {
  padding-left: 40px;
  background: url("/front_pc/images/ico_meals_arrow-prev-93c0736b354d8ae1724bbd2861e43091.png") no-repeat 0 50%;
}

.hd .meals-btn .btn-init.next span {
  padding-right: 40px;
  background: url("/front_pc/images/ico_meals_arrow-next-37999c6a0209768e1a3c6bb1293d9198.png") no-repeat 100% 50%;
}

.hd .meals-btn .btn-init.next.green span {
  padding-right: 40px;
  background: url("/front_pc/images/ico_meals_arrow-next_on-b85f6c20d55d7e89680090513e7907fa.png") no-repeat 100% 50%;
}

.hd .meals .inquiry {
  margin-top: 80px;
  text-align: center;
}

.hd .meals .inquiry__title {
  font-size: 20px;
}

.hd .meals .inquiry__subtitle {
  margin-top: 15px;
  font-size: 16px;
  color: #888;
}

.hd .meals .inquiry .icon-area {
  display: inline-block;
}

.hd .meals .inquiry .icon-area a {
  display: inline-block;
  margin: 25px 16px 0;
  color: #888;
}

.hd .meals .inquiry .icon-area a:before {
  display: block;
  width: 84px;
  height: 84px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 100%;
  content: '';
}

.hd .meals .inquiry .icon-area-phone:before {
  background: url("/front_pc/images/icon_comm_phone-e49c8281a394d080e3c66150271d205e.png?ver=210405") no-repeat center center;
  content: '';
}

.hd .meals .inquiry .icon-area-kakao:before {
  background: url("/front_pc/images/icon_comm_kakao-82360cd99c39a25434b08e9217dc5358.png?ver=210405") no-repeat center center;
  content: '';
}

.hd .meals .challenge__banner {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  overflow: hidden;
  justify-content: center;
}

.hd .meals .challenge__banner li {
  float: left;
  margin-top: 40px;
  overflow: hidden;
}

.hd .meals .challenge__banner li:not(:first-child) {
  margin-left: 20px;
}

.hd .meals .challenge__banner li img {
  display: block;
}

.hd .meals .challenge .moreView {
  margin-top: 25px !important;
}

.hd .meals.v2 a {
  display: block;
  position: relative;
}

.hd .meals.v2 a i {
  position: absolute;
  right: -55px;
  top: 13px;
  width: 35px;
  height: 35px;
  line-height: 23px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 50%;
  vertical-align: top;
}

.hd .meals.v2 a i:before {
  display: inline-block;
  margin: 2px 0 0 -2px;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border: solid #1c1c1c;
  border-width: 1.5px 1.5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .meals.v2 a:hover {
  color: #918c00;
}

.hd .meals.v2 a:hover i {
  right: -45px;
  border-color: #918c00;
}

.hd .meals.v2 a:hover i:before {
  border-color: #918c00;
}

.hd .meals.v2 .meals__title {
  padding-top: 80px;
}

.hd .meals.v2 .meals__title a {
  margin-left: -40px;
}

.hd .meals.v2 .moreView {
  position: relative;
  margin-top: 45px;
  padding-bottom: 45px;
  white-space: nowrap;
  z-index: 1;
}

.hd .meals.v2 .moreView li {
  margin: 0 60px;
  width: 260px;
  font-size: 23px;
  font-weight: normal;
  letter-spacing: -1px;
  text-align: left;
}

.hd .meals.v2 .moreView li a {
  display: inline-block;
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #918c00;
}

.hd .meals.v2 .moreView li a i {
  top: 3px;
  width: 30px;
  height: 30px;
  line-height: 21px;
}

.hd .meals.v2 .meals__banner {
  position: relative;
  margin: 0 auto;
  width: 1060px;
  font-size: 0;
  overflow: hidden;
  z-index: 1;
}

.hd .meals.v2 .meals__banner li {
  position: relative;
  float: left;
  margin: 0 15px !important;
  width: 500px;
  min-height: 445px !important;
  vertical-align: top;
  box-sizing: border-box;
  box-shadow: none;
}

.hd .meals.v2 .meals__banner li:hover .meals__banner-more {
  transform: translate3d(-50%, -50%, 0);
  opacity: 1;
}

.hd .meals.v2 .meals__banner li a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto !important;
}

.hd .meals.v2 .meals__banner li a img {
  max-width: inherit;
  transition: all 0.8s;
}

.hd .meals.v2 .meals__banner li a figure {
  border-radius: 30px;
  overflow: hidden;
  min-height: 320px;
  max-height: 350px;
}

.hd .meals.v2 .meals__banner li a:hover figure img {
  transform: scale(1.3);
}

.hd .meals.v2 .meals__banner li .meals__banner-btn .btn-init:hover {
  color: #fff;
}

.hd .meals.v2 .meals__banner + .meals__banner {
  margin-top: 0 !important;
}

.hd .meals.v2 .meals__banner-text {
  padding: 20px 0 45px;
}

.hd .meals.v2 .meals__banner-desc {
  margin-bottom: 5px;
  font-size: 20px;
  height: 23px;
  color: #888;
}

.hd .meals.v2 .meals__banner-title {
  font-size: 26px;
  font-weight: bold;
}

.hd .meals.v2 .meals__banner-btn {
  position: absolute;
  right: 0;
  bottom: 50px;
}

.hd .meals.v2 .meals__banner-btn .btn-init {
  margin-left: 10px;
  padding: 11px 20px;
  width: auto;
  font-size: 20px;
  color: #1c1c1c;
  border: 0;
  border-radius: 30px;
  background: #efefef;
}

.hd .meals.v2 .meals__banner-more {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 35px 10px 0;
  width: 120px;
  height: 120px;
  line-height: 1.2;
  font-size: 20px;
  color: #fff;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.7);
  transform: translate3d(-50%, -40%, 0);
  box-sizing: border-box;
  word-break: keep-all;
  text-align: center;
  opacity: 0;
}

.hd .meals.v2 .meals__banner-more:after {
  display: inline-block;
  margin: -5px 0 0 5px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .meals.v2 .meals__banner .daily li:nth-of-type(1) .meals__banner-desc {
  color: #e17d26;
}

.hd .meals.v2 .meals__banner .daily li:nth-of-type(1) .meals__banner-more {
  background: rgba(255, 125, 38, 0.7);
}

.hd .meals.v2 .meals__banner .daily li:nth-of-type(1) .meals__banner-btn .btn-init:hover {
  background: #e17d26;
}

.hd .meals.v2 .meals__banner .daily li:nth-of-type(2) .meals__banner-desc {
  color: #6bb43f;
}

.hd .meals.v2 .meals__banner .daily li:nth-of-type(2) .meals__banner-more {
  background: rgba(107, 180, 63, 0.7);
}

.hd .meals.v2 .meals__banner .daily li:nth-of-type(2) .meals__banner-btn .btn-init:hover {
  background: #6bb43f;
}

.hd .meals.v2 .meals__banner .daily li:nth-of-type(3) .meals__banner-desc {
  color: #3f4db4;
}

.hd .meals.v2 .meals__banner .daily li:nth-of-type(3) .meals__banner-more {
  background: rgba(63, 77, 180, 0.7);
}

.hd .meals.v2 .meals__banner .daily li:nth-of-type(3) .meals__banner-btn .btn-init:hover {
  background: #3f4db4;
}

.hd .meals.v2 .meals__banner .daily li:nth-of-type(4) .meals__banner-desc {
  color: #ed6251;
}

.hd .meals.v2 .meals__banner .daily li:nth-of-type(4) .meals__banner-more {
  background: rgba(237, 98, 81, 0.7);
}

.hd .meals.v2 .meals__banner .daily li:nth-of-type(4) .meals__banner-btn .btn-init:hover {
  background: #ed6251;
}

.hd .meals.v2 .meals__banner .medi li:nth-of-type(1) .meals__banner-desc {
  color: #53a5e0;
}

.hd .meals.v2 .meals__banner .medi li:nth-of-type(1) .meals__banner-more {
  background: rgba(83, 165, 224, 0.7);
}

.hd .meals.v2 .meals__banner .medi li:nth-of-type(1) .meals__banner-btn .btn-init:hover {
  background: #53a5e0;
}

.hd .meals.v2 .meals__banner .medi li:nth-of-type(2) .meals__banner-desc {
  color: #a47a17;
}

.hd .meals.v2 .meals__banner .medi li:nth-of-type(2) .meals__banner-more {
  background: rgba(164, 122, 23, 0.7);
}

.hd .meals.v2 .meals__banner .medi li:nth-of-type(2) .meals__banner-btn .btn-init:hover {
  background: #a47a17;
}

.hd .meals.v2 .meals__slider {
  position: relative;
  min-height: 380px;
  overflow: hidden;
}

.hd .meals.v2 .meals__slider .slick-slide {
  width: 100%;
}

.hd .meals.v2 .meals__slider .slick-slide img {
  width: 100%;
}

.hd .meals.v2 .meals__slider:hover .btn__prev, .hd .meals.v2 .meals__slider:hover .btn__next {
  display: block;
  visibility: visible;
  opacity: 1;
}

.hd .meals.v2 .meals__slider [class^="btn__"] {
  position: absolute;
  top: 50%;
  width: 55px;
  height: 55px;
  font-size: 0;
  visibility: hidden;
  text-align: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  transition: all .5s;
  transform: translateY(-50%);
  z-index: 1;
  opacity: 0;
}

.hd .meals.v2 .meals__slider .btn__prev {
  left: 12%;
}

.hd .meals.v2 .meals__slider .btn__prev:after {
  display: inline-block;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hd .meals.v2 .meals__slider .btn__next {
  right: 12%;
}

.hd .meals.v2 .meals__slider .btn__next:after {
  display: inline-block;
  margin-left: -5px;
  width: 12px;
  height: 12px;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hd .meals-tab .tab-menu {
  margin: -18px 0 0 -7px;
  padding: 18px 7px 0;
  border-bottom: 0;
  overflow: hidden;
}

.hd .meals-tab .tab-menu__inner {
  display: flex;
}

.hd .meals-tab .tab-menu__list, .hd .meals-tab .tab-menu__list2 {
  width: 100%;
  line-height: 49px;
  font-size: 18px;
  text-align: center;
}

.hd .meals-tab .tab-menu__list a, .hd .meals-tab .tab-menu__list2 a {
  display: block;
  padding-right: 0;
}

.hd .meals-tab .tab-menu__list a:after, .hd .meals-tab .tab-menu__list2 a:after {
  display: none;
}

.hd .meals-tab .tab-menu__list a strong, .hd .meals-tab .tab-menu__list2 a strong {
  display: block;
  position: relative;
  height: 52px;
  font-weight: normal;
  color: #1c1c1c;
  border: 3px solid #ddd;
  background-color: #ddd;
  border-bottom: 0;
  border-radius: 20px 20px 0 0;
}

.hd .meals-tab .tab-menu__list--on a strong, .hd .meals-tab .tab-menu__list2--on a strong {
  margin: 0 -1px;
  height: 51px;
  background: #fff;
  border-color: #ccc;
  z-index: 2;
}

.hd .meals-tab .tab-menu__list--active a strong, .hd .meals-tab .tab-menu__list2--active a strong {
  background: #918c00;
  color: #fff !important;
  border-color: #918c00;
}

.hd .meals-tab .tab-menu__list--active.view a strong, .hd .meals-tab .tab-menu__list2--active.view a strong {
  line-height: 44px !important;
}

.hd .meals-tab .tab-menu__list.view, .hd .meals-tab .tab-menu__list2.view {
  font-size: 24px;
}

.hd .meals-tab .tab-menu__list.view a strong, .hd .meals-tab .tab-menu__list2.view a strong {
  margin-top: -10px;
  line-height: 57px;
  height: 64px;
  font-weight: bold;
  z-index: 3;
  color: #918c00;
  border-color: #918c00;
  border-top-width: 10px;
}

.hd .meals-tab .tab-menu.fixed {
  position: relative;
}

.hd .meals-tab .tab-menu.fixed .tab-menu__inner {
  position: fixed;
  left: 50%;
  top: 0px;
  width: 1100px;
  padding: 20px 10px 0;
  transform: translateX(-50%);
  z-index: 3;
  overflow: hidden;
}

.hd .meals-tab .tab-menu.fixed .tab-menu__inner:after {
  width: 1100px;
}

.hd .meals-tab .tab-menu.fixed:after {
  position: fixed;
  left: 50%;
  top: 0;
  width: 1100px;
  height: 77px;
  background: #fff;
  content: '';
  z-index: 2;
  transform: translateX(-50%);
}

.hd .meals-tab .meals-area {
  padding-top: 40px;
  border-top: 0;
}

.hd .mealsSchedule .hd__custom-label {
  width: 160px;
}

.hd .mealsSchedule .meals-area {
  margin-bottom: 30px;
  padding: 0 0 85px;
}

.hd .mealsSchedule .meals-area + .meals-area {
  border-top: 3px solid #FFF;
}

.hd .mealsSchedule #exp {
  display: none;
  min-height: 127px;
  margin: 30px 0 -10px;
}

.hd .mealsSchedule #exp .experience__sec {
  margin-left: 425px;
}

.hd .mealsSchedule #exp .experience__img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate3d(0, -50%, 0);
}

.hd .mealsSchedule #exp .experience__img p {
  position: absolute;
  top: 185px;
  right: 60px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #918c00;
  line-height: 30px;
}

.hd .mealsSchedule #exp .experience__title {
  display: block;
  margin-bottom: 20px;
  font-size: 24px;
}

.hd .mealsSchedule #exp .experience__title strong {
  font-size: 30px;
  font-weight: 600;
}

.hd .mealsSchedule #exp .experience__txt {
  margin: 0 auto;
  font-size: 16px;
  color: #888;
  line-height: 36px;
}

.hd .mealsSchedule #exp .experience__txt .underline {
  text-decoration: underline;
}

.hd__meals__menu {
  position: relative;
  height: 840px;
  overflow: hidden;
}

.hd__meals__menu-h3 {
  height: 640px;
  overflow: hidden;
}

.hd__meals__menu-h3 img {
  display: block;
  margin: 85px auto 0;
}

.hd__meals__menu-list {
  position: relative;
  margin: -323px auto 0;
  padding-bottom: 5px;
  width: 1140px;
  white-space: nowrap;
  z-index: 1;
  overflow: hidden;
  text-align: center;
}

.hd__meals__menu-list.slick-initialized {
  overflow: visible;
}

.hd__meals__menu-slide {
  display: inline-block;
  position: relative;
  margin: 0 20px;
  padding: 20px;
  width: 340px !important;
  height: 515px;
  text-align: left;
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: normal;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.hd__meals__menu-slide .sort {
  margin-top: 25px;
  font-size: 21px;
  font-weight: bold;
  color: #918c00;
}

.hd__meals__menu-slide .title {
  display: block;
  margin-top: 11px;
  line-height: 1.5;
  font-size: 20px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__meals__menu-slide .thumb {
  width: 300px;
  height: 300px;
  border-radius: 20px;
  overflow: hidden;
}

.hd__meals__menu-slide .more {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 20px;
  width: 260px;
  line-height: 48px;
  font-size: 18px;
  color: #999;
  background: #f5f5f5;
  border-radius: 0 20px 0 0;
  text-align: left;
}

.hd__meals__menu-slide .more:after {
  display: inline-block;
  margin-left: 70px;
  font-size: 33px;
  color: #1c1c1c;
  vertical-align: middle;
  content: '+';
}

.hd__meals__menu .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
}

.hd__meals__menu .slick-arrow:after {
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 12px;
  border: solid #fff;
  border-width: 0 0 1px 1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd__meals__menu .slick-prev {
  left: -55px;
}

.hd__meals__menu .slick-next {
  right: -55px;
}

.hd__meals__menu .slick-next:after {
  margin-left: 3px;
}

.hd__meals__review {
  margin-top: 100px;
  padding: 110px 0 100px;
  background: #f5f5f5;
}

.hd__meals__review-cont {
  margin: 40px auto 0;
  width: 1110px;
  padding: 5px;
}

.hd__meals__review-cont img {
  display: block;
  border-radius: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.hd__meals__review .slick-arrow {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
}

.hd__meals__review .slick-arrow:after {
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 12px;
  border: solid #1c1c1c;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd__meals__review .slick-prev {
  left: -25px;
}

.hd__meals__review .slick-next {
  right: -25px;
}

.hd__meals__review .slick-next:after {
  margin-left: 3px;
}

.hd__meals__h4 {
  margin: 0 auto;
  width: 1100px;
  font-size: 32px;
  font-weight: bold;
  text-align: left;
}

.hd__meals__btn {
  display: block;
  margin: 0 auto;
  width: 680px;
  line-height: 90px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #dcdcdc !important;
  border-radius: 20px;
  box-sizing: border-box;
}

.hd__meals__tab {
  position: relative;
  padding-top: 160px;
}

.hd__meals__tab .tab-content {
  text-align: center;
}

.hd__meals__tab .tab-content-img {
  margin: 0 auto;
  width: 1100px;
}

.hd__meals__tab .tab-menu {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 80px;
  padding-top: 0 !important;
  width: 100%;
  height: 80px !important;
  text-align: center;
  background-color: #f5f5f5 !important;
  border-bottom: 0 !important;
}

.hd__meals__tab .tab-menu__list {
  display: table;
  margin: 0 50px !important;
  float: none !important;
  width: auto !important;
  height: 80px !important;
  line-height: 1.3 !important;
}

.hd__meals__tab .tab-menu__list a {
  display: table-cell !important;
  padding: 0 !important;
  font-size: 24px;
  font-weight: normal;
  border-bottom: 4px solid #f5f5f5;
  vertical-align: middle;
}

.hd__meals__tab .tab-menu__list a:after {
  display: none !important;
}

.hd__meals__tab .tab-menu__list a i {
  display: inline-block;
  margin: -4px -7px 0 3px;
  font-size: 14px;
  font-style: normal;
  color: #ff0000;
  vertical-align: top;
}

.hd__meals__tab .tab-menu__list a span {
  display: block;
  font-size: 17px;
}

.hd__meals__tab .tab-menu__list--on a {
  font-weight: bold;
  color: #918c00;
  border-color: #918c00;
}

.hd__meals__tab.fixed .tab-menu {
  position: fixed;
  left: 0;
  top: 76px;
  z-index: 7;
}

.hd__meals__list {
  margin-top: 80px;
  text-align: center;
}

.hd__meals__list ul {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.hd__meals__list-desc {
  margin-top: 15px;
  font-size: 24px;
}

.hd__meals__list .desc {
  margin-top: 15px;
  font-size: 24px;
}

.hd__meals__challenge {
  position: relative;
  margin: 20px auto  0;
  padding-left: 397px;
  width: 1100px;
  height: 410px;
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.hd__meals__challenge.mt {
  margin-top: -200px;
}

.hd__meals__challenge-thumb {
  position: absolute;
  left: 40px;
  top: 55px;
  width: 300px;
  height: 300px;
}

.hd__meals__challenge-info {
  width: 621px;
  overflow: hidden;
}

.hd__meals__challenge-info dt {
  margin-top: 40px;
  font-size: 24px;
  font-weight: bold;
  color: #918c00;
}

.hd__meals__challenge-info dd {
  margin-top: 10px;
  line-height: 1.4;
  font-size: 22px;
}

.hd__meals__challenge-list {
  margin-top: 31px;
  width: 660px;
  height: 200px;
  white-space: nowrap;
}

.hd__meals__challenge-list .slick-arrow {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
}

.hd__meals__challenge-list .slick-arrow:after {
  display: inline-block;
  margin-left: 6px;
  width: 8px;
  height: 8px;
  border: solid #fff;
  border-width: 0 0 1px 1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd__meals__challenge-list .slick-prev {
  left: -17px;
}

.hd__meals__challenge-list .slick-next {
  right: -17px;
}

.hd__meals__challenge-list .slick-next:after {
  margin-left: 3px;
}

.hd__meals__challenge-list .draggable {
  padding-left: 5px;
  border: 1px solid #dcdcdc;
  border-radius: 30px;
}

.hd__meals__challenge-slide {
  display: inline-block;
  padding: 0 1.5px;
  width: 160px !important;
}

.hd__meals.healthy .hd__meals__menu-h3 {
  background: url("/front_pc/images/img_healthy-0b969152c394ff6f5a0a06df9d96c86d.jpg") no-repeat center;
  background-size: cover;
}

.hd__meals.care .hd__meals__menu-h3 {
  background: url("/front_pc/images/img_care-96d5bc38f36e74582b2aa881597d5bfb.jpg") no-repeat center;
  background-size: cover;
}

.hd__meals.challenge .hd__meals__menu {
  height: auto;
}

.hd__meals.challenge .hd__meals__menu-h3 {
  height: 500px;
  background: url("/front_pc/images/img_challenge-f9226d20a85fb5a658ea47ac3239eb26.jpg") no-repeat center;
  background-size: cover;
}

.hd__careTab-h3 {
  margin: 55px 30px 10px;
  line-height: 1.4;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}

.hd__careTab-tab {
  margin: 0 auto;
  padding-top: 10px !important;
  width: 1100px !important;
  height: auto !important;
  border: 0 !important;
}

.hd__careTab-tab .tab-menu__list {
  display: inline-block;
  float: none !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  font-size: 22px !important;
  font-weight: normal !important;
}

.hd__careTab-tab .tab-menu__list a {
  display: inline-block !important;
  margin: 10px 5px 0 5px;
  padding: 13px 20px !important;
  height: auto !important;
  line-height: 1 !important;
  width: auto !important;
  color: #1c1c1c !important;
  border-radius: 30px;
  border: 1px solid #918c00;
}

.hd__careTab-tab .tab-menu__list a:after {
  display: none !important;
}

.hd__careTab-tab .tab-menu__list a span {
  font-size: 16px;
}

.hd__careTab-tab .tab-menu__list--on a {
  font-weight: normal !important;
  color: #fff !important;
  border-color: #fff;
  background: #918c00;
}

.hd__careTab-tab2 {
  position: relative;
  margin-top: 60px;
  padding-top: 0 !important;
  height: 80px !important;
  border: 0 !important;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}

.hd__careTab-tab2:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #1c1c1c;
  content: '';
}

.hd__careTab-tab2 .tab-menu__list {
  width: calc(100% /2) !important;
  height: 80px !important;
  line-height: 80px !important;
  font-size: 20px !important;
  font-weight: normal !important;
  background: #f5f5f5;
}

.hd__careTab-tab2 .tab-menu__list a {
  padding-right: 0 !important;
}

.hd__careTab-tab2 .tab-menu__list a:after {
  display: none !important;
}

.hd__careTab-tab2 .tab-menu__list--on a {
  line-height: 78px;
  font-weight: bold;
  background: #fff;
  border: 2px solid #1c1c1c;
  border-bottom: 0;
  border-radius: 20px 20px 0 0;
}

.hd__careTab-tab3 {
  padding-top: 20px !important;
  margin: 0 auto;
  width: 1100px !important;
  text-align: center;
  height: auto !important;
  overflow: hidden;
}

.hd__careTab-tab3 .tab-menu__list {
  width: calc(100% /3) !important;
  height: 65px !important;
  line-height: 65px !important;
  font-size: 22px !important;
  font-weight: normal !important;
  background: #f5f5f5;
  border-radius: 10px 10px 0 0;
}

.hd__careTab-tab3 .tab-menu__list a {
  padding: 0 !important;
}

.hd__careTab-tab3 .tab-menu__list a:after {
  display: none !important;
}

.hd__careTab-tab3 .tab-menu__list--on {
  background: #fff;
  border-top: 3px solid #918c00 !important;
}

.hd__careTab-tab3 .tab-menu__list--on a {
  line-height: 59px;
  font-weight: bold !important;
  color: #918c00 !important;
}

.hd__careTab-btn {
  position: absolute;
  left: 50%;
  bottom: 70px;
  width: 600px;
  line-height: 90px;
  font-size: 24px;
  text-align: center;
  border-radius: 50px;
  border: 1px solid #1c1c1c;
  transform: translateX(-50%);
}

.hd__careTab-btn:after {
  display: inline-block;
  margin-left: 15px;
  content: '>';
}

.hd__careTab .tab-content {
  margin: 0 auto;
  width: 1100px;
}

.hd__careTab .scroll {
  position: relative;
}

.hd__careTab .scroll .tab-content {
  padding-bottom: 160px;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.hd__guide .tab-menu {
  text-align: center !important;
}

.hd__guide .tab-menu__list {
  padding-top: 0 !important;
}

.hd .mealsDelivery .hd__custom-label {
  width: 180px;
}

.hd .calendar {
  border-top: 1px solid #ccc;
  padding: 0 7px;
}

.hd .calendar thead th {
  padding: 20px 0;
  font-size: 20px;
  font-weight: 400;
}

.hd .calendar tbody tr td:first-child label {
  background: none;
  color: red;
}

.hd .calendar .cal__day {
  padding: 0;
  text-align: center;
  border-bottom: 2px solid #FFF;
  border-left: 2px solid #FFF;
}

.hd .calendar .cal__day label {
  display: block;
  padding: 18px 0;
  background: #F4F4F4;
  font-size: 20px;
  font-weight: 600;
  color: #1c1c1c;
}

.hd .calendar .cal__day input[type="checkbox"]:checked + label {
  background: #918c00;
  color: #FFF;
}

.hd .calendar .cal__day.holiday label {
  color: red;
}

.hd .calendar .cal__disabled label {
  background: none;
  font-weight: 400;
  color: #ccc;
}

.hd .mealsChoice .hd__custom-label {
  width: 180px;
}

.hd .mealsChoice .minicart__inner {
  min-height: 220px;
}

.hd .mealsChoice .option-area .btn-option .btn {
  min-width: 100%;
  width: auto;
}

.hd .mealsChoice .option-area .btn-option .btn .btn-init {
  padding: 0 50px 0 20px;
  text-indent: 0;
  background-position: right 20px center;
  border-radius: 20px 20px 0 0;
}

.hd .mealsChoice__switch {
  display: flex;
  margin-bottom: 20px;
  justify-content: right;
}

.hd .mealsChoice__switch label {
  display: block;
}

.hd .mealsChoice__switch label .label {
  display: inline-block;
  margin: 8px 10px 0 0;
  font-size: 20px;
  user-select: none;
  vertical-align: top;
}

.hd .mealsChoice__switch label input[role="switch"] {
  display: none;
  opacity: 0;
}

.hd .mealsChoice__switch label input[role="switch"] ~ .state {
  display: inline-block;
  position: relative;
  user-select: none;
}

.hd .mealsChoice__switch label input[role="switch"] ~ .state > .container {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 65px;
  height: 34px;
  border-radius: 20px;
  background-color: #ccc;
}

.hd .mealsChoice__switch label input[role="switch"] ~ .state > .container > .position {
  position: relative;
  top: 3px;
  left: 3px;
  display: inline-block;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  background: #fff;
  transition: all 0.5s;
}

.hd .mealsChoice__switch label input[role="switch"] ~ .state span.txt {
  position: absolute;
  top: 7px;
  transition: all 0.5s;
}

.hd .mealsChoice__switch label input[role="switch"] ~ .state span.on {
  right: 7px;
  color: #918c00;
}

.hd .mealsChoice__switch label input[role="switch"] ~ .state span.off {
  left: 5px;
  top: 9px;
  color: #888;
}

.hd .mealsChoice__switch label input[role="switch"]:not(:checked) ~ .state span.on {
  right: 37px;
  opacity: 0;
}

.hd .mealsChoice__switch label input[role="switch"]:checked ~ .state > .container {
  background-color: #918c00;
}

.hd .mealsChoice__switch label input[role="switch"]:checked ~ .state > .container > .position {
  left: 34px;
}

.hd .mealsChoice__switch label input[role="switch"]:checked ~ .state span.off {
  left: 37px;
  opacity: 0;
}

.hd .mealsChoice__switch label.focus, .hd .mealsChoice__switch label:hover {
  cursor: pointer;
}

.hd .meals__choice {
  padding: 0 40px;
}

.hd .meals__choice .box {
  text-align: left;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}

.hd .meals__choice .box__list {
  display: inline-block;
  vertical-align: top;
  width: 320px;
  margin: 40px 0 0 30px;
  position: relative;
}

.hd .meals__choice .box__list:nth-child(-n+3) {
  margin-top: 0;
}

.hd .meals__choice .box__list:nth-child(3n+1) {
  margin-left: 0;
}

.hd .meals__choice .box__list__img {
  position: relative;
  margin-bottom: 15px;
}

.hd .meals__choice .box__list__img a {
  display: block;
}

.hd .meals__choice .box__list__img a figure {
  overflow: hidden;
  width: 320px;
  height: 320px;
}

.hd .meals__choice .box__list__label {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 150px;
  justify-content: right;
}

.hd .meals__choice .box__list__label-txt {
  display: block;
  margin-top: 5px;
  min-width: 107px;
  font-size: 16px;
}

.hd .meals__choice .box__list__label-txt:not(.type2) {
  height: 30px;
  line-height: 28px;
  font-weight: 600;
  color: #fff;
  background: rgba(96, 93, 0, 0.7);
  text-align: center;
}

.hd .meals__choice .box__list__label-txt img {
  display: block;
}

.hd .meals__choice .box__list__coaching {
  display: table;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(145, 140, 0, 0.7);
  z-index: 1;
}

.hd .meals__choice .box__list__coaching span {
  display: table-cell;
  line-height: 1.3;
  font-size: 15px;
  color: #fff;
  vertical-align: middle;
}

.hd .meals__choice .box__list__count {
  margin: 0 0 10px;
}

.hd .meals__choice .box__list__promotion {
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  color: #888;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: none;
}

.hd .meals__choice .box__list__title {
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  word-break: keep-all;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 3;
}

.hd .meals__choice .box__list__text {
  margin-top: 10px;
  padding-top: 10px;
  line-height: 1.4;
  font-size: 15px;
  border-top: 1px solid #BCBCBC;
}

.hd .meals__choice .box__list__text.green {
  color: #918c00;
}

.hd .meals__choice .box__list__text.red {
  color: #ff0000;
}

.hd .meals__choice .box__list__text.grey {
  color: #888;
}

.hd .meals__choice .box__list__price {
  display: block;
  margin-top: 10px;
  min-height: auto;
  font-size: 16px;
  color: #888;
}

.hd .meals__choice .box__list__price-discounted {
  display: block;
  font-size: 20px;
}

.hd .meals__choice .box__list__price-discounted-rate {
  display: inline-block;
  margin-right: 5px;
  font-weight: 600;
  color: #ea1111;
}

.hd .meals__choice .box__list__price-origin {
  display: inline-block;
  margin-bottom: 0;
  font-size: 16px;
  color: #888;
}

.hd .meals__choice .box__list__price-origin + .box__list__price-discounted {
  margin-top: 0;
}

.hd .meals__choice .box__list__price .point {
  display: block;
  margin-top: 5px;
  font-size: 16px;
  color: #ff0000;
}

.hd .meals__choice .box__list__material, .hd .meals__choice .box__list__tag {
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #ccc;
}

.hd .meals__choice .box__list__material li, .hd .meals__choice .box__list__tag li {
  display: inline-block;
  margin: 5px 8px 0 0;
  vertical-align: top;
  text-align: center;
}

.hd .meals__choice .box__list__material li img, .hd .meals__choice .box__list__tag li img {
  max-height: 35px;
  vertical-align: top;
}

.hd .meals__choice .box__list .soldout {
  display: none;
  width: 320px;
  height: 45px;
  margin-top: 10px;
  background: #A8A8A8;
  line-height: 45px;
  font-size: 20px;
  color: #FFF;
  text-align: center;
}

.hd .meals__choice .box__list .soldout--show {
  display: block;
}

.hd .meals__choice .box__list.add {
  margin: 30px 0 0 0;
  width: 100%;
  border: 1px solid #918c00;
  box-sizing: border-box;
}

.hd .meals__choice .box__list.add a {
  position: relative;
  display: block;
  padding: 30px 30px 30px 220px;
  height: 100%;
  color: #918c00;
  box-sizing: border-box;
}

.hd .meals__choice .box__list.add .add__text {
  display: block;
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: -0.5px;
}

.hd .meals__choice .box__list.add .add__text:after {
  position: absolute;
  right: 220px;
  top: 52%;
  width: 70px;
  line-height: 68px;
  font-size: 40px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  background-color: #918c00;
  content: '+';
  transform: translateY(-50%);
}

.hd .meals__choice .box__list.add .add__label {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  border-radius: 30px;
  color: #ea1111;
}

.hd .meals__choice.col4 .box__list {
  width: 232px;
  margin-bottom: 0;
}

.hd .meals__choice.col4 .box__list:not(:first-child) {
  margin: 0 0 0 30px;
}

.hd [class*="meals"] .gift {
  margin-top: 60px;
}

.hd [class*="meals"] .gift__choice {
  padding: 0 40px;
}

.hd [class*="meals"] .gift__choice .box {
  text-align: left;
  font-size: 0;
}

.hd [class*="meals"] .gift__choice .box__list {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 320px;
  margin: 40px 0 0 30px;
}

.hd [class*="meals"] .gift__choice .box__list:nth-child(-n+3) {
  margin-top: 0;
}

.hd [class*="meals"] .gift__choice .box__list:nth-child(3n+1) {
  margin-left: 0;
}

.hd [class*="meals"] .gift__choice .box__list label {
  position: relative;
  display: block;
}

.hd [class*="meals"] .gift__choice .box__list label:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 54px;
  height: 54px;
  background: #909090 url(/front_pc/images/ico_meals_check-d2584b881f4e19b903800cd5493a4d1d.png) no-repeat 50% 50%;
}

.hd [class*="meals"] .gift__choice .box__list input:checked + label:before {
  background-color: #918c00;
}

.hd [class*="meals"] .gift__choice .box__list__img {
  overflow: hidden;
  width: 320px;
  height: 320px;
}

.hd [class*="meals"] .gift__choice .box__list__info {
  position: relative;
  margin-top: 10px;
}

.hd [class*="meals"] .gift__choice .box__list__title {
  display: block;
  max-height: 56px;
  padding-right: 30px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 400;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd [class*="meals"] .gift__choice .box__list__price {
  display: block;
  line-height: 30px;
}

.hd [class*="meals"] .gift__choice .box__list__price ins {
  margin-right: 10px;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
}

.hd [class*="meals"] .gift__choice .box__list__price del {
  font-size: 16px;
  color: #888;
}

.hd [class*="meals"] .gift__choice .box__list__price span {
  font-weight: 600;
}

.hd [class*="meals"] .gift__choice .box .btn__detail-view {
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 0;
}

.hd .mealsConfirm__head {
  position: relative;
  margin-top: 40px;
  text-align: center;
}

.hd .mealsConfirm__head:before {
  content: '';
  display: block;
  width: 63px;
  height: 63px;
  margin: 0 auto 20px;
  background: #918c00 url(/front_pc/images/icon_common_check-type02-02f93ef0a28400e3b37fd6fc54dca939.png) no-repeat 50% 50%;
  border-radius: 50%;
}

.hd .mealsConfirm__check {
  display: block;
  margin: 15px 0 25px;
  font-size: 30px;
}

.hd .mealsConfirm__check span {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-weight: 600;
  line-height: 1;
}

.hd .mealsConfirm__check span:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  bottom: -5px;
  width: 100%;
  height: 8px;
  background: #F9D983;
}

.hd .mealsConfirm__check + .btn-round {
  position: absolute;
  right: 20px;
  top: -20px;
}

.hd .mealsConfirm__title {
  font-size: 24px;
}

.hd .mealsConfirm__count {
  font-size: 20px;
}

.hd .mealsConfirm__count strong {
  font-weight: 600;
}

.hd .mealsConfirm__table {
  margin-top: 45px;
  border-top: 1px solid #918c00;
}

.hd .mealsConfirm__table table {
  width: 100%;
}

.hd .mealsConfirm__table table tbody th {
  padding: 30px 0px;
  border-bottom: 1px solid #918c00;
  line-height: 30px;
  font-size: 24px;
  font-weight: 400;
}

.hd .mealsConfirm__table table tbody th strong {
  display: block;
  font-weight: 600;
}

.hd .mealsConfirm__table table tbody td {
  padding: 25px 30px;
  border-bottom: 1px solid #918c00;
  border-left: 1px solid #918c00;
  line-height: 28px;
  font-size: 18px;
}

.hd .mealsConfirm__table table tbody td div .name {
  float: left;
  width: 90%;
}

.hd .mealsConfirm__table table tbody td div .num {
  float: right;
  width: 10%;
  text-align: right;
  font-weight: 600;
}

.hd .mealsConfirm__table .point_color {
  color: #918c00;
}

.hd .mealsConfirm__table .item__add {
  margin-top: 10px;
  padding: 7px 15px;
  width: auto;
  border: 0;
  background-color: #F9D983;
  border-radius: 30px;
}

.hd .mealsConfirm__table .item__add .btn-tooltip {
  top: 34px;
  padding: 10px;
  font-size: 16px;
  animation-name: tooltipMt;
}

.hd .mealsConfirm__table .item__add .btn-tooltip:after {
  top: 0;
  margin-top: -6px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  transform: rotate(225deg);
}

@keyframes tooltipMt {
  0% {
    top: 34px;
  }
  100% {
    top: 42px;
  }
}

.hd .mealsConfirm__cont__title {
  margin-bottom: 5px;
  text-align: center;
  font-size: 26px;
  font-weight: 600;
}

.hd .mealsConfirm__cont__desc {
  margin-top: 10px;
  font-size: 16px;
  color: #888;
  text-align: center;
}

.hd .mealsConfirm__cont.gift .box {
  text-align: left;
  font-size: 0;
}

.hd .mealsConfirm__cont.gift .box__list {
  display: inline-block;
  position: relative;
  margin-left: 28px;
  margin-top: 28px;
  width: 204px;
  vertical-align: top;
}

.hd .mealsConfirm__cont.gift .box__list:nth-of-type(4n+1) {
  margin-left: 0;
}

.hd .mealsConfirm__cont.gift .box__list__img {
  display: block;
  position: relative;
  height: 205px;
  line-height: 205px;
  font-size: 16px;
  text-align: center;
}

.hd .mealsConfirm__cont.gift .box__list__img:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  background: #909090 url(/front_pc/images/ico_meals_check-d2584b881f4e19b903800cd5493a4d1d.png) no-repeat 50% 50%/50% auto;
}

.hd .mealsConfirm__cont.gift .box__list__img:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 202px;
  height: 202px;
  border: 1px solid #ccc;
  content: '';
  z-index: 0;
}

.hd .mealsConfirm__cont.gift .box__list__img figure {
  overflow: hidden;
  width: 204px;
  height: 204px;
  z-index: 1;
}

.hd .mealsConfirm__cont.gift .box__list input:checked + label:before {
  background-color: #918c00;
}

.hd .mealsConfirm__cont.gift .box__list__desc {
  max-height: 52px;
  margin-top: 15px;
  line-height: 26px;
  font-size: 16px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .mealsConfirm__cont.gift .box__list.soldout:before, .hd .mealsConfirm__cont.gift .box__list.soldout:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  z-index: 3;
}

.hd .mealsConfirm__cont.gift .box__list.soldout:before {
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  content: '';
}

.hd .mealsConfirm__cont.gift .box__list.soldout:after {
  top: 50%;
  padding: 0 40px;
  line-height: 1.4;
  font-size: 16px;
  color: #fff;
  transform: translateY(-50%);
  box-sizing: border-box;
  content: '한정수량이 모두 소진되었습니다';
}

.hd .mealsConfirm__cont.gift .gift__notice {
  display: block;
  margin-top: 30px;
  padding-top: 20px;
  line-height: 25px;
  font-size: 16px;
  color: #888;
  border-top: 1px solid #ccc;
}

.hd .mealsConfirm__cont.gift .gift__notice span {
  font-weight: 600;
}

.hd .mealsConfirm__cont.alliance {
  margin-top: 60px;
}

.hd .mealsConfirm__cont.alliance .box {
  padding-top: 30px;
  font-size: 0;
  text-align: left;
}

.hd .mealsConfirm__cont.alliance .box__list {
  display: inline-block;
  vertical-align: top;
  width: 204px;
  margin-left: 28px;
}

.hd .mealsConfirm__cont.alliance .box__list:first-child {
  margin-left: 0;
}

.hd .mealsConfirm__cont.alliance .box__list__img {
  display: block;
  overflow: hidden;
  width: 204px;
  height: 204px;
}

.hd .mealsConfirm__cont.alliance .box__list__cont {
  margin-top: 20px;
  font-size: 16px;
}

.hd .mealsConfirm__cont.alliance .box__list__price {
  display: block;
  margin-top: 5px;
  font-weight: 600;
}

.hd .mealsConfirm .accordion {
  margin: 20px 0 15px;
}

.hd .mealsConfirm .accordion__head {
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
  border-bottom: 1px solid #ccc;
}

.hd .mealsConfirm .accordion__head--on {
  border-bottom: 0;
}

.hd .mealsConfirm .accordion .mealsConfirm__table {
  margin-top: 0;
}

.hd__healthCare {
  min-height: 935px;
  background: url(/front_pc/images/img_heathCare_bg-711c4415ef0c536e13d59f5b453c1495.jpg) no-repeat 50% 40px;
}

.hd__healthCare .healthCare__title {
  width: 100%;
  margin-top: 35px;
  font-size: 36px;
  text-align: center;
}

.hd__healthCare .healthCare__subtitle {
  position: relative;
  width: 100%;
  padding-top: 40px;
  font-size: 18px;
  text-align: center;
  line-height: 28px;
}

.hd__healthCare .healthCare__subtitle:before {
  display: block;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 92px;
  height: 1px;
  background: #1c1c1c;
  content: '';
}

.hd__healthCare .healthCare .banner-wrap {
  margin-top: 60px;
  font-size: 0;
}

.hd__healthCare .healthCare .banner-wrap li {
  display: inline-block;
  vertical-align: top;
  margin-left: 40px;
}

.hd__healthCare .healthCare .banner-wrap li:first-child {
  margin-left: 0;
}

.hd__healthCare .healthCare .banner-wrap figure {
  overflow: hidden;
  width: 340px;
  height: 510px;
  box-shadow: 9px 9px 27px rgba(0, 0, 0, 0.1);
}

.hd__healthCare .healthCare .banner-wrap figure + figure {
  margin-left: 36px;
}

.hd__healthCareList .healthCareList__title {
  font-size: 30px;
  text-align: center;
}

.hd__healthCareList .healthCareList .box {
  margin: 20px -20px;
}

.hd__healthCareList .healthCareList .box__list {
  display: inline-block;
  vertical-align: top;
  margin: 20px;
}

.hd__healthCareList .healthCareList .box__list a {
  display: block;
}

.hd__healthCareList .healthCareList .box__list a figure {
  overflow: hidden;
  width: 530px;
  height: 190px;
}

.hd__healthCareDetail .healthCareDetail__title {
  font-size: 30px;
  text-align: center;
}

.hd__healthCareDetail .healthCareDetail .multimedia {
  height: 620px;
  margin-top: 50px;
}

.hd__healthCareDetail .healthCareDetail .multimedia__img {
  display: block;
  width: 100%;
  max-height: 100%;
}

.hd__healthCareDetail .healthCareDetail .admin-area__txt {
  padding: 50px 100px;
  line-height: normal;
}

.hd__healthCareDetail .healthCareDetail .go-manage {
  display: block;
  width: 450px;
  height: 60px;
  margin: 40px auto 0;
  line-height: 60px;
  background: #918c00;
  font-size: 20px;
  color: #fff;
  text-align: center;
  font-weight: 600;
}

.hd__market .market__sec {
  overflow: hidden;
  position: relative;
  float: right;
  width: calc(100% - 230px);
  height: 340px;
  font-size: 0;
}

.hd__market .market__sec .slick-controller {
  left: 3%;
  transform: none;
}

.hd__market .market .oveview {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.hd__market .market .oveview .lnb {
  position: relative;
  float: left;
  width: 230px;
  height: 340px;
  background: #fff;
}

.hd__market .market .oveview .lnb__title {
  position: relative;
  display: inline-block;
  padding: 30px 0 15px;
  font-size: 24px;
  z-index: 3;
}

.hd__market .market .oveview .lnb__inner {
  overflow: hidden;
  position: absolute;
  top: 72px;
  left: 0;
  width: 100%;
  height: 245px;
  min-height: 253px;
  background: #FFF;
  z-index: 2;
}

.hd__market .market .oveview .lnb__inner:hover {
  overflow: visible;
  height: auto;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
  background: #FFF;
}

.hd__market .market .oveview .lnb__list {
  position: relative;
}

.hd__market .market .oveview .lnb__list > a {
  display: block;
  height: 35px;
  font-size: 16px;
  color: #1c1c1c;
  line-height: 35px;
}

.hd__market .market .oveview .lnb__list:hover > a {
  background: #918c00;
  color: #fff;
  text-indent: 10px;
}

.hd__market .market .oveview .lnb__list:hover .submenu {
  display: block;
}

.hd__market .market .oveview .lnb__list .submenu {
  display: none;
  position: absolute;
  top: -15px;
  left: 230px;
  z-index: 2;
  min-width: 120px;
  padding: 15px 25px;
  border: 1px solid #ccc;
  background: #fff;
}

.hd__market .market .oveview .lnb__list .submenu__list > a {
  display: block;
  height: 35px;
  font-size: 16px;
  color: #1c1c1c;
  line-height: 35px;
}

.hd__market .market .oveview .lnb__list .submenu__list:hover > a {
  color: #918c00;
}

.hd__market .market .oveview .slider-nav {
  position: relative;
  padding-top: 30px;
  margin-top: -30px;
  height: 268px;
  overflow: hidden;
}

.hd__market .market .oveview .slider-nav__list {
  display: block;
  height: 53.6px !important;
  line-height: 53.6px !important;
  font-size: 16px;
  color: #1c1c1c;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}

.hd__market .market .oveview .slider-nav .on {
  background: #918c00;
  color: #fff;
  text-indent: 15px;
}

.hd__market .market .oveview .slider-nav .swiper-wrapper {
  display: block;
}

.hd__market .market .oveview .slider-nav .swiper-pagination {
  position: absolute;
  left: 0;
  top: 0;
  padding-right: 20px;
  width: 100%;
  height: 31px;
  text-align: right;
  background: #fff;
  z-index: 2;
  box-sizing: border-box;
}

.hd__market .market .oveview .slider-nav .swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background: #d6d6d6;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: top;
}

.hd__market .market .oveview .slider-nav .swiper-pagination-bullet-active {
  width: 25px;
  background: #918c00;
}

.hd__market .market .oveview .slider-nav .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 12%;
  z-index: 50;
  width: 5px;
  height: 87%;
  opacity: 0;
}

.hd__market .market .oveview .slider-nav .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.hd__market .market .oveview .slider-nav:hover .swiper-scrollbar {
  opacity: 1;
}

.hd__market .market .oveview .slider-for [class^="swiper-button"] {
  position: absolute;
  top: 50%;
  left: 4%;
  z-index: 1;
  transform: translateY(-50%);
  width: 28px;
  height: 51px;
  background: url(/front_pc/images/btn_main_slider-arrow-e626e4f529efc564e38a4e9b64e4a2d0.png) no-repeat 50% 50%;
  background-size: 70%;
  font-size: 0;
  cursor: pointer;
  transition: all .5s;
  opacity: 0;
}

.hd__market .market .oveview .slider-for .swiper-button-next {
  left: initial;
  right: 4%;
  transform: translateY(-50%) rotate(-180deg);
}

.hd__market .market .oveview .slider-for:hover [class^="swiper-button"] {
  opacity: 1;
}

.hd__market .market .oveview .slider {
  overflow: hidden;
}

.hd__market .market .oveview .slider a {
  display: block;
  overflow: hidden;
  width: 870px;
  height: 340px;
}

.hd__market .market .oveview .slider a img {
  max-width: 100%;
}

.hd__market .market .oveview .slider .slick-dots {
  bottom: 25px;
  left: 30px;
  transform: none;
}

.hd__market .market .item-area {
  margin-top: 50px;
}

.hd__market .market .item-area__title {
  font-size: 30px;
  text-align: center;
}

.hd__market .market .inquiry {
  margin-top: 60px;
  text-align: center;
}

.hd__market .market .inquiry__title {
  font-size: 20px;
}

.hd__market .market .inquiry__subtitle {
  margin-top: 15px;
  font-size: 16px;
  color: #888;
}

.hd__market .market .inquiry .icon-area {
  display: inline-block;
}

.hd__market .market .inquiry .icon-area a {
  display: inline-block;
  margin: 25px 16px 0;
  color: #888;
}

.hd__market .market .inquiry .icon-area a:before {
  display: block;
  width: 84px;
  height: 84px;
  margin-bottom: 15px;
  border: 1px solid #888;
  border-radius: 100%;
  content: '';
}

.hd__market .market .inquiry .icon-area-phone:before {
  background: url(/front_pc/images/icon_comm_phone-e49c8281a394d080e3c66150271d205e.png) no-repeat 50% 50%;
  content: '';
}

.hd__market .market .inquiry .icon-area-kakao:before {
  background: url(/front_pc/images/icon_comm_kakao-82360cd99c39a25434b08e9217dc5358.png) no-repeat 50% 50%;
  content: '';
}

.hd__market .market .market__top {
  position: relative;
}

.hd__market .market .market__top .tab-type3 {
  text-align: center;
}

.hd__market .market .market__top .category {
  position: absolute;
  right: 0;
  top: 15px;
}

.hd__market .market .market__top .category .inner {
  position: relative;
}

.hd__market .market .market__top .category-btn {
  padding-right: 40px;
  font-size: 18px;
  cursor: pointer;
}

.hd__market .market .market__top .category-list {
  position: absolute;
  right: 0;
  top: 35px;
  width: 440px;
  z-index: 1;
}

.hd__market .market .market__top .category-list ul {
  padding: 10px 0;
  background: #fff;
  border: 2px solid #ccc;
  overflow: hidden;
}

.hd__market .market .market__top .category-list ul li {
  float: left;
  width: 33.333%;
  text-align: center;
}

.hd__market .market .market__top .category-list ul li a {
  position: relative;
  display: inline-block;
  padding: 10px 0;
}

.hd__market .market .market__top .category-list ul li a:after {
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 0;
  height: 1px;
  content: '';
  z-index: 1;
  background: #918c00;
}

.hd__market .market .market__top .category-list ul li:hover a {
  color: #918c00;
}

.hd__market .market .market__top .category-list ul li:hover a:after {
  width: 100%;
}

.hd__marketList {
  position: relative;
}

.hd__marketList .marketList .category {
  margin-top: 30px;
}

.hd__marketList .marketList .category .tnb {
  text-align: center;
}

.hd__marketList .marketList .category .tnb__inner {
  margin: 0 auto;
  width: 1100px;
  font-size: 0;
}

.hd__marketList .marketList .category .tnb__list {
  display: inline-block;
  margin: 0 10px 25px;
  text-align: center;
  box-sizing: border-box;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(1) .tnb__list-depth1 i {
  background-image: none;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(1) .tnb__list-depth1 i:before {
  display: inline-block;
  margin-top: 12px;
  font-size: 19px;
  font-style: initial;
  content: 'ALL';
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(2) .tnb__list-depth1 i {
  background-position-y: -440px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(3) .tnb__list-depth1 i {
  background-position-y: -480px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(4) .tnb__list-depth1 i {
  background-position-y: -520px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(5) .tnb__list-depth1 i {
  background-position-y: -560px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(6) .tnb__list-depth1 i {
  background-position-y: -600px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(7) .tnb__list-depth1 i {
  background-position-y: -640px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(8) .tnb__list-depth1 i {
  background-position-y: -680px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(9) .tnb__list-depth1 i {
  background-position-y: -720px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(10) .tnb__list-depth1 i {
  background-position-y: -760px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(11) .tnb__list-depth1 i {
  background-position-y: -800px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(12) .tnb__list-depth1 i {
  background-position-y: -840px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(13) .tnb__list-depth1 i {
  background-position-y: -880px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(14) .tnb__list-depth1 i {
  background-position-y: -920px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(15) .tnb__list-depth1 i {
  background-position-y: -960px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(16) .tnb__list-depth1 i {
  background-position-y: -1000px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(17) .tnb__list-depth1 i {
  background-position-y: -1040px;
}

.hd__marketList .marketList .category .tnb__list:nth-of-type(1) .tnb__list-depth1:after {
  display: none;
}

.hd__marketList .marketList .category .tnb__list > a {
  display: table;
  width: 115px;
  height: 115px;
  font-size: 16px;
  color: #1c1c1c;
  background: #f5f5f5;
  border-radius: 50%;
}

.hd__marketList .marketList .category .tnb__list > a:hover {
  color: #918c00;
  background: #e8e7d1;
}

.hd__marketList .marketList .category .tnb__list > a:hover i {
  background-position-x: -40px;
}

.hd__marketList .marketList .category .tnb__list-depth1 {
  display: inline-block;
  margin-top: 20px;
  padding: 0 10px;
  vertical-align: middle;
  word-break: keep-all;
}

.hd__marketList .marketList .category .tnb__list-depth1 i {
  display: block;
  margin: 0 auto 6px;
  width: 40px;
  height: 40px;
  background-image: url("/front_mo/images/ico_category-b5dd49a8de1221588df364404cf1eb2e.png?ver=221228");
  background-repeat: no-repeat;
  background-size: 300%;
}

.hd__marketList .marketList .category .tnb__list-depth1:after {
  display: block;
}

.hd__marketList .marketList .category .tnb__list .submenu {
  background: #fff;
  z-index: 2;
  display: none;
  position: absolute;
  top: 390px;
  left: 0;
  width: 100%;
  min-height: 60px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.hd__marketList .marketList .category .tnb__list .submenu.accordion {
  overflow: hidden;
  max-height: 60px;
  transition: all .5s;
  padding-right: 20px;
  box-sizing: border-box;
}

.hd__marketList .marketList .category .tnb__list .submenu.accordion::before {
  content: "";
  position: absolute;
  top: 22px;
  right: 20px;
  background: url(/front_pc/images/ico_comm_accd-d840278f6c20697f9f4572e33437a5b5.png) 0 0 no-repeat;
  width: 15px;
  height: 9px;
}

.hd__marketList .marketList .category .tnb__list .submenu.accordion:hover {
  max-height: 260px;
}

.hd__marketList .marketList .category .tnb__list .submenu__list {
  display: inline-block;
  padding: 0 25px;
}

.hd__marketList .marketList .category .tnb__list .submenu__list > a {
  height: 60px;
  padding: 15px 5px;
  font-size: 16px;
  color: #1c1c1c;
  line-height: 60px;
}

.hd__marketList .marketList .category .tnb__list .submenu__list--on > a {
  position: relative;
  font-weight: 600;
  color: #918c00;
  border-bottom: 4px solid #918c00;
}

.hd__marketList .marketList .category .tnb__list--on > a {
  color: #fff;
  background: #918c00;
}

.hd__marketList .marketList .category .tnb__list--on > a i {
  background-position-x: right;
}

.hd__marketList .marketList .category .tnb .submenu {
  margin-top: 10px;
  width: 100%;
  min-height: 60px;
  border-bottom: 1px solid #ccc;
  text-align: center;
  background: #fff;
  z-index: 2;
}

.hd__marketList .marketList .category .tnb .submenu__inner {
  margin: 0 auto;
  width: 1100px;
}

.hd__marketList .marketList .category .tnb .submenu.accordion {
  overflow: hidden;
  max-height: 60px;
  transition: all .5s;
  padding-right: 20px;
  box-sizing: border-box;
}

.hd__marketList .marketList .category .tnb .submenu.accordion::before {
  content: "";
  position: absolute;
  top: 22px;
  right: 20px;
  background: url(/front_pc/images/ico_comm_accd-d840278f6c20697f9f4572e33437a5b5.png) 0 0 no-repeat;
  width: 15px;
  height: 9px;
}

.hd__marketList .marketList .category .tnb .submenu.accordion:hover {
  max-height: 260px;
}

.hd__marketList .marketList .category .tnb .submenu__list {
  display: inline-block;
  padding: 0 23px;
  width: auto;
}

.hd__marketList .marketList .category .tnb .submenu__list:last-child {
  padding-right: 40px;
}

.hd__marketList .marketList .category .tnb .submenu__list > a {
  height: 60px;
  padding: 15px 5px;
  font-size: 17px;
  color: #1c1c1c;
  line-height: 60px;
}

.hd__marketList .marketList .category .tnb .submenu__list > a:hover {
  color: #918c00;
}

.hd__marketList .marketList .category .tnb .submenu__list--on > a {
  position: relative;
  font-weight: 600;
  color: #918c00;
  border-bottom: 4px solid #918c00;
}

.hd__marketList .marketList .category .tnb .submenu [class^="swiper-button"] {
  position: absolute;
  left: 0;
  bottom: 19px;
  width: 20px;
  height: 20px;
  line-height: 15px;
  background: #918c00;
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
}

.hd__marketList .marketList .category .tnb .submenu [class^="swiper-button"]:before {
  font-size: 11px;
  font-weight: 600;
  font-family: 'dotum';
  color: #fff;
  content: '<';
}

.hd__marketList .marketList .category .tnb .submenu .swiper-container-initialized {
  padding: 0 30px;
  box-sizing: border-box;
}

.hd__marketList .marketList .category .tnb .submenu .swiper-container-initialized:before, .hd__marketList .marketList .category .tnb .submenu .swiper-container-initialized:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  background: white;
  content: '';
  z-index: 2;
}

.hd__marketList .marketList .category .tnb .submenu .swiper-container-initialized:after {
  left: inherit;
  right: 0;
  width: 51px;
  background: #fff;
}

.hd__marketList .marketList .category .tnb .submenu .swiper-container-initialized .swiper-wrapper {
  justify-content: normal;
}

.hd__marketList .marketList .category .tnb .submenu .swiper-wrapper {
  display: block;
  white-space: nowrap;
}

.hd__marketList .marketList .category .tnb .submenu .swiper-button-next {
  left: inherit;
  right: 0;
}

.hd__marketList .marketList .category .tnb .submenu .swiper-button-next:before {
  content: '>';
}

.hd__marketList .marketList .category .tnb .submenu .swiper-button-disabled {
  opacity: 0.5;
}

.hd__marketList .marketList .category .tnb .submenu + .submenu2 {
  border-bottom: 0;
}

.hd__marketList .marketList .category .tnb .submenu2 ul {
  margin: 0 auto;
  padding: 30px 0;
  max-width: 1100px;
  display: block;
  white-space: nowrap;
}

.hd__marketList .marketList .category .tnb .submenu2 ul li {
  display: inline-block;
  width: auto;
}

.hd__marketList .marketList .category .tnb .submenu2 ul li a {
  display: block;
  margin: 0 4px;
  padding: 12px 22px 13px;
  color: #666;
  background: #fff;
  border-radius: 30px;
  border: 1px solid #ccc;
}

.hd__marketList .marketList .category .tnb .submenu2 ul li:hover a {
  color: #918c00;
  border-color: #918c00;
}

.hd__marketList .marketList .category .tnb .submenu2 ul li.on a {
  font-weight: bold;
  color: #918c00;
  border-color: #918c00;
}

.hd__marketList .marketList .category .tnb .submenu2 .swiper-container-initialized .swiper-wrapper {
  display: flex;
}

.hd__marketList .marketList .category .tnb.v2 .tnb__inner {
  width: 1100px;
}

.hd__marketList .marketList .category .tnb.v2 .tnb__list > a {
  width: 120px;
  height: 120px;
}

.hd__marketList .marketList .category .tnb.v2 .tnb__list i {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: none;
  background-size: 100%;
  overflow: hidden;
}

.hd__marketList .marketList .category .tnb.v2 .tnb__list i img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: none;
  height: 50px;
}

.hd__marketList .marketList .category .tnb.v2 .tnb__list span:after {
  display: none;
}

.hd__marketList .marketList .category .tnb.v2 .tnb__list:hover a {
  color: #1c1c1c;
}

.hd__marketList .marketList .category .tnb.v2 .tnb__list:hover i img {
  left: 0;
}

.hd__marketList .marketList .category .tnb.v2 .tnb__list--on i img {
  left: -50px;
}

.hd__marketList .marketList .category .tnb.v2 .tnb__list-depth1 {
  padding: 0;
  font-size: 15.5px;
  word-break: break-all;
}

.hd__marketList .marketList .category .tnb.v3 .tnb__inner {
  width: 810px;
}

.hd__marketList .marketList .category .tnb.v3 .tnb__list {
  margin: 0 40px 30px;
  text-align: center;
}

.hd__marketList .marketList .category .tnb.v3 .tnb__list a {
  display: inline-block;
  padding: 0 5px 9px;
  width: auto;
  height: auto;
  font-size: 20px;
  color: #555;
  background: transparent;
  border-radius: 0;
}

.hd__marketList .marketList .category .tnb.v3 .tnb__list--on a {
  font-weight: 600;
  color: #918c00;
  border-bottom: 3px solid #918c00;
}

.hd__marketList .marketList .category__area {
  display: flex;
  justify-content: right;
  position: relative;
  margin: -10px auto -1px;
  padding: 15px 0 30px;
  width: 1100px;
  min-height: 100px;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__marketList .marketList .category__inner.fixed {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 99px;
  padding-bottom: 20px;
  width: 100%;
  min-height: 70px;
  background: #fff;
  border-bottom: 1px solid #dcdcdc;
  z-index: 4;
  box-sizing: border-box;
}

.hd__marketList .marketList .category__inner.fixed .category__depth1 {
  top: 17px;
  left: 50%;
  margin-left: -550px;
  font-size: 28px;
}

.hd__marketList .marketList .category__inner.fixed .category__depth1 > a i {
  margin-top: 2px;
  width: 27px;
  height: 27px;
}

.hd__marketList .marketList .category__inner.fixed .category__depth1 > a i:before {
  margin: -7px 0 0 -5px;
  width: 8px;
  height: 8px;
}

.hd__marketList .marketList .category__inner.fixed .category__depth1 > a.on i:before {
  margin-top: -3px;
}

.hd__marketList .marketList .category__inner.fixed .category__depth1__inner {
  top: 53px;
}

.hd__marketList .marketList .category__inner.fixed .category__depth2 {
  margin-left: 360px;
}

.hd__marketList .marketList .category__inner.fixed .category__depth2 ul {
  width: 100%;
  text-align: right;
}

.hd__marketList .marketList .category__depth1 {
  position: absolute;
  left: 0;
  top: 25px;
  width: 340px;
  font-size: 35px;
  font-weight: bold;
}

.hd__marketList .marketList .category__depth1 > a span {
  display: inline-block;
  max-width: 270px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hd__marketList .marketList .category__depth1 > a i {
  display: inline-block;
  position: relative;
  margin: 5px 0 0 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ccc;
  vertical-align: top;
}

.hd__marketList .marketList .category__depth1 > a i:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -6px;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border: solid #1c1c1c;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  content: '';
}

.hd__marketList .marketList .category__depth1 > a.on i:before {
  margin-top: -4px;
  border-width: 2px 0 0 2px;
}

.hd__marketList .marketList .category__depth1__inner {
  position: absolute;
  left: 0;
  top: 74px;
  width: 170px;
  background: #fff;
  box-sizing: border-box;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.7s;
  z-index: 2;
}

.hd__marketList .marketList .category__depth1__inner ul {
  padding: 10px 15px;
  border: 1px solid #1c1c1c;
}

.hd__marketList .marketList .category__depth1__inner.on {
  max-height: 100vh;
}

.hd__marketList .marketList .category__depth1__list {
  font-size: 16px;
  font-weight: normal;
}

.hd__marketList .marketList .category__depth1__list a {
  display: block;
  line-height: 2.2;
  transition: all 0.5s;
}

.hd__marketList .marketList .category__depth1__list:hover a {
  color: #918c00;
}

.hd__marketList .marketList .category__depth1__list--on a {
  font-weight: bold;
  color: #918c00;
}

.hd__marketList .marketList .category__depth2 {
  display: flex;
  justify-content: right;
  width: 740px;
  text-align: right;
}

.hd__marketList .marketList .category__depth2__list {
  display: inline-block;
  margin: 15px 0 0 15px;
}

.hd__marketList .marketList .category__depth2__list a {
  display: block;
  padding: 7px 15px;
  font-size: 18px;
  border-radius: 30px;
  transition: all 0.5s;
}

.hd__marketList .marketList .category__depth2__list--on a {
  color: #fff !important;
  background: #918c00;
}

.hd__marketList .marketList .category__depth2__list:hover a {
  color: #918c00;
}

.hd__marketList .marketList .category .submenu2 {
  border-bottom: 1px solid #ccc;
}

.hd__marketList .marketList .info {
  background: red;
  height: 200px;
  margin: 20px 0;
}

.hd__marketList .marketList .info img {
  max-width: 100%;
}

.hd__marketList .marketList .item-area {
  position: relative;
}

.hd__marketList .marketList .item-area .head {
  position: relative;
  width: 100%;
  padding-top: 50px;
}

.hd__marketList .marketList .item-area .head .all {
  display: inline-block;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
}

.hd__marketList .marketList .item-area .head .all__num {
  color: #888;
}

.hd__marketList .marketList .item-area .head .sorting-area {
  float: right;
}

.hd__marketList .marketList .item-area .head .select-wrap {
  display: inline-block;
  vertical-align: top;
  width: 172px;
}

.hd__marketList .marketList .item-area .head .select-wrap select {
  line-height: 40px;
}

.hd__marketList .marketList .item-area .head .filter {
  display: inline-block;
  width: 90px;
  height: 42px;
  margin-left: 10px;
  background: url(/front_pc/images/icon_sorting_filter-ba4f1106984dd2ca82c4c89bab3f0d6a.png?ver=210226) no-repeat 50% 50%;
  background-color: #918c00;
  border: 5px solid #918c00;
  box-sizing: border-box;
  vertical-align: top;
  cursor: pointer;
}

.hd__marketList .marketList .item-area .head .hd-checkbox {
  float: right;
  margin-right: 15px;
  line-height: 42px;
}

.hd__marketList .marketList .item-area .head .tit {
  position: absolute;
  font-size: 38px;
  font-weight: bold;
  left: 50%;
  letter-spacing: -0.5px;
  transform: translateX(-50%);
}

.hd__marketList .marketList__top {
  margin-bottom: 60px;
  text-align: center;
}

.hd__marketList .marketList__top .btn-init {
  margin-right: 20px;
  width: 280px;
}

.hd .popup_score {
  z-index: 12;
}

.hd .popup_score .hd__popup__modal {
  width: 640px;
}

.hd .popup_score .score {
  line-height: 1.5;
}

.hd .popup_score .score dl {
  margin-top: 30px;
}

.hd .popup_score .score dl dt {
  font-size: 18px;
  font-weight: bold;
  color: #918c00;
}

.hd .popup_score .score dl dd ul li strong {
  display: block;
  margin-top: 20px;
}

.hd .popup_score .score dl dd ul li strong span {
  display: inline-block;
  line-height: 0.7;
  border-bottom: 5px solid #F9D983;
}

.hd .popup_score .score-info {
  margin-top: 20px;
  text-align: center;
}

.hd .popup_score .score-info strong {
  display: inline-block;
  margin-right: 65px;
  font-size: 20px;
  vertical-align: middle;
}

.hd .popup_score .score-info__item {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.hd .popup_score .score-info__item .hd__icon__score {
  margin-right: 5px;
  vertical-align: middle;
}

.hd .popup_score .score-img .scroll {
  height: 535px;
  overflow-y: auto;
}

.hd .popup_score .score-img .scroll img {
  display: block;
}

.hd .popup_score .score-img .btn__close-x {
  top: -40px;
  right: 0;
  width: 50px;
  height: 50px;
  background: #191919;
  border-radius: 50%;
}

.hd .popup_score .score-img .btn__close-x:before, .hd .popup_score .score-img .btn__close-x:after {
  left: 30px;
  top: 15px;
  height: 28px;
  background: #fff;
}

.hd.marketList .hd__header .header.fixed .header__inner {
  top: 0;
  border-color: #fff;
}

.hd.marketList .hd__header .header.fixed .header__sec:nth-child(2) {
  display: none;
}

.hd__brand.hd__header .header {
  height: auto;
}

.hd__brand.hd__header .header .logo {
  margin-top: 20px;
}

.hd__brand.hd__header .header .logo .text {
  display: block;
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.hd__brand.hd__header .header .all {
  position: absolute;
  top: 20px;
  width: 30px;
}

.hd__brand.hd__header .header .all.on > a:after {
  bottom: -51px;
  width: 100px;
  height: 105px;
}

.hd__brand.hd__header .header .all-menu {
  top: 86px;
}

.hd__brand.hd__header .header.fixed .header__inner {
  top: -100px;
}

.hd__brand .category.brand .tnb__inner {
  display: flex;
  justify-content: center;
}

.hd__brand .category.brand .tnb__list {
  display: inline-block;
  width: 100px;
  margin-bottom: 15px;
  vertical-align: top;
}

.hd__brand .category.brand .tnb__list > a {
  display: block;
  color: #1c1c1c;
  border-radius: 0;
}

.hd__brand .category.brand .tnb__list > a i {
  display: block;
  margin: 0 auto 8px;
  width: 65px;
  height: 65px;
  background-image: url("/front_mo/images/img_gnb_brand-9a13812e32cffd7bee3e58e7da9d067d.jpg?ver=250327");
  background-size: 1100%;
  background-position-y: 0;
  border-radius: 50%;
}

.hd__brand .category.brand .tnb__list-depth1 {
  display: block;
  margin-top: 0;
  padding: 0;
  text-align: center;
  word-break: keep-all;
}

.hd__brand .category.brand .tnb__list--on > a {
  font-weight: bold;
  color: #918c00;
}

.hd__brand .category.brand .tnb__list:nth-of-type(2) a i {
  background-position-x: 0%;
}

.hd__brand .category.brand .tnb__list:nth-of-type(3) a i {
  background-position-x: 10%;
}

.hd__brand .category.brand .tnb__list:nth-of-type(4) a i {
  background-position-x: 20%;
}

.hd__brand .category.brand .tnb__list:nth-of-type(5) a i {
  background-position-x: 30%;
}

.hd__brand .category.brand .tnb__list:nth-of-type(6) a i {
  background-position-x: 40%;
}

.hd__brand .category.brand .tnb__list:nth-of-type(7) a i {
  background-position-x: 50%;
}

.hd__brand .category.brand .tnb__list:nth-of-type(8) a i {
  background-position-x: 60%;
}

.hd__brand .category.brand .tnb__list:nth-of-type(9) a i {
  background-position-x: 70%;
}

.hd__brand .category.brand .tnb__list:nth-of-type(10) a i {
  background-position-x: 80%;
}

.hd__brand .category.brand .tnb__list:nth-of-type(11) a i {
  background-position-x: 90%;
}

.hd__brand .category.brand .tnb__list:nth-of-type(12) a i {
  background-position-x: 100%;
}

.hd__brand .category.brand .tnb__list:nth-of-type(13) a i {
  background-position-x: 110%;
}

.hd__brand .category.brand .tnb__list:nth-of-type(1) i {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
}

.hd__brand .category.brand .tnb__list:nth-of-type(1) i:after {
  display: block;
  margin-top: -5px;
  width: 300px;
  height: 90px;
  background: url("/front_mo/images/ico_common_home-2baf0709c3fbf89c7af314887567e319.png") no-repeat 50% 50%;
  background-size: 100%;
  transform: scale(0.45);
  content: '';
}

.hd__brand .category.brand .tnb__list:nth-of-type(1).tnb__list--on i {
  background: #918c00;
}

.hd__brand .category.brand .tnb__list:nth-of-type(1).tnb__list--on i:after {
  background-image: url("/front_mo/images/ico_common_home-w-29e94d325d76a0b19db203eaf44fa899.png");
}

.hd__brand__sec:not(:first-child) {
  margin-top: 100px;
}

.hd__brand__sec.bg {
  padding: 70px 0;
  background: #f5f5f5;
}

.hd__brand__sec .main__h3 {
  font-weight: normal;
  text-align: center;
}

.hd__brand__sec .main__h3 a:after {
  display: inline-block;
  margin: -5px 0 0 8px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  border: solid #1c1c1c;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  content: '';
}

.hd__brand__sec .main__h3 a:hovre:after {
  border-color: #918c00;
}

.hd__brand__sec .item-area .box {
  margin-top: 0;
}

.hd__brand__sec .item-area .box__list {
  width: 260px;
  margin-left: 20px !important;
  padding-bottom: 3px;
  border: 0;
}

.hd__brand__sec .item-area .box__list:nth-child(4n+1) {
  margin-left: 0 !important;
}

.hd__brand__sec .item-area .box__list:nth-child(-n+4) {
  margin-top: 0;
}

.hd__brand__sec .item-area .box__list__thumb {
  height: 260px;
}

.hd__brand__sec .item-area .box__list__thumb > img {
  width: 260px;
}

.hd__brand__sec .item-area .box__list__title__wrap {
  margin-top: 15px;
}

.hd__brand__sec .item-area .box__list__cart {
  top: 360px;
}

.hd__brand__sec .item-area .box__list__label {
  font-size: 15px;
}

.hd__brand__sec .item-area .box__list__label-txt {
  min-width: 100px;
}

.hd__brand__sec .item-area.big .box__list {
  margin: 60px 0 0 20px;
  width: 350px;
}

.hd__brand__sec .item-area.big .box__list:nth-child(3n+1) {
  margin-left: 0;
}

.hd__brand__sec .item-area.big .box__list:nth-child(-n+3) {
  margin-top: 0;
}

.hd__brand__sec .item-area.big .box__list__thumb {
  height: 350px;
}

.hd__brand__sec .item-area.big .box__list__thumb img {
  width: 350px;
}

.hd__brand__sec .item-area.big .box__list__btn {
  margin-top: -50px;
  text-align: right;
}

.hd__brand__banner {
  margin: 0 auto;
  width: 1100px;
  white-space: nowrap;
  text-align: center;
}

.hd__brand__banner-slide {
  display: inline-block;
  margin-right: 25px;
  width: 350px;
}

.hd__brand__banner .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
}

.hd__brand__banner .slick-arrow:after {
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 12px;
  border: solid #1c1c1c;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd__brand__banner .slick-prev {
  left: -30px;
}

.hd__brand__banner .slick-next {
  right: -30px;
}

.hd__brand__banner .slick-next:after {
  margin-left: 3px;
}

.hd__brand__review {
  display: flex;
  flex-flow: wrap;
  margin: 25px 30px 0;
}

.hd__brand__review li {
  margin-top: 20px;
  width: 540px;
}

.hd__brand__review li a {
  display: flex;
  align-items: center;
}

.hd__brand__review li a figure {
  width: 175px;
}

.hd__brand__review li a .box {
  margin-left: 20px;
  width: calc(100% - 160px);
  font-size: 18px;
}

.hd__brand__review li a .box .text {
  line-height: 1.4;
  color: #888;
}

.hd__brand__review li a .box .info {
  margin-top: 20px;
  padding-left: 20px;
  border-left: 2px solid #1c1c1c;
}

.hd__brand__review li a .box .info .tit {
  display: block;
}

.hd__brand__review li a .box .info .user {
  display: block;
  margin-top: 10px;
  font-size: 15px;
  color: #aaa;
}

.hd__brand__review li:nth-child(2n) {
  margin-left: 20px;
}

.hd__brand__shop {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  margin: -20px auto 0;
  width: 730px;
}

.hd__brand__shop li {
  margin-top: 25px;
  width: 130px;
}

.hd__brand__shop li:not(:nth-child(5n)) {
  margin-right: 20px;
}

.hd__brand__shop li a {
  display: block;
}

.hd__brand__shop li a figure {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
}

.hd__brand__shop li a span {
  display: block;
  margin-top: 10px;
  font-size: 18px;
  text-align: center;
}

.hd__comm__view {
  display: block;
  margin: 70px auto 0;
  min-width: 400px;
  line-height: 70px;
  font-size: 20px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #ccc !important;
}

.hd .designationDetail .detail .tab-content.cont-review .head, .hd .addPopup .detail .tab-content.cont-review .head, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .head, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .head {
  padding: 15px 0;
  display: flex;
  align-items: center;
}

.hd .designationDetail .detail .tab-content.cont-review .head .all, .hd .addPopup .detail .tab-content.cont-review .head .all, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .head .all, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .head .all {
  font-size: 16px;
  font-weight: 600;
  line-height: 44px;
}

.hd .designationDetail .detail .tab-content.cont-review .head .all__num, .hd .addPopup .detail .tab-content.cont-review .head .all__num, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .head .all__num, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .head .all__num {
  font-weight: 400;
}

.hd .designationDetail .detail .tab-content.cont-review .head em, .hd .addPopup .detail .tab-content.cont-review .head em, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .head em, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .head em {
  margin-left: auto;
  color: #888;
  letter-spacing: -.5px;
  font-size: 16px;
}

.hd .designationDetail .detail .tab-content.cont-review .box, .hd .addPopup .detail .tab-content.cont-review .box, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box {
  margin: 0;
  max-width: 100%;
  width: 100%;
  border-top: 1px solid #ccc;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list, .hd .addPopup .detail .tab-content.cont-review .box__list, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list {
  padding: 0;
  border-bottom: 1px solid #ccc;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list + .box__list, .hd .addPopup .detail .tab-content.cont-review .box__list + .box__list, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list + .box__list, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list + .box__list {
  border-top: none;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__head, .hd .addPopup .detail .tab-content.cont-review .box__list__head, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__head, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__head {
  padding: 25px 0;
  background-position: right center;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__title, .hd .addPopup .detail .tab-content.cont-review .box__list__title, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__title, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__title {
  display: block;
  width: 96%;
  line-height: 24px;
  font-size: 18px;
  font-weight: normal;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__best, .hd .addPopup .detail .tab-content.cont-review .box__list__best, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__best, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__best {
  display: inline-block;
  height: 24px;
  margin-right: 10px;
  padding: 0 12px;
  background: #918c00;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  color: #FFF;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__photo, .hd .addPopup .detail .tab-content.cont-review .box__list__photo, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__photo, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__photo {
  display: inline-block;
  width: 24px;
  height: 22px;
  margin-left: 10px;
  background: url("/front_pc/images/ico_comm_photo-75c907f0bc83ff7531b5ca87aeb07ac9.png") no-repeat 0 0;
  background-size: 100%;
  vertical-align: top;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list .writer-info, .hd .addPopup .detail .tab-content.cont-review .box__list .writer-info, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list .writer-info, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list .writer-info {
  display: block;
  margin-top: 20px;
  font-size: 16px;
  color: #ccc;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list .writer-info__id, .hd .addPopup .detail .tab-content.cont-review .box__list .writer-info__id, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list .writer-info__id, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list .writer-info__id {
  padding-right: 10px;
  color: #888;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list .writer-info__date, .hd .addPopup .detail .tab-content.cont-review .box__list .writer-info__date, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list .writer-info__date, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list .writer-info__date {
  margin-left: 10px;
  color: #888;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list .writer-info__time, .hd .addPopup .detail .tab-content.cont-review .box__list .writer-info__time, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list .writer-info__time, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list .writer-info__time {
  margin-left: 10px;
  color: #888;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__detail, .hd .addPopup .detail .tab-content.cont-review .box__list__detail, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__detail, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__detail {
  padding: 25px;
  background: #f9f9f9;
  border-top: 1px solid #ccc;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__detail .item__option, .hd .addPopup .detail .tab-content.cont-review .box__list__detail .item__option, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__detail .item__option, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__detail .item__option {
  display: block;
  font-size: 17px;
  color: #918c00;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__detail .item__cont, .hd .addPopup .detail .tab-content.cont-review .box__list__detail .item__cont, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__detail .item__cont, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__detail .item__cont {
  margin-top: 20px;
  font-size: 17px;
  color: #3D3D3D;
  line-height: 28px;
  word-break: normal;
  word-wrap: break-word;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__detail .item__img, .hd .addPopup .detail .tab-content.cont-review .box__list__detail .item__img, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__detail .item__img, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__detail .item__img {
  position: relative;
  margin-top: 30px;
  width: 150px;
  max-height: 150px;
  overflow: hidden;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__detail .item__img img, .hd .addPopup .detail .tab-content.cont-review .box__list__detail .item__img img, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__detail .item__img img, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__detail .item__img img {
  display: block;
  max-width: 100%;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__detail .item__img-number, .hd .addPopup .detail .tab-content.cont-review .box__list__detail .item__img-number, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__detail .item__img-number, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__detail .item__img-number {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px;
  min-width: 20px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__detail .item__helpful, .hd .addPopup .detail .tab-content.cont-review .box__list__detail .item__helpful, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__detail .item__helpful, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__detail .item__helpful {
  padding-top: 25px;
  line-height: 30px;
  overflow: hidden;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__detail .item__helpful .point_color, .hd .addPopup .detail .tab-content.cont-review .box__list__detail .item__helpful .point_color, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__detail .item__helpful .point_color, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__detail .item__helpful .point_color {
  color: #918c00;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__detail .item__helpful-ico, .hd .addPopup .detail .tab-content.cont-review .box__list__detail .item__helpful-ico, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__detail .item__helpful-ico, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__detail .item__helpful-ico {
  float: right;
  padding: 6px 15px;
  line-height: 1;
  color: #888;
  vertical-align: top;
  border: 1px solid #dcdcdc;
  border-radius: 30px;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__detail .item__helpful-ico:before, .hd .addPopup .detail .tab-content.cont-review .box__list__detail .item__helpful-ico:before, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__detail .item__helpful-ico:before, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__detail .item__helpful-ico:before {
  display: inline-block;
  margin-right: 5px;
  width: 17px;
  height: 17px;
  background: url("/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?ver=220420") no-repeat;
  background-position: -82px -69px;
  background-size: 270px;
  vertical-align: top;
  content: '';
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__detail .item__helpful-ico.on, .hd .addPopup .detail .tab-content.cont-review .box__list__detail .item__helpful-ico.on, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__detail .item__helpful-ico.on, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__detail .item__helpful-ico.on {
  color: #918c00;
  border-color: #918c00;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__detail .item__helpful-ico.on:before, .hd .addPopup .detail .tab-content.cont-review .box__list__detail .item__helpful-ico.on:before, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__detail .item__helpful-ico.on:before, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__detail .item__helpful-ico.on:before {
  background-position-x: -100px;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__detail .box__list__title, .hd .addPopup .detail .tab-content.cont-review .box__list__detail .box__list__title, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__detail .box__list__title, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__detail .box__list__title, .hd .designationDetail .detail .tab-content.cont-review .box__list__detail .writer-info, .hd .addPopup .detail .tab-content.cont-review .box__list__detail .writer-info, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__detail .writer-info, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__detail .writer-info {
  display: none !important;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__review, .hd .addPopup .detail .tab-content.cont-review .box__list__review, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__review, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__review {
  padding: 20px 24px;
  background: #f9f9f9;
  font-size: 16px;
  line-height: 24px;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__review .boxInner, .hd .addPopup .detail .tab-content.cont-review .box__list__review .boxInner, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__review .boxInner, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__review .boxInner {
  position: relative;
  padding: 34px 50px;
  border-top: 1px solid #ccc;
}

.hd .designationDetail .detail .tab-content.cont-review .box__list__review .boxInner:before, .hd .addPopup .detail .tab-content.cont-review .box__list__review .boxInner:before, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .box__list__review .boxInner:before, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .box__list__review .boxInner:before {
  content: '';
  display: block;
  position: absolute;
  top: 30px;
  left: 18px;
  width: 18px;
  height: 18px;
  border-bottom: 3px solid #1c1c1c;
  border-left: 3px solid #1c1c1c;
  box-sizing: border-box;
}

.hd .designationDetail .detail .tab-content.cont-review .btn, .hd .addPopup .detail .tab-content.cont-review .btn, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .btn, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .btn {
  display: inherit;
  width: 100%;
  margin-top: 25px;
  text-align: right;
}

.hd .designationDetail .detail .tab-content.cont-review .btn__write, .hd .addPopup .detail .tab-content.cont-review .btn__write, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .btn__write, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .btn__write {
  display: block;
  float: right;
  width: 203px;
  height: 54px;
  font-size: 18px;
  line-height: 52px;
}

.hd .designationDetail .detail .tab-content.cont-review .review__keyword, .hd .addPopup .detail .tab-content.cont-review .review__keyword, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .review__keyword, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .review__keyword {
  margin-top: 40px;
}

.hd .designationDetail .detail .tab-content.cont-review .review__keyword__title, .hd .addPopup .detail .tab-content.cont-review .review__keyword__title, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .review__keyword__title, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .review__keyword__title {
  font-size: 28px;
}

.hd .designationDetail .detail .tab-content.cont-review .review__keyword__title .point, .hd .addPopup .detail .tab-content.cont-review .review__keyword__title .point, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .review__keyword__title .point, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .review__keyword__title .point {
  position: relative;
  font-weight: bold;
}

.hd .designationDetail .detail .tab-content.cont-review .review__keyword__title .point:after, .hd .addPopup .detail .tab-content.cont-review .review__keyword__title .point:after, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .review__keyword__title .point:after, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .review__keyword__title .point:after {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 10px;
  background: #fffb8b;
  content: '';
  z-index: -1;
}

.hd .designationDetail .detail .tab-content.cont-review .review__keyword__title .ico_tooltip, .hd .addPopup .detail .tab-content.cont-review .review__keyword__title .ico_tooltip, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .review__keyword__title .ico_tooltip, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .review__keyword__title .ico_tooltip {
  margin-top: -5px;
}

.hd .designationDetail .detail .tab-content.cont-review .review__keyword__box, .hd .addPopup .detail .tab-content.cont-review .review__keyword__box, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .review__keyword__box, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .review__keyword__box {
  margin-top: 20px;
  padding: 28px 0;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  border-radius: 30px;
  background: #eaeaea;
  counter-reset: review_list;
}

.hd .designationDetail .detail .tab-content.cont-review .review__keyword__box span, .hd .addPopup .detail .tab-content.cont-review .review__keyword__box span, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .review__keyword__box span, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .review__keyword__box span {
  display: inline-block;
  margin: 0 50px;
  vertical-align: top;
}

.hd .designationDetail .detail .tab-content.cont-review .review__keyword__box span:before, .hd .addPopup .detail .tab-content.cont-review .review__keyword__box span:before, .hd .hd__marketDetail .marketDetail .detail .tab-content.cont-review .review__keyword__box span:before, .hd__marketDetail .marketDetail .detail .hd .tab-content.cont-review .review__keyword__box span:before {
  display: inline-block;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 21px;
  font-weight: 600;
  color: #fff;
  vertical-align: top;
  background: #918c00;
  border-radius: 30px;
  counter-increment: review_list;
  content: counter(review_list) "등";
}

.hd__marketDetail .marketDetail .overview {
  position: relative;
}

.hd__marketDetail .marketDetail .overview .slider {
  overflow: hidden;
  width: 550px;
  height: 550px;
}

.hd__marketDetail .marketDetail .overview .slider__sec {
  position: relative;
  float: left;
}

.hd__marketDetail .marketDetail .overview .slider__sec .slick-controller {
  transform: none;
}

.hd__marketDetail .marketDetail .overview .slider__sec .slick-counter {
  position: absolute;
  left: 25px;
  bottom: 25px;
  background: rgba(255, 255, 255, 0.8);
  width: 80px;
  border-radius: 5px;
  color: #3d3d3d;
  z-index: 1;
  line-height: 35px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.hd__marketDetail .marketDetail .overview .slider figure {
  overflow: hidden;
  width: 550px;
  height: 550px;
}

.hd__marketDetail .marketDetail .overview .slider .slick-dots {
  left: 30px;
  bottom: 30px;
  transform: none;
}

.hd__marketDetail .marketDetail .overview .info-area {
  float: left;
  width: calc(100% - 590px);
  margin-left: 40px;
}

.hd__marketDetail .marketDetail .overview .info-area__name {
  padding: 0 80px 15px 0;
  font-size: 26px;
  line-height: 32px;
  word-break: keep-all;
}

.hd__marketDetail .marketDetail .overview .info-area__name .strong {
  display: block;
}

.hd__marketDetail .marketDetail .overview .info-area .message__advice {
  margin-bottom: 10px;
  font-size: 18px;
  color: #888;
}

.hd__marketDetail .marketDetail .overview .info-area__btn {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 60px;
  height: 28px;
  text-align: right;
}

.hd__marketDetail .marketDetail .overview .info-area__btn .btn-share {
  display: inline-block !important;
  position: relative !important;
  top: 0 !important;
  vertical-align: middle;
}

.hd__marketDetail .marketDetail .overview .info-area__btn .btn-heart {
  display: inline-block;
  margin-right: 5px;
  width: 35px;
  height: 31px;
  font-size: 0;
  background: url(/front_mo/images/btn_heart-off-9a5aade5906b74837490ea5e8fe2acad.png) no-repeat center center;
  background-size: 70%;
  vertical-align: middle;
}

.hd__marketDetail .marketDetail .overview .info-area__btn .btn-heart.active {
  background: url(/front_mo/images/btn_heart-on-8360fc631c685973c48d68d387376f33.png) no-repeat center center;
}

.hd__marketDetail .marketDetail .overview .info-area__tag {
  margin-bottom: 20px;
}

.hd__marketDetail .marketDetail .overview .info-area__tag span {
  display: inline-block;
  margin-right: 2px;
  border: 1px solid #ccc;
  padding: 5px 8px;
  font-size: 12px;
  color: #777;
}

.hd__marketDetail .marketDetail .overview .info-area__tag span.c1 {
  color: #1c1c1c;
}

.hd__marketDetail .marketDetail .overview .info-area__tag span.c2 {
  color: #e14141;
}

.hd__marketDetail .marketDetail .overview .info-area__tag span.c3 {
  color: #264f91;
}

.hd__marketDetail .marketDetail .overview .info-area__tag span.c4 {
  color: #00aa90;
}

.hd__marketDetail .marketDetail .overview .info-area .btn-share {
  display: block;
  position: absolute;
  top: 15px;
  right: 0;
  width: 26px;
  height: 31px;
  background: url(/front_pc/images/icon_share-b1790913e3505147bd27707fbd7e0dd2.png) no-repeat 0 1px;
  background-size: 98%;
  font-size: 0;
}

.hd__marketDetail .marketDetail .overview .info-area .price {
  height: 44px;
  line-height: 44px;
  margin: 15px 0;
}

.hd__marketDetail .marketDetail .overview .info-area .price-discounted {
  display: inline-block;
  font-size: 26px;
}

.hd__marketDetail .marketDetail .overview .info-area .price-origin {
  display: inline-block;
  margin-left: 8px;
  font-size: 16px;
  color: #888;
}

.hd__marketDetail .marketDetail .overview .info-area .price-sale {
  display: inline-block;
  margin-right: 20px;
  font-size: 25px;
  color: #ea1111;
}

.hd__marketDetail .marketDetail .overview .info-area .due-desc {
  margin-top: 10px;
  font-size: 16px;
}

.hd__marketDetail .marketDetail .overview .info-area .due-desc__date {
  font-weight: bold;
  color: #918c00;
}

.hd__marketDetail .marketDetail .overview .info-area .due-desc__date.due-sesc__preOrder + span {
  color: #909090;
}

.hd__marketDetail .marketDetail .overview .info-area .due-desc__qty {
  font-weight: bold;
  color: #918c00;
}

.hd__marketDetail .marketDetail .overview .info-area .due-desc + p {
  margin-top: 10px;
  color: #909090;
}

.hd__marketDetail .marketDetail .overview .info-area .coupon {
  position: relative;
  display: block;
  float: right;
  width: 110px;
  height: 44px;
  padding-left: 20px;
  color: #FFF;
  background-color: #1c1c1c;
  line-height: 44px;
  text-align: left;
}

.hd__marketDetail .marketDetail .overview .info-area .coupon:before {
  display: block;
  position: absolute;
  left: -7px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background-color: #FFF;
  border-radius: 10px;
  content: '';
}

.hd__marketDetail .marketDetail .overview .info-area .coupon:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  background: #918c00 url(/front_mo/images/btn_download-58c2f8881db93439868d4056f28ef84b.png) no-repeat center center;
  background-size: 40%;
  content: '';
}

.hd__marketDetail .marketDetail .overview .info-area .delivery {
  margin-bottom: 15px;
}

.hd__marketDetail .marketDetail .overview .info-area .delivery ul {
  margin-top: 20px;
}

.hd__marketDetail .marketDetail .overview .info-area .delivery ul li {
  position: relative;
  padding-left: 75px;
  line-height: 1.5;
  font-size: 15px;
  color: #666;
}

.hd__marketDetail .marketDetail .overview .info-area .delivery ul li:not(:first-child) {
  margin-top: 8px;
}

.hd__marketDetail .marketDetail .overview .info-area .delivery ul li strong {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  padding: 4px 8px;
  line-height: 1;
  font-size: 13px;
  font-weight: normal;
  color: #1c1c1c;
  background: #fff;
  border: 1px solid #1c1c1c;
  border-radius: 25px;
  vertical-align: middle;
}

.hd__marketDetail .marketDetail .overview .info-area .delivery ul li strong.dawn {
  color: #ff0000;
  border-color: #ff0000;
}

.hd__marketDetail .marketDetail .overview .info-area .delivery ul li strong.dawn + span {
  display: inline-block;
  margin-top: -5px;
  font-size: 18px;
  color: #ff0000;
}

.hd__marketDetail .marketDetail .overview .info-area .delivery ul li span {
  font-weight: bold;
  color: #3D3D3D;
}

.hd__marketDetail .marketDetail .overview .info-area .delivery-link {
  display: inline-block;
  position: relative;
  line-height: 28px;
  font-size: 14px;
  color: #8b8b8b;
}

.hd__marketDetail .marketDetail .overview .info-area .delivery-link:after {
  display: inline-block;
  position: absolute;
  right: -22px;
  top: 50%;
  margin-top: -6.5px;
  width: 15px;
  height: 15px;
  background: #cdcdcd;
  border-radius: 50%;
  content: '';
}

.hd__marketDetail .marketDetail .overview .info-area .delivery-link:before {
  position: absolute;
  right: -16px;
  top: 12px;
  width: 4px;
  height: 4px;
  vertical-align: middle;
  border: solid #fff;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
  z-index: 1;
  content: '';
}

.hd__marketDetail .marketDetail .overview .info-area__box * {
  font-size: 15px;
  color: #3D3D3D;
}

.hd__marketDetail .marketDetail .overview .info-area__box-list {
  border-top: 1px solid #ccc;
  overflow: hidden;
}

.hd__marketDetail .marketDetail .overview .info-area__box-tit {
  float: left;
  padding-top: 18px;
  width: 120px;
  vertical-align: top;
}

.hd__marketDetail .marketDetail .overview .info-area__box-cont {
  float: right;
  position: relative;
  padding: 12px 0;
  width: 385px;
  line-height: 28px;
  vertical-align: top;
  letter-spacing: -0.19px;
}

.hd__marketDetail .marketDetail .overview .info-area__box-cont .btn-init.arr {
  padding: 3px 10px;
  font-size: 12px;
  width: auto;
  border-radius: 30px;
  color: #888;
}

.hd__marketDetail .marketDetail .overview .info-area__box-cont .btn-init.arr:after {
  margin-left: 4px;
  margin-top: -3.5px;
  width: 5px;
  height: 5px;
}

.hd__marketDetail .marketDetail .overview .info-area__box-cont .green {
  color: #918c00;
}

.hd__marketDetail .marketDetail .overview .info-area__box-button {
  display: block;
  position: relative;
}

.hd__marketDetail .marketDetail .overview .info-area__box-button:after {
  position: absolute;
  right: 2px;
  top: 10px;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border: solid #3D3D3D;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd__marketDetail .marketDetail .overview .info-area__box .delivery ul {
  margin: 0 !important;
}

.hd__marketDetail .marketDetail .overview .info-area__box .desc-list {
  margin-top: 5px;
  padding-left: 15px;
  line-height: 1.5;
  font-size: 14px;
  color: #888;
  text-indent: -15px;
}

.hd__marketDetail .marketDetail .overview .info-area__box #OGPLC_id .info-area__box-tit {
  padding-top: 13px;
  font-size: 26px;
}

.hd__marketDetail .marketDetail .overview .info-area__box #OGPLC_id .info-area__box-cont {
  line-height: 1.3;
  padding: 12px 0 16px;
}

.hd__marketDetail .marketDetail .overview .info-area__box #OGPLC_id .info-area__box-cont p {
  font-size: 26px;
}

.hd__marketDetail .marketDetail .overview .info-area .store {
  overflow: hidden;
}

.hd__marketDetail .marketDetail .overview .info-area .store-name {
  float: left;
  width: 230px;
}

.hd__marketDetail .marketDetail .overview .info-area .store-name__more {
  display: inline-block;
  margin: 2px 0 0 5px;
  padding: 5px 7px;
  line-height: 1;
  font-size: 12px;
  font-weight: normal;
  color: #888;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 25px;
  vertical-align: top;
}

.hd__marketDetail .marketDetail .overview .info-area .store-tel {
  float: right;
  width: 140px;
  text-align: right;
}

.hd__marketDetail .marketDetail .overview .info-area .store-tel span:before {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  color: #888;
  content: 'tel.';
}

.hd__marketDetail .marketDetail .overview .box__list__score {
  display: flex;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 15px 0;
  width: 90px;
  height: 90px;
  background: rgba(145, 140, 0, 0.7);
  border-radius: 50%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
}

.hd__marketDetail .marketDetail .overview .box__list__score-text {
  width: 100%;
  font-size: 16px;
  color: #fff;
  text-align: center;
}

.hd__marketDetail .marketDetail .overview .btn-area {
  display: flex;
  float: right;
  width: 510px;
  margin-top: 35px;
}

.hd__marketDetail .marketDetail .overview .btn-area .btn-heart {
  float: left;
  display: inline-block;
  position: relative;
  width: 62px;
  height: 60px;
  background: #FFF;
  border: 1px solid #BCBCBC;
  box-sizing: border-box;
}

.hd__marketDetail .marketDetail .overview .btn-area .btn-heart span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.hd__marketDetail .marketDetail .overview .btn-area .btn-heart span:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: url("/front_mo/images/btn_heart-off-9a5aade5906b74837490ea5e8fe2acad.png") no-repeat center center;
  background-size: 40%;
}

.hd__marketDetail .marketDetail .overview .btn-area .btn-heart.active span:after {
  background: url("/front_mo/images/btn_heart-on-8360fc631c685973c48d68d387376f33.png") no-repeat center center;
  background-size: 45%;
}

.hd__marketDetail .marketDetail .overview .btn-area .btn-notify {
  float: left;
  display: inline-block;
  position: relative;
  min-width: 62px;
  width: 62px;
  height: 60px;
  background: #FFF;
  border: 1px solid #BCBCBC;
  box-sizing: border-box;
}

.hd__marketDetail .marketDetail .overview .btn-area .btn-notify span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.hd__marketDetail .marketDetail .overview .btn-area .btn-notify span:after {
  content: "";
  display: block;
  width: 32px;
  height: 39px;
  margin: 10px auto 0;
  background: url("/front_mo/images/sp_ico-5e6cf53d3ebc4b7f16d07f5bd177f5cb.png") no-repeat -61px -34px;
  transform: scale(0.7);
}

.hd__marketDetail .marketDetail .overview .btn-area .btn {
  float: left;
  width: 100%;
  height: 60px;
}

.hd__marketDetail .marketDetail .overview .btn-area .btn button {
  font-size: 20px;
}

.hd__marketDetail .marketDetail .overview .btn-area .btn .btn-tooltip {
  top: -21px;
  padding: 10px;
  font-size: 18px;
  animation: tooltipMotion2 0.5s ease-out 0s infinite alternate;
}

@keyframes tooltipMotion2 {
  0% {
    top: -41px;
  }
  100% {
    top: -51px;
  }
}

.hd__marketDetail .marketDetail .overview .btn-area .btn .cart {
  position: relative;
  width: 24%;
  min-width: 60px;
  max-width: 70px;
  font-size: 0;
  border-color: #ccc;
}

.hd__marketDetail .marketDetail .overview .btn-area .btn .cart:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/front_pc/images/icon_header_cart-96e651a091a3abda62277d2b6b42110a.png") no-repeat center center;
  content: '';
  opacity: 0.8;
}

.hd__marketDetail .marketDetail .overview .btn-area .btn .btn-heart {
  display: none;
}

.hd__marketDetail .marketDetail .box {
  margin: 0 auto;
  max-width: 700px;
  border-top: 1px solid #1c1c1c;
  border-bottom: 1px solid #ccc;
}

.hd__marketDetail .marketDetail .box__list {
  padding: 16px 0;
}

.hd__marketDetail .marketDetail .box__list:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

.hd__marketDetail .marketDetail .box .icon {
  padding: 0;
  font-size: 0;
}

.hd__marketDetail .marketDetail .box .icon__list {
  display: inline-block;
  width: 16.666%;
  padding: 16px 5px;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
  box-sizing: border-box;
}

.hd__marketDetail .marketDetail .box .icon__list img {
  display: block;
  width: 35px;
  height: 35px;
  margin: 0 auto 5px;
}

.hd__marketDetail .marketDetail .box .gram__name {
  display: inline-block;
  width: 80px;
}

.hd__marketDetail .marketDetail .box .kcal__name {
  display: inline-block;
  width: 80px;
}

.hd__marketDetail .marketDetail .box .ingredient {
  line-height: 26px;
  word-break: normal;
  word-wrap: break-word;
}

.hd__marketDetail .marketDetail .box .ingredient__name {
  display: inline-block;
  width: 80px;
}

.hd__marketDetail .marketDetail .detail {
  position: relative;
  padding-top: 137px;
}

.hd__marketDetail .marketDetail .detail .tab-menu {
  position: absolute;
  z-index: 3;
  top: 0;
  width: 1100px;
  height: 57px;
  padding-top: 70px;
  background-color: #FFF;
  border-bottom: 10px solid #FFF;
}

.hd__marketDetail .marketDetail .detail .tab-menu.fixed {
  position: fixed;
  padding-top: 100px;
}

.hd__marketDetail .marketDetail .detail .tab-menu.bannerOn {
  top: 77px;
}

.hd__marketDetail .marketDetail .detail .tab-menu.bannerOff {
  top: 72px;
}

.hd__marketDetail .marketDetail .detail .tab-menu__inner {
  position: relative;
  width: 100%;
  height: 57px;
  margin: 0 auto;
}

.hd__marketDetail .marketDetail .detail .tab-menu__inner:after {
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 3px;
  background: #918c00;
  content: '';
}

.hd__marketDetail .marketDetail .detail .tab-menu__list {
  position: relative;
  float: left;
  width: calc(100% /4);
  height: 55px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 55px;
}

.hd__marketDetail .marketDetail .detail .tab-menu__list:first-child {
  margin-left: 0;
}

.hd__marketDetail .marketDetail .detail .tab-menu__list a {
  display: block;
  padding-right: 24px;
  color: #666;
}

.hd__marketDetail .marketDetail .detail .tab-menu__list a:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 22px solid #EAEAEA;
  border-left: 13px solid #EAEAEA;
}

.hd__marketDetail .marketDetail .detail .tab-menu__list a strong {
  display: block;
  background: #eaeaea;
  border-radius: 20px 20px 0 0;
}

.hd__marketDetail .marketDetail .detail .tab-menu__list--on {
  z-index: 2;
}

.hd__marketDetail .marketDetail .detail .tab-menu__list--on a:after {
  border-top: 24px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 22px solid #918c00;
  border-left: 13px solid #918c00;
}

.hd__marketDetail .marketDetail .detail .tab-menu__list--on a strong {
  background: #918c00;
  color: #FFF;
}

.hd__marketDetail .marketDetail .detail .tab-menu__count {
  display: block;
  position: absolute;
  top: -16px;
  right: 10px;
  z-index: 2;
  min-width: 29px;
  min-height: 29px;
  padding: 0 8px;
  background: #3d3d3d;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 28px;
  border-radius: 15px;
  box-sizing: border-box;
}

.hd__marketDetail .marketDetail .detail .tab-menu--fixed {
  position: fixed;
  padding-top: 30px;
}

.hd__marketDetail .marketDetail .detail .tab-content {
  width: 100%;
  margin: 0 auto 100px;
  /** 상품 정보 **/
  /** 상품 후기 **/
  /** 상품 문의 **/
  /** 배송/교환 **/
}

.hd__marketDetail .marketDetail .detail .tab-content__sect {
  margin-top: 80px;
}

.hd__marketDetail .marketDetail .detail .tab-content__sect__tit {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 600;
}

.hd__marketDetail .marketDetail .detail .tab-content__sect__tit.middleLine {
  position: relative;
  text-align: left;
}

.hd__marketDetail .marketDetail .detail .tab-content__sect__tit.middleLine:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  margin-top: -15px;
  background: #1c1c1c;
}

.hd__marketDetail .marketDetail .detail .tab-content__sect__tit.middleLine > span {
  display: inline-block;
  position: relative;
  padding: 0 25px 0 0;
  background: #FFF;
  line-height: 36px;
  font-size: 33px;
}

.hd__marketDetail .marketDetail .detail .tab-content__sect__tit.middleLine > span span {
  display: block;
  font-size: 22px;
  color: #707070;
  font-weight: 300;
}

.hd__marketDetail .marketDetail .detail .tab-content__sect.notification {
  position: relative;
}

.hd__marketDetail .marketDetail .detail .tab-content__sect.notification .tab-content__sect__tit {
  margin-bottom: 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

.hd__marketDetail .marketDetail .detail .tab-content__sect.notification .btn_accd {
  position: absolute;
  top: 0;
  right: 12px;
  z-index: 1;
  width: 28px;
  height: 51px;
  background: url(/front_pc/images/btn_main_slider-arrow-e626e4f529efc564e38a4e9b64e4a2d0.png) no-repeat 50% 50%/70%;
  font-size: 0;
  transform: rotate(-90deg);
}

.hd__marketDetail .marketDetail .detail .tab-content__sect.notification .btn_accd.on {
  transform: rotate(90deg);
}

.hd__marketDetail .marketDetail .detail .tab-content__sect.notification .box {
  margin-top: 0;
  max-width: 100%;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info {
  margin-top: 40px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info > a {
  display: block;
  margin-bottom: 60px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .cont-info__banner {
  text-align: center;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .cont-info__banner a {
  display: block;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .cont-info__banner a img {
  vertical-align: top;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .detailInfo {
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 0.02em;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .message__to {
  margin-top: 50px;
  font-size: 24px;
  margin-bottom: 35px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .message__name {
  font-weight: bold;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .message__advice {
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 0.02em;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .message__advice__from {
  display: block;
  position: relative;
  margin-top: 50px;
  font-size: 20px;
  text-align: right;
  white-space: normal;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .message__advice__from .sign {
  display: block;
  padding: 10px 20px 0 0;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .message__advice__from .sign img {
  width: 150px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .nutri__thumb,
.hd__marketDetail .marketDetail .detail .tab-content.cont-info .package__thumb {
  height: auto;
  text-align: center;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .message,
.hd__marketDetail .marketDetail .detail .tab-content.cont-info .detailInfo,
.hd__marketDetail .marketDetail .detail .tab-content.cont-info .package,
.hd__marketDetail .marketDetail .detail .tab-content.cont-info .nutri {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .notification .box {
  display: none;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .notification .box__list {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
  line-height: 24px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .notification .box__list__tit {
  display: table-cell;
  width: 210px;
  vertical-align: top;
  word-break: keep-all;
  word-wrap: break-word;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .notification .box__list__desc {
  display: table-cell;
  width: calc(100% - 240px);
  padding-left: 30px;
  vertical-align: top;
  word-break: keep-all;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .tab-content__sect__tit {
  padding-bottom: 25px;
  border-bottom: 3px solid #918c00;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box {
  margin-top: 0;
  border: 0;
  max-width: 100%;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box a {
  display: block;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box a figure {
  overflow: hidden;
  width: 260px;
  height: 260px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box__list {
  float: left;
  width: 260px;
  margin-top: 30px;
  margin-left: 20px;
  border-bottom: 0;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box__list:nth-child(-n+4) {
  margin-top: 0;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box__list:nth-child(4n+1) {
  margin-left: 0;
  clear: both;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box__list__title {
  display: block;
  max-height: 48px;
  margin-top: 15px;
  font-size: 20px;
  line-height: 26px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box__list__price {
  margin-top: 10px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box__list__price-origin {
  font-size: 16px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box__list__price-discounted {
  font-size: 24px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box__list__price-discounted strong {
  font-size: 26px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box__list__price-discounted-rate {
  font-size: 24px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box__list .icon-area {
  margin-top: 15px;
  padding: 10px 15px;
  border-top: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  font-size: 0;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box__list .icon-area span {
  display: inline-block;
  width: 33px;
  height: 36px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box__list .icon-area span:not(:first-child) {
  margin-left: 16px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .item-area .box__list .icon-area span img {
  display: block;
  max-width: 100%;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .notice {
  margin: 0 auto;
  padding-top: 80px;
  width: 700px;
  line-height: 1.5;
  font-size: 20px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-value {
  margin: 0 auto 60px;
  padding: 40px 10px;
  width: 700px;
  background-color: #f5f5f5;
  border-radius: 30px;
  box-sizing: border-box;
  text-align: center;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-value__tit {
  margin-bottom: 20px;
  line-height: 32px;
  font-size: 34px;
  font-weight: bold;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-value__tit i {
  display: inline-block;
  margin: -2px 10px 0 0;
  width: 37px;
  height: 40px;
  background: url(/front_mo/images/sp_ico-5e6cf53d3ebc4b7f16d07f5bd177f5cb.png?ver=20211214) no-repeat -267px -145px;
  vertical-align: middle;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-value__tit span {
  display: inline-block;
  margin: 5px 0 0 5px;
  width: 25px;
  height: 25px;
  line-height: 23px;
  font-size: 0;
  text-indent: -999em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 50%;
  vertical-align: top;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-value__tit span:before {
  display: inline-block;
  margin: 2px 0 0 -2px;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border: solid #1c1c1c;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-value__txt {
  margin-bottom: 20px;
  padding: 0 70px;
  line-height: 1.3;
  font-size: 22px;
  color: #777;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-value__txt strong {
  color: #918c00;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-value__ico {
  text-align: center;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-value__ico > span {
  display: inline-block;
  margin: 0 10px;
  font-size: 16px;
  color: #777;
  vertical-align: top;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-value__ico > span i {
  display: block;
  margin-bottom: 10px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-value__ico > span i img {
  display: block;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-value__ico > span span {
  display: block;
  margin: 0 auto;
  width: 86px;
  word-break: keep-all;
  word-wrap: break-word;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-score {
  margin: 0 auto 40px;
  width: 690px;
  border: 5px solid transparent;
  border-radius: 30px;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #c8af77, #f9f7de, #c8af77);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-score * {
  font-size: 20px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-score a {
  display: block;
  position: relative;
  padding: 30px 0 0 250px;
  height: 185px;
  box-sizing: border-box;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-score a:before {
  position: absolute;
  left: 105px;
  top: 54px;
  padding: 5px 40px 5px 0;
  width: 56px;
  height: 68px;
  background: url("/front_mo/images/sp_ico-5e6cf53d3ebc4b7f16d07f5bd177f5cb.png?ver=220704") no-repeat;
  background-position: -415px -187px;
  border-right: 1px solid #ccc;
  content: '';
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-score__tit {
  font-weight: bold;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-score__tit span {
  display: inline-block;
  margin-left: 5px;
  width: 25px;
  height: 25px;
  line-height: 23px;
  font-size: 0;
  text-indent: -999em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 50%;
  vertical-align: top;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-score__tit span:before {
  display: inline-block;
  margin: 2px 0 0 -2px;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border: solid #1c1c1c;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-score__txt {
  margin-top: 7px;
  line-height: 1.3;
  color: #999;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-score__em {
  display: block;
  margin-top: 5px;
  font-size: 30px;
  font-weight: bold;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-score__ico span {
  display: inline-block;
  width: 30px;
  height: 28px;
  background: url("/front_mo/images/sp_ico-5e6cf53d3ebc4b7f16d07f5bd177f5cb.png?ver=220704") no-repeat;
  background-position: -380px -191px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-info .gr-score__ico span.on {
  background-position-x: -347px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .accordion__head {
  background: none;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .head {
  padding: 15px 0;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .head .all {
  font-size: 16px;
  font-weight: 600;
  line-height: 44px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .head .all__num {
  font-weight: 400;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .head .mine {
  position: relative;
  margin-left: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 44px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .head .mine__num {
  font-weight: 400;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .head .mine:before {
  top: 55%;
  left: -10px;
  height: 70%;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .head .sorting-area {
  float: right;
  width: 170px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box {
  margin: 0;
  max-width: 100%;
  width: 100%;
  border-top: 1px solid #ccc;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list {
  padding: 0;
  border-bottom: 1px solid #ccc;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list + .box__list {
  border-top: none;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__head {
  padding: 25px 0;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__head .box__list__process {
  background: url("/front_pc/images/btn_comm_accordion-down-49268102887cac88ee7592e265819c70.png") no-repeat 98% 50%;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__head.accordion__head--on .box__list__process {
  background: url("/front_pc/images/btn_comm_accordion-up-ee0aab0d9bbdb765f4c9ed01abe13d5a.png") no-repeat 98% 50%;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__sort {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  line-height: 24px;
  font-size: 18px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__title {
  display: inline-block !important;
  width: 460px;
  vertical-align: top;
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list .writer-info {
  display: inline-block;
  width: 320px;
  font-size: 16px;
  color: #ccc;
  text-align: right;
  vertical-align: top;
  line-height: 24px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list .writer-info__id {
  padding-right: 10px;
  color: #888;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list .writer-info__date {
  margin-left: 10px;
  color: #888;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list .writer-info__time {
  margin-left: 10px;
  color: #888;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__process {
  display: inline-block;
  width: 193px;
  padding-right: 60px;
  text-align: right;
  vertical-align: top;
  line-height: 24px;
  color: #918c00;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__cont {
  width: 100%;
  padding: 25px;
  color: #3D3D3D;
  background: #f9f9f9;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__cont .boxInner {
  display: inline-block;
  width: 100%;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__cont .boxInner__cont {
  width: 95%;
  font-size: 17px;
  line-height: 28px;
  word-break: normal;
  word-wrap: break-word;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__cont .boxInner .detail {
  padding-top: 0;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__cont .writer-info, .hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__cont .box__list__sort, .hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__cont .box__list__process, .hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__cont .box__list__title {
  display: none !important;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__cont .review {
  padding: 50px 0 30px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__cont .review__text {
  line-height: 1.5;
  font-size: 16px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__cont .review .writer-info {
  margin-top: 15px;
  text-align: left;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__btn {
  margin-top: 10px;
  text-align: right;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__btn a {
  display: inline-block;
  color: #707070;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__btn a:before {
  display: inline-block;
  margin: -5px 10px 0;
  width: 1px;
  height: 17px;
  background: #ccc;
  vertical-align: middle;
  content: '';
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__btn a:first-child:before {
  display: none;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list__tag {
  display: inline-block;
  height: 24px;
  margin-bottom: 15px;
  padding: 0 15px;
  background: #1c1c1c;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  color: #FFF;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .box__list .secret:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 22px;
  margin-left: 10px;
  background: url("/front_pc/images/ico_comm_lock-de3ce8fcfd45719780705240b1ab80ad.png") no-repeat 0 0;
  background-size: 90%;
  vertical-align: text-bottom;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .btn {
  display: inherit;
  width: 100%;
  margin-top: 25px;
  text-align: right;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-inquiry .btn__write {
  display: block;
  float: right;
  width: 203px;
  height: 54px;
  font-size: 18px;
  line-height: 52px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-notice .box {
  margin: 0;
  max-width: 100%;
  width: 100%;
  border: 0;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-notice .box__list + .box__list {
  border-top: none;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-notice .box__list__head {
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: 600;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-notice .box__list__title {
  display: block;
  width: 100%;
  line-height: 24px;
}

.hd__marketDetail .marketDetail .detail .tab-content.cont-notice .box__list__cont {
  display: block !important;
  padding: 25px 0 0;
}

.hd__marketDetail .marketDetail .detail .box {
  margin-top: 50px;
  border-bottom: 1px solid #1c1c1c;
}

.hd .layer-opacity {
  visibility: hidden;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: visibility 0.35s, opacity 0.35s;
}

.hd .layer-opacity.on {
  visibility: visible;
  opacity: 1;
}

.hd .popup_cardEvent .modal__sec__title + div {
  min-height: 250px;
  max-height: 590px;
  overflow-y: auto;
}

.hd .cardEvent_list {
  padding: 0 30px;
  max-height: 450px;
  overflow-y: auto;
}

.hd .cardEvent_list li {
  padding: 20px 0;
}

.hd .cardEvent_list li:not(:first-child) {
  border-top: 1px solid #ccc;
}

.hd .cardEvent_list li .name {
  font-size: 17px;
}

.hd .cardEvent_list li .benefit {
  margin-top: 10px;
  font-weight: 600;
}

.hd .cardEvent_list li .condition {
  margin-top: 10px;
}

.hd .cardEvent_list li .period {
  margin-top: 10px;
  font-size: 15px;
  color: #888;
}

.hd#designationList {
  padding-bottom: 60px;
}

.hd .designationList__banner {
  overflow: hidden;
  width: 100%;
  height: 350px;
  margin-bottom: 40px;
  font-size: 0;
}

.hd .designationList__banner img {
  max-width: 100%;
}

.hd .designationList__list .box {
  text-align: left;
  font-size: 0;
}

.hd .designationList__list .box__list {
  display: inline-block;
  position: relative;
  width: 340px;
  margin: 40px 0 0 40px;
  vertical-align: top;
}

.hd .designationList__list .box__list:nth-child(-n+3) {
  margin-top: 0;
}

.hd .designationList__list .box__list:nth-child(3n+1) {
  margin-left: 0;
}

.hd .designationList__list .box__list a {
  display: block;
}

.hd .designationList__list .box__list__img {
  position: relative;
  width: 340px;
  height: 340px;
}

.hd .designationList__list .box__list__count {
  display: block;
  position: relative;
  margin-top: 10px;
  text-align: center;
}

.hd .designationList__list .box__list__count input {
  vertical-align: top;
  width: 238px;
  height: 45px;
  border: 0;
  background: #F0F0F0;
  line-height: 45px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #ccc;
  box-sizing: border-box;
}

.hd .designationList__list .box__list__count input.on {
  border: 1px solid #918c00;
  background: #FFF;
  color: #3D3D3D;
}

.hd .designationList__list .box__list__count .btn__count {
  position: absolute;
  top: 0;
  width: 45px;
  height: 45px;
  background: #918c00;
}

.hd .designationList__list .box__list__count .btn__count-down {
  left: -1px;
}

.hd .designationList__list .box__list__count .btn__count-down:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 3px;
  background: #FFF;
  transform: translate(-50%, -50%);
}

.hd .designationList__list .box__list__count .btn__count-up {
  right: -1px;
}

.hd .designationList__list .box__list__count .btn__count-up:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 3px;
  background: #FFF;
  transform: translate(-50%, -50%);
}

.hd .designationList__list .box__list__count .btn__count-up:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 21px;
  background: #FFF;
  transform: translate(-50%, -50%);
}

.hd .designationList__list .box__list__count button:disabled {
  background: #BCBCBC;
}

.hd .designationList__list .box__list__title {
  display: block;
  overflow: hidden;
  padding: 20px 0;
  font-size: 20px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd .designationList__list .box__list__price {
  display: block;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #ccc;
}

.hd .designationList__list .box__list__price-discounted {
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
}

.hd .designationList__list .box__list__price-origin {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 15px;
  font-size: 18px;
  font-weight: 400;
  color: #888;
}

.hd .designationList__list .boxInner {
  line-height: 26px;
  font-size: 16px;
}

.hd .designationList__list .boxInner__list {
  padding-left: 8px;
  text-indent: -8px;
}

.hd .designationList__btn {
  position: fixed;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #FFF;
  box-shadow: 0px 20px 20px 20px rgba(0, 0, 0, 0.15);
}

.hd .designationList__btn__inner {
  width: 1100px;
  margin: 0 auto;
}

.hd .designationList__btn__inner .total-price {
  display: block;
  float: left;
  line-height: 60px;
  font-size: 16px;
}

.hd .designationList__btn__inner .total-price strong {
  margin-left: 10px;
  font-size: 18px;
  font-weight: 600;
}

.hd .designationList__btn__inner .btn {
  float: right;
  width: 674px;
}

.hd .designationList__btn__inner .btn-init {
  height: 60px;
  line-height: 58px;
  font-size: 20px;
  font-weight: 600;
}

.hd .lunch__banner {
  margin-bottom: 40px;
}

.hd .lunch__banner__img {
  overflow: hidden;
  width: 1100px;
  height: 340px;
  font-size: 0;
}

.hd .lunch__sec {
  padding: 20px 0 65px;
  border-bottom: 1px solid #ccc;
}

.hd .lunch__sec.category {
  border-top: 3px solid #1c1c1c;
}

.hd .lunch__sec .choice {
  text-align: center;
  font-size: 0;
}

.hd .lunch__sec .choice .hd__custom-label {
  display: inline-block;
  width: 160px;
  margin: 0 10px;
  vertical-align: top;
}

.hd .lunch__sec.menu {
  border-bottom: 3px solid #1c1c1c;
}

.hd .lunch__sec.menu .box {
  margin: 0 -20px;
  text-align: left;
  font-size: 0;
}

.hd .lunch__sec.menu .box__list {
  display: inline-block;
  width: 340px;
  margin: 0 20px 40px;
  vertical-align: top;
}

.hd .lunch__sec.menu .box__list > div {
  position: relative;
}

.hd .lunch__sec.menu .box__list__date {
  display: block;
  height: 60px;
  background: #918c00;
  line-height: 60px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #FFF;
}

.hd .lunch__sec.menu .box__list__img {
  display: block;
  overflow: hidden;
  position: relative;
  width: 340px;
  height: 340px;
}

.hd .lunch__sec.menu .box__list__img img {
  width: 100%;
}

.hd .lunch__sec.menu .box__list__title {
  display: block;
  max-height: 60px;
  margin: 20px 0;
  font-size: 20px;
  line-height: 30px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .lunch__sec.menu .box__list__icon {
  padding: 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.hd .lunch__sec.menu .box__list__icon li {
  display: inline-block;
  width: 16%;
  height: 35px;
  vertical-align: top;
  line-height: 35px;
  text-align: center;
}

.hd .lunch__sec.menu .box__list__icon li img {
  width: 35px;
}

.hd .lunch__sec.menu .boxInner {
  margin-bottom: 15px;
  line-height: 26px;
  font-size: 16px;
}

.hd .lunch__sec.menu .boxInner__list {
  padding-left: 8px;
  text-indent: -8px;
}

.hd .lunch__title {
  margin: 30px 0;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}

.hd .lunch__title span {
  font-weight: 400;
}

.hd .lunch .btn {
  width: 310px;
  margin: 50px auto 0;
}

.hd .lunch .btn-init {
  height: 70px;
  line-height: 70px;
  font-size: 24px;
  font-weight: 600;
}

.hd .eventList__sec {
  position: relative;
  display: none;
}

.hd .eventList__banner {
  overflow: hidden;
  height: 200px;
}

.hd .eventList__banner a {
  font-size: 0;
}

.hd .eventList__banner .slick-dots {
  left: 5%;
  bottom: 30px;
}

.hd .eventList__cont {
  margin-top: 40px;
}

.hd .eventList__cont .box {
  margin: 40px 0 0;
  font-size: 0;
}

.hd .eventList__cont .box__list {
  display: inline-block;
  position: relative;
  width: 530px;
  margin: 40px 0 0 40px;
  vertical-align: top;
}

.hd .eventList__cont .box__list:nth-child(odd) {
  margin-left: 0;
}

.hd .eventList__cont .box__list:nth-child(-n+2) {
  margin-top: 0;
}

.hd .eventList__cont .box__list__thumb {
  overflow: hidden;
  width: 530px;
  height: 190px;
}

.hd .eventList__cont .box__list__title {
  display: block;
  max-height: 52px;
  margin-top: 20px;
  font-size: 20px;
  line-height: 26px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .eventList__cont .box__list__date {
  display: block;
  margin-top: 15px;
  font-size: 16px;
}

.hd .eventList__cont .box__list__dDay {
  display: inline-block;
  margin-left: 20px;
  color: #918c00;
}

.hd .eventList__cont .box__list__dDay:before {
  left: -10px;
}

.hd .eventList__cont .box__list .winnerView {
  margin-top: 15px;
  text-align: right;
}

.hd .eventList__cont .box__list .btn-check-winner {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  background: url(/front_mo/images/ico_arrow_left-c70169088b7437d149aa4c04d3ec0c66.png) no-repeat 98% 50%;
  line-height: 26px;
  font-size: 20px;
}

.hd .eventList__cont .box__list .btn-check-winner:before {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 8px;
  background: #F9D983;
  content: '';
}

.hd .eventList__cont .event-end .box__list__dDay {
  color: #1c1c1c;
}

.hd .eventList .tab-menu {
  font-size: 0;
}

.hd .eventList .tab-menu__list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 50%;
  height: 70px;
  margin-left: -1px;
  border: 1px solid #ccc;
  border-bottom: 3px solid #1c1c1c;
  box-sizing: border-box;
  line-height: 67px;
  font-size: 20px;
  text-align: center;
}

.hd .eventList .tab-menu__list:first-child {
  margin-left: 0;
}

.hd .eventList .tab-menu__list a {
  padding: 0;
  font-weight: normal;
  color: #888;
}

.hd .eventList .tab-menu__list a:after {
  display: none;
}

.hd .eventList .tab-menu__list--on {
  border: 3px solid #1c1c1c;
  border-bottom: none;
  font-weight: bold;
}

.hd .eventList .tab-menu__list--on a {
  font-weight: 600;
  color: #1c1c1c;
}

.hd__eventDetail {
  overflow: hidden;
}

.hd__eventDetail__title {
  font-size: 20px;
  font-weight: 600;
}

.hd__eventDetail__date {
  display: block;
  margin-top: 15px;
  font-size: 16px;
  color: #888;
}

.hd__eventDetail__date .d-day {
  display: inline-block;
  padding-left: 20px;
  color: #918c00;
  font-weight: 600;
}

.hd__eventDetail__date .d-day:before {
  left: 10px;
  margin-top: 2px;
  background: #ccc;
}

.hd__eventDetail .head-area {
  position: relative;
  padding: 20px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.hd__eventDetail .head-area .btn-share {
  display: block;
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 26px;
  height: 28px;
  background: url(/front_pc/images/icon_share-b1790913e3505147bd27707fbd7e0dd2.png) no-repeat 0 0;
  background-size: 100%;
  font-size: 0;
}

.hd__eventDetail .cont-area {
  margin-top: 30px;
  line-height: normal;
  word-break: normal;
  word-wrap: break-word;
}

.hd__eventDetail .cont-area img {
  display: block;
  margin: 0 auto;
}

.hd__eventDetail .notice {
  margin-top: 60px;
}

.hd__eventDetail .notice__inner {
  color: #888;
  font-size: 16px;
  line-height: 1.6;
}

.hd__eventDetail .notice__title {
  margin-bottom: 20px;
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 600;
}

.hd__eventDetail .notice__list {
  position: relative;
  padding-left: 10px;
}

.hd__eventDetail .notice__list:before {
  content: '-';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

.hd__eventDetail .btn-back {
  display: inline-block;
  margin-top: 100px;
  padding-left: 40px;
  font-size: 18px;
  background: url(/front_pc/images/btn_comm_arrow-left-79b02b918a1696aeeb0f7d3c3bb07a1b.png) no-repeat left center;
}

.hd__eventDetail .btn-back span {
  position: relative;
}

.hd__eventDetail .btn-back span:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -6px;
  width: 100%;
  height: 2px;
  background: #ccc;
}

.hd__eventDetail .eventSurvey .survey-area {
  margin-top: 95px;
  padding: 50px 0 70px;
  border-top: 3px solid #1c1c1c;
  text-align: center;
  box-shadow: 9px 9px 27px rgba(0, 0, 0, 0.1);
}

.hd__eventDetail .eventSurvey .survey-area__title {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 600;
}

.hd__eventDetail .eventSurvey .survey-area__form ul {
  margin: 40px 0;
  padding: 0 50px;
}

.hd__eventDetail .eventSurvey .survey-area__form ul li {
  display: block;
  text-align: left;
  margin-top: 25px;
  font-weight: 600;
}

.hd__eventDetail .eventSurvey .survey-area__form ul li:first-child {
  margin-top: 0;
}

.hd__eventDetail .eventSurvey .survey-area__form ul li label {
  display: inline-block;
  max-height: 64px;
  font-size: 24px;
  line-height: 32px;
  word-break: normal;
  word-wrap: break-word;
}

.hd__eventDetail .eventSurvey .survey-area__form ul li label:before {
  top: 50%;
  transform: translateY(-50%);
}

.hd__eventDetail .eventSurvey .survey-area__form ul li .insertAws {
  width: 400px;
  height: 45px;
  margin-left: 15px;
  padding: 0 20px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__eventDetail .eventSurvey .survey-area__form ul li .insertAws:disabled {
  background: #F4F4F4;
}

.hd__eventDetail .eventSurvey .survey-area .btn {
  width: 430px;
  height: 70px;
}

.hd__eventDetail .eventSurvey .survey-area .btn button {
  font-size: 24px;
}

.hd__eventDetail .eventCheckAttendance .stamp-area {
  width: 1100px;
  min-height: 905px;
  text-align: center;
  background: #f5f5f5;
}

.hd__eventDetail .eventCheckAttendance .stamp-area__title {
  font-size: 24px;
}

.hd__eventDetail .eventCheckAttendance .stamp-area .stamps {
  width: 822px;
  margin: 0 auto;
  padding-top: 60px;
  counter-reset: day_count;
}

.hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list {
  position: relative;
  float: left;
  width: 90px;
  height: 90px;
  margin-left: 32px;
  margin-bottom: 30px;
  padding-top: 18px;
  background: url(/front_pc/images/img_checkAtt_off-e85e70f1920d99cbeb866dc8721cee2b.png) no-repeat center center;
  text-align: center;
  color: #c1c1c1;
  font-size: 16px;
  box-sizing: border-box;
  line-height: 22px;
}

.hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:before {
  display: block;
  margin-bottom: 3px;
  font-size: 20px;
  color: #a7a6a6;
  counter-increment: day_count;
  content: counter(day_count);
}

.hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list--on {
  background: url(/front_pc/images/img_checkAtt_on-08371d9ad41120aa3d6d75eb18351a1f.png?201228) no-repeat center center;
  border: none;
  font-size: 0;
}

.hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list--on span {
  font-size: 0;
}

.hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list--on:before {
  font-size: 0;
}

.hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list--on:after {
  background: #ffaa64 !important;
}

.hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(1), .hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(14), .hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(15), .hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(28), .hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(29) {
  margin-left: 0;
}

.hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(n+8):nth-child(-n+14), .hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(n+22):nth-child(-n+28) {
  float: right;
}

.hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(n+2):nth-child(-n+7):after, .hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(n+16):nth-child(-n+21):after, .hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(n+30):nth-child(-n+31):after {
  content: "";
  display: block;
  width: 32px;
  height: 10px;
  background: #efefef;
  position: absolute;
  top: 40px;
  left: -32px;
}

.hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(8):after, .hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(15):after, .hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(22):after, .hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(29):after {
  content: "";
  display: block;
  width: 10px;
  height: 32px;
  background: #efefef;
  position: absolute;
  top: -31px;
  left: 39px;
}

.hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(n+9):nth-child(-n+14):after, .hd__eventDetail .eventCheckAttendance .stamp-area .stamps__list:nth-child(n+23):nth-child(-n+28):after {
  content: "";
  display: block;
  width: 32px;
  height: 10px;
  background: #efefef;
  position: absolute;
  top: 40px;
  left: 90px;
}

.hd__eventDetail .eventCheckAttendance .stamp-area .stamps__day {
  display: inline-block;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  line-height: 23px;
  font-size: 16px;
}

.hd__eventDetail .eventCheckAttendance .stamp-area .btn {
  margin-top: 30px;
}

.hd__eventDetail .eventCheckAttendance .btn {
  width: 490px;
  height: 70px;
}

.hd__eventDetail .eventCheckAttendance .btn button {
  height: 95px;
  line-height: 93px;
  font-size: 32px;
  border-radius: 7px;
}

.hd__eventDetail .eventTyping .quiz-area {
  padding: 50px 70px 70px 70px;
  border-top: 3px solid #1c1c1c;
  text-align: center;
  box-shadow: 9px 9px 27px rgba(0, 0, 0, 0.1);
}

.hd__eventDetail .eventTyping .quiz-area .input-wrap {
  margin-bottom: 40px;
  font-size: 24px;
  text-align: center;
  font-weight: 600;
}

.hd__eventDetail .eventTyping .quiz-area .input-wrap span {
  display: block;
  margin-bottom: 30px;
}

.hd__eventDetail .eventTyping .quiz-area .input-wrap input[type=text] {
  width: 58px;
  height: 58px;
  margin: 5px;
  border: 0;
  border-bottom: 6px solid #918c00;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
}

.hd__eventDetail .eventTyping .quiz-area .text-wrap {
  margin-bottom: 50px;
}

.hd__eventDetail .eventTyping .quiz-area .text-wrap span {
  display: block;
  color: #bbb;
}

.hd__eventDetail .eventTyping .quiz-area .text-wrap p {
  display: block;
  margin-top: 5px;
  font-size: 20px;
  color: #666;
}

.hd__eventDetail .eventTyping .quiz-area .text-wrap strong {
  display: block;
  margin-top: 20px;
  font-size: 28px;
  color: #555;
}

.hd__eventDetail .eventTyping .quiz-area .btn {
  width: 430px;
  height: 70px;
}

.hd__eventDetail .eventTyping .quiz-area .btn button {
  font-size: 24px;
}

.hd__eventDetail .eventTyping .quiz-tab {
  height: 84px;
}

.hd__eventDetail .eventTyping .quiz-tab ul {
  display: flex;
  justify-content: center;
}

.hd__eventDetail .eventTyping .quiz-tab ul li {
  position: relative;
  text-align: center;
  border-bottom: 1px solid #ccc;
}

.hd__eventDetail .eventTyping .quiz-tab ul li a {
  position: relative;
  display: block;
  padding: 30px 20px;
  min-width: 180px;
  font-size: 20px;
  box-sizing: border-box;
}

.hd__eventDetail .eventTyping .quiz-tab ul li:not(:first-child):before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 20px;
  background: #ccc;
  transform: translateY(-50%);
  content: '';
}

.hd__eventDetail .eventTyping .quiz-tab ul li.on a {
  font-weight: bold;
  color: #918c00;
}

.hd__eventDetail .eventTyping .quiz-tab ul li.on a:after {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background: #918c00;
  content: '';
}

.hd__eventDetail .eventTyping .quiz-tab.fixed ul {
  position: fixed;
  height: 84px;
  top: 76px;
  background: #fff;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.hd__eventDetail .eventTyping .quiz-tab.fixed:after {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  height: 89px;
  background: #fff;
  z-index: 1;
  border-bottom: 1px solid #ccc;
  content: '';
}

.hd__eventDetail .eventTyping .coupon__area {
  padding: 50px 0;
  text-align: center;
}

.hd__eventDetail .eventTyping .coupon__area__title {
  display: inline-block;
  padding: 19px 46px;
  border-bottom: solid 2px #918c00;
  color: #1c1c1c;
  font-size: 40px;
  font-weight: 900;
}

.hd__eventDetail .eventTyping .coupon__area .coupon__wrap {
  background: url("/front_pc/images/bg-eventCoupon-2681f56c8a5105c5d6c1cee3df5e34aa.jpg?ver=210226") 0 0 no-repeat;
  width: 520px;
  height: 310px;
  margin: 60px auto 0;
}

.hd__eventDetail .eventTyping .coupon__area .coupon__wrap__info {
  width: 440px;
  padding: 79px 0 0;
}

.hd__eventDetail .eventTyping .coupon__area .coupon__wrap__info strong {
  display: block;
  margin: 8px 0 18px;
  color: #1c1c1c;
  letter-spacing: -2px;
  font-size: 55px;
}

.hd__eventDetail .eventTyping .coupon__area .coupon__wrap__info p {
  display: -webkit-box;
  overflow: hidden;
  max-height: 50px;
  margin-top: 7px;
  padding: 0 25px;
  color: #979797;
  letter-spacing: -1px;
  font-size: 19px;
  word-wrap: break-word;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.hd__eventDetail .eventTyping .coupon__area .coupon__wrap__code {
  display: inline-block;
  overflow: hidden;
  background: #dfdfdf;
  max-width: 400px;
  min-width: 220px;
  height: 47px;
  margin: 0 auto;
  padding: 0 10px;
  border-radius: 7px;
  box-sizing: border-box;
  color: #918c00;
  line-height: 47px;
  text-overflow: ellipsis;
  font-size: 22px;
  font-weight: 700;
  white-space: nowrap;
}

.hd__eventDetail .eventTyping .coupon__area .coupon__count {
  margin-top: 30px;
  color: #1c1c1c;
  font-size: 30px;
  text-align: center;
}

.hd__eventDetail .eventTyping .coupon__area .coupon__copy {
  display: flex;
  background: #918c00;
  width: 430px;
  height: 70px;
  margin: 30px auto 0;
  color: #fff;
  line-height: 70px;
  letter-spacing: -1px;
  font-size: 24px;
  align-items: center;
  justify-content: center;
}

.hd__eventDetail .eventTyping .coupon__area .coupon__copy:after {
  content: "";
  display: block;
  background: url(/front_pc/images/icon_copy-aefece0c4b0f3600e8b93ba7a713d525.png) 0 0 no-repeat;
  width: 23px;
  height: 30px;
  margin: 5px 0 0 15px;
}

.hd__eventDetail .eventTyping .coupon-wrap + * {
  margin-top: 80px;
}

.hd__eventDetail .eventTyping .coupon-box {
  margin-top: 25px;
  margin-left: -290px;
  width: 1680px;
}

.hd__eventDetail .eventTyping .coupon-box .slick-slide {
  margin: 0 10px;
}

.hd__eventDetail .eventTyping .coupon-box .slick-prev {
  left: 50%;
  margin-left: -300px;
}

.hd__eventDetail .eventTyping .coupon-box .slick-next {
  right: 50%;
  margin-right: -300px;
}

.hd__eventDetail .eventTyping .coupon-list {
  position: relative;
  margin: 0 auto;
  width: 540px;
}

.hd__eventDetail .eventTyping .coupon-btn {
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 70%;
  font-size: 22px;
  color: #fff;
  border-radius: 20px;
  background: #1c1c1c;
  transform: translateX(-50%);
}

.hd__eventDetail .eventReview .reply {
  margin-top: 95px;
  padding: 50px 70px 70px 70px;
  border-top: 3px solid #1c1c1c;
  box-shadow: 9px 9px 27px rgba(0, 0, 0, 0.1);
}

.hd__eventDetail .winnerDetail .winner-list {
  margin-top: 95px;
  padding: 50px 70px 70px 70px;
  border-top: 3px solid #1c1c1c;
  box-shadow: 9px 9px 27px rgba(0, 0, 0, 0.1);
}

.hd__eventDetail .winnerDetail .winner-list table {
  width: 100%;
}

.hd__eventDetail .winnerDetail .winner-list table tr {
  height: 58px;
}

.hd__eventDetail .winnerDetail .winner-list table tr th {
  border-bottom: 1px solid #000;
  font-size: 16px;
  text-align: center;
}

.hd__eventDetail .winnerDetail .winner-list table tr th:nth-child(2) {
  padding-left: 100px;
  text-align: left;
}

.hd__eventDetail .winnerDetail .winner-list table tr td {
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  text-align: center;
}

.hd__eventDetail .winnerDetail .winner-list table tr td:nth-child(2) {
  padding-left: 100px;
  text-align: left;
}

.hd__eventDetail .eventRoulette .roulette {
  position: relative;
  margin: 129px auto 80px;
  width: 746px;
  height: 746px;
  border-radius: 50%;
  box-shadow: 14px 20px 0 rgba(179, 55, 22, 0.25);
}

.hd__eventDetail .eventRoulette .roulette:after {
  position: absolute;
  left: 50%;
  top: -51px;
  margin-left: -31.5px;
  width: 77px;
  height: 115px;
  background: url("/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?220819") no-repeat -144px 0;
  content: '';
}

.hd__eventDetail .eventRoulette .roulette__img {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  border: 14px solid #1c1c1c;
  box-sizing: border-box;
}

.hd__eventDetail .eventRoulette .roulette__btn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -125px 0 0 -125px;
  width: 249px;
  height: 248px;
  background: url("/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?210209") no-repeat -221px 0;
  text-indent: -999em;
  box-shadow: 0 10px 10px rgba(179, 55, 22, 0.25);
  border-radius: 50%;
}

.hd__eventDetail .eventRoulette .roulette__banner {
  margin: 0 auto;
  padding: 20px 0;
  width: 745px;
}

.hd__eventDetail .eventRoulette .roulette__banner .slick-arrow {
  width: 22px;
  height: 51px;
  background: url("/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?210209") no-repeat 0 -60px;
  background-size: auto !important;
  opacity: 0.3;
  z-index: 1;
}

.hd__eventDetail .eventRoulette .roulette__banner .slick-prev {
  left: 30px;
}

.hd__eventDetail .eventRoulette .roulette__banner .slick-next {
  right: 30px;
}

.hd__eventDetail .eventLucky .lucky__area {
  position: relative;
  padding-bottom: 80px;
}

.hd__eventDetail .eventLucky .lucky__area:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1100px;
  height: 1px;
  background: #dedede;
  content: '';
  transform: translateX(-50%);
}

.hd__eventDetail .eventLucky .lucky__area.close .item__thumb {
  position: relative;
}

.hd__eventDetail .eventLucky .lucky__area.close .item__thumb:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: '';
  z-index: 1;
}

.hd__eventDetail .eventLucky .lucky__area.close .item__thumb span {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  z-index: 2;
}

.hd__eventDetail .eventLucky .lucky__area.open .lucky__cont-timer div.text {
  color: #1c1c1c;
}

.hd__eventDetail .eventLucky .lucky__area.open .item__thumb {
  position: relative;
}

.hd__eventDetail .eventLucky .lucky__area.open .item__thumb:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: '';
  z-index: 1;
}

.hd__eventDetail .eventLucky .lucky__area.open .item__thumb span {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  z-index: 2;
}

.hd__eventDetail .eventLucky .lucky__cont {
  margin: 0 auto;
  width: 580px;
}

.hd__eventDetail .eventLucky .lucky__cont-timer {
  margin: 50px 0 30px 0;
  font-size: 36px;
  color: #ea1111;
  text-align: center;
}

.hd__eventDetail .eventLucky .lucky__cont-timer .days {
  margin-right: 10px;
}

.hd__eventDetail .eventLucky .lucky__cont-timer .days:after {
  font-size: 20px;
  content: '일';
}

.hd__eventDetail .eventLucky .lucky__cont-timer .text {
  margin-left: -5px;
  line-height: 1.3;
  font-size: 27px;
}

.hd__eventDetail .eventLucky .lucky__cont-timer .text + .text {
  margin-top: 5px;
}

.hd__eventDetail .eventLucky .lucky__cont-timer .black {
  color: #1c1c1c;
}

.hd__eventDetail .eventLucky .lucky__cont-timer .seconds {
  animation-name: opacity_key;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  animation-delay: 0;
}

@keyframes opacity_key {
  0%, 100% {
    opacity: 1;
  }
  30% {
    opacity: 0.3;
  }
  60% {
    opacity: 0.6;
  }
  90% {
    opacity: 0.9;
  }
}

.hd__eventDetail .eventLucky .lucky__cont-product {
  margin-bottom: 50px;
}

.hd__eventDetail .eventLucky .lucky__cont-product .item__info {
  margin-top: 10px;
}

.hd__eventDetail .eventLucky .lucky__cont-product .item__title {
  line-height: 1.4;
}

.hd__eventDetail .eventLucky .lucky__cont-product .item__sub {
  margin-bottom: 5px;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #888;
}

.hd__eventDetail .eventLucky .lucky__cont-product .item__name {
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  font-size: 20px;
  font-weight: bold;
}

.hd__eventDetail .eventLucky .lucky__cont-product .item__thumb img {
  display: block;
}

.hd__eventDetail .eventLucky .lucky__cont-product .item__price {
  position: relative;
  margin-top: 30px;
}

.hd__eventDetail .eventLucky .lucky__cont-product .item__price-dc-rate {
  padding: 1px 8px 3px 8px;
  color: #fff;
  background: #ea1111;
}

.hd__eventDetail .eventLucky .lucky__cont-product .item__price-before {
  margin-left: 10px;
  font-size: 20px;
  color: #888;
}

.hd__eventDetail .eventLucky .lucky__cont-product .item__price-after {
  position: absolute;
  right: 0;
  top: -10px;
  font-size: 18px;
}

.hd__eventDetail .eventLucky .lucky__cont-product .item__price-after strong {
  font-size: 36px;
  font-weight: bold;
}

.hd__eventDetail .eventLucky .lucky__cont-count {
  margin-bottom: 20px;
  font-size: 18px;
  text-align: center;
}

.hd__eventDetail .eventLucky .lucky__cont-count span {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid #1c1c1c;
}

.hd__eventDetail .eventLucky .lucky__cont .btn-init {
  height: 70px;
  font-size: 20px;
  border-radius: 50px;
}

.hd__eventDetail .eventLucky .lucky__cont .btn-init.buy {
  color: #fff;
  background: #1c1c1c;
}

.hd__eventDetail .eventLucky .lucky__cont .btn-init.orange {
  color: #888;
  border-color: #aaa;
}

.hd__eventDetail .eventStamp .stamp-area {
  padding: 70px 0 80px;
  background: #f5f5f5;
}

.hd__eventDetail .eventStamp .stamp-area .inner {
  margin: 0 auto;
  width: 600px;
}

.hd__eventDetail .eventStamp .stamp-area .info {
  padding-bottom: 20px;
  text-align: center;
}

.hd__eventDetail .eventStamp .stamp-area .info__title {
  font-size: 42px;
  letter-spacing: -1px;
}

.hd__eventDetail .eventStamp .stamp-area .info__title .user {
  display: none;
}

.hd__eventDetail .eventStamp .stamp-area .info__list {
  display: none;
  margin-top: 15px;
}

.hd__eventDetail .eventStamp .stamp-area .info__list li {
  margin: 5px 0;
  font-size: 26px;
}

.hd__eventDetail .eventStamp .stamp-area .info__list li .num {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  width: 75px;
  line-height: 35px;
  font-size: 24px;
  text-align: center;
  background: #e1e1e1;
  border-radius: 30px;
}

.hd__eventDetail .eventStamp .stamp-area .info__list li .num:before {
  position: absolute;
  left: -14px;
  top: 50%;
  margin-top: -10px;
  width: 1px;
  height: 20px;
  background: #888;
  content: '';
}

.hd__eventDetail .eventStamp .stamp-area .info__list li .num.on {
  color: #918c00;
}

.hd__eventDetail .eventStamp .stamp-area .stamps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 15px 0;
  border-top: 1px solid #afafaf;
  /* eventStamp */
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list {
  margin: 10px 6px;
  width: 107px;
  height: 107px;
  border-radius: 50%;
  overflow: hidden;
  background: url("/front_pc/images/img_eventStamp-789e5c2b4986fbc1aaeff616f61c51b2.png?ver=241011") no-repeat 0 -110px;
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list .txt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 22px;
  font-weight: bold;
  color: #888;
  text-align: center;
  transform: rotate(20deg);
  cursor: auto;
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list .txt .gift {
  font-size: 21px;
  text-align: center;
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list .txt .gift strong {
  display: block;
  font-size: 23px;
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list .txt .gift:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/front_pc/images/img_eventStamp-789e5c2b4986fbc1aaeff616f61c51b2.png?ver=241011") no-repeat 0 0;
  transform: rotate(-20deg);
  z-index: -1;
  content: '';
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list .date {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 22px;
  height: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #918c00;
  transform: rotate(20deg);
  box-sizing: border-box;
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list--on {
  background-position-y: -220px;
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list--on .txt {
  color: #fff;
  cursor: pointer;
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list--on .txt .gift:after {
  display: none;
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list--on .txt.on {
  transform: none;
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list--on .txt.on:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/front_pc/images/img_eventStamp-789e5c2b4986fbc1aaeff616f61c51b2.png?ver=241011") no-repeat 0 -440px;
  content: '';
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list--end {
  background-position-y: -330px;
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list--end .txt:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 107px;
  font-size: 25px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  content: '받았음';
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list--end .txt .gift {
  color: #918c00;
}

.hd__eventDetail .eventStamp .stamp-area .stamps__list--end .txt .gift:after {
  background-position-y: -550px;
}

.hd__eventDetail .eventStamp .stamp-area .guide {
  padding-top: 20px;
  font-size: 26px;
  color: #7f7f7f;
  text-align: center;
  border-top: 1px solid #afafaf;
}

.hd__eventDetail .eventStamp .stamp-area .guide .point {
  color: #1c1c1c;
}

.hd__eventDetail .eventStamp .stamp-area .btn-init {
  display: block;
  margin: 40px auto 0;
  width: 500px;
  line-height: 100px;
  font-size: 32px;
  letter-spacing: -1px;
  border-radius: 50px;
}

.hd__eventDetail .eventStamp .stamp-area.login {
  background: #f5f5f5 url("/front_pc/images/bg_eventStamp-41446f6d226eea340bec420382e7bf9c.png") no-repeat;
  background-position: 123px -40px;
}

.hd__eventDetail .eventStamp .stamp-area.login .info {
  text-align: right;
}

.hd__eventDetail .eventStamp .stamp-area.login .info__title .user {
  display: block;
}

.hd__eventDetail .eventStamp .stamp-area.login .info__list {
  display: block;
}

.hd__eventDetail .eventTapping .tapping-wrap {
  position: relative;
  margin: 0 auto;
  min-width: 640px;
  min-height: 1000px;
}

.hd__eventDetail .eventTapping .tapping-section {
  position: absolute;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
}

.hd__eventDetail .eventTapping .tapping-section.bottom {
  display: flex;
  justify-content: center;
  align-items: end;
  height: 220px;
}

.hd__eventDetail .eventTapping .tapping-timer {
  display: inline-block;
  width: 220px;
  height: 70px;
  line-height: 68px;
  font-size: 55px;
  font-weight: bold;
  color: #50b9e6;
  text-align: center;
  background: #fff;
  border-radius: 5px;
}

.hd__eventDetail .eventTapping .tapping-timer .seconds {
  animation-name: opacity_key;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  animation-delay: 0;
}

@keyframes opacity_key {
  0%, 100% {
    opacity: 1;
  }
  30% {
    opacity: 0.3;
  }
  60% {
    opacity: 0.6;
  }
  90% {
    opacity: 0.9;
  }
}

.hd__eventDetail .eventTapping .tapping-text {
  margin-top: 30px;
  font-size: 36px;
  text-align: center;
  color: #fff;
}

.hd__eventDetail .eventTapping .tapping-text.small {
  margin-top: 11px;
  font-size: 26px;
  font-weight: bold;
}

.hd__eventDetail .eventTapping .tapping-img {
  transition: all 0.5s;
}

.hd__eventDetail .eventTapping .tapping-img.active img {
  animation: flame 0.5s infinite;
}

@keyframes flame {
  from,
  to {
    transform: scale(1.1);
  }
  25% {
    transform: scale(0.9, 1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}

.hd__eventDetail .eventTapping .tapping-progress {
  position: relative;
  margin: 0 auto;
  width: 560px;
}

.hd__eventDetail .eventTapping .tapping-progress .progress-bg {
  position: relative;
  flex-grow: 1;
  height: 20px;
  border-radius: 10px;
  background-color: #fff;
}

.hd__eventDetail .eventTapping .tapping-progress .progress-bg span {
  font-size: 0;
}

.hd__eventDetail .eventTapping .tapping-progress .progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 20px;
  font-size: 0;
  text-indent: -9999px;
  border-radius: 10px;
  background-color: #2b8ee2;
  transition: all 0.5s;
}

.hd__eventDetail .eventTapping .tapping-progress .progress-ico {
  position: absolute;
  bottom: 100%;
}

.hd__eventDetail .eventTapping .tapping-progress .progress-ico img {
  margin-bottom: 10px;
}

.hd__eventDetail .eventTapping .tapping-progress .progress-line {
  position: absolute;
  width: 1px;
  height: 100%;
  border-left: 1px dashed rgba(0, 0, 0, 0.25);
}

.hd__eventDetail .eventTapping .tapping-btn {
  margin-top: 40px;
}

.hd__eventDetail .eventTapping .tapping-btn button {
  margin: 0 auto;
  width: 560px;
  height: 90px;
  line-height: 88px;
  font-size: 32px;
  font-weight: bold;
  border-radius: 20px;
}

.hd__eventDetail .eventTapping .tapping-btn button.green {
  background: #272727;
  border-color: #272727;
}

.hd__eventDetail .eventTapping .tapping-share {
  margin: 30px 0 40px;
  text-align: center;
  white-space: nowrap;
}

.hd__eventDetail .eventTapping .tapping-share dl dt {
  display: block;
  margin-bottom: 30px;
  font-size: 26px;
  text-align: center;
}

.hd__eventDetail .eventTapping .tapping-share dl dt strong {
  font-weight: bold;
  color: #2b8ee2;
}

.hd__eventDetail .eventTapping .tapping-share dd {
  display: inline-block;
  width: 157px;
  height: 107px;
}

.hd__eventDetail .eventTapping .tapping-share dd a {
  display: block;
  font-size: 0;
}

.hd__eventDetail .eventTapping .tapping-share dd a:before {
  display: block;
  margin: 0 auto;
  width: 107px;
  height: 107px;
  content: '';
  background: url("/front_pc/images/ico_event_sns-b91f027fa5ed71d432e57e95d3774bb7.png") no-repeat;
  background-size: 300% auto;
}

.hd__eventDetail .eventTapping .tapping-share dd a.instagram:before {
  background-position-x: 50%;
}

.hd__eventDetail .eventTapping .tapping-share dd a.copy:before {
  background-position-x: 100%;
}

.hd__eventDetail .eventTapping .tapping-share .tip {
  position: relative;
  margin: 25px auto 0;
  line-height: 1.5;
  font-size: 21px;
  font-weight: bold;
}

.hd__eventDetail .eventTapping .tapping-share .tip p {
  margin-top: 15px;
  font-size: 18px;
  font-weight: normal;
  color: #565656;
}

.hd__eventDetail .eventScratch .scratch-wrap {
  position: relative;
  margin: 0 auto;
  min-width: 640px;
  min-height: 1000px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hd__eventDetail .eventScratch .scratch-section {
  position: absolute;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
}

.hd__eventDetail .eventScratch .scratch-section.bottom {
  display: flex;
  justify-content: center;
  align-items: end;
  height: 220px;
}

.hd__eventDetail .eventScratch .scratch-text {
  margin-top: 30px;
  font-size: 23px;
  text-align: center;
  color: #fff;
}

.hd__eventDetail .eventScratch .scratch-text > * {
  display: block;
}

.hd__eventDetail .eventScratch .scratch-text > * + * {
  margin-top: 10px;
}

.hd__eventDetail .eventScratch .scratch-box {
  position: relative;
  margin-top: 40px;
}

.hd__eventDetail .eventScratch .scratch-box .box-area {
  position: absolute;
  top: 0;
  left: 50%;
  width: 300px;
  height: 200px;
  transform: translateX(-50%);
}

.hd__eventDetail .eventScratch .scratch-box .box-finish {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  /* 이벤트가 캔버스에만 전달되도록 설정 */
  box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}

.hd__eventDetail .eventScratch .scratch-box .box-finish .finish-txt {
  font-size: 34px;
}

.hd__eventDetail .eventScratch .scratch-box .box-text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  color: black;
  font-size: 20px;
  z-index: 3;
  pointer-events: none;
  transition: opacity 0.5s;
}

.hd__eventDetail .eventScratch .scratch-box canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 20px;
}

.hd__eventDetail .eventScratch .scratch-share {
  margin-top: 40px;
  text-align: center;
  white-space: nowrap;
}

.hd__eventDetail .eventScratch .scratch-share dl dt {
  display: block;
  margin-bottom: 25px;
  font-size: 23px;
  text-align: center;
}

.hd__eventDetail .eventScratch .scratch-share dl dt strong {
  font-weight: bold;
  color: #918c00;
}

.hd__eventDetail .eventScratch .scratch-share dd {
  display: inline-block;
  width: 130px;
  height: 90px;
}

.hd__eventDetail .eventScratch .scratch-share dd a {
  display: block;
  font-size: 0;
}

.hd__eventDetail .eventScratch .scratch-share dd a:before {
  display: block;
  margin: 0 auto;
  width: 90px;
  height: 90px;
  content: '';
  background: url("/front_pc/images/ico_event_sns-b91f027fa5ed71d432e57e95d3774bb7.png") no-repeat;
  background-size: 300% auto;
}

.hd__eventDetail .eventScratch .scratch-share dd a.instagram:before {
  background-position-x: 50%;
}

.hd__eventDetail .eventScratch .scratch-share dd a.copy:before {
  background-position-x: 100%;
}

.hd__eventDetail .eventScratch .scratch-toast {
  position: absolute;
  left: 50%;
  top: 40px;
  padding: 10px 25px;
  font-size: 20px;
  transform: translateX(-50%);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

/* button */
.btn__all-delete {
  position: absolute;
  top: 0;
  right: 0;
  background: url(/front_pc/images/ico_comm_delete-4007cc65d094f20f94d5f1dadde5b83f.png) no-repeat 0 50%;
  padding-left: 25px;
  color: #3d3d3d;
  line-height: 23px;
  font-size: 18px;
}

.btn__list-delete {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  width: 32px;
  height: 32px;
}

.btn__list-delete:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 30px;
  margin: -15px 0 0 -1px;
  background-color: #888;
  transform: rotate(45deg);
}

.btn__list-delete:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 30px;
  margin: -15px 0 0 -1px;
  background-color: #888;
  transform: rotate(-45deg);
}

.btn-round {
  padding: 5px 10px;
  line-height: 1.3;
  font-size: 14px;
  color: #707070;
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
}

/* checkbox */
.hd .checks input[type="checkbox"],
.hd .checks input[type="radio"] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
}

.hd .checks label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  line-height: 24px;
  cursor: pointer;
}

.hd .checks label:before {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #ccc;
  vertical-align: -4px;
  background: #FFF url(/front_pc/images/ico_comm_checkbox-fc3131821da6cb1b27e84b08680a2f22.png) no-repeat 50% 50%;
  border-radius: 50%;
  box-sizing: border-box;
}

.hd .checks input[type="checkbox"]:checked + label:before,
.hd .checks input[type="radio"]:checked + label:before {
  border: 1px solid #918c00;
  background: #918c00 url(/front_pc/images/ico_comm_checkbox_on-2bb49b0f9d9a22138694752231647e7d.png) no-repeat 50% 50%;
}

/* no data */
.none-list {
  position: relative;
}

.none-list__inner {
  padding: 90px 0 120px;
  border-bottom: 1px solid #ccc;
}

.none-list__inner .none-list__txt {
  position: relative;
  padding-top: 90px;
  text-align: center;
  line-height: 26px;
  font-size: 16px;
  color: #3D3D3D;
}

.none-list .none-list__txt:before {
  content: '';
  position: absolute;
  top: 15px;
  left: 50%;
  height: 59px;
  width: 59px;
  background: url(/front_pc/images/ico_comm_noList-b7fb4b3155705be069121f22c0674ef0.png?ver=1112) no-repeat 50% 50%;
  transform: translate3d(-50%, 0, 0);
}

.none-list .btn__goHome {
  display: block;
  width: 310px;
  height: 68px;
  margin: 60px auto 0;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 68px;
  font-size: 24px;
  font-weight: 600;
  color: #3D3D3D;
}

/* 수량체크 */
.hd .prd {
  /* 수량체크 재 입고알림 버튼 */
}

.hd .prd_length {
  display: inline-block;
  position: relative;
  width: 144px;
}

.hd .prd_length *:focus {
  z-index: 2;
}

.hd .prd_length input[type='text'] {
  border: 1px solid #BEBEBE;
  width: 100%;
  height: 45px;
  padding: 0 43px;
  text-align: center;
  font-size: 16px;
  color: #3D3D3D;
  box-sizing: border-box;
}

.hd .prd_length button {
  position: absolute;
  top: 0;
  width: 45px;
  height: 45px;
  border: 1px solid #BEBEBE;
  background: #f8f8f8;
  font-size: 16px;
  color: #3D3D3D;
  line-height: 43px;
  font-size: 0;
}

.hd .prd_length .btn_st1_plus {
  right: 0;
}

.hd .prd_length .btn_st1_plus:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  width: 11px;
  background: #5f5f5f;
  transform: translate(-50%, -50%);
}

.hd .prd_length .btn_st1_plus:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  height: 11px;
  width: 1px;
  background: #5f5f5f;
  transform: translate(-50%, -50%);
}

.hd .prd_length .btn_st1_minus {
  left: 0;
}

.hd .prd_length .btn_st1_minus:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  width: 11px;
  background: #5f5f5f;
  transform: translate(-50%, -50%);
}

.hd .prd_btn {
  display: inline-block;
  position: relative;
  left: 0;
  width: 144px;
  line-height: 45px;
  font-size: 17px;
  background: #f8f8f8;
  border: 1px solid #ccc;
}

.hd .prd_btn i {
  margin-right: -5px;
}

/* notice_desc */
.notice_desc {
  padding-top: 10px;
  line-height: 26px;
  font-size: 16px;
  color: #888;
  overflow: hidden;
}

.notice_desc strong {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #3D3D3D;
}

.notice_desc .info {
  margin: -35px 0 12px !important;
  line-height: 1;
}

/* 신규 장바구니 */
.hd .hd__orderCart .tab-menu {
  padding-top: 0;
  position: relative;
  border-bottom: 0;
}

.hd .hd__orderCart .tab-menu:after {
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 3px;
  background: #918c00;
  content: "";
}

.hd .hd__orderCart ul.tab-menu .tab-menu__list {
  margin-right: -1px;
  width: calc(100% /4 + 1px);
  height: 56px;
  line-height: 52px;
  font-size: 17px;
  font-weight: normal;
  border: 1px solid #e5e5e5;
  border-bottom: 3px solid #1c1c1c;
  box-sizing: border-box;
  letter-spacing: -1px;
}

.hd .hd__orderCart ul.tab-menu .tab-menu__list a {
  padding-right: 0;
  color: #777;
}

.hd .hd__orderCart ul.tab-menu .tab-menu__list a:after {
  display: none;
}

.hd .hd__orderCart ul.tab-menu .tab-menu__list--on {
  position: relative;
  line-height: 48px;
  font-weight: bold;
  border: 3px solid #1c1c1c;
  border-bottom: 0;
}

.hd .hd__orderCart ul.tab-menu .tab-menu__list--on a {
  height: 53px;
  color: #1c1c1c;
  background: #fff;
}

.hd .hd__orderCart ul.tab-menu.col2 .tab-menu__list {
  width: calc(50% + 1px);
}

.hd .hd__orderCart ul.tab-menu.col3 .tab-menu__list {
  width: calc(33.33% + 1px);
}

.hd .hd__orderCart ul.tab-menu:after {
  bottom: 1px;
  background: #1c1c1c;
}

.hd .orderCart {
  position: relative;
}

.hd .orderCart__top {
  position: relative;
  margin-top: 30px;
}

.hd .orderCart__top__ctrl {
  position: relative;
  padding-bottom: 20px;
}

.hd .orderCart__top__ctrl .btn__delete {
  margin-left: 40px;
  float: right;
}

.hd .orderCart__top__delivery {
  padding: 25px 0;
  border-top: 1px solid #ccc;
}

.hd .orderCart__top__delivery dl {
  position: relative;
  font-size: 19px;
  letter-spacing: -0.5px;
}

.hd .orderCart__top__delivery dl dt, .hd .orderCart__top__delivery dl dd {
  display: inline-block;
  vertical-align: top;
}

.hd .orderCart__top__delivery dl dt {
  margin-right: 20px;
  font-size: 21px;
  font-weight: 700;
}

.hd .orderCart__top__delivery dl dd {
  margin-right: 10px;
}

.hd .orderCart__top__delivery dl dd em {
  font-weight: 700;
  color: #918c00;
}

.hd .orderCart__top__delivery dl dd .guide {
  font-size: 16px;
  color: #888;
}

.hd .orderCart__top__delivery dl dd .name {
  display: inline-block;
  max-width: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}

.hd .orderCart__top__delivery dl + dl {
  margin-top: 25px;
}

.hd .orderCart__top__delivery .ico_tooltip {
  width: 20px;
  height: 20px;
  line-height: 17px;
  border-color: #888;
}

.hd .orderCart__top__delivery .ico_tooltip:before {
  font-size: 15px;
}

.hd .orderCart__top__delivery .progress_wrap {
  width: 375px;
}

.hd .orderCart__top__delivery .progress_wrap .ico_delivery {
  margin-left: 10px;
}

.hd .orderCart__top__delivery-btn {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 19px;
  letter-spacing: -0.5px;
}

.hd .orderCart__top__delivery-btn:before {
  display: inline-block;
  margin-right: 7px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  font-size: 18px;
  color: #918c00;
  text-align: center;
  border: 1px solid #918c00;
  border-radius: 50%;
  content: '+';
  vertical-align: top;
}

.hd .orderCart__top__gift {
  position: relative;
  padding: 25px 0;
  border-top: 1px solid #ccc;
}

.hd .orderCart__top__gift .accordion__head {
  position: relative;
  font-size: 21px;
  background-position-x: right;
  cursor: pointer;
}

.hd .orderCart__top__gift .accordion__head:after {
  position: absolute;
  right: 60px;
  top: -3px;
  padding: 4px 7px;
  font-size: 15px;
  font-style: inherit;
  background: #e2e735;
  border: 2px solid #1c1c1c;
  border-radius: 30px;
  vertical-align: top;
  text-transform: uppercase;
  letter-spacing: 0;
  content: 'GIFT';
  animation: giftMotion 0.4s ease-out 0s infinite alternate;
}

@keyframes giftMotion {
  0% {
    top: -3px;
  }
  100% {
    top: 3px;
  }
}

.hd .orderCart__top__gift .gift-box {
  display: flex;
  margin-top: 25px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
}

.hd .orderCart__top__gift .gift-info {
  width: 100%;
  overflow: hidden;
  text-align: center;
}

.hd .orderCart__top__gift .gift-info__price .price {
  display: inline-block;
  position: relative;
  font-size: 30px;
  font-weight: 600;
}

.hd .orderCart__top__gift .gift-info__price .price:after {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 7px;
  background: #F9D983;
  content: '';
  z-index: -1;
}

.hd .orderCart__top__gift .gift-info__text {
  margin-top: 20px;
  font-size: 18px;
  color: #2d4641;
  vertical-align: middle;
}

.hd .orderCart__top__gift .gift-info__text strong span {
  font-size: 18px;
  font-weight: normal;
}

.hd .orderCart__top__gift .gift-info__text p {
  margin-top: 5px;
  font-size: 17px;
  color: #918c00;
}

.hd .orderCart__top__gift .gift-list {
  display: flex;
  width: 100%;
}

.hd .orderCart__top__gift .gift-list__thumb {
  float: left;
  margin-right: 20px;
  width: 100px;
  height: 100px;
}

.hd .orderCart__top__gift .gift-list__item {
  float: left;
  width: calc(100% - 180px);
}

.hd .orderCart__top__gift .gift-list__item .item-box .item-list:nth-of-type(1) i {
  color: #1c1c1c;
  border: 1px solid #1c1c1c;
}

.hd .orderCart__top__gift .gift-list__item .item-box.active .item-list:nth-of-type(1) i {
  color: #918c00;
  border-color: #918c00;
}

.hd .orderCart__top__gift .gift-list__item .item-box + .item-box {
  margin-top: 15px;
}

.hd .orderCart__top__gift .gift-list__item .item-list {
  position: relative;
  padding-left: 65px;
  line-height: 1.5;
}

.hd .orderCart__top__gift .gift-list__item .item-list span {
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .orderCart__top__gift .gift-list__item .item-list i {
  position: absolute;
  left: 0;
  top: 2px;
  padding: 3px 0;
  width: 46px;
  line-height: 1;
  font-size: 15px;
  font-style: normal;
  color: #888;
  box-sizing: border-box;
  text-align: center;
}

.hd .orderCart__top__gift .gift-list__item .item-list.on span {
  color: #918c00;
  text-decoration: underline;
}

.hd .orderCart__top__gift .gift-list__item .item-list.soldout i {
  color: #888 !important;
  border: 1px solid #ccc !important;
}

.hd .orderCart__top__gift .gift-list__item .item-list + .item-list {
  margin-top: 7px;
}

.hd .orderCart__top__gift .gift-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hd .orderCart__title {
  padding: 0 70px 0 40px;
  font-size: 0;
  color: #666;
  border-top: 3px solid #1c1c1c;
  background: #fafafa;
}

.hd .orderCart__title li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  height: 57px;
  line-height: 57px;
  font-size: 16px;
  letter-spacing: -1px;
}

.hd .orderCart__title li:nth-child(1) {
  width: 510px;
}

.hd .orderCart__title li:nth-child(2) {
  width: 120px;
}

.hd .orderCart__title li:nth-child(3) {
  width: 220px;
}

.hd .orderCart__title li:nth-child(4) {
  width: 140px;
}

.hd .orderCart__list {
  border-bottom: 3px solid #1c1c1c;
  /* 사은품 */
}

.hd .orderCart__list .orderCartBox__list {
  position: relative;
  border-top: 1px solid #ddd;
}

.hd .orderCart__list .orderCartBox__list__inner {
  position: relative;
  font-size: 0;
  padding: 20px 70px 20px 40px;
}

.hd .orderCart__list .orderCartBox__list__cont {
  display: inline-block;
  vertical-align: middle;
  width: 510px;
  box-sizing: border-box;
}

.hd .orderCart__list .orderCartBox__list .cont__img {
  position: absolute;
  top: 0px;
  left: 0;
}

.hd .orderCart__list .orderCartBox__list .cont__img a {
  display: block;
  overflow: hidden;
  width: 120px;
  height: 120px;
}

.hd .orderCart__list .orderCartBox__list .cont__title {
  display: block;
  max-height: 56px;
  margin-bottom: 5px;
  font-size: 19px;
  line-height: 28px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .orderCart__list .orderCartBox__list .cont__opts {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 26px;
}

.hd .orderCart__list .orderCartBox__list .cont__pdName {
  display: block;
  font-size: 16px;
  line-height: 26px;
}

.hd .orderCart__list .orderCartBox__list .cont__delivery {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #918c00;
  line-height: 26px;
}

.hd .orderCart__list .orderCartBox__list .cont__qty {
  display: block;
  padding-top: 5px;
  font-size: 16px;
  color: #888;
}

.hd .orderCart__list .orderCartBox__list .cont__error {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #ff0000;
}

.hd .orderCart__list .orderCartBox__list .cont__error:before {
  display: inline-block;
  margin-right: 3px;
  width: 13px;
  height: 13px;
  line-height: 12px;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  border: 1px solid #ff0000;
  border-radius: 50%;
  content: '!';
  vertical-align: bottom;
}

.hd .orderCart__list .orderCartBox__list .selling-price {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.hd .orderCart__list .orderCartBox__list .selling-price.price01 {
  width: 120px;
  font-size: 16px;
}

.hd .orderCart__list .orderCartBox__list .selling-price.price02 {
  width: 140px;
  font-size: 20px;
  font-weight: 600;
}

.hd .orderCart__list .orderCartBox__list .prd_value {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 220px;
  text-align: center;
}

.hd .orderCart__list .orderCartBox__list .btn__list-delete {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -16px;
}

.hd .orderCart__list .orderCartBox__list .boxInner {
  display: none;
  position: relative;
}

.hd .orderCart__list .orderCartBox__list .boxInner__list {
  border-top: 1px solid #ddd;
  padding: 20px 0;
}

.hd .orderCart__list .orderCartBox__list .boxInner .multi__box {
  position: relative;
  min-height: 120px;
}

.hd .orderCart__list .orderCartBox__list .boxInner .multi__box__date {
  display: table-cell;
  width: 120px;
  height: 120px;
  border: 3px solid #C0C0C0;
  box-sizing: border-box;
  font-size: 0;
  vertical-align: middle;
}

.hd .orderCart__list .orderCartBox__list .boxInner .multi__box__date:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.hd .orderCart__list .orderCartBox__list .boxInner .multi__box__date strong {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.hd .orderCart__list .orderCartBox__list .boxInner .multi__box__date span {
  display: block;
  font-weight: 400;
}

.hd .orderCart__list .orderCartBox__list .boxInner .multi__box__product {
  display: table-cell;
  padding-left: 25px;
  width: 955px;
  vertical-align: middle;
}

.hd .orderCart__list .orderCartBox__list .boxInner .multi__box__product p {
  line-height: 26px;
  font-size: 16px;
}

.hd .orderCart__list .orderCartBox__list .boxInner .multi__box__product p:after {
  content: '';
  display: block;
  clear: both;
}

.hd .orderCart__list .orderCartBox__list .boxInner .multi__box__product p .product__lft {
  float: left;
  max-width: 850px;
}

.hd .orderCart__list .orderCartBox__list .boxInner .multi__box__product p .product__rgt {
  float: right;
  font-weight: 600;
}

.hd .orderCart__list .orderCartBox__list.single .orderCartBox__list__inner {
  min-height: 120px;
}

.hd .orderCart__list .orderCartBox__list.single .checks {
  display: block;
  position: absolute;
  top: 20px;
  left: 5px;
  font-size: 0;
}

.hd .orderCart__list .orderCartBox__list.single .checks label {
  padding-left: 0;
}

.hd .orderCart__list .orderCartBox__list.single .checks label:before {
  position: static;
}

.hd .orderCart__list .orderCartBox__list.single .orderCartBox__list__cont {
  position: relative;
  min-height: 120px;
}

.hd .orderCart__list .orderCartBox__list.single .orderCartBox__list__cont .cont__img {
  position: inherit;
  display: table-cell;
  width: 120px;
  vertical-align: top;
}

.hd .orderCart__list .orderCartBox__list.single .orderCartBox__list__cont .cont__text {
  display: table-cell;
  padding-left: 25px;
  vertical-align: top;
}

.hd .orderCart__list .orderCartBox__list.multi .checks {
  display: block;
  position: absolute;
  top: 31px;
  left: 5px;
  font-size: 0;
}

.hd .orderCart__list .orderCartBox__list.multi .checks label {
  padding-left: 0;
}

.hd .orderCart__list .orderCartBox__list.multi .checks label:before {
  position: static;
}

.hd .orderCart__list .orderCartBox__list.multi .orderCartBox__list__cont {
  width: 470px;
}

.hd .orderCart__list .orderCartBox__list.multi .view-detail {
  display: inline-block;
  width: 198px;
  text-align: center;
  vertical-align: middle;
}

.hd .orderCart__list .orderCartBox__list.multi .prd_value {
  width: auto;
}

.hd .orderCart__list .orderCartBox__list.multi .btn__moreView {
  display: inline-block;
  width: 144px;
  height: 45px;
  border: 1px solid #ccc;
  background: #F5F5F5;
  font-size: 16px;
  color: #3D3D3D;
}

.hd .orderCart__list .orderCartBox__list.multi .btn__moreView:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-left: 10px;
  vertical-align: 0;
  background: url(/front_pc/images/ico_comm_accd-d840278f6c20697f9f4572e33437a5b5.png) no-repeat 0 0;
}

.hd .orderCart__list .orderCartBox__list.multi .btn__moreView.on:after {
  background-image: url(/front_pc/images/ico_comm_accd_on-3058e307320afabac4511351b1f8cb1b.png);
}

.hd .orderCart__list .orderCartBox__list.multi .selling-price {
  margin-left: 38px;
}

.hd .orderCart__list .orderCartBox__header {
  position: relative;
  padding: 20px 0;
  border-top: 1px solid #888;
  font-size: 20px;
}

.hd .orderCart__list .orderCartBox__header label {
  font-weight: 600;
}

.hd .orderCart__list .orderCartBox__header .btn-round {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 30px;
}

.hd .orderCart__list .orderCartBox__summary {
  padding: 25px 0;
  font-size: 18px;
  text-align: center;
  background: #f8f9fa;
}

.hd .orderCart__list .orderCartBox__summary-total {
  font-size: 20px;
  font-weight: 600;
  color: #1c1c1c;
}

.hd .orderCart__list .product__gift {
  position: relative;
  min-height: 40px;
  margin-top: 15px;
  padding-left: 60px;
  font-size: 0;
  line-height: 1;
}

.hd .orderCart__list .product__gift figure {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 40px;
}

.hd .orderCart__list .product__gift .gift-name {
  vertical-align: -24px;
  font-size: 16px;
}

.hd .orderCart__sec .btn {
  width: 620px;
  margin-top: 60px;
}

.hd .orderCart__sec .btn .btn-init {
  height: 70px;
  line-height: 70px;
  font-size: 24px;
  font-weight: 600;
}

.hd .orderCart__sec .tab-menu {
  margin-bottom: 10px;
}

.hd .orderCart__sec .info {
  float: right;
  margin-top: -14px;
  text-align: right;
  letter-spacing: -0.5px;
}

.hd .orderCart__sec .info dt {
  font-size: 20px;
  font-weight: 600;
  color: #918c00;
}

.hd .orderCart__sec .info dd {
  margin-top: 7px;
  font-size: 15px;
  color: #888;
}

.hd .orderCart__total__calc {
  position: relative;
  text-align: center;
  margin: 45px 0 30px;
  font-size: 0;
}

.hd .orderCart__total__calc .price {
  margin-left: 10px;
  font-size: 20px;
  font-weight: 600;
}

.hd .orderCart__total .calc__discount {
  margin-left: 13px;
  padding-left: 40px;
}

.hd .orderCart__total .calc__discount:before {
  content: '-';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 28px;
  height: 28px;
  background: #ccc;
  line-height: 24px;
  font-size: 18px;
  color: #FFF;
  border-radius: 50%;
  transform: translate3d(0, -50%, 0);
}

.hd .orderCart__total .calc__plus {
  margin-left: 13px;
  padding-left: 40px;
}

.hd .orderCart__total .calc__plus:before {
  content: '+';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 28px;
  height: 28px;
  background: #ccc;
  line-height: 26px;
  font-size: 18px;
  color: #FFF;
  border-radius: 50%;
  transform: translate3d(0, -50%, 0);
}

.hd .orderCart__total .calc__discount, .hd .orderCart__total .calc__total, .hd .orderCart__total .calc__plus {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}

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

.hd .orderCart__total__txt {
  margin-bottom: 10px;
  font-size: 16px;
}

.hd .orderCart__total__price {
  display: inline-block;
  position: relative;
  font-size: 36px;
  font-weight: 600;
}

.hd .orderCart__total__price:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 8px;
  background: #F9D983;
}

.hd {
  /* 단체주문 팝업 */
}

.hd__orderPayment .orderPayment__inner {
  position: relative;
}

.hd__orderPayment .orderPayment .left-box {
  float: left;
  width: 750px;
  min-height: 781px;
}

.hd__orderPayment .orderPayment .right-box {
  float: right;
  width: 310px;
  background: #FFF;
}

.hd__orderPayment .orderPayment .right-box > div {
  position: absolute;
  top: 0;
  width: 310px;
}

.hd__orderPayment .orderPayment .right-box.fixed > div {
  position: fixed;
  top: 76px;
}

.hd__orderPayment .orderPayment .right-box.absolute > div {
  top: auto;
  bottom: 0;
}

.hd__orderPayment .orderPayment .right-box .hd-checkbox.agree {
  padding: 20px 0;
  border-top: 1px solid #ccc;
}

.hd__orderPayment .orderPayment .right-box .hd-checkbox.agree label {
  display: block;
  font-size: 15.5px;
}

.hd__orderPayment .orderPayment .right-box .hd-checkbox.agree ul li > label {
  font-size: 16px;
  font-weight: bold;
}

.hd__orderPayment .orderPayment .right-box .hd-checkbox.agree ul li ol {
  margin-top: 10px;
  padding-left: 20px;
}

.hd__orderPayment .orderPayment .right-box .hd-checkbox.agree ul li ol li {
  position: relative;
  margin-top: 5px;
}

.hd__orderPayment .orderPayment .right-box .hd-checkbox.agree ul li ol li label {
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
}

.hd__orderPayment .orderPayment .right-box .hd-checkbox.agree ul li ol li .detail-btn:after {
  position: absolute;
  right: 2px;
  top: 8px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: solid #3D3D3D;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd__orderPayment .orderPayment__sect {
  border-top: 3px solid #1c1c1c;
}

.hd__orderPayment .orderPayment__sect + .hd__orderPayment .orderPayment__sect__sect {
  margin-top: 40px;
}

.hd__orderPayment .orderPayment__title {
  position: relative;
  padding: 30px 0;
  font-size: 20px;
  font-weight: 600;
}

.hd__orderPayment .orderPayment__title span {
  display: none;
  margin-left: 20px;
  padding-right: 140px;
  padding-left: 20px;
  line-height: 1.6;
  text-indent: -22px;
  font-size: 16px;
  flex: 1;
  color: #918c00;
  font-weight: normal;
}

.hd__orderPayment .orderPayment__title span strong {
  display: block;
  font-size: 18px;
}

.hd__orderPayment .orderPayment__title span.hd__necessar {
  display: inline-block;
  margin: 0 0 0 3px;
  padding: 0;
  font-size: inherit;
  text-indent: 0;
}

.hd__orderPayment .orderPayment__title em {
  margin-left: 40px;
  padding-right: 140px;
  line-height: 1.6;
  font-size: 16px;
  flex: 1;
  color: #888;
  font-weight: normal;
}

.hd__orderPayment .orderPayment__title .point_color {
  display: inline-block;
  margin-left: 55px;
  max-width: 160px;
  font-size: 17px;
  font-weight: 100;
  color: #918c00;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.hd__orderPayment .orderPayment__title + .checks {
  margin: -55px 60px 0 0;
  float: right;
}

.hd__orderPayment .orderPayment__title + .checks + .accordion__cont {
  padding-top: 25px;
  border-top: 1px solid #ccc;
}

.hd__orderPayment .orderPayment__title + .checks .ico_tooltip {
  position: relative;
  margin-left: 3px;
  z-index: 1;
}

.hd__orderPayment .orderPayment__title .txt-rgt {
  position: absolute;
  right: 40px;
  top: 50%;
  line-height: 1.4;
  font-size: 16px;
  font-weight: normal;
  text-align: right;
  transform: translateY(-50%);
}

.hd__orderPayment .orderPayment__title .txt-rgt strong {
  color: #918c00;
}

.hd__orderPayment .orderPayment__title .txt-rgt .name {
  display: inline-block;
  max-width: 192px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}

.hd__orderPayment .orderPayment__title .txt-rgt .guide {
  text-align: right;
  color: #888;
}

.hd__orderPayment .orderPayment__cont {
  position: relative;
  padding-bottom: 40px;
}

.hd__orderPayment .orderPayment__banner {
  margin: -20px 0 30px;
}

.hd__orderPayment .orderPayment .Qmark {
  display: inline-block;
  margin: 3px 0 0 1px;
  width: 18px !important;
  height: 18px !important;
  line-height: 15px;
  color: #999;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 50%;
  background: #fff !important;
  cursor: pointer;
}

.hd__orderPayment .orderPayment .Qmark:before {
  font-family: 'tahoma';
  font-size: 14px;
  font-weight: normal;
  color: #888;
  content: '?';
}

.hd__orderPayment .orderPayment .ordererInfo {
  width: 100%;
  position: relative;
}

.hd__orderPayment .orderPayment .ordererInfo__cont {
  border-top: 1px solid #ccc;
}

.hd__orderPayment .orderPayment .ordererInfo .btn-chkMember {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 120px;
  width: 110px;
  height: 45px;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  line-height: 45px;
}

.hd__orderPayment .orderPayment .ordererInfo__list {
  margin-top: 15px;
}

.hd__orderPayment .orderPayment .ordererInfo .form_title {
  display: inline-block;
  width: 150px;
  margin-top: 25px;
  font-size: 16px;
  font-weight: bold;
}

.hd__orderPayment .orderPayment .ordererInfo .input_type {
  display: inline-block;
  width: 596px;
}

.hd__orderPayment .orderPayment .ordererInfo #GUEST_ORDER_PWAlert,
.hd__orderPayment .orderPayment .ordererInfo #GUEST_PW_CONFIRMAlert {
  margin-left: 155px;
}

.hd__orderPayment .orderPayment .deliveryInfo {
  position: relative;
}

.hd__orderPayment .orderPayment .deliveryInfo.type-5 .orderPayment__title span {
  display: block;
}

.hd__orderPayment .orderPayment .deliveryInfo.type-5 .address-list {
  display: none !important;
}

.hd__orderPayment .orderPayment .deliveryInfo.type-5 .newAddress__sameAs, .hd__orderPayment .orderPayment .deliveryInfo.type-5 .addAddrArea {
  display: none !important;
}

.hd__orderPayment .orderPayment .deliveryInfo .deliveryInfo__cont {
  position: relative;
}

.hd__orderPayment .orderPayment .deliveryInfo .tab-menu {
  width: 100%;
  border-bottom: 1px solid #ccc;
  font-size: 0;
  padding: 0;
  height: auto;
}

.hd__orderPayment .orderPayment .deliveryInfo .tab-menu__list {
  display: inline-block;
  width: 210px;
  height: 60px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  font-size: 16px;
  line-height: 60px;
  text-align: center;
  font-weight: normal;
  float: none;
  background: #F9F9F9;
}

.hd__orderPayment .orderPayment .deliveryInfo .tab-menu__list--on {
  position: relative;
  background: #fff;
  font-weight: 600;
  border-bottom: none;
}

.hd__orderPayment .orderPayment .deliveryInfo .tab-menu__list--on:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 1px;
  width: 100%;
  height: 1px;
  background: #fff;
}

.hd__orderPayment .orderPayment .deliveryInfo .tab-menu__list a {
  padding: 0;
}

.hd__orderPayment .orderPayment .deliveryInfo .tab-menu__list a:after {
  display: none;
}

.hd__orderPayment .orderPayment .deliveryInfo .tab-menu__list + .tab-menu__list {
  border-left: none;
}

.hd__orderPayment .orderPayment .deliveryInfo .address-list {
  position: absolute;
  top: 18px;
  right: 0;
  font-size: 16px;
  cursor: pointer;
}

.hd__orderPayment .orderPayment .deliveryInfo .address-list:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 7px;
  background: #888;
}

.hd__orderPayment .orderPayment .deliveryInfo .lunch {
  border-top: 1px solid #ccc;
}

.hd__orderPayment .orderPayment .deliveryInfo .lunch .box {
  width: 100%;
}

.hd__orderPayment .orderPayment .deliveryInfo .lunch .box__list {
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #ccc;
  line-height: 1.6;
}

.hd__orderPayment .orderPayment .deliveryInfo .lunch .box__list:first-child {
  border-top: 0;
}

.hd__orderPayment .orderPayment .deliveryInfo .lunch .box .boxInner {
  display: inline-block;
  vertical-align: top;
}

.hd__orderPayment .orderPayment .deliveryInfo .lunch .box .boxInner__list + .box__list {
  padding-top: 10px;
}

.hd__orderPayment .orderPayment .deliveryInfo .lunch .box .boxInner__list.desc {
  color: #918c00;
  font-weight: 300;
}

.hd__orderPayment .orderPayment .deliveryInfo .ordinary .box {
  width: 100%;
}

.hd__orderPayment .orderPayment .deliveryInfo .ordinary .box__list {
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #ccc;
}

.hd__orderPayment .orderPayment .deliveryInfo .ordinary .box__list:first-child {
  border-top: 0;
}

.hd__orderPayment .orderPayment .deliveryInfo .ordinary .box__list .default {
  color: #918c00;
}

.hd__orderPayment .orderPayment .deliveryInfo .ordinary .box .boxInner {
  display: inline-block;
  vertical-align: top;
}

.hd__orderPayment .orderPayment .deliveryInfo .ordinary .box .boxInner__list + .box__list {
  padding-top: 10px;
}

.hd__orderPayment .orderPayment .deliveryInfo .newAddress {
  padding-bottom: 25px;
}

.hd__orderPayment .orderPayment .deliveryInfo .newAddress__list {
  display: table;
  table-layout: fixed;
}

.hd__orderPayment .orderPayment .deliveryInfo .newAddress__list .form_title {
  display: table-cell;
  width: 115px;
  font-weight: 600;
}

.hd__orderPayment .orderPayment .deliveryInfo .newAddress__list .input_type {
  display: table-cell;
  position: relative;
}

.hd__orderPayment .orderPayment .deliveryInfo .newAddress__list + .newAddress__list {
  margin-top: 15px;
}

.hd__orderPayment .orderPayment .deliveryInfo .newAddress__sameAs {
  padding: 25px 0;
}

.hd__orderPayment .orderPayment .deliveryInfo .newAddress .hd-checkbox {
  display: inline-block;
}

.hd__orderPayment .orderPayment .deliveryInfo .newAddress .hd-checkbox + .hd-checkbox {
  margin-top: 20px;
  margin-left: 35px;
}

.hd__orderPayment .orderPayment .deliveryInfo .demand {
  position: relative;
  padding: 25px 0;
  width: 100%;
  border-top: 1px solid #ccc;
}

.hd__orderPayment .orderPayment .deliveryInfo .demand__title {
  display: inline-block;
  width: 115px;
  padding-top: 13px;
  font-weight: 600;
  vertical-align: top;
}

.hd__orderPayment .orderPayment .deliveryInfo .demand__cont {
  display: inline-block;
  width: 631px;
  vertical-align: top;
}

.hd__orderPayment .orderPayment .deliveryInfo .demand .hd__custom-textarea {
  display: none;
}

.hd__orderPayment .orderPayment .deliveryInfo .demand .hd__custom-select {
  width: 390px;
  height: 45px;
}

.hd__orderPayment .orderPayment .deliveryInfo .demand .safeNumber {
  display: block;
  position: absolute;
  top: 35px;
  right: 0;
  margin-left: 25px;
}

.hd__orderPayment .orderPayment .deliveryInfo .demand .groupOrder {
  display: block;
  position: absolute;
  top: 70px;
  right: 0;
  margin-left: 25px;
}

.hd__orderPayment .orderPayment .deliveryInfo .demand .groupOrder .Qmark {
  display: block;
  float: right;
  width: 24px;
  height: 24px;
  margin-left: 7px;
  background: url(/front_pc/images/icon_order-payment_Qmark-fe3cf032c20ec6f471d68f60f1fda9a3.png) no-repeat 1px 1px;
  background-size: 100%;
  cursor: pointer;
}

.hd__orderPayment .orderPayment .deliveryInfo .demand__desc {
  margin: 20px 0 0 115px;
}

.hd__orderPayment .orderPayment .deliveryInfo .seperate {
  position: relative;
  padding: 25px 0;
  border-top: 1px solid #ccc;
}

.hd__orderPayment .orderPayment .deliveryInfo .seperate__desc {
  margin: 10px 0 20px;
  line-height: 1.6;
}

.hd__orderPayment .orderPayment .deliveryInfo .seperate .seperate__checks {
  position: absolute;
  top: 25px;
  right: 0;
  font-weight: 600;
}

.hd__orderPayment .orderPayment .deliveryInfo .seperate .new {
  display: none;
  margin-top: 40px;
}

.hd__orderPayment .orderPayment .deliveryInfo .seperate .new__list {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 7px 0;
}

.hd__orderPayment .orderPayment .deliveryInfo .seperate .new .form_title {
  display: table-cell;
  width: 115px;
  margin-top: 25px;
  font-size: 16px;
  font-weight: bold;
}

.hd__orderPayment .orderPayment .deliveryInfo .seperate .new .input_type {
  display: table-cell;
}

.hd__orderPayment .orderPayment .deliveryInfo .seperate__cont {
  display: none;
  position: relative;
  margin-top: 20px;
}

.hd__orderPayment .orderPayment .discountBenifit .box__title {
  display: table-cell;
  width: 170px;
}

.hd__orderPayment .orderPayment .discountBenifit .box__list {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

.hd__orderPayment .orderPayment .discountBenifit .box__list button:not(.in) {
  position: absolute;
  top: 20.5px;
  right: 0;
  width: 180px;
  height: 45px;
}

.hd__orderPayment .orderPayment .discountBenifit .box__list button.in {
  width: 180px;
  height: 45px;
}

.hd__orderPayment .orderPayment .discountBenifit .box__cont {
  display: table-cell;
  width: 580px;
  line-height: 1.6;
}

.hd__orderPayment .orderPayment .discountBenifit .box__cont .num {
  color: #918c00;
}

.hd__orderPayment .orderPayment .discountBenifit .box__cont .input_type {
  display: inline-block;
  position: relative;
  margin-top: 10px;
}

.hd__orderPayment .orderPayment .discountBenifit .box__cont .input_type:not(.phone) input {
  width: 175px;
  height: 45px;
  padding-right: 32px;
  text-align: right;
}

.hd__orderPayment .orderPayment .discountBenifit .box__cont .input_type:not(.phone) span {
  position: absolute;
  bottom: 15px;
  right: 18px;
  line-height: 1;
  color: #1c1c1c;
}

.hd__orderPayment .orderPayment .discountBenifit .box__cont .input_type .btn-init.in {
  margin-left: 12px;
}

.hd__orderPayment .orderPayment .discountBenifit .box__cont .input_type.phone2 .phone2-check {
  position: relative;
  display: inline-block;
}

.hd__orderPayment .orderPayment .discountBenifit .box__cont .input_type.phone2 .phone2-check .input_text {
  width: 384px;
  text-align: left;
}

.hd__orderPayment .orderPayment .discountBenifit .box__cont .input_type.phone2 .phone2-check .timer {
  position: absolute;
  bottom: 50%;
  right: 30px;
  transform: translate3d(0, 50%, 0);
  z-index: 1;
}

.hd__orderPayment .orderPayment .discountBenifit .box__cont .input_type > p {
  margin-bottom: 5px;
}

.hd__orderPayment .orderPayment .discountBenifit .box__cont .hd-checkbox {
  display: inline-block;
  margin-left: 10px;
}

.hd__orderPayment .orderPayment .discountBenifit .box__cont .tb_logo {
  display: block;
  margin-top: 8px;
  width: 255px;
  height: 15px;
  font-size: 0;
  background: url("/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?ver=230523") no-repeat;
  background-position: 0 -247px;
}

.hd__orderPayment .orderPayment .discountBenifit .box__cont .guide {
  margin-top: 10px;
  font-size: 15px;
  color: #888;
}

.hd__orderPayment .orderPayment .discountBenifit .coupon_poss {
  margin-bottom: 15px;
}

.hd__orderPayment .orderPayment .discountBenifit .coupon_poss_bg {
  min-height: 145px;
  font-size: 15px;
  border-color: #918c00;
}

.hd__orderPayment .orderPayment .discountBenifit .coupon_poss_info {
  padding: 15px 20px;
}

.hd__orderPayment .orderPayment .discountBenifit .coupon_poss .price_mrtn {
  min-height: auto;
}

.hd__orderPayment .orderPayment .discountBenifit .coupon_poss .free_dv .coupon_title {
  margin-bottom: 10px;
  font-size: 16px;
}

.hd__orderPayment .orderPayment .payMethod {
  /* 그리팅 페이 */
  /* 안전거래 */
}

.hd__orderPayment .orderPayment .payMethod__cont {
  padding: 25px 0 40px;
  border-top: 1px solid #ccc;
}

.hd__orderPayment .orderPayment .payMethod__cont .box {
  padding-bottom: 25px;
}

.hd__orderPayment .orderPayment .payMethod__cont ul:not(.notice__inner) {
  margin: -5px;
}

.hd__orderPayment .orderPayment .payMethod__cont .hd-checkbox {
  padding-bottom: 25px;
}

.hd__orderPayment .orderPayment .payMethod__date {
  margin-bottom: 30px;
}

.hd__orderPayment .orderPayment .payMethod__date dt {
  font-size: 20px;
}

.hd__orderPayment .orderPayment .payMethod__date dt em {
  color: #918c00;
}

.hd__orderPayment .orderPayment .payMethod__date dd {
  margin-top: 8px;
}

.hd__orderPayment .orderPayment .payMethod__tit {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 5px !important;
}

.hd__orderPayment .orderPayment .payMethod__tit label {
  font-size: 18px;
}

.hd__orderPayment .orderPayment .payMethod .box__list {
  display: inline-block;
  position: relative;
  width: 177px;
  margin: 5px;
  text-align: center;
  vertical-align: top;
}

.hd__orderPayment .orderPayment .payMethod .box__list label {
  position: relative;
  font-size: 16px;
}

.hd__orderPayment .orderPayment .payMethod .box__list .kakao label {
  background: #F4F4F4 url(/front_pc/images/ico_kakao_black-76ad9ecc333f6d1ee3b4fde33e5f64db.png) no-repeat 50% 50%;
  background-size: 50px;
  font-size: 0;
}

.hd__orderPayment .orderPayment .payMethod .box__list .kakao input:checked + label {
  background: #918c00 url(/front_pc/images/ico_kakao_white-0752938007c3be7bb1377d9a9edd6d72.png) no-repeat 50% 50%;
  background-size: 50px;
}

.hd__orderPayment .orderPayment .payMethod .box__list .naver input + label {
  font-size: 0;
}

.hd__orderPayment .orderPayment .payMethod .box__list .naver input + label:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -10.5px 0 0 -27px;
  width: 54px;
  height: 21px;
  background-image: url(/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png);
  background-position: 0 0;
  content: '';
}

.hd__orderPayment .orderPayment .payMethod .box__list .naver input:checked + label {
  background-color: #03C75A;
  border-color: #03C75A;
}

.hd__orderPayment .orderPayment .payMethod .box__list .naver input:checked + label:after {
  background-position: -62px 0;
}

.hd__orderPayment .orderPayment .payMethod .box__list .samsung input + label {
  font-size: 0;
}

.hd__orderPayment .orderPayment .payMethod .box__list .samsung input + label:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -14px 0 0 -27.5px;
  width: 63px;
  height: 28px;
  background-image: url(/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png);
  background-position: 0 -28px;
  content: '';
}

.hd__orderPayment .orderPayment .payMethod .box__list .samsung input:checked + label:after {
  background-position: -71px -28px;
}

.hd__orderPayment .orderPayment .payMethod .box__list .kb input + label {
  font-size: 0;
}

.hd__orderPayment .orderPayment .payMethod .box__list .kb input + label:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -26.5px;
  width: 53px;
  height: 18px;
  background-image: url(/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?ver=211130);
  background-position: -85px -95px;
  content: '';
}

.hd__orderPayment .orderPayment .payMethod .box__list .kb input:checked + label:after {
  background-position: -85px -113px;
}

.hd__orderPayment .orderPayment .payMethod .box__list .hp input + label:before {
  display: inline-block;
  margin: -10px 5px 0 0;
  width: 56px;
  height: 22px;
  background-image: url(/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?ver=220608);
  background-position: 0 -220px;
  content: '';
  vertical-align: middle;
}

.hd__orderPayment .orderPayment .payMethod .box__list .hp input:checked + label:before {
  background-position-x: -61px;
}

.hd__orderPayment .orderPayment .payMethod .box__list .greating input + label:before {
  display: inline-block;
  width: 120px;
  height: 50px;
  background-image: url("/front_pc/images/payMethod-271f8e63f4ca885a9b000b272352a1c7.png");
  background-position: -30px 0;
  vertical-align: middle;
  content: '';
}

.hd__orderPayment .orderPayment .payMethod .box__list .greating input:checked + label:before {
  background-position-x: 147px;
}

.hd__orderPayment .orderPayment .payMethod .box__list .toss input + label {
  font-size: 0;
}

.hd__orderPayment .orderPayment .payMethod .box__list .toss input + label:after {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 177px;
  height: 50px;
  background-image: url("/front_pc/images/payMethod-271f8e63f4ca885a9b000b272352a1c7.png");
  background-position-y: -50px;
  content: '';
}

.hd__orderPayment .orderPayment .payMethod .box__list .toss input:checked + label {
  border-color: #3288FF;
  background-color: #3288FF;
}

.hd__orderPayment .orderPayment .payMethod .box__list .toss input:checked + label:after {
  background-position-x: right;
}

.hd__orderPayment .orderPayment .payMethod .box__list .pin input + label {
  font-size: 0;
}

.hd__orderPayment .orderPayment .payMethod .box__list .pin input + label:after {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 177px;
  height: 50px;
  background-image: url("/front_pc/images/payMethod-271f8e63f4ca885a9b000b272352a1c7.png?=ver240220");
  background-position-y: -100px;
  content: '';
}

.hd__orderPayment .orderPayment .payMethod .box__list .pin input:checked + label:after {
  background-position-x: right;
}

.hd__orderPayment .orderPayment .payMethod .box__list.event:before {
  position: absolute;
  left: -5px;
  top: -3px;
  width: 40px;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  font-weight: bold;
  color: #1c1c1c;
  text-align: center;
  background: #ded600;
  content: 'EVENT';
  box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.hd__orderPayment .orderPayment .payMethod .box__list.event:after {
  position: absolute;
  left: -6px;
  top: 17px;
  width: 0;
  height: 0;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #ded600;
  border-right: 3px solid #ded600;
  border-left: 3px solid transparent;
  content: '';
}

.hd__orderPayment .orderPayment .payMethod .box__list .paybenefit {
  position: absolute;
  right: -7px;
  top: -7px;
  padding: 4px 7px 4px;
  font-size: 12px;
  color: #fff;
  border-radius: 20px;
  background: #918c00;
}

.hd__orderPayment .orderPayment .payMethod .box__list .paybenefit::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 5px solid #918c00;
  border-top: 5px solid transparent;
  border-left: 5px solid #918c00;
  border-right: 5px solid transparent;
  content: '';
}

.hd__orderPayment .orderPayment .payMethod .box__list input:checked + label + .paybenefit {
  background: #FF0000;
}

.hd__orderPayment .orderPayment .payMethod .box__list input:checked + label + .paybenefit::after {
  border-bottom-color: #ff0000;
  border-left-color: #ff0000;
}

.hd__orderPayment .orderPayment .payMethod .box.on {
  display: block;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay {
  margin: 25px 0;
  border: 1px solid #ccc;
  background: #F9F9F9;
  /* 카드 없는 경우 */
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec.no-card {
  text-align: center;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec.no-card .btn__add-card {
  display: block;
  width: 100%;
  padding: 44px 0;
  font-weight: 400;
  color: #3D3D3D;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec.no-card .btn__add-card > span:not(.text) {
  display: block;
  position: relative;
  width: 36px;
  height: 36px;
  margin: 0 auto 15px;
  background: #918c00;
  border-radius: 50%;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec.no-card .btn__add-card > span:not(.text):before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 14px;
  background: #FFF;
  transform: translate3d(-50%, -50%, 0);
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec.no-card .btn__add-card > span:not(.text):after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background: #FFF;
  transform: translate3d(-50%, -50%, 0);
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec.no-card .btn__add-card span.text {
  display: block;
  margin-bottom: 20px;
  font-size: 15px;
  color: #888;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec.no-card .btn__add-card span.text .strong {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  color: #918c00;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec.card {
  padding: 40px 0;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__wrap {
  height: auto;
  padding: 0 218px;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__sec {
  height: auto;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__view {
  padding: 12px;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__view label {
  display: block;
  position: relative;
  width: 288px;
  height: 158px;
  border: 3px solid #888;
  background: #FFF;
  border-radius: 15px;
  box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, 0.19);
  box-sizing: border-box;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__view label:before {
  content: '';
  display: none !important;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 34px;
  height: 34px;
  border: 1px solid #ccc;
  background: #FFF url(/front_pc/images/ico_comm_checkbox-fc3131821da6cb1b27e84b08680a2f22.png) no-repeat 50% 50%;
  border-radius: 50%;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__view label.greating-pay__sec.card .card__view label .card__num {
  display: block;
  position: absolute;
  top: 100px;
  left: 50%;
  width: 100%;
  font-size: 0;
  text-align: center;
  transform: translate3d(-50%, 0, 0);
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__view label.greating-pay__sec.card .card__view label .card__num span {
  display: inline-block;
  vertical-align: top;
  margin-left: 25px;
  font-size: 16px;
  font-weight: 600;
  color: #3D3D3D;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__num {
  display: block;
  position: absolute;
  top: 100px;
  left: 24px;
  font-size: 0;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__num span {
  display: inline-block;
  vertical-align: top;
  margin-left: 25px;
  font-size: 16px;
  font-weight: 600;
  color: #3D3D3D;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__num span:first-child {
  margin-left: 0;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__list .card-logo-left {
  position: absolute;
  top: 0;
  left: 24px;
  width: 200px;
  height: 60px;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__list [class^="card-logo-left bk-"] {
  left: -3px;
  top: -3px;
  padding: 20px 0 0 24px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: 15px;
  box-sizing: border-box;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__list [class^="card-logo-left bk-"]:before, .hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__list [class^="card-logo-left bk-"]:after {
  display: inline-block;
  font-size: 20px;
  color: #fff;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__list [class^="card-logo-left bk-"]:after {
  margin-left: 10px;
  content: '계좌';
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__list [class^="card-logo-left bk-"] + .card__num span {
  color: #fff;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__update {
  text-align: center;
  font-size: 0;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__update > li {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__update > li button {
  width: 110px;
  height: 46px;
  border: 1px solid #ccc;
  background: #FFF;
  font-size: 16px;
  font-weight: 400;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__option {
  margin-top: 20px;
  text-align: center;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__option .hd-checkbox {
  display: inline-block;
  margin-right: 20px;
  padding: 0;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__option .hd__custom-select {
  display: inline-block;
  min-width: 140px;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__desc {
  width: 100%;
  text-align: center;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__desc span {
  display: inline-block;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: .5rem 1rem;
  margin: 0.5rem 1rem 1.3rem 1rem;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__tip {
  position: relative;
  margin: 0 auto;
  padding-bottom: 20px;
  text-align: center;
  z-index: 0;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__tip:after {
  position: absolute;
  bottom: 5px;
  left: 50%;
  width: 20px;
  height: 20px;
  border-left: 0;
  border-top: 0;
  background: #1c1c1c;
  transform: rotate(45deg) translateX(-50%);
  z-index: -1;
  content: "";
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__tip strong {
  display: inline-block;
  padding: 0 25px;
  height: 45px;
  line-height: 42px;
  font-weight: bold;
  color: #fff;
  border-radius: 30px;
  background: #1c1c1c;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__tip strong span {
  color: #cac301;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec .card__tip strong:before {
  display: inline-block;
  margin: -5px 5px 0 0;
  width: 20px;
  height: 24px;
  vertical-align: middle;
  background: url("/front_mo/images/ico_notify-fa8193b251f819a369aebcf9531abbee.png") no-repeat;
  background-size: 20px auto;
  content: '';
}

.hd__orderPayment .orderPayment .payMethod .greating-pay__sec input[type="radio"]:checked + .card__view label:before {
  border: 1px solid #918c00;
  background: #918c00 url(/front_pc/images/ico_comm_checkbox_on-2bb49b0f9d9a22138694752231647e7d.png) no-repeat 50% 50%;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay .swiper-pagination {
  display: none;
  margin: 20px 0 30px;
  text-align: center;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay .swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  float: none;
  width: 9px;
  height: 9px;
  margin: 3px 4px;
  background-color: #333;
  border-radius: 20px;
}

.hd__orderPayment .orderPayment .payMethod .greating-pay .swiper-pagination .swiper-pagination-bullet-active {
  width: 9px;
  height: 9px;
  margin: 0 15px;
  background-color: #fff;
  border: 3px solid #000;
}

.hd__orderPayment .orderPayment .payMethod .safe-pay h3 {
  margin: 15px 0 10px;
  color: #3d3d3d;
  font-size: 16px;
}

.hd__orderPayment .orderPayment .payMethod .safe-pay .radio__wrap .hd-checkbox-type2 {
  margin-right: 10px;
}

.hd__orderPayment .orderPayment .payMethod .safe-pay .radio__wrap .hd-checkbox-type2 span {
  font-size: 14px;
}

.hd__orderPayment .orderPayment .payMethod .safe-pay .radio__wrap p {
  margin: 10px 0 15px;
  color: #888;
}

.hd__orderPayment .orderPayment .payMethod .samsung-pay {
  margin-top: 20px;
  border-bottom: 1px solid #ddd;
}

.hd__orderPayment .orderPayment .payMethod .agree-title {
  border-top: 1px solid #ddd;
}

.hd__orderPayment .orderPayment .payMethod .agree-title .hd-checkbox {
  padding: 10px 0;
}

.hd__orderPayment .orderPayment .payMethod .agree-title .required {
  color: #918c00;
}

.hd__orderPayment .orderPayment .payMethod .agree-description {
  margin-bottom: 10px;
  margin-left: 30px;
}

.hd__orderPayment .orderPayment .payMethod .agree-description .div-text {
  padding: 10px;
  height: 100px;
  line-height: 1.5;
  font-size: 14px;
  border: 1px solid #ddd;
  overflow-y: auto;
}

.hd__orderPayment .orderPayment .payMethod .payMethod__cont .accordion__head {
  float: right;
  margin-top: 2px;
  font-size: 14px;
  background: none;
  cursor: pointer;
}

.hd__orderPayment .orderPayment .payMethod .payMethod__cont .accordion__head:after {
  display: inline-block;
  width: 27px;
  height: 16px;
  background: url(/front_pc/images/btn_comm_accordion-down-49268102887cac88ee7592e265819c70.png) no-repeat 98% 50%;
  transform: scale(0.5);
  vertical-align: middle;
  content: '';
}

.hd__orderPayment .orderPayment .payMethod .payMethod__cont .accordion__head--on:after {
  transform: scale(0.5) rotate(180deg);
}

.hd__orderPayment .orderPayment .payMethod .payMethod__cont .accordion__cont {
  display: none;
  width: 100%;
}

.hd__orderPayment .orderPayment .payMethod .payMethod__cont .accordion.paybenefit .paybenefit-title {
  color: #ff0000;
  border-top: 0;
}

.hd__orderPayment .orderPayment .payMethod .payMethod__cont .accordion.paybenefit .accordion__head {
  display: inline-block;
  margin: -4px 0 0 4px;
  float: none;
  vertical-align: middle;
}

.hd__orderPayment .orderPayment .payMethod .payMethod__cont .accordion.paybenefit .accordion__head::before {
  display: inline-block;
  line-height: 1.2;
  content: '보기';
  border-bottom: 1px solid;
}

.hd__orderPayment .orderPayment .payMethod .payMethod__cont .accordion.paybenefit .accordion__head::after {
  display: none;
}

.hd__orderPayment .orderPayment .payMethod .payMethod__cont .accordion.paybenefit .accordion__head--on::before {
  content: '접기';
}

.hd__orderPayment .orderPayment .payMethod .payMethod__cont .accordion.paybenefit .accordion__cont {
  padding-top: 10px;
}

.hd__orderPayment .orderPayment .payMethod .payMethod__cont .accordion.paybenefit .paybenefit-text {
  margin: 25px 0 15px;
}

.hd__orderPayment .orderPayment .payMethod .payMethod__cont .accordion.paybenefit .paybenefit-text .bf-tit {
  margin-bottom: 7px;
  font-weight: 700;
  color: #918c00;
}

.hd__orderPayment .orderPayment .payMethod .notice {
  margin-top: 25px;
}

.hd__orderPayment .orderPayment .payMethod .notice__title {
  margin-bottom: 10px;
}

.hd__orderPayment .orderPayment .payMethod .notice__list {
  color: #888;
  line-height: 1.6;
}

.hd__orderPayment .orderPayment .payMethod .notice__list .important {
  color: #1c1c1c;
}

.hd__orderPayment .orderPayment .payMethod .notice__inner {
  padding-bottom: 20px;
}

.hd__orderPayment .orderPayment .payMethod .cash_receipts {
  margin: 0 0 40px;
}

.hd__orderPayment .orderPayment .agreeArea__desc {
  color: #888;
  line-height: 1.6;
}

.hd__orderPayment .orderPayment .agreeArea__desc-list {
  padding-left: 19px;
  line-height: 1.6;
  text-indent: -19px;
  color: #888;
}

.hd__orderPayment .orderPayment .agreeArea__head {
  height: 65px;
  border-bottom: 1px solid #ccc;
}

.hd__orderPayment .orderPayment .agreeArea__head + .hd-checkbox {
  position: absolute;
  z-index: 1;
  top: 65px;
}

.hd__orderPayment .orderPayment .agreeArea__cont {
  padding: 30px 0;
  border-bottom: 1px solid #ccc;
}

.hd__orderPayment .orderPayment .agreeArea__cont .hd-checkbox label {
  display: block;
}

.hd__orderPayment .orderPayment .agreeArea .hd-checkbox label {
  padding-left: 0;
}

.hd__orderPayment .orderPayment .agreeArea .hd-checkbox label:before {
  display: none;
}

.hd__orderPayment .orderPayment .agreeArea .hd-checkbox .btn-view {
  margin-left: 0;
}

.hd__orderPayment .orderPayment .agreeArea .desc {
  margin-top: 20px;
}

.hd__orderPayment .orderPayment .agreeArea .check-list {
  position: relative;
}

.hd__orderPayment .orderPayment .agreeArea .check-list + .check-list {
  margin-top: 16px;
}

.hd__orderPayment .orderPayment .agreeArea .accordion__head {
  border-bottom: 1px solid #ccc;
}

.hd__orderPayment .orderPayment .agreeArea .btn-view {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-left: 32px;
  padding-bottom: 4px;
  border-bottom: 1px solid #888;
  color: #888;
}

.hd__orderPayment .orderPayment .fork {
  padding-bottom: 45px;
}

.hd__orderPayment .orderPayment .fork_txt {
  padding: 20px 0;
  line-height: 1.8;
  border-top: 1px solid #ccc;
}

.hd__orderPayment .orderPayment .fork_list .hd-checkbox {
  overflow: hidden;
}

.hd__orderPayment .orderPayment .fork_list .hd-checkbox label {
  float: left;
  width: 323px;
  padding: 15px 0 15px 45px;
  border: 1px solid #ccc;
}

.hd__orderPayment .orderPayment .fork_list .hd-checkbox label:nth-of-type(1) {
  color: #918c00;
}

.hd__orderPayment .orderPayment .fork_list .hd-checkbox label:last-child {
  margin-left: 10px;
}

.hd__orderPayment .orderPayment .fork_list .hd-checkbox label:before {
  left: 15px;
  top: 16px;
}

.hd__orderPayment .orderPayment .fork_list .hd-checkbox input:checked + label {
  border-color: #918c00;
}

.hd__orderPayment .orderPayment .fork .orderPayment__title {
  position: relative;
}

.hd__orderPayment .orderPayment .fork .orderPayment__title .btn-init {
  position: absolute;
  top: 75px;
  right: 0;
  width: 247px;
}

.hd__orderPayment .orderPayment .fork .orderPayment__title .btn-init .btn-tooltip {
  display: block;
  padding: 10px 15px;
  font-size: 16px;
  color: #1c1c1c;
  background: #F9D983;
  border: 0;
  text-indent: 0;
  border-radius: 30px;
}

.hd__orderPayment .orderPayment .fork .orderPayment__title .btn-init .btn-tooltip:after {
  background: #F9D983;
  border: 0;
}

.hd__orderPayment .orderPayment .btn-pay {
  height: 70px;
  margin-top: 10px;
  font-size: 24px;
  font-weight: 600;
}

.hd__orderPayment .orderPayment .btn-cancel {
  height: 70px;
  margin-top: 10px;
  font-size: 24px;
  font-weight: 600;
}

.hd__orderPayment .orderPayment .btn__delete {
  display: inline-block;
  margin-left: 10px;
  width: 20px;
  height: 25px;
  vertical-align: top;
  background: url(/front_pc/images/ico_list_delete-fc25e9152c5ba77fb30af81ee93f2590.png) no-repeat 0 50%;
  text-indent: -999em;
}

.hd__orderPayment .accordion__cont {
  display: block;
}

.hd__orderPayment .giftBox__sec {
  border-top: 1px solid #ccc;
  padding-bottom: 45px;
}

.hd__orderPayment .giftBox__sec .demand {
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
}

.hd__orderPayment .giftBox__list {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.hd__orderPayment .giftBox__list strong {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
}

.hd__orderPayment .giftBox__cont {
  position: relative;
  padding-left: 150px;
  min-height: 120px;
}

.hd__orderPayment .giftBox__thumb {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
}

.hd__orderPayment .giftBox__item {
  font-size: 0;
}

.hd__orderPayment .giftBox__item__list {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin-bottom: 15px;
  line-height: 24px;
  font-size: 22px;
}

.hd__orderPayment .giftBox__item__list label {
  display: inline-block;
  padding: 7px 30px;
  line-height: 26px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__orderPayment .giftBox__item__list label:before {
  top: 9px;
}

.hd__orderPayment .giftBox__item__list.soldout:after {
  position: absolute;
  left: 0;
  top: 50%;
  width: 95%;
  font-size: 15px;
  color: #fff;
  text-align: center;
  content: '한정수량이 모두 소진되었습니다.';
  z-index: 2;
  transform: translateY(-50%);
}

.hd__orderPayment .giftBox__item__list.soldout:before {
  position: absolute;
  left: 0;
  top: 5px;
  width: 95%;
  height: 85%;
  background: rgba(0, 0, 0, 0.6);
  content: '';
  z-index: 1;
}

.hd__orderPayment .giftBox__item__thumb {
  display: inline-block;
  top: -4px;
  margin-right: 5px;
  width: 45px;
  height: 40px;
  vertical-align: middle;
}

.hd__orderPayment .Badge {
  margin-left: 5px;
  padding: 0 5px;
  background: #918c00;
  font-size: 15px;
  color: #fff;
  font-style: normal;
}

.hd__orderPayment .cash_receipts {
  margin-top: 30px;
  padding: 0 25px;
  width: 100%;
  background: #f5f5f5;
  box-sizing: border-box;
}

.hd__orderPayment .cash_receipts .accordion__head {
  padding: 20px 0;
  cursor: pointer;
}

.hd__orderPayment .cash_receipts .accordion__head span {
  display: inline-block;
  margin-left: 20px;
  color: #999;
}

.hd__orderPayment .cash_receipts .accordion__head span:before {
  display: inline-block;
  margin-right: 20px;
  width: 1px;
  height: 25px;
  background: #dcdcdc;
  vertical-align: middle;
  content: '';
}

.hd__orderPayment .cash_receipts .accordion__cont {
  display: none;
  padding: 20px 0;
  border-top: 1px solid #dcdcdc;
}

.hd__orderPayment .cash_receipts .accordion__cont .input_type {
  display: block !important;
  margin-top: 20px;
}

.hd__orderPayment .cash_receipts .accordion__cont .input_type input {
  margin-top: 10px;
  width: 100% !important;
  text-align: left !important;
}

.hd__orderPayment .cash_receipts .accordion__cont .hd-checkbox {
  margin: 20px 0 !important;
}

.hd__orderPayment .cash_receipts .accordion__cont .hd-checkbox label {
  display: inline-block;
}

.hd__orderPayment .cash_receipts .accordion__cont .hd-checkbox label:before {
  top: 3px;
}

.hd__orderPayment .cash_receipts .accordion__cont .hd-checkbox .alertBox.fail {
  padding-left: 30px;
}

.hd__orderPayment .cash_receipts .accordion__cont .btn-area {
  text-align: center;
}

.hd__orderPayment .cash_receipts .accordion__cont .btn-init {
  display: inline-block;
  width: 100%;
  height: 45px;
  line-height: 43px;
}

.hd__orderPayment .cash_receipts__type {
  margin-bottom: 20px;
}

.hd__orderPayment .cash_receipts__type .hd-checkbox-type2 {
  margin-right: 50px;
}

.hd__orderPayment .cash_receipts__type .hd-checkbox-type2 label {
  font-size: 17px;
}

.hd__orderPayment .ordererInfo .checks_btn {
  overflow: hidden;
}

.hd__orderPayment .ordererInfo .checks_btn .hd-checkbox {
  float: left;
  width: 310px;
  padding: 15px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__orderPayment .ordererInfo .checks_btn .hd-checkbox:nth-child(2) {
  margin-left: 11px;
}

.hd__orderPayment .ordererInfo .checks_btn .hd-checkbox.on {
  border-color: #918c00;
}

.hd__orderPayment .ordererInfo .btn-arr {
  position: relative;
  padding: 17px 15px;
  height: auto;
  line-height: 1.3;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__orderPayment .ordererInfo .btn-arr:after {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 1.5rem;
  height: 0.8rem;
  background: url("/front_pc/images/btn_comm_accordion-down-49268102887cac88ee7592e265819c70.png") no-repeat;
  background-size: 100%;
  opacity: 0.3;
  transform: rotate(-90deg);
  content: '';
}

.hd__orderPayment .ordererInfo .btn-arr > span {
  color: #918c00;
}

.hd__orderPayment .ordererInfo .btn-arr__txt {
  display: block;
  margin-top: 15px;
  font-size: 15px;
  color: #888;
}

.hd__orderPayment .ordererInfo .btn-arr__txt dt {
  float: left;
  margin-top: 10px;
  width: 50%;
}

.hd__orderPayment .ordererInfo .btn-arr__txt dt:nth-of-type(1) {
  margin-top: 0;
}

.hd__orderPayment .ordererInfo .btn-arr__txt dd {
  float: right;
  margin-top: 10px;
  width: 50%;
}

.hd__orderPayment .ordererInfo .btn-arr__txt dd:nth-of-type(1) {
  margin-top: 0;
}

.hd .orderPayment .dawnDelivery {
  position: relative;
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}

.hd .orderPayment .dawnDeliveryNo {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}

.hd .orderPayment .dawnDelivery--desc {
  margin-bottom: 25px;
  line-height: 32px;
}

.hd .orderPayment .dawnDelivery--desc strong {
  color: #1c1c1c;
}

.hd .orderPayment .dawnDelivery--desc-type2 {
  display: none;
}

.hd .orderPayment .dawnDelivery--desc span {
  font-size: 18px;
  color: #ff0000;
}

.hd .orderPayment .dawnDelivery .normal-delivery {
  position: absolute;
  top: 30px;
  right: 0;
}

.hd .orderPayment .dawnDelivery-info .box {
  padding: 30px 40px 30px 30px;
  background: #f5f5f5;
}

.hd .orderPayment .dawnDelivery-info .box__title {
  display: inline-block;
  margin-bottom: 15px;
}

.hd .orderPayment .dawnDelivery-info .box__list {
  margin-top: 20px;
}

.hd .orderPayment .dawnDelivery-info .box__list:first-child {
  margin-top: 0;
}

.hd .orderPayment .dawnDelivery-info .box__list:nth-child(3) .boxInner__list {
  flex: 0 0 auto;
}

.hd .orderPayment .dawnDelivery-info .box__list .boxInner {
  display: flex;
  flex-wrap: wrap;
}

.hd .orderPayment .dawnDelivery-info .box__list .boxInner__list {
  flex: 0 0 100%;
  height: 47px;
  display: flex;
  align-items: center;
}

.hd .orderPayment .dawnDelivery-info .box__list .boxInner__list.comm {
  flex: 0 0 100%;
}

.hd .orderPayment .dawnDelivery-info .box__list .boxInner__list.comm .input_text {
  width: 135px;
  height: 45px;
  margin: 0 60px 0 20px;
  padding: 0 20px;
}

.hd .orderPayment .dawnDelivery-info .box__list .boxInner__list.etc {
  flex: 0 0 100%;
}

.hd .orderPayment .dawnDelivery-info .box__list .boxInner__list.etc .input_text {
  width: 400px;
  height: 45px;
  padding: 0 20px;
  margin-bottom: 0;
}

.hd .orderPayment .dawnDelivery-info .box__list .boxInner__list--ml {
  margin-left: 80px;
}

.hd .orderPayment .dawnDelivery-info .box__list .boxInner__list .hd-checkbox-type2 {
  white-space: nowrap;
}

.hd .orderPayment .dawnDelivery-info .box__list .boxInner .check-label {
  display: inline-block;
}

.hd .orderPayment .dawnDelivery-info .box__list .boxInner .check-label input[type="checkbox"]:checked + .check-icon {
  display: block;
}

.hd .orderPayment .dawnDelivery-info .box__list .boxInner .check-label .text {
  padding-left: 50px;
  height: 40px;
  line-height: 40px;
}

.hd .orderPayment .dawnDelivery-info .box__list .boxInner .check-label.pw-area {
  margin-bottom: 10px;
}

.hd .orderPayment .dawnDelivery-info .box__list .boxInner .input_text {
  margin-bottom: 10px;
}

.hd .orderPayment .dawnDelivery-info .box__list .title {
  display: block;
  margin-bottom: 15px;
}

.hd .orderPayment .dawnDelivery-info .box__list .title-v2 {
  width: 204px;
  line-height: 32px;
}

.hd .orderPayment .dawnDelivery-info .box__list.desc {
  margin-top: 30px;
  line-height: 24px;
}

.hd .orderPayment .dawnDelivery-info .box__list.desc .tit {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  color: #918c00;
}

.hd .orderPayment .dawnDelivery-info .box__list.desc .colorOR {
  display: block;
  font-size: 16px;
  color: #918c00;
}

.hd .orderPayment .dawnDelivery-info .box .visit-way {
  display: none;
}

.hd .orderPayment .dawnDelivery-info .box .visit-way .show {
  display: block;
}

.hd .orderPayment .dawnDelivery-info .box .visit-way .input_text {
  display: none;
}

.hd .orderPayment .dawnDelivery-info .checks_box {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.hd .orderPayment .dawnDelivery-info .saveInfo {
  padding-bottom: 25px;
}

.hd__necessar {
  display: inline-block;
  margin-left: 7px;
  color: #918c00;
  vertical-align: middle;
}

.hd .input_type .input_text {
  width: 322px;
  height: 45px;
  padding: 0 15px;
  box-sizing: border-box;
}

.hd .input_type .input_text.new--zipCode {
  width: 160px;
}

.hd .input_type .input_text.input--dim {
  background-color: #F9F9F9;
  border: 1px solid #ccc;
}

.hd .input_type .input_text.full {
  width: 100%;
  height: 45px;
  margin-top: 15px;
}

.hd .input_type.year input {
  width: 150px;
}

.hd .input_type.year input:first-child {
  width: 240px;
}

.hd .input_type.phone input {
  width: 110px;
  padding-left: 22px;
}

.hd .input_type.phone span {
  display: inline-block;
  width: 6px;
  height: 2px;
  margin: -7px 7px 0;
  background: #888;
  vertical-align: middle;
}

.hd .input_type.phone .blind {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}

.hd .input_type.pin input {
  width: 70px !important;
  padding: 0 !important;
  text-align: center !important;
}

.hd .input_type.pin span {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  display: inline-block;
  width: 6px;
  height: 2px;
  margin: -7px 12px 0;
  background: #888;
  vertical-align: middle;
  transform: none !important;
}

.hd .input_type.pin .blind {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}

.hd .input_type.email {
  display: inline-block;
}

.hd .input_type.email span {
  display: none;
  font-size: 28px;
  color: #9f9f9f;
  vertical-align: middle;
}

.hd .input_type.email span + select {
  display: none;
  width: 270px;
  background-position: 204px 0;
}

.hd .input_type.email .email-id {
  display: inline-block;
  width: 155px;
  height: 45px;
  vertical-align: middle;
}

.hd .input_type.email .email-address {
  display: inline-block;
  width: 190px;
  height: 45px;
  vertical-align: middle;
}

.hd .input_type.email .email-at {
  display: inline-block;
  padding: 0 6px;
  font-size: 16px;
  color: #1c1c1c;
  vertical-align: middle;
}

.hd .input_type.email .hd__custom-select {
  display: inline-block;
  width: 200px;
  height: 45px;
  margin-left: 10px;
  vertical-align: middle;
}

.hd .input_type.email .hd__custom-select select {
  height: 45px;
}

.hd .input_type.adress input:first-child {
  margin-top: 0;
  vertical-align: top;
}

.hd .input_type.adress[class*="input"] {
  margin: 20px 0 0 0;
}

.hd .btn--findAdd {
  width: 110px;
  height: 45px;
  margin-left: 15px;
  vertical-align: top;
  border: 1px solid #ccc;
  line-height: 43px;
}

.hd .popup_groupOrder .myPersonalInquery {
  max-height: 600px;
  overflow-y: scroll;
  padding: 0 20px;
}

.hd .popup_groupOrder .myPersonalInquery__sec {
  margin-bottom: 40px;
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-top: 15px;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec:first-child {
  margin-top: 0;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec.orderNumber .btn-init {
  vertical-align: top;
  width: 150px;
  height: 45px;
  margin-left: 6px;
  line-height: 45px;
  font-size: 16px;
  font-weight: 400;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec.orderNumber .txt {
  margin-top: 10px;
  font-size: 16px;
  color: #888;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec.e-mail {
  position: relative;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec.e-mail .email__box {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec.e-mail .email__box input {
  width: 120px;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec.e-mail .email__box .hd__custom-select {
  display: inline-block;
  vertical-align: top;
  width: 120px;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec.e-mail .email__box .hd__custom-select select {
  height: 45px;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .cellphone__number {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  line-height: 0;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .cellphone__number input {
  width: 100px;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .file_list ul:after {
  content: '';
  display: block;
  clear: both;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .file_list ul li {
  float: left;
  margin-top: 0;
  margin-left: 15px;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .file_list ul li:first-child {
  margin-left: 0;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .file_list ul li .image-box {
  display: block;
  overflow: hidden;
  position: relative;
  width: 70px;
  height: 70px;
  border: 1px solid #C3C3C3;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .file_list ul li .image-box img {
  width: 100%;
  pointer-events: none;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .file_list ul li .image-box .btn_icon {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 21px;
  height: 21px;
  background: #918c00 url(/front_pc/images/ico_file_delete-b9cf5e2a5eb3d604a3cfc9210357af78.png) no-repeat 50% 50%;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .file_list .file_info {
  margin-top: 15px;
  line-height: 26px;
  font-size: 16px;
  color: #888;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .textarea_box {
  font-size: 16px;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .textarea_box h4 {
  font-size: 18px;
  font-weight: bold;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .textarea_box ul {
  line-height: 1.4;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .textarea_box ul li {
  margin-top: 5px;
  padding-left: 15px;
  text-indent: -15px;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .textarea_box dl {
  margin: 10px 0;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .textarea_box dl dt {
  font-weight: bold;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__sec .textarea_box dl dd {
  margin-top: 5px;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__title {
  display: table-cell;
  width: 130px;
  padding-top: 12px;
  vertical-align: top;
  font-size: 16px;
  font-weight: 600;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__title .import {
  color: #F9D983;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__notice {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #888;
}

.hd .popup_groupOrder .myPersonalInquery .inquery__notice a {
  color: #1c1c1c;
}

.hd .popup_groupOrder .myPersonalInquery .input-box {
  display: table-cell;
  position: relative;
  width: 380px;
  vertical-align: top;
  font-size: 16px;
}

.hd .popup_groupOrder .myPersonalInquery .input-box .hd-checkbox {
  position: static;
  margin-top: 10px;
}

.hd .popup_groupOrder .myPersonalInquery .btn {
  width: 405px;
  margin: 20px auto 30px;
}

.hd .popup_groupOrder .myPersonalInquery .btn-init {
  height: 60px;
  line-height: 60px;
  margin: 10px 0 0 0 !important;
  font-size: 18px;
  font-weight: 600;
}

.hd .priceArea .box {
  padding: 20px 0;
  border-top: 1px solid #ccc;
}

.hd .priceArea .box__list {
  position: relative;
  width: 100%;
}

.hd .priceArea .box__list .txt-lft {
  display: block;
  width: 60%;
}

.hd .priceArea .box__list .txt-rgt {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  text-align: right;
}

.hd .priceArea .box__list + .box__list {
  margin-top: 20px;
}

.hd .priceArea .box__list .boxInner {
  margin-top: 20px;
  padding: 15px 25px;
  background: #F9F9F9;
}

.hd .priceArea .box__list .boxInner__list {
  position: relative;
}

.hd .priceArea .box__list .boxInner__list + .boxInner__list {
  margin-top: 15px;
}

.hd .priceArea .box__list.total {
  padding: 15px 0 0;
  border-top: 1px solid #ccc;
}

.hd .priceArea .box__list.total .txt-lft {
  position: absolute;
  left: 0;
  top: 20px;
}

.hd .priceArea .box__list.total .txt-rgt {
  position: relative;
  width: 100%;
}

.hd .priceArea .box__list.total .txt-rgt .price {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 24px;
}

.hd .priceArea .box__list.total .txt-rgt .price:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
  z-index: -1;
  width: 100%;
  height: 8px;
  background: #F9D983;
}

.hd .priceArea .box__list.total .txt-rgt .desc {
  display: block;
  margin-top: 10px;
}

.hd .priceArea .box__list.total .txt-rgt .desc .icon {
  display: inline-block;
  margin-right: 5px;
  padding: 3px 10px 4px;
  font-size: 14px;
  color: #fff;
  background: #ff0000;
  border-radius: 15px;
}

.hd .priceArea .box__list .guide_text li {
  margin-left: 15px;
  padding: 0;
  line-height: 1.5;
  text-indent: -15px;
  font-size: 13px;
}

.hd .popup_dawnDelivery .dawnDelivery-info .box__list.desc {
  font-size: 15.8px;
  color: #555;
}

.hd .popup_dawnDelivery .dawnDelivery-info .box__list.desc .tit {
  font-size: 16px;
}

.hd .popup_giftCard .coupon_poss_bg {
  border-color: #918c00;
}

.hd .popup_giftCard .coupon_poss li {
  width: calc(100% - 10px);
}

.hd .popup_giftCard .coupon_regist {
  display: flex;
  position: relative;
}

.hd .popup_giftCard .coupon_regist input, .hd .popup_giftCard .coupon_regist > div {
  padding-right: 40px;
  width: 100%;
  box-sizing: border-box;
}

.hd .popup_giftCard .coupon_regist input {
  padding-left: 15px;
  border: 1px solid #ccc;
}

.hd .popup_giftCard .coupon_regist > div p {
  margin-top: 10px;
  font-size: 15px;
  color: #888;
}

.hd .popup_giftCard .coupon_regist .input-remove {
  position: absolute;
  right: 95px;
  top: 16px;
  width: 20px;
  height: 20px;
  background: #ddd url("/front_mo/images/icon_comm_close-black-4f84954e831829bcaef630be1cae8386.png") no-repeat center;
  background-size: 44%;
  border-radius: 50%;
  font-size: 0;
  z-index: 1;
}

.hd .popup_giftCard .coupon_regist .btn-init {
  width: 100px;
  height: 50px;
}

/* 주문상품 확인 */
.itemConfirm__title {
  display: block;
  width: 100%;
  padding: 25px 0;
  background: #F9F9F9;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #1c1c1c;
  font-size: 20px;
  text-indent: 10px;
}

.itemConfirm .box__list {
  border-top: 1px solid #ccc;
}

.itemConfirm .box__list:first-child {
  border-top: 0;
}

.itemConfirm .box__list.multi {
  position: relative;
}

.itemConfirm .box__list.multi .head {
  min-height: 75px;
  padding: 25px 0;
}

.itemConfirm .box__list.multi .head__title {
  display: inline-block;
  font-size: 20px;
}

.itemConfirm .box__list.multi .btn--listMore {
  display: block;
  position: absolute;
  top: 80px;
  left: 0;
  background: none;
}

.itemConfirm .box__list.multi .btn--listMore:after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 8px;
  margin-left: 5px;
  background: url(/front_pc/images/btn_sorting_drop-down-c544231499c7481372563a12df66b1a9.png) no-repeat 0 0;
}

.itemConfirm .box__list.multi .btn--listMore.accordion__head--on {
  background: none;
}

.itemConfirm .box__list.multi .btn--listMore.accordion__head--on:after {
  background: url(/front_pc/images/btn_sorting_drop-down-c544231499c7481372563a12df66b1a9.png) no-repeat 0 0;
  transform: rotate(-180deg);
}

.itemConfirm .box__list.multi .price {
  display: inline-block;
  float: right;
  width: 190px;
}

.itemConfirm .box__list.multi .price__list {
  display: block;
  font-size: 16px;
}

.itemConfirm .box__list.multi .price__list + .price__list {
  margin-top: 10px;
}

.itemConfirm .box__list.multi .price .num {
  display: inline-block;
  float: right;
}

.itemConfirm .box__list.multi .boxInner {
  border-top: 1px solid #ccc;
}

.itemConfirm .box__list.multi .boxInner__list {
  position: relative;
  padding: 25px 0;
}

.itemConfirm .box__list.multi .boxInner__list .date {
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
  width: 120px;
  height: 120px;
  border: 3px solid #C0C0C0;
  box-sizing: border-box;
  font-size: 0;
}

.itemConfirm .box__list.multi .boxInner__list .date:before {
  content: '';
  display: inline-block;
  width: 0px;
  height: 100%;
  vertical-align: middle;
}

.itemConfirm .box__list.multi .boxInner__list .date strong {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.itemConfirm .box__list.multi .boxInner__list .date span {
  display: block;
  font-weight: 400;
}

.itemConfirm .box__list.multi .boxInner__list .detail {
  position: relative;
  min-height: 120px;
  padding-left: 150px;
}

.itemConfirm .box__list.multi .boxInner__list .detail p {
  line-height: 26px;
}

.itemConfirm .box__list.multi .boxInner__list .detail__lft {
  float: left;
}

.itemConfirm .box__list.multi .boxInner__list .detail__rgt {
  float: right;
  font-weight: 600;
}

.itemConfirm .box__list.multi .boxInner__list + .boxInner__list {
  border-top: 1px solid #ccc;
}

.itemConfirm .box__list.multi .multi-delivery {
  padding: 25px 0;
  border-top: 1px solid #ccc;
}

.itemConfirm .box__list.multi .multi-delivery__txt {
  line-height: 26px;
  float: right;
}

.itemConfirm .box__list.multi .multi-delivery__price {
  display: inline-block;
  padding-left: 10px;
}

.itemConfirm .box__list.multi .multi-delivery:after {
  content: "";
  display: table;
  clear: both;
}

.itemConfirm .box__list.single {
  padding: 25px 0;
}

.itemConfirm .box__list.single .title {
  display: block;
  max-height: 56px;
  font-size: 20px;
  line-height: 28px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.itemConfirm .box__list.single .boxInner {
  padding-top: 25px;
}

.itemConfirm .box__list.single .boxInner__thumb {
  overflow: hidden;
  position: absolute;
  display: block;
  width: 120px;
  height: 120px;
}

.itemConfirm .box__list.single .boxInner .detail {
  position: relative;
  min-height: 120px;
  padding-left: 150px;
}

.itemConfirm .box__list.single .boxInner .detail__lft {
  display: block;
  float: left;
  max-width: 370px;
  min-height: 120px;
}

.itemConfirm .box__list.single .boxInner .detail__rgt {
  display: block;
  width: 200px;
  float: right;
  min-height: 120px;
}

.itemConfirm .box__list.single .boxInner .detail__rgt.price .price__list {
  display: block;
  line-height: 26px;
}

.itemConfirm .box__list.single .boxInner .detail__rgt.price .price__list .num {
  float: right;
}

.itemConfirm .box__list.single .boxInner__txt {
  line-height: 26px;
}

.itemConfirm .box__list.single .boxInner__txt .due-date {
  display: block;
  color: #918c00;
}

.itemConfirm .box__list .gift {
  position: relative;
  min-height: 40px;
  margin-top: 15px;
  padding-left: 60px;
  font-size: 0;
  line-height: 1;
}

.itemConfirm .box__list .gift figure {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 40px;
}

.itemConfirm .box__list .gift__name {
  display: block;
  padding-top: 5px;
  font-size: 16px;
  color: #3D3D3D;
}

.itemConfirm .box .delivery-fee {
  padding: 25px 0;
  border-top: 1px solid #ccc;
  text-align: right;
}

.itemConfirm .box .delivery-fee.delivery-fee-limit em {
  color: #918c00;
  font-weight: bold;
  font-size: 22px;
}

.itemConfirm .box .delivery-fee strong, .itemConfirm .box .delivery-fee span {
  display: block;
  line-height: 26px;
}

.itemConfirm .box .delivery-fee .price {
  display: inline-block;
  padding-left: 10px;
}

.itemConfirm__text {
  margin-top: 15px;
}

.itemConfirm__desc {
  margin-bottom: 30px;
}

.itemConfirm .hd-checkbox {
  background: #f5f5f5;
  padding: 25px;
}

.itemConfirm .hd-checkbox p {
  margin-top: 10px;
}

.hd .card-logo-left.bc {
  background: url(/front_pc/images/ico_card-bc_left-788946e1490a96d591df695a810eb2a5.png) no-repeat 0 0;
}

.hd .card-logo-left.kb {
  background: url(/front_pc/images/ico_card-kb_left-028fc5e832659b865f657b0e5783404a.png) no-repeat 0 0;
}

.hd .card-logo-left.hyundai {
  background: url(/front_pc/images/ico_card-hyundai_left-7f7833debfcb42f92fa91ab3e59e3617.png) no-repeat 0 0;
}

.hd .card-logo-left.samsung {
  background: url(/front_pc/images/ico_card-samsung_left-0c377b72b33c57f84ea537f4139094c9.png) no-repeat 0 0;
}

.hd .card-logo-left.shinhan {
  background: url(/front_pc/images/ico_card-shinhan_left-70da8f58f4729fc56ad135b3786d6a09.png) no-repeat 0 0;
}

.hd .card-logo-left.lotte {
  background: url(/front_pc/images/ico_card-lotte_left-30c3c8869d5179018657e8fce4396531.png) no-repeat 0 0;
}

.hd .card-logo-left.nh {
  background: url(/front_pc/images/ico_card-nh_left-e7edc65c127dc37e8643603e4746f271.png) no-repeat 0 0;
}

.hd .card-logo-left.hana {
  background: url(/front_pc/images/ico_card-hana_left-1a111d2027aa512c676ce0c78e9c0ff5.png) no-repeat 0 0;
}

.hd .card-logo-left.citi {
  background: url(/front_pc/images/ico_card-citi_left-1802247f07241ff57351d0cdd7d0e646.png) no-repeat 0 0;
}

.hd .card-logo-left.oehwan {
  background: url(/front_pc/images/ico_card-oehwan_left-20f9d1a65fa0fb97e67c347b8aa91f12.png) no-repeat 0 0;
}

.hd .card-logo-left.woori {
  background: url(/front_pc/images/ico_card-woori_left-0ea7f3a690671aac69bfb11d44615d91.png) no-repeat 0 0;
}

.hd .card-logo-left.visa {
  background: url(/front_pc/images/ico_card-visa_left-ad5822a0e9dbb9c8978a65d38300ff9c.png) no-repeat 0 0;
}

.hd .card-logo-left.master {
  background: url(/front_pc/images/ico_card-master_left-0b9b3fb9be64e11840116334db16e0c5.png) no-repeat 0 0;
}

.hd .card-logo-left.diners {
  background: url(/front_pc/images/ico_card-diners_left-78a1996ab838001ef07005368675b9ef.png) no-repeat 0 0;
}

.hd .card-logo-left.american {
  background: url(/front_pc/images/ico_card-american_left-1ceb0cf06bde2e5572e097850f3da7c2.png) no-repeat 0 0;
}

.hd .card-logo-left.jcb {
  background: url(/front_pc/images/ico_card-jcb_left-956430aa8504bc01e50a3a368943eff5.png) no-repeat 0 0;
}

.hd .card-logo-left.union {
  background: url(/front_pc/images/ico_card-union_left-c06c35a88fe7964823e411cb6dad44a1.png) no-repeat 0 0;
}

.hd .card-logo-left.suhyup {
  background: url(/front_pc/images/ico_card-suhyup_left-35760d00bade4095ae2fb469eb5dfa01.png) no-repeat 0 0;
}

.hd .card-logo-left.cu {
  background: url(/front_pc/images/ico_card-cu_left-ffb8e7b5ce62e89a3f95109d21c567fc.png) no-repeat 0 0;
}

.hd .card-logo-left.gwangju {
  background: url(/front_pc/images/ico_card-gwangju_left-e4b79603f2b51ecced6e2e67c6c50427.png) no-repeat 0 0;
}

.hd .card-logo-left.jeonbuk {
  background: url(/front_pc/images/ico_card-jeonbuk_left-f64bdbc3c572fd54b9091938da039c97.png) no-repeat 0 0;
}

.hd .card-logo-left.jeju {
  background: url(/front_pc/images/ico_card-jeju_left-0f0c634cbb20c6da6832d340c12b7b60.png) no-repeat 0 0;
}

.hd .card-logo-left.kdb {
  background: url(/front_pc/images/ico_card-kdb_left-5998af4b7d04368364db2b20c1a65a92.png) no-repeat 0 0;
}

.hd .card-logo-left.mg {
  background: url(/front_pc/images/ico_card-mg_left-bfa16b4a74f7c0873b0fd45ac04aa11e.png) no-repeat 0 0;
}

.hd .card-logo-left.epost {
  background: url(/front_pc/images/ico_card-epost_left-e78a7eccc7112280203a2d995f1fe785.png) no-repeat 0 0;
}

.hd .card-logo-left.sbcheck {
  background: url(/front_pc/images/ico_card-sbcheck_left-9dc64de13518bf21b278702fa456f094.png) no-repeat 0 0;
}

.hd .card-logo-left.okcashbag {
  background: url(/front_pc/images/ico_card-okcashbag_left-283c3793b17f5731af3aa9972a024cce.png) no-repeat 0 0;
}

.hd .card-logo-left.hanmi {
  background: url(/front_pc/images/ico_card-hanmi_left-71754d382eaf6f0df6bcf238f9083400.png) no-repeat 0 0;
}

.hd .card-logo-left.sinsegae {
  background: url(/front_pc/images/ico_card-sinsegae_left-77e42373ccef4eb214e1c578de5745e3.png) no-repeat 0 0;
}

.hd .card-logo-left.pyeonghwa {
  background: url(/front_pc/images/ico_card-pyeonghwa_left-eb4e3a3d6a7e654cf4859184ca4a0e74.png) no-repeat 0 0;
}

.hd .card-logo-left.dongnam {
  background: url(/front_pc/images/ico_card-dongnam_left-9712a548bd836b70f2fd1d58323323d0.png) no-repeat 0 0;
}

.hd .card-logo-left.joheung {
  background: url(/front_pc/images/ico_card-joheung_left-dd913ff85544746f4dbd291979cc8579.png) no-repeat 0 0;
}

.hd .card-logo-left.chughyeob {
  background: url(/front_pc/images/ico_card-chughyeob_left-c762cbaacdb22ff575d0a3849e12ae94.png) no-repeat 0 0;
}

.hd .card-logo-left.saneun {
  background: url(/front_pc/images/ico_card-saneun_left-fe8d2e4b7993a73c3628766b0152a1c4.png) no-repeat 0 0;
}

.hd .card-logo-left.jutaeg {
  background: url(/front_pc/images/ico_card-jutaeg_left-eb91cdedaae705ab131889916a15cc71.png) no-repeat 0 0;
}

.hd .card-logo-left.none {
  background: url(/front_pc/images/ico_card-card_left.png) no-repeat 0 0;
}

.hd .card-logo-center.bc {
  background: url(/front_pc/images/ico_card-bc_center-69275b3fe13ef624b6817781de773509.png) no-repeat 0 0;
}

.hd .card-logo-center.kb {
  background: url(/front_pc/images/ico_card-kb_center-f97f1197af589b7955db4bf416f13a77.png) no-repeat 0 0;
}

.hd .card-logo-center.hyundai {
  background: url(/front_pc/images/ico_card-hyundai_center-2277f8409eba4749bd57aaeaff9149b0.png) no-repeat 0 0;
}

.hd .card-logo-center.samsung {
  background: url(/front_pc/images/ico_card-samsung_center-9ce32b4980ff64423cdbd976aaa5c577.png) no-repeat 0 0;
}

.hd .card-logo-center.shinhan {
  background: url(/front_pc/images/ico_card-shinhan_center-4ac5e9b2b75c4fa76e83d85d3d49c857.png) no-repeat 0 0;
}

.hd .card-logo-center.lotte {
  background: url(/front_pc/images/ico_card-lotte_center-ea661917c04377a76534e7f7258dda86.png) no-repeat 0 0;
}

.hd .card-logo-center.nh {
  background: url(/front_pc/images/ico_card-nh_center-31356d4a23501c291e7b9d7a1e023290.png) no-repeat 0 0;
}

.hd .card-logo-center.hana {
  background: url(/front_pc/images/ico_card-hana_center-bb8067343686829f25fe0587d89015d0.png) no-repeat 0 0;
}

.hd .card-logo-center.citi {
  background: url(/front_pc/images/ico_card-citi_center-1b093e96c32d2859e95f388337e84120.png) no-repeat 0 0;
}

.hd .card-logo-center.oehwan {
  background: url(/front_pc/images/ico_card-oehwan_center-9ac8efe558c8f8dfa3564488fa311af7.png) no-repeat 0 0;
}

.hd .card-logo-center.woori {
  background: url(/front_pc/images/ico_card-woori_center-3ed430b061a6cee6721f5d33c4c0a241.png) no-repeat 0 0;
}

.hd .card-logo-center.visa {
  background: url(/front_pc/images/ico_card-visa_center-1633480ce0fdabde302cb8ee1839d566.png) no-repeat 0 0;
}

.hd .card-logo-center.master {
  background: url(/front_pc/images/ico_card-master_center-ac2449a467b4daba398070a63538d723.png) no-repeat 0 0;
}

.hd .card-logo-center.diners {
  background: url(/front_pc/images/ico_card-diners_center-c5e705d3c252611c250c184b7fa5f603.png) no-repeat 0 0;
}

.hd .card-logo-center.american {
  background: url(/front_pc/images/ico_card-american_center-a5defb0b69ce16a8455f48678c2ea5ff.png) no-repeat 0 0;
}

.hd .card-logo-center.jcb {
  background: url(/front_pc/images/ico_card-jcb_center-3800df5a1b5054f0e2f6a6f95d05dc7a.png) no-repeat 0 0;
}

.hd .card-logo-center.union {
  background: url(/front_pc/images/ico_card-union_center-45b5c9a459bd9e1805ed9b2c573520d7.png) no-repeat 0 0;
}

.hd .card-logo-center.suhyup {
  background: url(/front_pc/images/ico_card-suhyup_center-1c13c0d8c53bc5ec640cfa65f0a82d83.png) no-repeat 0 0;
}

.hd .card-logo-center.cu {
  background: url(/front_pc/images/ico_card-cu_center-68788bc38026f0c43f1630d80c4655da.png) no-repeat 0 0;
}

.hd .card-logo-center.gwangju {
  background: url(/front_pc/images/ico_card-gwangju_center-5937ebbccfb3ebf9e805a77bba3d8901.png) no-repeat 0 0;
}

.hd .card-logo-center.jeonbuk {
  background: url(/front_pc/images/ico_card-jeonbuk_center-f3ecac0ed160bd50077339980b0bb703.png) no-repeat 0 0;
}

.hd .card-logo-center.jeju {
  background: url(/front_pc/images/ico_card-jeju_center-c63dc9236cdb1e78aa5e758870164246.png) no-repeat 0 0;
}

.hd .card-logo-center.kdb {
  background: url(/front_pc/images/ico_card-kdb_center-5274f08a5a40a1d24a5baabea6210537.png) no-repeat 0 0;
}

.hd .card-logo-center.mg {
  background: url(/front_pc/images/ico_card-mg_center-c31e6f9e02fda54ec811422d26901581.png) no-repeat 0 0;
}

.hd .card-logo-center.epost {
  background: url(/front_pc/images/ico_card-epost_center-7293f0bd3812ef2c19a5e337750dcb18.png) no-repeat 0 0;
}

.hd .card-logo-center.sbcheck {
  background: url(/front_pc/images/ico_card-sbcheck_center-ea4ecb3f43814b83861cbe5267906a5a.png) no-repeat 0 0;
}

.hd .card-logo-center.okcashbag {
  background: url(/front_pc/images/ico_card-okcashbag_center-9e62723be9c897b7d464ed0f055f5191.png) no-repeat 0 0;
}

.hd .card-logo-center.hanmi {
  background: url(/front_pc/images/ico_card-hanmi_center-c899e760a485064b29924584b0d75b76.png) no-repeat 0 0;
}

.hd .card-logo-center.sinsegae {
  background: url(/front_pc/images/ico_card-sinsegae_center-6a694ea200cac4743136bbc6fa3bc5e4.png) no-repeat 0 0;
}

.hd .card-logo-center.pyeonghwa {
  background: url(/front_pc/images/ico_card-pyeonghwa_center-b2b3669c88a032f7d22f5e6c46fa9dbd.png) no-repeat 0 0;
}

.hd .card-logo-center.dongnam {
  background: url(/front_pc/images/ico_card-dongnam_center-236933472fc7e3286e76665ca26cec2c.png) no-repeat 0 0;
}

.hd .card-logo-center.joheung {
  background: url(/front_pc/images/ico_card-joheung_center-74bf55b1256ef8916f125d33bff34869.png) no-repeat 0 0;
}

.hd .card-logo-center.chughyeob {
  background: url(/front_pc/images/ico_card-chughyeob_center-89cdc125b5b073b7d845fa18c7e9425d.png) no-repeat 0 0;
}

.hd .card-logo-center.saneun {
  background: url(/front_pc/images/ico_card-saneun_center-625733d7af41d790cae2d28643d5ce18.png) no-repeat 0 0;
}

.hd .card-logo-center.jutaeg {
  background: url(/front_pc/images/ico_card-jutaeg_center-b128b35dd731ed4af6ef6795d829111c.png) no-repeat 0 0;
}

.hd .card-logo-center.none {
  background: url(/front_pc/images/ico_card-card_center-8dff4fe981b416bb83d2622bfe84f07f.png) no-repeat 0 0;
}

.hd [class^="card-logo-"].bk-nh {
  background: #005bac;
}

.hd [class^="card-logo-"].bk-nh:before {
  content: '농협은행';
}

.hd [class^="card-logo-"].bk-woori {
  background: #0067ac;
}

.hd [class^="card-logo-"].bk-woori:before {
  content: '우리은행';
}

.hd [class^="card-logo-"].bk-shinhan {
  background: #0b1966;
}

.hd [class^="card-logo-"].bk-shinhan:before {
  content: '신한은행';
}

.hd [class^="card-logo-"].bk-kb {
  background: #f7b500;
}

.hd [class^="card-logo-"].bk-kb:before {
  color: #2b1b03 !important;
  content: '국민은행';
}

.hd [class^="card-logo-"].bk-kb:after {
  color: #2b1b03 !important;
}

.hd [class^="card-logo-"].bk-kb + .card__num span {
  color: #2b1b03 !important;
}

.hd [class^="card-logo-"].bk-hana {
  background: #008485;
}

.hd [class^="card-logo-"].bk-hana:before {
  content: '하나은행';
}

.hd [class^="card-logo-"].bk-citi {
  background: #004086;
}

.hd [class^="card-logo-"].bk-citi:before {
  content: '씨티은행';
}

.hd [class^="card-logo-"].bk-ibk {
  background: #0094d3;
}

.hd [class^="card-logo-"].bk-ibk:before {
  content: '기업은행';
}

.hd [class^="card-logo-"].bk-kdb {
  background: #01357f;
}

.hd [class^="card-logo-"].bk-kdb:before {
  content: '산업은행';
}

.hd [class^="card-logo-"].bk-sc {
  background: #0473ea;
}

.hd [class^="card-logo-"].bk-sc:before {
  content: 'sc제일은행';
}

.hd [class^="card-logo-"].bk-dgb {
  background: #014282;
}

.hd [class^="card-logo-"].bk-dgb:before {
  content: '대구은행';
}

.hd [class^="card-logo-"].bk-busan {
  background: #d71921;
}

.hd [class^="card-logo-"].bk-busan:before {
  content: '부산은행';
}

.hd [class^="card-logo-"].bk-jeonbuk {
  background: #001e49;
}

.hd [class^="card-logo-"].bk-jeonbuk:before {
  content: '전북은행';
}

.hd [class^="card-logo-"].bk-kn {
  background: #d71921;
}

.hd [class^="card-logo-"].bk-kn:before {
  content: '경남은행';
}

.hd [class^="card-logo-"].bk-jeju {
  background: #0b1966;
}

.hd [class^="card-logo-"].bk-jeju:before {
  content: '제주은행';
}

.hd [class^="card-logo-"].bk-kj {
  background: #012d6a;
}

.hd [class^="card-logo-"].bk-kj:before {
  content: '광주은행';
}

.hd [class^="card-logo-"].bk-mg {
  background: #00326c;
}

.hd [class^="card-logo-"].bk-mg:before {
  content: '새마을금고';
}

.hd [class^="card-logo-"].bk-sh {
  background: #0071bd;
}

.hd [class^="card-logo-"].bk-sh:before {
  content: '수협';
}

.hd [class^="card-logo-"].bk-cu {
  background: #0056a7;
}

.hd [class^="card-logo-"].bk-cu:before {
  content: '신협';
}

.hd [class^="card-logo-"].bk-epost {
  background: #e72410;
}

.hd [class^="card-logo-"].bk-epost:before {
  content: '우체국';
}

.hd [class^="card-logo-"].bk-k {
  background: #0f0060;
}

.hd [class^="card-logo-"].bk-k:before {
  content: '케이뱅크';
}

.hd [class^="card-logo-"].bk-kakao {
  background: #ffdc00;
}

.hd [class^="card-logo-"].bk-kakao:before {
  color: #000 !important;
  content: '카카오뱅크';
}

.hd [class^="card-logo-"].bk-kakao:after {
  color: #000 !important;
}

.hd [class^="card-logo-"].bk-kakao + .card__num span {
  color: #000 !important;
}

.hd [class^="card-logo-"].bk-sb {
  background: #16873b;
}

.hd [class^="card-logo-"].bk-sb:before {
  content: '저축은행';
}

.hd [class^="card-logo-"].bk-sj {
  background: #54b45a;
}

.hd [class^="card-logo-"].bk-sj:before {
  content: '산림조합';
}

.hd [class^="card-logo-"].bk-toss {
  background: #004ffd;
}

.hd [class^="card-logo-"].bk-toss:before {
  content: '토스뱅크';
}

.hd .orderComplete__title {
  margin-bottom: 25px;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
}

.hd .orderComplete__title span {
  font-weight: normal;
}

.hd .orderComplete__txt {
  display: block;
  position: relative;
  padding-top: 10px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}

.hd .orderComplete__txt:before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 63px;
  height: 63px;
  background: #918c00 url(/front_pc/images/ico_comm_smile-7999fddac4779d4dae1c8d1a289d60e4.png) no-repeat 0 0;
  border-radius: 50%;
  transform: translate3d(-50%, 0, 0);
}

.hd .orderComplete__txt.check {
  font-size: 30px;
}

.hd .orderComplete__txt.check span {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-weight: 600;
  line-height: 1;
}

.hd .orderComplete__txt.check span:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  bottom: -5px;
  width: 100%;
  height: 8px;
  background: #F9D983;
}

.hd .orderComplete__desc {
  margin-top: 20px;
  line-height: 26px;
  text-align: center;
  font-size: 16px;
}

.hd .orderComplete__desc span {
  font-weight: 600;
}

.hd .orderComplete__price-txt {
  margin-top: 30px;
  padding: 24px 0;
  line-height: 26px;
  text-align: center;
  font-size: 16px;
  background: #f2f2e9;
}

.hd .orderComplete__price-txt span, .hd .orderComplete__price-txt em {
  font-weight: 600;
}

.hd .orderComplete__cont {
  margin-top: 40px;
}

.hd .orderComplete__sec {
  margin-top: 40px;
  border-top: 3px solid #1c1c1c;
  border-bottom: 1px solid #ccc;
}

.hd .orderComplete__sec:first-child {
  margin-top: 0;
}

.hd .orderComplete__sec__title {
  height: 77px;
  line-height: 77px;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: 600;
}

.hd .orderComplete__sec__title .point_color {
  display: inline-block;
  margin-left: 130px;
  font-size: 17px;
  font-weight: 100;
  color: #918c00;
}

.hd .orderComplete__sec .cont-table {
  position: relative;
  padding: 30px 60px;
  font-size: 0;
}

.hd .orderComplete__sec .cont-table__list {
  float: left;
  width: 20%;
  text-align: right;
  line-height: 26px;
}

.hd .orderComplete__sec .cont-table__list:first-child {
  width: 8%;
}

.hd .orderComplete__sec .cont-table__list:last-child {
  width: 32%;
  float: right;
}

.hd .orderComplete__sec .cont-table__list strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
}

.hd .orderComplete__sec .cont-table__list p, .hd .orderComplete__sec .cont-table__list > div {
  margin-top: 25px;
  font-size: 16px;
}

.hd .orderComplete__sec .cont-table__list p em, .hd .orderComplete__sec .cont-table__list > div em {
  font-weight: 600;
}

.hd .orderComplete__sec .cont-table__list .list-more {
  margin-top: 10px;
  padding: 0 20px;
  overflow: hidden;
  background: #f8f8f8;
  display: none;
}

.hd .orderComplete__sec .cont-table__list .list-more li {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
}

.hd .orderComplete__sec .cont-table__list .list-more li strong {
  width: auto !important;
}

.hd .orderComplete__sec .cont-table__list .list-more li:last-child {
  border-bottom: 0;
}

.hd .orderComplete__sec .cont-table__list .list-more-btn {
  margin-left: 10px;
}

.hd .orderComplete__sec .cont-table__list.on .list-more {
  display: block;
}

.hd .orderComplete__sec .cont-table.rows {
  padding: 30px 0;
}

.hd .orderComplete__sec .cont-table.rows .cont-table__list {
  text-align: left;
  width: 100%;
  margin-top: 10px;
}

.hd .orderComplete__sec .cont-table.rows .cont-table__list:first-child {
  margin-top: 0;
}

.hd .orderComplete__sec .cont-table.rows .cont-table__list strong {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  line-height: 26px;
}

.hd .orderComplete__sec .cont-table.rows .cont-table__list p, .hd .orderComplete__sec .cont-table.rows .cont-table__list > div {
  display: inline-block;
  margin-top: 0;
  vertical-align: top;
  width: calc(100% - 240px);
  line-height: 26px;
}

.hd .orderComplete__sec .cont-table.rows .cont-table__list > div > div {
  line-height: 37px;
}

.hd .orderComplete__sec .cont-table .btn-init.grey {
  position: absolute;
  right: 0;
  top: 30px;
  padding: 0 30px;
  width: auto;
  height: 45px;
  line-height: 43px;
  font-size: 16px;
  font-weight: 100;
}

.hd .orderComplete__product .box__list {
  border-bottom: 1px solid #ccc;
}

.hd .orderComplete__product .box__list.multi .box__list__sec {
  padding: 25px 0;
}

.hd .orderComplete__product .box__list.multi .box__list__sec:after {
  content: '';
  display: block;
  clear: both;
}

.hd .orderComplete__product .box__list.multi .item {
  float: left;
}

.hd .orderComplete__product .box__list.multi .price-info {
  position: relative;
  float: right;
}

.hd .orderComplete__product .box__list.multi .boxInner {
  display: none;
  position: relative;
}

.hd .orderComplete__product .box__list.multi .boxInner__list {
  border-top: 1px solid #ccc;
  padding: 20px 0;
}

.hd .orderComplete__product .box__list.multi .boxInner__list .multi__box {
  position: relative;
  min-height: 120px;
  padding-left: 145px;
}

.hd .orderComplete__product .box__list.multi .boxInner__list .multi__box__date {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  border: 3px solid #C0C0C0;
  font-size: 0;
  box-sizing: border-box;
}

.hd .orderComplete__product .box__list.multi .boxInner__list .multi__box__date:before {
  content: '';
  display: inline-block;
  width: 0px;
  height: 100%;
  vertical-align: middle;
}

.hd .orderComplete__product .box__list.multi .boxInner__list .multi__box__date strong {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.hd .orderComplete__product .box__list.multi .boxInner__list .multi__box__date span {
  display: block;
  font-weight: 400;
}

.hd .orderComplete__product .box__list.multi .boxInner__list .multi__box__product p {
  width: 100%;
  line-height: 26px;
  font-size: 16px;
}

.hd .orderComplete__product .box__list.multi .boxInner__list .multi__box__product p:after {
  content: '';
  display: block;
  clear: both;
}

.hd .orderComplete__product .box__list.multi .boxInner__list .multi__box__product .product__lft {
  float: left;
  width: 90%;
}

.hd .orderComplete__product .box__list.multi .boxInner__list .multi__box__product .product__rgt {
  float: right;
  width: 10%;
  text-align: right;
  font-weight: 600;
}

.hd .orderComplete__product .box__list.multi .boxInner__list .money__state {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 26px;
  font-size: 16px;
  font-weight: 600;
  color: #918c00;
}

.hd .orderComplete__product .box__list.multi .boxInner__list .product__gift {
  position: relative;
  min-height: 45px;
  margin-top: 15px;
  padding-left: 60px;
  font-size: 0;
  line-height: 1;
}

.hd .orderComplete__product .box__list.multi .boxInner__list .product__gift figure {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
}

.hd .orderComplete__product .box__list.multi .boxInner__list .product__gift .gift-name {
  vertical-align: -24px;
  font-size: 16px;
  color: #1c1c1c;
}

.hd .orderComplete__product .box__list.multi .btn__accd {
  line-height: 24px;
  font-size: 16px;
  color: #1c1c1c;
}

.hd .orderComplete__product .box__list.multi .btn__accd:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-left: 10px;
  vertical-align: 0;
  background: url(/front_pc/images/ico_comm_accd-d840278f6c20697f9f4572e33437a5b5.png) no-repeat 0 0;
}

.hd .orderComplete__product .box__list.multi .btn__accd.on:after {
  background-image: url(/front_pc/images/ico_comm_accd_on-3058e307320afabac4511351b1f8cb1b.png);
}

.hd .orderComplete__product .box__list.multi .multi-delivery {
  padding: 25px 0;
  border-top: 1px solid #ccc;
}

.hd .orderComplete__product .box__list.multi .multi-delivery__txt {
  line-height: 26px;
  float: right;
}

.hd .orderComplete__product .box__list.multi .multi-delivery__price {
  display: inline-block;
  padding-left: 10px;
}

.hd .orderComplete__product .box__list.multi .multi-delivery:after {
  content: "";
  display: table;
  clear: both;
}

.hd .orderComplete__product .box__cont {
  position: relative;
  min-height: 153px;
  padding: 25px 0;
}

.hd .orderComplete__product .box .product__name {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
}

.hd .orderComplete__product .box .product__store {
  display: block;
  margin: -25px 0 20px;
  padding: 20px;
  font-size: 18px;
  font-weight: normal;
  background: #f5f5f5;
}

.hd .orderComplete__product .box .product__info {
  position: relative;
  min-height: 120px;
  padding-left: 145px;
}

.hd .orderComplete__product .box .product__img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
}

.hd .orderComplete__product .box .product__cont {
  position: relative;
  line-height: 26px;
  font-size: 16px;
}

.hd .orderComplete__product .box .product__cont__title {
  padding-left: 40px;
}

.hd .orderComplete__product .box .product__cont__title.plx {
  padding-left: 0;
}

.hd .orderComplete__product .box .product__cont__title span {
  display: block;
}

.hd .orderComplete__product .box .product__cont__title .txt {
  position: absolute;
  top: 0;
  left: 0;
}

.hd .orderComplete__product .box .product__cont__cont {
  position: relative;
  line-height: 26px;
  font-size: 16px;
}

.hd .orderComplete__product .box .product__cont__date {
  display: block;
  font-weight: 600;
  color: #918c00;
}

.hd .orderComplete__product .box .product__gift {
  position: relative;
  min-height: 45px;
  margin-top: 15px;
  padding-left: 60px;
  font-size: 0;
  line-height: 1;
}

.hd .orderComplete__product .box .product__gift figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
}

.hd .orderComplete__product .box .product__gift .gift-name {
  display: block;
  width: 650px;
  padding-top: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #1c1c1c;
}

.hd .orderComplete__product .price-info {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
}

.hd .orderComplete__product .price-info__list {
  line-height: 26px;
}

.hd .orderComplete__product .price-info__list:after {
  content: '';
  display: block;
  clear: both;
}

.hd .orderComplete__product .price-info__list:last-child {
  font-weight: 600;
}

.hd .orderComplete__product .price-info__list:last-child strong {
  font-weight: 600;
}

.hd .orderComplete__product .price-info__list strong {
  float: left;
  font-size: 16px;
  font-weight: 400;
}

.hd .orderComplete__product .price-info__list p {
  float: right;
  text-align: right;
  font-size: 16px;
}

.hd .orderComplete__product .delivery-price {
  padding: 25px 0;
  text-align: right;
  border-bottom: 1px solid #ccc;
}

.hd .orderComplete .btn {
  width: 620px;
  margin: 60px auto 0;
}

.hd .orderComplete .btn-init {
  height: 70px;
  line-height: 70px;
  font-size: 24px;
  font-weight: 600;
}

.hd #orderItem {
  border-bottom: 0;
}

.hd .hd__inner450 {
  width: 450px;
  margin: 0 auto;
}

.hd .hd__inner450 .hd__page-title {
  margin-bottom: 10px;
}

.hd .hd__inner450 .input-area {
  margin-bottom: 25px;
}

.hd .hd__inner450 .input-box {
  margin-top: 15px;
}

.hd .hd__inner450 .input__text {
  height: 60px;
}

.hd .hd__inner450 .member-btn .btn-init {
  height: 60px;
  line-height: 58px;
  font-size: 20px;
  font-weight: 600;
}

.hd .hd__inner450 .member-btn .noMember {
  border: 1px solid #918c00;
  color: #3D3D3D;
}

.hd .login .member-login {
  margin-top: 40px;
  border-bottom: 1px solid #BEBEBE;
}

.hd .login .member-login .tab-menu {
  padding-top: 0;
  margin-bottom: 45px;
}

.hd .login .member-login .tab-menu a {
  padding: 0;
}

.hd .login .member-login .tab-menu a:after {
  display: none;
}

.hd .login .member-login .checkbox-area {
  margin: 25px 0;
}

.hd .login .member-login .login_link_box {
  margin: 30px 0;
  text-align: center;
  font-size: 0;
}

.hd .login .member-login .login_link_box li {
  display: inline-block;
  position: relative;
  font-size: 16px;
}

.hd .login .member-login .login_link_box li:not(:first-child) {
  margin-left: 24px;
  padding-left: 24px;
}

.hd .login .member-login .login_link_box li:not(:first-child):before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 22px;
  border-left: 1px solid #BEBEBE;
}

.hd .login .member-login .checkbox-area {
  font-size: 0;
}

.hd .login .member-login .checkbox-area .hd-checkbox {
  display: inline-block;
  margin-left: 15px;
}

.hd .login .member-login .checkbox-area .hd-checkbox:first-child {
  margin-left: 0;
}

.hd .login .tab-menu {
  font-size: 0;
}

.hd .login .tab-menu__list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 50%;
  height: 70px;
  margin-left: -1px;
  border: 1px solid #ccc;
  border-bottom: 3px solid #1c1c1c;
  box-sizing: border-box;
  line-height: 67px;
  font-size: 20px;
  text-align: center;
}

.hd .login .tab-menu__list:first-child {
  margin-left: 0;
}

.hd .login .tab-menu__list a {
  display: block;
}

.hd .login .tab-menu__list--on {
  z-index: 1;
  border: 3px solid #1c1c1c;
  border-bottom: none;
  font-weight: bold;
  line-height: 64px;
}

.hd .member-sns {
  margin: 30px 0 40px;
}

.hd .member-sns__title {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.hd .member-sns .box {
  margin-top: 25px;
  text-align: center;
  font-size: 0;
}

.hd .member-sns .box__list {
  display: inline-block;
  margin: 0 20px;
}

.hd .member-sns .box__list a {
  display: block;
}

.hd .member-sns .box__list a img {
  border-radius: 50%;
  width: 70px;
}

.hd .member-sns .box__list__txt {
  display: block;
  margin-top: 15px;
  font-size: 16px;
}

.hd .memberTxt {
  margin-top: 10px;
  font-size: 16px;
  line-height: 26px;
  padding-left: 10px;
  text-indent: -10px;
  word-break: keep-all;
}

.hd .pwFind .input-box__desc {
  margin-top: 10px;
  line-height: 24px;
  color: #888;
}

.hd .pwFind .input-box__desc-org {
  color: #918c00;
}

.hd .pwFind .btn button + button {
  margin-left: 20px;
}

.hd .pwFind__link {
  border-bottom: 1px solid green;
  color: green;
}

.hd .orderLogin .join-btn {
  margin-top: 45px;
}

.hd .orderLogin .join-btn button {
  font-weight: bold;
}

.hd .order-login {
  margin-top: 40px;
}

.hd .order-login .btn-area {
  margin-top: 20px;
}

.hd .order-login .btn-area button {
  font-weight: bold;
}

.hd .order-login__desc {
  position: relative;
  margin: 20px 0 20px;
  padding-left: 32px;
  line-height: 26px;
  font-size: 16px;
  color: #888;
  background: url(/front_pc/images/icon_comm_notice-9b22ec262b0b49d985d50b2c91a9124f.png) no-repeat 0 3px;
}

.hd .order-login__desc strong {
  color: #918c00;
}

.hd .hd__page-desc .green {
  font-weight: 600;
  color: #918c00;
}

.hd .pwChange .pwChange__title {
  display: block;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 20px;
}

.hd .inactiveMember__sec {
  margin-bottom: 40px;
}

.hd .inactiveMember__txt {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.hd .inactiveMember__txt strong {
  color: #918c00;
}

.hd .inactiveMember__txt:before {
  content: '';
  display: block;
  width: 63px;
  height: 63px;
  margin: 40px auto 20px;
  background: #918c00 url(/front_pc/images/ico_important-msg-c952d165604b9e7446111ca59be2b18e.png) no-repeat 50% 50%;
  border-radius: 50%;
}

.hd .inactiveMember__desc {
  text-align: center;
  font-size: 16px;
  line-height: 26px;
}

.hd .inactiveMemberAccount__sec {
  margin-top: 50px;
}

.hd .inactiveMemberAccount__sec .inactiveMember__txt {
  margin-bottom: 10px;
  padding-bottom: 0;
  border: 0;
}

.hd .inactiveMemberAccount__sec .inactiveMember__txt:before {
  display: none;
}

.hd .inactiveMemberAccount__cont {
  margin-top: 25px;
  border-top: 1px solid #ccc;
}

.hd .inactiveMemberAccount .hd__custom-select select {
  height: 60px;
}

.hd .inactiveMemberComplete .inactiveMember__txt:before {
  background: #918c00 url(/front_pc/images/ico_comm_smile-7999fddac4779d4dae1c8d1a289d60e4.png) no-repeat 0 0;
}

.hd .input-box {
  position: relative;
}

.hd .input-box__title {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
}

.hd .input-box .cellphone__number {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  line-height: 60px;
  font-size: 16px;
  color: #888;
}

.hd .input-box .cellphone__number input {
  max-width: 135px;
}

.hd .input-box .certification__check {
  position: relative;
  margin-bottom: 20px;
}

.hd .input-box .certification__check input {
  background: transparent;
}

.hd .input-box .certification__check .back {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 20px;
  font-size: 16px;
  transform: translate3d(0, -50%, 0);
}

.hd .input-box .certification__ok {
  display: block;
  padding: 20px 0;
  font-size: 16px;
}

.hd .btn-full {
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-weight: 600;
}

.hd .btn-full.green {
  background: #918c00;
  color: #fff;
}

.hd .btn-full.grey {
  background: #a8a8a8;
  color: #fff;
}

.hd .idFind .desc {
  margin-top: 35px;
}

.hd .idFind .desc li {
  position: relative;
  padding-left: 10px;
  line-height: 26px;
  font-size: 16px;
  word-break: keep-all;
  color: #888;
}

.hd .idFind .desc li:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  content: '-';
}

.hd .idFind .desc .csTel {
  color: #918c00;
}

.hd .idFindResult__h3 {
  display: block;
  margin-bottom: 25px;
  font-size: 16px;
  text-align: center;
}

.hd .idFindResult__h3:before {
  content: '';
  display: block;
  width: 63px;
  height: 63px;
  margin: 40px auto 25px;
  background: #918c00 url(/front_pc/images/ico_comm_check-607274af4e5fab6d013ce04d9b24cb28.png) no-repeat 0 0;
  border-radius: 50%;
}

.hd .idFindResult .info-area {
  padding: 25px 0;
  border-top: 1px solid #ccc;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #888;
}

.hd .idFindResult .info-area__id {
  display: block;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
  color: #1c1c1c;
}

.hd .idFindResult .member-btn {
  margin-top: 15px;
}

.hd .idFindResult .member-btn button + button {
  margin-left: 20px;
}

.hd .idFindResult__desc {
  margin-top: 20px;
  text-align: center;
}

.hd .idFindNoResult__h3 {
  display: block;
  margin-bottom: 50px;
  line-height: 26px;
  font-size: 16px;
  text-align: center;
}

.hd .idFindNoResult__h3:before {
  content: '';
  display: block;
  width: 63px;
  height: 63px;
  margin: 40px auto 25px;
  background: #ccc url(/front_pc/images/ico_important-msg-c952d165604b9e7446111ca59be2b18e.png) no-repeat 0 0;
  border-radius: 50%;
}

.hd .idFindNoResult__h3 strong {
  display: block;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
}

.hd .tab-menu-v2 {
  margin: 40px 0 45px;
  font-size: 0;
}

.hd .tab-menu-v2 li {
  float: none;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 50%;
  height: 70px;
  border: 1px solid #ccc;
  border-bottom: 3px solid #1c1c1c;
  box-sizing: border-box;
  line-height: 67px;
  font-size: 20px;
  text-align: center;
}

.hd .tab-menu-v2 li a {
  display: block;
  padding: 0;
}

.hd .tab-menu-v2 li a:after {
  display: none;
}

.hd .tab-menu-v2 li.tab-menu__list--on {
  border: 3px solid #1c1c1c;
  border-bottom: none;
  font-weight: bold;
  line-height: 64px;
}

.hd .pwFind .desc {
  margin-top: 35px;
}

.hd .pwFind .desc li {
  position: relative;
  padding-left: 10px;
  line-height: 26px;
  font-size: 16px;
  word-break: keep-all;
  color: #888;
}

.hd .pwFind .desc li:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  content: '-';
}

.hd .pwFind .desc li strong {
  color: #918c00;
}

.hd .pwNewSetting__txt {
  display: block;
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
}

.hd .pwNewSetting__txt strong {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
}

.hd .birth-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  line-height: 60px;
  font-size: 16px;
  color: #888;
}

.hd .birth-info .year {
  width: 178px;
  margin-right: 10px;
}

.hd .birth-info .month, .hd .birth-info .day {
  width: 90px;
  margin: 0 10px;
}

.hd .member-btn + .member-btn {
  margin-top: 15px;
}

.hd .pwFindAccount .hd__custom-select select {
  height: 60px;
}

.hd .pwFindAccount .result-msg {
  margin-top: 20px;
  text-align: center;
}

.hd .pwFindAccount .result-msg strong {
  display: block;
  margin-bottom: 10px;
}

.hd .memberJoin__sec {
  margin: 30px 0 60px;
  text-align: center;
  font-size: 0;
}

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

.hd .memberJoin__txt strong {
  display: block;
  margin-bottom: 20px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 600;
}

.hd .memberJoin__txt p {
  line-height: 26px;
  font-size: 16px;
}

.hd .memberJoin .green-box {
  display: inline-block;
  vertical-align: top;
  width: 460px;
}

.hd .memberJoin__hp {
  margin: 0 auto;
  width: 960px;
}

.hd .memberJoin__hp-tit {
  margin: 35px auto 20px;
  width: 350px;
  height: 59px;
  background: url("/front_pc/images/txt_member_hp_gr-925b895bd44b32dd59ad070c60347d5b.png") no-repeat;
}

.hd .memberJoin__hp-txt {
  font-size: 21px;
  color: #888;
  text-align: center;
}

.hd .memberJoin__hp-box {
  margin-top: 30px;
  padding: 30px 40px;
  background: #f5f5f5;
}

.hd .memberJoin__hp-box ul {
  display: flex;
  flex-wrap: wrap;
}

.hd .memberJoin__hp-box ul li {
  display: flex;
  align-items: center;
  width: 50%;
  padding-left: 36px;
  height: 160px;
  font-size: 18px;
  color: #888;
  box-sizing: border-box;
}

.hd .memberJoin__hp-box ul li:nth-of-type(3), .hd .memberJoin__hp-box ul li:nth-of-type(4) {
  height: 150px;
  border-top: 1px solid #d0d0d0;
}

.hd .memberJoin__hp-box ul li:nth-of-type(2n) {
  border-left: 1px solid #d0d0d0;
}

.hd .memberJoin__hp-box ul li:before {
  margin-right: 20px;
  width: 80px;
  height: 80px;
  background: url("/front_pc/images/img_member_hp_gr-00daf6da05e85202dc47b421be2cabfb.png") no-repeat;
  content: '';
}

.hd .memberJoin__hp-box ul li:nth-of-type(1):before {
  background-position-x: 0px;
}

.hd .memberJoin__hp-box ul li:nth-of-type(2):before {
  background-position-x: -80px;
}

.hd .memberJoin__hp-box ul li:nth-of-type(3):before {
  background-position-x: -160px;
}

.hd .memberJoin__hp-box ul li:nth-of-type(4):before {
  background-position-x: -240px;
}

.hd .memberJoin__hp-box .box__sub {
  color: #5d5c5c;
}

.hd .memberJoin__hp-box .box__tit {
  display: block;
  margin: 10px 0;
  font-size: 22px;
  color: #1c1c1c;
}

.hd .memberJoin__hp-box .box__txt {
  line-height: 1.3;
}

.hd .memberJoin__hp.type2 {
  width: 640px;
}

.hd .memberJoin__hp.type2 .memberJoin__hp-box {
  margin: 20px auto 0;
  padding: 0;
  width: 510px;
  background: transparent;
}

.hd .memberJoin__hp.type2 .memberJoin__hp-box ul li {
  justify-content: space-between;
  width: 100%;
  height: 130px !important;
  border: 0 !important;
}

.hd .memberJoin__hp.type2 .memberJoin__hp-box ul li + li {
  border-top: 1px solid #e5e5e5 !important;
}

.hd .memberJoin__hp.type2 .memberJoin__hp-box ul li:before {
  display: none;
}

.hd .memberJoin__hp.type2 .memberJoin__hp-box ul li:after {
  width: 80px;
  height: 80px;
  background: url("/front_pc/images/img_member_hp_gr-00daf6da05e85202dc47b421be2cabfb.png") no-repeat;
  content: '';
}

.hd .memberJoin__hp.type2 .memberJoin__hp-box ul li:nth-of-type(1):after {
  background-position-x: -160px;
}

.hd .memberJoin__hp.type2 .memberJoin__hp-box ul li:nth-of-type(2):after {
  background-position-x: -240px;
}

.hd .memberJoin__hp.type2 .memberJoin__hp-box ul li:nth-of-type(3):after {
  background-position-x: 0;
}

.hd .memberJoin__hp.type2 .memberJoin__hp-box .box__sub {
  color: #bbb;
}

.hd .green-box {
  position: relative;
  margin: 0 20px;
  padding: 40px 0 45px;
  border-top: 3px solid #1c1c1c;
  background: #FFF;
  text-align: center;
  box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.hd .green-box__title {
  margin-bottom: 25px;
}

.hd .green-box__title span {
  display: inline-block;
  position: relative;
  padding: 0 6px;
  z-index: 1;
  font-size: 20px;
  font-weight: 600;
  color: #3d3d3d;
}

.hd .green-box__title span:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  bottom: -2px;
  left: 0px;
  width: 100%;
  height: 6px;
  background: #F9D983;
}

.hd .green-box__desc {
  margin-top: 20px;
  line-height: 25px;
  font-size: 18px;
  color: #3d3d3d;
}

.hd .green-box .btn {
  margin: 40px auto 0;
  width: 375px;
}

.hd .green-box .btn-init {
  height: 75px;
  line-height: 73px;
  font-size: 21px;
  font-weight: 600;
  border-radius: 40px;
}

.hd .green-box.type2 {
  padding: 40px 0 0;
  height: 400px;
}

.hd .green-box.type2 .green-box__title {
  margin-bottom: 10px;
}

.hd .green-box.type2 .btn {
  position: absolute;
  left: 50%;
  bottom: 40px;
  margin: 0;
  transform: translateX(-50%);
}

.hd .green-box.type2 .btn-init.black {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}

.hd .join-order {
  position: relative;
  margin: 40px 0 45px;
  text-align: center;
  counter-reset: meals_list;
}

.hd .join-order:before {
  content: '';
  position: absolute;
  top: 15px;
  left: 50%;
  height: 1px;
  width: 320px;
  background: #918c00;
  transform: translate(-50%, 0);
}

.hd .join-order li {
  display: inline-block;
  position: relative;
  width: 160px;
  margin: 0 5px;
  vertical-align: top;
  color: #888;
}

.hd .join-order li:before {
  counter-increment: meals_list;
  content: counter(meals_list);
  display: block;
  box-sizing: border-box;
  width: 35px;
  height: 35px;
  margin: 0 auto 10px;
  text-align: center;
  line-height: 31px;
  border: 2px solid #918c00;
  background: #FFF;
  font-size: 14px;
  font-weight: 600;
  color: #918c00;
  border-radius: 50%;
}

.hd .join-order li.on {
  color: #1c1c1c;
}

.hd .join-order li.on:before {
  background: #918c00;
  color: #FFF;
}

.hd__caulseAgree .caulseAgree {
  max-width: 750px;
  margin: 0 auto;
}

.hd__caulseAgree .caulseAgree .notice__list {
  position: relative;
  padding-left: 8px;
  color: #888;
  line-height: 1.8;
}

.hd__caulseAgree .caulseAgree .notice__list:before {
  content: '-';
  position: absolute;
  top: 0;
  left: 0;
}

.hd__caulseAgree .caulseAgree .notice__list.important {
  color: #918c00;
}

.hd__caulseAgree .caulseAgree .box {
  margin-top: 25px;
}

.hd__caulseAgree .caulseAgree .box__head {
  position: relative;
  padding: 20px 0;
  background: none;
  border-top: 1px solid #ccc;
  font-weight: 600;
}

.hd__caulseAgree .caulseAgree .box__head .point {
  display: inline-block;
  margin-left: 5px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: normal;
  background: #efe435;
  border-radius: 30px;
  vertical-align: middle;
}

.hd__caulseAgree .caulseAgree .box__cont {
  background: #F9F9F9;
  border-top: 1px solid #ccc;
  color: #888;
  line-height: 1.6;
  max-height: 300px;
  overflow-y: auto;
}

.hd__caulseAgree .caulseAgree .box__cont > div {
  padding: 25px;
}

.hd__caulseAgree .caulseAgree .box .view-detail {
  display: block;
  width: 50px;
  height: 50px;
  background: no-repeat;
  right: 0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.hd__caulseAgree .caulseAgree .accordion__head {
  position: absolute;
}

.hd__caulseAgree .caulseAgree .accordion__head:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 23px;
  height: 2px;
  background-color: #1c1c1c;
  content: '';
  opacity: .6;
}

.hd__caulseAgree .caulseAgree .accordion__head:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  width: 2px;
  height: 23px;
  background-color: #1c1c1c;
  content: '';
  opacity: .6;
}

.hd__caulseAgree .caulseAgree .accordion__head--on:after {
  display: none;
}

.hd__caulseAgree .caulseAgree .accordion__head + .accordion__haed {
  border-top: none;
}

.hd__caulseAgree .caulseAgree .marketing-agree {
  padding: 25px 0;
  border-top: 1px solid #ccc;
}

.hd__caulseAgree .caulseAgree .marketing-agree__title {
  display: block;
  font-weight: 600;
}

.hd__caulseAgree .caulseAgree .marketing-agree__checkbox-sec {
  margin: 20px 0;
}

.hd__caulseAgree .caulseAgree .marketing-agree__checkbox-sec > div {
  display: inline-block;
  margin-right: 45px;
  vertical-align: top;
}

.hd__caulseAgree .caulseAgree .marketing-agree__age__notice {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #ccc;
  line-height: 32px;
  color: #888;
}

.hd__caulseAgree .caulseAgree__desc {
  padding: 20px 0 40px 0;
  border-top: 1px solid #ccc;
  color: #888;
  text-align: center;
  line-height: 2;
}

.hd__caulseAgree .caulseAgree .btn {
  height: 70px;
  line-height: 70px;
}

.hd__caulseAgree .caulseAgree .btn a {
  font-size: 24px;
}

.hd__greatingJoin .hd__sub, .hd__snsJoin .hd__sub {
  width: 750px;
  margin: 0 auto;
}

.hd__greatingJoin .hd__sub .member-box, .hd__snsJoin .hd__sub .member-box {
  margin-top: 25px;
  border-top: 3px solid #1c1c1c;
}

.hd__greatingJoin .hd__sub .member-box__head, .hd__snsJoin .hd__sub .member-box__head {
  padding: 30px 0;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: 600;
}

.hd__greatingJoin .hd__sub .member-box__title, .hd__snsJoin .hd__sub .member-box__title {
  display: inline-block;
  width: 130px;
  color: #000;
}

.hd__greatingJoin .hd__sub .member-box__list, .hd__snsJoin .hd__sub .member-box__list {
  position: relative;
  width: 100%;
  margin-top: 20px;
}

.hd__greatingJoin .hd__sub .member-box__list .desc, .hd__snsJoin .hd__sub .member-box__list .desc {
  display: block;
  padding: 10px 0 0 132px;
  color: #888;
}

.hd__greatingJoin .hd__sub .member-box .input-box .input_text, .hd__snsJoin .hd__sub .member-box .input-box .input_text {
  padding: 0 20px;
  width: 450px;
  height: 45px;
  border: 1px solid #BDBDBD;
  box-sizing: border-box;
}

.hd__greatingJoin .hd__sub .member-box .input-box.email .input_text, .hd__snsJoin .hd__sub .member-box .input-box.email .input_text {
  width: 140px;
}

.hd__greatingJoin .hd__sub .member-box .input-box.cellphone .input_text, .hd__snsJoin .hd__sub .member-box .input-box.cellphone .input_text {
  width: 135px;
}

.hd__greatingJoin .hd__sub .member-box .input-box__space, .hd__snsJoin .hd__sub .member-box .input-box__space {
  padding: 0 5px;
}

.hd__greatingJoin .hd__sub .member-box .input-box .hd__custom-select, .hd__snsJoin .hd__sub .member-box .input-box .hd__custom-select {
  display: inline-block;
  width: 140px;
  margin-left: 5px;
}

.hd__greatingJoin .hd__sub .member-box .input-box .hd__custom-select select, .hd__snsJoin .hd__sub .member-box .input-box .hd__custom-select select {
  padding: 0 15px;
  height: 45px;
  border: 1px solid #BDBDBD;
  background: url(/front_pc/images/ico_comm_select-arrow-2f4c626e52a0ed55ede0723c1797ddaf.png) no-repeat 90% 50%;
  color: #1c1c1c;
}

.hd__greatingJoin .hd__sub .member-box .input-box .hd__custom-select.phone, .hd__snsJoin .hd__sub .member-box .input-box .hd__custom-select.phone {
  width: 135px;
  margin-left: 0;
}

.hd__greatingJoin .hd__sub .member-box .input-box__title, .hd__snsJoin .hd__sub .member-box .input-box__title {
  display: block;
  margin-bottom: 20px;
}

.hd__greatingJoin .hd__sub .member-box .input-box .certification__check, .hd__snsJoin .hd__sub .member-box .input-box .certification__check {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
}

.hd__greatingJoin .hd__sub .member-box .input-box .certification__check input, .hd__snsJoin .hd__sub .member-box .input-box .certification__check input {
  border: 1px solid #ccc;
}

.hd__greatingJoin .hd__sub .member-box .input-box .certification__check .back, .hd__snsJoin .hd__sub .member-box .input-box .certification__check .back {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 30px;
  transform: translate3d(0, -50%, 0);
}

.hd__greatingJoin .hd__sub .member-box .input-box button, .hd__snsJoin .hd__sub .member-box .input-box button {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 150px;
  height: 45px;
}

.hd__greatingJoin .hd__sub .member-box .input-box button a, .hd__snsJoin .hd__sub .member-box .input-box button a {
  font-size: 16px;
}

.hd__greatingJoin .hd__sub .member-box .input-box.btn-sec .btn-full, .hd__snsJoin .hd__sub .member-box .input-box.btn-sec .btn-full {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 130px;
}

.hd__greatingJoin .hd__sub .member-box .hd-checkbox, .hd__snsJoin .hd__sub .member-box .hd-checkbox {
  display: inline-block;
}

.hd__greatingJoin .hd__sub .member-box .hd-checkbox label, .hd__snsJoin .hd__sub .member-box .hd-checkbox label {
  margin-right: 20px;
}

.hd__greatingJoin .hd__sub .member-box + .member-box, .hd__snsJoin .hd__sub .member-box + .member-box {
  margin-top: 40px;
}

.hd__greatingJoin .hd__sub .member-box .domain__check, .hd__snsJoin .hd__sub .member-box .domain__check {
  margin-top: 15px;
}

.hd__greatingJoin .hd__sub .member-box .alertBox, .hd__snsJoin .hd__sub .member-box .alertBox {
  margin-top: 10px;
}

.hd__greatingJoin .hd__sub .member-box .alertBox.fail, .hd__snsJoin .hd__sub .member-box .alertBox.fail {
  display: block !important;
}

.hd__greatingJoin .hd__sub .member-box .alertBox.success, .hd__snsJoin .hd__sub .member-box .alertBox.success {
  display: block !important;
  color: #918c00;
}

.hd__greatingJoin .hd__sub .member-box .upload, .hd__snsJoin .hd__sub .member-box .upload {
  position: relative;
  text-align: center;
}

.hd__greatingJoin .hd__sub .member-box .input_file, .hd__snsJoin .hd__sub .member-box .input_file {
  overflow: hidden;
  padding: 0 50px 0 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd__greatingJoin .hd__sub .member-box .file-delete, .hd__snsJoin .hd__sub .member-box .file-delete {
  display: none;
  position: absolute;
  top: 50%;
  right: 160px;
  width: 30px;
  height: 30px;
  background: #918c00;
  border-radius: 50%;
  transform: translate3d(0, -50%, 0);
}

.hd__greatingJoin .hd__sub .member-box.type2 .member-box__head, .hd__snsJoin .hd__sub .member-box.type2 .member-box__head {
  border-bottom: 0;
  padding-bottom: 0;
}

.hd__greatingJoin .hd__sub .member-box.type2 .member-box__head:not(:first-child), .hd__snsJoin .hd__sub .member-box.type2 .member-box__head:not(:first-child) {
  margin-top: 30px;
  border-top: 1px solid #ccc;
}

.hd__greatingJoin .hd__sub .member-box.type2 .member-box__text, .hd__snsJoin .hd__sub .member-box.type2 .member-box__text {
  padding: 10px 0;
  color: #888;
}

.hd__greatingJoin .hd__sub .member-box.type2 .health-info, .hd__snsJoin .hd__sub .member-box.type2 .health-info {
  padding-top: 10px;
}

.hd__greatingJoin .hd__sub .health-info, .hd__snsJoin .hd__sub .health-info {
  padding-top: 20px;
}

.hd__greatingJoin .hd__sub .health-info__notice, .hd__snsJoin .hd__sub .health-info__notice {
  display: block;
  color: #918c00;
}

.hd__greatingJoin .hd__sub .health-info__notice em, .hd__snsJoin .hd__sub .health-info__notice em {
  font-weight: 600;
}

.hd__greatingJoin .hd__sub .health-info__sec, .hd__snsJoin .hd__sub .health-info__sec {
  margin: 0 -5px;
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
  font-size: 0;
}

.hd__greatingJoin .hd__sub .health-info__list, .hd__snsJoin .hd__sub .health-info__list {
  display: inline-block;
  margin: 5px;
  vertical-align: top;
  text-align: center;
}

.hd__greatingJoin .hd__sub .health-info__list label, .hd__snsJoin .hd__sub .health-info__list label {
  width: 243px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  font-weight: 300;
}

.hd__greatingJoin .hd__sub .btn, .hd__snsJoin .hd__sub .btn {
  height: 70px;
  margin-top: 50px;
  line-height: 70px;
}

.hd__greatingJoin .hd__sub .btn button, .hd__snsJoin .hd__sub .btn button {
  font-size: 18x;
}

.hd .recommender {
  margin-top: 15px;
  line-height: 1.5;
}

.hd .recommender__notice {
  display: block;
  color: #918c00;
}

.hd .recommender__guide {
  font-size: 14px;
  color: #888;
}

.hd .recommender .alertBox {
  margin-left: 0 !important;
}

.hd__joinComplete .joinComplete {
  margin: 0 auto;
  width: 750px;
}

.hd__joinComplete .joinComplete .member-box {
  border-top: 3px solid #1c1c1c;
}

.hd__joinComplete .joinComplete__head {
  margin: 35px auto 25px;
  width: 450px;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
}

.hd__joinComplete .joinComplete__head strong {
  color: #918c00;
}

.hd__joinComplete .joinComplete__head:before {
  content: '';
  display: block;
  margin: 0 auto 30px;
  width: 63px;
  height: 63px;
  background: #918c00 url(/front_pc/images/ico_comm_smile-7999fddac4779d4dae1c8d1a289d60e4.png) no-repeat center center;
  border-radius: 100%;
}

.hd__joinComplete .joinComplete__txt {
  padding-top: 25px;
  width: 450px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  text-align: center;
  line-height: 1.8;
}

.hd__joinComplete .joinComplete .btn {
  margin: 60px auto 0;
  width: 450px;
  height: 70px;
  line-height: 68px;
  flex-wrap: wrap;
}

.hd__joinComplete .joinComplete .btn a {
  font-size: 24px;
}

.hd__joinComplete .joinComplete .btn a:not(:first-child) {
  margin-top: 10px;
}

.hd__empJoin .empJoin {
  width: 750px;
  margin: 0 auto;
}

.hd__empJoin .empJoin .member-box {
  margin-top: 25px;
  border-top: 3px solid #1c1c1c;
}

.hd__empJoin .empJoin .member-box__type {
  display: block;
  margin-top: 20px;
  padding: 20px;
  background: #f5f5f5;
}

.hd__empJoin .empJoin .member-box__head {
  padding: 30px 0;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: 600;
}

.hd__empJoin .empJoin .member-box__title {
  display: inline-block;
  width: 130px;
  font-weight: 600;
}

.hd__empJoin .empJoin .member-box__list {
  position: relative;
  width: 100%;
  margin-top: 20px;
}

.hd__empJoin .empJoin .member-box__list .desc {
  display: block;
  padding: 10px 0 0 132px;
  color: #888;
}

.hd__empJoin .empJoin .member-box .input-box .input_text {
  padding: 0 20px;
  width: 450px;
  height: 45px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__empJoin .empJoin .member-box .input-box.email .input_text {
  width: 140px;
}

.hd__empJoin .empJoin .member-box .input-box.cellphone .input_text {
  width: 135px;
}

.hd__empJoin .empJoin .member-box .input-box__space {
  padding: 0 5px;
}

.hd__empJoin .empJoin .member-box .input-box .hd__custom-select {
  display: inline-block;
  width: 140px;
  margin-left: 5px;
}

.hd__empJoin .empJoin .member-box .input-box .hd__custom-select select {
  padding: 0 15px;
  height: 45px;
  border: 1px solid #ccc;
  background: url(/front_pc/images/ico_comm_select-arrow-2f4c626e52a0ed55ede0723c1797ddaf.png) no-repeat 90% 50%;
  color: #1c1c1c;
}

.hd__empJoin .empJoin .member-box .input-box__title {
  display: block;
  margin-bottom: 20px;
}

.hd__empJoin .empJoin .member-box .input-box .certification__check {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
}

.hd__empJoin .empJoin .member-box .input-box .certification__check input {
  border: 1px solid #ccc;
}

.hd__empJoin .empJoin .member-box .input-box .certification__check .back {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 30px;
  transform: translate3d(0, -50%, 0);
}

.hd__empJoin .empJoin .member-box .input-box button {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 150px;
  height: 45px;
}

.hd__empJoin .empJoin .member-box .input-box button a {
  font-size: 16px;
}

.hd__empJoin .empJoin .member-box .input-box.btn-sec .btn-full {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 130px;
}

.hd__empJoin .empJoin .member-box .hd-checkbox {
  display: inline-block;
}

.hd__empJoin .empJoin .member-box .hd-checkbox label {
  margin-right: 20px;
}

.hd__empJoin .empJoin .member-box + .member-box {
  margin-top: 40px;
}

.hd__empJoin .empJoin .member-box .domain__check {
  margin-top: 15px;
}

.hd__empJoin .empJoin .member-box .alertBox {
  margin-top: 10px;
}

.hd__empJoin .empJoin .member-box .alertBox.fail {
  color: #ff0000;
}

.hd__empJoin .empJoin .member-box .alertBox.success {
  color: #918c00;
}

.hd__empJoin .empJoin .member-box .upload {
  position: relative;
  text-align: center;
}

.hd__empJoin .empJoin .member-box .input_file {
  overflow: hidden;
  padding: 0 50px 0 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd__empJoin .empJoin .member-box .file-delete {
  display: none;
  position: absolute;
  top: 50%;
  right: 160px;
  width: 30px;
  height: 30px;
  background: #918c00;
  border-radius: 50%;
  transform: translate3d(0, -50%, 0);
}

.hd__empJoin .empJoin .health-info__notice {
  display: block;
  color: #918c00;
}

.hd__empJoin .empJoin .health-info__notice em {
  font-weight: 600;
}

.hd__empJoin .empJoin .health-info__desc {
  margin: 25px 0 10px;
}

.hd__empJoin .empJoin .health-info__sec {
  margin: 0 -5px;
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
  font-size: 0;
}

.hd__empJoin .empJoin .health-info__list {
  display: inline-block;
  margin: 5px;
  vertical-align: top;
  text-align: center;
}

.hd__empJoin .empJoin .health-info__list label {
  width: 178px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  font-weight: 300;
}

.hd__empJoin .empJoin .btn {
  height: 70px;
  margin-top: 50px;
  line-height: 70px;
}

.hd__empJoin .empJoin .btn button {
  font-size: 18px;
}

.hd__fsJoin .fsJoin {
  width: 750px;
  margin: 0 auto;
}

.hd__fsJoin .fsJoin .member-box {
  margin-top: 25px;
  border-top: 3px solid #1c1c1c;
}

.hd__fsJoin .fsJoin .member-box__type {
  display: block;
  margin-top: 20px;
  padding: 20px;
  background: #f5f5f5;
}

.hd__fsJoin .fsJoin .member-box__head {
  padding: 30px 0;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: 600;
}

.hd__fsJoin .fsJoin .member-box__title {
  display: inline-block;
  width: 130px;
  font-weight: 600;
}

.hd__fsJoin .fsJoin .member-box__list {
  position: relative;
  width: 100%;
  margin-top: 20px;
}

.hd__fsJoin .fsJoin .member-box__list .desc {
  display: block;
  padding: 10px 0 0 132px;
  color: #888;
}

.hd__fsJoin .fsJoin .member-box .input-box .input_text {
  padding: 0 20px;
  width: 450px;
  height: 45px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__fsJoin .fsJoin .member-box .input-box.email .input_text {
  width: 140px;
}

.hd__fsJoin .fsJoin .member-box .input-box.cellphone .input_text {
  width: 135px;
}

.hd__fsJoin .fsJoin .member-box .input-box__space {
  padding: 0 5px;
}

.hd__fsJoin .fsJoin .member-box .input-box .hd__custom-select {
  display: inline-block;
  width: 140px;
  margin-left: 5px;
}

.hd__fsJoin .fsJoin .member-box .input-box .hd__custom-select select {
  padding: 0 15px;
  height: 45px;
  border: 1px solid #ccc;
  background: url(/front_pc/images/ico_comm_select-arrow-2f4c626e52a0ed55ede0723c1797ddaf.png) no-repeat 90% 50%;
  color: #1c1c1c;
}

.hd__fsJoin .fsJoin .member-box .input-box__title {
  display: block;
  margin-bottom: 20px;
}

.hd__fsJoin .fsJoin .member-box .input-box .certification__check {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
}

.hd__fsJoin .fsJoin .member-box .input-box .certification__check input {
  border: 1px solid #ccc;
}

.hd__fsJoin .fsJoin .member-box .input-box .certification__check .back {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 30px;
  transform: translate3d(0, -50%, 0);
}

.hd__fsJoin .fsJoin .member-box .input-box button {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 150px;
  height: 45px;
}

.hd__fsJoin .fsJoin .member-box .input-box button a {
  font-size: 16px;
}

.hd__fsJoin .fsJoin .member-box .input-box.btn-sec .btn-full {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 130px;
}

.hd__fsJoin .fsJoin .member-box .hd-checkbox {
  display: inline-block;
}

.hd__fsJoin .fsJoin .member-box .hd-checkbox label {
  margin-right: 20px;
}

.hd__fsJoin .fsJoin .member-box + .member-box {
  margin-top: 40px;
}

.hd__fsJoin .fsJoin .member-box .domain__check {
  margin-top: 15px;
}

.hd__fsJoin .fsJoin .member-box .alertBox {
  margin-top: 10px;
}

.hd__fsJoin .fsJoin .member-box .alertBox.fail {
  color: #ff0000;
}

.hd__fsJoin .fsJoin .member-box .alertBox.success {
  color: #918c00;
}

.hd__fsJoin .fsJoin .member-box .upload {
  position: relative;
  text-align: center;
}

.hd__fsJoin .fsJoin .member-box .input_file {
  overflow: hidden;
  padding: 0 50px 0 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd__fsJoin .fsJoin .member-box .file-delete {
  display: none;
  position: absolute;
  top: 50%;
  right: 160px;
  width: 30px;
  height: 30px;
  background: #918c00;
  border-radius: 50%;
  transform: translate3d(0, -50%, 0);
}

.hd__fsJoin .fsJoin .health-info__notice {
  display: block;
  color: #918c00;
}

.hd__fsJoin .fsJoin .health-info__notice em {
  font-weight: 600;
}

.hd__fsJoin .fsJoin .health-info__desc {
  margin: 25px 0 10px;
}

.hd__fsJoin .fsJoin .health-info__sec {
  margin: 0 -5px;
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
  font-size: 0;
}

.hd__fsJoin .fsJoin .health-info__list {
  display: inline-block;
  margin: 5px;
  vertical-align: top;
  text-align: center;
}

.hd__fsJoin .fsJoin .health-info__list label {
  width: 178px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  font-weight: 300;
}

.hd__fsJoin .fsJoin .btn {
  height: 70px;
  margin-top: 50px;
  line-height: 70px;
}

.hd__fsJoin .fsJoin .btn button {
  font-size: 18px;
}

.hd__b2bJoin .b2bJoin {
  width: 750px;
  margin: 0 auto;
}

.hd__b2bJoin .b2bJoin .member-box {
  margin-top: 25px;
  border-top: 3px solid #1c1c1c;
}

.hd__b2bJoin .b2bJoin .member-box__type {
  display: block;
  margin-top: 20px;
  padding: 20px;
  background: #f5f5f5;
}

.hd__b2bJoin .b2bJoin .member-box__head {
  padding: 30px 0;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: 600;
}

.hd__b2bJoin .b2bJoin .member-box__title {
  display: inline-block;
  width: 130px;
  color: #000;
}

.hd__b2bJoin .b2bJoin .member-box__list {
  position: relative;
  width: 100%;
  margin-top: 20px;
}

.hd__b2bJoin .b2bJoin .member-box__list .desc {
  display: block;
  padding: 10px 0 0 132px;
  color: #888;
}

.hd__b2bJoin .b2bJoin .member-box .input-box .input_text {
  padding: 0 20px;
  width: 450px;
  height: 45px;
  border: 1px solid #BDBDBD;
  box-sizing: border-box;
}

.hd__b2bJoin .b2bJoin .member-box .input-box.email .input_text {
  width: 140px;
}

.hd__b2bJoin .b2bJoin .member-box .input-box.cellphone .input_text {
  width: 135px;
}

.hd__b2bJoin .b2bJoin .member-box .input-box__space {
  padding: 0 5px;
}

.hd__b2bJoin .b2bJoin .member-box .input-box .hd__custom-select {
  display: inline-block;
  width: 140px;
  margin-left: 5px;
}

.hd__b2bJoin .b2bJoin .member-box .input-box .hd__custom-select select {
  padding: 0 15px;
  height: 45px;
  border: 1px solid #BDBDBD;
  background: url(/front_pc/images/ico_comm_select-arrow-2f4c626e52a0ed55ede0723c1797ddaf.png) no-repeat 90% 50%;
  color: #1c1c1c;
}

.hd__b2bJoin .b2bJoin .member-box .input-box__title {
  display: block;
  margin-bottom: 20px;
}

.hd__b2bJoin .b2bJoin .member-box .input-box .certification__check {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
}

.hd__b2bJoin .b2bJoin .member-box .input-box .certification__check input {
  border: 1px solid #ccc;
}

.hd__b2bJoin .b2bJoin .member-box .input-box .certification__check .back {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 30px;
  transform: translate3d(0, -50%, 0);
}

.hd__b2bJoin .b2bJoin .member-box .input-box button {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 150px;
  height: 45px;
}

.hd__b2bJoin .b2bJoin .member-box .input-box button a {
  font-size: 16px;
}

.hd__b2bJoin .b2bJoin .member-box .input-box.btn-sec .btn-full {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 130px;
}

.hd__b2bJoin .b2bJoin .member-box .hd-checkbox {
  display: inline-block;
}

.hd__b2bJoin .b2bJoin .member-box .hd-checkbox label {
  margin-right: 20px;
}

.hd__b2bJoin .b2bJoin .member-box + .member-box {
  margin-top: 40px;
}

.hd__b2bJoin .b2bJoin .member-box .domain__check {
  margin-top: 15px;
}

.hd__b2bJoin .b2bJoin .member-box .alertBox {
  margin-top: 10px;
}

.hd__b2bJoin .b2bJoin .member-box .alertBox.fail {
  color: #F9D983;
}

.hd__b2bJoin .b2bJoin .member-box .alertBox.success {
  color: #918c00;
}

.hd__b2bJoin .b2bJoin .member-box .upload {
  position: relative;
  text-align: center;
}

.hd__b2bJoin .b2bJoin .member-box .input_file {
  overflow: hidden;
  padding: 0 50px 0 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd__b2bJoin .b2bJoin .member-box .file-delete {
  display: none;
  position: absolute;
  top: 50%;
  right: 160px;
  width: 30px;
  height: 30px;
  background: #918c00;
  border-radius: 50%;
  transform: translate3d(0, -50%, 0);
}

.hd__b2bJoin .b2bJoin .health-info {
  padding-top: 20px;
}

.hd__b2bJoin .b2bJoin .health-info__notice {
  display: block;
  color: #918c00;
}

.hd__b2bJoin .b2bJoin .health-info__notice em {
  font-weight: 600;
}

.hd__b2bJoin .b2bJoin .health-info__desc {
  margin-bottom: 10px;
}

.hd__b2bJoin .b2bJoin .health-info__sec {
  margin: 0 -5px;
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
  font-size: 0;
}

.hd__b2bJoin .b2bJoin .health-info__list {
  display: inline-block;
  margin: 5px;
  vertical-align: top;
  text-align: center;
}

.hd__b2bJoin .b2bJoin .health-info__list label {
  width: 178px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  font-weight: 300;
}

.hd__b2bJoin .b2bJoin .btn {
  height: 70px;
  margin-top: 50px;
  line-height: 70px;
}

.hd__b2bJoin .b2bJoin .btn button {
  font-size: 18px;
}

.hd .memberSelect {
  width: 135px !important;
  margin-left: 0 !important;
}

.hd__b2cJoin .b2cJoin {
  width: 750px;
  margin: 0 auto;
}

.hd__b2cJoin .b2cJoin .member-box {
  margin-top: 25px;
  border-top: 3px solid #1c1c1c;
}

.hd__b2cJoin .b2cJoin .member-box__type {
  display: block;
  margin-top: 20px;
  padding: 20px;
  background: #ccc;
}

.hd__b2cJoin .b2cJoin .member-box__head {
  padding: 30px 0;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: 600;
}

.hd__b2cJoin .b2cJoin .member-box__title {
  display: inline-block;
  width: 130px;
  font-weight: 600;
}

.hd__b2cJoin .b2cJoin .member-box__list {
  position: relative;
  width: 100%;
  margin-top: 20px;
}

.hd__b2cJoin .b2cJoin .member-box__list .desc {
  display: block;
  padding: 10px 0 0 132px;
  color: #888;
}

.hd__b2cJoin .b2cJoin .member-box .input-box .input_text {
  padding: 0 20px;
  width: 450px;
  height: 45px;
  border: 1px solid #BDBDBD;
  box-sizing: border-box;
}

.hd__b2cJoin .b2cJoin .member-box .input-box.email .input_text {
  width: 140px;
}

.hd__b2cJoin .b2cJoin .member-box .input-box.cellphone .input_text {
  width: 135px;
}

.hd__b2cJoin .b2cJoin .member-box .input-box__space {
  padding: 0 5px;
}

.hd__b2cJoin .b2cJoin .member-box .input-box .hd__custom-select {
  display: inline-block;
  width: 140px;
  margin-left: 5px;
}

.hd__b2cJoin .b2cJoin .member-box .input-box .hd__custom-select select {
  padding: 0 15px;
  height: 45px;
  border: 1px solid #BDBDBD;
  background: url(/front_pc/images/ico_comm_select-arrow-2f4c626e52a0ed55ede0723c1797ddaf.png) no-repeat 90% 50%;
  color: #1c1c1c;
}

.hd__b2cJoin .b2cJoin .member-box .input-box__title {
  display: block;
  margin-bottom: 20px;
}

.hd__b2cJoin .b2cJoin .member-box .input-box .certification__check {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
}

.hd__b2cJoin .b2cJoin .member-box .input-box .certification__check input {
  border: 1px solid #ccc;
}

.hd__b2cJoin .b2cJoin .member-box .input-box .certification__check .back {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 30px;
  transform: translate3d(0, -50%, 0);
}

.hd__b2cJoin .b2cJoin .member-box .input-box button {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 150px;
  height: 45px;
}

.hd__b2cJoin .b2cJoin .member-box .input-box button a {
  font-size: 16px;
}

.hd__b2cJoin .b2cJoin .member-box .input-box.btn-sec .btn-full {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 130px;
}

.hd__b2cJoin .b2cJoin .member-box .hd-checkbox {
  display: inline-block;
}

.hd__b2cJoin .b2cJoin .member-box .hd-checkbox label {
  margin-right: 20px;
}

.hd__b2cJoin .b2cJoin .member-box + .member-box {
  margin-top: 40px;
}

.hd__b2cJoin .b2cJoin .member-box .domain__check {
  margin-top: 15px;
}

.hd__b2cJoin .b2cJoin .member-box .alertBox {
  margin-top: 10px;
}

.hd__b2cJoin .b2cJoin .member-box .alertBox.fail {
  color: #F9D983;
}

.hd__b2cJoin .b2cJoin .member-box .alertBox.success {
  color: #918c00;
}

.hd__b2cJoin .b2cJoin .member-box .upload {
  position: relative;
  text-align: center;
}

.hd__b2cJoin .b2cJoin .member-box .input_file {
  overflow: hidden;
  padding: 0 50px 0 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd__b2cJoin .b2cJoin .member-box .file-delete {
  display: none;
  position: absolute;
  top: 50%;
  right: 160px;
  width: 30px;
  height: 30px;
  background: #918c00;
  border-radius: 50%;
  transform: translate3d(0, -50%, 0);
}

.hd__b2cJoin .b2cJoin .health-info__notice {
  display: block;
  color: #918c00;
}

.hd__b2cJoin .b2cJoin .health-info__notice em {
  font-weight: 600;
}

.hd__b2cJoin .b2cJoin .health-info__desc {
  margin: 25px 0 10px;
}

.hd__b2cJoin .b2cJoin .health-info__sec {
  margin: 0 -5px;
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
  font-size: 0;
}

.hd__b2cJoin .b2cJoin .health-info__list {
  display: inline-block;
  margin: 5px;
  vertical-align: top;
  text-align: center;
}

.hd__b2cJoin .b2cJoin .health-info__list label {
  width: 178px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  font-weight: 300;
}

.hd__b2cJoin .b2cJoin .btn {
  height: 70px;
  margin-top: 50px;
  line-height: 70px;
}

.hd__b2cJoin .b2cJoin .btn button {
  font-size: 18px;
}

.hd .serviceCenterMain .hd__page-title {
  margin-top: 70px;
  font-size: 42px;
  letter-spacing: -1px;
}

.hd .serviceCenterMain .hd__page-title span {
  color: #918c00;
}

.hd .serviceCenterMain .sub-cont {
  float: none;
  width: auto;
}

.hd .serviceCenterMain .sub-cont__sec {
  border-top: 0;
}

.hd .serviceCenterMain .faqSearch {
  margin: 0 auto;
  width: 580px;
}

.hd .serviceCenterMain .faqSearch form {
  position: relative;
}

.hd .serviceCenterMain .faqSearch .input__text {
  height: 55px;
  padding: 0 70px 0 30px;
  line-height: 55px;
  font-size: 19px;
  border-radius: 50px;
  border-color: #ddd;
  background: #f2f2f2;
  transition: all 0.5s;
}

.hd .serviceCenterMain .faqSearch .input__text:focus {
  background: #fff;
  border-color: #918c00;
}

.hd .serviceCenterMain .faqSearch .btn__faq {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 65px;
  height: 55px;
  background: url("/front_pc/images/ico_csCenter_search-d0673de1d64213d967bd890b2d36929a.png?ver=230417") no-repeat 50% 50%;
}

.hd .serviceCenterMain .faqBest {
  position: relative;
  margin-top: 70px;
  padding-bottom: 40px;
  height: 370px;
  background: #f5f5ee;
  z-index: 1;
}

.hd .serviceCenterMain .faqBest .sub-cont__title {
  padding: 40px 0 25px;
  font-size: 26px;
  letter-spacing: -0.5px;
}

.hd .serviceCenterMain .faqBest .sub-cont__title .btn_list_more {
  margin-top: 8px;
  padding-bottom: 0;
  border-bottom: 0;
}

.hd .serviceCenterMain .faqBest .sub-cont__title .btn_list_more:after {
  display: inline-block;
  margin-left: 5px;
  width: 21px;
  height: 21px;
  background: url("/front_pc/images/ico_csCenter_more-dac1b25fd56501dbcf3bd65121a66bef.png") no-repeat 50% 50%;
  vertical-align: text-bottom;
  content: '';
}

.hd .serviceCenterMain .faqBest .sc__list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -10px;
  height: 315px;
  border-top: 0;
  white-space: nowrap;
}

.hd .serviceCenterMain .faqBest .sc__list .slick-initialized {
  display: block;
}

.hd .serviceCenterMain .faqBest .sc__list li {
  position: relative;
  margin: 0 10px;
  width: 260px !important;
  min-height: 270px;
  max-height: 270px;
  background: #fff;
  border: 1px solid #e4e1d5;
  box-sizing: border-box;
  border-radius: 5px;
  transition: all 0.8s;
  white-space: normal;
  vertical-align: top;
  z-index: 1;
  overflow: hidden;
}

.hd .serviceCenterMain .faqBest .sc__list li a {
  padding: 20px 30px 25px;
  cursor: auto;
}

.hd .serviceCenterMain .faqBest .sc__list li .ques {
  margin-bottom: 15px;
  height: 91px;
  font-size: 22px;
  font-weight: bold;
  color: #918c00;
  letter-spacing: -0.5px;
  transition: all 0.5s;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 3;
  word-break: keep-all;
}

.hd .serviceCenterMain .faqBest .sc__list li .ques:before {
  display: block;
  margin-bottom: 13px;
  font-size: 30px;
  color: #918c00;
  content: 'Q.';
}

.hd .serviceCenterMain .faqBest .sc__list li .ques em {
  display: none;
}

.hd .serviceCenterMain .faqBest .sc__list li .anws {
  line-height: 1.5;
  color: #666;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 5;
}

.hd .serviceCenterMain .faqBest .sc__list li:hover {
  max-height: 100vw;
  border-color: #1c1c1c;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.hd .serviceCenterMain .faqBest .sc__list li:hover .ques {
  color: #1c1c1c;
}

.hd .serviceCenterMain .faqBest .sc__list li:hover .anws {
  -webkit-line-clamp: inherit;
}

.hd .serviceCenterMain .faqBest .sc__list .slick-arrow.slick-hidden {
  display: none;
}

.hd .serviceCenterMain .faqBest .sc__list .slick-arrow {
  position: absolute;
  top: 125px;
  width: 55px;
  height: 55px;
  font-size: 0;
  visibility: hidden;
  text-align: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  transition: all .5s;
  z-index: 1;
  opacity: 0;
}

.hd .serviceCenterMain .faqBest .sc__list .slick-arrow:after {
  display: inline-block;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  border: solid #fff;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 0 0 2px 2px;
}

.hd .serviceCenterMain .faqBest .sc__list .slick-prev {
  left: -6%;
}

.hd .serviceCenterMain .faqBest .sc__list .slick-next {
  right: -6%;
}

.hd .serviceCenterMain .faqBest:hover .slick-prev, .hd .serviceCenterMain .faqBest:hover .slick-next {
  display: block;
  visibility: visible;
  opacity: 1;
}

.hd .serviceCenterMain .guide {
  position: relative;
  margin-top: 45px;
  overflow: hidden;
}

.hd .serviceCenterMain .guide > div {
  float: left;
}

.hd .serviceCenterMain .guide .btns {
  width: 397px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
}

.hd .serviceCenterMain .guide .btns a {
  position: relative;
  display: block;
  padding: 0 30px;
  height: 61px;
  line-height: 60px;
  font-size: 17px;
}

.hd .serviceCenterMain .guide .btns a:after {
  position: absolute;
  right: 35px;
  top: 50%;
  width: 9px;
  height: 9px;
  vertical-align: middle;
  border: solid #9e9e9e;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg) translateY(-50%);
  content: '';
}

.hd .serviceCenterMain .guide .btns a:not(:first-child) {
  border-top: 1px solid #ccc;
}

.hd .serviceCenterMain .guide .btns a:hover {
  background: #f7f7f7;
}

.hd .serviceCenterMain .guide .csCenter {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px 30px;
  width: 397px;
  height: 183px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 5px;
}

.hd .serviceCenterMain .guide .csCenter__num {
  font-size: 20px;
  font-weight: bold;
}

.hd .serviceCenterMain .guide .csCenter__num strong {
  display: block;
  margin-top: 15px;
  font-size: 28px;
}

.hd .serviceCenterMain .guide .csCenter__use {
  margin-top: 10px;
  color: #666;
  line-height: 1.4;
}

.hd .serviceCenterMain .guide .notice {
  margin-left: 20px;
  padding: 30px;
  width: 683px;
  height: 326px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 5px;
}

.hd .serviceCenterMain .guide .notice .sub-cont__title {
  padding: 0;
  margin-bottom: 20px;
}

.hd .serviceCenterMain .notice .box {
  border-top: 0;
}

.hd .serviceCenterMain .notice .box__list {
  position: relative;
  border-bottom: 0;
}

.hd .serviceCenterMain .notice .box__list a {
  padding: 15px 150px 15px 0;
  font-size: 17px;
  font-weight: normal;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd .serviceCenterMain .notice .box__list a:hover {
  text-decoration: underline;
}

.hd .serviceCenterMain .notice .box__list .notice__date {
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 0;
  font-size: 16px;
  color: #888;
  transform: translate3d(0, -50%, 0);
}

.hd .serviceCenter {
  margin-top: 72px;
}

.hd .serviceCenter .snb-box {
  padding: 20px 0 25px 20px;
  border: 0;
  border-radius: 10px;
  background: #f5f5f5;
}

.hd .serviceCenter .sub-cont__sec {
  border-width: 1px;
}

.hd .snb {
  float: left;
  width: 160px;
  margin-right: 70px;
}

.hd .snb-box {
  padding: 30px 0;
  border-top: 3px solid #1c1c1c;
  border-bottom: 3px solid #1c1c1c;
}

.hd .snb-box__list {
  margin-top: 20px;
  line-height: 1.3;
  font-size: 16px;
  letter-spacing: -0.5px;
}

.hd .snb-box__list:first-child {
  margin-top: 0;
}

.hd .snb-box__list.on a {
  font-weight: 600;
}

.hd .snb__csCenter {
  margin-top: 25px;
}

.hd .snb__csCenter__num {
  font-size: 14px;
}

.hd .snb__csCenter__num strong {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #918c00;
}

.hd .snb__csCenter__use {
  margin-top: 10px;
  line-height: 26px;
  font-size: 14px;
  color: #888;
  letter-spacing: -0.1px;
}

.hd .snb .hd__page-title {
  margin: -52px auto 20px;
  width: 1100px;
  font-size: 28px;
  text-align: left;
}

.hd .sub-cont {
  float: left;
  width: 870px;
}

.hd .sub-cont.full {
  width: 100%;
}

.hd .sub-cont__sec {
  border-top: 3px solid #1c1c1c;
  margin-bottom: 70px;
}

.hd .sub-cont__sec.mySearch {
  margin-bottom: 0;
}

.hd .sub-cont__sec.type2 {
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 20px;
}

.hd .sub-cont__sec.type2 .head-area {
  border-top: none !important;
}

.hd .sub-cont__sec.type2 .box__list {
  margin-left: 25px;
  margin-right: 25px;
}

.hd .sub-cont__sec.type2 .box__list:first-child {
  border: none !important;
}

.hd .sub-cont__sec.type2 .box__list + .box__list {
  border-top: 1px solid #ddd !important;
}

.hd .sub-cont__sec.type2 .box__list .box__accd {
  right: 25px !important;
}

.hd .sub-cont__title {
  position: relative;
  padding: 25px 0;
  font-size: 20px;
  font-weight: 600;
}

.hd .sub-cont__title .btn_list_more {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: auto;
  height: auto;
  padding-bottom: 5px;
  border-bottom: 1px solid #1c1c1c;
  font-size: 16px;
  font-weight: 400;
  color: #1c1c1c;
  transform: translate3d(0, -50%, 0);
}

.hd .sub-cont__title .txt-r {
  float: right;
  font-size: 16px;
  font-weight: normal;
  color: #888;
}

.hd .sub-cont__title a.txt-r {
  color: #918c00;
}

.hd .sub-cont .inquiry {
  margin-top: 60px;
  text-align: center;
}

.hd .sub-cont .inquiry__title {
  font-size: 20px;
}

.hd .sub-cont .inquiry__subtitle {
  margin-top: 15px;
  font-size: 16px;
  color: #888;
}

.hd .sub-cont .inquiry .icon-area {
  display: inline-block;
}

.hd .sub-cont .inquiry .icon-area a {
  display: inline-block;
  margin: 25px 16px 0;
  color: #888;
}

.hd .sub-cont .inquiry .icon-area a:before {
  display: block;
  width: 84px;
  height: 84px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 100%;
  content: '';
}

.hd .sub-cont .inquiry .icon-area-phone:before {
  background: url(/front_pc/images/icon_comm_phone-e49c8281a394d080e3c66150271d205e.png?ver=210405) no-repeat 50% 50%;
  content: '';
}

.hd .sub-cont .inquiry .icon-area-kakao:before {
  background: url(/front_pc/images/icon_comm_kakao-82360cd99c39a25434b08e9217dc5358.png?ver=210405) no-repeat 50% 50%;
  content: '';
}

.hd .sc__list {
  border-top: 1px solid #ccc;
}

.hd .sc__list li {
  border-bottom: 1px solid #ccc;
}

.hd .sc__list li a {
  display: block;
  padding: 20px 0 20px;
  line-height: 26px;
}

.hd .faq .box__list .ques {
  position: relative;
  padding: 20px 65px 20px 205px;
  background: url(/front_pc/images/btn_comm_accordion-down-49268102887cac88ee7592e265819c70.png) no-repeat 805px 30px;
  line-height: 28px;
}

.hd .faq .box__list .ques:before {
  content: 'Q';
  position: absolute;
  top: 20px;
  left: 20px;
  width: 32px;
  height: 32px;
  background: #ccc;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  font-weight: 600;
  color: #FFF;
  border-radius: 50%;
  transition: all 0.2s;
}

.hd .faq .box__list .ques em {
  position: absolute;
  top: 20px;
  left: 65px;
  display: block;
  min-width: 140px;
  text-align: center;
  font-weight: 400;
}

.hd .faq .box__list .ques span {
  max-height: 56px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .faq .box__list .anws {
  display: none;
  position: relative;
  padding: 30px 65px;
  line-height: 26px;
  border-top: 1px solid #ccc;
  background: #F9F9F9;
}

.hd .faq .box__list .anws > div {
  position: relative;
}

.hd .faq .box__list .anws > div:before {
  content: 'A';
  position: absolute;
  top: -2px;
  left: -45px;
  width: 32px;
  height: 32px;
  background: #1c1c1c;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  font-weight: 600;
  color: #FFF;
  border-radius: 50%;
}

.hd .faq .box__list .anws p {
  position: relative;
  line-height: 26px;
  font-size: 16px;
}

.hd .faq .box__list.on .ques {
  background-image: url(/front_pc/images/btn_comm_accordion-up-ee0aab0d9bbdb765f4c9ed01abe13d5a.png);
}

.hd .faq .box__list.on .ques:before {
  background: #1c1c1c;
}

.hd .faq .se_head {
  margin-bottom: 40px;
}

.hd .faq .se_head .input_type {
  position: relative;
}

.hd .faq .se_head .input_type .input__text {
  height: 70px;
  font-size: 18px;
  border: 3px solid #918c00;
  border-radius: 20px;
}

.hd .faq .se_head .input_type .btn__faq {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  margin-left: 0;
  background: url(/front_pc/images/ico_csCenter_search-d0673de1d64213d967bd890b2d36929a.png?ver=210315) no-repeat 50% 50%;
}

.hd .faq .service-tab {
  margin-bottom: 30px;
  text-align: left;
  font-size: 0;
}

.hd .faq .service-tab__list {
  display: inline-block;
  position: relative;
  width: 206px;
  margin: 10px 0 0 10px;
  vertical-align: top;
  border: 1px solid #ccc;
  border-radius: 30px;
}

.hd .faq .service-tab__list:nth-child(4n+1) {
  margin-left: 0;
}

.hd .faq .service-tab__list:nth-child(-n+4) {
  margin-top: 0;
}

.hd .faq .service-tab__list a {
  display: block;
  height: 55px;
  text-align: center;
  line-height: 55px;
  font-size: 18px;
}

.hd .faq .service-tab__list.on {
  z-index: 1;
  border: 1px solid #918c00;
  background: #918c00;
}

.hd .faq .service-tab__list.on a {
  color: #FFF;
}

.hd .userGuide__txt {
  margin-top: 30px;
  text-align: center;
}

.hd .myCode {
  position: relative;
}

.hd .myCode .btn-init {
  position: absolute;
  top: -12px;
  right: 0;
  width: 170px;
  height: 45px;
  font-size: 16px;
  border-radius: 30px;
}

.hd .myCode__code {
  font-size: 18px;
  font-weight: 400;
}

.hd .noticeList .sub-cont__sec {
  position: relative;
}

.hd .noticeList__top {
  position: relative;
  min-height: 45px;
  padding: 16px 0;
}

.hd .noticeList__top__total {
  display: block;
  position: absolute;
  top: 50%;
  font-size: 16px;
  font-weight: normal;
  transform: translate3d(0, -50%, 0);
}

.hd .noticeList__top__total span {
  font-weight: 400;
}

.hd .noticeList__top .dvSearchResult {
  display: block;
  position: absolute;
  top: 50%;
  font-size: 16px;
  transform: translate3d(0, -50%, 0);
}

.hd .noticeList__cont .box {
  border-top: 1px solid #ccc;
}

.hd .noticeList__cont .box__list {
  border-bottom: 1px solid #ccc;
}

.hd .noticeList__cont .box__list a {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.hd .noticeList__cont .box__list__order {
  display: table-cell;
  position: relative;
  width: 77px;
  padding: 25px 0;
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
}

.hd .noticeList__cont .box__list__title {
  display: table-cell;
  vertical-align: middle;
  width: 610px;
  padding: 25px 15px;
  box-sizing: border-box;
  font-size: 17px;
}

.hd .noticeList__cont .box__list__title .inner {
  display: block;
  width: 580px;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd .noticeList__cont .box__list__date {
  display: table-cell;
  vertical-align: middle;
  width: 97px;
  padding: 25px 0;
  text-align: center;
  font-size: 16px;
  color: #888;
}

.hd .noticeList__cont .box__list__count {
  display: table-cell;
  vertical-align: middle;
  width: 67px;
  padding: 25px 0;
  text-align: center;
  font-size: 16px;
  color: #888;
}

.hd .noticeList .list-search {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 0;
  font-size: 0;
}

.hd .noticeList .list-search .input__text {
  vertical-align: top;
  padding-right: 70px;
  width: 280px;
  height: 45px;
  border-radius: 30px;
}

.hd .noticeList .list-search .btn-init {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 45px;
  font-size: 0;
  border: 0;
  background: url("/front_pc/images/ico_csCenter_search-d0673de1d64213d967bd890b2d36929a.png") no-repeat 50% 50%;
}

.hd .noticeDetail__head {
  position: relative;
  padding: 24px 0;
  border-bottom: 1px solid #ccc;
}

.hd .noticeDetail__head__title {
  display: block;
  position: relative;
  padding: 0 120px 0 95px;
  line-height: 30px;
  font-size: 20px;
  font-weight: 600;
}

.hd .noticeDetail__head__title.nopl {
  padding-left: 0;
}

.hd .noticeDetail__head__title .noticeIco {
  display: block;
  position: absolute;
  top: 0;
  left: 20px;
}

.hd .noticeDetail__head__date {
  position: absolute;
  top: 30px;
  right: 20px;
  font-size: 16px;
  color: #888;
}

.hd .noticeDetail__txt {
  padding: 40px 25px;
  word-break: normal;
  word-wrap: break-word;
  line-height: normal;
}

.hd .noticeDetail__txt img {
  vertical-align: top;
}

.hd .noticeDetail .btn__download {
  display: inline-block;
  vertical-align: top;
  margin-top: 50px;
  padding-left: 30px;
  background: url(/front_pc/images/ico_board_download-4db07f7bf0c76d7e0a52cd3b48221ff1.png) no-repeat 0 5px;
  line-height: 26px;
  font-size: 16px;
}

.hd .noticeDetail .page-move {
  margin-top: 50px;
  border-top: 1px solid #ccc;
}

.hd .noticeDetail .page-move li {
  height: 75px;
  border-bottom: 1px solid #ccc;
  line-height: 75px;
  font-size: 0;
}

.hd .noticeDetail .page-move li > * {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  width: 625px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd .noticeDetail .page-move li .first {
  width: 100px;
  text-align: center;
}

.hd .noticeDetail .page-move li .date {
  width: 125px;
  text-align: center;
  color: #888;
}

.hd .noticeDetail .btn {
  width: 200px;
  height: 60px;
  margin-top: 40px;
  line-height: 60px;
  font-size: 18px;
}

.hd .listOrange {
  font-weight: 600;
  color: #918c00;
}

.hd .myPersonalInquery__sec {
  margin-bottom: 40px;
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
}

.hd .myPersonalInquery .inquery__sec {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-top: 15px;
}

.hd .myPersonalInquery .inquery__sec:first-child {
  margin-top: 0;
}

.hd .myPersonalInquery .inquery__sec.orderNumber .btn-init {
  vertical-align: top;
  width: 150px;
  height: 45px;
  margin-left: 6px;
  line-height: 45px;
  font-size: 16px;
  font-weight: 400;
}

.hd .myPersonalInquery .inquery__sec.orderNumber .txt {
  margin-top: 10px;
  font-size: 16px;
  color: #888;
}

.hd .myPersonalInquery .inquery__sec.e-mail {
  position: relative;
}

.hd .myPersonalInquery .inquery__sec.e-mail .email__box {
  display: flex;
  width: 460px;
  justify-content: space-between;
  align-items: center;
}

.hd .myPersonalInquery .inquery__sec.e-mail .email__box input {
  width: 140px;
}

.hd .myPersonalInquery .inquery__sec.e-mail .email__box .hd__custom-select {
  display: inline-block;
  vertical-align: top;
  width: 140px;
}

.hd .myPersonalInquery .inquery__sec.e-mail .email__box .hd__custom-select select {
  height: 45px;
}

.hd .myPersonalInquery .inquery__sec.type .hd-checkbox-type2 {
  margin-right: 20px;
  line-height: 45px;
}

.hd .myPersonalInquery .inquery__sec .cellphone__number {
  display: flex;
  width: 460px;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  line-height: 0;
}

.hd .myPersonalInquery .inquery__sec .cellphone__number input {
  width: 140px;
}

.hd .myPersonalInquery .inquery__sec .file_list ul:after {
  content: '';
  display: block;
  clear: both;
}

.hd .myPersonalInquery .inquery__sec .file_list ul li {
  float: left;
  margin-top: 0;
  margin-left: 15px;
}

.hd .myPersonalInquery .inquery__sec .file_list ul li:first-child {
  margin-left: 0;
}

.hd .myPersonalInquery .inquery__sec .file_list ul li .image-box {
  display: block;
  overflow: hidden;
  position: relative;
  width: 70px;
  height: 70px;
  border: 1px solid #C3C3C3;
}

.hd .myPersonalInquery .inquery__sec .file_list ul li .image-box img {
  width: 100%;
  pointer-events: none;
}

.hd .myPersonalInquery .inquery__sec .file_list ul li .image-box .btn_icon {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 21px;
  height: 21px;
  background: #918c00 url(/front_pc/images/ico_file_delete-b9cf5e2a5eb3d604a3cfc9210357af78.png) no-repeat 50% 50%;
}

.hd .myPersonalInquery .inquery__sec .file_list .file_info {
  margin-top: 15px;
  line-height: 26px;
  font-size: 16px;
  color: #888;
}

.hd .myPersonalInquery .inquery__title {
  display: table-cell;
  width: 130px;
  padding-top: 12px;
  vertical-align: top;
  font-size: 16px;
  font-weight: 600;
}

.hd .myPersonalInquery .inquery__title .import {
  color: #918c00;
}

.hd .myPersonalInquery .inquery__notice {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #888;
}

.hd .myPersonalInquery .inquery__notice a {
  color: #1c1c1c;
}

.hd .myPersonalInquery .input-box {
  display: table-cell;
  position: relative;
  width: 720px;
  vertical-align: top;
  font-size: 16px;
}

.hd .myPersonalInquery .input-box .hd-checkbox {
  position: absolute;
  top: 10px;
  left: 485px;
}

.hd .myPersonalInquery .box460 {
  width: 460px;
}

.hd .myPersonalInquery .btn {
  width: 405px;
  margin-top: 25px;
}

.hd .myPersonalInquery .btn-init {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  font-weight: 600;
}

.hd .orderSaerch {
  color: #1c1c1c;
}

.hd .orderSaerch__txt {
  font-size: 16px;
  color: #888;
}

.hd .orderSaerch .box {
  margin-top: 35px;
}

.hd .orderSaerch .box__list {
  margin-top: 30px;
}

.hd .orderSaerch .box__list:first-child {
  margin-top: 0;
}

.hd .orderSaerch .box__head {
  display: block;
  margin-bottom: 15px;
}

.hd .orderSaerch .box__head .unique_number {
  vertical-align: bottom;
  font-size: 20px;
  font-weight: 600;
}

.hd .orderSaerch .box__head .date {
  vertical-align: bottom;
  font-size: 16px;
}

.hd .orderSaerch .box__cont {
  position: relative;
  min-height: 80px;
  padding: 15px 100px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.hd .orderSaerch .box__cont__img {
  overflow: hidden;
  position: absolute;
  top: 15px;
  left: 0;
  width: 80px;
  height: 80px;
}

.hd .orderSaerch .box__cont__txt {
  line-height: 26px;
  font-size: 16px;
}

.hd .orderSaerch .box__cont__txt > span {
  display: block;
  max-height: 52px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .orderSaerch .box__cont .btn-init {
  position: absolute;
  top: 50%;
  right: 0;
  width: 80px;
  height: 46px;
  margin-top: -23px;
  font-size: 16px;
}

.hd__searchResult {
  position: relative;
}

.hd__searchResult .searchResult .item-area .head {
  width: 100%;
  padding-top: 15px;
}

.hd__searchResult .searchResult .item-area .head .all {
  display: inline-block;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
}

.hd__searchResult .searchResult .item-area .head .all__num {
  color: #888;
}

.hd__searchResult .searchResult .item-area .head .sorting-area {
  float: right;
}

.hd__searchResult .searchResult .item-area .head .select-wrap {
  display: inline-block;
  vertical-align: top;
  width: 172px;
}

.hd__searchResult .searchResult .item-area .head .hd-checkbox {
  float: right;
  margin-right: 15px;
  line-height: 42px;
}

.hd__searchResult .searchResult .tab-menu-v2 {
  display: flex;
  margin: 20px 0 0;
  height: 70px;
  border-bottom: 3px solid #1c1c1c;
}

.hd__searchResult .searchResult .tab-menu-v2 li {
  border-bottom: 0;
  margin-left: -1px;
}

.hd__searchResult .searchResult .tab-menu-v2 li.tab-menu__list--on {
  height: 73px;
  background: #fff;
}

.hd__searchResult .searchResult .box {
  margin-top: 30px;
}

.hd__searchResult .searchResult .main__h3.magazine {
  margin: 20px 0 15px;
}

.hd__searchResult .searchResult .main__h3.greatingTV {
  margin: 100px 0 15px;
}

.hd__searchResult .searchResult .story__list li:nth-child(-n+3) {
  margin-top: 10px;
}

.hd__searchResult .searchResult .story__list.type1 li {
  margin-top: 60px;
}

.hd__searchResult .searchResult .story__list.type1 li:nth-child(-n+2) {
  margin-top: 10px;
}

.hd__searchResult .searchResult .related-area {
  position: absolute;
  left: 50%;
  top: 12px;
  padding-left: 80px;
  width: 720px;
  transform: translateX(-50%);
}

.hd__searchResult .searchResult .related-tit {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px 8px;
  font-size: 14px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.hd__searchResult .searchResult .related-list {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  overflow: auto hidden;
  white-space: nowrap;
  padding-right: 30px;
  box-sizing: border-box;
}

.hd__searchResult .searchResult .related-list li {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  flex: 0 0 auto;
  padding-left: 15px;
  box-sizing: border-box;
}

.hd__searchResult .searchResult .related-list li a {
  display: block;
  line-height: 28px;
  font-size: 14px;
  color: #888;
  box-sizing: border-box;
}

.hd__searchResult .searchResult .related-list li:hover a {
  color: #1c1c1c;
}

.hd__searchResult .searchResult .option-area1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-top: 15px;
}

.hd__searchResult .searchResult .option-list {
  display: flex;
  max-width: 1010px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  overflow: auto hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

.hd__searchResult .searchResult .option-list::-webkit-scrollbar {
  display: none;
}

.hd__searchResult .searchResult .option-list .li {
  display: flex !important;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  flex: 0 0 auto;
  margin-right: 7px;
  width: auto !important;
  border: 1px solid #918c00;
  border-radius: 100px;
  box-sizing: border-box;
}

.hd__searchResult .searchResult .option-list .li a {
  display: block;
  font-size: 14px;
  color: #918c00;
  box-sizing: border-box;
}

.hd__searchResult .searchResult .option-list .li a span {
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  overflow: hidden;
  max-width: 218px;
  min-width: 0px;
  width: 100%;
  padding: 7px 3px 8px 9px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd__searchResult .searchResult .option-list .li .list-del {
  flex: 0 0 20px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  align-self: stretch;
  width: 20px;
  height: auto;
  font-size: 0;
}

.hd__searchResult .searchResult .option-list .li .list-del:after {
  font-size: 15px;
  color: #918c00;
  content: "\00d7";
}

.hd__searchResult .searchResult .option-btn {
  margin-left: 15px;
  padding: 6px 22px 7px 10px;
  width: 75px;
  text-align: left;
  background: url("/front_mo/images/icon_sorting_filter-0932a5ef5b8f41ecdb9ddc4946941054.png") no-repeat right 10px center;
  background-size: 20px;
  box-sizing: border-box;
  border: 1px solid #1c1c1c;
  border-radius: 5px;
}

.hd__searchResult .searchResult__contents {
  margin-top: 80px;
}

.hd__searchResult__care-h3 {
  margin: 40px 0 -5px;
  font-size: 24px;
}

.hd__searchResult__care-h3 strong {
  color: #918c00;
}

.hd__searchResult__care .meals__choice {
  padding: 0;
}

.hd__searchResult__care .meals__choice .box__list {
  margin-left: 40px;
  width: 340px;
}

.hd__searchResult__care .meals__choice .box__list__img a figure {
  width: 340px;
  height: 340px;
}

.hd__searchResult__care .meals__choice .box__list__img a figure img {
  border-radius: 20px;
}

.hd__searchResult__care .meals__choice .box__list__promotion {
  display: block;
}

.hd__searchResult__care .meals__choice .box__list__price-discounted-rate {
  font-size: 16px;
}

.hd__searchResult__care + .hd__searchResult__care {
  margin-top: 80px;
}

.hd__searchResult__more {
  display: block;
  margin: 50px auto 0;
  width: 600px;
  line-height: 75px;
  font-size: 22px;
  color: #918c00;
  text-align: center;
  border: 1px solid #918c00 !important;
  border-radius: 20px;
  box-sizing: border-box;
}

.hd__searchResult__event {
  display: flex;
  flex-wrap: wrap;
}

.hd__searchResult__event li {
  margin-top: 30px;
  width: 530px;
  max-height: 190px;
  overflow: hidden;
}

.hd__searchResult__event li:nth-of-type(2n) {
  margin-left: 40px;
}

.hd__searchNoResult .searchNoResult {
  margin-top: 30px;
}

.hd__searchNoResult .searchNoResult .overview {
  padding: 25px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.hd__searchNoResult .searchNoResult__desc {
  padding: 90px 0 100px;
  text-align: center;
  line-height: 1.8;
}

.hd__searchNoResult .searchNoResult__desc strong {
  display: block;
  margin-bottom: 10px;
}

.hd__searchNoResult .searchNoResult__desc:before {
  content: '';
  display: block;
  width: 58px;
  height: 58px;
  margin: 0 auto 20px;
  background: #ccc url(/front_pc/images/ico_important-msg-c952d165604b9e7446111ca59be2b18e.png) no-repeat center center;
  border-radius: 100%;
}

.hd__searchNoResult .searchNoResult__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.hd__searchNoResult .searchNoResult__title {
  font-size: 26px;
  font-weight: bold;
}

.hd__searchNoResult .searchNoResult__more {
  color: #b2ac00;
}

.hd__searchNoResult .searchNoResult__more:after {
  display: inline-block;
  margin: -3px 0 0 3px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: solid #b2ac00;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
  content: '';
}

.hd__searchNoResult .searchNoResult__contents {
  padding: 50px 0 80px;
  border-top: 20px solid #eee;
}

.hd .myPage {
  margin-top: 72px;
}

.hd .myPage > .hd__page-title {
  display: none;
}

.hd .myPage .lastOrder .box__list {
  position: relative;
  border-top: 3px solid #918c00;
}

.hd .myPage .lastOrder .box__list__sec {
  margin-right: 150px;
  padding: 25px 0;
  line-height: 26px;
}

.hd .myPage .lastOrder .box__list__sec__title {
  display: block;
  font-size: 18px;
  font-weight: 600;
}

.hd .myPage .lastOrder .box__list__sec__text {
  display: block;
  margin: 0 0 10px 0 !important;
}

.hd .myPage .lastOrder .box__list__sec span {
  display: block;
  margin: 10px 0 0 0;
  line-height: 26px;
  font-size: 16px;
}

.hd .myPage .lastOrder .box__list__sec span.no_opts {
  padding-left: 0;
  text-indent: 0;
}

.hd .myPage .lastOrder .box__list__sec em {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #918c00;
}

.hd .myPage .lastOrder .box__list__img {
  overflow: hidden;
  position: absolute;
  top: 25px;
  right: 0;
  width: 120px;
  height: 120px;
}

.hd .myPage .lastOrder .box__list .boxInner {
  display: none;
  position: relative;
}

.hd .myPage .lastOrder .box__list .boxInner__list {
  border-top: 1px solid #ccc;
  padding: 20px 0;
}

.hd .myPage .lastOrder .box__list .boxInner__list .multi__box {
  position: relative;
  min-height: 120px;
  padding-left: 145px;
}

.hd .myPage .lastOrder .box__list .boxInner__list .multi__box__date {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  border: 3px solid #C0C0C0;
  font-size: 0;
  box-sizing: border-box;
}

.hd .myPage .lastOrder .box__list .boxInner__list .multi__box__date:before {
  content: '';
  display: inline-block;
  width: 0px;
  height: 100%;
  vertical-align: middle;
}

.hd .myPage .lastOrder .box__list .boxInner__list .multi__box__date strong {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-weight: 400;
}

.hd .myPage .lastOrder .box__list .boxInner__list .multi__box__date span {
  display: block;
  font-weight: 600;
}

.hd .myPage .lastOrder .box__list .boxInner__list .multi__box__product p {
  line-height: 26px;
  font-size: 16px;
}

.hd .myPage .lastOrder .box__list .boxInner__list .multi__box__product p:after {
  content: '';
  display: block;
  clear: both;
}

.hd .myPage .lastOrder .box__list .boxInner__list .multi__box__product .product__lft {
  float: left;
}

.hd .myPage .lastOrder .box__list .boxInner__list .multi__box__product .product__rgt {
  float: right;
}

.hd .myPage .lastOrder .box__list .boxInner__list .money__state {
  display: block;
  line-height: 26px;
  font-size: 16px;
  font-weight: 600;
  color: #918c00;
}

.hd .myPage .lastOrder .box__list .boxInner__list .product__gift {
  position: relative;
  min-height: 40px;
  margin-top: 15px;
  padding-left: 60px;
  font-size: 0;
  line-height: 1;
}

.hd .myPage .lastOrder .box__list .boxInner__list .product__gift figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 40px;
}

.hd .myPage .lastOrder .box__list .boxInner__list .product__gift .gift-name {
  vertical-align: -24px;
  font-size: 16px;
  color: #1c1c1c;
}

.hd .myPage .lastOrder .box__list .box__accd {
  position: absolute;
  top: 35px;
  right: 0;
  width: 144px;
  height: 45px;
  border: 1px solid #ccc;
  background: #F5F5F5;
  font-size: 16px;
  color: #1c1c1c;
}

.hd .myPage .lastOrder .box__list .box__accd:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-left: 10px;
  vertical-align: 0;
  background: url(/front_pc/images/ico_comm_accd-d840278f6c20697f9f4572e33437a5b5.png) no-repeat 0 0;
}

.hd .myPage .lastOrder .box__list .box__accd.on:after {
  background-image: url(/front_pc/images/ico_comm_accd_on-3058e307320afabac4511351b1f8cb1b.png);
}

.hd .myPage .lastOrder .box__list .due-date {
  font-weight: bold;
}

.hd .myPage .lastOrder .box__list.img .box__list__sec {
  min-height: 120px;
}

.hd .myPage .lastOrder .box__list.img__v2 > a {
  position: relative;
  display: table;
  width: 100%;
  min-height: 140px;
}

.hd .myPage .lastOrder .box__list.img__v2 > a:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  width: 27px;
  height: 16px;
  background: url(/front_pc/images/btn_comm_accordion-down-49268102887cac88ee7592e265819c70.png) no-repeat;
  content: '';
  transform: rotate(-90deg);
  opacity: 0.5;
}

.hd .myPage .lastOrder .box__list.img__v2 .box__list__sec {
  display: table-cell;
  margin: 0;
  padding-left: 120px;
  width: 95%;
  vertical-align: middle;
  line-height: 1.15;
}

.hd .myPage .lastOrder .box__list.img__v2 .box__list__sec span {
  line-height: inherit;
}

.hd .myPage .lastOrder .box__list.img__v2 .box__list__sec__text {
  font-size: 18px;
  font-weight: bold;
}

.hd .myPage .lastOrder .box__list.img__v2 .box__list__sec__title {
  font-size: 17px;
  font-weight: normal;
}

.hd .myPage .lastOrder .box__list.img__v2 .box__list__sec em .box__list__to {
  margin: 0 0 0 10px;
  line-height: 19px;
}

.hd .myPage .lastOrder .box__list.img__v2 .box__list__sec em .box__list__to:before {
  display: inline-block;
  margin-right: 10px;
  width: 1px;
  height: 15px;
  background: #ccc;
  vertical-align: middle;
  content: '';
}

.hd .myPage .lastOrder .box__list.img__v2 .box__list__sec .box__list__to {
  display: inline-block;
  position: relative;
  right: 0;
  top: 0;
  margin: 10px 0 0 0;
  line-height: 19px;
  font-size: 16px;
  font-weight: normal;
  color: #888;
  text-align: left;
  vertical-align: top;
}

.hd .myPage .lastOrder .box__list.img__v2 .box__list__sec .box__list__to span {
  margin-top: 0;
}

.hd .myPage .lastOrder .box__list.img__v2 .box__list__img {
  right: inherit;
  left: 0;
  top: 20px;
  width: 100px;
  height: 100px;
  border-radius: 20px;
}

.hd .myPage .lastOrder .box__list.img__v2 .box__list__to {
  position: absolute;
  right: 100px;
  top: 50%;
  width: 230px;
  margin-top: -12px;
  height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}

.hd .myPage .lastOrder .box__list.img__v2 .box__list__to .name_ellipsis {
  display: inline-block;
  max-width: 155px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.hd .myPage .lastOrder .box__list.img__v2 .box__list__btn {
  position: absolute;
  right: 100px;
  top: 50%;
  margin-top: -17.5px;
  padding: 7px 10px;
  width: auto;
  font-size: 16px;
}

.hd .myPage .lastOrder .none-list__inner {
  padding: 10px 0 40px;
  border-bottom: 0;
}

.hd .myPage .mySearch__box {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

.hd .myPage .mySearch__box .inner {
  display: inline-block;
  width: 730px;
}

.hd .myPage .mySearch__box .inner .row {
  width: 100%;
}

.hd .myPage .mySearch__box .inner .row .col__title {
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
}

.hd .myPage .mySearch__box .inner .row .check-month {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
}

.hd .myPage .mySearch__box .inner .row .check-month label {
  display: inline-block;
  width: 60px;
  height: 45px;
  background: #fff;
  font-size: 16px;
  line-height: 45px;
  font-weight: 300;
}

.hd .myPage .mySearch__box .inner .row .check-month label + input + label {
  border-left: 0;
}

.hd .myPage .mySearch__box .inner .row .check-month input[type="radio"]:checked + label {
  background: #BCBCBC;
  border: 1px solid #ccc;
  color: #fff;
}

.hd .myPage .mySearch__box .inner .row .check-cal {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}

.hd .myPage .mySearch__box .inner .row .check-cal__data {
  display: inline-block;
  position: relative;
}

.hd .myPage .mySearch__box .inner .row .check-cal__data input {
  width: 160px;
  height: 45px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd .myPage .mySearch__box .inner .row .check-cal .bar {
  padding: 0 3px;
}

.hd .myPage .mySearch__box .inner .row .condi {
  display: inline-block;
  font-size: 0;
}

.hd .myPage .mySearch__box .inner .row .condi .hd__custom-select {
  display: inline-block;
  width: 189px;
}

.hd .myPage .mySearch__box .inner .row .input-text {
  display: inline-block;
  margin-left: 20px;
  font-size: 0;
}

.hd .myPage .mySearch__box .inner .row .input-text input {
  width: 264px;
}

.hd .myPage .mySearch__box .inner .row .input-text .btn-reset {
  display: inline-block;
  height: 45px;
  margin-left: 20px;
  font-size: 16px;
  line-height: 45px;
}

.hd .myPage .mySearch__box .inner .row .input-text .btn-reset:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-top: -4px;
  margin-right: 5px;
  background: url(/front_pc/images/btn_comm_reset-b0c36ade0734a76576abd70d3621d9ca.png) no-repeat center center;
  background-size: 100%;
  vertical-align: middle;
}

.hd .myPage .mySearch__box .inner .row + .row {
  margin-top: 15px;
}

.hd .myPage .mySearch__box .btn {
  float: right;
  width: 107px;
  height: 105px;
}

.hd .myPage .healthCare {
  position: relative;
}

.hd .myPage .healthCare .sub-cont__title a:after {
  display: inline-block;
  margin: -4px 2px 0 2px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: solid #1c1c1c;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  content: '';
}

.hd .myPage .healthCare .sub-cont__text {
  margin-left: 10px;
  font-size: 80%;
  font-weight: normal;
  color: #918c00;
}

.hd .myPage .healthCare-btn {
  display: flex;
}

.hd .myPage .healthCare-btn a {
  padding: 20px;
  width: 50%;
  line-height: 1.5;
  border-radius: 20px;
  background: #f5f5f5 url("/front_pc/images/healthCare-btn-ab888ad8b03ea094a714a0957e09d398.png") no-repeat;
  background-position-x: right;
}

.hd .myPage .healthCare-btn a:last-child {
  margin-left: 15px;
}

.hd .myPage .healthCare-btn .score {
  line-height: 1.4;
}

.hd .myPage .healthCare-btn .score-num strong {
  font-size: 24px;
  color: #918c00;
}

.hd .myPage .healthCare-btn .coaching {
  background-position-y: bottom;
}

.hd .myPage .healthCare-btn .coaching strong {
  display: block;
  font-size: 22px;
  letter-spacing: -1px;
}

.hd .myPage .healthCare .score-wrap {
  position: relative;
  padding: 0 1px;
}

.hd .myPage .healthCare .score-wrap.pd {
  padding: 5px 15px;
}

.hd .myPage .healthCare .score-wrap .score {
  position: relative;
  margin-bottom: 15px;
}

.hd .myPage .healthCare .score-wrap .score em {
  margin-right: 10px;
  font-size: 18px;
  font-weight: bold;
}

.hd .myPage .healthCare .score-wrap .score strong {
  font-size: 24px;
  color: #999401;
}

.hd .myPage .healthCare .score-wrap .score p {
  margin-top: 10px;
}

.hd .myPage .healthCare .score-wrap .score a {
  position: absolute;
  right: 2px;
  top: 5px;
  font-size: 15px;
  color: #918c00;
}

.hd .myPage .healthCare .score-wrap .score a:after {
  display: inline-block;
  margin: -3px 0 0 2px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: solid #918c00;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .myPage .healthCare .score-wrap .score-bar {
  position: relative;
  margin-top: 5px;
  padding: 0 0 45px;
}

.hd .myPage .healthCare .score-wrap .score-bar:before {
  position: absolute;
  left: 0;
  bottom: 20px;
  font-size: 16px;
  color: #888;
  content: "0점";
}

.hd .myPage .healthCare .score-wrap .score-bar:after {
  position: absolute;
  right: 0;
  bottom: 20px;
  font-size: 16px;
  text-align: right;
  color: #888;
  content: "100점";
}

.hd .myPage .healthCare .score-wrap .score-bar .score-inner {
  height: 20px;
  border-radius: 30px;
  background: #ff6f6f;
  background: linear-gradient(90deg, #ff6f6f, #ffd014 50%, #a8ce62);
}

.hd .myPage .healthCare .score-wrap .score-bar .score-inner > span {
  position: absolute;
  top: -5px;
  padding: 5px;
  margin-left: -22px;
  width: 30px;
  height: 30px;
  background-color: #918c00;
  border-radius: 50%;
  transition: all .5s;
  box-sizing: border-box;
  z-index: 1;
}

.hd .myPage .healthCare .score-wrap .score-bar .score-inner > span:before {
  display: block;
  margin: 6px 0 0 3px;
  width: 10px;
  height: 6px;
  border: 3px solid #fff;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: 25% 25%;
  content: '';
}

.hd .myPage .healthCare .score-wrap .score-go {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 22px;
  text-align: center;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px) saturate(150%);
  box-sizing: border-box;
  z-index: 1;
}

.hd .myPage .healthCare .score-wrap .score-go:after {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -8px;
  width: 15px;
  height: 15px;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .myPage .healthCare .score-wrap .score-go span {
  color: #c7c7c7;
}

.hd .myPage .healthCare .score-wrap .score-go strong {
  display: block;
  margin-top: 5px;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}

.hd .myPage .bestReview-btn {
  display: block;
  position: relative;
  padding: 0 25px;
  line-height: 60px;
  font-size: 18px;
  color: #1c1c1c;
  background: #fff;
  border-radius: 20px;
  border: 3px solid #eee;
  box-shadow: 0 0 0 1px #aaa;
}

.hd .myPage .bestReview-btn strong {
  color: #918c00;
}

.hd .myPage .bestReview-btn:after {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -3px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  border: solid #666;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  content: '';
}

.hd .myPage .stamp {
  display: flex;
  align-items: center;
  margin-top: -15px;
  width: 100%;
  height: 135px;
  border-radius: 15px;
  background: url("/front_pc/images/img_mypage_stamp-674732938cfd27e71af95149745f25d3.jpg") no-repeat;
  overflow: hidden;
}

.hd .myPage .stamp .stamp-slider.slick-slider .slick-arrow {
  width: 15px;
}

.hd .myPage .stamp .stamp-slider.slick-slider .slick-prev {
  left: 20px;
}

.hd .myPage .stamp .stamp-slider.slick-slider .slick-next {
  right: 20px;
}

.hd .myPage .stamp .stamp-slider.slick-slider .stamp-slide {
  padding-right: 55px;
  padding-left: 55px;
}

.hd .myPage .stamp .stamp-slider.slick-slider .stamp-slide:after {
  display: none;
}

.hd .myPage .stamp .stamp-slide {
  position: relative;
  padding: 20px 45px;
  max-height: 90px;
  box-sizing: border-box;
}

.hd .myPage .stamp .stamp-name {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
}

.hd .myPage .stamp .stamp-info .tit {
  font-size: 20px;
  font-weight: bold;
}

.hd .myPage .stamp .stamp-info .tit strong {
  display: inline-block;
  height: 13px;
  border-bottom: 10px solid #fff9b8;
}

.hd .myPage .stamp .stamp-info .txt {
  padding-left: 5px;
  font-size: 20px;
  color: #918c00;
}

.hd .myPage .stamp .slick-dots {
  position: absolute;
  left: inherit;
  right: 60px;
  top: 50%;
  width: 45px;
  line-height: 25px;
  background: #ebebeb;
  border-radius: 30px;
  text-align: center;
  transform: translateY(-50%);
}

.hd .myPage .stamp .slick-dots li {
  display: none;
  margin: 0;
  width: auto;
  height: auto;
  font-size: 14px;
  background: transparent;
}

.hd .myPage .stamp .slick-dots li.slick-active {
  display: block;
}

.hd .myPage .event {
  margin-top: -10px;
}

.hd .myPage .event li {
  float: left;
  margin-top: 8px;
  width: 430px;
}

.hd .myPage .event li:nth-of-type(2n) {
  margin-left: 10px;
}

.hd .myPage .prdList .item-area .box {
  margin-top: 0;
  flex-flow: nowrap;
}

.hd .myPage .prdList .item-area .box__list {
  margin: 0 15px 0 0 !important;
  width: 162px;
  min-width: 162px;
}

.hd .myPage .prdList .item-area .box__list:last-child {
  margin: 0 !important;
}

.hd .myPage .prdList .item-area .box__list__thumb {
  height: 162px;
}

.hd .myPage .prdList .item-area .box__list__sub {
  font-size: 14px;
}

.hd .myPage .prdList .item-area .box__list__title {
  font-size: 17px;
}

.hd .myPage .prdList .item-area .box__list__title__wrap {
  margin: 5px 0;
}

.hd .myPage .prdList .item-area .box__list__price-origin {
  font-size: 15px;
  margin-bottom: 3px;
}

.hd .myPage .prdList .item-area .box__list__price-discounted {
  font-size: 16px;
}

.hd .myPage .prdList .item-area .box__list__price-discounted strong {
  font-size: 20px;
}

.hd .myPage .prdList .item-area .box__list__price-discounted-rate {
  font-size: 20px;
}

.hd .myPage .prdList .item-area .box__list__btn button span:before {
  width: 45px;
  height: 45px;
  background-size: 300% auto !important;
}

.hd .myPage .prdList .item-area .box__list__btn button.box__list__cart span:before {
  background-position-x: -1%;
}

.hd .myPage .prdList .item-area .box__list__btn button.box__list__gift span:before {
  background-position-x: 48%;
}

.hd .myPage .prdList .item-area .box__list__btn button.box__list__heart span:before {
  background-position-x: 99%;
}

.hd .myPage .prdList .item-area .box__list__btn button.box__list__heart.active span:before {
  background-position: center;
  background-size: 24px !important;
}

.hd .myPage .prdList .item-area .box .slick-slide {
  padding-right: 15px;
  padding-bottom: 5px;
  width: 162px !important;
}

.hd .myPage .prdList .item-area .box .slick-arrow {
  position: absolute;
  top: 80px;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
}

.hd .myPage .prdList .item-area .box .slick-arrow:after {
  display: inline-block;
  margin-left: 6px;
  width: 10px;
  height: 10px;
  border: solid #888;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .myPage .prdList .item-area .box .slick-prev {
  left: -20px;
}

.hd .myPage .prdList .item-area .box .slick-next {
  right: -20px;
}

.hd .myPage .prdList .item-area .box .slick-next:after {
  margin-left: 3px;
}

.hd .myPage .prdList .item-area .box.num2 {
  margin-top: 50px;
}

.hd .myPageBox {
  padding: 0;
  border-bottom: 0;
}

.hd .myPageBox .snb-box__list {
  border-top: 1px solid #dfdfdf;
  margin: 0;
}

.hd .myPageBox .snb-box__list:first-child {
  border-top: 0;
}

.hd .myPageBox .snb-box__inner {
  margin: 30px 0;
}

.hd .myPageBox .snb-box__inner__list {
  margin-top: 15px;
  letter-spacing: -0.5px;
}

.hd .myPageBox .snb-box__inner__list a:hover {
  color: #918c00;
}

.hd .myPageBox .snb-box__inner__list:first-child {
  margin-top: 0;
}

.hd .myPageBox .snb-box__inner__list.on a {
  color: #918c00;
  border-bottom: 1px solid #918c00;
}

.hd .myPageBox .snb-box__inner__list h4 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
}

.hd .myWelcome {
  position: relative;
  margin-top: -47px;
  border-top: 0;
}

.hd .myWelcome .tab-menu {
  display: flex;
  margin: 0 0 30px;
  padding: 0;
  height: 49px;
  border-bottom: 1px solid #ccc;
}

.hd .myWelcome .tab-menu__list {
  width: 100%;
  height: auto;
}

.hd .myWelcome .tab-menu__list a {
  padding: 0 0 25px 0;
  line-height: 1;
  font-size: 22px;
}

.hd .myWelcome .tab-menu__list a:after {
  display: none;
}

.hd .myWelcome .tab-menu__list--on a {
  color: #918c00;
  border-bottom: 3px solid #918c00;
}

.hd .myWelcome .tab-menu__list:not(:first-child) a:before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 1px;
  height: 25px;
  background: #ccc;
  content: '';
}

.hd .myWelcome .tab-menu__list:last-child a:after {
  position: relative;
  display: inline-block;
  margin: -2px 0 0 5px;
  width: 5px;
  height: 5px;
  background: #ff0000;
  border-radius: 50%;
  border: 0;
  vertical-align: top;
  content: '';
}

.hd .myWelcome__info__name {
  display: inline-block;
  margin-bottom: 20px;
  width: 49%;
  vertical-align: top;
  font-size: 18px;
  font-weight: 400;
}

.hd .myWelcome__info__name em {
  display: inline-block;
  position: relative;
  font-size: 20px;
  font-weight: 600;
}

.hd .myWelcome__info__name a:after {
  display: inline-block;
  margin: -4px 2px 0 2px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: solid #1c1c1c;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
  content: '';
}

.hd .myWelcome__info__member {
  display: inline-block;
  margin-left: 5px;
  padding: 5px 10px;
  font-size: 13px;
  color: #666;
  border: 1px solid #ccc;
  border-radius: 30px;
  vertical-align: top;
}

.hd .myWelcome__info__labeling {
  display: inline-block;
  margin-left: 5px;
  padding: 5px 10px;
  font-size: 13px;
  color: #1c1c1c;
  border: 1px solid #ded600;
  background: #ded600;
  border-radius: 30px;
  vertical-align: top;
}

.hd .myWelcome__info__labeling a::after {
  display: inline-block;
  margin: -2px 0 0 4px;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  border: solid #1c1c1c;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .myWelcome__info__group {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  font-size: 16px;
  font-weight: 400;
  text-align: right;
}

.hd .myWelcome__info__group span {
  margin-right: 5px;
}

.hd .myWelcome__info__group a {
  position: relative;
  margin-left: 15px;
  font-size: 14px;
}

.hd .myWelcome__info__group a:after {
  display: inline-block;
  margin: -2px 2px 0 1px;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border: solid #1c1c1c;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .myWelcome__info__group a span {
  color: #dd4314;
  white-space: nowrap;
}

.hd .myWelcome__info__gcash {
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
  color: #918c00;
}

.hd .myWelcome .box {
  display: flex;
  align-items: center;
}

.hd .myWelcome .box__list {
  display: inline-block;
  position: relative;
  width: 105px;
  height: 116px;
  text-align: center;
  vertical-align: top;
  background: #f5f5f5;
}

.hd .myWelcome .box__list:not(:first-child) {
  margin-left: 3px;
}

.hd .myWelcome .box__list a {
  display: block;
  padding: 30px 0;
}

.hd .myWelcome .box__list__title {
  font-size: 18px;
  color: #888;
}

.hd .myWelcome .box__list__value {
  display: block;
  margin-top: 15px;
  line-height: 1;
  font-size: 21px;
  font-weight: 400;
  color: #918c00;
}

.hd .myWelcome .box__list .btn {
  width: 136px;
  margin-top: 13px;
}

.hd .myWelcome .box__list .btn__goMember {
  display: inline-block;
  height: 46px;
  line-height: 44px;
  font-size: 16px;
}

.hd .myWelcome .box > ul {
  float: left;
}

.hd .myWelcome__slider {
  text-align: center;
  white-space: nowrap;
}

.hd .myWelcome__slider .slick-slider .box__list {
  margin-left: -1px;
}

.hd .myWelcome__slider .slick-arrow {
  width: 30px;
  height: 30px;
  line-height: 20px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.hd .myWelcome__slider .slick-arrow:before {
  display: inline-block;
  margin: 0px 0 0 3px;
  width: 7px;
  height: 7px;
  vertical-align: middle;
  border: solid #555;
  border-width: 0 0 1px 1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .myWelcome__slider .slick-arrow.slick-prev {
  left: -15px;
}

.hd .myWelcome__slider .slick-arrow.slick-next {
  right: -15px;
}

.hd .myWelcome__slider .slick-list {
  overflow: initial;
  overflow-x: clip;
}

.hd .myWelcome__slider .slick-list .btn-tooltip {
  top: -43px;
  padding: 6px 10px;
  font-size: 16px;
  animation: none;
  letter-spacing: 0;
  color: #dd4314;
  border-color: #dd4314;
}

.hd .myWelcome__slider .slick-list .btn-tooltip:after {
  margin-top: -4px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border-color: #dd4314;
}

.hd .myWelcome__slider [data-slick-index='0'] .box__list:after, .hd .myWelcome__slider ul > li:nth-of-type(1):after {
  display: none;
}

.hd .myWelcome__code {
  position: relative;
  margin-left: 30px;
  padding: 32px 0;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.hd .myWelcome__code .sub-cont__title {
  padding: 0 0 10px;
  font-size: 18px;
}

.hd .myWelcome__code .sub-cont__title .txt {
  margin-left: 10px;
  font-size: 16px;
  font-weight: normal;
}

.hd .myWelcome__code .sub-cont__text {
  color: #888;
}

.hd .myWelcome__code .btn-init {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
  width: 90px;
  height: 50px;
  border-radius: 5px;
}

.hd .myWelcome + section .tab-menu {
  padding-top: 0;
}

.hd .ui-datepicker-trigger {
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 44px;
  height: 43px;
}

.hd .ui-widget.ui-widget-content {
  border-top: 3px solid #918c00;
  padding: 0;
}

.hd .ui-widget-header {
  border: 0;
  border-bottom: 1px solid #ccc;
  background: #FFF;
  border-radius: 0;
}

.hd .ui-datepicker-calendar {
  border-spacing: 0;
  border-collapse: collapse;
}

.hd .ui-datepicker-calendar thead th {
  border-bottom: 1px solid #ccc;
}

.hd .ui-datepicker-calendar tbody td {
  padding: 0;
  border: 0;
}

.hd .ui-datepicker-calendar tbody td .ui-state-default {
  padding: 10px 0;
  border: 0;
  background: none;
  text-align: center;
}

.hd .ui-datepicker-calendar tbody td a {
  padding: 10px 0;
  border: 0;
  background: none;
  text-align: center;
}

.hd .ui-datepicker-calendar tbody td a:hover {
  background: #F5F5F5;
}

.hd .ui-datepicker-calendar tbody td a.ui-state-active {
  background: #918c00 !important;
  font-weight: 600;
  color: #FFF;
}

.hd .ui-datepicker-calendar tbody td.ui-datepicker-today a {
  background: #918c00;
  font-weight: 600;
  color: #FFF;
}

.hd .ui-datepicker-prev, .hd .ui-datepicker-next {
  top: 2px !important;
  border: none !important;
  background: none !important;
}

.hd .ui-datepicker-prev span, .hd .ui-datepicker-next span {
  background-image: url(/front_pc/images/ui-icons_444444_256x240-0c17c56a747a97edb023a6e7f7b7f9f6.png);
}

.hd .ui-datepicker .ui-datepicker-prev {
  left: 2px !important;
}

.hd .ui-datepicker .ui-datepicker-next {
  right: 2px !important;
}

.hd .ui-datepicker .ui-datepicker-prev-hover {
  left: 2px !important;
}

.hd .ui-datepicker .ui-datepicker-next-hover {
  right: 2px !important;
}

.hd__myPage .sub-cont__sec {
  border-top: 0;
}

.hd__myPage .sub-cont__sec .banner img {
  border-radius: 20px;
}

.hd__myPage .sub-cont__sec .banner .slick-dots {
  bottom: 10px;
}

.hd__myPage .sub-cont__title {
  padding-top: 0;
}

.hd__myOrderList .myOrderList .btn-cancelAll {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
  width: 90px;
  height: 35px;
  line-height: 33px;
  font-size: 14px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 5px;
}

.hd__myOrderList .myOrderList .btn-cancel {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
  width: 90px;
  height: 40px;
  font-size: 15px;
  background: #FFF;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__myOrderList .myOrderList .btn-cancelRegular {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
  width: 90px;
  height: 40px;
  font-size: 15px;
  background: #F5F5F5;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__myOrderList .myOrderList .myList .head {
  position: relative;
  width: 100%;
  padding: 25px 0;
}

.hd__myOrderList .myOrderList .myList .head__inner {
  display: block;
  width: 100%;
}

.hd__myOrderList .myOrderList .myList .head__list {
  display: block;
  font-size: 18px;
  line-height: 1.6;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-inner {
  position: relative;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info {
  position: relative;
  padding: 20px 0;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info:not(:first-child) {
  border-top: 1px solid #e5e5e5;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .thumb {
  overflow: hidden;
  position: absolute;
  width: 100px;
  height: 100px;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .thumb.hasBadge:before {
  content: '교환상품';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: #918c00;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 25px;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox {
  min-height: 100px;
  padding-left: 125px;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox__list {
  width: 520px;
  line-height: 26px;
  color: #888;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox__list-name {
  max-height: 48px;
  font-size: 18px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  color: #1c1c1c;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox__list-name strong {
  font-weight: normal;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox__list-opt {
  overflow: hidden;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox__list-process {
  margin-bottom: 10px;
  font-size: 16px;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox__list-process .process-text {
  font-weight: 600;
  color: #3D3D3D;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox__list-process .process-delivery {
  color: #918c00;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox__list-process .process-delivery:before {
  display: inline-block;
  margin: 9px 8px 0;
  width: 2px;
  height: 15px;
  vertical-align: top;
  background: #ccc;
  content: '';
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox__list.green {
  color: #918c00;
  font-weight: 600;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox .gift {
  display: table;
  position: relative;
  min-height: 45px;
  margin: 20px 0 0;
  vertical-align: middle;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox .gift__thumb {
  display: table-cell;
  overflow: hidden;
  position: absolute;
  width: 45px;
  height: 45px;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-info .textbox .gift__name {
  display: table-cell;
  padding-left: 60px;
  font-size: 15px;
  vertical-align: middle;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item-store {
  position: relative;
  margin-bottom: -1px;
  padding: 10px 15px;
  font-size: 15px;
  color: #666;
  background: #f1f1f1;
  z-index: 1;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap {
  position: relative;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .btn-viewMore {
  position: absolute;
  top: -39px;
  right: 0;
  width: 40px;
  height: 40px;
  background: #F9F9F9 url(/front_pc/images/btn_comm_accordion-down-49268102887cac88ee7592e265819c70.png) no-repeat 50% 50%;
  border: 1px solid #ccc;
  background-size: 55%;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .btn-viewMore.accordion__head--on {
  background: #F9F9F9 url(/front_pc/images/btn_comm_accordion-up-ee0aab0d9bbdb765f4c9ed01abe13d5a.png) no-repeat 50% 50%;
  border: 1px solid #ccc;
  background-size: 55%;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem {
  position: relative;
  padding: 25px;
  border: 1px solid #ccc;
  border-bottom: 0;
  background: #F9F9F9;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem .thumb {
  overflow: hidden;
  position: absolute;
  width: 120px;
  height: 120px;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox {
  min-height: 120px;
  padding-left: 145px;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox__list {
  width: 420px;
  line-height: 22px;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox__list-name {
  max-height: 48px;
  font-size: 18px;
  line-height: 24px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox__list-opt {
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox .gift {
  display: table;
  position: relative;
  min-height: 45px;
  margin-top: 20px;
  vertical-align: middle;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox .gift__thumb {
  display: table-cell;
  overflow: hidden;
  position: absolute;
  width: 45px;
  height: 45px;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox .gift__name {
  display: table-cell;
  max-height: 48px;
  padding-left: 60px;
  vertical-align: middle;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .innerItem-wrap .innerItem .hd__mypage__btns {
  right: 25px;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .meals {
  position: relative;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .meals .head {
  border-bottom: 1px solid #ccc;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .meals .head + .item-info {
  border-top: none;
  border-bottom: none;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .meals .date {
  display: table-cell;
  position: absolute;
  text-align: center;
  vertical-align: top;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .meals .date__inner {
  position: relative;
  width: 100px;
  height: 100px;
  border: 3px solid #BEBEBE;
  line-height: 1.4;
  box-sizing: border-box;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .meals .date__inner span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  font-size: 20px;
  transform: translate3d(-50%, -50%, 0);
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .meals .date__inner strong {
  display: block;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .meals .textbox__list {
  display: table;
  width: 380px;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .meals .textbox__list .name {
  display: table-cell;
  width: calc(100% - 100px);
  font-size: 16px;
  line-height: 22px;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .meals .textbox__list .num {
  display: table-cell;
  width: 100px;
  text-align: right;
  font-weight: 600;
  color: #1c1c1c;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .meals .item-info {
  min-height: 100px;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .process {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 165px;
  transform: translateY(-50%);
  color: #918c00;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .process-detail {
  display: block;
  margin-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #7E7E7E;
  font-size: 16px;
  color: #1c1c1c;
  font-weight: 300;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .hd__mypage__btns {
  display: flex;
  flex-flow: wrap;
  position: absolute;
  top: 50%;
  right: 0;
  width: 90px;
  min-height: 66px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  transform: translateY(-50%);
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .hd__mypage__btns button {
  padding: 8px 0;
  width: 90px;
  height: auto;
  font-size: 14px;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .hd__mypage__btns button:not(:first-of-type) {
  border-top: 1px solid #e5e5e5;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .hd__mypage__btns button.grey {
  background: #F5F5F5;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .hd__mypage__btns button.disabled {
  color: #adadad;
  cursor: auto;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .list-more {
  position: relative;
  padding: 0 25px;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .list-more:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  content: '';
  z-index: 1;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .list-more:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  content: '';
  z-index: 1;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .list-more-btn {
  position: absolute;
  right: 0;
  top: 60px;
  width: 30px;
  text-indent: -999em;
}

.hd__myOrderList .myOrderList .myList .item-wrap .item .list-more .textbox__list {
  width: 390px;
}

.hd__myOrderList .myOrderList .myList .product__gift {
  position: relative;
  min-height: 40px;
  margin-top: 15px;
  padding-left: 60px;
  font-size: 0;
  line-height: 1;
}

.hd__myOrderList .myOrderList .myList .product__gift figure {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 40px;
}

.hd__myOrderList .myOrderList .myList .product__gift .gift-name {
  display: block;
  padding-top: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #1c1c1c;
}

.hd__myOrderList .myOrderList .myList .view-detail {
  margin-top: 10px;
  padding-right: 25px;
  background: url(/front_pc/images/ico_comm_accd-d840278f6c20697f9f4572e33437a5b5.png) no-repeat 98% 50%;
  font-size: 16px;
}

.hd__myOrderList .myOrderList .myList .view-detail.accordion__head--on {
  background: url(/front_pc/images/ico_comm_accd_on-3058e307320afabac4511351b1f8cb1b.png) no-repeat 98% 50%;
}

.hd__myOrderList .myOrderList .orderListView__info {
  border-bottom: 1px solid #ccc;
}

.hd__myOrderList .myOrderList .orderListView__info__num {
  font-weight: bold;
  text-decoration: underline;
  color: blue;
}

.hd .datepick {
  width: 160px;
  height: 45px;
  padding: 0 15px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd .cont__pdName {
  display: block;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd .myOrder-wrap {
  border-top: 3px solid #1c1c1c;
  border-bottom: 1px solid #ccc;
}

.hd .orderView .orderListView__info {
  position: relative;
  padding: 20px 0;
}

.hd .orderView .orderListView__info__date {
  display: block;
  line-height: 26px;
  font-size: 18px;
  font-weight: 600;
}

.hd .orderView .orderListView__info__date .btn-detail {
  margin-left: 15px;
  text-align: right;
  font-size: 16px;
  color: #888;
  letter-spacing: -0.5px;
}

.hd .orderView .orderListView__info__date .btn-detail:after {
  display: inline-block;
  margin: -3px 0 0 5px;
  width: 12px;
  height: 8px;
  vertical-align: middle;
  transform: rotate(-90deg);
  background: url(/front_mo/images/ico_cart_close-5c2ec72fb43d8353febe4dff145404fb.png) no-repeat right center;
  background-size: 100% auto;
  content: '';
  opacity: 0.8;
}

.hd .orderView .orderListView__info__num {
  display: block;
  line-height: 26px;
  font-size: 18px;
}

.hd .orderView .orderListView__info__box {
  position: absolute;
  right: 0;
  top: 50%;
  width: 60%;
  padding-right: 115px;
  text-align: right;
  transform: translateY(-50%);
  box-sizing: border-box;
}

.hd .orderView .orderListView__info__box .btn-init {
  width: auto;
  margin-right: 40px;
  padding: 7px 10px;
  line-height: 1.3;
  font-size: 14px;
  color: #707070;
  background: #f5f5f5;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
}

.hd .orderView .orderListView__info__box .point_color2 {
  display: inline-block;
  padding-right: 40px;
  width: 180px;
  color: #918c00;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hd .orderView .orderListView__info__box .point_color2 .name_ellipsis {
  display: inline-block;
  max-width: 107px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}

.hd .orderView .orderListView__info .btn__receipt {
  position: absolute;
  top: 50%;
  right: 0;
  width: 112px;
  height: 46px;
  margin-top: -23px;
  line-height: 44px;
  font-size: 16px;
}

.hd .orderView .orderListView__info .btn__box {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -23px;
}

.hd .orderView .orderListView__info .btn__box button {
  width: 90px;
  height: 40px;
  line-height: 38px;
  font-size: 15px;
}

.hd .orderView .orderListView__info .btn__box button.grey {
  color: #1c1c1c;
  background: #f5f5f5;
  border: 1px solid #BCBCBC;
}

.hd .orderView .orderListView__price {
  padding: 25px 0;
  text-align: right;
  line-height: 26px;
  font-size: 16px;
  border-top: 1px solid #ccc;
}

.hd .orderView .orderListView__price strong {
  display: block;
}

.hd .orderView .orderListView__price ul {
  overflow: hidden;
  font-weight: bold;
}

.hd .orderView .orderListView__price ul .left {
  float: left;
}

.hd .orderView .orderListView__price ul .right {
  float: right;
  text-align: right;
}

.hd .orderView .orderListView__price ul .txt {
  display: block;
  font-weight: normal;
}

.hd .orderView .orderListView .box__list {
  position: relative;
  border-top: 1px solid #BCBCBC;
}

.hd .orderView .orderListView .box__list__sec {
  position: relative;
  padding: 20px 0;
}

.hd .orderView .orderListView .box__list__sec + .box__list__sec {
  border-top: 1px solid #ccc;
}

.hd .orderView .orderListView .box__list__img {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  width: 120px;
  height: 120px;
  vertical-align: top;
}

.hd .orderView .orderListView .box__list__img img {
  height: 100%;
}

.hd .orderView .orderListView .box__list__img.hasBadge:before {
  content: '교환상품';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: #918c00;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
}

.hd .orderView .orderListView .box__list__btn {
  position: absolute;
  top: 20px;
  right: 0;
  width: 90px;
}

.hd .orderView .orderListView .box__list__btn button {
  padding: 7px 0;
  width: 90px;
  height: auto;
  font-size: 13px;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.hd .orderView .orderListView .box__list__btn button + button {
  margin-top: 2px;
}

.hd .orderView .orderListView .box__list .item {
  display: inline-block;
  vertical-align: top;
  color: #888;
}

.hd .orderView .orderListView .box__list .item__title {
  display: block;
  line-height: 26px;
  font-size: 18px;
  font-weight: normal;
  color: #1c1c1c;
}

.hd .orderView .orderListView .box__list .item__opts {
  display: block;
  position: relative;
  line-height: 26px;
  font-size: 16px;
}

.hd .orderView .orderListView .box__list .item__opts.no {
  padding-left: 0;
}

.hd .orderView .orderListView .box__list .item__opts.no:before {
  display: none;
}

.hd .orderView .orderListView .box__list .item__count {
  line-height: 26px;
  font-size: 16px;
}

.hd .orderView .orderListView .box__list .item__text {
  display: block;
  line-height: 26px;
  font-size: 16px;
}

.hd .orderView .orderListView .box__list .item__date {
  display: block;
  line-height: 26px;
  font-size: 16px;
  font-weight: 600;
  color: #918c00;
}

.hd .orderView .orderListView .box__list .item__process {
  margin-bottom: 15px;
}

.hd .orderView .orderListView .box__list .item__process-text {
  font-weight: 600;
  color: #3D3D3D;
}

.hd .orderView .orderListView .box__list .item__process-delivery {
  color: #918c00;
}

.hd .orderView .orderListView .box__list .item__process-delivery:before {
  display: inline-block;
  margin: 2px 8px 0;
  width: 2px;
  height: 15px;
  vertical-align: top;
  background: #ddd;
  content: '';
}

.hd .orderView .orderListView .box__list .item__process-link {
  color: #888;
}

.hd .orderView .orderListView .box__list .item__process-link .point {
  position: relative;
  display: inline-block;
  position: relative;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

.hd .orderView .orderListView .box__list .item__process-link:before {
  display: inline-block;
  margin: 2px 8px 0;
  width: 2px;
  height: 15px;
  vertical-align: top;
  background: #ddd;
  content: '';
}

.hd .orderView .orderListView .box__list .item .product__gift {
  position: relative;
  min-height: 45px;
  margin-top: 15px;
  padding-left: 60px;
  font-size: 0;
  line-height: 1;
}

.hd .orderView .orderListView .box__list .item .product__gift figure {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
}

.hd .orderView .orderListView .box__list .item .product__gift .gift-name {
  display: block;
  padding-top: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #1c1c1c;
}

.hd .orderView .orderListView .box__list .price-info {
  position: relative;
  margin-top: 20px;
}

.hd .orderView .orderListView .box__list .price-info li {
  line-height: 26px;
  font-size: 16px;
}

.hd .orderView .orderListView .box__list .price-info li .left {
  float: left;
}

.hd .orderView .orderListView .box__list .price-info li .right {
  float: right;
  text-align: right;
}

.hd .orderView .orderListView .box__list .price-info li:after {
  content: '';
  display: block;
  clear: both;
}

.hd .orderView .orderListView .box__list .price-info li .hover {
  position: absolute;
  top: 31px;
  left: 65px;
  padding-bottom: 5px;
}

.hd .orderView .orderListView .box__list .price-info li .hover:before {
  content: '?';
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-family: 'tahoma';
  font-size: 13px;
  color: #888;
  border: 1px solid #aaa;
  border-radius: 50%;
}

.hd .orderView .orderListView .box__list .price-info li .hover__inner {
  display: none;
  position: absolute;
  z-index: 2;
  top: 25px;
  left: -65px;
  width: 220px;
  padding: 15px;
  border: 1px solid #ccc;
  background: #FFF;
  box-sizing: border-box;
}

.hd .orderView .orderListView .box__list .price-info li .hover__total {
  margin-top: 8px;
  padding-top: 5px;
  border-top: 1px solid #ccc;
}

.hd .orderView .orderListView .box__list .price-info li .hover:hover .hover__inner {
  display: block;
}

.hd .orderView .orderListView .box__list .deposit-state {
  position: absolute;
  top: 25px;
  right: 0;
  width: 100px;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  color: #918c00;
  line-height: 24px;
  word-break: keep-all;
}

.hd .orderView .orderListView .box__list .btn__accd {
  margin-top: 25px;
  line-height: 24px;
  font-size: 16px;
  color: #1c1c1c;
}

.hd .orderView .orderListView .box__list .btn__accd:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-left: 10px;
  vertical-align: 0;
  background: url("/front_pc/images/ico_comm_accd-d840278f6c20697f9f4572e33437a5b5.png") no-repeat 0 0;
}

.hd .orderView .orderListView .box__list .btn__accd.on:after {
  background-image: url("/front_pc/images/ico_comm_accd_on-3058e307320afabac4511351b1f8cb1b.png");
}

.hd .orderView .orderListView .box__list.single .item {
  width: 580px;
}

.hd .orderView .orderListView .box__list.multi .accordion .list-more {
  margin-top: 20px;
  border-bottom: 1px solid #BCBCBC;
}

.hd .orderView .orderListView .box__list.multi .accordion .list-more-btn {
  right: 0;
}

.hd .orderView .orderListView .box__list.single.accordion .price-info {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 185px;
  max-width: 200px;
}

.hd .orderView .orderListView .box__list.single.accordion .price-info li .hover {
  right: 100px;
}

.hd .orderView .orderListView .box__list.single.accordion .price-info li .hover__inner {
  left: initial;
  right: -100px;
}

.hd .orderView .orderListView .box__list.single.accordion .list-more .item {
  width: 310px;
}

.hd .orderView .orderListView .box__list.single.accordion .list-more .price-info {
  right: 120px;
}

.hd .orderView .orderListView .box__list .boxInner {
  display: none;
  position: relative;
}

.hd .orderView .orderListView .box__list .boxInner__list {
  border-top: 1px solid #ccc;
  padding: 25px 0;
}

.hd .orderView .orderListView .box__list .boxInner__list .multi__box {
  position: relative;
  min-height: 120px;
  padding-left: 145px;
}

.hd .orderView .orderListView .box__list .boxInner__list .multi__box__date {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  border: 3px solid #C0C0C0;
  font-size: 0;
  box-sizing: border-box;
}

.hd .orderView .orderListView .box__list .boxInner__list .multi__box__date:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.hd .orderView .orderListView .box__list .boxInner__list .multi__box__date strong {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.hd .orderView .orderListView .box__list .boxInner__list .multi__box__date span {
  display: block;
  font-weight: 400;
}

.hd .orderView .orderListView .box__list .boxInner__list .multi__box__product p {
  width: calc(100% - 140px);
  line-height: 26px;
  font-size: 16px;
}

.hd .orderView .orderListView .box__list .boxInner__list .multi__box__product p:after {
  content: '';
  display: block;
  clear: both;
}

.hd .orderView .orderListView .box__list .boxInner__list .multi__box__product .product__lft {
  max-height: 52px;
  float: left;
  width: 310px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .orderView .orderListView .box__list .boxInner__list .multi__box__product .product__rgt {
  float: right;
  font-weight: 600;
}

.hd .orderView .orderListView .box__list .boxInner__list .money__state {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 600;
  color: #918c00;
  text-align: right;
  word-break: keep-all;
}

.hd .orderView .orderListView .box__list .boxInner__list .product__gift {
  position: relative;
  min-height: 45px;
  margin-top: 15px;
  padding-left: 60px;
  font-size: 0;
  line-height: 1;
}

.hd .orderView .orderListView .box__list .boxInner__list .product__gift figure {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
}

.hd .orderView .orderListView .box__list .boxInner__list .product__gift .gift-name {
  display: block;
  padding-top: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #1c1c1c;
}

.hd .orderView .orderListView .box__list .boxInner .price-info {
  position: absolute;
  float: none;
  top: 0;
  right: 0;
}

.hd .orderView .orderListView .box__list .list-more {
  padding: 0 25px;
  border-left: 1px solid #BCBCBC;
  border-right: 1px solid #BCBCBC;
  border-top: 1px solid #BCBCBC;
}

.hd .orderView .orderListView .box__list .list-more-btn {
  position: absolute;
  right: 250px;
  top: 65px;
  width: 30px;
  text-indent: -999em;
}

.hd .orderView .orderListView .box__list .list-more .box__list {
  border-color: #ccc;
}

.hd .orderView .orderListView .box__list .list-more .box__list:first-child {
  border-top: 0;
}

.hd .orderView .orderListView .box__list .list-more .boxInner__list:first-child {
  border-top: 0;
}

.hd .orderView .orderListView .box__store {
  padding: 10px 15px;
  min-height: 17px;
  font-size: 15px;
  color: #666;
  background: #f1f1f1;
}

.hd .orderView .orderListView .box.priceTemp .box__list.single .item {
  width: 500px;
}

.hd .orderView .orderListView .box.checkboxTemp .box__list.single .item {
  width: 450px;
}

.hd .orderView .deliveryInfo {
  padding: 25px 0;
}

.hd .orderView .deliveryInfo .box__list {
  margin-top: 15px;
  line-height: 26px;
  font-size: 0;
}

.hd .orderView .deliveryInfo .box__list:first-child {
  margin-top: 0;
}

.hd .orderView .deliveryInfo .box__list__title {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin-right: 30px;
  font-size: 16px;
  font-weight: 600;
}

.hd .orderView .deliveryInfo .box__list__cont {
  display: inline-block;
  vertical-align: top;
  width: 700px;
  font-size: 16px;
}

.hd .orderView .deliveryInfo .box__list__cont .demand__cont {
  position: relative;
  margin-top: 15px;
  padding-right: 150px;
}

.hd .orderView .deliveryInfo .box__list__cont .demand__cont .hd__custom-select {
  margin-bottom: 15px;
}

.hd .orderView .deliveryInfo .box__list__cont .demand__cont .btn-init {
  position: absolute;
  top: 0;
  right: 0;
  width: 130px;
  height: 46px;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
}

.hd .orderView .excption__notice {
  margin-top: 15px;
}

.hd .orderView .paymentList {
  margin-bottom: 15px;
}

.hd .orderView .paymentList .box {
  padding: 25px 0;
}

.hd .orderView .paymentList .box__list {
  float: left;
  width: 190px;
  margin-right: 20px;
}

.hd .orderView .paymentList .box__list__title {
  display: block;
  font-size: 16px;
}

.hd .orderView .paymentList .box__list__title strong {
  display: block;
  margin-top: 15px;
  font-size: 20px;
  font-weight: 600;
}

.hd .orderView .paymentList .box__list .boxInner {
  margin-top: 25px;
}

.hd .orderView .paymentList .box__list .boxInner li {
  line-height: 26px;
  font-size: 16px;
}

.hd .orderView .paymentList .box__list .boxInner li:after {
  content: '';
  display: block;
  clear: both;
}

.hd .orderView .paymentList .box__list .boxInner li .left {
  float: left;
}

.hd .orderView .paymentList .box__list .boxInner li .right {
  float: right;
}

.hd .orderView .paymentList .box__list.last {
  float: right;
  width: 220px;
  margin-right: 0;
  text-align: right;
}

.hd .orderView .paymentList .box__list.last .boxInner {
  margin-top: 20px;
}

.hd .orderView .paymentList .box__list.last .box__list__title {
  font-weight: 600;
}

.hd .orderView .paymentList .box__list.last .box__list__title strong {
  font-size: 24px;
}

.hd .orderView .paymentList .payMethod {
  padding: 25px 0;
  border-top: 1px solid #ccc;
  font-size: 0;
}

.hd .orderView .paymentList .payMethod__title {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin-right: 30px;
  line-height: 26px;
  font-size: 16px;
  font-weight: 100;
}

.hd .orderView .paymentList .payMethod__cont {
  display: inline-block;
  vertical-align: top;
  width: 700px;
  line-height: 26px;
  font-size: 16px;
}

.hd .orderView .paymentList .payMethod__cont p {
  color: #918c00;
}

.hd .orderView .paymentList .payMethod__cont p strong {
  margin-right: 5px;
  font-weight: 600;
  color: #1c1c1c;
}

.hd .orderView .itemReturn {
  position: relative;
  padding: 25px 245px 25px 0;
}

.hd .orderView .itemReturn__txt {
  line-height: 26px;
  font-size: 16px;
}

.hd .orderView .itemReturn__price {
  position: absolute;
  top: 50%;
  right: 0;
  min-width: 215px;
  transform: translate3d(0, -50%, 0);
}

.hd .orderView .itemReturn__price li {
  line-height: 26px;
  font-size: 16px;
}

.hd .orderView .itemReturn__price li:after {
  content: '';
  display: block;
  clear: both;
}

.hd .orderView .itemReturn__price li .left {
  float: left;
  font-weight: 600;
}

.hd .orderView .itemReturn__price li .right {
  float: right;
}

.hd .orderView .myOrderDetail__btn {
  margin-top: 55px;
  width: 200px;
}

.hd .orderView .myOrderDetail__btn .btn-init {
  height: 54px;
  line-height: 52px;
  font-size: 18px;
}

.hd .orderView .shipping-date {
  display: block;
  line-height: 26px;
  font-size: 16px;
  font-weight: 600;
  color: #918c00;
}

.hd .orderReceipt {
  color: #1c1c1c;
}

.hd .orderReceipt__desc {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #888;
}

.hd .orderReceipt__sec {
  position: relative;
}

.hd .orderReceipt__sec__title {
  padding: 32px 0 25px;
  border-bottom: 3px solid #1c1c1c;
  font-size: 20px;
  font-weight: 100;
}

.hd .orderReceipt__sec .buy-item__list {
  border-bottom: 1px solid #ccc;
}

.hd .orderReceipt__sec .buy-item__list > div {
  position: relative;
  min-height: 120px;
  padding: 25px 0 25px 150px;
}

.hd .orderReceipt__sec .buy-item__img {
  overflow: hidden;
  position: absolute;
  top: 25px;
  left: 0;
  width: 120px;
  height: 120px;
}

.hd .orderReceipt__sec .buy-item__info {
  margin-right: 200px;
}

.hd .orderReceipt__sec .buy-item__txt {
  position: absolute;
  top: 25px;
  left: 0;
  width: 120px;
  height: 120px;
  border: 3px solid #ccc;
  text-align: center;
  box-sizing: border-box;
}

.hd .orderReceipt__sec .buy-item__txt:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.hd .orderReceipt__sec .buy-item__txt span {
  display: inline-block;
  vertical-align: middle;
  line-height: 26px;
  font-size: 18px;
}

.hd .orderReceipt__sec .buy-item__txt span strong {
  display: block;
}

.hd .orderReceipt__sec .buy-item__info .item__title {
  display: block;
  line-height: 26px;
  font-size: 18px;
  font-weight: 600;
}

.hd .orderReceipt__sec .buy-item__info .item__opts {
  display: block;
  position: relative;
  line-height: 26px;
  font-size: 16px;
}

.hd .orderReceipt__sec .buy-item__info .item__opts.no {
  padding-left: 0;
}

.hd .orderReceipt__sec .buy-item__info .item__opts.no:before {
  display: none;
}

.hd .orderReceipt__sec .buy-item__info .item__count {
  line-height: 26px;
  font-size: 16px;
}

.hd .orderReceipt__sec .buy-item .price-info {
  position: absolute;
  top: 25px;
  right: 0;
  min-width: 185px;
  max-width: 200px;
}

.hd .orderReceipt__sec .buy-item .price-info li {
  line-height: 26px;
  font-size: 16px;
}

.hd .orderReceipt__sec .buy-item .price-info li .left {
  float: left;
}

.hd .orderReceipt__sec .buy-item .price-info li .right {
  float: right;
}

.hd .orderReceipt__sec .buy-item .price-info li:after {
  content: '';
  display: block;
  clear: both;
}

.hd .orderReceipt__sec .buy-item .meals__header {
  position: relative;
  padding: 40px 0;
  border-bottom: 1px solid #ccc;
}

.hd .orderReceipt__sec .buy-item .meals__name {
  display: block;
  font-size: 18px;
  font-weight: 600;
}

.hd .orderReceipt__sec .print__btn {
  position: absolute;
  top: 22px;
  right: 0;
  margin: 0 -5px;
}

.hd .orderReceipt__sec .print__btn .btn-init {
  width: 150px;
  margin: 0 5px;
  height: 46px;
  line-height: 44px;
  font-size: 18px;
}

.hd .orderReceipt__list {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.hd .orderReceipt__list li {
  margin-top: 15px;
  line-height: 26px;
  font-size: 16px;
}

.hd .orderReceipt__list li:first-child {
  margin-top: 0;
}

.hd .orderReceipt__list li strong {
  display: inline-block;
  width: 120px;
  margin-right: 20px;
  vertical-align: top;
}

.hd .orderReceipt .company__info {
  margin: 25px 0;
  text-align: center;
  line-height: 26px;
  font-size: 16px;
  color: #888;
}

.hd .orderReceipt .orderReceipt__btn {
  width: 400px;
}

.hd .orderReceipt .orderReceipt__btn .btn-init {
  height: 54px;
  line-height: 52px;
  font-size: 18px;
}

.hd .orderDeliveryForm {
  color: #1c1c1c;
}

.hd .orderDeliveryForm__sec {
  position: relative;
}

.hd .orderDeliveryForm__sec__title {
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: 600;
}

.hd .orderDeliveryForm .box__list {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.hd .orderDeliveryForm .box__list__inner {
  position: relative;
  min-height: 80px;
}

.hd .orderDeliveryForm .box__list__inner .default {
  position: absolute;
  top: 50%;
  right: 115px;
  font-size: 16px;
  font-weight: 600;
  color: #1c1c1c;
  transform: translate3d(0, -50%, 0);
}

.hd .orderDeliveryForm .box__list__inner .badge {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  padding: 20px 0;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  box-sizing: border-box;
}

.hd .orderDeliveryForm .box__list__inner .badge.gray {
  background: #E5E5E5;
}

.hd .orderDeliveryForm .box__list__inner .badge.darkGray {
  background: #515151;
  color: #FFF;
}

.hd .orderDeliveryForm .box__list__inner .badge.green {
  background: #918c00;
  color: #FFF;
}

.hd .orderDeliveryForm .box__list__inner .btn {
  position: absolute;
  top: 50%;
  right: 0;
  width: 80px;
  margin-top: -23px;
  justify-content: space-between;
}

.hd .orderDeliveryForm .box__list__inner .btn-init {
  width: 80px;
  height: 46px;
  line-height: 44px;
  font-size: 16px;
}

.hd .orderDeliveryForm .insert__delivery {
  position: absolute;
  top: 13px;
  right: 0;
  width: 155px;
  height: 46px;
  line-height: 44px;
  font-size: 16px;
}

.hd .orderDeliveryForm .popupClose {
  width: 200px;
  margin-top: 30px;
}

.hd .orderDeliveryForm .popupClose .btn-init {
  height: 54px;
  line-height: 52px;
  font-size: 18px;
}

.hd .orderDeliveryForm .dawn__info {
  margin-top: 15px;
  padding: 15px 20px;
  background: #F5F5F5;
  line-height: 28px;
  font-size: 16px;
}

.hd .orderDeliveryForm .dawn__info__title {
  display: block;
  font-weight: 600;
}

.hd .orderDeliveryForm .dawn__info__desc {
  display: block;
}

.hd .orderDeliveryWrite {
  color: #1c1c1c;
}

.hd .orderDeliveryWrite__form {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

.hd .orderDeliveryWrite__form .newAddress__list {
  position: relative;
  display: table;
  margin-top: 15px;
}

.hd .orderDeliveryWrite__form .newAddress__list:first-child {
  margin-top: 0;
}

.hd .orderDeliveryWrite__form .newAddress__list .hd-checkbox {
  position: absolute;
  top: 10px;
  right: 0;
}

.hd .orderDeliveryWrite__form .newAddress__list .btn--findAdd {
  position: absolute;
  top: 0;
  left: 155px;
}

.hd .orderDeliveryWrite__form .form_title {
  display: table-cell;
  width: 115px;
  padding: 12px 0;
  vertical-align: top;
}

.hd .orderDeliveryWrite__form .input_type {
  display: table-cell;
  position: relative;
  width: 625px;
  vertical-align: top;
}

.hd .orderDeliveryWrite__form .hd__custom-select {
  margin-top: 0;
}

.hd .orderDeliveryWrite__form .w110 {
  display: inline-block;
  width: 110px !important;
}

.hd .orderDeliveryWrite__form .w155 {
  display: inline-block;
  width: 155px !important;
}

.hd .orderDeliveryWrite__form .w390 {
  display: inline-block;
  width: 390px !important;
}

.hd .orderDeliveryWrite__form .full {
  display: block;
  width: 100% !important;
  margin-top: 15px;
}

.hd .orderDeliveryWrite__btn {
  width: 400px;
}

.hd .orderDeliveryWrite__btn .btn-init {
  height: 54px;
  line-height: 52px;
  font-size: 18px;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box {
  padding: 30px 40px 30px 30px;
  background: #f5f5f5;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__title {
  display: inline-block;
  margin-bottom: 15px;
  font-size: 16px;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__list {
  margin-top: 20px;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__list:first-child {
  margin-top: 0;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__list .boxInner__list {
  display: inline-block;
  vertical-align: top;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__list .boxInner__list .hd-checkbox-type2 {
  height: 45px;
  line-height: 45px;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__list .boxInner__list.comm .input_text {
  width: 175px;
  height: 45px;
  margin: 0 60px 0 20px;
  padding: 0 20px;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__list .boxInner__list.etc .input_text {
  width: 355px;
  height: 45px;
  margin: 0 0 0 110px;
  padding: 0 20px;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__list .boxInner__list--ml {
  margin-left: 80px;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__list .boxInner .check-label {
  display: inline-block;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__list .boxInner .check-label input[type="checkbox"]:checked + .check-icon {
  display: block;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__list .boxInner .check-label .text {
  padding-left: 50px;
  height: 40px;
  line-height: 40px;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__list .boxInner .check-label.pw-area {
  margin-bottom: 10px;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__list .boxInner .input_text {
  margin-bottom: 10px;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__list .title {
  display: block;
  margin-bottom: 15px;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box__list .title-v2 {
  width: 204px;
  line-height: 32px;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box .visit-way {
  display: none;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box .visit-way .show {
  display: block;
}

.hd .orderDeliveryWrite .dawnDelivery-info .box .visit-way .input_text {
  display: none;
}

.hd .orderDeliveryWrite .dawnDelivery {
  position: relative;
}

.hd .orderDeliveryWrite .dawnDelivery--desc {
  padding: 5px 0 20px;
  line-height: 32px;
}

.hd .orderDeliveryWrite .dawnDelivery--desc strong {
  color: #918c00;
}

.hd .orderDeliveryWrite .dawnDelivery--desc-type2 {
  display: none;
}

.hd .orderDeliveryWrite .dawnDelivery .normal-delivery {
  position: absolute;
  top: 30px;
  right: 0;
  font-weight: 600;
}

.hd .bdx {
  position: relative;
  border-top: 0;
}

.hd .bdx .btn-init {
  position: absolute;
  top: 20px;
  right: 0;
  width: 90px;
  height: 40px;
  line-height: 38px;
  font-size: 15px;
}

.hd .businessPaper {
  max-width: 1080px;
  margin: 0 auto;
}

.hd .businessPaper__header {
  position: relative;
  height: 70px;
  font-size: 0;
}

.hd .businessPaper__header h1 {
  line-height: 70px;
}

.hd .businessPaper__header h1 img {
  width: 150px;
  vertical-align: middle;
}

.hd .businessPaper__header span {
  position: absolute;
  right: 0;
  bottom: 15px;
  font-size: 16px;
}

.hd .businessPaper__container tr th {
  padding: 10px 5px;
  text-align: center;
  background: #F5F5F5;
  line-height: 26px;
  border: 1px solid #ccc;
  font-size: 16px;
  font-weight: 400;
}

.hd .businessPaper__container tr th:first-child {
  border-left: 0;
}

.hd .businessPaper__container tr th:last-child {
  border-right: 0;
}

.hd .businessPaper__container tr td {
  padding: 10px 5px;
  border: 1px solid #ccc;
  line-height: 26px;
  font-size: 16px;
}

.hd .businessPaper__container tr td:first-child {
  border-left: 0;
}

.hd .businessPaper__container tr td:last-child {
  border-right: 0;
}

.hd .businessPaper__container .table__header {
  padding: 15px 0;
  border-top: 3px solid #918c00;
  border-bottom: 1px solid #888;
  background: none;
  font-size: 24px;
  font-weight: 600;
}

.hd .businessPaper__container .table .center {
  text-align: center;
}

.hd .businessPaper__container .table .right {
  text-align: right;
}

.hd .businessPaper__container .table .gray {
  background: #F5F5F5;
}

.hd .businessPaper__container .notice {
  margin-top: 15px;
  font-size: 16px;
  line-height: 26px;
}

.hd .businessPaper__container .btn {
  width: 140px;
  margin-top: 30px;
}

.hd .businessPaper__container .btn-init {
  height: 50px;
  font-size: 16px;
  line-height: 48px;
}

.hd .dawnDelivery-info .desc {
  margin-top: 30px;
  line-height: 24px;
}

.hd .dawnDelivery-info .desc .tit {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  color: #918c00;
}

.hd .dawnDelivery-info .desc .colorOR {
  display: block;
  font-size: 16px;
  color: #918c00;
}

.hd__myOrderSubscribe .sub-cont__title {
  padding-bottom: 10px;
}

.hd__myOrderSubscribe .sub-cont__title span {
  font-weight: normal;
}

.hd__myOrderSubscribe .sub-cont__title .green {
  color: #918c00;
}

.hd__myOrderSubscribe .sub-cont__title .select-wrap {
  position: absolute;
  right: 0;
  top: 55%;
  width: 200px;
  transform: translateY(-50%);
}

.hd__myOrderSubscribe .sub-cont__title .input_area {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.hd__myOrderSubscribe .sub-cont__title .input_area .hd-checkbox {
  display: inline-block;
}

.hd__myOrderSubscribe .sub-cont__title .input_area .hd-checkbox label {
  font-weight: normal;
}

.hd__myOrderSubscribe .sub-cont__title .input_area .btn-init {
  margin-left: 10px;
  padding: 10px;
  width: auto;
  font-size: 16px;
}

.hd__myOrderSubscribe .sub-cont__title .btn-detail {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 16px;
  color: #888;
  letter-spacing: -0.5px;
  transform: translateY(-50%);
}

.hd__myOrderSubscribe .sub-cont__title .btn-detail:after {
  display: inline-block;
  margin: -3px 0 0 5px;
  width: 12px;
  height: 8px;
  vertical-align: middle;
  transform: rotate(-90deg);
  background: url(/front_mo/images/ico_cart_close-5c2ec72fb43d8353febe4dff145404fb.png) no-repeat right center;
  background-size: 100% auto;
  content: '';
  opacity: 0.8;
}

.hd__myOrderSubscribe .tab-menu {
  padding-top: 0 !important;
}

.hd__myOrderSubscribe .mealsConfirm__head {
  padding-bottom: 40px;
  border-bottom: 1px solid #ccc;
}

.hd__myOrderSubscribe .subscribe__list li {
  position: relative;
  margin-top: 25px;
  font-size: 17px;
  line-height: 1.5;
}

.hd__myOrderSubscribe .subscribe__list .title {
  color: #918c00;
}

.hd__myOrderSubscribe .subscribe__list .state {
  position: absolute;
  right: 90px;
  top: 0;
  width: 160px;
  font-size: 17px;
  color: #888;
  text-align: center;
}

.hd__myOrderSubscribe .subscribe__list .card {
  float: right;
  font-weight: normal;
  color: #1c1c1c;
}

.hd__myOrderSubscribe .subscribe__list .card i {
  font-style: normal;
}

.hd__myOrderSubscribe .subscribe__list .price {
  margin-top: 5px;
}

.hd__myOrderSubscribe .subscribe__list .price span {
  float: right;
}

.hd__myOrderSubscribe .subscribe__list .text .discount {
  display: inline-block;
  margin-left: 20px;
  color: #1c1c1c;
  border-bottom: 3px solid #F9D983;
}

.hd__myOrderSubscribe .subscribe__list .btn-init {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 7px 10px;
  font-size: 16px;
  width: auto;
  transform: translateY(-50%);
}

.hd__myOrderSubscribe .subscribe__list .hd-checkbox {
  padding-bottom: 20px;
  font-size: 17px;
  border-bottom: 1px solid #ccc;
}

.hd__myOrderSubscribe .subscribe__list .hd-checkbox label {
  display: block;
  padding-left: 40px;
  font-size: 17px;
}

.hd__myOrderSubscribe .subscribe__list .hd-checkbox label:before {
  top: 50%;
  transform: translateY(-50%);
}

.hd__myOrderSubscribe .subscribe__list .hd-checkbox label strong {
  color: #918c00;
}

.hd__myOrderSubscribe .subscribe__desc {
  margin-top: 10px;
  font-size: 15px;
  font-weight: normal;
  color: #888;
}

.hd__myOrderSubscribe .subscribe__info {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid #ccc;
}

.hd__myOrderSubscribe .subscribe__info:first-child {
  padding-top: 0;
  border-top: 0;
}

.hd__myOrderSubscribe .subscribe__info .info__date {
  margin-right: 50px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.hd__myOrderSubscribe .subscribe__info .info__text {
  line-height: 1.5;
  width: 100%;
}

.hd__myOrderSubscribe .subscribe__info .info__text li em {
  float: right;
}

.hd__myOrderSubscribe .subscribe__info .info_gift {
  display: table;
  margin-top: 15px;
  width: 100%;
}

.hd__myOrderSubscribe .subscribe__info .info_gift .thumb {
  display: table-cell;
  padding-right: 20px;
  vertical-align: middle;
  width: 50px;
}

.hd__myOrderSubscribe .subscribe__info .info_gift .text {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
}

.hd__myOrderSubscribe .subscribe__info .info_gift .text span {
  display: block;
  margin-top: 5px;
  color: #888;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd__myOrderSubscribe .subscribe__sec {
  position: relative;
}

.hd__myOrderSubscribe .subscribe__sec-box {
  padding: 40px 0;
}

.hd__myOrderSubscribe .subscribe__sec-title {
  margin: 45px 0 10px;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
}

.hd__myOrderSubscribe .subscribe__sec-text {
  line-height: 26px;
  font-size: 17px;
  color: #888;
  text-align: center;
}

.hd__myOrderSubscribe .subscribe__sec-btn {
  margin-top: 25px;
  text-align: center;
}

.hd__myOrderSubscribe .subscribe__sec-btn .btn-init {
  padding: 15px;
  width: auto;
}

.hd__myOrderSubscribe .sub-cont__title + .accordion_area .accordion__cont {
  padding: 20px 25px 10px 25px;
  border: 1px solid #ccc;
  border-bottom: 0;
}

.hd__myOrderSubscribe .accordion {
  position: relative;
  border-bottom: 1px solid #ccc;
}

.hd__myOrderSubscribe .accordion__head {
  position: relative;
  height: 60px;
  line-height: 60px;
  font-size: 17px;
  cursor: pointer;
}

.hd__myOrderSubscribe .accordion__head em {
  float: right;
  margin-right: 40px;
  width: 150px;
  font-size: 16px;
  font-weight: 600;
  color: #918c00;
  text-align: center;
}

.hd__myOrderSubscribe .accordion .btn-init {
  position: absolute;
  right: 190px;
  top: 10px;
  padding: 10px;
  margin-left: 10px;
  font-size: 16px;
  width: auto;
}

.hd__myOrderSubscribe .info {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.hd__myOrderSubscribe .info__list {
  margin-top: 20px;
}

.hd__myOrderSubscribe .info__list:first-child {
  margin-top: 0;
}

.hd__myOrderSubscribe .info__lft {
  display: table-cell;
  width: 175px;
  font-weight: 600;
}

.hd__myOrderSubscribe .info__rgt {
  display: table-cell;
  line-height: 1.6;
}

.hd__myOrderSubscribe .info__rgt__inner {
  display: block;
}

.hd__myOrderSubscribe .btn {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  border-top: 1px solid #ccc;
}

.hd__myOrderSubscribe .btn .btn-init {
  margin-left: -1px;
  width: 200px;
  height: 54px;
  margin-top: 50px;
  line-height: 54px;
  border-top: 1px solid #ccc;
}

.hd__myOrderSubscribe .count__area {
  display: flex;
  flex-wrap: wrap;
}

.hd__myOrderSubscribe .count__area > .count__list {
  margin-top: 15px;
  padding: 10px;
  white-space: nowrap;
  border-radius: 100px;
  border: 1px solid #ccc;
}

.hd__myOrderSubscribe .count__area > .count__list dt {
  text-align: center;
}

.hd__myOrderSubscribe .count__area > .count__list:nth-of-type(1) {
  margin-right: 1%;
}

.hd__myOrderSubscribe .count__area > .count__list:nth-of-type(1), .hd__myOrderSubscribe .count__area > .count__list:nth-of-type(2) {
  width: 46.9%;
}

.hd__myOrderSubscribe .count__area > .count__list:nth-of-type(3) {
  width: 100%;
}

.hd__myOrderSubscribe .count__area > .count__list:nth-of-type(3) dd {
  margin-left: 4.7px;
}

.hd__myOrderSubscribe .count__info {
  margin: 25px 0 60px;
  width: 100%;
}

.hd__myOrderSubscribe .count__info .count__list dt {
  margin-left: 30px;
}

.hd__myOrderSubscribe .count__info .count__list dt .title strong {
  margin-bottom: 5px;
  letter-spacing: 0;
  color: #918c00;
}

.hd__myOrderSubscribe .count__info .count__list dd {
  margin-left: 5px;
  width: 60px;
  height: 60px;
}

.hd__myOrderSubscribe .count__info .count__list dd em {
  position: absolute;
  left: 3px;
  bottom: -55px;
  line-height: 1.2;
  font-size: 15px;
  color: #918c00;
}

.hd__myOrderSubscribe .count__info .count__list dd:nth-of-type(1) {
  margin-left: 0;
}

.hd__myOrderSubscribe .count__list dt {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.hd__myOrderSubscribe .count__list dt .title {
  line-height: 1.4;
  font-size: 17px;
}

.hd__myOrderSubscribe .count__list dt .title strong {
  display: block;
  font-size: 20px;
}

.hd__myOrderSubscribe .count__list dd {
  position: relative;
  display: inline-block;
  margin-left: 2px;
  width: 52px;
  height: 52px;
  line-height: 1;
  border-radius: 50%;
  background: #ddd;
  text-align: center;
  vertical-align: middle;
}

.hd__myOrderSubscribe .count__list dd.active {
  color: #fff;
  background: #918c00;
}

.hd__myOrderSubscribe .count__list dd .percent {
  display: block;
  margin-top: 5px;
  color: #000;
}

.hd__myOrderSubscribe .count__list dd > span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}

.hd__myOrderSubscribe .payment .sub-cont__sec {
  border-top: 0;
}

.hd__myOrderSubscribe .detail-info-text {
  font-size: 20px;
  padding: 20px 0 30px 0;
  text-align: center;
}

.hd__myOrderSubscribe .detail-info-text li {
  display: inline-block;
  margin: 0 15px;
}

.hd__myOrderSubscribe .detail-info-name {
  display: inline-block;
  margin-bottom: 40px;
  width: 320px;
  vertical-align: top;
}

.hd__myOrderSubscribe .detail-info-name .name_box {
  position: relative;
  padding-right: 120px;
}

.hd__myOrderSubscribe .detail-info-name .name_box .btn-init {
  position: absolute;
  right: 0;
  top: -12px;
  padding: 7px 0;
  width: 96px;
  font-size: 16px;
}

.hd__myOrderSubscribe .detail-info-name .name_ellipsis {
  position: relative;
  display: inline-block;
  padding-bottom: 3px;
  max-width: 150px;
  font-size: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hd__myOrderSubscribe .detail-info-name .name_ellipsis:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #F9D983;
}

.hd__myOrderSubscribe .detail-info-name > span {
  display: block;
  margin-top: 5px;
  font-weight: normal;
  font-size: 16px;
  color: #888;
}

.hd__myOrderSubscribe .detail-info-name + .detail-info-text {
  display: inline-block;
  padding: 0;
  line-height: 1.5;
  font-size: 18px;
  text-align: left;
  vertical-align: top;
}

.hd__myOrderSubscribe .detail-info-name + .detail-info-text li {
  display: block;
  margin: 0;
}

.hd__myOrderSubscribe .meals-area__cont .mealsConfirm__head {
  position: relative;
}

.hd__myOrderSubscribe .meals-area__cont .mealsConfirm__check + .btn-round {
  position: absolute;
  right: 0;
  top: -30px;
}

.hd__myOrderSubscribe .meals-area__cont .mealsConfirm__table {
  margin-top: 0;
  margin-bottom: -1px;
}

.hd__myOrderSubscribe .meals-area__cont .mealsConfirm__table table tbody th {
  padding: 15px 0;
  line-height: 1.3;
  font-size: 17px;
}

.hd .popup_subscribeName .input_text {
  width: 100%;
}

.hd .popup_subscribeName .guide_text {
  margin-top: 10px;
}

.hd .applyOrderCancel .orderView .orderListView .box__list .price-info, .hd .applyOrderExchange .orderView .orderListView .box__list .price-info {
  position: absolute;
  right: 0;
  top: -10px;
  width: 200px;
}

.hd .applyOrderCancel .orderView .orderListView .box__list .price-info li, .hd .applyOrderExchange .orderView .orderListView .box__list .price-info li {
  line-height: 44px;
}

.hd .applyOrderCancel .orderView .orderListView .box__list .btn__accd, .hd .applyOrderExchange .orderView .orderListView .box__list .btn__accd {
  margin-top: 20px;
}

.hd .applyOrderCancel .orderView .orderListView .box__list.multi .boxInner__list .multi__box__product p, .hd .applyOrderExchange .orderView .orderListView .box__list.multi .boxInner__list .multi__box__product p {
  width: 100%;
}

.hd .applyOrderCancel .deliveryInfo .hd__custom-select, .hd .applyOrderExchange .deliveryInfo .hd__custom-select {
  width: 575px;
}

.hd .applyOrderCancel .deliveryInfo .hd__custom-select select, .hd .applyOrderExchange .deliveryInfo .hd__custom-select select {
  height: 45px;
}

.hd .applyOrderCancel .deliveryInfo .hd__custom-textarea, .hd .applyOrderExchange .deliveryInfo .hd__custom-textarea {
  margin-top: 15px;
}

.hd .applyOrderCancel .deliveryInfo .hd__custom-textarea textarea, .hd .applyOrderExchange .deliveryInfo .hd__custom-textarea textarea {
  height: 100px;
  box-sizing: border-box;
}

.hd .applyOrderCancel .refund, .hd .applyOrderExchange .refund {
  margin-bottom: 30px;
}

.hd .applyOrderCancel .refund__price, .hd .applyOrderExchange .refund__price {
  padding: 20px 0;
  font-size: 0;
}

.hd .applyOrderCancel .refund__price > li, .hd .applyOrderExchange .refund__price > li {
  float: left;
  width: 280px;
  margin-right: 20px;
  font-size: 16px;
}

.hd .applyOrderCancel .refund__price > li:last-child, .hd .applyOrderExchange .refund__price > li:last-child {
  float: right;
  width: calc(100% - 600px);
  margin-right: 0;
  text-align: right;
}

.hd .applyOrderCancel .refund__price > li:last-child strong, .hd .applyOrderExchange .refund__price > li:last-child strong {
  font-size: 24px;
}

.hd .applyOrderCancel .refund__price > li strong, .hd .applyOrderExchange .refund__price > li strong {
  display: block;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 600;
}

.hd .applyOrderCancel .refund__price > li .boxInner, .hd .applyOrderExchange .refund__price > li .boxInner {
  margin-top: 25px;
}

.hd .applyOrderCancel .refund__price > li .boxInner li, .hd .applyOrderExchange .refund__price > li .boxInner li {
  line-height: 26px;
  font-size: 16px;
}

.hd .applyOrderCancel .refund__price > li .boxInner li:after, .hd .applyOrderExchange .refund__price > li .boxInner li:after {
  content: '';
  display: block;
  clear: both;
}

.hd .applyOrderCancel .refund__price > li .boxInner li .left, .hd .applyOrderExchange .refund__price > li .boxInner li .left {
  float: left;
}

.hd .applyOrderCancel .refund__price > li .boxInner li .right, .hd .applyOrderExchange .refund__price > li .boxInner li .right {
  float: right;
}

.hd .applyOrderCancel .refund .payment__method, .hd .applyOrderExchange .refund .payment__method {
  padding: 20px 0;
  border-top: 1px solid #ccc;
  font-size: 0;
}

.hd .applyOrderCancel .refund .payment__method .left, .hd .applyOrderExchange .refund .payment__method .left {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin-right: 30px;
  font-size: 16px;
  font-weight: 600;
}

.hd .applyOrderCancel .refund .payment__method .right, .hd .applyOrderExchange .refund .payment__method .right {
  display: inline-block;
  vertical-align: top;
  width: 700px;
  font-size: 16px;
}

.hd .applyOrderCancel .refund__method, .hd .applyOrderExchange .refund__method {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0;
  border-top: 1px solid #ccc;
}

.hd .applyOrderCancel .refund__method span, .hd .applyOrderExchange .refund__method span {
  width: 125px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 600;
}

.hd .applyOrderCancel .refund__method .hd__custom-select, .hd .applyOrderExchange .refund__method .hd__custom-select {
  display: inline-block;
  width: 205px;
  vertical-align: middle;
}

.hd .applyOrderCancel .refund__method .hd__custom-select select, .hd .applyOrderExchange .refund__method .hd__custom-select select {
  height: 45px;
}

.hd .applyOrderCancel .refund__method .type01, .hd .applyOrderExchange .refund__method .type01 {
  width: 285px;
  vertical-align: middle;
}

.hd .applyOrderCancel .refund__method .type02, .hd .applyOrderExchange .refund__method .type02 {
  width: 205px;
  vertical-align: middle;
}

.hd .applyOrderCancel .refund__notice, .hd .applyOrderExchange .refund__notice {
  padding-left: 10px;
  line-height: 26px;
  font-size: 16px;
  color: #918c00;
  text-indent: -10px;
  word-break: keep-all;
}

.hd .applyOrderCancel__btn, .hd .applyOrderExchange__btn {
  width: 400px;
}

.hd .applyOrderCancel__btn .btn-init, .hd .applyOrderExchange__btn .btn-init {
  height: 54px;
  line-height: 52px;
  font-size: 18px;
}

.hd .applyOrderCancel .part .checkAll, .hd .applyOrderExchange .part .checkAll {
  padding: 20px 0;
  border-top: 1px solid #ccc;
}

.hd .applyOrderCancel .part .box__list, .hd .applyOrderExchange .part .box__list {
  position: relative;
}

.hd .applyOrderCancel .part .box__list .hd-checkbox, .hd .applyOrderExchange .part .box__list .hd-checkbox {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
}

.hd .applyOrderCancel .part .box__store, .hd .applyOrderExchange .part .box__store {
  color: #3D3D3D;
}

.hd .applyOrderCancel .part .box__store .hd-checkbox, .hd .applyOrderExchange .part .box__store .hd-checkbox {
  margin-left: -10px;
}

.hd .applyOrderCancel .part .price-info__select, .hd .applyOrderExchange .part .price-info__select {
  margin-top: 10px;
}

.hd .applyOrderCancel .sub-cont__sec + .applyOrderExchange__notice, .hd .applyOrderExchange .sub-cont__sec + .applyOrderExchange__notice {
  margin-top: -20px;
}

.hd .applyOrderExchange .sub-cont__title span {
  font-size: 16px;
  font-weight: 400;
}

.hd .applyOrderExchange .deliveryInfo .hd__custom-select {
  width: 575px;
}

.hd .applyOrderExchange .deliveryInfo .hd__custom-select select {
  height: 45px;
}

.hd .applyOrderExchange .deliveryInfo .hd__custom-textarea {
  margin-top: 15px;
}

.hd .applyOrderExchange .deliveryInfo .hd__custom-textarea textarea {
  height: 100px;
  box-sizing: border-box;
}

.hd .applyOrderExchange .orderDeliveryWrite__form {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.hd .applyOrderExchange .orderDeliveryWrite__form .form_title {
  font-weight: 600;
}

.hd .applyOrderExchange .orderDeliveryWrite__form .newAddress__list {
  width: 100%;
}

.hd .applyOrderExchange .orderDeliveryWrite__form .dawnDelivery {
  position: relative;
}

.hd .applyOrderExchange .orderDeliveryWrite__form .dawnDelivery--desc {
  line-height: 32px;
}

.hd .applyOrderExchange .orderDeliveryWrite__form .dawnDelivery--desc strong {
  color: #918c00;
}

.hd .applyOrderExchange .orderDeliveryWrite__form .dawnDelivery--desc-type2 {
  display: none;
}

.hd .applyOrderExchange .orderDeliveryWrite__form .dawnDelivery .normal-delivery {
  position: absolute;
  top: 20px;
  right: 0;
}

.hd .applyOrderExchange .orderDeliveryWrite__form .dawnDelivery-info {
  margin-top: 20px;
}

.hd .applyOrderExchange__notice {
  padding-left: 10px;
  text-align: left;
  line-height: 26px;
  font-size: 16px;
  color: #888;
  text-indent: -10px;
}

.hd .applyOrderExchange__btn {
  width: 400px;
  margin-top: 25px;
}

.hd .applyOrderExchange__btn .btn-init {
  height: 54px;
  line-height: 52px;
  font-size: 18px;
}

.hd .applyOrderExchange__exDeliveryInfo01 {
  position: relative;
}

.hd .applyOrderExchange__exDeliveryInfo01 .input-form {
  display: flex;
  width: 495px;
  margin-top: 20px;
  justify-content: space-between;
}

.hd .applyOrderExchange__exDeliveryInfo01 .input-form .hd__custom-select {
  width: 240px;
}

.hd .applyOrderExchange__exDeliveryInfo01 .input-form .input__text {
  width: 240px;
}

.hd .applyOrderExchange__exDeliveryInfo01 .hd-checkbox {
  position: absolute;
  top: 8px;
  left: 510px;
}

.hd .applyOrderExchange__exDeliveryInfo02 {
  margin-top: 10px;
}

.hd .applyOrderExchange__exDeliveryInfo02 .hd-checkbox-type2 {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}

.hd .applyOrderExchange__exDeliveryInfo02 .hd-checkbox-type2:first-child {
  margin-left: 20px;
}

.hd .applyOrderExchange__exDeliveryInfo02 .applyOrderExchange__notice {
  margin-top: 10px;
  text-align: left;
}

.hd .applyOrderExchange__end {
  padding: 60px 0;
  border-top: 1px solid #ccc;
  text-align: center;
  font-size: 16px;
}

.hd .applyOrderExchange__end em {
  display: block;
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 600;
}

.hd .applyOrderExchangeConfirm .refund__method {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
}

.hd .applyOrderExchangeConfirm .refund__method span {
  width: 125px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 600;
}

.hd .applyOrderExchangeConfirm .refund__method .hd__custom-select {
  display: inline-block;
  width: 205px;
  vertical-align: middle;
}

.hd .applyOrderExchangeConfirm .refund__method .hd__custom-select select {
  height: 45px;
}

.hd .applyOrderExchangeConfirm .refund__method .type01 {
  width: 285px;
  vertical-align: middle;
}

.hd .applyOrderExchangeConfirm .refund__method .type02 {
  width: 205px;
  vertical-align: middle;
}

.hd .applyOrderExchangeConfirm .refund__notice {
  padding-left: 10px;
  line-height: 26px;
  font-size: 16px;
  color: #918c00;
  text-indent: -10px;
  word-break: keep-all;
}

.hd .applyOrderExchangeConfirm .deliveryInfo .box__list__title {
  width: 150px;
}

.hd .applyOrderExchangeConfirm .deliveryInfo .box__list__cont {
  width: 670px;
}

.hd .applyOrderReturnConfirm .refund {
  margin-bottom: 30px;
}

.hd .applyOrderReturnConfirm .refund__price {
  padding: 20px 0;
  font-size: 0;
}

.hd .applyOrderReturnConfirm .refund__price > li {
  display: inline-block;
  vertical-align: top;
  width: 280px;
  margin-right: 20px;
  font-size: 16px;
}

.hd .applyOrderReturnConfirm .refund__price > li:last-child {
  width: calc(100% - 600px);
  margin-right: 0;
  text-align: right;
}

.hd .applyOrderReturnConfirm .refund__price > li:last-child strong {
  font-size: 24px;
}

.hd .applyOrderReturnConfirm .refund__price > li strong {
  display: block;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 600;
}

.hd .applyOrderReturnConfirm .refund__price > li .boxInner {
  margin-top: 25px;
}

.hd .applyOrderReturnConfirm .refund__price > li .boxInner li {
  line-height: 26px;
  font-size: 16px;
}

.hd .applyOrderReturnConfirm .refund__price > li .boxInner li:after {
  content: '';
  display: block;
  clear: both;
}

.hd .applyOrderReturnConfirm .refund__price > li .boxInner li .left {
  float: left;
}

.hd .applyOrderReturnConfirm .refund__price > li .boxInner li .right {
  float: right;
}

.hd .applyOrderReturnConfirm .refund .payment__method {
  padding: 20px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 0;
}

.hd .applyOrderReturnConfirm .refund .payment__method .left {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin-right: 30px;
  font-size: 16px;
  font-weight: 600;
}

.hd .applyOrderReturnConfirm .refund .payment__method .right {
  display: inline-block;
  vertical-align: top;
  width: 700px;
  font-size: 16px;
}

.hd .applyOrderReturnConfirm .refund__method {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0;
}

.hd .applyOrderReturnConfirm .refund__method span {
  width: 125px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 600;
}

.hd .applyOrderReturnConfirm .refund__method .hd__custom-select {
  display: inline-block;
  width: 205px;
  vertical-align: middle;
}

.hd .applyOrderReturnConfirm .refund__method .hd__custom-select select {
  height: 45px;
}

.hd .applyOrderReturnConfirm .refund__method .type01 {
  width: 285px;
  vertical-align: middle;
}

.hd .applyOrderReturnConfirm .refund__method .type02 {
  width: 205px;
  vertical-align: middle;
}

.hd .applyOrderReturnConfirm .refund__notice {
  padding-left: 10px;
  line-height: 26px;
  font-size: 16px;
  color: #918c00;
  text-indent: -10px;
  word-break: keep-all;
}

.hd .filebox {
  position: relative;
  margin-bottom: 10px;
  padding-right: 150px;
}

.hd .filebox .btn-init {
  top: 0;
  right: 0;
  width: 135px;
  height: 45px;
  cursor: pointer;
}

.hd .filebox__view {
  position: relative;
}

.hd .filebox__view .file-delete {
  display: none;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: #918c00 url(/front_pc/images/ico_file_delete-b9cf5e2a5eb3d604a3cfc9210357af78.png) no-repeat 50% 50%;
  border-radius: 50%;
}

.hd .filebox__notice {
  line-height: 26px;
  font-size: 16px;
  color: #888;
}

.hd .next-input {
  margin-top: 10px;
}

.hd .deliveryWay .checks_btn {
  display: flex;
}

.hd .deliveryWay .checks_btn .hd-checkbox {
  position: relative;
  display: inline-block;
  top: 0;
  width: 100%;
  padding: 15px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd .deliveryWay .checks_btn .hd-checkbox.on {
  border-color: #918c00;
}

.hd .deliveryWay .checks_btn .hd-checkbox:not(:first-child) {
  margin-left: 10px;
}

.hd .deliveryWay-btn {
  position: relative;
  margin-bottom: 25px;
  padding: 17px 15px;
  height: auto;
  line-height: 1.3;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd .deliveryWay-btn:after {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 1.5rem;
  height: 0.8rem;
  background: url("/front_pc/images/btn_comm_accordion-down-49268102887cac88ee7592e265819c70.png") no-repeat;
  background-size: 100%;
  opacity: 0.3;
  transform: rotate(-90deg);
  content: '';
}

.hd .deliveryWay-btn > span {
  color: #918c00;
}

.hd .deliveryWay-btn__txt {
  display: block;
  margin-top: 15px;
  padding-top: 15px;
  font-size: 15px;
  color: #888;
  border-top: 1px solid #ccc;
}

.hd .deliveryWay-btn__txt dt {
  float: left;
  margin-top: 10px;
  width: 50%;
}

.hd .deliveryWay-btn__txt dt:nth-of-type(1) {
  margin-top: 0;
}

.hd .deliveryWay-btn__txt dd {
  float: right;
  margin-top: 10px;
  width: 50%;
}

.hd .deliveryWay-btn__txt dd:nth-of-type(1) {
  margin-top: 0;
}

.hd .tab-menu {
  width: 100%;
  height: 57px;
  padding-top: 70px;
  background-color: #FFF;
  border-bottom: 10px solid #FFF;
}

.hd .tab-menu.fixed {
  position: fixed;
}

.hd .tab-menu.bannerOn {
  top: 77px;
}

.hd .tab-menu.bannerOff {
  top: 72px;
}

.hd .tab-menu__inner {
  position: relative;
  width: 100%;
  height: 57px;
  margin: 0 auto;
}

.hd .tab-menu__inner:after {
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 3px;
  background: #918c00;
  content: '';
}

.hd .tab-menu__list {
  position: relative;
  float: left;
  width: calc(100% /4);
  height: 55px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 55px;
}

.hd .tab-menu__list:first-child {
  margin-left: 0;
}

.hd .tab-menu__list a {
  display: block;
  padding-right: 24px;
}

.hd .tab-menu__list a:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 22px solid #EAEAEA;
  border-left: 13px solid #EAEAEA;
}

.hd .tab-menu__list a strong {
  display: block;
  background: #eaeaea;
  border-radius: 20px 20px 0 0;
}

.hd .tab-menu__list--on {
  z-index: 2;
}

.hd .tab-menu__list--on a:after {
  border-top: 24px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 22px solid #918c00;
  border-left: 13px solid #918c00;
}

.hd .tab-menu__list--on a strong {
  background: #918c00;
  color: #FFF;
}

.hd .tab-menu__count {
  display: block;
  position: absolute;
  top: -16px;
  right: 10px;
  z-index: 2;
  min-width: 29px;
  min-height: 29px;
  padding: 0 8px;
  background: #F9D983;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  line-height: 28px;
  border-radius: 15px;
  box-sizing: border-box;
}

.hd .tab-menu--fixed {
  position: fixed;
  padding-top: 30px;
}

.hd .myViewItemList__top {
  position: relative;
  height: 63px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc;
  line-height: 63px;
}

.hd .myViewItemList__top .btn__list__delete {
  position: absolute;
  top: 15px;
  right: 0;
  padding-left: 25px;
  line-height: 30px;
  background: url(/front_pc/images/ico_list_delete-fc25e9152c5ba77fb30af81ee93f2590.png) no-repeat 0 50%;
  color: #1c1c1c;
}

.hd .myViewItemList__sec .box {
  display: flex;
  flex-wrap: wrap;
}

.hd .myViewItemList__sec .box__list {
  margin-left: 20px;
}

.hd .myViewItemList__sec .box__list:nth-child(3n+1) {
  margin-left: 0;
}

.hd .myViewItemList__sec .box__list:nth-child(-n+3) {
  margin-top: 0;
}

.hd .myViewItemList__sec .box__list .hd-checkbox {
  position: absolute;
  top: 0;
  right: 40px;
}

.hd .myViewItemList__sec .box__list .hd-checkbox label {
  padding-left: 0;
}

.hd .myViewItemList__sec .box__list .hd-checkbox label:before {
  top: 15px;
  left: -5px;
  width: 30px;
  height: 30px;
  z-index: 2;
}

.hd .myViewItemList .tab-menu {
  padding-top: 0;
}

.hd .myViewItemList .story__list li {
  width: 276px;
}

.hd .myViewItemList .story__list li:not(:nth-of-type(3n)) {
  margin-right: 21px;
}

.hd .myViewItemList .story__list li:nth-of-type(-n+3) {
  margin-top: 10px;
}

.hd .myViewItemList .story__list li .hd-checkbox {
  position: absolute;
  right: 15px;
  top: 15px;
}

.hd .myViewItemList .story__list li .hd-checkbox label:before {
  width: 30px;
  height: 30px;
}

.hd .myViewItemList .story__list.type1 li {
  margin-top: 60px;
  margin-right: 21px;
  width: 424.5px;
}

.hd .myViewItemList .story__list.type1 li:nth-of-type(2n) {
  margin-right: 0;
}

.hd .myViewItemList .story__list.type1 li:nth-of-type(-n+2) {
  margin-top: 10px;
}

.hd__myClaimList .myClaimList .goDetailPage {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
}

.hd__myClaimList .myClaimList .goDetailPage:after {
  display: inline-block;
  margin: -3px 0 0 5px;
  width: 12px;
  height: 8px;
  vertical-align: middle;
  transform: rotate(-90deg);
  background: url(/front_mo/images/ico_cart_close-5c2ec72fb43d8353febe4dff145404fb.png) no-repeat right center;
  background-size: 100% auto;
  content: '';
  opacity: 0.8;
}

.hd__myClaimList .myClaimList .btn-cancelAll {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
  width: 112px;
  height: 46px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__myClaimList .myClaimList .btn-cancel {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
  width: 112px;
  height: 46px;
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__myClaimList .myClaimList .btn-cancelRegular {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
  width: 112px;
  height: 46px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__myClaimList .myClaimList .process {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 165px;
  width: 100px;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  color: #918c00;
  line-height: 26px;
  word-break: keep-all;
  transform: translateY(-50%);
}

.hd__myClaimList .myClaimList .process-detail {
  display: inline-block;
  margin-top: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #7e7e7e;
  font-size: 16px;
  color: #1c1c1c;
  font-weight: 300;
}

.hd__myClaimList .myClaimList .hd__mypage__btns {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 112px;
}

.hd__myClaimList .myClaimList .hd__mypage__btns button {
  width: 112px;
  height: 46px;
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__myClaimList .myClaimList .hd__mypage__btns button + button {
  margin-top: 2px;
}

.hd__myClaimList .myClaimList .box__list__img.hasBadge:before {
  content: '교환상품';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: #918c00;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
}

.hd__myClaimList .myClaimList .innerItem-wrap {
  position: relative;
  margin: 25px 0 -25px;
}

.hd__myClaimList .myClaimList .innerItem-wrap .btn-viewMore {
  position: absolute;
  top: -39px;
  right: 0;
  width: 40px;
  height: 40px;
  background: #F9F9F9 url(/front_pc/images/btn_comm_accordion-down-49268102887cac88ee7592e265819c70.png) no-repeat 50% 50%;
  border: 1px solid #ccc;
  background-size: 55%;
}

.hd__myClaimList .myClaimList .innerItem-wrap .btn-viewMore.accordion__head--on {
  background: #F9F9F9 url(/front_pc/images/btn_comm_accordion-up-ee0aab0d9bbdb765f4c9ed01abe13d5a.png) no-repeat 50% 50%;
  border: 1px solid #ccc;
  background-size: 55%;
}

.hd__myClaimList .myClaimList .innerItem-wrap .innerItem {
  position: relative;
  padding: 25px;
  border: 1px solid #ccc;
  border-bottom: 0;
  background: #F9F9F9;
}

.hd__myClaimList .myClaimList .innerItem-wrap .innerItem .thumb {
  overflow: hidden;
  position: absolute;
  width: 120px;
  height: 120px;
}

.hd__myClaimList .myClaimList .innerItem-wrap .innerItem .thumb img {
  height: 100%;
}

.hd__myClaimList .myClaimList .innerItem-wrap .innerItem .textbox {
  padding-left: 145px;
  min-height: 120px;
}

.hd__myClaimList .myClaimList .innerItem-wrap .innerItem .textbox__list {
  width: 420px;
  line-height: 26px;
}

.hd__myClaimList .myClaimList .innerItem-wrap .innerItem .textbox__list-name {
  max-height: 52px;
  font-size: 18px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__myClaimList .myClaimList .innerItem-wrap .innerItem .textbox__list-opt {
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd__myClaimList .myClaimList .innerItem-wrap .innerItem .textbox__list.green {
  color: #918c00;
  font-weight: bold;
}

.hd__myClaimList .myClaimList .innerItem-wrap .innerItem .textbox .gift {
  display: table;
  position: relative;
  min-height: 42px;
  margin-top: 20px;
  vertical-align: middle;
}

.hd__myClaimList .myClaimList .innerItem-wrap .innerItem .textbox .gift__thumb {
  display: table-cell;
  overflow: hidden;
  position: absolute;
  width: 45px;
  height: 42px;
}

.hd__myClaimList .myClaimList .innerItem-wrap .innerItem .textbox .gift__name {
  display: table-cell;
  max-height: 48px;
  padding-left: 60px;
  vertical-align: middle;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__myClaimList .myClaimList .innerItem-wrap .innerItem .hd__mypage__btns {
  right: 25px;
}

.hd__myClaimList .myClaimList .innerItem-wrap .innerItem .process {
  right: 190px;
}

.hd__myClaimList .myClaimList .orderView .orderListView__info {
  border-bottom: 1px solid #ccc;
}

.hd__myClaimList .myClaimList .myOrder-wrap {
  margin-bottom: 40px;
}

.hd__myClaimList .myClaimList .myList .head {
  position: relative;
  width: 100%;
  padding: 25px 0;
}

.hd__myClaimList .myClaimList .myList .head__inner {
  display: block;
  width: 100%;
}

.hd__myClaimList .myClaimList .myList .head__list {
  display: block;
  font-size: 18px;
  line-height: 1.6;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item {
  position: relative;
  border-bottom: 1px solid #ccc;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-inner {
  position: relative;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info {
  position: relative;
  padding: 20px 0;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info:not(:first-child) {
  border-top: 1px solid #ccc;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .thumb {
  overflow: hidden;
  position: absolute;
  width: 100px;
  height: 100px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .thumb.hasBadge:before {
  content: '교환상품';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: #918c00;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox {
  min-height: 100px;
  padding-left: 125px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox__list {
  width: 440px;
  line-height: 26px;
  color: #888;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox__list-name {
  max-height: 48px;
  font-size: 18px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  color: #1c1c1c;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox__list-name strong {
  font-weight: normal;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox__list-opt {
  overflow: hidden;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox__list-process {
  margin-bottom: 10px;
  font-size: 16px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox__list-process .process-text {
  font-weight: 600;
  color: #918c00;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox__list-process .process-delivery {
  color: #918c00;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox__list-process .process-delivery:before {
  display: inline-block;
  margin: 9px 8px 0;
  width: 2px;
  height: 15px;
  vertical-align: top;
  background: #ccc;
  content: '';
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox__list.green {
  color: #918c00;
  font-weight: 600;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox .gift {
  display: table;
  position: relative;
  min-height: 45px;
  margin: 20px 0 0;
  vertical-align: middle;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox .gift__thumb {
  display: table-cell;
  overflow: hidden;
  position: absolute;
  width: 45px;
  height: 45px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-info .textbox .gift__name {
  display: table-cell;
  padding-left: 60px;
  font-size: 15px;
  vertical-align: middle;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item-store {
  position: relative;
  margin-bottom: -1px;
  padding: 10px 15px;
  font-size: 15px;
  color: #666;
  background: #f1f1f1;
  z-index: 1;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap {
  position: relative;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .btn-viewMore {
  position: absolute;
  top: -39px;
  right: 0;
  width: 40px;
  height: 40px;
  background: #F9F9F9 url(/front_pc/images/btn_comm_accordion-down-49268102887cac88ee7592e265819c70.png) no-repeat 50% 50%;
  border: 1px solid #ccc;
  background-size: 55%;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .btn-viewMore.accordion__head--on {
  background: #F9F9F9 url(/front_pc/images/btn_comm_accordion-up-ee0aab0d9bbdb765f4c9ed01abe13d5a.png) no-repeat 50% 50%;
  border: 1px solid #ccc;
  background-size: 55%;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem {
  position: relative;
  padding: 25px;
  border: 1px solid #ccc;
  border-bottom: 0;
  background: #F9F9F9;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem .thumb {
  overflow: hidden;
  position: absolute;
  width: 120px;
  height: 120px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox {
  min-height: 120px;
  padding-left: 145px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox__list {
  width: 420px;
  line-height: 22px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox__list-name {
  max-height: 48px;
  font-size: 18px;
  line-height: 24px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox__list-opt {
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox .gift {
  display: table;
  position: relative;
  min-height: 45px;
  margin-top: 20px;
  vertical-align: middle;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox .gift__thumb {
  display: table-cell;
  overflow: hidden;
  position: absolute;
  width: 45px;
  height: 45px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox .gift__name {
  display: table-cell;
  max-height: 48px;
  padding-left: 60px;
  vertical-align: middle;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .innerItem-wrap .innerItem .hd__mypage__btns {
  right: 25px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item.meals .head + .item-info {
  border-top: none;
  border-bottom: none;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item.meals .date {
  display: table-cell;
  position: absolute;
  text-align: center;
  vertical-align: top;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item.meals .date__inner {
  position: relative;
  width: 100px;
  height: 100px;
  border: 3px solid #BEBEBE;
  line-height: 1.4;
  box-sizing: border-box;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item.meals .date__inner span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  font-size: 20px;
  transform: translate3d(-50%, -50%, 0);
}

.hd__myClaimList .myClaimList .myList .item-wrap .item.meals .date__inner strong {
  display: block;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item.meals .textbox__list {
  display: table;
  width: 380px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item.meals .textbox__list .name {
  display: table-cell;
  width: calc(100% - 100px);
  font-size: 16px;
  line-height: 22px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item.meals .textbox__list .num {
  display: table-cell;
  width: 100px;
  text-align: right;
  font-weight: 600;
  color: #1c1c1c;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item.meals .item-info {
  min-height: 100px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .process {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 165px;
  transform: translateY(-50%);
  color: #918c00;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .process-detail {
  display: block;
  margin-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #7E7E7E;
  font-size: 16px;
  color: #1c1c1c;
  font-weight: 300;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .hd__mypage__btns {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 90px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .hd__mypage__btns button {
  padding: 8px 0;
  width: 90px;
  height: auto;
  font-size: 13px;
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .hd__mypage__btns button + button {
  margin-top: 2px;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .hd__mypage__btns button.grey {
  background: #F5F5F5;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .list-more {
  position: relative;
  padding: 0 25px;
  border: 1px solid #ccc;
  border-bottom: 0;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .list-more:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  content: '';
  z-index: 1;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .list-more:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  content: '';
  z-index: 1;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .list-more-btn {
  position: absolute;
  right: 0;
  top: 60px;
  width: 30px;
  text-indent: -999em;
}

.hd__myClaimList .myClaimList .myList .item-wrap .item .list-more .textbox__list {
  width: 390px;
}

.hd__myClaimList .myClaimList .myList .product__gift {
  position: relative;
  min-height: 40px;
  margin-top: 15px;
  padding-left: 60px;
  font-size: 0;
  line-height: 1;
}

.hd__myClaimList .myClaimList .myList .product__gift figure {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 40px;
}

.hd__myClaimList .myClaimList .myList .product__gift .gift-name {
  display: block;
  padding-top: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #1c1c1c;
}

.hd__myClaimList .myClaimList .myList .view-detail {
  margin-top: 10px;
  padding-right: 25px;
  background: url(/front_pc/images/ico_comm_accd-d840278f6c20697f9f4572e33437a5b5.png) no-repeat 98% 50%;
  font-size: 16px;
}

.hd__myClaimList .myClaimList .myList .view-detail.accordion__head--on {
  background: url(/front_pc/images/ico_comm_accd_on-3058e307320afabac4511351b1f8cb1b.png) no-repeat 98% 50%;
}

.hd [class*="myClaimDetail"] .orderView .orderListView .box__list .deposit-state {
  top: 85px;
}

.hd [class*="myClaimDetail"] .orderView .orderListView .box__list .item__process-text {
  color: #918c00;
}

.hd [class*="myClaimDetail"] .payInfo .box {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: 3px solid #1c1c1c;
  border-bottom: 1px solid #ccc;
}

.hd [class*="myClaimDetail"] .payInfo .box__list .boxInner {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 25px 0;
}

.hd [class*="myClaimDetail"] .payInfo .box__list .boxInner__lft {
  display: table-cell;
  width: 125px;
  font-weight: 600;
  line-height: 26px;
}

.hd [class*="myClaimDetail"] .payInfo .box__list .boxInner__rgt {
  display: table-cell;
  line-height: 26px;
}

.hd [class*="myClaimDetail"] .payInfo .box__list .boxInner + .boxInner {
  border-top: 1px solid #ccc;
}

.hd [class*="myClaimDetail"] .payInfo .box__list .boxInner__list {
  display: table-cell;
}

.hd [class*="myClaimDetail"] .payInfo .box__list .boxInner__list .price {
  display: block;
  margin-top: 10px;
  font-size: 20px;
}

.hd [class*="myClaimDetail"] .payInfo .box__list .boxInner__list.total {
  text-align: right;
}

.hd [class*="myClaimDetail"] .payInfo .box__list .boxInner__list.total .price {
  font-size: 24px;
}

.hd [class*="myClaimDetail"] .reason .box {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 20px 0;
  border-top: 3px solid #1c1c1c;
  border-bottom: 1px solid #ccc;
}

.hd [class*="myClaimDetail"] .reason .box__list {
  margin-top: 20px;
}

.hd [class*="myClaimDetail"] .reason .box__list:first-child {
  margin-top: 0;
}

.hd [class*="myClaimDetail"] .reason .box__lft {
  display: table-cell;
  width: 175px;
  font-weight: 600;
}

.hd [class*="myClaimDetail"] .reason .box__rgt {
  display: table-cell;
  line-height: 1.6;
}

.hd [class*="myClaimDetail"] .reason .box__rgt__inner {
  display: block;
}

.hd [class*="myClaimDetail"] .reason__desc {
  font-weight: 600;
  line-height: 24px;
}

.hd [class*="myClaimDetail"] .reason__desc__detail {
  margin-top: 10px;
  line-height: 24px;
}

.hd [class*="myClaimDetail"] .reason__desc__detail .viewThumb {
  margin-top: 20px;
}

.hd [class*="myClaimDetail"] .refund {
  margin-bottom: 30px;
}

.hd [class*="myClaimDetail"] .refund__price {
  padding: 20px 0;
  font-size: 0;
}

.hd [class*="myClaimDetail"] .refund__price > li {
  float: left;
  width: 280px;
  margin-right: 20px;
  font-size: 16px;
}

.hd [class*="myClaimDetail"] .refund__price > li:last-child {
  float: right;
  width: calc(100% - 600px);
  margin-right: 0;
  text-align: right;
}

.hd [class*="myClaimDetail"] .refund__price > li:last-child strong {
  font-size: 24px;
}

.hd [class*="myClaimDetail"] .refund__price > li strong {
  display: block;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 600;
}

.hd [class*="myClaimDetail"] .refund__price > li .boxInner {
  margin-top: 25px;
}

.hd [class*="myClaimDetail"] .refund__price > li .boxInner li {
  line-height: 26px;
  font-size: 16px;
}

.hd [class*="myClaimDetail"] .refund__price > li .boxInner li:after {
  content: '';
  display: block;
  clear: both;
}

.hd [class*="myClaimDetail"] .refund__price > li .boxInner li .left {
  float: left;
}

.hd [class*="myClaimDetail"] .refund__price > li .boxInner li .right {
  float: right;
}

.hd [class*="myClaimDetail"] .refund [class*="__method"] {
  padding: 20px 0;
  border-top: 1px solid #ccc;
  font-size: 0;
}

.hd [class*="myClaimDetail"] .refund [class*="__method"] .left {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin-right: 30px;
  font-size: 16px;
  font-weight: 600;
}

.hd [class*="myClaimDetail"] .refund [class*="__method"] .right {
  display: inline-block;
  vertical-align: top;
  width: 700px;
  font-size: 16px;
}

.hd [class*="myClaimDetail"] .refund__notice {
  padding-left: 10px;
  line-height: 26px;
  font-size: 16px;
  color: #918c00;
  text-indent: -10px;
  word-break: keep-all;
}

.hd [class*="myClaimDetail"] .pay {
  margin-top: 30px;
}

.hd [class*="myClaimDetail"] .pay__notice {
  padding-left: 10px;
  line-height: 26px;
  font-size: 16px;
  text-indent: -10px;
  word-break: keep-all;
}

.hd [class*="myClaimDetail"] .pay__notice .colorO {
  color: #918c00;
}

.hd [class*="myClaimDetail"] .btn {
  width: 200px;
  height: 54px;
  margin-top: 50px;
  line-height: 54px;
}

.hd .myLoginLog__search .mySearch__box {
  padding: 30px 0;
  border-top: 1px solid #ccc;
  border-bottom: 3px solid #1c1c1c;
}

.hd .myLoginLog__search .mySearch__box .inner {
  display: inline-block;
  width: 730px;
}

.hd .myLoginLog__search .mySearch__box .inner .row {
  width: 100%;
}

.hd .myLoginLog__search .mySearch__box .inner .row .col__title {
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
}

.hd .myLoginLog__search .mySearch__box .inner .row .check-month {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
}

.hd .myLoginLog__search .mySearch__box .inner .row .check-month label {
  display: inline-block;
  width: 60px;
  height: 45px;
  background: #FFF;
  font-size: 16px;
  line-height: 45px;
  font-weight: 300;
}

.hd .myLoginLog__search .mySearch__box .inner .row .check-month label + input + label {
  border-left: 0;
}

.hd .myLoginLog__search .mySearch__box .inner .row .check-month input[type="radio"]:checked + label {
  background: #ccc;
  border: 1px solid #ccc;
  color: #FFF;
}

.hd .myLoginLog__search .mySearch__box .inner .row .check-cal {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}

.hd .myLoginLog__search .mySearch__box .inner .row .check-cal__data {
  display: inline-block;
  position: relative;
}

.hd .myLoginLog__search .mySearch__box .inner .row .check-cal .bar {
  padding: 0 3px;
}

.hd .myLoginLog__search .mySearch__box .inner .row .condi {
  display: inline-block;
  font-size: 0;
}

.hd .myLoginLog__search .mySearch__box .inner .row .condi .hd__custom-select {
  display: inline-block;
  width: 189px;
}

.hd .myLoginLog__search .mySearch__box .inner .row .input-text {
  display: inline-block;
  margin-left: 20px;
  font-size: 0;
}

.hd .myLoginLog__search .mySearch__box .inner .row .input-text input {
  width: 264px;
}

.hd .myLoginLog__search .mySearch__box .inner .row .input-text .btn-reset {
  display: inline-block;
  height: 45px;
  margin-left: 20px;
  font-size: 16px;
  line-height: 45px;
}

.hd .myLoginLog__search .mySearch__box .inner .row .input-text .btn-reset:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-top: -4px;
  margin-right: 5px;
  background: url(/front_pc/images/btn_comm_reset-b0c36ade0734a76576abd70d3621d9ca.png) no-repeat center center;
  background-size: 100%;
  vertical-align: middle;
}

.hd .myLoginLog__search .mySearch__box .inner .row + .row {
  margin-top: 15px;
}

.hd .myLoginLog__search .mySearch__box .btn {
  float: right;
  width: 107px;
  height: 45px;
}

.hd .myLoginLog__table thead th {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  font-weight: 400;
  color: #3D3D3D;
}

.hd .myLoginLog__table tbody th {
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 16px;
  color: #3D3D3D;
}

.hd .myLoginLog__table tbody td {
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.hd .datepick {
  width: 160px;
  height: 45px;
  padding: 0 15px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__myShippingItemList .myShippingItemList .mySearch .btn {
  height: 45px;
}

.hd__myShippingItemList .myShippingItemList .myList .head {
  position: relative;
  width: 100%;
  padding: 25px 0;
}

.hd__myShippingItemList .myShippingItemList .myList .head .goDetailPage {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.hd__myShippingItemList .myShippingItemList .myList .head__list {
  display: block;
  font-size: 18px;
  line-height: 1.6;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item {
  position: relative;
  padding: 25px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item + .item {
  border-top: none;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info {
  position: relative;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info .thumb {
  overflow: hidden;
  position: absolute;
  width: 100px;
  height: 100px;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info .thumb.hasBadge:before {
  content: '교환상품';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: #F9D983;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info .textbox {
  min-height: 100px;
  padding-left: 125px;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info .textbox__list {
  width: 100%;
  line-height: 25px;
  color: #888;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info .textbox__list-name {
  max-height: 48px;
  font-size: 18px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info .textbox__list-opt {
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info .textbox__list-opt a {
  color: #888;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info .textbox__list.green {
  color: #918c00;
  font-weight: 600;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info .textbox__list.gift {
  margin-top: 15px;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info .textbox__list.gift .gift__thumb {
  display: inline-block;
  width: 45px;
  height: 45px;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item-info .textbox__list.gift .gift__name {
  display: inline-block;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .innerItem-wrap {
  margin: 25px 0 -25px;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .innerItem-wrap .btn-viewMore {
  position: absolute;
  top: 139px;
  right: 0;
  width: 40px;
  height: 40px;
  background: #F9F9F9 url(/front_pc/images/btn_comm_accordion-down-49268102887cac88ee7592e265819c70.png) no-repeat 50% 50%;
  border: 1px solid #ccc;
  background-size: 55%;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .innerItem-wrap .btn-viewMore.accordion__head--on {
  background: #F9F9F9 url(/front_pc/images/btn_comm_accordion-up-ee0aab0d9bbdb765f4c9ed01abe13d5a.png) no-repeat 50% 50%;
  border: 1px solid #ccc;
  background-size: 55%;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .innerItem-wrap .innerItem {
  position: relative;
  padding: 25px;
  border: 1px solid #ccc;
  border-bottom: 0;
  background: #F9F9F9;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .innerItem-wrap .innerItem .thumb {
  overflow: hidden;
  position: absolute;
  width: 120px;
  height: 120px;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox {
  min-height: 120px;
  padding-left: 145px;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox__list {
  width: 100%;
  line-height: 22px;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox__list-name {
  max-height: 48px;
  font-size: 18px;
  line-height: 24px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .innerItem-wrap .innerItem .textbox__list-opt {
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .innerItem-wrap .innerItem .hd__mypage__btns {
  right: 25px;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .innerItem-wrap .innerItem .process {
  right: 190px;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item.meals {
  padding: 0;
  border-bottom: none;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item.meals .head {
  border-bottom: 1px solid #ccc;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item.meals .head + .item-info {
  border-top: none;
  border-bottom: none;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item.meals .accordion__cont {
  display: block;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item.meals .date {
  display: table-cell;
  position: absolute;
  text-align: center;
  vertical-align: top;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item.meals .date__inner {
  position: relative;
  width: 120px;
  height: 120px;
  border: 3px solid #BEBEBE;
  line-height: 1.4;
  box-sizing: border-box;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item.meals .date__inner span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  font-size: 20px;
  transform: translate(-50%, -50%);
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item.meals .date__inner strong {
  display: block;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item.meals .textbox__list {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item.meals .textbox__list .name {
  display: table-cell;
  font-size: 16px;
  line-height: 22px;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item.meals .textbox__list .num {
  display: table-cell;
  width: 100px;
  text-align: right;
  font-weight: 600;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item.meals .item-info {
  min-height: 120px;
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .process {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 165px;
  transform: translateY(-50%);
  color: #918c00;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .process-detail {
  display: block;
  margin-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #7E7E7E;
  font-size: 16px;
  color: #1c1c1c;
  font-weight: 300;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .hd__mypage__btns {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 112px;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .hd__mypage__btns button {
  width: 112px;
  height: 46px;
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.hd__myShippingItemList .myShippingItemList .myList .item-wrap .item .hd__mypage__btns button + button {
  margin-top: 2px;
}

.hd__myShippingItemList .myShippingItemList .myList .product__gift {
  position: relative;
  min-height: 40px;
  margin-top: 15px;
  padding-left: 60px;
  font-size: 0;
  line-height: 1;
}

.hd__myShippingItemList .myShippingItemList .myList .product__gift figure {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 40px;
}

.hd__myShippingItemList .myShippingItemList .myList .product__gift .gift-name {
  display: block;
  padding-top: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #1c1c1c;
}

.hd .myShippingAddrList__top {
  position: relative;
  height: 76px;
  border-bottom: 1px solid #ccc;
  line-height: 76px;
}

.hd .myShippingAddrList__top .btn {
  position: absolute;
  top: 15px;
  right: 0;
  width: 255px;
  height: 45px;
}

.hd .myShippingAddrList__top .btn-init {
  margin-left: 10px;
  line-height: 43px;
  font-size: 16px;
}

.hd .myShippingAddrList__top .btn-init:first-child {
  margin-left: 0;
}

.hd .myShippingAddrList__sec .box__list {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.hd .myShippingAddrList__sec .box__list__inner {
  position: relative;
  min-height: 80px;
}

.hd .myShippingAddrList__sec .box__list__inner .badge {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  padding: 20px 0;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  box-sizing: border-box;
}

.hd .myShippingAddrList__sec .box__list__inner .badge.gray {
  background: #E5E5E5;
}

.hd .myShippingAddrList__sec .box__list__inner .badge.darkGray {
  background: #515151;
  color: #FFF;
}

.hd .myShippingAddrList__sec .box__list__inner .badge.green {
  background: #918c00;
  color: #FFF;
}

.hd .myShippingAddrList__sec .box__list__inner .btn {
  position: absolute;
  top: 50%;
  right: 0;
  width: 170px;
  margin-top: -23px;
  justify-content: space-between;
}

.hd .myShippingAddrList__sec .box__list__inner .btn-init {
  width: 80px;
  height: 46px;
  line-height: 44px;
  font-size: 16px;
}

.hd .myShippingAddrList__info {
  display: inline-block;
  width: 450px;
  margin-left: 100px;
  vertical-align: middle;
  line-height: 26px;
  font-size: 16px;
}

.hd .myShippingAddrList__info__name {
  display: block;
  font-weight: 600;
}

.hd .myShippingAddrList__info__name .delivery__name {
  font-weight: 400;
}

.hd .myShippingAddrList__info__addr {
  display: block;
  font-weight: 600;
  word-break: keep-all;
}

.hd .myShippingAddrList__info__phone {
  display: block;
}

.hd .myShippingAddrList__default {
  position: absolute;
  top: 50%;
  left: 565px;
  font-size: 16px;
  font-weight: 600;
  color: #918c00;
  transform: translate3d(0, -50%, 0);
}

.hd .myShippingAddrList .dawn__info {
  margin-top: 15px;
  padding: 15px 20px;
  background: #F5F5F5;
  line-height: 28px;
  font-size: 16px;
}

.hd .myShippingAddrList .dawn__info__title {
  display: block;
  font-weight: 600;
}

.hd .myShippingAddrList .dawn__info__desc {
  display: block;
}

.hd .myShippingAddrDetail .orderDeliveryWrite__form {
  margin-bottom: 0;
  padding: 25px 0;
  border-bottom: 0;
}

.hd .myShippingAddrDetail .orderDeliveryWrite__form .form_title {
  width: 135px;
  font-weight: 600;
}

.hd .myShippingAddrDetail .orderDeliveryWrite__form .newAddress__list {
  width: 100%;
}

.hd .myShippingAddrDetail .orderDeliveryWrite__form .newAddress__list .hd__custom-textarea {
  display: none;
  margin-top: 15px;
}

.hd .myShippingAddrDetail .orderDeliveryWrite__form .newAddress__list .input_type > .hd-checkbox {
  left: 410px;
}

.hd .myShippingAddrDetail .orderDeliveryWrite__form .input_type {
  width: 715px;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box {
  padding: 30px 40px 30px 30px;
  background: #f5f5f5;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__title {
  display: inline-block;
  margin-bottom: 15px;
  font-size: 16px;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list {
  margin-top: 20px;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list:first-child {
  margin-top: 0;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list:nth-child(2) .boxInner__list {
  flex: 0 0 auto;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list .boxInner {
  display: flex;
  flex-wrap: wrap;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list .boxInner__list {
  display: inline-block;
  vertical-align: top;
  flex: 0 0 100%;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list .boxInner__list .hd-checkbox-type2 {
  height: 45px;
  line-height: 45px;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list .boxInner__list.comm .input_text {
  width: 175px;
  height: 45px;
  margin: 0 60px 0 20px;
  padding: 0 20px;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list .boxInner__list.etc .input_text {
  width: 355px;
  height: 45px;
  margin: 0 0 0 110px;
  padding: 0 20px;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list .boxInner__list--ml {
  margin-left: 80px;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list .boxInner .check-label {
  display: inline-block;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list .boxInner .check-label input[type="checkbox"]:checked + .check-icon {
  display: block;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list .boxInner .check-label .text {
  padding-left: 50px;
  height: 40px;
  line-height: 40px;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list .boxInner .check-label.pw-area {
  margin-bottom: 10px;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list .boxInner .input_text {
  margin-bottom: 10px;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list .title {
  display: block;
  margin-bottom: 15px;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list .title-v2 {
  width: 204px;
  line-height: 32px;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list.desc {
  margin-top: 30px;
  line-height: 24px;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list.desc .tit {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  color: #918c00;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box__list.desc .colorOR {
  display: block;
  font-size: 16px;
  color: #918c00;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box .visit-way {
  display: none;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box .visit-way .show {
  display: block;
}

.hd .myShippingAddrDetail .dawnDelivery-info .box .visit-way .input_text {
  display: none;
}

.hd .myShippingAddrDetail .overView .btn {
  margin-top: 50px;
  width: 400px;
}

.hd .myShippingAddrDetail .overView .btn-init {
  height: 54px;
  line-height: 52px;
}

.hd .myShippingAddrDetail .dawnDelivery {
  position: relative;
}

.hd .myShippingAddrDetail .dawnDelivery--desc {
  padding: 5px 0 20px;
  line-height: 32px;
}

.hd .myShippingAddrDetail .dawnDelivery--desc strong {
  color: #918c00;
}

.hd .myShippingAddrDetail .dawnDelivery--desc-type2 {
  display: none;
}

.hd .myShippingAddrDetail .dawnDelivery .normal-delivery {
  position: absolute;
  top: 30px;
  right: 0;
  font-weight: 600;
}

.hd .myShippingAddrDetail .cellphone__number {
  width: 390px;
  display: flex;
  justify-content: space-between;
  line-height: 45px;
  color: #1c1c1c;
}

.hd .withDraw__title {
  padding: 50px 0;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}

.hd .withDraw__title span {
  display: block;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
}

.hd .withDraw__notice {
  padding: 45px 0;
  border-top: 3px solid #1c1c1c;
  border-bottom: 1px solid #ccc;
  counter-reset: meals_list;
}

.hd .withDraw__notice li {
  margin-top: 25px;
  font-size: 16px;
}

.hd .withDraw__notice li:first-child {
  margin-top: 0;
}

.hd .withDraw__notice__title {
  display: block;
  position: relative;
  padding-left: 20px;
  line-height: 26px;
  font-weight: 600;
}

.hd .withDraw__notice__title:before {
  counter-increment: meals_list;
  content: counter(meals_list) ".";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  font-weight: 600;
}

.hd .withDraw__notice__desc {
  display: block;
  position: relative;
  margin-left: 20px;
  padding-left: 10px;
  line-height: 26px;
  color: #888;
}

.hd .withDraw__notice__desc:before {
  content: '-';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  color: #888;
}

.hd .withDraw__write {
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
}

.hd .withDraw__write > div {
  display: table;
  width: 100%;
  margin-top: 15px;
}

.hd .withDraw__write > div:first-child {
  margin-top: 0;
}

.hd .withDraw__write > div strong {
  display: table-cell;
  width: 125px;
  vertical-align: middle;
}

.hd .withDraw__write > div > div {
  display: table-cell;
  width: calc(100% - 125px);
  vertical-align: middle;
}

.hd .withDraw__write > div > div select {
  width: 575px;
}

.hd .withDraw .btn {
  margin-top: 50px;
  width: 400px;
}

.hd .withDraw .btn .btn-init {
  height: 54px;
  line-height: 54px;
  font-size: 16px;
}

.hd .withDrawComplete {
  width: 750px;
  margin: 0 auto;
}

.hd .withDrawComplete__sec {
  border-top: 3px solid #1c1c1c;
  padding-top: 50px;
}

.hd .withDrawComplete__title {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}

.hd .withDrawComplete__title:before {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto 35px;
  text-align: center;
  background: url(/front_mo/images/icon_important-msg-fd07fac3411376072ac7dcf6af36de80.png) no-repeat center center;
  background-size: 100% auto;
}

.hd .withDrawComplete__title strong {
  color: #918c00;
}

.hd .withDrawComplete__txt {
  margin: 25px 0 50px;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
}

.hd .withDrawComplete .btn {
  width: 400px;
  height: 55px;
  line-height: 55px;
}

.hd .myRefundAccount__top {
  position: relative;
  height: 76px;
  border-bottom: 1px solid #ccc;
  line-height: 76px;
}

.hd .myRefundAccount__top .btn {
  position: absolute;
  top: 15px;
  right: 0;
  width: 255px;
  height: 45px;
}

.hd .myRefundAccount__top .btn-init {
  margin-left: 10px;
  line-height: 43px;
  font-size: 16px;
}

.hd .myRefundAccount__top .btn-init:first-child {
  margin-left: 0;
}

.hd .myRefundAccount__sec .box__list {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  font-size: 0;
}

.hd .myRefundAccount__sec .box__list__inner {
  position: relative;
}

.hd .myRefundAccount__sec .box__list__inner .hd-checkbox {
  display: inline-block;
  vertical-align: middle;
}

.hd .myRefundAccount__sec .box__list__inner .hd-checkbox label {
  display: block;
  padding-left: 45px;
}

.hd .myRefundAccount__sec .box__list__inner .hd-checkbox label:before {
  top: 50%;
  margin-top: -12px;
}

.hd .myRefundAccount__sec .box__list__inner .btn {
  position: absolute;
  top: 50%;
  right: 0;
  width: 170px;
  margin-top: -23px;
  justify-content: space-between;
}

.hd .myRefundAccount__sec .box__list__inner .btn-init {
  width: 80px;
  height: 46px;
  line-height: 44px;
  font-size: 16px;
}

.hd .myRefundAccount__info {
  display: inline-block;
  vertical-align: middle;
  line-height: 26px;
  font-size: 16px;
}

.hd .myRefundAccount__info__bank {
  display: block;
  font-weight: 600;
}

.hd .myRefundAccount__info__name {
  display: block;
  font-weight: 600;
}

.hd .myRefundAccount__info__accNum {
  display: block;
}

.hd .myRefundAccount__default {
  position: absolute;
  top: 50%;
  right: 200px;
  font-size: 16px;
  font-weight: 600;
  color: #918c00;
  transform: translate3d(0, -50%, 0);
}

.hd .myRefundAccount-btn {
  width: 200px;
  margin-top: 50px;
}

.hd .myRefundAccount-btn .btn-init {
  height: 54px;
  line-height: 52px;
}

.hd .myRefundAccountDetail .hd__custom-select select {
  height: 45px;
}

.hd .myRefundAccountDetail .hd-checkbox {
  margin-top: 20px;
}

.hd .myRefundAccountDetail .orderDeliveryWrite__form {
  margin-bottom: 0;
  padding: 25px 0;
  border-bottom: 0;
}

.hd .myRefundAccountDetail .orderDeliveryWrite__form .form_title {
  width: 135px;
  font-weight: 600;
}

.hd .myRefundAccountDetail .orderDeliveryWrite__form .newAddress__list {
  width: 100%;
}

.hd .myRefundAccountDetail .orderDeliveryWrite__form .newAddress__list .hd__custom-textarea {
  display: none;
  margin-top: 15px;
}

.hd .myRefundAccountDetail .orderDeliveryWrite__form .newAddress__list .input_type > .hd-checkbox {
  left: 410px;
}

.hd .myRefundAccountDetail__notice {
  margin-top: 20px;
  font-size: 16px;
  color: #888;
}

.hd .myRefundAccountDetail .overView .btn {
  margin-top: 50px;
  width: 400px;
}

.hd .myRefundAccountDetail .overView .btn-init {
  height: 54px;
  line-height: 52px;
}

.hd__myPoint .myPoint .tab-content.hPoint {
  padding: 70px 0 100px;
  border-bottom: 1px solid #ccc;
}

.hd__myPoint .myPoint .tab-content.hPoint .text {
  text-align: center;
}

.hd__myPoint .myPoint .tab-content.hPoint .text strong {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
}

.hd__myPoint .myPoint .tab-content.hPoint .text:before {
  display: inline-block;
  width: 90px;
  height: 90px;
  border: 3px solid #3d3d3d;
  border-radius: 100%;
  margin-bottom: 20px;
  background-color: #fff;
  background: url(/front_pc/images/icon_mypage_hPoint-1817bff3fb2a0c93996d4979564b4e31.png) no-repeat 50% 50%;
  background-size: 35%;
  box-sizing: border-box;
  content: '';
}

.hd__myPoint .myPoint .tab-content.hPoint .btn-goSite {
  display: block;
  width: 260px;
  height: 54px;
  margin: 40px auto 0;
  background: #1c1c1c;
  font-size: 18px;
  color: #fff;
  line-height: 54px;
  text-align: center;
}

.hd__myPoint .myPoint .tab-content .overview {
  position: relative;
  padding: 30px 0 30px 110px;
  border-bottom: 1px solid #ccc;
}

.hd__myPoint .myPoint .tab-content .overview__lft {
  display: inline-block;
  padding: 20px;
  margin-left: 20px;
  border-left: 1px solid #ccc;
  vertical-align: top;
}

.hd__myPoint .myPoint .tab-content .overview__lft__tit {
  display: block;
  font-size: 20px;
  margin-bottom: 15px;
}

.hd__myPoint .myPoint .tab-content .overview__rgt {
  position: absolute;
  right: 0;
  top: 50px;
  vertical-align: middle;
}

.hd__myPoint .myPoint .tab-content .overview__rgt__txt {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  line-height: 1.5;
}

.hd__myPoint .myPoint .tab-content .overview__rgt .exchange {
  display: inline-block;
  width: 135px;
  height: 54px;
  margin: 0 auto;
  background: #1c1c1c;
  font-size: 16px;
  color: #fff;
  line-height: 54px;
  text-align: center;
  vertical-align: middle;
}

.hd__myPoint .myPoint .tab-content .overview:before {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -45px;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  margin-bottom: 20px;
  background-color: #918c00;
  background-size: 40%;
  box-sizing: border-box;
  content: '';
}

.hd__myPoint .myPoint .tab-content .overview:after {
  position: absolute;
  left: 46px;
  top: 50%;
  margin-top: -18px;
  width: 35px;
  height: 31px;
  background: url("/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?ver=20210224") no-repeat;
}

.hd__myPoint .myPoint .tab-content .overview .notice_desc {
  margin-top: 15px;
  line-height: 1.5;
  font-size: 14px;
}

.hd__myPoint .myPoint .tab-content.spoon .overview:before {
  background: #918c00;
}

.hd__myPoint .myPoint .tab-content.spoon .overview:after {
  left: 40px;
  margin-top: -25px;
  width: 50px;
  height: 48px;
  content: '';
  background-position: 0 -111px;
}

.hd__myPoint .myPoint .tab-content.greenery .overview:before {
  background: #5e761d;
}

.hd__myPoint .myPoint .tab-content.greenery .overview:after {
  content: '';
  background-position: -80px -58px;
}

.hd__myPoint .myPoint .tab-content.staff .overview:before {
  background: #1c1c1c;
}

.hd__myPoint .myPoint .tab-content.staff .overview:after {
  left: 51px;
  width: 30px;
  content: '';
  background-position: -48px -57px;
}

.hd__myPoint .myPoint .tab-content .mySearch__filter {
  padding: 20px 0;
  font-size: 0;
}

.hd__myPoint .myPoint .tab-content .mySearch__filter a {
  display: inline-block;
  padding: 0 15px;
  font-size: 18px;
}

.hd__myPoint .myPoint .tab-content .mySearch__filter a:not(:first-child) {
  border-left: 1px solid #ccc;
}

.hd__myPoint .myPoint .tab-content .mySearch__filter a.on {
  font-weight: 600;
}

.hd__myPoint .myPoint .tab-content .mySearch .btn {
  height: 45px;
}

.hd__myPoint .myPoint .tab-content .mySearch .table {
  border-top: 3px solid #1c1c1c;
}

.hd__myPoint .myPoint .tab-content .mySearch .table table tr th {
  padding: 20px 0;
  font-weight: 300;
}

.hd__myPoint .myPoint .tab-content .mySearch .table table tr th:first-child, .hd__myPoint .myPoint .tab-content .mySearch .table table tr th:nth-child(2) {
  text-align: center;
}

.hd__myPoint .myPoint .tab-content .mySearch .table table tr td {
  padding: 20px 0;
}

.hd__myPoint .myPoint .tab-content .mySearch .table table tr td:first-child, .hd__myPoint .myPoint .tab-content .mySearch .table table tr td:nth-child(2) {
  text-align: center;
}

.hd__myPoint .myPoint .tab-content .mySearch .table table tr td:nth-child(3) .txt {
  display: inline-block;
  width: 80%;
}

.hd__myPoint .myPoint .tab-content .mySearch .table table tr td:nth-child(3) .txt .orderNum {
  font-weight: 300;
}

.hd__myPoint .myPoint .tab-content .mySearch .table table tr td:nth-child(3) .spoonNum {
  display: inline-block;
  width: 13%;
  text-align: right;
}

.hd__myPoint .myPoint .tab-content .mySearch .table table tr:not(:first-child) {
  border-top: 1px solid #ccc;
}

.hd__myPoint .myPoint .tab-content .mySearch .table table tr:last-child {
  border-bottom: 1px solid #ccc;
}

.hd__myCoupon .coupon__wrap, .hd__myGiftcard .coupon__wrap {
  position: relative;
}

.hd__myCoupon .coupon__wrap .btn__couponRigist, .hd__myGiftcard .coupon__wrap .btn__couponRigist {
  position: absolute;
  right: 0;
  margin-top: 0 !important;
  width: 120px;
  height: 45px;
  line-height: 40px;
  font-size: 17px;
  z-index: 1;
}

.hd__myCoupon .coupon__wrap .tab-menu, .hd__myGiftcard .coupon__wrap .tab-menu {
  width: 100%;
  height: 57px;
  padding-top: 0;
  background-color: #FFF;
  border-bottom: 0;
}

.hd__myCoupon .coupon__wrap .tab-menu.fixed, .hd__myGiftcard .coupon__wrap .tab-menu.fixed {
  position: fixed;
}

.hd__myCoupon .coupon__wrap .tab-menu.bannerOn, .hd__myGiftcard .coupon__wrap .tab-menu.bannerOn {
  top: 77px;
}

.hd__myCoupon .coupon__wrap .tab-menu.bannerOff, .hd__myGiftcard .coupon__wrap .tab-menu.bannerOff {
  top: 72px;
}

.hd__myCoupon .coupon__wrap .tab-menu__inner, .hd__myGiftcard .coupon__wrap .tab-menu__inner {
  position: relative;
  width: 100%;
  height: 57px;
  margin: 0 auto;
}

.hd__myCoupon .coupon__wrap .tab-menu__inner:after, .hd__myGiftcard .coupon__wrap .tab-menu__inner:after {
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 3px;
  background: #918c00;
  content: '';
}

.hd__myCoupon .coupon__wrap .tab-menu__list a, .hd__myGiftcard .coupon__wrap .tab-menu__list a {
  color: #666;
}

.hd__myCoupon .coupon__wrap .tab-menu__count, .hd__myGiftcard .coupon__wrap .tab-menu__count {
  display: block;
  position: absolute;
  top: -16px;
  right: 10px;
  z-index: 2;
  min-width: 29px;
  min-height: 29px;
  padding: 0 8px;
  background: #F9D983;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  line-height: 28px;
  border-radius: 15px;
  box-sizing: border-box;
}

.hd__myCoupon .coupon__wrap .tab-menu--fixed, .hd__myGiftcard .coupon__wrap .tab-menu--fixed {
  position: fixed;
  padding-top: 30px;
}

.hd__myCoupon .coupon__wrap .tab-content .box__list, .hd__myGiftcard .coupon__wrap .tab-content .box__list {
  padding: 40px 0;
  font-size: 0;
  border-bottom: 1px solid #ccc;
}

.hd__myCoupon .coupon__wrap .tab-content .box__list__txt, .hd__myGiftcard .coupon__wrap .tab-content .box__list__txt {
  display: inline-block;
  width: 50%;
  font-size: 16px;
  vertical-align: middle;
}

.hd__myCoupon .coupon__wrap .tab-content .box__list__txt strong, .hd__myGiftcard .coupon__wrap .tab-content .box__list__txt strong {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
}

.hd__myCoupon .coupon__wrap .tab-content .box__list__date, .hd__myGiftcard .coupon__wrap .tab-content .box__list__date {
  display: inline-block;
  width: 30%;
  font-size: 16px;
  vertical-align: middle;
}

.hd__myCoupon .coupon__wrap .tab-content .box .day_rming, .hd__myGiftcard .coupon__wrap .tab-content .box .day_rming {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: #F5F5F5;
  font-size: 16px;
  color: #1c1c1c;
  box-sizing: border-box;
}

.hd__myCoupon .coupon__wrap .tab-content .box .btn, .hd__myGiftcard .coupon__wrap .tab-content .box .btn {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
}

.hd__myCoupon .coupon__wrap .tab-content .box .btn-init, .hd__myGiftcard .coupon__wrap .tab-content .box .btn-init {
  display: inline-block;
  height: 45px;
  font-size: 16px;
  line-height: 45px;
}

.hd__myReview .tab-menu {
  padding-top: 0;
}

.hd__myReview .sub-cont__sec {
  border-top: 0;
}

.hd__myReview .myReview__title {
  display: flex;
  align-items: center;
}

.hd__myReview .myReview__title p span {
  display: inline-block;
  color: inherit;
  letter-spacing: 0;
  font-size: inherit;
}

.hd__myReview .myReview__title span {
  margin-left: auto;
  color: #888;
  letter-spacing: -.5px;
  font-size: 14px;
}

.hd__myReview .myReview__total {
  padding: 20px 0 25px 0;
}

.hd__myReview .myReview__sec .box {
  border-top: 1px solid #ccc;
}

.hd__myReview .myReview__sec .box__list {
  position: relative;
  border-bottom: 1px solid #ccc;
}

.hd__myReview .myReview__sec .box__list__modify {
  position: absolute;
  top: 50%;
  right: 60px;
  z-index: 3;
  padding: 5px;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  transform: translate3d(0, -50%, 0);
}

.hd__myReview .myReview__sec .box__list__cont.ques {
  position: relative;
  padding: 20px 0;
  background: url(/front_pc/images/ico_accd_down-6f15dec70bb6a915628a21fdffa903de.png) no-repeat right 50%;
  font-size: 0;
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__product {
  display: inline-block;
  position: relative;
  width: 340px;
  min-height: 80px;
  vertical-align: middle;
  padding-left: 100px;
  font-size: 16px;
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__product .product__gift {
  position: relative;
  min-height: 40px;
  margin-top: 15px;
  padding-left: 60px;
  font-size: 0;
  line-height: 1;
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__product .product__gift figure {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 40px;
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__product .product__gift .gift-name {
  display: block;
  padding-top: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #1c1c1c;
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__pdName {
  display: inline-block;
  margin-right: 10px;
  line-height: 26px;
  font-weight: bold;
  vertical-align: top;
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__title {
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__title .inner {
  overflow: hidden;
  max-height: 52px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__text {
  display: block;
  line-height: 25px;
  color: #707070;
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__text-survey {
  color: #918c00;
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__helpful {
  position: absolute;
  top: 50%;
  right: 340px;
  min-width: 63px;
  text-align: center;
  transform: translate3d(0, -50%, 0);
  z-index: 3;
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__helpful span {
  display: inline-block;
  padding: 0 10px;
  line-height: 23px;
  height: 25px;
  font-size: 13px;
  font-weight: bold;
  color: #888;
  border: 1px solid #dcdcdc;
  border-radius: 30px;
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__helpful span:before {
  display: inline-block;
  margin: 4px 5px 0 0;
  width: 17px;
  height: 17px;
  background: url("/front_pc/images/sp_ico-a7339b5dc86d9a7c7c39b5d0b9c2c9d5.png?ver=220420") no-repeat;
  background-position: -82px -69px;
  background-size: 270px;
  vertical-align: top;
  content: '';
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__date {
  position: absolute;
  top: 50%;
  right: 120px;
  line-height: 26px;
  width: 190px;
  font-size: 16px;
  color: #888;
  transform: translate3d(0, -50%, 0);
  z-index: 3;
}

.hd__myReview .myReview__sec .box__list__cont.ques .ques__date span {
  display: block;
}

.hd__myReview .myReview__sec .box__list__cont.ques2 {
  background: none;
}

.hd__myReview .myReview__sec .box__list__cont.ques2 .view-detail {
  display: inline-block;
  width: 25px;
  height: 14px;
  background: url(/front_pc/images/ico_accd_down-6f15dec70bb6a915628a21fdffa903de.png) no-repeat 0 0;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -7px;
}

.hd__myReview .myReview__sec .box__list__cont.ques2 .anchor-act {
  display: block;
  width: 100%;
  height: 100%;
}

.hd__myReview .myReview__sec .box__list__cont.awsn {
  display: none;
  border-top: 1px solid #ccc;
  padding: 25px 35px;
  background: #F9F9F9;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .my-product {
  position: relative;
  min-height: 80px;
  padding-left: 100px;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .my-product__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .my-product__number {
  display: block;
  padding-top: 10px;
  line-height: 26px;
  font-size: 16px;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .my-product__number span {
  display: block;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .my-title {
  line-height: 26px;
  font-size: 18px;
  word-break: normal;
  word-wrap: break-word;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .my-date {
  display: block;
  margin: 2px 0 15px;
  color: #888;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .my-text {
  line-height: 26px;
  font-size: 16px;
  word-break: normal;
  word-wrap: break-word;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .thumb {
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .thumb img {
  display: block;
  margin: 0 auto;
  max-width: 780px;
  width: 100%;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .thumb img + img {
  margin-top: 20px;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .thumb__list {
  text-align: left;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .thumb__list li {
  position: relative;
  display: inline-block;
  max-width: 100px;
  width: 100%;
  height: 100px;
  margin: 0 5px 5px;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .thumb__list li.text:after {
  position: absolute;
  left: 0;
  top: 0;
  padding: 4px;
  font-size: 12px;
  color: #fff;
  background: #1c1c1c;
  z-index: 1;
  content: '대표사진';
}

.hd__myReview .myReview__sec .box__list__cont.awsn .admin-anwser {
  margin-top: 25px;
  border-top: 1px solid #ccc;
  padding: 25px 0;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .admin-anwser__date {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .admin-anwser__date span {
  margin-right: 10px;
  font-weight: 600;
}

.hd__myReview .myReview__sec .box__list__cont.awsn .admin-anwser p {
  line-height: 26px;
}

.hd__myReview .myReview__sec .box__list.on .ques {
  background-image: url(/front_pc/images/ico_accd_up-8e2b1c976e09426cd0f0979f88f424d5.png);
}

.hd__myReview .myReview__sec .box__list.on .ques2 {
  background-image: none;
}

.hd__myReview .myReview__sec .box__list.on .ques2 .view-detail {
  transform: rotate(180deg);
}

.hd__myReview .myReview__keyword {
  position: relative;
  margin: -2px 0 0 -30px;
  padding: 25px 30px;
  width: calc(100% + 60px);
  line-height: 1.5;
  border-bottom: 0;
  background: #f5f5f5;
  box-sizing: border-box;
  z-index: 1;
}

.hd__myReview .myReview__keyword__title {
  display: block;
  font-size: 20px;
}

.hd__myReview .myReview__keyword__text {
  font-size: 19px;
  color: #888;
}

.hd__myReview .myReview__keyword__helpful {
  position: absolute;
  right: 25px;
  bottom: 25px;
  padding: 0 10px;
  line-height: 30px;
  height: 32px;
  font-size: 16px;
  font-weight: bold;
  color: #918c00;
  border: 1px solid #ccc;
  border-radius: 30px;
  vertical-align: top;
}

.hd__myReview .myReview__keyword__helpful:before {
  display: inline-block;
  margin: 5px 5px 0 0;
  width: 19px;
  height: 20px;
  background: url("/front_mo/images/sp_ico-5e6cf53d3ebc4b7f16d07f5bd177f5cb.png?ver=220421") no-repeat;
  background-size: 400px auto;
  background-position: -193px -118px;
  vertical-align: top;
  content: '';
}

.hd__myReview .myReview__keyword .point_color {
  color: #918c00;
}

.hd__myReview .myReview .tab-review-no .box__list__cont.ques {
  background: transparent;
}

.hd__myReview .myReview .tab-review-no .box__list__modify {
  right: 0;
  padding: 0;
  min-width: 170px;
  height: 45px;
  font-size: 16px;
  line-height: 43px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #918c00;
  background: #918c00;
}

.hd__myReview .myReview .tab-review-no .box__list__modify.type2 {
  color: #1c1c1c;
  border-color: #ccc;
  background-color: #fff;
}

.hd__myReview .myReview .tab-review-no .box__list__modify.type3 {
  right: 180px;
  width: 230px;
  color: #1c1c1c;
  background-color: #fff;
}

.hd__myItemQna .myItemQna__total {
  padding: 30px 0;
}

.hd__myItemQna .myItemQna__sec .box {
  border-top: 1px solid #ccc;
}

.hd__myItemQna .myItemQna__sec .box__list {
  position: relative;
  border-bottom: 1px solid #ccc;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.ques {
  display: table;
  position: relative;
  width: 100%;
  padding: 20px 0;
  font-size: 16px;
  background: url(/front_pc/images/ico_accd_down-6f15dec70bb6a915628a21fdffa903de.png) no-repeat right 50%;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.ques .ques__img {
  display: table-cell;
  overflow: hidden;
  width: 80px;
  height: 80px;
  vertical-align: middle;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.ques .ques__img figure {
  overflow: hidden;
  width: 80px;
  height: 80px;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.ques .ques__menu {
  display: table-cell;
  width: 160px;
  padding: 0 20px;
  line-height: 26px;
  vertical-align: middle;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.ques .ques__menu .inner {
  max-height: 52px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.ques .ques__menu .gift {
  display: block;
  margin-top: 0;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.ques .ques__title {
  display: table-cell;
  width: 270px;
  line-height: 26px;
  vertical-align: middle;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.ques .ques__title .inner {
  display: block;
  max-height: 52px;
  width: 250px;
  font-weight: 600;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.ques .ques__date {
  display: table-cell;
  color: #888;
  vertical-align: middle;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.ques .ques__state {
  position: absolute;
  top: 50%;
  right: 70px;
  font-weight: 600;
  transform: translate3d(0, -50%, 0);
}

.hd__myItemQna .myItemQna__sec .box__list__cont.ques2 {
  background: none;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.ques2 .view-detail {
  display: inline-block;
  width: 25px;
  height: 14px;
  background: url(/front_pc/images/ico_accd_down-6f15dec70bb6a915628a21fdffa903de.png) no-repeat 0 0;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -7px;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.ques2 .anchor-act {
  display: block;
  width: 100%;
  height: 100%;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.awsn {
  display: none;
  border-top: 1px solid #ccc;
  padding: 25px 35px;
  background: #F9F9F9;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.awsn .my-product {
  position: relative;
  min-height: 80px;
  padding-left: 100px;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.awsn .my-product__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.awsn .my-product__number {
  display: block;
  padding-top: 10px;
  line-height: 26px;
  font-size: 16px;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.awsn .my-product__number span {
  display: block;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.awsn .my-text {
  line-height: 26px;
  font-size: 16px;
  word-break: normal;
  word-wrap: break-word;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.awsn .admin-anwser {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #ccc;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.awsn .admin-anwser__date {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.awsn .admin-anwser__date span {
  margin-right: 10px;
  font-weight: 600;
}

.hd__myItemQna .myItemQna__sec .box__list__cont.awsn .admin-anwser p {
  line-height: 26px;
}

.hd__myItemQna .myItemQna__sec .box__list__btn {
  margin-top: 25px;
  text-align: right;
}

.hd__myItemQna .myItemQna__sec .box__list__btn a {
  display: inline-block;
  color: #707070;
}

.hd__myItemQna .myItemQna__sec .box__list__btn a:before {
  display: inline-block;
  margin: -5px 10px 0;
  width: 1px;
  height: 17px;
  background: #ccc;
  vertical-align: middle;
  content: '';
}

.hd__myItemQna .myItemQna__sec .box__list__btn a:first-child:before {
  display: none;
}

.hd__myItemQna .myItemQna__sec .box__list.on .ques {
  background-image: url(/front_pc/images/ico_accd_up-8e2b1c976e09426cd0f0979f88f424d5.png);
}

.hd__myItemQna .myItemQna__sec .box__list.on .ques2 {
  background-image: none;
}

.hd__myItemQna .myItemQna__sec .box__list.on .ques2 .view-detail {
  transform: rotate(180deg);
}

.hd .rowsList__total {
  display: block;
  position: relative;
  height: 75px;
  line-height: 75px;
  font-size: 16px;
}

.hd .rowsList .btn-init {
  position: absolute;
  top: 15px;
  right: 0;
  width: 105px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
}

.hd .rowsList .box {
  border-top: 1px solid #ccc;
}

.hd .rowsList .box__list {
  border-bottom: 1px solid #ccc;
}

.hd .rowsList .box__list__cont.ques {
  display: table;
  position: relative;
  width: 100%;
  font-size: 16px;
  background: url("/front_pc/images/ico_accd_down-6f15dec70bb6a915628a21fdffa903de.png") no-repeat right 50%;
}

.hd .rowsList .box__list__cont.ques .ques__category {
  display: table-cell;
  width: 133px;
  padding: 25px 5px;
  vertical-align: middle;
  line-height: 26px;
  text-align: center;
}

.hd .rowsList .box__list__cont.ques .ques__title {
  display: table-cell;
  width: 390px;
  padding: 25px 5px;
  vertical-align: middle;
  font-weight: 600;
  line-height: 26px;
}

.hd .rowsList .box__list__cont.ques .ques__title .inner {
  display: block;
  max-height: 52px;
  width: 390px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .rowsList .box__list__cont.ques .ques__date {
  display: table-cell;
  width: 165px;
  padding: 25px 5px;
  vertical-align: middle;
  color: #888;
}

.hd .rowsList .box__list__cont.ques .ques__state {
  position: absolute;
  top: 50%;
  right: 70px;
  font-weight: 600;
  transform: translate3d(0, -50%, 0);
}

.hd .rowsList .box__list__cont.awsn {
  display: none;
  height: auto;
  border-top: 1px solid #ccc;
  padding: 25px 35px;
  background: #F9F9F9;
}

.hd .rowsList .box__list__cont.awsn .my-product {
  position: relative;
  min-height: 80px;
  margin-bottom: 25px;
  padding: 0 0 25px 100px;
  border-bottom: 1px solid #ccc;
}

.hd .rowsList .box__list__cont.awsn .my-product__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
}

.hd .rowsList .box__list__cont.awsn .my-product__number {
  display: block;
  padding-top: 10px;
  line-height: 26px;
  font-size: 16px;
}

.hd .rowsList .box__list__cont.awsn .my-product__number span {
  display: block;
}

.hd .rowsList .box__list__cont.awsn .my-text {
  line-height: 26px;
  font-size: 16px;
  word-break: normal;
  word-wrap: break-word;
}

.hd .rowsList .box__list__cont.awsn .img {
  display: block;
  font-size: 0;
  margin-bottom: 25px;
}

.hd .rowsList .box__list__cont.awsn .admin-anwser {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #ccc;
}

.hd .rowsList .box__list__cont.awsn .admin-anwser__date {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
}

.hd .rowsList .box__list__cont.awsn .admin-anwser__date span {
  font-weight: 600;
}

.hd .rowsList .box__list__cont.awsn .admin-anwser p {
  line-height: 26px;
  word-break: normal;
  word-wrap: break-word;
}

.hd .rowsList .box__list__btn {
  margin-top: 25px;
  text-align: right;
}

.hd .rowsList .box__list__btn a {
  display: inline-block;
  color: #707070;
}

.hd .rowsList .box__list__btn a:before {
  display: inline-block;
  margin: -5px 10px 0;
  width: 1px;
  height: 17px;
  background: #ccc;
  vertical-align: middle;
  content: '';
}

.hd .rowsList .box__list__btn a:first-child:before {
  display: none;
}

.hd .rowsList .box__list.on .ques {
  background-image: url("/front_pc/images/ico_accd_up-8e2b1c976e09426cd0f0979f88f424d5.png");
}

.hd .myFaqList .box__list__cont.ques .ques__title {
  width: 530px;
}

.hd__myInfo .myInfo .inner {
  border-top: 1px solid #ccc;
}

.hd__myInfo .myInfo .modify {
  padding-bottom: 30px;
  border-top: 3px solid #1c1c1c;
  border-bottom: 1px solid #ccc;
}

.hd__myInfo .myInfo .modify .member-box__head {
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: 600;
}

.hd__myInfo .myInfo .modify .member-box__title {
  display: inline-block;
  width: 130px;
  font-weight: 600;
}

.hd__myInfo .myInfo .modify .member-box__list {
  position: relative;
  width: 100%;
  margin-top: 20px;
}

.hd__myInfo .myInfo .modify .member-box__list .desc {
  display: block;
  padding: 10px 0 0 132px;
  color: #888;
}

.hd__myInfo .myInfo .modify .member-box .txt-box {
  padding: 10px 0;
}

.hd__myInfo .myInfo .modify .member-box .input-box .input_text {
  padding: 0 20px;
  width: 450px;
  height: 45px;
  box-sizing: border-box;
}

.hd__myInfo .myInfo .modify .member-box .input-box.email .input_text {
  width: 140px;
}

.hd__myInfo .myInfo .modify .member-box .input-box.cellphone .input_text {
  width: 135px;
}

.hd__myInfo .myInfo .modify .member-box .input-box__space {
  padding: 0 5px;
}

.hd__myInfo .myInfo .modify .member-box .input-box .hd__custom-select {
  display: inline-block;
  width: 140px;
  margin-left: 5px;
}

.hd__myInfo .myInfo .modify .member-box .input-box .hd__custom-select select {
  padding: 0 15px;
  height: 45px;
  border: 1px solid #BDBDBD;
  background: url(/front_pc/images/ico_comm_select-arrow-2f4c626e52a0ed55ede0723c1797ddaf.png) no-repeat 90% 50%;
  color: #1c1c1c;
}

.hd__myInfo .myInfo .modify .member-box .input-box__title {
  display: block;
  margin-bottom: 20px;
}

.hd__myInfo .myInfo .modify .member-box .input-box .certification__check {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
}

.hd__myInfo .myInfo .modify .member-box .input-box .certification__check input {
  border: 1px solid #ccc;
}

.hd__myInfo .myInfo .modify .member-box .input-box .certification__check .back {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 30px;
  transform: translate3d(0, -50%, 0);
}

.hd__myInfo .myInfo .modify .member-box .input-box button {
  display: inline-block;
  position: absolute;
  right: 108px;
  width: 150px;
  height: 45px;
  font-size: 16px;
}

.hd__myInfo .myInfo .modify .member-box .input-box button a {
  font-size: 16px;
}

.hd__myInfo .myInfo .modify .member-box .input-box .btn-changePW {
  display: inline-block;
  width: 150px;
  height: 45px;
  font-size: 16px;
  line-height: 45px;
}

.hd__myInfo .myInfo .modify .member-box .input-box.btn-sec .btn-full {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 130px;
}

.hd__myInfo .myInfo .modify .member-box .hd-checkbox {
  display: inline-block;
}

.hd__myInfo .myInfo .modify .member-box .hd-checkbox label {
  margin-right: 20px;
}

.hd__myInfo .myInfo .modify .member-box + .member-box {
  margin-top: 40px;
}

.hd__myInfo .myInfo .modify .member-box .domain__check {
  margin-top: 15px;
}

.hd__myInfo .myInfo .modify .member-box .alertBox {
  margin-top: 10px;
}

.hd__myInfo .myInfo .modify .member-box .alertBox.fail {
  color: #ff0000;
}

.hd__myInfo .myInfo .modify .member-box .alertBox.success {
  color: #918c00;
}

.hd__myInfo .myInfo .modify .member-box .upload {
  position: relative;
  text-align: center;
}

.hd__myInfo .myInfo .modify .member-box .input_file {
  overflow: hidden;
  padding: 0 50px 0 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd__myInfo .myInfo .modify .member-box .file-delete {
  display: none;
  position: absolute;
  top: 50%;
  right: 160px;
  width: 30px;
  height: 30px;
  background: #918c00;
  border-radius: 50%;
  transform: translate3d(0, -50%, 0);
}

.hd__myInfo .myInfo .healthInfo {
  padding-bottom: 15px;
  border-top: 3px solid #1c1c1c;
  border-bottom: 1px solid #ccc;
}

.hd__myInfo .myInfo .healthInfo__desc {
  display: block;
  margin-bottom: 20px;
  padding-top: 20px;
  line-height: 1.6;
}

.hd__myInfo .myInfo .healthInfo .box {
  margin-top: 25px;
  font-size: 0;
}

.hd__myInfo .myInfo .healthInfo .box__list {
  display: inline-block;
  width: 205px;
  margin-bottom: 15px;
  margin-left: 10px;
  vertical-align: top;
}

.hd__myInfo .myInfo .healthInfo .box__list label {
  height: 45px;
  background: #fff;
  font-size: 16px;
  line-height: 43px;
  font-weight: 300;
}

.hd__myInfo .myInfo .healthInfo .box__list input[type="checkbox"]:checked + label {
  background: #918c00;
}

.hd__myInfo .myInfo .healthInfo .box__list:nth-child(4n+1) {
  margin-left: 0;
}

.hd__myInfo .myInfo .anniversary {
  padding-bottom: 30px;
  border-top: 3px solid #1c1c1c;
}

.hd__myInfo .myInfo .anniversary__desc {
  margin-bottom: 30px;
  padding-top: 20px;
  line-height: 1.6;
}

.hd__myInfo .myInfo .anniversary .input-box__label {
  display: inline-block;
  width: 130px;
  font-weight: 600;
  vertical-align: middle;
}

.hd__myInfo .myInfo .anniversary .input-box + .input-box {
  margin-top: 20px;
}

.hd__myInfo .myInfo .anniversary .input-box .input__text {
  width: 460px;
  margin-right: 10px;
  vertical-align: middle;
}

.hd__myInfo .myInfo .anniversary .input-box button {
  width: 150px;
  height: 45px;
  vertical-align: middle;
}

.hd__myInfo .myInfo .anniversary .date-check {
  display: inline-block;
}

.hd__myInfo .myInfo .anniversary .date-check .hd-checkbox {
  display: inline-block;
}

.hd__myInfo .myInfo .anniversary .date-check .hd-checkbox + .hd-checkbox {
  margin-left: 20px;
}

.hd__myInfo .myInfo .anniversary .box {
  margin-top: 30px;
}

.hd__myInfo .myInfo .anniversary .box__list {
  display: table;
  table-layout: fixed;
  padding: 15px 0 15px 15px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.hd__myInfo .myInfo .anniversary .box__list__txt {
  display: table-cell;
  line-height: 1.6;
}

.hd__myInfo .myInfo .anniversary .box__list__txt:nth-child(1) {
  width: 50%;
  padding-right: 10px;
}

.hd__myInfo .myInfo .anniversary .box__list__txt:nth-child(2) {
  width: 35%;
  text-align: right;
}

.hd__myInfo .myInfo .anniversary .box__list__txt:nth-child(3) {
  width: 15%;
  text-align: right;
}

.hd__myInfo .myInfo .anniversary .box__list:before {
  content: '+';
  margin-right: 10px;
  font-size: 16px;
  font-weight: 600;
}

.hd__myInfo .myInfo .anniversary .box__list + .box__list {
  border-top: none;
}

.hd__myInfo .myInfo .anniversary .box button {
  width: 80px;
  height: 35px;
  font-size: 16px;
}

.hd__myInfo .myInfo .anniversary .agree-box {
  margin-top: 30px;
  line-height: 24px;
  font-size: 15px;
}

.hd__myInfo .myInfo .anniversary .agree-box .hd-checkbox {
  margin-bottom: 20px;
}

.hd__myInfo .myInfo .anniversary .agree-table table {
  border: 1px solid #ccc;
  border-bottom: 0;
  overflow: hidden;
}

.hd__myInfo .myInfo .anniversary .agree-table table th, .hd__myInfo .myInfo .anniversary .agree-table table td {
  padding: 10px;
  font-weight: normal;
  color: #555;
  text-align: center;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.hd__myInfo .myInfo .anniversary .agree-table table th {
  background: #f5f5f5;
}

.hd__myInfo .myInfo .anniversary .agree-table p {
  margin-top: 5px;
  color: #918c00;
}

.hd__myInfo .myInfo .marketing {
  padding-bottom: 30px;
  border-top: 3px solid #1c1c1c;
}

.hd__myInfo .myInfo .marketing .inner {
  padding: 0;
}

.hd__myInfo .myInfo .marketing .box__head {
  padding: 16px 0;
}

.hd__myInfo .myInfo .marketing .box__list {
  position: relative;
  border-bottom: 1px solid #bcbcbc;
}

.hd__myInfo .myInfo .marketing .box__list .view-detail {
  display: block;
  width: 50px;
  height: 50px;
  background: no-repeat;
  right: 0;
  position: absolute;
  top: 4px;
  right: 0;
}

.hd__myInfo .myInfo .marketing .box__list .view-detail:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 23px;
  height: 2px;
  background-color: #3d3d3d;
  content: '';
  opacity: .6;
}

.hd__myInfo .myInfo .marketing .box__list .view-detail:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  width: 2px;
  height: 23px;
  background-color: #3d3d3d;
  content: '';
  opacity: .6;
}

.hd__myInfo .myInfo .marketing .box__list .view-detail.accordion__head--on:after {
  display: none;
}

.hd__myInfo .myInfo .marketing .box__list .boxInner {
  padding: 25px;
  background: #f9f9f9;
  border-top: 1px solid #bcbcbc;
  color: #888;
  line-height: 1.8;
}

.hd__myInfo .myInfo .marketing .dmAgree {
  padding-top: 25px;
}

.hd__myInfo .myInfo .marketing .dmAgree__checkArea {
  margin: 20px 0;
}

.hd__myInfo .myInfo .marketing .dmAgree__checkArea .hd-checkbox {
  display: inline-block;
}

.hd__myInfo .myInfo .marketing .dmAgree__checkArea .hd-checkbox + .hd-checkbox {
  margin-left: 50px;
}

.hd__myInfo .myInfo .marketing .dmAgree__notice {
  line-height: 1.6;
}

.hd__myInfo .myInfo .colorO {
  display: block;
  color: #918c00;
}

.hd__myInfo .myInfo__btn {
  width: 400px;
  margin-top: 50px;
}

.hd__myInfo .myInfo__btn .btn-init {
  height: 54px;
  line-height: 52px;
  font-size: 18px;
}

.hd__myInfo .change-name {
  margin: 30px 0 0 130px;
  font-size: 16px;
}

.hd__myInfoCheckPW .myInfoCheckPW .checkPW {
  padding: 100px 0;
  border-bottom: 1px solid #ccc;
}

.hd__myInfoCheckPW .myInfoCheckPW .checkPW__title {
  text-align: center;
}

.hd__myInfoCheckPW .myInfoCheckPW .checkPW__title strong {
  display: block;
  font-size: 24px;
  margin-bottom: 25px;
}

.hd__myInfoCheckPW .myInfoCheckPW .checkPW .input__text {
  display: block;
  width: 320px;
  height: 45px;
  margin: 40px auto 0;
}

.hd__myInfoCheckPW .myInfoCheckPW .checkPW .btn-init {
  display: block;
  width: 320px;
  height: 45px;
  margin: 20px auto 0;
}

.hd__myInfoCheckPW .myInfoCheckPW .checkPW .member-box {
  margin: 50px auto 0;
  width: 755px;
}

.hd__myInfoCheckPW .myInfoCheckPW .checkPW .member-box .input-box button {
  right: 0;
  margin: 0;
}

.hd__myConsult .myConsult__sec .tab-menu {
  padding-top: 0;
}

.hd__myConsult .myConsult__sec .tab-menu__list {
  margin-right: 24px;
  width: auto;
  text-align: left;
}

.hd__myConsult .myConsult__sec .tab-menu__list a {
  color: #666;
}

.hd__myConsult .myConsult__sec .tab-menu__list a:after {
  display: none;
}

.hd__myConsult .myConsult__sec .tab-menu__list a strong {
  color: #888;
  background: transparent;
}

.hd__myConsult .myConsult__sec .tab-menu__list--on a strong {
  color: #1c1c1c;
}

.hd__myConsult .myConsult__sec .tab-menu__list:first-child:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
  width: 1px;
  height: 20px;
  background: #ccc;
  content: '';
}

.hd__myConsult .myConsult__sec .tab-menu__inner:after {
  display: none;
}

.hd__myConsult .myConsult__sec .tab-content {
  position: relative;
}

.hd__myConsult .myConsult__sec .tab-content .btn-tab {
  position: absolute;
  right: 0;
  top: -57px;
  width: 210px;
  height: 45px;
  line-height: 40px;
  font-size: 17px;
}

.hd__myConsult .myConsult-list {
  margin: 0 0 50px;
}

.hd__myConsult .myConsult-list__tit {
  padding: 25px 0;
  font-size: 18px;
  font-weight: bold;
  border-top: 2px solid #1c1c1c;
  border-bottom: 1px solid #ccc;
}

.hd__myConsult .myConsult-list ul li {
  display: table;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.hd__myConsult .myConsult-list ul li strong {
  display: table-cell;
  padding-right: 15px;
  vertical-align: middle;
}

.hd__myConsult .myConsult-list ul li span {
  display: table-cell;
  vertical-align: middle;
}

.hd__myConsult .myConsult-list ul li .btn-init.white {
  float: right;
  display: table-cell;
  margin: 10px 0;
  padding: 0 30px;
  width: auto;
  height: 45px;
  line-height: 43px;
  font-size: 16px;
  vertical-align: middle;
}

.hd__myConsult .myConsult-list ul li a:not(.btn-init.white), .hd__myConsult .myConsult-list ul li .box {
  display: table;
  padding: 25px 0;
}

.hd__myConsult .myConsult-list ul li a:not(.btn-init.white):after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  border: solid rgba(0, 0, 0, 0.5);
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd__myConsult .myConsult-list ul li .box-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.hd__myConsult .myConsult-list ul li .box-btn button {
  padding: 10px 20px;
  margin-left: 5px;
  width: auto;
  font-size: 17px;
  text-align: center;
  border: 1px solid #918c00;
  border-radius: 30px;
}

.hd .popup_coaching .coaching-user {
  position: relative;
}

.hd .popup_coaching .coaching-user__name {
  width: 400px;
  font-size: 20px;
  font-weight: bold;
}

.hd .popup_coaching .coaching-user__data {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 15px;
  color: #888;
}

.hd .popup_coaching .coaching-user__list {
  margin-top: 30px;
}

.hd .popup_coaching .coaching-user__list li {
  position: relative;
  margin-top: 5px;
  padding-left: 130px;
  line-height: 1.5;
  font-size: 16px;
}

.hd .popup_coaching .coaching-user__list .title {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 130px;
}

.hd .popup_coaching .coaching-user__list .text {
  margin-right: 10px;
}

.hd .popup_coaching .coaching-user__list .point {
  color: #918c00;
}

.hd .popup_coaching .coaching-user__list .line:before {
  display: inline-block;
  margin-right: 10px;
  width: 2px;
  height: 15px;
  background: #ccc;
  vertical-align: middle;
  content: '';
}

.hd .popup_coaching .coaching-user__list i {
  padding: 1px 7px;
  font-size: 14px;
  font-style: normal;
  border-radius: 30px;
}

.hd .popup_coaching .coaching-user__list i.red {
  background: #FFA4A4;
}

.hd .popup_coaching .coaching-user__list i.orange {
  background: #FCC98E;
}

.hd .popup_coaching .coaching-tab {
  margin: 30px -30px 0;
}

.hd .popup_coaching .coaching-tab .tab-content {
  padding: 0 30px 70px;
}

.hd .popup_coaching .coaching-tab .tab-menu__list {
  height: 45px;
  line-height: 45px;
  font-size: 16px;
}

.hd .popup_coaching .coaching-tab .tab-menu__list a {
  padding-right: 14px;
}

.hd .popup_coaching .coaching-tab .tab-menu__list a:after {
  border-top-width: 16px;
  border-right-width: 7px;
  border-bottom-width: 16px;
  border-left-width: 6px;
}

.hd .popup_coaching .coaching-tab .tab-menu__list a strong {
  padding: 0 15px;
}

.hd .popup_coaching .coaching-tab .tab-menu__inner {
  padding-left: 30px;
  height: 47px;
}

.hd .popup_coaching .coaching-tab .tab-menu__inner:after {
  left: 0;
}

.hd .popup_coaching .coaching-h3 {
  position: relative;
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
}

.hd .popup_coaching .coaching-h3 a {
  float: right;
  margin-top: 5px;
  padding-right: 2px;
  font-size: 15px;
  font-weight: normal;
  color: #918c00;
}

.hd .popup_coaching .coaching-h3 a:after {
  display: inline-block;
  margin: -3px 0 0 3px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: solid #b2ac00;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
  content: '';
}

.hd .popup_coaching .coaching-desc {
  margin-top: 5px;
  font-size: 15px;
  color: #888;
}

.hd .popup_coaching .coaching-desc .ico_tooltip {
  margin-top: -1px;
}

.hd .popup_coaching .coaching-care {
  margin-top: 30px;
}

.hd .popup_coaching .coaching-care dl {
  display: flex;
  flex-flow: wrap;
  margin-top: 30px;
  padding-top: 10px;
  font-size: 16px;
  border-top: 1px solid #ccc;
}

.hd .popup_coaching .coaching-care dl:first-child {
  margin: 0 0 -20px;
  padding-top: 0;
  border-top: 0;
}

.hd .popup_coaching .coaching-care dl dt {
  width: 20%;
  font-weight: bold;
  text-align: center;
}

.hd .popup_coaching .coaching-care dl dt:not(:first-child) {
  width: 40%;
}

.hd .popup_coaching .coaching-care dl dt span {
  display: block;
  margin-bottom: 5px;
  font-weight: normal;
  color: #888;
}

.hd .popup_coaching .coaching-care dl dd {
  padding-left: 14px;
  width: 40%;
  box-sizing: border-box;
}

.hd .popup_coaching .coaching-care .care-title {
  font-weight: normal;
}

.hd .popup_coaching .coaching-title {
  display: block;
  display: -webkit-box;
  margin-top: 5px;
  font-size: 19px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.hd .popup_coaching .coaching-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px 0;
  width: 100%;
  font-size: 22px;
}

.hd .popup_coaching .coaching-product__list {
  margin: 15px -30px 0 0;
}

.hd .popup_coaching .coaching-product__list ul {
  padding-bottom: 30px;
  white-space: nowrap;
}

.hd .popup_coaching .coaching-product__list .box__list {
  display: inline-block;
  float: none;
  margin: 0 8px 0 0 !important;
  width: 187px !important;
  vertical-align: top;
}

.hd .popup_coaching .coaching-product__list .box__list__thumb {
  height: 187px;
}

.hd .popup_coaching .coaching-product__list .box__list__title {
  display: block;
  font-size: 17px;
}

.hd .popup_coaching .coaching-product__list .box__list__title__wrap {
  margin-top: 10px;
}

.hd .popup_coaching .coaching-product__list .box__list__sub {
  font-size: 15px;
}

.hd .popup_coaching .coaching-product__list .box__list__price-origin {
  font-size: 15px;
}

.hd .popup_coaching .coaching-product__list .box__list__price-discounted {
  font-size: 16px;
}

.hd .popup_coaching .coaching-product__list .box__list__price-discounted-rate {
  font-size: 18px;
}

.hd .popup_coaching .coaching-product__list .box__list__price-discounted strong {
  font-size: 18px;
}

.hd .popup_coaching .coaching-product__list .box__list__btn button {
  transform: scale(0.8);
}

.hd .popup_coaching .coaching-product__list .box__list__btn button:first-child {
  margin: 0 -7px 0 -7px;
}

.hd .popup_coaching .coaching-product__list .box__list__score {
  right: 0;
  top: 0;
  transform: scale(0.7);
}

.hd .popup_coaching .coaching-ingredient__list {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -5px 0;
}

.hd .popup_coaching .coaching-ingredient__list li {
  padding: 0 7px 10px;
  width: 33.333%;
  text-align: center;
  box-sizing: border-box;
}

.hd .popup_coaching .coaching-ingredient__list .list-thumb {
  border-radius: 50%;
  overflow: hidden;
}

.hd .popup_coaching .coaching-ingredient__list .list-thumb img {
  display: block;
}

.hd .popup_coaching .coaching-ingredient__list .list-title {
  display: block;
  margin-top: 10px;
  font-size: 16px;
}

.hd .popup_coaching .coaching-ingredient__list .list-tag {
  margin-top: 5px;
  line-height: 1.4;
}

.hd .popup_coaching .coaching-ingredient__list .list-tag span {
  display: inline-block;
  margin: 0 2px;
  font-size: 15px;
  color: #888;
}

.hd__innerEco {
  width: 750px;
  margin: 0 auto;
}

.hd .ecoDelivery__cont {
  margin: -30px 0 40px;
  text-align: center;
  font-size: 16px;
}

.hd .ecoDelivery__form {
  border-top: 3px solid #1c1c1c;
}

.hd .ecoDelivery__form ul li {
  margin-top: 15px;
  font-size: 0;
}

.hd .ecoDelivery__form ul li .form__title {
  display: inline-block;
  width: 130px;
  vertical-align: top;
  line-height: 45px;
  font-size: 16px;
  font-weight: 600;
}

.hd .ecoDelivery__form ul li .form__title .hd__necessar {
  display: inline;
}

.hd .ecoDelivery__form ul li .form__cont {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 130px);
  font-size: 16px;
}

.hd .ecoDelivery__form ul li .middle {
  vertical-align: middle;
}

.hd .ecoDelivery__form-head {
  padding: 30px 0;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: 600;
}

.hd .ecoDelivery__form .hd-checkbox label {
  margin-right: 20px;
}

.hd .ecoDelivery .dawnDelivery-info {
  margin-top: 15px;
}

.hd .ecoDelivery .dawnDelivery-info .box {
  padding: 30px 40px 30px 30px;
  background: #f5f5f5;
}

.hd .ecoDelivery .dawnDelivery-info .box__title {
  display: inline-block;
  margin-bottom: 15px;
}

.hd .ecoDelivery .dawnDelivery-info .box__list {
  margin-top: 20px;
}

.hd .ecoDelivery .dawnDelivery-info .box__list:first-child {
  margin-top: 0;
}

.hd .ecoDelivery .dawnDelivery-info .box__list .boxInner__list {
  display: inline-block;
}

.hd .ecoDelivery .dawnDelivery-info .box__list .boxInner__list.comm .input_text {
  width: 135px;
  height: 45px;
  margin: 0 60px 15px 20px;
  padding: 0 20px;
}

.hd .ecoDelivery .dawnDelivery-info .box__list .boxInner__list.etc .input_text {
  width: 450px;
  height: 45px;
  margin: 0 0 15px 111px;
  padding: 0 20px;
}

.hd .ecoDelivery .dawnDelivery-info .box__list .boxInner__list--ml {
  margin-left: 80px;
}

.hd .ecoDelivery .dawnDelivery-info .box__list .boxInner .check-label {
  display: inline-block;
}

.hd .ecoDelivery .dawnDelivery-info .box__list .boxInner .check-label input[type="checkbox"]:checked + .check-icon {
  display: block;
}

.hd .ecoDelivery .dawnDelivery-info .box__list .boxInner .check-label .text {
  padding-left: 50px;
  height: 40px;
  line-height: 40px;
}

.hd .ecoDelivery .dawnDelivery-info .box__list .boxInner .check-label.pw-area {
  margin-bottom: 10px;
}

.hd .ecoDelivery .dawnDelivery-info .box__list .boxInner .input_text {
  margin-bottom: 10px;
}

.hd .ecoDelivery .dawnDelivery-info .box__list .title {
  display: block;
  margin-bottom: 15px;
}

.hd .ecoDelivery .dawnDelivery-info .box__list .title-v2 {
  width: 204px;
  line-height: 32px;
}

.hd .ecoDelivery .dawnDelivery-info .box .visit-way {
  display: none;
}

.hd .ecoDelivery .dawnDelivery-info .box .visit-way .show {
  display: block;
}

.hd .ecoDelivery .dawnDelivery-info .box .visit-way .input_text {
  display: none;
}

.hd .ecoDelivery .dawnDelivery-info .checks_box {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.hd .ecoDelivery .dawnDelivery-info .saveInfo {
  padding: 25px 0;
}

.hd .ecoDelivery__notice {
  margin-top: 25px;
}

.hd .ecoDelivery__notice p {
  padding-left: 10px;
  font-size: 16px;
  color: #888;
  line-height: 26px;
  text-indent: -10px;
}

.hd .ecoDelivery .agreement {
  margin-top: 25px;
  border-bottom: 1px solid #ccc;
}

.hd .ecoDelivery .agreement li .box {
  margin-top: 25px;
}

.hd .ecoDelivery .agreement li .box__head {
  position: relative;
  padding: 20px 0;
  background: none;
  border-top: 1px solid #ccc;
  font-weight: 600;
}

.hd .ecoDelivery .agreement li .box__head .view-detail {
  display: block;
  width: 50px;
  height: 50px;
  background: no-repeat;
  right: 0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.hd .ecoDelivery .agreement li .box__cont {
  padding: 25px;
  background: #f5f5f5;
  border-top: 1px solid #ccc;
  color: #888;
  line-height: 1.6;
}

.hd .ecoDelivery .agreement li .accordion__head {
  position: absolute;
}

.hd .ecoDelivery .agreement li .accordion__head:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 23px;
  height: 2px;
  background-color: #1c1c1c;
  content: '';
  opacity: 0.6;
}

.hd .ecoDelivery .agreement li .accordion__head:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  width: 2px;
  height: 23px;
  background-color: #1c1c1c;
  content: '';
  opacity: 0.6;
}

.hd .ecoDelivery .agreement li .accordion__head--on:after {
  display: none;
}

.hd .ecoDelivery .agreement li .accordion__head + .accordion__haed {
  border-top: none;
}

.hd .ecoDelivery .btn {
  margin-top: 50px;
  height: 70px;
}

.hd .ecoDelivery .btn-init {
  font-size: 24px;
}

.hd .ecoPay .greating-pay {
  border: 1px solid #ccc;
  background: #f5f5f5;
  /* 카드 없는 경우 */
}

.hd .ecoPay .greating-pay__sec.no-card {
  text-align: center;
}

.hd .ecoPay .greating-pay__sec.no-card .btn__add-card {
  display: block;
  width: 100%;
  padding: 44px 0;
  font-weight: 400;
  color: #1c1c1c;
}

.hd .ecoPay .greating-pay__sec.no-card .btn__add-card span {
  display: block;
  position: relative;
  width: 36px;
  height: 36px;
  margin: 0 auto 15px;
  background: #918c00;
  border-radius: 50%;
}

.hd .ecoPay .greating-pay__sec.no-card .btn__add-card span:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 14px;
  background: #FFF;
  transform: translate3d(-50%, -50%, 0);
}

.hd .ecoPay .greating-pay__sec.no-card .btn__add-card span:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background: #FFF;
  transform: translate3d(-50%, -50%, 0);
}

.hd .ecoPay .greating-pay__sec.card {
  padding: 40px 0;
}

.hd .ecoPay .greating-pay__sec .card__wrap {
  padding: 0 218px;
}

.hd .ecoPay .greating-pay__sec .card__view {
  padding: 12px;
}

.hd .ecoPay .greating-pay__sec .card__view label {
  display: block;
  position: relative;
  width: 288px;
  height: 158px;
  border: 3px solid #888;
  background: #FFF;
  border-radius: 15px;
  box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, 0.19);
  box-sizing: border-box;
}

.hd .ecoPay .greating-pay__sec .card__view label:before {
  content: '';
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 34px;
  height: 34px;
  border: 1px solid #ccc;
  background: #FFF url("/front_pc/images/ico_comm_checkbox-fc3131821da6cb1b27e84b08680a2f22.png") no-repeat 50% 50%;
  border-radius: 50%;
}

.hd .ecoPay .greating-pay__sec .card__view label.greating-pay__sec.card .card__view label .card__num {
  display: block;
  position: absolute;
  top: 100px;
  left: 50%;
  width: 100%;
  font-size: 0;
  text-align: center;
  transform: translate3d(-50%, 0, 0);
}

.hd .ecoPay .greating-pay__sec .card__view label.greating-pay__sec.card .card__view label .card__num span {
  display: inline-block;
  vertical-align: top;
  margin-left: 25px;
  font-size: 16px;
  font-weight: 600;
  color: #1c1c1c;
}

.hd .ecoPay .greating-pay__sec .card__num {
  display: block;
  position: absolute;
  top: 100px;
  left: 50%;
  width: 100%;
  font-size: 0;
  text-align: center;
  transform: translate3d(-50%, 0, 0);
}

.hd .ecoPay .greating-pay__sec .card__num span {
  display: inline-block;
  vertical-align: top;
  margin-left: 25px;
  font-size: 16px;
  font-weight: 600;
  color: #1c1c1c;
}

.hd .ecoPay .greating-pay__sec .card__num span:first-child {
  margin-left: 0;
}

.hd .ecoPay .greating-pay__sec .card__list .card-logo-left {
  position: absolute;
  top: 0;
  left: 24px;
  width: 200px;
  height: 60px;
}

.hd .ecoPay .greating-pay__sec .card__update {
  text-align: center;
  font-size: 0;
}

.hd .ecoPay .greating-pay__sec .card__update > li {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}

.hd .ecoPay .greating-pay__sec .card__update > li button {
  width: 110px;
  height: 46px;
  border: 1px solid #ccc;
  background: #FFF;
  font-size: 16px;
  font-weight: 400;
}

.hd .ecoPay .greating-pay__sec input[type="radio"]:checked + .card__view label:before {
  border: 1px solid #918c00;
  background: #918c00 url("/front_pc/images/ico_comm_checkbox_on-2bb49b0f9d9a22138694752231647e7d.png") no-repeat 50% 50%;
}

.hd .ecoPay .greating-pay .swiper-pagination {
  margin: 20px 0 30px;
  text-align: center;
}

.hd .ecoPay .greating-pay .swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  float: none;
  width: 9px;
  height: 9px;
  margin: 3px 4px;
  background-color: #333;
  border-radius: 20px;
}

.hd .ecoPay .greating-pay .swiper-pagination .swiper-pagination-bullet-active {
  width: 9px;
  height: 9px;
  margin: 0 15px;
  background-color: #fff;
  border: 3px solid #000;
}

.hd .ecoPay .btn {
  margin-top: 50px;
  height: 70px;
}

.hd .ecoPay .btn-init {
  font-size: 24px;
}

.hd .ecoComplete__txt {
  padding-top: 40px;
  border-top: 3px solid #1c1c1c;
}

.hd .ecoComplete__msg {
  display: block;
  position: relative;
  padding-top: 90px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}

.hd .ecoComplete__msg:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 63px;
  height: 63px;
  background: #918c00 url(/front_pc/images/ico_comm_smile-7999fddac4779d4dae1c8d1a289d60e4.png) no-repeat 0 0;
  border-radius: 50%;
  transform: translate3d(-50%, 0, 0);
}

.hd .ecoComplete__desc {
  width: 450px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  margin-top: 20px;
  padding-top: 15px;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
}

.hd .ecoComplete .btn {
  margin-top: 50px;
  height: 70px;
}

.hd .ecoComplete .btn-init {
  font-size: 24px;
}

.hd .ecoCancel .useAgree {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}

.hd .ecoCancel .btn {
  margin-top: 50px;
  height: 70px;
}

.hd .ecoCancel .btn-init {
  font-size: 24px;
}

.hd .myEcobag {
  padding: 50px 0 70px 0;
  border: 1px solid #ccc;
  border-top: 3px solid #1c1c1c;
  background: #f9f9f9;
  text-align: center;
  font-size: 0;
}

.hd .myEcobag:before {
  content: '';
  display: block;
  width: 88px;
  height: 88px;
  margin: 0 auto 20px;
  background: #918c00 url(/front_pc/images/ico_ecoBag-c41783f2c927bf8b46462ec7c3c50135.png) no-repeat 50% 50%;
  border-radius: 50%;
}

.hd .myEcobag span {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}

.hd .myEcobag strong {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 36px;
}

.hd .myEcobag strong:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
  z-index: -1;
  width: 100%;
  height: 8px;
  background: #F9D983;
}

.hd .myEcobag__btn {
  text-align: center;
  font-size: 0;
  margin-top: 30px;
}

.hd .myEcobag__btn a {
  display: inline-block;
  vertical-align: top;
  width: 170px;
  height: 46px;
  margin: 0 4px;
  border: 1px solid #ccc;
  background: #FFF;
  font-size: 16px;
  line-height: 44px;
  box-sizing: border-box;
}

.coupon__wrap .coupon_regist {
  display: flex;
  position: relative;
  padding: 25px 0 20px;
  border-top: 3px solid #1c1c1c;
  align-items: center;
}

.coupon__wrap .coupon_regist input {
  height: 70px;
  padding: 0 65px 0 25px;
  border: 3px solid #918c00;
  box-sizing: border-box;
  font-size: 18px;
  flex: 1 0 auto;
}

.coupon__wrap .coupon_regist .btn-init {
  background: #918c00;
  margin-left: 20px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  flex: 0 0 150px;
  height: 70px;
}

.coupon__wrap .coupon_regist .input-remove {
  position: absolute;
  right: 205px;
  top: 49px;
  width: 25px;
  height: 25px;
  background: #ddd url("/front_mo/images/icon_comm_close-black-4f84954e831829bcaef630be1cae8386.png") no-repeat center;
  background-size: 44%;
  border-radius: 50%;
  font-size: 0;
  z-index: 1;
}

.coupon__wrap .tab-menu.regist {
  margin: 0 auto 20px;
  padding-top: 10px;
  width: 750px;
  font-size: 0;
  border: 0;
}

.coupon__wrap .tab-menu.regist .tab-menu__list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 50%;
  height: 63px;
  margin-left: -1px;
  border: 1px solid #ccc;
  border-bottom: 3px solid #1c1c1c;
  box-sizing: border-box;
  line-height: 57px;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
}

.coupon__wrap .tab-menu.regist .tab-menu__list:first-child {
  margin-left: 0;
}

.coupon__wrap .tab-menu.regist .tab-menu__list a {
  display: block;
  padding: 0;
  color: #888;
}

.coupon__wrap .tab-menu.regist .tab-menu__list a:after {
  display: none;
}

.coupon__wrap .tab-menu.regist .tab-menu__list--on {
  z-index: 1;
  line-height: 53px;
  border: 3px solid #1c1c1c;
  border-bottom: none;
  font-weight: bold;
}

.coupon__wrap .tab-menu.regist .tab-menu__list--on a {
  color: #1c1c1c;
  font-weight: 600;
}

.coupon__wrap .tab-menu.regist + .tab-content, .coupon__wrap .tab-menu.regist + .tab-content + .tab-content {
  width: 750px;
}

.coupon__wrap .tab-content {
  margin: 0 auto;
}

.coupon__wrap .tab-content .coupon_regist {
  border-top: 0;
}

.coupon__wrap .guide {
  margin: 20px auto;
  width: 700px;
}

.coupon__wrap .guide_title {
  margin-bottom: 20px;
  font-size: 17px;
}

.coupon_poss {
  display: flex;
  flex-flow: wrap;
  margin-left: -10px;
}

.coupon_poss li {
  margin: 15px 0 0 10px;
  width: calc(50% - 10px);
}

.coupon_poss li a {
  position: relative;
}

.coupon_poss li a:after {
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  border: solid #888;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  content: '';
  z-index: 1;
}

.coupon_poss li a .coupon_poss_info {
  padding: 20px 40px 20px 20px;
}

.coupon_poss_bg {
  position: relative;
  display: block;
  margin: 0 auto;
  min-height: 181px;
  box-sizing: border-box;
  border: 1px solid #cfcfcf;
  border-radius: 20px;
}

.coupon_poss_info {
  display: block;
  padding: 20px;
}

.coupon_poss_inner {
  display: block;
}

.coupon_poss .free_dv {
  display: block;
  overflow: hidden;
  text-align: left;
  margin-bottom: 15px;
}

.coupon_poss .free_dv .day_rming {
  float: right;
  margin-left: 15px;
  line-height: 1.3;
  font-size: 17px;
  color: #918c00;
}

.coupon_poss .free_dv .coupon_title {
  font-size: 18px;
  line-height: 1.3;
  color: #1c1c1c;
}

.coupon_poss .price_mrtn {
  display: block;
  min-height: 72px;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 10px;
}

.coupon_poss .price_mrtn em {
  display: block;
}

.coupon_poss .use_date {
  display: block;
  color: #918c00;
  letter-spacing: 0.6px;
  text-align: left;
}

.coupon_finish .coupon_poss_bg {
  border-color: #cfcfcf !important;
  background: #f5f5f5;
}

.coupon_finish .coupon_poss_bg .coupon_poss_inner,
.coupon_finish .coupon_poss_bg .coupon_poss_inner .free_dv .coupon_title,
.coupon_finish .coupon_poss_bg .coupon_poss_inner .use_date {
  color: #9f9f9f;
}

.coupon_finish .coupon_poss_bg .coupon_poss_inner .free_dv .day_rming {
  color: #3d3d3d;
}

.coupon-btn {
  margin-top: 40px;
  font-size: 20px;
  height: 70px;
}

.carefood__wrap .btn {
  display: table;
  width: 100%;
}

.carefood__wrap .btn__carefood-buy {
  display: table-cell;
  width: 25%;
  max-width: 590px;
  height: 90px;
  margin: 0 auto;
  line-height: 90px;
  font-size: 30px;
}

.carefood__wrap .btn__carefood-buy.gift {
  width: 12%;
}

.carefood__wrap .btn__carefood-buy.gift:before {
  margin-top: 0;
  width: 25px;
  height: 26px;
  vertical-align: middle;
}

.carefood__wrap .btn.fixed {
  position: fixed;
  left: 50%;
  bottom: 0;
  width: 1100px;
  transform: translateX(-50%);
  z-index: 9;
}

.carefood__wrap .btnBox {
  height: 92px;
}

.carefood__wrap .hd__meals__review {
  margin-top: 0;
  background: transparent;
}

.carefood__wrap .hd__meals__review .hd__meals__h4 {
  text-align: center;
}

.carefood__visual {
  height: 415px;
  background: #fff;
}

.carefood__visual .carefood__img {
  height: 350px;
  overflow: hidden;
}

.carefood__visual .carefood__category {
  position: relative;
  margin: -80px auto 0;
  width: 640px;
  height: 145px;
  border-radius: 30px 30px 0 0;
  background: #fff;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  box-sizing: border-box;
  z-index: 1;
}

.carefood__visual .carefood__category ul {
  display: flex;
  padding: 20px 10px 0;
}

.carefood__visual .carefood__category ul li {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
}

.carefood__visual .carefood__category ul li i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: #f5f5f5;
  border-radius: 50%;
}

.carefood__visual .carefood__category ul li i:before {
  display: block;
  width: 65px;
  height: 65px;
  background-repeat: no-repeat;
  background-size: 500%;
  content: '';
}

.carefood__visual .carefood__category ul li span {
  display: block;
  padding-top: 10px;
  height: 45px;
  box-sizing: border-box;
}

.carefood__visual .carefood__category ul li span .txt-s {
  display: block;
  margin-top: 4px;
  font-size: 13px;
}

.carefood__visual .carefood__category ul li:nth-of-type(1) i:before {
  background-position-x: 0%;
}

.carefood__visual .carefood__category ul li:nth-of-type(2) i:before {
  background-position-x: 25%;
}

.carefood__visual .carefood__category ul li:nth-of-type(3) i:before {
  background-position-x: 50%;
}

.carefood__visual .carefood__category ul li:nth-of-type(4) i:before {
  background-position-x: 75%;
}

.carefood__visual .carefood__category ul li:nth-of-type(5) i:before {
  background-position-x: 100%;
}

.carefood__visual .carefood__category ul li.on i {
  background-color: #918c00;
}

.carefood__visual .carefood__category ul li.on i:before {
  background-position-y: bottom;
}

.carefood__visual .carefood__category ul li.on span {
  font-weight: bold;
  color: #918c00;
  border-bottom: 4px solid #918c00;
}

.carefood__visual.type1 .carefood__img {
  background-image: url("/front_pc/images/img_main_healthy-ce2cd70903c313cba7fae2a9dd5a89db.jpg");
}

.carefood__visual.type1 .carefood__category li:nth-of-type(1) i:before {
  background-position-x: 0%;
}

.carefood__visual.type1 .carefood__category li:nth-of-type(2) i:before {
  background-position-x: 20%;
}

.carefood__visual.type1 .carefood__category li:nth-of-type(3) i:before {
  background-position-x: 40%;
}

.carefood__visual.type1 .carefood__category li:nth-of-type(4) i:before {
  background-position-x: 60%;
}

.carefood__visual.type1 .carefood__category li:nth-of-type(5) i:before {
  background-position-x: 80%;
}

.carefood__visual.type1 .carefood__category li:nth-of-type(6) i:before {
  background-position-x: 100%;
}

.carefood__visual.type1 .carefood__category li i:before {
  background-size: 600%;
  background-image: url("/front_mo/images/ico_care_category1-f9f5b88330ccbba32a234263cfa5cf2f.png?ver=250624");
}

.carefood__visual.type2 .carefood__img {
  background-image: url("/front_pc/images/img_main_care-58e6b30836936947f89ebf133eab1e47.jpg");
}

.carefood__visual.type2 .carefood__category i:before {
  background-image: url("/front_mo/images/ico_care_category2-782a8897768f631b879799babe8b03e4.png?ver=240314");
}

.carefood__visual .main__h3 {
  margin-top: 70px;
  font-size: 34px;
  text-align: center;
}

.carefood__visual .main__h3 strong {
  color: #fff;
}

.carefood__visual .main__desc {
  font-size: 26px;
  color: #fff;
  text-align: center;
}

.carefood__visual .main__tag {
  margin-top: 30px;
  text-align: center;
}

.carefood__visual .main__tag span {
  display: inline-block;
  margin: 0 2px;
  padding: 0 15px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  vertical-align: top;
  border: 1px solid #fff;
  border-radius: 30px;
}

.carefood__visual.fixed .carefood__inner {
  position: fixed;
  left: 0;
  top: -245px;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.carefood__senior-txt {
  line-height: 1.6;
  font-size: 16px;
  text-align: left;
}

.carefood__senior-txt .color1 {
  color: #73512D;
}

.carefood__senior-txt .color2 {
  color: #918c00;
}

.carefood__senior-txt .line {
  display: inline-block;
  line-height: 0.3;
  border-bottom: 7px solid #F9D983;
}

.carefood__senior-txt.type2 {
  margin-top: 25px;
  font-size: 17px;
}

.carefood__senior-tab {
  margin: 25px 0;
}

.carefood__senior-tab .tab-menu {
  height: 50px;
  padding-top: 0;
  border-bottom: 0;
}

.carefood__senior-tab .tab-menu__list {
  width: calc(100% / 2);
  height: 50px;
  line-height: 48px;
  border: 1px solid #ccc;
  border-radius: 20px 20px 0 0;
  box-sizing: border-box;
}

.carefood__senior-tab .tab-menu__list a {
  padding: 0;
}

.carefood__senior-tab .tab-menu__list a:after {
  display: none;
}

.carefood__senior-tab .tab-menu__list--on {
  border-color: #1c1c1c;
  background: #1c1c1c;
}

.carefood__senior-tab .tab-menu__list--on a {
  color: #fff;
}

.carefood__senior-tab .tab-content {
  padding: 15px 30px;
  font-size: 15px;
  text-align: left;
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
}

.carefood__senior-tab .tab-content dl {
  display: flex;
  flex-flow: wrap;
  line-height: 2.0;
}

.carefood__senior-tab .tab-content dl dt {
  width: 70px;
  font-weight: bold;
}

.carefood__senior-tab .tab-content dl dd {
  color: #666;
}

.carefood__senior-tab .tab-content dl dd span {
  color: #1c1c1c;
}

.popup_careOrder .hd__popup__modal {
  width: 450px;
}

.popup_careOrder .modal__sec__cont {
  padding: 40px 30px 30px 30px;
  font-size: 20px;
  text-align: center;
}

.popup_careOrder .btn {
  margin-top: 30px;
}

.popup_careOrder .btn-init {
  line-height: 55px;
}

.popup_careOrder .btn__close-x {
  top: 20px;
  transform: none;
}

.grouporder__wrap {
  margin-top: 50px;
}

.grouporder__title-b {
  color: #1c1c1c;
  font-size: 42px;
  font-weight: bold;
}

.grouporder__title-b span {
  display: inline-block;
  vertical-align: bottom;
}

.grouporder__title p {
  margin-top: 25px;
  color: #888;
  font-size: 26px;
}

.grouporder__title .tel {
  display: flex;
  margin: 0 0 -1px 25px;
  font-size: 30px;
  font-weight: normal;
  align-items: center;
  justify-content: center;
}

.grouporder__title .tel:before {
  content: "";
  display: block;
  background: url("/front_pc/images/icon_comm_phone-e49c8281a394d080e3c66150271d205e.png?ver=210315") no-repeat 50% 50%;
  background-size: 100%;
  width: 45px;
  height: 45px;
  margin-right: 10px;
  border: 1px solid #ccc;
  border-radius: 100%;
}

.grouporder__contents {
  border-top: solid 2px #1c1c1c;
  margin-top: 30px;
}

.grouporder__contents .grouporder__apply {
  width: 640px;
  margin: 0 auto;
}

.grouporder__contents .grouporder__apply dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}

.grouporder__contents .grouporder__apply dl:first-child {
  margin-top: 0;
}

.grouporder__contents .grouporder__apply dl dt {
  font-size: 20px;
  font-weight: bold;
  color: #1c1c1c;
  min-width: 160px;
}

.grouporder__contents .grouporder__apply dl dt span {
  font-size: 18px;
  color: #918c00;
}

.grouporder__contents .grouporder__apply dl dt em {
  color: #888;
  font-size: 18px;
  font-weight: normal;
}

.grouporder__contents .grouporder__apply dl dd {
  flex: 1;
}

.grouporder__contents .grouporder__apply dl dd input {
  width: 100%;
  height: 50px;
  padding: 10px;
  border: solid 1px #ccc;
  box-sizing: border-box;
}

.grouporder__contents .grouporder__apply dl dd .phone {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.grouporder__contents .grouporder__apply dl dd .phone input, .grouporder__contents .grouporder__apply dl dd .phone select {
  width: 140px;
  height: 50px;
  border: solid 1px #ccc;
  box-sizing: border-box;
  line-height: 1.4;
}

.grouporder__contents .grouporder__apply dl.full {
  display: block;
}

.grouporder__contents .grouporder__apply dl.full dd ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 15px;
}

.grouporder__contents .grouporder__apply dl.full dd ul li {
  width: 310px;
  height: 370px;
  text-align: center;
  padding: 60px 28px 40px;
  box-sizing: border-box;
  position: relative;
}

.grouporder__contents .grouporder__apply dl.full dd ul li h3 {
  position: relative;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}

.grouporder__contents .grouporder__apply dl.full dd ul li h3::after {
  content: "";
  display: block;
  background: #0ee2e6;
  width: 30px;
  height: 3px;
  margin: 20px auto 25px;
}

.grouporder__contents .grouporder__apply dl.full dd ul li p {
  color: #d8d8d8;
  line-height: 1.4;
  font-size: 23px;
}

.grouporder__contents .grouporder__apply dl.full dd ul li .volume {
  margin-top: 35px;
  text-align: left;
}

.grouporder__contents .grouporder__apply dl.full dd ul li .volume h4 {
  color: #a4a4a4;
  font-size: 17px;
}

.grouporder__contents .grouporder__apply dl.full dd ul li .volume select {
  width: 100%;
  height: 60px;
  margin-top: 10px;
  padding: 0 20px;
}

.grouporder__contents .grouporder__apply dl.full dd ul li .hd-checkbox {
  position: absolute;
  top: 20px;
  right: 20px;
}

.grouporder__contents .grouporder__apply dl.full dd ul li .hd-checkbox input {
  width: 1px;
  height: 1px;
}

.grouporder__contents .grouporder__apply dl.full dd ul li .hd-checkbox label {
  display: block;
  width: 36px;
  height: 36px;
  padding: 0;
}

.grouporder__contents .grouporder__apply dl.full dd ul li .hd-checkbox label::before {
  width: 100%;
  height: 100%;
}

.grouporder__contents .grouporder__apply dl.full dd ul li.regular {
  background: url("/front_pc/images/bg_regular-0e0c98785c4b206e99fbc9c1a1c9321c.png") 0 0 no-repeat;
}

.grouporder__contents .grouporder__apply dl.full dd ul li.lunchBox {
  background: url("/front_pc/images/bg_lunchBox-c6f610a2d106db457a4ac00d14897377.png?ver=210309") 0 0 no-repeat;
}

.grouporder__contents .grouporder__apply dl.full dd ul li.lunchBox h3::after {
  background: #0be09c;
}

.grouporder__contents .grouporder__apply dl.full dd ul li.other {
  display: flex;
  height: auto;
  margin-top: 20px;
  padding: 0;
  flex: 0 0 100%;
  align-items: center;
}

.grouporder__contents .grouporder__apply dl.full dd ul li.other h3 {
  margin-left: 10px;
  color: #1c1c1c;
  text-align: left;
  font-size: 23px;
  flex: 0 0 100px;
}

.grouporder__contents .grouporder__apply dl.full dd ul li.other h3::after {
  display: none;
}

.grouporder__contents .grouporder__apply dl.full dd ul li.other .hd-checkbox {
  position: static;
}

.grouporder__contents .grouporder__apply dl.half dt {
  flex: 0 0 50%;
}

.grouporder__contents .grouporder__apply .check-cal__data {
  height: 50px;
  position: relative;
}

.grouporder__contents .grouporder__apply .check-cal__data .ui-datepicker-trigger {
  top: 3px;
}

.grouporder__contents .grouporder__apply .textarea__wrap {
  position: relative;
  margin-top: 20px;
}

.grouporder__contents .grouporder__apply .textarea__wrap span {
  position: absolute;
  top: -40px;
  right: 0;
}

.grouporder__contents .grouporder__apply .textarea__wrap textarea {
  width: 100%;
  min-height: 260px;
  padding: 20px;
  border: solid 1px #ccc;
  box-sizing: border-box;
  font-size: 18px;
  color: #888;
}

.grouporder__contents .grouporder__apply button {
  display: block;
  background: #918c00;
  width: 500px;
  height: 100px;
  margin: 0 auto;
  margin-top: 50px;
  color: #fff;
  font-size: 32px;
}

.grouporder__list {
  margin-bottom: 70px;
  line-height: 1.5;
}

.grouporder__list dt {
  display: block;
  margin-top: 50px;
  font-size: 29px;
  font-weight: bold;
}

.grouporder__list dd {
  margin-top: 15px;
  padding-left: 35px;
  font-size: 24px;
}

.grouporder__text {
  margin-top: 40px;
  line-height: 1.7;
  font-size: 26px;
  letter-spacing: -0.5px;
}

.grouporder__text .guide {
  font-size: 90%;
  color: #888;
}

.grouporder__btn__wrap {
  text-align: center;
}

.grouporder__btn__wrap p {
  color: #1c1c1c;
  font-size: 25px;
}

.grouporder__btn__wrap .btn-order {
  display: block;
  background: #918c00;
  width: 620px;
  height: 100px;
  margin: 0 auto;
  margin-top: 30px;
  color: #fff;
  line-height: 100px;
  font-size: 32px;
}

div[class*="grade-"] .sub-cont__sec:first-child {
  margin-bottom: 0;
}

.mem__grade {
  height: 196px;
  position: relative;
}

.mem__grade .mem__grade__progress {
  height: 10px;
  position: absolute;
  background: #efefef;
  left: 0;
  right: 0;
  bottom: 50px;
}

.mem__grade .mem__grade__progress-bar {
  background: #918c00;
  height: 10px;
  transition: all .2s;
}

.mem__grade .mem__grade__progress-bar span {
  position: absolute;
  top: -50px;
  text-align: center;
  transform: translateX(-50%);
}

.mem__grade .mem__grade__progress-bar span.friends {
  left: 70px;
}

.mem__grade .mem__grade__progress-bar span.friends::before {
  background: #ffa45e;
}

.mem__grade .mem__grade__progress-bar span.mint {
  left: 252.5px;
}

.mem__grade .mem__grade__progress-bar span.mint::before {
  background: #3fc0c5;
}

.mem__grade .mem__grade__progress-bar span.white {
  left: 435px;
}

.mem__grade .mem__grade__progress-bar span.white::before {
  background: #e0e0e0;
}

.mem__grade .mem__grade__progress-bar span.green {
  left: 617.5px;
}

.mem__grade .mem__grade__progress-bar span.green::before {
  background: #006450;
}

.mem__grade .mem__grade__progress-bar span.black {
  left: 800px;
}

.mem__grade .mem__grade__progress-bar span.black::before {
  background: #000;
}

.mem__grade .mem__grade__progress-bar span::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 30px;
  bottom: -52px;
  border-radius: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.mem__grade .mem__grade__progress-bar span::after {
  content: "";
  display: none;
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-top: 12px solid #cfcfcf;
  border-bottom: 0px solid transparent;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}

.mem__fix {
  display: flex;
  height: 150px;
  border-top: solid 1px #bcbcbc;
  align-items: center;
}

.mem__fix h3 {
  width: 240px;
  border-right: solid 1px #bcbcbc;
  color: #1c1c1c;
  font-size: 20px;
  font-weight: bold;
  flex: 0 0 240px;
}

.mem__fix p {
  padding-left: 60px;
  color: #1c1c1c;
  font-size: 35px;
}

.mem__fix a {
  background: #918c00;
  width: 190px;
  height: 50px;
  margin-left: auto;
  font-size: 18px;
  color: #fff;
  line-height: 48px;
  text-align: center;
}

.mem__next__grade {
  display: flex;
  height: 150px;
  border-top: solid 1px #bcbcbc;
  align-items: center;
}

.mem__next__grade h3 {
  width: 240px;
  border-right: solid 1px #bcbcbc;
  color: #1c1c1c;
  font-size: 20px;
  font-weight: bold;
  flex: 0 0 240px;
}

.mem__next__grade div {
  padding-left: 60px;
  line-height: 1.4;
}

.mem__next__grade div p {
  color: #1c1c1c;
  font-size: 22px;
}

.mem__next__grade div p strong {
  font-size: 22px;
}

.mem__next__grade div strong {
  font-size: 35px;
}

.mem__benefit {
  text-align: center;
}

.mem__benefit::before {
  content: "";
  display: block;
}

.mem__benefit a {
  display: inline-block;
  margin-left: 45px;
  padding-bottom: 4px;
  border-bottom: solid 2px #dadada;
  color: #7a7a7a;
  font-size: 20px;
  font-weight: bold;
}

.mem__benefit-info {
  margin-top: 40px;
  padding-top: 40px;
  border-top: solid 1px #ddd;
  text-align: left;
}

.mem__benefit-info h3 {
  color: #1c1c1c;
  font-size: 20px;
  font-weight: bold;
}

.mem__benefit-info ul {
  margin-top: 25px;
}

.mem__benefit-info ul li {
  color: #6e6e6e;
  line-height: 2;
  font-size: 19px;
}

.sub-cont.grade-f .mem__grade__progress-bar {
  width: 70px;
}

.sub-cont.grade-f .mem__grade__progress-bar .friends {
  background: #ffa45e;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  transform: translateX(-50%);
  color: #fff;
  top: -102px;
}

.sub-cont.grade-f .mem__grade__progress-bar .friends::before {
  background: #ffa45e;
}

.sub-cont.grade-f .mem__grade__progress-bar .friends::after {
  display: block;
  border-top-color: #ffa45e;
}

.sub-cont.grade-f .mem__next__grade-type {
  color: #ffa45e;
}

.sub-cont.grade-f .mem__benefit::before {
  background: url(/front_pc/images/grade-y-887da10e9722dcfd877e2185d9459ee6.png?ver=20210218) 50% 50% no-repeat;
  height: 207px;
}

.sub-cont.grade-f.next .mem__next__grade-type {
  color: #3fc0c5;
}

.sub-cont.grade-f.next .mem__benefit::before {
  background: url(/front_pc/images/grade-w-879efabbf4a7df7d6e025b9d1ea88ee7.png?ver=20210218) 50% 50% no-repeat;
  height: 207px;
}

.sub-cont.grade-m .mem__grade__progress-bar {
  width: 255px;
}

.sub-cont.grade-m .mem__grade__progress-bar .mint {
  background: #3fc0c5;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  transform: translateX(-50%);
  color: #fff;
  top: -102px;
}

.sub-cont.grade-m .mem__grade__progress-bar .mint::before {
  background: #3fc0c5;
}

.sub-cont.grade-m .mem__grade__progress-bar .mint::after {
  display: block;
  border-top-color: #3fc0c5;
}

.sub-cont.grade-m .mem__next__grade-type {
  color: #3fc0c5;
}

.sub-cont.grade-m .mem__benefit::before {
  background: url(/front_pc/images/grade-m-59143112d7b13434e68636705297625b.png) 50% 50% no-repeat;
  height: 207px;
}

.sub-cont.grade-m.next .mem__next__grade-type {
  color: #a6a6a6;
}

.sub-cont.grade-m.next .mem__benefit::before {
  background: url(/front_pc/images/grade-m-59143112d7b13434e68636705297625b.png) 50% 50% no-repeat;
  height: 207px;
}

.sub-cont.grade-w .mem__grade__progress-bar {
  width: 440px;
}

.sub-cont.grade-w .mem__grade__progress-bar .white {
  background: #cfcfcf;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  transform: translateX(-50%);
  color: #fff;
  top: -102px;
}

.sub-cont.grade-w .mem__grade__progress-bar .white::before {
  background: #cfcfcf;
}

.sub-cont.grade-w .mem__grade__progress-bar .white::after {
  display: block;
  border-top-color: #cfcfcf;
}

.sub-cont.grade-w .mem__next__grade-type {
  color: #cfcfcf;
}

.sub-cont.grade-w .mem__benefit::before {
  background: url(/front_pc/images/grade-w-879efabbf4a7df7d6e025b9d1ea88ee7.png?ver=20210218) 50% 50% no-repeat;
  height: 207px;
}

.sub-cont.grade-w.next .mem__next__grade-type {
  color: #006450;
}

.sub-cont.grade-w.next .mem__benefit::before {
  background: url(/front_pc/images/grade-g-cba1e0c21553726eaf72a4ea9e9f6f70.png?ver=20210218) 50% 50% no-repeat;
  height: 207px;
}

.sub-cont.grade-g .mem__grade__progress-bar {
  width: 620px;
}

.sub-cont.grade-g .mem__grade__progress-bar .green {
  background: #006450;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  transform: translateX(-50%);
  color: #fff;
  top: -102px;
}

.sub-cont.grade-g .mem__grade__progress-bar .green::before {
  background: #006450;
}

.sub-cont.grade-g .mem__grade__progress-bar .green::after {
  display: block;
  border-top-color: #006450;
}

.sub-cont.grade-g .mem__next__grade-type {
  color: #006450;
}

.sub-cont.grade-g .mem__benefit::before {
  background: url(/front_pc/images/grade-g-cba1e0c21553726eaf72a4ea9e9f6f70.png?ver=20210218) 50% 50% no-repeat;
  height: 207px;
}

.sub-cont.grade-g.next .mem__next__grade-type {
  color: #000;
}

.sub-cont.grade-g.next .mem__benefit::before {
  background: url(/front_pc/images/grade-b-614e10ecf0f5398dea2162f2b5bd29d5.png?ver=20210218) 50% 50% no-repeat;
  height: 207px;
}

.sub-cont.grade-b .mem__grade__progress-bar {
  width: 100%;
}

.sub-cont.grade-b .mem__grade__progress-bar .black {
  background: #000;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  transform: translateX(-50%);
  color: #fff;
  top: -102px;
}

.sub-cont.grade-b .mem__grade__progress-bar .black::before {
  background: #000;
}

.sub-cont.grade-b .mem__grade__progress-bar .black::after {
  display: block;
  border-top-color: #000;
}

.sub-cont.grade-b .mem__next__grade-type {
  color: #000;
}

.sub-cont.grade-b .mem__benefit::before {
  background: url(/front_pc/images/grade-b-614e10ecf0f5398dea2162f2b5bd29d5.png?ver=20210218) 50% 50% no-repeat;
  height: 207px;
}

.item-area .box {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  counter-reset: best_list;
}

.item-area .box__list {
  position: relative;
  float: left;
  width: 340px;
  margin-top: 60px;
  margin-left: 40px;
}

.item-area .box__list:nth-of-type(3n+1) {
  margin-left: 0;
  clear: both;
}

.item-area .box__list:nth-of-type(-n+3) {
  margin-top: 0;
}

.item-area .box__list__inner {
  position: relative;
}

.item-area .box__list__no {
  display: inline-block;
  position: relative;
  margin-bottom: 24px;
  padding: 0 5px;
  font-size: 26px;
}

.item-area .box__list__no:after {
  display: inline-block;
  counter-increment: best_list;
  content: counter(best_list, decimal-leading-zero);
  font-weight: 600;
}

.item-area .box__list__no:before {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 8px;
  background: #F9D983;
  content: '';
}

.item-area .box__list a {
  display: block;
  position: relative;
  border-radius: 3px;
}

.item-area .box__list a:hover .box__list__thumb > img {
  transform: translate3d(-50%, -50%, 0) scale(1.3);
}

.item-area .box__list__thumb {
  overflow: hidden;
  width: 100%;
  height: 340px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}

.item-area .box__list__thumb > img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 340px;
  transform: translate3d(-50%, -50%, 0);
  transition: all 0.8s;
}

.item-area .box__list__tag {
  display: flex;
  margin-top: 15px;
  padding-top: 15px;
  overflow: hidden;
  border-top: 1px solid #dbdbdb;
}

.item-area .box__list__tag span img {
  display: block;
}

.item-area .box__list__tag span + span {
  margin-left: 5px;
}

.item-area .box__list__tag .text {
  line-height: 30px;
  padding: 0 10px;
  font-size: 15px;
  color: #ea1111;
  text-align: center;
  border: 1px solid #ea1111;
  border-radius: 30px;
}

.item-area .box__list__title__wrap {
  margin: 7px 0 10px 0;
}

.item-area .box__list__title {
  display: block;
  max-height: 60px;
  line-height: 1.3;
  font-size: 21px;
  font-weight: 600;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.item-area .box__list__sub {
  display: block;
  max-height: 24px;
  font-size: 18px;
  color: #999;
  line-height: 24px;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item-area .box__list__price {
  display: block;
  min-height: 41px;
  font-size: 16px;
}

.item-area .box__list__price-origin {
  display: block;
  margin-bottom: 5px;
  font-size: 22px;
  color: #999;
  vertical-align: top;
}

.item-area .box__list__price-origin + .box__list__price-discounted {
  padding-top: 0;
}

.item-area .box__list__price-discounted {
  display: inline-block;
  font-size: 24px;
  vertical-align: bottom;
}

.item-area .box__list__price-discounted strong {
  font-size: 28px;
  word-break: break-all;
}

.item-area .box__list__price-discounted-rate {
  display: inline-block;
  margin-right: 5px;
  font-size: 26px;
  font-weight: 600;
  color: #ea1111;
  vertical-align: bottom;
}

.item-area .box__list__cart {
  position: absolute;
  right: 0;
  top: 440px;
}

.item-area .box__list__cart span {
  display: block;
  position: relative;
  font: 0/0 a;
}

.item-area .box__list__cart span:before {
  content: "";
  display: block;
  background: url(/front_pc/images/icon_cart-b968c74691ef2fddba833a9135c95026.png?ver=210303) no-repeat center center;
  background-size: 100% 100%;
  width: 55px;
  height: 50px;
  margin: 0 auto;
}

.item-area .box__list__btn {
  margin-top: 13px;
}

.item-area .box__list__btn button {
  position: relative;
  right: 0;
  top: 0 !important;
  vertical-align: top;
}

.item-area .box__list__btn button span {
  display: block;
  position: relative;
  font: 0/0 a;
}

.item-area .box__list__btn button span:before {
  display: block;
  margin: 0 auto;
  width: 56px;
  height: 56px;
  background-size: 100% auto;
  background: url("/front_mo/images/icon_item_btn-ac73a6813fc75cd4235c08d0cbb46bf3.png") no-repeat;
  border: 1px solid #efefef;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.item-area .box__list__btn button:not(:first-child) {
  margin-left: 5px;
}

.item-area .box__list__btn button.box__list__cart span:before {
  background-position-x: -0px;
}

.item-area .box__list__btn button.box__list__gift span:before {
  background-position-x: -56px;
}

.item-area .box__list__btn button.box__list__heart span:before {
  background-position-x: -112px;
}

.item-area .box__list__btn button.box__list__heart.active span:before {
  background-image: url("/front_pc/images/btn_heart-on-8360fc631c685973c48d68d387376f33.png");
  background-position: center;
  background-size: 30px;
}

.item-area .box__list__btn .btn-init.arr {
  border-radius: 10px;
  padding: 15px;
  border-color: #dbdbdb;
}

.item-area .box__list__btn .btn-init.arr:after {
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
}

.item-area .box__list__add {
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #c5c5c5;
}

.item-area .box__list__add span {
  font: 0/0 a;
}

.item-area .box__list__add span:before {
  line-height: 20px;
  font-size: 50px;
  color: #fff;
  content: '+';
}

.item-area .box__list__text {
  display: block;
  margin-top: 20px;
}

.item-area .box__list__text > span {
  display: block;
  margin-top: 5px;
  font-size: 16px;
  font-weight: 600;
}

.item-area .box__list__text .green {
  color: #918c00;
}

.item-area .box__list__text .orange {
  color: #888;
}

.item-area .box__list__text .option {
  line-height: 1.4;
  font-weight: normal;
}

.item-area .box__list__text .red {
  color: #ff0000;
}

.item-area .box__list__text.col span {
  display: inline-block;
}

.item-area .box__list__text.col span:nth-of-type(2n) {
  float: right;
}

.item-area .box__list__label {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 150px;
  justify-content: right;
}

.item-area .box__list__label-txt {
  display: block;
  margin-top: 5px;
  min-width: 107px;
}

.item-area .box__list__label-txt:not(.type2) {
  height: 30px;
  line-height: 28px;
  font-weight: 600;
  color: #fff;
  background: rgba(96, 93, 0, 0.7);
  text-align: center;
}

.item-area .box__list__label-txt img {
  display: block;
}

.item-area .box__list__value {
  position: relative;
  margin-top: 15px;
  height: 33px;
  border: 1px solid #918c00;
  border-radius: 30px;
}

.item-area .box__list__value span {
  color: #666;
}

.item-area .box__list__value span:not(:first-child):before {
  display: inline-block;
  margin: -3px 8px 0;
  width: 1px;
  height: 14px;
  background: #999;
  vertical-align: middle;
  content: '';
}

.item-area .box__list__value span:first-child:before {
  position: relative;
  display: inline-block;
  margin: -4px 7px 0 -2px;
  width: 37px;
  height: 40px;
  vertical-align: middle;
  background: url("/front_mo/images/sp_ico-5e6cf53d3ebc4b7f16d07f5bd177f5cb.png?ver=20211214") no-repeat -267px -100px;
  transform: scale(0.6);
  content: '';
  z-index: 1;
}

.item-area .box__list__value span:first-child:after {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 35px;
  height: 35px;
  background: #918c00;
  content: '';
  z-index: 0;
  border-radius: 50%;
}

.item-area .box__list__score {
  display: flex;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 15px 0;
  width: 80px;
  height: 80px;
  background: rgba(145, 140, 0, 0.7);
  border-radius: 50%;
  z-index: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
}

.item-area .box__list__score-text {
  width: 100%;
  font-size: 15px;
  color: #fff;
  text-align: center;
}

.item-area .box__list__info {
  position: relative;
}

.item-area .box__list__flag {
  display: flex;
  flex-wrap: wrap;
}

.item-area .box__list__flag span {
  margin-top: 12px;
}

.item-area .box__list__flag span + span {
  margin-left: 5px;
}

.item-area .box__list__dday {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.5);
}

.item-area .box__list .hd-checkbox {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
}

.item-area .box.sm .box__list {
  width: 276px;
  margin-left: 21px;
}

.item-area .box.sm .box__list:nth-of-type(3n+1) {
  margin-left: 0;
  clear: both;
}

.item-area .box.sm .box__list:nth-of-type(-n+3) {
  margin-top: 0;
}

.item-area .box.sm .box__list__thumb {
  width: 100%;
  height: 276px;
}

.item-area__inner {
  margin-top: 100px;
}

.item-area__inner:nth-of-type(1) {
  margin-top: 0;
}

.item-area__tit {
  margin-top: 80px;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}

.item-area__tit-desc {
  display: block;
  margin-top: 10px;
  font-size: 24px;
  font-weight: normal;
  color: #888;
}

.product--money {
  margin: 0 auto;
  max-width: 640px;
}

.product--money--title {
  position: relative;
  padding-bottom: 15px;
  font-size: 18px;
  text-align: left;
  letter-spacing: -1px;
}

.product--money--select {
  position: absolute;
  right: 0;
  bottom: 5px;
}

.product--money--select .counter-box {
  display: inline-block;
}

.product--money--select .counter-box .text {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  padding: 10px 5px;
  font-size: 14px;
  border-radius: 4px;
  appearance: none;
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
}

.product--money--select .counter-box .minus, .product--money--select .counter-box .plus {
  width: 26px;
  height: 20px;
  background: #f2f2f2;
  border-radius: 4px;
  padding: 8px 5px 8px 5px;
  border: 1px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.product--money--detail {
  padding: 20px 0;
  border-top: 2px solid #1c1c1c;
  border-bottom: 1px solid #1c1c1c;
}

.product--money--detail li {
  margin-top: 10px;
}

.product--money--detail li:first-child {
  margin-top: 0;
}

.product--money--detail li:after {
  content: '';
  display: block;
  clear: both;
}

.product--money--detail li .txt {
  float: left;
}

.product--money--detail li .price {
  float: right;
  font-weight: 400;
}

.product--money--detail .detail-box {
  padding: 5px 0 5px 15px;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}

.product--money--detail .detail-box li {
  margin-top: 10px;
  color: #918c00;
}

.product--money--detail .detail-box li .price {
  font-weight: 600;
}

.product--money--detail + .product--money--detail {
  border-top: 0;
}

.product--money--total {
  margin-top: 25px;
  font-weight: 600;
}

.product--money--total:after {
  content: '';
  display: block;
  clear: both;
}

.product--money--total .txt {
  float: left;
  padding-top: 10px;
  font-size: 22px;
}

.product--money--total .price {
  position: relative;
  float: right;
  font-size: 32px;
}

.product--money--total .price:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 8px;
  background: #F9D983;
}

.hd .giftMulti {
  position: relative;
  padding: 38px 0;
  font-size: 18px;
  color: #707070;
  border-top: 1px solid #BCBCBC;
}

.hd .giftMulti_select {
  position: absolute;
  right: 0;
  top: 30px;
}

.hd .giftMulti_select select {
  width: 80px;
  height: 36px;
  padding: 0 10px;
  font-size: 16px;
  border-radius: 18px;
  background: #fff;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

.hd .giftMulti_select:after {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 0;
  height: 0;
  content: '';
  border: 5px solid transparent;
  border-color: #000 transparent transparent transparent;
}

.hd .giftMulti_text {
  margin: 30px 0 -20px;
  padding-left: 23px;
  line-height: 1.6;
  font-size: 15px;
  color: #918c00;
  text-indent: -22px;
}

.hd .giftMulti_text strong {
  display: block;
  font-size: 18px;
}

.hd .giftMulti .discount-tooltip {
  top: 47px;
  right: 100px;
  font: 14px;
}

.hd .giftSelect {
  position: relative;
  margin-bottom: 25px;
  padding-top: 6px;
  line-height: 30px;
}

.hd .giftSelect .btn-round {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 16px;
}

.hd .giftSelect_list {
  padding: 0 0 30px;
}

.hd .giftSelect_list .orderCartBox__list {
  border-top: 0;
}

.hd .giftSelect_list .orderCartBox__list__inner {
  padding: 20px 0;
  border-bottom: 1px solid #BCBCBC;
}

.hd .giftSelect_list .orderCartBox__list__cont {
  width: 380px !important;
  min-height: auto !important;
}

.hd .giftSelect_list .orderCartBox__list__cont .cont__title {
  width: 310px;
  letter-spacing: -0.5px;
}

.hd .giftSelect_list .orderCartBox__list__cont .cont__opts {
  min-height: 26px;
}

.hd .giftSelect_list .orderCartBox__list__cont .prd_value + .cont__desc {
  margin-top: 20px;
}

.hd .giftSelect_list .orderCartBox__list .prd_value {
  margin-top: 10px;
  width: auto;
}

.hd .giftSelect_list .orderCartBox__list .btn__list-delete {
  top: 40px;
}

.hd .giftSelect_list .orderCartBox__list .selling-price.price02 {
  width: 120px;
  margin-left: 0;
  margin-bottom: 10px;
  vertical-align: bottom;
  text-align: right;
}

.hd .giftSelect_list .orderCart__list {
  padding: 0 30px;
  margin-top: -1px;
  border: 0;
  max-height: 500px;
  overflow-y: auto;
}

.hd .giftSelect_list .btn {
  padding: 0 30px;
}

.hd .giftSelect_list .btn-init.green, .hd .giftSelect_list .btn-init.grey {
  height: 55px;
}

.hd .giftSelect_list .priceArea {
  position: relative;
  margin-top: -1px;
  border-top: 2px solid #918c00;
}

.hd .giftSelect_list .priceArea .box {
  border: 0;
}

.hd .giftGuide {
  margin-top: 25px;
  padding: 20px 20px 15px;
  color: #888;
  background: #f5f5f5;
}

.hd .guide_text li {
  margin: 0 0 0 14px;
  padding-bottom: 5px;
  line-height: 1.4;
  color: #888;
  text-indent: -10px;
}

.hd .guide_text li em {
  color: #918c00;
}

.hd .meals-text {
  margin: -15px 0 20px;
  font-size: 21px;
  text-align: center;
}

.hd .meals-text .gift {
  color: #918c00;
}

.hd .meals-order.gift li.on.gift {
  position: relative;
  margin-top: 0;
  color: #918c00;
}

.hd .meals-order.gift li.on.gift:before {
  color: #918c00;
  background: #fff;
  border-color: #918c00;
}

.hd .meals-order.gift li.on.gift .gift_txt {
  position: absolute;
  left: -50px;
  top: -15px;
  line-height: 1.65;
  font-size: 18px;
  color: #918c00;
  text-align: center;
}

.hd .meals-order.gift:before {
  width: 146px;
  transform: translate3d(-100%, 0, 0);
}

.hd .meals-order.gift:after {
  position: absolute;
  top: 15px;
  right: 50%;
  width: 146px;
  height: 1px;
  background: #918c00;
  content: '';
  transform: translate3d(100%, 0, 0);
  z-index: -1;
}

.hd .demand .giftProduct {
  margin-top: -20px;
  min-height: 20px;
}

.hd .demand .giftProduct .box__list.single {
  padding: 0;
  border-top: 0;
}

.hd .demand .giftProduct .box__list.single .title {
  padding-top: 30px;
  line-height: 1;
  font-size: 17px;
}

.hd .demand .giftProduct .box__list.single .boxInner {
  padding-top: 20px;
  min-height: 140px;
  border-bottom: 1px solid #ccc;
}

.hd .demand .giftProduct .box__list.single .boxInner .detail__lft {
  max-width: 240px;
}

.hd .demand .giftProduct .box__list.single .delivery-fee {
  border-top: 0;
  border-bottom: 1px solid #ccc;
}

.hd .demand .btn-init.green {
  height: 45px;
}

.hd .booth {
  margin: 0 auto;
  width: 750px;
}

.hd .booth-title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
}

.hd .booth .join-order {
  margin-top: 30px;
}

.hd .booth .join-order:before {
  width: 600px;
}

.hd .booth .join-order li {
  width: 112px;
  color: #1c1c1c;
}

.hd .booth .join-order li span {
  display: block;
  margin-top: 5px;
  font-size: 85%;
  color: #888;
}

.hd .booth .btn {
  margin-top: 50px;
  height: 70px;
}

.hd .booth .btn-init {
  font-size: 24px;
}

.hd .booth .agree-box {
  line-height: 24px;
  font-size: 15px;
  color: #888;
}

.hd .booth .agree-box dl {
  margin: 20px 0 40px 20px;
  border: 1px solid #ccc;
  border-bottom: 0;
  overflow: hidden;
}

.hd .booth .agree-box dl dt, .hd .booth .agree-box dl dd {
  padding: 10px;
  color: #555;
  border-bottom: 1px solid #ccc;
}

.hd .booth .agree-box dl dt {
  float: left;
  width: 150px;
  background: #f5f5f5;
  text-align: center;
}

.hd .booth .agree-box dl dd {
  float: right;
  width: 538px;
}

.hd .booth .agree-txt {
  margin-top: 20px;
  padding-top: 20px;
}

.hd .booth .agree-title {
  padding-left: 20px;
  text-indent: -15px;
  color: #555;
}

.hd .booth .ecoDelivery__form {
  border-top: 0;
}

.hd .booth .ecoDelivery__form-head {
  border-top: 3px solid #1c1c1c;
}

.hd .booth .ecoDelivery__form .memberSelect {
  display: inline-block;
  width: 172px !important;
}

.hd .booth .ecoDelivery__form .input_text {
  padding: 0 20px;
  height: 44px;
  box-sizing: border-box;
}

.hd .booth .ecoDelivery__form ul + .ecoDelivery__form-head {
  margin-top: 40px;
}

.hd .checkAddress {
  width: 640px;
  background: #eaeaea;
}

.hd .checkAddress img {
  display: block;
}

.hd .checkAddress .tab-area .tab-menu {
  margin: 0 auto;
  padding: 0 35px;
  width: 640px;
  height: auto;
  overflow: hidden;
  border: 0;
  box-sizing: border-box;
  background: #f5f5f5;
}

.hd .checkAddress .tab-area .tab-menu li {
  float: left;
  width: 50%;
  height: 100px;
}

.hd .checkAddress .tab-area .tab-menu li a {
  display: block;
  height: 100%;
  background: url("/front_mo/images/img_checkAddress_tab-00db95036f612888baece4934d75e744.jpg?ver=20230313");
  text-indent: -999em;
}

.hd .checkAddress .tab-area .tab-menu li a:after {
  display: none;
}

.hd .checkAddress .tab-area .tab-menu li.n2 a {
  background-position-x: right;
}

.hd .checkAddress .tab-area .tab-menu li a:hover,
.hd .checkAddress .tab-area .tab-menu li.tab-menu__list--on a {
  background-position-y: bottom;
}

.hd .checkAddress .tab-area .tab-content {
  margin: 0 auto;
  width: 640px;
}

.hd .checkAddress__sec {
  position: relative;
}

.hd__recommend .recommend-banner {
  position: relative;
  padding-top: 130px;
  height: 390px;
  text-align: center;
  background: url("/front_pc/images/recommend_img-87a44c8fd65e831bb12be42a1d2df258.jpg?ver=240830") no-repeat center top;
  box-sizing: border-box;
}

.hd__recommend .recommend-banner .banner-tit {
  font-size: 50px;
  font-weight: bold;
  color: #fff;
}

.hd__recommend .recommend-banner .banner-txt {
  margin-top: 10px;
  line-height: 1.5;
  font-size: 23px;
  color: #c9c9c9;
}

.hd__recommend .recommend-banner .banner-btn {
  position: relative;
  display: block;
  margin: 25px auto 0;
  width: 190px;
  line-height: 50px;
  font-size: 22px;
  color: #ebeae8;
  background: rgba(167, 161, 0, 0.8);
  border-radius: 30px;
  z-index: 1;
}

.hd__recommend .recommend-banner .banner-btn:after {
  display: inline-block;
  margin: -4px 0 0 10px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: solid #ebeae8;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  content: '';
}

.hd__recommend .recommend-banner:after {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 100%;
  background: url(/front_pc/images/bg_brand-c724aae5181f58eb7fe45f535e1e5b51.png) no-repeat left bottom;
  background-size: 100% auto;
  content: '';
}

.hd__recommend .recommend-content {
  display: flex;
  flex-wrap: wrap;
  width: 580px;
}

.hd__recommend .recommend-content .qa {
  margin-top: 60px;
}

.hd__recommend .recommend-content .qa-tit {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: bold;
}

.hd__recommend .recommend-content .qa-tit span {
  position: relative;
  display: inline-block;
}

.hd__recommend .recommend-content .qa-tit span:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  content: '';
  background: #F9D983;
  z-index: -1;
}

.hd__recommend .recommend-content .qa-tit em {
  font-size: 20px;
  font-weight: normal;
  color: #888;
}

.hd__recommend .recommend-content .qa-box {
  width: 580px;
  font-size: 26px;
}

.hd__recommend .recommend-content .qa-box ul {
  display: flex;
  flex-wrap: wrap;
}

.hd__recommend .recommend-content .qa-box ul li {
  position: relative;
  display: flex;
  margin-top: 10px;
  width: 100%;
  min-height: 70px;
  overflow: hidden;
  text-align: center;
  align-items: center;
}

.hd__recommend .recommend-content .qa-box ul li span {
  display: block;
  color: #888;
}

.hd__recommend .recommend-content .qa-box ul li label {
  padding: 25px 10px;
  width: 100%;
  line-height: 1.3;
  box-sizing: border-box;
}

.hd__recommend .recommend-content .qa-box ul li input[type="radio"], .hd__recommend .recommend-content .qa-box ul li input[type="checkbox"] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
}

.hd__recommend .recommend-content .qa-box ul li input[type="radio"] + label:after, .hd__recommend .recommend-content .qa-box ul li input[type="checkbox"] + label:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  box-sizing: border-box;
  content: '';
  border-radius: 50px;
  z-index: -1;
}

.hd__recommend .recommend-content .qa-box ul li input[type="radio"]:checked + label, .hd__recommend .recommend-content .qa-box ul li input[type="checkbox"]:checked + label {
  color: #fff;
}

.hd__recommend .recommend-content .qa-box ul li input[type="radio"]:checked + label span, .hd__recommend .recommend-content .qa-box ul li input[type="checkbox"]:checked + label span {
  color: #fff;
}

.hd__recommend .recommend-content .qa-box ul li input[type="radio"]:checked + label:after, .hd__recommend .recommend-content .qa-box ul li input[type="checkbox"]:checked + label:after {
  background: #918c00;
}

.hd__recommend .recommend-content .qa-box.range {
  padding-bottom: 50px;
}

.hd__recommend .recommend-content .qa-box.range .range-bar {
  -webkit-appearance: none;
  -moz-apperance: none;
  padding: 0 20px;
  width: 100%;
  border-radius: 20px;
  height: 15px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9a9632), color-stop(0, #C5C5C5));
  box-sizing: border-box;
}

.hd__recommend .recommend-content .qa-box.range .range-bar::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  background-color: #E9E9E9;
  border: 8px solid #918c00;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.hd__recommend .recommend-content .qa-box.range .range-txt {
  position: relative;
  margin-top: 20px;
}

.hd__recommend .recommend-content .qa-box.range .range-txt span {
  position: absolute;
  top: 0;
  width: 90px;
  font-size: 19px;
  text-align: center;
}

.hd__recommend .recommend-content .qa-box.range .range-txt span:before {
  display: block;
  margin: 0 auto 10px;
  width: 1px;
  height: 15px;
  background: #888;
  content: '';
}

.hd__recommend .recommend-content .qa-box.range .range-txt span:nth-of-type(1) {
  left: -3px;
}

.hd__recommend .recommend-content .qa-box.range .range-txt span:nth-of-type(2) {
  left: 121px;
}

.hd__recommend .recommend-content .qa-box.range .range-txt span:nth-of-type(3) {
  left: 50%;
  transform: translateX(-50%);
}

.hd__recommend .recommend-content .qa-box.range .range-txt span:nth-of-type(4) {
  left: 371px;
}

.hd__recommend .recommend-content .qa-box.range .range-txt span:nth-of-type(5) {
  left: 497px;
}

.hd__recommend .recommend-content .qa:nth-of-type(1) .qa-box li, .hd__recommend .recommend-content .qa:nth-of-type(3) .qa-box li {
  width: 185px;
}

.hd__recommend .recommend-content .qa:nth-of-type(1) .qa-box li:not(:first-child), .hd__recommend .recommend-content .qa:nth-of-type(3) .qa-box li:not(:first-child) {
  margin-left: 12px;
}

.hd__recommend .recommend-content .qa:nth-of-type(1) .qa-box li label, .hd__recommend .recommend-content .qa:nth-of-type(3) .qa-box li label {
  padding: 13px 10px;
  font-size: 24px;
}

.hd__recommend .recommend-content .qa:nth-of-type(1) .qa-box li label:before, .hd__recommend .recommend-content .qa:nth-of-type(3) .qa-box li label:before {
  display: block;
  margin: 0 auto 5px;
  width: 80px;
  height: 71px;
  background: url("/front_mo/images/recommend_ico-baabccb30d85fdf4759c40c08099d89b.png") no-repeat 0 -5px;
  content: '';
}

.hd__recommend .recommend-content .qa:nth-of-type(1) .qa-box li label:after, .hd__recommend .recommend-content .qa:nth-of-type(3) .qa-box li label:after {
  border-radius: 30px;
}

.hd__recommend .recommend-content .qa:nth-of-type(1) .qa-box li:nth-of-type(2) label:before, .hd__recommend .recommend-content .qa:nth-of-type(3) .qa-box li:nth-of-type(2) label:before {
  background-position-x: 50%;
}

.hd__recommend .recommend-content .qa:nth-of-type(1) .qa-box li:nth-of-type(3) label:before, .hd__recommend .recommend-content .qa:nth-of-type(3) .qa-box li:nth-of-type(3) label:before {
  background-position-x: 100%;
}

.hd__recommend .recommend-content .qa:nth-of-type(3) .qa-box li label:before {
  background-position-y: bottom;
}

.hd__recommend .recommend-content .btn .btn-init {
  margin-top: 70px;
  width: 580px;
  line-height: 108px;
  font-size: 28px;
  border-radius: 60px;
}

.hd .popup_recommend iframe {
  display: block;
  width: 580px;
  height: 335px;
}

.hd .popup_recommend .btn__close-x {
  right: 0;
  top: -45px;
  padding: 8px;
  background: #918c00;
  border-radius: 50%;
  transform: none;
}

.hd .popup_recommend .btn__close-x:after, .hd .popup_recommend .btn__close-x:before {
  margin: 6px 0 0 3px;
  background: #fff;
  height: 20px;
}

.hd .bestReview__sec {
  margin-top: 70px;
}

.hd .bestReview__top {
  position: relative;
  text-align: center;
}

.hd .bestReview__top-title {
  font-size: 40px;
  font-weight: bold;
}

.hd .bestReview__top-text {
  margin-top: 15px;
  font-size: 30px;
  color: #999;
}

.hd .bestReview__top-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-bottom: 5px;
  font-size: 20px;
  color: #999;
  border-bottom: 1px solid #999;
}

.hd .bestReview__top span {
  display: inline-block;
  vertical-align: top;
}

.hd .bestReview__list {
  position: relative;
  padding: 0 0 0 10px;
  text-align: center;
  box-sizing: border-box;
}

.hd .bestReview__list [class^="swiper-button-"] {
  position: absolute;
  top: 37%;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}

.hd .bestReview__list [class^="swiper-button-"]:after {
  display: inline-block;
  margin: 16px 0 0 7px;
  width: 12px;
  height: 12px;
  border: solid #1c1c1c;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

.hd .bestReview__list .swiper-wrapper {
  white-space: nowrap;
}

.hd .bestReview__list .swiper-slide {
  display: inline-block;
  position: relative;
  margin-left: 20px;
  padding: 40px 0;
  width: 260px;
  vertical-align: top;
  white-space: normal;
}

.hd .bestReview__list .swiper-pagination-progressbar {
  position: relative;
  margin-left: 20px;
  width: 1070px;
  height: 3px;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.hd .bestReview__list .swiper-pagination-progressbar-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #918c00;
  transform: scale(0);
  transform-origin: left top;
  transition: all 0.3s;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.hd .bestReview__list .swiper-button-prev {
  left: 0;
}

.hd .bestReview__list .swiper-button-next {
  right: -30px;
}

.hd .bestReview__list .swiper-button-next:after {
  margin: 16px 4px 0 0;
  border-width: 2px 2px 0 0;
}

.hd .bestReview__list .swiper-button-disabled {
  opacity: 0.6;
  cursor: auto !important;
}

.hd .bestReview__list .swiper-button-disabled:after {
  border-color: #888;
}

.hd .bestReview__list .list__thumb {
  height: 260px;
  border-radius: 30px;
  overflow: hidden;
}

.hd .bestReview__list .list__thumb img {
  width: 100%;
  height: 260px;
}

.hd .bestReview__list .list__thumb .box__list__score {
  display: flex;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 15px 0;
  width: 80px;
  height: 80px;
  background: rgba(145, 140, 0, 0.7);
  border-radius: 50%;
  z-index: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
}

.hd .bestReview__list .list__thumb .box__list__score-text {
  width: 100%;
  font-size: 15px;
  color: #fff;
  text-align: center;
}

.hd .bestReview__list .list__name {
  margin-top: 20px;
  height: 55px;
  font-size: 24px;
  font-weight: bold;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .bestReview__list .list__user {
  margin-top: 10px;
  font-size: 21px;
  color: #999;
}

.hd .bestReview__list .list__keyword {
  height: 40px;
  font-size: 24px;
}

.hd .bestReview__list .list__keyword-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 5px 0;
  line-height: 24px;
  color: #918c00;
}

.hd .bestReview__list .list__keyword-box span {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 5px 9px;
  font-size: 21px;
  font-weight: bold;
  border: 1px solid #918c00;
  border-radius: 30px;
  vertical-align: top;
  box-sizing: border-box;
}

.hd .bestReview__list .list__review {
  position: relative;
  margin-top: 35px;
  padding: 35px 0;
  border-radius: 30px;
  background: #f5f5f5;
}

.hd .bestReview__list .list__review:before {
  position: absolute;
  left: 47%;
  top: -30px;
  width: 35px;
  height: 35px;
  background: #f5f5f5;
  border-left: 0;
  border-top: 0;
  transform: rotate(-135deg) translateY(-50%);
  content: '';
  z-index: 0;
}

.hd .bestReview__list .list__title {
  height: 50px;
  font-size: 22px;
  font-weight: bold;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd .bestReview__list .list__helpful {
  margin-top: 10px;
  font-size: 23px;
}

.hd .bestReview__list .list__helpful:before {
  display: inline-block;
  margin: -3px 4px 0 0;
  width: 28px;
  height: 29px;
  background: url(/front_mo/images/sp_ico-5e6cf53d3ebc4b7f16d07f5bd177f5cb.png?ver=220421) no-repeat;
  background-size: 640px auto;
  background-position: -309px -190px;
  vertical-align: top;
  content: '';
}

.hd .bestReview__list .list__detail {
  display: block;
  margin: 20px auto 0;
  padding: 7px 0;
  width: 150px;
  font-size: 20px;
  border: 1px solid #1c1c1c;
  border-radius: 30px;
  box-sizing: border-box;
}

.hd .bestReview__list .list__detail:after {
  display: inline-block;
  margin-top: 4px;
  width: 9px;
  height: 9px;
  border: solid #1c1c1c;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg) translateY(-50%);
  vertical-align: middle;
  content: '';
}

.hd .bestReview__list.number {
  counter-reset: review_list;
}

.hd .bestReview__list.number .swiper-wrapper .swiper-slide:before {
  position: absolute;
  left: 0;
  top: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  counter-increment: review_list;
  content: counter(review_list);
  text-align: center;
  background: #918c00;
  z-index: 1;
}

.hd .bestReview__list.number .swiper-wrapper .swiper-slide:nth-of-type(1):after {
  position: absolute;
  left: -10px;
  top: 20px;
  width: 60px;
  height: 27px;
  content: '';
  background: url(/front_mo/images/sp_ico-5e6cf53d3ebc4b7f16d07f5bd177f5cb.png?ver=220421) no-repeat;
  background-position: -527px -45px;
  z-index: 2;
}

.hd .bestReview__list.number .swiper-wrapper .swiper-slide:nth-of-type(2):after, .hd .bestReview__list.number .swiper-wrapper .swiper-slide:nth-of-type(3):after {
  position: absolute;
  left: 7px;
  top: 20px;
  width: 27px;
  height: 21px;
  content: '';
  background: url(/front_mo/images/sp_ico-5e6cf53d3ebc4b7f16d07f5bd177f5cb.png?ver=220421) no-repeat;
  background-position: -532px -76px;
  z-index: 2;
}

.hd .bestReview__select {
  position: relative;
  margin-top: 20px;
  height: 53px;
  z-index: 2;
}

.hd .bestReview__select-box {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  text-align: left;
  border: 1px solid #ccc;
  border-radius: 30px;
  vertical-align: top;
  background: #fff;
  cursor: pointer;
}

.hd .bestReview__select-box .accordion__head {
  padding-right: 40px;
  min-width: 90px;
}

.hd .bestReview__select-box .accordion__head:before {
  position: absolute;
  right: 15px;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 12px solid #1c1c1c;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: '';
  z-index: 0;
}

.hd .bestReview__select-box .accordion__head--on:before {
  border-top: none;
  border-bottom: 12px solid #1c1c1c;
}

.hd .bestReview__select-title {
  padding: 13px 20px 14px 20px;
  font-size: 21px;
  font-weight: bold;
  background: transparent;
}

.hd .bestReview__select-list {
  padding: 0 20px 15px;
  line-height: 2;
}

.hd .bestReview__select-list li:hover {
  color: #918c00;
}

.hd .bestReview__banner .slick-dots {
  bottom: 20px;
}

.hd .vreview-best-review-widget-iframe {
  max-width: 100% !important;
}

.hd__myHpPay .myHpPay .tab-menu {
  padding-top: 0;
}

.hd__myHpPay .myHpPay__head {
  position: relative;
  padding-top: 10px;
}

.hd__myHpPay .myHpPay__btn-box {
  position: absolute;
  top: -70px;
  right: 0;
}

.hd__myHpPay .myHpPay__btn-box .btn-init {
  display: inline-block;
  margin-right: 5px;
  padding: 0 20px;
  width: auto;
  height: 45px;
  font-size: 16px;
  line-height: 45px;
}

.hd__myHpPay .myHpPay__btn-txt {
  display: block;
  margin: 50px auto 0;
  text-align: center;
}

.hd__myHpPay .myHpPay__btn-txt span {
  border-bottom: 1px solid #1c1c1c;
}

.hd__research__sec {
  margin-top: 80px;
}

.hd__research__sec.bg {
  padding: 80px 0 100px;
  background: #f5f5f5;
}

.hd__research__sec .main__h3 {
  margin-bottom: 15px;
  text-align: center;
}

.hd__research__sec .main__desc {
  margin-bottom: 40px;
  text-align: center;
}

.hd__research__news {
  display: flex;
  flex-wrap: wrap;
  margin: 0 30px;
}

.hd__research__news li {
  margin-bottom: 40px;
  width: 22.75%;
}

.hd__research__news li:not(:nth-of-type(4n)) {
  margin-right: 3%;
}

.hd__research__news li .title {
  margin-top: 15px;
  font-size: 18px;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.hd__research__news li .cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-top: 15px;
  color: #888;
}

.hd__research__news li .cont .media {
  color: #bbb;
}

.hd__research__list {
  display: flex;
}

.hd__research__list li {
  margin: 0 10px;
  width: 700px !important;
  border-radius: 20px;
  overflow: hidden;
}

.hd__research__list .slick-slide {
  transform: scale(0.9);
  transition: all 0.5s;
}

.hd__research__list .slick-center {
  transform: scale(1);
}

.hd__research__list .slick-prev {
  left: 50%;
  margin-left: -395px;
}

.hd__research__list .slick-next {
  right: 50%;
  margin-right: -395px;
}

.hd.amore {
  padding-top: 100px;
}

.hd.amore .amore__header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100px;
  background: #918c00;
  z-index: 1;
}

.hd.amore .amore__header-inner {
  display: flex;
  position: relative;
  margin: 0 auto;
  padding-top: 40px;
  width: 1100px;
}

.hd.amore .amore__header .logo {
  width: 150px;
}

.hd.amore .amore__header .text {
  margin-left: 30px;
  font-size: 20px;
  color: #fff;
}

.hd.amore .amore__header .menu {
  display: flex;
  position: absolute;
  right: 0;
  top: 45px;
}

.hd.amore .amore__header .menu li {
  margin-left: 30px;
}

.hd.amore .amore__header .menu li a {
  color: #fff;
}

.hd__amore .care-comm {
  position: relative;
  padding-bottom: 150px;
}

.hd__amore .care-comm ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -123px;
}

.hd__amore .care-comm ul li {
  margin-top: 20px;
  width: 500px;
  border-radius: 20px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.hd__amore .care-comm ul li img {
  display: block;
}

.hd__amore .care-comm ul li:nth-child(2n) {
  margin-left: 20px;
}

.hd__amore .care-comm > div {
  height: 400px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  overflow: hidden;
}

.hd__amore .care-comm > div img {
  display: block;
  margin: 0 auto;
}

.hd__amore .care-comm .main__h3 {
  margin-top: 80px;
  font-size: 34px;
  text-align: center;
}

.hd__amore .care-comm .main__h3 strong {
  color: #fff;
}

.hd__amore .care-comm .main__h3-more {
  margin-top: 8px;
  border-color: #fff;
  background: #fff !important;
}

.hd__amore .care-comm .main__h3-more:before {
  border-color: #1c1c1c !important;
}

.hd__amore .care-comm .main__desc {
  font-size: 26px;
  color: #fff;
  text-align: center;
}

.hd__amore .care-comm .main__tag {
  margin-top: 30px;
  text-align: center;
}

.hd__amore .care-comm .main__tag span {
  display: inline-block;
  margin: 0 2px;
  padding: 0 15px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  vertical-align: top;
  border: 1px solid #fff;
  border-radius: 30px;
}

.hd__amore .care-comm.healthy > div {
  background-image: url("/front_pc/images/img_main_healthy2-e6c4039d1c12bb3000a6b4ebd1cd2349.jpg");
}

.hd__amore .care-comm.care > div {
  background-image: url("/front_pc/images/img_main_care-58e6b30836936947f89ebf133eab1e47.jpg");
}

.hd .myStrap-list {
  display: flex;
  flex-wrap: wrap;
}

.hd .myStrap-list li {
  margin: 0 15px 35px 0;
  width: 280px;
}

.hd .myStrap-list li:nth-of-type(3n) {
  margin-right: 0;
}

.hd .myStrap-list li .img {
  position: relative;
  height: 232px;
  overflow: hidden;
}

.hd .myStrap-list li .img .ico_strap {
  position: absolute;
  right: 20px;
  top: 20px;
}

.hd .myStrap-list li .img img {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  max-width: none;
  height: 100%;
  transform: translateX(-50%);
}

.hd .myStrap-list li .box {
  position: relative;
  margin-top: 15px;
}

.hd .myStrap-list li .box .tit {
  margin-top: 10px;
  font-size: 18px;
}

.hd .myStrap-list li .box .sort {
  color: #888;
}

.hd .myStrap-list li .box .sort.c1 {
  color: #307d0e;
}

.hd .myStrap-list li .box .sort.c2 {
  color: #918c00;
}

.hd .myStrap-list li .box .sort.c3 {
  color: #a4111f;
}

.hd .myStrap-list li .box .sort.c4 {
  color: #378a9f;
}

.hd .myStrap-list li .box .sort.c5 {
  color: #6111a4;
}

.hd .myStrap .none-list__inner {
  padding: 60px 0 90px;
  border-bottom: 0;
  border-top: 1px solid #ccc;
}

/* reset */
html {
  overflow-y: scroll;
}

html, body {
  font-family: "Noto Sans Korean";
  -webkit-print-color-adjust: exact;
  printer-colors: exact;
  color-adjust: exact;
}

a {
  color: #1c1c1c;
  text-decoration: none;
}

ul, ol {
  margin: 0;
  padding: 0;
}

ul li, ol li {
  list-style: none;
}

h1, h2, h3, h4 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

em {
  font-style: normal;
}

figure, p {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

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

legend {
  border: 0;
  background-color: transparent;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}

table caption {
  display: none;
}

.cascading select {
  width: 100px;
  height: 200px;
}

button {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

button,
button:focus,
button:active {
  border: 0;
  outline: 0;
}

input {
  margin: 0;
  padding: 0;
}

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

dl, dt, dd {
  margin: 0;
  padding: 0;
}

.hidden {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
}

.strong {
  font-weight: 600;
  color: #1c1c1c;
}

form {
  margin: 0;
  padding: 0;
}

ins {
  text-decoration: none;
}

blockquote {
  margin: 0;
}

:focus {
  outline: none;
}

.blind {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}


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